html,body,h1,h2,h3,h4,h5,h6,div,dl,dt,dd,ul,ol,li,p,blockquote,pre,hr,figure,table,caption,th,td,form,fieldset,legend,input,button,textarea,menu{margin:0; padding:0;}
header,footer,section,article,aside,nav,hgroup,address,figure,figcaption,menu,details,summary,picture{display:block;}
body{font-family: Arial,'Microsoft YaHei' ;
     color:#5f5f5f;
     overflow-x: hidden;
     box-sizing:border-box;
}

ul,li{list-style:none;
}

a{text-decoration:none;
}

img{border:none;
	vertical-align: middle;
}


.clearfix:after{content:"";
                height:0;
                display:block;
                clear:both;
}
em{font-style:normal;
}

input,button,textarea{outline:none;}
h1{font-size: 24px;
	color: #666;
	font-weight: normal;
	
}
.animation {animation-duration: 2s;
	       -webkit-animation-duration: 2s;
		    animation-delay: .6s;
		    -webkit-animation-delay: .6s;
}
.w1200{width:1200px;
	   margin:auto;
	   padding:76px 0;
}

/*头部*/
.header{width:100%;
	    height:92px;
	    background:#1e2b40;
}

.head{width:1200px;
	  margin:0 auto;
}

.logo{float:left;
	  height:92px;
	  overflow: hidden;

}

.logo a{line-height: 92px;}
.logo img{vertical-align: middle;}

.nav{float:right;
}

.nav ul li{float:left;
	       padding:0 22px;
	       cursor:pointer;
}
.nav ul li:hover a{color: #008cd6;
}
.nav ul li a{line-height: 92px;
	         color:#fff;
	         font-size:16px;
}

.equal-banner{width:100%;
	        height:490px;
	        background: url(equal-banner.jpg)center;
	        position:relative;
}

.equal-banner .text{width:1200px;
	                margin:0 auto;
	                position: relative;
}

.equal-banner .text h1{font-size:48px;
	                    color:#fff;
	                    line-height: 60px;
	                    padding-top:163px;
	                    font-weight: normal;
	                    text-align: left;
}
.equal-banner .text h1 img{margin:0 10px;

}
.equal-banner .text p{font-size:20px;
	                   color:#fff;
	                   margin-top:10px;
}
.equal-banner .text .qrfair{position: absolute;
	                        top:140px;
	                        right:0;
	                        text-align: center;
}
.equal-banner .text .qrfair p{font-size:16px;
	                           font-weight: bold;
}

.small-nav{width:100%;
	       height:90px;
	       background: url(small-nav-bg.png);
	       position: absolute;
	       bottom:0;
	       z-index: 99;
}
.small-nav.on{position: fixed;
	          top:0;
}

.small-nav ul{width:1200px;
	          margin:0 auto;
}
.small-nav ul li{float:left;
	             font-size:14px;
	             color:#fff;
	             width:14.28%;
	             text-align: center;
	             line-height: 90px;
	             cursor:pointer;
	             box-sizing:border-box;
	             position:relative;
}
.small-nav ul .li1:before{content:"";
                       position: absolute;
                       left:0;
                       top:5px;
                       background: url(a-li.png);
                       width:4px;
                       height:80px;

}
.small-nav ul li:after{content:"";
                       position: absolute;
                       right:-1px;
                       top:5px;
                       background: url(a-li.png);
                       width:4px;
                       height:80px;
}
.small-nav ul li:hover{background: rgba(255,255,255,0.05);}

/*内容*/
/*方案概述*/
.zbh-summary{width:100%;
	         height:400px;
	         background: url(summary_bg.jpg);
}
.zbh-t {position: relative;
	    padding-left:24px;
	    padding-bottom:30px;
}
.zbh-t:before{content:"";
              width:7px;
              height:24px;
              background: #33b3e2;
              position: absolute;
              top:0;
              left:0;
}
.zbh-summary p{padding-left:24px;
	          font-size:16px;
	          color:#5f5f5f;
	          line-height: 34px;
}


/*建设理念*/
.zbh-idea{background: #f4f8fb;

}
.zbh-idea .main{background: #fff;
	            padding:30px;
}

.zbh-idea .idea-t{font-size:16px;
	               line-height: 30px;
}
.zbh-idea .left{width:66%;
	            float:left;
}

.zbh-idea .left .img{float:left;
	                 text-align: center;
	                 width:10%;
	                  margin-top: 10px;

}
.zbh-idea .left .img img{display: block;}
.zbh-idea .left .img .img2{margin:10px 18px;}
.zbh-idea .left .text{float:left;
	                  width:90%;
}
.zbh-idea .left .text p{font-size:14px;
	                     line-height: 24px;
	                     margin-top:14px;
}
.zbh-idea .right{width:34%;
	             float:right;
	              text-align: right;
}

/*详情*/
.details-t p{    padding-left: 24px;
    font-size: 16px;
    color: #5f5f5f;


}
.zbh-details .main{margin-top:60px;
	               height:350px;
}
.zbh-details ul li{width:18%;
	               height:285px;
	               z-index: 1;
	               background-size:cover;
	               -webkit-transition:all .5s;
	               transition:all .5s;
	               float:left;
	               margin-left:1%;
}
.zbh-details ul li:hover{transform: scale(1.3);
	                      z-index: 2;
	                      border:2px solid #fff;
	                      
}

.zbh-details ul .li1{background: url(../xxaq_img/details_bg1.jpg);}
.zbh-details ul .li1:hover{background: url(../xxaq_img/details_bg1_2.jpg);

}
.zbh-details ul .li2{background: url(../xxaq_img/details_bg2.jpg);}
.zbh-details ul .li2:hover{background: url(../xxaq_img/details_bg2_2.jpg);

}
.zbh-details ul .li3{background: url(../xxaq_img/details_bg3.jpg);}
.zbh-details ul .li3:hover{background: url(../xxaq_img/details_bg3_2.jpg);

}
.zbh-details ul .li4{background: url(../xxaq_img/details_bg4.jpg);}
.zbh-details ul .li4:hover{background: url((../xxaq_img/details_bg4_2.jpg);

}
.zbh-details ul .li5{background: url(../xxaq_img/details_bg5.jpg);}
.zbh-details ul .li5:hover{background: url(../xxaq_img/details_bg5_2.jpg);

}
.zbh-details .text1{margin:20px;
	                color:#fff;
	                -webkit-transition:all .5s;
	               transition:all .5s;
}
.zbh-details .text1 img{margin-top:10px;
}
.zbh-details .text2{padding:24px;
	                text-align:center;
	                color:#fff;
	                display: none;
	                -webkit-transition:all .5s;
	               transition:all .5s;
	               animation:myfirst .8s;
}
.zbh-details .text2 h3:after{content:"";
                             display: block;
                             width:20px;
                             height:2px;
                             background: #fff;
                             margin:auto;
                             margin-top:16px;
}
.zbh-details .text2 p{font-size:12px;
	                   margin-top:12px;
	                   line-height: 18px;
	                   margin-bottom:14px;
	                   text-align: left;
}
.zbh-details .text2 a{padding:6px 24px;
	                  background: #fff;
	                  border-radius:2px;
	                  font-size:12px;
	                  color:#000;
	                  position: absolute;
	                  bottom:22px;
	                  text-align: center;
	                  left:50%;
	                  transform: translateX(-50%);
	                  box-shadow: 1px 1px 1px rgba(0,0,0,.7)

}
.zbh-details .text2 a:hover{color:#33b3e2;}
.zbh-details ul li:hover .text1{display: none;}
.zbh-details ul li:hover .text2{display: block;}
@keyframes myfirst
{
from {opacity:0;}
to {opacity:1;}
}

/*案例*/
.zbh-case{background: #f4f8fb;

}
.zbh-case .main{background: #fff;
	            padding:20px;
}
.zbh-case .left{width:60%;
	            float:left;
}
.zbh-case ul{float:left;
	         margin:1%;
}
.zbh-case ul li{width:214px;
	            height:30px;
	            border:1px solid #a4aeb8;
	            border-radius:50px;
	            text-align: center;
	            line-height: 30px;
	            font-size:14px;
	            background: #f4f8fb;
	            margin-top:16px;
}
.zbh-case .ul2 li{background: #fff;}

.zbh-case .right{width:40%;
	             float:left;
}
.zbh-case .right .img{width:100%;
	                  height:218px;
	                  overflow: hidden;
	                  border-radius:16px;
	                  margin-top:24px;
}

/*相关视频*/
.equal-video{width: 100%;
		    padding: 70px 0;
		    background: #f9f9f9;

}
.eq-video{width:1200px;
	      margin:0 auto;
}
.eq-video .tit h3{font-size: 18px;

}
.eq-video .tit h3 a{color: #97c740;
                    float: right;

}
.eq-video .tit h3 a i{font-size:14px;}
.eq-video .tit h3 a:hover{text-decoration: underline;}
.eq-video ul li{width: 265px;
			    float: left;
			    margin: 40px 35px 0 0;
}
.eq-video .vid-img{position: relative;
	               width:265px;
	               height:132px;
	               overflow: hidden;
	               transition:all .5s;
}
.eq-video .vid-img i{position: absolute;
	                 width: 54px;
					  height: 54px;
					  left: 50%;
					  top: 50%;
					  margin-left: -27px;
					  margin-top: -27px;
					  z-index: 1;
}
.eq-video ul li p{font-size:14px;
	              color:#666;
	              line-height: 36px;
}
.eq-video ul li:hover p{color:#008cd6;;}
.eq-video ul li:hover .vid-img{opacity: 0.8;}
/*资料下载*/
.zy-bottom{width:1200px;
	       margin:40px auto;
}

.zy-bottom .data{width:45%;
	             float:left;

}

.zy-bottom .data h3{font-size:18px;

}

.zy-bottom .data h3 a{color:#97c740;
	                  float:right;
}
.zy-bottom .data h3 a i{font-size:14px;
	                   
}
.zy-bottom .data ol{margin-top:40px;
}
.zy-bottom .data ol li{margin-top:26px;
}
.zy-bottom .data ol li a{font-size:14px;
	                      color:#666;
}
.zy-bottom .data ol li img{vertical-align: middle;
	                       cursor:pointer;
	                       transition:all 0.5s;
	                       float:right;
}
.zy-bottom .data ol li i{color:#ccc;
}
.zy-bottom .data ol li img:hover{opacity:0.7;}
.zy-bottom .data ol li a:hover{color:#97c740;}
.zy-bottom .news ol li a:hover{color:#97c740;}

.zy-bottom .data h3 a:hover{text-decoration:underline;}
.zy-bottom .news h3 a:hover{text-decoration:underline;}

.zy-bottom .news{width:45%;
	             float:left;
	             margin-left:10%;

}

.zy-bottom .news h3{font-size:18px;

}

.zy-bottom .news h3 a{color:#97c740;
	                  float:right;
}
.zy-bottom .news h3 a i{font-size:14px;
	                    
}
.zy-bottom .news ol{margin-top:40px;
}
.zy-bottom .news ol li{margin-top:26px;
}
.zy-bottom .news ol li a{font-size:14px;
	                      color:#666;
}

.zy-bottom .news ol li i{color:#ccc;
}
.zy-bottom .news ol li span{
	                         float:right;
	                         font-size:14px;
}
.zy-bottom .news ol li img:hover{opacity:0.7;}