@charset "UTF-8";
body {color: #444;font-size: 14px;overflow-x: hidden; position: relative;-webkit-text-size-adjust: none;-ms-text-size-adjust: none;-webkit-tap-highlight-color: rgba(0, 0, 0, 0);}
.imgZoom img,.imgY180 img { -moz-transition:all .8s ease 0s; -ms-transition:all .8s ease 0s; -o-transition:all .8s ease 0s; -webkit-transition:all .8s ease 0s; transition:all .8s ease 0s;}
.imgZoom { overflow:hidden; -webkit-transform:rotate(0); transform:rotate(0); }
.imgZoom:hover img{ -moz-transform:scale(1.1,1.1); -ms-transform:scale(1.1,1.1); -o-transform:scale(1.1,1.1); -webkit-transform:scale(1.1,1.1); transform:scale(1.1,1.1);}
.imgY180:hover img { cursor:pointer; -moz-transform:rotateY(180deg); -ms-transform:rotateY(180deg); -o-transform:rotateY(180deg); -webkit-transform:rotateY(180deg); transform:rotateY(180deg) }
.gray{ background:#fafafa;}
.imgHover {overflow:hidden; }
.imgHover img{-moz-transition: all 1s cubic-bezier(0.19, 1, 0.22, 1);-o-transition: all 1s cubic-bezier(0.19, 1, 0.22, 1);-webkit-transition: all 1s cubic-bezier(0.19, 1, 0.22, 1);transition: all 1s cubic-bezier(0.19, 1, 0.22, 1);}
.imgHover .title{-moz-transform: translateY(180%);-ms-transform: translateY(180%);-webkit-transform: translateY(180%);transform: translateY(180%);-moz-transition: all 1s cubic-bezier(0.19, 1, 0.22, 1);-o-transition: all 1s cubic-bezier(0.19, 1, 0.22, 1);-webkit-transition: all 1s cubic-bezier(0.19, 1, 0.22, 1);transition: all 1s cubic-bezier(0.19, 1, 0.22, 1);opacity:1;}
.imgHover .m_detail{-moz-transition: all 1s cubic-bezier(0.19, 1, 0.22, 1);-o-transition: all 1s cubic-bezier(0.19, 1, 0.22, 1);-webkit-transition: all 1s cubic-bezier(0.19, 1, 0.22, 1);transition: all 1s cubic-bezier(0.19, 1, 0.22, 1);-moz-transform: translateY(10%);-ms-transform: translateY(10%);-webkit-transform: translateY(10%);transform: translateY(10%);filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);color: #fff;line-height: 1.5;width: 100%;opacity:0;}
.imgHover:hover .title,.imgHover:hover .m_detail{filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);-moz-transform: translateY(10%);-ms-transform: translateY(10%);-webkit-transform: translateY(10%);transform: translateY(10%);opacity:1;}
@media (max-width:426px) {
.imgHover .title{-moz-transform: translateY(280%);-ms-transform: translateY(280%);-webkit-transform: translateY(280%);transform: translateY(280%);}
.imgHover:hover .title,.imgHover:hover .m_detail{-moz-transform: translateY(0%);-ms-transform: translateY(0%);-webkit-transform: translateY(0%);transform: translateY(0%);}
}
.clear{zoom:1}
.clear:after{content:"";width:0;height:0;visibility:hidden;display:block;clear:both;overflow:hidden}
.clear{clear: both;}
.fl{ float: left; display: inline;}
.clear{ clear: both; overflow: hidden;}
.fr{ float: right; display: inline;}

*[class*="rect-"]{position: relative;display: block; width: 100%;height: 0;overflow: hidden;}
*[class*="rect-"] ._full{position: absolute;left: 0;top:0;width: 100%;height: 100%;
*height: auto;}
.rect-50{padding-bottom: 50%;}
.rect-5625{padding-bottom: 56.25%;}
.rect-60{padding-bottom: 60%;}
.rect-618{padding-bottom: 61.8%;}
.rect-76{padding-bottom: 70%;}
.rect-75{padding-bottom: 75%;}
.rect-76{padding-bottom: 76%;}
.rect-80{padding-bottom: 80%;}
.rect-90{padding-bottom: 90%;}
.rect-100{padding-bottom: 100%;}
.red, .red a, a.red{color:red;}
.t_l{ text-align: left;}.t_r{ text-align: right;}.t_c{ text-align: center;}
/*pc-头部*/
.header {height:95px;position: fixed;width: 100%; top: 0;left: 0;z-index: 33333;background: #fff;box-shadow: 1px 1px 10px rgba(0,0,0,.4);border-bottom: solid 1px rgba(255, 255, 255, 0.1);/**/}
.header:hover,.header.on-header {background: #fff;box-shadow: 1px 1px 10px rgba(0,0,0,.4);border-bottom: solid 1px rgba(255, 255, 255, 0.1);}
.header:hover .category-a,.header.on-header .category-a{color: #333;}
.header .index-container {height: 100%;}
/*===============下拉==============*/
.header .logo {padding: 22px 0;float: left;}
.header .logo img {width: 283px;height: 50px;}
.navbar {float: left;margin-left: 16%;}
.navbar * {-webkit-box-sizing: border-box;box-sizing: border-box;}
.navbar .dropmenu a{padding: 0 20px;display: block;font-size: 17px;line-height: 59px;border-top: solid 1px #efefef;text-align: center;white-space: nowrap;width: 100%;height: auto;background: 0 0;-webkit-transition: all .3s;-o-transition: all .3s;transition: all .3s;}
.navbar .dropmenu a:hover{color: #009771;}
.category-item { float: left; padding: 0 10px;margin-right: 28px;}
.category-item-single {position: relative;}
.category-a {padding: 0 0;display: block;font-size:20px;line-height:95px;color: #222;-webkit-transition: all .6s;-o-transition: all .6s;transition: all .6s;position: relative;}
.category-a::after {content: '';width: 0;height: 2px;background: #009771;position: absolute;bottom: 0;left: 50%;
-webkit-transform: translateX(-50%);-ms-transform: translateX(-50%);transform: translateX(-50%);
-webkit-transition: all .8s;-o-transition: all .8s;transition: all .8s;}
.category-item.active .category-a::after,
.category-item:hover .category-a::after { width: 98%;}
.dropdown-menu.single {position: absolute;top: 100%;left: 50%;-webkit-transform: translate(-50%, 0);-ms-transform: translate(-50%, 0);transform: translate(-50%, 0);
z-index: 1100;background: rgba(255, 255, 255, 1);margin-top: 0;max-height: 0;opacity: 0;overflow: hidden;-webkit-transition: max-height .5s;-o-transition: max-height .5s;transition: max-height .5s;border: none;color: #303233;box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);height: auto;padding: 0;display: block;}
.dropdown-menu.single .category-pa{padding: 44px 30px;}
.dropdown-menu.single ul {padding: 0px 0;}
.dropdown-menu.single li {display: block;min-width: 210px;-webkit-transition: all .3s;-o-transition: all .3s;transition: all .3s;position: relative; text-align: left;}
.dropdown-menu.single .pro-menu{width: 360px;}
.dropdown-menu.single .cate-a li:last-child a,.dropdown-menu .pro-menu li:last-child .pro-item1{border-bottom: solid 1px #efefef;}
.dropdown-menu.single .cate-a li>a,.nav-bar li:nth-child(2) .dropdown-menu.single li div.pro-item1 {padding: 0 5px;display: block;font-size: 16px;color: #666;line-height: 59px;border-top: solid 1px #efefef;white-space: nowrap;width: 100%;height: auto;background: 0 0;-webkit-transition: all .3s;-o-transition: all .3s;transition: all .3s;}
.dropdown-menu .ny-text{font-weight: bold;}
.dropdown-menu .ny-text span{  float:left;  position: relative;  }  
.pro-menu .pro-parent1 {padding: 0 5px;display: block;font-size: 16px;color: #666;line-height: 59px;white-space: nowrap;width: 100%;height: auto;background: 0 0;-webkit-transition: all .3s;-o-transition: all .3s;transition: all .3s;}
.pro-menu .pro-item1 {position: relative;border-top: solid 1px #efefef;}
.pro-menu .pro-cate1 {display: block;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}.pro-menu .pro-tig1 i {position: absolute;right: 0;top: 5%;transition: all .5s;font-size: 16px;color: #333;}
.pro-menu .pro-tig1 em {position: absolute;right: 0;top: 5%;transition: all .5s;font-size: 16px;color: #333;}.pro-menu .pro-pad {background: #fff; margin-bottom: 20px;}
.pro-menu .pro-pad a {display: block;font-size: 16px;color: #666;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;line-height: 40px;}
.pro-slide1 {display: none;}
.pro-parent1.open .pro-cate1,
.pro-cate1:hover {color: #009771;}
.pro-parent1.open .pro-tig1 i{color: #009771;transform: rotate(90deg);}
.pro-parent1.open .pro-tig1 em {color: #009771;transform: rotate(90deg);}
.cate-a li:hover a, .single .pro-pad a:hover{ color: #009771;}
.category-item:hover .dropdown-menu.single { max-height: 450px;opacity: 1;}
.pro-parent1.open .pro-slide1 {display: block;}
.dropdown-menu .ny-text span:nth-child(1){  animation:jump 1s linear 0.2s infinite;-webkit-animation:jump 1s linear 0.2s infinite;}  
.dropdown-menu .ny-text span:nth-child(2){  animation:jump 1s linear 0.2s alternate;-webkit-animation:jump 1s linear 0.2s alternate;}
.dropdown-menu .ny-text span:nth-child(3){  
animation:jump 1s linear 0.4s alternate;
-webkit-animation:jump 1s linear 0.4s alternate;
}
.dropdown-menu .ny-text span:nth-child(4){  
animation:jump 1s linear 0.6s alternate;
-webkit-animation:jump 1s linear 0.6s alternate;
}
.dropdown-menu .ny-text span:nth-child(5){
animation:jump 1s linear 0.8s alternate;  
-webkit-animation:jump 1s linear 0.8s alternate;
} 
.dropdown-menu .ny-text span:nth-child(6){
animation:jump 1s linear 1s alternate;  
-webkit-animation:jump 1s linear 1s alternate;
} 
@keyframes jump{
0%{  
top:0px;  
color:#333;  
}  
50%{  
top:-10px;  
color:#009771;   
}  
100%{  
top:0;  
color:#009771;  
}  
}
@-webkit-keyframes jump  {  
0%{  
top:0px;  
color:#333;  
}  
50%{  
top:-10px;  
color:#009771;   
}  
100%{  
top:0;  
color:#009771;  
}  
}
/* 下拉 */

.dropdown-menu.full-screen {
position: absolute; top: 100%; z-index: 1100;background-color: #fff;border-top: 1px solid #dae1e6;
-webkit-transition: none; -o-transition: none;transition: none;height: 300px;display: none;overflow: hidden;
width: 100%;min-width: 1200px;left: 0;margin-top: 0;-ms-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .05); -o-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .05);
-webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .05);box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .05);
}
.column-two ul {display: none;}
.dropdown-container { height: 400px;}
.p-drop-le {width: 100%;height: 100%;float: left;background: #fff; -webkit-box-sizing: border-box;box-sizing: border-box;}
.p-drop-ri {height: 100%;float: left;}
.p-drop-Lwrap {padding-top: 20px;margin-left: 36px;height: 100%;}
.p-drop-Rwrap {float: left;}
.column-item {float: left;width: 260px;border-right: 1px solid #eee;height: 100%;}
.column-two {width: 180px;}
.nav-title {font-size: 18px;line-height: 50px;color: #444;display: block;padding-left: 24px;-webkit-transition: all .3s;-o-transition: all .3s;transition: all .3s;background: url(../images/arrow-next.png) no-repeat right 20px center;}
.nav-title:hover {color: #fff;background: #009771 url(../images/arrow-next2.png) no-repeat right 20px center;}
.nav-data {display: block;font-size: 16px;line-height: 36px;color: #666;padding-left: 24px;-webkit-transition: all .3s;-o-transition: all .3s;transition: all .3s;position: relative;background: transparent;}
.nav-data::after {content: '';width: 36px;height: 36px;position: absolute;right: 0;top: 0;-webkit-transition: all .3s;-o-transition: all .3s;transition: all .3s;opacity: 0;}.nav-data:hover {color: #009771;}
.nav-data:hover::after {opacity: 1;}
.nav-pic {height: 256px;width: 256px;overflow: hidden;}
.nav-pic img {
max-width: 100%; image-rendering: -moz-crisp-edges;
/* Firefox */
image-rendering: -o-crisp-edges;
/* Opera */
image-rendering: -webkit-optimize-contrast;
/* Webkit (non-standard naming) */
image-rendering: crisp-edges;-ms-interpolation-mode: nearest-neighbor;height: 100%;}
.p-nav-more {display: inline-block;font-size: 14px;line-height: 34px;padding: 0 27px;background: #009771;color: #fff;margin-top: 12px;}
.p-nav-more img { vertical-align: -2px;margin-left: 12px;display: inline-block;}
.nav-pic-tit {font-size: 16px;line-height: 52px;color: #666;}
.category-item:hover .dropdown-menu.full-screen {display: block;visibility: visible;}
/* ---------------------- */
.number {height: 26px;float: right;margin-top: 35px; margin-right: 20px; display: flex;}
.number-img {width: 24px;height: 24px;display: inline-block;margin-top: -5px; background: url(../images/call.png) no-repeat;background-size: 100%;}
.number-phone {display: inline-block;font-size: 20px;margin-left: 13px; color: #333;line-height: 15px;font-family: 'DIN-BOLD';}
.number-img.black {background: url(../images/call1.png) no-repeat; }
.number-phone.black {color: #009771;}
.header .language {height: 26px;float: right;margin-right: 20px;margin-top: 30px;display: flex;position: relative; }
.header .language-img {width: 24px;height: 54px;display: inline-block;background: url(../images/language.png) no-repeat;background-size: 100%; }
.header .language {font-size: 16px;margin-left: 3px; }
.header .language a{color: #666666; }
.header .language span{  width:120px; text-align:center; background: #fff; height: auto; overflow: hidden;position: absolute; left: -150%; top: 192%;  transition: 0.5s; height: 0}
.header .language span a{ display:block; line-height:32px; color: #666; border-bottom: 1px solid #cecece; }
.header .language span a:last-child{ border-bottom:0;}
.header .language span a:hover{ background: #009771; color:#fff;}
.header .language:hover span{height: auto;}
.header .language:hover .language-img {background: url(../images/language1.png) no-repeat;}

.sp_header{height:60px;top: 0;left: 0;overflow:hidden;background:#fff;position:fixed; display: none; -webkit-box-shadow: 3px 0 15px 0 rgba(0, 0, 0, .2);box-shadow: 3px 0 7px 0 rgba(0, 0, 0, .1);z-index:9999999;width:100%;}
.sp_logo{padding:5px 10px;float:left;height:50px}
.sp_logo img{margin:5px auto;max-height:100%; width: auto;}
.sp_nav{width:50px;float:right;position:relative;cursor:pointer;height:30px;margin-top:20px; z-index: 999;}
.sp_nav span{display:block;background:#009771;width:30px;height:2px;position:absolute;left:10px;transition:all ease 0.35s}
.sp_nav span:nth-of-type(1){top:0px}
.sp_nav span:nth-of-type(2){top:10px}
.sp_nav span:nth-of-type(3){top:20px}
.sp_nav_se span:nth-of-type(1){top:10px;transform:rotate(45deg)}
.sp_nav_se span:nth-of-type(2){width:0}
.sp_nav_se span:nth-of-type(3){top:10px;transform:rotate(-45deg)}
.sjj_nav{position:fixed;z-index:999;background:#fff;width:100%;height:calc(100% - 124px);font-size:14px;line-height:40px;top:-100%;left:0;overflow:auto;overflow-x:hidden;transition:top ease 0.35s;}
.nav_show{top:60px}
.sjj_nav>ul>li:first-child{overflow:hidden;border-top:0}
.sjj_nav>ul>li:first-child>a{float:left;width:calc(100% - 70px);line-height:40px;}
.sjj_nav ul li i{position:absolute;top:5px;right:0px;border-left:1px #ddd solid;height:35px;padding:0px 17px 0 17px;}
.sjj_nav ul li i { background: url(../images/arr_r.png) no-repeat center;}
.sjj_nav ul li .sjj_nav_i_se { background: url(../images/arr_r_h.png) no-repeat center;}
.sjj_nav ul li{border-top:1px #ddd solid;padding-left:20px;position:relative;line-height:45px;font-size:16px}
.sjj_nav ul li ul{display:none}
.sjj_nav ul li a{color:#333;width:80%}
.sjj_nav ul li ul li a{color:#666;display:block;text-align:left; line-height: 40px;font-size:15px}
.sjj_nav ul li i svg{width:35px;height:35px;fill:#555; font-weight: normal;}
.sjj_nav ul li .sjj_nav_i_se svg{fill:#009771}
.sjj_nav ul li ul li>ul{margin-left:10px}
@media (max-width:1200px){
.header{display: none; }
.sp_header{display: block; }
}
@media (max-width:368px){
.sp_logo img{margin:5px auto 0;}
.sjj_nav ul li i svg{width:25px;height:25px; }
}
@media (max-width: 1800px) {
.category-item {padding: 0 22px;margin-right: 0;}
}
@media (max-width: 1659px) {
.header-app {display: none !important;}
.number-phone{font-size: 22px; margin-left: 15px;line-height: 10px;}
}
@media (max-width: 1480px) {
.category-item {padding: 0 18px; }
}
@media (max-width: 1365px) {
.navbar { margin-left: 14%;}
.category-item {padding: 0 15px; }
.number{margin-top: 37px;}
.number-phone {font-size: 18px;margin-left: 10px;line-height: 10px;}
}
@media (max-width: 1300px) {
.navbar { margin-left: 12%;}
}
@media (max-width: 1280px) {
.navbar { margin-left: 7%;}
}
@media (max-width: 1169px) {
.header{display: none !important;}
.header-app,.foot-app { display: block !important;}
.header-app .logo img {width: 180px;}
}
@media(max-width: 991px) {
.header-app .logo {float: left;padding: 16px 15px;}
.header-app .logo img {width: auto;height: 28px;}
}
@media (max-width: 767px) {
.header-app .logo {padding: 16px 10px;}
}
/* ==================首页start=================== */
.indexbanner { height: 940px;}
.index_banner_left:hover span:before,.index_banner_right:hover span:before{left:10%; width:80%;}
.indexbanner .swiper-pagination-bullet{opacity:1; text-align:left;width: 10px;height: 10px;background: #fff;border-radius: 50%; position:relative;  color:#fff; }
.indexbanner .banner_img{position:relative; width:100%; height:940px;}
.indexbanner .banner_img_pc{position:absolute; left:0; top:0; width:100%; height:100%; background-position:center; background-repeat:no-repeat; background-size:cover;}
.indexbanner .banner_img_jj{ width:100%;position:absolute; left:0; top:50%; z-index:10; text-align:center; color:#fff;transform:translateY(-50%);}
.swiper-slide-active .banner_img_pc { animation: scaleUpDown 6s forwards cubic-bezier(0.25, 0.46, 0.45, 0.94);}
 @-webkit-keyframes scaleUpDown { from { -webkit-transform: scale(1.18); transform: scale(1.18); } to { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } } 
 @keyframes scaleUpDown { from { -webkit-transform: scale(1.18); transform: scale(1.18); } to { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } } 
.banner_img_jj_mid_1{font-size:30px; text-align:left; font-family: "微软雅黑"; padding-bottom: 25px; line-height: 50px;}
.banner_img_jj_mid_2{ font-size:48px; font-weight: bold; text-align:left; line-height: 45px;}
.banner_img_jj_mid_3{ font-size:16px; text-align: center; width: 150px; height: 50px; line-height: 50px; margin-top:80px; background: #009771; color:#fff;}
.banner_img_jj_mid a .banner_img_jj_mid_3{ color:#fff;}
.indexbanner .banner_img_jj.banner_img_jj1{ top:38%; }
.indexbanner .banner_img_jj.banner_img_jj1 .banner_img_jj_mid_1 { text-align: center; position: static;margin-bottom: 10px;}
.indexbanner .banner_img_jj.banner_img_jj1 .banner_img_jj_mid_1:after{ width: 0px; } 
.indexbanner .banner_img_jj.banner_img_jj1 .banner_img_jj_mid_2{ text-align: center; }
.indexbanner .banner_img_jj.banner_img_jj2 .banner_img_jj_mid_1 { text-align: center;}
.indexbanner .banner_img_jj.banner_img_jj2 .banner_img_jj_mid_1:after{left:45%;} 
.indexbanner .banner_img_jj.banner_img_jj2 .banner_img_jj_mid_2{ text-align: center; }
.indexbanner .swiper-pagination {width: auto;left: 13%!important;bottom: 45px!important;text-align: left; }
.indexbanner .swiper-pagination .swiper-pagination-bullet {position: relative;width: 20px;height: 20px;opacity: 1;background: none; margin: 0 15px!important;}
.indexbanner .swiper-pagination .swiper-pagination-bullet:last-child{margin-right: 0;}
.indexbanner .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active:before {opacity: 1;visibility: visible;transform: rotate(0deg);-webkit-transform: rotate(0deg);}
.indexbanner .swiper-pagination .swiper-pagination-bullet:before {position: absolute;left: 0;top: 0;content: "";box-sizing: border-box;width: 100%;height: 100%;border: 1px solid #fff;border-radius: 50%;opacity: 0;visibility: hidden;transform: rotateY(90deg);transition: 0.45s;}
.indexbanner .swiper-pagination .swiper-pagination-bullet:after{position: absolute;left: 50%;top: 50%;margin-left: -5px;margin-top: -5px;content: "";width: 10px;height: 10px;background: #fff;border-radius: 50%;}
@media (max-width:1600px){
.indexbanner { height: 780px;}
.indexbanner .banner_img{ height:780px;}
}
@media (max-width:1440px){
.indexbanner { height: 705px;}
.indexbanner .banner_img{ height:705px;}
.banner_img_jj_mid_1{font-size:28px; }
.banner_img_jj_mid_2{ font-size:44px;}
.indexbanner .swiper-container-horizontal > .swiper-pagination-bullets,.indexbanner .swiper-pagination-custom,.indexbanner .swiper-pagination-fraction{left:6%!important; }
}
@media (max-width:1366px){
.indexbanner { height: 670px;}
.indexbanner .banner_img{ height:670px;}
.banner_img_jj_mid_1{font-size:26px; padding-bottom:20px; line-height: 40px; }
.banner_img_jj_mid_2{ font-size:38px;}
}
@media (max-width:1280px){
.indexbanner { height: 627px;}
.indexbanner .banner_img{ height:627px;}
.banner_img_jj_mid_1{font-size:24px; line-height: 35px; padding-bottom: 15px;}
.banner_img_jj_mid_2{ font-size:30px;}
.banner_img_jj_mid_3{margin-top:50px;  }
.indexbanner .swiper-container-horizontal > .swiper-pagination-bullets,.indexbanner .swiper-pagination-custom,.indexbanner .swiper-pagination-fraction{left:4%!important; }
}
@media (max-width:1199px){
.indexbanner { padding-top: 60px; margin-bottom: 40px;}
.indexbanner { height: 534px;}
.indexbanner .banner_img{ height:534px;}
.indexbanner .banner_img_pc{ display: none;}
.indexbanner .banner_img_mo{ display: block;position:absolute; left:0; top:0; width:100%; height:100%; background-position:center; background-repeat:no-repeat; background-size:100% 100%;}
.banner_img_jj_mid_1{font-size:20px; }
.indexbanner .swiper-container-horizontal > .swiper-pagination-bullets,.indexbanner .swiper-pagination-custom,.indexbanner .swiper-pagination-fraction{left:3%!important; }
}
@media (max-width:1024px){
.indexbanner { height:456px;}
.indexbanner .banner_img{ height:456px;}
.banner_img_jj_mid_1{font-size:22px;}
.banner_img_jj_mid_2{ font-size:34px;}
.indexbanner .banner_img_jj_mid_2{font-size:20px;line-height: 30px;}
.indexbanner .swiper-pagination {bottom: 25px!important;}
}
@media (max-width:992px){
.indexbanner { height: 442px;}
.indexbanner .banner_img{ height:442px;}
.indexbanner .banner_img_jj{ top:46%;}
.indexbanner .banner_img_jj.banner_img_jj1{ top:38%; }
.banner_img_jj_mid_1{font-size:20px;}
.indexbanner .banner_img_jj_mid_2{ font-size:26px;line-height: 28px;}
.banner_img_jj_mid_3{margin-top:30px; width: 130px; height: 40px; line-height: 40px; }
.indexbanner .banner_img_jj.banner_img_jj1 .banner_img_jj_mid_2{ margin: 0 auto; }
.indexbanner .banner_img_jj.banner_img_jj2 .banner_img_jj_mid_2{ margin: 0 auto; }
}
@media (max-width:768px){
.indexbanner { height: 342px;}
.indexbanner .banner_img{ height:342px;}
.banner_img_jj_mid_1{font-size:18px;}
.banner_img_jj_mid_2{ font-size:26px;}
.indexbanner .swiper-pagination-bullet{ width:48px;  }
.indexbanner .swiper-pagination-bullet-active:after{width:28px; }
.indexbanner .banner_img_jj_mid_2{ font-size:24px; }
}
@media (max-width:668px){
.indexbanner { height: 300px;}
.indexbanner .banner_img{ height:300px;}
}
@media (max-width:568px){
.indexbanner { height:240px;}
.indexbanner .banner_img{ height:240px;}
.indexbanner .swiper-pagination-bullet:before{  width:28px; }
.banner_img_jj_mid_1{ font-size:16px; line-height:32px; padding-bottom: 10px;}
.indexbanner .banner_img_jj_mid_2{ font-size:20px; line-height: 22px;}
.indexbanner .banner_img_jj_mid_3{ display: none;}
.indexbanner .swiper-pagination-bullet{ width:40px;  }
.indexbanner .swiper-pagination-bullet-active:after{width:22px; }
.indexbanner .swiper-pagination .swiper-pagination-bullet { margin: 0 5px!important;}
}
@media (max-width:425px){
.indexbanner { height:220px;}
.indexbanner .banner_img{ height:220px;}
.banner_img_jj_mid_1{ padding-bottom: 0px;}
.indexbanner .banner_img_jj_mid_2{ font-size:18px; }
}
@media (max-width:400px){
.indexbanner .banner_img_jj_mid_2{ font-size:16px; }
}

.header-search {float: right;margin-top: 10px;position: relative; margin-right: 0px; }
.bt-search {width:44px;height:44px; line-height: 44px; background-color:#eee;text-align:center;line-height:44px;margin-top:17px;border-radius:44px;cursor:pointer}
.bt-search .sub-bot {display: block;width: 44px;height: 44px;line-height: 44px; background: transparent;border: none;position: absolute;z-index: 3;cursor: pointer;background: url(../images/icon-search.png) no-repeat center; text-align: center; }
.searchop .search-all {z-index: 10;opacity: 1;visibility: visible}
.search-all {position: absolute;right: 0;top: 0;width: 300px;height: auto;z-index: -1;opacity: 0;visibility: hidden;transition: all .2s}
.search-all .search-box {position: relative;height: 36px;margin-top: 85px;background: #fff; border: 1px solid #ccc;}
.searchop .search-all .search-box {animation: searchform-fade 400ms both}
.searchop .search-all form {animation: searchform-slide 1s both;box-shadow: 0 0 20px rgba(0,0,0,0.2)}
.search-all .search-box .search-txt {color: #333;line-height: 34px;width: 44px;text-align: center;cursor: pointer;transition: all .3s ease-out}
.search-all .search-box .search-txt.left {float: left}
.search-all .search-box .search-txt .fa {color: #999;}
.search-all .search-box .search-inp {margin-left: 44px;transition: all .3s ease-out 0s;margin-right: 44px}
.search-all .search-box .search-inp input {font-size: 16px;line-height: 36px;color: #333;width: 100%;border-radius: 5px}

.search-all .search-box .search-txt .bt{ background: url(../images/icon-search.png) no-repeat center center;height: 36px;width: 36px;}

.searchop .fa-times{opacity: 1;transition: all .2s ease-out 0s}
.search-all .search-box .fa-times{width: 44px;height: 36px;font-size: 16px;color: #999;line-height: 36px;text-align: center;cursor: pointer;position: absolute;top: 0;right: 0;opacity: 1}

.category-item{position: relative; }
.max-drop{position: static;}
.dropmenu{position: absolute; top: 100%;left: 50%;transform: translate(-50%, 0);z-index: 99;background: #fff;max-height: 0;opacity: 0;overflow: hidden;transition: max-height .5s;border: none;color: #303233;width: 200px;box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);height: auto;padding: 0;display: block;text-align: center;}
.category-item.max-drop .dropmenu{width: 100%;}
.category-item:hover .dropmenu {max-height: 800px;opacity: 1;}
.dropmenu-wrap{display: inline-block;}
.dropmenu-left{padding: 36px 0px 36px 0 ;}
.dropmenu-item {float: left;text-align: center;padding: 0 40px !important;width:20% !important;border-top:none !important;}
.dropmenu-item p{color: #666;margin-top: 15px;}
.dropmenu-left .dropmenu-item:last-child{padding-left: 0;}
.dropmenu-right .more{width: 197px;}
.dropmenu-right .more a:before,
.dropmenu-right .more a:after {width: 190px;}
@media (max-width: 1459px) {
.dropmenu-left{padding: 25px 190px 25px 0;}
.dropmenu-left .dropmenu-item  img{ width: 70px;}
.dropmenu-right .more{width: 180px;}
.dropmenu-right .more a:before,
.dropmenu-right .more a:after {width: 174px;}
}
.indextitlebox { margin-bottom: 30px;}
.indextitlebox .entitle{color:#009771;font-size:48px;line-height:1;font-family:'montbold';text-transform: uppercase;}
.indextitlebox .cntitle{color:#333333;font-size:36px;margin-top:10px;}
.indextitlebox .entitle[center], .indextitlebox .cntitle[center]{text-align:center}
.indextitlebox .line{width:24px;height:3px;background-color:#9ac51a;margin:24px auto 0}
.indexaboutleft{width:50%; padding-left:13.7vw;padding-top:8px}
.indexaboutleft .text{color:#666;font-size:18px;line-height:2;margin:34px 0 50px;padding-right:2.5vw; overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4}
.indexaboutleft .morebox{width:146px;height:46px;border:1px solid #adadad; overflow:hidden}
.indexaboutleft .more{width:144px;height:44px;color:#888;display:block;text-align:center;line-height:44px;position:relative;z-index:3}
.indexaboutleft .morebox:hover{border:none; background:#009771;}
.indexaboutleft .morebox:hover .more{color:#fff}
.indexaboutleft .bot{margin-top:100px}
.indexaboutleft .bot .list{width:33.3333%;height:190px;padding:40px 10px 0;background-color:#f9f9f9;display:block}
.indexaboutleft .bot .list:nth-of-type(1) .icon{background-image:url(../images/indexabouticon1.png)}
.indexaboutleft .bot .list:nth-of-type(1):hover .icon{background-image:url(../images/indexabouticon1_cur.png)}
.indexaboutleft .bot .list:nth-of-type(2) .icon{background-image:url(../images/indexabouticon2.png)}
.indexaboutleft .bot .list:nth-of-type(2):hover .icon{background-image:url(../images/indexabouticon2_cur.png)}
.indexaboutleft .bot .list:nth-of-type(3) .icon{background-image:url(../images/indexabouticon3.png)}
.indexaboutleft .bot .list:nth-of-type(3):hover .icon{background-image:url(../images/indexabouticon3_cur.png)}
.indexaboutleft .bot .list .icon{width:48px;height:48px;margin:0 auto;background-repeat:no-repeat;background-position:center center;background-size:100% 100%}
.indexaboutleft .bot .list .cntitle{color:#666; font-size:18px;text-align:center;margin:10px 0 3px}
.indexaboutleft .bot .list .entitle{color:#999; text-transform: uppercase; font-family:Arial;text-align:center}
.indexaboutleft .bot .list:hover{background-color:#42a36d}
.indexaboutleft .bot .list:hover .cntitle,
.indexaboutleft .bot .list:hover .entitle{color:#fff}
.indexaboutvideobox{width:50%;position:relative}
.indexaboutvideobox .img img{width:100%;height:100%;object-fit:cover}
.indexaboutvideobox video{width:100%;height:100%;position:absolute;top:0;left:0;z-index:-1;opacity:0;visibility:hidden}
@keyframes xuanzhuan{
from {transform:rotate(0deg)}
to {transform:rotate(360deg)}
}
@-moz-keyframes xuanzhuan{
from {-moz-transform:rotate(0deg)}
to {-moz-transform:rotate(360deg)}
}
@-webkit-keyframes xuanzhuan{
from {-webkit-transform:rotate(0deg)}
to {-webkit-transform:rotate(360deg)}
}
.indexaboutvideobox .textbox{width:74%;height:10vw;padding:2.8vw 3.541vw 0 3.541vw;position:absolute;left:0;bottom:0; background-image: linear-gradient(to right,#184c91, #08bda2); opacity:0.9; background-size:cover;}
.indexaboutvideobox .textbox .title{color:#fff;font-size:24px;font-weight:bold}
.indexaboutvideobox .textbox .text{color:#fff;font-size:18px;margin-top:18px}
@media (max-width:1860px){
.indexaboutleft{width:50%; padding-left:12.7vw; }
.indexaboutleft .bot{margin-top:90px}
.indexaboutleft .bot .list{height:185px;padding:30px 10px 0;}
}
@media (max-width:1820px){
.indexaboutleft .bot{margin-top:75px}
}
@media (max-width:1780px){
.indexaboutleft{ padding-left:11.5vw; }
.indexaboutleft .bot{margin-top:65px}
.indexaboutleft .bot .list{height:178px;}
}
@media (max-width:1700px){
.indextitlebox .entitle{font-size:42px}
.indextitlebox .cntitle{font-size:30px}
.indexaboutleft{ padding-left:9.5vw; }
.indexaboutleft .text{ font-size:17px;line-height:1.8;margin:34px 0 45px;}
.indexaboutleft .bot{margin-top:87px}
.indexaboutleft .bot .list{height:170px;}
}
@media (max-width:1660px){
.indextitlebox .entitle{font-size:40px}
.indextitlebox .cntitle{font-size:28px}
.indexaboutleft .bot{margin-top:75px}
.indexaboutleft{ padding-left:9vw; }
.indexaboutvideobox .textbox{width:88%;}
}
@media (max-width:1620px){
.indexaboutleft{padding-left:7.8vw}
.indextitlebox .entitle{font-size:38px}
.indextitlebox .cntitle{font-size:26px}
.indexaboutleft .bot{margin-top:84px}
}
@media (max-width:1580px){
.indexaboutleft{padding-left:7vw}
.indexaboutleft .text{ margin:30px 0 35px;}
.indexaboutleft .bot .list{height:158px;}
}
@media (max-width:1530px){
.indexaboutleft{padding-left:5vw}
.indexaboutleft .text{ margin:30px 0 30px;}
.indexaboutleft .bot{margin-top:76px}
.indexaboutleft .bot .list{height:152px;}
}
@media (max-width:1485px){
.indexaboutleft{padding-left:4vw}
.indexaboutleft .bot{margin-top:65px}
.indexaboutleft .bot .list{height:145px;}
}
@media (max-width:1440px){
.indexaboutleft{padding-left:5.8vw;height:520px}
.indextitlebox .entitle{font-size:34px}
.indextitlebox .cntitle{font-size:24px}
.indexaboutvideobox .img img{height:520px}
.indexaboutleft .text{padding-right:5.583vw; margin:15px 0 28px; }
}
@media (max-width:1400px){
.indexaboutleft{padding-left:4.4vw; }
}
@media (max-width:1366px){
.indextitlebox .entitle{ font-size:40px; }
.indextitlebox .cntitle{ font-size:30px;}
}
@media (max-width:1360px){
.indexaboutleft .bot{margin-top:60px}
.indexaboutleft .bot .list{height:135px; padding:15px 10px 0;}
}
@media (max-width:1280px){
.indextitlebox .entitle{ font-size:34px; }
.indextitlebox .cntitle{ font-size:24px;margin-top:5px;}
.indexaboutleft{padding-left:5.5vw}
.indexaboutleft .text{padding-right:4.583vw; }
.indexaboutvideobox .textbox{padding:1.804vw 2.541vw 0 2.541vw}
.indexaboutvideobox .textbox .title{font-size:20px}
.indexaboutvideobox .img img{height:500px}
.indexaboutleft .bot{margin-top:65px}
.indexaboutleft .bot .list{height:130px; padding:10px 10px 0;}
.indexaboutleft .bot .list .entitle{ font-size: 14px;}
}
@media (max-width:1200px){
.indexaboutleft .bot .list .icon{width:36px;height:36px;}
.indexaboutleft .bot .list .cntitle{ font-size:17px; margin:5px 0 3px}
.indexaboutleft .bot .list{height:120px; }
.indexaboutvideobox .img img{height:485px}
}
@media (max-width:1180px){
.indexaboutleft{padding-left:3.5vw}
.indexaboutleft .bot{margin-top:55px}
.indexaboutleft .bot .list{height:105px;padding:10px 10px 0; }
.indexaboutleft .bot .list .entitle{ font-size: 12px;}
.indexaboutvideobox .img img{height:465px}
.indexaboutvideobox .textbox{width:92%;padding:1.804vw 2.341vw 0 2.341vw;}
.indexaboutvideobox .textbox .text{font-size:17px; margin-top: 10px; }
}
@media (max-width:1140px){
.indextitlebox .entitle{ font-size:30px; }
.indextitlebox .cntitle{ font-size:22px; }
.indexaboutleft .text {padding-right: 2.5vw;}
}
@media (max-width:1050px){
.indexaboutleft .text{ font-size:16px; }
.indexaboutvideobox .img img{height:450px}
}
@media (max-width:1024px){
.indextitlebox { margin-bottom: 20px;}
.indextitlebox .entitle{font-size:26px}
.indextitlebox .cntitle{font-size:20px}
.indexaboutleft{width:100%;padding-left:0;height:auto}
.indexaboutleft .top{padding:0 15px}
.indexaboutleft .text{padding-right:0; font-size:16px;-webkit-line-clamp:5; margin:10px 0 25px}
.indexaboutleft .indextitlebox .entitle,
.indexaboutleft .indextitlebox .cntitle{text-align:center}
.indexaboutleft .morebox{width:116px;height:40px;margin:0 auto}
.indexaboutleft .more{width:114px;height:38px;line-height:38px}
.indexaboutleft .bot .list{height:auto;padding:25px 0}
.indexaboutleft .bot{margin-top:55px}
.indexaboutleft .bot .list .icon{width:34px;height:34px}
.indexaboutleft .bot .list .cntitle{font-size:17px;margin:10px 0 7px 0}
.indexaboutvideobox{width:100%}
.indexaboutvideobox .img img{height:auto}
.indexaboutvideobox .textbox{width:100%;height:90px;padding:14px 20px 10px 20px}
.indexaboutvideobox .textbox .title{font-size:18px}
.indexaboutvideobox .textbox .text{font-size:16px;margin-top:8px}
}
@media (max-width:468px){
.indexaboutleft .bot .list .cntitle{ margin:5px 0 5px 0}
.indexaboutleft .bot .list .entitle{font-size:10px;font-family: Arial; text-transform: none;}
.indexaboutvideobox .textbox{ height:85px;}
.indexaboutvideobox .textbox .text{font-size:15px; }
.indexaboutvideobox .textbox .title{font-size:17px}
.indexaboutvideobox .textbox{ height:95px;padding:10px 15px 10px 15px}
}
.img-count,.img-count img{position:relative;}
.img-count-in{ position:absolute; top:0; left:0; right:0; bottom:0; overflow:hidden;height:100%; *height:100%;}
.w-prolist{position: relative;}
.w-prolist a{ display: block; text-decoration: none; color: #333;}
.w-prolist .indexpro-item{ position:relative;}
.w-prolist .pro-imgbox{ width:50%; height: 850px;}
.w-prolist .pro-text{ position: absolute; right:0; width:50%; top: 50%;top:10%\9; *top:10%;background: url(../images/index_probg.jpg) no-repeat center center;  transform:translateY(-50%); -webkit-transform:translateY(-50%); padding: 30px 15px 40px 4%; overflow:hidden;}
.w-prolist .pro-text .con{ margin-right: 26%; }
.w-prolist .pro-text .con .indextitlebox { text-align: right;margin-top: 60px; margin-bottom: 60px; min-height: 250px; width: 100%;}
.w-prolist .pro-text .con .indextitlebox .bus2Title{ font-size: 18px;color: #666; line-height: 38px; margin-top: 30px; width: 70%; float: right;}
.w-prolist .indexpro_bottom{ padding-top: 120px; text-align: right; min-height: 455px;}
.w-prolist .pro-h{font-size:36px; color: #fff; line-height: 1.4; overflow: hidden; margin-bottom: 0.3em;}
.w-prolist .more{margin-top:170px; width: 150px; border: 1px solid #fff; color: #fff; font-size: 16px; height: 50px; line-height: 50px; text-align: center; float: right; }
.w-prolist .more:hover{ background: #fff; color: #009771;}
.w-prolist .adSN_page{ position: absolute; z-index: 9; right:12%!important; bottom:25%!important;  top: auto; transform: none; -webkit-transform: none; width:8%; padding-left: 4%; }
.w-prolist .adSN_page span{ display: inline-block; *display:inline; *zoom:1; margin:0 6px;}
.w-prolist .swiper-num{ position: absolute; z-index: 9; right:27%; top:86%; color: #fff;}
.w-prolist .swiper-num .active{ font-size:28px; }
.w-prolist .index_1_left{ cursor:pointer;position:absolute; left:1.14583333333333%; width:65px; height:65px; top:50%; margin-top:-2.34375em; z-index:10; background-image:url(../images/left.png); background-position:center; background-repeat:no-repeat; background-size:cover;}
.w-prolist .index_1_right{cursor:pointer;position:absolute;right:1.14583333333333%; width:65px; height:65px; top:50%;margin-top:-2.34375em;z-index:10;background-image:url(../images/right.png);background-position:center;background-repeat:no-repeat;background-size:cover;}
.w-prolist .index_1_left:hover{background-image:url(../images/left_h.png); }
.w-prolist .index_1_right:hover{background-image:url(../images/right_h.png);}
@media (min-width:1921px){
.w-prolist .pro-text{ background-size:100% 100%;  }
.w-prolist .pro-text .con .indextitlebox { margin-top: 40px;margin-bottom: 40px; }
.w-prolist .indexpro_bottom{min-height: 450px;}
}
@media (max-width:1700px){
.w-prolist .pro-text .con{ margin-right:18%; }
}
@media (max-width:1600px){
.w-prolist .pro-imgbox{height: 710px;}
.w-prolist .pro-text .con{ margin-right: 16%; }
.w-prolist .pro-text .con .indextitlebox {margin-top: 40px; margin-bottom: 40px; min-height: 130px; }
.w-prolist .adSN_page{ right:8%!important; width:10%;}
}
@media (max-width:1580px){
.w-prolist .pro-text .con .indextitlebox {margin-top: 30px; margin-bottom: 30px; min-height: 180px; }
.w-prolist .indexpro_bottom{ padding-top: 120px; min-height: 355px;}
}
@media (max-width:1500px){
.w-prolist .pro-text .con{ margin-right: 11%; }
.w-prolist .adSN_page{ right:7%!important;}
}
@media (max-width:1440px){
.w-prolist .pro-text .con .indextitlebox .bus2Title{  width: 80%; }
}
@media (max-width:1366px){
.w-prolist .pro-imgbox{height: 560px;}
.w-prolist .pro-text .con .indextitlebox {margin-top: 10px; margin-bottom: 0px; min-height: 120px; }
.w-prolist .indexpro_bottom{ padding-top: 130px; min-height: 235px;}
.w-prolist .pro-text .con .indextitlebox .bus2Title{ font-size: 16px; line-height: 30px; margin-top: 20px;}
.w-prolist .more{margin-top:120px; }
.w-prolist .index_1_left{ width:60px; height:60px; }
.w-prolist .index_1_right{ width:60px; height:60px;}
}
@media (max-width:1280px){
.w-prolist .pro-imgbox{height: 540px;}
.w-prolist .pro-text{ padding: 20px 15px 20px 4%; }
.w-prolist .pro-text .con .indextitlebox {margin-top:20px; margin-bottom: 20px; min-height: 155px; }
.w-prolist .pro-text .con .indextitlebox .bus2Title{  width: 98%; }
.w-prolist .pro-h{font-size:30px; line-height: 1.4; margin-bottom: 0.1em;}
.w-prolist .index_1_left{ width:55px; height:55px; }
.w-prolist .index_1_right{ width:55px; height:55px;}
.w-prolist .indexpro_bottom{padding-top: 80px; min-height:305px;}
.w-prolist .more{margin-top:110px; }
.w-prolist .swiper-num{ top:84%;}
}
@media (max-width:1200px){
.w-prolist .adSN_page{ width:12%;}
.w-prolist .pro-h{font-size:26px; margin-bottom: 0em;}
.w-prolist .more{ margin-top:120px;width: 130px; height: 40px; line-height: 40px; }
.w-prolist .index_1_left{ width:50px; height:50px; }
.w-prolist .index_1_right{ width:50px; height:50px;}
.w-prolist .swiper-num{ top:83%;right: 26%;}
}
@media (max-width:992px){
.w-prolist .pro-text .con .indextitlebox .bus2Title{  width: 100%; }
.w-prolist .adSN_page{ width:14%;}
}
@media (max-width:767px){
.w-prolist .pro-imgbox{width:100%; height: 680px;}
.w-prolist .pro-text{ position: relative; width:100%; top:0; transform: none; -webkit-transform: none; padding:1.2em 4% 1.5em;}
.w-prolist .pro-text .con{ margin-right: 0px; }
.w-prolist .swiper-num{top:92%;right: 29%;}
.w-prolist .adSN_page{ right:6%!important; bottom: 12%!important; width:18%;}
}
@media (max-width:667px){
.w-prolist .pro-imgbox{height: 600px;}
}
@media (max-width:600px){
.w-prolist .pro-imgbox{height: 400px;}
.w-prolist .adSN_page{ width:22%;bottom: 13%!important;}
.w-prolist .indexpro_bottom{padding-top: 30px; min-height:135px;}
.w-prolist .more{ margin-top:100px;}
.w-prolist .pro-text{ padding:1.2em 4% 2.5em;}
}
@media (max-width:480px){
.w-prolist .pro-imgbox{height: 340px;}
.w-prolist .pro-text .con .indextitlebox { min-height: 185px; }
.w-prolist .adSN_page{ width:25%;bottom: 16%!important;}
.w-prolist .swiper-num{ bottom: 15em;}
.w-prolist .swiper-num .active{ font-size: 200%;}
.w-prolist .swiper-num{top:90%;right: 49%;}
}
@media (max-width:400px){
.w-prolist .index_1_left{ width:45px; height:45px; }
.w-prolist .index_1_right{ width:45px; height:45px;}
.w-prolist .adSN_page{ width:32%;bottom: 14%!important;}
.w-prolist .swiper-num{top:91%; }
.w-prolist .swiper-num .active{ font-size: 180%; margin-right: 5px;}
.w-prolist .swiper-num .total { margin-left: 3px;}
}
.indexnewsleft{width:63%; padding-left:13.7vw; }
.indexnewsleft .index-news-item a{display:block;background: #FFF;}
.indexnewsleft .index-news-item a .news-data {font-size: 16px;font-weight: normal;color:#666; margin-top: 15px; line-height: 22px;}
.indexnewsleft .index-news-item a h3{color:#333;font-size: 20px; display: -webkit-box;-webkit-box-orient: vertical;text-overflow: ellipsis;-webkit-line-clamp: 1;overflow: hidden; }
.indexnewsleft .index-news-item a p{color:#666;font-size: 18px;line-height: 32px;  display: -webkit-box;-webkit-box-orient: vertical;text-overflow: ellipsis;-webkit-line-clamp: 2;overflow: hidden;  }
.indexnewsleft .index-news-item a .news-thumb{position: relative;overflow: hidden;}
.indexnewsleft .index-news-item a .news-thumb img{height:inherit;width: 100%;background: #CCC;transition: all .5s ease;transform:scale(1);}
.indexnewsleft .index-news-item a:hover .news-thumb img{transform: scale(1.1);}
.indexnewsleft .index-news-item a:hover h3{ color:#009771;}
.indexnewsleft .index-news-item a:hover p.more{color:#009771;}
.indexnewsleft .index-news-item a:hover p.more i.fa{color:#009771;}
.indexnewsleft ul{ width: 99%;}
.indexnewsrightbox{width:37%; position:relative}
.indexnewsrightbox .img img{width:100%;height:100%;object-fit:cover}
.indexnewsrightbox .textbox{width:75%;height:88%;position:absolute;top: 5%; left:0;bottom:0; padding:10px 1.241vw 1.5vw 0px; margin-bottom: 10%; opacity:0.9; background-size:cover; overflow-y: scroll;}
.indexnewsrightbox .textbox::-webkit-scrollbar { width:3px;}/* 滚动槽 */
.indexnewsrightbox .textbox::-webkit-scrollbar-track { background: rgba(255, 255, 255, 0.51); border-radius:0px;}/* 滚动条滑块 */
.indexnewsrightbox .textbox::-webkit-scrollbar-thumb { background-color:#fff;}
.indexnewsrightbox .textbox::-webkit-scrollbar-thumb:window-inactive { background-color:#fff;}
.indexnewsrightbox li { width: 100%; padding-left: 2.541vw; padding-top:1.5vw; display:inline-block; }
.indexnewsrightbox li .news_list_box{border-bottom: 1px solid #efefef;}
.indexnewsrightbox li:hover{ background: #009771;}
.indexnewsrightbox { border-right: 1px solid #efefef; }
.indexnewsrightbox .news_list_box ._r_news_main .r_news_main_box {padding: 0px 15px 35px 0px}
.indexnewsrightbox .news_list_box ._r_news_main .date{color: #fff;margin-bottom: 8px; }
.indexnewsrightbox ._r_news_title {font-size: 20px;color: #fff;white-space: nowrap;text-overflow: ellipsis; line-height: 38px;margin: 8px 0;}
.indexnewsrightbox ._r_news_text {font-size: 18px;color: #fff;line-height: 28px; overflow: hidden; text-overflow: ellipsis;  display: box;  display: -webkit-box;  -webkit-line-clamp: 2;  /*! autoprefixer: off */-webkit-box-orient: vertical;/* autoprefixer: on */}
.indexnewsrightbox_box li:hover .news_list_box {border-color: #cc0000}
.indexnewsrightbox_box li:hover ._r_news_title{color: #cc0000}
@media (max-width:1860px){
.indexnewsleft{ padding-left:12.7vw; }
}
@media (max-width:1780px){
.indexnewsleft{ padding-left:11.5vw; }
}
@media (max-width:1700px){
.indextitlebox .entitle{font-size:42px}
.indextitlebox .cntitle{font-size:30px}
.indexnewsleft{ padding-left:9.5vw; }
.indexnewsleft .text{ font-size:17px;line-height:1.8;margin:34px 0 45px;}
}
@media (max-width:1660px){
.indextitlebox .entitle{font-size:40px}
.indextitlebox .cntitle{font-size:28px}
.indexnewsleft{ padding-left:9vw; }
.indexnewsrightbox .textbox{width:88%; }
}
@media (max-width:1620px){
.indexnewsleft{padding-left:7.8vw}
.indextitlebox .entitle{font-size:38px}
.indextitlebox .cntitle{font-size:26px}
.indexnewsrightbox .img img{height:580px}
.indexnewsrightbox .news_list_box ._r_news_main .r_news_main_box {padding: 0px 10px 25px 0px}
}
@media (max-width:1580px){
.indexnewsleft{padding-left:7vw}
.indexnewsleft .text{ margin:30px 0 35px;}
}
@media (max-width:1530px){
.indexnewsleft{padding-left:5vw}
.indexnewsleft .text{ margin:30px 0 30px;}
.indexnewsrightbox .news_list_box ._r_news_main { padding:0px 0 20px; }
.indexnewsleft .index-news-item a h3{ font-size: 18px;  }
.indexnewsrightbox ._r_news_title {font-size: 18px;line-height: 32px;}
.indexnewsleft .index-news-item a p{ font-size: 17px;line-height: 30px; }
.indexnewsrightbox ._r_news_text { font-size: 17px;line-height: 30px; }
}
@media (max-width:1485px){
.indexnewsleft{padding-left:4vw}
}
@media (max-width:1440px){
.indexnewsleft{padding-left:5.8vw;height:520px}
.indextitlebox .entitle{font-size:34px}
.indextitlebox .cntitle{font-size:24px}
.indexnewsrightbox .img img{height:580px}
.indexnewsleft .text{padding-right:5.583vw; margin:15px 0 28px; }
.indexnewsrightbox .news_list_box ._r_news_main .r_news_main_box {padding: 0px 10px 0px 0px}
.indexnewsrightbox li { margin-bottom: 5%;}
.indexnewsrightbox ._r_news_title { margin: 6px 0;}
}
@media (max-width:1400px){
.indexnewsleft{padding-left:4.4vw; }
}
@media (max-width:1366px){
.indextitlebox .entitle{ font-size:40px; }
.indextitlebox .cntitle{ font-size:30px;}
.indexnewsrightbox_box li { padding: 10px 0;}
.indexnewsrightbox .news_list_box ._r_news_main {padding:10px 0;}
.indexnewsrightbox li { margin-bottom:3%;}

}
@media (max-width:1280px){
.indextitlebox .entitle{ font-size:34px; }
.indextitlebox .cntitle{ font-size:24px;margin-top:5px;}
.indexnewsleft{padding-left:5.5vw;height:560px}
.indexnewsleft .text{padding-right:4.583vw; }
.indexnewsrightbox .textbox .title{font-size:20px}
.indexnewsrightbox .img img{height:500px}
.indexnewsrightbox .news_list_box ._r_news_main .r_news_main_box {padding: 5px 15px 5px 10px}
.indexnewsrightbox li { margin-bottom:1%;}
}
@media (max-width:1200px){
.indexnewsrightbox .img img{height:485px}
}
@media (max-width:1180px){
.indexnewsleft{padding-left:3.5vw}
.indexnewsleft .index-news-item a p{ font-size: 16px;line-height: 28px; }
.indexnewsrightbox ._r_news_text { font-size: 16px;line-height: 28px; }
}
@media (max-width:1140px){
.indextitlebox .entitle{ font-size:30px; }
.indextitlebox .cntitle{ font-size:22px; }
.indexnewsleft .text {padding-right: 2.5vw;}
}
@media (max-width:1050px){
.indexnewsleft .text{ font-size:16px; }
.indexnewsrightbox .img img{height:450px}
}
@media (max-width:1024px){
.indextitlebox { margin-bottom: 20px;}
.indextitlebox .entitle{font-size:26px}
.indextitlebox .cntitle{font-size:20px}
.indexnewsleft{width:100%; margin-bottom: 30px; height:auto;padding-left: 4.5vw; float: none;}
.indexnewsleft ul{ width: 100%;}
.indexnewsleft .top{padding:0 15px}
.indexnewsleft .text{padding-right:0; font-size:16px;-webkit-line-clamp:5; margin:10px 0 25px}
.indexnewsleft .indextitlebox .entitle,
.indexnewsleft .indextitlebox .cntitle{text-align:center}
.indexnewsleft .morebox{width:116px;height:40px;margin:0 auto}
.indexnewsleft .more{width:114px;height:38px;line-height:38px}
.indexnewsrightbox{width:100%}
.indexnewsrightbox .img img{height:auto}
.indexnewsrightbox .textbox{width:96%; }
.indexnewsrightbox .textbox .title{font-size:18px}
.indexnewsrightbox .textbox .text{font-size:16px;margin-top:8px}
.indexnewsrightbox .news_list_box ._r_news_main {width: 100%;}
.index-news_lt_row li ._down ._tt a{ font-size:18px;}
.indexnewsrightbox ._r_news_title {font-size: 18px; margin-bottom: 6px;}
}
@media (max-width: 992px) {
.indexnewsrightbox .news_list_box ._r_news_main .r_news_main_box {padding: 3px 10px 3px 10px;}
.index-news_lt_row li ._down ._tt a{ font-size:17px;}
.indexnewsrightbox ._r_news_title {font-size: 17px;}
}
@media (max-width: 768px) {
.indexnewsrightbox ._r_news_title:before{ left: -16px; } 
.indexnewsrightbox .news_list_box ._r_news_main .r_news_main_box {padding: 5px 0px 0px 10px}
.index-news_lt_row li ._down ._tt a{ font-size:16px;}
.indexnewsrightbox ._r_news_text {height: 50px; line-height: 24px; overflow: hidden}
.indexnewsleft { margin-bottom: 10px;}
.indexnewsleft .index-news-item a h3{ margin-top: 10px; margin-bottom: 8px; }
.indexnewsleft .index-news-item { margin-bottom: 10px;}
}
@media (max-width: 568px) {
.index-news-list .index-news-item a .title{padding: 5px 20px 30px; }
.indexnewsleft{ padding-left: 6.4vw;}
.indexnewsrightbox { margin-top: 20px;}
.indexnewsrightbox .news_list_box ._r_news_main .date{ display: block;}
.indexnewsrightbox .news_list_box ._r_news_main {width: 100%}
.indexnewsrightbox .news_list_box ._r_news_main .r_news_main_box {padding:5px 10px 0px 10px}
.index-news_lt_row li ._down { padding:3% 10px; }
.indexnewsrightbox ._r_news_title { line-height: 32px;}
.index-news-list .index-news-item a{margin-bottom:0px;}
.indexnewsrightbox ._r_news_title:before{ left: -12px; } 
}
@media (max-width:468px){
.indexnewsrightbox .textbox .text{font-size:15px; }
}
@media (max-width: 425px) {
.indexnewsrightbox ._r_news_title:before{ left: -10px; } 
.index-news_lt_row li ._down ._desc{margin-top: 7px;}
.indexnewsrightbox ._r_news_title:before{ top:0px; height: 24px; width: 1px;} 
}
@media (max-width: 375px) {
.indexnewsleft{ padding-left: 7.8vw;}
.indexnewsrightbox ._r_news_title:before{ left: -14px; height: 26px;} 
.indexnewsrightbox .news_list_box ._r_news_main .r_news_main_box {padding:0px 5px 0px 5px}
}
.indexcase{ background: url(../images/index_casebg.jpg) no-repeat center bottom;background-size: cover; }
.indexcase li { margin-bottom: 20px;}
.indexcase li .box{border:1px solid #fafafa; background-color: #fff; box-shadow: 0 2px 13px rgb(150,150,150,0.5); text-align: center;}
.indexcase li img {max-width: 100%; width:100%; margin: 0 auto;}
.indexchoose{ background: url(../images/index_choosebg.jpg) no-repeat center bottom;background-size: cover;}
.indexchoose .indextitlebox .entitle,.indexchoose .indextitlebox .cntitle{ color: #fff;}
.indexchoose ul {margin-left: -15px;margin-right: -15px;}
.indexchoose ul li {float: left;width: 20%;padding-left: 15px;padding-right: 15px;text-align: center;}
.indexchoose ul li .choose-item { text-align: left; padding: 30px 15px 40px;color: #fff; position: relative;}
.indexchoose ul li .choose-item .choose-img {margin: 0 auto 30px;}
.indexchoose ul li .choose-item .num{ position: absolute; right: 20px; bottom: 20px; width: 80px; height: 80px; content: ""; font-size: 72px; color: #fff; opacity: 0.1; font-weight: bold;}
.indexchoose ul li .choose-item:hover {background-color: #009771;color: #fff;}
.indexchoose ul li .choose-item .choose-txt .choose-tit {font-size:18px;margin: 15px 0;}
.indexchoose ul li .choose-item .choose-txt .choose-c {font-size: 13px; text-transform: uppercase; min-height: 45px;}
@media (max-width: 1200px) {
.indexcase li { margin-top: 10px; margin-bottom: 10px;}
.indexchoose ul li .choose-item {  padding:25px 5px 40px;}
.indexchoose ul li .choose-item .choose-txt .choose-tit {font-size:17px;margin: 10px 0;}
.indexchoose ul li .choose-item .num{font-size: 52px; }
}
@media (max-width: 768px) {
.indexchoose ul li .choose-item { padding: 20px 5px 20px;}
.indexchoose ul li .choose-item .choose-img {margin: 0 auto 10px;}
.indexchoose ul li .choose-item .choose-txt .choose-c { display: none;}
.indexchoose ul li .choose-item .choose-txt .choose-tit {font-size:16px;margin: 5px 0;}
.indexchoose ul li .choose-item .num{ font-size: 42px;right: 10px; bottom: 10px; width: 50px; height: 50px; }
}
@media (max-width: 568px) {
.indexcase li { margin-top: 8px; margin-bottom: 8px;}
.indexchoose ul li {float: left;width: 50%;}
.indexcase li.col-xs-4{padding-right: 10px;padding-left: 10px;}
}
@media (max-width: 468px) {
.indexchoose ul li {float: left;width: 100%;}
}
.pageFooter { background:#2d3231 url(../images/foot_bg.png) no-repeat right bottom;background-size: cover;/*background-image: linear-gradient(to right,#004ea2, #523a94); */ }
.pageFooter .foot_bottom{padding:24px 0;}
.widgets_foot_float_4 .left .form_box .select_wrap .tit{font-size:18px; color:#333333;}
.pageFooter .foot_top dl dd{color:#f7f7f7;}
.pageFooter .foot_top .foot_l .tit{font-size:24px; line-height:30px; margin-bottom:30px; color:#fff;}
.pageFooter .foot_top{ min-height: 380px;padding:80px 0;}
.pageFooter .foot_top .foot_l .f_logo{margin-bottom:34px;}
.pageFooter .foot_top dl{ float: left; width:27%; text-align: left; }
.pageFooter .foot_top dl:last-child{width:16%; margin-right: 0px; }
.pageFooter .foot_top dl dt{ font-size: 20px; line-height:1.5; margin-bottom:30px;}
.pageFooter .foot_top dl dd{ font-size: 18px; line-height:1.5; margin-bottom:10%; }
.pageFooter .foot_top dl dt a{color: rgba(255,255,255,0.7); }
.pageFooter .foot_top dl dd a{color: rgba(255,255,255,0.38);}
.pageFooter .foot_top dl dd a:hover{color:#009771;}
.pageFooter .foot_top .dl5{ width: 24%; position: relative; }
.pageFooter .foot_top .dl5 dt{ font-size: 27px; margin-bottom: 7%; }
.pageFooter .foot_top .dl5 dd{ opacity: 1; margin-bottom: 5%; }
.pageFooter .foot_top .dl5 .message_ico{width:24px;height:24px;line-height:24px;text-align:center;border:1px solid #fff;border-radius:50%;margin-right:10px;}
.pageFooter .foot_top .dl5 .phone_number a{cursor:default;color:#fff;}
.pageFooter .foot_mid{ clear: both; border-bottom:1px solid rgba(255,255,255,0.38); padding-top: 20px; padding-bottom: 20px; float: right; width: 100%; }
.pageFooter .share { float: right;}
.pageFooter .foot_r .tit{margin-bottom:17px;}
.pageFooter .foot_r .item{margin-bottom:12px; font-size:18px; color: rgba(255, 255, 255, 0.38);line-height:1.8;  }
.pageFooter .foot_r .item a{display:block; font-size:18px; color: rgba(255, 255, 255, 0.38); line-height:22px; font-weight:normal; }
.pageFooter .foot_r .item a>div{display:inline-block; font-size:18px; color: rgba(255, 255, 255, 0.38); }
.pageFooter .foot_r .item a:hover{color:#009771;}
.pageFooter .foot_r .item .tel{ font-size: 24px; font-weight: bold; color: #009771;}
.pageFooter .foot_bottom{ clear: both;  padding: 38px 0 47px; font-size:16px; line-height:1.5; color: rgba(255, 255, 255, 0.38); }
.pageFooter .foot_bottom .left a{ margin-left:10px; color: rgba(255, 255, 255, 0.38); }
.pageFooter .foot_bottom .left a:hover{ color: #fff;}
.pageFooter .foot_bottom .left{float:left;}
.pageFooter .foot_bottom .right{float:right;}
.pageFooter .foot_bottom .right a { color: rgba(255, 255, 255, 0.38); }
.pageFooter .foot_bottom .right a:hover{ color: #fff;}
.pageFooter .f_social { padding: 0; text-align:right; height: 30px;}
.pageFooter .f_social a{ float:left; color:#777; }
.pageFooter .f_social i {width:30px; height:30px; border-radius:50%; line-height:30px; text-align:center; margin-left:10px; background: rgba(102, 102,102, 0.15);}
.pageFooter .f_social .fa{text-align:center; font-size: 18px; color:#444;}
.pageFooter .f_social .fa:before{position: static;}
.pageFooter .f_social ul .weixin {position: relative;}
.pageFooter .f_social .wechat { position: relative;}
.pageFooter .f_social .wechat:hover .vx { display: block;}
.pageFooter .f_social .wechat .vx::after { content: ''; position: absolute; left: 50%; margin-left: -6px; bottom: -13px; width: 0; height: 0; border-width: 8px 6px 6px 6px; border-style: solid; border-color: #fff transparent transparent transparent}
.pageFooter .f_social .wechat .vx { position: absolute; top: -185px; width: 180px; height: 172px; text-align: center; box-shadow: 0 2px 10px #aaa; background-color: #fff; z-index: 999; left: -75px; display: none;}
.pageFooter .f_social .wechat .vx h4 { font-weight: normal; height: 26px; line-height: 26px; font-size: 12px; background-color: #f3f3f3; margin: 0; padding: 0; color: #777;}
.pageFooter .f_social .wechat .vx .help p { font-weight: normal; line-height: 16px; padding: 0; margin: 0; font-size: 12px; color: #333;}
.pageFooter .f_social .wechat .vx .vx-img img { width: 100px; height: 100px; margin: 10px auto; display: block;}

@media (max-width:1240px){
.pageFooter .foot_top dl dt{ font-size: 18px;}
.pageFooter .foot_r .tit{font-size:18px;}
}
@media (max-width:1199px){
.pageFooter .foot_top{ min-height: 300px;padding:40px 0; }
.pageFooter .foot_top dl dt{ font-size: 17px;}
.pageFooter .foot_r .tit{font-size:17px;}
}
@media (max-width:992px){
.pageFooter .foot_top .foot_l .f_logo{margin-bottom:24px;}
.pageFooter .foot_top{ padding:30px 0; }
.pageFooter .foot_top .foot_c{ display: none;}
.pageFooter .foot_mid{ padding-top: 0px; float: left; width: 100%; }
.pageFooter .share { float: left;}
.pageFooter .foot_r .item {  margin-bottom: 2%; font-size: 17px;}
.pageFooter .foot_bottom{ padding: 28px 0 47px; font-size:15px; line-height:1.5; }
.pageFooter .foot_bottom .left a{ margin-left:5px; }
}
@media (max-width:768px){
.pageFooter .foot_top{ min-height: auto;padding:20px 0; }
.pageFooter .foot_bottom{ padding: 18px 0 17px; }
.pageFooter .foot_bottom .left{float: none;}
.pageFooter .foot_bottom .right{float:none;}
.pageFooter .foot_r .item {  margin-bottom:1%; font-size: 16px;}
.pageFooter .foot_r .item .tel{ font-size: 20px; }
}

/*下层banner*/
.n_banner{height:495px; margin-top: 95px; z-index: 1; }
.n_banner .table{ display:table; table-layout: fixed; text-align:left; width:100%; height:100%}
.n_banner .table_cell{ display:table-cell; vertical-align:middle}
.n_banner .container{ position: relative;}
.n_banner h3 {font-size: 60px;color: rgba(255,255,255,0.15);font-family: BarlowCondensed-Regular;text-transform: uppercase; font-weight: bold; position: relative;}
.n_banner h2 {font-size: 36px;color: #fff;margin-bottom: 5px; position: absolute; top: 20px; left: 15px; text-align: left;}
.n_banner .line{ width: 55px; height: 3px; background: #fff; margin-top: 40px;}
.n_main_box { width: 100%; margin-top: -45px; z-index: 9999; background: #fff; }
.n_main_box .container {  margin: 0 auto;  }
.n_nav_box {line-height: 70px; border-bottom: #e8e8e8 1px solid; box-shadow: 0 6px 6px rgba(0, 0, 0, .075);}
.n_nav a { display: inline-block; font-size:20px; line-height: 70px;  padding: 15px 0;width: 33.1%; text-align: center; box-sizing: border-box;/*border-right: #e8e8e8 1px solid; */position:relative;}
.n_nav.news_n_nav_box a{width: 49%; }
.n_nav a strong { display: block; color: #666; z-index: 4;  line-height: 70px; font-weight: 100; }
.n_nav a:after{content:""; position:absolute; bottom:30px; right:0px; height:40px; width: 1px; background:#e8e8e8; }
.n_nav a:last-child:after {height:0px; width: 0px;}
.n_nav a:before{content:""; position:absolute; bottom:0; left:50%; right:50%; height:2px; background:#009771; -moz-transition:all .5s ease 0s; -ms-transition:all .5s ease 0s; -o-transition:all .5s ease 0s; -webkit-transition:all .5s ease 0s; transition:all .5s ease 0s;}
.n_nav a:hover:before,
.n_nav a.on:before{left:0; right:0;}
.n_nav a:hover,
.n_nav a.on {color:#009771;}
.news_nav a{width: 32.6%; }
.solution_nav a{ width: 100%; }
.contact_nav a{ width:49.6%; }
@media(max-width:1440px) {
.n_banner{height:371px;}
.n_nav a { font-size:20px; line-height: 70px; padding: 10px 0;}
.n_nav a:after{bottom:25px; height:35px;}
}
@media(max-width:1366px) {
.n_banner{height:352px;}
.n_banner h3 {font-size:52px; }
.n_banner h2 {font-size:32px; }
}
@media(max-width:1360px) {
.n_nav a {width: 33%;}
.n_banner .line{ margin-top: 30px;}
}
@media(max-width:1280px) {
.n_banner{height:330px;}
.n_banner h2 {font-size: 28px; }
.n_banner h3 {font-size: 42px; }
.n_nav a { font-size:18px; }
}
@media(max-width:1200px) {
.n_banner{ margin-top: 0px; padding-top: 60px;}
.n_main_box { margin-top: -35px;}
.n_nav a { line-height: 50px; }
.n_nav_box {line-height: 50px;}
.n_nav a strong {line-height: 50px;}
.n_nav a:after{bottom:20px; height:30px;}
.n_banner h2 {top: 0px; }
}
@media(max-width:1024px) {
.n_banner{height:264px;}
.n_banner h2 {font-size: 24px; }
.n_banner h3 {font-size: 36px; }

}
@media(max-width:960px) {
.n_banner .line{ margin-top: 20px;}
.n_nav a {width: 32.3%;}
}
@media(max-width:768px) {
.n_banner{height:200px;}
.n_banner h3{ margin-top: 0px; margin-bottom: 0px;}
.n_banner h2 {font-size: 20px; margin-top: 0px; }
.n_banner .line{ margin-top: 0px; width: 50px;}
.n_banner h3 {font-size: 32px; }
.n_nav a {font-size: 16px; }
}
@media(max-width:767px) {
.n_banner .table_cell{vertical-align: middle}
.n_main_box { margin-top: -20px;}
.n_nav_box { line-height: 40px;}
.n_nav_box.pro_nav { height: auto; line-height: 40px;}
.n_nav a { padding: 0px 0;}
.n_nav a strong {height: auto; line-height: 40px;}
.n_nav a:after{bottom:17px; height:23px;}
}
@media(max-width:460px) {
.n_banner{height:190px;}
}

.page-tit h3{ font-size: 30px; color: #009771; line-height: 48px; width: 83%; margin-bottom: 20px; margin-top: 0px;}
.page-tit .en{ font-size: 18px; color: #999; margin-bottom: 20px; }
.page-info { line-height: 35px; font-size: 16px; color: #666;}
.page-tit .e-t { font-size: 18px; line-height: 35px;color: #666; text-transform: uppercase;}
.pageabout_l .profile-c { color: #666; line-height: 36px; margin: 30px 0; font-size: 18px;}
.pageabout_r { text-align: right;}
@media(max-width:1280px) {
.page-tit h3,
.page-tit h1 { font-size: 26px; line-height: 40px; width: 90%; margin-bottom: 10px;}
.page-tit .e-t { font-size: 16px; line-height: 28px; }
.pageabout_l .profile-c { line-height: 32px; font-size: 17px; margin: 10px 0; }
.pageabout_r img{ width: 100%;}
}
@media(max-width:1200px) {
.page-tit h3{ font-size: 22px; line-height: 36px; width:100%; }
.page-tit .e-t { font-size: 15px; line-height: 24px; }
.pageabout_l .profile-c { line-height: 30px; margin: 20px 0; font-size: 16px;}
}
@media(max-width:1024px) {
.page-tit h3{ font-size: 18px;}
.page-tit .e-t { font-size: 15px;}
.page-info { line-height: 30px; font-size: 15px; }
}
@media(max-width:992px) {
.page-tit h3 { font-size: 22px;margin-bottom: 10px;}
.page-tit .e-t { font-size: 15px;}
.pageabout_r { display: none;}
}
@media(max-width:768px) {
.page-tit,
.page-tit h3,
.page-tit h1 { font-size: 20px;margin-bottom: 5px;}
.page-info { line-height: 28px; }
}


.pageabout2 {background: url(../images/aboutbg2.jpg) center bottom no-repeat;-o-background-size: cover; background-size: cover; }
.pageabout2 .page-tit h1{ color: #fff; text-align: center;font-size: 36px;margin-bottom: 50px;}
.pageabout2 ul li .content { width: 100%; background: rgba(255, 255, 255, 0.751); padding:35px 35px 25px; color: #fff;}
.pageabout2 ul li .content .img{ margin-left: 25px;}
.pageabout2 ul li .content dt{ font-size: 24px; color: #333; line-height: 32px; margin-bottom: 20px; padding: 20px 25px; border-bottom: 2px solid #009771;}
.pageabout2 ul li .content dd{ font-size: 18px; color: #666; line-height: 32px; padding: 0px 25px; min-height: 64px;}
.pageabout2 ul li:nth-child(2) .content dt{ border-bottom: 2px solid #1054ba;}
.pageabout2 ul li:nth-child(3) .content dt{ border-bottom: 2px solid #fe662c;}
@media (max-width: 1366px){
.pageabout2 .page-tit h1{ font-size: 30px;margin-bottom:40px;}
.pageabout2 ul li .content {padding:25px 25px 15px; color: #fff;}
.pageabout2 ul li .content .img{ margin-left: 15px;}
.pageabout2 ul li .content dt{ font-size: 22px;padding: 20px 15px;}
.pageabout2 ul li .content dd{ padding: 0px 15px;}
}    
@media (max-width: 1200px){
.pageabout2 .page-tit h1{ font-size:26px;margin-bottom:30px;}
.pageabout2 ul li{ margin-bottom: 20px; }
.pageabout2 ul li .content .img{ margin-left: 10px;}
.pageabout2 ul li .content dt{ font-size: 20px;padding: 20px 10px;}
.pageabout2 ul li .content dd{ font-size: 16px; padding: 0px 10px;}
}
@media (max-width: 1024px){
.pageabout2 ul li .content {padding:20px 15px 10px; color: #fff;}
.pageabout2 ul li .content .img{ margin-left: 10px;}
.pageabout2 ul li .content dt{ font-size: 20px;margin-bottom:15px; padding: 15px 10px;}
.pageabout2 ul li .content dd{ padding: 0px 10px;}
}
@media (max-width: 992px){
.pageabout2 ul li .content .img{ margin-left: 0px;}
.pageabout2 ul li .content dt{ font-size: 18px;margin-bottom:15px; padding: 15px 0px;}
.pageabout2 ul li .content dd{ padding: 0px 0px; line-height: 28px;min-height:86px;}
}

.pageabout3 .pageabout3_l{ width: 40%; float: left;}
.pageabout3 .pageabout3_r{ width: 60%; float: left; background: #f6f6f6;height: 310px;position: relative;}
.pageabout3 .pageabout3_r:after{content:""; position:absolute; bottom:8%; right:6%; height:75px; width: 105px; background: url(../images/job.png) no-repeat right bottom; }
.pageabout3 .pageabout3_r .content{ padding: 60px 8%; }
.pageabout3 .pageabout3_r .content .tit{ font-size: 18px; color: #666; margin-bottom: 30px;}
.pageabout3 .pageabout3_r .content .text{ font-size:24px; color: #009771; margin-bottom:80px;}
.pageabout3 .pageabout3_r .content .more a{padding: 5px 18px; border: 1px solid #b9b9b9;}
.pageabout3 .pageabout3_r .content .more a .fa{ font-size: 20px;color: #b9b9b9; }
@media (max-width: 1200px){
.pageabout3 .pageabout3_l{ width: 50%; float: left;}
.pageabout3 .pageabout3_r{ width: 50%; float: left; }    
.pageabout3 .pageabout3_r .content .tit{ font-size: 17px; margin-bottom: 20px;}
.pageabout3 .pageabout3_r .content .text{ font-size:20px; margin-bottom:60px;}
}
@media (max-width: 992px){
.pageabout3 .pageabout3_r .content .tit{ font-size: 17px; margin-bottom: 20px;}
.pageabout3 .pageabout3_r .content .text{ font-size:20px; margin-bottom:60px;}
}
@media (max-width:768px){
.pageabout3 .pageabout3_r .content .tit{ font-size: 16px;  }
.pageabout3 .pageabout3_r .content .text{ font-size:18px; margin-bottom:40px;}

}
@media (max-width:660px){
.pageabout3 .pageabout3_l{ width: 100%; float: left;}
.pageabout3 .pageabout3_l img{ width: 100%; }
.pageabout3 .pageabout3_r{ width: 100%; float: left; }    
.pageabout3 .pageabout3_r .content .tit{ font-size: 16px;  }
}

.join-main .hr-lists {width: 100%;}
.join-main .hr-lists .head {display: flex;justify-content: space-between;padding: 23px 0; background-color: #009771; color: #fff;}
.join-main .hr-lists .head .head-t:first-child {text-align: center;}
.join-main .hr-lists .head .head-t {flex: 1;text-align: center; font-size: 20px;}
.join-main .hr-lists .td { margin-top: 10px; color: #333;}
.join-main .hr-lists .td .td-box {display: flex;justify-content: space-between;flex-wrap: wrap;padding: 20px 0;border: 1px solid #eee;cursor: pointer;}
.join-main .hr-lists .td .item:first-child {text-align: center;}
.join-main .hr-lists .td .item {flex: 1;text-align: center;font-size: 18px;}
.join-main .hr-lists .td .dropdown {width: 100%; border: 1px solid #edecec; border-top: 0px; padding: 55px 50px;display: none;}
.join-main .hr-lists .td .dropdown .drop-t {margin-bottom: 20px;font-size: 18px; font-weight: bold;}
.join-main .hr-lists .td .dropdown .drop-c p {font-size: 18px;color: #666;line-height: 34px;}
@media(max-width:768px) {
.join-main .hr-lists .head {padding:15px 0;}
.join-main .hr-lists .td .dropdown {padding: 15px 20px;}
.join-main .hr-lists .td .td-box {padding: 10px 0;}
.join-main .hr-lists .td .dropdown .drop-c { margin-bottom:30px;}
.join-main .hr-lists .td .dropdown .button.text-right{ text-align:left;}
.join-main .hr-lists .head .head-t { font-size: 18px;}
.join-main .hr-lists .head .head-t:nth-child(2),.join-main .hr-lists .head .head-t:nth-child(4),.join-main .hr-lists .head .head-t:nth-child(5) { display: none;}
.join-main .hr-lists .td .item:nth-child(2),.join-main .hr-lists .td .item:nth-child(4), .join-main .hr-lists .td .item:nth-child(5){ display: none;}
.join-main .hr-lists .td .item { font-size: 16px;}
.join-main .hr-lists .td .dropdown .drop-t { font-size: 16px; margin-bottom: 5px; }
.join-main .hr-lists .td .dropdown .drop-c p {font-size: 15px;line-height: 26px;}

}

.pageproducts{position: relative; margin-top: 95px;}
.pageproducts .entitle{color:#fff; line-height: 60px; margin-bottom:20px; }
.pageproducts .cntitle{color:#fff;}
.pageproducts a{ display: block; text-decoration: none; color: #333;}
.pageproducts .indexpro-item{ position:relative;}
.pageproducts .pro-imgbox{ width:50%; height: 850px; float: right;}
.pageproducts .pro-text{ position: absolute; left:0; width:50%; top: 50%;top:10%\9; *top:10%;background: url(../images/productsbg.jpg) no-repeat center center;  transform:translateY(-50%); -webkit-transform:translateY(-50%); padding: 30px 15px 40px 4%; overflow:hidden;}
.pageproducts .pro-text .con{ margin-left: 21%; }
.pageproducts .pro-text .con .indextitlebox { text-align: left;margin-top: 150px; margin-bottom: 60px; min-height: 250px; width: 100%;}
.pageproducts .pro-text .con .indextitlebox .bus2Title{ font-size: 18px;color: #fff; line-height: 38px; margin-top: 60px; width: 85%;}
.pageproducts .indexpro_bottom{ padding-bottom: 120px; text-align: left; min-height: 155px;}
.pageproducts .more{margin-top:70px; margin-bottom: 100px; width: 150px; border: 1px solid #fff; color: #fff; font-size: 16px; height: 50px; line-height: 50px; text-align: center;}
.pageproducts .more:hover{ background: #fff; color: #009771;}
.pageproducts .adSN_page{ position: absolute; z-index: 9; right:48.2%!important; bottom:52%!important;  top: auto; transform: none; -webkit-transform: none; width:8%; padding-left: 4%; }
.pageproducts .adSN_page span{ display: inline-block; *display:inline; *zoom:1; margin:0 6px;}
.pageproducts .pageproducts_right{cursor:pointer;position:absolute;right:1.14583333333333%; width:65px; height:65px; top:50%;margin-top:-2.34375em;z-index:10;background: #fff; border-radius: 100%;  background-image:url(../images/proright.png);background-position:center;background-repeat:no-repeat;background-size:cover;}
@media (max-width:1800px){
.pageproducts .pro-text .con{ margin-left:15%; width: 76%; }
.pageproducts .pro-text .con .indextitlebox .bus2Title{ width: 100%;}
}
@media (max-width:1700px){
.pageproducts .pro-text .con{ margin-left:11%; }
}
@media (max-width:1650px){
.pageproducts .pro-text .con{ margin-left:7%; }
}
@media (max-width:1600px){
.pageproducts .pro-imgbox{height: 710px;}
.pageproducts .pro-text .con{ margin-left: 4%; }
.pageproducts .pro-text .con .indextitlebox { margin-bottom: 40px; min-height: 130px; }
.pageproducts .indexpro_bottom{ padding-bottom: 0px; min-height: 50px;}
.pageproducts .pro-text .con .indextitlebox .bus2Title{ line-height: 35px;margin-top: 48px; margin-bottom:50px; }
}
@media (max-width:1580px){
.pageproducts .pro-text .con .indextitlebox {margin-top: 30px; margin-bottom: 30px;  }
}
@media (max-width:1550px){
.pageproducts .pro-text .con{ margin-left:0%; }
}
@media (max-width:1500px){
.pageproducts .pro-text .con{ margin-left: 5%; }
.pageproducts .pro-text .con .indextitlebox {margin-top: 80px; margin-bottom: 80px;  }      
}
@media (max-width:1440px){
.pageproducts .pro-text .con{margin-left: 1%; width:80%; }
.pageproducts .pro-text .con .indextitlebox {margin-top: 110px; margin-bottom: 113px; }
}
@media (max-width:1366px){
.pageproducts .pro-imgbox{height: 560px;}
.pageproducts .pro-text .con .indextitlebox {  margin-bottom: 0px; min-height: 120px; }
.pageproducts .pro-text .con .indextitlebox .bus2Title{ font-size: 16px; line-height: 30px; margin-top: 20px;}
.pageproducts .pageproducts_right{ width:60px; height:60px;}
.pageproducts .pro-text{ padding: 30px 15px 10px 4%;overflow:hidden;}
}
@media (max-width:1280px){
.pageproducts .pro-imgbox{height: 540px;}
.pageproducts .pro-text .con{margin-left: 1%; width:90%; }
.pageproducts .pro-text{ padding: 20px 15px 20px 4%; }
.pageproducts .pro-text .con .indextitlebox { margin-bottom: 20px; min-height: 155px; }
.pageproducts .pro-text .con .indextitlebox .bus2Title{  width: 98%; }
.pageproducts .pageproducts_right{ width:55px; height:55px;}
.pageproducts .more{margin-bottom:47px; }

}
@media (max-width:1200px){
.pageproducts{position: relative; margin-top: 65px;}
.pageproducts .adSN_page{ width:12%;}
.pageproducts .more{ margin-top:120px;width: 130px; height: 40px; line-height: 40px; }
.pageproducts .pageproducts_right{ width:50px; height:50px;}
.pageproducts .pro-text .con .indextitlebox {margin-top: 80px; margin-bottom: 113px; }
}
@media (max-width:992px){
.pageproducts .pro-text .con .indextitlebox .bus2Title{  width: 100%; }
.pageproducts .adSN_page{ width:14%;}
.pageproducts .entitle{color:#fff; line-height: 40px; margin-bottom:10px; }
.pageproducts .pro-text .con .indextitlebox .bus2Title{  margin-top:11px; margin-bottom:30px; }
.pageproducts .pro-text .con .indextitlebox {margin-top: 50px; margin-bottom: 23px; }

}
@media (max-width:767px){
.pageproducts .pro-imgbox{width:100%; height: 680px;}
.pageproducts .pro-text{ position: relative; width:100%; top:0; transform: none; -webkit-transform: none; padding:0px 4% 1.5em;}
.pageproducts .pro-text .con{ margin-right: 0px; }
.pageproducts .adSN_page{ right:46%!important; bottom: 60%!important; width:18%;}
}
@media (max-width:667px){
.pageproducts .pro-imgbox{height: 600px;}
.pageproducts .pro-text .con{ margin-right: 0px; width: 100%; }
}
@media (max-width:600px){
.pageproducts .pro-imgbox{height: 400px;}
.pageproducts .adSN_page{ bottom: 45%!important;}
.pageproducts .more{ margin-top:100px;}
.pageproducts .pro-text{ padding:1.2em 4% 2.5em;}
}
@media (max-width:480px){
.pageproducts .pro-imgbox{height: 300px;}
.pageproducts .pro-text .con .indextitlebox { min-height: 185px; }
.pageproducts .adSN_page{ width:25%;bottom: 16%!important;right:16%!important;}
}
@media (max-width:400px){
.pageproducts .pageproducts_right{ width:45px; height:45px;}
.pageproducts .adSN_page{ width:32%;}
}
.pro_list li img{ width: 100%;}
.pro_list .box{ margin: 10px 0;}
.pro_list .box .tit a{display:block; font-size:24px; line-height:40px; color:#333; font-weight: bold; text-align: center; }
.pro_list .box .tit a:hover{ color:#009771;}
.pro_show .title { background: url(../images/proicon1.png) no-repeat left top; padding-left: 65px; padding-bottom: 20px; margin-bottom: 30px; border-bottom: 1px solid #e5e5e5;}
.pro_show .title span{ font-size:36px;color:#009771; line-height: 56px;  }
.pro_show .title1 { background: url(../images/proicon2.png) no-repeat left top; padding-left: 65px; padding-bottom: 20px; margin-bottom: 30px; margin-top: 30px; border-bottom: 1px solid #e5e5e5;}
.pro_show .title1 span{ font-size:36px;color:#009771; line-height: 56px;  }
.pro_show .content { margin-bottom: 30px;}
.pro_show .content h3{font-size:24px; line-height:40px;}
.pro_show .content p,.pro_show .content dd,.pro_show .content dt{font-size:18px; line-height:40px;color:#666; }
.pro_show .content ul li{ text-align: center;}

.section-content-bottom{ margin-top:70px; }
.section-content-bottom .pro_info_1_2 ul li{float:left; padding: 0 3%;}
.section-content-bottom .pro_info_1_2 ul li a{ font-size:18px; display:block; }
.section-content-bottom .pro_info_1_2{  height: 80px; line-height: 78px;background: #e5f4f1; overflow:hidden}
.section-content-bottom .pro_info_1_2 ul li.active,.section-content-bottom .pro_info_1_2 ul li:hover{ border-bottom:2px #009771 solid; color: #009771;}
.section-content-bottom .pro_info_1_2 ul li.active a,.section-content-bottom .pro_info_1_2 ul li:hover a { color: #009771;}
.pro_info_2_1_t{ margin-top:55px;font-size:18px; padding-left: 15px;  color:#333; position: relative;}
.pro_info_2_1_t span{ font-size: 18px; text-transform: uppercase;}
.pro_info_2_1_t:after{ position: absolute; left: 0; top: 5px; height: 20px; background: #cc0000; content: ""; width: 3px;}
.pro_info_2_3_t{margin-top:2.3em; margin-bottom:0em; color:#666; line-height:2; font-size: 16px;}

.pro_info_2_3_t ul li .box{ margin: 10px 0;}
.pro_info_2_3_t ul li .box .tit {display:block; font-size:20px; line-height:40px; color:#333;}
.pro_info_2_3_t ul li:hover .box .tit{ color:#009771;}
.pro_info_2_3_t ul li .box .desc{ font-size:16px; line-height:30px; color:#666;}

.pro_info_2_mid{overflow:hidden;}
.pro_info_2_3_t ul li{ margin-bottom: 20px;}
.pro_show .tab-btn { height: 80px; line-height: 80px; margin-bottom: 40px; background: #e5f4f1; overflow:hidden}
.pro_show .tab-btn li.on, .pro_show .tab-btn li:hover { color: #009771;}
.pro_show .tab-btn li { font-size:18px; display:block; float:left; padding: 0 3%;position: relative; cursor: pointer; transition: All 0.5s ease; -webkit-transition: All 0.5s ease; -moz-transition: All 0.5s ease; -o-transition: All 0.5s ease;}
.pro_show .tab-btn li.on:before { opacity: 1;}
.pro_show .tab-btn li:before { content: ""; display: block; position: absolute; left: 0; bottom: 0px; right: 0; height:2px; background: #009771; opacity: 0;}
.tab-box img{ max-width: 100%; margin-top: 20px;}
.tab-box table { background: #fff; border: 1px solid #eee;font-size: 18px; color: #666;}
.tab-box table tr:first-child td{ background: #009771!important; color: #fff; line-height: 70px; padding: 10px 0px; }
.tab-box table tr:nth-child(2n) td{ background: #ffffff; line-height: 70px; padding: 10px 0px;}
.tab-box table tr:nth-child(2n+1) td{ background: #f9f9f9; line-height: 70px; padding: 10px 0px;}


@media (max-width:1440px){
.pro_show .content img{ max-width: 100%;}
}
@media (max-width:1366px){
.pro_list .box .tit a{  font-size:22px; }
.pro_show .content ul li img{ max-width: 100%; width: 100%;}
.pro_show .title span{ font-size:32px;  line-height: 46px;  }
.pro_show .title1 span{ font-size:32px;  line-height: 46px;  }
.pro_show .content h3{font-size:22px; }
.pro_info_2_3_t img { max-width: 100%;}
.tab-box table tr:first-child td,.tab-box table tr:nth-child(2n) td,.tab-box table tr:nth-child(2n+1) td{line-height: 60px;}
}
@media (max-width:1200px){
.pro_list .box .tit a{font-size:20px; }
.pro_show .title span{ font-size:30px;line-height: 42px;  }
.pro_show .title1 span{ font-size:30px;line-height: 42px;  }
.pro_show .content h3{font-size:20px; }
.pro_show .content p{line-height:36px; }
.pro_info_2_3_t ul li img{ width: 100%;}
.tab-box table tr:first-child td,.tab-box table tr:nth-child(2n+1) td{ line-height: 70px; font-size: 16px; }
}
@media (max-width:992px){
.section-content{font-size:15px;line-height: 28px;padding-bottom:0px;margin-bottom: 0px;}
.show-pro .pro-show-info p{min-height: auto; margin-bottom: 20px; font-size: 16px;}
.pro_info_2_1_t:after{  width:0;}
.pro_info_2_3_t{margin-top:1.5em; line-height:1.8; }
.pro_info_2_3_t img{ width: 100%;}
.tab-box table tr:first-child td,.tab-box table tr:nth-child(2n) td,.tab-box table tr:nth-child(2n+1) td{ line-height:40px;}
}
@media (max-width:767px){
.pro_list .box .tit a{  font-size:18px; }
.pro_show .title { background-size:8% auto; padding-left: 40px; margin-bottom: 20px;}
.pro_show .title span{ font-size:26px;line-height:38px;  }
.pro_show .title1 { background-size:8% auto; padding-left: 40px; margin-bottom: 20px;}
.pro_show .title1 span{ font-size:26px;line-height:38px;  }
.pro_show .content h3{line-height:34px; margin-top: 10px; margin-bottom: 5px; }
.pro_show .content p{font-size:16px; line-height:32px; }
.pro_info_2_1_t{ font-size:18px; margin-top: 30px;}
.pro_info_2_3_t{margin-top:1.2em; line-height: 1.5; }
.pro_info_2_3_t table tr td{ font-size: 15px;}
.section-content-bottom .pro_info_1_2 ul li{ padding: 0 1.8%;}
.section-content-bottom .pro_info_1_2 ul li a{ font-size:1.15em;}
.show-pro .pro-show-info .pro-btn a{width:120px; line-height:35px;height: 35px; }
.pro_info_2_3_t ul li{ margin-bottom: 20px;}
.pro_show .tab-btn { height: 60px; line-height: 60px;}
.pro_show .tab-btn li { font-size:16px; padding: 0 2%;}
.tab-box table tr:first-child td,.tab-box table tr:nth-child(2n) td,.tab-box table tr:nth-child(2n+1) td{ line-height:30px; font-size: 15px; }
.tab-box table {font-size: 16px; line-height:28px;}
}
@media (max-width:600px){
.tab-box table {font-size: 15px; }
}
@media (max-width:567px){
.pro_show .title span{ font-size:22px;}
.pro_show .title1 span{ font-size:22px;}
.pro_show .content p{line-height:28px; }
.tab-box table {font-size: 14px; }
.tab-box table tr:first-child td,.tab-box table tr:nth-child(2n) td,.tab-box table tr:nth-child(2n+1) td{ font-size: 13px; }
}
@media (max-width:480px){
.pro_show .title { padding-bottom: 10px; margin-bottom: 10px;}
.pro_show .title span{ font-size:20px; line-height: 34px;}
.pro_show .title1 { padding-bottom: 10px; margin-bottom: 10px;}
.pro_show .title1 span{ font-size:20px; line-height: 34px;}
.section-content-bottom .pro_info_1_2 ul li a{ font-size:1em; }
.section-content-bottom{ margin-top:40px; }
.tab-box table tr:first-child td,.tab-box table tr:nth-child(2n) td,.tab-box table tr:nth-child(2n+1) td{ line-height:24px; padding: 15px 0;}
}
@media (max-width:380px){
.pro_show .tab-btn li { padding: 0 1%;}
.tab-box table tr:first-child td,.tab-box table tr:nth-child(2n) td,.tab-box table tr:nth-child(2n+1) td{ line-height:22px; padding: 10px 0;}
}

.flex {display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex;display: flex;}
.news-list .column {transition: all .3s;}
.news-list a {align-items: flex-start;padding: 46px 0;}
.news-list .column:nth-child(2n) {background-color: #f7f7f7;}
.news-list .date {width: 190px;padding: 20px 20px 0;font-family: Arial, Helvetica, sans-serif;}
.news-list .day {font-size: 60px;color: #009771;font-weight: bold;line-height: 1;margin-bottom: 30px;transition: all .3s;}
.news-list .years {font-size: 18px;color: #999;line-height: 1;transition: all .3s;}
.news-list .img {width: 355px;}
.news-list .img img{ width: 100%;}
.news-list .text-box {width: calc(100% - 470px);padding: 10px 55px 0 70px;}
.news-list .h1 {font-size: 22px;color: #222222;line-height: 36px;margin-bottom: 17px; margin-top: 0px; transition: all .3s;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.news-list .text {font-size: 15px;color: #999999;line-height: 30px;transition: all .3s;word-break: break-all;text-overflow: ellipsis;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;}
.news-list .morebox{width:146px;height:46px;border:1px solid #adadad; margin-top: 20px; overflow:hidden}
.news-list .more{width:144px;height:44px;color:#888;display:block;text-align:center;line-height:44px;position:relative;z-index:3}
.news-list .morebox:hover{border:none; background:#009771;}
.news-list .morebox:hover .more{color:#fff}

.news-detail .btn-return {width: 130px;height: 45px;font-size: 14px;color: #666666;line-height: 43px;padding: 0;border-radius: 0;border: 1px solid #d2d2d2;transition: all .3s;}
.news-detail .btn-return:hover {color: #ffffff;background-color: #cC0000;}
.news-detail .r-box {padding-left: 70px; }
.news-detail .r-box .more-news{padding: 25px 20px; background-color: #fff;}
.news-detail .text-box {padding: 0 20px;}
.news-detail .title {padding-bottom: 22px;border-bottom: 1px solid #d2d2d2;margin-bottom: 23px;}
.news-detail .title .h1 {font-size: 30px;color: #222222;line-height: 30px; margin-bottom: 30px;}
.news-detail .title .bot {align-items: center;}
.news-detail .title .time {font-size: 14px;color: #999999;line-height: 25px;margin-right: 85px;}
.news-detail .title .size {align-items: center;font-size: 14px;color: #999999;line-height: 25px;margin-right: 85px;}
.news-detail .title .sign {width: 25px;height: 25px;border-radius: 5px;font-size: 14px;color: #ffffff;line-height: 25px;text-align: center;margin: 0 5px;cursor: pointer;}
.news-detail .title .plus {background-color: #cC0000;}
.news-detail .title .less {background-color: #a0a0a0;}
.news-detail .title .share {align-items: center;font-size: 14px;color: #999999;line-height: 25px;}
.news-detail .title a {margin: 0 3px;}
.news-detail .text {font-size: 16px;color: #666666;line-height: 30px; margin-bottom: 30px;}
.more-news .h1 {font-size:30px;color: #009771;line-height: 1;margin-bottom: 35px; margin-top: 0px;}
.more-news .column {margin-bottom: 28px; background: #efefef; padding: 20px;}
.more-news .h2 {font-size: 18px;color: #555;line-height: 26px; margin-top: 10px;}
.more-news .column a:hover .h2 { color: #009771;}
.more-news .time {font-size: 16px;color: #666;line-height: 26px;}
@media only screen and (max-width: 1680px) {.news-detail .l-box {padding: 0;}
.news-detail .title .h1 {font-size: 24px;}
.news-detail .r-box {padding-left: 70px;padding-right: 50px;}
}
@media only screen and (max-width: 1440px) {
.news-list a {padding: 35px 0;}
.news-list .date {width: 150px;}
.news-list .day {font-size: 50px;margin-bottom: 20px;}
.news-list .years {font-size: 16px;}
.news-list .text-box {width: calc(100% - 430px);padding: 10px 50px 0;}
.news-list .h1 {font-size: 18px;margin-bottom: 10px;}
.more-news .h1 {font-size: 18px;}
.news-detail .title .time {margin-right: 40px;}
.news-detail .title .size {margin-right: 40px;}
}

@media only screen and (max-width: 1199px) {.news-detail .title .h1 {font-size: 20px;}
.news-detail .r-box {padding: 0 30px;}
}

@media only screen and (max-width: 991px) {
.news-list .date {width: 100px;padding: 10px 10px 0;}
.news-list .day {font-size: 40px;}
.news-list .years {font-size: 14px;}
.news-list .img {width: 220px;}
.news-list .text-box {width: calc(100% - 320px);padding: 5px 20px 0 20px;}
.news-detail .l-box {width: 100%;}
.news-detail .r-box {display: none;}
}

@media only screen and (max-width: 767px) {
.news-list a {flex-wrap: wrap;padding: 25px 0;}
.news-list .date {width: 70px;text-align: center;padding: 0;}
.news-list .day {font-size: 24px;margin-bottom: 10px;}
.news-list .img {display: none;}
.news-list .text-box {width: calc(100% - 70px);padding: 0;padding-left: 10px;}
.news-list .h1 {font-size: 16px;line-height: 26px;}
.news-list .text { display: none;}
.news-detail .text-box {padding: 0;}
.news-detail .title {padding-bottom: 20px;margin-bottom: 20px;}
.news-detail .title .h1 {font-size: 18px;line-height: 24px;margin-bottom: 10px;}
.news-detail .title .bot {flex-wrap: wrap;}
.news-detail .title .time {margin-right: 30px;}
.news-detail .text {font-size: 15px;line-height: 28px;padding-bottom: 20px;margin-bottom: 20px;}
.news-detail .bot-box {justify-content: center;flex-wrap: wrap;}
.up-down {width: 100%;}
.news-detail .btn-return {width: 120px;height: 40px;line-height: 38px;margin-top: 20px;}
}
.serverlist .page-tit h1{ text-align: center; margin-bottom: 20px; margin-top: 0px;}
.serverlist .li_{ padding:20px; border:1px solid #eee;}
.serverlist .box{ margin: 10px 0;}
.serverlist .box .tit {display:block; font-size:24px; font-weight: bold; line-height:50px; margin-bottom: 10px; color:#333;  }
.serverlist .box p{font-size:18px; color:#666;line-height:32px; }
@media (max-width: 1366px){
.serverlist img{ width: 100%;}
.serverlist .box .tit {font-size:22px; }
}
@media (max-width: 1200px){
.serverlist .box .tit{font-size:20px; }
.serverlist .box p{font-size:16px;}
}
@media (max-width: 992px){
.serverlist .box .tit {font-size:18px; margin-bottom: 0px; }
.serverlist .box p{ min-height: 98px;line-height:28px; }
}
@media (max-width: 768px){
.serverlist .page-tit{ margin-bottom:20px;}
.serverlist .box .tit {font-size:16px; }
}
.process.pad-80{ padding-top: 0px;}
.process .page-tit h1{ text-align: center; margin-bottom: 20px; margin-top: 0px;}
.process img{ width: 100%;}
.download-lists ul a {display: block;padding: 25px 15px; border-bottom: 1px solid #e1e2e2;}
.download-lists ul a:hover span {color: #009771}
.download-lists ul a span {font-size: 18px; line-height: 45px; color: #333;}
.download-lists ul a span:first-child {margin-right: 15px;}
.download-lists ul a .date {font-size: 15px;color: #999;line-height: 45px; }
@media (max-width: 768px){
.process .page-tit{ margin-bottom:20px;}
}
@media(max-width:668px) {
.download-lists ul a .date { display:none;}
.download-lists ul a { padding: 10px 0;}
.download-lists ul a span {font-size: 16px;}
}
.question ul li { box-sizing: border-box;border-left: 1px solid #e5e5e5;  padding:30px 10px;margin-bottom: 30px}
.question ul li:hover{ background-color:#f4f4f4;}
.question ul li:nth-child(3n) {border-right: 1px solid #e5e5e5}
.question ul li a {width: 100%;height: auto;box-sizing: border-box;padding: 0px 30px;display: block}
.question ul li a .tags {line-height: 14px;color: #009771;padding-top: 5px}
.question ul li a .tits {font-size: 18px;line-height: 20px;height: 20px; color: #000;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;margin-top: 25px}
.question ul li a .tit { line-height: 25px;color: #777;height: 147px;display: -webkit-box;-webkit-line-clamp: 7;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;margin-top: 20px}
.question ul li a .tit1 {margin-top: 20px}
.question ul li a .tit1 .time {font-size: 16px;line-height: 36px;float: left;color: #909090}
@media (min-width: 1024px) {
.question ul li a .tit1 .more:hover {background-color: #009771;color: #fff}
.question ul li:hover a .tits {color: #009771}
}

@media (max-width: 768px) {
.news ul {padding-bottom: 20px}
.question ul li {width: 100%;float: none;border-left: none;border-right: none !important;border-bottom: 1px solid #e5e5e5;margin-bottom: 20px; padding-bottom:40px;}
.question ul li a {padding: 0 10px 15px}
.question ul li a .tits {font-size: 16px;line-height: 18px;height: 18px;margin-top: 8px}
.question ul li a .tit {height: auto;margin-top: 10px}
.question ul li a .tit1 {margin-top: 15px}
}
.contact .contatc_left.pad-80{ padding-bottom: 0px;}
.contact{ background: #f7f7f7;height:665px;overflow:hidden;}
.contact .contatc_left .page-tit  h3{ text-align: left; position: relative; padding-bottom: 20px; color: #333333; font-size: 36px;}
.contact .contatc_left .page-tit  h3:after{ content: ""; left: 0px; bottom: 0px; width: 60px; height: 2px; position: absolute; background: #009771;}
.contact .contatc_left { width: 44%; float: left; padding-left: 13%; background: #f7f7f7;}
.contact .contatc_left .desc{ font-size: 18px; margin-bottom: 30px; color: #666666; line-height: 34px;}
.contact .contatc_left .infor{ margin-top: 60px;}
.contact .text .addr{position:relative; padding-left:35px; margin-bottom:22px; padding-bottom: 20px;}
.contact .text .addr .icon{display:inline-block; width:36px; height:28px; background:url(../images/contact_us01_2.png) no-repeat left; position:absolute; left:0; top:6px; margin-right: 5px;}
.contact .text .addr span{display:inline-block; font-size:18px; color:#666; line-height:30px;}
.contact .text .tel{position:relative; padding-left:35px; font-size:18px; color:#666; line-height: 38px; padding-bottom: 22px;}
.contact .text .tel .icon{display:inline-block;  width:36px; height:28px; background:url(../images/contact_us01_3.png) no-repeat left; position:absolute; left:0; top:3px; margin-right: 5px;}
.contact .text .mail{position:relative; padding-left:35px; font-size:18px; color:#666;  margin-bottom:22px; padding-bottom: 22px;}
.contact .text .mail .icon{display:inline-block; width:36px; height:22px; background:url(../images/contact_us01_1.png) no-repeat left; position:absolute; left:0; top:3px; margin-right: 5px;}
.contact .text .tel a,.contact .text .mail a{color:#666; }
.contact .text .tel a:hover,.contact .text .mail a:hover{color:#009771; }
.contact .text .tel .telnum{color:#009771; font-size: 24px; font-weight: bold; margin-top: 15px;}
.contact .contatc_right{ width: 50%; float: right;}
.contact .map_box .map{ height: 100%; overflow:hidden;/*height:750px;*/}
.contact .ditu{width:100%; overflow:hidden;text-align:center;/*position:absolute;bottom:0px;left:0; z-index:0; */}
.contact .ditu img{ max-width: 100%; overflow:hidden;}
@media(max-width:1800px) {
.contact{ height:640px;}
}
@media(max-width:1800px) {
.contact{ height:628px;}
.contact .contatc_left { padding-left: 10%;}
}
@media(max-width:1728px) {
.contact{ height:610px;}
}    
@media(max-width:1668px) {
.contact{ height:630px;}
.contact .contatc_left { padding-left: 8%; }
.contact .contatc_right{ width: 54%; }
}
@media(max-width:1600px) {
.contact .contatc_left { padding-left: 5%; }
}
@media(max-width:1540px) {
.contact{ height:600px;}
}
@media(max-width:1480px) {
.contact{ height:575px;}
}
@media(max-width:1400px) {
.contact .contatc_left { padding-left: 4%; }
}
@media(max-width:1366px) {
.contact{ height:540px;}
.contact .contatc_left .infor{ margin-top: 40px;}
.contact .text .tel{padding-left:30px; padding-bottom: 10px;}
.contact .text .addr{ padding-left:30px; margin-bottom:12px; padding-bottom: 10px;}

}
@media(max-width:1280px) {
.contact{ height:480px;}
.contact .contatc_left .desc{  margin-bottom:15px; }
.contact .contatc_left .infor{ margin-top: 30px;}
}
@media(max-width:992px) {
.contact{ height:865px;}
.contact .contatc_left { width: 96%; margin: 0 auto; float: none; }
.contact .contatc_right{ width:100%; float: none;}
.contact .map_box .map{ margin-top: 20px; }
.contact .contatc_left .desc{ font-size: 16px; margin-bottom: 20px; line-height: 28px;}
.contact .ditu{width:100%;height:300px; }
}

.message{ background:#eef1f8 url(../images/message.jpg) no-repeat center bottom; background-size: cover; }
.message .page-tit h3{ text-align: left; position: relative; padding-bottom: 20px; color: #333333; font-size: 36px;}
.message .page-tit h3:after{ content: ""; left: 0px; bottom: 0px; width: 60px; height: 2px; position: absolute; background: #009771;}
.message .desc{ font-size: 18px; margin-bottom: 120px; color: #555; line-height: 34px;}
.message .tels p {margin-bottom: 15px;line-height: 1.8;color: #888;font-size:16px;}
.message .tels p span{ color: #ff0000;}
.message .form-item {margin-bottom: 20px;}
.message form .button {text-align: center;}
.message form .button button {padding: 10px 50px;background-color: #009771;color: #fff;}
.message label {display: block;color: #333;font-weight: 400;margin-bottom: 10px; font-size: 18px;}
.message label span {color: #009771;}
.message .form-item input {width: 100%;border: 0;  line-height: 35px; color: #666; border-bottom: 1px solid #dcdcdc; background: transparent; padding-bottom: 5px;}
.message .form-area textarea {resize: none;width: 100%; height: 100px;border: 0;border-bottom: 1px solid #dcdcdc;background: transparent;}
.message .form-bottom {margin-top: 30px;}
.message .form-bottom span {display: inline-block;color: #666;margin-right: 30px;}
.message .form-bottom #code {width: 185px;height: 55px;border: 1px solid #e5e5e5;background: transparent; margin-right: 15px;}
.d-inline {
    display: inline-block;
}
@media(max-width:768px) {
.message .desc{ margin-bottom: 20px; line-height: 28px;}
.message form .button button {padding: 10px 40px;}
.message form .button.fr{ float: none; margin-top: 10px;}
}

.message-main .red{ color: #009771; font-size: 20px;}
.policy strong { font-weight: bold; margin-bottom: 20px;}
.policy{ line-height: 32px;}

#mkdf-animated-switch-slider{ margin-top: 90px; overflow: hidden;}
.jjfaimga{background: url(../images/jjfaimga.jpg) center no-repeat;}
.jjfaimgb{background: url(../images/jjfaimgb.jpg) center no-repeat;}
.jjfainfo{height: auto;overflow: hidden;}
.jjfainfo span{color: #444;}
.jjfacontent p{line-height: 30px;color: #777;}
.jjfacontent img{display: block;margin:0 auto; max-width: 100%;}
.mkdf-item-titleen-holder,.mkdf-item-title-holder,.mkdf-description-holder{ width: 77%;}
.mkdf-item-titleen-holder { font-size:48px; font-family:'montbold';text-transform: uppercase;color:#fff; line-height: 60px; margin-bottom:20px;}
@media(max-width:1280px) {
.mkdf-item-titleen-holder,.mkdf-item-title-holder,.mkdf-description-holder{ width: 87%;}
}
@media(max-width:1200px) {
#mkdf-animated-switch-slider{ margin-top: 60px; overflow: hidden;}
.mkdf-item-titleen-holder,.mkdf-item-title-holder,.mkdf-description-holder{ width: 47%;}
.mkdf-item-titleen-holder { font-size:40px!important; line-height: 50px; margin-bottom: 0px;}
#mkdf-animated-switch-slider .mkdf-switch-slide.mkdf-active .mkdf-item-title { font-size: 32px!important; margin-top: 10px; margin-bottom: 10px;}
}
@media(max-width:992px) {
.mkdf-item-titleen-holder { font-size:36px!important; line-height:40px;}
#mkdf-animated-switch-slider .mkdf-switch-slide.mkdf-active .mkdf-item-title { font-size: 28px!important; }
.mkdf-description-holder h6{line-height: 28px!important; font-size: 17px!important;}
}
@media(max-width:768px) {
.mkdf-item-titleen-holder { font-size:32px!important;}
#mkdf-animated-switch-slider .mkdf-switch-slide.mkdf-active .mkdf-item-title { font-size: 22px!important; }
.mkdf-description-holder h6{line-height: 26px!important; font-size: 16px!important;}
.mkdf-item-titleen-holder,.mkdf-item-title-holder,.mkdf-description-holder{ width: 100%;}
}
@media(max-width:568px) {
.mkdf-item-titleen-holder { font-size:26px!important;}
#mkdf-animated-switch-slider .mkdf-switch-slide.mkdf-active .mkdf-item-title { font-size: 20px!important; }
}
@media(max-width:468px) {
.mkdf-item-titleen-holder { font-size:24px!important;}
#mkdf-animated-switch-slider .mkdf-switch-slide.mkdf-active .mkdf-item-title { font-size: 18px!important; }
}

.footer1 {height: 28px;width: 100%;margin-top: 17px;}
.menu-footer {position:fixed;bottom:0;left:0;z-index:9999;opacity:.9;-webkit-transform: translateY(45px);-ms-transform: translateY(45px);-o-transform: translateY(45px);transform: translateY(45px);
transition: .5s;-webkit-transition: .5s;-ms-transition: .5s;}
.menu-footer.on {-webkit-transform: translateY(0);-ms-transform: translateY(0);-o-transform: translateY(0);transform: translateY(0);}
.menu-footer {width:100%;height:45px;line-height:45px;text-align:center;background:#636363;font-size:0;}
.menu-footer a {position: relative; float:left;width:33.33%;width:calc(100% / 3);color:#fff;font-size:14px;}
.menu-footer a:hover {color:#fff;}
.menu-footer a ~ a:before {content: "";position: absolute;left: 0;top: 50%;margin-top: -5px;height: 10px;border-left: 1px solid #a0a0a0;opacity: 0.5;}

.policy h3{ margin-bottom: 10px;}
.policy div{ line-height: 30px;}

.table_pc{ display: block;}
.table_mob{ display: none;}
@media(max-width:580px) {
.table_pc{ display: none;}
.table_mob{ display: block;}
.table_mob img{ width: 100%;}
}