@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:#d9251d; 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;}


 
  
 
 

.herdbox{ width:80%; } 
.herdbox .herd{ width:100%; height:120px; }
.herdbox .herd .logo{ width:270px; float:left; overflow:hidden; }
.herdbox .herd .logo img{ width:100%;  float:left; overflow:hidden;} 

.nav_bar{ height:120px; float:right; }
.nav_bar ul li{ float:left; list-style-type:none; text-align:center; line-height:116px; margin-left:45px; }
.nav_bar ul li a{display:block; color:#222; font-size:18px; }
.nav_bar ul li a:hover{display:block; color:#d9251d; font-size:18px; border-bottom:#d9251d solid 4px; }
#menu_hover {  color:#d9251d; border-bottom:#d9251d solid 4px; } 
.nav_bar ul li.l1:hover .hid{display:block;}
.hid{position:absolute;left:0; top:120px; display:none; width:100%; height:90px; background-color:rgba(0,0,0,0.6); z-index:9999;}
.hid ul{margin:0 auto; height:90px; overflow:hidden; }
.hid ul li{ width:auto; float:left; font-size:16px; line-height:90px; margin:0px 20px 0px 20px;}
.hid ul li a{ font-size:16px; color:#fff;}
.hid ul li a:hover{ font-size:16px; color:#fff; border: none;}
.dh1{ width:70%; height:90px; overflow:hidden; line-height:90px; padding:0% 0% 0% 30%;  text-align:center;}
.dh2{ width:60%; height:90px; overflow:hidden; line-height:90px; padding:0% 0% 0% 40%;  text-align:center;}
.dh3{ width:53%; height:90px; overflow:hidden; line-height:90px; padding:0% 0% 0% 47%;  text-align:center;}
.dh4{ width:50%; height:90px; overflow:hidden; line-height:90px; padding:0% 0% 0% 50%;  text-align:center;}
.dh5{ width:37%; height:90px; overflow:hidden; line-height:90px; padding:0% 0% 0% 63%;  text-align: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:66px; }
.mybn .page .swiper-pagination-bullet{ width:80px; height:3px; overflow:hidden; background-color: rgba(255,255,255,.3); 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-slide{ width:100%; display:block;} 


 
.warp1{ width:80%; overflow:hidden; padding:4.5% 0% 0% 0%; } 
.warp1 .diva{ width:100%; overflow:hidden; margin-bottom:2.5%; position:relative; }
.warp1 .diva dt{ width:100%; overflow:hidden; font-size:144px; color:#fff; text-align:center; opacity:0.1; font-family:Arial, Helvetica, sans-serif; font-weight:bold;  -webkit-text-stroke: 1px black; /* Safari */ text-stroke: 1px black;}
.warp1 .diva dd{ width:100%; overflow:hidden; position:absolute; top:31%; left:0; text-align:center;}
.warp1 .diva dd h2{ width:100%; overflow:hidden; display:inline-block; font-size:40px; font-weight:bold; color:#222; margin-bottom:30px;}
.warp1 .diva dd h3{ width:3%; overflow:hidden; display:inline-block; height:2px; background:#d9251d;}
.warp1 .divb{ width:100%; overflow:hidden; margin-bottom:4.5%; position: relative; } 
.warp1 .divb .sdiva{ width:70%; overflow:hidden; float:left;} 
.warp1 .divb .sdiva img{ width:100%; overflow:hidden; } 
.warp1 .divb .sdivb{width:42%; overflow:hidden; box-sizing: border-box; position: absolute; right:0; bottom:0; display: flex; display: -webkit-flex;-webkit-align-items: flex-end;align-items: flex-end; }
.warp1 .divb .sdivb .textbox{ background-color: #f5f6fb;box-sizing: border-box; padding:50px 50px;}
.warp1 .divb .sdivb .textbox span{ width:100%;  float:left; overflow:hidden; font-size: 14px; font-weight: bold; color: #e62129; vertical-align: middle;}
.warp1 .divb .sdivb .textbox span strong{display: inline-block;width: 54px; height: 1px; vertical-align: middle;background-color: #d9251d; margin-right:14px;}
.warp1 .divb .sdivb .textbox h3{ width:100%;  float:left; overflow:hidden;  font-size:30px; color:#222; font-weight: bold; margin:20px 0px 6px 0px;}
.warp1 .divb .sdivb .textbox p{width:100%;  float:left; overflow:hidden; font-size:18px; color:#444; line-height:30px; overflow: hidden; margin-top:15px; }
.warp1 .divb .sdivc{ overflow:hidden; position: absolute; right:0; top:0; text-align:right; }
.warp1 .divb .sdivc a{ overflow:hidden; float:left; font-size:16px; color:#444; line-height:28px; border-left:#dcdcdc solid 2px; padding-left:25px; margin-bottom:10px; }
.warp1 .divb .sdivc a:hover{  overflow:hidden; float:left;font-size:16px;  color:#d9251d; border-left:#d9251d solid 2px; }
.warp1 .divb .sdivc a b{  font-size:16px; font-weight:normal; padding-right:25px;}
#about_on{  color:#d9251d; border-left:#d9251d solid 2px;font-size:16px;  }
.warp1 .divc{ width:262px; overflow:hidden; }
.warp1 .divc a{width:260px;  height:70px; border: #dcdcdc solid 1px; overflow:hidden; text-align:center; font-size:18px; color:#444; border-radius:40px; line-height:70px; display:block; transition: all 0.4s;  } 
.warp1 .divc a:hover{width:260px;  height:70px; border: #d9251d solid 1px; background:#d9251d; overflow:hidden; font-size:18px; color:#fff; text-align:center; line-height:70px; display:block; transition: all 0.4s; } 
.warp1 .divc i{ width:8px; height:16px; background: url(../images/img1.png) no-repeat center; overflow:hidden; display: inline-block; margin-left:30px; } 
.warp1 .divc a:hover i{ background: url(../images/img2.png) no-repeat center;  } 







.warp2{ width:80%; overflow:hidden; padding:4.5% 0% 6% 0%; } 
.warp2 .diva{ width:100%; overflow:hidden; margin-bottom:2.5%; position:relative; }
.warp2 .diva dt{ width:100%; overflow:hidden; font-size:144px; color:#fff; text-align:center; opacity:0.1; font-family:Arial, Helvetica, sans-serif; font-weight:bold;  -webkit-text-stroke: 1px black; /* Safari */ text-stroke: 1px black;}
.warp2 .diva dd{ width:100%; overflow:hidden; position:absolute; top:31%; left:0; text-align:center;}
.warp2 .diva dd h2{ width:100%; overflow:hidden; display:inline-block; font-size:40px; font-weight:bold; color:#222; margin-bottom:30px;}
.warp2 .diva dd h3{ width:3%; overflow:hidden; display:inline-block; height:2px; background:#d9251d;}
.warp2 .divb{ width:100%; overflow:hidden; margin-bottom:4.5%; } 
.swiper-slide .bg-case{ display: block; width: 100%; float:left; overflow:hidden;  padding-bottom:9%;}
.swiper-slide .bg-case dt{ width:100%; float:left; overflow:hidden; } 
.swiper-slide .bg-case dt img{ width:100%; float:left; overflow:hidden; transition: all 0.8s;  } 
.swiper-slide .bg-case dt img:hover{transform: scale(1.1); }
.swiper-slide .bg-case dd{ width:90%; float:left; overflow:hidden; font-size:20px; font-weight:bold; padding:0% 5% 14% 5%;  color:#fff; position:absolute; left:0; bottom:0; transition: all 0.8s; } 
.case .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; }
.case .page .swiper-pagination{position:absolute; bottom:0px; }
.case .page .swiper-pagination-bullet{ width:10px; height:10px; overflow:hidden; background-color:#cdcdcd; margin:0 4px; opacity: 1; outline: none; border-radius:50%;}
.case .page .swiper-pagination-bullet-active{ background:#d9251d; outline: none; }
.warp2 .divc{ width:262px; overflow:hidden; }
.warp2 .divc a{width:260px;  height:70px; border: #dcdcdc solid 1px; overflow:hidden; text-align:center; font-size:18px; color:#444; border-radius:40px; line-height:70px; display:block; transition: all 0.4s;  } 
.warp2 .divc a:hover{width:260px;  height:70px; border: #d9251d solid 1px; background:#d9251d; overflow:hidden; font-size:18px; color:#fff; text-align:center; line-height:70px; display:block; transition: all 0.4s; } 
.warp2 .divc i{ width:8px; height:16px; background: url(../images/img1.png) no-repeat center; overflow:hidden; display: inline-block; margin-left:30px; } 
.warp2 .divc a:hover i{ background: url(../images/img2.png) no-repeat center;  } 








.warp3{ width:100%; overflow:hidden; padding:4.5% 0% 6% 0%;background:#f5f6fb;} 
.warp3 .diva{ width:100%; overflow:hidden; margin-bottom:2%; position:relative; }
.warp3 .diva dt{ width:100%; overflow:hidden; font-size:144px; color:#fff; text-align:center; opacity:0.2; font-family:Arial, Helvetica, sans-serif; font-weight:bold;  -webkit-text-stroke: 1px black; /* Safari */ text-stroke: 1px black;}
.warp3 .diva dd{ width:100%; overflow:hidden; position:absolute; top:31%; left:0; text-align:center;}
.warp3 .diva dd h2{ width:100%; overflow:hidden; display:inline-block; font-size:40px; font-weight:bold; color:#222; margin-bottom:30px;}
.warp3 .diva dd h3{ width:3%; overflow:hidden; display:inline-block; height:2px; background:#d9251d;}
.warp3 .divb{ width:80%; overflow:hidden; margin-bottom:1.5%; }
.warp3 .divb .sdiva{ width:48%; overflow:hidden; float:left; overflow:hidden; padding-right:80px;  position:relative; }
.warp3 .divb .sdiva .isdiva{ width:100%; overflow:hidden; float:left;}
.warp3 .divb .sdiva .isdiva img{ width:100%; overflow:hidden; float:left; transition: all 0.8s;   }
.warp3 .divb .sdiva .isdiva img:hover{transform: scale(1.1); }
.warp3 .divb .sdiva .text{width:62%; box-sizing: border-box; background-color: rgba(34,34,34,0.8); padding:30px 120px 30px 40px; position: absolute; right: 80px; top: 50%;z-index: 2;transform: translateY(-50%);-webkit-transform: translateY(-50%);}
.warp3 .divb .sdiva:hover .text h3{color: #d9251d;}
.warp3 .divb .sdiva .text h3{font-size: 18px;color: #fff;margin-bottom: 20px;line-height:28px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;font-weight: bold;}
.warp3 .divb .sdiva .text h4{font-size: 15px;color: #fff;line-height: 26px; display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;text-align: justify;}
/*.warp3 .divb .sdiva .text h5{background-color: #d9251d;width: 140px;height: 140px;border-radius: 50%;text-align: center;display: flex;display: -webkit-flex;flex-flow: column;-webkit-flex-flow: column;-webkit-align-items: center;align-items: center;-webkit-justify-content: center;justify-content: center;position: absolute;right: -70px;top: 50%;transform: translateY(-50%);-webkit-transform: translateY(-50%);box-shadow: 5px 2px 10px rgba(0,0,0,0.3);}*/
.warp3 .divb .sdiva .text h5{/*background-color: #d9251d;*/background:#f5f6fb;width: 140px;height: 140px;border-radius: 50%;text-align: center;display: flex;display: -webkit-flex;flex-flow: column;-webkit-flex-flow: column;-webkit-align-items: center;align-items: center;-webkit-justify-content: center;justify-content: center;position: absolute;right: -70px;top: 50%;transform: translateY(-50%);-webkit-transform: translateY(-50%);box-shadow: 5px 2px 10px rgba(0,0,0,0.3);}
.warp3 .divb .sdiva .text h5:after{content: '';display: block;width: 162px;height: 162px;border-radius: 50%;border: 1px solid #fff;left: -12px;top: -12px;position: absolute;}
.warp3 .divb .sdiva .text h5 p{display: block;color: #666666;font-size: 50px;font-weight: bold;}
.warp3 .divb .sdiva .text span{font-size: 16px;display: inline-block;color: #666666;margin-top:2px;} 
.warp3 .divb .sdivb{ width:40%; overflow:hidden; float:right; overflow:hidden; }
.warp3 .divb .sdivb .isdiva{ width:100%; overflow:hidden; float:left; margin-bottom:10%;}
.warp3 .divb .sdivb .isdiva .eisdiva{ width:64%; overflow:hidden; float:left;  }
.warp3 .divb .sdivb .isdiva .eisdiva dt{ width:100%; overflow:hidden; float:left; font-size:18px; font-weight:bold; line-height:26px; margin-bottom:7%; qword-break: break-all; text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:2;}
.warp3 .divb .sdivb .isdiva .eisdiva dd{ width:100%; overflow:hidden; float:left; }
.warp3 .divb .sdivb .isdiva .eisdiva dd h2{ width:50%; overflow:hidden; float:left; font-size:14px;line-height:34px;  color:#666;  font-family:Arial, Helvetica, sans-serif;  }
.warp3 .divb .sdivb .isdiva .eisdiva dd h3{ width:20%; height:34px; overflow:hidden; float:right; font-size:14px; text-align:center; line-height:34px; border-radius:4px;  color:#666; background:#d9251d; }
.warp3 .divb .sdivb .isdiva .eisdivb{ width:30%; overflow:hidden; float:right;  }
.warp3 .divb .sdivb .isdiva .eisdivb img{ width:100%; overflow:hidden; float:left; transition: all 0.8s;   }
.warp3 .divb .sdivb .isdiva .eisdivb img:hover{transform: scale(1.1); }
.warp3 .divc{ width:262px; overflow:hidden; }
.warp3 .divc a{width:260px;  height:70px; border: #dcdcdc solid 1px; overflow:hidden; text-align:center; font-size:18px; color:#444; border-radius:40px; line-height:70px; display:block; transition: all 0.4s;  } 
.warp3 .divc a:hover{width:260px;  height:70px; border: #d9251d solid 1px; background:#d9251d; overflow:hidden; font-size:18px; color:#fff; text-align:center; line-height:70px; display:block; transition: all 0.4s; } 
.warp3 .divc i{ width:8px; height:16px; background: url(../images/img1.png) no-repeat center; overflow:hidden; display: inline-block; margin-left:30px; } 
.warp3 .divc a:hover i{ background: url(../images/img2.png) no-repeat center;  } 






.warp4{ width:100%; overflow:hidden; padding:4.5% 0% 6% 0%;} 
.warp4 .diva{ width:100%; overflow:hidden; margin-bottom:2%; position:relative; }
.warp4 .diva dt{ width:100%; overflow:hidden; font-size:144px; color:#fff; text-align:center; opacity:0.1; font-family:Arial, Helvetica, sans-serif; font-weight:bold;  -webkit-text-stroke: 1px black; /* Safari */ text-stroke: 1px black;}
.warp4 .diva dd{ width:100%; overflow:hidden; position:absolute; top:31%; left:0; text-align:center;}
.warp4 .diva dd h2{ width:100%; overflow:hidden; display:inline-block; font-size:40px; font-weight:bold; color:#222; margin-bottom:30px;}
.warp4 .diva dd h3{ width:3%; overflow:hidden; display:inline-block; height:2px; background:#d9251d;}
.warp4 .divb{ width:100%; float:left; overflow:hidden; margin-bottom:3.6%; } 
.warp4 .divb ul{ width:100%; float:left; overflow:hidden;   } 
.warp4 .divb ul li{ width:33.133333%; float:left; overflow:hidden; margin:0.1% 0.1%; position:relative; } 
.warp4 .divb ul li dt{ width:100%; float:left; overflow:hidden; } 
.warp4 .divb ul li dt img{ width:100%; float:left; overflow:hidden; transition: all 0.8s;  } 
.warp4 .divb ul li dt img:hover{transform: scale(1.1); }
.warp4 .divb ul li dd{ width:100%; height:100%; float:left; overflow:hidden; background-color: rgba(0,0,0,.3);  position:absolute; left:0; bottom:0; transition: all 0.8s; } 





 
.warp4 .divb{ width:100%; overflow:hidden; }
.warp4 .divb .casebox{ width:100%; overflow:hidden;  }
.warp4 .divb .casebox .casea{ width:100%; overflow:hidden; margin:0  auto;  padding-bottom:60px; }
.warp4 .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:90%; 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:18px; 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 #d9251d; 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 #d9251d;  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:#d9251d; outline: none; }





.warp4 .divc{ width:262px; overflow:hidden; }
.warp4 .divc a{width:260px;  height:70px; border: #dcdcdc solid 1px; overflow:hidden; text-align:center; font-size:18px; color:#444; border-radius:40px; line-height:70px; display:block; transition: all 0.4s;  } 
.warp4 .divc a:hover{width:260px;  height:70px; border: #d9251d solid 1px; background:#d9251d; overflow:hidden; font-size:18px; color:#fff; text-align:center; line-height:70px; display:block; transition: all 0.4s; } 
.warp4 .divc i{ width:8px; height:16px; background: url(../images/img1.png) no-repeat center; overflow:hidden; display: inline-block; margin-left:30px; } 
.warp4 .divc a:hover i{ background: url(../images/img2.png) no-repeat center;  } 
  
 
 
    
  
  
.foot{ width:100%; overflow:hidden; background:#24262c; padding:4% 0% 4% 0%; } 
.foot .diva{ width:80%; overflow:hidden; margin-bottom:4%; } 
.foot .diva .sdiva{ width:30%;float:left;  overflow:hidden; } 
.foot .diva .sdiva dt{ width:100%; float:left;  overflow:hidden;  font-size:20px; color:#fff; margin-bottom:30px; } 
.foot .diva .sdiva dd{ width:100%; float:left;  overflow:hidden;  font-size:14px; line-height:26px; color:#a0a0a0; margin-bottom:10px;} 
.foot .diva .sdiva dd b{ font-size:24px; color:#fff; font-weight:normal; font-family:Arial, Helvetica, sans-serif;} 
.foot .diva .sdiva dd a{ font-size:14px; color:#a0a0a0;} 
.foot .diva .sdiva dd a:hover{ font-size:14px; color:#fff; } 
 .foot .diva .sdivb{ width:54%;float:right;  overflow:hidden;  } 
.foot .diva .sdivb .isdiva{ width:12.5%; float:left;  overflow:hidden; margin-right:2%;  } 
.foot .diva .sdivb .isdiva dt{ width:100%; float:left;  overflow:hidden; margin-bottom:20px; } 
.foot .diva .sdivb .isdiva dt a{ font-size:16px; color:#fff; } 
.foot .diva .sdivb .isdiva dt a:hover{ font-size:16px; color:#fff; } 
.foot .diva .sdivb .isdiva li{ width:100%; float:left;  overflow:hidden; line-height:24px; margin-bottom:8px;} 
.foot .diva .sdivb .isdiva li a{ font-size:14px; color:#a0a0a0; } 
.foot .diva .sdivb .isdiva li a:hover{ font-size:14px; color:#fff; } 
.foot .diva .sdivb .isdivb{ width:16%; float:left;  overflow:hidden;  } 
.foot .diva .sdivb .isdivb dt{ width:100%; float:left;  overflow:hidden; margin-bottom:20px; } 
.foot .diva .sdivb .isdivb dt a{ font-size:16px; color:#fff; } 
.foot .diva .sdivb .isdivb dt a:hover{ font-size:16px; color:#fff; } 
.foot .diva .sdivb .isdivb li{ width:100%; float:left;  overflow:hidden; line-height:24px; margin-bottom:5px;} 
.foot .diva .sdivb .isdivb li a{ font-size:14px; color:#a0a0a0; } 
.foot .diva .sdivb .isdivb li a:hover{ font-size:14px; color:#fff; } 
.foot .divb{ width:80%; } 
.foot .divb .sdiva{ width:80%; float:left;  } 
.foot .divb .sdiva .isdiva{ width:100%; float:left; overflow:hidden; font-size:20px; color:#FFF; margin-bottom:40px;  } 
.foot .divb .sdiva .isdivb{ width:100%; float:left;  } 
.select-wrapper{position:relative; display:inline-block; width:300px; height:50px; border:1px solid #b5b5b5; background: none; float:left; font-size:14px; cursor:pointer; margin-right:15px;}
.select-wrapper.focus{border:1px solid #fff;}
.select-button{ overflow:hidden; padding:0px 26px 0px 10px; width:264px; height:50px; outline:0;border:0; background: none;text-align:left;text-overflow:ellipsis;white-space:nowrap; color:#a0a0a0; font-size:14px; cursor:pointer;word-break:keep-all;}
.select-down{ position:absolute; top:21px; right:12px; overflow:hidden;width:0;height:0; border-color:#fff transparent transparent transparent; border-style:solid; border-width:6px;  color:#fff; font-size:0;}
.disabled{color:#fff;}
.select-list{ position:absolute; top:50px; left:-1px; z-index:2; display:none; overflow:hidden; width:300px; border:1px solid #b5b5b5; background:#f8f8f8; }
.select-list ul{ overflow-x:hidden; overflow-y:auto; margin:0; padding:0; max-height:80px; line-height:40px; font-size:14px; }
.select-list ul li{overflow:hidden;padding-left:10px;width:auto;height:40px; font-size:14px; text-overflow:ellipsis;white-space:nowrap;cursor:pointer;word-break:keep-all;}
.select-list ul li.selected,.select-list ul li:hover{background:#5d5d5d;color:#fff;}
 
.foot .divb .sdivb{ width:8%; float:right; overflow:hidden; } 
.foot .divb .sdivb dt{ width:100%; float:left; overflow:hidden; margin-bottom:15px; } 
.foot .divb .sdivb dt img{ width:100%; float:left; overflow:hidden; } 
.foot .divb .sdivb dd{ width:100%; float:left; overflow:hidden; text-align:center; font-size:14px; color:#a0a0a0; } 
 
 
 

 
 
.digg{ width:80%; margin-bottom:6%; text-align:center; font-size:16px; overflow:hidden;}
.digg a{ margin:3px; padding:15px 25px; background: #f4f4f4; 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:#d9251d; color:#FFF; }


 

 
 
.about_banner{height:400px; background-size: cover!important; position:relative; overflow:hidden; }
.about_banner .biaoti{ position: absolute; bottom:34%; left: 0; width: 80%; padding:0% 10%; }
.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:#f5f6fb;  }
.nynav2 ul{ width:80%;  height:70px; overflow:hidden; text-align:center; }
.nynav2 ul li{ width:20%;  height:70px; overflow:hidden; float:left; line-height:70px; }
.nynav2 ul li a{ font-size:18px; color:#222; display:block; }
.nynav2 ul li a:hover{ color:#fff; background:#f1938f;}
#nynav2_on{ color:#fff; background:#d9251d; }


 
.nynav3{ width:100%; overflow:hidden; background:#f5f6fb;  }
.nynav3 ul{ width:80%;  height:70px; overflow:hidden; text-align:center; }
.nynav3 ul li{ width:33.3333%;  height:70px; overflow:hidden; float:left; line-height:70px; }
.nynav3 ul li a{ font-size:18px; color:#222; display:block; }
.nynav3 ul li a:hover{ color:#fff; background:#f1938f;}
 


.nynav5{ width:100%; overflow:hidden; background:#f5f6fb;  }
.nynav5 ul{ width:80%;  height:70px; overflow:hidden; text-align:center; }
.nynav5 ul li{ width:50%;  height:70px; overflow:hidden; float:left; line-height:70px; }
.nynav5 ul li a{ font-size:18px; color:#222; display:block; }
.nynav5 ul li a:hover{ color:#fff; background:#f1938f;}
 


.warp5{ width:100%; overflow:hidden; padding:6% 0%0% 0%;} 
.warp5 .diva{ width:80%; overflow:hidden; margin-bottom:6%; }
.warp5 .diva .sdiva{ width:100%;  overflow:hidden; margin-bottom:4%; } 
.warp5 .diva .sdiva h2{ width:100%; float:left; overflow:hidden; font-size:30px; color:#666; margin-bottom:5px;  } 
.warp5 .diva .sdiva h3{ width:100%; float:left; overflow:hidden; font-size:40px; font-weight:bold; color:#222;   } 
.warp5 .diva .sdiva h4{ width:100%; float:left; overflow:hidden; } 
.warp5 .diva .sdivb{ width:100%;  overflow:hidden; } 
.warp5 .diva .sdivb dt{ width:50%; float:left; overflow:hidden; } 
.warp5 .diva .sdivb dt img{ width:100%; float:left; overflow:hidden; } 
.warp5 .diva .sdivb dd{ width:45%; float:right; overflow:hidden; } 
.warp5 .divb{ width:100%; overflow:hidden; padding:6% 0% 6% 0%;background:#f5f6fb } 
.warp5 .divb .sdiva{ width:80%;  overflow:hidden;  margin-bottom:4%;} 
.warp5 .divb .sdiva h2{ width:100%; float:left; overflow:hidden; font-size:30px; color:#666; margin-bottom:10px;  } 
.warp5 .divb .sdiva h3{ width:100%; float:left; overflow:hidden; font-size:40px; font-weight:bold; color:#222;   } 
.warp5 .divb .sdiva h4{ width:100%; float:left; overflow:hidden; } 
.pagehist{ width:100%; overflow:hidden; display: block; overflow: hidden; background-size: cover; position: relative;}
.pagehist .sw{ display: block;overflow: hidden;width: 60%;margin: 0 auto;position: relative;}
.pagehist h6{ font-size:28px;color: #444;text-align: center; margin:0 0 40px 0;}
.pagehist .sw .swiper-container03{ display: block;width: 100%;}
.pagehist .sw .swiper-slide{ display: block;width: 100%;} 
.pagehist .sw .swiper-slide span{ display: block;text-align: center; line-height: 30px;}
.pagehist .sw .swiper-slide strong{display: block; font-weight: normal;font-size: 20px;text-align: center;  margin: 80px 0 0 0; }
.pagehist .sw .swiper-slide span{ opacity: 0;position: relative;width:600px; height:64px; line-height:32px; left: 50%;-webkit-transform: translateX(-50%);-webkit-transform: translateX(-50%); font-size:20px; color:#666;  transition: all .6s;}
.pagehist .sw .swiper-slide h6{opacity: 0;white-space: nowrap;text-align: center;display: flex;display: -webkit-flex;-webkit-justify-content: center;justify-content: center;transition: all .6s;position: relative;width:600px;left: 50%;-webkit-transform: translateX(-50%);-webkit-transform: translateX(-50%);}
.pagehist .sw .swiper-slide-active h6{opacity: 1; }
.pagehist .sw .swiper-slide-active span{ opacity: 1; }
.pagehist .sw .swiper-slide-active strong{ color: #d9251d;}
.pagehist:before{ content: "";position: absolute;width: 100%;height: 1px; background: #a6a6a6; bottom:24px;opacity: 0.5;left: 0;}
.pagehist .sw .swiper-slide #qx{display: block;width: 50px;height: 50px;background: rgba(255, 255, 255, 0.0);border-radius: 50%;margin: 20px auto 0;position: relative;}
.pagehist .sw .swiper-slide #qx #a1{position: absolute;width: 8px;height: 8px;background: #999;border-radius: 50%;top: 21px;left: 21px;opacity: 0.8;z-index: 3;}
.pagehist .sw .swiper-slide #qx #a2{position: absolute;width: 18px;height: 18px;border-radius: 50%;top: 15px;left: 15px;opacity: 0.8;z-index: 3;border: 1px solid #999;}
.pagehist .sw .swiper-slide #qx #a3{}
.pagehist .sw .swiper-slide-active #qx{ background:rgba(241, 147, 143, 0.2);   }
.pagehist .sw .swiper-slide-active #qx #a1{    background: #d9251d;}
.pagehist .about-tt{position: absolute;bottom: 125px;width: 200px;}
.pagehist .about-tt span{color: #d9251d;    text-align: center;}
.pagehist .about-tt font{background: #d9251d; opacity: 0.5;}
.pagehist .np{position: absolute;width:80px; bottom: 24px; right:130px;    padding: 0 0 20px 0;}
.pagehist .np .npto{display: block;width:30px;height: 30px;border: 1px solid #d9251d;float: right;color: #d9251d;line-height: 30px;text-align: center;border-radius: 50%; font-size: 14px;cursor: pointer;}
.pagehist .np .npto:hover{opacity: 0.8;}
.pagehist .np .npto:focus{outline:none;}
.pagehist .np .swiper-button-prev03{float: left;}

 
 
 

.warp6{ width:100%; overflow:hidden; padding:6% 0% 0% 0%;} 
.warp6 .diva{ width:100%; overflow:hidden; margin-bottom:4%; }
.warp6 .diva .sdiva{ width:80%;  overflow:hidden; margin-bottom:4%; } 
.warp6 .diva .sdiva h2{ width:100%; float:left; overflow:hidden; font-size:30px; color:#666; margin-bottom:5px;  } 
.warp6 .diva .sdiva h3{ width:100%; float:left; overflow:hidden; font-size:40px; font-weight:bold; color:#222;   } 
.warp6 .diva .sdiva h4{ width:100%; float:left; overflow:hidden; } 
.warp6 .diva .sdivb{ width:83%;  overflow:hidden; } 
.warp6 .diva .sdivb .isdiva{ width:30%; float:left; overflow:hidden;  text-align:center; margin:0% 1.6666% 1% 1.6666%;  } 
.warp6 .diva .sdivb .isdiva dt{ width:100%; float:left; overflow:hidden; } 
.warp6 .diva .sdivb .isdiva dt img{ width:100%; float:left; overflow:hidden;transition: all 0.8s;  } 
.warp6 .diva .sdivb .isdiva dt img:hover{transform: scale(1.1); }
.warp6 .diva .sdivb .isdiva dd{ width:100%; float:left; overflow:hidden; line-height:80px; font-size:16px; text-overflow: ellipsis; white-space: nowrap;  } 






.warp7{ width:84%; overflow:hidden; padding:6% 0% 2% 0%;} 
.warp7 .diva{ width:28.33%; float:left; overflow:hidden; margin:0% 2.5% 3% 2.5%;  } 
.warp7 .diva dt{ width:100%; float:left; overflow:hidden; } 
.warp7 .diva dt img{ width:100%; float:left; overflow:hidden;transition: all 0.8s;  } 
.warp7 .diva dt img:hover{transform: scale(1.1); }
.warp7 .diva dd{ width:100%; float:left; overflow:hidden; padding:7% 0%;} 
.warp7 .diva dd h2{ width:100%; float:left; overflow:hidden; font-size:14px; font-family:Arial, Helvetica, sans-serif; color:#666; margin-bottom:5%;} 
.warp7 .diva dd h3{ width:100%; height:60px; float:left; overflow:hidden; font-size:18px; font-weight:bold; line-height:30px;  margin-bottom:6%;word-break: break-all; text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:2;} 
.warp7 .diva dd h4{ width:100%; float:left; overflow:hidden; font-size:14px; color:#666; } 




.warp8{ width:84%; overflow:hidden; padding:4% 0% 4% 0%;} 
.warp8 .diva{ width:21%; float:left; overflow:hidden; margin:2% 2% 2% 2%;  } 
.warp8 .diva dt{ width:100%; float:left; overflow:hidden; } 
.warp8 .diva dt img{ width:100%; float:left; overflow:hidden;transition: all 0.8s;  } 
.warp8 .diva dt img:hover{transform: scale(1.1); }





  
.wenzhang{ width:80%; overflow:hidden; padding:6% 0%; } 

.wenzhang2{ width:1200px; overflow:hidden; padding:6% 0%; } 


.news{ width:80%;  overflow:hidden; padding:6% 0% 1% 0%; } 
.news .diva{ width: 100%; float:left; overflow:hidden; margin-bottom:6%;  }
.news .diva .sdivb{ width:28%; float:left; overflow:hidden; } 
.news .diva .sdivb img{ width:100%; float:left; overflow:hidden; transition: all 0.8s;  } 
.news .diva .sdivb img:hover{transform: scale(1.1); }  
.news .diva .sdivc{ width:66%; float:right; overflow:hidden; } 
.news .diva .sdivc dt{ width:100%; float:left; overflow:hidden; font-size:16px;  color:#666; font-family: Arial, Helvetica, sans-serif; margin-bottom:30px; padding-top:10px;} 
.news .diva .sdivc h2{ width:100%; float:left; overflow:hidden; font-size:20px; line-height:34px;  margin-bottom:30px; } 
.news .diva .sdivc h3{ width:100%; float:left; overflow:hidden; font-size:15px; line-height:26px; color:#666; margin-bottom:30px; word-break: break-all; text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:2;} 
.news .diva .sdivc h4{width:100%; float:left; overflow:hidden; font-size:14px; color:#666; } 
  
 
  
.news2{ width:80%;  overflow:hidden; padding:6% 0% 3% 0%; } 
.news2 .diva{ width: 100%; float:left; overflow:hidden; margin-bottom:3%; border-bottom:#dedede solid 1px; padding-bottom:3%;  }
.news2 .diva .sdivb{ width:14%; float:left; overflow:hidden; } 
.news2 .diva .sdivb dt{ width:100%; float:left; overflow:hidden; font-size:50px;   } 
.news2 .diva .sdivb dd{ width:100%; float:left; overflow:hidden; font-size:15px;} 
.news2 .diva .sdivc{ width:86%; float:left; overflow:hidden; font-size:20px; line-height:36px;  } 



 
 
.news_xx{ width:1200px; overflow:hidden; padding:6% 0%; } 
.news_xx .diva{ width:1200px; overflow:hidden; font-size:26px; line-height:48px; text-align:center; }
.news_xx .divb{ width:1200px; overflow:hidden; font-size:14px; color:#666; padding:60px 0px; border-bottom:#dedede solid 1px; text-align:center;}
.news_xx .divc{ width:1000px; overflow:hidden; padding:100px 0px; }
.news_xx .divd{ width:1200px; overflow:hidden; }  
.news_xx .divd dt{ width:500px; height:60px; overflow:hidden; float:left; font-size:14px; } 
.news_xx .divd dt a{ font-size:14px;  overflow:hidden; } 
.news_xx .divd dt a:hover{ font-size:14px;  } 
.news_xx .divd dd{ height:60px; overflow:hidden; float:right; line-height:60px; }  
.news_xx .divd dd a{ font-size:14px;  overflow:hidden; background:url(../images/img1.png) no-repeat right; padding-right:20px; } 
.news_xx .divd dd a:hover{ font-size:14px;  overflow:hidden; background:url(../images/img9.png) no-repeat right;  padding-right:20px;  } 

.news_xx .dive{ width:1200px; overflow:hidden; padding-bottom:30px; }
.news_xx .dive dt{ width:540px; overflow:hidden; font-size:24px; line-height:50px; float:left; }
.news_xx .dive h2{ width:160px; height:50px; float:right; overflow:hidden; font-size:18px; color:#FFF; border-radius:30px;line-height:50px;  text-align:center; background:#52c152; margin-right:20px; } 
.news_xx .dive h3{ float:right; overflow:hidden; margin-top:15px;} 
.news_xx .dive dd{ width:160px; float:right; overflow:hidden; text-align:center; margin-right:30px; } 
.news_xx .dive dd a{ width:160px; height:50px; background:#d9251d; display:block; overflow:hidden; line-height:50px; font-size:18px; color:#FFF; border-radius:30px;  } 
.news_xx .dive dd a:hover{ width:160px; height:50px; background:#2d73c2; overflow:hidden; line-height:50px;  font-size:18px; color:#FFF;  } 






.warp21{ width:80%;  overflow:hidden; padding:6% 0% 6% 0%; } 
.warp21 .divb{ width:54%; overflow:hidden; float:left; } 
.warp21 .diva{ width:37%; overflow:hidden; float:right; padding:2% 0% 0% 0%; } 
.warp21 .diva .sdiva{ width:100%; overflow:hidden; float:left; font-size:24px; color:#222;  margin-bottom:6%; } 
.warp21 .diva .sdivb{ width:100%; overflow:hidden; float:left;  margin-bottom:6%;} 
.warp21 .diva .sdivb dl{ width:100%; overflow:hidden; float:left; border-bottom:#d2d2d2 solid 1px; padding:6% 0%;} 
.warp21 .diva .sdivb dl dt{ width:13%; 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:86%;  overflow:hidden; float:left; } 
.warp21 .diva .sdivb dl dd h2{ width:100%;  overflow:hidden; float:left; font-size:16px; color:#666; margin-bottom:2%;} 
.warp21 .diva .sdivb dl dd h3{ width:100%;  overflow:hidden; float:left; font-size:16px; color:#222;   } 

 
 
 
  

.zhaopin{ width:80%; overflow:hidden;  padding:6% 0% 6% 0%; } 
.zhaopin .divc{ height:80px; overflow:hidden; background:#fff; padding:0% 2%;  line-height:80px; border-top:#d9251d solid 2px; border-bottom:#d7d7d7 solid 1px; }
.zhaopin .divc .sdiva{ width:80%; height:80px; float:left; overflow:hidden; font-size:20px; font-weight:bold; } 
.zhaopin .divc .sdivb{ width:20%; height:80px; float:left;  overflow:hidden;font-size:20px; font-weight:bold;   } 
.zhaopin li{ overflow:hidden; position:relative; background:#fff; border-bottom:#d7d7d7 solid 1px; }
.zhaopin .link{ height:70px; position:relative; display:block; line-height:70px; cursor:pointer; padding:0% 2%;   }
.zhaopin .link dt{ width:80%; float:left; font-size:16px; overflow:hidden;  }
.zhaopin .link dd{ width:20%; float:left; font-size:16px; overflow:hidden;  }
.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:14px; height:14px; background:url(../images/img37.png) no-repeat; right:40px; left:auto; top:27px; }
.zhaopin li.open .link{ background:#e5e5e5; }
.zhaopin li.open i.fa-chevron-down{ width:14px; height:14px; background:url(../images/img38.png) no-repeat; right:40px; left:auto; top:28px; }
.submenu{   padding:4% 2%;  display:none; background:#fff; overflow:hidden; border-top:#eaeffb solid 1px; }
.submenu .diva{ width:100%; float:left; overflow:hidden; margin-bottom:50px;}
.submenu .divd{ width:100%; float:left; overflow:hidden; margin-bottom:30px;}
.submenu .divd dt{ width:50%; float:left; overflow:hidden; font-size:16px; margin-bottom:25px;}
.submenu .divb{ width:200px; height:60px; float:left; overflow:hidden; border-radius:4px;}
.submenu .divb a{ width:200px; height:60px; float:left; overflow:hidden; display:block; background:#d9251d; text-align:center; color:#FFF; line-height:60px; font-size:18px;}
.submenu .divb a:hover{ width:200px; height:60px; float:left; overflow:hidden; display:block; background:#f1938f; text-align:center; color:#FFF; line-height:60px; font-size:18px;}


.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:200px 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:60px 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:20px; }
.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; line-height:54px; }
.is-visible3 .cd-popup-container3 .diva .sdivb h2{  float:left; overflow:hidden; margin-top:20px;}
.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:200px; float:left; overflow:hidden; padding-left:100px;}
.tj3{ width:200px; height:60px; overflow:hidden; border:none; background:#007cc2; cursor:pointer; text-align:center; line-height:60px; font-size:18px; color:#FFF;  border-radius:4px;}

 
 
 


.anli{ width:83.5%;  overflow:hidden;  padding:4% 0% 4% 0%;} 
.anli ul{ width:100%; overflow:hidden;   } 
.anli ul li{ width:30%; float:left; overflow:hidden; margin:1% 1%; position:relative; } 
.anli ul li dt{ width:100%; float:left; overflow:hidden; } 
.anli ul li dt img{ width:100%; float:left; overflow:hidden; transition: all 0.8s;  } 
.anli ul li dt img:hover{transform: scale(1.1); }
.anli ul li dd{ width:100%; height:100%; float:left; overflow:hidden; background-color: rgba(0,0,0,.3);  position:absolute; left:0; bottom:0; transition: all 0.8s; } 
.anli ul li dd h2{ width:90%; float:left; overflow:hidden; font-size:18px; font-weight:bold; color:#FFF; padding:0% 5%; position:absolute; left:0; bottom:8%;  transition: all 0.8s; text-overflow: ellipsis; white-space: nowrap; } 
.anli ul li a:hover dd{   background-color: rgba(0,0,0,.1); transition: all 0.8s; } 
.anli ul li a:hover dd h2{ width:90%; float:left; overflow:hidden; font-size:18px; font-weight:bold; color:#FFF; position:absolute; left:0; bottom:10%; transition: all 0.8s; } 
 
 
 
 
 

@media (min-width:800px) {

.nav_bar{ height:120px; float:right; }
.nav_bar ul li{ float:left; list-style-type:none; text-align:center; line-height:116px; margin-left:20px; }
.nav_bar ul li a{display:block; color:#222; font-size:12px; }
.nav_bar ul li a:hover{display:block; color:#d9251d; font-size:12px; border-bottom:#d9251d solid 4px; }
#menu_hover {  color:#d9251d; border-bottom:#d9251d solid 4px; } 
.nav_bar ul li.l1:hover .hid{display:block;}
.hid{position:absolute;left:0; top:120px; display:none; width:100%; height:90px; background-color:rgba(0,0,0,0.6); z-index:9999;}
.hid ul{margin:0 auto; height:90px; overflow:hidden; }
.hid ul li{ width:auto; float:left; font-size:12px; line-height:90px; margin:0px 20px 0px 20px;}
.hid ul li a{ font-size:12px; color:#fff;}
.hid ul li a:hover{ font-size:12px; color:#fff; border: none;}
.dh1{ width:70%; height:90px; overflow:hidden; line-height:90px; padding:0% 0% 0% 30%;  text-align:center;}
.dh2{ width:60%; height:90px; overflow:hidden; line-height:90px; padding:0% 0% 0% 40%;  text-align:center;}
.dh3{ width:53%; height:90px; overflow:hidden; line-height:90px; padding:0% 0% 0% 47%;  text-align:center;}
.dh4{ width:50%; height:90px; overflow:hidden; line-height:90px; padding:0% 0% 0% 50%;  text-align:center;}
.dh5{ width:37%; height:90px; overflow:hidden; line-height:90px; padding:0% 0% 0% 63%;  text-align:center;}

 
.warp1 .divb .sdivb{width:48%; overflow:hidden; box-sizing: border-box; position: absolute; right:0; bottom:0; display: flex; display: -webkit-flex;-webkit-align-items: flex-end;align-items: flex-end; }
.warp1 .divb .sdivb .textbox{ background-color: #f5f6fb;box-sizing: border-box; padding:20px 30px;}
.warp1 .divb .sdivb .textbox span{ width:100%;  float:left; overflow:hidden; font-size: 12px; font-weight: bold; color: #e62129; vertical-align: middle;}
.warp1 .divb .sdivb .textbox span strong{ display: inline-block;width:34px; height: 1px; vertical-align: middle; background-color: #d9251d; margin-right:14px;}
.warp1 .divb .sdivb .textbox h3{ width:100%;  float:left; overflow:hidden;  font-size:20px; color:#222; font-weight: bold; margin:10px 0px 0px 0px;}
.warp1 .divb .sdivb .textbox p{width:100%;  float:left; overflow:hidden; font-size:12px; color:#444; line-height:18px; overflow: hidden; margin-top:10px; }

.warp1 .divb .sdivc{ overflow:hidden; position: absolute; right:0; top:0; text-align:right; }
.warp1 .divb .sdivc a{ overflow:hidden; float:left; font-size:12px; color:#444; line-height:20px; border-left:#dcdcdc solid 2px; padding-left:25px; margin-bottom:8px; }
.warp1 .divb .sdivc a:hover{  overflow:hidden; float:left;font-size:12px;  color:#d9251d; border-left:#d9251d solid 2px; }
.warp1 .divb .sdivc a b{  font-size:12px; font-weight:normal; padding-right:25px;}
#about_on{  color:#d9251d; border-left:#d9251d solid 2px;font-size:12px;  }

.warp3 .divb .sdivb{ width:40%; overflow:hidden; float:right; overflow:hidden; }
.warp3 .divb .sdivb .isdiva{ width:100%; overflow:hidden; float:left; margin-bottom:9%;}
.warp3 .divb .sdivb .isdiva .eisdiva{ width:64%; overflow:hidden; float:left;  }
.warp3 .divb .sdivb .isdiva .eisdiva dt{ width:100%; overflow:hidden; float:left; font-size:14px; font-weight:bold; line-height:24px; margin-bottom:5%; qword-break: break-all; text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:2;}
.warp3 .divb .sdivb .isdiva .eisdiva dd{ width:100%; overflow:hidden; float:left; }
.warp3 .divb .sdivb .isdiva .eisdiva dd h2{ width:50%; overflow:hidden; float:left; font-size:12px;line-height:26px;  color:#666;  font-family:Arial, Helvetica, sans-serif;  }
/*.warp3 .divb .sdivb .isdiva .eisdiva dd h3{ width:26%; height:26px; overflow:hidden; float:right; font-size:12px; text-align:center; line-height:26px; border-radius:4px;  color:#FFF; background:#d9251d; }*/
.warp3 .divb .sdivb .isdiva .eisdiva dd h3{ width:26%; height:26px; overflow:hidden; float:right; font-size:12px; text-align:center; line-height:26px; border:#d9251d solid 1px; border-radius:4px;  color:#666; background:none;  }
.warp3 .divb .sdivb .isdiva .eisdivb{ width:30%; overflow:hidden; float:right;  }
.warp3 .divb .sdivb .isdiva .eisdivb img{ width:100%; overflow:hidden; float:left; transition: all 0.8s;   }
.warp3 .divb .sdivb .isdiva .eisdivb img:hover{transform: scale(1.1); }


.warp4 .divb{ width:100%; overflow:hidden; }
.warp4 .divb .casebox{ width:100%; overflow:hidden;  }
.warp4 .divb .casebox .casea{ width:100%; overflow:hidden; margin:0  auto;  padding-bottom:60px; }
.warp4 .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:90%; 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:14px; font-weight:bold; color:#FFF; margin-bottom:15px; }
.swiper-slide .bg-img3 .text2 h3{ width:100%; float:left; overflow:hidden; font-size:12px; 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:28%;  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:28%; 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:28%;  height:70px; width:70px; outline: none; opacity: 1; background: url(../images/ico13.png) no-repeat center #d9251d; border-radius:50%;}
.casebox .page .swiper-button-prev:hover{ position: absolute; left:18%; top:28%; height:70px; width:70px; outline: none; opacity: 1; background: url(../images/ico12.png) no-repeat center #d9251d;  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:#d9251d; outline: none; }


.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;}
.is-visible3 .cd-popup-container3 .diva{width:400px; overflow:hidden; padding:30px 50px ; }


} 

@media (min-width:1280px) { 
.nav_bar{ height:120px; float:right; }
.nav_bar ul li{ float:left; list-style-type:none; text-align:center; line-height:116px; margin-left:25px; }
.nav_bar ul li a{display:block; color:#222; font-size:12px; }
.nav_bar ul li a:hover{display:block; color:#d9251d; font-size:12px; border-bottom:#d9251d solid 4px; }
#menu_hover {  color:#d9251d; border-bottom:#d9251d solid 4px; } 
.nav_bar ul li.l1:hover .hid{display:block;}
.hid{position:absolute;left:0; top:120px; display:none; width:100%; height:90px; background-color:rgba(0,0,0,0.6); z-index:9999;}
.hid ul{margin:0 auto; height:90px; overflow:hidden; }
.hid ul li{ width:auto; float:left; font-size:12px; line-height:90px; margin:0px 20px 0px 20px;}
.hid ul li a{ font-size:12px; color:#fff;}
.hid ul li a:hover{ font-size:12px; color:#fff; border: none;}
.dh1{ width:70%; height:90px; overflow:hidden; line-height:90px; padding:0% 0% 0% 30%;  text-align:center;}
.dh2{ width:60%; height:90px; overflow:hidden; line-height:90px; padding:0% 0% 0% 40%;  text-align:center;}
.dh3{ width:53%; height:90px; overflow:hidden; line-height:90px; padding:0% 0% 0% 47%;  text-align:center;}
.dh4{ width:50%; height:90px; overflow:hidden; line-height:90px; padding:0% 0% 0% 50%;  text-align:center;}
.dh5{ width:37%; height:90px; overflow:hidden; line-height:90px; padding:0% 0% 0% 63%;  text-align:center;}


.warp1 .divb .sdivb{width:44%; overflow:hidden; box-sizing: border-box; position: absolute; right:0; bottom:0; display: flex; display: -webkit-flex;-webkit-align-items: flex-end;align-items: flex-end; }
.warp1 .divb .sdivb .textbox{ background-color: #f5f6fb;box-sizing: border-box; padding:30px 30px;}
.warp1 .divb .sdivb .textbox span{ width:100%;  float:left; overflow:hidden; font-size: 12px; font-weight: bold; color: #e62129; vertical-align: middle;}
.warp1 .divb .sdivb .textbox span strong{ display: inline-block;width:34px; height: 1px; vertical-align: middle; background-color: #d9251d; margin-right:14px;}
.warp1 .divb .sdivb .textbox h3{ width:100%;  float:left; overflow:hidden;  font-size:20px; color:#222; font-weight: bold; margin:10px 0px 0px 0px;}
.warp1 .divb .sdivb .textbox p{width:100%;  float:left; overflow:hidden; font-size:12px; color:#444; line-height:20px; overflow: hidden; margin-top:10px; }

.warp1 .divb .sdivc{ overflow:hidden; position: absolute; right:0; top:0; text-align:right; }
.warp1 .divb .sdivc a{ overflow:hidden; float:left; font-size:12px; color:#444; line-height:20px; border-left:#dcdcdc solid 2px; padding-left:25px; margin-bottom:8px; }
.warp1 .divb .sdivc a:hover{  overflow:hidden; float:left;font-size:12px;  color:#d9251d; border-left:#d9251d solid 2px; }
.warp1 .divb .sdivc a b{  font-size:12px; font-weight:normal; padding-right:25px;}
#about_on{  color:#d9251d; border-left:#d9251d solid 2px;font-size:12px;  }


.warp3 .divb .sdivb{ width:40%; overflow:hidden; float:right; overflow:hidden; }
.warp3 .divb .sdivb .isdiva{ width:100%; overflow:hidden; float:left; margin-bottom:9%;}
.warp3 .divb .sdivb .isdiva .eisdiva{ width:64%; overflow:hidden; float:left;  }
.warp3 .divb .sdivb .isdiva .eisdiva dt{ width:100%; overflow:hidden; float:left; font-size:14px; font-weight:bold; line-height:24px; margin-bottom:5%; qword-break: break-all; text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:2;}
.warp3 .divb .sdivb .isdiva .eisdiva dd{ width:100%; overflow:hidden; float:left; }
.warp3 .divb .sdivb .isdiva .eisdiva dd h2{ width:50%; overflow:hidden; float:left; font-size:12px;line-height:26px;  color:#666;  font-family:Arial, Helvetica, sans-serif;  }
.warp3 .divb .sdivb .isdiva .eisdiva dd h3{ width:26%; height:26px; overflow:hidden; float:right; font-size:12px; text-align:center; line-height:26px; border-radius:4px;  color:#FFF; background:#d9251d; }
.warp3 .divb .sdivb .isdiva .eisdiva dd h3{ width:26%; height:26px; overflow:hidden; float:right; font-size:12px; text-align:center; line-height:26px; border:#d9251d solid 1px; border-radius:4px;  color:#666; background:none;  }
.warp3 .divb .sdivb .isdiva .eisdivb{ width:30%; overflow:hidden; float:right;  }
.warp3 .divb .sdivb .isdiva .eisdivb img{ width:100%; overflow:hidden; float:left; transition: all 0.8s;   }
.warp3 .divb .sdivb .isdiva .eisdivb img:hover{transform: scale(1.1); }


.warp4 .divb{ width:100%; overflow:hidden; }
.warp4 .divb .casebox{ width:100%; overflow:hidden;  }
.warp4 .divb .casebox .casea{ width:100%; overflow:hidden; margin:0  auto;  padding-bottom:60px; }
.warp4 .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:90%; 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:14px; font-weight:bold; color:#FFF; margin-bottom:15px; }
.swiper-slide .bg-img3 .text2 h3{ width:100%; float:left; overflow:hidden; font-size:12px; 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:32%;  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:32%; 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:32%;  height:70px; width:70px; outline: none; opacity: 1; background: url(../images/ico13.png) no-repeat center #d9251d; border-radius:50%;}
.casebox .page .swiper-button-prev:hover{ position: absolute; left:18%; top:32%; height:70px; width:70px; outline: none; opacity: 1; background: url(../images/ico12.png) no-repeat center #d9251d;  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:#d9251d; outline: none; }




.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;}
.is-visible3 .cd-popup-container3 .diva{width:400px; overflow:hidden; padding:40px 50px ; }
} 

@media (min-width:1400px) { 

.nav_bar{ height:120px; float:right; }
.nav_bar ul li{ float:left; list-style-type:none; text-align:center; line-height:116px; margin-left:30px; }
.nav_bar ul li a{display:block; color:#222; font-size:14px; }
.nav_bar ul li a:hover{display:block; color:#d9251d; font-size:14px; border-bottom:#d9251d solid 4px; }
#menu_hover {  color:#d9251d; border-bottom:#d9251d solid 4px; } 
.nav_bar ul li.l1:hover .hid{display:block;}
.hid{position:absolute;left:0; top:120px; display:none; width:100%; height:90px; background-color:rgba(0,0,0,0.6); z-index:9999;}
.hid ul{margin:0 auto; height:90px; overflow:hidden; }
.hid ul li{ width:auto; float:left; font-size:14px; line-height:90px; margin:0px 20px 0px 20px;}
.hid ul li a{ font-size:14px; color:#fff;}
.hid ul li a:hover{ font-size:14px; color:#fff; border: none;}
.dh1{ width:70%; height:90px; overflow:hidden; line-height:90px; padding:0% 0% 0% 30%;  text-align:center;}
.dh2{ width:60%; height:90px; overflow:hidden; line-height:90px; padding:0% 0% 0% 40%;  text-align:center;}
.dh3{ width:53%; height:90px; overflow:hidden; line-height:90px; padding:0% 0% 0% 47%;  text-align:center;}
.dh4{ width:50%; height:90px; overflow:hidden; line-height:90px; padding:0% 0% 0% 50%;  text-align:center;}
.dh5{ width:37%; height:90px; overflow:hidden; line-height:90px; padding:0% 0% 0% 63%;  text-align:center;}


.warp1 .divb .sdivb{width:42%; overflow:hidden; box-sizing: border-box; position: absolute; right:0; bottom:0; display: flex; display: -webkit-flex;-webkit-align-items: flex-end;align-items: flex-end; }
.warp1 .divb .sdivb .textbox{ background-color: #f5f6fb;box-sizing: border-box; padding:30px 30px;}
.warp1 .divb .sdivb .textbox span{ width:100%;  float:left; overflow:hidden; font-size: 14px; font-weight: bold; color: #e62129; vertical-align: middle;}
.warp1 .divb .sdivb .textbox span strong{ display: inline-block;width:34px; height: 1px; vertical-align: middle; background-color: #d9251d; margin-right:14px;}
.warp1 .divb .sdivb .textbox h3{ width:100%;  float:left; overflow:hidden;  font-size:24px; color:#222; font-weight: bold; margin:15px 0px 5px 0px;}
.warp1 .divb .sdivb .textbox p{width:100%;  float:left; overflow:hidden; font-size:12px; color:#444; line-height:20px; overflow: hidden; margin-top:10px; }

.warp1 .divb .sdivc{ overflow:hidden; position: absolute; right:0; top:0; text-align:right; }
.warp1 .divb .sdivc a{ overflow:hidden; float:left; font-size:12px; color:#444; line-height:20px; border-left:#dcdcdc solid 2px; padding-left:25px; margin-bottom:8px; }
.warp1 .divb .sdivc a:hover{  overflow:hidden; float:left;font-size:12px;  color:#d9251d; border-left:#d9251d solid 2px; }
.warp1 .divb .sdivc a b{  font-size:12px; font-weight:normal; padding-right:25px;}
#about_on{  color:#d9251d; border-left:#d9251d solid 2px;font-size:12px;  }



.warp3 .divb .sdivb{ width:40%; overflow:hidden; float:right; overflow:hidden; }
.warp3 .divb .sdivb .isdiva{ width:100%; overflow:hidden; float:left; margin-bottom:9%;}
.warp3 .divb .sdivb .isdiva .eisdiva{ width:64%; overflow:hidden; float:left;  }
.warp3 .divb .sdivb .isdiva .eisdiva dt{ width:100%; overflow:hidden; float:left; font-size:14px; font-weight:bold; line-height:24px; margin-bottom:5%; qword-break: break-all; text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:2;}
.warp3 .divb .sdivb .isdiva .eisdiva dd{ width:100%; overflow:hidden; float:left; }
.warp3 .divb .sdivb .isdiva .eisdiva dd h2{ width:50%; overflow:hidden; float:left; font-size:12px;line-height:26px;  color:#666;  font-family:Arial, Helvetica, sans-serif;  }
.warp3 .divb .sdivb .isdiva .eisdiva dd h3{ width:26%; height:26px; overflow:hidden; float:right; font-size:12px; text-align:center; line-height:26px; border-radius:4px;  color:#FFF; background:#d9251d; }
.warp3 .divb .sdivb .isdiva .eisdivb{ width:30%; overflow:hidden; float:right;  }
.warp3 .divb .sdivb .isdiva .eisdivb img{ width:100%; overflow:hidden; float:left; transition: all 0.8s;   }
.warp3 .divb .sdivb .isdiva .eisdivb img:hover{transform: scale(1.1); }

 

.warp4 .divb{ width:100%; overflow:hidden; }
.warp4 .divb .casebox{ width:100%; overflow:hidden;  }
.warp4 .divb .casebox .casea{ width:100%; overflow:hidden; margin:0  auto;  padding-bottom:60px; }
.warp4 .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:90%; 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:14px; font-weight:bold; color:#FFF; margin-bottom:15px; }
.swiper-slide .bg-img3 .text2 h3{ width:100%; float:left; overflow:hidden; font-size:12px; 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:32%;  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:32%; 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:32%;  height:70px; width:70px; outline: none; opacity: 1; background: url(../images/ico13.png) no-repeat center #d9251d; border-radius:50%;}
.casebox .page .swiper-button-prev:hover{ position: absolute; left:18%; top:32%; height:70px; width:70px; outline: none; opacity: 1; background: url(../images/ico12.png) no-repeat center #d9251d;  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:#d9251d; outline: none; }



.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;}
.is-visible3 .cd-popup-container3 .diva{width:400px; overflow:hidden; padding:40px 50px ; }
} 

@media (min-width:1440px) {

.nav_bar{ height:120px; float:right; }
.nav_bar ul li{ float:left; list-style-type:none; text-align:center; line-height:116px; margin-left:30px; }
.nav_bar ul li a{display:block; color:#222; font-size:14px; }
.nav_bar ul li a:hover{display:block; color:#d9251d; font-size:14px; border-bottom:#d9251d solid 4px; }
#menu_hover {  color:#d9251d; border-bottom:#d9251d solid 4px; } 
.nav_bar ul li.l1:hover .hid{display:block;}
.hid{position:absolute;left:0; top:120px; display:none; width:100%; height:90px; background-color:rgba(0,0,0,0.6); z-index:9999;}
.hid ul{margin:0 auto; height:90px; overflow:hidden; }
.hid ul li{ width:auto; float:left; font-size:14px; line-height:90px; margin:0px 20px 0px 20px;}
.hid ul li a{ font-size:14px; color:#fff;}
.hid ul li a:hover{ font-size:14px; color:#fff; border: none;}
.dh1{ width:70%; height:90px; overflow:hidden; line-height:90px; padding:0% 0% 0% 30%;  text-align:center;}
.dh2{ width:60%; height:90px; overflow:hidden; line-height:90px; padding:0% 0% 0% 40%;  text-align:center;}
.dh3{ width:53%; height:90px; overflow:hidden; line-height:90px; padding:0% 0% 0% 47%;  text-align:center;}
.dh4{ width:50%; height:90px; overflow:hidden; line-height:90px; padding:0% 0% 0% 50%;  text-align:center;}
.dh5{ width:37%; height:90px; overflow:hidden; line-height:90px; padding:0% 0% 0% 63%;  text-align:center;}



.warp1 .divb .sdivb{width:42%; overflow:hidden; box-sizing: border-box; position: absolute; right:0; bottom:0; display: flex; display: -webkit-flex;-webkit-align-items: flex-end;align-items: flex-end; }
.warp1 .divb .sdivb .textbox{ background-color: #f5f6fb;box-sizing: border-box; padding:30px 30px;}
.warp1 .divb .sdivb .textbox span{ width:100%;  float:left; overflow:hidden; font-size: 14px; font-weight: bold; color: #e62129; vertical-align: middle;}
.warp1 .divb .sdivb .textbox span strong{ display: inline-block;width:34px; height: 1px; vertical-align: middle; background-color: #d9251d; margin-right:14px;}
.warp1 .divb .sdivb .textbox h3{ width:100%;  float:left; overflow:hidden;  font-size:24px; color:#222; font-weight: bold; margin:15px 0px 5px 0px;}
.warp1 .divb .sdivb .textbox p{width:100%;  float:left; overflow:hidden; font-size:12px; color:#444; line-height:20px; overflow: hidden; margin-top:10px; }

.warp1 .divb .sdivc{ overflow:hidden; position: absolute; right:0; top:0; text-align:right; }
.warp1 .divb .sdivc a{ overflow:hidden; float:left; font-size:14px; color:#444; line-height:22px; border-left:#dcdcdc solid 2px; padding-left:25px; margin-bottom:12px; }
.warp1 .divb .sdivc a:hover{  overflow:hidden; float:left;font-size:14px;  color:#d9251d; border-left:#d9251d solid 2px; }
.warp1 .divb .sdivc a b{  font-size:14px; font-weight:normal; padding-right:25px;}
#about_on{  color:#d9251d; border-left:#d9251d solid 2px;font-size:14px;  }


.warp3 .divb .sdivb{ width:40%; overflow:hidden; float:right; overflow:hidden; }
.warp3 .divb .sdivb .isdiva{ width:100%; overflow:hidden; float:left; margin-bottom:9%;}
.warp3 .divb .sdivb .isdiva .eisdiva{ width:64%; overflow:hidden; float:left;  }
.warp3 .divb .sdivb .isdiva .eisdiva dt{ width:100%; overflow:hidden; float:left; font-size:18px; font-weight:bold; line-height:26px; margin-bottom:7%; qword-break: break-all; text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:2;}
.warp3 .divb .sdivb .isdiva .eisdiva dd{ width:100%; overflow:hidden; float:left; }
.warp3 .divb .sdivb .isdiva .eisdiva dd h2{ width:50%; overflow:hidden; float:left; font-size:14px;line-height:30px;  color:#666;  font-family:Arial, Helvetica, sans-serif;  }
.warp3 .divb .sdivb .isdiva .eisdiva dd h3{ width:24%; height:30px; overflow:hidden; float:right; font-size:14px; text-align:center; line-height:30px; border-radius:4px;  color:#FFF; background:#d9251d; }
.warp3 .divb .sdivb .isdiva .eisdivb{ width:30%; overflow:hidden; float:right;  }
.warp3 .divb .sdivb .isdiva .eisdivb img{ width:100%; overflow:hidden; float:left; transition: all 0.8s;   }
.warp3 .divb .sdivb .isdiva .eisdivb img:hover{transform: scale(1.1); }



.warp4 .divb{ width:100%; overflow:hidden; }
.warp4 .divb .casebox{ width:100%; overflow:hidden;  }
.warp4 .divb .casebox .casea{ width:100%; overflow:hidden; margin:0  auto;  padding-bottom:60px; }
.warp4 .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:90%; 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:16px; font-weight:bold; color:#FFF; margin-bottom:15px; }
.swiper-slide .bg-img3 .text2 h3{ width:100%; float:left; overflow:hidden; font-size:14px; 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:34%;  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:34%; 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:34%;  height:70px; width:70px; outline: none; opacity: 1; background: url(../images/ico13.png) no-repeat center #d9251d; border-radius:50%;}
.casebox .page .swiper-button-prev:hover{ position: absolute; left:18%; top:34%; height:70px; width:70px; outline: none; opacity: 1; background: url(../images/ico12.png) no-repeat center #d9251d;  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:#d9251d; outline: none; }


.cd-popup-container3{position:relative;margin:90px 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 .diva{width:400px; overflow:hidden; padding:50px 50px ; }

} 

@media (min-width:1600px) {
.nav_bar{ height:120px; float:right; }
.nav_bar ul li{ float:left; list-style-type:none; text-align:center; line-height:116px; margin-left:35px; }
.nav_bar ul li a{display:block; color:#222; font-size:16px; }
.nav_bar ul li a:hover{display:block; color:#d9251d; font-size:16px; border-bottom:#d9251d solid 4px; }
#menu_hover {  color:#d9251d; border-bottom:#d9251d solid 4px; } 
.nav_bar ul li.l1:hover .hid{display:block;}
.hid{position:absolute;left:0; top:120px; display:none; width:100%; height:90px; background-color:rgba(0,0,0,0.6); z-index:9999;}
.hid ul{margin:0 auto; height:90px; overflow:hidden; }
.hid ul li{ width:auto; float:left; font-size:14px; line-height:90px; margin:0px 20px 0px 20px;}
.hid ul li a{ font-size:14px; color:#fff;}
.hid ul li a:hover{ font-size:14px; color:#fff; border: none;}
.dh1{ width:70%; height:90px; overflow:hidden; line-height:90px; padding:0% 0% 0% 30%;  text-align:center;}
.dh2{ width:60%; height:90px; overflow:hidden; line-height:90px; padding:0% 0% 0% 40%;  text-align:center;}
.dh3{ width:53%; height:90px; overflow:hidden; line-height:90px; padding:0% 0% 0% 47%;  text-align:center;}
.dh4{ width:50%; height:90px; overflow:hidden; line-height:90px; padding:0% 0% 0% 50%;  text-align:center;}
.dh5{ width:37%; height:90px; overflow:hidden; line-height:90px; padding:0% 0% 0% 63%;  text-align:center;}



.warp1 .divb .sdivb{width:42%; overflow:hidden; box-sizing: border-box; position: absolute; right:0; bottom:0; display: flex; display: -webkit-flex;-webkit-align-items: flex-end;align-items: flex-end; }
.warp1 .divb .sdivb .textbox{ background-color: #f5f6fb;box-sizing: border-box; padding:30px 30px;}
.warp1 .divb .sdivb .textbox span{ width:100%;  float:left; overflow:hidden; font-size: 14px; font-weight: bold; color: #e62129; vertical-align: middle;}
.warp1 .divb .sdivb .textbox span strong{ display: inline-block;width:34px; height: 1px; vertical-align: middle; background-color: #d9251d; margin-right:14px;}
.warp1 .divb .sdivb .textbox h3{ width:100%;  float:left; overflow:hidden;  font-size:26px; color:#222; font-weight: bold; margin:15px 0px 5px 0px;}
.warp1 .divb .sdivb .textbox p{width:100%;  float:left; overflow:hidden; font-size:14px; color:#444; line-height:24px; overflow: hidden; margin-top:10px; }

.warp1 .divb .sdivc{ overflow:hidden; position: absolute; right:0; top:0; text-align:right; }
.warp1 .divb .sdivc a{ overflow:hidden; float:left; font-size:14px; color:#444; line-height:22px; border-left:#dcdcdc solid 2px; padding-left:25px; margin-bottom:12px; }
.warp1 .divb .sdivc a:hover{  overflow:hidden; float:left;font-size:14px;  color:#d9251d; border-left:#d9251d solid 2px; }
.warp1 .divb .sdivc a b{  font-size:14px; font-weight:normal; padding-right:25px;}
#about_on{  color:#d9251d; border-left:#d9251d solid 2px;font-size:14px;  }


.warp3 .divb .sdivb{ width:40%; overflow:hidden; float:right; overflow:hidden; }
.warp3 .divb .sdivb .isdiva{ width:100%; overflow:hidden; float:left; margin-bottom:9%;}
.warp3 .divb .sdivb .isdiva .eisdiva{ width:64%; overflow:hidden; float:left;  }
.warp3 .divb .sdivb .isdiva .eisdiva dt{ width:100%; overflow:hidden; float:left; font-size:18px; font-weight:bold; line-height:26px; margin-bottom:7%; qword-break: break-all; text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:2;}
.warp3 .divb .sdivb .isdiva .eisdiva dd{ width:100%; overflow:hidden; float:left; }
.warp3 .divb .sdivb .isdiva .eisdiva dd h2{ width:50%; overflow:hidden; float:left; font-size:14px;line-height:30px;  color:#666;  font-family:Arial, Helvetica, sans-serif;  }
.warp3 .divb .sdivb .isdiva .eisdiva dd h3{ width:24%; height:30px; overflow:hidden; float:right; font-size:14px; text-align:center; line-height:30px; border-radius:4px;  color:#FFF; background:#d9251d; }
.warp3 .divb .sdivb .isdiva .eisdivb{ width:30%; overflow:hidden; float:right;  }
.warp3 .divb .sdivb .isdiva .eisdivb img{ width:100%; overflow:hidden; float:left; transition: all 0.8s;   }
.warp3 .divb .sdivb .isdiva .eisdivb img:hover{transform: scale(1.1); }


.warp4 .divb{ width:100%; overflow:hidden; }
.warp4 .divb .casebox{ width:100%; overflow:hidden;  }
.warp4 .divb .casebox .casea{ width:100%; overflow:hidden; margin:0  auto;  padding-bottom:60px; }
.warp4 .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:90%; 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:16px; font-weight:bold; color:#FFF; margin-bottom:15px; }
.swiper-slide .bg-img3 .text2 h3{ width:100%; float:left; overflow:hidden; font-size:14px; 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:36%;  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:36%; 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:36%;  height:70px; width:70px; outline: none; opacity: 1; background: url(../images/ico13.png) no-repeat center #d9251d; border-radius:50%;}
.casebox .page .swiper-button-prev:hover{ position: absolute; left:18%; top:36%; height:70px; width:70px; outline: none; opacity: 1; background: url(../images/ico12.png) no-repeat center #d9251d;  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:#d9251d; outline: none; }



.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;}
.is-visible3 .cd-popup-container3 .diva{width:400px; overflow:hidden; padding:50px 50px ; }
} 

@media (min-width:1680px) {
.nav_bar{ height:120px; float:right; }
.nav_bar ul li{ float:left; list-style-type:none; text-align:center; line-height:116px; margin-left:40px; }
.nav_bar ul li a{display:block; color:#222; font-size:18px; }
.nav_bar ul li a:hover{display:block; color:#d9251d; font-size:18px; border-bottom:#d9251d solid 4px; }
#menu_hover {  color:#d9251d; border-bottom:#d9251d solid 4px; } 
.nav_bar ul li.l1:hover .hid{display:block;}
.hid{position:absolute;left:0; top:120px; display:none; width:100%; height:90px; background-color:rgba(0,0,0,0.6); z-index:9999;}
.hid ul{margin:0 auto; height:90px; overflow:hidden; }
.hid ul li{ width:auto; float:left; font-size:16px; line-height:90px; margin:0px 20px 0px 20px;}
.hid ul li a{ font-size:16px; color:#fff;}
.hid ul li a:hover{ font-size:16px; color:#fff; border: none;}
.dh1{ width:70%; height:90px; overflow:hidden; line-height:90px; padding:0% 0% 0% 30%;  text-align:center;}
.dh2{ width:60%; height:90px; overflow:hidden; line-height:90px; padding:0% 0% 0% 40%;  text-align:center;}
.dh3{ width:53%; height:90px; overflow:hidden; line-height:90px; padding:0% 0% 0% 47%;  text-align:center;}
.dh4{ width:50%; height:90px; overflow:hidden; line-height:90px; padding:0% 0% 0% 50%;  text-align:center;}
.dh5{ width:37%; height:90px; overflow:hidden; line-height:90px; padding:0% 0% 0% 63%;  text-align:center;}


.warp1 .divb .sdivb{width:42%; overflow:hidden; box-sizing: border-box; position: absolute; right:0; bottom:0; display: flex; display: -webkit-flex;-webkit-align-items: flex-end;align-items: flex-end; }
.warp1 .divb .sdivb .textbox{ background-color: #f5f6fb;box-sizing: border-box; padding:40px 40px;}
.warp1 .divb .sdivb .textbox span{ width:100%;  float:left; overflow:hidden; font-size: 14px; font-weight: bold; color: #e62129; vertical-align: middle;}
.warp1 .divb .sdivb .textbox span strong{display: inline-block;width: 54px; height: 1px; vertical-align: middle;background-color: #d9251d; margin-right:14px;}
.warp1 .divb .sdivb .textbox h3{ width:100%;  float:left; overflow:hidden;  font-size:30px; color:#222; font-weight: bold; margin:20px 0px 6px 0px;}
.warp1 .divb .sdivb .textbox p{width:100%;  float:left; overflow:hidden; font-size:15px; color:#444; line-height:26px; overflow: hidden; margin-top:15px; }
.warp1 .divb .sdivc{ overflow:hidden; position: absolute; right:0; top:0; text-align:right; }
.warp1 .divb .sdivc a{ overflow:hidden; float:left; font-size:14px; color:#444; line-height:26px; border-left:#dcdcdc solid 2px; padding-left:25px; margin-bottom:10px; }
.warp1 .divb .sdivc a:hover{  overflow:hidden; float:left;font-size:14px;  color:#d9251d; border-left:#d9251d solid 2px; }
.warp1 .divb .sdivc a b{  font-size:14px; font-weight:normal; padding-right:25px;}
#about_on{  color:#d9251d; border-left:#d9251d solid 2px;font-size:14px;  }



.warp3 .divb .sdivb{ width:40%; overflow:hidden; float:right; overflow:hidden; }
.warp3 .divb .sdivb .isdiva{ width:100%; overflow:hidden; float:left; margin-bottom:10%;}
.warp3 .divb .sdivb .isdiva .eisdiva{ width:64%; overflow:hidden; float:left;  }
.warp3 .divb .sdivb .isdiva .eisdiva dt{ width:100%; overflow:hidden; float:left; font-size:18px; font-weight:bold; line-height:26px; margin-bottom:7%; qword-break: break-all; text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:2;}
.warp3 .divb .sdivb .isdiva .eisdiva dd{ width:100%; overflow:hidden; float:left; }
.warp3 .divb .sdivb .isdiva .eisdiva dd h2{ width:50%; overflow:hidden; float:left; font-size:14px;line-height:34px;  color:#666;  font-family:Arial, Helvetica, sans-serif;  }
.warp3 .divb .sdivb .isdiva .eisdiva dd h3{ width:20%; height:34px; overflow:hidden; float:right; font-size:14px; text-align:center; line-height:34px; border-radius:4px;  color:#FFF; background:#d9251d; }
.warp3 .divb .sdivb .isdiva .eisdivb{ width:30%; overflow:hidden; float:right;  }
.warp3 .divb .sdivb .isdiva .eisdivb img{ width:100%; overflow:hidden; float:left; transition: all 0.8s;   }
.warp3 .divb .sdivb .isdiva .eisdivb img:hover{transform: scale(1.1); }


.warp4 .divb{ width:100%; overflow:hidden; }
.warp4 .divb .casebox{ width:100%; overflow:hidden;  }
.warp4 .divb .casebox .casea{ width:100%; overflow:hidden; margin:0  auto;  padding-bottom:60px; }
.warp4 .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:90%; 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:16px; font-weight:bold; color:#FFF; margin-bottom:15px; }
.swiper-slide .bg-img3 .text2 h3{ width:100%; float:left; overflow:hidden; font-size:14px; 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 #d9251d; 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 #d9251d;  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:#d9251d; outline: none; }





.cd-popup-container3{position:relative;margin:150px 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 .diva{width:400px; overflow:hidden; padding:60px 50px ; }

} 

@media (min-width:1920px) {

.nav_bar{ height:120px; float:right; }
.nav_bar ul li{ float:left; list-style-type:none; text-align:center; line-height:116px; margin-left:45px; }
.nav_bar ul li a{display:block; color:#222; font-size:18px; }
.nav_bar ul li a:hover{display:block; color:#d9251d; font-size:18px; border-bottom:#d9251d solid 4px; }
#menu_hover {  color:#d9251d; border-bottom:#d9251d solid 4px; } 
.nav_bar ul li.l1:hover .hid{display:block;}
.hid{position:absolute;left:0; top:120px; display:none; width:100%; height:90px; background-color:rgba(0,0,0,0.6); z-index:9999;}
.hid ul{margin:0 auto; height:90px; overflow:hidden; }
.hid ul li{ width:auto; float:left; font-size:16px; line-height:90px; margin:0px 20px 0px 20px;}
.hid ul li a{ font-size:16px; color:#fff;}
.hid ul li a:hover{ font-size:16px; color:#fff; border: none;}
.dh1{ width:70%; height:90px; overflow:hidden; line-height:90px; padding:0% 0% 0% 30%;  text-align:center;}
.dh2{ width:60%; height:90px; overflow:hidden; line-height:90px; padding:0% 0% 0% 40%;  text-align:center;}
.dh3{ width:53%; height:90px; overflow:hidden; line-height:90px; padding:0% 0% 0% 47%;  text-align:center;}
.dh4{ width:50%; height:90px; overflow:hidden; line-height:90px; padding:0% 0% 0% 50%;  text-align:center;}
.dh5{ width:37%; height:90px; overflow:hidden; line-height:90px; padding:0% 0% 0% 63%;  text-align:center;}

.warp1 .divb .sdivb{width:42%; overflow:hidden; box-sizing: border-box; position: absolute; right:0; bottom:0; display: flex; display: -webkit-flex;-webkit-align-items: flex-end;align-items: flex-end; }
.warp1 .divb .sdivb .textbox{ background-color: #f5f6fb;box-sizing: border-box; padding:50px 50px;}
.warp1 .divb .sdivb .textbox span{ width:100%;  float:left; overflow:hidden; font-size: 14px; font-weight: bold; color: #e62129; vertical-align: middle;}
.warp1 .divb .sdivb .textbox span strong{display: inline-block;width: 54px; height: 1px; vertical-align: middle;background-color: #d9251d; margin-right:14px;}
.warp1 .divb .sdivb .textbox h3{ width:100%;  float:left; overflow:hidden;  font-size:30px; color:#222; font-weight: bold; margin:20px 0px 6px 0px;}
.warp1 .divb .sdivb .textbox p{width:100%;  float:left; overflow:hidden; font-size:18px; color:#444; line-height:30px; overflow: hidden; margin-top:15px; }
.warp1 .divb .sdivc{ overflow:hidden; position: absolute; right:0; top:0; text-align:right; }
.warp1 .divb .sdivc a{ overflow:hidden; float:left; font-size:16px; color:#444; line-height:28px; border-left:#dcdcdc solid 2px; padding-left:25px; margin-bottom:10px; }
.warp1 .divb .sdivc a:hover{  overflow:hidden; float:left;font-size:16px;  color:#d9251d; border-left:#d9251d solid 2px; }
.warp1 .divb .sdivc a b{  font-size:16px; font-weight:normal; padding-right:25px;}
#about_on{  color:#d9251d; border-left:#d9251d solid 2px;font-size:16px;  }


.warp3 .divb .sdivb{ width:40%; overflow:hidden; float:right; overflow:hidden; }
.warp3 .divb .sdivb .isdiva{ width:100%; overflow:hidden; float:left; margin-bottom:10%;}
.warp3 .divb .sdivb .isdiva .eisdiva{ width:64%; overflow:hidden; float:left;  }
.warp3 .divb .sdivb .isdiva .eisdiva dt{ width:100%; overflow:hidden; float:left; font-size:18px; font-weight:bold; line-height:26px; margin-bottom:7%; qword-break: break-all; text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:2;}
.warp3 .divb .sdivb .isdiva .eisdiva dd{ width:100%; overflow:hidden; float:left; }
.warp3 .divb .sdivb .isdiva .eisdiva dd h2{ width:50%; overflow:hidden; float:left; font-size:14px;line-height:34px;  color:#666;  font-family:Arial, Helvetica, sans-serif;  }
.warp3 .divb .sdivb .isdiva .eisdiva dd h3{ width:20%; height:34px; overflow:hidden; float:right; font-size:14px; text-align:center; line-height:34px; border-radius:4px;  color:#FFF; background:#d9251d; }
.warp3 .divb .sdivb .isdiva .eisdiva dd h3{ width:20%; height:34px; overflow:hidden; float:right; font-size:14px; text-align:center; line-height:34px; border:#ddd solid 1px; border-radius:4px;  color:#666; background:none;  }
.warp3 .divb .sdivb .isdiva .eisdivb{ width:30%; overflow:hidden; float:right;  }
.warp3 .divb .sdivb .isdiva .eisdivb img{ width:100%; overflow:hidden; float:left; transition: all 0.8s;   }
.warp3 .divb .sdivb .isdiva .eisdivb img:hover{transform: scale(1.1); }



 
.warp4 .divb{ width:100%; overflow:hidden; }
.warp4 .divb .casebox{ width:100%; overflow:hidden;  }
.warp4 .divb .casebox .casea{ width:100%; overflow:hidden; margin:0  auto;  padding-bottom:60px; }
.warp4 .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:90%; 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:18px; 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 #d9251d; 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 #d9251d;  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:#d9251d; outline: none; }



.cd-popup-container3{position:relative;margin:200px 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 .diva{width:400px; overflow:hidden; padding:60px 50px ; }

}