@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:#c4384c; 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:110px; }
.herdbox .herd .logo{ width:180px; float:left; overflow:hidden; }
.herdbox .herd .logo img{ width:100%;  float:left; overflow:hidden;} 


  
.menu{  height:110px; float:right; margin-right:5%; }
.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:110px; line-height:106px; margin-left:35px; }
.menu ul li ul {display: none;}
.menu ul li:hover a {color:#c4384c;}
.menu ul li:hover ul li ul {display: none;}
#menu_hover { color:#c4384c; border-bottom:#c4384c 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:110px; left:0; display:block; padding:0px; z-index:99; }
.menu .ej_1{ width:200px;  margin-left:-67px; background:#c4384c; }
.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:#d74e61;} 
 
.dianhua{ height:110px; float:right; overflow:hidden; line-height:110px; color:#c4384c; font-size:28px; font-family:Arial, Helvetica, sans-serif; }
.dianhua img{ width:33px; height:33px; float:left; overflow:hidden; margin:38px 10px 0px 0px;}
 


 
.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 div{ margin:0; }
.swiper-slide{ width:100%; float:left; overflow:hidden;} 


/*.warp1{ width:81%; overflow:hidden; padding:5.5% 0%;} 
.warp1 .diva{ width:100%; overflow:hidden; text-align:center; font-size:40px; font-weight:bold; color:#2d2f6d; margin-bottom:3.5%; }
.warp1 .divb{ width:100%; overflow:hidden; text-align:center; margin-bottom:3%; }
.warp1 .divb span{ height:44px; font-size:18px; padding:0px 30px; line-height:44px; margin:0% 0.3%; display:inline-block;  cursor:pointer; color:#222;  border: #ddd solid 1px; border-radius:35px;}
.warp1 .divb .listbtns{ color:#fff; border: #c4384c solid 1px; background:#c4384c;}
.warp1 .divc{ width:100%; float:left; overflow:hidden; } 
.warp1 .divc ul{ width:100%; float:left; overflow:hidden;   } 
.warp1 .divc ul li{ width:23.18%; float:left; overflow:hidden; background:#FFF; border:#ddd solid 1px; text-align:center; margin:0.8% 0.8%;  border-radius:10px;  } 
.warp1 .divc ul li dt{ width:100%; float:left; overflow:hidden; } 
.warp1 .divc ul li dt img{ width:100%; float:left; overflow:hidden;transition: all 0.8s;  } 
.warp1 .divc ul li dt img:hover{transform: scale(1.1); }
.warp1 .divc ul li dd{ width:100%; float:left; overflow:hidden; line-height:80px; font-size:16px; text-overflow: ellipsis; white-space: nowrap;  } 
*/ 
 
.warp1{ width:81%; overflow:hidden; padding:5.5% 0%;} 
.warp1 .diva{ width:100%; overflow:hidden; text-align:center; font-size:40px; font-weight:bold; color:#2d2f6d; margin-bottom:3.5%; }
.warp1 .divb{ width:100%; overflow:hidden; text-align:center; margin-bottom:3%; }
.warp1 .divb span{ height:46px; line-height:44px; margin:0% 0.3%; display:inline-block;  cursor:pointer;}
.warp1 .divb span a{ color:#222; border: #ddd solid 1px; display:block; font-size:18px; padding:0px 30px;  border-radius:35px; }
.warp1 .divb span a:hover{ color:#fff; border: #c4384c solid 1px; background:#c4384c;}
.warp1 .divc{ width:100%; float:left; overflow:hidden; } 
.warp1 .divc ul{ width:100%; float:left; overflow:hidden;   } 
.warp1 .divc ul li{ width:23.18%; float:left; overflow:hidden; background:#FFF; border:#ddd solid 1px; text-align:center; margin:0.8% 0.8%;  border-radius:10px;  } 
.warp1 .divc ul li dt{ width:100%; float:left; overflow:hidden; } 
.warp1 .divc ul li dt img{ width:100%; float:left; overflow:hidden;transition: all 0.8s;  } 
.warp1 .divc ul li dt img:hover{transform: scale(1.1); }
.warp1 .divc ul li dd{ width:100%; float:left; overflow:hidden; line-height:80px; font-size:16px; text-overflow: ellipsis; white-space: nowrap;  } 
 
 
 
 
 
 
 
 
.warp2{ width:100%; overflow:hidden; background:#f4f4f4; } 
.warp2 .diva{ width:50%; overflow:hidden; float:left;} 
.warp2 .diva .sdiva{ width:70%; overflow:hidden; padding:11% 10% 0% 20%; } 
.warp2 .diva .sdiva dt{ width:100%; overflow:hidden; float:left; font-size:40px; color:#2d2f6d; font-weight:bold; margin-bottom:6%;} 
.warp2 .diva .sdiva dd{ 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:8; margin-bottom:6%;} 
.warp2 .diva .sdiva h2{ width:100%; overflow:hidden; float:left; } 
.warp2 .diva .sdiva h2 a{ height:60px; display:block; overflow:hidden; border-radius:35px; padding:0px 80px 0px 40px; line-height:60px; font-size:16px; float:left;  border:#c3c3c3 solid 1px; background: url(../images/ico10.png) no-repeat right; } 
.warp2 .diva .sdiva h2 a:hover{  background: url(../images/ico11.png) no-repeat right #c4384c; color:#FFF;  border:#c4384c solid 1px; } 
.warp2 .divb{ width:50%; overflow:hidden; float:right;} 
.warp2 .divb img{ width:100%; overflow:hidden; } 

 
 
 
 

 
.warp3{ width:100%; overflow:hidden; padding:5.5% 0%;} 
.warp3 .diva{ width:100%; overflow:hidden; text-align:center; font-size:40px; font-weight:bold; color:#2d2f6d; margin-bottom:3.5%; } 
.warp3 .divb{ width:100%; overflow:hidden; }
.warp3 .divb .casebox{ width:100%; overflow:hidden;  }
.warp3 .divb .casebox .case{ width:80%; overflow:hidden; margin:0  auto;  padding-bottom:70px; }
.swiper-slide .bg-img3{ width:100%; display: block; float:left; overflow:hidden; border-radius:10px; 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:86%; overflow:hidden; font-size:18px; font-weight:bold; color:#FFF; padding:6% 7%; position:absolute; left:0; bottom:0; background:linear-gradient(rgba(0,0,0,0),rgba(0,0,0,0.6)); }
.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:3%; top:36%;  height:70px; width:70px; outline: none; opacity: 1; background: url(../images/ico13.png) no-repeat center #c4384c; border-radius:50%;}
.casebox .page .swiper-button-prev{ position: absolute; left:3%; top:36%; height:70px; width:70px; outline: none; opacity: 1; background: url(../images/ico12.png) no-repeat center #c4384c;  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:#c4384c; outline: none; }




 

.warp4{ width:82%; overflow:hidden; padding:5.5% 0%; } 
.warp4 .diva{ width:100%; overflow:hidden; text-align:center; font-size:40px; font-weight:bold; color:#2d2f6d; margin-bottom:2.5%; } 
.warp4 .divb{ width:100%; overflow:hidden; } 
.warp4 .divb .sdiva{ width:31.33%; float:left; overflow:hidden; border-radius:10px; margin:1% 1%;  } 
.warp4 .divb .sdiva a{ width:82%; overflow:hidden; display:block; padding:9% 9%; background:#f4f4f4;} 
.warp4 .divb .sdiva a:hover{ color:#FFF; background:#c4384c; } 
.warp4 .divb .sdiva a:hover .isdivb{  background: url(../images/ico13.png) no-repeat right;} 
.warp4 .divb .sdiva .isdiva{ width:100%; float:left; overflow:hidden; border-bottom:#ddd solid 1px; padding-bottom:6%; margin-bottom:6%;} 
.warp4 .divb .sdiva .isdiva dt{ width:100%; float:left; overflow:hidden; font-size:18px; font-weight:bold; margin-bottom:20px; } 
.warp4 .divb .sdiva .isdiva dd{ width:100%; float:left; overflow:hidden; font-size:14px; line-height:26px; word-break: break-all; text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:2;} 
.warp4 .divb .sdiva .isdivb{ width:100%; float:left; overflow:hidden;  background: url(../images/ico20.png) no-repeat right; } 
.warp4 .divb .sdiva .isdivb dt{ width:40%; float:left; overflow:hidden;  } 
.warp4 .divb .sdiva .isdivb dt h2{ width:100%; float:left; overflow:hidden; font-size:46px; font-family:Arial, Helvetica, sans-serif;} 
.warp4 .divb .sdiva .isdivb dt h3{ width:100%; float:left; overflow:hidden; font-size:14px; font-family:Arial, Helvetica, sans-serif;} 




.warp5{ width:80%; overflow:hidden; padding:5% 0% 6% 0%;} 
.warp5 .diva{ width:100%; overflow:hidden; text-align:center; font-size:40px; font-weight:bold; color:#2d2f6d; margin-bottom:3.5%; } 
.warp5 .divb{ width:100%; overflow:hidden;  } 
.warp5 .divb ul{ width:99%; overflow:hidden;  border-left:#ddd solid 1px;  border-top:#ddd solid 1px; } 
.warp5 .divb ul li{ width:16.6%; float:left; overflow:hidden;  border-bottom: #ddd solid 1px; border-right: #ddd solid 1px; } 
.warp5 .divb ul li img{ width:100%; overflow:hidden;transition: all 0.8s;   } 
.warp5 .divb ul li img:hover{transform: scale(1.1); }

 
 
 

  
.foot{ width:100%; overflow:hidden; background:#2d2f6d; } 
.foot .diva{ width:80%; overflow:hidden; padding:3.5% 0% 2% 0% ;} 
.foot .diva .sdiva{width:70%; float:left; overflow:hidden;  } 
.foot .diva .sdiva h2{ width:100%;  float:left; overflow:hidden;  margin-bottom:40px;font-size:20px; color:#FFF; } 
.foot .diva .sdiva dl{ width:100%;  float:left; overflow:hidden;  margin-bottom:15px; } 
.foot .diva .sdiva dl dt{ width:18px; float:left; overflow:hidden; margin-right:15px; } 
.foot .diva .sdiva dl dt img{ width:18px; height:26px; float:left;  overflow:hidden;} 
.foot .diva .sdiva dl dd{ width:80%; line-height:26px; float:left; overflow:hidden; font-size:14px; color:#FFF; } 
.foot .diva .sdivb{ width:140px;  float:right; overflow:hidden; } 
.foot .diva .sdivb dt{ width:140px;  float:left; overflow:hidden; } 
.foot .diva .sdivb dt img{ width:140px; height:140px; float:left; overflow:hidden; margin-bottom:20px; } 
.foot .diva .sdivb dd{ width:140px;  float:left; overflow:hidden; font-size:13px; color:#FFF; text-align:center;} 
.foot .divb{ width:80%; overflow:hidden; border-top:#383a75 solid 1px; padding:2% 0;} 
.foot .divb dt{ float:left; font-size:14px; color:#FFF; overflow:hidden; } 
.foot .divb dt a{  font-size:14px; color:#FFF;   } 
.foot .divb dt a:hover{  color:#c4384c;   } 
.foot .divb dd{ float:right; font-size:14px; color:#FFF; overflow:hidden; } 
.foot .divb dd a{  font-size:14px; color:#FFF;   } 
.foot .divb dd a:hover{   color:#c4384c;   } 
 
 
 
 
 
   
 
 
 
.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:#444; color:#FFF; }



 



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




.nynav2{ width:100%;height:80px; overflow:hidden; background:#FFF; box-shadow:2px 0px 4px rgba(51, 51, 51, .6); margin-bottom:10px;}
.nynav2 .diva{ width:80%; overflow:hidden; }
.nynav2 .diva ul{ height:80px; overflow:hidden; text-align:center; }
.nynav2 .diva ul li{ height:80px; overflow:hidden; line-height:80px; display:inline-block; }
.nynav2 .diva ul li a{ font-size:16px; color:#222; display:block; padding:0px 40px; }
.nynav2 .diva ul li a:hover{ color:#fff; background:#c4384c;}
#nynav2_on{ color:#fff; background:#c4384c; }


 




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


 


.warp21{ width:80%;  overflow:hidden; padding:6% 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: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;   } 
.warp21 .divb{ width:50%; overflow:hidden; float:right; } 


 
 

.zhaopin{ width:75%; overflow:hidden; padding:6% 2.5% 6% 2.5%; } 
.zhaopin .divc{ height:80px; overflow:hidden; padding:0px 50px; line-height:80px; background:#f8f8f8;}
.zhaopin .divc .sdiva{ width:60%; height:80px; float:left; overflow:hidden; font-size:22px; } 
.zhaopin .divc .sdivb{ width:30%; height:80px; float:left;  overflow:hidden;font-size:22px; text-align:center;  } 
.zhaopin li{ overflow:hidden; position:relative; border-bottom:#dedede solid 1px; }
.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:18px; overflow:hidden;  }
.zhaopin .link dd{ width:30%; float:left; font-size:18px; 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:30px; }
.zhaopin li.open .link{ color:#c4384c;}
.zhaopin li.open i.fa-chevron-down{ width:14px; height:9px; background:url(../images/ico19.png) no-repeat; right:38px; left:auto; top:30px; }
.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:#c4384c; 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:#d74e61; text-align:center; color:#FFF; line-height:54px; 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:.4rem .4rem .4rem .4rem;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; }
.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:160px; float:left; overflow:hidden; padding-left:100px;}
.tj3{ width:160px; height:56px; overflow:hidden; border:none; background:#c4384c; cursor:pointer; text-align:center; line-height:56px; font-size:20px; color:#FFF; }

 





.news{ width:80%;  overflow:hidden; padding:4.5% 0% 4.5% 0%; } 
.news .sdiva{ width:100%; float:left; overflow:hidden; border-radius:10px; margin:1.5% 0%;  } 
.news .sdiva a{ width:90%; overflow:hidden; display:block; padding:5% 5%; background:#f4f4f4;} 
.news .sdiva a:hover{ color:#FFF; background:#c4384c;} 
.news .sdiva a:hover .isdiva{  background: url(../images/ico13.png) no-repeat right;  } 
.news .sdiva .isdivb{ width:10%; float:left; overflow:hidden; } 
.news .sdiva .isdivb h2{ width:100%; float:left; overflow:hidden; font-size:46px; font-family:Arial, Helvetica, sans-serif;} 
.news .sdiva .isdivb h3{ width:100%; float:left; overflow:hidden; font-size:14px; font-family:Arial, Helvetica, sans-serif;} 
.news .sdiva .isdiva{ width:88%; float:right; overflow:hidden; background: url(../images/ico20.png) no-repeat right; } 
.news .sdiva .isdiva dt{ width:90%; float:left; overflow:hidden; font-size:18px; font-weight:bold; margin-bottom:20px; } 
.news .sdiva .isdiva dd{ width:90%; float:left; overflow:hidden; font-size:14px; line-height:26px; } 




 
 
.news_xx{ width:1200px; overflow:hidden; padding:6% 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:12px; 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 .divd{ width:1200px; overflow:hidden; }  
.news_xx .divd dt{ width:490px; height:70px; overflow:hidden; float:left; line-height:70px; font-size:14px; text-overflow: ellipsis; white-space: nowrap; } 
.news_xx .divd dt a{  height:70px;  font-size:14px;  overflow:hidden; background:url(../images/ico16.png) no-repeat left #f4f4f4; padding-left:50px; display:block; } 
.news_xx .divd dt a:hover{   height:70px; font-size:14px;  overflow:hidden; background:url(../images/ico16-a.png) no-repeat left #c4384c; padding-left:50px;  color:#FFF;  } 
.news_xx .divd dd{ width:490px; height:70px; overflow:hidden; float:right; line-height:70px; font-size:14px; text-overflow: ellipsis; white-space: nowrap; text-align:right; } 
.news_xx .divd dd a{ height:70px;  font-size:14px;  overflow:hidden; background:url(../images/ico17.png) no-repeat right #f4f4f4; padding-right:50px; display:block; } 
.news_xx .divd dd a:hover{  height:70px; font-size:14px;  overflow:hidden; background:url(../images/ico17-a.png) no-repeat right #c4384c; padding-right:50px;  color:#FFF;  } 
.news_xx .divd h2{ width:200px; height:70px; overflow:hidden; float:left; line-height:70px; margin-left:10px; }  
.news_xx .divd h2 a{  width:120px; height:70px; font-size:14px;  overflow:hidden; background:url(../images/ico18.png) no-repeat left #f4f4f4; padding-left:80px;  display:block;} 
.news_xx .divd h2 a:hover{  width:120px; height:70px;  font-size:14px;  overflow:hidden; background:url(../images/ico18-a.png) no-repeat left #c4384c; padding-left:80px; color:#fff;  } 

 
 
 

.chanpin{ width:80%; overflow:hidden; padding:5.5% 0%; } 
.chanpin ul{ width:100%; float:left; overflow:hidden;   } 
.chanpin ul li{ width:23.18%; float:left; overflow:hidden; background:#FFF; border:#ddd solid 1px; text-align:center; margin:0.8% 0.8%;  border-radius:10px;  } 
.chanpin ul li dt{ width:100%; float:left; overflow:hidden; } 
.chanpin ul li dt img{ width:100%; float:left; overflow:hidden;transition: all 0.8s;  } 
.chanpin ul li dt img:hover{transform: scale(1.1); }
.chanpin ul li dd{ width:100%; float:left; overflow:hidden; line-height:80px; font-size:16px; text-overflow: ellipsis; white-space: nowrap;  } 


.case2{ width:80%; overflow:hidden; padding:5.5% 0%; } 
.case2 ul{ width:100%; float:left; overflow:hidden;   } 
.case2 ul li{ width:31.33%; float:left; overflow:hidden; position:relative; margin:1% 1%;  border-radius:10px;  } 
.case2 ul li dt{ width:100%; float:left; overflow:hidden; } 
.case2 ul li dt img{ width:100%; float:left; overflow:hidden;transition: all 0.8s;  } 
.case2 ul li dt img:hover{transform: scale(1.1); }
.case2 ul li dd{  width:86%; overflow:hidden; font-size:18px; font-weight:bold; color:#FFF; padding:6% 7%; position:absolute; left:0; bottom:0; background:linear-gradient(rgba(0,0,0,0),rgba(0,0,0,0.6)); } 




.changfang{ width:80%; overflow:hidden; padding:5.5% 0% 4.5% 0%; } 
.changfang ul{ width:100%; float:left; overflow:hidden;   } 
.changfang ul li{ width:31.33%; float:left; overflow:hidden; margin:1% 1%; } 
.changfang ul li dt{ width:100%; float:left; overflow:hidden;  border-radius:10px;  } 
.changfang ul li dt img{ width:100%; float:left; overflow:hidden;transition: all 0.8s;  } 
.changfang ul li dt img:hover{transform: scale(1.1); }
.changfang ul li h2{  width:100%; overflow:hidden; font-size:18px; text-align:center; padding:6% 0% 2% 0%;} 



 
 

@media (min-width:800px) {
.menu{  height:110px; 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:110px; line-height:106px; margin-left:15px; }
.menu ul li ul {display: none;}
.menu ul li:hover a {color:#c4384c;}
.menu ul li:hover ul li ul {display: none;}
#menu_hover { color:#c4384c; border-bottom:#c4384c 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:110px; left:0; display:block; padding:0px; z-index:99; }
.menu .ej_1{ width:200px;  margin-left:-72px; background:#c4384c; }
.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:#d74e61;}



.warp2 .diva .sdiva{ width:70%; overflow:hidden; padding:9% 10% 0% 20%; } 
.warp2 .diva .sdiva dt{ width:100%; overflow:hidden; float:left; font-size:40px; color:#2d2f6d; font-weight:bold; margin-bottom:5%;} 
.warp2 .diva .sdiva dd{ 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:7; margin-bottom:5%;} 
.warp2 .diva .sdiva h2{ width:100%; overflow:hidden; float:left; } 
.warp2 .diva .sdiva h2 a{ height:50px; display:block; overflow:hidden; border-radius:35px; padding:0px 80px 0px 40px; line-height:50px; font-size:16px; float:left;  border:#c3c3c3 solid 1px; background: url(../images/ico10.png) no-repeat right; } 
.warp2 .diva .sdiva h2 a:hover{  background: url(../images/ico11.png) no-repeat right #c4384c; color:#FFF;  border:#c4384c solid 1px; } 

} 

@media (min-width:1280px) { 
.menu{  height:110px; 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:110px; line-height:106px; margin-left:15px; }
.menu ul li ul {display: none;}
.menu ul li:hover a {color:#c4384c;}
.menu ul li:hover ul li ul {display: none;}
#menu_hover { color:#c4384c; border-bottom:#c4384c 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:110px; left:0; display:block; padding:0px; z-index:99; }
.menu .ej_1{ width:200px;  margin-left:-72px; background:#c4384c; }
.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:#d74e61;}


.warp2 .diva .sdiva{ width:70%; overflow:hidden; padding:9% 10% 0% 20%; } 
.warp2 .diva .sdiva dt{ width:100%; overflow:hidden; float:left; font-size:40px; color:#2d2f6d; font-weight:bold; margin-bottom:5%;} 
.warp2 .diva .sdiva dd{ width:100%; overflow:hidden; float:left; font-size:14px; line-height:26px; word-break: break-all; text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:7; margin-bottom:5%;} 
.warp2 .diva .sdiva h2{ width:100%; overflow:hidden; float:left; } 
.warp2 .diva .sdiva h2 a{ height:50px; display:block; overflow:hidden; border-radius:35px; padding:0px 80px 0px 40px; line-height:50px; font-size:16px; float:left;  border:#c3c3c3 solid 1px; background: url(../images/ico10.png) no-repeat right; } 
.warp2 .diva .sdiva h2 a:hover{  background: url(../images/ico11.png) no-repeat right #c4384c; color:#FFF;  border:#c4384c solid 1px; } 
} 

@media (min-width:1400px) { 
.menu{  height:110px; float:right; margin-right:4%; }
.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:110px; line-height:106px; margin-left:20px; }
.menu ul li ul {display: none;}
.menu ul li:hover a {color:#c4384c;}
.menu ul li:hover ul li ul {display: none;}
#menu_hover { color:#c4384c; border-bottom:#c4384c 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:110px; left:0; display:block; padding:0px; z-index:99; }
.menu .ej_1{ width:200px;  margin-left:-72px; background:#c4384c; }
.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:#d74e61;}



.warp2 .diva .sdiva{ width:70%; overflow:hidden; padding:9% 10% 0% 20%; } 
.warp2 .diva .sdiva dt{ width:100%; overflow:hidden; float:left; font-size:40px; color:#2d2f6d; font-weight:bold; margin-bottom:5%;} 
.warp2 .diva .sdiva dd{ 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:7; margin-bottom:5%;} 
.warp2 .diva .sdiva h2{ width:100%; overflow:hidden; float:left; } 
.warp2 .diva .sdiva h2 a{ height:60px; display:block; overflow:hidden; border-radius:35px; padding:0px 80px 0px 40px; line-height:60px; font-size:16px; float:left;  border:#c3c3c3 solid 1px; background: url(../images/ico10.png) no-repeat right; } 
.warp2 .diva .sdiva h2 a:hover{  background: url(../images/ico11.png) no-repeat right #c4384c; color:#FFF;  border:#c4384c solid 1px; } 
} 

@media (min-width:1440px) {
.menu{  height:110px; float:right; margin-right:4%; }
.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:110px; line-height:106px; margin-left:25px; }
.menu ul li ul {display: none;}
.menu ul li:hover a {color:#c4384c;}
.menu ul li:hover ul li ul {display: none;}
#menu_hover { color:#c4384c; border-bottom:#c4384c 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:110px; left:0; display:block; padding:0px; z-index:99; }
.menu .ej_1{ width:200px;  margin-left:-72px; background:#c4384c; }
.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:#d74e61;}


.warp2 .diva .sdiva{ width:70%; overflow:hidden; padding:9% 10% 0% 20%; } 
.warp2 .diva .sdiva dt{ width:100%; overflow:hidden; float:left; font-size:40px; color:#2d2f6d; font-weight:bold; margin-bottom:5%;} 
.warp2 .diva .sdiva dd{ 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:7; margin-bottom:5%;} 
.warp2 .diva .sdiva h2{ width:100%; overflow:hidden; float:left; } 
.warp2 .diva .sdiva h2 a{ height:60px; display:block; overflow:hidden; border-radius:35px; padding:0px 80px 0px 40px; line-height:60px; font-size:16px; float:left;  border:#c3c3c3 solid 1px; background: url(../images/ico10.png) no-repeat right; } 
.warp2 .diva .sdiva h2 a:hover{  background: url(../images/ico11.png) no-repeat right #c4384c; color:#FFF;  border:#c4384c solid 1px; } 

} 

@media (min-width:1600px) {
.menu{  height:110px; float:right; margin-right:5%; }
.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:110px; line-height:106px; margin-left:30px; }
.menu ul li ul {display: none;}
.menu ul li:hover a {color:#c4384c;}
.menu ul li:hover ul li ul {display: none;}
#menu_hover { color:#c4384c; border-bottom:#c4384c 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:110px; left:0; display:block; padding:0px; z-index:99; }
.menu .ej_1{ width:200px;  margin-left:-67px; background:#c4384c; }
.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:#d74e61;}


.warp2 .diva .sdiva{ width:70%; overflow:hidden; padding:9% 10% 0% 20%; } 
.warp2 .diva .sdiva dt{ width:100%; overflow:hidden; float:left; font-size:40px; color:#2d2f6d; font-weight:bold; margin-bottom:5%;} 
.warp2 .diva .sdiva dd{ 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:8; margin-bottom:5%;} 
.warp2 .diva .sdiva h2{ width:100%; overflow:hidden; float:left; } 
.warp2 .diva .sdiva h2 a{ height:60px; display:block; overflow:hidden; border-radius:35px; padding:0px 80px 0px 40px; line-height:60px; font-size:16px; float:left;  border:#c3c3c3 solid 1px; background: url(../images/ico10.png) no-repeat right; } 
.warp2 .diva .sdiva h2 a:hover{  background: url(../images/ico11.png) no-repeat right #c4384c; color:#FFF;  border:#c4384c solid 1px; } 

} 

@media (min-width:1680px) {
.menu{  height:110px; float:right; margin-right:5%; }
.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:110px; line-height:106px; margin-left:30px; }
.menu ul li ul {display: none;}
.menu ul li:hover a {color:#c4384c;}
.menu ul li:hover ul li ul {display: none;}
#menu_hover { color:#c4384c; border-bottom:#c4384c 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:110px; left:0; display:block; padding:0px; z-index:99; }
.menu .ej_1{ width:200px;  margin-left:-67px; background:#c4384c; }
.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:#d74e61;}


.warp2 .diva .sdiva{ width:70%; overflow:hidden; padding:10% 10% 0% 20%; } 
.warp2 .diva .sdiva dt{ width:100%; overflow:hidden; float:left; font-size:40px; color:#2d2f6d; font-weight:bold; margin-bottom:5%;} 
.warp2 .diva .sdiva dd{ 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:8; margin-bottom:5%;} 
.warp2 .diva .sdiva h2{ width:100%; overflow:hidden; float:left; } 
.warp2 .diva .sdiva h2 a{ height:60px; display:block; overflow:hidden; border-radius:35px; padding:0px 80px 0px 40px; line-height:60px; font-size:16px; float:left;  border:#c3c3c3 solid 1px; background: url(../images/ico10.png) no-repeat right; } 
.warp2 .diva .sdiva h2 a:hover{  background: url(../images/ico11.png) no-repeat right #c4384c; color:#FFF;  border:#c4384c solid 1px; } 

} 

@media (min-width:1920px) {
.menu{  height:110px; float:right; margin-right:5%; }
.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:110px; line-height:106px; margin-left:35px; }
.menu ul li ul {display: none;}
.menu ul li:hover a {color:#c4384c;}
.menu ul li:hover ul li ul {display: none;}
#menu_hover { color:#c4384c; border-bottom:#c4384c 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:110px; left:0; display:block; padding:0px; z-index:99; }
.menu .ej_1{ width:200px;  margin-left:-67px; background:#c4384c; }
.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:#d74e61;}
 
 
.warp2 .diva .sdiva{ width:70%; overflow:hidden; padding:11% 10% 0% 20%; } 
.warp2 .diva .sdiva dt{ width:100%; overflow:hidden; float:left; font-size:40px; color:#2d2f6d; font-weight:bold; margin-bottom:6%;} 
.warp2 .diva .sdiva dd{ 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:8; margin-bottom:6%;} 
.warp2 .diva .sdiva h2{ width:100%; overflow:hidden; float:left; } 
.warp2 .diva .sdiva h2 a{ height:60px; display:block; overflow:hidden; border-radius:35px; padding:0px 80px 0px 40px; line-height:60px; font-size:16px; float:left;  border:#c3c3c3 solid 1px; background: url(../images/ico10.png) no-repeat right; } 
.warp2 .diva .sdiva h2 a:hover{  background: url(../images/ico11.png) no-repeat right #c4384c; color:#FFF;  border:#c4384c solid 1px; } 
}