.body-overflow-box #header{position:fixed;top:0;left:0;background:#fff!important;-webkit-box-shadow:7px 7px 35px 0px rgba(0,0,0,.1);box-shadow:7px 7px 35px 0px rgba(0,0,0,.1)}
.body-overflow-box #header .nav .ui.menu .menu-box ul.menu>li>a{ color:#333333!important; }
.body-overflow-box #header .nav .ui.menu .logo .img1{ display: none!important;}
.body-overflow-box #header .nav .ui.menu .logo .img2{ display: inline-block!important;}
.body-overflow-box #header .nav .ui.menu .h-search .img1{ display: none!important;}
.body-overflow-box #header .nav .ui.menu .h-search .img2{ display: inline-block!important;}
.body-overflow-box #header .nav .ui.menu .h-language .img1{display:none!important;}
.body-overflow-box #header .nav .ui.menu .h-language .img2{display:inline-block!important;}
.body-overflow-box #header .nav .ui.menu .h-language{ color: #333!important;}

.p-banner {background: center no-repeat;background-size: cover;height: 540px;text-align: left;color: #fff;padding-top: 12%; margin-top: 100px; }
.p-banner h2 {font-size:48px; font-weight: bold; line-height: 40px;padding: 15px 0 10px; position: relative; z-index:1; }
.p-banner h2:after{ position: absolute; left:0px; bottom: 0px; height: 12px; width: 118px; background-color: #cf010b; content: ""; z-index: -1;  }
.about-banner { background-image: url('../images/about_banner.jpg');}
.products-banner { background-image: url('../images/products_banner.jpg');}
.quality-banner { background-image: url('../images/quality_banner.jpg');}
.news-banner { background-image: url('../images/news_banner.jpg');}
.service-banner { background-image: url('../images/service_banner.jpg');}
.job-banner { background-image: url('../images/job_banner.jpg');}
.contact-banner { background-image: url('../images/contact_banner.jpg');}
.page_nav{height: 65px;line-height: 65px; background: #f8f8f8; border-bottom: 1px solid #e5e5e5;}
.page_nav.page_nav_pro .crumb{float: left!important;}
.page_nav .crumb{float: right;}
.page_nav .crumb li{float: left;font-size: 16px;color: #666;}
.page_nav .crumb a{color: #666; font-size: 16px; }
.page_nav .crumb .fa{ color: #555; text-align: left; margin:22px 8px 0;}
.page_nav .crumb li:last-child{ color:#cc0000;}
.page_nav .r_sec{float: left;}
.page_nav .r_sec li{ float:left; font-size:16px; font-weight: bold; margin:0 45px 0px 5px;}
.page_nav .r_sec li:hover a,
.page_nav .r_sec li.cur a{color:#cc0000;}
.page_nav .r_sec li a{color:#666666;}
.page_nav .fa {margin:0px 8px 0; font-size:15px;}
.page_nav a:hover{color:#cc0000;}

@media (max-width: 1850px){
.p-banner {height: 520px;padding-top: 14%;}
}
@media (max-width: 1800px){
.p-banner {height: 506px;padding-top: 13%;}
}
@media (max-width: 1700px){
.p-banner {height: 478px; }
}
@media (max-width: 1600px){
.p-banner {height: 450px; }
.p-banner h2 {font-size:44px; }
}
@media (max-width: 1540px){
.p-banner {height: 433px; }
}
@media (max-width: 1480px){
.p-banner {height: 416px; }
.p-banner h2 {font-size:42px; }
}
@media (max-width: 1440px){
.p-banner {height: 405px; }
.p-banner h2{font-size: 40px; }
}
@media (max-width: 1400px){
.p-banner {height: 394px; }
}
@media (max-width: 1366px){
.p-banner {height: 384px; }
.p-banner h2{font-size: 36px; padding: 0px 0 8px; }
.page_nav .r_sec li{ margin:0 30px 0 5px;}
 
}
@media (max-width: 1280px){
.p-banner {height: 440px; padding-top: 18%;}
.p-banner h2{font-size: 34px; }
.p-banner h2:after{width: 98px;}
.about-banner { background-image: url('../images/about_banner_p.jpg');}
.products-banner { background-image: url('../images/products_banner_p.jpg');}
.quality-banner { background-image: url('../images/quality_banner_p.jpg');}
.news-banner { background-image: url('../images/news_banner_p.jpg');}
.service-banner { background-image: url('../images/service_banner_p.jpg');}
.job-banner { background-image: url('../images/job_banner_p.jpg');}
.contact-banner { background-image: url('../images/contact_banner_p.jpg');}
.page_nav .r_sec li{ margin:0 20px 0 5px;}
 }   
@media (max-width: 1240px){
.p-banner {height: 426px;  }
}
@media (max-width: 1200px){
.p-banner {height: 413px; margin-top: 65px;}
.p-banner h2 {font-size:32px; }
.p-banner h2:after{width: 94px; height: 10px;}
.page_nav .r_sec li{ font-size:16px; margin:0 10px 0 5px; }
}  
@media (max-width: 1140px){
.p-banner {height: 392px; }
}
@media (max-width: 1100px){
.p-banner {height: 378px; }
}
@media (max-width: 1040px){
.p-banner {height: 358px; }
}
@media only screen and (max-width: 992px){
.p-banner {height: 440px; padding-top: 20%;}
.p-banner h2 {font-size:30px; }
.p-banner h2:after{width: 88px;}
.about-banner { background-image: url('../images/about_banner_m.jpg');}
.products-banner { background-image: url('../images/products_banner_m.jpg');}
.quality-banner { background-image: url('../images/quality_banner_m.jpg');}
.news-banner { background-image: url('../images/news_banner_m.jpg');}
.service-banner { background-image: url('../images/service_banner_m.jpg');}
.job-banner { background-image: url('../images/job_banner_m.jpg');}
.contact-banner { background-image: url('../images/contact_banner_m.jpg');}
.page_nav .crumb{display: none;}
}
@media (max-width: 900px){
.p-banner {height: 399px;  }
}
@media (max-width: 868px){
.p-banner {height: 385px;  }
}
@media (max-width: 768px){
.p-banner {height: 341px; }
.p-banner h2 {font-size:26px; line-height: 30px;padding: 10px 0 8px;}
.p-banner h2:after{width: 80px;}
.page_nav{line-height:50px; height:50px;}
.page_nav .r_sec li:after{left:-7px; }
 }
@media (max-width: 728px){
.p-banner {height: 323px; }
}
@media (max-width:668px){
.page_nav{line-height:40px; height:40px;}
.page_nav .r_sec li{padding:0 8px; margin:0 8px;}
.p-banner {height: 296px; }
.p-banner h2 {font-size:24px; }
.p-banner h2:after{height: 10px; width: 65px; }
} 
@media (max-width:600px){
.p-banner {height:266px; }
}   
@media (max-width:568px){
.p-banner {height: 252px; }
}
@media (max-width:528px){
.p-banner {height: 234px; }
}
@media (max-width:480px){
.p-banner {height: 216px; padding-top: 85px;}
.p-banner h2{ padding: 10px 0 4px;}
.p-banner h2:after{ width: 60px; height: 10px;}
}
@media only screen and (max-width: 425px){
.p-banner { padding-top: 100px;}
.p-banner h2{font-size:22px; }
.p-banner h2:after{width:48px;height: 6px;}
.page_nav .container{padding-right: 0px;padding-left:1px;}
.page_nav{height: 40px;line-height: 40px;border-bottom: 1px solid #eaeaea;}
.page_nav .r_sec li{ font-size:14px; padding:0 6px; margin:0 6px; }

}
@media only screen and (max-width: 375px){
.p-banner {height: 208px; }
.p-banner h2{line-height: 28px;padding: 8px 0 2px;}
}
.m_sencondNav{position:relative; z-index:9; height:51px; }
.m_sencondNav .m_second.fixed{position:fixed; width:100%; left:0; top:65px; }
.m_sencondNav .m_second {position:relative;  border-bottom:1px solid #e8e8e8}
.m_sencondNav .m_second .home{background:#cc0000; border-right:1px solid #e8e8e8; width:50px; height:50px; float:left; line-height:50px; display:block; text-align:center;}
.m_sencondNav .m_second .home .fa{display:block; color:#fff; height:50px; line-height:50px;}
.m_sencondNav .m_second .m_second_hd{width:calc(100% - 51px); background:#f6f6f6; float:left}
.m_sencondNav .m_second .m_second_hd li{float:left; position:relative;}
.m_sencondNav .m_second .m_second_hd li{border-right:1px solid #e8e8e8;}
.m_sencondNav .m_second .m_second_hd li:last-child:after{border-right:none}
.m_sencondNav .m_second .m_second_hd li a{display:block; height:50px; line-height:50px; color:#666; padding:0 50px 0 23px; font-size:16px;}
.m_sencondNav .m_second .m_second_hd li:after,
.m_sencondNav .m_second .m_second_hd li:before{content:''; background:#a5a5a5; width:9px; height:2px; display:block; position:absolute; top:0; bottom:0; right:15px; margin:auto;}
.m_sencondNav .m_second .m_second_hd li:after{-webkit-transform:rotate(-90deg); transform:rotate(-90deg); transition:all 0.6s ease-out;} 
.m_sencondNav .m_second .m_second_hd li:before{-webkit-transform:rotate(0deg); transform:rotate(0deg); transition:all 0.6s ease-out;}
.m_sencondNav .m_second .m_second_hd li.cur:before{-webkit-transform:rotate(180deg); transform:rotate(180deg); background:#a5a5a5;}
.m_sencondNav .m_second .m_second_hd li.cur:after{-webkit-transform:rotate(180deg); transform:rotate(180deg); opacity:0; -ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity=0)'; background:#a5a5a5;}
.m_sencondNav .m_second .m_second_bd { padding-top: 51px;}
.m_sencondNav .m_second .m_second_bd .erji{position:absolute; left:0; top:100%; width:100%; background:#f8f8f8; border-top:1px solid #e8e8e8; padding-bottom:10px; display:none;}
.m_sencondNav .m_second .m_second_bd .erji li a{padding:6px 20px 6px 63px; border-bottom: 1px solid #dedede; font-size:15px; color:#666; display:block}
.m_sencondNav .m_second .m_second_bd .erji li{margin-top:10px;}
.m_sencondNav .m_second .m_second_hd.active{background:#efefef;}
.m_sencondNav .m_second .m_second_hd.cur{background:#efefef;}
.m_sencondNav .m_second .m_second_bd .sanji{position:absolute; left:0; top:100%; width:100%; background:#efefef; border-top:1px solid #e8e8e8; padding-bottom:10px; display:none;}
.m_sencondNav .m_second .m_second_bd .sanji li a{padding:6px 20px 6px 63px; font-size:14px; color:#666;; display:block}
.m_sencondNav .m_second .m_second_bd .sanji li{margin-top:10px;}
@media (max-width: 1024px) {
.m_sencondNav .m_second.fixed{ top:65px; }
}



/*Company profile*/
.about-page1 .content { font-size: 16px;line-height: 34px; color: #666666; margin-bottom: 60px;}
.data-list { margin-bottom: 60px;}
.data-list .item {width: 21%;float: left;margin-right: 4%;}
.data-list .item:last-child {margin-right: 0;}
.data-list .item:nth-child(2n) .num span {color: #cf010b;}
.data-list .item:nth-child(2n) .num {color: #cf010b;}
.data-list .item .num {font-size: 80px;line-height: 86px;font-weight: 300;color: #333;padding-bottom: 16px;border-bottom: 1px solid rgba(0, 0, 0, 0.38);position: relative;}
.data-list .item .num span {font-size: 16px;line-height: 30px;position: absolute;right: 0;top: 0;font-weight: 300;}
.data-list .item p {font-size: 16px;line-height: 35px;color:#666;margin-top: 5px;}
.about-page1 .video{position: relative;overflow: hidden;}
.about-page1 .video img{display: block;width: 100%;}
.about-page1 .video .bf{width: 100px;height: 100px;position: absolute;top: 50%;left: 50%;z-index: 9;transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);background: rgba(255, 255, 255, 0.3) url(../images/video.png) center no-repeat; cursor: pointer;border-radius: 50%;-webkit-box-shadow: 0 0 0 0 rgba(255 , 255 ,255, 0.3);box-shadow: 0 0 0 0 rgba(255 , 255 ,255, 0.3);}
.about-page1 .video .bf:hover{ -webkit-animation: spulse 1.25s infinite cubic-bezier(0.24, 0, 0.38, 1);animation: spulse 1.25s infinite cubic-bezier(0.24, 0, 0.38, 1);}
.vd_tanchuang{position: fixed;width: 100%;height: 100%;top: 0;left: 0;z-index: 10;background: rgba(0, 0, 0, 0.6);display: none;}
.vd_tanchuang .vox{max-width: 1100px;max-height: 100%; position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);}
.vd_tanchuang .vox video{display: block;max-width: 100%;height: 100%;}
.vd_tanchuang .vox .out{width: 40px;height: 40px;position: absolute;top: -50px;right: 0;background: url(../images/out2.png) center no-repeat;background-size: 20px;cursor: pointer;opacity: 0.7;}
.vd_tanchuang .vox .out:hover{opacity: 1;}
@-webkit-keyframes spulse {to {-webkit-box-shadow: 0 0 0 20px transparent;box-shadow: 0 0 0 20px transparent;}  }
@keyframes spulse {to {-webkit-box-shadow: 0 0 0 20px transparent;box-shadow: 0 0 0 20px transparent;}  }
@-webkit-keyframes spulse2 {to {-webkit-box-shadow: 0 0 0 10px transparent;box-shadow: 0 0 0 10px transparent;}  }
@keyframes spulse2 {to {-webkit-box-shadow: 0 0 0 10px transparent;box-shadow: 0 0 0 10px transparent;}  }
@-webkit-keyframes sxld {0% { transform: translateY(2.6vw);-webkit-transform: translateY(2.6vw);opacity: 0; }50% { opacity: 1; }100% { opacity: 0; transform: translateY(-52.6vw);-webkit-transform: translateY(-2.6vw); }  }
@keyframes  sxld {0% { transform: translateY(2.6vw);-webkit-transform: translateY(2.6vw);opacity: 0; }50% { opacity: 1; }100% { opacity: 0; transform: translateY(-52.6vw);-webkit-transform: translateY(-2.6vw); }  }

.factory img{ width: 100%;}
.factory .swiper-pagination-bullet{opacity:1; text-align:left; width: 12px; height:12px; line-height:12px;background:none; position:relative; border-radius: 100%; }
.factory .swiper-pagination-bullet-active:after{width:12px; transition: width 7.3s ease-out 0s;}
.factory .swiper-container-horizontal > .swiper-pagination-bullets, .honorpage .swiper-pagination-fraction{width:30%; left:34%; bottom:7%;}
.factory .swiper-pagination span {width: 12px;height: 12px;opacity: .86; background:#dcdcdc;position: relative;}
.factory .swiper-pagination span.swiper-pagination-bullet-active {opacity: 1;width: 12px;height:12px;border-radius: 10px;background:#cf010b;opacity: .96;}

.about-page2.padding { padding-top: 280px; background: #f8f8f8; margin-top: -16%; }
.about-page2 ul{text-align:center;  margin-top: 20px;}
.about-page2 ul li .about-item{padding:55px 45px 80px; width: 100%; background-color: #fff; box-shadow: 0 0 20px rgb(0 0 0 / 20%); position: relative; }
.about-page2 ul li .about-item .about-img {width: 76px;height:76px; text-align: center; margin: 0 auto;}
.about-page2 ul li .about-item .about-img .img {width: 100%;height: 100%;}
.about-page2 ul li .about-item .about-txt{ text-align: center;}
.about-page2 ul li .about-item .about-txt .about-tit {font-size:30px; color: #333; font-weight: bold; margin-top: 25px; margin-bottom: 25px;}
.about-page2 ul li .about-item .about-txt p{ font-size: 20px; color: #333; line-height: 30px; height: 78px; margin-bottom: 50px;} 
.about-page2 ul li:first-child{animation-delay: 0;-webkit-animation-delay: 0;}
.about-page2 ul li:nth-child(2){animation-delay: 0.5s;-webkit-animation-delay: 0.5s;}
.about-page2 ul li:last-child{animation-delay: 1s;-webkit-animation-delay: 1s;}
.about-page2 .row{margin-right: -20px; margin-left: -20px;}
.about-page2 .row .col-lg-4,.about-page2 .row .col-sm-4,.about-page2 .row .col-xs-6{ padding-right: 20px; padding-left: 20px;}
@media (max-width: 1760px){
.about-page2.padding { padding-top: 260px; }
}
@media (max-width: 1700px){
.about-page2.padding { padding-top: 160px; margin-top: -10%; }
}
@media (max-width: 1600px){
.about-page2.padding { padding-top: 150px; margin-top: -10%; }
.about-page2 ul li .about-item .about-txt .about-tit {font-size:26px;}
}
@media (max-width: 1440px){
.about-page2.padding { padding-top: 140px; }
.data-list .item .num {font-size: 74px;line-height: 76px;}
.about-page2 ul li .about-item .about-txt .about-tit {font-size:24px;}
.about-page2 ul li .about-item .about-txt p{ font-size: 18px;} 
}
@media screen and (max-width:1366px){
.data-list .item .num {font-size: 70px; }
.about-page2 ul li .about-item .about-txt .about-tit {font-size:22px; margin-top: 20px; margin-bottom: 20px;}
}
@media screen and (max-width:1280px){
.data-list .item .num {font-size: 64px; line-height: 70px;}
.about-page2.padding { padding-top: 120px; }
}
@media screen and (max-width:1024px){
.data-list { margin-bottom: 50px;}
.data-list .item .num {font-size: 54px; line-height: 64px;}
.about-page2 ul li .about-item .about-txt .about-tit {font-size:20px;}
.about-page2.padding { padding-top: 100px; }
}
@media screen and (max-width:992px){
.data-list .item .num {font-size: 48px; line-height:58px; padding-bottom: 10px;}
.data-list { margin-bottom: 40px;}
.data-list .item {width: 46%; margin-top: 10px; margin-bottom: 10px;}
.about-page2 ul li { margin-bottom: 25px;}
.about-page2 ul li .about-item{ padding:30px 15px;}
.about-page2 ul li .about-item .about-txt .about-tit {font-size:20px; margin-top: 10px; margin-bottom: 10px;}
.about-page2 ul li .about-item .about-txt p{ font-size: 16px; line-height: 28px; height: 38px;}
.about-page2 ul li .about-item:hover{ padding:20px 15px;} 
}
@media (max-width: 767px){
.about-page1 .content {width: 100%;line-height: 28px; }
.data-list { margin-bottom: 30px;}
.data-list .item .num {font-size: 38px; line-height: 46px;}
.data-list .item p { line-height: 30px;}
.about-page2 ul li .about-item .about-txt .about-tit {font-size:18px;}
.about-page2 ul li .about-item .about-txt p{ font-size: 16px; } 
.about-page2.padding { padding-top: 80px; }
.about-page2 ul li.col-xs-6{ width: 100%!important;} 
}
@media (max-width: 667px){
.about-page2.padding { padding-top: 60px; }
}
@media (max-width: 568px){
.about-page2 ul li .txt{font-size:15px; line-height:24px;}
.about-page2 ul li .about-item .about-txt p{ height:90px;} 
.about-page2 ul li .about-item .about-txt .about-tit {font-size:18px;}
.about-page1 .video .bf{width: 60px;height: 60px;}
}
@media (max-width: 468px){
.about-page2 ul li .about-item{ width:100%;  border-right: 0px solid #e5e5e5; border-bottom: 1px solid #e5e5e5;  }
.about-page2 ul li .about-item .about-txt p{ height:70px;} 
.about-page2.padding { padding-top: 40px; }
}
@media screen and (max-width:424px){
.data-list .item .num {font-size: 24px; line-height: 36px;}
}
@media screen and (max-width:390px){
.data-list .item {width: 96%; margin-top: 10px; margin-bottom: 10px;}
}

.index-creative { background: url('../images/about_video.jpg') no-repeat center; -o-background-size: cover;background-size: cover; padding: 13% 0;}
.index-creative .video-txt{ color:#fff; margin-top: 15px; text-transform: uppercase; text-align: center;}
.index-creative .creative-video { position: fixed; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%);-moz-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);-o-transform: translate(-50%, -50%);transform: translate(-50%, -50%); width: auto; height: auto; display: none; z-index: 1032;}
.index-creative .creative-video video { width: 100%;}
.index-creative .creative-video .close-video { position: fixed; background-color: #fff; border-radius: 50%; right: 0; top: -30px; width: 20px; height: 20px; font-size: 16px; line-height: 16px; text-align: center; z-index: 1032; display: none; cursor: pointer;}
.index-creative .bkgc { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 1031; background-color: rgba(0, 0, 0, 0.5); display: none;}
.index-creative .v-b { position: relative; cursor: pointer; height: 85px; width: 85px; margin: 0 auto; padding: 15px; }
.index-creative .v-b:hover .video-button { opacity: 0;}
.index-creative .v-b:hover .v2 { opacity: 1;}
.index-creative .video-button { width: 85px; height: 85px; background: url('../images/video.png')no-repeat center; -o-background-size: cover; background-size: cover; position: absolute; bottom: 0; cursor: pointer; margin: 0 auto;}
.index-creative .video-button.v2 { opacity: 0; background: url('../images/video.png')no-repeat center;}
@media(max-width:1280px) {
.index-creative .index-tit h3{ font-size: 24px; line-height:40px;}
}
@media(max-width:992px) {
.index-creative .index-tit h3{ font-size: 22px; line-height:36px;}
}
@media(max-width:768px) {
.index-creative .index-tit h3{ font-size: 20px; line-height:32px;}
.index-creative .v-b {margin-top: 30px; }
.index-creative .v-b, .index-creative .video-button {width: 50px;height: 50px; }
}
@media(max-width:540px) { 
.index-creative .video-txt{margin-top: 20px; }
.index-creative .index-tit h3{ font-size: 18px; line-height:30px;}
.index-creative .v-b {margin-top: 20px; }
}
@media(max-width:425px) {
.index-creative .e-t {margin-bottom: 20px; }
.index-creative .v-b {margin-top: 20px; }
}


.culture-page1 .content .item{margin-bottom:45px;}
.culture-page1 .content:last-child .item{margin-bottom:0px;}
.culture-page1 .content .item .left { width: 50%; float: left;}
.culture-page1 .content .item .right .box .c{ font-size: 16px; line-height:32px; color:#666; overflow:hidden; }
.culture-page1 .content .item .right .box .t{  margin-top: 20px;color:#cc0000;}
.culture-page1 .content .item .right { width: 50%; float: left; background-color: #fafafa; padding:50px 60px;}
.culture-page1 .content .item .right .title { margin-bottom: 30px;}
.culture-page1 .content .item .right .title h3{font-size: 30px; line-height: 40px; color:#cc0000; font-weight: bold;}
.culture-page1 .content .item .right .title .img{ width: 80px; margin-right: 5px;}
.culture-page1 .content .item .right .box { min-height: 330px;}
.culture-page1 .content:last-child .item .left {float: right;}
.culture-page2 { background: url('../images/culturebg.jpg') no-repeat center; -o-background-size: cover;background-size: cover; }
.culture-page2 .box { margin-top:20px; margin-bottom:20px; background: #fff; padding: 50px 40px;box-shadow: 0 0 20px 10px rgba(203, 203, 203, .35);}
.culture-page2 .box .t{font-size: 30px; font-weight: bold; margin-bottom: 20px; padding-bottom: 30px; position: relative; }
.culture-page2 .box .t:after{ position: absolute; left: 0; bottom: 5px; height: 4px; background: #cf010b; content: ""; width: 40px;}
.culture-page2 .box .c{ font-size: 16px; line-height:32px; min-height: 126px; color:#666; overflow:hidden; }
@media ( max-width:1499px) {
.culture-page1 .content .item .right { padding:40px 40px;}
}
@media ( max-width:1479px) {
.culture-page1 .content .item .right .title { margin-bottom: 10px;}
.culture-page2 .box .t{font-size: 28px; }
.culture-page1 .content .item .right .box { min-height: 320px;}
.culture-page2 .box { padding: 40px 40px;}
}
@media ( max-width:1440px) {
.culture-page2 .box .c{ line-height:30px; min-height: 146px;}
}
@media ( max-width:1439px) {
.culture-page1 .content .item .right { padding:34px 30px;}
.culture-page1 .content .item .right .title h3{font-size: 26px; }
}
@media ( max-width:1366px) {
.culture-page1 .content .item .right .box { min-height: 300px;}
.culture-page2 .box .t{font-size: 26px; font-weight: bold; margin-bottom: 20px; padding-bottom: 25px;}
}
@media ( max-width:1299px) {
.culture-page1 .content .item .right .box { min-height: 290px;}
.culture-page1 .content .item .right .box .t{  margin-top: 10px;}
}
@media ( max-width:1280px) {
.culture-page1 .content .item .right { padding:24px 30px;}
.culture-page1 .content .item .right .title h3{font-size: 24px; line-height: 32px; }
.culture-page2 .box .t{font-size: 24px; }
}
@media ( max-width:1200px) {
.culture-page1 .content .item .right { padding:20px 20px;}
.culture-page2 .box { padding: 30px 25px;}
.culture-page2 .box .t{ margin-bottom: 15px; padding-bottom: 20px;}
.culture-page1 .content .item .right .box { min-height: 300px;}
}
@media ( max-width:1199px) {
.culture-page1 .content .item .right .box { min-height: 285px;}
}
@media ( max-width:1179px) {
.culture-page1 .content .item .right .title .img{ width: 0px; display: none;}
.culture-page1 .content .item .right .box { min-height: 255px;}
}
@media ( max-width:1080px) {
.culture-page1 .content .item .right { padding:15px 20px;}
.culture-page1 .content .item .right .title h3{font-size: 22px; line-height: 30px; }
.culture-page1 .content .item .right .box { min-height: 230px;}
.culture-page1 .content .item .right .box .c{ line-height:27px; }
.culture-page2 .box { padding: 30px 35px;}
.culture-page2 .box .t{font-size: 20px;  padding-bottom: 15px; margin-bottom: 10px;}
.culture-page2 .box .c{ line-height:30px; min-height: 166px; }
}
@media ( max-width:1020px) {
.culture-page2 .box { padding: 25px 25px;}
.culture-page1 .content .item .right .title h3{font-size: 20px;}
.culture-page1 .content .item .right .box { min-height: 225px;}
}
@media ( max-width:992px) {
.culture-page1 .content .item .left { width: 100%; float: none;}
.culture-page1 .content .item .right { width: 100%; float: none; padding:28px 20px;}
.culture-page1 .content:last-child .item .left {float: none;}
.culture-page1 .content .item .right .box { min-height: 175px;}
}
@media ( max-width:950px) {
.culture-page1 .content .item .right { padding:13px 15px;}
.culture-page1 .content .item .right .box .c{line-height:27px;}
.culture-page1 .content .item .right .box .t{font-size: 20px;}
.culture-page1 .content .item .right .title h3{font-size: 20px; }
}
@media ( max-width:900px) {
.culture-page2 .box { padding: 23px 20px;}
.culture-page2 .box .t{font-size: 18px; }
.culture-page2 .box .c{  min-height: 190px; }
.culture-page1 .content .item .right { padding:37px 33px;}
}
@media ( max-width:860px) {
.culture-page2 .box { padding: 20px 20px;}

}
@media ( max-width:850px) {
.culture-page1 .content .item .right { padding:25px 25px;}
.culture-page1 .content .item .right .box .t{  margin-bottom: 10px; }

}
@media ( max-width:820px) {
.culture-page1 .content .item .right { padding:20px 20px;}
}
@media ( max-width:768px) {
.culture-page1 .content .item .right .title { margin-bottom: 20px;}
.culture-page1 .content .item .right .box .t{font-size: 18px;  }
.culture-page1 .content .item .right .box .c{  line-height:28px; }
.culture-page1 .content .item .right .title p{ font-size: 15px;}
.culture-page1 .content .item .right .title .img{width: 70px; margin-right: 0px;}
.culture-page1 .content:last-child .item .left {float: none;}
.culture-page1 .content .item .right .box { min-height: 245px;}
.culture-page2 .box .t{font-size:18px; min-height: 60px; margin-bottom: 5px; }
.culture-page2 .box {margin-top:10px; margin-bottom: 10px;}
.culture-page2 .box .t:after{ width: 30px;}
}
@media ( max-width:720px) {
.culture-page2 .box { padding: 25px 25px;}
}
@media ( max-width:500px) {
.culture-page2 .col-xs-6{width: 100%;}
.culture-page2 .box .c{ line-height:30px; min-height: 96px; }
}
@media ( max-width:468px) {
.culture-page1 .content .item .right .title { margin-bottom: 10px;}
.culture-page1 .content .item .right .box .t { margin-top: 10px;}
.culture-page2 .box { padding: 25px 20px;}
.culture-page2 .box .c{ min-height: 110px;line-height:28px; }
}
@media ( max-width:368px) {
.culture-page2 .box { padding: 20px 20px;}
.culture-page2 .box .c{ min-height: 90px;}
}
.dib_fz{letter-spacing:0px; word-spacing:0px; font-size:0;}

.i_zgs{width:100%;}
.izgsc{width:100%; }
.i_zgs_li{ display: inline-block;  vertical-align:top; width:17.95%; min-height:505px; max-height:505px;position:relative; cursor:pointer; transition:all .4s ease 0s; overflow:hidden;}
.i_zgs_li .i_zgstit,.i_zgs_li .i_zgsmc,.i_zgs_li span{ display:none;}
.js_wzgs{width:45%;}
.js_wzgs .i_zgstit,.js_wzgs .i_zgsmc,.js_wzgs span{ display:block;}
.js_wzgs .i_zgstit{  position:absolute;width: 100%; height: 100%; bottom:0; left:0px; padding-top: 15%; background: rgba(207, 1, 11, 0.82); text-align: center; z-index:3; transition:all .4s ease 0s;}
.js_wzgs .i_zgstit .i_zgsimg{width:100%; height:auto; line-height:0; overflow:hidden;}
.js_wzgs .i_zgstit .i_zgsimg img{width:46%; height:auto; max-height:128px;}
.js_wzgs .i_zgstit .i_zgsjs{width:80%; margin: 0 auto; font-size:30px; font-weight: bold; line-height:36px; color:#fff; padding-top:35px; text-align:Justify;}
.js_wzgs .i_zgstit .i_zgsjs p {line-height:35px; font-size:16px; font-weight: normal; margin-top: 12px;}
.js_wzgs .i_zgsmc{width:100%; position:absolute; bottom:0; left:0; z-index:5;font-size:30px; font-weight: bold;  color:#fff;}
.js_wzgs .i_zgsmc p{ font-size:14px; text-transform:uppercase; color:#fff;}
.i_zgs_li .i_qhan{ height:25px; line-height:25px; font-size:30px; font-weight: bold; color:#FFFFFF; width: 100%; position:absolute; bottom:45%; left:0px; text-align:center;}
.i_zgs_li .i_qhan p{line-height:35px; font-size:16px; font-weight: normal;}
.i_zgs_li.js_wzgs .i_qhan{ display: none;}
@media (max-width:1520px){
.js_wzgs .i_zgstit .i_zgsjs{ font-size:26px;}
.i_zgs_li .i_qhan{font-size:26px;}
}
@media (max-width:1440px){
.js_wzgs .i_zgstit .i_zgsjs{ font-size:24px;}
.i_zgs_li .i_qhan{ font-size:24px;}
.js_wzgs .i_zgstit .i_zgsjs p { line-height: 30px;}
.i_zgs_li .i_qhan p{line-height:30px;}
}
@media (max-width:1366px){
.js_wzgs .i_zgstit .i_zgsjs{ font-size:22px;}
.i_zgs_li .i_qhan{ font-size:22px;}
}
@media (max-width:1280px){
.i_zgs_li{  min-height:500px; max-height:500px;}
.js_wzgs .i_zgstit{ font-size:20px;}
.js_wzgs .i_zgstit .i_zgsjs{ font-size:20px;}
.i_zgs_li .i_qhan{ font-size:20px;width: 85%;}
}
@media (max-width:992px){
.js_wzgs .i_zgstit{font-size:18px; padding-top: 3%;}
.js_wzgs .i_zgstit .i_zgsjs{ font-size:18px;}
.i_zgs_li .i_qhan{font-size:18px;}
.js_wzgs .i_zgstit .i_zgsjs {width: 90%;padding-top: 25px;}
.js_wzgs .i_zgstit .i_zgsjs p { line-height: 26px; font-size: 15px; margin-top: 7px;}
.i_zgs_li .i_qhan p{line-height:26px;}
}
@media (max-width:768px){
.i_zgs_li{  min-height:350px; max-height:350px;}
.js_wzgs{width:50%;}
.i_zgs_li{ width:50%;}
}
@media (max-width:500px){
.i_zgs_li{ width:100%;min-height:300px; max-height:300px; }
.i_zgs_li .i_qhan{ width: 100%;}
.js_wzgs .i_zgstit{ padding-top: 5%;}
}
@media (max-width:400px){
.i_zgs_li{  min-height:250px; max-height:250px; }
.js_wzgs .i_zgstit{ padding-top: 1%;}
.js_wzgs .i_zgstit .i_zgsjs{ font-size:17px;width:90%; line-height:30px;padding-top:15px; }
.js_wzgs .i_zgstit .i_zgsjs p {margin-top: 7px;}
.i_zgs_li .i_qhan{ font-size:17px;left:15px; }
.i_zgs_li .i_qhan p{ font-size:15px; }
}
.honorpage { background: url('../images/honorpage.png') no-repeat; background-size:100% 100%; }
.honorpage ul { margin-top: 20px;}
.honorpage ul li{ padding: 0 10px 80px;}
.honorpage ul li img{width: 100%;}
.honorpage ul li p{ text-align: center; line-height:50px; font-size: 18px;}
.honorpage .swiper-container-honor { padding-bottom: 80px;}
.honorpage .swiper-container-horizontal>.swiper-pagination-bullets { bottom: 25PX;}
.honorpage .swiper-pagination-bullet{opacity:1; text-align:left; width: 12px; height:12px; line-height:12px;background:none; position:relative; border-radius: 100%; }
.honorpage .swiper-pagination-bullet-active:after{width:12px; transition: width 7.3s ease-out 0s;}
.honorpage .swiper-container-horizontal > .swiper-pagination-bullets,.honorpage .swiper-pagination-custom,.honorpage .swiper-pagination-fraction{width:100%; left: 0; bottom:20px;}
.honorpage .swiper-pagination span {width: 12px;height: 12px;opacity: .86; background:#dcdcdc;position: relative;}
.honorpage .swiper-pagination span.swiper-pagination-bullet-active {opacity: 1;width: 12px;height:12px;border-radius: 10px;background:#cf010b;opacity: .96;}
@media (max-width:1440px){
.honorpage ul li{ padding: 0 10px 60px;}
}
@media (max-width:1366px){
.honorpage ul li{ padding: 0 10px 40px;}
}
@media (max-width:400px){
.honorpage ul li{ padding: 0 10px 30px;}
}
@media (max-width:360px){
.honorpage .swiper-container-honor { padding-bottom: 40px;}
.honorpage ul li{ padding: 0 10px 20px;}
}

.products_list li { margin-bottom: 40px;}
.products_list .product_div { background-color: #f8f8f8; border-radius: 10px; box-shadow: 0px 0px 7px 0px rgba(177, 174, 174, 0.35); overflow: hidden; }
.products_list .product_div .overh{ text-align: center;}
.products_list .product_div img { margin: 0 auto; text-align: center; width:100%;}
.products_list .product_title {font-size:24px; font-weight: bold; color: #333; text-transform: uppercase; line-height: 40px; margin-bottom: 20px; padding: 20px 20px 15px; text-align: center; position: relative;}
.products_list .product_title:after{ position: absolute; left: 41%; bottom: 0px; background-color:#cf010b; content: ""; width: 52px; height: 4px; }
.products_list .product_div .zhas { padding: 0 30px; font-size: 16px;color: #666; font-weight: normal; text-align: center; margin-bottom: 40px; line-height:27px; display: -webkit-box; -webkit-box-orient: vertical; text-overflow: ellipsis; -webkit-line-clamp: 2; overflow: hidden;}
.products_list li:hover .product_div { background-color: #cf010b; }
.products_list li:hover .product_title a { color: #fff;}
.products_list li:hover .product_title:after{ background-color:#fff; }
.products_list li:hover .product_div .zhas {color: #fff;} 
@media (max-width: 1440px){
.products_list li { margin-bottom: 35px;}
.products_list .product_title {font-size: 22px;}
.products_list .product_div .zhas { padding: 0 20px;  }
}
@media (max-width: 1200px){
.products_list li { margin-bottom: 25px;}
.products_list .product_title {font-size: 20px;}
.products_list .product_title:after{ width: 36px; }
.products_list .product_div .zhas { padding: 0 10px; }
}
@media (max-width: 992px){
.products_list .product_title:after{ left: 45%; }
.products_list .product_div .zhas { padding: 0 10px; -webkit-line-clamp: 1; overflow: hidden;}
}
@media (max-width: 768px){
.products_list .product_div img { width: 100%; }
.products_list .product_title {font-size: 18px; line-height: 33px; padding: 15px 5px 15px;margin-bottom: 15px;}
.products_list .product_title:after{ width: 30px; }
.products_list .product_div .zhas { margin-bottom: 15px;line-height: 26px;}
}
@media (max-width: 568px){
.products_list .product_title:after{ width: 30px; }
.products_list .product_div .zhas { padding: 0 5px; -webkit-line-clamp: 2; overflow: hidden;}
}
@media (max-width: 468px){
.products_list .col-xs-6{ width: 100%;}
}
.products_show .pro-t h1 {font-size: 36px; font-weight: bold; color: #333333; }
.products_show .param {padding:20px 0 0px;font-size: 16px; color: #666; }
.products_show .param p { line-height: 30px;}
.products_show table { background-color: #eceff4; border: 0px;color:#444;}
.products_show table tr{line-height: 55px;}
.products_show table tr:first-child { background-color: #cf010b; color: #fff;}
.products_show table tr:nth-child(2n){ background-color: #fff;}
.products_show table tr td{ padding-left: 20px; border: 0px;color: #333;}
.products_show table tr:first-child td{color: #fff; }
.products_show .pro-c { padding-top: 30px;}
.products_show .pro-c p{ font-size: 16px; color: #333333; line-height: 30px; }
.products_show .pro-c img{ max-width: 100%;}
.products_show .pro-img{ padding-left: 40px; }
.products_show .pro-img img{ max-width: 100%; border-radius: 20px;}
.products_show1{ background: #f7f7f7; }
.products_show1 .swiper-container-show-pro { padding-bottom: 80px;}
.products_show1 .column {padding: 0; margin-bottom: 10px;position: relative;}
.products_show1 a {display: block;}
.products_show1 .suspen {position: absolute;bottom: 0;left: 0;width: 100%;padding: 20px 35px;
background: -moz-linear-gradient(top, rgba(207, 52, 60, 0) 0%, #cf010b 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #cf010b));
background: -webkit-linear-gradient(top, rgba(207, 52, 60, 0) 0%, #cf010b 100%);
background: -o-linear-gradient(top, rgba(207, 52, 60, 0) 0%, #cf010b 100%);
background: -ms-linear-gradient(top, rgba(207, 52, 60, 0) 0%, #cf010b 100%);
background: linear-gradient(to bottom, rgba(207, 52, 60, 0) 0%, #cf010b 98%);}
.products_show1 .h1 {font-size: 24px;color: #ffffff;line-height: 24px; }
.products_show1 .pro_info_1_3{font-size:36px; font-weight: bold; padding-bottom: 25px; display:block;color:#333; border-bottom: 1px solid #e5e5e5;overflow:hidden}
.products_show1 .pro_info_3{margin-top: 40px;}
.products_show1 .swiper-container-right-pro { padding-bottom: 40px;}
.products_show1 .swiper-container-horizontal>.swiper-pagination-bullets { bottom: 0px;}
.products_show1 .swiper-pagination-bullet{opacity:1; text-align:left; width: 12px; height:12px; line-height:12px;background:none; position:relative; border-radius: 100%; }
.products_show1 .swiper-pagination-bullet-active:after{width:12px; transition: width 7.3s ease-out 0s;}
.products_show1 .swiper-container-horizontal > .swiper-pagination-bullets, .honorpage .swiper-pagination-fraction{width:100%; left: 0; bottom:20px;}
.products_show1 .swiper-pagination span {width: 12px;height: 12px;opacity: .86; background:#dcdcdc;position: relative;}
.products_show1 .swiper-pagination span.swiper-pagination-bullet-active {opacity: 1;width: 12px;height:12px;border-radius: 10px;background:#cf010b;opacity: .96;}
@media only screen and (max-width: 1440px) {
.products_show1 .pro_info_1_3{font-size:32px; }
}
@media only screen and (max-width: 1366px) {
.products_show1 .suspen {padding: 15px 25px;}
.products_show1 .h1 {font-size: 18px; margin-bottom: 0px;}
.products_show .pro-img{ padding-left: 30px; }
.products_show1 .pro_info_1_3{font-size:30px; padding-bottom: 20px;}
.products_show1 .pro_info_3{margin-top: 30px;}
}
@media only screen and (max-width: 1280px) {
.products_show1 .pro_info_1_3{font-size:26px; }
}
@media only screen and (max-width: 1024px) {
.products_show1 .pro_info_1_3{font-size:24px; padding-bottom: 25px; }
.products_show1 .pro_info_3{margin-top: 25px;}
.products_show table tr td{ padding-left: 5px; }
.products_show table tr{line-height:45px;}
}
@media only screen and (max-width: 767px) {
.products_show1 li{ margin-bottom: 20px;}
.products_show1 .suspen {padding: 15px;}
.products_show .pro-c { padding-top: 20px; margin-bottom: 20px;}
.products_show .pro-img{ padding-left: 0px; }
.products_show1 .pro_info_1_3{font-size:22px; }
.products_show table tr{line-height: 45px;}
}
@media only screen and (max-width: 467px) {
.products_show1 .pro_info_1_3{font-size:20px; }
.products_show1 .swiper-container-show-pro { padding-bottom: 40px;}
.products_show table tr{line-height: 40px;}
}
.quality-page1 .content .item{margin-bottom:45px;}
.quality-page1 .content .item .left { width: 50%; float: left;}
.quality-page1 .content .item .left img{ width: 100%;}
.quality-page1 .content .item .right .box .c{ font-size: 16px; line-height:30px; color:#666; overflow:hidden; }
.quality-page1 .content .item .right .box .t{ color:#cc0000;}
.quality-page1 .content .item .right { width: 50%; float: left; background-color: #fafafa; padding:70px 65px;}
.quality-page1 .content .item .right .title { margin-bottom: 10px;}
.quality-page1 .content .item .right .title h3{font-size: 30px; line-height: 40px; color:#cc0000; font-weight: bold;}
.quality-page1 .content .item .right .box { min-height:360px;}
.quality-page1 .quality-list ul{ min-height: 90px; padding: 20px 0; line-height: 50px; margin-bottom: 20px;color: #666; background: #f6f6f6;}
.quality-page1 .quality-list ul li{ float: left; width: 10%; padding-left:1%; }
.quality-page1 .quality-list ul li:nth-child(2){ display: none;}
.quality-page1 .quality-list ul li:nth-child(3){ float: left; width: 11%;}
.quality-page1 .quality-list ul li:nth-child(4){ float: left; width: 68%;}
.quality-page1 .quality-list ul li:nth-child(5){ float: left; width: 11%;}
.quality-page1 .quality-list ul:first-child{color: #fff;background: #cf010b;}
.quality-page1 .swiper-pagination-bullet{opacity:1; text-align:left; width: 12px; height:12px; line-height:12px;background:none; position:relative; border-radius: 100%; }
.quality-page1 .swiper-pagination-bullet-active:after{width:12px; transition: width 7.3s ease-out 0s;}
.quality-page1 .swiper-container-horizontal > .swiper-pagination-bullets, .honorpage .swiper-pagination-fraction{width:30%; left:67%; bottom:7%;}
.quality-page1 .swiper-pagination span {width: 12px;height: 12px;opacity: .86; background:#dcdcdc;position: relative;}
.quality-page1 .swiper-pagination span.swiper-pagination-bullet-active {opacity: 1;width: 12px;height:12px;border-radius: 10px;background:#cf010b;opacity: .96;}
@media ( max-width:1500px) {
.quality-page1 .content .item .right .title h3{font-size: 28px; }
}
@media ( max-width:1499px) {
.quality-page1 .content .item .right .box { min-height:340px;}
}
@media ( max-width:1479px) {
.products_show .pro-t h1 {font-size: 34px;}
.quality-page1 .content .item .right .box { min-height: 324px;}
.quality-page1 .content .item .right .title h3{font-size: 27px;}
.quality-page1 .quality-list ul li{ width: 13%; }
.quality-page1 .quality-list ul li:nth-child(3){ width: 11%;}
.quality-page1 .quality-list ul li:nth-child(4){ width: 65%;}
.quality-page1 .quality-list ul li:nth-child(5){ width: 11%;}
}
@media ( max-width:1439px) {
.quality-page1 .content .item .right { padding: 63px 60px;}
.quality-page1 .content .item .right .title h3{font-size: 26px; line-height: 38px;}
.quality-page1 .content .item .right .box .c{ line-height:28px; }
}
@media ( max-width:1366px) {
.products_show .pro-t h1 {font-size: 32px;}
.quality-page1 .content .item .right .title { margin-bottom:5px;}
.quality-page1 .content .item .right .title h3{font-size: 24px; }
.quality-page1 .content .item .right .box { min-height: 342px;}
.quality-page1 .quality-list ul{ min-height: 80px; padding: 20px 0; line-height: 40px;}
}
@media ( max-width:1365px) {
.quality-page1 .content .item .right .box { min-height: 322px;}
}
@media ( max-width:1300px) {
.products_show .pro-t h1 {font-size: 30px;}
.quality-page1 .content .item .right { padding:54px 50px;}
.quality-page1 .content .item .right .box { min-height: 230px;}
.quality-page1 .content .item .right .title h3{font-size: 22px; }
.quality-page1 .content .item .right .box { min-height: 321px;}
}
@media ( max-width:1280px) {
.products_show .pro-t h1 {font-size: 28px;}
.quality-page1 .content .item .right {padding:36px 35px;}
}
@media ( max-width:1200px) {
.products_show .pro-t h1 {font-size:26px;}
.quality-page1 .content .item .left { width: 100%; float: none;}
.quality-page1 .content .item .right { width: 100%; float: none; padding: 54px 50px;}
.quality-page1 .content .item .right .box { min-height: 200px;}
.quality-page1 .content .item .right .title h3{ line-height: 30px; }
.quality-page1 .quality-list ul li:nth-child(3){ width: 13%;}
.quality-page1 .quality-list ul li:nth-child(4){ width: 68%;}
.quality-page1 .quality-list ul li:nth-child(5){ width: 13%;}
}
@media ( max-width:1180px) {
.products_show .pro-t h1 {font-size:24px;}
.quality-page1 .content .item .right { padding:20px 35px;}
}
@media ( max-width:1100px) {
.products_show .pro-t h1 {font-size: 22px;}
.quality-page1 .content .item .right { padding:27px 20px;}
.quality-page1 .content .item .right .title h3{font-size: 22px; margin-bottom:20px;}
.quality-page1 .content .item .right .box .c{ line-height:30px; }
}
@media ( max-width:1080px) {
.quality-page1 .content .item .right { padding:42px 40px;}
.quality-page1 .content .item .right .box .t{  margin-top: 0px;}
.quality-page1 .content .item .right .title { margin-bottom:10px;}
.quality-page1 .content .item .right .title h3{font-size: 20px; margin-bottom:10px;}
.quality-page1 .content .item .right .title p{ font-size: 15px;}
.quality-page1 .quality-list ul li:first-child{ width: 0px; display: none; }
.quality-page1 .quality-list ul li:nth-child(3){ width: 16%;}
.quality-page1 .quality-list ul li:nth-child(4){ width: 70%;}
.quality-page1 .quality-list ul li:nth-child(5){ width: 14%;}
}
@media ( max-width:1079px) {
.quality-page1 .content .item .right { padding:20px 20px;}
}
@media ( max-width:1050px) {
.products_show .pro-t h1 {font-size: 20px;}
.quality-page1 .content .item .right .box { min-height: 222px;}
.quality-page1 .quality-list ul li:nth-child(4){ display: -webkit-box; -webkit-box-orient: vertical; text-overflow: ellipsis; -webkit-line-clamp: 1; overflow: hidden;}
}
@media ( max-width:1024px) {
.quality-page1 .quality-list ul li:nth-child(3){ width: 16%;}
.quality-page1 .quality-list ul li:nth-child(4){ width: 84%;}
.quality-page1 .quality-list ul li:nth-child(5){ width: 0; display: none;}
}
@media ( max-width:992px) {
.quality-page1 .content .item .right .box { min-height: 205px;}
.quality-page1 .content .item .right .box .c{ line-height:28px; }
}
@media ( max-width:950px) {
.quality-page1 .content .item .right { padding:20px 15px;}
.quality-page1 .content .item .right .box .c{line-height:27px;}
.quality-page1 .content .item .right .box .t{font-size: 20px;}
.quality-page1 .content .item .right .title h3{font-size: 20px; }
.quality-page1 .swiper-container-horizontal > .swiper-pagination-bullets, .honorpage .swiper-pagination-fraction{width:100%; left:0;}
}
@media ( max-width:920px) {
.quality-page1 .content .item .left { width: 100%; }
.quality-page1 .content .item .right { width: 100%; }
}
@media ( max-width:900px) {
.quality-page1 .content .item .left img{ width: 105%;}
.quality-page1 .content .item .right { padding:20px 15px;}
}
@media ( max-width:850px) {
.quality-page1 .content .item .right { padding:25px 25px;}
.quality-page1 .content .item .right .box .t{  margin-bottom: 10px; }
}
@media ( max-width:820px) {
.quality-page1 .content .item .right { padding:20px 20px;}
.quality-page1 .quality-list ul li:nth-child(3){ width: 18%;}
.quality-page1 .quality-list ul li:nth-child(4){ width: 82%;}
}
@media ( max-width:768px) {
.quality-page1 .content .item .left { width: 100%; float: none;}
.quality-page1 .content .item .right .box .t{font-size: 18px;  }
.quality-page1 .content .item .right .box .c{  line-height:28px; }
.quality-page1 .content .item .right { width: 100%; float: none;}
.quality-page1 .content .item .right .box { min-height: 245px;}
.quality-page1 .quality-list ul{ min-height: 70px; padding: 20px 0; line-height: 30px;}
.quality-page1 .quality-list ul li:nth-child(3){ width:20%;}
.quality-page1 .quality-list ul li:nth-child(4){ width: 80%;}
}
@media ( max-width:668px) {
.quality-page1 .quality-list ul li:nth-child(3){ width:26%;}
.quality-page1 .quality-list ul li:nth-child(4){ width:74%;}
}
@media ( max-width:568px) {
.quality-page1 .quality-list ul li:nth-child(3){ width:28%;}
.quality-page1 .quality-list ul li:nth-child(4){ width:72%;}
}
@media ( max-width:468px) {
.quality-page1 .quality-list ul{ min-height:60px; padding: 15px 0; line-height: 30px;}
.quality-page1 .quality-list ul li { font-size: 15px;}
.quality-page1 .quality-list ul li:nth-child(3){ width:30%;}
.quality-page1 .quality-list ul li:nth-child(4){ width:70%;}
}
@media ( max-width:428px) {
.quality-page1 .quality-list ul li:nth-child(3){ width:32%;}
.quality-page1 .quality-list ul li:nth-child(4){ width:68%;}
}
@media ( max-width:400px) {
.quality-page1 .quality-list ul li:nth-child(3){ width:0px; display: none;}
.quality-page1 .quality-list ul li:nth-child(4){ width:100%;}
}
.process-page1 .img{ text-align: center;}
.process-page1 .img img{ max-width: 100%;}
.process-page2{ background: #f8f8f8;}
.process-swiper .tit{ font-size: 20px; color: #333;line-height: 36px; margin-top: 20px; text-align: center; }
.process {overflow: hidden;width: 100%;height: 100%;}
.process-swiper {padding-bottom: 100px;}
.process-swiper .img-block { max-width: 100%;}
.process-progressbar {top:auto!important;right: auto;left: 0; bottom: 0;background: #eeeeee;width:100%!important;height: 2px!important;}
.process-progressbar .swiper-pagination-progressbar-fill {background: #cf010b!important;height: 4px!important;}
.process-progressbar .swiper-scrollbar-drag {height: 100%; width: 20%!important;position: relative;background: rgba(215, 34, 34, .85);border-radius: 10px;left: 0;top: 0}
.capability-page{ margin-top: 40px;}
.capability-page .tit{ font-size: 20px; color: #333;line-height: 36px; margin-top: 20px; text-align: center; overflow: hidden;  display: -webkit-box; -webkit-box-orient: vertical; text-overflow: ellipsis; -webkit-line-clamp: 1;}
.capability-page ul li{ margin-bottom: 25px;}

@media (max-width:1440px){
.process-swiper {padding-bottom:80px;}
}
@media (max-width:1280px){
.process-swiper {padding-bottom:60px;}
.process-swiper .tit{ font-size: 18px; line-height: 30px;}
.capability-page .tit{ font-size: 18px; margin-top:15px;line-height: 32px;}
}
@media (max-width:768px){
.process-swiper {padding-bottom:40px;}
.capability-page{ margin-top: 20px;}
.capability-page ul li{ margin-bottom: 20px;}
}
@media (max-width:567px){
.process-swiper .tit { margin-top: 10px;font-size: 16px; line-height: 28px;}
.capability-page ul li{ margin-bottom: 15px;}
.capability-page .tit{ font-size: 16px;margin-top:10px;line-height: 30px; display: -webkit-box; -webkit-box-orient: vertical; text-overflow: ellipsis; -webkit-line-clamp: 1; overflow: hidden;}
}

.management-page1 .list{ margin-top: 40px;margin-bottom: 50px;}
.management-page1 .list>ul {display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-flex-wrap: wrap;-ms-flex-wrap: wrap;flex-wrap: wrap;list-style: none;margin: 0 -10px -20px;padding: 0}
.management-page1 .list>ul>li {margin-bottom: 20px;padding: 0 15px;width: 25%;}
.management-page1 .list>ul>li .item {background-color:#f5f5f5; border-radius:5px;height: 100%;padding: 50px 30px 80px;-webkit-transition: all .5s;transition: all .5s}
.management-page1 .list>ul>li .item .icon {height: 90px; line-height: 90px; margin: 0 auto;width: 90px;background-color:#cf010b;border: 1px solid #cf010b;border-radius: 100%; text-align: center; margin: 0 auto; } 
.management-page1 .list>ul>li .item .des {color: #666666; font-size: 16px; line-height: 1.8;margin-top: 30px;min-height:142px;text-align: center;-moz-text-align-last: center;text-align-last: center}
.management-page1 .list>ul>li .item .management-tit {font-size:24px; color: #333; font-weight: bold; text-align: center; margin-top: 25px; margin-bottom: 25px;}
.management-page1 .list>ul>li .item:hover { box-shadow:0 .8rem .8rem 0 rgba(0,0,0,.1);-webkit-transform: translateY(-15px);-ms-transform: translateY(-15px);transform: translateY(-15px);}

@media (max-width: 1366px) {
.management-page1 .list>ul>li .item .management-tit {font-size:22px; margin-top: 20px; margin-bottom: 20px;}
}
@media (max-width: 1280px) {
.management-page1 .list>ul>li .item { padding: 40px 20px 60px; }
.management-page1 .list>ul>li .item .management-tit{font-size:20px; margin-top: 15px; margin-bottom: 15px;}
.management-page1 .list>ul>li .item .des {margin-top: 25px;}
}
@media (max-width: 992px) {
.management-page1 .list>ul>li {margin-bottom: 20px;padding: 0 10px;width: 50%;}
.management-page1 .list>ul>li .item { padding: 30px 10px 30px; }
.management-page1 .list>ul>li .item .management-tit{font-size:18px; }
.management-page1 .list>ul>li .item .des { margin-top: 20px;}
}
@media (max-width: 568px){
.management-page1 .list>ul>li { width: 100%;}
.management-page1 .list>ul>li .item .management-tit{font-size:18px;}
} 
@media (max-width: 368px){
.management-page1 .list>ul>li { width: 100%;}
}
.news-list .column {transition: all .3s;}
.news-list a {align-items: flex-start;padding: 46px 0;border-bottom: 1px solid #eeeeee;}
.news-list .column:first-child a {border-top: 1px solid #eeeeee;}
.news-list .date { padding: 20px 0px 0;color: #999;}
.news-list .img {width: 380px;}
.news-list .img img{ width: 100%;}
.news-list .text-box {width:60%;padding: 0px 45px 0 45px;}
.news-list .h1 {font-size: 20px;color: #222222; font-weight: bold; line-height: 36px;margin-bottom: 10px; margin-top: 0px; transition: all .3s;}
.news-list .text {font-size: 16px;color: #666;line-height: 30px;transition: all .3s; text-overflow: ellipsis;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.news-list .newsmore { color: #cC0000;line-height: 1;text-decoration: underline;margin-top: 6%;transition: all .3s;}
.news-list .column:hover {background-color: #f2f2f2;}
.news-list .column:hover .date {color: #999;}
.news-list .column:hover .h1 {color: #cf010b;}
.news-list .column:hover .text {color: #666;}
.news-list .column:hover .newsmore {color: #ffffff;}
.news-list a:hover { border-bottom: 1px solid #f2f2f2;}

.more2 { height:52px;display: block;font-size: 16px;line-height: 50px;color: #666; width: 170px; padding: 0 20px 0 0px; position: relative;}
.more2::before {content: attr(data-text);display: block;position: absolute;left:0px;top: 0;width: 100%;height: 100%;transition: transform 0.3s, opacity 0.3s;transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);}
.more2 span {transform: translateY(-12px);filter: alpha(opacity=0);opacity: 0;display: inline-block;
    vertical-align: middle;transition: transform 0.3s, opacity 0.3s;transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);}
.more2 i{display: block;width:30px;height: 8px;background: url('../images/newmore4.png') no-repeat center right;background-size: cover;float: right;margin-top: 20px;}
.more2::before span { margin-right: 0px; color: #fff;}

.column:hover .more2{ color: #cf010b;line-height: 50px;}
.column:hover .more2 i{ background: url('../images/newmore5_h.png') no-repeat center right;}
.column:hover .more2 span:nth-child(1) {color: #cf010b; transform: translateY(-2px);filter: alpha(opacity=100);opacity: 1;transition-delay: 0.045s;line-height: 50px;}
.column:hover .more2 span:nth-child(2) {color: #cf010b; transform: translateY(-2px);filter: alpha(opacity=100);opacity: 1;transition-delay: 0.09s;line-height: 50px;}
.column:hover .more2 span:nth-child(3) {color: #cf010b; transform: translateY(-2px);filter: alpha(opacity=100);opacity: 1;transition-delay: 0.135s;line-height: 50px;}
.column:hover .more2 span:nth-child(4) {color: #cf010b; transform: translateY(-2px);filter: alpha(opacity=100);opacity: 1;transition-delay: 0.18s;line-height: 50px;}
.column:hover .more2::before {transform: translateY(0px);filter: alpha(opacity=0);opacity: 0;}


.left-share { width: 100%;}
.left-share .wechat { position: relative;}
.left-share .wechat:hover .vx { display: block;}
.left-share .wechat .vx::after { content: ''; position: absolute; right:0; margin-right: -12px; bottom: 40%; width: 0; height: 0; border-width: 8px 6px 6px 6px; border-style: solid; border-color:  transparent #fff transparent transparent}
.left-share .wechat .vx { position: absolute; top: 0px; width: 140px; height: 152px; text-align: center; box-shadow: 0 2px 10px #aaa; background-color: #fff; z-index: 999; right: 105px; display: none;}
.left-share .wechat .vx h4 { font-weight: normal; height: 30px; line-height: 30px; font-size: 12px; background-color: #f3f3f3; margin: 0; padding: 0; color: #777;}
.left-share .wechat .vx .help p { font-weight: normal; line-height: 16px; padding: 0; margin: 0; font-size: 12px; color: #333;}
.left-share .wechat .vx .vx-img img { width: 80px; height: 80px; margin: 10px auto; display: block;}
.left-share .share-item { width: 60px; height: 60px; line-height: 60px; margin-bottom:8px; background-color: #f3f3f3;}
.left-share .share-item .img{width: 60px; height: 60px; line-height: 60px; border-radius: 5px; margin-bottom:4px; text-align: center; background-color: #f3f3f3;}
.newsshow .content { padding-right: 40px;}
.newsshow .content .param-t{font-size: 30px; font-weight: bold; color: #333; padding-bottom:30px;border-bottom:1px solid #ccc; margin-bottom: 30px; }
.newsshow .content .param-tit{font-size: 30px; padding: 0 0px 20px; color: #333; }
.newsshow .content .param-s{ font-size: 16px; margin-bottom: 30px; color: #666;}
.newsshow .content .param-c h3{ font-size: 18px; font-weight: bold; line-height: 50px; }
.newsshow .content .param-c p,.newsshow .content .param-c div { line-height:32px; font-size: 16px; color: #555; }
.newsshow .content .param-c img{max-width: 100%; margin-top: 15px; margin-bottom: 15px;}
.newsshow .content .param-img{  margin-bottom: 20px; }
.newsshow ._detailPage_bottom {padding: 40px 30px; background-color: #f3f3f3; }
.newsshow ._detailPage_bottom .tit{ font-size:24px; color:#cf010b; font-weight: bold; text-align:left; margin-bottom:25px; height: 34px; }
.newsshow ._detailPage_bottom .tit span{ float: right; color: #666666; font-size:16px; font-weight: normal;}
.newsshow ._detailPage_bottom li{ margin-bottom: 20px;}
.newsshow ._detailPage_bottom li ._title:hover { color:#cf010b; }
.newsshow ._detailPage_bottom li ._title { font-size:18px; line-height: 32px; color:#333; margin-top:10px;}
.newsshow ._detailPage_bottom ._date{ margin-top:7px; font-family:Arial; color:#666; }

@media(max-width:1365px) {
.news-list .text-box { padding: 0px 35px 0 35px;}
.newsshow .content img{ width: 100%;}
.newsshow .content .param-tit{font-size: 24px; padding: 0 40px 20px;  }
.newsshow .content .param-s{ padding: 0 40px 0px;}
.newsshow .content .param-c {padding: 0px 40px 20px;}
}
@media(max-width:1280px) {
.newsshow .content .param-t{font-size: 20px;padding-bottom:20px; }
.newsshow .content .param-tit{font-size: 22px;padding: 0 20px 20px;  }
.newsshow .content .param-c { padding: 0px 20px;}
.newsshow .content .param-s{ padding: 0 20px 0px;}
.newsshow ._detailPage_bottom .tit{ font-size:20px; margin-bottom:20px; }

}
@media(max-width:1200px) {
.news-list a { padding: 36px 0; }
.news-list .text-box { padding: 0px 30px 0 30px;}
.news-list .h1 {font-size: 20px; line-height: 30px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden; white-space: normal; }
.news-list .date { padding: 10px 0px 0; }
.newsshow .content .param-s{ padding: 0 15px 0px;}
.newsshow .content { padding-right: 0px;}
.newsshow ._detailPage_bottom {padding: 30px 25px; }
.newsshow ._detailPage_bottom li ._title { font-size:16px; line-height: 30px;}
.newsshow ._detailPage_bottom li{ margin-bottom: 10px;}
}
@media only screen and (max-width: 1024px){
.news-list a { padding: 30px 0; }
.newsshow ._detailPage_bottom ul { padding-right:3%; }
}
@media(max-width:992px) {
.news-list a { padding: 26px 0; }
.news-list .h1 {font-size: 18px; line-height: 30px;margin-bottom: 5px; }
.news-list .date { padding: 10px 0px 0; }
.newsshow .content { padding-right: 0px;}
.newsshow .content .param-tit{font-size: 18px; padding: 0 0px 10px;}
.newsshow .content .param-s{ margin-bottom: 20px; padding: 0 0px 0px;}
.newsshow .content .param-c { padding: 0px 0px;}
.newsshow .content p,.newsshow .content div { line-height: 28px;}
}
@media(max-width:892px) {
.news-list .text-box { padding: 0px 10px 0 10px;}
}
@media(max-width:768px) {
}
@media(max-width:728px) {
.news-list .newsmore {display: none;}
.news-list .text-box { padding: 0px 0px 0 10px;}
}
@media(max-width:680px) {
.news-list a { padding: 16px 0; }
.news-list .img {width: 280px;}
.news-list .h1 {line-height: 28px; margin-bottom: 0px; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 5;overflow: hidden; white-space: normal; }
.news-list .text { display: none;}
.news-list .date { padding: 5px 0px 0; }
.newsshow .content .param-t{font-size: 18px; padding-bottom:10px;}
.newsshow .content .param-tit{font-size: 16px; }
.newsshow .content .param-c p{ font-size: 15px;line-height:26px;}
.newsshow .content .param-s{ margin-bottom: 10px; padding-bottom: 10px; }
.newsshow .content .param-c { padding-top: 0px;}
}
@media(max-width:468px) {
.news-list a { padding: 10px 0; }
.news-list .img {width:180px;}
.news-list .h1 {font-size: 16px; margin-bottom: 0px; -webkit-line-clamp: 3;}
.news-list .date { padding: 5px 0px 0; }
}
@media(max-width:378px) {
.news-list .img {width: 140px;}
.news-list .h1 { line-height: 24px; }
.news-list .date { font-size: 15px;}
}
.announcement-list .column {transition: all .3s;}
.announcement-list a {align-items: flex-start;padding: 46px 0;border-bottom: 1px solid #eeeeee;}
.announcement-list .column:first-child a {border-top: 1px solid #eeeeee;}
.announcement-list .date {width: 10%; text-align: center; padding: 20px 20px 0;font-family: Arial, Helvetica, sans-serif;}
.announcement-list .day {font-size: 54px;color: #666;font-weight: bold;line-height: 1; transition: all .3s;}
.announcement-list .years {font-size: 16px;color: #666;font-weight: bold;line-height: 1;transition: all .3s;}
.announcement-list .text-box {width:90%;padding: 10px 55px 0 0px;}
.announcement-list .h1 {font-size: 20px; font-weight: bold; color: #333333;line-height: 36px;margin-bottom: 17px; margin-top: 0px; transition: all .3s;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.announcement-list .column:hover {background-color: #f2f2f2;} 
.announcement-list .column:hover .h1 {color: #cf010b;}
.announcement-list a:hover { border-bottom: 1px solid #f2f2f2;}
.announcement-list a:hover .h1 {text-decoration:none!important;}

@media(max-width:1440px) {
.announcement-list a { padding: 40px 0;}
.announcement-list .day {font-size: 46px;}
}
@media(max-width:1366px) {
.announcement-list a { padding: 30px 0;}
.announcement-list .h1 {margin-bottom: 14px;}
.announcement-list .day {font-size: 40px;}
}
@media(max-width:1200px) {
.announcement-list a { padding: 20px 0;}
.announcement-list .h1 {margin-bottom: 10px;}
.announcement-list .text-box {width:85%; padding: 0px 25px 0 0px;}
.announcement-list .date {width: 15%;padding: 20px 10px 0;}
.announcement-list .day {font-size: 38px;}
.more2 { height:47px; line-height: 45px; }
}
@media(max-width:992px) {
.announcement-list a { padding: 16px 0; }
}
@media(max-width:768px) {
.announcement-list .text-box {width:100%;padding: 0px 0px 0 0px;}
.announcement-list .date {width:0; padding: 20px 0px 0; display: none;}
.announcement-list a { padding: 10px 0; }
.announcement-list .day {font-size: 20px; }
.announcement-list .years {font-size: 15px; font-weight: normal; }
.announcement-list .h1 {font-size: 18px; margin-bottom: 7px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden; white-space: normal;}
.more2 { height:42px; line-height: 40px; width: 150px; padding: 0 10px 0 0px; }
}
@media(max-width:468px) {
.announcement-list .h1 {font-size: 16px; line-height: 30px;}
}
/*服务*/
.server-page1 .content .item{margin-bottom:35px;}
.server-page1 .content:last-child .item{margin-bottom:0px;}
.server-page1 .content .item .left { width: 50%; float: left;}
.server-page1 .content .item .right .box .c{ font-size: 16px; line-height:32px; color:#666; overflow:hidden; }
.server-page1 .content .item .right { width: 50%; float: left; padding:70px 60px;}
.server-page1 .content .item .right .title { margin-bottom: 30px;}
.server-page1 .content .item .right .title h3{font-size: 36px; line-height: 50px; color:#333;}
.server-page1 .content .item .right .box { min-height: 292px;}
.server-page1 .content:last-child .item .left {float: right;}
.server-page1 .content:last-child .item .right { padding:30px 60px 70px 0;}
.server-page2 { background: #fafafa;} 
.server-page2 .list{ margin-top: 40px;}
.server-page2 .list>ul {display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-flex-wrap: wrap;-ms-flex-wrap: wrap;flex-wrap: wrap;list-style: none;margin: 0 -10px -20px;padding: 0}
.server-page2 .list>ul>li {margin-bottom: 20px;padding: 0 15px;width: 25%;}
.server-page2 .list>ul>li .item {background-color: hsla(0,0%,100%,.6);border: 1px solid #e5e5e5;border-radius: 15px;height: 100%;padding: 40px 40px 80px;-webkit-transition: all .5s;transition: all .5s}
.server-page2 .list>ul>li .item .icon {height: 150px; line-height: 150px; margin: 0 auto;width: 150px;border: 1px solid #4a4a4a;border-radius: 100%; text-align: center; margin: 0 auto; }
.server-page2 .list>ul>li .item .icon.icon1 { background: url(../images/icon4.png) no-repeat center;}
.server-page2 .list>ul>li .item .icon.icon2 { background: url(../images/icon5.png) no-repeat center;}
.server-page2 .list>ul>li .item .icon.icon3 { background: url(../images/icon6.png) no-repeat center;}
.server-page2 .list>ul>li .item .icon.icon4 { background: url(../images/icon7.png) no-repeat center;}
.server-page2 .list>ul>li .item .des {color: #222; font-size: 20px; line-height: 1.5;margin-top: 60px;min-height:42px;text-align: center;-moz-text-align-last: center;text-align-last: center}
.server-page2 .list>ul>li .item:hover {border: 1px solid #cf010b;box-shadow:0 .8rem .8rem 0 rgba(0,0,0,.1);-webkit-transform: translateY(-15px);-ms-transform: translateY(-15px);transform: translateY(-15px);}
.server-page2 .list>ul>li .item:hover .icon { background-color:#cf010b;border: 1px solid #cf010b; }
.server-page2 .list>ul>li .item:hover .icon.icon1 { background:#cf010b url(../images/icon4_h.png) no-repeat center;border: 1px solid #cf010b; }
.server-page2 .list>ul>li .item:hover .icon.icon2 { background:#cf010b url(../images/icon5_h.png) no-repeat center;border: 1px solid #cf010b; }
.server-page2 .list>ul>li .item:hover .icon.icon3 { background:#cf010b url(../images/icon6_h.png) no-repeat center;border: 1px solid #cf010b; }
.server-page2 .list>ul>li .item:hover .icon.icon4 { background:#cf010b url(../images/icon7_h.png) no-repeat center;border: 1px solid #cf010b; }

@media ( max-width:1479px) {
.server-page1 .content .item .right { padding:50px 50px;}
.server-page1 .content:last-child .item .right { padding:50px 50px 50px 0;}
.server-page1 .content .item .right .box { min-height: 270px;}
.server-page1 .content .item .right .title h3{font-size: 32px; line-height: 40px; }
.server-page2 .list>ul>li .item {padding: 40px 30px 60px;}
.server-page2 .list>ul>li .item .des { margin-top: 40px; }
}
@media ( max-width:1366px) {
.server-page1 .content .item .right { padding:40px 40px;}
.server-page1 .content:last-child .item .right { padding:40px 40px 40px 0;}
.server-page1 .content .item .right .box { min-height: 245px;}
.server-page1 .content .item .right .title h3{font-size: 30px;}
}
@media ( max-width:1300px) {
.server-page1 .content .item .right .box { min-height: 230px;}
}
@media ( max-width:1280px) {
.server-page1 .content .item .right { padding:20px 30px;}
.server-page1 .content:last-child .item .right { padding:20px 30px 20px 0;}
.server-page1 .content .item .right .box { min-height: 220px;}
.server-page1 .content .item .right .title { margin-bottom: 20px;}
.server-page1 .content .item .right .title h3{font-size: 28px;}
.server-page2 .list>ul>li .item .icon {height: 130px; line-height: 130px;width: 130px; }
.server-page2 .list>ul>li .item .des { margin-top: 40px;}
.server-page2 .list>ul>li .item {padding: 30px 30px 40px;}
.server-page2 .list>ul>li .item .des { margin-top: 30px; }
}
@media ( max-width:1200px) {
.server-page1 .content .item .right .box { min-height: 240px;}
.server-page1 .content .item .right .title h3{font-size:26px;}
.server-page2 .list>ul>li .item { padding: 30px 20px 40px; }
.server-page2 .list>ul>li .item .icon {height: 120px; line-height: 120px;width: 120px; }
.server-page2 .list>ul>li .item .des {font-size: 18px; margin-top: 30px;}
}
@media ( max-width:1100px) {
.server-page1 .content .item .right { padding:20px 20px;}
.server-page1 .content:last-child .item .right { padding:20px 20px 20px 0;}
.server-page1 .content .item .right .title h3{font-size: 24px;line-height: 36px;}
.server-page2 .list>ul>li .item .icon {height: 110px; line-height: 110px;width: 110px; }
}
@media ( max-width:1050px) {
.server-page1 .content .item .right .box { min-height: 222px;}
.server-page1 .content .item .right .title h3{font-size: 22px;}
}
@media ( max-width:992px) {
.server-page1 .content .item .right .box { min-height: 205px;}
.server-page1 .content .item .right .title { margin-bottom: 20px;}
.server-page1 .content .item .right .title h3{font-size: 20px;line-height: 34px;}
.server-page2 .list>ul>li .item .icon {height: 100px; line-height: 100px;width: 100px; }
}
@media (max-width: 968px) {.server-page2 .list {padding:0;width: 100%}
.server-page2 .list>ul>li .item .icon {height:40px;width: 40px;}
}
@media ( max-width:950px) {
.server-page1 .content .item .right .box .c{line-height:27px;}
.server-page1 .content .item .right .title h3{font-size: 18px; line-height: 30px;}
}
@media ( max-width:850px) {
.server-page1 .content .item .right .box .t{  margin-bottom: 10px; }
.server-page2 .list>ul>li .item .icon {height: 90px; line-height:90px;width: 90px; }
}
@media ( max-width:768px) {
.server-page1 .content .item .left { width: 100%; float: none;}
.server-page1 .content .item .right .title { margin-bottom: 10px;}
.server-page1 .content .item .right .title h3{ line-height: 30px;}
.server-page1 .content .item .right .box .c{  line-height:28px; }
.server-page1 .content .item .right { width: 100%; float: none; padding: 20px 10px;}
.server-page1 .content:last-child .item .right { padding:20px 10px 20px 10px;}
.server-page1 .content .item .right .title p{ font-size: 15px;}
.server-page1 .content:last-child .item .left {float: none;}
.server-page1 .content .item .right .box { min-height: 125px;}
.server-page2 .list>ul>li { width: 50%;}
.server-page2 .list>ul>li .item { padding: 20px 15px 30px; }
.server-page2 .list>ul>li .item .des { margin-top: 20px; }
.server-page2 .list>ul>li .item .icon {height: 80px; line-height: 80px;width: 80px;}
.server-page2 .list>ul>li .item .des {font-size: 16px; }
.server-page2 .list>ul>li .item .icon.icon1 { background-size:60% 60%;}
.server-page2 .list>ul>li .item .icon.icon2 { background-size:60% 60%;}
.server-page2 .list>ul>li .item .icon.icon3 { background-size:60% 60%;}
.server-page2 .list>ul>li .item .icon.icon4 { background-size:60% 60%;}
.server-page2 .list>ul>li .item:hover .icon.icon1 { background-size:60% 60%;}
.server-page2 .list>ul>li .item:hover .icon.icon2 { background-size:60% 60%;}
.server-page2 .list>ul>li .item:hover .icon.icon3 { background-size:60% 60%;}
.server-page2 .list>ul>li .item:hover .icon.icon4 { background-size:60% 60%;}
}
@media ( max-width:468px) {
.server-page2 .list>ul>li { width: 100%;}
.server-page1 .content:last-child .item .right { padding:10px 20px 20px 0;}
.server-page1 .content .item .right .title { margin-bottom: 10px;}
.server-page2 .list>ul>li .item { padding: 30px 10px 20px; }
}
.job_list { margin-top: 50px;}
.job_list .column {padding: 0; margin-bottom: 10px;position: relative;}
.job_list .column::before{content: '';width: 100%;height: 100%;background: rgba(0, 0, 0, .5);top: 0;left: 0;position: absolute;z-index: -1;opacity: 0;transition: all 0.36s;}
.job_list a {display: block;}
.job_list .suspen {position: absolute;bottom: 0;left: 0;width: 100%;padding: 20px 35px 35px;
background: -moz-linear-gradient(top, rgba(207, 52, 60, 0) 0%, #000 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #000));
background: -webkit-linear-gradient(top, rgba(207, 52, 60, 0) 0%, #000 100%);
background: -o-linear-gradient(top, rgba(207, 52, 60, 0) 0%, #000 100%);
background: -ms-linear-gradient(top, rgba(207, 52, 60, 0) 0%, #000 100%);
background: linear-gradient(to bottom, rgba(207, 52, 60, 0) 0%, #000 98%);}
.job_list .h1 {font-size: 30px;color: #ffffff;line-height: 44px; text-align: right; }
.job_list ul li:nth-child(2n){ margin-top: 30px;}
.job_list .column_hover{text-align: left;position: absolute;top: 50%;transform: translate(-50%,-50%);left: 50%;width: 80%;z-index: -1;opacity: 0;transition: all 0.36s;}
.job_list .column_hover .h1 {padding-bottom: 24px;text-align: left; margin-top: 0px;}
.job_list .column_hover .desc{ color: #ffffff;line-height: 34px;}
.job_list li:hover .column_hover{opacity: 1;z-index: 8;}
.job_list li:hover .column::before{opacity: 1;z-index: 6;}
.job_list li:hover .suspen{opacity: 0;z-index: -1;}


.job_page2{ background: #f8f8f8;}
.job_page2 ul li .con {background:#fff; box-shadow:0 0 20px rgba(0,0,0,.2); padding: 50px 25PX; width: 100%; text-align: center; margin-top: 30PX;}
.job_page2 ul li .con .icon { margin-bottom: 20px;}
.job_page2 ul li .con .title{ font-size: 24px; color: #333333;}
.join_page3_left{ overflow:hidden;position:relative;}
.join_page3_left_1{ height:100%; overflow:hidden;}
.join_page3_left_1 img{width:100%;}
.join_page3_left_1_con{position:absolute; left:0px; width:90%; color:#fff; top:50px; padding-left: 40px; z-index:10;}
.join_page3_left_1_con_1{font-family:Arial, Helvetica, sans-serif; margin-bottom:0.2em;}
.join_page3_left_1_con_2{font-size:24px;}
.join_page3_left_1_con_3{font-size:16px; line-height:1.5;overflow:hidden;margin-top:10px;}
.join_page3_2_top{ position:relative; }
.join_page3_2_top1{ margin-bottom: 30px;}
.join_page3_2_left_1_mask{position:absolute; left:0; top:0; width:100%; height:100%; z-index:5; background-position:center; background-repeat:no-repeat; background-size:cover;}

@media only screen and (max-width: 1440px) {
.job_list .h1 {font-size: 26px; line-height: 38px; }
.job_list .column_hover .h1 {padding-bottom: 15px; }
}
@media only screen and (max-width: 1366px) {
.job_list { margin-top: 40px;}
.job_list .suspen {padding: 15px 25px;}
.job_list .h1 {font-size: 24px; line-height: 32px;  margin-bottom: 0px;}
.job_page2 ul li .con { padding: 40px 25px; }
.job_page2 ul li .con .title{ font-size: 22px; }
.job_list .column_hover .desc{ line-height: 32px;}
}
@media only screen and (max-width: 1280px) {
.job_list .h1 {font-size: 22px; line-height: 28px;}
.job_list ul li:nth-child(2n){ margin-top: 25px;}
.join_page3_left_1_con_2{font-size:32px;}
.join_page3_left_1_con_3{font-size:18px;}
.join_page3_left_1_con_2{font-size:22px;}
.join_page3_left_1_con{ top:30px; padding-left: 30px; }
.job_list .column_hover .desc{ line-height: 28px;}
.job_list .column_hover{ width: 94%;}
.job_list .column_hover .h1 {padding-bottom: 5px; }

}
@media only screen and (max-width: 1080px) {
.job_list .h1 {font-size: 20px;}
.job_list .suspen {padding: 15px 15px;}
}
@media only screen and (max-width: 992px) {
.job_list .h1 {font-size: 20px; }
.job_list ul li:nth-child(2n){ margin-top: 20px;}
.join_page3_left_1_con_2{font-size:28px;}
.job_list .column_hover .h1 {padding-bottom: 5px; }
.job_list .column_hover .desc{ line-height: 24px;}
.job_list .column_hover{ width: 98%;}
.job_list .col-sm-6{ width: 100%;}
}
@media (max-width: 768px){
.join_page3_left_1_con_2{font-size:24px;}
.join_page3_left_1_con_3{ font-size:16px; margin-top: 10px; }
.join_page3_left_1_con_2{font-size:20px;}
.job_list .column_hover .desc{ line-height: 30px;}
.job_list .col-xs-6{ width: 100%;}
.job_list .column_hover .desc{line-height: 32px;}
}
@media only screen and (max-width: 767px) {
.job_list { margin-top: 30px;}
.job_list ul li:nth-child(2n){ margin-top: 15px;}
.job_list .suspen {padding: 15px 15px 10px;}
.job_list .h1 {font-size: 20px;}
.join_page3_left_1_con{ top:25px; padding-left: 25px; }
.job_page2 ul li .con .title{ font-size: 20px; }
.join_page3_2_top1{ margin-bottom: 20px;}
.mb-30{ margin-bottom: 20px;}
}
@media only screen and (max-width: 567px) {
.job_list .h1 {font-size: 18px;}
.job_page2 ul li .con { padding: 30px 25px; margin-top: 20PX;}
.job_page2 ul li .con .title{ font-size: 18px; }
.job_list .column_hover .h1 {padding-bottom: 14px;}
.job_list .column_hover{ width: 90%; }
.job_list .column_hover .desc{line-height: 30px;}
}
@media only screen and (max-width: 467px) {
.job_list .h1 { line-height: 34px;}
.job_page2 ul li .con .title{ font-size: 16px; }
.job_list .suspen {padding: 15px 15px 10px;}
.job_list .column_hover .h1 {padding-bottom: 10px;}
.job_list .column_hover{ width: 94%; }
.job_list .column_hover .desc{line-height: 28px;}
}
@media only screen and (max-width: 400px) {
.job_list .column_hover{ width: 96%; }
.job_list .column_hover .h1 {padding-bottom: 5px; line-height: 30px;}
.job_list .column_hover .desc{ font-size: 15px; line-height: 22px;}
}
.join_page .join-list ul{ clear: both; padding: 25px 0; line-height:30px; margin-bottom: 20px;color: #333; background: #f6f6f6;}
.join_page .join-list ul li{ float: left; width: 18%; padding-left:3%; }
.join_page .join-list ul li:nth-child(2){ float: left; width: 10%;}
.join_page .join-list ul li:nth-child(3){ float: left; width: 15%;}
.join_page .join-list ul li:nth-child(4){ float: left; width: 42%;}
.join_page .join-list ul li:nth-child(5){ float: left; width: 15%;}
.join_page .join-list ul:first-child{color: #fff;background: #cf010b;}
.join_page .join-list ul a:hover li{ color: #cf010b;}
.join_page .list_box .duty,
.join_page .list_box .rzzg{display:none;}
.join_page .list_popup{position:fixed;width:100%;height:100%;background:rgba(0,0,0,.60); z-index: 9999; filter:progid:DXImageTransform.Microsoft.gradient(startcolorstr=#99000000,endcolorstr=#99000000);top:0;left:0;z-index:60;display:none;}
.join_page .list_popup .close_btn{cursor:pointer;}
.join_page .list_popup_box{position:absolute;width:60%;height:640px; top:50%;margin-top:-350px;left:50%;margin-left:-30%;background:#fff;  border-bottom: 10px solid #cf010b; }
.join_page .list_popup_main{padding: 20px 40px;}
.join_page .popup_hd{line-height:2.4em; font-size:30px; font-weight:bold; color:#333333; margin-bottom:16px;}
.join_page .popup_bd{height:520px;overflow-y:auto ; padding-bottom:20px;}
.join_page .popup_bd .drop-t {margin-bottom: 20px;font-size: 24px;color: #333333; padding-bottom: 20px; border-bottom: 2px solid #eeeeee; position: relative;}
.join_page .popup_bd .drop-t::after{ content: ""; left: 0px; bottom: -1px; width: 90px; height: 3px; background-color: #cf010b; position: absolute;}
.join_page .popup_bd .drop-c { margin-bottom: 30px;}
.join_page .popup_bd .drop-c p {font-size: 16px;color: #666;line-height: 34px;}
.join_page .common-btn{margin-left:14%;}
.modal-container {position: fixed;top: 0;left: 0;z-index: 10;display: none;justify-content: center;align-items: center;width: 100%;height: 100%;background: hsla(0, 0%, 40%, .6);}
.modal-container:target {display: flex;}
@media only screen and (max-width: 1366px) {
.join_page .list_popup_box{ width:80%;height:600px; top:50%;margin-top:-220px;left:50%;margin-left:-40%; }
.join_page .popup_bd{height:480px; padding-bottom: 0px;}
.join_page .popup_bd .drop-t { font-size: 22px;}
}
@media only screen and (max-width: 992px) {
.join_page .join-list ul{ clear: both; padding: 20px 0;}
.join_page .join-list ul li:nth-child(2){ width: 0; display: none;}
.join_page .join-list ul li:nth-child(3){ width: 20%;}
.join_page .join-list ul li:nth-child(4){ width: 47%;}
.join_page .popup_bd .drop-t { font-size: 20px;}
}
@media only screen and (max-width: 768px) {
.join_page .join-list ul{ clear: both; padding: 15px 0;}
.join_page .join-list ul li:nth-child(3){ width: 0; display: none}
.join_page .join-list ul li:nth-child(4){ width: 62%;}
.join_page .join-list ul li:nth-child(5){ width: 20%;}
.join_page .popup_bd .drop-t { font-size: 18px;}
.join_page .list_popup_box{ width:90%;height:500px; top:50%;margin-top:-220px;left:50%;margin-left:-45%; }
.join_page .popup_bd{height:380px; padding-bottom: 0px;}
.join_page .list_popup_main{padding:15px 20px;}
}
@media only screen and (max-width: 480px) {
.join_page .join-list ul{ clear: both; padding: 10px 0;}
.join_page .join-list ul li{ width: 23%; padding-left:2%; }
.join_page .join-list ul li:nth-child(4){ width: 77%;}
.join_page .join-list ul li:nth-child(5){width: 0; display: none}
}
/*应用*/
.app-list li{ margin-bottom: 25px;}
.app-list .column {padding: 0; margin-bottom: 10px;position: relative;}
.app-list a {display: block;}
.app-list .suspen {position: absolute;bottom: 0;left: 0;width: 100%;padding: 20px 35px;
background: -moz-linear-gradient(top, rgba(207, 52, 60, 0) 0%, #cf010b 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #cf010b));
background: -webkit-linear-gradient(top, rgba(207, 52, 60, 0) 0%, #cf010b 100%);
background: -o-linear-gradient(top, rgba(207, 52, 60, 0) 0%, #cf010b 100%);
background: -ms-linear-gradient(top, rgba(207, 52, 60, 0) 0%, #cf010b 100%);
background: linear-gradient(to bottom, rgba(207, 52, 60, 0) 0%, #cf010b 98%);}
.app-list .h1 {font-size: 24px;color: #ffffff;line-height: 24px; }
@media only screen and (max-width: 1366px) {
.app-list .suspen {padding: 15px 25px;}
.app-list .h1 {font-size: 18px; margin-bottom: 0px;}
}
@media only screen and (max-width: 767px) {
.app-list li{ margin-bottom: 20px;}
.app-list .suspen {padding: 15px;}
}


.contact .name{ font-size: 36px; line-height:50px; color: #333; padding-bottom: 30px; }
.contact .list li{ border-bottom: #ebebeb solid 1px; padding-bottom: 35px; position: relative; }
.contact .list li:last-child { border-bottom: #ebebeb solid 0px;}
.contact .list li .ico{ position: absolute; left: 0; top: 0; width: 60px; height:60px; border-radius: 50%; }
.contact .list li .ico img{ position: absolute; left: 0; top: 50%; }
.contact .list li .wen{ padding-top: 25px; margin-bottom: 20px; color: #333333; font-size: 30px; font-weight: bold; margin-left:60px;}
.contact .list li .msg{ font-size:18px; line-height:35px; color: #333333; margin-left:60px;}
 
.contact .map_box .map{ height: 100%; overflow:hidden;/*height:750px;*/}
.contact .ditu{width:100%;height:560px; text-align:center;/*position:absolute;bottom:0px;left:0; z-index:0; */}

@media only screen and (max-width:1366px) {
.mnew{ height:247px; padding:20px;}
.contact .name{ font-size: 26px; line-height:45px; padding-bottom: 25px; }
.contact .list li .wen{ font-size: 26px; margin-left:50px;}
.contact .list li .msg{ margin-left: 50px;}
}
@media only screen and (max-width:1280px) {
.contact .name{ font-size: 24px; line-height:40px; padding-bottom: 20px;}
.contact .list li .wen{ font-size: 24px;}
}
@media only screen and (max-width:992px) {
.contact{ width: 100%; }
.contact{ position: static;}
.contact .mapDiv{ position: static; left: 0px; width:100%; }
.contact .name{ font-size: 22px; line-height:35px; padding-bottom: 15px;}
.contact .list li { padding-bottom: 25px; }
.contact .list li .wen{ font-size: 22px;}
.contact_left{ margin-bottom: 30px;}
.mnew .mhdis{  -webkit-line-clamp: 3; }
.mnew h3{ font-size:16px; line-height:30px; margin-bottom: 8px;}
}
@media only screen and (max-width:768px) {
.contact .name{ font-size: 20px; line-height:30px; }
.contact .list li { padding-bottom: 15px; }
.contact .list li .wen{ padding-top: 15px;font-size: 20px;}
.contact .list li .ico{ margin-top: -15px; }
}
@media only screen and (max-width:468px) {
.contact .list li .wen{ margin-left: 60px;font-size: 18px;}
.contact .list li .msg{ margin-left: 60px;font-size: 16px; line-height:30px;}
.contact .ditu{width:100%;height:360px; }
}

.ab_f5part3 {width: 100%; overflow: hidden;box-shadow: #ebebeb 0px 0px 10px; }
.ab_f5p3new {padding: 50px 70px;width: 69%; float: right; position: relative;}
.ab_f5p3pic { overflow: hidden; position: relative; float: left;}
.ab_f5p3bg {position: relative;top: 0;left: 0;width: 100%;height: 100%;z-index: -1;overflow: hidden;}
.ab_f5p3bg img{ width: 100%; height: 100%; overflow: hidden;}
.ab_f5p3mc {width: 100%;height: 100%;background-color: rgba(0, 0, 0, .26);border-radius: 14px 0 0 14px;position: absolute;top: 0;left: 0;z-index: 5;pointer-events: none;}
.ab_f5p3bgnew {width: 100%;height: 100%;padding:80px 60px;position: absolute;top: 100px;left: 0;z-index: 10;}
.ab_f5p3bgnew .page_title h3{ font-size: 36px; color: #fff; margin-bottom: 20px;}
.ab_f5p3bgnew h2 {font-size:16px;line-height: 1.5;color: #fff; }
.ab_f5ly img {width: 60px;position: absolute;top:95px;left: 60px;z-index: 5;}
.ab_inputli {width: 49%;border: 1px solid #dcdcdc; border-radius: 5px;margin-bottom: 25px; margin-right: 2%;}
.ab_inputli:nth-child(2n) {margin-right: 0px;}
.ab_inputli label { color: #999999;line-height: 45px;}
.ab_inputli input { width: 100%;padding: 15px;border-radius: 5px;border: 0px solid #dcdcdc;}
.ab_text {width: 100%;height: 125px;border: 1px solid #dcdcdc;border-radius: 5px;margin-bottom: 25px; }
.ab_text textarea { color: #999999;line-height: 1.5;width: 100%;height: 100%;padding: 20px;}
.ab_desc{ font-size: 16px; color: #999999;line-height: 1.5;width: 100%; margin-bottom: 15px; margin-top: 15px;}
.ab_send {width: 185px; height: 50px; line-height: 50px;margin-top: 25px; background-color: #cf010b;color: #fff;border-radius: 25px;text-align: center;cursor: pointer;}
.ab_send .button button {font-size: 16px;line-height: 45px;background: none; border: none; width: 100%;}
.ab_yzmpic {width: 90px;line-height: 50px;}
.ab_yzmpic img {width: 100%;}
@media only screen and (max-width:1200px){
.ab_f5part3 { padding: 20px; height: auto;}
.ab_f5p3pic { display: none;}
.ab_f5p3new {padding: 25px 40px 25px;width: 100%; margin: 0 auto; float: none; position: relative;}
}
@media only screen and (max-width:992px){
.ab_f5p3new {padding: 25px 25px;}
.ab_yzmpic {width: 80px;}
}
@media only screen and (max-width:768px){
.ab_f5p3new {padding: 20px 20px;}
.ab_inputli.ab_yzm { width: 100%;}
.ab_send.fr{ float: left;margin-top: 0px;}
}
@media only screen and (max-width:500px){
.ab_inputli {width: 100%; margin-right: 0px; margin-bottom: 15px;}
.ab_f5p3new {padding: 0px 0px;}

}

.policy { line-height: 30px;}
.policy h3{ font-size: 20px; margin-bottom: 10px;}
.mapmenu .param-t { color: #333; background: #f0f0f0; padding: 15px 0 15px 15px; margin-bottom: 30px; position: relative;}
.mapmenu .param-t a{font-size:24px; font-weight: 600; }
.mapmenu .param {margin-bottom: 30px;}
.mapmenu .param-t::before {content: "";display: inline-block;vertical-align: middle;height: 25px;width: 3px; top: 0px; margin-bottom: 4px; margin-right: 15px;background-color: #cc0000;}
.mapmenu .param-t a:hover{color: #cc0000;}
.mapmenu .param-c .param-tit{ margin-bottom: 20px;} 
.mapmenu .param-c .param-tit a{ color: #444; padding-left:30px; font-size:20px; font-weight: 600;}
.mapmenu .param-c .param-tit a:hover{color: #cc0000;}
.mapmenu .param-c a{ font-size: 16px; color: #666; line-height: 32px;}
.mapmenu .param-c ul { padding-left:30px;}
.mapmenu .param-c ul li{ margin-bottom: 15px; margin-right: 2%; float: left; position: relative; padding-right:2%; }
.mapmenu .param-c ul li::after{ position: absolute; right: 0px; bottom: 6px; width: 1px; height:15px; content: ""; background: #666;}
.mapmenu .param-c ul li a{ padding-bottom:10px;}
.mapmenu .param-c ul li a:hover{color: #cc0000;}
@media(max-width:1440px) {
.mapmenu .param {margin-bottom: 20px;}
.mapmenu .param-t a{font-size:22px; margin-bottom: 20px;}
.mapmenu .param-c a{ line-height: 28px;}
}
@media(max-width:992px) {
.mapmenu .param-t {margin-bottom: 20px;padding: 10px 0 10px 10px;}
.mapmenu .param-t a{font-size: 20px;}
.mapmenu .param-t::before {height: 25px; margin-right: 10px;}
.mapmenu .param-c a{ font-size: 15px; line-height: 28px;}
.mapmenu .param-c .param-tit a{ font-size:18px; padding-left:20px; }
.mapmenu .param-c ul { padding-left:20px;}
}
@media(max-width:768px) {
.mapmenu .param {margin-bottom: 0px;}
.mapmenu .param-t {margin-bottom: 10px;}
.mapmenu .param-t a{font-size:18px;}
.mapmenu .param-c .param-tit{ margin-bottom: 10px;} 
.mapmenu .param-c .param-tit a{ font-size:17px; }
}
@media(max-width:468px) {
.mapmenu .param-t a{font-size:17px;}
.mapmenu .param-c .param-tit a{ font-size:16px; }
}
.job .item{background:#fff; padding:35px 25px; color:#666; }
.job .item .icon{ text-align: center;}
.job .item .con{ text-align: center; font-size: 16px; line-height: 30px; color: #666;}
.job .item .t{font-size:24px; color: #333; line-height: 45px; margin:15px 0;}
@media only screen and (max-width:768px) {
.solution_list .desc{line-height: 28px;}
.job .item{ padding:25px 15px;}
.job .item .t{font-size:16px; margin:10px 0 10px; line-height: 35px; }
.job .item .con{font-size:15px; line-height: 26px;  }
.job .item .con span{font-size:15px; }
}	
.join { background-color: #f6f6f6; background-size:cover ;}
.join .list_box{display:block;background:#fff;padding:10% 8%;color:#000;background-position:center 20px;}
.join .list_box dl{min-height:280px;margin-bottom:30px; color: #666666;}
.join .list_box dt{font-size:24px; color: #cf010b;position:relative; margin-bottom: 26px; padding-bottom: 18px;font-weight:bold;}
.join .list_box dd{font-size:18px; line-height: 30px; margin-bottom:15px;font-weight:bold;}
.join .list_box dd em{font-weight:normal;}
.join .list_box dt:after{ content: ""; display:block;width:100%;height:1px;background-color: #c5c5c5; position:absolute;bottom:0px;left:0; }
.join .more { margin-top: 40px;}
.join .more .line_btn.line_btn_jt_blue{ left: auto; bottom: auto;}
.join li:hover .line_btn,.join a:hover .line_btn:hover{border-left:1px solid #fff;border-right:1px solid #fff;}
.join li:hover span{ color: #fff;}
.join li:hover .line_btn.line_btn_jt_blue::after{background: url(../images/line_btn_jt.png) no-repeat center;}
.join li:hover .list_box{background-color:#cf010b;background-image:url(../images/.join.jpg);background-repeat:no-repeat;background-position:center 0;background-size:cover;}
.join li:hover .list_box .more_btn{background:transparent;border-color:#000;}
.join li:hover .list_box .list_time{border-color:#fff;}
.join li:hover .list_box .el{color:#fff;}
.join li:hover .list_box dt:after{background-color: #fff; }
.join .list_box .duty,
.join .list_box .rzzg{display:none;}
.join .list_popup{position:fixed;width:100%;height:100%;background:rgba(0,0,0,.60); z-index: 9999; filter:progid:DXImageTransform.Microsoft.gradient(startcolorstr=#99000000,endcolorstr=#99000000);top:0;left:0;z-index:60;display:none;}
.join .list_popup .close_btn{cursor:pointer;}
.join .list_popup_box{position:absolute;width:50%;height:540px;top:54%;margin-top:-250px;left:50%;margin-left:-25%;background:#fff;border-radius:10px;}
.join .list_popup_main{padding: 20px 40px;}
.join .popup_hd{line-height:2.4em; font-size:30px; font-weight:bold; color:#333333; border-bottom:#d2d2d2 1px solid;margin-bottom:16px;}
.join .popup_hd .hd_title{width:80%; font-size:24px;color:#cf010b; font-weight: bold; line-height: 45px; padding-bottom: 15px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
.join .popup_bd{height:320px;overflow-y:auto ; margin-bottom:20px;}
.join .popup_bd dl{color:#000;margin-bottom:10px;line-height:1.8;}
.join .popup_bd dt{width:14%;color:#000;font-size: 16px; line-height: 35px;}
.join .popup_bd dd{width:80%; font-size: 16px;color:#666; line-height: 35px;}
.join .popup_bottom{width:80%;margin-left:14%;background-color: #cfcfcf;padding:15px 3%;}
.join .popup_bottom a{font-weight:bold; color:#2e3669; text-decoration:underline;}
.join .common-btn{margin-left:14%;}
.modal-container {position: fixed;top: 0;left: 0;z-index: 10;display: none;justify-content: center;align-items: center;width: 100%;height: 100%;background: hsla(0, 0%, 40%, .6);}
.modal-container:target {display: flex;}

.server .left .param-t {font-size:24px;color: #333; margin-bottom: 30px;}
.server .left .param {margin-bottom: 30px;}
.server .left .param-t::before {content: "";display: inline-block;vertical-align: middle;height: 25px;width: 3px;margin-right: 10px;background-color: #3ca313;}
.server .left .param-c{ font-size: 16px; color: #666; line-height: 32px;}
@media(max-width:1200px) {
.join .list_box dt{font-size:20px;margin-bottom: 20px; padding-bottom: 10px;}
.join .list_box dd{font-size:16px; margin-bottom:5px;}
.server img{ width: 100%;}
.join .list_popup_box{width:60%;height:540px;top:54%;margin-top:-250px;left:40%;margin-left:-20%;}
}
@media(max-width:992px) {
.server .left .param-t {font-size: 20px;margin-bottom: 20px;}
.server .left .param-t::before {height: 25px;}
.server .left .param-c{ font-size: 15px; line-height: 28px;}
.join .list_box dt{font-size:18px;margin-bottom: 10px;}
.join .list_box dd{font-size:15px; margin-bottom:5px;}
.join .list_box dl{min-height:220px;margin-bottom:20px; }
.join .list_box{ padding:6% 4%; }
}
@media(max-width:768px) {
.join li{ margin-bottom: 15px;}
.join .list_popup_box{width:96%;height:440px;top:54%;margin-top:-250px;left:1%;margin-left:1%;}
.join .popup_hd .hd_title{font-size:20px; line-height: 35px;}
.join .list_popup_main{padding: 20px 20px;}
.join .popup_bd dt{width:100%;color:#000; }
.join .popup_bd dd{width:100%;  color:#666; }

}