@charset "utf-8";
/* CSS Document */
BODY { margin:0px auto; padding:0px; width:100%; color:#444; font-family: "微软雅黑"， Arial, Helvetica, sans-serif; background:#f2f2f2; }
div,form,ul,ol,li,dl,dt,dd,em,i,h1,h2,h3,h4,h5,i,input,textarea,button{margin:0px auto;padding:0px; font-weight:normal; list-style: none; font-size:12px; font-family:Arial, Helvetica, sans-serif; }
img{ border:0px; vertical-align:top; }
p,b,strong{margin:0px auto; padding:0px; list-style: none;font-family:Arial, Helvetica, sans-serif; }
table,tr,td,button{ margin:0px auto; padding:0px; list-style: none; font-size:12px; font-family: Arial, Helvetica, sans-serif; }
 
input{-webkit-tap-highlight-color: rgba(0, 0, 0, 0);-webkit-user-modify: read-write-plaintext-only;outline: none;box-shadow: none;}
textarea{-webkit-tap-highlight-color: rgba(0, 0, 0, 0);-webkit-user-modify: read-write-plaintext-only;outline: none;box-shadow: none;}
select{-webkit-tap-highlight-color: rgba(0, 0, 0, 0);-webkit-user-modify: read-write-plaintext-only;outline: none;box-shadow: none;}

a:link{color:#444; text-decoration:none;}
a:visited{color:#444; text-decoration:none;}
a:hover{color:#3274b8; text-decoration:none;}

#input-test{color: #fff; }
#input-test::-webkit-input-placeholder { /* WebKit browsers */
color:#fff;}
#input-test:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
color: #fff;}
#input-test::-moz-placeholder { /* Mozilla Firefox 19+ */
color: #fff;}
#input-test:-ms-input-placeholder { /* Internet Explorer 10+ */
color: #fff;}

 
 
 
  
.herdbox{ width:100%; background: url(../images/top_bg.jpg) no-repeat center;  } 
.herdbox .herd{ width:83%; padding:0.1% 0%; overflow:hidden;}
.herdbox .herd .logo{ width:28%; float:left; overflow:hidden; }
.herdbox .herd .logo img{ width:100%;  float:left; overflow:hidden;} 
  
  




.sousuo{ width:24px; height:24px; float:right; overflow:hidden; margin-top:3.4%; }
.cd-popup3{position:fixed;top:0;left:0;z-index:9999; visibility:hidden;width:100%;height:100%;box-sizing: inherit; background-color:rgba(50,116,184,.8);opacity:0;-webkit-transition:opacity .3s 0s,visibility 0s .3s;-moz-transition:opacity .3s 0s,visibility 0s .3s;transition:opacity .3s 0s,visibility 0s .3s;}
.cd-popup3.is-visible3{visibility:visible;opacity:1;-webkit-transition:opacity .3s 0s,visibility 0s 0s;-moz-transition:opacity .3s 0s,visibility 0s 0s;transition:opacity .3s 0s,visibility 0s 0s;}
.cd-popup-container3{position:relative;margin:300px auto; width:1000px; height:100px; text-align:center;-webkit-transition-duration:.3s;-moz-transition-duration:.3s;-o-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:-webkit-transform;-moz-transition-property:-moz-transform;transition-property:transform;-webkit-transform:scale(.8);-moz-transform:scale(.8);-o-transform:scale(.8);transform:scale(.8);-ms-transform:scale(.8);-webkit-backface-visibility:hidden;-ms-transition-duration:.3s;}
.cd-popup-close{position:absolute;top:30px;right:30px;z-index:10;display:block; width:32px; height:32px; background: url(../images/guanbi.png) no-repeat center; }
.is-visible3 .cd-popup-container3{-webkit-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1);transform:scale(1);-ms-transform:scale(1);} 
.is-visible3 .cd-popup-container3 .diva{width:920px; height:100px; overflow:hidden; float:left; border-radius:50px; padding:0px 40px; background:#FFF; }
.is-visible3 .cd-popup-container3 .diva dd{ width:880px; height:100px; float:left; overflow:hidden; }
.wbk1{ width:880px; height:100px; float:left; overflow:hidden; border:none; background:none; line-height:100px; font-size:18px; }
.is-visible3 .cd-popup-container3 .diva dt{ width:40px; height:100px; float:left; overflow:hidden; }
.tj1{ width:40px; height:100px; overflow:hidden; border:none; cursor:pointer; text-align:center; background: url(../images/sousuo3.png) no-repeat center; }
 


  
  
.menubox{ width:100%; border-top:#3685d7 solid 1px;  }
.menu{ width:83%; height:74px; }
.menu ul li a, .menu ul li a:visited {display:block; overflow:hidden; text-align:center; font-size:20px; color:#fff;}
.menu ul { margin:0;padding:0;list-style-type: none; }
.menu ul li { position:relative; float:left; width:10%; height:74px; line-height:74px; }
.menu ul li ul {display: none;}
.menu ul li:hover a {color:#fff;}
.menu ul li:hover ul li ul {display: none;}
#menu_hover {  font-size:20px; color:#fff; font-weight:bold; } 
.menu ul li:hover ul li a { color:#444; font-size:18px; }
.menu ul li:hover ul li a:hover { color:#fff; font-size:18px;}
.menu ul li:hover ul { position:absolute; top:74px; left:0; display:block; padding:0px; z-index:99; }
.menu .ej_1{ width:100%;  margin-left:0; background:#fff; border-top:#3274b8 solid 4px; box-shadow: 0 10px 10px rgba(140, 140, 140, .1); }
.menu .ej_1 li{ display:block; width:100%; line-height:60px; height:60px; text-align:center; margin:0; border-bottom:#ddd solid 1px;}
.menu .ej_1 li a{ display:block; border:none; width:100%; color:#444; font-size:18px; overflow:hidden;}
.menu .ej_1 li a:hover {  font-size:18px; color:#fff; background:#3274b8; } 
.menu .ej_1 li:last-child{ border: none;}
 




.mybn{ width:100%; overflow:hidden; }
.swiper-slide .bg-img2{ display: block; width: 100%; float:left; overflow:hidden; position:relative;}
.swiper-slide .bg-img2 img{ display: block;width: 100%; overflow:hidden;}
.swiper-slide .bg-img2 dd{ width: 100%; height:28%; float:left; overflow:hidden; background:linear-gradient(rgba(100,100,100,0),rgba(0,0,0,0.6)); position:absolute; left:0; bottom:0;  z-index:98;  }
.swiper-slide .bg-img2 h2{ width: 83%; float:left; overflow:hidden; position:absolute; left:8.5%; bottom:65px; font-size:26px; color:#FFF; font-weight:bold;   z-index:98; }
.mybn .page{ width:13%; height:80px; overflow:hidden; position: absolute; bottom:45px; right:8.5%;  }
.mybn .page .swiper-pagination{position:absolute; bottom:27px; }
.mybn .page .swiper-pagination-bullet{ width:10px; height:10px; overflow:hidden; background-color: rgba(255,255,255,.5);  border: none; margin:0px 5px; opacity: 1; outline: none; border-radius:50%;  }
.mybn .page .swiper-pagination-bullet-active{ background:#fff; outline: none;  }
.mybn .page .swiper-button-prev{ position: absolute; left:0; bottom:0; z-index:99; width:38px; height:52px; display:inline-block;  overflow:hidden; opacity: 1; background:#3274b8; padding-left:14px; justify-content: center; border-radius:50%;  }
.mybn .page .swiper-button-prev:hover{background:#5f9bd9; display:inline-block; }
.mybn .page .swiper-button-prev i{ width:16px; height:16px; box-shadow:-3px 3px 0 0 #fff; transform:rotate(45deg) scale(1); display:block; margin-top:16px; overflow:hidden;}
.mybn .page .swiper-button-prev:hover i{  width:16px; height:16px; box-shadow:-3px 3px 0 0 #fff;} 
.mybn .page .swiper-button-next{ position: absolute; right:0; bottom:0; z-index:99; width:38px; height:52px; display:inline-block;  overflow:hidden; opacity: 1; background:#3274b8; padding-right:14px; justify-content: center; border-radius:50%;  }
.mybn .page .swiper-button-next:hover{background:#5f9bd9; display:inline-block; }
.mybn .page .swiper-button-next i{ width:16px; height:16px; box-shadow:-3px 3px 0 0 #fff; transform:rotate(-135deg) scale(1); display:block; margin-top:16px; overflow:hidden;}
.mybn .page .swiper-button-next:hover i{  width:16px; height:16px; box-shadow:-3px 3px 0 0 #fff;} 

  
 


.swiper{ width:100%; overflow:hidden; }
.swiper div{ margin:0; }
.swiper-slide{ width:100%; float:left; overflow:hidden;} 


 



.warp1{ width:83%; overflow:hidden; padding:5% 0% 0% 0%; } 
.warp1 .diva{ width:68%; float:left; overflow:hidden; } 
.warp1 .diva .sdiva{ width:100%; float:left; overflow:hidden; margin-bottom:3%; } 
.warp1 .diva .sdiva .isdiva{ height:66px; float:left; overflow:hidden; background:linear-gradient(rgba(104,172,242,1),rgba(50,116,184,1)); border-radius:20px 0px 20px 0px; } 
.warp1 .diva .sdiva .isdiva dt{ height:66px;  float:left; overflow:hidden;  background: url(../images/img2.png) no-repeat center; line-height:66px; font-size:28px; color:#FFF; font-weight:bold; padding:0px 33px; } 
.warp1 .diva .sdiva .isdivb{ height:66px;  float:right; overflow:hidden; line-height:66px; display:block; margin-right:2.5%;} 
.warp1 .diva .sdiva .isdivb a{ height:66px; overflow:hidden; display:block;} 
.warp1 .diva .sdiva .isdivb dd{ height:66px; float:right; overflow:hidden; font-size:16px; text-align:right; overflow:hidden; margin-right:5px;} 
.warp1 .diva .sdiva .isdivb i{ width:10px; height:10px; box-shadow:-2px 2px 0 0 #444; float:right;  transform:rotate(-135deg) scale(1);  display:block; overflow:hidden;  margin-top:27px; margin-right:10px;}
.warp1 .diva .sdiva .isdivb a:hover i{  width:10px; height:10px; box-shadow:-2px 2px 0 0 #3274b8;} 
.warp1 .diva .sdivb{ width:100%; float:left; overflow:hidden;  } 
.warp1 .diva .sdivb dl{ width:30.3333%; height:380px; float:left; overflow:hidden; background:#FFF; margin-right:3%; margin-bottom:3%;} 
.warp1 .diva .sdivb dl a{ width:100%; float:left; overflow:hidden; display:block;} 
.warp1 .diva .sdivb dl dt{ width:100%; float:left; overflow:hidden;} 
.warp1 .diva .sdivb dl dt img{ width:100%; float:left; overflow:hidden; transition: all 0.8s;} 
.warp1 .diva .sdivb dl dt img:hover{ transform: scale(1.1);transition:all ease-in-out .8s;} 
.warp1 .diva .sdivb dl dd{ width:84%; float:left; overflow:hidden; padding:10% 8%;} 
.warp1 .diva .sdivb dl dd h2{ width:100%; float:left; overflow:hidden; font-size:16px; margin-bottom:5%; } 
.warp1 .diva .sdivb dl dd h3{ width:100%; float:left; overflow:hidden; font-size:18px; line-height:34px; font-weight:bold; word-break: break-all; text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:2;}  

.warp1 .divb{ width:32%; float:left; overflow:hidden;  } 
.warp1 .divb .sdiva{ width:100%; float:left; overflow:hidden; margin-bottom:6%; } 
.warp1 .divb .sdiva .isdiva{ height:66px; float:left; overflow:hidden; background:linear-gradient(rgba(104,172,242,1),rgba(50,116,184,1)); border-radius:20px 0px 20px 0px; } 
.warp1 .divb .sdiva .isdiva dt{ height:66px;  float:left; overflow:hidden;  background: url(../images/img2.png) no-repeat center; line-height:66px; font-size:28px; color:#FFF; font-weight:bold; padding:0px 33px; } 
.warp1 .divb .sdiva .isdivb{ height:66px;  float:right; overflow:hidden; line-height:66px; display:block;  } 
.warp1 .divb .sdiva .isdivb a{ height:66px; overflow:hidden; display:block;} 
.warp1 .divb .sdiva .isdivb dd{ height:66px; float:right; overflow:hidden; font-size:16px; text-align:right; overflow:hidden; margin-right:5px;} 
.warp1 .divb .sdiva .isdivb i{ width:10px; height:10px; box-shadow:-2px 2px 0 0 #444; float:right;  transform:rotate(-135deg) scale(1);  display:block; overflow:hidden;  margin-top:27px; margin-right:10px;}
.warp1 .divb .sdiva .isdivb a:hover i{  width:10px; height:10px; box-shadow:-2px 2px 0 0 #3274b8;} 
.warp1 .divb .sdivb{ width:86%; float:left; overflow:hidden; background: linear-gradient(to right, #c6dbf2, #76a2cf); padding:3% 7%; margin-bottom:4%;} 
.txtScroll-top{ width:100%; float:left; overflow:hidden; position:relative;  }
.txtScroll-top .bd{ width:100%; }
.txtScroll-top .infoList li{ width:100%; float:left; overflow:hidden; border-bottom:#dcdcdc solid 1px; padding:5% 0%;} 
.txtScroll-top .infoList li a{ width:100%; float:left; overflow:hidden; display:block;}
.txtScroll-top .infoList li a:hover dd{ font-weight:bold;}
.txtScroll-top .infoList li dt{ width:20%; float:left; overflow:hidden;} 
.txtScroll-top .infoList li dt h2{ width:100%; float:left; overflow:hidden; font-size:28px; color:#3274b8; font-weight:bold;} 
.txtScroll-top .infoList li dt h3{ width:100%; float:left; overflow:hidden; font-size:14px; } 
.txtScroll-top .infoList li dd { width:75%; float:right; overflow:hidden; font-size:18px; color:#222; line-height:30px; word-break: break-all; text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:2;} 
.txtScroll-top .infoList li:last-child{ border: none;}  
.warp1 .divb .sdivc { width:100%; float:left; overflow:hidden; background:linear-gradient(rgba(104,172,242,1),rgba(50,116,184,1)); border-radius:10px; } 
.warp1 .divb .sdivc:hover{ width:100%; float:left; overflow:hidden; background:linear-gradient(rgba(50,116,184,1),rgba(104,172,242,1)); border-radius:10px; } 
.warp1 .divb .sdivc dt{ width:100%; height:54px; float:left; overflow:hidden; text-align:center; background: url(../images/img6.png) repeat;line-height:54px; font-weight:bold; padding:6% 0%; } 
.warp1 .divb .sdivc dt img{ width:58px; height:54px; overflow:hidden; margin-right:30px;} 
.warp1 .divb .sdivc a{ display:block; color:#FFF;  font-size:34px; } 


 
.warp3{ width:83%; overflow:hidden; padding:3.5% 0% 0% 0%; } 
.warp3 .diva{ width:32%; float:left; overflow:hidden; } 
.warp3 .diva .sdiva{ width:100%; overflow:hidden; margin-bottom:6.5%; } 
.warp3 .diva .sdiva .isdiva{ height:66px; float:left; overflow:hidden; background:linear-gradient(rgba(104,172,242,1),rgba(50,116,184,1)); border-radius:20px 0px 20px 0px; } 
.warp3 .diva .sdiva .isdiva dt{ height:66px;  float:left; overflow:hidden;  background: url(../images/img2.png) no-repeat center; line-height:66px; font-size:28px; color:#FFF; font-weight:bold; padding:0px 33px; } 
.warp3 .diva .sdiva .isdivb{ height:66px;  float:right; overflow:hidden; line-height:66px; display:block;} 
.warp3 .diva .sdiva .isdivb a{ height:66px; overflow:hidden; display:block;} 
.warp3 .diva .sdiva .isdivb dd{ height:66px; float:right; overflow:hidden; font-size:16px; text-align:right; overflow:hidden; margin-right:5px;} 
.warp3 .diva .sdiva .isdivb i{ width:10px; height:10px; box-shadow:-2px 2px 0 0 #444; float:right;  transform:rotate(-135deg) scale(1);  display:block; overflow:hidden;  margin-top:27px; margin-right:10px;}
.warp3 .diva .sdiva .isdivb a:hover i{  width:10px; height:10px; box-shadow:-2px 2px 0 0 #3274b8;} 
.warp3 .diva .sdivb{ width:86%; overflow:hidden; background:#FFF; padding:4% 7%;} 
.warp3 .diva .sdivb dl{ width:100%; float:left; overflow:hidden; border-bottom:#dcdcdc solid 1px; padding:5% 0%;} 
.warp3 .diva .sdivb dl a{ width:100%; float:left; overflow:hidden; display:block;} 
.warp3 .diva .sdivb dl dt{ width:100%; float:left; overflow:hidden; font-size:16px; margin-bottom:3%; } 
.warp3 .diva .sdivb dl dd{ width:100%; float:left; overflow:hidden; font-size:18px;  word-break: break-all; text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:1;} 
.warp3 .diva .sdivb dl:last-child{ border: none;}
.mgr2{  margin-right:2%;}


 


.warp2{ width:100%; overflow:hidden; padding:5% 0% 4% 0%; } 
.warp2 .diva{ width:83%; overflow:hidden; margin-bottom:1.6%; } 
.warp2 .diva .sdiva{ height:66px; float:left; overflow:hidden; background:linear-gradient(rgba(104,172,242,1),rgba(50,116,184,1)); border-radius:20px 0px 20px 0px; } 
.warp2 .diva .sdiva dt{ height:66px;  float:left; overflow:hidden;  background: url(../images/img2.png) no-repeat center; line-height:66px; font-size:28px; color:#FFF; font-weight:bold; padding:0px 33px; } 
.warp2 .diva .sdivb{ height:66px;  float:right; overflow:hidden; line-height:66px; display:block;} 
.warp2 .diva .sdivb a{ height:66px; overflow:hidden; display:block;} 
.warp2 .diva .sdivb dd{ height:66px; float:right; overflow:hidden; font-size:16px; text-align:right; overflow:hidden; margin-right:5px;} 
.warp2 .diva .sdivb i{ width:10px; height:10px; box-shadow:-2px 2px 0 0 #444; float:right;  transform:rotate(-135deg) scale(1);  display:block; overflow:hidden;  margin-top:27px; margin-right:10px;}
.warp2 .diva .sdivb a:hover i{  width:10px; height:10px; box-shadow:-2px 2px 0 0 #3274b8;} 
.warp2 .divb{ width:84%; height: 362px; overflow:hidden; margin-bottom:1%; } 
.warp2 .divb .sdivb{ width:49%; height: 100%; overflow:hidden; justify-content:center; float:left; align-items:center; position:relative; margin:0% 0.5%; }
.warp2 .divb .sdivb a{ width:100%; height: 100%; display:block;  overflow:hidden; }
.warp2 .divb .sdivb a:hover{ width:100%; display:block; overflow:hidden; }
.warp2 .divb .sdivb .isdiva{ position:relative;  width:100%; height: 100%;  overflow:hidden; }
.warp2 .divb .sdivb .isdiva img{ width:100%; height: 100%; float: left; overflow:hidden; transition: all 0.8s;}
.warp2 .divb .sdivb .isdiva:hover img{transform: scale(1.1);transition:all ease-in-out .8s; }

.warp2 .divb .sdivb .isdiva:hover dt{ width:100%; float:left; overflow:hidden;  transform: scale(1.05);transition:all ease-in-out .8s; }
.warp2 .divb .sdiva .isdiva:hover dt{ width:100%; float:left; overflow:hidden;  transform: scale(1.1);transition:all ease-in-out .8s; }
.warp2 .divb .sdivb .isdiva:hover dd{ width:100%; float:left; overflow:hidden;  transform: scale(1.05);transition:all ease-in-out .8s; }
.warp2 .divb .sdiva .isdiva:hover dd{ width:100%; float:left; overflow:hidden;  transform: scale(1.1);transition:all ease-in-out .8s; }

.warp2 .divb .sdivb .isdiva .biaoti{position:absolute; top:0%; z-index:6;left:5%; width:90%; height:100%; transition:all ease-in-out .5s; display: flex; flex-direction: column; align-items: center; justify-content: center;}
.warp2 .divb .sdivb .isdiva .biaoti dt{ width:100%; float:left; overflow:hidden; font-size:24px; color:#fff; font-weight:bold; line-height:38px; transition: all 0.8s;  }
.warp2 .divb .sdivb .isdiva .biaoti dd{ width:100%; float:left; overflow:hidden; margin-top:20%; transition: all 0.8s; }
.warp2 .divb .sdivb .isdiva .biaoti dd h2{ height:46px; float:left; overflow:hidden; font-size:16px; color:#fff; line-height:46px;  border:#FFF solid 1px; text-align:center; border-radius:6px; padding:0px 25px;}
.warp2 .divb .sdivb .isdiva .biaoti dd h2:hover{ height:46px; float:left; overflow:hidden; font-size:16px; color:#3274b8; line-height:46px; background:#fff;  border:#FFF solid 1px; text-align:center; border-radius:6px; padding:0px 25px;}
.warp2 .divb .sdivb .isdiva .beijing5{position:absolute;z-index:3; width:100%; height:100%; overflow:hidden; opacity:0.5; background:#268022; transition:all ease-in-out .3s;  }
.warp2 .divb .sdivb .isdiva:hover .beijing5{ opacity:0.5; }
.warp2 .divb .sdiva .isdiva .beijing6{position:absolute;z-index:3; width:100%; height:100%; overflow:hidden; opacity:0.5; background:#fd6713; transition:all ease-in-out .3s;  }
.warp2 .divb .sdiva .isdiva:hover .beijing6{ opacity:0.5; }
.warp2 .divb .sdiva .isdiva .beijing7{position:absolute;z-index:3; width:100%; height:100%; overflow:hidden; opacity:0.5; background:#0090af; transition:all ease-in-out .3s;  }
.warp2 .divb .sdiva .isdiva:hover .beijing7{ opacity:0.5; }
.warp2 .divb .sdiva{ width:24%; height: 100%; overflow:hidden; justify-content:center; float:left; align-items:center; position:relative; margin:0% 0.5%; }
.warp2 .divb .sdiva a{ width:100%; height: 100%; display:block;  overflow:hidden; }
.warp2 .divb .sdiva a:hover{ width:100%; display:block; overflow:hidden; }
.warp2 .divb .sdiva .isdiva{ position:relative;  width:100%; height: 100%;  overflow:hidden; }
.warp2 .divb .sdiva .isdiva img{ width:100%; height: 100%; float: left; overflow:hidden;transition: all 0.8s;}
.warp2 .divb .sdiva .isdiva:hover img{transform: scale(1.1);transition:all ease-in-out .8s; }
.warp2 .divb .sdiva .isdiva .biaoti{position:absolute; top:0%; z-index:6;left:10%; width:80%; height:100%; transition:all ease-in-out .5s; display: flex; flex-direction: column; align-items: center; justify-content: center;}
.warp2 .divb .sdiva .isdiva .biaoti dt{ width:100%; float:left; overflow:hidden; font-size:24px; color:#fff; font-weight:bold; line-height:38px; transition: all 0.8s; }
.warp2 .divb .sdiva .isdiva .biaoti dd{ width:100%; float:left; overflow:hidden; margin-top:30%;transition: all 0.8s;}
.warp2 .divb .sdiva .isdiva .biaoti dd h2{ height:46px; float:left; overflow:hidden; font-size:16px; color:#fff; line-height:46px;  border:#FFF solid 1px; text-align:center; border-radius:6px; padding:0px 25px;}
.warp2 .divb .sdiva .isdiva .biaoti dd h2:hover{ height:46px; float:left; overflow:hidden; font-size:16px; color:#3274b8; line-height:46px; background:#fff;  border:#FFF solid 1px; text-align:center; border-radius:6px; padding:0px 25px;} 
.warp2 .divb .sdiva .isdiva .beijing{position:absolute;z-index:3; width:100%; height:100%; overflow:hidden; opacity:0.5; background:#e9ad00; transition:all ease-in-out .3s; }
.warp2 .divb .sdiva .isdiva:hover .beijing{ opacity:0.5; }
.warp2 .divb .sdiva .isdiva .beijing2{position:absolute;z-index:3; width:100%; height:100%; overflow:hidden; opacity:0.5; background:#3274b8; transition:all ease-in-out .3s;  }
.warp2 .divb .sdiva .isdiva:hover .beijing2{ opacity:0.5; }
.warp2 .divb .sdiva .isdiva .beijing3{position:absolute;z-index:3; width:100%; height:100%; overflow:hidden; opacity:0.5; background:#069694; transition:all ease-in-out .3s;  }
.warp2 .divb .sdiva .isdiva:hover .beijing3{ opacity:0.5; }
.warp2 .divb .sdiva .isdiva .beijing4{position:absolute;z-index:3; width:100%; height:100%; overflow:hidden; opacity:0.5; background:#c81d1d; transition:all ease-in-out .3s;  }
.warp2 .divb .sdiva .isdiva:hover .beijing4{ opacity:0.5; }
 









.footbox{ width:100%; overflow:hidden; background: url(../images/img6.png) repeat #3274b8;  }   
.foot{ width:100%; overflow:hidden; background: url(../images/img7.png) no-repeat bottom;  } 
.foot .diva{ width:47%; overflow:hidden; text-align:center; } 
.foot .diva img{ width:100%; overflow:hidden; } 
.foot .divb{ width:83%; overflow:hidden; padding:4% 0% 3% 0%; border-top:#4586c8 solid 1px; } 
.foot .divb .sdiva{ width:30%;  float:left; overflow:hidden; margin-right:14%; } 
.foot .divb .sdiva img{ width:100%;  float:left; overflow:hidden;} 
.foot .divb .sdivb{ width:28%; float:left; overflow:hidden; font-size:16px; line-height:32px; color:#FFF; } 
.foot .divb .sdivc{ width:20%;  float:right; overflow:hidden;}     
.foot .divb .sdivc dl{ width:40%;  float:left; overflow:hidden; margin-left:10%; } 
.foot .divb .sdivc dl dt{ width:100%;  float:left; overflow:hidden; } 
.foot .divb .sdivc dl dt img{ width:100%; float:left; overflow:hidden; margin-bottom:15px; } 
.foot .divb .sdivc dl dd{ width:100%;  float:left; overflow:hidden; font-size:16px; color:#FFF; text-align:center;} 



  
 
 
.dn{display: none;}
.go-top{position: fixed;top:80%;right:2%;width:66px;z-index:100; background:#333; border-radius:60px; }
.go-top a{display: block;width: 66px;height:66px;}
.go-top a:last-child{margin-bottom: 0;}
.go-top .go{ background: url(../images/ico23.png)}
.go-top .go:hover{background: url(../images/ico23.png)}




.digg{ width:83%; overflow:hidden; text-align:center; font-size:16px; line-height:54px;  margin-bottom:4%; }
.digg a{ height:54px; overflow:hidden; padding:0px 27px; background:#fff; display:inline-block; font-size:16px; margin:0px 3px;}
.digg a:hover{ background:#444; color:#FFF; display:inline-block; font-size:16px; }
.digg .current{ background:#444; color:#FFF; display:inline-block; font-size:16px;  }




.about_banner{height:400px;background-size: cover!important; position:relative; }
.about_banner .biaoti{ width:100%; overflow:hidden; position:absolute; top:0; left:0; line-height:340px; text-align:center; font-size:44px; color:#FFF; font-weight: bold;}
 
 
 



.warp9{ width:83%; overflow:hidden; position: relative; top: -90px;} 
.warp9 .diva{ width:100%; overflow:hidden;} 
.warp9 .diva .sdiva{ width:18%; height:120px; float:left; overflow:hidden; background:linear-gradient(rgba(104,172,242,1),rgba(50,116,184,1)); border-radius:30px 0px 0px 0px; } 
.warp9 .diva .sdiva dt{ width:100%; height:120px;  float:left; overflow:hidden;  background: url(../images/img6.png) repeat; line-height:120px; font-size:28px; color:#FFF; font-weight:bold; text-align:center;} 
.warp9 .diva .sdivb{ width:78%; height:90px; float:left; overflow:hidden; background:#fff; margin-top:30px; padding:0% 2%; border-radius:0px 30px 0px 0px; } 
.warp9 .diva .sdivb ul{ float:left; overflow:hidden; } 
.warp9 .diva .sdivb ul li{ float:left; overflow:hidden; text-align:center; line-height:86px; margin-left:30px; } 
.warp9 .diva .sdivb ul li a{ display:block; font-size:18px; } 
.warp9 .diva .sdivb ul li a:hover{ color:#3274b8;} 
.warp9 .diva .sdivb ul li:last-child{ border: none;}
#nynav_on{  color:#3274b8; border-bottom:#3274b8 solid 4px;}
.warp9 .diva .sdivb .isdiva { float:right; overflow:hidden; text-align:right; font-size:14px; color:#777;   line-height:90px; background: url(../images/img11.png) no-repeat left; padding-left:30px; } 
.warp9 .diva .sdivb .isdiva a{ font-size:14px; margin:0px 6px; color:#777; } 
.warp9 .diva .sdivb .isdiva a:hover{ font-size:14px; margin:0px 6px; color:#3274b8; } 

.wenzhang{ width:73%; overflow:hidden; background:#FFF; padding:5% 5%;  position: relative; top: -60px;} 


.lingdao{ width:83%; overflow:hidden; position: relative; top: -60px; } 
.lingdao li{ width:92%; float:left; overflow:hidden; padding:4% 4%; background:#FFF; margin-bottom:2%;} 
.lingdao li dt{ width:20%;  float:left; overflow:hidden; } 
.lingdao li dt img{ width:100%; float:left; overflow:hidden; } 
.lingdao li dd{ width:74%; float:right; overflow:hidden; } 
.lingdao li dd h2{ width:100%; float:left; overflow:hidden; font-size:28px; font-weight:bold; margin-bottom:3%; } 
.lingdao li dd h2 b{ font-size:20px; margin-left:20px; font-weight:normal; color:#666; } 
.lingdao li dd h3{ width:100%; float:left; overflow:hidden; font-size:18px; line-height:32px; color:#666; } 


.news{ width:83%; overflow:hidden; position: relative; top: -60px; } 
.news li{ width:100%; float:left; overflow:hidden;margin-bottom:1%; background:#fff; } 
.news li a{ width:92%; float:left; overflow:hidden; display:block; padding:4% 4%; } 
.news li a:hover{ width:92%; float:left; overflow:hidden; display:block; background:#fcfcfc;} 
.news li dt{ width:28%;  float:left; overflow:hidden; } 
.news li dt img{ width:100%; height: 278px; float:left; overflow:hidden; transition: all 0.8s; } 
.news li dt img:hover{transform: scale(1.1);transition:all ease-in-out .8s; } 
.news li dd{ width:68%; float:right; overflow:hidden; } 
.news li dd h2{ width:100%; float:left; overflow:hidden; font-size:16px; margin-bottom:3%; color:#666;  } 
.news li dd h3{ width:100%; float:left; overflow:hidden; font-size:20px; line-height:36px; font-weight:bold; margin-bottom:3%; } 
.news li dd h4{ width:100%; float:left; overflow:hidden; font-size:16px; line-height:30px; color:#666; word-break: break-all; text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:2; } 
 
 
.news2{ width:83%; overflow:hidden; position: relative; top: -60px; } 
.news2 li{ width:100%; float:left; overflow:hidden;margin-bottom:1%; background:#fff; } 
.news2 li a{ width:92%; float:left; overflow:hidden; display:block; padding:3% 4%; } 
.news2 li a:hover{ width:92%; float:left; overflow:hidden; display:block; background:#fcfcfc;} 
.news2 li dt{ width:12%;  float:left; overflow:hidden; } 
.news2 li dt h2{ width:100%; float:left; overflow:hidden; font-size:32px;font-weight:bold; } 
.news2 li dt h3{ width:100%; float:left; overflow:hidden; font-size:16px; margin-top:2%; } 
.news2 li dd{ width:88%; float:right; overflow:hidden; font-size:20px;  line-height:36px; font-weight:bold;  } 
 
 
  
.news_xx{ width:73%; overflow:hidden; background:#FFF; padding:5% 5%; position: relative; top: -60px; } 
.news_xx .diva{ width:1200px; overflow:hidden; font-size:28px; font-weight:bold; line-height:46px; text-align:center; }
.news_xx .divb{ width:1200px; overflow:hidden; font-size:14px; text-align:center; color:#777; margin-top:4%; }
.news_xx .divc{ width:1200px; overflow:hidden; padding:90px 0px 90px 0px; }
.news_xx .divd{ width:1200px; overflow:hidden; }  
.news_xx .divd dt{ width:950px; overflow:hidden; float:left;font-size:18px; color:#777; } 
.news_xx .divd dt a{  width:100%; float:left; font-size:16px;  overflow:hidden; line-height:30px; margin:10px 0px; word-break: break-all; text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:1; } 
.news_xx .divd dt a:hover{ font-size:16px;  } 
.news_xx .divd dd{ height:60px; overflow:hidden; float:right; line-height:60px; margin-top:18px;}  
.news_xx .divd dd a{ font-size:18px; overflow:hidden; background:url(../images/img13.png) no-repeat right #3274b8; display:block; color:#FFF; padding:0px 50px; border-radius:30px;  } 
.news_xx .divd dd a:hover{ font-size:18px;  overflow:hidden; background:url(../images/img13.png) no-repeat right #4e8ecf;  } 



 

 

@media (min-width:800px) {
.mybn{ width:100%; overflow:hidden; }
.swiper-slide .bg-img2{ display: block; width: 100%; float:left; overflow:hidden; position:relative;}
.swiper-slide .bg-img2 img{ display: block;width: 100%; overflow:hidden;}
.swiper-slide .bg-img2 dd{ width: 100%; height:28%; float:left; overflow:hidden; background:linear-gradient(rgba(100,100,100,0),rgba(0,0,0,0.6)); position:absolute; left:0; bottom:0;  z-index:98;  }
.swiper-slide .bg-img2 h2{ width: 83%; float:left; overflow:hidden; position:absolute; left:8.5%; bottom:65px; font-size:22px; color:#FFF; font-weight:bold;   z-index:98; }
.mybn .page{width:20%; height:80px; overflow:hidden; position: absolute; bottom:45px; right:8.5%;  }
.mybn .page .swiper-pagination{position:absolute; bottom:27px; }
.mybn .page .swiper-pagination-bullet{ width:10px; height:10px; overflow:hidden; background-color: rgba(255,255,255,.5);  border: none; margin:0px 5px; opacity: 1; outline: none; border-radius:50%;  }
.mybn .page .swiper-pagination-bullet-active{ background:#fff; outline: none;  }
.mybn .page .swiper-button-prev{ position: absolute; left:0; bottom:0; z-index:99; width:38px; height:52px; display:inline-block;  overflow:hidden; opacity: 1; background:#3274b8; padding-left:14px; justify-content: center; border-radius:50%;  }
.mybn .page .swiper-button-prev:hover{background:#5f9bd9; display:inline-block; }
.mybn .page .swiper-button-prev i{ width:16px; height:16px; box-shadow:-3px 3px 0 0 #fff; transform:rotate(45deg) scale(1); display:block; margin-top:16px; overflow:hidden;}
.mybn .page .swiper-button-prev:hover i{  width:16px; height:16px; box-shadow:-3px 3px 0 0 #fff;} 
.mybn .page .swiper-button-next{ position: absolute; right:0; bottom:0; z-index:99; width:38px; height:52px; display:inline-block;  overflow:hidden; opacity: 1; background:#3274b8; padding-right:14px; justify-content: center; border-radius:50%;  }
.mybn .page .swiper-button-next:hover{background:#5f9bd9; display:inline-block; }
.mybn .page .swiper-button-next i{ width:16px; height:16px; box-shadow:-3px 3px 0 0 #fff; transform:rotate(-135deg) scale(1); display:block; margin-top:16px; overflow:hidden;}
.mybn .page .swiper-button-next:hover i{  width:16px; height:16px; box-shadow:-3px 3px 0 0 #fff;} 


.warp1 .diva .sdivb dl{ height:320px;} 
.warp1 .diva .sdivb dl dd h2{ width:100%; float:left; overflow:hidden; font-size:12px; margin-bottom:5%; } 
.warp1 .diva .sdivb dl dd h3{ width:100%; float:left; overflow:hidden; font-size:14px; line-height:24px; font-weight:bold; word-break: break-all; text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:2;}  


.txtScroll-top .infoList li{ width:100%; float:left; overflow:hidden; border-bottom:#dcdcdc solid 1px; padding:4% 0%;} 
.txtScroll-top .infoList li a{ width:100%; float:left; overflow:hidden; display:block;}
.txtScroll-top .infoList li a:hover dd{ font-weight:bold;}
.txtScroll-top .infoList li dt{ width:20%; float:left; overflow:hidden;} 
.txtScroll-top .infoList li dt h2{ width:100%; float:left; overflow:hidden; font-size:18px; color:#3274b8; font-weight:bold;} 
.txtScroll-top .infoList li dt h3{ width:100%; float:left; overflow:hidden; font-size:12px; } 
.txtScroll-top .infoList li dd { width:75%; float:right; overflow:hidden; font-size:14px; color:#222; line-height:22px; word-break: break-all; text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:2;} 


.warp1 .divb .sdivc dt{ width:100%; height:54px; float:left; overflow:hidden; text-align:center; background: url(../images/img6.png) repeat; line-height:54px; font-weight:bold; padding:5% 0%; } 
.warp1 .divb .sdivc dt img{ width:58px; overflow:hidden; margin-right:30px;} 
.warp1 .divb .sdivc a{ display:block; color:#FFF;  font-size:24px; } 


.warp2 .divb .sdivb .isdiva .biaoti dt{ width:100%; float:left; overflow:hidden; font-size:16px; color:#fff; font-weight:bold; line-height:28px; transition: all 0.8s;  }
.warp2 .divb .sdiva .isdiva .biaoti dt{ width:100%; float:left; overflow:hidden; font-size:16px; color:#fff; font-weight:bold; line-height:28px; transition: all 0.8s; }

} 

@media (min-width:1280px) { 

.warp1 .diva .sdivb dl{ height:330px;} 
.mybn{ width:100%; overflow:hidden; }
.swiper-slide .bg-img2{ display: block; width: 100%; float:left; overflow:hidden; position:relative;}
.swiper-slide .bg-img2 img{ display: block;width: 100%; overflow:hidden;}
.swiper-slide .bg-img2 dd{ width: 100%; height:28%; float:left; overflow:hidden; background:linear-gradient(rgba(100,100,100,0),rgba(0,0,0,0.6)); position:absolute; left:0; bottom:0;  z-index:98;  }
.swiper-slide .bg-img2 h2{ width: 83%; float:left; overflow:hidden; position:absolute; left:8.5%; bottom:65px; font-size:22px; color:#FFF; font-weight:bold;   z-index:98; }
.mybn .page{width:18%; height:80px; overflow:hidden; position: absolute; bottom:45px; right:8.5%;  }
.mybn .page .swiper-pagination{position:absolute; bottom:27px; }
.mybn .page .swiper-pagination-bullet{ width:10px; height:10px; overflow:hidden; background-color: rgba(255,255,255,.5);  border: none; margin:0px 5px; opacity: 1; outline: none; border-radius:50%;  }
.mybn .page .swiper-pagination-bullet-active{ background:#fff; outline: none;  }
.mybn .page .swiper-button-prev{ position: absolute; left:0; bottom:0; z-index:99; width:38px; height:52px; display:inline-block;  overflow:hidden; opacity: 1; background:#3274b8; padding-left:14px; justify-content: center; border-radius:50%;  }
.mybn .page .swiper-button-prev:hover{background:#5f9bd9; display:inline-block; }
.mybn .page .swiper-button-prev i{ width:16px; height:16px; box-shadow:-3px 3px 0 0 #fff; transform:rotate(45deg) scale(1); display:block; margin-top:16px; overflow:hidden;}
.mybn .page .swiper-button-prev:hover i{  width:16px; height:16px; box-shadow:-3px 3px 0 0 #fff;} 
.mybn .page .swiper-button-next{ position: absolute; right:0; bottom:0; z-index:99; width:38px; height:52px; display:inline-block;  overflow:hidden; opacity: 1; background:#3274b8; padding-right:14px; justify-content: center; border-radius:50%;  }
.mybn .page .swiper-button-next:hover{background:#5f9bd9; display:inline-block; }
.mybn .page .swiper-button-next i{ width:16px; height:16px; box-shadow:-3px 3px 0 0 #fff; transform:rotate(-135deg) scale(1); display:block; margin-top:16px; overflow:hidden;}
.mybn .page .swiper-button-next:hover i{  width:16px; height:16px; box-shadow:-3px 3px 0 0 #fff;} 


.warp1 .diva .sdivb dl dd h2{ width:100%; float:left; overflow:hidden; font-size:12px; margin-bottom:5%; } 
.warp1 .diva .sdivb dl dd h3{ width:100%; float:left; overflow:hidden; font-size:14px; line-height:26px; font-weight:bold; word-break: break-all; text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:2;}  


.txtScroll-top .infoList li{ width:100%; float:left; overflow:hidden; border-bottom:#dcdcdc solid 1px; padding:4% 0%;} 
.txtScroll-top .infoList li a{ width:100%; float:left; overflow:hidden; display:block;}
.txtScroll-top .infoList li a:hover dd{ font-weight:bold;}
.txtScroll-top .infoList li dt{ width:20%; float:left; overflow:hidden;} 
.txtScroll-top .infoList li dt h2{ width:100%; float:left; overflow:hidden; font-size:18px; color:#3274b8; font-weight:bold;} 
.txtScroll-top .infoList li dt h3{ width:100%; float:left; overflow:hidden; font-size:12px; } 
.txtScroll-top .infoList li dd { width:75%; float:right; overflow:hidden; font-size:14px; color:#222; line-height:24px; word-break: break-all; text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:2;} 


.warp1 .divb .sdivc dt{ width:100%; height:54px; float:left; overflow:hidden; text-align:center; background: url(../images/img6.png) repeat; line-height:54px; font-weight:bold; padding:5% 0%; } 
.warp1 .divb .sdivc dt img{ width:58px; overflow:hidden; margin-right:30px;} 
.warp1 .divb .sdivc a{ display:block; color:#FFF;  font-size:24px; } 

.warp2 .divb .sdivb .isdiva .biaoti dt{ width:100%; float:left; overflow:hidden; font-size:16px; color:#fff; font-weight:bold; line-height:28px; transition: all 0.8s;  }
.warp2 .divb .sdiva .isdiva .biaoti dt{ width:100%; float:left; overflow:hidden; font-size:16px; color:#fff; font-weight:bold; line-height:28px; transition: all 0.8s; }

} 

@media (min-width:1400px) {

.warp1 .diva .sdivb dl{ height:350px;} 
.mybn{ width:100%; overflow:hidden; }
.swiper-slide .bg-img2{ display: block; width: 100%; float:left; overflow:hidden; position:relative;}
.swiper-slide .bg-img2 img{ display: block;width: 100%; overflow:hidden;}
.swiper-slide .bg-img2 dd{ width: 100%; height:28%; float:left; overflow:hidden; background:linear-gradient(rgba(100,100,100,0),rgba(0,0,0,0.6)); position:absolute; left:0; bottom:0;  z-index:98;  }
.swiper-slide .bg-img2 h2{ width: 83%; float:left; overflow:hidden; position:absolute; left:8.5%; bottom:65px; font-size:22px; color:#FFF; font-weight:bold;   z-index:98; }
.mybn .page{width:17%; height:80px; overflow:hidden; position: absolute; bottom:45px; right:8.5%;  }
.mybn .page .swiper-pagination{position:absolute; bottom:27px; }
.mybn .page .swiper-pagination-bullet{ width:10px; height:10px; overflow:hidden; background-color: rgba(255,255,255,.5);  border: none; margin:0px 5px; opacity: 1; outline: none; border-radius:50%;  }
.mybn .page .swiper-pagination-bullet-active{ background:#fff; outline: none;  }
.mybn .page .swiper-button-prev{ position: absolute; left:0; bottom:0; z-index:99; width:38px; height:52px; display:inline-block;  overflow:hidden; opacity: 1; background:#3274b8; padding-left:14px; justify-content: center; border-radius:50%;  }
.mybn .page .swiper-button-prev:hover{background:#5f9bd9; display:inline-block; }
.mybn .page .swiper-button-prev i{ width:16px; height:16px; box-shadow:-3px 3px 0 0 #fff; transform:rotate(45deg) scale(1); display:block; margin-top:16px; overflow:hidden;}
.mybn .page .swiper-button-prev:hover i{  width:16px; height:16px; box-shadow:-3px 3px 0 0 #fff;} 
.mybn .page .swiper-button-next{ position: absolute; right:0; bottom:0; z-index:99; width:38px; height:52px; display:inline-block;  overflow:hidden; opacity: 1; background:#3274b8; padding-right:14px; justify-content: center; border-radius:50%;  }
.mybn .page .swiper-button-next:hover{background:#5f9bd9; display:inline-block; }
.mybn .page .swiper-button-next i{ width:16px; height:16px; box-shadow:-3px 3px 0 0 #fff; transform:rotate(-135deg) scale(1); display:block; margin-top:16px; overflow:hidden;}
.mybn .page .swiper-button-next:hover i{  width:16px; height:16px; box-shadow:-3px 3px 0 0 #fff;} 


.warp1 .diva .sdivb dl dd h2{ width:100%; float:left; overflow:hidden; font-size:12px; margin-bottom:5%; } 
.warp1 .diva .sdivb dl dd h3{ width:100%; float:left; overflow:hidden; font-size:14px; line-height:26px; font-weight:bold; word-break: break-all; text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:2;}  

.txtScroll-top .infoList li{ width:100%; float:left; overflow:hidden; border-bottom:#dcdcdc solid 1px; padding:4% 0%;} 
.txtScroll-top .infoList li a{ width:100%; float:left; overflow:hidden; display:block;}
.txtScroll-top .infoList li a:hover dd{ font-weight:bold;}
.txtScroll-top .infoList li dt{ width:20%; float:left; overflow:hidden;} 
.txtScroll-top .infoList li dt h2{ width:100%; float:left; overflow:hidden; font-size:18px; color:#3274b8; font-weight:bold;} 
.txtScroll-top .infoList li dt h3{ width:100%; float:left; overflow:hidden; font-size:12px; } 
.txtScroll-top .infoList li dd { width:75%; float:right; overflow:hidden; font-size:14px; color:#222; line-height:26px; word-break: break-all; text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:2;} 


.warp1 .divb .sdivc dt{ width:100%; height:54px; float:left; overflow:hidden; text-align:center; background: url(../images/img6.png) repeat; line-height:54px; font-weight:bold; padding:5% 0%; } 
.warp1 .divb .sdivc dt img{ width:58px; overflow:hidden; margin-right:30px;} 
.warp1 .divb .sdivc a{ display:block; color:#FFF;  font-size:24px; } 


.warp2 .divb .sdivb .isdiva .biaoti dt{ width:100%; float:left; overflow:hidden; font-size:18px; color:#fff; font-weight:bold; line-height:30px; transition: all 0.8s;  }
.warp2 .divb .sdiva .isdiva .biaoti dt{ width:100%; float:left; overflow:hidden; font-size:18px; color:#fff; font-weight:bold; line-height:30px; transition: all 0.8s; }

} 


@media (min-width:1440px) {

.warp1 .diva .sdivb dl{ height:370px;} 
.mybn{ width:100%; overflow:hidden; }
.swiper-slide .bg-img2{ display: block; width: 100%; float:left; overflow:hidden; position:relative;}
.swiper-slide .bg-img2 img{ display: block;width: 100%; overflow:hidden;}
.swiper-slide .bg-img2 dd{ width: 100%; height:28%; float:left; overflow:hidden; background:linear-gradient(rgba(100,100,100,0),rgba(0,0,0,0.6)); position:absolute; left:0; bottom:0;  z-index:98;  }
.swiper-slide .bg-img2 h2{ width: 83%; float:left; overflow:hidden; position:absolute; left:8.5%; bottom:65px; font-size:22px; color:#FFF; font-weight:bold;   z-index:98; }
.mybn .page{width:17%; height:80px; overflow:hidden; position: absolute; bottom:45px; right:8.5%;  }
.mybn .page .swiper-pagination{position:absolute; bottom:27px; }
.mybn .page .swiper-pagination-bullet{ width:10px; height:10px; overflow:hidden; background-color: rgba(255,255,255,.5);  border: none; margin:0px 5px; opacity: 1; outline: none; border-radius:50%;  }
.mybn .page .swiper-pagination-bullet-active{ background:#fff; outline: none;  }
.mybn .page .swiper-button-prev{ position: absolute; left:0; bottom:0; z-index:99; width:38px; height:52px; display:inline-block;  overflow:hidden; opacity: 1; background:#3274b8; padding-left:14px; justify-content: center; border-radius:50%;  }
.mybn .page .swiper-button-prev:hover{background:#5f9bd9; display:inline-block; }
.mybn .page .swiper-button-prev i{ width:16px; height:16px; box-shadow:-3px 3px 0 0 #fff; transform:rotate(45deg) scale(1); display:block; margin-top:16px; overflow:hidden;}
.mybn .page .swiper-button-prev:hover i{  width:16px; height:16px; box-shadow:-3px 3px 0 0 #fff;} 
.mybn .page .swiper-button-next{ position: absolute; right:0; bottom:0; z-index:99; width:38px; height:52px; display:inline-block;  overflow:hidden; opacity: 1; background:#3274b8; padding-right:14px; justify-content: center; border-radius:50%;  }
.mybn .page .swiper-button-next:hover{background:#5f9bd9; display:inline-block; }
.mybn .page .swiper-button-next i{ width:16px; height:16px; box-shadow:-3px 3px 0 0 #fff; transform:rotate(-135deg) scale(1); display:block; margin-top:16px; overflow:hidden;}
.mybn .page .swiper-button-next:hover i{  width:16px; height:16px; box-shadow:-3px 3px 0 0 #fff;} 


.warp1 .diva .sdivb dl dd h2{ width:100%; float:left; overflow:hidden; font-size:14px; margin-bottom:5%; } 
.warp1 .diva .sdivb dl dd h3{ width:100%; float:left; overflow:hidden; font-size:16px; line-height:30px; font-weight:bold; word-break: break-all; text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:2;}  


.txtScroll-top .infoList li{ width:100%; float:left; overflow:hidden; border-bottom:#dcdcdc solid 1px; padding:4% 0%;} 
.txtScroll-top .infoList li a{ width:100%; float:left; overflow:hidden; display:block;}
.txtScroll-top .infoList li a:hover dd{ font-weight:bold;}
.txtScroll-top .infoList li dt{ width:20%; float:left; overflow:hidden;} 
.txtScroll-top .infoList li dt h2{ width:100%; float:left; overflow:hidden; font-size:24px; color:#3274b8; font-weight:bold;} 
.txtScroll-top .infoList li dt h3{ width:100%; float:left; overflow:hidden; font-size:12px; } 
.txtScroll-top .infoList li dd { width:75%; float:right; overflow:hidden; font-size:16px; color:#222; line-height:26px; word-break: break-all; text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:2;} 

.warp1 .divb .sdivc dt{ width:100%; height:54px; float:left; overflow:hidden; text-align:center; background: url(../images/img6.png) repeat;line-height:54px; font-weight:bold; padding:5% 0%; } 
.warp1 .divb .sdivc dt img{ width:58px; height:54px; overflow:hidden; margin-right:30px;} 
.warp1 .divb .sdivc a{ display:block; color:#FFF;  font-size:34px; } 

.warp2 .divb .sdivb .isdiva .biaoti dt{ width:100%; float:left; overflow:hidden; font-size:18px; color:#fff; font-weight:bold; line-height:30px; transition: all 0.8s;  }
.warp2 .divb .sdiva .isdiva .biaoti dt{ width:100%; float:left; overflow:hidden; font-size:18px; color:#fff; font-weight:bold; line-height:30px; transition: all 0.8s; }

} 

@media (min-width:1600px) {

.warp1 .diva .sdivb dl{ height:390px;} 

.mybn{ width:100%; overflow:hidden; }
.swiper-slide .bg-img2{ display: block; width: 100%; float:left; overflow:hidden; position:relative;}
.swiper-slide .bg-img2 img{ display: block;width: 100%; overflow:hidden;}
.swiper-slide .bg-img2 dd{ width: 100%; height:28%; float:left; overflow:hidden; background:linear-gradient(rgba(100,100,100,0),rgba(0,0,0,0.6)); position:absolute; left:0; bottom:0;  z-index:98;  }
.swiper-slide .bg-img2 h2{ width: 83%; float:left; overflow:hidden; position:absolute; left:8.5%; bottom:65px; font-size:24px; color:#FFF; font-weight:bold;   z-index:98; }
.mybn .page{width:15%; height:80px; overflow:hidden; position: absolute; bottom:45px; right:8.5%;  }
.mybn .page .swiper-pagination{position:absolute; bottom:27px; }
.mybn .page .swiper-pagination-bullet{ width:10px; height:10px; overflow:hidden; background-color: rgba(255,255,255,.5);  border: none; margin:0px 5px; opacity: 1; outline: none; border-radius:50%;  }
.mybn .page .swiper-pagination-bullet-active{ background:#fff; outline: none;  }
.mybn .page .swiper-button-prev{ position: absolute; left:0; bottom:0; z-index:99; width:38px; height:52px; display:inline-block;  overflow:hidden; opacity: 1; background:#3274b8; padding-left:14px; justify-content: center; border-radius:50%;  }
.mybn .page .swiper-button-prev:hover{background:#5f9bd9; display:inline-block; }
.mybn .page .swiper-button-prev i{ width:16px; height:16px; box-shadow:-3px 3px 0 0 #fff; transform:rotate(45deg) scale(1); display:block; margin-top:16px; overflow:hidden;}
.mybn .page .swiper-button-prev:hover i{  width:16px; height:16px; box-shadow:-3px 3px 0 0 #fff;} 
.mybn .page .swiper-button-next{ position: absolute; right:0; bottom:0; z-index:99; width:38px; height:52px; display:inline-block;  overflow:hidden; opacity: 1; background:#3274b8; padding-right:14px; justify-content: center; border-radius:50%;  }
.mybn .page .swiper-button-next:hover{background:#5f9bd9; display:inline-block; }
.mybn .page .swiper-button-next i{ width:16px; height:16px; box-shadow:-3px 3px 0 0 #fff; transform:rotate(-135deg) scale(1); display:block; margin-top:16px; overflow:hidden;}
.mybn .page .swiper-button-next:hover i{  width:16px; height:16px; box-shadow:-3px 3px 0 0 #fff;} 


.warp1 .diva .sdivb dl dd h2{ width:100%; float:left; overflow:hidden; font-size:14px; margin-bottom:5%; } 
.warp1 .diva .sdivb dl dd h3{ width:100%; float:left; overflow:hidden; font-size:16px; line-height:32px; font-weight:bold; word-break: break-all; text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:2;}  

.txtScroll-top .infoList li{ width:100%; float:left; overflow:hidden; border-bottom:#dcdcdc solid 1px; padding:5% 0%;} 
.txtScroll-top .infoList li a{ width:100%; float:left; overflow:hidden; display:block;}
.txtScroll-top .infoList li a:hover dd{ font-weight:bold;}
.txtScroll-top .infoList li dt{ width:20%; float:left; overflow:hidden;} 
.txtScroll-top .infoList li dt h2{ width:100%; float:left; overflow:hidden; font-size:26px; color:#3274b8; font-weight:bold;} 
.txtScroll-top .infoList li dt h3{ width:100%; float:left; overflow:hidden; font-size:14px; } 
.txtScroll-top .infoList li dd { width:75%; float:right; overflow:hidden; font-size:16px; color:#222; line-height:28px; word-break: break-all; text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:2;} 

.warp1 .divb .sdivc dt{ width:100%; height:54px; float:left; overflow:hidden; text-align:center; background: url(../images/img6.png) repeat;line-height:54px; font-weight:bold; padding:5% 0%; } 
.warp1 .divb .sdivc dt img{ width:58px; height:54px; overflow:hidden; margin-right:30px;} 
.warp1 .divb .sdivc a{ display:block; color:#FFF;  font-size:34px; } 

.warp2 .divb .sdivb .isdiva .biaoti dt{ width:100%; float:left; overflow:hidden; font-size:20px; color:#fff; font-weight:bold; line-height:34px; transition: all 0.8s;  }
.warp2 .divb .sdiva .isdiva .biaoti dt{ width:100%; float:left; overflow:hidden; font-size:20px; color:#fff; font-weight:bold; line-height:34px; transition: all 0.8s; }

} 

@media (min-width:1680px) {

.warp1 .diva .sdivb dl{ height:410px;} 	

.mybn{ width:100%; overflow:hidden; }
.swiper-slide .bg-img2{ display: block; width: 100%; float:left; overflow:hidden; position:relative;}
.swiper-slide .bg-img2 img{ display: block;width: 100%; overflow:hidden;}
.swiper-slide .bg-img2 dd{ width: 100%; height:28%; float:left; overflow:hidden; background:linear-gradient(rgba(100,100,100,0),rgba(0,0,0,0.6)); position:absolute; left:0; bottom:0;  z-index:98;  }
.swiper-slide .bg-img2 h2{ width: 83%; float:left; overflow:hidden; position:absolute; left:8.5%; bottom:65px; font-size:26px; color:#FFF; font-weight:bold;   z-index:98; }
.mybn .page{width:13%; height:80px; overflow:hidden; position: absolute; bottom:45px; right:8.5%;  }
.mybn .page .swiper-pagination{position:absolute; bottom:27px; }
.mybn .page .swiper-pagination-bullet{ width:10px; height:10px; overflow:hidden; background-color: rgba(255,255,255,.5);  border: none; margin:0px 5px; opacity: 1; outline: none; border-radius:50%;  }
.mybn .page .swiper-pagination-bullet-active{ background:#fff; outline: none;  }
.mybn .page .swiper-button-prev{ position: absolute; left:0; bottom:0; z-index:99; width:38px; height:52px; display:inline-block;  overflow:hidden; opacity: 1; background:#3274b8; padding-left:14px; justify-content: center; border-radius:50%;  }
.mybn .page .swiper-button-prev:hover{background:#5f9bd9; display:inline-block; }
.mybn .page .swiper-button-prev i{ width:16px; height:16px; box-shadow:-3px 3px 0 0 #fff; transform:rotate(45deg) scale(1); display:block; margin-top:16px; overflow:hidden;}
.mybn .page .swiper-button-prev:hover i{  width:16px; height:16px; box-shadow:-3px 3px 0 0 #fff;} 
.mybn .page .swiper-button-next{ position: absolute; right:0; bottom:0; z-index:99; width:38px; height:52px; display:inline-block;  overflow:hidden; opacity: 1; background:#3274b8; padding-right:14px; justify-content: center; border-radius:50%;  }
.mybn .page .swiper-button-next:hover{background:#5f9bd9; display:inline-block; }
.mybn .page .swiper-button-next i{ width:16px; height:16px; box-shadow:-3px 3px 0 0 #fff; transform:rotate(-135deg) scale(1); display:block; margin-top:16px; overflow:hidden;}
.mybn .page .swiper-button-next:hover i{  width:16px; height:16px; box-shadow:-3px 3px 0 0 #fff;} 


.warp1 .diva .sdivb dl dd h2{ width:100%; float:left; overflow:hidden; font-size:16px; margin-bottom:5%; } 
.warp1 .diva .sdivb dl dd h3{ width:100%; float:left; overflow:hidden; font-size:18px; line-height:34px; font-weight:bold; word-break: break-all; text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:2;}  


.txtScroll-top .infoList li{ width:100%; float:left; overflow:hidden; border-bottom:#dcdcdc solid 1px; padding:5% 0%;} 
.txtScroll-top .infoList li a{ width:100%; float:left; overflow:hidden; display:block;}
.txtScroll-top .infoList li a:hover dd{ font-weight:bold;}
.txtScroll-top .infoList li dt{ width:20%; float:left; overflow:hidden;} 
.txtScroll-top .infoList li dt h2{ width:100%; float:left; overflow:hidden; font-size:28px; color:#3274b8; font-weight:bold;} 
.txtScroll-top .infoList li dt h3{ width:100%; float:left; overflow:hidden; font-size:14px; } 
.txtScroll-top .infoList li dd { width:75%; float:right; overflow:hidden; font-size:18px; color:#222; line-height:30px; word-break: break-all; text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:2;} 


.warp1 .divb .sdivc dt{ width:100%; height:54px; float:left; overflow:hidden; text-align:center; background: url(../images/img6.png) repeat;line-height:54px; font-weight:bold; padding:6% 0%; } 
.warp1 .divb .sdivc dt img{ width:58px; height:54px; overflow:hidden; margin-right:30px;} 
.warp1 .divb .sdivc a{ display:block; color:#FFF;  font-size:34px; } 


.warp2 .divb .sdivb .isdiva .biaoti dt{ width:100%; float:left; overflow:hidden; font-size:22px; color:#fff; font-weight:bold; line-height:36px; transition: all 0.8s;  }
.warp2 .divb .sdiva .isdiva .biaoti dt{ width:100%; float:left; overflow:hidden; font-size:22px; color:#fff; font-weight:bold; line-height:36px; transition: all 0.8s; }

} 

@media (min-width:1920px) {

.warp1 .diva .sdivb dl{ height:430px;} 
.mybn{ width:100%; overflow:hidden; }
.swiper-slide .bg-img2{ display: block; width: 100%; float:left; overflow:hidden; position:relative;}
.swiper-slide .bg-img2 img{ display: block;width: 100%; overflow:hidden;}
.swiper-slide .bg-img2 dd{ width: 100%; height:28%; float:left; overflow:hidden; background:linear-gradient(rgba(100,100,100,0),rgba(0,0,0,0.6)); position:absolute; left:0; bottom:0;  z-index:98;  }
.swiper-slide .bg-img2 h2{ width: 83%; float:left; overflow:hidden; position:absolute; left:8.5%; bottom:65px; font-size:26px; color:#FFF; font-weight:bold;   z-index:98; }
.mybn .page{width:13%; height:80px; overflow:hidden; position: absolute; bottom:45px; right:8.5%;  }
.mybn .page .swiper-pagination{position:absolute; bottom:27px; }
.mybn .page .swiper-pagination-bullet{ width:10px; height:10px; overflow:hidden; background-color: rgba(255,255,255,.5);  border: none; margin:0px 5px; opacity: 1; outline: none; border-radius:50%;  }
.mybn .page .swiper-pagination-bullet-active{ background:#fff; outline: none;  }
.mybn .page .swiper-button-prev{ position: absolute; left:0; bottom:0; z-index:99; width:38px; height:52px; display:inline-block;  overflow:hidden; opacity: 1; background:#3274b8; padding-left:14px; justify-content: center; border-radius:50%;  }
.mybn .page .swiper-button-prev:hover{background:#5f9bd9; display:inline-block; }
.mybn .page .swiper-button-prev i{ width:16px; height:16px; box-shadow:-3px 3px 0 0 #fff; transform:rotate(45deg) scale(1); display:block; margin-top:16px; overflow:hidden;}
.mybn .page .swiper-button-prev:hover i{  width:16px; height:16px; box-shadow:-3px 3px 0 0 #fff;} 
.mybn .page .swiper-button-next{ position: absolute; right:0; bottom:0; z-index:99; width:38px; height:52px; display:inline-block;  overflow:hidden; opacity: 1; background:#3274b8; padding-right:14px; justify-content: center; border-radius:50%;  }
.mybn .page .swiper-button-next:hover{background:#5f9bd9; display:inline-block; }
.mybn .page .swiper-button-next i{ width:16px; height:16px; box-shadow:-3px 3px 0 0 #fff; transform:rotate(-135deg) scale(1); display:block; margin-top:16px; overflow:hidden;}
.mybn .page .swiper-button-next:hover i{  width:16px; height:16px; box-shadow:-3px 3px 0 0 #fff;} 


.warp1 .diva .sdivb dl dd h2{ width:100%; float:left; overflow:hidden; font-size:16px; margin-bottom:5%; } 
.warp1 .diva .sdivb dl dd h3{ width:100%; float:left; overflow:hidden; font-size:18px; line-height:34px; font-weight:bold; word-break: break-all; text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:2;}  


.txtScroll-top .infoList li{ width:100%; float:left; overflow:hidden; border-bottom:#dcdcdc solid 1px; padding:5% 0%;} 
.txtScroll-top .infoList li a{ width:100%; float:left; overflow:hidden; display:block;}
.txtScroll-top .infoList li a:hover dd{ font-weight:bold;}
.txtScroll-top .infoList li dt{ width:20%; float:left; overflow:hidden;} 
.txtScroll-top .infoList li dt h2{ width:100%; float:left; overflow:hidden; font-size:28px; color:#3274b8; font-weight:bold;} 
.txtScroll-top .infoList li dt h3{ width:100%; float:left; overflow:hidden; font-size:14px; } 
.txtScroll-top .infoList li dd { width:75%; float:right; overflow:hidden; font-size:18px; color:#222; line-height:30px; word-break: break-all; text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:2;} 

.warp1 .divb .sdivc dt{ width:100%; height:54px; float:left; overflow:hidden; text-align:center; background: url(../images/img6.png) repeat;line-height:54px; font-weight:bold; padding:6% 0%; } 
.warp1 .divb .sdivc dt img{ width:58px; height:54px; overflow:hidden; margin-right:30px;} 
.warp1 .divb .sdivc a{ display:block; color:#FFF;  font-size:34px; } 


.warp2 .divb .sdivb .isdiva .biaoti dt{ width:100%; float:left; overflow:hidden; font-size:24px; color:#fff; font-weight:bold; line-height:38px; transition: all 0.8s;  }
.warp2 .divb .sdiva .isdiva .biaoti dt{ width:100%; float:left; overflow:hidden; font-size:24px; color:#fff; font-weight:bold; line-height:38px; transition: all 0.8s; }


}