@charset "utf-8";
/* CSS Document */
BODY { margin:0px auto; padding:0px; width:100%; color:#444; font-family: Arial, Helvetica, sans-serif; }
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:#005ca1; text-decoration:none;}

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


 
.xiazai{ width:87%; overflow:hidden; padding:8% 0% 5% 0%; } 
.xiazai .diva{ width:22%; float:left; overflow:hidden; margin:0% 1.5% 2% 1.5%; } 
.xiazai .diva .sdiva{ width: 100%;  display: block; float:left; overflow:hidden; }
.xiazai .diva .sdiva img{ display: block; width: 100%; transition: all 0.8s; overflow:hidden;}
.xiazai .diva .sdiva img:hover{transform: scale(1.1); }
.xiazai .diva .sdivb{ width:100%;  float:left; overflow:hidden; padding:7% 0%; }
.xiazai .diva .sdivb dt{ width: 100%; height:52px; float:left; overflow:hidden; font-size:18px; line-height:26px; word-break: break-all; text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:2;}
.xiazai .diva .sdivb dd{ width: 100%; height:26px; float:left; overflow:hidden; font-size:16px;line-height:26px; }
.xiazai .diva .sdivb dd img{ width: 32px; height:26px; float:left; overflow:hidden; margin-right:10px; }

 
 
  
.herdbox{ width:85%; } 
.herdbox .herd{ width:100%; height:130px; }
.herdbox .herd .logo{ width:500px; float:left; overflow:hidden; }
.herdbox .herd .logo img{ width:100%;  float:left; overflow:hidden;} 
  
.menu{  height:130px; float:right; margin-right:3%; }
.menu ul li a, .menu ul li a:visited {display:block; overflow:hidden; text-align:center; font-size:18px; color:#222;}
.menu ul { margin:0;padding:0;list-style-type: none; }
.menu ul li { position:relative; float:left; height:130px; line-height:130px; margin-left:40px; }
.menu ul li ul {display: none;}
.menu ul li:hover a {color:#005ca1;}
.menu ul li:hover ul li ul {display: none;}
#menu_hover { color:#005ca1; } 
.menu ul li:hover ul li a { color:#fff; font-size:18px; }
.menu ul li:hover ul li a:hover { color:#fff; font-size:18px;}
.menu ul li:hover ul { position:absolute; top:130px; left:0; display:block; padding:0px; z-index:99; }
.menu .ej_1{ width:200px;  margin-left:-65px; background:#005ca1; }
.menu .ej_1 li{ display:block; width:200px; line-height:50px; height:50px; text-align:center; margin:0; border-bottom:#086ab4 solid 1px;}
.menu .ej_1 li a{ display:block; border:none; width:200px; color:#fff; font-size:18px; overflow:hidden;}
.menu .ej_1 li a:hover {  font-size:18px; color:#fff; background:#086ab4;} 

.menu .ej_2{ width:200px;  margin-left:-72px; background:#005ca1; }
.menu .ej_2 li{ display:block; width:200px; line-height:50px; height:50px; text-align:center; margin:0; border-bottom:#086ab4 solid 1px;}
.menu .ej_2 li a{ display:block; border:none; width:200px; color:#fff; font-size:18px; overflow:hidden;}
.menu .ej_2 li a:hover {  font-size:18px; color:#fff; background:#086ab4;} 

.menu .ej_3{ width:200px;  margin-left:-60px; background:#005ca1; }
.menu .ej_3 li{ display:block; width:200px; line-height:50px; height:50px; text-align:center; margin:0; border-bottom:#086ab4 solid 1px;}
.menu .ej_3 li a{ display:block; border:none; width:200px; color:#fff; font-size:18px; overflow:hidden;}
.menu .ej_3 li a:hover {  font-size:18px; color:#fff; background:#086ab4;} 


 
.sousuo{ width:40px; height:40px; float:right; overflow:hidden; margin-top:45px; }
.cd-popup1{position:fixed;top:0;left:0;z-index:9999; visibility:hidden;width:100%;height:100%;box-sizing: inherit; background-color:rgba(0,92,161,.9);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-popup1.is-visible1{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-container1{position:relative;margin:300px auto; width:950px; height:140px; 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-close1{position:absolute;top:30px;right:0;z-index:10;display:block; width:28px; height:25px; background: url(../images/guanbi.png) no-repeat center; }
.is-visible1 .cd-popup-container1{-webkit-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1);transform:scale(1);-ms-transform:scale(1);} 
.is-visible1 .cd-popup-container1 .diva{width:840px; height:80px; overflow:hidden; float:left; border-radius:50px; padding:0px 30px; background:#FFF; }
.is-visible1 .cd-popup-container1 .diva dd{ width:790px; height:80px; float:left; overflow:hidden; }
.wbk1{ width:790px; height:80px; float:left; overflow:hidden; border:none; background:#FFF; line-height:80px; font-size:20px; }
.is-visible1 .cd-popup-container1 .diva dt{ width:50px; height:80px; float:left; overflow:hidden; }
.tj1{ width:50px; height:80px; overflow:hidden; border:none; cursor:pointer; text-align:center; background: url(../images/sousuo3.png) no-repeat;  }




.mybn{ width:100%; overflow:hidden; }
.mybn .page{width: 100%; height:100%; box-sizing: border-box; position: absolute; top:0; left:0; display: flex; display: -webkit-flex;-webkit-justify-content: center;justify-content: center;-webkit-align-items: center;align-content: center; }
.mybn .page .swiper-pagination{position:absolute; bottom:60px; }
.mybn .page .swiper-pagination-bullet{ width:80px; height:6px; overflow:hidden; background-color: rgba(255,255,255,.4); margin:0 8px; opacity: 1; outline: none; border-radius:0;}
.mybn .page .swiper-pagination-bullet-active{ background:#fff; outline: none; }
.swiper-slide .bg-img2{ display: block; width: 100%; float:left; overflow:hidden; }
.swiper-slide .bg-img2 img{ display: block;width: 100%; overflow:hidden;}



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





.warp4{ width:84%; overflow:hidden; padding:6% 0% 6% 0%;} 
.warp4 .diva{ width:100%; overflow:hidden; margin-bottom:3.5%; } 
.warp4 .diva dt{ width:100%; overflow:hidden;  text-align:center; font-size:52px; color:#222; font-weight:bold;  } 
.warp4 .divb{ width:100%; overflow:hidden; } 
.warp4 .divb .sdiva{width:29%; overflow:hidden; justify-content:center; float:left; align-items:center; position:relative; }
.warp4 .divb .sdiva a{ width:100%; display:block;  overflow:hidden; }
.warp4 .divb .sdiva a:hover{ width:100%; display:block; overflow:hidden; }
.warp4 .divb .sdiva .isdiva{ position:relative;  width:100%;  overflow:hidden; }
.warp4 .divb .sdiva .isdiva .beijing{position:absolute;z-index:3; width:100%; height:100%; overflow:hidden; opacity:0.4; background:#000; transition:all ease-in-out .5s;}
.warp4 .divb .sdiva .isdiva:hover .beijing{ opacity:0.4; backdrop-filter: blur(6px);}
.warp4 .divb .sdiva .isdiva img{ z-index:-1;margin:auto;width:100%; transition:all ease-in-out .5s; transform:scale(1); overflow:hidden;}
.warp4 .divb .sdiva .isdiva:hover img{transform:scale(1.1);filter:blur(2px); }
.warp4 .divb .sdiva .isdiva .biaoti{position:absolute; top:0%; z-index:6; width:100%; height:100%; text-align:center; opacity:0; transition:all ease-in-out .5s; display: flex; flex-direction: column; align-items: center; justify-content: center;}
.warp4 .divb .sdiva .isdiva .biaoti h2{ width:90%; display: block; color: #fff;text-align: center; font-size:20px; height:50px; line-height:50px;}
.warp4 .divb .sdiva .isdiva .biaoti h3 { transition:0.5s; display:block; width:20%; height:2px; background: #eee; margin: 0 auto;}
.warp4 .divb .sdiva .isdiva:hover .biaoti h3{ width:5%;}
.warp4 .divb .sdiva .isdiva:hover .biaoti{ opacity:1; }
.warp4 .divb .sdiva .isdivb{ width:100%; height:100%; overflow:hidden; z-index:3; position:absolute; bottom:0; left:0; }
.warp4 .divb .sdiva .isdivb dt{ width:90%; overflow:hidden; font-size:26px; color:#fff; font-weight:bold; position:absolute; bottom:5%; left:5%; }
.warp4 .divb .sdiva:hover .isdivb{ opacity:0; transition:all ease-in-out .3s;}
.warp4 .divb .sdivbbox{width:71%; overflow:hidden; float:right;  }
.warp4 .divb .sdivb{width:31.3333%; overflow:hidden; justify-content:center; float:left; align-items:center;  position:relative; }
.warp4 .divb .sdivb a{ width:100%; display:block;  overflow:hidden; }
.warp4 .divb .sdivb a:hover{ width:100%; display:block; overflow:hidden; }
.warp4 .divb .sdivb .isdiva{ position:relative; width:100%;  overflow:hidden; }
.warp4 .divb .sdivb .isdiva .beijing{position:absolute;z-index:3; width:100%; height:100%; overflow:hidden; opacity:0.4; background:#000; transition:all ease-in-out .5s;}
.warp4 .divb .sdivb .isdiva:hover .beijing{ opacity:0.4; backdrop-filter: blur(6px);}
.warp4 .divb .sdivb .isdiva img{z-index:-1;margin:auto;width:100%; transition:all ease-in-out .5s; transform:scale(1); overflow:hidden;}
.warp4 .divb .sdivb .isdiva:hover img{ transform:scale(1.1);filter:blur(2px);}
.warp4 .divb .sdivb .isdiva .biaoti{position:absolute;top:0%; z-index:6; width:100%; height:100%; text-align:center; opacity:0; transition:all ease-in-out .5s; display: flex; flex-direction: column; align-items: center; justify-content: center;}
.warp4 .divb .sdivb .isdiva .biaoti h2{ width:90%; display: block; color: #fff;text-align: center; font-size:20px; height:50px; line-height:50px;}
.warp4 .divb .sdivb .isdiva .biaoti h3 { transition:0.5s; display:block; width:20%; height:2px; background: #eee; margin: 0 auto;}
.warp4 .divb .sdivb .isdiva:hover .biaoti h3{ width:5%;}
.warp4 .divb .sdivb .isdiva:hover .biaoti{ opacity:1; }
.warp4 .divb .sdivb .isdivb{ width:100%; height:100%; overflow:hidden; z-index:3; position:absolute; bottom:0; left:0; }
.warp4 .divb .sdivb .isdivb dt{ width:90%; overflow:hidden; font-size:26px; color:#fff; font-weight:bold; position:absolute; bottom:10%; left:5%; }
.warp4 .divb .sdivb:hover .isdivb{ opacity:0; transition:all ease-in-out .3s;}
.mglb{ margin-left:2%; margin-bottom:2%;}
.mgl{ margin-left:2%;}

 



.warp1{ width:100%; overflow:hidden; padding:0% 0% 6.5% 0%;} 
.warp1 .diva{ width:100%; overflow:hidden; margin-bottom:3.5%; } 
.warp1 .diva dt{ width:100%; overflow:hidden;  text-align:center; font-size:52px; color:#222; font-weight:bold;  } 
.warp1 .divb { width:84%;  overflow:hidden; margin-bottom:3%; border-left:#d2d2d2 solid 1px; border-top:#d2d2d2 solid 1px; border-bottom:#d2d2d2 solid 1px; box-sizing: inherit; }
.warp1 .divb span{ width:12.6%; height:52px; float:left; overflow:hidden; text-align:center; padding:2% 2%; font-weight:bold; font-size:20px; line-height:26px; border-right:#d2d2d2 solid 1px; cursor:pointer; color:#222;  display: flex; flex-direction: column; align-items: center; justify-content: center; }
.warp1 .divb .listbtns{ color:#fff; font-size:20px; background:#005ca1; } 
.warp1 .divc{ width:86.4%; overflow:hidden; margin-bottom:3%; } 
.warp1 .divc .sdiva{ width:22%; float:left; overflow:hidden; border:#d2d2d2 solid 1px;  margin:1% 1.4%; transition:All 0.4s ease-in-out;-webkit-transition:All 0.4s ease-in-out; -moz-transition:All 0.4s ease-in-out; -o-transition:All 0.4s ease-in-out; } 
.warp1 .divc .sdiva:hover{transform:translate(0,-10px); -webkit-transform:translate(0,-10px); -moz-transform:translate(0,-10px); -o-transform:translate(0,-10px); -ms-transform:translate(0,-10px); } 
.warp1 .divc .sdiva dt{ width:100%; float:left; overflow:hidden; } 
.warp1 .divc .sdiva dt img{ width:100%; float:left; overflow:hidden; transition: all 0.8s; } 
.warp1 .divc .sdiva dt img:hover{ transform: scale(1.1);}
.warp1 .divc .sdiva dd{ width:92%;  padding:10% 4%; float:left; overflow:hidden; } 
.warp1 .divc .sdiva dd h2{ width:100%; height:52px; float:left;overflow:hidden; text-align:center;font-size:20px;line-height:26px; word-break: break-all; text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:2;} 


.warp1 .divd{ width:11%; overflow:hidden; transition:All 0.4s ease-in-out;-webkit-transition:All 0.4s ease-in-out; -moz-transition:All 0.4s ease-in-out; -o-transition:All 0.4s ease-in-out; } 
.warp1 .divd:hover{ transform:translate(0,-10px); -webkit-transform:translate(0,-10px); -moz-transform:translate(0,-10px); -o-transform:translate(0,-10px); -ms-transform:translate(0,-10px);} 
.warp1 .divd a{ height:60px; overflow:hidden; display:block; border:#005ca1 solid 1px; text-align:center; line-height:60px; color:#005ca1; font-size:20px;  } 
.warp1 .divd a:hover{ height:60px; overflow:hidden; background:#005ca1; color:#fff;} 


  

 

.warp2{ width:100%; overflow:hidden; padding:6% 0% 7% 0%; background: url(../images/img5.jpg) no-repeat center top;} 
.warp2 .diva{ width:84%; overflow:hidden; margin-bottom:3.5%; } 
.warp2 .diva dt{ width:100%; overflow:hidden;  text-align:center; font-size:52px; color:#fff; font-weight:bold;  } 
.warp2 .divb{ width:70%; overflow:hidden; margin-bottom:2%; } 
.warp2 .divb p{ width:100%; overflow:hidden; margin-bottom:2%; text-align:center; color:#FFF; font-size:20px; line-height:32px; } 
.warp2 .divd{ width:11%; overflow:hidden; transition:All 0.4s ease-in-out;-webkit-transition:All 0.4s ease-in-out; -moz-transition:All 0.4s ease-in-out; -o-transition:All 0.4s ease-in-out; margin-bottom:4%;} 
.warp2 .divd:hover{ transform:translate(0,-10px); -webkit-transform:translate(0,-10px); -moz-transform:translate(0,-10px); -o-transform:translate(0,-10px); -ms-transform:translate(0,-10px);} 
.warp2 .divd a{ height:60px; overflow:hidden; display:block; border:#FFF solid 1px; text-align:center; line-height:60px; color:#FFF; font-size:20px;  } 
.warp2 .divd a:hover{ height:60px; overflow:hidden; background:#fff; color:#005ca1;} 
.warp2 .divc{ width:84%; overflow:hidden; } 
.digital{ width:100%; float:left; overflow:hidden; }
.main{ width:100%; overflow:hidden; }
.mumping_mun{ width:100%; overflow:hidden; text-align:center; }
.mumping_mun li{ width:24%; display:inline-block; overflow:hidden; }
.mumping_mun li dt{ width:100%; float:left; overflow:hidden; margin-bottom:10px; }
.mumping_mun li dt h2{ font-size:48px; color:#fff; font-family:Arial, Helvetica, sans-serif; display:inline-block; margin-right:12px; }
.mumping_mun li dt h3{ font-size:20px; color:#fff; display:inline-block;  }
.mumping_mun li dd{ width:100%; float:left; overflow:hidden; font-size:20px; color:#fff;  }
  
  
  

 
.warp3{ width:100%; overflow:hidden; padding:5.5% 0% 6.5% 0%;} 
.warp3 .diva{ width:84%; overflow:hidden; margin-bottom:3.5%; } 
.warp3 .diva dt{ width:100%; overflow:hidden;  text-align:center; font-size:52px; color:#222; font-weight:bold;  } 
.warp3 .divb{ width:85%; overflow:hidden; margin-bottom:4%; } 
.warp3 .divb .sdiva{ width:100%; overflow:hidden; margin-bottom:3%; } 
.warp3 .divb .sdiva .isdiva{ width:48%; float:left; overflow:hidden; }
.warp3 .divb .sdiva .isdiva img{ display:block; width:100%; transition: all 0.8s; overflow:hidden;}
.warp3 .divb .sdiva .isdiva img:hover{transform: scale(1.1); }
.warp3 .divb .sdiva .isdivb{ width:48%; float:right; overflow:hidden; }
.warp3 .divb .sdiva .isdivb dt{ width: 100%;  float:left; overflow:hidden; font-size:20px; line-height:70px; color:#005ca1; margin-bottom:10px;}
.warp3 .divb .sdiva .isdivb dd{ width: 100%; float:left; overflow:hidden; font-size:30px; line-height:42px; margin-bottom:30px; word-break: break-all; text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:2;}
.warp3 .divb .sdiva .isdivb h2{ width: 100%; float:left; overflow:hidden; font-size:20px; line-height:30px; margin-bottom:40px; word-break: break-all; text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:3;}
.warp3 .divb .sdiva .isdivb h3{ width:100%; height:40px; overflow:hidden; display:block; background: url(../images/img2.png) no-repeat left; } 
.warp3 .divb .sdiva a:hover h3{ background: url(../images/img3.png) no-repeat left; } 
.swiper-slide .bg-img3{ width: 100%;  display: block; float:left; overflow:hidden; margin-bottom:35px;  }
.swiper-slide .bg-img3 img{ display: block; width: 100%; transition: all 0.8s; overflow:hidden;}
.swiper-slide .bg-img3 img:hover{transform: scale(1.1); }
.swiper-slide .text2{ width: 100%;  float:left; overflow:hidden; margin-bottom:60px;  }
.swiper-slide .text2 dt{ width: 100%;  float:left; overflow:hidden; font-size:20px; color:#005ca1; margin-bottom:25px;}
.swiper-slide .text2 dd{ width: 100%; height:60px;  float:left; overflow:hidden; font-size:22px; line-height:30px; word-break: break-all; text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:2;}
.swiper-slide a{ width:100%; overflow:hidden; display:block; background: url(../images/img2.png) no-repeat bottom left; } 
.swiper-slide a:hover{ background: url(../images/img3.png) no-repeat bottom left; } 
.warp3 .divc{ width:11%; overflow:hidden; transition:All 0.4s ease-in-out;-webkit-transition:All 0.4s ease-in-out; -moz-transition:All 0.4s ease-in-out; -o-transition:All 0.4s ease-in-out; } 
.warp3 .divc:hover{ transform:translate(0,-10px); -webkit-transform:translate(0,-10px); -moz-transform:translate(0,-10px); -o-transform:translate(0,-10px); -ms-transform:translate(0,-10px);} 
.warp3 .divc a{ height:60px; overflow:hidden; display:block; border:#005ca1 solid 1px; text-align:center; line-height:60px; color:#005ca1; font-size:20px;  } 
.warp3 .divc a:hover{ height:60px; overflow:hidden; background:#005ca1; color:#fff;} 
  
  
  


  
.foot{ width:100%; overflow:hidden; background:#141414; padding:4% 0% 4% 0%; } 
.foot .diva{ width:84%; overflow:hidden;  } 
.foot .diva .sdiva{ width:100%; float:left; overflow:hidden; border-bottom:#353535 solid 1px; padding-bottom:3%; margin-bottom:3%;} 
.foot .diva .sdiva .isdiva{ width:80%; float:left; overflow:hidden;} 
.foot .diva .sdiva .isdiva dt{ width:100%; float:left; overflow:hidden; font-size:36px; color:#fff; font-weight:bold; margin-bottom:20px;} 
.foot .diva .sdiva .isdiva dd{ width:100%; float:left; overflow:hidden; font-size:20px; color:#777; line-height:40px; } 
.foot .diva .sdiva .isdivb{ width:10%; float:right; overflow:hidden;} 
.foot .diva .sdiva .isdivb dt{ width:100%; float:left; overflow:hidden; margin-bottom:20px;} 
.foot .diva .sdiva .isdivb dt img{ width:100%; float:left; overflow:hidden;} 
.foot .diva .sdiva .isdivb dd{ width:100%; float:left; overflow:hidden; text-align:center; font-size:20px; color:#777;} 
.foot .diva .sdivb{ width:100%; float:left; overflow:hidden; margin-bottom:5%; } 
.foot .diva .sdivb .isdiva{ width:80%; float:left; overflow:hidden; } 
.foot .diva .sdivb .isdiva a{ height:46px; float:left; overflow:hidden; font-size:22px; line-height:46px; color:#FFF; font-weight:bold; margin-right:4%; } 
.foot .diva .sdivb .isdiva a:hover{ height:46px; float:left; overflow:hidden; font-size:22px; line-height:46px; color:#005ca1; font-weight:bold; margin-right:4%; } 

.foot .diva .sdivb .isdivd{ width:46px; height:46px; float:right; overflow:hidden;  margin-left:1%; } 
.foot .diva .sdivb .isdivd a{ width:46px; height:46px; float:left; overflow:hidden; background: url(../images/ins.png) no-repeat center; } 
.foot .diva .sdivb .isdivd a:hover{ width:46px; height:46px; float:left; overflow:hidden; background: url(../images/ins2.png) no-repeat center; } 

.foot .diva .sdivb .isdivc{ width:46px; height:46px; float:right; overflow:hidden; margin-left:1%;  } 
.foot .diva .sdivb .isdivc a{ width:46px; height:46px; float:left; overflow:hidden; background: url(../images/in.png) no-repeat center; } 
.foot .diva .sdivb .isdivc a:hover{ width:46px; height:46px; float:left; overflow:hidden; background: url(../images/in2.png) no-repeat center; } 

.foot .diva .sdivb .isdivb{ width:46px; height:46px; float:right; overflow:hidden; } 
.foot .diva .sdivb .isdivb a{ width:46px; height:46px; float:left; overflow:hidden; background: url(../images/f.png) no-repeat center; } 
.foot .diva .sdivb .isdivb a:hover{ width:46px; height:46px; float:left; overflow:hidden; background: url(../images/f2.png) no-repeat center; } 



.foot .diva .sdivc{ width:100%; float:left; overflow:hidden;  } 
.foot .diva .sdivc dt{ width:70%; float:left; overflow:hidden; font-size:14px; color:#777;} 
.foot .diva .sdivc dt a{ font-size:14px; color:#777; } 
.foot .diva .sdivc dt a:hover{ font-size:14px; color:#fff; } 
.foot .diva .sdivc dd{ width:30%; float:right; overflow:hidden; font-size:14px; color:#777; text-align:right; } 
.foot .diva .sdivc dd a{ font-size:14px; color:#777; } 
.foot .diva .sdivc dd a:hover{ font-size:14px; color:#fff; } 






.digg{ width:84%; margin-bottom:6.5%; text-align:center; font-size:16px; overflow:hidden;}
.digg a{ margin:3px; padding:15px 25px; background: #f7f7f7; display:inline-block; font-size:16px;  }
.digg a:hover{ background:#444; color:#FFF; display:inline-block;  font-size:16px; }
.digg .current{ margin:3px; padding:15px 25px; background:#444; color:#FFF; }



 

 
.about_banner{height:400px; background-size: cover!important; overflow:hidden; box-sizing: inherit; }
.about_banner .title{ width:100%; height:100%; font-size:52px; color:#FFF; float:left; text-align:center; overflow:hidden; font-weight: bold; text-transform:uppercase;   display: flex; flex-direction: column; align-items: center; justify-content: center;}

 
 

.nynav{ width:100%; height:100px; overflow:hidden; background:#f9f9f9;}
.nynav ul{ width:100%; overflow:hidden; text-align:center; }
.nynav ul li{ width:50%; height:100px; float:left; overflow:hidden; line-height:100px; display:inline-block;  }
.nynav ul li a{ font-size:26px; display:block; color:#444; font-weight:bold; }
.nynav ul li a:hover{ color:#444; font-size:26px; background:#e5e5e5; }
#nynav2_on{color:#fff; font-size:26px; background:#005ca1;  }




.sanji { width:84%;  overflow:hidden; padding:6% 0% 0% 0%; }
.sanji ul{ width:99%;  overflow:hidden; border-left:#d2d2d2 solid 1px; border-top:#d2d2d2 solid 1px; border-bottom:#d2d2d2 solid 1px; box-sizing: inherit; }
.sanji ul li{ width:14.2%; float:left; overflow:hidden; text-align:center; border-right:#d2d2d2 solid 1px;  }
.sanji ul li a{ width:96%; height:52px; float:left; overflow:hidden; padding:15% 2%; font-weight:bold; font-size:18px; line-height:26px; display:block;cursor:pointer; color:#222;  display: flex; flex-direction: column; align-items: center; justify-content: center; }
.sanji ul li a:hover{ background:#005ca1; color:#fff; }
#sanji_on{ color:#fff; font-size:20px; background:#005ca1; } 

.sanji2 { width:84%;  overflow:hidden; padding:6% 0% 0% 0%; }
.sanji2 ul{ width:99%;  overflow:hidden; border-left:#d2d2d2 solid 1px; border-top:#d2d2d2 solid 1px; border-bottom:#d2d2d2 solid 1px; box-sizing: inherit; }
.sanji2 ul li{ width:16.6%; float:left; overflow:hidden; text-align:center; border-right:#d2d2d2 solid 1px;  }
.sanji2 ul li a{ width:96%; height:52px; float:left; overflow:hidden; padding:15% 2%; font-weight:bold; font-size:18px; line-height:26px; display:block;cursor:pointer; color:#222;  display: flex; flex-direction: column; align-items: center; justify-content: center; }
.sanji2 ul li a:hover{ background:#005ca1; color:#fff; }
 


.wenzhang{ width:1200px; overflow:hidden; padding:7% 0% 7% 0%; } 
 
 
 
.swiper-slide .bg-img3{ width: 100%;  display: block; float:left; overflow:hidden; margin-bottom:35px;  }
.swiper-slide .bg-img3 img{ display: block; width: 100%; transition: all 0.8s; overflow:hidden;}
.swiper-slide .bg-img3 img:hover{transform: scale(1.1); }
.swiper-slide .text2{ width: 100%;  float:left; overflow:hidden; margin-bottom:60px;  }
.swiper-slide .text2 dt{ width: 100%;  float:left; overflow:hidden; font-size:20px; color:#005ca1; margin-bottom:25px;}
.swiper-slide .text2 dd{ width: 100%; height:60px;  float:left; overflow:hidden; font-size:22px; line-height:30px; word-break: break-all; text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:2;}




.news{ width:85%; overflow:hidden; padding:7% 0% 2% 0%; } 
.news .diva{ width:30.33%; float:left; overflow:hidden; margin:0% 1.5% 5% 1.5%; } 
.news .diva .sdiva{ width: 100%;  display: block; float:left; overflow:hidden; margin-bottom:8%;  }
.news .diva .sdiva img{ display: block; width: 100%; transition: all 0.8s; overflow:hidden;}
.news .diva .sdiva img:hover{transform: scale(1.1); }
.news .diva .sdivb{ width: 100%;  float:left; overflow:hidden; margin-bottom:60px;  }
.news .diva .sdivb dt{ width: 100%;  float:left; overflow:hidden; font-size:20px; color:#005ca1; margin-bottom:25px;}
.news .diva .sdivb dd{ width: 100%; height:60px;  float:left; overflow:hidden; font-size:22px; line-height:30px; word-break: break-all; text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:2;}
.news .diva a{ width:100%; overflow:hidden; display:block; background: url(../images/img2.png) no-repeat bottom left; } 
.news a:hover{ background: url(../images/img3.png) no-repeat bottom left; } 





 
 
.news_xx{ width:1200px; overflow:hidden; padding:7% 0%; } 
.news_xx .diva{ width:1200px; overflow:hidden; font-size:34px; font-weight:bold; line-height:48px; text-align:center; }
.news_xx .divb{ width:1200px; overflow:hidden; font-size:20px; padding:60px 0px; border-bottom:#dedede solid 1px; text-align:center;}
.news_xx .divc{ width:1200px; overflow:hidden; padding:100px 0px; }
.news_xx .divd{ width:1200px; overflow:hidden; }  
.news_xx .divd dt{ width:500px; height:60px; overflow:hidden; float:left; font-size:20px; } 
.news_xx .divd dt a{ font-size:20px;  overflow:hidden; } 
.news_xx .divd dt a:hover{ font-size:20px;  } 
.news_xx .divd dd{ height:60px; overflow:hidden; float:right; line-height:60px; }  
.news_xx .divd dd a{ font-size:20px;  overflow:hidden; background:url(../images/ico12.png) no-repeat right; padding-right:30px; } 
.news_xx .divd dd a:hover{ font-size:20px;  overflow:hidden; background:url(../images/ico12-1.png) no-repeat right;  } 





.chanpin{ width:86.4%; overflow:hidden; padding:6% 0% 5% 0%; } 
.chanpin .diva{ width:22%; float:left; overflow:hidden; border:#d2d2d2 solid 1px;  margin: 1.4% 1.4%; transition:All 0.4s ease-in-out;-webkit-transition:All 0.4s ease-in-out; -moz-transition:All 0.4s ease-in-out; -o-transition:All 0.4s ease-in-out; } 
.chanpin .diva:hover{transform:translate(0,-10px); -webkit-transform:translate(0,-10px); -moz-transform:translate(0,-10px); -o-transform:translate(0,-10px); -ms-transform:translate(0,-10px); } 
.chanpin .diva dt{ width:100%; float:left; overflow:hidden; } 
.chanpin .diva dt img{ width:100%; float:left; overflow:hidden; transition: all 0.8s; } 
.chanpin .diva dt img:hover{ transform: scale(1.1);}
.chanpin .diva dd{ width:92%; height:52px;  padding:10% 4%; float:left; overflow:hidden; text-align:center; font-size:20px; line-height:26px; } 





.lianxi{ width:84%; overflow:hidden; padding:6% 0%; } 
.lianxi .diva{ width:40%; overflow:hidden; float:left; } 
.lianxi .diva .sdiva{ width:100%; overflow:hidden; float:left; font-size:52px; font-weight:bold; color:#005ca1;  margin-bottom:5%; } 
.lianxi .diva .sdivb{ width:100%; overflow:hidden; float:left; } 
.lianxi .divb{ width:50%; overflow:hidden; float:right; } 
.lianxi .divb .sdiva{ width:100%; overflow:hidden; float:left; font-size:52px; font-weight:bold;  color:#005ca1;  margin-bottom:5%; } 
.lianxi .divb .sdivb{ width:100%; overflow:hidden; float:left;  } 
.lianxi .divb .sdivb dl{ width:100%; overflow:hidden; float:left; padding:35px 0px 30px 0px; border-bottom:#acacac solid 1px;   } 
.lianxi .divb .sdivb dl dt{ width:100%; overflow:hidden; float:left; font-size:22px; margin-bottom:20px;} 
.lianxi .divb .sdivb dl dd{ width:100%; overflow:hidden; float:left; } 
.wbk{ width:100%; height:30px; background:none; border:none; overflow:hidden; line-height:30px; font-size:20px; }
.wbqy{ width:100%; height:120px; background:none; border:none; overflow: visible; line-height:30px; font-size:20px;}
.lianxi .divb .sdivb h2{ width:100%; overflow:hidden; float:left; margin-top:40px; } 
.lianxi .divb .sdivb .tijiao{ width:240px; height:60px; background:#353535; line-height:60px; border:none; overflow:hidden; text-align:center; font-size:26px; color:#FFF; cursor:pointer;} 
 
 
 
 
 

@media (min-width:800px) {
.menu{  height:130px; float:right; margin-right:3%; }
.menu ul li a, .menu ul li a:visited {display:block; overflow:hidden; text-align:center; font-size:12px; color:#222;}
.menu ul { margin:0;padding:0;list-style-type: none; }
.menu ul li { position:relative; float:left; height:130px; line-height:130px; margin-left:15px; }
.menu ul li ul {display: none;}
.menu ul li:hover a {color:#005ca1;}
.menu ul li:hover ul li ul {display: none;}
#menu_hover { color:#005ca1; } 
.menu ul li:hover ul li a { color:#fff; font-size:12px; }
.menu ul li:hover ul li a:hover { color:#fff; font-size:12px;}
.menu ul li:hover ul { position:absolute; top:130px; left:0; display:block; padding:0px; z-index:99; }
.menu .ej_1{ width:200px;  margin-left:-76px; background:#005ca1; }
.menu .ej_1 li{ display:block; width:200px; line-height:50px; height:50px; text-align:center; margin:0; border-bottom:#086ab4 solid 1px;}
.menu .ej_1 li a{ display:block; border:none; width:200px; color:#fff; font-size:12px; overflow:hidden;}
.menu .ej_1 li a:hover {  font-size:12px; color:#fff; background:#086ab4;} 

.menu .ej_2{ width:200px;  margin-left:-81px; background:#005ca1; }
.menu .ej_2 li{ display:block; width:200px; line-height:50px; height:50px; text-align:center; margin:0; border-bottom:#086ab4 solid 1px;}
.menu .ej_2 li a{ display:block; border:none; width:200px; color:#fff; font-size:12px; overflow:hidden;}
.menu .ej_2 li a:hover {  font-size:12px; color:#fff; background:#086ab4;} 

.menu .ej_3{ width:200px;  margin-left:-75px; background:#005ca1; }
.menu .ej_3 li{ display:block; width:200px; line-height:50px; height:50px; text-align:center; margin:0; border-bottom:#086ab4 solid 1px;}
.menu .ej_3 li a{ display:block; border:none; width:200px; color:#fff; font-size:12px; overflow:hidden;}
.menu .ej_3 li a:hover {  font-size:12px; color:#fff; background:#086ab4;} 

.warp4 .divb .sdiva .isdivb dt{ width:90%; overflow:hidden; font-size:18px; color:#fff; font-weight:bold; position:absolute; bottom:5%; left:5%; }
.warp4 .divb .sdivb .isdivb dt{ width:90%; overflow:hidden; font-size:18px; color:#fff; font-weight:bold; position:absolute; bottom:10%; left:5%; }


.warp1 .divb span{ width:12.6%; height:48px; float:left; overflow:hidden; text-align:center; padding:2% 2%; font-weight:bold; font-size:16px; line-height:24px; border-right:#d2d2d2 solid 1px; cursor:pointer; color:#222;  display: flex; flex-direction: column; align-items: center; justify-content: center; }
.warp1 .divc .sdiva dd{ width:92%;  padding:10% 4%; float:left; overflow:hidden; } 
.warp1 .divc .sdiva dd h2{ width:100%; height:52px; float:left;overflow:hidden; text-align:center;font-size:20px;line-height:26px; word-break: break-all; text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:2;} 


.warp3 .divb .sdiva .isdivb{ width:48%; float:right; overflow:hidden; }
.warp3 .divb .sdiva .isdivb dt{ width: 100%;  float:left; overflow:hidden; font-size:18px; line-height:50px; color:#005ca1; }
.warp3 .divb .sdiva .isdivb dd{ width: 100%; float:left; overflow:hidden; font-size:26px; line-height:34px; margin-bottom:20px; word-break: break-all; text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:2;}
.warp3 .divb .sdiva .isdivb h2{ width: 100%; float:left; overflow:hidden; font-size:18px; line-height:26px; margin-bottom:30px; word-break: break-all; text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:2;}
} 

@media (min-width:1280px) { 
.menu{  height:130px; float:right; margin-right:3%; }
.menu ul li a, .menu ul li a:visited {display:block; overflow:hidden; text-align:center; font-size:12px; color:#222;}
.menu ul { margin:0;padding:0;list-style-type: none; }
.menu ul li { position:relative; float:left; height:130px; line-height:130px; margin-left:20px; }
.menu ul li ul {display: none;}
.menu ul li:hover a {color:#005ca1;}
.menu ul li:hover ul li ul {display: none;}
#menu_hover { color:#005ca1; } 
.menu ul li:hover ul li a { color:#fff; font-size:12px; }
.menu ul li:hover ul li a:hover { color:#fff; font-size:12px;}
.menu ul li:hover ul { position:absolute; top:130px; left:0; display:block; padding:0px; z-index:99; }
.menu .ej_1{ width:200px;  margin-left:-76px; background:#005ca1; }
.menu .ej_1 li{ display:block; width:200px; line-height:50px; height:50px; text-align:center; margin:0; border-bottom:#086ab4 solid 1px;}
.menu .ej_1 li a{ display:block; border:none; width:200px; color:#fff; font-size:12px; overflow:hidden;}
.menu .ej_1 li a:hover {  font-size:12px; color:#fff; background:#086ab4;} 

.menu .ej_2{ width:200px;  margin-left:-81px; background:#005ca1; }
.menu .ej_2 li{ display:block; width:200px; line-height:50px; height:50px; text-align:center; margin:0; border-bottom:#086ab4 solid 1px;}
.menu .ej_2 li a{ display:block; border:none; width:200px; color:#fff; font-size:12px; overflow:hidden;}
.menu .ej_2 li a:hover {  font-size:12px; color:#fff; background:#086ab4;} 

.menu .ej_3{ width:200px;  margin-left:-75px; background:#005ca1; }
.menu .ej_3 li{ display:block; width:200px; line-height:50px; height:50px; text-align:center; margin:0; border-bottom:#086ab4 solid 1px;}
.menu .ej_3 li a{ display:block; border:none; width:200px; color:#fff; font-size:12px; overflow:hidden;}
.menu .ej_3 li a:hover {  font-size:12px; color:#fff; background:#086ab4;} 

.warp4 .divb .sdiva .isdivb dt{ width:90%; overflow:hidden; font-size:18px; color:#fff; font-weight:bold; position:absolute; bottom:5%; left:5%; }
.warp4 .divb .sdivb .isdivb dt{ width:90%; overflow:hidden; font-size:18px; color:#fff; font-weight:bold; position:absolute; bottom:10%; left:5%; }

.warp1 .divb span{ width:12.6%; height:48px; float:left; overflow:hidden; text-align:center; padding:2% 2%; font-weight:bold; font-size:16px; line-height:24px; border-right:#d2d2d2 solid 1px; cursor:pointer; color:#222;  display: flex; flex-direction: column; align-items: center; justify-content: center; }
.warp1 .divc .sdiva dd{ width:92%;  padding:10% 4%; float:left; overflow:hidden; } 
.warp1 .divc .sdiva dd h2{ width:100%; height:52px; float:left;overflow:hidden; text-align:center;font-size:20px;line-height:26px; word-break: break-all; text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:2;} 

.warp3 .divb .sdiva .isdivb{ width:48%; float:right; overflow:hidden; }
.warp3 .divb .sdiva .isdivb dt{ width: 100%;  float:left; overflow:hidden; font-size:18px; line-height:50px; color:#005ca1; }
.warp3 .divb .sdiva .isdivb dd{ width: 100%; float:left; overflow:hidden; font-size:26px; line-height:34px; margin-bottom:20px; word-break: break-all; text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:2;}
.warp3 .divb .sdiva .isdivb h2{ width: 100%; float:left; overflow:hidden; font-size:18px; line-height:26px; margin-bottom:30px; word-break: break-all; text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:2;}
} 

@media (min-width:1400px) {
.menu{  height:130px; float:right; margin-right:3%; }
.menu ul li a, .menu ul li a:visited {display:block; overflow:hidden; text-align:center; font-size:14px; color:#222;}
.menu ul { margin:0;padding:0;list-style-type: none; }
.menu ul li { position:relative; float:left; height:130px; line-height:130px; margin-left:30px; }
.menu ul li ul {display: none;}
.menu ul li:hover a {color:#005ca1;}
.menu ul li:hover ul li ul {display: none;}
#menu_hover { color:#005ca1; } 
.menu ul li:hover ul li a { color:#fff; font-size:14px; }
.menu ul li:hover ul li a:hover { color:#fff; font-size:14px;}
.menu ul li:hover ul { position:absolute; top:130px; left:0; display:block; padding:0px; z-index:99; }
.menu .ej_1{ width:200px;  margin-left:-73px; background:#005ca1; }
.menu .ej_1 li{ display:block; width:200px; line-height:50px; height:50px; text-align:center; margin:0; border-bottom:#086ab4 solid 1px;}
.menu .ej_1 li a{ display:block; border:none; width:200px; color:#fff; font-size:14px; overflow:hidden;}
.menu .ej_1 li a:hover {  font-size:14px; color:#fff; background:#086ab4;} 

.menu .ej_2{ width:200px;  margin-left:-78px; background:#005ca1; }
.menu .ej_2 li{ display:block; width:200px; line-height:50px; height:50px; text-align:center; margin:0; border-bottom:#086ab4 solid 1px;}
.menu .ej_2 li a{ display:block; border:none; width:200px; color:#fff; font-size:14px; overflow:hidden;}
.menu .ej_2 li a:hover {  font-size:14px; color:#fff; background:#086ab4;} 

.menu .ej_3{ width:200px;  margin-left:-71px; background:#005ca1; }
.menu .ej_3 li{ display:block; width:200px; line-height:50px; height:50px; text-align:center; margin:0; border-bottom:#086ab4 solid 1px;}
.menu .ej_3 li a{ display:block; border:none; width:200px; color:#fff; font-size:14px; overflow:hidden;}
.menu .ej_3 li a:hover {  font-size:14px; color:#fff; background:#086ab4;} 


.warp4 .divb .sdiva .isdivb dt{ width:90%; overflow:hidden; font-size:22px; color:#fff; font-weight:bold; position:absolute; bottom:5%; left:5%; }
.warp4 .divb .sdivb .isdivb dt{ width:90%; overflow:hidden; font-size:22px; color:#fff; font-weight:bold; position:absolute; bottom:10%; left:5%; }

.warp1 .divb span{ width:12.6%; height:52px; float:left; overflow:hidden; text-align:center; padding:2% 2%; font-weight:bold; font-size:18px; line-height:26px; border-right:#d2d2d2 solid 1px; cursor:pointer; color:#222;  display: flex; flex-direction: column; align-items: center; justify-content: center; }
.warp1 .divc .sdiva dd{ width:92%;  padding:10% 4%; float:left; overflow:hidden; } 
.warp1 .divc .sdiva dd h2{ width:100%; height:52px; float:left;overflow:hidden; text-align:center;font-size:20px;line-height:26px; word-break: break-all; text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:2;} 

.warp3 .divb .sdiva .isdivb{ width:48%; float:right; overflow:hidden; }
.warp3 .divb .sdiva .isdivb dt{ width: 100%;  float:left; overflow:hidden; font-size:18px; line-height:50px; color:#005ca1; }
.warp3 .divb .sdiva .isdivb dd{ width: 100%; float:left; overflow:hidden; font-size:26px; line-height:38px; margin-bottom:30px; word-break: break-all; text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:2;}
.warp3 .divb .sdiva .isdivb h2{ width: 100%; float:left; overflow:hidden; font-size:18px; line-height:26px; margin-bottom:40px; word-break: break-all; text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:3;}
} 


@media (min-width:1440px) {
.menu{  height:130px; float:right; margin-right:3%; }
.menu ul li a, .menu ul li a:visited {display:block; overflow:hidden; text-align:center; font-size:14px; color:#222;}
.menu ul { margin:0;padding:0;list-style-type: none; }
.menu ul li { position:relative; float:left; height:130px; line-height:130px; margin-left:30px; }
.menu ul li ul {display: none;}
.menu ul li:hover a {color:#005ca1;}
.menu ul li:hover ul li ul {display: none;}
#menu_hover { color:#005ca1; } 
.menu ul li:hover ul li a { color:#fff; font-size:14px; }
.menu ul li:hover ul li a:hover { color:#fff; font-size:14px;}
.menu ul li:hover ul { position:absolute; top:130px; left:0; display:block; padding:0px; z-index:99; }
.menu .ej_1{ width:200px;  margin-left:-73px; background:#005ca1; }
.menu .ej_1 li{ display:block; width:200px; line-height:50px; height:50px; text-align:center; margin:0; border-bottom:#086ab4 solid 1px;}
.menu .ej_1 li a{ display:block; border:none; width:200px; color:#fff; font-size:14px; overflow:hidden;}
.menu .ej_1 li a:hover {  font-size:14px; color:#fff; background:#086ab4;} 

.menu .ej_2{ width:200px;  margin-left:-78px; background:#005ca1; }
.menu .ej_2 li{ display:block; width:200px; line-height:50px; height:50px; text-align:center; margin:0; border-bottom:#086ab4 solid 1px;}
.menu .ej_2 li a{ display:block; border:none; width:200px; color:#fff; font-size:14px; overflow:hidden;}
.menu .ej_2 li a:hover {  font-size:14px; color:#fff; background:#086ab4;} 

.menu .ej_3{ width:200px;  margin-left:-71px; background:#005ca1; }
.menu .ej_3 li{ display:block; width:200px; line-height:50px; height:50px; text-align:center; margin:0; border-bottom:#086ab4 solid 1px;}
.menu .ej_3 li a{ display:block; border:none; width:200px; color:#fff; font-size:14px; overflow:hidden;}
.menu .ej_3 li a:hover {  font-size:14px; color:#fff; background:#086ab4;} 


.warp4 .divb .sdiva .isdivb dt{ width:90%; overflow:hidden; font-size:22px; color:#fff; font-weight:bold; position:absolute; bottom:5%; left:5%; }
.warp4 .divb .sdivb .isdivb dt{ width:90%; overflow:hidden; font-size:22px; color:#fff; font-weight:bold; position:absolute; bottom:10%; left:5%; }


.warp1 .divb span{ width:12.6%; height:52px; float:left; overflow:hidden; text-align:center; padding:2% 2%; font-weight:bold; font-size:18px; line-height:26px; border-right:#d2d2d2 solid 1px; cursor:pointer; color:#222;  display: flex; flex-direction: column; align-items: center; justify-content: center; }
.warp1 .divc .sdiva dd{ width:92%;  padding:10% 4%; float:left; overflow:hidden; } 
.warp1 .divc .sdiva dd h2{ width:100%; height:52px; float:left;overflow:hidden; text-align:center;font-size:20px;line-height:26px; word-break: break-all; text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:2;} 

.warp3 .divb .sdiva .isdivb{ width:48%; float:right; overflow:hidden; }
.warp3 .divb .sdiva .isdivb dt{ width: 100%;  float:left; overflow:hidden; font-size:20px; line-height:70px; color:#005ca1; margin-bottom:10px;}
.warp3 .divb .sdiva .isdivb dd{ width: 100%; float:left; overflow:hidden; font-size:30px; line-height:42px; margin-bottom:30px; word-break: break-all; text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:2;}
.warp3 .divb .sdiva .isdivb h2{ width: 100%; float:left; overflow:hidden; font-size:20px; line-height:30px; margin-bottom:40px; word-break: break-all; text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:3;}
} 

@media (min-width:1600px) {
.menu{  height:130px; float:right; margin-right:3%; }
.menu ul li a, .menu ul li a:visited {display:block; overflow:hidden; text-align:center; font-size:16px; color:#222;}
.menu ul { margin:0;padding:0;list-style-type: none; }
.menu ul li { position:relative; float:left; height:130px; line-height:130px; margin-left:40px; }
.menu ul li ul {display: none;}
.menu ul li:hover a {color:#005ca1;}
.menu ul li:hover ul li ul {display: none;}
#menu_hover { color:#005ca1; } 
.menu ul li:hover ul li a { color:#fff; font-size:16px; }
.menu ul li:hover ul li a:hover { color:#fff; font-size:16px;}
.menu ul li:hover ul { position:absolute; top:130px; left:0; display:block; padding:0px; z-index:99; }
.menu .ej_1{ width:200px;  margin-left:-68px; background:#005ca1; }
.menu .ej_1 li{ display:block; width:200px; line-height:50px; height:50px; text-align:center; margin:0; border-bottom:#086ab4 solid 1px;}
.menu .ej_1 li a{ display:block; border:none; width:200px; color:#fff; font-size:16px; overflow:hidden;}
.menu .ej_1 li a:hover {  font-size:16px; color:#fff; background:#086ab4;} 

.menu .ej_2{ width:200px;  margin-left:-75px; background:#005ca1; }
.menu .ej_2 li{ display:block; width:200px; line-height:50px; height:50px; text-align:center; margin:0; border-bottom:#086ab4 solid 1px;}
.menu .ej_2 li a{ display:block; border:none; width:200px; color:#fff; font-size:16px; overflow:hidden;}
.menu .ej_2 li a:hover {  font-size:16px; color:#fff; background:#086ab4;} 

.menu .ej_3{ width:200px;  margin-left:-66px; background:#005ca1; }
.menu .ej_3 li{ display:block; width:200px; line-height:50px; height:50px; text-align:center; margin:0; border-bottom:#086ab4 solid 1px;}
.menu .ej_3 li a{ display:block; border:none; width:200px; color:#fff; font-size:16px; overflow:hidden;}
.menu .ej_3 li a:hover {  font-size:16px; color:#fff; background:#086ab4;} 

 
.warp4 .divb .sdiva .isdivb dt{ width:90%; overflow:hidden; font-size:24px; color:#fff; font-weight:bold; position:absolute; bottom:5%; left:5%; }
.warp4 .divb .sdivb .isdivb dt{ width:90%; overflow:hidden; font-size:24px; color:#fff; font-weight:bold; position:absolute; bottom:10%; left:5%; }


.warp1 .divb span{ width:12.6%; height:52px; float:left; overflow:hidden; text-align:center; padding:2% 2%; font-weight:bold; font-size:20px; line-height:26px; border-right:#d2d2d2 solid 1px; cursor:pointer; color:#222;  display: flex; flex-direction: column; align-items: center; justify-content: center; }
.warp1 .divc .sdiva dd{ width:92%;  padding:10% 4%; float:left; overflow:hidden; } 
.warp1 .divc .sdiva dd h2{ width:100%; height:52px; float:left;overflow:hidden; text-align:center;font-size:20px;line-height:26px; word-break: break-all; text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:2;} 


.warp3 .divb .sdiva .isdivb{ width:48%; float:right; overflow:hidden; }
.warp3 .divb .sdiva .isdivb dt{ width: 100%;  float:left; overflow:hidden; font-size:20px; line-height:70px; color:#005ca1; margin-bottom:10px;}
.warp3 .divb .sdiva .isdivb dd{ width: 100%; float:left; overflow:hidden; font-size:30px; line-height:42px; margin-bottom:30px; word-break: break-all; text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:2;}
.warp3 .divb .sdiva .isdivb h2{ width: 100%; float:left; overflow:hidden; font-size:20px; line-height:30px; margin-bottom:40px; word-break: break-all; text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:3;}
} 

@media (min-width:1680px) {
.menu{  height:130px; float:right; margin-right:3%; }
.menu ul li a, .menu ul li a:visited {display:block; overflow:hidden; text-align:center; font-size:18px; color:#222;}
.menu ul { margin:0;padding:0;list-style-type: none; }
.menu ul li { position:relative; float:left; height:130px; line-height:130px; margin-left:40px; }
.menu ul li ul {display: none;}
.menu ul li:hover a {color:#005ca1;}
.menu ul li:hover ul li ul {display: none;}
#menu_hover { color:#005ca1; } 
.menu ul li:hover ul li a { color:#fff; font-size:18px; }
.menu ul li:hover ul li a:hover { color:#fff; font-size:18px;}
.menu ul li:hover ul { position:absolute; top:130px; left:0; display:block; padding:0px; z-index:99; }
.menu .ej_1{ width:200px;  margin-left:-65px; background:#005ca1; }
.menu .ej_1 li{ display:block; width:200px; line-height:50px; height:50px; text-align:center; margin:0; border-bottom:#086ab4 solid 1px;}
.menu .ej_1 li a{ display:block; border:none; width:200px; color:#fff; font-size:18px; overflow:hidden;}
.menu .ej_1 li a:hover {  font-size:18px; color:#fff; background:#086ab4;} 

.menu .ej_2{ width:200px;  margin-left:-72px; background:#005ca1; }
.menu .ej_2 li{ display:block; width:200px; line-height:50px; height:50px; text-align:center; margin:0; border-bottom:#086ab4 solid 1px;}
.menu .ej_2 li a{ display:block; border:none; width:200px; color:#fff; font-size:18px; overflow:hidden;}
.menu .ej_2 li a:hover {  font-size:18px; color:#fff; background:#086ab4;} 

.menu .ej_3{ width:200px;  margin-left:-60px; background:#005ca1; }
.menu .ej_3 li{ display:block; width:200px; line-height:50px; height:50px; text-align:center; margin:0; border-bottom:#086ab4 solid 1px;}
.menu .ej_3 li a{ display:block; border:none; width:200px; color:#fff; font-size:18px; overflow:hidden;}
.menu .ej_3 li a:hover {  font-size:18px; color:#fff; background:#086ab4;} 

 
.warp4 .divb .sdiva .isdivb dt{ width:90%; overflow:hidden; font-size:26px; color:#fff; font-weight:bold; position:absolute; bottom:5%; left:5%; }
.warp4 .divb .sdivb .isdivb dt{ width:90%; overflow:hidden; font-size:26px; color:#fff; font-weight:bold; position:absolute; bottom:10%; left:5%; }

.warp1 .divb span{ width:12.6%; height:52px; float:left; overflow:hidden; text-align:center; padding:2% 2%; font-weight:bold; font-size:20px; line-height:26px; border-right:#d2d2d2 solid 1px; cursor:pointer; color:#222;  display: flex; flex-direction: column; align-items: center; justify-content: center; }
.warp1 .divc .sdiva dd{ width:92%;  padding:10% 4%; float:left; overflow:hidden; } 
.warp1 .divc .sdiva dd h2{ width:100%; height:52px; float:left;overflow:hidden; text-align:center;font-size:20px;line-height:26px; word-break: break-all; text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:2;} 


.warp3 .divb .sdiva .isdivb{ width:48%; float:right; overflow:hidden; }
.warp3 .divb .sdiva .isdivb dt{ width: 100%;  float:left; overflow:hidden; font-size:20px; line-height:70px; color:#005ca1; margin-bottom:10px;}
.warp3 .divb .sdiva .isdivb dd{ width: 100%; float:left; overflow:hidden; font-size:30px; line-height:42px; margin-bottom:30px; word-break: break-all; text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:2;}
.warp3 .divb .sdiva .isdivb h2{ width: 100%; float:left; overflow:hidden; font-size:20px; line-height:30px; margin-bottom:40px; word-break: break-all; text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:3;}

} 

@media (min-width:1920px) {
.menu{  height:130px; float:right; margin-right:3%; }
.menu ul li a, .menu ul li a:visited {display:block; overflow:hidden; text-align:center; font-size:18px; color:#222;}
.menu ul { margin:0;padding:0;list-style-type: none; }
.menu ul li { position:relative; float:left; height:130px; line-height:130px; margin-left:40px; }
.menu ul li ul {display: none;}
.menu ul li:hover a {color:#005ca1;}
.menu ul li:hover ul li ul {display: none;}
#menu_hover { color:#005ca1; } 
.menu ul li:hover ul li a { color:#fff; font-size:18px; }
.menu ul li:hover ul li a:hover { color:#fff; font-size:18px;}
.menu ul li:hover ul { position:absolute; top:130px; left:0; display:block; padding:0px; z-index:99; }
.menu .ej_1{ width:200px;  margin-left:-65px; background:#005ca1; }
.menu .ej_1 li{ display:block; width:200px; line-height:50px; height:50px; text-align:center; margin:0; border-bottom:#086ab4 solid 1px;}
.menu .ej_1 li a{ display:block; border:none; width:200px; color:#fff; font-size:18px; overflow:hidden;}
.menu .ej_1 li a:hover {  font-size:18px; color:#fff; background:#086ab4;} 

.menu .ej_2{ width:200px;  margin-left:-72px; background:#005ca1; }
.menu .ej_2 li{ display:block; width:200px; line-height:50px; height:50px; text-align:center; margin:0; border-bottom:#086ab4 solid 1px;}
.menu .ej_2 li a{ display:block; border:none; width:200px; color:#fff; font-size:18px; overflow:hidden;}
.menu .ej_2 li a:hover {  font-size:18px; color:#fff; background:#086ab4;} 

.menu .ej_3{ width:200px;  margin-left:-60px; background:#005ca1; }
.menu .ej_3 li{ display:block; width:200px; line-height:50px; height:50px; text-align:center; margin:0; border-bottom:#086ab4 solid 1px;}
.menu .ej_3 li a{ display:block; border:none; width:200px; color:#fff; font-size:18px; overflow:hidden;}
.menu .ej_3 li a:hover {  font-size:18px; color:#fff; background:#086ab4;} 


 
.warp4 .divb .sdiva .isdivb dt{ width:90%; overflow:hidden; font-size:26px; color:#fff; font-weight:bold; position:absolute; bottom:5%; left:5%; }
.warp4 .divb .sdivb .isdivb dt{ width:90%; overflow:hidden; font-size:26px; color:#fff; font-weight:bold; position:absolute; bottom:10%; left:5%; }

.warp1 .divb span{ width:12.6%; height:52px; float:left; overflow:hidden; text-align:center; padding:2% 2%; font-weight:bold; font-size:20px; line-height:26px; border-right:#d2d2d2 solid 1px; cursor:pointer; color:#222;  display: flex; flex-direction: column; align-items: center; justify-content: center; }
.warp1 .divc .sdiva dd{ width:92%;  padding:10% 4%; float:left; overflow:hidden; } 
.warp1 .divc .sdiva dd h2{ width:100%; height:52px; float:left;overflow:hidden; text-align:center;font-size:20px;line-height:26px; word-break: break-all; text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:2;} 

.warp3 .divb .sdiva .isdivb{ width:48%; float:right; overflow:hidden; }
.warp3 .divb .sdiva .isdivb dt{ width: 100%;  float:left; overflow:hidden; font-size:20px; line-height:70px; color:#005ca1; margin-bottom:10px;}
.warp3 .divb .sdiva .isdivb dd{ width: 100%; float:left; overflow:hidden; font-size:30px; line-height:42px; margin-bottom:30px; word-break: break-all; text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:2;}
.warp3 .divb .sdiva .isdivb h2{ width: 100%; float:left; overflow:hidden; font-size:20px; line-height:30px; margin-bottom:40px; word-break: break-all; text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:3;}

}