@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:#007cc2; text-decoration:none;}

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


 
 
 
  
 
.ydy{ width:100%; height:100vh; overflow:hidden; position:relative; box-sizing: inherit; }
.ydy .diva{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: flex; flex-direction: column; align-items: center; justify-content: center; }
.ydy .diva .sdiva{  width:180px; overflow:hidden; margin-bottom:55px;}
.ydy .diva .sdiva img{  width: 180px; height:235px; overflow:hidden;}
.ydy .diva .sdivb{  width:180px;  overflow:hidden; margin-bottom:50px; 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; }
.ydy .diva .sdivb:hover{  transform:translate(0,-5px); -webkit-transform:translate(0,-5px); -moz-transform:translate(0,-5px); -o-transform:translate(0,-5px); -ms-transform:translate(0,-5px); }
.ydy .diva .sdivb a{  width: 180px; height:60px; overflow:hidden; display:block; text-align:center; line-height:60px; font-size:18px; color:#FFF; background:#007cc2; border-radius:35px;}
.ydy .diva .sdivb a:hover{ font-size:18px; color:#FFF; background:#0f8ed6; }
.ydy .diva .sdivc{  width: 100%;  overflow:hidden; text-align:center; font-size:26px; color:#FFF;}


.beian{  width: 100%;  overflow:hidden; position:fixed; bottom:20px; left:0; text-align:center; font-size:14px; color:#FFF; margin-top:60px;}
.beian a{  font-size:14px; color:#FFF;}



.taitou{ width:100%; height:44px; overflow:hidden; background:#fafafa; line-height:44px;} 
.taitou .diva{ width:85%; height:44px; overflow:hidden; } 
.taitou .diva dt{ height:44px; float:left; overflow:hidden; font-size:14px; } 
.taitou .diva dd{ height:44px; float:right; overflow:hidden; font-size:14px; text-align:right; } 

.herdbox{ width:85%; } 
.herdbox .herd{ width:100%; height:120px; }
.herdbox .herd .logo{ width:345px; float:left; overflow:hidden; }
.herdbox .herd .logo img{ width:100%;  float:left; overflow:hidden;} 
  
.menu{  height:120px; 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:120px; line-height:116px; margin-left:40px; }
.menu ul li ul {display: none;}
.menu ul li:hover a {color:#007cc2;}
.menu ul li:hover ul li ul {display: none;}
#menu_hover { color:#007cc2; border-bottom:#007cc2 solid 4px; } 
.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:120px; left:0; display:block; padding:0px; z-index:99; }
.menu .ej_1{ width:200px;  margin-left:-67px; background:#007cc2; }
.menu .ej_1 li{ display:block; width:200px; line-height:50px; height:50px; text-align:center; margin:0;}
.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:#0f8ed6;} 
 
 
.sousuo{ width:40px; height:40px; float:right; overflow:hidden; margin-top:40px; }
.cd-popup1{position:fixed;top:0;left:0;z-index:9999; visibility:hidden;width:100%;height:100%;box-sizing: inherit; background-color:rgba(0,124,194,.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:810px; height:80px; float:left; overflow:hidden; }
.wbk1{ width:810px; height:80px; float:left; overflow:hidden; border:none; background:none; line-height:80px; font-size:18px; }
.is-visible1 .cd-popup-container1 .diva dt{ width:100px; height:80px; float:left; overflow:hidden; }
.tj1{ width:28px; height:80px; overflow:hidden; border:none; cursor:pointer; text-align:center; background: url(../images/sousuo2.png) no-repeat center; }
 


 
.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:4px; overflow:hidden; background-color: rgba(255,255,255,.5); 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;} 




 
 
.warp2{ width:100%; overflow:hidden; background: url(../images/img1.jpg) no-repeat center bottom #f7f7f7; padding:8% 0%; } 
.warp2 .diva{ width:85%; overflow:hidden;} 
.warp2 .diva .sdiva{ width:46%; overflow:hidden; float:left;} 
.warp2 .diva .sdiva dt{ width:100%; overflow:hidden; float:left; font-size:58px; text-transform:uppercase; color:#007cc2; font-weight:bold; margin-bottom:1%;} 
.warp2 .diva .sdiva dd{ width:100%; overflow:hidden; float:left; font-size:36px;  margin-bottom:8%;}
.warp2 .diva .sdiva h2{ width:100%; overflow:hidden; float:left; font-size:16px; line-height:34px; word-break: break-all; text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical; -webkit-line-clamp:5; margin-bottom:8%;} 
.warp2 .diva .sdiva h3{ width:100%; overflow:hidden; float:left; 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;  } 
.warp2 .diva .sdiva h3:hover{transform:translate(0,-5px); -webkit-transform:translate(0,-5px); -moz-transform:translate(0,-5px); -o-transform:translate(0,-5px); -ms-transform:translate(0,-5px);  } 
.warp2 .diva .sdiva h3 a{ height:54px; display:block; overflow:hidden; border-radius:35px; padding:0px 50px 0px 50px; color:#FFF;  line-height:54px; font-size:16px; float:left; background: #007cc2; } 
.warp2 .diva .sdiva h3 a:hover{  background: #0f8ed6; color:#FFF;  } 
.warp2 .diva .sdivb{ width:46%; overflow:hidden; float:right;} 
.warp2 .diva .sdivb img{ width:100%; overflow:hidden; } 



.warp1{ width:100%; overflow:hidden;  } 
.warp1 .diva{ width:85%; overflow:hidden; margin-bottom:4%; } 
.warp1 .diva .sdiva{  overflow:hidden; float:left; } 
.warp1 .diva .sdiva dt{ width:100%; overflow:hidden; float:left; font-size:58px; text-transform:uppercase; color:#007cc2; font-weight:bold; margin-bottom:1%;} 
.warp1 .diva .sdiva dd{ width:100%; overflow:hidden; float:left; font-size:36px;  }
.warp1 .diva .sdivb{ overflow:hidden; float:right; margin-top:70px;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 .diva .sdivb:hover{transform:translate(0,-5px); -webkit-transform:translate(0,-5px); -moz-transform:translate(0,-5px); -o-transform:translate(0,-5px); -ms-transform:translate(0,-5px);   } 
.warp1 .diva .sdivb a{ height:54px; display:block; overflow:hidden; border-radius:35px; padding:0px 50px 0px 50px; color:#FFF;  line-height:54px; font-size:16px; float:left; background: #007cc2; } 
.warp1 .diva .sdivb a:hover{  background: #ddd; color:#FFF;  } 
.warp1 .divb{ width:100%; height:861px; overflow:hidden; background: url(../images/img3.jpg) no-repeat center ; }
.warp1 .divb .sdiva{ width:100%; height:100%; overflow:hidden; background-color: rgba(0,0,0,.1); }
.warp1 .divb .sdiva .isdiva{ width:100%; height:860px; overflow:hidden; border-bottom:#d9e1e4 solid 1px;}
.warp1 .divb .sdiva .isdiva .eisdiva{ width:25%; height:100%; float:left; overflow:hidden; border-right:#d9e1e4 solid 1px; position:relative; }
.warp1 .divb .sdiva .isdiva .eisdiva:hover{ background-color: rgba(13,13,13,.6);}
.warp1 .divb .sdiva .isdiva .eisdiva a{ width:100%; height:100%; float:left; overflow:hidden;display:block;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 .divb .sdiva .isdiva .eisdiva a:hover{ width:100%; height:100%; float:left; overflow:hidden; display:block;transform:translate(0,-15px); -webkit-transform:translate(0,-15px); -moz-transform:translate(0,-15px); -o-transform:translate(0,-15px); -ms-transform:translate(0,-15px); } 
.warp1 .divb .sdiva .isdiva .eisdiva dt{ width:82%; float:left; overflow:hidden; font-size:28px; color:#FFF; font-weight:bold; position:absolute; left:9%; top:38%;text-align:center;}
.warp1 .divb .sdiva .isdiva .eisdiva dd{ width:82%; float:left; overflow:hidden; font-size:14px; color:#FFF;  text-transform:uppercase; position:absolute; left:9%; top:44%;text-align:center;}

.warp1 .divb .sdiva .isdiva .eisdivb{ width:24.8%; height:860px; float:left; overflow:hidden;  position:relative;}
.warp1 .divb .sdiva .isdiva .eisdivb:hover{ background-color: rgba(13,13,13,.6);}
.warp1 .divb .sdiva .isdiva .eisdivb a{ width:100%; height:100%; float:left; overflow:hidden;display:block;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 .divb .sdiva .isdiva .eisdivb a:hover{ width:100%; height:100%; float:left; overflow:hidden; display:block;transform:translate(0,-15px); -webkit-transform:translate(0,-15px); -moz-transform:translate(0,-15px); -o-transform:translate(0,-15px); -ms-transform:translate(0,-15px); } 
.warp1 .divb .sdiva .isdiva .eisdivb dt{ width:82%; float:left; overflow:hidden; font-size:28px; color:#FFF; font-weight:bold; position:absolute; left:9%; top:76%;}
.warp1 .divb .sdiva .isdiva .eisdivb dd{ width:82%; float:left; overflow:hidden; font-size:14px; color:#FFF;  text-transform:uppercase; position:absolute; left:9%; top:86%;}
 
 
 
 

 
.warp3{ width:100%; overflow:hidden; padding:7% 0%;} 
.warp3 .diva{ width:85%; overflow:hidden; margin-bottom:4%; } 
.warp3 .diva .sdiva{  overflow:hidden; float:left; } 
.warp3 .diva .sdiva dt{ width:100%; overflow:hidden; float:left; font-size:58px; text-transform:uppercase; color:#007cc2; font-weight:bold; margin-bottom:1%;} 
.warp3 .diva .sdiva dd{ width:100%; overflow:hidden; float:left; font-size:36px;  }
.warp3 .diva .sdivb{ overflow:hidden; float:right; margin-top:70px; 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 .diva .sdivb:hover{transform:translate(0,-5px); -webkit-transform:translate(0,-5px); -moz-transform:translate(0,-5px); -o-transform:translate(0,-5px); -ms-transform:translate(0,-5px);   } 
.warp3 .diva .sdivb a{ height:54px; display:block; overflow:hidden; border-radius:35px; padding:0px 50px 0px 50px; color:#FFF;  line-height:54px; font-size:16px; float:left; background: #007cc2; } 
.warp3 .diva .sdivb a:hover{  background: #0f8ed6; color:#FFF;  } 
.warp3 .divb{ width:100%; overflow:hidden; }
.warp3 .divb .casebox{ width:100%; overflow:hidden;  }
.warp3 .divb .casebox .case{ width:100%; overflow:hidden; margin:0  auto;  padding-bottom:60px; }
.swiper-slide .bg-img3{ width:100%; display: block; float:left; overflow:hidden; position:relative; }
.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 .bg-img3 .text2{ width:88%; overflow:hidden;  padding:6% 5%; position:absolute; left:0; bottom:0; background:linear-gradient(rgba(0,0,0,0),rgba(0,0,0,0.6)); }
.swiper-slide .bg-img3 .text2 h2{ width:100%; float:left; overflow:hidden; font-size:20px; font-weight:bold; color:#FFF; margin-bottom:15px; }
.swiper-slide .bg-img3 .text2 h3{ width:100%; float:left; overflow:hidden; font-size:16px; color:#FFF; }
.casebox .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; }
.casebox .page .swiper-button-next{position: absolute; right:18%; top:38%;  height:70px; width:70px; outline: none; opacity: 1; background: url(../images/ico13.png) no-repeat center #b9b9b9; border-radius:50%;}
.casebox .page .swiper-button-prev{ position: absolute; left:18%; top:38%; height:70px; width:70px; outline: none; opacity: 1; background: url(../images/ico12.png) no-repeat center #b9b9b9;  border-radius:50%; }
.casebox .page .swiper-button-next:hover{position: absolute; right:18%; top:38%;  height:70px; width:70px; outline: none; opacity: 1; background: url(../images/ico13.png) no-repeat center #007cc2; border-radius:50%;}
.casebox .page .swiper-button-prev:hover{ position: absolute; left:18%; top:38%; height:70px; width:70px; outline: none; opacity: 1; background: url(../images/ico12.png) no-repeat center #007cc2;  border-radius:50%; }
.casebox .page .swiper-pagination{position:absolute; bottom:0px; margin: 0 0px;}
.casebox .page .swiper-pagination-bullet{ width:10px; height:10px; background:#bbbbbb; margin: 0 4px; opacity: 1; outline: none; }
.casebox .page .swiper-pagination-bullet-active{ background:#007cc2; outline: none; }






.warp4{ width:100%; overflow:hidden; padding:8% 0% 8% 0%;} 
.warp4 .diva{ width:85%; overflow:hidden; margin-bottom:4%; } 
.warp4 .diva .sdiva{  overflow:hidden; float:left; } 
.warp4 .diva .sdiva dt{ width:100%; overflow:hidden; float:left; font-size:58px; text-transform:uppercase; color:#007cc2; font-weight:bold; margin-bottom:1%;} 
.warp4 .diva .sdiva dd{ width:100%; overflow:hidden; float:left; font-size:36px;  }
.warp4 .diva .sdivb{ overflow:hidden; float:right; margin-top:70px; 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; } 
.warp4 .diva .sdivb:hover{transform:translate(0,-5px); -webkit-transform:translate(0,-5px); -moz-transform:translate(0,-5px); -o-transform:translate(0,-5px); -ms-transform:translate(0,-5px);   } 
.warp4 .diva .sdivb a{ height:54px; display:block; overflow:hidden; border-radius:35px; padding:0px 50px 0px 50px; color:#FFF;  line-height:54px; font-size:16px; float:left; background:#007cc2; } 
.warp4 .diva .sdivb a:hover{  background:#0f8ed6; color:#FFF;  } 
.warp4 .divc{ width:85%; overflow:hidden; background:#f7f7f7;  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;} 
.warp4 .divc:hover{transform:translate(0,-5px); -webkit-transform:translate(0,-5px); -moz-transform:translate(0,-5px); -o-transform:translate(0,-5px); -ms-transform:translate(0,-5px);   } 
.warp4 .divc a{ width:100%; overflow:hidden; display:block;} 
.warp4 .divc .sdivb{ width:50%; float:left; overflow:hidden; } 
.warp4 .divc .sdivb img{ width:100%; float:left; overflow:hidden;transition: all 0.8s; } 
.warp4 .divc .sdivb img:hover{transform: scale(1.1); }
.warp4 .divc .sdiva{ width:40%; float:left; overflow:hidden; padding:5% 5%; } 
.warp4 .divc .sdiva .isdivb{ width:20%; float:left; overflow:hidden; } 
.warp4 .divc .sdiva .isdivb h2{ width:100%; float:left; overflow:hidden; font-size:48px; color:#007cc2; font-family:Arial, Helvetica, sans-serif;} 
.warp4 .divc .sdiva .isdivb h3{ width:100%; float:left; overflow:hidden; font-size:14px; font-family:Arial, Helvetica, sans-serif;} 
.warp4 .divc .sdiva .isdiva{ width:80%; float:left; overflow:hidden; } 
.warp4 .divc .sdiva .isdiva dt{ width:100%; float:left; overflow:hidden; font-size:22px; line-height:36px;  margin-bottom:6%; } 
.warp4 .divc .sdiva .isdiva dd{ width:100%; float:left; overflow:hidden;font-size:14px;color:#666;  margin-bottom:8%; line-height:28px;word-break: break-all; text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:2;} 
.warp4 .divc .sdiva .isdiva h2{ height:54px;float:left;  display:block; overflow:hidden; border-radius:35px; padding:0px 50px 0px 50px; color:#007cc2;  line-height:54px; font-size:16px; float:left; border:#007cc2 solid 1px; 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; } 
.warp4 .divc .sdiva .isdiva h2:hover{  background: #007cc2; color:#FFF; transform:translate(0,-5px); -webkit-transform:translate(0,-5px); -moz-transform:translate(0,-5px); -o-transform:translate(0,-5px); -ms-transform:translate(0,-5px);  } 
.warp4 .divb{ width:87%; overflow:hidden; } 
.warp4 .divb .sdiva{ width:31.33%; float:left; overflow:hidden; margin:2% 1% 0% 1%;  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; } 
.warp4 .divb .sdiva:hover{transform:translate(0,-5px); -webkit-transform:translate(0,-5px); -moz-transform:translate(0,-5px); -o-transform:translate(0,-5px); -ms-transform:translate(0,-5px);   } 
.warp4 .divb .sdiva a{ width:82%; overflow:hidden; display:block; padding:9% 9%; background:#f7f7f7;} 
.warp4 .divb .sdiva .isdivb{ width:28%; float:left; overflow:hidden; } 
.warp4 .divb .sdiva .isdivb h2{ width:100%; float:left; overflow:hidden; font-size:48px; color:#007cc2;  font-family:Arial, Helvetica, sans-serif;} 
.warp4 .divb .sdiva .isdivb h3{ width:100%; float:left; overflow:hidden; font-size:14px; font-family:Arial, Helvetica, sans-serif;} 
.warp4 .divb .sdiva .isdiva{ width:72%; float:left; overflow:hidden; } 
.warp4 .divb .sdiva .isdiva dt{ width:100%; height:64px; float:left; overflow:hidden; font-size:18px; line-height:32px; margin-bottom:6%; } 
.warp4 .divb .sdiva .isdiva dd{ width:100%; height:56px;  float:left; overflow:hidden; font-size:14px; color:#666; line-height:28px; word-break: break-all; text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:2;} 





 

  
.foot{ width:100%; overflow:hidden; background:#007cc2; } 
.foot .diva{ width:85%; overflow:hidden; padding:3.5% 0% 2% 0% ;} 
.foot .diva .sdiva{width:24%; float:left; overflow:hidden;  } 
.foot .diva .sdiva .isdiva{width:100%; float:left; overflow:hidden; font-size:18px; color:#FFF; margin-bottom:3%;  } 
.foot .diva .sdiva .isdivb{width:100%; float:left; overflow:hidden; font-size:42px; color:#FFF; font-family:Arial, Helvetica, sans-serif; margin-bottom:5%; } 
.foot .diva .sdiva .isdivc{width:100%; float:left; overflow:hidden; font-size:14px; color:#FFF; line-height:26px; margin-bottom:3%; } 
.foot .diva .sdiva .isdive{ width:140px;  float:left; overflow:hidden;  margin-top:3%; } 
.foot .diva .sdiva .isdive dt{ width:140px;  float:left; overflow:hidden; } 
.foot .diva .sdiva .isdive dt img{ width:140px; height:140px; float:left; overflow:hidden; margin-bottom:15px; } 
.foot .diva .sdiva .isdive dd{ width:140px;  float:left; overflow:hidden; font-size:14px; color:#FFF; text-align:center;} 
.foot .diva .sdivb{width:70%; float:right; overflow:hidden;  } 
.foot .diva .sdivb .isdiva{width:15%; float:right; overflow:hidden;  } 
.foot .diva .sdivb .isdiva dt{width:100%; float:left; overflow:hidden; padding-bottom:10%; } 
.foot .diva .sdivb .isdiva dt a{width:100%; float:left; overflow:hidden; font-size:18px; color:#FFF;   } 
.foot .diva .sdivb .isdiva dt a:hover{width:100%; float:left; overflow:hidden; font-size:18px; color:#ffd800;   } 
.foot .diva .sdivb .isdiva li{width:100%; float:left; overflow:hidden; } 
.foot .diva .sdivb .isdiva li a{width:100%; float:left; overflow:hidden; font-size:14px; color:#FFF; line-height:32px;} 
.foot .diva .sdivb .isdiva li a:hover{width:100%; float:left; overflow:hidden; font-size:14px; color:#ffd800;   } 
.foot .divb{ width:85%; overflow:hidden; border-top:#0f88cc solid 1px; padding:2% 0; font-size:14px; color:#FFF; line-height:35px;} 
.foot .divb a{ font-size:14px; color:#FFF; margin-right:40px;} 
.foot .divb a:hover{ color:#ffd800; } 
.foot .divc{ width:85%; overflow:hidden; border-top:#0f88cc solid 1px; padding:2% 0;} 
.foot .divc dt{ float:left; font-size:14px; color:#FFF; overflow:hidden; } 
.foot .divc dt a{ font-size:14px; color:#FFF;   } 
.foot .divc dt a:hover{ color:#ffd800;   } 
.foot .divc dd{ float:right; font-size:14px; color:#FFF; overflow:hidden; } 
.foot .divc dd a{ font-size:14px; color:#FFF;   } 
.foot .divc dd a:hover{  color:#ffd800;   } 
 
 
 
 
 
   
 
 
 
.digg{ width:85%; margin-bottom:6%; 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; position:relative; overflow:hidden; }
.about_banner .biaoti{ position: absolute; bottom:34%; left: 0; width: 85%; padding:0% 7.5%; }
.about_banner .biaoti dt{ width:100%;  font-size:58px; color:#FFF; float:left; overflow:hidden; font-weight: bold; text-transform:uppercase; }
.about_banner .biaoti dd{ width:100%;  font-size:36px; color:#FFF; float:left; overflow:hidden;  }





.nynav2{ width:100%; overflow:hidden; background:#FFF; box-shadow:2px 0px 4px rgba(51, 51, 51, .6); -moz-box-shadow:2px 0px 4px rgba(51, 51, 51, .6); -webkit-box-shadow:2px 0px 10px rgba(51, 51, 51, .6); box-shadow:2px 0px 10px rgba(51, 51, 51, .6);}
.nynav2 ul{ width:85%; height:80px; overflow:hidden; text-align:center; }
.nynav2 ul li{ width:25%; overflow:hidden; float:left; line-height:80px; }
.nynav2 ul li a{ font-size:16px; display:block; }
.nynav2 ul li a:hover{ color:#fff; font-size:16px; background:#007cc2;}
#nynav2_on{ color:#fff; background:#007cc2; }

.nynav3{ width:100%; overflow:hidden; background:#FFF; box-shadow:2px 0px 4px rgba(51, 51, 51, .6); -moz-box-shadow:2px 0px 4px rgba(51, 51, 51, .6); -webkit-box-shadow:2px 0px 10px rgba(51, 51, 51, .6); box-shadow:2px 0px 10px rgba(51, 51, 51, .6);}
.nynav3 ul{ width:85%; height:80px; overflow:hidden; text-align:center; }
.nynav3 ul li{ width:50%; overflow:hidden; float:left; line-height:80px; }
.nynav3 ul li a{ font-size:16px; display:block; }
.nynav3 ul li a:hover{ color:#fff; font-size:16px; background:#007cc2;}
 
.nynav4{ width:100%; overflow:hidden; background:#FFF; box-shadow:2px 0px 4px rgba(51, 51, 51, .6); -moz-box-shadow:2px 0px 4px rgba(51, 51, 51, .6); -webkit-box-shadow:2px 0px 10px rgba(51, 51, 51, .6); box-shadow:2px 0px 10px rgba(51, 51, 51, .6);}
.nynav4 ul{ width:85%; height:80px; overflow:hidden; text-align:center; }
.nynav4 ul li{ width:33.3333%; overflow:hidden; float:left; line-height:80px; }
.nynav4 ul li a{ font-size:16px; display:block; }
.nynav4 ul li a:hover{ color:#fff; font-size:16px; background:#007cc2;}

.nynav5{ width:100%; overflow:hidden; background:#FFF; box-shadow:2px 0px 4px rgba(51, 51, 51, .6); -moz-box-shadow:2px 0px 4px rgba(51, 51, 51, .6); -webkit-box-shadow:2px 0px 10px rgba(51, 51, 51, .6); box-shadow:2px 0px 10px rgba(51, 51, 51, .6);}
.nynav5 ul{ width:85%; height:80px; overflow:hidden; text-align:center; }
.nynav5 ul li{ width:33.3333%; overflow:hidden; float:left; line-height:80px; }
.nynav5 ul li a{ font-size:16px; display:block; }
.nynav5 ul li a:hover{ color:#fff; font-size:16px; background:#007cc2;}

.nynav7{ width:100%; overflow:hidden; background:#FFF; box-shadow:2px 0px 4px rgba(51, 51, 51, .6); -moz-box-shadow:2px 0px 4px rgba(51, 51, 51, .6); -webkit-box-shadow:2px 0px 10px rgba(51, 51, 51, .6); box-shadow:2px 0px 10px rgba(51, 51, 51, .6);}
.nynav7 ul{ width:85%; height:80px; overflow:hidden; text-align:center; }
.nynav7 ul li{ width:14.28%; overflow:hidden; float:left; line-height:80px; }
.nynav7 ul li a{ font-size:16px; display:block; }
.nynav7 ul li a:hover{ color:#fff; font-size:16px; background:#007cc2;}

.sanji{ width:85%; overflow:hidden;  padding:7% 0% 0% 0%; }
.sanji ul{ width:100%; overflow:hidden; text-align:center; }
.sanji ul li{ overflow:hidden; line-height:50px; display: inline-block; }
.sanji ul li a{  height:50px; overflow:hidden; font-size:18px; display:block; border:#ddd solid 1px; padding:0px 50px; margin:0px 5px;border-radius:30px;  }
.sanji ul li a:hover{ height:50px; overflow:hidden;  color:#fff; font-size:18px; background:#007cc2; border:#007cc2 solid 1px;}
#sanji_on{ color:#fff; background:#007cc2; border:#007cc2 solid 1px; }





.wenzhang{ width:1200px; overflow:hidden; padding:7% 0%; } 
 


.about2{ width:87%;  overflow:hidden; padding:6% 0% 5% 0%; } 
.about2 li{ width:42%; min-height:210px; float:left; overflow:hidden; margin:1% 1%; background:#f7f7f7; padding:3% 3%; 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; } 
.about2 li:hover{transform:translate(0,-5px); -webkit-transform:translate(0,-5px); -moz-transform:translate(0,-5px); -o-transform:translate(0,-5px); -ms-transform:translate(0,-5px); } 
.about2 .diva{ width:40%; float:left; overflow:hidden;  } 
.about2 .diva img{ width:100%; float:left; overflow:hidden; } 
.about2 .divb{ width:55%; float:right; overflow:hidden; } 
.about2 .divb dt{ width:100%; float:left; overflow:hidden; font-size:20px; font-weight:bold; margin-bottom:4%; } 
.about2 .divb dd{ width:100%; float:left; overflow:hidden; font-size:16px; line-height:28px;  } 






.about3{ width:85%;  overflow:hidden; padding:6% 0% 5% 0%; } 
.about3 li{ width:31.3333%; overflow:hidden; float:left; margin:1% 1%; background:#f7f7f7;  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;} 
.about3 li:hover{transform:translate(0,-5px); -webkit-transform:translate(0,-5px); -moz-transform:translate(0,-5px); -o-transform:translate(0,-5px); -ms-transform:translate(0,-5px);   } 
.about3 li a{ width:100%; overflow:hidden; display:block;} 
.about3 .sdivb{ width:100%; float:left; overflow:hidden; } 
.about3 .sdivb img{ width:100%; float:left; overflow:hidden;transition: all 0.8s; } 
.about3 .sdivb img:hover{transform: scale(1.1); }
.about3 .sdiva{ width:84%; float:left; overflow:hidden; padding:8% 8%; } 
.about3 .sdiva .isdivb{ width:100%; float:left; overflow:hidden; margin-bottom:6%; } 
.about3 .sdiva .isdivb h2{ width:100%; float:left; overflow:hidden; font-size:48px; color:#007cc2; font-family:Arial, Helvetica, sans-serif;} 
.about3 .sdiva .isdivb h3{ width:100%; float:left; overflow:hidden; font-size:14px; color:#666; font-family:Arial, Helvetica, sans-serif;} 
.about3 .sdiva .isdiva{ width:100%; float:left; overflow:hidden; } 
.about3 .sdiva .isdiva dt{ width:100%; height:60px; float:left; overflow:hidden; font-size:18px; line-height:30px; } 
.about3 .sdiva .isdiva dd{ width:100%; height:30px; float:left; overflow:hidden; font-size:16px; line-height:28px; text-align:center;  text-overflow: ellipsis; white-space: nowrap;  } 




.zhengshu{ width:85%;  overflow:hidden; padding:6% 0% 5% 0%; } 
.zhengshu li{ width:31.3333%; overflow:hidden; float:left; margin:1% 1%; 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;} 
.zhengshu li:hover{transform:translate(0,-5px); -webkit-transform:translate(0,-5px); -moz-transform:translate(0,-5px); -o-transform:translate(0,-5px); -ms-transform:translate(0,-5px);   } 
.zhengshu li a{ width:100%; overflow:hidden; display:block;} 
.zhengshu .sdiva{ width:100%; float:left; overflow:hidden; } 
.zhengshu .sdiva img{ width:100%; float:left; overflow:hidden; } 
.zhengshu .sdivb{ width:100%; float:left; overflow:hidden; padding:4% 0%; text-align:center; font-size:16px; } 
 








.news{ width:85%;  overflow:hidden; padding:6% 0% 5% 0%; }  
.news .diva{ width:100%; float:left; overflow:hidden;} 
.news .diva a{ width:90%; overflow:hidden; display:block; padding:5% 5%;margin:1% 0%;background:#f7f7f7; 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; } 
.news .diva a:hover{ background:#f1f1f1;transform:translate(0,-5px); -webkit-transform:translate(0,-5px); -moz-transform:translate(0,-5px); -o-transform:translate(0,-5px); -ms-transform:translate(0,-5px);} 
.news .diva .sdiva{ width:30%; float:left; overflow:hidden;} 
.news .diva .sdiva img{ width:100%; float:left; overflow:hidden;} 
.news .diva .sdivb{ width:65%; float:right; overflow:hidden;} 
.news .diva .sdivb .isdivb{ width:14%; float:left; overflow:hidden; } 
.news .diva .sdivb .isdivb h2{ width:100%; float:left; overflow:hidden; font-size:46px; color:#007cc2; font-family:Arial, Helvetica, sans-serif;} 
.news .diva .sdivb .isdivb h3{ width:100%; float:left; overflow:hidden; font-size:14px; color:#666; font-family:Arial, Helvetica, sans-serif;} 
.news .diva .sdivb .isdiva{ width:86%; float:right; overflow:hidden; } 
.news .diva .sdivb .isdiva dt{ width:100%; float:left; overflow:hidden; font-size:20px; font-weight:bold; margin-bottom:5%; } 
.news .diva .sdivb .isdiva dd{ width:100%; float:left; overflow:hidden; font-size:14px; color:#666; line-height:26px; margin-bottom:5%;  } 
.news .diva .sdivb .isdiva h2{ height:54px;float:left;  display:block; overflow:hidden; border-radius:35px; padding:0px 50px 0px 50px; color:#007cc2;  line-height:54px; font-size:16px; float:left; border:#007cc2 solid 1px; 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; } 
.news .diva .sdivb .isdiva h2:hover{  background: #007cc2; color:#FFF; transform:translate(0,-5px); -webkit-transform:translate(0,-5px); -moz-transform:translate(0,-5px); -o-transform:translate(0,-5px); -ms-transform:translate(0,-5px);  } 






.news2{ width:85%;  overflow:hidden; padding:6% 0% 5% 0%; } 
.news2 .sdiva{ width:100%; float:left; overflow:hidden;} 
.news2 .sdiva a{ width:90%; overflow:hidden;display:block;padding:5% 5%;margin:1% 0%;  background:#f7f7f7; 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;} 
.news2 .sdiva a:hover{ background:#f1f1f1;transform:translate(0,-5px); -webkit-transform:translate(0,-5px); -moz-transform:translate(0,-5px); -o-transform:translate(0,-5px); -ms-transform:translate(0,-5px);} 
.news2 .sdiva .isdivb{ width:10%; float:left; overflow:hidden; } 
.news2 .sdiva .isdivb h2{ width:100%; float:left; overflow:hidden; font-size:46px; color:#007cc2; font-family:Arial, Helvetica, sans-serif;} 
.news2 .sdiva .isdivb h3{ width:100%; float:left; overflow:hidden; font-size:14px; color:#666; font-family:Arial, Helvetica, sans-serif;} 
.news2 .sdiva .isdiva{ width:90%; float:right; overflow:hidden; } 
.news2 .sdiva .isdiva dt{ width:100%; float:left; overflow:hidden; font-size:20px; font-weight:bold; margin-bottom:3%; } 
.news2 .sdiva .isdiva dd{ width:100%; float:left; overflow:hidden; font-size:14px; color:#666; line-height:26px; } 

 
 
 
 
 
.news_xx{ width:1200px; overflow:hidden; padding:7% 0%; } 
.news_xx .diva{ width:1200px; overflow:hidden; font-size:26px; font-weight:bold; line-height:48px; text-align:center; }
.news_xx .divb{ width:1200px; overflow:hidden; font-size:14px; color:#777; padding:60px 0px; border-bottom:#dedede solid 1px; text-align:center;}
.news_xx .divc{ width:1200px; overflow:hidden; padding:100px 0px; }
.news_xx .divc img{ max-width:1200px;}
.news_xx .divd{ width:1200px; overflow:hidden; }  
.news_xx .divd dt{ width:500px; height:120px; overflow:hidden; float:left; line-height:120px; font-size:14px; } 
.news_xx .divd dt a{ width:430px; height:120px;  font-size:14px;  overflow:hidden; background:url(../images/ico16.png) no-repeat left #f7f7f7; padding-left:50px; padding-right:20px; display:block; text-overflow: ellipsis; white-space: nowrap; } 
.news_xx .divd dt a:hover{ width:430px; height:120px; font-size:14px;  overflow:hidden; background:url(../images/ico16-a.png) no-repeat left #007cc2; padding-left:50px;  color:#FFF;  } 
.news_xx .divd dd{ width:500px; height:120px; overflow:hidden; float:right; line-height:120px; font-size:14px; text-align:right; } 
.news_xx .divd dd a{ width:430px; height:120px;  font-size:14px;  overflow:hidden; background:url(../images/ico17.png) no-repeat right #f7f7f7; padding-right:50px; padding-left:20px; display:block;  text-overflow: ellipsis; white-space: nowrap; } 
.news_xx .divd dd a:hover{width:430px;  height:120px; font-size:14px;  overflow:hidden; background:url(../images/ico17-a.png) no-repeat right #007cc2; padding-right:50px;  padding-left:20px;  color:#FFF;  } 
.news_xx .divd h2{ width:198px; height:120px; overflow:hidden; float:left; line-height:120px; border-left:#e5e5e5 solid 1px; border-right:#e5e5e5 solid 1px; }  
.news_xx .divd h2 a{  width:120px; height:120px; font-size:14px;  overflow:hidden; background:url(../images/ico18.png) no-repeat left #f7f7f7; padding-left:80px;  display:block;} 
.news_xx .divd h2 a:hover{  width:120px; height:120px;  font-size:14px;  overflow:hidden; background:url(../images/ico18-a.png) no-repeat left #007cc2; padding-left:80px; color:#fff;  } 




.news_xx2{ width:1200px; overflow:hidden; padding:7% 0%; } 
.news_xx2 .diva{ width:1200px; overflow:hidden; font-size:26px; font-weight:bold; line-height:48px;  }
.news_xx2 .divb{ width:1200px; overflow:hidden; font-size:18px; padding:10px 0px 0px 0px; }
.news_xx2 .divc{ width:1200px; overflow:hidden; padding:100px 0px; }
.news_xx2 .divd{ width:1200px; overflow:hidden; }  
.news_xx2 .divd dt{ width:500px; height:120px; overflow:hidden; float:left; line-height:120px; font-size:14px; } 
.news_xx2 .divd dt a{ width:430px; height:120px;  font-size:14px;  overflow:hidden; background:url(../images/ico16.png) no-repeat left #f7f7f7; padding-left:50px; padding-right:20px; display:block; text-overflow: ellipsis; white-space: nowrap; } 
.news_xx2 .divd dt a:hover{ width:430px; height:120px; font-size:14px;  overflow:hidden; background:url(../images/ico16-a.png) no-repeat left #007cc2; padding-left:50px;  color:#FFF;  } 
.news_xx2 .divd dd{ width:500px; height:120px; overflow:hidden; float:right; line-height:120px; font-size:14px; text-align:right; } 
.news_xx2 .divd dd a{ width:430px; height:120px;  font-size:14px;  overflow:hidden; background:url(../images/ico17.png) no-repeat right #f7f7f7; padding-right:50px; padding-left:20px; display:block;  text-overflow: ellipsis; white-space: nowrap; } 
.news_xx2 .divd dd a:hover{width:430px;  height:120px; font-size:14px;  overflow:hidden; background:url(../images/ico17-a.png) no-repeat right #007cc2; padding-right:50px;  padding-left:20px;  color:#FFF;  } 
.news_xx2 .divd h2{ width:198px; height:120px; overflow:hidden; float:left; line-height:120px; border-left:#e5e5e5 solid 1px; border-right:#e5e5e5 solid 1px; }  
.news_xx2 .divd h2 a{  width:120px; height:120px; font-size:14px;  overflow:hidden; background:url(../images/ico18.png) no-repeat left #f7f7f7; padding-left:80px;  display:block;} 
.news_xx2 .divd h2 a:hover{  width:120px; height:120px;  font-size:14px;  overflow:hidden; background:url(../images/ico18-a.png) no-repeat left #007cc2; padding-left:80px; color:#fff;  } 




.news_xx3{ width:1200px; overflow:hidden; padding:0% 0% 7% 0%; } 
.news_xx3 dt{ width:500px; height:120px; overflow:hidden; float:left; line-height:120px; font-size:14px; } 
.news_xx3 dt a{ width:430px; height:120px;  font-size:14px;  overflow:hidden; background:url(../images/ico16.png) no-repeat left #f7f7f7; padding-left:50px; padding-right:20px; display:block; text-overflow: ellipsis; white-space: nowrap; } 
.news_xx3 dt a:hover{ width:430px; height:120px; font-size:14px;  overflow:hidden; background:url(../images/ico16-a.png) no-repeat left #007cc2; padding-left:50px;  color:#FFF;  } 
.news_xx3 dd{ width:500px; height:120px; overflow:hidden; float:right; line-height:120px; font-size:14px; text-align:right; } 
.news_xx3 dd a{ width:430px; height:120px;  font-size:14px;  overflow:hidden; background:url(../images/ico17.png) no-repeat right #f7f7f7; padding-right:50px; padding-left:20px; display:block;  text-overflow: ellipsis; white-space: nowrap; } 
.news_xx3 dd a:hover{width:430px;  height:120px; font-size:14px;  overflow:hidden; background:url(../images/ico17-a.png) no-repeat right #007cc2; padding-right:50px;  padding-left:20px;  color:#FFF;  } 
.news_xx3 h2{ width:198px; height:120px; overflow:hidden; float:left; line-height:120px; border-left:#e5e5e5 solid 1px; border-right:#e5e5e5 solid 1px; }  
.news_xx3 h2 a{  width:120px; height:120px; font-size:14px;  overflow:hidden; background:url(../images/ico18.png) no-repeat left #f7f7f7; padding-left:80px;  display:block;} 
.news_xx3 h2 a:hover{  width:120px; height:120px;  font-size:14px;  overflow:hidden; background:url(../images/ico18-a.png) no-repeat left #007cc2; padding-left:80px; color:#fff;  } 





.warp21{ width:85%; overflow:hidden; padding:7% 0%; } 
.warp21 .diva{ width:40%; overflow:hidden; float:left; padding:2% 0% 0% 0%; } 
.warp21 .diva .sdiva{ width:100%; overflow:hidden; float:left; font-size:28px; color:#222;  margin-bottom:6%; } 
.warp21 .diva .sdivb{ width:100%; overflow:hidden; float:left; } 
.warp21 .diva .sdivb dl{ width:100%; overflow:hidden; float:left; border-bottom:#dedede solid 1px; padding:8% 0%;} 
.warp21 .diva .sdivb dl dt{ width:15%; overflow:hidden; float:left; } 
.warp21 .diva .sdivb dl dt img{ overflow:hidden; float:left; border:#222 solid 2px; border-radius:50%; padding:14px; } 
.warp21 .diva .sdivb dl dd{ width:85%;  overflow:hidden; float:left; } 
.warp21 .diva .sdivb dl dd h2{ width:100%;  overflow:hidden; float:left; font-size:18px; color:#666; margin-bottom:3%;} 
.warp21 .diva .sdivb dl dd h3{ width:100%;  overflow:hidden; float:left; font-size:20px; color:#222; line-height:30px; margin-bottom:3%;} 
.warp21 .divb{ width:50%; overflow:hidden; float:right; } 


 
 

/*.zhaopin{ width:85%; overflow:hidden; padding:6% 0%; } 
.zhaopin .divc{ height:80px; overflow:hidden; padding:0px 50px; line-height:80px; background:#007cc2;}
.zhaopin .divc .sdiva{ width:60%; height:80px; float:left; overflow:hidden; font-size:20px;  color:#fff; } 
.zhaopin .divc .sdivb{ width:30%; height:80px; float:left;  overflow:hidden;font-size:20px; text-align:center;   color:#fff; } 
.zhaopin li{ overflow:hidden; position:relative; margin-bottom:2px; background:#f7f7f7; }
.zhaopin .link{ height:80px; position:relative; display:block; line-height:80px; cursor:pointer; padding:0px 50px;   }
.zhaopin .link dt{ width:60%; float:left; font-size:16px; overflow:hidden;  }
.zhaopin .link dd{ width:30%; float:left; font-size:16px; overflow:hidden;  text-align:center;  }
.zhaopin li:last-child .link{border-bottom: none;}
.zhaopin li i{position:absolute;top:0px; left:0px; -webkit-transition:all .4s ease;-o-transition:all .4s ease;transition:all .4s ease;}
.zhaopin li i.fa-chevron-down{ width:9px; height:14px; background:url(../images/ico10.png) no-repeat; right:40px; left:auto; top:34px; }
.zhaopin li.open .link{ color:#222; background:#dedede;}
.zhaopin li.open i.fa-chevron-down{ width:14px; height:9px; background:url(../images/ico19.png) no-repeat; right:38px; left:auto; top:34px; }
.submenu{  padding:60px 50px;  display:none; overflow:hidden; border-top:#eaeffb solid 1px; }
.submenu .divd{ width:100%; float:left; overflow:hidden; margin-bottom:30px;}
.submenu .divd .sdiva{ width:50%; float:left; overflow:hidden; font-size:16px; margin-bottom:20px;}
.submenu .diva{ width:100%; float:left; overflow:hidden; margin-bottom:50px;}
.submenu .divb{ width:190px; height:54px; float:left; overflow:hidden; border-radius:30px;}
.submenu .divb a{ width:190px; height:54px; float:left; overflow:hidden; display:block; background:#007cc2; text-align:center; color:#FFF; line-height:54px; font-size:18px;}
.submenu .divb a:hover{ width:190px; height:54px; float:left; overflow:hidden; display:block; background:#0f8ed6; text-align:center; color:#FFF; line-height:54px; font-size:18px;}
*/
 
.zhaopin{ width:85%; overflow:hidden; padding:6% 0%; } 
.zhaopin .divc{ height:80px; overflow:hidden; padding:0px 50px; line-height:80px; background:#007cc2;}
.zhaopin .divc .sdiva{ width:28%; height:80px; float:left; overflow:hidden; font-size:18px;  color:#fff; } 
.zhaopin .divc .sdivb{ width:18%; height:80px; float:left;  overflow:hidden;font-size:18px; text-align:center;   color:#fff; } 
.zhaopin li{ overflow:hidden; position:relative; margin-bottom:2px; background:#f7f7f7; }
.zhaopin .link{ height:80px; position:relative; display:block; line-height:80px; cursor:pointer; padding:0px 50px;   }
.zhaopin .link dt{ width:28%; float:left; font-size:16px; overflow:hidden;  }
.zhaopin .link dd{ width:18%; float:left; font-size:16px; overflow:hidden;  text-align:center;  }
.zhaopin li:last-child .link{border-bottom: none;}
.zhaopin li i{position:absolute;top:0px; left:0px; -webkit-transition:all .4s ease;-o-transition:all .4s ease;transition:all .4s ease;}
.zhaopin li i.fa-chevron-down{ width:9px; height:14px; background:url(../images/ico10.png) no-repeat; right:40px; left:auto; top:34px; }
.zhaopin li.open .link{ color:#222; background:#dedede;}
.zhaopin li.open i.fa-chevron-down{ width:14px; height:9px; background:url(../images/ico19.png) no-repeat; right:38px; left:auto; top:34px; }
.submenu{  padding:60px 50px;  display:none; overflow:hidden; border-top:#eaeffb solid 1px; }
.submenu .divd{ width:100%; float:left; overflow:hidden; margin-bottom:30px;}
.submenu .divd .sdiva{ width:50%; float:left; overflow:hidden; font-size:16px; margin-bottom:20px;}
.submenu .diva{ width:100%; float:left; overflow:hidden; margin-bottom:50px;}
.submenu .divb{ width:190px; height:54px; float:left; overflow:hidden; border-radius:30px;}
.submenu .divb a{ width:190px; height:54px; float:left; overflow:hidden; display:block; background:#007cc2; text-align:center; color:#FFF; line-height:54px; font-size:18px;}
.submenu .divb a:hover{ width:190px; height:54px; float:left; overflow:hidden; display:block; background:#0f8ed6; text-align:center; color:#FFF; line-height:54px; font-size:18px;}
.submenu .dive{ width:100%; float:left; overflow:hidden; margin-bottom:50px; font-size:18px; color:#007cc2;}





.cd-popup-close{position:absolute;top:15px;right:15px;z-index:10;display:block;width:auto;height:1.25rem;font-size:15px;}
.cd-popup3{position:fixed;top:0;left:0;z-index:9999;visibility:hidden;width:100%;height:100%;background-color:rgba(0,0,0,.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:130px auto; width:500px; border-radius:10px;background:#fff; box-shadow:0 0 20px rgba(0,0,0,.2);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;}
.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:400px; overflow:hidden; padding:40px 50px ; }
.is-visible3 .cd-popup-container3 .diva .sdiva{ width:400px; float:left;  overflow:hidden; font-size:32px; text-align:center; margin-bottom:30px;  }
.is-visible3 .cd-popup-container3 .diva .sdivb{ width:400px; float:left; margin-bottom:10px; }
.is-visible3 .cd-popup-container3 .diva .sdivb dt{ width:100px; line-height:56px;  float:left; overflow:hidden; font-size:16px; text-align:left; }
.is-visible3 .cd-popup-container3 .diva .sdivb dt b{ color:#F00; font-size:16px; margin-right:10px; }
.is-visible3 .cd-popup-container3 .diva .sdivb dd{ float:left; overflow:hidden; font-size:16px; }
.is-visible3 .cd-popup-container3 .diva .sdivb h2{  float:left; overflow:hidden; margin-top:10px;}
.wbk4{ width:268px; height:54px; float:left; overflow:hidden; border:#e4e3e3 solid 1px; background:none; line-height:54px; font-size:16px; padding:0px 15px; }
.wbk5{ width:120px; height:54px; float:left; overflow:hidden; border:#e4e3e3 solid 1px; background:none; line-height:54px; font-size:16px; padding:0px 15px; }
.is-visible3 .cd-popup-container3 .diva .sdivc{ width:180px; float:left; overflow:hidden; padding-left:100px;}
.tj3{ width:180px; height:56px; overflow:hidden; border:none; background:#007cc2; cursor:pointer; text-align:center; line-height:56px; font-size:20px; color:#FFF;  border-radius:30px;}

 


.xiangmu{ width:87%;  overflow:hidden; padding:5.5% 0% 5% 0%; } 
.xiangmu li{ width:47%; overflow:hidden; float:left; margin:1.5% 1.5%; position:relative; 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;} 
.xiangmu li:hover{transform:translate(0,-5px); -webkit-transform:translate(0,-5px); -moz-transform:translate(0,-5px); -o-transform:translate(0,-5px); -ms-transform:translate(0,-5px);   } 
.xiangmu li a{ width:100%; overflow:hidden; display:block;} 
.xiangmu li dt{ width:100%; float:left; overflow:hidden; } 
.xiangmu li dt img{ width:100%; float:left; overflow:hidden;transition: all 0.8s;  } 
.xiangmu li dt img:hover{transform: scale(1.1); }
.xiangmu li dd{ width:90%; float:left; overflow:hidden; padding:5% 5%; position:absolute; left:0; bottom:0; background:linear-gradient(rgba(0,0,0,0),rgba(0,0,0,0.6)); } 
.xiangmu li dd h2{  width:100%; float:left; overflow:hidden; font-size:20px; font-weight:bold; color:#FFF;  } 
.xiangmu li dd h3{  width:100%; float:left; overflow:hidden; font-size:16px; color:#FFF; margin-top:2%; }  
   


 
 
 
.chengguo{  width:85%; overflow:hidden; padding:7% 0% 7% 0%; }
.chengguo .diva{ width:100%;  overflow:hidden; }
.chengguo .diva .sdiva{ width:100%; overflow:hidden; background:#007cc2; line-height:80px; text-align:center; }
.chengguo .diva .sdiva .isdiva{ width:54%; float:left;  overflow:hidden; font-size:18px; color:#FFF; font-weight:bold; padding:0% 1%; }
.chengguo .diva .sdiva .isdivb{ width:12%; float:left;  overflow:hidden; font-size:18px; color:#FFF; font-weight:bold; padding:0% 2%; }
.chengguo .diva .sdiva .isdivc{ width:24%; float:left;  overflow:hidden; font-size:18px; color:#FFF; font-weight:bold; padding:0% 2%; }
.scroll_main{  width:100%; overflow:hidden; border-bottom:#dedede solid 1px; }
.scroll_wrap{position:relative; width:100%; height:740px; }
.scroll_wrap .scroll_cont{ width:100%; float:left; overflow:hidden; height:100%;}
.scroll_wrap .scroll_cont .sdivb{ width:100%; overflow:hidden; border-top:#dedede solid 1px; line-height:26px; text-align:center; }
.scroll_wrap .scroll_cont .sdivb:hover{ background:#f7f7f7;}
.scroll_wrap .scroll_cont .sdivb .isdiva{ width:48%; float:left;  overflow:hidden; font-size:16px;  padding:2% 2%; }
.scroll_wrap .scroll_cont .sdivb .isdivb{ width:16%; float:left;  overflow:hidden; font-size:16px;  padding:2% 2%;   }
.scroll_wrap .scroll_cont .sdivb .isdivc{ width:23%; float:left;  overflow:hidden;  font-size:16px;  padding:2% 2%;  }
.scroll_wrap .scroll_bar{position:absolute;top:0;right:0;width:10px;height:100%;background-color:#e0e0e0;}
.scroll_wrap .scroll_slider{position:absolute;top:0;left:0;width:10px;height:10px; background-color:#444; opacity:.8;}
.scroll_wrap .scroll_slider:hover{opacity:1;}
 
 
 
 
 
 
 
.about5{ width:75%; overflow:hidden; padding:7% 0%; } 
.about5 .fgsbox{ width:100%; overflow:hidden;  }
.about5 .fgsbox .fengongsi{ width:80%; overflow:hidden; margin:0  auto; }
.swiper-slide .bg-img4{ width:100%; display: block; float:left; overflow:hidden; }
.swiper-slide .bg-img4 img{ display: block; width: 100%; overflow:hidden;}
.fgsbox .page{width: 100%; height:100%; box-sizing: border-box; position: absolute; bottom:0; left:0; display: flex; display: -webkit-flex;-webkit-justify-content: center;justify-content: center;-webkit-align-items: center;align-content: center; }
.fgsbox .page .swiper-button-next{position: absolute; right:0%; top:45%;  height:70px; width:70px; outline: none; opacity: 1; background: url(../images/ico13.png) no-repeat center #007cc2; border-radius:50%;}
.fgsbox .page .swiper-button-prev{ position: absolute; left:0%; top:45%; height:70px; width:70px; outline: none; opacity: 1; background: url(../images/ico12.png) no-repeat center #007cc2;  border-radius:50%; }
.fgsbox .page .swiper-pagination{position:absolute; bottom:0px; margin: 0 0px;}
.fgsbox .page .swiper-pagination-bullet{ width:10px; height:10px; background:#bbbbbb; margin: 0 4px; opacity: 1; outline: none; }
.fgsbox .page .swiper-pagination-bullet-active{ background:#007cc2; outline: none; }
 

 
 
 
 

@media (min-width:800px) {
.ydy{ width:100%; height:100vh; overflow:hidden; position:relative; box-sizing: inherit; }
.ydy .diva{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: flex; flex-direction: column; align-items: center; justify-content: center; }
.ydy .diva .sdiva{  width:120px; overflow:hidden; margin-bottom:25px;}
.ydy .diva .sdiva img{ width: 100%; height:100%;   overflow:hidden;}
.ydy .diva .sdivb{  width:160px;  overflow:hidden; margin-bottom:20px; 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; }
.ydy .diva .sdivb:hover{  transform:translate(0,-5px); -webkit-transform:translate(0,-5px); -moz-transform:translate(0,-5px); -o-transform:translate(0,-5px); -ms-transform:translate(0,-5px); }
.ydy .diva .sdivb a{  width: 160px; height:50px; overflow:hidden; display:block; text-align:center; line-height:50px; font-size:14px; color:#FFF; background:#007cc2; border-radius:35px;}
.ydy .diva .sdivb a:hover{ font-size:14px; color:#FFF; background:#0f8ed6; }
.ydy .diva .sdivc{  width: 100%;  overflow:hidden; text-align:center; font-size:18px; color:#FFF;}
	
.menu{  height:120px; 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:120px; line-height:116px; margin-left:15px; }
.menu ul li ul {display: none;}
.menu ul li:hover a {color:#007cc2;}
.menu ul li:hover ul li ul {display: none;}
#menu_hover { color:#007cc2; border-bottom:#007cc2 solid 4px; } 
.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:120px; left:0; display:block; padding:0px; z-index:99; }
.menu .ej_1{ width:200px;  margin-left:-75px; background:#007cc2; }
.menu .ej_1 li{ display:block; width:200px; line-height:50px; height:50px; text-align:center; margin:0;}
.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:#0f8ed6;}

.warp1 .diva .sdiva dt{ width:100%; overflow:hidden; float:left; font-size:38px; text-transform:uppercase; color:#007cc2; font-weight:bold; margin-bottom:1%;} 
.warp1 .diva .sdiva dd{ width:100%; overflow:hidden; float:left; font-size:26px;  }
.warp1 .divb .sdiva .isdiva .eisdivb{ width:24.7%; height:860px; float:left; overflow:hidden;  position:relative;}
.warp1 .divb .sdiva .isdiva .eisdivb:hover{ background-color: rgba(13,13,13,.6);}
.warp1 .divb .sdiva .isdiva .eisdivb a{ width:100%; height:100%; float:left; overflow:hidden;display:block;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 .divb .sdiva .isdiva .eisdivb a:hover{ width:100%; height:100%; float:left; overflow:hidden; display:block;transform:translate(0,-15px); -webkit-transform:translate(0,-15px); -moz-transform:translate(0,-15px); -o-transform:translate(0,-15px); -ms-transform:translate(0,-15px); } 
.warp1 .divb .sdiva .isdiva .eisdivb dt{ width:82%; float:left; overflow:hidden; font-size:28px; color:#FFF; font-weight:bold; position:absolute; left:9%; top:76%;}
.warp1 .divb .sdiva .isdiva .eisdivb dd{ width:82%; float:left; overflow:hidden; font-size:14px; color:#FFF;  text-transform:uppercase; position:absolute; left:9%;top:86%;}
.warp1 .diva .sdivb{ overflow:hidden; float:right; margin-top:32px;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;   } 

.warp2 .diva .sdiva dt{ width:100%; overflow:hidden; float:left; font-size:38px; text-transform:uppercase; color:#007cc2; font-weight:bold; margin-bottom:1%;} 
.warp2 .diva .sdiva dd{ width:100%; overflow:hidden; float:left; font-size:26px;  margin-bottom:5%;}
.warp2 .diva .sdiva h2{ width:100%; overflow:hidden; float:left; font-size:12px; line-height:22px; word-break: break-all; text-overflow: ellipsis; display: -webkit-box;-webkit-box-orient: vertical; -webkit-line-clamp:5; margin-bottom:5%;} 

.warp3 .diva .sdiva dt{ width:100%; overflow:hidden; float:left; font-size:38px; text-transform:uppercase; color:#007cc2; font-weight:bold; margin-bottom:1%;} 
.warp3 .diva .sdiva dd{ width:100%; overflow:hidden; float:left; font-size:26px;  }
.warp3 .diva .sdivb{ overflow:hidden; float:right; margin-top:32px; 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;   } 

.warp4 .diva .sdiva dt{ width:100%; overflow:hidden; float:left; font-size:38px; text-transform:uppercase; color:#007cc2; font-weight:bold; margin-bottom:1%;} 
.warp4 .diva .sdiva dd{ width:100%; overflow:hidden; float:left; font-size:26px;  }
.warp4 .diva .sdivb{ overflow:hidden; float:right; margin-top:32px; 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; } 

.foot .diva .sdiva .isdivb{width:100%; float:left; overflow:hidden; font-size:34px; color:#FFF; font-family:Arial, Helvetica, sans-serif; margin-bottom:5%; } 

.cd-popup-container3{position:relative;margin:20px auto; width:500px; border-radius:10px;background:#fff; box-shadow:0 0 20px rgba(0,0,0,.2);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;}
} 

@media (min-width:1280px) { 
.ydy{ width:100%; height:100vh; overflow:hidden; position:relative; box-sizing: inherit; }
.ydy .diva{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: flex; flex-direction: column; align-items: center; justify-content: center; }
.ydy .diva .sdiva{  width:130px; overflow:hidden; margin-bottom:25px;}
.ydy .diva .sdiva img{ width: 100%; height:100%;  overflow:hidden;}
.ydy .diva .sdivb{  width:160px;  overflow:hidden; margin-bottom:20px; 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; }
.ydy .diva .sdivb:hover{  transform:translate(0,-5px); -webkit-transform:translate(0,-5px); -moz-transform:translate(0,-5px); -o-transform:translate(0,-5px); -ms-transform:translate(0,-5px); }
.ydy .diva .sdivb a{  width: 160px; height:50px; overflow:hidden; display:block; text-align:center; line-height:50px; font-size:14px; color:#FFF; background:#007cc2; border-radius:35px;}
.ydy .diva .sdivb a:hover{ font-size:14px; color:#FFF; background:#0f8ed6; }
.ydy .diva .sdivc{  width: 100%;  overflow:hidden; text-align:center; font-size:18px; color:#FFF;}

.menu{  height:120px; 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:120px; line-height:116px; margin-left:18px; }
.menu ul li ul {display: none;}
.menu ul li:hover a {color:#007cc2;}
.menu ul li:hover ul li ul {display: none;}
#menu_hover { color:#007cc2; border-bottom:#007cc2 solid 4px; } 
.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:120px; left:0; display:block; padding:0px; z-index:99; }
.menu .ej_1{ width:200px;  margin-left:-74px; background:#007cc2; }
.menu .ej_1 li{ display:block; width:200px; line-height:50px; height:50px; text-align:center; margin:0;}
.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:#0f8ed6;}

.warp1 .diva .sdiva dt{ width:100%; overflow:hidden; float:left; font-size:42px; text-transform:uppercase; color:#007cc2; font-weight:bold; margin-bottom:1%;} 
.warp1 .diva .sdiva dd{ width:100%; overflow:hidden; float:left; font-size:28px;  }
.warp1 .divb .sdiva .isdiva .eisdivb{ width:24.7%; height:860px; float:left; overflow:hidden;  position:relative;}
.warp1 .divb .sdiva .isdiva .eisdivb:hover{ background-color: rgba(13,13,13,.6);}
.warp1 .divb .sdiva .isdiva .eisdivb a{ width:100%; height:100%; float:left; overflow:hidden;display:block;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 .divb .sdiva .isdiva .eisdivb a:hover{ width:100%; height:100%; float:left; overflow:hidden; display:block;transform:translate(0,-15px); -webkit-transform:translate(0,-15px); -moz-transform:translate(0,-15px); -o-transform:translate(0,-15px); -ms-transform:translate(0,-15px); } 
.warp1 .divb .sdiva .isdiva .eisdivb dt{ width:82%; float:left; overflow:hidden; font-size:28px; color:#FFF; font-weight:bold; position:absolute; left:9%; top:76%;}
.warp1 .divb .sdiva .isdiva .eisdivb dd{ width:82%; float:left; overflow:hidden; font-size:14px; color:#FFF;  text-transform:uppercase; position:absolute; left:9%; top:86%;}
.warp1 .diva .sdivb{ overflow:hidden; float:right; margin-top:36px;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;   } 

.warp2 .diva .sdiva dt{ width:100%; overflow:hidden; float:left; font-size:42px; text-transform:uppercase; color:#007cc2; font-weight:bold; margin-bottom:1%;} 
.warp2 .diva .sdiva dd{ width:100%; overflow:hidden; float:left; font-size:28px;  margin-bottom:5%;}
.warp2 .diva .sdiva h2{ width:100%; overflow:hidden; float:left; font-size:12px; line-height:24px; word-break: break-all; text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical; -webkit-line-clamp:5; margin-bottom:5%;} 

.warp3 .diva .sdiva dt{ width:100%; overflow:hidden; float:left; font-size:42px; text-transform:uppercase; color:#007cc2; font-weight:bold; margin-bottom:1%;} 
.warp3 .diva .sdiva dd{ width:100%; overflow:hidden; float:left; font-size:28px;  }
.warp3 .diva .sdivb{ overflow:hidden; float:right; margin-top:36px; 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;   } 

.warp4 .diva .sdiva dt{ width:100%; overflow:hidden; float:left; font-size:42px; text-transform:uppercase; color:#007cc2; font-weight:bold; margin-bottom:1%;} 
.warp4 .diva .sdiva dd{ width:100%; overflow:hidden; float:left; font-size:28px;  }
.warp4 .diva .sdivb{ overflow:hidden; float:right; margin-top:36px; 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; } 

.foot .diva .sdiva .isdivb{width:100%; float:left; overflow:hidden; font-size:36px; color:#FFF; font-family:Arial, Helvetica, sans-serif; margin-bottom:5%; } 

.cd-popup-container3{position:relative;margin:30px auto; width:500px; border-radius:10px;background:#fff; box-shadow:0 0 20px rgba(0,0,0,.2);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;}

} 

@media (min-width:1400px) {
.ydy{ width:100%; height:100vh; overflow:hidden; position:relative; box-sizing: inherit; }
.ydy .diva{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: flex; flex-direction: column; align-items: center; justify-content: center; }
.ydy .diva .sdiva{  width:140px; overflow:hidden; margin-bottom:30px;}
.ydy .diva .sdiva img{ width: 100%; height:100%;  overflow:hidden;}
.ydy .diva .sdivb{  width:160px;  overflow:hidden; margin-bottom:25px; 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; }
.ydy .diva .sdivb:hover{  transform:translate(0,-5px); -webkit-transform:translate(0,-5px); -moz-transform:translate(0,-5px); -o-transform:translate(0,-5px); -ms-transform:translate(0,-5px); }
.ydy .diva .sdivb a{  width: 160px; height:50px; overflow:hidden; display:block; text-align:center; line-height:50px; font-size:14px; color:#FFF; background:#007cc2; border-radius:35px;}
.ydy .diva .sdivb a:hover{ font-size:14px; color:#FFF; background:#0f8ed6; }
.ydy .diva .sdivc{  width: 100%;  overflow:hidden; text-align:center; font-size:20px; color:#FFF;}
	
.menu{  height:120px; 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:120px; line-height:116px; margin-left:20px; }
.menu ul li ul {display: none;}
.menu ul li:hover a {color:#007cc2;}
.menu ul li:hover ul li ul {display: none;}
#menu_hover { color:#007cc2; border-bottom:#007cc2 solid 4px; } 
.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:120px; left:0; display:block; padding:0px; z-index:99; }
.menu .ej_1{ width:200px;  margin-left:-72px; background:#007cc2; }
.menu .ej_1 li{ display:block; width:200px; line-height:50px; height:50px; text-align:center; margin:0;}
.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:#0f8ed6;}

.warp1 .diva .sdiva dt{ width:100%; overflow:hidden; float:left; font-size:44px; text-transform:uppercase; color:#007cc2; font-weight:bold; margin-bottom:1%;} 
.warp1 .diva .sdiva dd{ width:100%; overflow:hidden; float:left; font-size:30px;  }
.warp1 .divb .sdiva .isdiva .eisdivb{ width:24.7%; height:860px; float:left; overflow:hidden;  position:relative;}
.warp1 .divb .sdiva .isdiva .eisdivb:hover{ background-color: rgba(13,13,13,.6);}
.warp1 .divb .sdiva .isdiva .eisdivb a{ width:100%; height:100%; float:left; overflow:hidden;display:block;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 .divb .sdiva .isdiva .eisdivb a:hover{ width:100%; height:100%; float:left; overflow:hidden; display:block;transform:translate(0,-15px); -webkit-transform:translate(0,-15px); -moz-transform:translate(0,-15px); -o-transform:translate(0,-15px); -ms-transform:translate(0,-15px); } 
.warp1 .divb .sdiva .isdiva .eisdivb dt{ width:82%; float:left; overflow:hidden; font-size:28px; color:#FFF; font-weight:bold; position:absolute; left:9%; top:76%;}
.warp1 .divb .sdiva .isdiva .eisdivb dd{ width:82%; float:left; overflow:hidden; font-size:14px; color:#FFF;  text-transform:uppercase; position:absolute; left:9%; top:86%;}
.warp1 .diva .sdivb{ overflow:hidden; float:right; margin-top:42px;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;   } 

.warp2 .diva .sdiva dt{ width:100%; overflow:hidden; float:left; font-size:44px; text-transform:uppercase; color:#007cc2; font-weight:bold; margin-bottom:1%;} 
.warp2 .diva .sdiva dd{ width:100%; overflow:hidden; float:left; font-size:30px;  margin-bottom:5%;}
.warp2 .diva .sdiva h2{ width:100%; overflow:hidden; float:left; font-size:14px; line-height:24px; word-break: break-all; text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical; -webkit-line-clamp:5; margin-bottom:5%;} 

.warp3 .diva .sdiva dt{ width:100%; overflow:hidden; float:left; font-size:44px; text-transform:uppercase; color:#007cc2; font-weight:bold; margin-bottom:1%;} 
.warp3 .diva .sdiva dd{ width:100%; overflow:hidden; float:left; font-size:30px;  }
.warp3 .diva .sdivb{ overflow:hidden; float:right; margin-top:42px; 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;   } 

.warp4 .diva .sdiva dt{ width:100%; overflow:hidden; float:left; font-size:44px; text-transform:uppercase; color:#007cc2; font-weight:bold; margin-bottom:1%;} 
.warp4 .diva .sdiva dd{ width:100%; overflow:hidden; float:left; font-size:30px;  }
.warp4 .diva .sdivb{ overflow:hidden; float:right; margin-top:42px; 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; } 

.foot .diva .sdiva .isdivb{width:100%; float:left; overflow:hidden; font-size:38px; color:#FFF; font-family:Arial, Helvetica, sans-serif; margin-bottom:5%; } 

.cd-popup-container3{position:relative;margin:40px auto; width:500px; border-radius:10px;background:#fff; box-shadow:0 0 20px rgba(0,0,0,.2);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;}
} 

@media (min-width:1440px) {
.ydy{ width:100%; height:100vh; overflow:hidden; position:relative; box-sizing: inherit; }
.ydy .diva{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: flex; flex-direction: column; align-items: center; justify-content: center; }
.ydy .diva .sdiva{  width:150px; overflow:hidden; margin-bottom:35px;}
.ydy .diva .sdiva img{ width: 100%; height:100%; overflow:hidden;}
.ydy .diva .sdivb{  width:170px;  overflow:hidden; margin-bottom:30px; 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; }
.ydy .diva .sdivb:hover{  transform:translate(0,-5px); -webkit-transform:translate(0,-5px); -moz-transform:translate(0,-5px); -o-transform:translate(0,-5px); -ms-transform:translate(0,-5px); }
.ydy .diva .sdivb a{  width: 170px; height:54px; overflow:hidden; display:block; text-align:center; line-height:54px; font-size:16px; color:#FFF; background:#007cc2; border-radius:35px;}
.ydy .diva .sdivb a:hover{ font-size:16px; color:#FFF; background:#0f8ed6; }
.ydy .diva .sdivc{  width: 100%;  overflow:hidden; text-align:center; font-size:20px; color:#FFF;}
	
	
.menu{  height:120px; 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:120px; line-height:116px; margin-left:25px; }
.menu ul li ul {display: none;}
.menu ul li:hover a {color:#007cc2;}
.menu ul li:hover ul li ul {display: none;}
#menu_hover { color:#007cc2; border-bottom:#007cc2 solid 4px; } 
.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:120px; left:0; display:block; padding:0px; z-index:99; }
.menu .ej_1{ width:200px;  margin-left:-72px; background:#007cc2; }
.menu .ej_1 li{ display:block; width:200px; line-height:50px; height:50px; text-align:center; margin:0;}
.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:#0f8ed6;}

.warp1 .diva .sdiva dt{ width:100%; overflow:hidden; float:left; font-size:48px; text-transform:uppercase; color:#007cc2; font-weight:bold; margin-bottom:1%;} 
.warp1 .diva .sdiva dd{ width:100%; overflow:hidden; float:left; font-size:30px;  }
.warp1 .diva .sdivb{ overflow:hidden; float:right; margin-top:48px;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 .divb .sdiva .isdiva .eisdivb{ width:24.7%; height:860px; float:left; overflow:hidden;  position:relative;}
.warp1 .divb .sdiva .isdiva .eisdivb:hover{ background-color: rgba(13,13,13,.6);}
.warp1 .divb .sdiva .isdiva .eisdivb a{ width:100%; height:100%; float:left; overflow:hidden;display:block;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 .divb .sdiva .isdiva .eisdivb a:hover{ width:100%; height:100%; float:left; overflow:hidden; display:block;transform:translate(0,-15px); -webkit-transform:translate(0,-15px); -moz-transform:translate(0,-15px); -o-transform:translate(0,-15px); -ms-transform:translate(0,-15px); } 
.warp1 .divb .sdiva .isdiva .eisdivb dt{ width:82%; float:left; overflow:hidden; font-size:28px; color:#FFF; font-weight:bold; position:absolute; left:9%; top:76%;}
.warp1 .divb .sdiva .isdiva .eisdivb dd{ width:82%; float:left; overflow:hidden; font-size:14px; color:#FFF;  text-transform:uppercase; position:absolute; left:9%;top:86%;}

.warp2 .diva .sdiva dt{ width:100%; overflow:hidden; float:left; font-size:48px; text-transform:uppercase; color:#007cc2; font-weight:bold; margin-bottom:1%;} 
.warp2 .diva .sdiva dd{ width:100%; overflow:hidden; float:left; font-size:30px;  margin-bottom:5%;}
.warp2 .diva .sdiva h2{ width:100%; overflow:hidden; float:left; font-size:14px; line-height:28px; word-break: break-all; text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical; -webkit-line-clamp:5; margin-bottom:5%;} 

.warp3 .diva .sdiva dt{ width:100%; overflow:hidden; float:left; font-size:48px; text-transform:uppercase; color:#007cc2; font-weight:bold; margin-bottom:1%;} 
.warp3 .diva .sdiva dd{ width:100%; overflow:hidden; float:left; font-size:30px;  }
.warp3 .diva .sdivb{ overflow:hidden; float:right; margin-top:48px; 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;   } 

.warp4 .diva .sdiva dt{ width:100%; overflow:hidden; float:left; font-size:48px; text-transform:uppercase; color:#007cc2; font-weight:bold; margin-bottom:1%;} 
.warp4 .diva .sdiva dd{ width:100%; overflow:hidden; float:left; font-size:30px;  }
.warp4 .diva .sdivb{ overflow:hidden; float:right; margin-top:48px; 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; } 

.foot .diva .sdiva .isdivb{width:100%; float:left; overflow:hidden; font-size:42px; color:#FFF; font-family:Arial, Helvetica, sans-serif; margin-bottom:5%; } 

.cd-popup-container3{position:relative;margin:60px auto; width:500px; border-radius:10px;background:#fff; box-shadow:0 0 20px rgba(0,0,0,.2);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;}

} 

@media (min-width:1600px) {
	
.ydy{ width:100%; height:100vh; overflow:hidden; position:relative; box-sizing: inherit; }
.ydy .diva{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: flex; flex-direction: column; align-items: center; justify-content: center; }
.ydy .diva .sdiva{  width:160px; overflow:hidden; margin-bottom:40px;}
.ydy .diva .sdiva img{  width: 100%; height:100%;  overflow:hidden;}
.ydy .diva .sdivb{  width:170px;  overflow:hidden; margin-bottom:35px; 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; }
.ydy .diva .sdivb:hover{  transform:translate(0,-5px); -webkit-transform:translate(0,-5px); -moz-transform:translate(0,-5px); -o-transform:translate(0,-5px); -ms-transform:translate(0,-5px); }
.ydy .diva .sdivb a{  width: 170px; height:54px; overflow:hidden; display:block; text-align:center; line-height:54px; font-size:16px; color:#FFF; background:#007cc2; border-radius:35px;}
.ydy .diva .sdivb a:hover{ font-size:16px; color:#FFF; background:#0f8ed6; }
.ydy .diva .sdivc{  width: 100%;  overflow:hidden; text-align:center; font-size:22px; color:#FFF;}



.menu{  height:120px; 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:120px; line-height:116px; margin-left:30px; }
.menu ul li ul {display: none;}
.menu ul li:hover a {color:#007cc2;}
.menu ul li:hover ul li ul {display: none;}
#menu_hover { color:#007cc2; border-bottom:#007cc2 solid 4px; } 
.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:120px; left:0; display:block; padding:0px; z-index:99; }
.menu .ej_1{ width:200px;  margin-left:-72px; background:#007cc2; }
.menu .ej_1 li{ display:block; width:200px; line-height:50px; height:50px; text-align:center; margin:0;}
.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:#0f8ed6;}


.warp1 .diva .sdiva dt{ width:100%; overflow:hidden; float:left; font-size:50px; text-transform:uppercase; color:#007cc2; font-weight:bold; margin-bottom:1%;} 
.warp1 .diva .sdiva dd{ width:100%; overflow:hidden; float:left; font-size:32px;  }
.warp1 .diva .sdivb{ overflow:hidden; float:right; margin-top:54px;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 .divb .sdiva .isdiva .eisdivb{ width:24.8%; height:860px; float:left; overflow:hidden;  position:relative;}
.warp1 .divb .sdiva .isdiva .eisdivb:hover{ background-color: rgba(13,13,13,.6);}
.warp1 .divb .sdiva .isdiva .eisdivb a{ width:100%; height:100%; float:left; overflow:hidden;display:block;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 .divb .sdiva .isdiva .eisdivb a:hover{ width:100%; height:100%; float:left; overflow:hidden; display:block;transform:translate(0,-15px); -webkit-transform:translate(0,-15px); -moz-transform:translate(0,-15px); -o-transform:translate(0,-15px); -ms-transform:translate(0,-15px); } 
.warp1 .divb .sdiva .isdiva .eisdivb dt{ width:82%; float:left; overflow:hidden; font-size:28px; color:#FFF; font-weight:bold; position:absolute; left:9%;top:76%;}
.warp1 .divb .sdiva .isdiva .eisdivb dd{ width:82%; float:left; overflow:hidden; font-size:14px; color:#FFF;  text-transform:uppercase; position:absolute; left:9%; top:86%;}

.warp2 .diva .sdiva dt{ width:100%; overflow:hidden; float:left; font-size:50px; text-transform:uppercase; color:#007cc2; font-weight:bold; margin-bottom:1%;} 
.warp2 .diva .sdiva dd{ width:100%; overflow:hidden; float:left; font-size:32px;  margin-bottom:6%;}
.warp2 .diva .sdiva h2{ width:100%; overflow:hidden; float:left; font-size:14px; line-height:30px; word-break: break-all; text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical; -webkit-line-clamp:5; margin-bottom:6%;} 

.warp3 .diva .sdiva dt{ width:100%; overflow:hidden; float:left; font-size:50px; text-transform:uppercase; color:#007cc2; font-weight:bold; margin-bottom:1%;} 
.warp3 .diva .sdiva dd{ width:100%; overflow:hidden; float:left; font-size:32px;  }
.warp3 .diva .sdivb{ overflow:hidden; float:right; margin-top:54px; 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;   } 

.warp4 .diva .sdiva dt{ width:100%; overflow:hidden; float:left; font-size:50px; text-transform:uppercase; color:#007cc2; font-weight:bold; margin-bottom:1%;} 
.warp4 .diva .sdiva dd{ width:100%; overflow:hidden; float:left; font-size:32px;  }
.warp4 .diva .sdivb{ overflow:hidden; float:right; margin-top:54px; 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; } 

.foot .diva .sdiva .isdivb{width:100%; float:left; overflow:hidden; font-size:42px; color:#FFF; font-family:Arial, Helvetica, sans-serif; margin-bottom:5%; } 

.cd-popup-container3{position:relative;margin:80px auto; width:500px; border-radius:10px;background:#fff; box-shadow:0 0 20px rgba(0,0,0,.2);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;}

} 

@media (min-width:1680px) {
	
.ydy{ width:100%; height:100vh; overflow:hidden; position:relative; box-sizing: inherit; }
.ydy .diva{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: flex; flex-direction: column; align-items: center; justify-content: center; }
.ydy .diva .sdiva{  width:170px; overflow:hidden; margin-bottom:45px;}
.ydy .diva .sdiva img{  width: 100%; height:100%; overflow:hidden;}
.ydy .diva .sdivb{  width:180px;  overflow:hidden; margin-bottom:40px; 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; }
.ydy .diva .sdivb:hover{  transform:translate(0,-5px); -webkit-transform:translate(0,-5px); -moz-transform:translate(0,-5px); -o-transform:translate(0,-5px); -ms-transform:translate(0,-5px); }
.ydy .diva .sdivb a{  width: 180px; height:60px; overflow:hidden; display:block; text-align:center; line-height:60px; font-size:18px; color:#FFF; background:#007cc2; border-radius:35px;}
.ydy .diva .sdivb a:hover{ font-size:18px; color:#FFF; background:#0f8ed6; }
.ydy .diva .sdivc{  width: 100%;  overflow:hidden; text-align:center; font-size:24px; color:#FFF;}
	
	
.menu{  height:120px; 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:120px; line-height:116px; margin-left:32px; }
.menu ul li ul {display: none;}
.menu ul li:hover a {color:#007cc2;}
.menu ul li:hover ul li ul {display: none;}
#menu_hover { color:#007cc2; border-bottom:#007cc2 solid 4px; } 
.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:120px; left:0; display:block; padding:0px; z-index:99; }
.menu .ej_1{ width:200px;  margin-left:-67px; background:#007cc2; }
.menu .ej_1 li{ display:block; width:200px; line-height:50px; height:50px; text-align:center; margin:0;}
.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:#0f8ed6;}

.warp1 .diva .sdiva dt{ width:100%; overflow:hidden; float:left; font-size:54px; text-transform:uppercase; color:#007cc2; font-weight:bold; margin-bottom:1%;} 
.warp1 .diva .sdiva dd{ width:100%; overflow:hidden; float:left; font-size:34px;  }
.warp1 .diva .sdivb{ overflow:hidden; float:right; margin-top:62px;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 .diva .sdivb{ overflow:hidden; float:right; margin-top:62px; 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 .divb .sdiva .isdiva .eisdivb{ width:24.8%; height:860px; float:left; overflow:hidden;  position:relative;}
.warp1 .divb .sdiva .isdiva .eisdivb:hover{ background-color: rgba(13,13,13,.6);}
.warp1 .divb .sdiva .isdiva .eisdivb a{ width:100%; height:100%; float:left; overflow:hidden;display:block;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 .divb .sdiva .isdiva .eisdivb a:hover{ width:100%; height:100%; float:left; overflow:hidden; display:block;transform:translate(0,-15px); -webkit-transform:translate(0,-15px); -moz-transform:translate(0,-15px); -o-transform:translate(0,-15px); -ms-transform:translate(0,-15px); } 
.warp1 .divb .sdiva .isdiva .eisdivb dt{ width:82%; float:left; overflow:hidden; font-size:28px; color:#FFF; font-weight:bold; position:absolute; left:9%;top:76%;}
.warp1 .divb .sdiva .isdiva .eisdivb dd{ width:82%; float:left; overflow:hidden; font-size:14px; color:#FFF;  text-transform:uppercase; position:absolute; left:9%;top:86%;}

.warp2 .diva .sdiva dt{ width:100%; overflow:hidden; float:left; font-size:54px; text-transform:uppercase; color:#007cc2; font-weight:bold; margin-bottom:1%;} 
.warp2 .diva .sdiva dd{ width:100%; overflow:hidden; float:left; font-size:34px;  margin-bottom:8%;}
.warp2 .diva .sdiva h2{ width:100%; overflow:hidden; float:left; font-size:14px; line-height:30px; word-break: break-all; text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical; -webkit-line-clamp:5; margin-bottom:8%;} 

.warp3 .diva .sdiva dt{ width:100%; overflow:hidden; float:left; font-size:54px; text-transform:uppercase; color:#007cc2; font-weight:bold; margin-bottom:1%;} 
.warp3 .diva .sdiva dd{ width:100%; overflow:hidden; float:left; font-size:34px;  }

.warp4 .diva .sdiva dt{ width:100%; overflow:hidden; float:left; font-size:54px; text-transform:uppercase; color:#007cc2; font-weight:bold; margin-bottom:1%;} 
.warp4 .diva .sdiva dd{ width:100%; overflow:hidden; float:left; font-size:34px;  }
.warp4 .diva .sdivb{ overflow:hidden; float:right; margin-top:62px; 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; } 

.foot .diva .sdiva .isdivb{width:100%; float:left; overflow:hidden; font-size:42px; color:#FFF; font-family:Arial, Helvetica, sans-serif; margin-bottom:5%; } 

.cd-popup-container3{position:relative;margin:110px auto; width:500px; border-radius:10px;background:#fff; box-shadow:0 0 20px rgba(0,0,0,.2);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;}

} 

@media (min-width:1920px) {
	
.ydy{ width:100%; height:100vh; overflow:hidden; position:relative; box-sizing: inherit; }
.ydy .diva{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: flex; flex-direction: column; align-items: center; justify-content: center; }
.ydy .diva .sdiva{  width:180px; overflow:hidden; margin-bottom:55px;}
.ydy .diva .sdiva img{  width: 100%; height:100%; overflow:hidden;}
.ydy .diva .sdivb{  width:180px;  overflow:hidden; margin-bottom:50px; 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; }
.ydy .diva .sdivb:hover{  transform:translate(0,-5px); -webkit-transform:translate(0,-5px); -moz-transform:translate(0,-5px); -o-transform:translate(0,-5px); -ms-transform:translate(0,-5px); }
.ydy .diva .sdivb a{  width: 180px; height:60px; overflow:hidden; display:block; text-align:center; line-height:60px; font-size:18px; color:#FFF; background:#007cc2; border-radius:35px;}
.ydy .diva .sdivb a:hover{ font-size:18px; color:#FFF; background:#0f8ed6; }
.ydy .diva .sdivc{  width: 100%;  overflow:hidden; text-align:center; font-size:26px; color:#FFF;}
	
	
	
.menu{  height:120px; 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:120px; line-height:116px; margin-left:40px; }
.menu ul li ul {display: none;}
.menu ul li:hover a {color:#007cc2;}
.menu ul li:hover ul li ul {display: none;}
#menu_hover { color:#007cc2; border-bottom:#007cc2 solid 4px; } 
.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:120px; left:0; display:block; padding:0px; z-index:99; }
.menu .ej_1{ width:200px;  margin-left:-67px; background:#007cc2; }
.menu .ej_1 li{ display:block; width:200px; line-height:50px; height:50px; text-align:center; margin:0;}
.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:#0f8ed6;}
 
.warp1 .diva .sdiva dt{ width:100%; overflow:hidden; float:left; font-size:58px; text-transform:uppercase; color:#007cc2; font-weight:bold; margin-bottom:1%;} 
.warp1 .diva .sdiva dd{ width:100%; overflow:hidden; float:left; font-size:36px;  }
.warp1 .diva .sdivb{ overflow:hidden; float:right; margin-top:70px;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 .divb .sdiva .isdiva .eisdivb{ width:24.8%; height:860px; float:left; overflow:hidden;  position:relative;}
.warp1 .divb .sdiva .isdiva .eisdivb:hover{ background-color: rgba(13,13,13,.6);}
.warp1 .divb .sdiva .isdiva .eisdivb a{ width:100%; height:100%; float:left; overflow:hidden;display:block;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 .divb .sdiva .isdiva .eisdivb a:hover{ width:100%; height:100%; float:left; overflow:hidden; display:block;transform:translate(0,-15px); -webkit-transform:translate(0,-15px); -moz-transform:translate(0,-15px); -o-transform:translate(0,-15px); -ms-transform:translate(0,-15px); } 
.warp1 .divb .sdiva .isdiva .eisdivb dt{ width:82%; float:left; overflow:hidden; font-size:28px; color:#FFF; font-weight:bold; position:absolute; left:9%; top:38%; text-align:center;}
.warp1 .divb .sdiva .isdiva .eisdivb dd{ width:82%; float:left; overflow:hidden; font-size:14px; color:#FFF;  text-transform:uppercase; position:absolute; left:9%; top:44%;text-align:center;}
 
.warp2 .diva .sdiva dt{ width:100%; overflow:hidden; float:left; font-size:58px; text-transform:uppercase; color:#007cc2; font-weight:bold; margin-bottom:1%;} 
.warp2 .diva .sdiva dd{ width:100%; overflow:hidden; float:left; font-size:36px;  margin-bottom:8%;}
.warp2 .diva .sdiva h2{ width:100%; overflow:hidden; float:left; font-size:16px; line-height:34px; word-break: break-all; text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical; -webkit-line-clamp:5; margin-bottom:8%;} 

.warp3 .diva .sdivb{ overflow:hidden; float:right; margin-top:70px; 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 .diva .sdiva dt{ width:100%; overflow:hidden; float:left; font-size:58px; text-transform:uppercase; color:#007cc2; font-weight:bold; margin-bottom:1%;} 
.warp3 .diva .sdiva dd{ width:100%; overflow:hidden; float:left; font-size:36px;  }

.warp4 .diva .sdiva dt{ width:100%; overflow:hidden; float:left; font-size:58px; text-transform:uppercase; color:#007cc2; font-weight:bold; margin-bottom:1%;} 
.warp4 .diva .sdiva dd{ width:100%; overflow:hidden; float:left; font-size:36px;  }
.warp4 .diva .sdivb{ overflow:hidden; float:right; margin-top:70px; 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; } 
 
.foot .diva .sdiva .isdivb{width:100%; float:left; overflow:hidden; font-size:42px; color:#FFF; font-family:Arial, Helvetica, sans-serif; margin-bottom:5%; } 

.cd-popup-container3{position:relative;margin:130px auto; width:500px; border-radius:10px;background:#fff; box-shadow:0 0 20px rgba(0,0,0,.2);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;}

}