/*焦点图*/
#banner1 {display: none;}
.banner{ height:670px; position:relative; margin-top:85px;}
.banner .hd{ overflow:hidden; height:30px;padding:0 10px; position:absolute; left:50%;bottom:20px; z-index:10;}
.banner .hd ul{ float:right; overflow:hidden; zoom:1; margin-top:10px; }
.banner .hd ul li{ border-radius:50%;background:#FFF; float:left;  width:11px; height:11px; overflow:hidden; margin-right:6px; text-indent:-999px; cursor:pointer;}
.banner .hd ul li.on{ background-position:0 0; background:#1267aa; width:24px; border-radius:20px;}
.huantu li{ height:670px; position:relative;}
.huantu li a{ display:block; width:100%; height:100%;  }
.bannerzi{  position:absolute; width:100%;}
.img1{ text-align:center;padding-top:200px;}
.img1 img{ width:45%;}

.kuan{ width:80%; margin:0 auto;}
.img2-1{  padding-top:7%; text-align:center;}
.img2-2{  padding-top:3%;text-align:center;}

.img2-1 img{ width:35%;}
.img2-2 img{ width:75%;}


.img3-1{ float:left; padding-top:13%;  width:45%;;padding-left:5%; text-align:center;}
.img3-2{ float:left; padding-top:6%;padding-left:10%; width:45%;}

.img3-1 img{ width:92%;}
.img3-2 img{ width:100%;}


.img4{ padding-top:15%;}
.img4 img{ width:39%;}

.img5{ padding-top:14%;}
.img5 img{ width:38%;}



/*动画效果*/
@keyframes bannerbg{
0%{ background-size:100% 100%;}	
100%{background-size:110% 110%;}
}
.bannerbg{animation-name: bannerbg;animation-duration:4s;animation-iteration-count: infinite;animation-direction: alternate;}


@keyframes zuoru{
0%{top:0px;}	
100%{top:20px;}
}
.zuoru{animation-name: zuoru;animation-duration:2s;animation-iteration-count: infinite;animation-direction: alternate;}






/*中间------------------------------------------------------------------------------------------------------------------------ */
section {
	width: 100%;
}
.neikuan{ width:80%; margin:0 auto;}

/*关于我们*/
.biao-left{ float:left; width:50%;}
.biao-right{ float:right; width:8%; margin-top:30px; position:relative;}

.biao-right a{ display:block;background: url(../images/more.png) no-repeat 80% 50%; width:100%; font-size:16px; }
.biao-right a:before{content: "";
    width:50px;
    height: 1px;
    background: #000;
    position: absolute;
    left: 0;
    bottom: -12px;}
	.biao-right a:hover{    color: #264994;}

.biao h1{ line-height:36px;color:#333; font-size:36px; margin-top:10px;}

.biao p{ font-size:16px; color:#666;  line-height:28px; margin-top:10px; margin-bottom:40px;}


/*工程*/
.gongcheng{background:url(../images/gongcheng.jpg) no-repeat center; height:660px; margin:40px 0; cursor:pointer; overflow:hidden;}
/*动画效果*/
@keyframes gongcheng{
0%{ background-size:100% 100%;}	
100%{background-size:110% 110%;}
}
.gongcheng{animation-name: gongcheng;animation-duration: 4s;animation-iteration-count: infinite;animation-direction: alternate;}


.gcnei{padding-top:160px; margin-left:50%;}
.gcnei h2{ font-size:40px; color:#fff; line-height:40px;}
.gcnei h3{ font-size:25px; font-family:Arial, Helvetica, sans-serif; color:#fff; margin-top:30px; position:relative; padding-left:50px;}
.gcnei h3:before{content:"";background: linear-gradient(to right, #1267aa, #52bcb0); width:40px; height:5px; position:absolute; left:0;top:10px;}
.gcnei p{ font-size:17px; color:#fff; margin-top:20px; line-height:30px;}
.gcnei a{ display: block; width:35%; text-align:center; font-size:16px; color:#fff;background: linear-gradient(to right, #1267aa, #52bcb0); padding:20px 0; margin-top:50px; display:block; border-radius: 20px;border-top-left-radius: 0;
    border-bottom-right-radius: 0;}


/*服务与支持*/
.youshi1{box-shadow: 0px 10px 30px 2px #dfdfdf;background:#FFF; margin-bottom:40px;}
.youshi1 li{  width:25%; padding:70px 3%; float:left; border-right:1px solid #ddd; cursor:pointer;transition:all 0.5s;  height:320px; background:linear-gradient(to right, #1267aa, #52bcb0) no-repeat; background-size:100% 0%;}

.youshi1 li:nth-child(1) .img-center{background: url(../images/z1.png) no-repeat center center; background-size:25%; }
.youshi1 li:nth-child(2) .img-center{background: url(../images/z2.png) no-repeat center center;background-size:25%;}
.youshi1 li:nth-child(3) .img-center{background: url(../images/z3.png) no-repeat center center;background-size:25%;}
.youshi1 li:nth-child(4) .img-center{background: url(../images/z4.png) no-repeat center center;background-size:25%;}


.youshi1 li:nth-child(1):hover .img-center{background: url(../images/h1.png) no-repeat center center;background-size:25%;}
.youshi1 li:nth-child(2):hover .img-center{background: url(../images/h2.png) no-repeat center center;background-size:25%;}
.youshi1 li:nth-child(3):hover .img-center{background: url(../images/h3.png) no-repeat center center;background-size:25%;}
.youshi1 li:nth-child(4):hover .img-center{background: url(../images/h4.png) no-repeat center center;background-size:25%;}

.youshi1 li:nth-child(4){ border-right:none;}

@keyframes img-center{
0%{background-position:50% 0;}	
100%{background-position:50% 5px;}
}
.img-center{animation-name: img-center;animation-duration: 0.5s;animation-iteration-count: infinite;animation-direction: alternate;}




.youshi1 li h2{ font-size:24px; text-align:center; font-weight:bold; line-height:23px; margin-bottom:15px; color:#4b4b4b;}
.youshi1 li p{ font-size:16px; line-height:28px;  color:#666; text-align:center;}
.img-center{ text-align:center; height:75px; line-height:100px; margin-bottom:20px;}
.youshi1 li:hover{ background-size:100% 100%;}
.youshi1 li:hover h2{color:#fff;}
.youshi1 li:hover p{color:#fff;}






/*产品展示*/
.jtxia {
    display: none;
}
jttop {
    display: none;
}
.chanpin{ margin-top:50px;}
.liebiao{ border:1px solid #f2f2f2; height:80px;background:#FFF;}
.liebiao dt{ float:left; width:20%;}
.liebiao dd{ float:left; width:20%;}
.liebiao dd a{ display:block; width:100%; font-size:20px; height:80px; line-height:80px; text-align:center;  color:#666; font-weight:bold;transition:all 0.5s;}

.liebiao dd a:hover{background:#e7f0f6;}
.liebiao dd :nth-child(5) a{  border-right:none;}
.liebiao dt{display:block; width:20%; font-size:20px; height:80px; line-height:80px; text-align:center;   font-weight:bold; background: linear-gradient(to right, #1267aa, #52bcb0); color:#FFF;}



/*我们的优势*/
.fangan{ background:#f8f8f8; padding:60px 0; }
.fanganlist{position: relative; height:600px; background:#FFF;box-shadow: 0px 10px 30px 2px #dfdfdf;}
.fanganlist li{  cursor:pointer; width:100%;}
.fanganlist li:hover{ background:#f0f4f7;}
.fanganlist li:last-child{ border-right:none;margin-right:0;}

.fangtu{ width:30%;  float:left; height:100px;}

.fanganlist li:nth-child(1) .fangtu{background: url(../images/y1.png) center center no-repeat;background-size:80%;} 
.fanganlist li:nth-child(2) .fangtu{background: url(../images/y2.png) center center no-repeat;background-size:80%;} 
.fanganlist li:nth-child(3) .fangtu{background: url(../images/y3.png) center center no-repeat;background-size:80%;} 
.fanganlist li:nth-child(4) .fangtu{background: url(../images/y4.png) center center no-repeat;background-size:80%;} 
.fanganlist li:nth-child(5) .fangtu{background: url(../images/y5.png) center center no-repeat;background-size:80%;} 
.fanganlist li:nth-child(6) .fangtu{background: url(../images/y6.png) center center no-repeat;background-size:80%;} 

.fangyin { display:none; position:relative;  width:75%; position:absolute; right:0; top:0; height:600px; overflow:hidden;}
.fanganlist li:nth-child(1) .fangyin{ display:block;}
.fangyin img{ position:absolute; left:0;top:0; z-index:1;width:100%;transition:all 0.5s;}
.fangyin img:hover{ transform: scale(1.1);}


.fanyinhui{position:absolute; left:0;bottom:0;background: url(../images/hui.png) repeat-x left bottom; z-index:2; padding:50px 5% 40px 5%; width:100%;}
.fanyinhui p{ line-height:26px; color:#fff; font-size:15px;}
.fanganlist li:last-child .fangyin{ border-right:none;}
.shoujizi{ float:left; width:65%; height:100px; line-height:100px; font-size:24px; font-weight:bold; margin-left:5%;}
.fangtuwai{ width:25%; float:left; padding:0 4%; height:100px;}

.fanganlist li.dianji .fangtuwai{background: linear-gradient(to right, #1267aa, #52bcb0);}
.fanganlist li.dianji .shoujizi{ color:#fff;} 


.fanganlist li:nth-child(1).dianji .fangtu{background: url(../images/s1.png) center center no-repeat; background-size:80%;} 
.fanganlist li:nth-child(2).dianji .fangtu{background: url(../images/s2.png) center center no-repeat;background-size:80%;} 
.fanganlist li:nth-child(3).dianji .fangtu{background: url(../images/s3.png) center center no-repeat;background-size:80%;} 
.fanganlist li:nth-child(4).dianji .fangtu{background: url(../images/s4.png) center center no-repeat;background-size:80%;} 
.fanganlist li:nth-child(5).dianji .fangtu{background: url(../images/s5.png) center center no-repeat;background-size:80%;} 
.fanganlist li:nth-child(6).dianji .fangtu{background: url(../images/s6.png) center center no-repeat;background-size:80%;} 

/*新闻*/
.newlist li{ float:left; width:24%; margin-right:1.2%; background:#fff;transition:all 0.5s; }
.newlist li a{ display:block;}
.newlist li:nth-child(4){ margin-right:0;}
.newlist li .newtu{height:240px; overflow:hidden; position:relative;}
.newlist li .newtu img{ max-width:100%; transition:all 0.5s; position:absolute; left:0;top:0;}
.newlist li .newzi{ padding:20px 7%; margin-bottom:20px;}
.newlist li:hover{box-shadow: 0px 10px 20px 2px #e0e4e8;}
.newlist li:hover img{transform: scale(1.1);
-ms-transform: scale(1.1);	/* IE 9 */
-webkit-transform: scale(1.1);	/* Safari 和 Chrome */
-o-transform: scale(1.1);	/* Opera */
-moz-transform: scale(1.1);	/* Firefox */ }
.newlist li .newzi h3{ font-size:20px; margin-bottom:12px; line-height:30px;overflow: hidden;
    text-overflow: ellipsis; white-space:nowrap;}
	.newlist li .newzi h3:hover{color:#0766b8;}
.newlist li .newzi p{height:50px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2; -webkit-box-orient: vertical; margin-bottom:10px;}
.newlist li .newzi span{ float:right;}
.newlist li .newzi span:hover{color:#0766b8;}
.xinwen{ margin-bottom:70px; margin-top:70px;}

/*研发*/
.yanfa{ background:#f7f9fd; padding:50px 0;}

.xueyuan h1{ color:#333; font-size:42px; text-align:center; }
.xueyuan h1 span{ color:#c9000b;}
.xueyuan h2{ font-size:22px; color:#666666; font-weight:normal; text-align:center; margin-top:10px; margin-bottom:20px;}
.xian{ margin-top:20px; float:right; width:80%; margin-top:50px;}
.xian1{ width:94%; height:1px; background:#dbdbdb; margin-top:20px; float:left;}
.xianshu{width:5%; font-size:20px; font-family:Arial, Helvetica, sans-serif;  text-align:right; color:#666; float:right;letter-spacing:5px;}
.xianshu span{ font-size:30px; color:%999;}


.ato-content {
    width:100%;
    margin: 0 auto;
    position:relative;
}




.ato-list ul li {
	margin-top:10px;transition:all 0.5s;
  
  width:22%;
    float: left;
    margin-left:20px;
    margin-right: 0;
    text-align: center;
    background-color: #fff;
   
    position: relative; 
  
    top: 10px;
    left: -15px; cursor:pointer; border-radius:10px; overflow:hidden; 
}

.ato-list ul li:before {
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
   
}
.ato-list ul li a{ display:block; width:100%; padding-bottom:10%;}
.ato-list ul li div {
    width: 100%;
 
    text-align: center;
}

.ato-list ul li div img {
    width:100%;
    height: auto;
    border: none;
    display: block;
    margin: 0 auto;
}

.ato-list ul li h3 {
    font-size:30px;
    color: #333;font-weight: 400;
    font-weight: normal;
    margin-bottom: 10px; margin-top:20px; text-align:left; padding:0 30px;
}

.ato-list ul li p {
    margin: 0;
    text-align: left;
    font-size: 16px;
    color: #8e8e8e;
    line-height: 25px;
    padding: 0 30px 20px 30px; height:30px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.ato-more {
    width: 157px;
    height: 36px;
    text-align: center;
    display: none;
    display: inline-block;
    border: 1px solid #7D7D7D;
    line-height: 34px;
    color: #666;
    font-size: 13px;
    text-decoration: none;
    position: absolute;
    bottom: 30px;
    left: 55px;
}

.ato-more:hover {
    background-color: #108cee;
    border-color: #108CEE;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    color: #FFF;
}



.ato-title {
    width: 266px;
    margin-top: 130px;
    padding-right: 20px;
}

.ato-title h2 {
    font-size: 24px;
    line-height: 33px;
    color: #333;
    padding: 0;
    margin: 0;
    font-weight: inherit;
}

.ato-title p {
    margin-top: 10px;
    font-size: 14px;
    color: #666;
    line-height: 26px;
}
.ato-list-fl{ border-radius:10px; overflow:hidden;   background: #fff; height:80px;  width:20%; margin-top:30px; float:left;  }
.ato-list-fl a {
    width:49%;
    height: 20px;
  
   
  
    float: left;
   
    display: block;   background: #fff; margin-top:35px;
 
    overflow: hidden; 
}
.ato-list-fl a:nth-child(2) { border-left:1px solid #ccc;}

.ato-list-fl .prev{ float:left; position:relative;transition:all 0.5s;}
.ato-list-fl .next{ float:right;position:relative;transition:all 0.5s;}
.ato-list-fl a img {
    width: 22px;
    height: 11px;
    display: block;
    border: none;
    margin: 0 auto;

}


.ato-list ul li:hover {
    top: -5px;
  
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -ms-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
}

.prev:hover .ato-ope {
    opacity: 0;
}

.ato-ope1 {
    opacity: 0;
}



.prev:hover .ato-ope {
    opacity: 0;
}

.ato-ope1 {
    opacity: 0;
}

.prev:hover .ato-ope1 {
    opacity: 1;
    position: absolute;
    top:0px;
    left:60px;
}

.next:hover .ato-ope {
    opacity: 0;
}

.ato-ope1 {
    opacity: 0;
}



.next:hover .ato-ope1 {
    opacity: 1;
    position: absolute;
    top:0px;
    right:60px;
}

.info { text-align:center; margin-top:30px;}
.info a { display: inline-block; width: 200px; height: 50px; background: #ca0303; border: 1px solid #ca0303; -o-transition: all .3s ease; transition: all .3s ease; text-align: center; font-size: 18px; font-weight: 400; line-height: 48px; height: 48px; color: #fff; overflow: hidden }
.info a span.bai{ color:#FFF;}
.info a img { display: inline-block; width: 28px; margin-right: 12px; vertical-align: sub; -o-transition: all .3s ease; transition: all .3s ease }
.info a:hover img { margin-right: 16px }
.info a:first-child { background: #efefef; border-color: #313131; color: #333; margin-right: 12px }
.info a:first-child img { width: 24px }