@charset "utf-8";
@media (min-width: 1500px) {
.container { width: 100%; max-width: 1500px; margin: 0 auto; padding: 0; }
}
html, body { height: auto; margin: 0 auto; }
h1, h2, h3, h4, h5, h6 { margin: 0; padding: 0; }
a { text-decoration: none; }
a:visited { text-decoration: none; }
a:hover { text-decoration: none; }
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { clear: both; *zoom: 1;
}
.pagecon { padding-top: 3vh; padding-bottom: 7vh }
.advan-list .advan-item { display: block; padding-bottom: 4rem; background: #fff; text-decoration: none; /*margin-bottom: 30px;*/ -webkit-transition: all 0.3s; transition: all 0.3s; border-top-left-radius: 134px; border-top-right-radius: 134px; border-bottom-left-radius: 15px; border-bottom-right-radius: 15px; }
.advan-list .advan-item .advan-img { text-align: center; padding: 25px; }
.advan-list .advan-item .advan-txt { padding: 5px 15px 25px; }
.advan-list .advan-item .advan-txt h2 {/* line-height: 125px;*/ font-size: 2.6rem; line-height: 2.6rem; text-align: center; font-weight: bold; color: #046ae5; margin: 0; }
.advan-list .advan-item .advan-txt h3 { font-size: 1.4rem; line-height: 1.4rem; padding-top: 1rem; color: #1e74dc; margin-bottom: 5.0rem; text-align: center; font-weight: normal; position: relative }
.advan-list .advan-item .advan-txt h3:after { position: absolute; bottom: -20px; left: 40%; content: ''; height: 3px; width: 49px; background-color: #1080eb; margin-left: 0; }
.advan-list .advan-item:hover .advan-txt h3:after { background: #fff }
.advan-list .advan-item .advan-txt p { margin-top: 10px; font-size: 1.6rem; line-height: 1.6em; color: #3e3e3e; display: -webkit-box; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
.advan-list .advan-item:hover { background: linear-gradient(0deg, #ff5c51, #ff9b4f); }
.advan-list .advan-item:hover h2, .advan-list .advan-item:hover .advan-txt h3, .advan-list .advan-item:hover .advan-txt p { color: #fff; }
@media (max-width: 767px) {
.advan-list .advan-item .advan-img { overflow: hidden }
.advan-list .advan-item .advan-txt h2 { line-height: 70px; }
}
.advan-list li.device { float: left; width: 18%; margin-right: 2%;/*	border: 1px solid #eaeaea*/ }
.advan-list li.device:nth-child(5) { margin-right: 0 }
.advan-list li .advan-img img { max-width: 100% }
.in-service { width: 100%; background: url(../images/in-xm-bg.jpg) no-repeat bottom center; padding: 5rem 0 1rem 0 }
.kz-tit { text-align: center }
.kz-tit h3 { font-size: 4.6rem; line-height: 4.6rem; color: #ffffff; font-weight: bold }
.kz-tit h4 { font-size: 2.2rem; font-weight: bold; font-family: Arial; line-height: 2.2rem; color: #fff; padding-top: 1rem; }
.kz-tit h2 { font-size: 3.6rem; color: #fff; font-weight: normal; line-height: 3.6rem; padding-top: 3.6rem; padding-bottom: 5.2rem; }
.in-kz-btn { padding: 10px 32px; display: inline-block; background: linear-gradient(30deg, #ff5c51, #ff9b4f); color: #fff; font-size: 1.6rem; line-height: 1.6rem; font-weight: normal; font-family: Arial; border-radius: 25px; }
.advan-list li:hover .in-kz-btn { background: #fff; color: #046ae5; }
.in-honor { background: url(../images/in-ry-bg.jpg) no-repeat; width: 100%; padding-top: 6.48vh; padding-bottom: 15.19vh }
.in-honor-tit { color: #2d2d2d !important }
.in-honor-tit1 { color: #ff8850 !important; font-weight: bold !important }
.about-right { margin-top: 9vh }
.about-right .about-main .title { font-size: 2.0rem; font-weight: bold; color: #000000; margin-bottom: 4vh }
@media (max-width: 1366px) {
.about-right .about-main .title { font-size: 1.6rem }
.about-main .intro p { font-size: 1.6rem; }
}
.about-right .about-main .intro { line-height: 200%; color: #000000; font-size: 1.8rem; text-indent: 2em; }
.about-right .about-img:hover img { -webkit-transform: scale(1.1, 1.1); transform: scale(1.1, 1.1); }
.about-right .m-more { margin: 6% 0; }
.about-main .intro p { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 5; overflow: hidden; text-align: justify }
.about-right .m-more.align-center { text-align: center; }
.about-right .m-more a { display: inline-block; width: 160px; height: 50px; line-height: 50px; text-align: center; font-size: 16px; color: #1080eb; -webkit-transition: all ease .3s; transition: all ease .3s; border: 3px solid #1080eb; text-decoration: none }
.about-right .m-more a i { font-style: normal; margin-left: 5px; -webkit-transition: all ease .3s; transition: all ease .3s; font-size: 12px; }
.about-right .m-more a:hover { }
.about-right .m-more a:hover i { margin-left: 10px; }
@media (max-width: 992px) {
.about-right .about-main { margin-bottom: 50px; }
.about-right .about-main .title { text-align: center; }
.about-right .about-main .m-more { text-align: center; }
}
.botn { width: 100%; margin-top: 4vh }
.botn .botn-en { width: 100%; margin: 0 auto; }
.botn .botn-en ul { padding: 0; margin: 0; }
.botn .botn-en ul li { background-color: #e6f1ff; list-style: none; margin: 0; width: 30%; float: left; height: 7vh; padding: 0 25px; /*	border: 1px #1080eb dashed;*/ /*border-radius: 10px;*/
margin-right: 2.7%; margin-bottom: 2.7%; border-top-left-radius: 15px; border-bottom-right-radius: 15px }
.botn .botn-en ul li:last-child { margin-right: 0 }
.botn .botn-en ul li h3 { font-size: 2.0rem; line-height: 7vh; height: 7vh; font-weight: bold; color: #4a596a; padding-left: 6rem;/*padding-top: 2vh;*/ }
.botn .botn-en ul li a { text-decoration: none }
.botn .botn-en ul li:hover h3 { color: #fff; }
.botn .botn-en ul li:first-child h3 { background: url(../images/in-about-xt1.png) left center no-repeat; }
.botn .botn-en ul li:nth-child(2) h3 { background: url(../images/in-about-xt2.png) left center no-repeat; }
.botn .botn-en ul li:nth-child(3) h3 { background: url(../images/in-about-xt3.png) left center no-repeat; }
.botn .botn-en ul li:nth-child(4) h3 { background: url(../images/in-about-xt4.png) left center no-repeat; }
.botn .botn-en ul li:nth-child(5) h3 { background: url(../images/in-about-xt5.png) left center no-repeat; }
.botn .botn-en ul li:nth-child(6) h3 { background: url(../images/in-about-xt6.png) left center no-repeat; }
.botn .botn-en ul li:first-child:hover h3 { background: url(../images/in-about-hxt1.png) left center no-repeat; }
.botn .botn-en ul li:nth-child(2):hover h3 { background: url(../images/in-about-hxt2.png) left center no-repeat; }
.botn .botn-en ul li:nth-child(3):hover h3 { background: url(../images/in-about-hxt3.png) left center no-repeat; }
.botn .botn-en ul li:nth-child(4):hover h3 { background: url(../images/in-about-hxt4.png) left center no-repeat; }
.botn .botn-en ul li:nth-child(5):hover h3 { background: url(../images/in-about-hxt5.png) left center no-repeat; }
.botn .botn-en ul li:nth-child(6):hover h3 { background: url(../images/in-about-hxt6.png) left center no-repeat; }
.botn .botn-en ul li:hover { background: linear-gradient(30deg, #ff5951, #ff9e4f); color: #fff; border: none }
.botn .botn-en ul li:hover h3 { color: #fff }
.about-right .about-img { background: url(../images/in-about-rbg.png) no-repeat; background-size: 100% 100% }
.about-img { overflow: hidden; }
.about-txt h3 { font-size: max(20px,1.5vw); color: #006b71; font-weight: bold; }
.about-txt p { font-size: 16px; color: #030303; line-height: 2.2; display: -webkit-box; overflow: hidden; text-overflow: ellipsis; -webkit-box-orient: vertical; -webkit-line-clamp: 6; margin: 40px 30px 0 0; text-align: justify;  }
.in-qhabout-tit h5 { font-size: max(18px, 1.2vw); ; color: #222; font-weight: normal; }
.in-qhabout-tit h4 { font-family: Arial; font-size: max(24px, 2vw); ; line-height: 200%; font-weight: normal; color: #1c7c75; text-transform: uppercase; }
.in-qhabout-tit h1 { font-family: Arial; font-size: 8rem; font-weight: bold; color: #cdd6e2; text-transform: uppercase; }
.in-about-hz { background: #fff; margin: 4%; text-align: center; padding: 4.4rem 0 3.4rem 0 }
.in-about-hz h2 { color: #1e74dc; font-size: 3.2rem; line-height: 3.2rem; font-weight: bold; padding-bottom: 2.6rem; }
.in-about-hz h3 { width: 47px; height: 3px; background: #f54630; margin: 0 auto; margin-bottom: 5.6rem; }
.in-about-hz h4 { color: #535353; font-size: 2.2rem; line-height: 1.5; }
.in-about-hz h4 span { font-size: 1.6rem; font-weight: bold; color: #535353 }
.in-about-hz .more { display: inline-block; margin-top: 7rem; padding: 7px 38px; background-color: #fff; color: #ff884d; font-size: 2.2rem; font-weight: bold; text-transform: uppercase; border: 4px solid #f54630; }
.intro p span { font-weight: bold }
.intro p b { color: #ff5a51 }
.about-left { background: url(../images/in-gy-left.jpg) no-repeat; padding: 5rem 2.6rem 22.5rem 2.6rem; }
.about-left .lb-tit { font-size: 3rem; color: #fff; font-weight: bold }
.about-left .lb-com { font-size: 2.6rem; color: #fff; position: relative; padding-bottom: 2.4rem; }
.about-left .lb-com:after { content: ""; width: 30px; height: 2px; background: #fff; position: absolute; left: 0; bottom: 0; }
.about-left .lb-comp { font-size: 2rem; color: #fff; line-height: 2 }
.about-left .about-kz-en { font-family: Arial; color: #fff; font-size: 1.6rem; padding-top: 3.8rem; }
.in-about { background: url(../images/bj_a.jpg) no-repeat right center; padding: 25vh 0 10vh 0 }
.in-cooperation { width: 100%; background: #f8f8f8 url(../images/in-competitors-bg.jpg) no-repeat; padding-bottom: 8rem; }
.in-coopertit { padding: 4.5rem 0; }
.in-coopertit h3 { font-size: 4.6rem; color: #fff; font-weight: bold; line-height: 4.6rem; }
.in-coopertit h4 { font-family: Arial; color: #fff; font-size: 2rem; line-height: 2rem; padding-top: 1rem; }
.in-coopertit h5 { font-size: 4.6rem; color: #fff; font-weight: bold; line-height: 4.6rem; padding: 6rem 0 1.2rem 0 }
.in-coopertit h6 { font-size: 2.2rem; font-family: Arial; color: #fff; text-align: center; line-height: 2.2rem; font-weight: bold }
.gds { padding: 10px 32px; display: inline-block; color: #fff; font-size: 2.2rem; line-height: 2.2rem; font-family: Arial; margin-top: 7rem; border: 4px solid #fff; font-weight: bold }
.mdbf { background: #fff; }
.kzmd { padding: 5% 3% 4% 3% }
.kzmd h3 { font-size: 3rem; color: #2d2d2d; font-weight: bold; padding-bottom: 4.2rem; }
.kzmd h3 span { font-size: 2rem; font-family: Arial; color: #b8b8b8; font-weight: normal }
.in-mdlist { padding-right: 4% }
.in-mdlist-img img { width: 100% }
.in-mdlist-tit { font-size: 1.8rem; color: #353535; line-height: 2; padding-top: 2rem; }
.in-kzm .col-md-4, .in-kzm .col-md-4 { padding: 0 }
.kzbf h2 { font-size: 3.0rem; color: #046ae5; font-weight: bold; line-height: 3.0rem; padding-bottom: 2rem; }
.kzbf { padding: 5% 3% 4% 3% }
.kzbf p { margin: 0; font-size: 1.6rem; line-height: 2; color: #4a4a4a }
.kzbf h4 { font-size: 2rem; color: #4a4a4a; font-weight: bold; line-height: 2rem; padding-top: 1.6rem; }
.in-kzbf-list li { width: 30%; margin-right: 2%; background: linear-gradient(30deg, #ff5c51, #ff9e4f); float: left; border-bottom-left-radius: 15px; border-top-right-radius: 15px; }
.in-kzbf-list li h3 { font-size: 2.6rem; color: #fff; text-align: center; line-height: 2; }
.in-kzbf-list { margin: 4.5rem 0 }
.w_fimg-000 img { max-width: 100% }
.footer-logo { text-align: center; padding: 2.6rem 0 }
.footer-logo-img span { font-size: 3rem; color: #fff; display: inline-block; padding-top: 2rem; }
.kzjz-nav { display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100px; z-index: 99; -webkit-transition: all 0.5s; background-color: rgb(255, 255, 255, 0.8); }
.kzjz-nav:hover { /*   background-color: rgb(255, 255, 255);*/ }
.kzjz-nav .top-nav { -webkit-transition: all 0.5s; }
.kzjz-nav .top-nav.active { background: #fff; }
.kzjz-nav .top-nav .logo { color: #2b2b2b; float: left;/*margin-top:22px;*/ -webkit-transition: all 0.5s; }
.kzjz-nav .top-nav .container { max-width: 1500px; width: 100%; padding: 0; }
.kzjz-nav .top-nav .logo .logon { margin-left: 10px; margin-top: 5px }
.kzjz-nav .top-nav .logo .logon h2 { font-size: 20px; margin: 5px 0 }
.kzjz-nav .top-nav .logo .logon p { font-size: 14px; margin: 0; color: #666 }
.kzjz-nav .top-nav .navbar { float: right; margin-bottom: 0; /*margin:0 0 0 300px;*/ border: 0; position: static !important }
.kzjz-nav .top-nav .navbar>ul>li { float: left; line-height: 120px; list-style-type: none; }
.kzjz-nav .top-nav .navbar>ul>li>a { font-size: 18px; line-height: 100px; padding: 0 24px; -webkit-transition: all 0.5s; display: block; position: relative; text-decoration: none; color: #434343 }
.kzjz-nav .top-nav .navbar>ul>li>a::after { content: ""; display: block; width: 100%; height: 2px; background-color: #53a471; position: absolute; left: 0; bottom: 0; -webkit-transition: all ease .3s; transition: all ease .3s; transform: scaleX(0) }
.kzjz-nav .top-nav .navbar>ul>li .subnav::after, .kzjz-nav .top-nav .navbar>ul>li .subnav::before { content: ' '; display: block; clear: both; }
.kzjz-nav .top-nav .navbar>ul>li .subnav { position: absolute; width: 100%; top: 100px; left: 0; background-color: #fff; height: 0; z-index: -1; visibility: hidden; opacity: 0; -webkit-transition: all ease .3s; transition: all ease .3s; -webkit-box-shadow: 0 0 10px rgb(0 0 0 / 15%); box-shadow: 0 0 10px rgb(0 0 0 / 15%); padding-left: 40% }
.kzjz-nav .top-nav .navbar>ul>li .subnav li { line-height: 80px; float: left; font-size: 14px; -webkit-transition: all ease .3s; transition: all ease .3s; list-style-type: none }
.kzjz-nav .top-nav .navbar>ul>li .subnav li a { color: #1e74dc; display: block; padding: 0px 15px; white-space: nowrap; text-decoration: none; font-size: 1.6rem; }
.kzjz-nav .top-nav .navbar>ul>li .subnav li:hover { background-color: #1e74dc; }
.kzjz-nav .top-nav .navbar>ul>li .subnav li:hover a { color: #fff }
.kzjz-nav .top-nav .navbar>ul>li:hover>a::after { transform: scaleX(1) }
.kzjz-nav .top-nav .navbar>ul>li:hover .subnav { z-index: 99; opacity: 1; visibility: visible; height: 80px; }
.kzjz-nav .top-nav .t-contact { float: right; line-height: 35px; font-size: 16px; font-weight: 700;/*padding-left:40px;*/ background: url(static/images/phone.png) no-repeat left center; margin-top: 43px; -webkit-transition: all 0.5s; }
.kzjz-nav .top-nav .nav-toggle { float: right; margin-top: 18px; padding: 13px 10px; border: 1px solid #ccc; border-radius: 4px; cursor: pointer; display: none }
.kzjz-nav .top-nav .nav-toggle span { display: block; width: 22px; height: 2px; border-radius: 1px; background-color: #1279e7; margin-bottom: 3px }
.kzjz-nav .top-nav .nav-toggle span span { margin-top: 4px }
.kzjz-nav .top-nav .mobile-navbar { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 997; opacity: 0; visibility: hidden; -webkit-transition: all ease .3s; transition: all ease .3s }
.kzjz-nav .top-nav .mobile-navbar .mask { position: fixed; width: 100%; height: 100%; z-index: 998; background-color: rgba(0,0,0,.3) }
.kzjz-nav .top-nav .mobile-navbar .menu { position: fixed; width: 300px; height: 100vh; right: 0; top: 0; z-index: 999; background-color: #fff; padding: 0 20px; -webkit-transform: translateX(100%); transform: translateX(100%); -webkit-transition: all ease .3s; transition: all ease .3s }
.kzjz-nav .top-nav .mobile-navbar .menu .menu-box { margin-top: 10px; text-align: right }
.kzjz-nav .top-nav .mobile-navbar .menu .menu-box .menu-close { display: inline-block; width: 30px; height: 30px; background: url(../images/close.png) no-repeat center center/auto 20px; cursor: pointer }
.kzjz-nav .top-nav .mobile-navbar .menu>ul>li { border-bottom: 1px solid #efefef; list-style-type: none }
.kzjz-nav .top-nav .mobile-navbar .menu>ul>li>a { display: block; line-height: 22px; font-size: 18px; padding: 16px 30px 16px 0; color: #333; position: relative; text-decoration: none }
.kzjz-nav .top-nav .mobile-navbar .menu>ul>li>a .toggle { display: inline-block; width: 25px; height: 25px; position: absolute; right: 0; top: 14px; background: url(../images/toggle.png) no-repeat center center/auto 100%; -webkit-transition: all ease .3s; transition: all ease .3s }
.kzjz-nav .top-nav .mobile-navbar .menu>ul>li>a.active .toggle { -webkit-transform: rotate(90deg); transform: rotate(90deg) }
.kzjz-nav .top-nav .mobile-navbar .menu>ul>li .subnav { padding: 10px 30px 10px 20px; display: none }
.kzjz-nav .top-nav .mobile-navbar .menu>ul>li .subnav li { padding: 7px 0; list-style-type: none }
.kzjz-nav .top-nav .mobile-navbar .menu>ul>li .subnav li a { color: #999; text-decoration: none }
.kzjz-nav .top-nav .mobile-navbar.show { opacity: 1; visibility: visible }
.kzjz-nav .top-nav .mobile-navbar.show .menu { -webkit-transform: translateX(0); transform: translateX(0) }
.kzjz-nav .top-nav .logo .logon h2, .kzjz-nav .top-nav .logo .logon p { color: #333 }
.kzjz-nav .navbar .clearfix img { width: 22px }
.kzjz-nav .mobile-navbar img { width: 22px }
@media (max-width: 1440px) {
.kzjz-nav .top-nav .navbar { margin: 0 0 0 6% }
}
@media (max-width: 1300px) {
.kzjz-nav .top-nav .container { padding: 0 10px; }
.kzjz-nav .top-nav .navbar { margin-left: 5%; }
.kzjz-nav .top-nav .navbar>ul>li>a { padding: 0 .2vw }
}
@media (max-width: 1200px) {
.kzjz-nav .top-nav .t-contact { display: none; }
}
@media (max-width: 992px) {
.kzjz-nav { display: block; }
.header { display: none; }
.kzjz-nav { height: auto; }
.kzjz-nav .top-nav .container { padding: 12px 10px; }
.kzjz-nav .top-nav .logo { margin-top: 0; }
}
@media (min-width:992px) and (max-width:1200px) {
.header { display: none; }
.kzjz-nav { display: block; }
.kzjz-nav .top-nav .navbar { margin-left: 30px }
.kzjz-nav .top-nav .navbar>ul>li { margin: 0 6px }
}
@media (max-width:992px) {
.header { display: none; }
.kzjz-nav .top-nav { padding: 5px 0 1px; background: #fff; }
.kzjz-nav .top-nav .navbar { display: none }
.kzjz-nav .top-nav .nav-toggle { display: block; margin: 30px 0; }
.kzjz-nav .top-nav .t-contact { display: none; }
.kzjz-nav { display: block; }
}/*
@media (max-width:767px) {
.header { display: none; }
.kzjz-nav .top-nav .logo .logon h2 { font-size: 16px }
.kzjz-nav .top-nav .logo .logon p { font-size: 14px }
.kzjz-nav .top-nav { border: none }
.kzjz-nav { display: block; }
.pagecon p img { display: block; width: 100%; text-align: center }
}
@media (max-width:320px) {
.header { display: none; }
.kzjz-nav .top-nav .logo .logon { display: none }
.kzjz-nav .top-nav .nav-toggle { margin-top: 10px }
.kzjz-nav { display: block; }
}*/
.fl { float: left }
.fr { float: right }
ul, ol, li { list-style: none; }
ul, li { margin: 0; padding: 0; list-style: none; }
.container { margin: 0 auto; padding: 0 }
@media (max-width: 996px) {
.logo-left h1 { font-size: 18px; color: #fff; margin-top: 0px; display: inline-block; line-height: 32px; }
}
.logo-left>.logo { float: left; font-size: 16px; color: #fff !important; font-weight: bold; vertical-align: middle; margin-right: 15px; }
.kzjz-banner .ibanner { position: relative; margin: 0; }
.kzjz-banner .ibanner .banner-loaded { width: 100%; z-index: 1; -webkit-tap-highlight-color: transparent; position: relative; transition: all ease 0.45s; }
.kzjz-banner .ibanner .banner-loaded .swiper-container { position: relative; overflow: hidden; -webkit-transform: translate3d(0, 0, 0); }
.kzjz-banner .ibanner .banner-loaded .bar-container .swiper-slide a { display: block; overflow: hidden; }
.kzjz-banner .ibanner .banner-loaded .bar-container .swiper-slide img { vertical-align: middle; border: none; max-width: 100%; }
.kzjz-banner .ibanner .swiper-pagination-bullet { width: 16px; display: inline-block; position: relative; font-size: 16px; line-height: 20px; color: #fff; color: rgba(255,255,255,.8); cursor: pointer; background: none; }
.kzjz-banner .ibanner .swiper-pagination-bullet::after { content: ''; border-radius: 50%; width: 100%; background: #fff; height: 16px; position: absolute; left: 0; top: 0; transition: all 0.5s ease; border: 2px solid #53a471 }
.kzjz-banner .ibanner .swiper-pagination-bullet-active::after { background: #53a471; height: 16px; }
.kzjz-banner .ibanner .swiper-pagination-bullet:hover { opacity: 1; }
.kzjz-banner .ibanner .swiper-pagination-bullet:hover:after { background: #53a471; height: 16px; }
.kzjz-banner .ibanner .banner-loaded .bar-container .btn-next, .ibanner .banner-loaded .bar-container .btn-prev { width: 45px; height: 70px; background-position: center center; background-size: auto 20px; background-color: rgba(113, 114, 115, 0.3); background-repeat: no-repeat; position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); cursor: pointer; z-index: 20; -webkit-transition: all ease .3s; transition: all ease .3s; opacity: 0; visibility: hidden; }
.kzjz-banner .ibanner .banner-loaded .bar-container .btn-next { background-image: url(../images/next.png); right: 0; }
.kzjz-banner .ibanner .banner-loaded .bar-container .btn-prev { background-image: url(../images/prev.png); left: 0; }
.kzjz-banner .ibanner .swiper-container-horizontal>.swiper-pagination-bullets { bottom: 30px !important; }
 @media (max-width: 992px) {
.kzjz-banner .ibanner .banner-loaded { margin-top: 65px; }
}
@media (min-width: 768px) {
.kzjz-banner .ibanner .banner-loaded .bar-container:hover .btn-next, .ibanner .banner-loaded .bar-container:hover .btn-prev { opacity: 1; visibility: visible; }
.kzjz-banner .ibanner .banner-loaded .bar-container .btn-prev:hover, .ibanner .banner-loaded .bar-container .btn-next:hover { background-color: #53a471; }
.kzjz-banner .ibanner .banner-loaded .bar-container:hover .btn-prev { left: 30px; }
.kzjz-banner .ibanner .banner-loaded .bar-container:hover .btn-next { right: 30px; }
}
.kzjz-ryzz .recent-works .container { max-width: 1400px; width: 100%; position: relative; }
.kzjz-ryzz .recent-works .title-section p { color: #000000; font-size: 38px; font-family: "Open Sans", sans-serif; font-weight: 300; margin: 0; }
.kzjz-ryzz .recent-works .title-section { text-align: center; padding-top: 50px; padding-bottom: 36px; display: none; }
.kzjz-ryzz .recent-works .owl-carousel .owl-wrapper:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
.kzjz-ryzz .recent-works .owl-carousel { position: relative; width: 100%; -ms-touch-action: pan-y; }
.kzjz-ryzz .recent-works .owl-carousel .owl-wrapper { display: none; position: relative; -webkit-transform: translate3d(0px, 0px, 0px); }
.kzjz-ryzz .recent-works .owl-carousel .owl-wrapper-outer { overflow: hidden; position: relative; width: 100%; }
.kzjz-ryzz .recent-works .owl-carousel .owl-wrapper-outer.autoHeight { -webkit-transition: height 500ms ease-in-out; -moz-transition: height 500ms ease-in-out; -ms-transition: height 500ms ease-in-out; -o-transition: height 500ms ease-in-out; transition: height 500ms ease-in-out; }
.kzjz-ryzz .recent-works .owl-carousel .owl-item { float: left; }
.kzjz-ryzz .recent-works .owl-controls .owl-page, .owl-controls .owl-buttons div { cursor: pointer; }
.kzjz-ryzz .recent-works .owl-buttons { text-align: right; }
.kzjz-ryzz .recent-works .owl-carousel .owl-wrapper, .latest-post .owl-carousel .owl-item { -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); }
.kzjz-ryzz .recent-works .owl-theme .owl-controls .owl-buttons div { color: #fff; display: inline-block; position: relative; zoom: 1; margin: 5px; font-size: 32px; background: #fff; border: 1px solid #dbdbdb; opacity: 1; padding: 0; width: 60px; height: 30px; transition: all 0.17s ease-in-out; -moz-transition: all 0.17s ease-in-out; -webkit-transition: all 0.17s ease-in-out; -o-transition: all 0.17s ease-in-out; }
.kzjz-ryzz .recent-works .owl-theme .owl-controls { margin-top: -40px; }
.kzjz-ryzz .recent-works .owl-theme .owl-controls .owl-buttons div:hover { border: 1px solid #0158cb; background: #0158cb; }
.kzjz-ryzz .recent-works .owl-theme .owl-controls .owl-buttons div:before { font-family: "FontAwesome"; position: absolute; font-size: 19px; color: #0158cb; width: 100%; left: 0; text-align: center; line-height: 30px; }
.kzjz-ryzz .recent-works .owl-theme .owl-controls .owl-buttons div:hover:before { color: #fff; }
.kzjz-ryzz .recent-works .owl-theme .owl-controls .owl-buttons div.owl-prev:before { content: "\f104"; }
.kzjz-ryzz .recent-works .owl-theme .owl-controls .owl-buttons div.owl-next:before { content: "\f105"; }
.kzjz-ryzz .recent-works .owl-carousel .owl-wrapper-outer { overflow: hidden; position: relative; width: 100%; }
.kzjz-ryzz .recent-works .owl-carousel .owl-item { float: left; }
.kzjz-ryzz .recent-works .news-item { margin: 15px;/*-o-border-radius: 6px;-webkit-border-radius: 6px;-moz-border-radius: 6px;border-radius: 6px;*/ overflow: hidden; }
.kzjz-ryzz .recent-works .news-item .inner-item { position: relative; overflow: hidden; }
.kzjz-ryzz .recent-works .news-item .inner-item img { max-width: 100%; transition: all 0.17s ease-in-out; -moz-transition: all 0.17s ease-in-out; -webkit-transition: all 0.17s ease-in-out; -o-transition: all 0.17s ease-in-out; transition: all .5s; }
.kzjz-ryzz .recent-works .news-item h5 { margin-bottom: 5px; line-height: 22px; color: #000000; font-size: 15px; font-weight: 300; margin: 0; text-align: center }
.kzjz-ryzz .recent-works .news-item p { line-height: 22px; margin-bottom: 10px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; }
.kzjz-ryzz .recent-works .owl-pagination { display: none; }
.kzjz-ryzz .hover-box { display: none; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgb(1 88 203 /80%); transition: all 0.17s ease-in-out; -moz-transition: all 0.17s ease-in-out; -webkit-transition: all 0.17s ease-in-out; -o-transition: all 0.17s ease-in-out; transform: scale(0); -webkit-transform: scale(0); -moz-transform: scale(0); -o-transform: scale(0); }
.kzjz-ryzz .recent-works .news-item:hover .hover-box { transform: scale(1); -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); -webkit-backface-visibility: hidden; }
.kzjz-ryzz .recent-works .news-item:hover .hover-box a { transform: scale(1); -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); -webkit-backface-visibility: hidden; }
.kzjz-ryzz .recent-works .hover-box a.zoom { right: 50%; margin-right: 5px; background: url(static/images/zoom.png) center center no-repeat; display: none }
.kzjz-ryzz .recent-works .hover-box a.page { left: 50%; margin-left: 5px; background: url(static/images/page.png) center center no-repeat; display: none }
.kzjz-ryzz .recent-works .hover-box a { width: 50px; height: 50px; display: inline-block; position: absolute; top: 50%; margin-top: -25px; transition: all 0.35s ease-in-out; -moz-transition: all 0.35s ease-in-out; -webkit-transition: all 0.35s ease-in-out; -o-transition: all 0.35s ease-in-out; transform: scale(0.1); -webkit-transform: scale(0.1); -moz-transform: scale(0.1); -o-transform: scale(0.1); -webkit-backface-visibility: hidden; display: none }
.kzjz-ryzz .recent-works .hover-box a:after { position: absolute; content: ""; width: 50px; height: 50px; background: url(static/images/zoom-after.png) center center no-repeat; transition: all 0.17s ease-in-out; -moz-transition: all 0.17s ease-in-out; -webkit-transition: all 0.17s ease-in-out; -o-transition: all 0.17s ease-in-out; display: none }
.kzjz-ryzz .recent-works .hover-box a:hover:after { transform: scale(1.2); -webkit-transform: scale(1.2); -moz-transform: scale(1.2); -o-transform: scale(1.2); opacity: 0; }
.kzjz-ryzz .recent-works .work-post-content { background-image: -webkit-linear-gradient( bottom, rgba(0, 0, 0, 0.08), rgba(255, 255, 255, 0.08) ); background-image: -moz-linear-gradient( bottom, rgba(0, 0, 0, 0.08), rgba(255, 255, 255, 0.08) ); background-image: -o-linear-gradient( bottom, rgba(0, 0, 0, 0.08), rgba(255, 255, 255, 0.08) ); background-image: linear-gradient( to top, rgba(0, 0, 0, 0.08), rgba(255, 255, 255, 0.08) ); ; padding: 8px; display: none }
.innewsdt { width: 100%; padding: 7vh 0 }
.innewsdt-tit { border-bottom: 1px solid #efefef; padding-bottom: 2rem }
.innewsdt-titl h3 { margin-top: 0; font-size: 3.2rem; line-height: 1; color: #171717; font-weight: bold }
.innewsdt-titl h5 { margin-top: 0; font-family: Arial; font-size: 1.8rem; color: #171717; line-height: 2 }
.innewsdt-titm { font-family: Arial; font-size: 2rem; color: #006df0; padding-top: 3rem; display: inline-block }
.news .newslf { padding-left: 0; }
.newslf .newsimg { width: 100%; overflow: hidden; margin-top: 5.8rem; height: 444px; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); }
.newslf .newsimg img { max-width: 100%; height: auto; }
.newslf img { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%; transition: all .5s ease; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; }
.newsrt dl:first-child { /* padding-top: 0;*/ }
.newsrt { padding-left: 5% }
.newsrt dl { width: 100%; overflow: hidden; /*  border-bottom: solid 1px #e6e6e6;*/ padding-bottom: 36px; padding-top: 4px; margin-top: 2.5rem; padding: 3% }
.newsrt dl:hover { background: #f6f6f6 }
.newsrt dl:hover .year { color: #006df0 }
.newslf .date, .newsrt dl dt { width: 13%; border-right: 1px solid #eaeaea; overflow: hidden; }
.newsrt dl dt { font-weight: normal; }
.newslf .date .year, .newsrt dl dt .year { width: 100%; overflow: hidden; font-size: 6rem; color: #555555; font-weight: bold; font-family: Arial; line-height: 0.8 }
.newslf .date .day, .newsrt dl dt .day { width: 100%; overflow: hidden; font-size: 2rem; color: #555555; font-family: Arial; margin-top: 10px; }
.newslf .newslfnr, .newsrt dl dd { width: 81%; overflow: hidden; }
.newslf .newslfnr .newstit, .newsrt dl dd .newstit { width: 100%; overflow: hidden; font-weight: bold; font-size: 2rem; color: #555555; line-height: 1.1; }
.newslf .newslfnr .newsms, .newsrt dl dd .newsms { width: 100%; overflow: hidden; font-size: 1.6rem; line-height: 2; color: #555555; margin-top: 10px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; }
@media(max-width:1280px) {
.cont1, .cont { width: 88%; }
}
.footer { width: 100%; overflow: hidden; position: static; background-color: #222222; }
.footer .f-footer { height: auto; max-height: none; min-height: 0px; /* margin-top: 60px;*/ margin-left: auto; margin-right: auto; margin-bottom: 40px; padding-top: 5rem; }
.footer .f-footer .p_gridCell { float: left; width: 23.862999999999996%; }
.footer .f-footer .p_gridCell .reset_style { color: #cacaca; font-size: 14px; line-height: 1.8; }
.footer .f-footer .p_gridCell .reset_style h4 { font-size: 24px; color: #fff; }
.footer .f-footer .p_gridCell p i { width: 14px; }
.footer .f-footer::after, .footer .f-footer::before { content: ''; display: block; clear: both; }
.footer .f-footer .p_gridCell2 { width: 74%; /*   margin-left: 1%;*/ float: left; /*   padding-left: 5%;*/ /* border-left: 1px solid rgba(255,255,255,0.2);
    border-right: 1px solid rgba(255,255,255,0.2);*/
padding-right: 3%; }
.footer .f-footer .p_gridCell2 ul, .footer .f-footer .p_gridCell2 li { padding: 0; list-style: none; }
.footer .f-footer .p_gridCell2 .lsitint .navLi { position: relative; width: calc((100% - 0px)/7); display: inline-block; float: left; }
.footer .f-footer .p_gridCell2 .lsitint .navLi h4 a { width: 75%; display: table; border-right: 1px solid #575757; font-size: 1.8rem; color: #bababa; text-decoration: none; transition: all 1s ease 0s; font-family: "微软雅黑"; }
.footer .f-footer .p_gridCell2 .lsitint .navLi:last-child h4 a { border-right: none; }
.footer .f-footer .p_gridCell2 .lsitint .navLi h4 { position: relative; margin-bottom: 3vh }
/*
.footer .f-footer .p_gridCell2 .lsitint .navLi:hover h4:after {
    width: 72px;
    transition: 0.3s all;
    background: #4b9afd;
}
.footer .f-footer .p_gridCell2 .lsitint .navLi h4:after {
    content: "";
    display: block;
    position: absolute;
    width: 25%;
    height: 2px;
    background: #4b9afd;
    left: 0px;
    transition: 0.3s all;
    z-index: 0;
    bottom: -16px;
}
*/
.footer .f-footer .p_gridCell2 .lsitint .navLi .navEjBox { width: 100%; padding: 0px; text-align: left; border: none; }
.footer .f-footer .p_gridCell2 .lsitint .navLi .navEjBox a { display: block; width: 100%; color: #797979; font-size: 14px; text-decoration: none; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; transition: all 1s ease 0s; line-height: 30px; }
.footer .f-footer .p_gridCell3 { /*    width: 12.3186%;*/ margin-left: 1%; float: right; position: static; }
.footer .f-footer .p_gridCell3 .w_fimg-000 { max-width: 140px; margin: 0 auto; margin-top: 10px; text-align: center; }
.footer .f-footer .p_gridCell3 .w_fimg-000 p { margin-top: 12px; color: #cacaca; font-size: 14px; text-align: center; }
.w_grid-000 { position: relative; margin-bottom: 20px; }
.w_grid-000 .p_gridbox { padding-top: 20px; width: 100%; border-top: solid 1px rgba(255,255,255,0.2); font-size: 14px; line-height: 2.2; color: #70737b; background: none; }
.w_grid-000 .p_gridbox::after, .w_grid-000 .p_gridbox::before { content: ''; display: block; clear: both; }
.w_grid-000 .p_gridbox .p_gridbox-left { float: left; }
.footer .f-footer .p_gridCell .reset_style p { margin: 0; line-height: 30px; }
.footer a { transition: all 1s ease 0s; }
.footer a:hover { color: #fff !important; }
.w_grid-000 .p_gridbox p { margin: 0; }
.w_grid-000 .p_gridbox .p_gridbox-left a { margin-left: 15px; color: inherit; text-decoration: none; }
.w_grid-000 .p_gridbox .p_gridbox-left a:hover { color: #fff; }
.area li { float: left; font-size: 14px; line-height: 2.25; color: rgba(255, 255, 255, 0.6); margin-right: 10px; }
.area li a, .area ul li.aream a:hover { color: rgba(255, 255, 255, 0.6); }
.area-t { color: rgba(255, 255, 255, 0.6); font-size: 1.6rem; line-height: 2.25;/* width: 6%;*/ }
.w_grid-000 .p_gridbox .p_gridbox-right a:hover { color: #fff; }
@media (max-width:992px) {
.footer .f-footer .p_gridCell { margin-left: 0px; clear: left; margin-right: 0px; width: 44.2728%; }
.footer .f-footer .p_gridCell2 { width: 54.727199999999996%; margin-left: 1%; }
.footer .f-footer .p_gridCell3 { margin-left: 0px; clear: left; margin-right: 0px; width: 44.2728%; }
}/*
@media (max-width:765px) {
.footer .f-footer .p_gridCell2, .footer .f-footer .p_gridCell3 { display: none; }
.w_grid-000 .p_gridbox .p_gridbox-left, .w_grid-000 .p_gridbox .p_gridbox-right { width: 100%; }
.footer .f-footer .p_gridCell { width: 100%; }
.w_grid-000 { padding: 0 15px; }
.footer .f-footer { margin-top: 30px; }
/*.footer{margin-bottom:80px;}*/
}*/
.p_gridCell3 li { float: left; margin-right: 6%; width: 47% }
.p_gridCell3 li:last-child { margin-right: 0 }
.f-footer { border-top: 1px solid #3c3c3c }
.banner-con { width: 100%; height: 55vh; }
.banner-conimg { width: 100%; height: 100%; background: url(../images/banner-con.jpg) center/cover no-repeat; }
 @media screen and (min-width: 768px) {
.container { width: 100%; }
}
 @media screen and (min-width: 992px) {
.container { width: 100%; }
}
@media (min-width: 1520px) {
.container { width: 1500px; }
}
/*@media (min-width: 1200px) { .container { width: 1170px; } }*/

.pro-cen {  color: #666; }

.pro-cen ul, .box1049_1 li { list-style: none; }
.pro-cen a { text-decoration: none; color: inherit; }
.pro-cen img { max-width: 100%; vertical-align: middle; border: 0; }
.m-pro-tel { }
.m-pro-tel h3 a {color: #fff; line-height:260%; }
.m-pro-tel h3 {margin-top:2px;background: #53a471;text-align: center;}
.pro-cen .sortNav { width: 100%; margin-bottom: 20px;}
.pro-cen .sortTitle {height: 90px;padding-top:14px;
    font-size: 26px; font-weight:600;
    color: #FFFFFF;
    text-align: center;
    font-weight: normal;
    border-radius: 10px 10px 0 0; }
	.pro-cen .sortTitle p{font-size:14px; text-transform:uppercase;line-height:26px; margin:0; font-weight:normal;}
.pro-cen .sortList {  border-radius: 0 0 3px 3px; }
.pro-cen .navItem { overflow: hidden; border-bottom: 1px solid #eee; position: relative; }
.pro-cen .navItem:last-child { border-bottom: none; }
.pro-cen .navItem > a { position: relative; display: block; vertical-align: middle;padding-left: 5%; background: #53a471 url(../images/in_arr.png) no-repeat 4% center;text-indent:20px;  background-size:15px 15px;  font-size: 15px; color: #fff; margin-bottom: 1px; height: 45px; line-height: 45px; }
.pro-cen .navItem > a:after { content: ''; position: absolute; display: block; width: 16px; height: 16px; top: 14px; right: 10px; background-image: url(../images/r_d.png); background-repeat: no-repeat; }
.pro-cen .navItem:hover > a { background:#178790 url(../images/in_arr.png) no-repeat 92% center;   background-size: 17px; color: #fff; }
.pro-cen .navItem:hover > a:after { background-image: url(../images/r_w.png); transform: rotate(90deg); -webkit-transform: rotate(90deg); }
.pro-cen .navItem.m-f > a { background:#178790 url(../images/in_arr.png) no-repeat 92% center; 
    background-size: 16px; color: #fff; }
.pro-cen .navItem.m-f > a::after { background-image: url(../images/r_w.png); transform: rotate(90deg); -webkit-transform: rotate(90deg); }
.pro-cen .navItem.m-f .subnav {display:block;}
.pro-cen .navItem.m-f .subnav .m-s .three-stage{display:block;}
.pro-cen .subnav { background: #fff; display: none; }
.pro-cen .subnav > li > a { font-size: 14px; color: #666; padding: 15px; position: relative; display: block; border-bottom: 1px solid #ddd; -webkit-transition: .3s; transition: .3s; padding-left: 5%}
.pro-cen .subnav > li > a:hover{ padding: 15px 5px 15px 40px; color: #a20011;}
.pro-cen .subnav > li > a:after { content: ''; position: absolute; display: block; width: 16px; height: 16px; top: 14px; right: 10px; background-image: url(../images/r_d.png); background-repeat: no-repeat; -webkit-transition: -webkit-transform .3s; transition: -webkit-transform .3s; transition: transform .3s; transition: transform .3s, -webkit-transform .3s; }
.pro-cen .subnav .m-s > a { color: #a20011; background-color: #f7f7f7; }
.pro-cen .subnav .m-s > a::after { background-image: url(../images/r_d.png); transform: rotate(90deg); -webkit-transform: rotate(90deg); }
.pro-cen .three-stage { background: #fff; border-bottom: 1px solid #ddd; display: none; }
.pro-cen .three-stage li a { position: relative; display: block; font-size: 4px; color: #888; padding: 10px 10px 10px 40px; position: relative; }
.pro-cen .three-stage li a:hover { color: #a20011; }
.pro-cen .three-stage li a:after { content: ''; position: absolute; display: block; width: 16px; height: 16px; top: 10px; left: 20px; background-image: url(../images/r_d.png); background-repeat: no-repeat; -webkit-transition: -webkit-transform .3s; transition: -webkit-transform .3s; transition: transform .3s; transition: transform .3s, -webkit-transform .3s; }
.pro-cen .three-stage li.cur a { color: #a20011; }
.pro-cen .subnav > li:hover ,.pro-cen .subnav > li.aa {background:#f0f0f0}
.pro-cen .subnav > li:hover a,.pro-cen .subnav > li.aa a{ color:#a20011;font-weight: bold;  } 
/**/
.products-list .cont { width: 100%; margin: 0 auto; }
.products-list .cont .list::after { content:''; display: block; clear: both; }
.products-list .cont .item { width: 23.5%; margin-right: 2%; float: left; margin-bottom: 30px; border-bottom: 1px solid #ededed; -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out; }
.products-list .cont .item:nth-child(4n){  margin-right: 0}
.products-list .cont .item .img { overflow: hidden; max-width: 100% }
.products-list .cont .item .img img { max-width: 100%; -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out; }
.products-list .cont .item .text {margin-top: 5px; padding: 10px 10px; background: #f3f3f3 }
.products-list .cont .item .text h2 { font-size: 15px; font-weight: normal; color: #333; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.products-list .cont .item .text p { font-size: 14px; color: #999; margin-top: 10px; line-height: 1.6em; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; text-overflow: ellipsis; }
.products-list .cont .item:hover{ box-shadow: 0 0 15px rgba(0,0,0,.2); transform: translateY(-10px)}
.products-list .cont .item:hover .img img { -webkit-transform: scale(1.1); transform: scale(1.1); }
.products-list .cont .item:hover .text h2 { color: #BD9765; }

.products-list ul,.products-list  li { list-style: none; }
.products-list .cont .item:hover .text{ background: #a20011 } 
.products-list .cont .item:hover .text h2{ color: #fff }
.products-list a { text-decoration: none; }
/* 内页样式 */
.m-page { background: #fff; }
.m-page .left-box { padding-left: 0; display: none; }
.m-page .left-box .menu-wrap { background: #fff; }
.left-box1,.m-page .left-box .menu-wrap .title { height: 60px; line-height: 60px; background: #7c94c0; color: #fff; font-size: 2rem; font-weight: bold; text-align: left; padding-left: 23px; }
.left-box1,.m-page .left-box .menu-wrap .menu-list { padding-bottom: 20px; }
.left-box1,.m-page .left-box .menu-wrap .menu-list .items a { display: block; overflow: hidden; padding: 23px; border-bottom: 1px dashed #eee; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 1.8rem; }
.left-box1,.m-page .left-box .menu-wrap .menu-list .items a i { float: right; vertical-align: middle; font-size: 20px; color: #8496c1; }
.left-box1,.m-page .left-box .menu-wrap .menu-list .items a:hover { padding: 23px; color: #fff; background: #8496c1; border-bottom-color: #8496c1; font-size: 1.8rem; }
.left-box1,.m-page .left-box .menu-wrap .menu-list .items a:hover i { color: #fff; }
.left-box1,.m-page .left-box .menu-wrap .menu-list .items > a:hover { padding: 15px 20px; }
.left-box1,.m-page .left-box .menu-wrap .menu-list .subnav a { padding: 12px 15px 12px 30px; color: #666; font-size: 12px; }
.left-box1,.m-page .left-box .contact { margin-top: 30px; background: #fff; }
.left-box1,.m-page .left-box .contact .pic { display: block; position: relative; height: 96px; overflow: hidden; }
.left-box1,.m-page .left-box .contact .pic .text { position: absolute; top: 50%; margin-top: -32px; width: 80%; height: 64px; background: #a00b04; background: rgba(33, 33, 33, 0.5); line-height: 32px; }
.left-box1,.m-page .left-box .contact .pic .text span { display: block; padding-left: 16px; text-transform: uppercase; font-size: 18px; font-weight: 700; color: #FFF; }
.left-box1,.m-page .left-box .contact .contact-list { padding: 16px; }
.left-box1,.m-page .left-box .contact .contact-list li { padding: 7px 0; font-size: 1.6rem; }
.left-box1,.m-page .left-box .contact .contact-list li span { font-size: 1.4rem; }
.m-page .right-box { padding-right: 0; padding-left: 0 }
.m-page .right-box .right-con { padding: 1% 1%; background: #fff; }
.m-page .right-box .right-con .g-caption { line-height: 48px; border-bottom: 1px solid #ddd; display: none; }
.m-page .right-box .right-con .g-caption .name { font-size: 22px; }
.m-page .right-box .right-con .g-caption .name i { vertical-align: middle; font-size: 26px; padding-right: 10px; }
.m-page .right-box .right-con .g-caption .sitepath .link { color: #666; max-width: 520px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.m-page .right-box .right-con .g-caption .sitepath .link span { padding-right: 5px; }
.m-page .right-box .right-con .g-caption .sitepath .link i { padding: 0 10px; }
.m-page .right-box .right-con .g-caption .sitepath .menu-link { cursor: pointer; }
.m-page .right-box .right-con .main {/* padding-top: 15px;*/ }
.m-page .right-box .right-con .main .intro-pic { width: 250px; max-height: 190px; padding: 4px; border: 1px solid #ddd; text-align: center; overflow: hidden; margin: 0 auto 15px; }
.m-page .right-box .right-con .main .intro-wrap { line-height: 24px; }
.m-page .right-box .right-con .main .intro-wrap img { max-width: 100%; }
.m-page .right-box .m-p-list .list { padding: 8px; }
.m-page .right-box .m-p-list .list .p-img { height: 153px; padding: 4px; border: 1px solid #ddd; overflow: hidden; position: relative; text-align: center; -webkit-transition: all ease 0.3s; transition: all ease 0.3s; }
.m-page .right-box .m-p-list .list .p-img img { display: block; max-height: 100%; position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }
.m-page .right-box .m-p-list .list .p-title { padding: 15px 0 5px; text-align: center; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; -webkit-transition: all ease 0.3s; transition: all ease 0.3s; }
.m-page .right-box .m-p-list .list:hover .p-img { border-color: #c80e05; }
.m-page .right-box .m-p-list .list:hover .p-title { color: #c80e05; }
.m-page .menu-wrap, .m-page .contact, .m-page .right-con {/* -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0.1); box-shadow: 0 0 1px rgba(0, 0, 0, 0.1);*/ }
.pagecon .piece { margin-top: 20px; }
.form-horizontal .form-group { margin-right: 0; margin-left: 0; }
a, a:after, a:before { color: inherit; cursor: pointer; -webkit-transition: all ease 0.3s; transition: all ease 0.3s; }
.contact .pic img { max-width: 100% }
.pagecon p { font-size: 2rem; line-height: 2.5; text-indent: 2em; margin: 0 }
.m-guest { padding-top: 15px; }
.m-guest .tips { padding: 15px 0 20px; line-height: 22px; color: #999; }
.m-guest .tips:hover { color: #8496c1; }
.m-guest .form-group { margin-bottom: 20px; }
.m-guest .form-control { border-radius: 0; resize: vertical; }
.m-guest .form-control:focus { border-color: #8496c1; outline: 0; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(0, 0, 0, 0.4); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(0, 0, 0, 0.4); }
.m-guest .yzm-control { display: inline-block; width: 100px; margin-right: 10px; }
.m-guest .btns .btn { background: linear-gradient(30deg, #ff5951, #ff9e4f); ; color: #fff; border-radius: 0; padding: 8px 30px; margin-right: 15px; -webkit-transition: all ease 0.3s; transition: all ease 0.3s; }
.m-guest .btns .btn-submit:hover { background: #ff5a51; }
.m-guest .btns .btn-reset { background: #1279e7; }
.m-guest .btns .btn-reset:hover { background: linear-gradient(30deg, #4b6fad, #667dc0); ; }
.kznewslists { margin-top: 40px; margin-bottom: 40px; }
.kznewslists dl { width: 100%; overflow: hidden; margin: 32px 0; background: #f5f5f5; padding: 16px 24px; }
.kznewslists dl dt { width: 23%; height: 200px; overflow: hidden; float: left; position: relative; }
.kznewslists dl dt img { display: block; max-width: 100%; height: auto; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%; transition: all .5s ease; }
.kznewslists dl:hover dt img { transform: translate(-50%, -50%) scale(1.0); }
.kznewslists dl dd { width: 75%; overflow: hidden; float: right; }
.kznewslists dl dd .kznewslistsbt { width: 100%; overflow: hidden; font-size: 20px; line-height: 30px; margin-top: 19px; white-space: nowrap; text-overflow: ellipsis; }
.kznewslists dl dd .kznewslistsdate { width: 100%; overflow: hidden; font-size: 15px; line-height: 30px; margin-top: 3px; padding-bottom: 15px; border-bottom: dashed 1px #333333; }
.kznewslists dl dd .kznewslistsms { width: 100%; overflow: hidden; font-size: 16px; line-height: 30px; margin-top: 14px; }
.kznewslists dl:hover { box-shadow: 2px 0px 8px rgba(0,0,0, 0.22); -moz-box-shadow: 2px 0px 8px rgba(0,0,0, 0.22); -webkit-box-shadow: 2px 0px 8px rgba(0,0,0, 0.22); }
.kznewslists dl:hover dd .kznewslistsbt, .kznewslists dl:hover dd .kznewslistsms { /*  color:#1e74dc;*/ }
.kznewslists h1 { text-align: center; font-size: 20px; line-height: 30px; margin: 0; }
.kznewslists .fbtime { font-size: 14px; padding: 15px 0; border-bottom: 1px dashed #ccc; text-align: center; color: #999; margin-bottom: 30px; }
.kznewslists .fbnr { width: 100%; overflow: hidden; font-size: 16px; line-height: 30px; }
.kznewslists .fbnr p { overflow: hidden; font-size: 16px; line-height: 30px; margin-top: 5px; }
.kznewslists .fbnr img { max-width: 100%; height: auto; }
 /*@media(max-width:640px) {
.kznewslists dl dt, .kznewslists dl dd { width: 100%; }
}*/
@media (max-width: 940px) {
.area { display: none }
.cont1, .cont { width: 100%; }
}
.piece .pageslf, .piece .pagesrt { width: 50%; overflow: hidden; font-size: 16px; line-height: 40px; padding: 0 1%; text-align: center; background: #f7f7f7; white-space: nowrap; text-overflow: ellipsis; }
/*@media (max-width: 640px) {
.piece .pageslf, .piece .pagesrt { width: 100%; }
}*/
.piece .pageslf a, .piece .pagesrt a { font-size: 1.6rem; color: #000; text-decoration: none; }
.piece .pageslf a, .piece .pagesrt a { font-size: 1.6rem; color: #000; text-decoration: none; }
.s-honor .sh-honor { max-width: 100%; margin: 0 auto; }
.s-honor .sh-honor .pro-item { margin-bottom: 30px; width: 25%; }
.s-honor .sh-honor .pro-item .pro-img { overflow: hidden; background: #fff; }
.s-honor .sh-honor .pro-item .pro-img img { -webkit-transition: all ease .3s; transition: all ease .3s; margin: 0 auto; }
.s-honor .sh-honor .pro-item .caption { background: #f6f6f6; text-align: center; padding: 15px 10px; -webkit-transition: all ease .3s; transition: all ease .3s; }
.s-honor .sh-honor .pro-item .caption .title { font-size: 18px; color: #393939; -webkit-transition: all ease .3s; transition: all ease .3s; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.s-honor .sh-honor .pro-item .caption .sub-title { display: none; color: #666; margin-top: 10px; -webkit-transition: all ease .3s; transition: all ease .3s; }
.s-honor .sh-honor .pro-item:hover .pro-img img { -webkit-transform: scale(1.0, 1.0); transform: scale(1.0, 1.0); }
.s-honor .sh-honor .pro-item:hover .caption { background-color: #006b71; }
.s-honor .sh-honor .pro-item:hover .caption .title { color: #fff; }
.s-honor .sh-honor .pro-item:hover .caption .sub-title { color: #fff; }
 /*@media (max-width: 768px) {
.s-honor .sh-honor { padding: 0 5px; }
.s-honor .sh-honor .pro-item { margin-bottom: 12px; padding: 0 10px; }
.s-honor .sh-honor .pro-item .caption { padding: 5px 5px; background: #f3f3f3; }
.s-honor .sh-honor .pro-item .caption .title { font-size: 15px; line-height: 30px; }
.s-honor .sh-honor .pro-item .caption .sub-title { font-size: 14px; }
.s-honor .sh-honor .pro-item .caption .sub-title { display: none; }
}*/
.s-honor .m-page { text-align: center; margin: 0; }
.s-honor .m-page .pagination > li > a, .s-honor .m-page .pagination > li > span { color: #777; }
.s-honor .m-page .pagination > .active > a, .s-honor .m-page .pagination > .active > span, .s-honor .m-page .pagination > .active > a:hover, .s-honor .m-page .pagination > .active > span:hover, .s-honor .m-page .pagination > .active > a:focus, .s-honor .m-page .pagination > .active > span:focus { background-color: #53a471; border-color: #53a471; color: #fff; }
.s-honor .m-page .pagination > li > a:hover, .s-honor .m-page .pagination > li > span:hover, .s-honor .m-page .pagination > li > a:focus, .s-honor .m-page .pagination > li > span:focus { background-color: #53a471; border-color: #53a471; color: #fff; }
@media (max-width: 992px) {
.s-honor .sh-honor .pro-item { width: 33.333% }
.s-honor .sh-honor { padding: 0 10px; }
}/*
@media (max-width: 768px) {
.s-honor .m-page { margin: 30px 0; }
.s-honor .sh-honor .pro-item { width: 50% }
}*/
@media (max-width: 900px) {
.nnews .fbnr img { max-width: 100%; height: auto; }
}
.nfzlcnr h3 { width: 100%; overflow: hidden; font-size: 40px; color: #343434; line-height: 50px; font-weight: normal; }
/*大事记start*/
.event_box { width: 100%; margin: 100px auto 0; position: relative; min-height: 420px; }
.event_box .parHd { width: 100%; display: inline-block; height: 92px; overflow: hidden; }
.parHd ul { width: 100%; text-align: center; margin: 0 auto; padding-top: 25px !important; }
.parHd .tempWrap { margin: 0 auto; }
.parHd .tempWrap:after { content: ''; width: 85%; height: 1px; background: #580000; position: absolute;/* top:33%;*//* right:-140%;*/ right: 8%; top: 35%;/* margin-top:-0.5px;*/ z-index: 10; }
.parHd li.no_line:before { display: none; }
.parHd li { display: inline-block; cursor: pointer; padding-top: 50px; font-size: 16px; color: #000; margin: 0 30px; position: relative; }
.parHd li:after { content: ''; background: url(../images/dot_ico.png) no-repeat; width: 24px; height: 24px; position: absolute; z-index: 20; top: 0; left: 50%; margin-left: -12px; }
.parBd { text-align: center; margin-top: 60px; }
.parBd h4 { position: relative; font-size: 40px; margin-bottom: 3%;/*width:200px;*/ padding: 0 60px; display: inline-block; text-align: center; }
.parBd h4:after { content: ''; background: #000; width: 100px; height: 1px; position: absolute; left: -100px; bottom: 12px; }
.parBd h4:before { content: ''; background: #000; width: 100px; height: 1px; position: absolute; right: -100px; bottom: 12px; }
.parBd p { line-height: 180%; font-size: 16px; width: 80%; margin: 0 auto; }
div#listBox { width: 100%; }
.sPrev, .sNext { width: 30px; height: 30px; display: block; position: absolute; top: 20px; z-index: 99; }
.sPrev { left: 0; }
.sNext { right: 0; }
.sPrev img, .sNext img { transition: all .6s cubic-bezier(.51, 1.1, .9, .95); -moz-transition: all .6s cubic-bezier(.51, 1.1, .9, .95); -webkit-transition: all .6s cubic-bezier(.51, 1.1, .9, .95); -o-transition: all .6s cubic-bezier(.51, 1.1, .9, .95); }
.parHd li.act span { display: block; width: 24px; height: 24px; overflow: hidden; background: url(../images/cat.png) no-repeat; position: absolute; top: 0; left: 14px; z-index: 21; }
.parHd li span, .parHd li.clone span { display: none; }
/*@media (max-width: 750px) {
.banner-con { height: 160px; }
.kz-tit h3 { font-size: 3.2rem; line-height: 1; }
.kz-tit h4 { font-size: 2.2rem; line-height: 1; padding-top: 1rem; }
.kz-tit h2 { font-size: 1.8rem; line-height: 1; padding-top: 2rem; padding-bottom: 4rem }
.in-honor { padding-top: 4vh; padding-bottom: 5vh }
.kzjz-ryzz .recent-works .owl-theme .owl-controls { margin-top: -20px; }
.about-right { margin-top: 4vh }
.about-right .about-main { margin-bottom: 0 }
.about-right .about-img { margin-top: 2vh }
.botn .botn-en ul li { width: 47% }
.botn .botn-en ul li { padding: 0 5% }
.botn .botn-en ul li h3 { padding-left: 3rem; font-size: 1.4rem; }
.botn .botn-en ul li { background: linear-gradient(30deg, #ff5c51, #ff9b4f); }
.botn .botn-en ul li:first-child h3 { background: url(../images/in-about-hxt1.png) left center no-repeat; background-size: 18%; }
.botn .botn-en ul li:nth-child(2) h3 { background: url(../images/in-about-hxt2.png) left center no-repeat; background-size: 18%; }
.botn .botn-en ul li:nth-child(3) h3 { background: url(../images/in-about-hxt3.png) left center no-repeat; background-size: 18%; }
.botn .botn-en ul li:nth-child(4) h3 { background: url(../images/in-about-hxt4.png) left center no-repeat; background-size: 18%; }
.botn .botn-en ul li:nth-child(5) h3 { background: url(../images/in-about-hxt5.png) left center no-repeat; background-size: 18%; }
.botn .botn-en ul li:nth-child(6) h3 { background: url(../images/in-about-hxt6.png) left center no-repeat; background-size: 18%; }
.botn .botn-en ul li:hover h3 { background-size: 18% !important; }
.advan-list li.device { width: 46%; margin-right: 4%; /* border: 1px solid #eaeaea; */ margin-bottom: 2vh; }*/
/*.advan-list .advan-item .advan-txt h3 { display: none }
.advan-list .advan-item .advan-txt p { display: none }
.in-service { background-size: 100% 100% }
.advan-list .advan-item .advan-txt h2 { font-size: 1.8rem; line-height: 1 }
.advan-list .advan-item { padding-bottom: 2rem; }
.advan-list .advan-item .advan-txt { padding: 5px 15px 12px; }
.in-kz-btn { padding: 7px 22px; font-size: 1.2rem; line-height: 1 }
.in-coopertit h3 { font-size: 3.2rem; }
.in-coopertit h5 { font-size: 1.8rem; color: #fff; font-weight: bold; line-height: 1; padding: 3rem 0 1.2rem 0; }
.in-coopertit h6 { font-size: 1.2rem; line-height: 1; }
.gds { padding: 8px 27px; display: inline-block; color: #fff; font-size: 1.6rem; line-height: 1; font-family: Arial; margin-top: 3rem; border: 4px solid #fff; font-weight: bold; }
.in-mdlist-tit { padding-top: 0 }
.kzbf h2 { font-size: 1.8rem; color: #046ae5; font-weight: bold; line-height: 1; padding-bottom: 1rem; }
.in-kzbf-list li h3 { font-size: 1.6rem; }
.kzbf h4 { font-size: 1.6rem; color: #4a4a4a; font-weight: bold; line-height: 1; padding-top: 1.6rem; }
.in-kzbf-list { margin: 2.5rem 0; }
.kzmd { padding: 5% 3% 2% 3%; }
.kzbf { padding: 0% 3% 4% 3%; }
.footer-logo-img img { max-width: 80% }
.newslf .newslfnr .newstit, .newsrt dl dd .newstit { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; font-size: 1.6rem; }
.newslf .newslfnr .newsms, .newsrt dl dd .newsms { font-size: 1.6rem; line-height: 1.5; }
.newslf .date, .newsrt dl dt { width: 20% }
.newslf .date .year, .newsrt dl dt .year { font-size: 4rem; }
.newslf .date .day, .newsrt dl dt .day { font-size: 1.4rem; }
.newslf .newsimg { margin-top: 2.8rem; height: 250px; }
.innewsdt { padding: 3vh 0; }
.in-cooperation { padding-bottom: 0 }
.nnews .fbnr img { text-indent: 0; display: block }
.advan-list li.device:nth-child(2n) { margin-right: 0 }
.in-mdlist { padding-right: 0 }
.kzcs { width: 86%; margin: 0 auto; }
.advan-list li.device:nth-child(5) { margin-right: 4% }
.botn .botn-en ul li h3 { color: #fff }
.kzjz-nav .top-nav { background: #fff }
.kzjz-nav .top-nav .nav-toggle span { background-color: #1279e7 }
.kzjz-nav .top-nav .container { padding: 4px 10px; }
.kzjz-nav .top-nav .nav-toggle { border: none }
/*	.logoimg1{ display:block; }
	.logoimg{ display:none;height:0}
	.logoimg img{ display:none;height:0}*/
/*.kzmd h3 { text-align: center; padding-bottom: 2rem; }
.innewsdt-tit { padding-bottom: 0 }
.innewsdt-titl h3 { font-size: 2.2rem; }
/*#mfid4{ display:none}*/
/*.newslf .newslfnr, .newsrt dl dd { width: 77% }
.newsrt dl { width: 100%; overflow: hidden; padding-bottom: 36px; padding-top: 4px; margin-top: 1.5rem; padding: 1%; margin-bottom: 0; }
/.newslf .newslfnr .newstit, .newsrt dl dd .newstit { line-height: 1.2 }
.kzjz-banner .ibanner .swiper-pagination-bullet { width: 12px; height: 12px; opacity: 1 !important }
.kzjz-banner .ibanner .swiper-pagination-bullet::after { height: 12px; }
.swiper-pagination-bullet { opacity: 1 !important }
.logoimg-img { background: url(../images/logo-2.png) no-repeat; display: block; width: 216px; height: 58px; }
.box3009_-6066 .m-site .container { width: 100%; text-align: left; padding: 0 20px; }
.box3009_-6066 .m-site { padding: 15px 0; margin-bottom: 30px; border-bottom: 1px solid #efefef; }
.box3009_-6066 .m-site .pos { float: left; width: 75%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: #999; }
.box3009_-6066 .m-site .more { float: right; color: #666; }
.visible-xs { display: block!important; }
}*//*
.f7 .m-mod { font: 14px/1.43 'Microsoft Yahei', Arial, sans-serif; color: #333; }
.f7 .m-mod * { margin: 0; padding: 0; box-sizing: border-box; -webkit-box-sizing: border-box; }
.f7 .m-mod a { color: inherit; text-decoration: none; }
.f7 .m-mod img { max-width: 100%; width: 120px; border: 0; vertical-align: middle; }
.f7 .m-mod ul, .f7 .m-mod li { list-style: none; }
.f7 .m-gotop { position: fixed; z-index: 55; right: 0; bottom: 85px; width: 70px; height: 240px; }
.f7 .m-gotop-box { position: relative; float: right; }
.f7 .m-gotop .a { display: block; width: 44px; height: 44px; background-color: #353535; margin-bottom: 4px; cursor: pointer; outline: none; }
.f7 .m-gotop .a.active, .f7 .m-gotop .a:hover { background: #1279e7; }
.f7 .m-gotop .a .i { float: left; width: 44px; height: 44px; background-image: url(../images/side_icon.png); background-repeat: no-repeat; }
.f7 .m-gotop .a-service .i { width: 20px; height: 20px; margin-top: 12px; margin-left: 12px; background-image: url(../images/suspension-bg.png); background-repeat: no-repeat; background-position: 0 0; }
.f7 .m-gotop .a-service-phone .i { width: 20px; height: 20px; margin-top: 12px; margin-left: 12px; background-image: url(../images/suspension-bg.png); background-repeat: no-repeat; background-position: -27px 0; }
.f7 .m-gotop .a-qrcode .i { background-position: -44px 0; }
.f7 .m-gotop .a-cart .i { background-position: -88px 0; }
.f7 .m-gotop .a-top .i { background-position: -132px 0; }
.f7 .m-gotop .a-top { background: #D2D3D6; display: none; }
.f7 .m-gotop .a-top:hover { background: #c0c1c3; }
.f7 .m-gotop .d { display: none; width: 223px; background: #fff; position: absolute; right: 67px; min-height: 90px; border: 1px solid #E0E1E5; border-radius: 3px; box-shadow: 0px 2px 5px 0px rgba(161, 163, 175, 0.11); }
.f7 .m-gotop .d .arrow { position: absolute; width: 8px; height: 12px; background: url(../images/side_bg_arrow.png) no-repeat; right: -8px; top: 31px; }
.f7 .m-gotop .d-service { top: 0; }
.f7 .m-gotop .d-service-phone { top: 34px; }
.f7 .m-gotop .d-qrcode { top: 78px; }
.f7 .m-gotop .d .inner-box { padding: 8px 22px 12px; }
.f7 .m-gotop .d-service-item { border-bottom: 1px solid #eee; padding: 14px 0; }
.f7 .m-gotop .d-service .d-service-item { border-bottom: none; }
.f7 .m-gotop .d-service-item .circle { width: 44px; height: 44px; border-radius: 50%; overflow: hidden; background: #F1F1F3; display: block; float: left; }
.f7 .m-gotop .d-service-item .i-qq { width: 44px; height: 44px; background: url(../images/side_con_icon03.png) no-repeat center 15px; display: block; transition: all .2s; border-radius: 50%; overflow: hidden; }
.f7 .m-gotop .d-service-item:hover .i-qq { background-position: center 3px; }
.f7 .m-gotop .d-service-item .i-tel { width: 44px; height: 44px; background: url(../images/side_con_icon02.png) no-repeat center center; display: block; }
.f7 .m-gotop .d-service-item h3 { float: left; width: 112px; line-height: 44px; font-size: 15px; margin-left: 12px; }
.f7 .m-gotop .d-service-item .text { float: left; width: 112px; line-height: 22px; font-size: 15px; margin-left: 12px; }
.f7 .m-gotop .d-service-item .text .number { font-family: "Microsoft Yahei", Arial, sans-serif; }
.f7 .m-gotop .d-service-intro { padding-top: 10px; }
.f7 .m-gotop .d-service-intro p { float: left; line-height: 27px; font-size: 12px; width: 50%; white-space: nowrap; color: #888; }
.f7 .m-gotop .d-service-intro i { background: url(../images/side_con_icon01.png) no-repeat center center; height: 27px; width: 14px; margin-right: 5px; vertical-align: top; display: inline-block; }
.f7 .m-gotop .d-qrcode { text-align: center; }
.f7 .m-gotop .d-qrcode .inner-box { padding: 20px 0; }
.f7 .m-gotop .d-qrcode p { font-size: 16px; color: #93959c; }*/
.in-sertiten { color: #eff2f5 !important }
.in-qhnews { width: 100%; overflow: hidden; margin-top: 46px; }
.in-qhnews dl { overflow: hidden; padding: 0 15px; margin: 10px 0; }
.in-qhnews dl dt { width: 100%; overflow: hidden; text-align: center; position: relative; height: 328px; box-shadow: 0px 0px 6px #ccc}
.in-qhnews dl dt .newsdate { width: 108px; height: 34px; background: #0c95ff; text-align: center; line-height: 34px; font-size: 15px; color: #fff; position: absolute; right: 0; top: 0; display: none; }
.in-qhnews dl dt img { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%; height: auto; transition: all .5s ease; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; }
.in-qhnews dl:hover dt img { transform: translate(-50%, -50%) scale(1.2); }
.in-qhnews dl dd { width: 100%; overflow: hidden; padding: 30px; padding-left: 0 }
.in-qhnews dl dd h2, .in-qhnews dl dd h5 { color: #666 }
.in-qhnews dl dd:hover h2, .in-qhnews dl dd:hover h5 { color: #329077 }
.in-qhnews dl dd:hover h4 { color: #0e7273 }
.in-qhnews dl dd h5 { font-size: 16px }
.in-qhnews dl dd h4 { margin-top: 2vh; width: 100%; overflow: hidden; font-size: 18px; font-weight: 600; color: #1c1c1c; line-height: 30px; text-overflow: ellipsis; white-space: nowrap; }
.in-qhnews dl dd p { width: 100%; margin：0 overflow:hidden;
color: #6d6d6d; font-size: 16px; line-height: 200%; }
.in-qhnews dl:hover dd { }
.in-qhnews dl:hover dt .newsdate { background: #0058da; }
.in-qhnews dl:hover dd h4, .in-qhnews dl:hover dd p { }
.in-qhnewsli { width: 100%; overflow: hidden; text-align: center; margin-top: 68px; }
.in-qhnewsli ul { display: inline-block; }
.in-qhnewsli ul li { width: 192px; height: 50px; line-height: 50px; overflow: hidden; float: left; text-align: center; border: solid 1px #000; border-radius: 25px; margin: 0 19px; }
.in-qhnewsli ul li a { font-size: 16px; color: #000; display: block; transition: all .5s ease; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; }
.in-qhnewsli ul li:hover { background: #383a48; }
.in-qhnewsli ul li:hover a { color: #fff; }
.in-qhxm { width: 100%; overflow: hidden; position: relative; /*margin-top:80px;*/ }
.in-qhxm dl { width: 100%; overflow: hidden; }
.in-qhxm dl dt { width: 44%; overflow: hidden; float: left; padding: 0px 4% 0 0px; font-weight: normal; text-align: left; height: 498px; }
.in-qhxm dl dt .newsdate { width: 100%; overflow: hidden; font-size: 16px; color: #fff; line-height: 30px; }
.in-qhxm dl dt h4 { width: 100%; overflow: hidden; font-size: 3.4rem; font-weight: bold; color: #0058da; line-height: 1; margin-top: 8px; white-space: nowrap; text-overflow: ellipsis; }
.in-qhxm dl dt .newsms { width: 100%; overflow: hidden; color: rgba(255,255,255,0.6); margin-top: 40px; line-height: 24px; }
.in-qhxm dl dt hr { width: 85%; border: none; border-bottom: solid 2px #fff; margin-top: 64px; }
.in-qhxm dl dt .newsmore { width: 100%; overflow: hidden; font-size: 16px; color: #fff; line-height: 30px; margin-top: 40px; }
.in-qhxm dl dd { width: 56%; overflow: hidden; float: left; position: relative; height: 498px; }
.in-qhxm dl dd img { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%; transition: all .5s ease; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; }
.in-qhxm dl:hover dd img { transform: translate(-50%, -50%) scale(1.2); }
.in-qhxm .owl-controls .owl-buttons .owl-number { display: none; }
.in-qhxm .owl-controls .owl-buttons div { width: 80px; height: 80px; border-radius: 50%; position: absolute; bottom: 30px; left: 112px; transition: all .5s ease; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; }
.in-qhxm .owl-controls .owl-buttons .owl-prev { background:/*#e7e7f0*/ url(../images/in-xm-jtl.png) no-repeat center; left: 0; }
.in-qhxm .owl-controls .owl-buttons .owl-prev:hover { background:/*#099553*/ url(../images/in-xm-jtlh.png) no-repeat center; }
.in-qhxm .owl-controls .owl-buttons .owl-next { background:/*#e7e7f0*/ url(../images/in-xm-jtr.png) no-repeat center; right: 0; }
.in-qhxm .owl-controls .owl-buttons .owl-next:hover { background:/*#099553*/ url(../images/in-xm-jtrh.png) no-repeat center; }
.in-qhxm .owl-controls .owl-pagination { position: absolute; display: none; top: 115px; right: 280px; }
.in-qhxm .owl-controls .owl-pagination .owl-page { width: 88px; height: 2px; background: #c2c7cf; float: left; }
.in-qhxm .owl-controls .owl-pagination .active { background: #3a509d; }
.in-qhxmcon { width: 100%; overflow: hidden; }
.in-qhxmcon h4 { width: 100%; overflow: hidden; font-size: 28px; color: #343434; margin: 0; }
.in-qhxmcon h4 i { color: #0c95ff; font-size: 5.4rem; margin-right: 22px; line-height: 1 }
.in-qhxmcon .ysms { width: 100%; overflow: hidden; font-size: 1.8rem; color: #3b3b3b; line-height: 1.8; margin-top: 40px; text-align: justify; }
.in-qhxmcon h5 { font-size: 2.4rem; color: #3b3b3b; line-height: 1; font-weight: bold; padding-top: 9vh; }
.in-hr { background: #f0f3f6; width: 100%; padding: 6vh 0 }
.in-hrtx { font-size: 4.6rem; color: #006b71; font-weight: bold; line-height: 1 }
.in-hrtx span { font-family: Arial; color: #0d96ff; font-size: 5.4rem; }
.zytd-tab { text-align: center; margin-bottom: 5vh; margin-top: 6vh; text-align: left; width: 80% }
.zytd-tab li { display: inline-block; cursor: pointer;/*height:40px;*/ line-height: 2; width: 29%; margin-right: 4.0%; font-size: 3.6rem; font-weight: bold; border-radius: 15px; color: #fff; background: #006b71; text-align: center; }
/*.news-tab li.on{color: #fff;
    background: #db0c0c;}
*/
.in-hrtxcon { background: url(../images/in-rz-img.jpg) no-repeat left center; padding: 5vh 0; /*border-bottom-left-radius: 50px;
    border-top-right-radius: 50px;*/ margin-bottom: 2vh; padding-left: 5% }
.in-hrtxwcon p { font-size: 4.1rem; color: #ffffff; font-weight: bold; }
.index-join-more span { padding: 10px 32px; display: inline-block; color: #fff; font-size: 2.0rem; line-height: 1; font-family: Arial; border-radius: 25px; margin-top: 3rem; font-weight: bold; background: linear-gradient(30deg, #0d95ff, #0058da);/*border: 2px solid #fff;*/ }
.footer-top { padding: 6vh 0 }
.footer-by { font-size: 3.5rem; color: #125395; font-weight: bold; padding-top: 3vh }
.qhnnews { width: 100%; overflow: hidden; margin-top: 46px; }
.qhnnews dl { overflow: hidden; padding: 0 15px; margin: 10px 0; }
.qhnnews dl dt { width: 100%; overflow: hidden; text-align: center; position: relative; height: 320px; }
.qhnnews dl dt .newsdate { width: 108px; height: 34px; /* background:-webkit-linear-gradient(87deg,#0d94fe,#0058db);*/ background: linear-gradient(87deg, #0d94fe, #0058db); background: -webkit-linear-gradient(87deg, #0d94fe, #0058db); background: -o-linear-gradient(87deg, #0d94fe, #0058db); background: -moz-linear-gradient(87deg, #0d94fe, #0058db); text-align: center; line-height: 34px; font-size: 15px; color: #fff; position: absolute; right: 0; top: 0; display: none; }
.qhnnews dl dt img { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%; height: auto; transition: all .5s ease; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; }
.qhnnews dl:hover dt img { transform: translate(-50%, -50%) scale(1.2); }
.qhnnews dl dd { width: 100%; overflow: hidden; background: #f2f2f2; padding: 30px; }
.qhnnews dl dd h4 { width: 100%; overflow: hidden; font-size: 20px; color: #1c1c1c; line-height: 30px; text-overflow: ellipsis; white-space: nowrap; }
.qhnnews dl dd p { width: 100%; overflow: hidden; color: #6d6d6d; margin-top: 10px; font-size: 1.6rem; text-indent: 0; line-height: 1.5 }
.qhnnews dl:hover dd { background: #006b71; }
.qhnnews dl:hover dt .newsdate { background: #66c9b3; }
.qhnnews dl:hover dd h4, .qhnnews dl:hover dd p { color: #fff; }
.newsmenu { width: 100%; overflow: hidden; text-align: center; margin-top: 68px; }
.newsmenu ul { display: inline-block; }
.newsmenu ul li { width: 192px; height: 50px; line-height: 50px; overflow: hidden; float: left; text-align: center; border: solid 1px #000; border-radius: 25px; margin: 0 19px; }
.newsmenu ul li a { font-size: 16px; color: #000; display: block; transition: all .5s ease; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; }
.newsmenu ul li:hover { background: #383a48; }
.newsmenu ul li:hover a { color: #fff; }
/**/
.qhxm .m-product { /*max-width: 1400px; margin: 35px auto;*/ }
.qhxm .m-product .pro-item { padding: 0 10px;margin-top:2vmax }
.qhxm .m-product .pro-item>a { border: 1px solid #ddd; display: block; box-shadow: 0 2px 12px rgb(0 0 0 / 10%); }
.qhxm .m-product .pro-item .pro-img { overflow: hidden; position: relative; background: #000; }
.qhxm .m-product .pro-item .pro-img img { -webkit-transition: all ease .3s; transition: all ease .3s; }
.qhxm .m-product .pro-item .caption { padding: 8px 20px; background: #f9f9f9; -webkit-transition: all ease .3s; transition: all ease .3s; }
.qhxm .m-product .pro-item .caption .title { font-size:max(16px,.8vw); text-align: center; color: #393939; -webkit-transition: all ease .3s; transition: all ease .3s; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.qhxm .m-product .pro-item .caption .sub-title { color: #7c7c7c; /*  border-top: 1px solid #ddd;*/ font-size: 14px; line-height: 25px; margin-top: 10px; padding-top: 10px; -webkit-transition: all ease .3s; transition: all ease .3s; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; }
.qhxm .m-product .pro-item:hover .caption .title { color: #006b71; }
.qhxm .m-product .pro-item .pro-img::before { content: ''; position: absolute; top: 35px; bottom: 35px; left: 20px; right: 20px; border-top: 1px solid #fff; border-bottom: 1px solid #fff; transform: scaleX(0); transition: all .5s; z-index: 1; }
.qhxm .m-product .pro-item .pro-img::after { content: ''; position: absolute; top: 20px; bottom: 20px; left: 35px; right: 35px; border-left: 1px solid #fff; border-right: 1px solid #fff; transform: scaleY(0); transition: all .5s; z-index: 1; }
.qhxm .m-product .pro-item:hover .pro-img::before { transform: scaleX(1); }
.qhxm .m-product .pro-item:hover .pro-img::after { transform: scaleX(1); }
.qhxm .m-product .pro-item:hover .pro-img img { opacity: .8; transform: scale(1.04); }
 @media (max-width:992px) {
.qhxm .m-product .pro-item { width: 50%; }
}/*
 @media (max-width: 768px) {
.qhxm .m-product { padding: 0 5px; }
.qhxm .m-product .pro-item { margin-bottom: 20px; padding: 0 10px; }
.qhxm .m-product .pro-item .caption { padding: 15px 5px; }
.qhxm .m-product .pro-item .caption .title { font-size: 16px; }
.qhxm .m-product .pro-item .caption .sub-title { font-size: 14px; }
}
/**/
.jssora05l, .jssora05r { display: block; position: absolute; width: 40px; height: 40px; cursor: pointer; background: url('../images/cyimg/a17.png') no-repeat; overflow: hidden; }
.jssora05l { background-position: -10px -40px; }
.jssora05r { background-position: -70px -40px; }
.jssora05l:hover { background-position: -130px -40px; }
.jssora05r:hover { background-position: -190px -40px; }
.jssora05l.jssora05ldn { background-position: -250px -40px; }
.jssora05r.jssora05rdn { background-position: -310px -40px; }
.jssort01 .p { position: absolute; top: 0; left: 0; width: 72px; height: 72px; }
.jssort01 .t { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; }
.jssort01 .w { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; }
.jssort01 .c { position: absolute; top: 0px; left: 0px; width: 68px; height: 68px; border: #000 2px solid; box-sizing: content-box; background: url('../images/cyimg/t01.png') -800px -800px no-repeat; _background: none; }
.jssort01 .pav .c { top: 2px; _top: 0px; left: 2px; _left: 0px; width: 68px; height: 68px; border: #000 0px solid; _border: #fff 2px solid; background-position: 50% 50%; }
.jssort01 .p:hover .c { top: 0px; left: 0px; width: 70px; height: 70px; border: #fff 1px solid; background-position: 50% 50%; }
.jssort01 .p.pdn .c { background-position: 50% 50%; width: 68px; height: 68px; border: #000 2px solid; }
* html .jssort01 .c, * html .jssort01 .pdn .c, * html .jssort01 .pav .c { /* ie quirks mode adjust */ width /**/: 72px; height /**/: 72px; }
.cfs p { font-size: 1.8rem; line-height: 2; text-indent: 2em; text-align: justify; }
.nnews h1 { width: 100%; overflow: hidden; font-size: 24px; color: #666; font-weight: bold; text-align: center; margin: 30px 0 40px 0; }
.ul-dk li a { color: #fff; font-size: 1.6rem; }
.ul-dk li { line-height: 2.2; background: url(../images/dk5.png) no-repeat right center; padding-right: 20px; }
.ul-dk li a i { padding-right: 14px; }
.ul-dk { padding: 20px 30px; border-bottom-left-radius: 15px; border-bottom-right-radius: 15px; background: #1875dd; }
.footer-dk h2 { width: 100%; margin-bottom: 0; background: #ffa200; border-top-left-radius: 15px; border-top-right-radius: 15px; text-align: center; color: #fff; font-size: 1.8rem; line-height: 2 }
.nav-right { background: url(../images/sousuo-icon.png) no-repeat center center; display: inline-block; cursor: pointer; height: 100px; width: 100px; }
.nav-right .search { position: absolute; top: 110%; width: 560px; right: 0px; background: rgb(255, 255, 255); z-index: 999; opacity: 0; visibility: hidden; box-shadow: rgb(216 216 216) 0px 0px 3px inset; padding: 20px; box-sizing: content-box; transition: all 0.3s ease 0s; }
.ct01 { /*margin-top: 100px; */ position: relative; background-color: rgb(255, 255, 255); padding-left: 0px; padding-right: 0px; }
.nav-right .search-bg { width: 530px; margin: 0px auto; height: 40px; padding-left: 20px; border-radius: 30px; border: 1px solid rgb(221, 221, 221); }
#infoname { border: none; height: 38px; width: 485px; }
.search-bg input { float: left; outline: none; }
#soo { margin-top: 12px; background: url(../images/sousuo-icon.jpg) no-repeat; width: 20px; height: 20px; border: none; }
.search-bg input { float: left; outline: none; }
.keywords { margin-top: 20px; text-align: center; }
.keywords, .keywords a { font-size: 13px; color: #666; font-weight: lighter; line-height: 35px; }
.keywords span { color: #086ac6; }
.keywords, .keywords a { font-size: 13px; color: #666; font-weight: lighter; line-height: 35px; }
.nav-right:hover .search { top: 100%; visibility: visible; opacity: 1; }
.footer.container-fluid { margin: 0 auto; width: 100%; }
.box3052_1 .mf-buttom .db { background: #006b71 !important }
 @media (max-width: 1660px) {
.topewm { display: none; }
.nav-right { display: none; }
}
 @media (max-width: 1400px) {
.nav .menu > li a { margin: 0 10px }
.logo { padding: 25px 0 !important }
}/*
 @media (max-width: 750px) {
.in-about { background: url(../images/bj_a.jpg) no-repeat; background-size:auto 100%; padding: 4vh 0 }
.in-qhabout-tit h2 { font-size: 3rem; }
.in-qhabout-tit h1 { font-size: 2.5rem; line-height: 2 }
.in-about .container, .in-service .container, .in-service .container, .in-hr .container, .innewsdt .container, .footer-top .container { width: 90% }
.in-qhabout-tit { padding-bottom: 3vh; }
.about-txt { padding-left: 0; padding-top: 2.5vh; }
.about-txt h3 { font-size: 2rem; }
.about-txt p { margin: 1vh 0 0 0; }
.aboutlf dl dt img { width: 40px; height: 40px; text-align: center }
.aboutlf dl dd .aboutcn { font-size: 1.6rem !important; padding-top: 1vh }
.aboutlf dl dd p { display: none }
.aboutlf dl dt, .aboutlf dl dd { float: none !important; text-align: center }
.aboutlf dl dd { margin-left: 0 !important }
.aboutlf { margin-top: 3vh !important }
.in-qhxm dl dt { float: none; width: 100% }
.in-qhxm dl dd { }
.in-qhxm dl dd { float: none; width: 100%; height: 220px; }
.in-qhxmcon h5 { font-size: 2.0rem; }
.in-qhxmcon h5 { padding-top: 5vh }
.in-qhxm dl dt { height: 415px; }
.in-qhnews dl dt { height: 204px; }
.in-qhnews { margin-top: 0 }
.in-hrtx span { font-size: 4.6rem; }
.in-hrtx { font-size: 2.8rem; }
.in-hrtxwcon p { font-size: 2.1rem; }
.logo { width: 82% !important; padding: 8px 16px !important; }
.kzjz-banner .ibanner .banner-loaded { margin-top: 58px; }
.footer-dk { display: none }
.zytd-tab { margin-bottom: 2vh; margin-top: 2.5vh; width: 66%; }
.zytd-tab li { width: 100%; font-size: 1.8rem; margin-bottom: 2vh; padding: 2% }
.box3009_-6066 .m-site { margin-bottom: 0 }
.qhnnews dl dt { height: 204px; }
.qhnnews { margin-top: 0 }
.pagecon p { font-size: 1.8rem; text-align: justify }
.box3052_1 .mf-buttom .db li a p { font-size: 1.2rem !important; margin-bottom: 5px !important }
.box3052_1 .mf-buttom .db li img { width: 25px !important; }
.box3052_1 .mf-buttom .db li.dt img { width: 25px !important; padding-top: 10px; }
.footer .f-footer { margin: 0; padding: 0 }
.nnews h1 { font-size: 18px; }
.map { padding: 0; margin-top: 10px; }
.map img { width: 100% }
.shnnews .news .news-list .news-txt { padding: 0px 9px 0px 2%; }
.shnnews .news .news-list .news-date { width: 73px;padding: 0% 2% 0% 0; }
.shnnews .news .news-list .news-date p { padding: 7px 0; font-size: 3.8rem; line-height: 1; }
.shnnews .news .news-list .news-date span { font-size: 1.6rem; margin-top: 0; line-height: 1; color: #bcbcbc; display: block; font-family: Arial; }
.shnnews .news .news-list .news-txt h3 { overflow: hidden; margin: 5px 0 0; text-overflow: ellipsis; white-space: nowrap; font-weight: bold; font-size: 1.6rem; line-height: 1; color: #000000; }
.shnnews .news .news-list .news-txt p { font-size: 1.4rem; line-height: 1.5; height: auto; margin: 8px 0 0; color: #838383; -webkit-box-orient: vertical; -webkit-line-clamp: 2; display: -webkit-box; }
.ncontactdiv li p { line-height: 1.5 }
.box3052_1 .mf-buttom .db { background: #0183f4 !important }
.ljzc { font-size: 1.8rem !important; line-height: 1 !important; padding-bottom: 0 !important; }
.qzd { font-size: 3rem !important; }
}*/
.aboutlf dl { overflow: hidden; float: left; margin-right: 4%; background: linear-gradient(87deg, #0d94fe, #0058db); background: -webkit-linear-gradient(87deg, #0d94fe, #0058db); background: -o-linear-gradient(87deg, #0d94fe, #0058db); background: -moz-linear-gradient(87deg, #0d94fe, #0058db); padding: 3%; border-radius: 15px; width: 30% }
.aboutlf { margin-top: 6vh }
.aboutlf dl:last-child { margin-right: 0 }
.aboutlf dl dt, .aboutlf dl dd { overflow: hidden; float: left; }
img { transition: transform .75s cubic-bezier(.19, 1, .22, 1), -webkit-transform .75s cubic-bezier(.19, 1, .22, 1); }
.aboutlf dl dd { margin-left: 13px; }
.aboutlf dl dt, .aboutlf dl dd { overflow: hidden; float: left; }
.aboutlf dl dd .aboutcn { width: 100%; overflow: hidden; font-size: 2.1rem; color: #fff; }
.aboutlf dl dd p { width: 100%; overflow: hidden; font-size: 1.4rem; font-family: Arial; color: #fff; line-height: 1; margin: 0/*    line-height: 20px;*/ }
.aboutlf dl dt .iconh { display: none; }
.in_video { max-width: 100%; border-radius: 5%!important; margin-top: 11% }
.inmore { width: 150px; height: 40px; border-radius: 4px!important; color: #fff; line-height: 40px; font-size:2rem text-align:center;
text-transform: capitalize }
.in_p_more { width: 200px; height: 60px; border-radius: 10px!important; color: #fff; line-height: 60px; font-size: 2rem; text-align: center; text-transform: capitalize; margin: 8vh auto; }
.mt40 { margin-top: 40px; }
.mt30 { margin-top: 30px; }
.mt20 { margin-top: 20px; }
.mtb10 { margin: 10px 0; }
.mtb30 { margin: 30px 0; }
.flex { display: flex; }
.fw600 { font-weight: 600 }
.f15vw { font-size: max(18px, 1.5vw); }
.f2vw { font-size: max(20px, 2vw); }
.f3vw { font-size: max(26px, 3vw); }
.lh200 { line-height: 200% }
.lh260 { line-height: 260% }
.fw16 { font-size: 16px }
.box-shadow-0 {border: 1px solid #f0f0f0;border-bottom:none }
.in_prot { border-radius: 0px 0px 10px 10px; color: #fff; font-size: 16px; line-height: 60px; }
.imgw { max-width: 100% }
.border-radius-t { border-radius: 10px 10px 0 0; }
.in_case { background: url(../images/bj_ser.jpg) no-repeat bottom right; padding: 6vh 0;/* margin: 8vh 0*/ }
.ina1 { width: 100%; color: #fff; background: #3a9878 url(../images/in_arr.png) no-repeat 90%; padding: 3vh 0; clear: both; display: table; transition: all 0.3s ease 0s; }
.ina2:hover, .ina1:hover { background: #164580 url(../images/in_arr.png) no-repeat 95%; transition: all 0.3s ease 0s; color: #fff }
.ina2 { width: 100%; color: #fff; background: #0a6f73 url(../images/in_arr.png) no-repeat 90%; margin-top: 2px; padding: 3vh 0; display: table; clear: both; transition: all 0.3s ease 0s; }
.ina2 h2, .ina1 h2 { font-size: max(16px, 2vw); color: #fff; }
.ina2 p, .ina1 p { font-size: max(14px, 1.2vw); margin: 0; color: #fff; }
.clip-1 { text-overflow: ellipsis; display: -webkit-box; overflow: hidden; -webkit-line-clamp: 1; -webkit-box-orient: vertical; }
.clip-2 { display: -webkit-box; overflow: hidden; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; }
.clip-5 { display: -webkit-box; overflow: hidden; -webkit-line-clamp: 5; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; }
.flexac { display: flex; align-items: center }
.flexend { display: flex; justify-content: flex-end; }
.header { width: 100%; height: 100px; background-color: rgb(255, 255, 255, 0.9); padding-left: 1%;    /*    border-bottom:solid 1px rgba(255,255,255,0.2);*/ }
.large { position: relative!important }
.logo { overflow: hidden; padding: 17.5px 0; }
#form2 { position: absolute; }
/*#Iframe1{
    width:50px !important;
        height: 50px !important;
    }
#Iframe1 img{
    width:100% !important;
    height: 100% !important;
}*/
.small { background: rgba(255,255,255,0.9); box-shadow: 0px 2px 3px rgba(0,0,0,0.1); -moz-box-shadow: 0px 2px 3px rgba(0,0,0,0.1); -webkit-box-shadow: 0px 2px 3px rgba(0,0,0,0.1); position: fixed; z-index: 999; top: 0; left: 0; }
.logo img { max-width: 100% }
.topewm { height: 100%; padding: 39px; border-left: solid 1px rgba(0,0,0,0.05); margin-left: 18px; position: relative; }
.topewm .ewmimg { opacity: 0; -webkit-transition: all .6s cubic-bezier(.215, .61, .355, 1) 0s; transition: all .6s cubic-bezier(.215, .61, .355, 1) 0s; position: absolute; background: #fff; padding: 10px; border-radius: 5px; top: 101px; right: 0; }
.topewm .ewmimg img { width: 140px; }
.topewm:hover { cursor: pointer; }
.topewm:hover .ewmimg { z-index: 9999; opacity: 1; }
/* nav
-------------------------------------------------------------- */
.menu, .menu ul { list-style: none; padding: 0; }
.menu > li { position: relative; display: inline-block; outline: 0; }
.grad-r { background-color: #016a72; /* 针对不支持渐变的浏览器 */ background-image: linear-gradient(to right, #016a72, #3a9878); }
.fgrad-r { color: #016a72; /* 针对不支持渐变的浏览器 */ background-image: linear-gradient(to right, #016a72, #3a9878); -webkit-background-clip: text; -webkit-text-fill-color: transparent; }
.grad-b { background-color: #016a72; /* 针对不支持渐变的浏览器 */ background-image: linear-gradient(to bottom, #016a72, #3a9878); }
.submenu { position: absolute; left: 0; top: 100%; z-index: 0; overflow: hidden; /* IE8 needs this */ overflow: hidden\0/ !important; max-height: 0; /* A .submenu should be only revealed when hovering the .menu */ pointer-events: none; }
.menu > li:hover .submenu, .menu > li:focus .submenu { pointer-events: auto; z-index: 10; max-height: 2000px; -webkit-transition: none; -moz-transition: none; }
/* Default

 ================================================================= */

.submenu li { opacity: 0; -webkit-transition: opacity .4s, -webkit-transform .6s, max-height .6s; -moz-transition: opacity .4s, -moz-transform .6s, max-height .6s; -ms-transition: opacity .4s, -ms-transform .6s, max-height .6s; -o-transition: opacity .4s, -o-transform .6s, max-height .6s; transition: opacity .4s, transform .6s, max-height .6s; }
.menu > li:hover .submenu li, .menu > li:focus .submenu li { opacity: 1; -webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; transform: none; }
/* Shield

 ================================================================= */

.shield { overflow: visible; -webkit-perspective: 400px; -moz-perspective: 400px; -ms-perspective: 400px; -o-perspective: 400px; perspective: 400px; }
.shield li { -webkit-transform: rotateX(90deg); -moz-transform: rotateX(90deg); -ms-transform: rotateX(90deg); -o-transform: rotateX(90deg); transform: rotateX(90deg); -webkit-transform-origin: 0 0; -moz-transform-origin: 0 0; -ms-transform-origin: 0 0; -o-transform-origin: 0 0; transform-origin: 0 0; -webkit-transition-timing-function: cubic-bezier(0, .35, .5, 1.7); -moz-transition-timing-function: cubic-bezier(0, .35, .5, 1.7); -ms-transition-timing-function: cubic-bezier(0, .35, .5, 1.7); -o-transition-timing-function: cubic-bezier(0, .35, .5, 1.7); transition-timing-function: cubic-bezier(0, .35, .5, 1.7); }
.nav { text-align: right; }
.nav > ul { display: inline-block; margin: 0; }



.nav .menu > li { float: left; text-align: center; line-height: 100px; position: relative; padding: 0 1.6vw; }
.nav .menu > li { float: left; text-align: center; line-height: 100px; position: relative; padding: 0 1.6vw; }

@media (max-width: 1330px) {.nav .menu > li { float: left; text-align: center; line-height: 100px; position: relative; padding: 0 1vw; }}


.nav .menu > li:hover { background-color: #016a72; /* 针对不支持渐变的浏览器 */ background-image: linear-gradient(to bottom right, #016a72, #3a9878); }
.nav .menu > li:hover a { color: #fff; font-weight: 600 }
.nav .menu > li a { color: #000; font-size: 1.8rem; display: block; line-height: 100px; -webkit-transition: all .6s cubic-bezier(.215, .61, .355, 1) 0s; transition: all .6s cubic-bezier(.215, .61, .355, 1) 0s; position: relative; }
.nav .menu > li:hover, .nav .menu > li.current { background-color: #016a72; /* 针对不支持渐变的浏览器 */ background-image: linear-gradient(to bottom right, #016a72, #3a9878); }
.nav .menu > li a:hover:after, .nav .menu > li.active a:after { width: 18px; }
.nav .menu > li .submenu { width: 132px; left: 50%; margin-left: -90px; }
.nav .menu > li .submenu li { width:180px; line-height: 40px; background: #036d72; text-align: center; margin-top: 1px; }
.nav .menu > li .submenu li a {padding: 5px 0;
    display: block;
    color: #fff;
    background: none;
    font-size: 14px;
    /* padding: 0; */
    font-weight: normal;
    margin: 0;
    line-height: 30px; }
.nav .menu > li .submenu li a:after, .nav .menu > li .submenu li:hover a:after { display: none; }
.nav .menu > li .submenu li:hover { background: #114463; }
.nav .menu > li.current > a { color: #fff; }
.headewm { width: 40px; height: 40px; top: -10px; text-align: center; position: relative; cursor: pointer; }
.headewmimg { display: none; position: absolute; right: 0; top: 50px; background: #fff; text-align: center; border: 1px solid #ddd; width: 120px; }
.headewmimg p { margin: 0; padding: 0 }
.headewmimg img { width: 100px; margin: 0 auto; }
.kzjz-nav .top-nav .navbar>ul>li>a.selected { color: #1279e7 }
.box3052_1 .mf-buttom { position: relative; }
.box3052_1 .mf-buttom img { max-width: 100%; vertical-align: middle }
.box3052_1 .mf-buttom li, .box20064_1 ul { list-style: none }
.box3052_1 .mf-buttom a { text-decoration: none }
.box3052_1 .mf-buttom .db { position: fixed; bottom: 0; z-index: 999; display: flex; width: 100%; background: #9e9e9e; text-align: center; justify-content: space-around; align-items: flex-end; left: 0; padding-bottom: 8px; }
.footer { /*padding-bottom:7rem*/ }
.box3052_1 .mf-buttom .db li img { width: 30px }
.box3052_1 .mf-buttom .db li.dt img { width: 40px; transform: translateY(2px) }
.box3052_1 .mf-buttom .db li a { color: #fff; font-size: 12px }
.box3052_1 .mf-buttom .db li a p { font-size: 1.8rem; margin-top: 5px }
.box3052_1 .mf-buttom .wx-mask { position: fixed; background: rgba(0, 0, 0, 0.2); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; top: 0; z-index: -99; width: 100vw; height: 100vh; opacity: 0; }
.mf-buttom .wx-mask .marsk-it { width: 240px; text-align: center; padding: 10px 10px; border-radius: 10px; background: #fff; }
.box3052_1 .mf-buttom .wx-mask .marsk-it .close { width: 25px; margin-top: 3px; }
.box3052_1 .mf-buttom .wx-mask .marsk-close { width: 100%; text-align: left; height: 35px; }
.box3052_1 .mf-buttom .wx-mask .marsk-close span { display: inline-block; font-size: 16px; color: #333; line-height: 35px; }
.box3052_1 .mf-buttom .wx-mask .marsk-fz { margin: 10px 0; }
.box3052_1 .mf-buttom .wx-mask .marsk-fz input { font-size: 14px; width: 50%; outline: none; border: none; }
.box3052_1 .mf-buttom .wx-mask .all { line-height: 35px; font-size: 16px; }
.box3052_1 .mf-buttom .wx-mask .all a { display: block; color: #333; }
.box3052_1 .mf-buttom .wx-mask .good { line-height: 35px; font-size: 16px; }
.box3052_1 .mf-buttom .wx-mask .success { display: none; }
.box3052_1 .mf-buttom .wx-mask .wm-marsk { width: 200px; margin: 0 auto; }
.box3052_1 .mf-buttom .wx-mask.open { opacity: 1; z-index: 9999; }
.box3009_-6066 .m-classify ul li:last-child a::before { display: none }
.kzjz-nav { position: static !important }
.box3009_-6066 { margin: 0 auto; min-width: 73%; width: 100%; max-width: 1500px; }
.box3009_-6066 .row { margin-left: 0; margin-right: 0 }
.box3009_-6066::after, .box3009_-6066::before { content: ' '; display: block; clear: both; }
.box3009_-6066>div:nth-child(1) { float: right; width: 34.14%; margin: 0; padding: 0; }
.box3009_-6066>div:nth-child(2) { width: 65.86%; margin: 0; float: left; }
.box3009_-6066 .m-classify ul li a::before { content: ""; position: absolute; width: 1px; height: 15px; display: block; background: #ccc; top: 50%; margin-top: -7px; right: 0px; }
.box3009_-6066 .m-classify ul li a::after { position: absolute; content: ''; left: 50%; bottom: 0px; width: 0%; height: 3px; background-color: none; transition: all .3s; }
.box3009_-6066 .m-classify ul li a:hover::after { width: 80%; left: 10%; background-color: #006b71; }
.box3009_-6066 .m-site .container { width: 100%; text-align: right; }
.box3009_-6066 .m-site { padding: 27px 0; }
.box3009_-6066 .m-site .pos label { font-weight: 400; padding-left: 22px; }
.box3009_-6066 .m-site .pos label, .m-site .pos a, .m-site .pos span { font-size: 14px; color: #999; }
.box3009_-6066 .m-site .pos span { margin: 0 8px; }
.box3009_-6066 .m-site .pos a:hover { color: #0054a6; }
 @media (max-width: 768px) {
.box3009_-6066 .m-site { padding: 15px 0; /*margin-bottom: 30px;*/ border-bottom: 1px solid #efefef; }
.box3009_-6066 .m-site .pos { float: left; width: 75%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: #999; }
.box3009_-6066 .m-site .more { float: right; color: #666; }
.lxfs{bottom:-40px!important}
}
@media (min-width: 768px) {
.box3009_-6066 .m-classify ul { text-align: left; display: flex; align-items: center; justify-content: flex-start; }
.box3009_-6066 .m-classify ul li { display: inline-block; }
.box3009_-6066 .m-classify ul li a { text-decoration: none; -webkit-transition: all ease .3s;  font-size: max(16px, .8vw);
height: 80px; line-height: 80px; padding: 0px 15px; color: #222; display: block; transition: 0.3s ease 0s; position: relative; }
.box3009_-6066 .m-classify ul li a:hover { color: #006b71; }
.box3009_-6066 .m-classify ul li.active a { color: #006b71; }
.box3009_-6066 .m-classify ul li.active a::after { width: 80%; left: 10%; background-color: #006b71; }
}
 @media (max-width: 992px) {
.box3009_-6066 { display: flex; justify-content: flex-start; flex-direction: column-reverse; }
.box3009_-6066>div:nth-child(2), .box3009_-6066>div:nth-child(1) { width: 100%; }
.box3009_-6066>div:nth-child(2) .m-classify { border-bottom: 1px solid #ddd; }
.box3009_-6066>div:nth-child(2) { padding: 0 10px; }
.box3009_-6066 .m-site .container { width: 100%; text-align: left; padding: 0 20px; }
.box3009_-6066>div:nth-child(1) .row { margin: 0; }
}
 @media (max-width: 768px) {
.box3009_-6066 .m-classify .mask { position: fixed; top: 0; right: 0; bottom: 0; left: 0; background-color: rgba(0, 0, 0, 0.15); z-index: 1001; opacity: 0; visibility: hidden; -webkit-transition: all ease .3s; transition: all ease .3s; }
.box3009_-6066 .m-classify ul { position: fixed; top: 0; left: 0; height: 100%; width: 70%; background-color: #fff; z-index: 1002; -webkit-transition: all ease .3s; transition: all ease .3s; -webkit-transform: translateX(-100%); transform: translateX(-100%); }
.box3009_-6066 .m-classify ul h3 { font-size: 20px; padding: 15px; border-bottom: 1px solid #efefef; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.box3009_-6066 .m-classify ul li a { position: relative; display: block; color: #666; font-size: 14px; line-height: 40px; padding: 0 15px; -webkit-transition: all ease .3s; transition: all ease .3s; border-bottom: 1px solid #efefef; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.box3009_-6066 .m-classify ul li a:hover { background-color: #1279e7; color: #fff; border-bottom: 1px solid #fff; }
.box3009_-6066 .m-classify ul li.active a { background-color: #1279e7; color: #fff; border-bottom: 1px solid #fff; }
.box3009_-6066 .m-classify.show .mask { opacity: 1; visibility: visible; }
.box3009_-6066 .m-classify.show ul { -webkit-transform: translateX(0); transform: translateX(0); }
}/* CSS Document */

.newslists { color: #333; padding-top: 20px; padding-left: 12px; padding-right: 12px; }
.box_10040 ul, .box_10040 li { list-style: none; }
.newslists .news-item a { text-decoration: none; color: #333; }
.newslists .news-item { /*padding: 20px;*/ margin: 15px 0px; border: 1px solid #eee; overflow: hidden; width: 48%; float: left; transition: all ease .3s; box-sizing: border-box; }
.newslists .news-item .date-info { width: 100px; /*        height: 80px;*/ float: left; text-align: center; overflow: hidden; padding: 20px; }
.newslists .news-item .news-content .news-title a { font-size: 20px; }
.newslists .news-item .date-info h2 { height: 56px; line-height: 56px; font-size: 38px; color: #aaa; transition: all ease .3s; }
.newslists .news-item .date-info h3 { height: 25px; line-height: 25px; color: #aaa; font-size: 14px; font-weight: normal; transition: all ease .3s; }
.newslists .news-item .news-content { margin-left: 110px; padding: 20px; }
.newslists .news-item .news-content .news-title { font-size: 16px; font-weight: normal; margin-top: 5px; margin-bottom: 10px; color: #2c2c2c;white-space:nowrap;overflow:hidden;text-overflow:ellipsis; }
.newslists .news-item .news-content p { font-size: 14px; line-height: 150%; color: #868686; transition: all ease .3s; }
.newslists .news-item:nth-child(2n) { margin-left: 30px }
.newslists .news-item:hover { background: #f9f9f9 }
.newslists .news-item:hover .date-info { background: #f0f0f0 }
.newslists .news-item:hover a{color:##016a72}




/**/
.xm-content * {

}

.xm-content ul li {
    list-style: none
}

.xm-content img {
    border: 0
}
.xm-content .clearfix:after {
    display: block;
    content: "";
    clear: both;
}
.xm-content .small-img {
    display: flex;
    align-items: center;
    justify-content: center
}

.xm-content .clearfix:before,
.xm-content .clearfix:after {
    display: table;
    line-height: 0;
    content: ""
}

.xm-content .magnifier {
    position: relative;
    float:left;
}

.xm-content .magnifier-container {
width: 100% !important; height: 416px!important;
    overflow: hidden;
    position: relative;
    border: 1px solid #ddd; max-width: 100%;    
}

.xm-content .images-cover {
    height: 100%;
    width: 100%;
    position: relative
}

.xm-content .images-cover img {
    position: absolute;
    max-width: 100%;
}

.xm-content .magnifier-assembly {
        height: 80px;
    overflow: hidden;
    position: relative;
    padding: 4px 0px;
    margin-top:10px;
    border:1px solid #ddd;
}

.xm-content .magnifier-btn {
    position: absolute;

    width: 100%;
    top: 50%;
    left: 0;
    margin-top: -40px
}

.xm-content .magnifier-btn span {
    line-height: 80px;
    height: 80px;
    width: 20px;
    background:#fff url(../image/pro.png) center center no-repeat;
    display: block;
    z-index: 9998;
    text-align: center;
    cursor: pointer;
    border-radius: 3px
}

.xm-content .magnifier-btn .magnifier-btn-left {
    float: left;
}

.xm-content .magnifier-btn .magnifier-btn-right {
    float: right;
        background: #fff url(../image/next.png) center center no-repeat;
}

.xm-content .magnifier-line {
    position: relative;
    overflow: hidden;
    height: 80px;

}

.xm-content .magnifier-line ul {
    display: block;
    font-size: 0;
    width: 10000%;
    position: absolute;
    left: 0;
    z-index: 9997
}

.xm-content .magnifier-line li {
    float: left;
    width: 60px;
    cursor: pointer;
}

.xm-content .magnifier-line ul>.active .small-img img{
    border:1px solid #a6a6a6;
    width:50px;margin:2px;
    height:65px;
}

.xm-content .small-img {
    margin: 5px;
    overflow: hidden;
    text-align: center;

}

.xm-content .small-img img{
    height: 60px;
        -webkit-transition: all .3s linear;
    -moz-transition: all .3s linear;
    -ms-transition: all .3s linear;
    -o-transition: all .3s linear;
    transition: all .3s linear;

}

.xm-content .magnifier-view {
    width: 100%;
    height: 100%;
    position: absolute;
    right: -105%;
    top: 0;
    z-index: 9999;
    background-color: #fff;
    display: none;
    overflow: hidden;
    border:1px solid #ddd;
}

.xm-content .magnifier-view img {
    max-width:200%;
    display: block
}

.xm-content .animation03 {
    transition: all .3s ease-in .1s;
    -ms-transition: all .3s ease-in .1s;
    -moz-transition: all .3s ease-in .1s;
    -webkit-transition: all .3s ease-in .1s;
    -o-transition: all .3s ease-in .1s
}


.xm-content .cp_miaoshu{
    float: left;
    height: 422px;
    padding-top:20px;
    padding-bottom:5px;
    }
    .xm-content .cp_miaoshu .cp_title{
            font-size: 20px;
    font-weight: 600;
    
    border-bottom: 1px #d5d5d5 dashed;
    color: #333;
    font-family: "微软雅黑";
    text-overflow: ellipsis;
    white-space: nowrap;
    padding-bottom: 15px;
    overflow: hidden; margin-bottom: 15px;
    }
    .xm-content .cp_miaoshu .cp_con{
            padding-top: 10px;
    padding-bottom: 20px;
    }
    .xm-content .cp_miaoshu .cp_con .cp_type{
            line-height: 30px;
    color: #444;
    font-family: "微软雅黑",;
    font-size: 18px;
    font-weight: 400;
    display: block;
    }
.xm-content .cp-dec{
    margin-bottom: 20px;
}
.xm-content .cp-dec p{
    font-size:16px;
    color:#666;
    line-height: 28px;
    text-align: justify; 
    min-height: 30px;
}
    .xm-content .online li{
        font-size:14px;
        margin-top:8px;
    }
.xm-content .online li a{
        display: inline-block;
    vertical-align: middle;
    }
    .xm-content .phone{
        font-size:20px;
        color:#ca0a1d;
        font-weight:bold;
        margin-top:20px;
        padding-bottom:20px;
        width:310px;
    }
    .xm-content .phone span{
        font-size:26px;
        color:#fb6028;
                line-height: 40px;
    }
	
	.lxfs-gzhewm{/* width:200px; */}
.lxfs-gzhewm img{ width:100%}
.lxfs-ywzx h5{ font-size:14px; font-weight:normal }
.lxfs-ywzx h4{ font-size: max(16px,1.2vw);
    color: #016472;
    font-family: Impact;
    line-height: 46px;
   }
.lxfs-ywzx	p{color: #8b8b8b;
    font-size: 14px;
    line-height: 20px;}
	.lxfs *{    margin: 0;
    padding: 0;}
	.xm-content{ position:relative}
	.lxfs{ position:absolute; bottom: -80px;}
	/**/
.lxfs-ywzx{margin-top:10px;}	
	
.xq-con .product_title {     width: 98%;
    margin-left: 2%;
clear:both;

    border-bottom: 1px solid #dedede;
    margin-bottom: 40px;
    padding-bottom: 15px;
    margin-top: 50px;
}
.cl-content p {
    font-size: 16px;
    line-height: 200%;
    margin-top: 10px;
    text-indent: 2em;
}
.cl-content p img {
    font-size: 16px;
    line-height: 200%;
    margin-top: 10px;
    margin-left: -2em;
}
.box-shadow{box-shadow:0 0 6px #ccc}