@charset "utf-8";

body{margin:0px; font-size:14px; color:#444; font-family:"微软雅黑", Arial, Helvetica, sans-serif; background:#ffffff;}
*{padding:0px; margin:0px;}
body,ul,ol,dl,dd,h1,h2,h3,h4,h5,h6,h7,p,i,b,em,span,form,fieldset,legend,input,textarea,select,button,th,td {margin:0; padding:0; font-family:"微软雅黑", Arial, Helvetica, sans-serif; font-style:normal;}
h1,h2,h3,h4,h5,h6,h7 {list-style:none; font-weight:normal;}
input,select,button{font-size:12px; font-family:"微软雅黑", Arial, Helvetica, sans-serif; border:0; background:none; outline:none; vertical-align:middle;}
button {overflow:visible}
img{border:none; vertical-align:middle;}
li{list-style:none;}
a{color:#444; text-decoration:none;}
a:hover{color:#005bac;}
.clear{overflow:hidden; clear:both; height:0px;}
.clearfix:after {content: '';display: block;clear: both;height: 0;visibility: hidden;}
.clearfix {/*兼容 IE*/zoom: 1;}
.lf{float:left;}
.rt{float:right;}
::-webkit-scrollbar{width:5px;}
::-webkit-scrollbar-track{background-color:#666;}
::-webkit-scrollbar-thumb{background-color:#ddd;}
::-webkit-scrollbar-thumb:hover{background-color:#00a1e9;}
::-webkit-scrollbar-thumb:active{background-color:#00a1e9;}

.conn { width:94%; margin:0px auto; max-width: 1260px;}




.top { position: absolute; top: 0; right: 7.5%; width: 85%; line-height: 50px; z-index: 111; text-align: right; color: #fff; font-size: 16px; font-family: Arial;}
.top span { margin-left: 40px;}
.top i { margin-right: 5px;}

.header{width:85%; position:fixed; top:50px; left:7.5%; z-index:99; background:#fff; border-radius: 5px;}
.header .con { width:97%; margin:0 auto;}
.header.on{ background: rgba(255, 255, 255, 0.99); top:0; width: 100%; left: 0;}
.header.on .con {width:85%; margin:0 auto;}
.header.on .nav ul li a{ color:#000}
.header.on .search {color:#000;}
.header.on .wxx { display:block;}
.header.on .wx { display:none;}
.header .logo{width:200px; float:left; padding-top: 8px;}
.header .logo img{width:100%; height:auto; display:block;}


.header .mfst { width: 144px;  float: right; background: #00a1e9; font-size: 17px; color: #fff; text-align: center; vertical-align: middle; border-radius: 30px; line-height: 38px; margin-top: 25px; }
.header .mfst img { margin-right: 5px;}
.header .mfst a {font-size: 17px; color: #fff;}
.header .mfst i { font-size: 22px; margin: 0px 10px 0px 0px; vertical-align: middle;}

.header .an{position:absolute; top:0; right:3%; height:18px; width:30px; display:none; margin-top:18px; }
.header .an span{width:30px; height:2px; background:#00a1e9; display:block; position:absolute;transition:all .5s;-o-transition:all .5s;-ms-transition:all .5s;-moz-transition:all .5s;
-webkit-transition:all .5s;}
.header .an span.a1{top:0; left:0;}
.header .an span.a2{top:8px; left:0;}
.header .an span.a3{top:16px; left:0;}
.header .an.n span.a2{display:none;}
.header .an.n span.a1{top:8px; width:30px;transform:rotate(45deg);-o-transform:rotate(45deg);-ms-transform:rotate(45deg);-moz-transform:rotate(45deg);-webkit-transform:rotate(45deg);}
.header .an.n span.a3{top:8px; width:30px;transform:rotate(135deg);-o-transform:rotate(135deg);-ms-transform:rotate(135deg);-moz-transform:rotate(135deg);-webkit-transform:rotate(135deg);}


.header .nav{  float:right; }
.header .nav i{font-size:18px; color:#fff; line-height:54px; text-align:right; position:absolute; width:50%; height:54px; right:0px; top:50%; display:none;transform:translate(0,-50%);
-webkit-transform:translate(0,-50%);-moz-transform:translate(0,-50%);-ms-transform:translate(0,-50%);-o-transform:translate(0,-50%);}
.header .nav ul li{margin:0px; line-height:88px; float:left; position:relative; padding:0px 40px 0px 0px;transition:all .5s;-o-transition:all .5s;-ms-transition:all .5s;-moz-transition:all .5s;
-webkit-transition:all .5s; font-size:16px;}
.header .nav ul li a { font-size:16px;}
.header .nav ul li span{width:0; height:2px; background:#00a1e9; position:absolute; left:50%; bottom:0;
transition:all .3s;
-o-transition:all .3s;
-ms-transition:all .3s;
-moz-transition:all .3s;
-webkit-transition:all .3s;
transform:translate(-50%,0);
-webkit-transform:translate(-50%,0);
-moz-transform:translate(-50%,0);
-ms-transform:translate(-50%,0);
-o-transform:translate(-50%,0);}
.header .nav ul li:hover span{width:100%;}
.header .nav ul li.on span{width:100%;}
.header .nav ul li.on a{color:#00a1e9;}
.header .nav ul li:hover a { color:#00a1e9;}
.nav .y_j{position:relative;}
.nav .e_j{width:120px; background:#fff; position:absolute; top:88px; left:0; display:none; z-index:9999; margin-left:-28px; border-radius:0px 0px 5px 5px; padding:10px 0px;}
.header .nav ul li .e_j a{display:block; font-size:14px; color:#333; line-height:40px; text-align: center;  font-weight:normal;}
.header .nav .e_j a:hover{ color:#fff; background:#00a1e9;}

@media (min-width:1024px){
.header .nav .e_j{display:none !important;}
.header .nav ul li:hover .e_j{display:block !important;}
}
@media (min-width:1024px) and (max-width:1360px ) {
.top {  right: 5%; width: 90%; }
.header{width:90%; position:fixed; top:50px; left:5%;}
}
@media only screen and (max-width:995px){
.top {  right: 2%; width: 94%; display: none; }
.header{width:94%; position:fixed; top:10px; left:2%;}
.header .mfst { width: 110px;  float: right;  font-size: 14px;  line-height: 30px; margin-top: 12px; margin-right: 50px; }
.header .mfst a {font-size: 14px; color: #fff;}
	
.header .logo{width:140px; float:left; padding-top: 0px; }
.header .logo img { width:100%; height:auto;}

.header .an{display:block;}
.header .nav ul { width:94%; margin: 0px auto;}
.header .nav{width:94%; padding:15px 0; box-sizing: border-box; left: 3%;  height:100%; position:fixed; top:60px; margin-top:0; left:-94%; z-index:99999999999; overflow:auto; background: rgba(255, 2255, 255, 0.9);
transition:all .5s;
-o-transition:all .5s;
-ms-transition:all .5s;
-moz-transition:all .5s;
-webkit-transition:all .5s; z-index:65; margin-left:0;}
.header .nav.on{left:1.6%; margin-top:0} 
.header .nav ul li.on a{color:#333;}
.header .nav ul li:hover a { color:#333;}
.header .nav i{display:block; }
.header .nav ul li{line-height:50px;  text-align:left; float:none; margin:0; padding:0; font-size:16px; color:#333; border-bottom:1px solid #ddd;}
.header .nav ul li a {font-size:16px; color:#333;}
.header .nav ul li:after { background: rgba(0,0,0,0);}
.header .nav .e_j { width: 100%; position: relative;display: none;top: auto; left: auto; margin: 0;padding:0 0 0px; background:none; text-align:left;}
.header .nav ul li .e_j a { color:#fff; text-align:left;}
.header .nav ul li .e_j a:hover { color:#fff; text-align:left;}
.header .nav .e_j a{border-top:0; font-size:12px; color:#333; line-height:32px;}
.header .nav .e_j a:hover{background:none; color:#8c0000;}
.header .nav ul li:hover .e_j{display:none;}
.header .nav ul li:hover span{width:0;}
.header .nav ul li.on span{width:0;}
}



.head_h{width:100%; height:88px;}
@media only screen and (max-width:1023px) {
.head_h{width:100%; height:60px;}
}


.gallery-top{width:100%; position:relative; height: auto;}
.gallery-top .bej { position: absolute; bottom: 0; left: 0;}
.gallery-top .bej img { width: 100%; height: auto;}
.gallery-top .swiper-slide img{width:100%; height:auto; display:block;}
.gallery-top .swiper-slide .wz{width:100%; color:#fff; position:absolute; left:0; top:34%; text-align: center;}
.gallery-top .swiper-slide .wz h3{font-size:64px; line-height:90px; font-weight: bold; text-shadow: 2px 2px 6px rgba(0,0,0,.5); letter-spacing: 1.2px;}
.gallery-top .swiper-slide .wz h2{font-size:48px;  line-height:100px;  text-shadow: 2px 2px 6px rgba(0,0,0,.5);}
.gallery-top .swiper-slide .wz p{font-size:20px; letter-spacing:0px; line-height:36px;  font-family: Arial; text-shadow: 2px 2px 6px rgba(0,0,0,.5); }
.gallery-top .swiper-slide .wz a { background: #00a1e9; width:160px; height:45px; line-height:45px; color:#FFF; display: inline-block; text-align:center; font-size:18px; font-weight: bold; margin:30px 10px 0px 10px; border-radius: 30px; box-shadow: 2px 2px 6px rgba(0,0,0,.5); }
.gallery-top .swiper-slide .wz i { margin-left: 20px;}
.gallery-top .swiper-pagination {bottom: 15px; }
.kcdz {position:relative;top:-110px;display: block;height:0;overflow: hidden;}
@media only screen and (max-width:1640px){
.gallery-top .swiper-slide .wz{width:90%; color:#fff; position:absolute; left:5%; top:35%;}
.gallery-top .swiper-slide .wz h3{font-size:50px;  line-height:90px; }
.gallery-top .swiper-slide .wz h2{font-size:40px;  line-height:80px;  text-shadow: 2px 2px 6px rgba(0,0,0,.5);}
.gallery-top .swiper-slide .wz p{font-size:16px; line-height:36px;}
.gallery-top .swiper-slide .wz a {margin:10px 10px 0px 10px; }
}
@media only screen and (max-width:992px){
.gallery-top{width:100%; position:relative; height:50vh;}
.gallery-top .swiper-slide { overflow: hidden;}
.gallery-top .swiper-slide img{width: auto; height: 50vh; position: absolute; left:20%;  transform:translateX(-20%);   }
.gallery-top .swiper-slide .wz{width:94%; left:3%; top:35%;}
.gallery-top .swiper-slide .wz h3{font-size:26px; line-height:50px;}
.gallery-top .swiper-slide .wz h2{font-size:24px;  line-height:50px; }
.gallery-top .swiper-slide .wz p{display: none;}
.gallery-top .swiper-slide .wz a { width:110px; height:30px; line-height:30px;  font-size:14px; margin-top:5px;}
.gallery-top .swiper-slide .wz i { margin-left: 10px;}
.gallery-top .swiper-button-prev { display:none;}
.gallery-top .swiper-button-next { display:none;}
.kcdz {position:relative;top:-60px;display: block;height:0;overflow: hidden;}
}


.sy_video { position: relative; height: 100vh; overflow: hidden;}
.sy_video .spp { width: 100%; height: auto; display: block;} 
@media only screen and (max-width:992px){
.sy_video { position: relative; height: 100vh; overflow: hidden;}
.sy_video .spp { width: auto; height:100vh; position: absolute; left:50%;  transform:translateX(-50%);  } 	
}




.yd_sy { width:90%;   position: absolute; top:3%;left:5%;}
.yd_sy .lo { width: 220px; float: left;}
.yd_sy .lo img { width: 100%; height: auto;}
.yd_sy .wzz { text-align: center;color: #fff; margin-top: 5%;}
.yd_sy .wzz h1 { font-size: 52px; font-weight: bold; line-height: 100px; letter-spacing: 5px; }
.yd_sy .wzz p {font-size: 26px;  letter-spacing: 3px; }
.yddh { width:550px; position: absolute; bottom: 80px; left:50%; margin-left: -275px;}
.yddh ul li { height: 40px; line-height: 40px;   background:rgba(255,255,255,.8);text-align: center; color: #333; border-radius: 30px; width: 260px; float: left; margin-right: 30px;}
.yddh ul li:nth-child(2n) { margin-right: 0;}
.yddh ul li a { font-size: 17px; color: #333; }
.yddh ul li:hover a {background:rgba(58,58,58,.9);  color: #fff;display: block; border-radius:30px;}
.yddh ul li.hid {background:rgba(58,58,58,.9);  color: #fff;display: block; border-radius:30px;}
.yddh ul li.hid a{color: #fff;}
@media only screen and (max-width:1440px){
.yd_sy .wzz {  margin-top: 3%;}
.yddh {  bottom: 60px;}
}
@media only screen and (max-width:1360px){
.yd_sy .wzz {  margin-top: 3%;}
}
@media only screen and (max-width:992px){
.yd_sy { width: 94%;top:3%;left:3%; margin-left:0px;}
.yd_sy .lo { width: 180px;}
.yd_sy .wzz {  margin-top: 40%;}
.yd_sy .wzz h1 { font-size: 27px;  line-height: 50px; letter-spacing: 3px; }
.yd_sy .wzz p {font-size: 22px;   }
.yddh { width:92%; margin: 0px auto; position: absolute; bottom: 80px; left:4%; margin-left:0; }
.yddh ul li {  width:48%; margin-right:4%; height: 35px; line-height: 35px;}
.yddh ul li a { font-size: 15px; }
}




.section-time{width:100%;overflow: hidden; margin:0px auto; padding: 30px 0px; margin-top: -190px; z-index: 98; position: relative; max-width: 1260px;}
.section-time-right{width:100%;}
.section-time-right ul li{width: 22%; margin: 0 1.5% 2.6% 1.5%; float: left; background: #fff; border-radius: 10px; box-shadow: 0px 0px 10px rgba(0,0,0,.2); text-align: center; padding: 40px 0px; }
.section-time-right .tp { width: 82px; height: 82px; border-radius: 100px; margin: 0px auto 20px auto; background: #00a1e9;}
.section-time-right .tp img { width: 100%; height: auto;}
.section-time-right span{font-size:44px; font-family:Arial, Helvetica, sans-serif; line-height:58px; color:#333; }
.section-time-right font { color:#333; font-size:30px;}
.section-time-right p{font-size:18px; color:#666; line-height: 28px;  padding-top: 10px;}
@media only screen and (max-width:1640px){
.section-time{margin-top: -160px; }	
}
@media only screen and (max-width:1360px){
.section-time{margin-top: -130px; }	
}
@media only screen and (max-width:995px){
.section-time{ margin-top: -80px; }
.section-time-right ul li{width: 46%; margin: 0 2% 2.6% 2%; padding:25px 0px; }
.section-time-right .tp { width: 60px; height: 60px; margin: 0px auto 5px auto; }
.section-time-right span{font-size:32px;  line-height:38px; }
.section-time-right font { font-size:24px;}
.section-time-right p{font-size:14px; line-height: 22px;  padding-top: 0px;}
}


.gy_bt{width:100%; text-align:center; text-transform:uppercase;  margin-bottom:40px; }
.gy_bt h3{font-size:36px; line-height:44px;  padding-bottom:5px; color:#333; font-weight:400; }
.gy_bt span{margin:10px auto; width:55px; border-bottom:3px solid #fd5f60; border-top:1px solid #fd5f60; display:block;}
.gy_bt p { font-size: 16px; text-align: center;}
@media only screen and (max-width:1023px) {
.gy_bt{width:100%; text-align:center; text-transform:uppercase; margin-bottom:20px;}
.gy_bt h3{font-size:26px; line-height:44px;   padding-bottom:5px;}
.gy_bt span{margin:5px auto;}	
}


.sy_kc { width: 100%; margin: 0px auto; overflow: hidden;}
.sy_kc .wc1 { width: 100%; margin-bottom: 50px; background-position:center center;background-repeat:no-repeat;}
.sy_kc .wc1 .zc { width: 48%;  margin-top: 90px;}
.sy_kc .wc1 .zc h1 { font-size: 26px; font-weight: bold; color: #fff; height: 50px;}
.sy_kc .wc1 .zc h1 span {height: 38px; line-height: 38px; font-size: 18px; background: #fff; padding: 0px 20px; color: #333; display: inline-block; border-radius: 5px; margin-left: 8px;}
.sy_kc .wc1 .zc p { font-size: 16px; line-height: 28px; color: #fff;}
.sy_kc .wc1 .yc { width: 48%; }
.sy_kc .wc1 .yc img { width: 100%; height: auto;}
.sy_kc .wc1 .gd { width: 150px; height: 38px; line-height: 38px; font-size: 16px; background: #fff; box-shadow: 0px 0px 10px rgba(0,0,0,.4); text-align: center; border-radius: 30px; margin-top: 20px;}
.sy_kc .wc1 .gd a { color: #ff1b1c;}
@media only screen and (max-width:995px){
.sy_kc .wc1 { width: 100%; margin-bottom: 30px; background-position:top center;}
.sy_kc .wc1 .zc { width:100%;  margin-top: 30px;}
.sy_kc .wc1 .zc h1 { font-size: 22px; font-weight: bold;}
.sy_kc .wc1 .zc p { font-size: 14px; line-height: 24px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 9;  overflow: hidden;  }
.sy_kc .wc1 .gd { width: 120px; height: 30px; line-height: 30px; font-size: 14px; margin-top: 10px; box-shadow: 0px 2px 5px rgba(0,0,0,.4);}
.sy_kc .wc1 .yc { width: 100%; margin-top: 20px; }
}



.sy_tx { width: 94%; margin: 50px auto; max-width: 1260px;}
.sy_tx .tp { width: 100%; height: auto;}
.sy_tx .tp img { width: 100%; height: auto;}
.sy_tx .tab{ width:100%; margin:0 auto;}
.sy_tx .tab-hd { background:#fff; overflow:hidden; zoom:1; text-align: center; padding: 5px 0px;}
.sy_tx .tab-hd li{ display: inline-block; width:210px; color:#333; text-align:center; cursor:pointer; height: 50px; line-height: 50px; border-radius: 30px; background: #e6e6e6; margin: 0px 10px; font-size: 20px; box-shadow: 0px 2px 5px rgba(0,0,0,.3);}
.sy_tx .tab-hd li.active{ background:#fc5f61; color: #fff;}
.sy_tx .tab-bd li{display:none; padding:30px 0px 0px 0px; border-top:0 none; }
.sy_tx .tab-bd li.thisclass{ display:list-item;}
.sy_tx .tab-bd li img{ width: 100%;}
@media only screen and (max-width:995px){
.sy_tx {  margin: 30px auto;}
.sy_tx .tab-hd li{  width:105px; color:#333; text-align:center; cursor:pointer; height: 35px; line-height: 35px;  margin: 0px 2px; font-size: 14px; }
.sy_tx .tab-bd li{ padding:15px 0px 0px 0px;  }
}


.sy_fk { width: 94%; margin: 50px auto; max-width: 1260px;}
.sy_fk ul li { width: 18.5%; float: left; margin-right: 1.875%; text-align: center;}
.sy_fk ul li:nth-child(5n) { margin-right: 0;}
.sy_fk ul li .tp { width: 80px; height: 80px; border-radius: 100px; margin: 0px auto 20px auto; background: #00a1e9;}
.sy_fk ul li .tp img { width: 100%; height: auto;}
.sy_fk ul li h2 {font-size: 18px; line-height: 50px; font-weight: bold;}
.sy_fk ul li p { line-height: 24px; font-size: 14px;}
@media only screen and (max-width:995px){
.sy_fk {  margin: 30px auto;}
.sy_fk ul li { width: 100%; float:none; margin-right:0; text-align:left;}
.sy_fk ul li .tp { float: left; margin-right: 10px;}
.sy_fk ul li h2 { line-height: 30px;}
}


.sy_sz { width:100%; margin:50px auto; padding: 70px 0px 30px 0px; }
.sy_sz .swiper-container-hzz{position:relative; width:94%; overflow:hidden; max-width: 1260px; margin:10px auto; padding-bottom: 60px;}
.sy_sz .swiper-container-hzz .swiper-slide{position: relative; }
.sy_sz .swiper-container-hzz .tp { width:180px; height: 180px;  border-radius: 100%; overflow: hidden; margin: 0px auto; position: relative; z-index: 5;}
.sy_sz .swiper-container-hzz .tp img { width: 100%; height: auto;}
.sy_sz .swiper-container-hzz .wz {width:100%; text-align: center;box-shadow:0 5px 10px #ddd; background: #fff; border-radius: 10px; padding: 70px 0px 25px 0px; position: relative; margin-top: -90px; z-index: 2;}
.sy_sz .swiper-container-hzz .wz h2 { font-size: 18px; font-weight: bold; padding: 20px 0px;}
.sy_sz .swiper-container-hzz .wz p {font-size:14px; line-height:22px; padding:0 10px; height:132px; overflow:hidden}
.sy_sz .swiper-container-hzz .swiper-pagination-bullet { width: 10px; height: 10px;background: #fff; border-radius: 100px; box-shadow:0 2px 10px #999;}
.sy_sz .swiper-container-hzz .swiper-pagination-bullet-active {opacity: 1;background: #3171b5;}
 @media screen and (max-width:992px) {
.sy_sz {  margin:30px auto; padding:50px 0px 10px 0px; }	
.sy_sz .swiper-container-hzz{padding-bottom:60px;}
	 .sy_sz .swiper-container-hzz .tp { width:120px; height: 120px;}
}



.sy_jy { width:80%; margin:70px auto; }
.sy_jy .zjbf { width:100%; margin:0px auto;  position:relative;}
.swiper-container-cpfw{ width:94%; max-width:1280px; margin:0px auto; padding: 10px;}
.swiper-container-cpfw .swiper-slide {box-shadow:0 2px 10px rgba(0,0,0,.3);border-radius: 10px; overflow: hidden;}
.swiper-container-cpfw .swiper-slide img{width:100%; height:auto; display:block; border-radius: 10px; overflow: hidden; position: relative;
transition:all 3s;
-webkit-transition:all 3s;
-moz-transition:all 3s;
-ms-transition:all 3s;
-o-transition:all 3s;}

.swiper-container-cpfw  .bj { position: absolute; top:0; left:0; width: 100%; height: 100%;background: rgba(0,0,0,.4); }
.swiper-container-cpfw  .bj1 { position: absolute; top:0; left:0; top: 50%;left: 50%;transform: translate(-50%, -50%); color: #fff;}
.swiper-container-cpfw  .bj1 i { color: #fff; font-size: 46px;}

.swiper-container-cpfw .swiper-slide:hover img{transform:scale(1.1);
-webkit-transform:scale(1.1);
-moz-transform:scale(1.1);
-ms-transform:scale(1.1);
-o-transform:scale(1.1);}
.swiper-container-cpfw .swiper-slide .tp{width:100%; position:relative; overflow:hidden; border-radius: 6px; overflow: hidden;}
.swiper-container-cpfw .swiper-slide .wz{ padding: 20px;}
.swiper-container-cpfw .swiper-slide .wz h2 {font-size: 18px; font-weight: bold; height: 30px;}
.swiper-container-cpfw .swiper-slide .wz p { font-size:14px; line-height:24px; }
.sy_jy .zjbf .swiper-button-prev{ left:0; top:49%;  background:#ffffff; border-radius:100%; width:40px; height:40px; line-height: 40px; text-align:center; font-size:30px; font-family:宋体; color:#00a1e9; font-weight:bold;box-shadow:0 5px 10px #999; }
.sy_jy .zjbf .swiper-button-next { right:0; top:49%; background:#ffffff; border-radius:100%; width:40px; height:40px; line-height: 40px; text-align:center; font-size:30px; font-family:宋体; color:#00a1e9; font-weight:bold;box-shadow:0 5px 10px #999;}
@media only screen and (max-width:1360px) {
.sy_jy { width:90%; margin:50px auto; }

}
@media only screen and (max-width:992px) {
.sy_jy { width:94%; margin:30px auto; }
}



.sy_hz { width: 100%; margin: 50px auto 0px auto; padding: 50px 0px 0px 0px; }
.sy_hz .tp { width: 94%; height: auto; margin: 0px auto; max-width: 1260px;padding-bottom: 50px;}
.sy_hz .tp img { width: 100%; height: auto;}
@media only screen and (max-width:992px) {
.sy_hz { margin: 30px auto 0px auto; padding: 30px 0px 0px 0px; }
}





.footer{background:#222222;padding: 40px 0 0px 0; color: #ddd;}
.footer h3 {font-size: 20px;  height: 40px; color: #ffffff;}
.footer .zc { width: 22%; float: left;}
.footer .zc p { font-size: 14px; color: #ddd; line-height: 26px; text-align: justify;}
.footer .zc1 { width: 12%; margin-left:8%; float: left;}
.footer .zc1 a { display: block; color: #ddd; line-height: 26px;}
.footer .zc2 { width: 25%; margin-left:5%; float: left;}
.footer .zc2 .zz { padding-top: 12px;}
.footer .zc2 .zz img { margin-right: 5px;}
.footer .yc { width: 23%; float: right;}
.footer .yc .txt { width: 100%; height: 35px; line-height: 35px; background: #fff; padding: 0px 8px; font-size: 14px; margin-top: 25px; box-sizing: border-box;}
.footer .yc .text{ width: 120px; height: 35px; line-height: 35px; background: #20a7fc; text-align: center; color: #fff; font-size: 14px;margin-top: 15px;}
.footer .xbq { width: 100%; margin-top: 40px; border-top: 1px solid #666; padding: 20px 0px; line-height: 22px; text-align: center; color: #ddd;}
@media only screen and (max-width:1023px) {
.footer{background:#222222;padding: 30px 0 0px 0;}
.footer .zc { width: 100%; float: none;}
.footer .zc1 { display: none;}
.footer .zc2 { width: 100%; margin-left:0%; float: none; margin-top: 20px;}
.footer .yc { width: 100%; float: none; margin-top: 20px;}
.footer .yc .txt { margin-top: 15px; box-sizing: border-box;}
.footer .xbq { margin-top: 30px; border-top: 1px solid #666; padding: 20px 10px;box-sizing: border-box;}
}


.tj_yy{width:100%; height:100vh; position:fixed; top:0; left:0; z-index:99999; display:none;}
.tj_yy .b_j{width:100%; height:100%; background:rgba(0,0,0,.7); position:absolute; top:0; left:0;}
.tj_yy .n_r{width:500px; padding:30px 50px;position:absolute; top:20%; left:50%; transform:translateX(-50%);    border-radius: 10px;}
.tj_yy .n_r .bt{text-align:center; color:#fff; margin-bottom:30px; font-size: 36px; position: relative;}
.tj_yy .n_r .bt h3{font-size:30px; color:#fff; margin-bottom:10px;}
.tj_yy .n_r .bt i { width: 30px; height: 30px; float: right; font-size: 24px; padding-top: 5px; cursor: pointer;}
.tj_yy .n_r .bd { border-radius: 15px 15px 0px 0px; background: #fff; padding: 30px;}
.tj_yy .n_r .yy {  border-bottom: 1px dashed #ddd; line-height: 60px; font-size: 14px;}
.tj_yy .n_r .yy span { color: #FB0004;}
.tj_yy .n_r .yy input.w{width:80%;  line-height: 60px;  font-size:14px; color:#555; float: right; color: #999;}
.tj_yy .n_r .yy .txt { width: 100%;  border-radius: 30px; border: 1px solid #ddd;line-height:40px; height: 40px; padding: 0px 15px; font-size: 14px; margin-top: 10px;}
.tj_yy .n_r .bdd { width: 100%; border-top: 1px solid #ddd; border-radius: 0px 0px 15px 15px; background: #fff; padding: 30px; box-sizing: border-box;}
.tj_yy .n_r .an{width:100%; height:45px; background-color:#00a1e9; font-size:16px; color:#fff; line-height:45px; cursor:pointer;border-radius: 10px;}
@media only screen and (max-width:1360px) {
.tj_yy .n_r{ top:10%; }

}
@media only screen and (max-width:992px) {
.tj_yy .n_r{ width: 90%; top:10%; padding:15px;}
.tj_yy .n_r .yy input.w{width:65%;  line-height: 60px;  font-size:14px; color:#555; float: right; color: #999;}
}



.e_m{width:100%; height:100%; position:fixed; top:0; left:0; background-color:rgba(0,0,0,.9); z-index:99999; display:none;}
.e_m .n_r{width:200px; padding:10px; background-color:#fff; position:absolute; top:50%; left:50%; text-align:center;
transform:translate(-50%,-50%);
-webkit-transform:translate(-50%,-50%);
-moz-transform:translate(-50%,-50%);
-ms-transform:translate(-50%,-50%);
-o-transform:translate(-50%,-50%);}
.e_m .n_r img{width:100%; height:auto; display:block;}
.e_m .n_r p{font-size:15px; color:#888; margin-top:10px;}
@media only screen and (max-width:992px){
.e_m .n_r{width:230px; padding:15px;}
.e_m .n_r p{font-size:15px;}
}

.pc_kf{width:70px; position:fixed; right:0px; bottom:30px; z-index:99999; border-radius: 5px 0px 0px 5px; box-shadow:0 0 5px #ccc;}
.pc_kf .nr{font-size:18px; text-align:center; line-height:70px; position:relative; border-bottom: 1px solid #ddd;}
.pc_kf .tel{width:200px; background:#fff; font-size:22px; line-height:70px; color:#00a1e9; position:absolute; top:0; right:-160px; opacity:0; border-radius: 5px; box-shadow: 0px 0px 5px rgba(0,0,0,.2);}
.pc_kf .nr:hover .tel{right:86px; opacity:1;transition:all .5s;-o-transition:all .5s;-ms-transition:all .5s;-moz-transition:all .5s;-webkit-transition:all .5s;}
.pc_kf .ewm{width:130px; padding:10px 10px 0; background:#fff; position:absolute; bottom:0; right:-200px; opacity:0; border-radius: 5px; box-shadow: 0px 0px 5px rgba(0,0,0,.2);}
.pc_kf .ewm img{width:100%; height:auto; display:block; margin-bottom:10px; border-radius: 5px; overflow: hidden;}
.pc_kf .ewm p{font-size:14px; color:#333; line-height:16px; margin-bottom:10px;}
.pc_kf .nr:hover .ewm{right:86px; opacity:1;transition:all .5s;-o-transition:all .5s;-ms-transition:all .5s;-moz-transition:all .5s;-webkit-transition:all .5s;}
.pc_kf .nr a{display:block; width:70px; height:70px; box-shadow:0 0 5px #ccc;  background-color:#fff;  overflow:hidden;}
.pc_kf .nr i{color:#666; font-size: 30px;}
.pc_kf .fh{width:70px; height:70px;  background-color:#00a1e9; text-align:center; line-height:70px; color:#fff; cursor:pointer;}
.pc_kf .fh i{font-size:30px;}
.pc_kf .fh a{color:#fff;}
@media only screen and (max-width:992px) {
.pc_kf{right:0px; bottom:10px;}
}
@media only screen and (max-width:640px){
.pc_kf{width:100%; background-color:#00a1e9; position:fixed; right:0; bottom:0;}
.pc_kf .nr{width:19.9%; border-right:1px solid rgba(255,255,255,.6); font-size:20px; background:none; box-shadow:none; margin-bottom:0; float:left;}
.pc_kf .tel{display:none;}
.pc_kf .ewm{display:none;}
.pc_kf .nr a{display:block; width:100%; border-radius:0; background-color:#00a1e9; box-shadow:none;}
.pc_kf .nr i{color:#fff;}
.pc_kf .nr a:hover i{color:#fff;}
.pc_kf .fh{width:19%; box-shadow:none; font-size:22px; float:left;}
}








/*内页banner*/
.nban{ width:100%; height:auto; font-size:0; overflow:hidden; position:relative; margin:0 auto; z-index: 1}
.nban img{ width:100%; height:auto;}
.nban .wz { position: absolute; top:45%; left:12.5%;  text-align:left; width: 40%; z-index: 3; color: #fff; } 
.nban .wz h1{ font-size: 32px; height: 70px; font-weight: bold; }
.nban .wz h3{ font-size:18px; line-height: 32px; letter-spacing:0px;}

@media screen and (max-width:1440px) {
.nban .wz { top:38%; left:5%;  width: 90%; z-index: 3; color: #fff; }  
.nban .wzz { position: absolute; left:5%;}
}
@media screen and (max-width:992px) {
.nban{  height:260px; }
.nban img{ position:absolute; height:260px; width:auto; top:0; left:60%; transform:translateX(-60%); z-index:1}
.nban .wz {  top:38%; left:3%; width:60%;} 
.nban .wz h1{ font-size: 20px; height: 40px;}
.nban .wz h3{ font-size:14px; line-height: 24px; letter-spacing:0px;display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3;  overflow: hidden; }
}


.ny_dh {margin-bottom:15px; background:#fff; width:100%; text-align: center;box-shadow: 0px 3px 12px rgba(0,0,0,.1);}
.ny_dh ul { width: 100%; margin: 0px auto; max-width: 1260px; }
.ny_dh ul li{ display: inline-block; line-height: 60px;}
.ny_dh ul li a{display:inline-block;  height:60px; line-height:60px; text-align:center; color:#666; font-size:20px; margin: 0px 40px; }
.ny_dh ul li.active a{color:#00a1e9;border-bottom:none; border-bottom: 3px solid #00a1e9;} 
@media only screen and (max-width:992px){

.ny_dh ul li{ width: 33.33333%; line-height: 50px; float: left;}
.ny_dh ul li a{ height:50px; line-height:50px;  font-size:18px; margin: 0px; }
}


.down_box{width:100%;}
.down_box img{display: inline-block!important;max-width: 100%!important;}
.down_box .tab_title{ margin-bottom:15px; background:#fff; width:100%; text-align: center;box-shadow: 0px 3px 12px rgba(0,0,0,.1);}
.down_box .tab_title ul { width: 100%; margin: 0px auto; max-width: 1260px; }
.down_box .tab_title li{ display: inline-block; line-height: 60px;}
.down_box .tab_title li a{display:inline-block;  height:60px; line-height:60px; text-align:center; color:#666; font-size:20px; margin: 0px 40px; }
.down_box .tab_title li.active a{color:#00a1e9;border-bottom:none; border-bottom: 3px solid #00a1e9;} 
.down_box .tab_title.fixed{ position:fixed; top:88px;z-index:9}
@media only screen and (max-width:992px){
.down_box .tab_title ul { width: 100%; margin: 0px auto;}
.down_box .tab_title li{ float:left; line-height: 47px; width: 33.333%; height: 50px;}
.down_box .tab_title li a{ height:47px; line-height:47px; font-weight: normal; font-size: 16px; padding: 0; display: block;margin: 0px; }
.down_box .tab_title.fixed{ position:fixed; top:58px;z-index:9}
}


.ny_kc { width: 100%; margin: 50px auto; max-width: 1260px;}
.ny_kc ul li { width: 23%; float: left; margin: 0 2.6% 2.6% 0;  background: #e9f7ff; border-radius: 8px; overflow: hidden;  }
.ny_kc ul li img { width: 100%; height: auto;}
.ny_kc ul li:nth-child(4n) { margin-right: 0;}
.ny_kc ul li h3 { font-size: 20px; color: #00a1e9; font-weight: bold; line-height: 50px; padding: 20px 20px 0px 20px;}
.ny_kc ul li h3 a{font-size: 20px; color: #00a1e9;}
.ny_kc ul li p { padding: 0 20px;}
@media only screen and (max-width:992px){
.ny_kc { margin: 30px auto;}	
.ny_kc ul li { width: 46%; margin: 0 2% 4% 2%;   }
.ny_kc ul li:nth-child(4n) { margin-right: 2%;}
.ny_kc ul li h3 { padding: 10px 10px 0px 10px;}
.ny_kc ul li p { padding: 0 10px;}
}


.xz_zx { width: 94%; margin: 50px auto; max-width: 1260px;}
.xz_zx .tp { width: 100%; height: auto;}
.xz_zx .tp img { width: 100%; height: auto;}
.xz_zx .tab{ width:100%; margin:0 auto;}
.xz_zx .tab-hd { background:#fff; overflow:hidden; zoom:1; text-align: center; padding: 5px 0px;}
.xz_zx .tab-hd li{ display: inline-block; color:#333; text-align:center; cursor:pointer;  line-height: 50px; margin: 0px 50px; font-size: 22px; font-family:Arial; }
.xz_zx .tab-hd li i {font-size: 40px; color: #666; display: block;}
.xz_zx .tab-hd li .icon-mac { font-weight: bold;}
.xz_zx .tab-hd li .icon-android { font-size: 44px;}
.xz_zx .tab-hd li.active{  color: #00a1e9;}
.xz_zx .tab-hd li.active i {color: #00a1e9;}
.xz_zx .tab-bd li{display:none; padding:30px 0px 0px 0px; border-top:0 none; }
.xz_zx .tab-bd li.thisclass{ display:list-item;}
.xz_zx .tab-bd li img{ width: 100%;}
.xz_zx .tab-bd li .zc { width: 48%; float: left; overflow: hidden; border-radius: 10px;}
.xz_zx .tab-bd li .yc { width: 48%; float: right; margin-top: 25px;}
.xz_zx .tab-bd li .yc .tp { width: 20%; float: left; border: 1px solid #ddd; margin-right: 15px;}
.xz_zx .tab-bd li .yc h2 { font-size: 36px; color: #00a1e9; height: 70px;}
.xz_zx .tab-bd li .yc h3 { font-size: 26px; color: #333; height: 55px;}
.xz_zx .tab-bd li .yc p { font-size: 16px; line-height: 28px; color: #666;}
.xz_zx .tab-bd li .yc h4 { font-size: 12px; color: #999; padding-top: 35px;}
.xz_zx .tab-bd li .yc .ljxz { width: 70%; background: #00a1e9; height: 45px; line-height: 45px; text-align: center; font-size: 20px; margin-top: 30px; color: #fff; display: block;}
.xz_zx .tab-bd li .yc .ljxz a{color: #fff;}
.xz_zx .tab-bd li .yc .ljxz i { font-size: 24px; margin-right: 10px;}
@media only screen and (max-width:995px){
.xz_zx {  margin: 30px auto;}
.xz_zx .tab-hd li{ margin: 0px 10px;font-size: 16px;line-height: 40px;}
.xz_zx .tab-hd li i {font-size: 30px; }
.xz_zx .tab-hd li .icon-android { font-size:34px;}
.xz_zx .tab-bd li{ padding:10px 0px 0px 0px;}
.xz_zx .tab-bd li .zc { width: 100%; float: none; }
.xz_zx .tab-bd li .yc { width: 100%; float: none; margin-top: 15px;}
.xz_zx .tab-bd li .yc h2 { font-size: 30px; color: #00a1e9; height:60px;}
.xz_zx .tab-bd li .yc h3 { font-size: 22px; color: #333; height: 35px;}
.xz_zx .tab-bd li .yc p { font-size: 14px; line-height: 22px; color: #666;}
.xz_zx .tab-bd li .yc h4 {  padding-top: 25px;}
.xz_zx .tab-bd li .yc .tp { width: 30%;  margin-right: 10px;}
}


.ny_st { width: 94%; margin: 50px auto; max-width: 1260px;}
.ny_st ul li { width: 31.333%; margin: 0 3% 2.6% 0; float: left; border-radius: 10px; overflow: hidden; background: #fff; box-shadow: 0px 3px 10px rgba(0,0,0,.1);}
.ny_st ul li:nth-child(3n) { margin-right: 0;}
.ny_st ul li .tp {position: relative;}
.ny_st ul li img { width: 100%; height: auto;}
.ny_st ul li .bj { position: absolute; top:0; left:0; width: 100%; height: 100%;background: rgba(0,0,0,.4); }
.ny_st ul li .bj1 { position: absolute; top:0; left:0; top: 50%;left: 50%;transform: translate(-50%, -50%); color: #fff;}
.ny_st ul li .bj1 i { color: #fff; font-size: 46px;}
.ny_st ul li .wz { padding: 5px 15px 20px 15px; }
.ny_st ul li .wz h1 { text-align: center; font-size: 18px; line-height: 50px;}
.ny_st ul li .wz p { font-size:14px;}
.ny_st ul li:hover .bj1 i{ color: #ff9394;}
@media only screen and (max-width:995px){
.ny_st { width: 98%; margin: 30px auto;}
.ny_st ul li { width: 48%; margin: 0 1% 4% 1%;}
.ny_st ul li:nth-child(3n) { margin-right: 1%;}
}



.ny_xw { width: 94%; margin:50px auto; max-width: 1260px;}
.ny_xw ul li { border-bottom: 10px solid #d8f3ff; padding: 40px 0px; border-radius: 20px;}
.ny_xw .rq { width: 13%; float: right;}
.ny_xw .rq h1 { font-weight: bold; font-size: 40px; color: #00a1e9;}
.ny_xw .rq p { font-size: 20px; padding: 10px 0px 0px 0px; color: #333;}
.ny_xw .tp { width: 25%; float: left; overflow: hidden; border-radius: 10px; overflow: hidden;}
.ny_xw .tp img { width: 100%; height: auto;}
.ny_xw .wz { width: 55%; float: left; position: relative; padding-left:3%;}
.ny_xw .wz h2 { font-size: 20px; font-weight: 800; line-height: 40px; padding-bottom: 10px;text-overflow:ellipsis; white-space:nowrap; overflow:hidden; color: #00a1e9;  }
.ny_xw .wz h2 a {color: #00a1e9;}
.ny_xw ul li:hover .wz h2 { transition: all 0.5s; transform: translateY(-10px);}
.ny_xw .wz p { line-height: 28px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3;  overflow: hidden;}
.ny_xw .nm { margin-top: 90px;}
.ny_xw ul li:hover .tp img {transform:scale(1.1);  transition: all 0.5s; }
@media only screen and (max-width:992px){
.ny_xw { width: 94%; margin: 30px auto;}
.ny_xw ul li {  padding: 20px 0px;}
.ny_xw .rq { display: none;}
.ny_xw .tp { width: 37%; float:left;}
.ny_xw .wz { width: 59%; float:right; padding-left:0%;}
.ny_xw .wz h2 { font-size: 16px; font-weight: 800; line-height: 30px; padding:0px 0 5px 0;}
.ny_xw .wz p { line-height: 24px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp:2;  overflow: hidden;  }	
}


/*翻页*/
.paging{width:100%; margin:30px auto ; text-align:center; overflow:hidden;}
.paging a{line-height:32px; color:#888; background-color:#fff; text-align:center; font-size:14px; border:1px solid #e7e7e7; width:32px; height:32px; border-radius: 100px; margin:0 3px; display:inline-block;}
.paging a:hover{background-color:#00a1e9; border:1px solid #00a1e9; color:#fff;}
.paging a.on{background-color:#00a1e9; border:1px solid #00a1e9; color:#fff;}
@media only screen and (max-width:1023px) {
.paging{margin:20px auto 30px auto ;}
.paging a{line-height:32px; font-size:14px; width:32px; height:32px; margin:0 3px; }
}


.nm {margin:50px 0px 0px 0px;}
.nm a{width:160px; height:40px;  text-align: center; background:#fd5f60;   border:1px solid #fd5f60; font-size:14px; color:#fff; line-height:40px; display:block; position:relative;  border-radius: 30px; overflow: hidden;}
.nm a i { margin-left: 10px;}
.nm a:hover{color:#fd5f60; background: #fff;border-radius: 30px; overflow: hidden;}
.nm a:before{content:""; width:0; height:100%; border:3px solid #fd5f60; border-width:3px 0 3px 0; top:-3px; left:-3px; position:absolute;
transition:all .5s;
-webkit-transition:all .5s;
-moz-transition:all .5s;
-ms-transition:all .5s;
-o-transition:all .5s;}
.nm a:after{content:""; width:100%; height:0; border:3px solid #fd5f60; border-width:0 3px 0 3px; top:-3px; left:-3px; position:absolute;
transition:all .5s;
-webkit-transition:all .5s;
-moz-transition:all .5s;
-ms-transition:all .5s;
-o-transition:all .5s;}
.nm a:hover:before{width:166px;}
.nm a:hover:after{height:46px;}


.ny_lx {width: 100%; margin:80px auto 0px auto; background: #f6f6f6; padding: 60px 0px;}
.ny_lx h1 { font-size: 28px; height: 55px;}
.ny_lx .wz { font-size: 16px; line-height: 28px; color: #666; margin-bottom: 20px;}
.ny_lx .zc { width: 48%; float: left;}
.ny_lx .zc .txt { width: 100%; height: 45px; line-height: 45px; background: #ffffff; padding: 0 10px; box-sizing: border-box; color: #666;font-size: 16px;}
.ny_lx .zc .ll { width: 48%; margin-bottom: 20px;}
.ny_lx .zc .text{ width: 160px; height: 45px; line-height: 45px; background: #20a7fc; text-align: center; color: #fff; font-size: 16px;margin-top: 15px;}
.ny_lx .zc .txtt { width: 100%; height:120px; line-height: 45px; background: #ffffff; padding: 0 10px; box-sizing: border-box; color: #666;font-size: 16px; border: none; outline: none;}
.ny_lx .yc { width: 48%; float: right;}
.ny_lx .yc .zx { padding: 20px 0px; font-size: 16px; line-height: 24px;}
.ny_lx .yc .zx i { width: 50px; line-height: 50px; height: 50px; text-align: center; background: #00a1e9; color: #fff; font-size: 24px; float: left; border-radius: 100px; margin-right: 20px; }
@media only screen and (max-width:1023px) {
.ny_lx {margin:50px auto 0px auto; padding: 40px 0px;}
.ny_lx h1 { font-size: 22px; height: 45px;}
.ny_lx .wz { font-size: 14px; line-height: 24px; margin-bottom: 15px;}
.ny_lx .zc { width:100%; float: none;}	
.ny_lx .zc .txt { font-size: 14px;}
.ny_lx .yc { width:100%; float: none; margin-top: 30px;}
}


.kc_zxx { width: 94%; margin: 50px auto; max-width: 1260px;}
.kc_zxx .zc { width: 46%; float: left; border-radius: 8px; overflow: hidden;}
.kc_zxx .zc img { width: 100%; height: auto;}
.kc_zxx .yc { width: 50%; float: right;}
.kc_zxx .yc h1{font-size: 26px; font-weight: bold; height: 55px;}
.kc_zxx .yc span { padding: 5px 10px; margin: 0 10px 0px 0px; background: #f0f0f0; border-radius: 3px;}
.kc_zxx .yc h2 { background: #ffe9e9; border-radius: 8px; padding: 15px; color: #fd5f60; font-size: 36px; font-family: Arial; font-weight: bold; margin: 20px auto;}
.kc_zxx .yc p { line-height: 34px;}
.kc_zxx .yc .an { width: 200px; height: 45px; line-height: 45px;  border-radius:40px; background: #00a1e9; text-align: center; font-size: 20px; font-weight: bold; color: #fff; margin-top: 30px; position: relative;}
.kc_zxx .yc .an a{font-size: 20px; font-weight: bold; color: #fff; }
.kc_zxx .yc .wxx{width:130px; padding:10px 10px 0; background:#fff; position:absolute; top:-60px;  opacity:0; border-radius: 5px; box-shadow: 0px 0px 5px rgba(0,0,0,.2);}
.kc_zxx .yc .wxx img{width:100%; height:auto; display:block; margin-bottom:10px; border-radius: 5px; overflow: hidden;}
.kc_zxx .yc .wxx p{font-size:14px; color:#333; line-height:16px; margin-bottom:10px;}
.kc_zxx .yc .an:hover .wxx{left:210px; opacity:1;transition:all .5s;-o-transition:all .5s;-ms-transition:all .5s;-moz-transition:all .5s;-webkit-transition:all .5s;}

.tabbox {width:94%; margin:50px auto; max-width: 1260px;}
.tabmenu {width:100%;height:45px; border-bottom:1px solid #dddddd;}
.tabmenu ul {margin:0;padding:0;list-style-type:none;}
.tabmenu li { text-align:center; float:left; display:block; width:130px; height:45px; overflow:hidden; line-height:45px; display:inline; font-size:18px; color:#333333;font-weight: bold;}
.tabmenu .cli {text-align:center;float:left;display:block;width:130px;height:45px;overflow:hidden;line-height:45px;display:inline;font-size:18px; cursor:pointer; border-bottom:3px solid #00a1e9; color:#00a1e9; font-weight: bold;}
#tabcontent {width:100%; margin-top:15px;}
#tabcontent ul {margin:30px 0px 0px 0px;list-style-type: none; font-size:14px; line-height:32px;}
#tabcontent .hidden {display:none;} 
#tabcontent ul h3{font-size: 16px; font-weight: bold; line-height: 40px; }
#tabcontent ul img { width: 100%; height: auto;}
@media only screen and (max-width:1023px) {
.kc_zxx { margin: 30px auto; }
.kc_zxx .zc { width: 100%; float: none;}
.kc_zxx .yc h1{font-size: 20px; font-weight: bold; height: auto; padding: 15px 0px;}
.kc_zxx .yc {width: 100%; float: none;}
.kc_zxx .yc .an { margin-top: 20px;font-size: 18px; width: 170px; }
.kc_zxx .yc .an:hover .wxx{left:180px;}
}


.gs_jj{ width: 94%; margin: 80px auto; max-width: 1260px;}
.gs_jj p { font-size: 16px; line-height:36px;}
.gs_jj .zc { width: 60%; float: left;}
.gs_jj .yc { width: 35%; float: right;}
.gs_jj .yc img { width: 100%; height: auto; overflow: hidden; border-radius: 10px;}
@media only screen and (max-width:1023px) {
.gs_jj{ margin: 40px auto; }
.gs_jj p { font-size: 15px; line-height:28px;}
.gs_jj .zc { width: 100%; float: none;}
.gs_jj .yc { width: 100%; float: none; margin-top: 15px;}	
}


.qy_wh {width: 94%; margin: 80px auto; max-width: 1260px;}
.qy_wh ul li { background: #f0f0f0; padding: 50px; margin-bottom: 50px;}
.qy_wh ul li .zc { width: 17%; float: left;  vertical-align: middle; font-size: 24px; font-weight: bold; text-align: center; font-style: italic; padding-top:3%;}
.qy_wh ul li .yc { width: 75%; float: right; font-size: 16px; line-height: 30px;border-left: 1px solid #ddd; padding-left: 5%;}
.qy_wh ul li .yc h3 { font-size: 22px; height: 40px;}
.qy_wh ul li .yc p { font-size: 16px; line-height: 32px; color: #666;}
@media only screen and (max-width:1023px) {
.qy_wh {margin: 30px auto; }	
.qy_wh ul li { padding: 20px; margin-bottom:30px;}
.qy_wh ul li .zc { width: 17%; float: left; font-size: 18px;  text-align:left; padding-top:3%;}
.qy_wh ul li .yc { width: 75%; float: right; font-size: 16px; line-height: 30px;padding-left: 5%;}
.qy_wh ul li .yc h3 { font-size: 18px; height: 35px;}
.qy_wh ul li .yc p { font-size: 14px; line-height: 26px; }
}


.qy_whh {width: 94%; margin: 50px auto; background: #f0f0f0; max-width: 1260px;}
.qy_whh .yc { width: 50%; float: right; }
.qy_whh .yc img { width: 100%; height:  auto;}
.qy_whh .zc { width: 50%; float: left; padding: 4%; box-sizing: border-box;}
.qy_whh .zc h4{font-size: 24px; font-weight: bold; font-style: italic; height: 60px; }
.qy_whh .zc ul li { padding-bottom: 20px;}
.qy_whh .zc h3 { font-size: 20px; height: 32px;}
.qy_whh .zc p { font-size: 14px; line-height: 26px; color: #666;}
@media only screen and (max-width:1023px) {
.qy_whh {margin: 20px auto; }	
.qy_whh .yc { width: 100%; float: none;}
.qy_whh .zc { width: 100%; float: none;padding:5% 4% 4% 4%;}
.qy_whh .zc ul li { padding-bottom:20px;}
.qy_whh .zc h4{ height: 40px;  font-size: 18px;}
.qy_whh .zc h3 { font-size: 18px; height: 35px;}
.qy_whh .zc p { font-size: 14px; line-height: 22px; color: #666;}
}





.fz_lc { width: 100%; }
.swiper-container-cpff{width:94%; margin: 50px auto; position: relative; max-width: 1260px;}
.swiper-container-cpff .swiper-slide{ margin-top: 30px;}
.swiper-container-cpff em { width: 100%; height: 3px; position: relative; display: block; background: #ddd;z-index:3; }
.swiper-container-cpff i { width: 14px; height: 14px; background: #fff; z-index:12; border-radius: 100%; display: block; border:4px solid #00a1e9; position: absolute; left: 50%; top:-10px; margin-left: -7px;}
.swiper-container-cpff h5 {  font-size:45px;  height:100px; color:#00a1e9; text-align: center; font-family: Arial;}
.swiper-container-cpff p { font-size: 15px; line-height:32px; color:#666666;  width: 80%; margin: 30px auto 0px auto; text-align: center;}
.swiper-container-cpff .swiper-button-prev{ position: absolute; top:67%;  left:0;  width:30px; height:30px; background: url(../images/left_ico.png) no-repeat center right; -moz-background-size:auto; -webkit-background-size:auto; background-size:auto;
transition:all .3s;
-webkit-transition:all .3s;
-moz-transition:all .3s;
-ms-transition:all .3s;
-o-transition:all .3s;}
.swiper-container-cpff .swiper-button-next{ position: absolute; top:67%;  right:0;width:30px; height:30px;  background:url(../images/right_ico.png) no-repeat center left; -moz-background-size:auto; -webkit-background-size:auto; background-size:auto;
transition:all .3s;
-webkit-transition:all .3s;
-moz-transition:all .3s;
-ms-transition:all .3s;
-o-transition:all .3s;}
.zhjia { width: 92%; margin: 0px auto;}
@media only screen and (max-width:992px) {
.swiper-container-cpff{ margin: 50px auto;}
.zhjia { width: 90%; margin: 0px auto;}
.swiper-container-cpff h5 {  font-size:40px;height:80px;  }
.swiper-container-cpff p { font-size: 14px; line-height:28px;  width: 90%; margin: 20px auto 0px auto; }
.swiper-container-cpff .swiper-button-prev{ top:52%; }
.swiper-container-cpff .swiper-button-next{ top:52%;}
}


.fh_lb { width: 94%; margin: 50px auto; font-size: 16px; max-width: 1260px; color: #00a1e9; text-align: right;}
.fh_lb a{color: #00a1e9; font-size: 16px; }



.gallery-top8{width:100%; position:relative; height: auto; }
.gallery-top8 .swiper-slide img{width:100%; height:auto; display:block;}
.gallery-top8 .swiper-button-prev{ position: absolute; top:50%;  left:2%;  width:30px; height:30px; background: url(../images/left_ico.png) no-repeat center right; -moz-background-size:auto; -webkit-background-size:auto; background-size:auto;
transition:all .3s;
-webkit-transition:all .3s;
-moz-transition:all .3s;
-ms-transition:all .3s;
-o-transition:all .3s;}
.gallery-top8 .swiper-button-next{ position: absolute; top:50%;  right:2%;width:30px; height:30px;  background:url(../images/right_ico.png) no-repeat center left; -moz-background-size:auto; -webkit-background-size:auto; background-size:auto;
transition:all .3s;
-webkit-transition:all .3s;
-moz-transition:all .3s;
-ms-transition:all .3s;
-o-transition:all .3s;}
@media only screen and (max-width:992px){
.gallery-top8 .swiper-button-prev { display:none;}
.gallery-top8 .swiper-button-next { display:none;}
}

.gallery-top9{width:100%; position:relative; height: auto; }
.gallery-top9 .swiper-slide img{width:100%; height:auto; display:block;}
.gallery-top9 .swiper-button-prev{ position: absolute; top:50%;  left:2%;  width:30px; height:30px; background: url(../images/left_ico.png) no-repeat center right; -moz-background-size:auto; -webkit-background-size:auto; background-size:auto;
transition:all .3s;
-webkit-transition:all .3s;
-moz-transition:all .3s;
-ms-transition:all .3s;
-o-transition:all .3s;}
.gallery-top9 .swiper-button-next{ position: absolute; top:50%;  right:2%;width:30px; height:30px;  background:url(../images/right_ico.png) no-repeat center left; -moz-background-size:auto; -webkit-background-size:auto; background-size:auto;
transition:all .3s;
-webkit-transition:all .3s;
-moz-transition:all .3s;
-ms-transition:all .3s;
-o-transition:all .3s;}
@media only screen and (max-width:992px){
.gallery-top9 .swiper-button-prev { display:none;}
.gallery-top9 .swiper-button-next { display:none;}
}


.gallery-top10{width:100%; position:relative; height: auto; }
.gallery-top10 .swiper-slide img{width:100%; height:auto; display:block;}
.gallery-top10 .swiper-button-prev{ position: absolute; top:50%;  left:2%;  width:30px; height:30px; background: url(../images/left_ico.png) no-repeat center right; -moz-background-size:auto; -webkit-background-size:auto; background-size:auto;
transition:all .3s;
-webkit-transition:all .3s;
-moz-transition:all .3s;
-ms-transition:all .3s;
-o-transition:all .3s;}
.gallery-top10 .swiper-button-next{ position: absolute; top:50%;  right:2%;width:30px; height:30px;  background:url(../images/right_ico.png) no-repeat center left; -moz-background-size:auto; -webkit-background-size:auto; background-size:auto;
transition:all .3s;
-webkit-transition:all .3s;
-moz-transition:all .3s;
-ms-transition:all .3s;
-o-transition:all .3s;}
@media only screen and (max-width:992px){
.gallery-top10 .swiper-button-prev { display:none;}
.gallery-top10 .swiper-button-next { display:none;}
}












#lib_Tab1{width:100%;margin:25px 0px 0px 0px;padding:0px; text-align:center}
#lib_Tab1 .lib_Menubox {position:relative; padding: 5px 0px;}
#lib_Tab1 .lib_Menubox ul{margin:0px;padding:0px;list-style:none; position:absolute; top:3px; width:100%; text-align:center; left:0; height:45px;text-align:center;}
#lib_Tab1 .lib_Menubox li{display:inline-block;cursor:pointer;width:210px; color:#333; text-align:center; cursor:pointer; height: 50px; line-height: 50px; border-radius: 30px; background: #e6e6e6; margin: 0px 10px; font-size: 20px; box-shadow: 0px 2px 5px rgba(0,0,0,.3);}
#lib_Tab1 .lib_Menubox li.hover{background:#fc5f61; color: #fff;}
#lib_Tab1 .lib_Contentbox{clear:both; border-top:none;height:auto; text-align:center; position:relative; width:100%; margin:0px auto; }
.ziyuan1{width:100%; margin:80px auto 0px auto; }
.ziyuan2{width:100%; margin:80px auto 0px auto;}
.ziyuan3{width:100%; margin:80px auto 0px auto;}
#lib_Tab1 .lib_Contentbox .swiper-slide{ background: #fff;}
#lib_Tab1 .lib_Contentbox .swiper-slide i{ display:block; width:100%; padding-bottom:100%; position:relative;}
#lib_Tab1 .lib_Contentbox .swiper-slide img{  width:100%; height:auto;  box-sizing:border-box; background:#fff; margin-bottom:15px; }
#lib_Tab1 .swiper-pagination {bottom: 20px; margin: 0 0 0 48%; text-align: center;}
#lib_Tab1 .swiper-pagination .swiper-pagination-bullet { margin: 0px 5px;}
#lib_Tab1 .swiper-button-next{width:30px; height:30px; background:url(../images/right_ico.png) no-repeat; right:10px;  margin-top:-15px;background-size:30px 30px;}
#lib_Tab1 .swiper-button-prev{width:30px; height:30px; background:url(../images/left_ico.png) no-repeat; left:10px; margin-top:-15px; background-size:30px 30px;}
@media only screen and (max-width:1023px) {
#lib_Tab1{width:100%;margin:25px 0px 0px 0px;padding:0px; text-align:center}
#lib_Tab1 .lib_Menubox li{ width:90px; color:#414141;height:35px;line-height:35px; margin:0 10px;font-size:16px;}
#lib_Tab1 .lib_Menubox li.hover{height:35px;line-height:35px;}
.ziyuan1{width:100%; margin:50px auto 0px auto; }
.ziyuan2{width:100%; margin:50px auto 0px auto;}
.ziyuan3{width:100%; margin:50px auto 0px auto;}
#lib_Tab1 .swiper-pagination {bottom: 10px; margin: 0 0 0 43%; text-align: center;}
#lib_Tab1 .swiper-button-next{ display: none;}
#lib_Tab1 .swiper-button-prev{display: none;}
#lib_Tab1 .lib_Contentbox{ margin-top:0px;}
#lib_Tab1 .lib_Contentbox .swiper-slide h1{}
}
@media only screen and (max-width:768px) {
#lib_Tab1 .lib_Menubox li{ padding:0 8px; margin:0 2px;font-size:14px}
#lib_Tab1 .lib_Menubox li.hover{ }
#lib_Tab1 .lib_Contentbox{clear:both; border-top:none;height:auto; text-align:center; position:relative; width:100%; margin: 0px auto;}
#lib_Tab1 .lib_Contentbox .swiper-slide img{  margin-bottom:5px; }
#lib_Tab1 .lib_Contentbox .swiper-slide h1{ height:auto;  font-size:14px; height: 40px;}
}