@charset "utf-8";
body,html{ min-width: 1200px; overflow-x: hidden; }
*{ margin:0; padding:0;}
body,p,h1,h2,h3,h4,h5,table,ul,li,form,input{ margin:0; padding:0; color:#000; font-family:"Microsoft yahei"; }

body,p{ font-size:14px; border:none; color: #000;}
a{ font-size:14px; color:#000; text-decoration:none; border:none; padding:0; margin:0;}
table{border-collapse:collapse;}
img{ border:0; margin:0; padding:0;}
ul,li{ list-style:none; border:0; margin:0; padding:0;}
dl,dt,dd{ margin:0; padding:0; -webkit-margin-start:0;}
h1,h2,h3,h4,h5{ font-weight:normal; font-size:12px; display:block;}
strong,b{ font-weight:normal;}
table,tr,td{ border-spacing:0;}
em,i,b{ font-style:normal;}
p{ line-height: 170%; color: #555; font-size: 14px;}
input{ border: none; background: none; }
figcaption{ display: block;}
input:focus{ outline: none; }
::-webkit-input-placeholder { /* WebKit browsers */ font-size:14px; color: #dfdfdf; } 
::-ms-input-placeholder { /* Internet Explorer 10+ */ font-size:14px;color: #dfdfdf; } 
.fl{float:left;}
.fr{float:right;}
.clearfix{*zoom:1;} 
.clearfix:before,.clearfix:after{display:table; line-height:0; content:"";}
.clearfix:after{clear:both;}
.w1200{ width: 1200px; margin: 0 auto;}

body{
	background: linear-gradient(#65aee1,#bdd8f1,#f6fafd);
	background: -webkit-linear-gradient(#65aee1,#bdd8f1,#f6fafde); /* Safari 5.1-6.0 */
    background: -o-linear-gradient(#65aee1,#bdd8f1,#f6fafd); /* Opera 11.1-12.0 */ 
    background: -moz-linear-gradient#65aee1,#bdd8f1,#f6fafd); /* Firefox 3.6-15 */
    background: linear-gradient(#65aee1,#bdd8f1,#f6fafd); /* 标准语法 */
 
   }

.top{ background: #5babdf;}
.top img{ display: block;}
.top .w1200{ position: relative;}
.top .language{ position: absolute; top: 100px; right: 10px;}
.top .language span{ margin-left: 20px; display: inline-block; font-size: 16px; color: #000;}
.top .language img{ display: inline-block; vertical-align: middle; height: 20px; margin-right: 10px;}
.nav{ background: #94bee1;}
.nav li{ float: left; height: 60px; line-height: 60px; width:calc(100%/7);  transition: all 0.6s;}
.nav li a{ display: block; text-align: center;  font-size: 16px; color: #fff;  transition: all 0.6s; position: relative; text-transform: uppercase;}
.nav li a::before{ display: block; content: ''; position: absolute; left: 50%; height: 2px; bottom: 0; background: #00a1e8; width: 0%;
right: 50%; transition: all 0.6s;}
.nav li:hover a,.nav li.on a{ color: #1d248a; }
.nav li:hover a::before,.nav li.on a::before{ left: 25%; right: 75%; width: 50%;}


.tit h3{ background: #38b26e; border-radius: 0 20px 0 20px; height: 50px; width: 260px; line-height: 50px; text-align: center;}
.tit h3 span{ font-weight: bold;  color: #1c348b; font-size: 20px;}
.tit h3 strong{ display: inline-block; color: #e8e600; font-size: 16px; font-family: arial; margin-left: 15px;}
.tit a{ color: #333; height: 50px; line-height: 50px;}

.index-sec1{ padding: 50px 0; }
.index-sec1 p{ line-height: 36px; font-size: 15px; margin-top: 30px;}
.index-sec2 .left{ position: relative; width: 580px; height: 300px;}
.index-sec2 .hd li{ font-size: 0; display: inline-block; height: 10px; width: 10px; margin: 0 15px 0 5px; background: #fff; cursor: pointer;}
.index-sec2 .hd{ position: absolute; left: 0; right: 0; bottom: 0; height: 50px; text-align: right;}
.index-sec2 .hd li.on{ background: #13b7d6;}

.index-sec2 .right{  width:580px;}
.index-sec2 .list{ background: #fff; margin-top: 30px; padding:30px  20px;}
.index-sec2 .list li i{ display: inline-block; vertical-align: middle; height: 10px; width: 10px; background: #1e2088; border-radius: 100%;
margin-right: 10px;}
.index-sec2 .list li{ padding: 10px 0;}
.index-sec2 .list a{ display: block; overflow: hidden; clear: both; transition: all 0.36s;}
.index-sec2 .list li span{ float: right;}
.index-sec2 .list li:hover a{ color: #1d2088;}

.index-sec3{ padding:50px 0;}
.index-sec3 .tit{ margin-bottom: 35px;}
.index-sec3 .left{ width: 750px;}
.index-sec3 .right{ width: 400px;}
.index-sec3 .right p{ line-height: 50px; font-size: 16px; color: #282f8f;}
.index-sec3 .list li{  width: 49%; overflow: hidden; }
.index-sec3 .list li img{ display: block; max-width: 100%; overflow: hidden;}
.index-sec3 .list li a{ position: relative; display: block; }
.index-sec3 .list p{ position: absolute; left: 0; right: 0; bottom: 0; height: 50px; line-height: 50px; text-align: left;
padding-left: 30px; font-size: 16px; color: #000;}


.index-sec4 .bd li{ width: 270px; height: 175px; overflow: hidden; margin-right: 40px; margin-bottom: 50px;}
.index-sec4 .bd li img{ display: block; width: 100%;}
.index-sec4 .w1200{ position: relative;  }
.index-sec4  .tempWrap{ width: 1200px !important; overflow: hidden !important; }
.index-sec4 .prev{ position: absolute; height: 140px; width: 40px; background: #15b7d6; text-align: center; line-height: 140px;
font-size: 40px; font-family: "宋体"; color: #fff; cursor: pointer; font-weight: bold; left: -60px; top: 20px;}
.index-sec4 .next{ position: absolute; height: 140px; width: 40px; background: #15b7d6; text-align: center; line-height: 140px;
font-size: 40px; font-family: "宋体"; color: #fff; cursor: pointer; font-weight: bold; right: -60px; top: 20px;}

.footer{ background: #5babdf; border-top: 10px solid #007b95;  padding: 50px 0;}
.footer .logo{ display: block; margin-top: 35px; margin-right: 200px;}
.footer .div1 p{ color: #000; line-height: 28px; font-size: 14px;}
.footer .code p{ text-align: center; font-size: 16px; color: #000;}
.footer .code img{width:120px;}
.copyright p{ text-align: center; font-size: 16px; color: #000; padding-top: 30px; text-align: left}

.erji{ text-align: center; padding-bottom: 40px; }
.erji a{ display: inline-block; font-size: 16px; color: #fff; padding: 0 20px; background: #00a4d8; border-radius: 10px;
 border-radius: 20px; height: 40px; line-height: 40px; margin: 0 10px; transition: all 0.6s;}
 .erji a.on,.erji a:hover{ background: #fff100; color: #000;} 
.casepage,.zizhipage{ padding: 50px 0 700px 0; background: url(../img/bg2.png) no-repeat bottom center;}
.casepage .w1200,.zizhipage .w1200{ width: 1000px;}
.casepage li{ float: left; width: 480px; overflow: hidden; margin-bottom: 30px;}
.casepage li:nth-child(2n){ float: right;}
.casepage li figure,.casepage li figure img{ display: block; width: 480px; height: 320px; overflow: hidden; transition: all 0.6s;}
.casepage li:hover figure img{ transform: scale(1.1);}
.casepage li p{ text-align: center; color: #000; font-size: 16px; text-align: center; height: 50px; line-height: 50px;}




.fenye{ text-align: center;  padding:0 0 0 0 }
.fenye a{ display: inline-block;  padding: 0 20px; height: 40px; border:1px solid #eee; background: #fff;
color: #555; line-height: 40px; text-align: center; transition: all 1s; margin:0 5px; }
.fenye span{ display: inline-block;  padding: 0 20px; height: 40px;  background: #ff551d; color: #fff; cursor: pointer; line-height: 40px;
 text-align: center; transition: all 1s; margin:0 5px; }
.fenye a:hover,.fenye a.on{ background: #00a4d8; color: #fff; cursor: pointer; }

.zizhipage .tit{ margin-bottom: 50px;}
.zizhipage li{ float: left; margin-right: 45px; width: 300px; margin-bottom:20px;}
.zizhipage li:nth-child(3n){margin-right:0;}
.zizhipage li img{ display: block; max-width: 300px; margin: 0 auto;}
.zizhipage ul{ margin-bottom: 55px; }



.linkpage,.detail-page{padding: 50px 0; background: url(../img/bg2.png) no-repeat bottom center; min-height: 1000px; }
.linkpage .left{ background: linear-gradient(#009f59,#91c6d2); height: 400px; width:260px; border-radius: 30px; float: left;}
.linkpage .left h3{ font-size: 18px; color: #1e2088; padding: 50px 0; text-align: center;}
.linkpage .left h3 span{ font-size: 14px; color: #fff100; display: inline-block; padding-left: 10px;}
.linkpage .right{ width: 800px; padding-left: 50px; float: left;}
.linkpage .right .p1{ font-size: 18px; line-height: 46px; color: #1d2088;  width: 600px;}
.linkpage .list li a{ display: block; padding: 15px 0; overflow: hidden; clear: both;}
.linkpage .list li i{ display: inline-block; height: 0; width: 0; border-top: 5px solid transparent;
border-bottom: 5px solid transparent; border-right: 5px solid transparent; border-left: 5px solid #f08300; vertical-align: middle;
margin-right: 5px;}
.linkpage .list li strong{ font-size: 16px; color: #000; float: left; width: 700px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
.linkpage .list li span{ float: right; font-size: 14px; color: #666;}
.linkpage .fenye{ margin-top: 50px;}

.linkpage .p2,.detail-page p{ color: #000; font-size: 16px; line-height: 36px;}
.detail-page .p2{color: #000; font-size: 16px; line-height: 36px;}
.detail-page .hh{height: 36px;font-size: 24px;text-align: center; margin-bottom: 10px;}
.detail-page .p2 img{ max-width:100%;margin:0 auto;}
.linkpage div.clearfix{ padding: 20px 0 0 0;}
.linkpage div.clearfix img{ width: 500px;}
.detail-page img{ display: block;  margin:25px auto;}