@charset "UTF-8";


body, h1, h2, h3, h4, h5, h6, p, dl, dt, dd, ul, ol, li, form, button, input, textarea, th, td { font-weight: normal; margin: 0; padding: 0; }

body, button, input, select, textarea, h1, h2, h3, h4, h5, h6, i { font: normal 12px "Helvetica Neue", "Microsoft YaHei", Helvetica, STHeiTi, sans-serif; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; }

ul, ol, li { list-style: none; }

a { text-decoration: none; color: #333; }

a:hover { text-decoration: none; }

img { vertical-align: top; border: 0; }

button, input, textarea { font-size: 100%; vertical-align: middle; outline: none; border-radius: 0; -webkit-appearance: none; }

table { border-spacing: 0; border-collapse: collapse; }

div, a { -webkit-tap-highlight-color: rgba(255, 255, 255, 0); }

html { font-size: 100px; }

@media screen and (min-width: 360px) { html { font-size: 112.5px; } }

@media screen and (min-width: 375px) { html { font-size: 117.1875px; } }

@media screen and (min-width: 414px) { html { font-size: 129.375px; } }

@media screen and (min-width: 480px) { html { font-size: 150px; } }

@media screen and (min-width: 640px) { html { font-size: 200px; } }

.clearfloat:after { font-size: 0; display: block; visibility: hidden; clear: both; height: 0; content: ' '; }

.clearfloat { *zoom: 1; }

.clearboth { clear: both; }

.wp { width: 1000px; margin: 0 auto; }

.checkBrowser { font-size: 14px; line-height: 40px; position: fixed; z-index: 99999; top: 0; left: 50%; width: 700px; height: 40px; margin-left: -360px; padding: 0 10px; color: #FFF; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; background-color: #E6212A; }

.checkBrowser a { font-size: 16px; line-height: 20px; position: absolute; top: 10px; right: 5px; display: block; width: 20px; height: 20px; cursor: pointer; text-align: center; color: #333; border-radius: 50%; background-color: #FFF; }

@font-face { font-family: "iconfont"; src: url("../font/iconfont.eot");  src: url("../font/iconfont.eot#iefix") format("embedded-opentype"), url("../font/iconfont.woff") format("woff"), url("../font/iconfont.ttf") format("truetype"), url("../font/iconfont.svg#iconfont") format("svg");  }

.iconfont { font-family: "iconfont" !important; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }


.paged { padding-top: 30px; text-align: center; }

.paged a, .paged .p_info, .paged .current { display: inline-block; zoom: 1; *display: inline; font-weight: bold; margin: 0px 3px 60px 0; padding: 12px 16px; font-size: 12px; text-align: center; background: #ffffff; color: #555555; }

.paged .current, .paged a:hover { color: #E36363; background: #ffffff; }

.header { width: 100%; position: relative; }

.headWrap { width: 100%; position: relative; padding-top: 17px; padding-bottom: 19px; }

.headWrap h1 { width: 300px; height: 61px; display: block; text-align: center; margin: 0 auto; }

.headWrap h1 img { width: 100%; }

.wp1200 { width: 1200px; position: relative; margin: 0 auto; }

.search { position: relative; float: left; width: 60px; z-index: 67; padding-top: 15px; }

.search .searchButton { position: relative; width: 0.3rem; height: 0.3rem; float: left; cursor: pointer; }

.search .searchButton span { position: relative; width: 0.43rem; height: 0.09rem; right: 0.07rem; top: 0.03rem; display: none; border-left: solid 1px #cccccc; border-right: solid 1px #cccccc; }

.search .searchButton:before { position: absolute; width: 100%; top: 4px; left: 3px; content: "\e606"; font-family: "iconfont"; font-size: 0.11rem; color: #333333; }

.search .searchBox { position: absolute; width: 200px; height: 28px; background: #fff; z-index: 77; border-radius: 30px; border: solid 1px #d9d9d9; -webkit-transition: all 1s ease; transition: all 1s ease; box-sizing: border-box; display: none; }

.search .searchBox input[type="text"] { width: 80%; height: 100%; border: none; background: none; padding-right: 10px; padding-left: 20px; box-sizing: border-box; }

.search .searchBox input[type="submit"] { width: 17%; height: 100%; opacity: 0; cursor: pointer; }

.search .searchBox:before { position: absolute; width: 50px; top: 3px; right: -16px; content: "\e606"; font-family: "iconfont"; font-size: 19px; color: #999; }

.ch-En { position: absolute; width: 0.59rem; float: right; right: 23px; z-index: 99; text-align: center; font-size: 16px; color: #666666; top: 18px; }

.ch-En > a { display: block; position: relative; width: 100%; padding-left: 0.15rem; padding-right: 0.15rem; box-sizing: border-box; font-size: 16px; color: #666666; }

.ch-En .border:before { position: absolute; width: 1px; height: 11px; top: 5px; left: 0; content: ""; background: #666; }

.ch-En .border:after { position: absolute; width: 1px; height: 11px; top: 5px; right: 0; content: ""; background: #666; }

.ch-En .cnButton { position: absolute; width: 20px; top: 3px; right: 10px; cursor: pointer; }

.ch-En .cnButton:before { position: relative; display: block; top: 0; right: 0; content: "\e62c"; font-family: "iconfont"; font-size: 12px; color: #333333; -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); }

.ch-En:before { position: absolute; width: 50px; top: 0; left: 0; content: "\e604"; font-family: "iconfont"; font-size: 19px; color: #111; }

.ch-En .chSwitch { width: 100%; padding-top: 10px; display: none; position: relative; z-index: 888; text-align: center; box-sizing: border-box; background: #fff; }

.ch-En .chSwitch > li { width: 100%; padding: 8px; box-sizing: border-box; }

.ch-En .chSwitch > li > a { text-align: center; }

.ch-En .chSwitch > li:hover a { color: #e36363; }

.ch-En:hover > a { color: #e36363; }

.navWrap { position: relative; width: 100%; border-top: solid 1px #d9d9d9; }

.nav { position: relative; display: block; width: 100%; z-index: 9; height: 47px; line-height: 47px; }

.nav > li { position: relative; float: left; z-index: 99999; text-align: center; }

.nav > li a { position: relative; padding-left: 75px; padding-right: 15px; display: block; height: 100%; font-size: 16px; font-weight: bold; color: #333333; z-index: 9999; }

.nav > li .subNav { position: absolute; z-index: 999; padding-bottom: 67px; padding-top: 20px; background: #fff; display: none; box-shadow: 1px 9px 40px -16px #333; }

.nav > li .subNav li { position: relative; z-index: 99; padding-right: 80px; background: #fff; box-sizing: border-box; }

.nav > li .subNav li a { font-size: 16px; color: #000000; display: block; text-align: left; white-space: nowrap; font-weight: normal; background: #fff; }

.nav > li .subNav li a:hover { color: #e36363; }

.nav > li:first-child a { padding-left: 0; }

.nav > li:hover > a { color: #e36363; }

.nav > li:hover .subNav { display: block; }

.nav > li.on > a { color: #e36363; }

.menu { position: relative; width: 0.3rem; height: 0.3rem; z-index: 66; float: right; top: 8px; display: none; right: 0.85rem; cursor: pointer; }

.menu:before { position: relative; display: block; top: 0; right: -10px; content: "\e6ae"; font-family: "iconfont"; font-size: 0.18rem; color: #333333; }

.footer { position: relative; width: 100%; background: #f6f6f6; color: #666666; font-size: 13px; padding-top: 40px; padding-bottom: 45px; text-align: center; }

.footer a { color: #666666; display: inline-block; padding-left: 20px; }

.footer .shareBox { position: relative; margin: 0 auto; width: 120px; height: 40px; overflow: hidden; padding-bottom: 5px; }

.footer .shareBox .you { position: relative; display: inline-block; width: 20px; z-index: 88; margin-left: 40px; }

.footer .shareBox .you:before { position: relative; display: block; top: 8px; left: -10px; content: "\e64c"; font-family: "iconfont"; font-size: 33px; color: #919191; }

.footer .shareBox .you:hover:before { opacity: .8; }

.footer .shareBox .bdshare-button-style2-24 { top: -29px; margin-right: 20px; position: relative; margin-left: 28px; }

.footer .shareBox .bds_fbook { background: none; margin-left: 40px; }

.footer .shareBox .bds_fbook:before { position: absolute; display: block; top: 5px; left: 0; content: "\e616"; font-family: "iconfont"; font-size: 30px; color: #919191; }

.iphone-nav { position: fixed; left: 0; top: 0; width: 2.2rem; height: 100%; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; transform: translate3d(-2.27rem, 0, 0); -webkit-transform: translate3d(-2.27rem, 0, 0); background: #EDEDED; z-index: 6666; }

.iphone-nav #scroller > ul { width: 100%; box-sizing: border-box; padding-left: 0.215rem; padding-right: 0.215rem; padding-top: 0.115rem; }

.iphone-nav #scroller > ul > li { border-bottom: 1px solid #d9d9d9; padding: 0 0.1rem; }

.iphone-nav #scroller > ul > li a { box-sizing: border-box; display: block; color: #000; font-size: 0.12rem; height: 0.49rem; line-height: 0.49rem; width: 100%; font-weight: bold; }

.iphone-nav #scroller > ul .li { position: relative; }

.iphone-nav #scroller > ul .li .a { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }

.iphone-nav #scroller > ul .li .a > a { width: auto; height: auto; display: inline; }

.iphone-nav #scroller .closeBox { width: 100%; color: #fff; position: relative; height: 0.45rem; line-height: 0.45rem; background: #1b1b1b; padding-left: 0.25rem; box-sizing: border-box; font-size: 0.1rem; font-weight: bold; text-align: left; }

.iphone-nav #scroller .closeBox:before { content: '\e62c'; font-family: "iconfont"; font-size: 0.1rem; color: #Fff; font-weight: bold; }

.iphone-nav #scroller .subMenu { display: none; }

.iphone-nav #scroller .subMenu li a { position: relative; box-sizing: border-box; display: block; color: #4A4A4A; font-size: 0.12rem; height: 0.49rem; line-height: 0.49rem; width: 100%; font-weight: normal; border-top: 1px solid #C5C5C5; padding-left: 0.125rem; }

.iphone-nav #scroller .subMenu li a:before { position: absolute; content: ""; width: 0.08rem; height: 0.08rem; border-radius: 50%; top: 50%; left: 0; background: #fff; display: inline-block; border: 1px solid #C5C5C5; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); }

.nav_bg { display: none; position: fixed; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); z-index: 100; left: 0; top: 0; }

.iphone-nav-active { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }

.main { overflow: hidden; }

.banner { position: relative; width: 100%; z-index: 1; display: block; }

.banner .swiper-container { width: 100%; }

.banner .swiper-container img { width: 100%; }

.banner .swiper-container .swiper-pagination { bottom: 0; padding-top: 10px; padding-bottom: 10px; background: rgba(255, 255, 255, 0.7); }

.banner .swiper-container .swiper-pagination-bullet-active { background: #5D6268; }

.modeImg { display: none; }

.pcImg { display: block; }

.homeProduct { position: relative; width: 100%; display: block; -webkit-transition: all 1s ease; transition: all 1s ease; }

.home-productLeft { position: relative; width: 30%; float: left; height: 921px; background: url("../images/homeImg1.jpg") no-repeat; background-position: right; background-size: cover !important; }

.home-productLeft img { width: 100%; }

.homeTit { position: relative; display: block; height: 60px; margin: 0 auto; text-align: center; white-space: nowrap; }

.homeTit:hover h4 { color: #E36363; }

.homeTit h4 { font-size: 24px; font-weight: bold; color: #444; display: block; text-align: center; -webkit-transition: all .5s ease; transition: all .5s ease; }

.homeTit img { width: 60px; height: 22px; padding-top: 8px; position: relative; }

.home-productRight { position: relative; width: 70%; float: left; padding-top: 128px; }

.home-productRight .home-product-rightWrap { width: 1146px; }

.home-productRight .swiper-container { width: 100%; }

.home-productRight .swiper-container img { width: 100%;height: 100%; -webkit-transition: all 1s ease; transition: all 1s ease; }

.home-productRight .swiper-container .swiper-pagination { position: relative; bottom: 0; padding-top: 20px; padding-bottom: 10px; }

.home-productRight .swiper-container .swiper-pagination-bullet { width: 7px; height: 7px; }

.home-productRight .swiper-container .swiper-pagination-bullet-active { background: #959595; }

.product-imgBox { width: 800px; margin: 0 auto; padding-top: 35px; }

.product-imgBox p { font-size: 16px; color: #333; padding-top: 23px; -webkit-transition: all 1s ease; transition: all 1s ease; }

.product-imgWrap { position: relative; width: 100%; padding-bottom: 83.88%; }

.product-imgWrap img { position: absolute; top: 0; left: 0; width: 100%; -webkit-transition: all .5s ease; transition: all .5s ease; }

.slideWrapBox { width: 100%; }

.slideWrap { position: relative; display: block; text-align: center; width: 33.33%; float: left; padding-left: 11px; padding-right: 11px; box-sizing: border-box; overflow: hidden; padding-bottom: 30px; }

.slideWrap:hover p { color: #E36363; }

.slideWrap:hover img { opacity: .7; }

.homeAbout { position: relative; width: 100%; padding-bottom: 20.3%; display: block; }

.homeAbout-left { position: absolute; top: 0; left: 0; width: 30%; float: left; height: 100%; background: #E9EAEA; }

.homeAbout-left .homeTit { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }

.homeAbout-right { position: absolute; width: 70%; float: left; top: 0; right: 0; height: 100%; background: #F6F6F6; }

.homeAbout-right .homeAbout-right-text { position: relative; display: block; width: 100%; overflow: hidden; height: 100%; }

.homeAbout-right .homeAbout-right-text p { display: block; left: 16%; position: absolute; width: 53.5%; top: 50%; min-height: 100px; font-size: 15px; color: #666; line-height: 34px; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }

.home-product .home-productLeft { float: right; background: url("../images/homeImg13.jpg") no-repeat; background-position: left; }

.home-product .home-productRight { float: right; }

.home-product .home-productRight .home-product-rightWrap { float: right; }

.homeNews { background: #F6F6F6; width: 100%; position: relative; padding-top: 97px; }

.home-newsWrap { width: 100%; position: relative; padding-bottom: 112px; padding-top: 39px; }

.home-newsWrap li { width: 33.33%; position: relative; float: left; box-sizing: border-box; padding-left: 15px; padding-right: 15px; }

.home-newsWrap li:hover .home-newsText h5 { color: #E36363; }

.home-newsWrap li:hover .home-newsImg img { opacity: .7; }

.home-newsImg { position: relative; width: 100%; padding-bottom: 68.64%; }

.home-newsImg img { position: absolute; width: 100%; top: 0; left: 0; -webkit-transition: all .5s ease; transition: all .5s ease; }

.home-newsText { position: relative; width: 100%; padding-top: 40px; }

.home-newsText h5 { color: #333; font-size: 16px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; -webkit-transition: all 1s ease; transition: all 1s ease; }

.home-newsText span { font-size: 15px; color: #A9A9A9; line-height: 24px; }

.home-newsText p { font-size: 14px; line-height: 30px; color: #555; padding-top: 30px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 5; -webkit-box-oreit: vertical; }

.homeLink { position: relative; width: 100%; padding-top: 115px; padding-bottom: 80px; }

.homeLink li { width: 14.28%; position: relative; float: left; }

.homeLink li h4 { font-size: 16px; color: #555; padding-bottom: 8px; font-weight: bold; }

.homeLink li h4:hover a { color: #E36363; }

.homeLink li p a { font-size: 15px; line-height: 28px; color: #777; }

.homeLink li p a:hover { color: #E36363; }

.serviceNav { border-bottom: solid 1px #C3C3C3; }

.serviceNav .pro-navWrapBox { border-bottom: none; }

.serviceWrap { position: relative; width: 100%; }

.serviceList { position: relative; width: 100%; background: #FFF; }

.serviceText { padding: 80px 50px 95px 70px; position: relative; width: 100%; box-sizing: border-box; }

.serviceText h5 { font-size: 24px; color: #333; font-weight: bold; padding-bottom: 30px; border-bottom: dashed 1px #C3C3C3; }

.serviceText h6 { font-size: 18px; color: #595959; padding-bottom: 23px; padding-top: 36px; font-weight: bold; }

.serviceText p { font-size: 14px; color: #444; line-height: 26px; }

.bg { background: #F6F6F6; }

.bg .serviceText { padding-bottom: 50px; }

.bg .serviceText h6 { padding-bottom: 18px; }

.bg .serviceText p { line-height: 30px; }

.wp1290 { position: relative; width: 1290px; margin: 0 auto; }

.wp1290 .swiper-wrapper { position: relative; width: 100%; }

.wp1290 .swiper-wrapper { box-sizing: border-box; }

.wp1290 .swiper-slide { padding-left: 50px; padding-right: 50px; box-sizing: border-box; }

.wp1290 .swiper-button-next, .wp1290 .swiper-button-prev { width: 60px; height: 60px; border-radius: 50%; }

.wp1290 .swiper-button-next { background-image: url("../images/pro_prev.png"); background-size: cover !important; }

.wp1290 .swiper-button-next:hover { opacity: .7; }

.wp1290 .swiper-button-prev { background-image: url("../images/pro_next.png"); background-size: cover !important; }

.wp1290 .swiper-button-prev:hover { opacity: .7; }

.productBanner { position: relative; width: 100%; padding-top: 100px; padding-bottom: 120px; }

.bannerText { position: relative; width: 33.33%; float: left; text-align: center; padding-left: 50px; padding-right: 50px; box-sizing: border-box; }

.bannerText p { font-size: 14px; line-height: 26px; color: #333; padding-top: 22px; padding-bottom: 22px; }

.bannerText a { width: 110px; height: 34px; line-height: 34px; margin: 0 auto; display: block; position: relative; color: #000; font-size: 13px; border: solid 1px #808080; border-radius: 30px; text-align: center; -webkit-transition: all .5s ease; transition: all .5s ease; }

.bannerText:hover a { color: #E36363; border: solid 1px #E36363; }

.bannerText + .bannerText { border-left: solid 1px #E5E5E5; }

.proMb { display: none; }

.proMb .bannerText { width: 100%; }

.productWrap { position: relative; width: 100%; background: #F6F6F6; padding-bottom: 35px; padding-top: 70px; }

.productInfo { width: 100%; position: relative; background: #FFF; margin-bottom: 50px; }

.productInfo:hover a { color: #E36363; }

.productInfo:hover .read { border: solid 1px #E36363; }

.productInfo:hover img { opacity: .7; }

.productInfoLeft { position: relative; width: 50%; float: left; }

.productInfoLeft .proImg { position: relative; width: 100%; padding-bottom: 63.33%; }

.productInfoLeft .proImg img { width: 100%; position: absolute; top: 0; left: 0; -webkit-transition: all .5s ease; transition: all .5s ease; }

.productInfoRight { position: relative; width: 50%; float: left; text-align: left; padding: 70px 65px 73px 80px; box-sizing: border-box; }

.productInfoRight h5 { font-size: 24px; color: #444; font-weight: bold; -webkit-transition: all .5s ease; transition: all .5s ease; white-space: nowrap; }

.productInfoRight p { font-size: 14px; line-height: 26px; color: #333; padding-top: 20px; padding-bottom: 20px; }

.productInfoRight .read { width: 110px; height: 30px; line-height: 30px; display: block; position: relative; color: #000; font-size: 13px; border: solid 1px #808080; border-radius: 30px; text-align: center; -webkit-transition: all .5s ease; transition: all .5s ease; }

.productInfoLeft.swFloat, .productInfoRight.swFloat { float: right; }

.productBannerImg { position: relative; width: 100%; }

.productBannerImg img { width: 100%; }

.wp1100 { position: relative; width: 1100px; margin: 0 auto; }

.proNav { width: 100%; background: #F6F6F6; }

.proNav .wp1100 { padding-right: 17px; padding-left: 17px; box-sizing: border-box; }

.proNav.fixed { position: fixed; top: 0; left: 0; z-index: 9997; }

.proNav.posfixed { position: fixed; top: 0; left: 0; z-index: 9999; }

.pro-navWrapBox { width: 100%; position: relative; box-sizing: border-box; border-bottom: solid 1px #7B7B7B; }

.pro-navWrap { position: relative; display: block; min-width: 200px; margin: 0 auto; }

.pro-navWrap .swiper-slide { width: auto; padding: 25px 50px 32px; font-size: 16px; text-align: left; }

.pro-navWrap .swiper-slide a { color: #000; }

.pro-navWrap .swiper-slide a:hover { color: #E36363; }

.pro-navWrap .swiper-slide:after { right: 0; position: absolute; top: 4px; content: '.'; font-size: 32px; color: #000; }

.pro-navWrap .swiper-slide:last-child { padding-right: 0; }

.pro-navWrap .swiper-slide:last-child:after { display: none; }

.pro-navWrap .swiper-slide:first-child { padding-left: 0px; }

.pro-navWrap .swiper-slide.on > a { color: #E36363; }

.pro-nav-subNav { position: absolute; z-index: 99; top: 90px; left: 0; width: 100%; }

.pro-nav-subNav .sub-navList { position: relative; display: none; width: 130px; padding: 0 50px 50px; background: #F6F6F6; box-shadow: 1px 1px 23px #CCC; }

.pro-nav-subNav .sub-navList a { display: block; padding-top: 20px; color: #000; font-size: 16px; text-align: left; }

.pro-nav-subNav .sub-navList a:hover { color: #E36363; }

.pro-nav-subNav .sub-navList:after { display: none; }

.proDetailed { background: #F6F6F6; }

.proDetailImg { position: relative; width: 100%; padding-top: 73px; }

.proDetailImg li { width: 25%; position: relative; float: left; padding-left: 17px; padding-right: 17px; text-align: center; box-sizing: border-box; margin-bottom: 35px; -webkit-transition: all .5s ease; transition: all .5s ease; }

.proDetailImg li a { position: relative; width: 100%; display: block; padding-bottom: 84.33%; }

.proDetailImg li a img { width: 100%; position: absolute; top: 0; left: 0; -webkit-transition: all .5s ease; transition: all .5s ease; }

.proDetailImg li p { font-size: 16px; color: #333; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; height: 70px; line-height: 70px; -webkit-transition: all .5s ease; transition: all .5s ease; border-bottom: solid 1px #C5C5C5; }

.proDetailImg li:hover p, .proDetailImg li.on p { color: #E36363; }

.proDetailImg li:hover img, .proDetailImg li.on img { opacity: .7; }

.position { position: relative; width: 100%; padding-top: 67px; padding-bottom: 36px; }

.position li { position: relative; float: left; margin-right: 6px; }

.position li a { font-size: 12px; font-weight: bold; color: #000; }

.proInfo { position: relative; width: 100%; background: #FFF; box-shadow: 1px 1px 2px #E9E9E9; }

.productInfoImg { position: relative; width: 67%; float: left; -webkit-transition: all .5s ease; transition: all .5s ease; }

.productInfoImg img { width: 100%; -webkit-transition: all .5s ease; transition: all .5s ease; }

.productInfoImg:hover img { opacity: .7; }

.productInfoImg .swiper-button-prev { width: 50px; height: 50px; background: #FBF7F3; border-radius: 50px; text-align: center; line-height: 50px; }

.productInfoImg .swiper-button-prev:before { position: absolute; display: block; top: 0; left: 14px; content: "\e62c"; font-family: "iconfont"; font-size: 20px; color: #000; }

.productInfoImg .swiper-button-next { width: 50px; height: 50px; background: #FBF7F3; border-radius: 50px; text-align: center; line-height: 50px; }

.productInfoImg .swiper-button-next:before { position: absolute; display: block; top: 0; left: 10px; content: "\e62c"; font-family: "iconfont"; font-size: 20px; color: #000; -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); }

.productInfoText { position: relative; width: 33%; float: left; padding: 70px 30px 70px 45px; box-sizing: border-box; }

.productInfoText:hover h4 { color: #E36363; }

.productInfoText h4 { font-size: 24px; width: 95%; font-weight: bold; color: #444; padding-bottom: 20px; -webkit-transition: all .5s ease; transition: all .5s ease; border-bottom: dashed 1px #5E5E5E; }

.productInfoText .pro-infoText { position: relative; width: 100%; height: 397px; margin-top: 26px; overflow: hidden; margin-bottom: 30px; }

.productInfoText .pro-infoText .pro-infotextWrap { position: relative; }

.productInfoText .pro-infoText p { font-size: 14px; color: #333; line-height: 26px; }

.productInfoText .clickButtonBox { position: relative; }

.productInfoText .clickButton { width: 40px; position: relative; display: block; height: 40px; line-height: 40px; text-align: center; float: left; background: #FFF; -webkit-transition: all .5s ease; transition: all .5s ease; border: solid 1px #CCC; }

.productInfoText .clickButton:hover { background: #E36363; border: solid 1px #E36363; }

.productInfoText .clickButton.clickPrev { margin-right: 5px; cursor: pointer; }

.productInfoText .clickButton.clickPrev:before { position: absolute; display: block; top: 8px; left: 11px; line-height: 33px; text-align: center; content: "\e62c"; font-family: "iconfont"; font-size: 16px; color: #8E8E8E; -webkit-transition: all .5s ease; transition: all .5s ease; -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); }

.productInfoText .clickButton.clickPrev:hover:before { color: #FFF; }

.productInfoText .clickButton.clickNext { cursor: pointer; }

.productInfoText .clickButton.clickNext:before { position: absolute; display: block; top: -1px; left: 11px; line-height: 40px; text-align: center; content: "\e62c"; font-family: "iconfont"; font-size: 16px; color: #8E8E8E; -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); }

.productInfoText .clickButton.clickNext:hover:before { color: #FFF; }

.nextListBox { position: relative; padding-top: 40px; padding-bottom: 70px; }

.nextList { position: relative; width: 100%; background: #FFF; box-shadow: 1px 1px 6px #ECECEC; }

.nextList .next-list { position: relative; width: 33.33%; height: 67px; line-height: 67px; float: left; overflow: hidden; text-align: center; box-sizing: border-box; -webkit-transition: all .5s ease; transition: all .5s ease; }

.nextList .next-list a { width: 100%; display: block; font-size: 14px; color: #333; -webkit-transition: all .5s ease; transition: all .5s ease; }

.nextList .next-list:hover a { color: #E36363; }

.nextList .next-list:hover a:after, .nextList .next-list:hover a:before { color: #E36363; }

.nextList .listBlack a:before { content: "\e613"; font-family: "iconfont"; color: #010101; margin-right: 20px; -webkit-transition: all .5s ease; transition: all .5s ease; font-size: 22px; font-weight: bold; }

.nextList .listPrev a:before { text-align: center; content: "\e62c"; font-family: "iconfont"; color: #010101; margin-right: 20px; font-weight: bold; -webkit-transition: all .5s ease; transition: all .5s ease; -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); }

.nextList .listNext a:after { content: "\e62c"; font-family: "iconfont"; color: #010101; margin-left: 20px; font-weight: bold; -webkit-transition: all .5s ease; transition: all .5s ease; display: inline-block; -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); }

.nextList .next-list + .next-list { border-left: solid 1px #E5E5E5; }

.productBd { position: relative; width: 100%; margin-top: 6px; box-shadow: 0 9px 6px -8px #E2E2E2 inset; }

.newsInfo { position: relative; width: 100%; padding-bottom: 40px; padding-top: 35px; }

.newsInfo li { width: 48%; position: relative; float: left; }

.newsInfo li a { display: block; padding-top: 35px; padding-bottom: 35px; }

.newsInfo li:nth-child(2n) { float: right; }

.newsInfo li:hover .newsImg img { opacity: .7; }

.newsInfo li:hover .newsText h4 { color: #E36363; }

.newsInfoWp { position: relative; }

.newsImg { position: relative; float: left; }

.newsImg img { width: 253px; height: 174px; -webkit-transition: all .5s ease; transition: all .5s ease; }

.newsText { position: relative; margin-left: 286px; padding-top: 17px; box-sizing: border-box; }

.newsText h4 { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; font-size: 14px; color: #333; font-weight: bold; -webkit-transition: all .5s ease; transition: all .5s ease; padding-bottom: 12px; }

.newsText p { font-size: 12px; color: #555; line-height: 24px; padding-bottom: 12px; }

.newsText span { color: #A9A9A9; font-size: 14px; line-height: 24px; }

.newsWrap .paged { text-align: left; }

.newsDetail { width: 100%; position: relative; background: #FFF; padding: 50px 95px 76px 95px; box-sizing: border-box; box-shadow: 0px 1px 8px #E5E5E5; }

.news-detailTit { position: relative; width: 100%; padding-bottom: 36px; text-align: center; border-bottom: dashed 1px #AEAEAE; }

.news-detailTit h5 { font-size: 24px; color: #555; padding-bottom: 18px; }

.news-detailTit span { font-size: 14px; color: #444; }

.news-detailText { text-align: center; padding-top: 30px; }

.news-detailText img { max-width: 100%; padding-bottom: 30px; }

.news-detailText p { font-size: 14px; line-height: 26px; color: #666; text-align: left; padding-bottom: 30px; }

.mBanner { display: none; }

.wp1220 { width: 1220px; position: relative; margin: 0 auto; }

.caseWrap { position: relative; padding-top: 50px; width: 100%; }

.caseWrap li { width: 33.33%; position: relative; float: left; z-index: 33; padding-left: 10px; padding-right: 10px; margin-bottom: 45px; box-sizing: border-box; }

.caseWrap li a { display: block; width: 100%; position: relative; z-index: 33; min-height: 203px; -webkit-transition: all .5s ease; transition: all .5s ease; background: #FFF; }

.caseWrap li a img { width: 242px; height: 203px; float: left; margin-right: 25px; -webkit-transition: all .5s ease; transition: all .5s ease; }

.caseWrap li a .caseText { position: relative; padding-top: 30px; padding-right: 25px; padding-bottom: 29px; }

.caseWrap li a .caseText h4 { font-size: 16px; color: #333; -webkit-transition: all .5s ease; transition: all .5s ease; }

.caseWrap li a .caseText:after { position: relative; display: block; padding-top: 60px; content: "\e626"; font-family: "iconfont"; font-size: 36px; color: #333; }

.caseWrap li:hover:after { opacity: 1; }

.caseWrap li:hover img { opacity: .7; }

.caseWrap li:hover .caseText h4 { color: #E36363; }

.caseWrap li:after { position: absolute; bottom: 0; opacity: 0; -webkit-transition: all .5s ease; transition: all .5s ease; z-index: 2; width: 82%; height: 50px; margin: 0 auto; border-radius: 60%; background: red; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); content: ""; box-shadow: 1px 2px 50px #666; }

.caseWrap .proInfo { display: none; }

.caseImg { position: absolute; }

.imgBg { position: fixed; width: 100%; z-index: 99999; height: 100%; top: 0; left: 0; display: none; background: rgba(0, 0, 0, 0.5); }

.imgBg .proInfo { width: 1200px; position: absolute; top: 50%; z-index: 9999; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }

.imgBg .proInfo { box-shadow: none; }

.imgBg .productInfoText { position: relative; padding: 60px 30px 70px 45px; }

.imgBg .productInfoText .clickButton.clickPrev:before { top: 8px; left: 11px; line-height: 33px; }

.imgBg .productInfoText .clickButton.clickNext:before { top: -1px; left: 11px; }

.case_closeBox { position: absolute; width: 40px; height: 40px; top: 0; z-index: 6; right: 0; background: #DCDCDC; text-align: center; cursor: pointer; line-height: 40px; }

.case_closeBox:before { content: "\e620"; font-family: "iconfont"; font-size: 16px; color: #000; }

.imgBg_close { position: fixed; top: 0; left: 0; z-index: 44; width: 100%; height: 100%; }

.developWrap { position: relative; width: 100%; z-index: 55; padding-bottom: 96px; padding-top: 67px; }

.developTit { position: relative; width: 100%; background: #505050 url("../images/developmentImg.png") repeat-X; height: 63px; background-position: 0 50px; }

.timeTit { width: 93%; position: relative; padding-left: 100px; padding-right: 100px; box-sizing: border-box; overflow: hidden; }

.timeTit .swiper-slide { font-size: 20px; color: #FEFEFE; height: 63px; line-height: 63px; width: 124px; text-align: left; cursor: pointer; }

.timeTit .swiper-slide.on { color: #d8a564; }

.timeTit .swiper-button-prev { width: 50px; height: 74%; margin-left: -10px; background: #505050; }

.timeTit .swiper-button-prev i { display: block; width: 30px; margin-top: 7px; height: 30px; border-radius: 50px; background: #FFF; line-height: 30px; text-align: center; }

.timeTit .swiper-button-prev i:before { content: "\e62c"; font-family: "iconfont"; font-size: 14px; left: 20px; font-weight: bold; color: #333; }

.timeTit .swiper-button-next { width: 50px; height: 74%; margin-right: -10px; text-align: right; background: #505050; }

.timeTit .swiper-button-next i { display: block; width: 30px; margin-top: 7px; float: right; right: 20px; height: 30px; border-radius: 50px; background: #FFF; line-height: 30px; text-align: center; }

.timeTit .swiper-button-next i:before { content: "\e62c"; display: block; font-family: "iconfont"; font-size: 14px; font-weight: bold; color: #333; -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); }

.developText { position: relative; width: 100%; background: #FFF; z-index: 55; padding: 76px 80px 86px 80px; box-sizing: border-box; }

.developText .developText-list { position: relative; width: 100%; display: none; background: #FFF; }

.developText .developText-list img { float: right; }

.developText .developText-list:first-child { display: block; }

.developText h4 { font-size: 36px; color: #505050; padding-bottom: 30px; border-bottom: dashed 1px #b1b1b1; }

.developText p { font-size: 14px; line-height: 26px; color: #444444; padding-top: 30px; }

.listText { width: 46.8%; float: left; }

.listImg { width: 48.8%; float: right; }

.listImg img { width: 100%; }

.contactWrap { position: relative; width: 100%; padding-top: 48px; padding-bottom: 44px; }

.contactWrap .contactListBox { position: relative; width: 100%; margin-bottom: 44px; }

.contactWrap .contactListBox:last-child { margin-bottom: 0; }

.contactWrap .contactListBox:after { content: ''; position: absolute; display: block; z-index: 2; width: 80%; margin: 0 auto; border-radius: 50%; height: 50px; bottom: 0; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); box-shadow: 1px 2px 50px #999; }

.contactWrap .contactList { position: relative; width: 100%; z-index: 44; padding-bottom: 29.69%; background: #fff; }

.contactWrap .contactList:hover .contactText h4 { color: #e36363; }

.contactWrap .contactList:hover .contactImg img { opacity: .7; }

.contactWrap .contactText { width: 52.5%; position: absolute; z-index: 40; top: 0; left: 0; background: #fff; padding: 85px 157px 0 134px; box-sizing: border-box; }

.contactWrap .contactText h4 { font-size: 24px; color: #444444; padding-bottom: 10px; font-weight: bold; -webkit-transition: all .5s ease; transition: all .5s ease; }

.contactWrap .contactText h4:before { content: "\e61d"; font-family: "iconfont"; font-size: 40px; display: inline-block; padding-right: 12px; font-weight: normal; }

.contactWrap .contactText p { font-size: 14px; color: #333333; line-height: 26px; }

.contactWrap .contactImg { width: 47.5%; position: absolute; top: 0; right: 0; z-index: 40; }

.contactWrap .contactImg img { width: 100%; -webkit-transition: all .5s ease; transition: all .5s ease; }

.careerNav { border-bottom: solid 1px #C5C5C5; }

.careerWrap { position: relative; width: 100%; padding-top: 35px; }

.jobWrap { position: relative; width: 100%; }

.jobTit { width: 100%; height: 53px; line-height: 53px; background: #505050; margin-bottom: 20px; }

.jobTit li { width: 25%; float: left; font-size: 16px; color: #FEFEFE; text-align: center; }

.jobPosition { position: relative; width: 100%; box-sizing: border-box; border: solid 1px #C5C5C5; background: #fff; margin-bottom: 20px; }

.jobPosition .jobInfo.show { display: block; }

.jobPosition .jobName { position: relative; background: #fff; box-sizing: border-box; line-height: 40px; cursor: pointer; }

.jobPosition .jobName li { width: 24.5%; position: relative; float: left; font-size: 16px; color: #333; text-align: center; }

.jobPosition .jobName i { position: absolute; top: 50%; right: 20px; display: inline-block; width: 28px; height: 28px; background: #F6F6F6; border-radius: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); border: solid 1px #C5C5C5; }

.jobPosition .jobName i:after { content: "\e62c"; font-family: "iconfont"; font-size: 14px; color: #333; font-weight: bold; display: block; line-height: 46px; -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); }

.jobInfo { position: relative; width: 100%; padding-top: 80px; padding-bottom: 100px; color: #444444; display: none; border-top: solid 1px #C5C5C5; }

.jobInfo h5 { font-size: 20px; padding-bottom: 35px; font-weight: bold; }

.jobInfo p { font-size: 14px; line-height: 30px; }

.jobInfoLeft { position: relative; width: 50%; float: left; box-sizing: border-box; padding-left: 100px; padding-right: 80px; border-right: solid 1px #C5C5C5; }

.jobInfoRight { position: relative; width: 50%; float: left; padding-left: 64px; padding-right: 68px; box-sizing: border-box; }

.jobPosition:hover .jobName { background: #F6F6F6; }

.jobPosition:hover .jobName i { background: #FFf; }

.jobPosition:hover .jobName i:after { content: "\e62c"; font-family: "iconfont"; font-size: 14px; color: #333; font-weight: bold; display: block; line-height: 10px; -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); }

.jobName.on { background: #F6F6F6; }

.jobName.on i { background: #FFf; }

.jobName.on i:after { content: "\e62c"; font-family: "iconfont"; font-size: 14px; color: #333; font-weight: bold; display: block; line-height: 10px; -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); }

.developTextBox { position: relative; width: 100%; }

.developTextBox:after { position: absolute; bottom: -49px; opacity: 0; -webkit-transition: all .5s ease; transition: all .5s ease; z-index: 2; width: 82%; height: 50px; margin: 0 auto; border-radius: 60%; background: red; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); content: ""; box-shadow: 0px 2px 50px #666; }

.caseWrap_hide { display: none; }

.careerWrap .paged { text-align: left; }

@media screen and (max-width: 1661px) { .homeProduct { -webkit-transform: translateX(-80px); -ms-transform: translateX(-80px); transform: translateX(-80px); }
  .homeProduct.home-product { -webkit-transform: translateX(50px); -ms-transform: translateX(50px); transform: translateX(50px); } }

@media screen and (max-width: 1544px) { .homeProduct { -webkit-transform: translateX(-120px); -ms-transform: translateX(-120px); transform: translateX(-120px); }
  .homeProduct.home-product { -webkit-transform: translateX(100px); -ms-transform: translateX(100px); transform: translateX(100px); } }

@media screen and (max-width: 1488px) { .homeProduct { -webkit-transform: translateX(-150px); -ms-transform: translateX(-150px); transform: translateX(-150px); }
  .homeProduct.home-product { -webkit-transform: translateX(120px); -ms-transform: translateX(120px); transform: translateX(120px); } }

@media screen and (max-width: 1440px) { .homeProduct { -webkit-transform: translateX(-190px); -ms-transform: translateX(-190px); transform: translateX(-190px); }
  .homeProduct.home-product { -webkit-transform: translateX(140px); -ms-transform: translateX(140px); transform: translateX(140px); } }

@media screen and (max-width: 1400px) { .homeProduct { -webkit-transform: translateX(-213px); -ms-transform: translateX(-213px); transform: translateX(-213px); }
  .homeProduct.home-product { -webkit-transform: translateX(200px); -ms-transform: translateX(200px); transform: translateX(200px); } }

@media screen and (max-width: 1350px) { .homeProduct.home-product, .homeProduct { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); }
  .home-productLeft { display: none; }
  .home-productRight { width: 100%; padding-top: 50px; padding-bottom: 35px; }
  .home-productRight .swiper-container .swiper-pagination { padding-top: 0; }
  .home-productRight .home-product-rightWrap { width: 100%; }
  .homeAbout-right .homeAbout-right-text p { width: 70%; }
  .homeNews { padding-top: 40px; } }

@media screen and (max-width: 1290px) { .wp1290 { width: 100%; padding-left: 20px; padding-right: 20px; box-sizing: border-box; } }

@media screen and (max-width: 1200px) { .wp1200 { width: 100%; padding-left: 20px; padding-right: 20px; box-sizing: border-box; }
  .wp1220 { width: 100%; padding-left: 20px; padding-right: 20px; box-sizing: border-box; }
  .imgBg .proInfo { width: 80%; height: 80%; } }

@media screen and (max-width: 1100px) { .wp1100 { width: 100%; box-sizing: border-box; }
  .productInfoImg { width: 100%; float: none; }
  .productInfoText { width: 100%; float: none; }
  .productInfoText .pro-infoText { height: 204px; }
  .imgBg .proInfo { width: 56%; height: 95%; }
  .contactWrap .contactText { padding: 50px 100px 0 100px; } }

@media screen and (max-width: 960px) { .product-imgBox { width: 100%; padding-right: 10px; padding-left: 10px; box-sizing: border-box; }
  .product-imgBox li { width: 50%; }
  .homeAbout { padding-bottom: 40%; }
  .productInfoRight { padding: 20px 35px 23px 30px; }
  .proMb { display: block; }
  .proPc { display: none; }
  .productBanner { padding-top: 50px; padding-bottom: 60px; }
  .newsInfo li { width: 100%; float: none; }
  .newsInfo li:nth-child(2n) { float: none; }
  .caseWrap li { width: 50%; }
  .contactWrap .contactText { padding: 20px 30px 0 30px; }
  .proDetailImg li { width: 33.33%; } }

@media screen and (max-width: 800px) { .product-imgBox { width: 100%; }
  .product-imgBox li { width: 50%; }
  .navWrap { display: none; }
  .modeImg { display: block; }
  .pcImg { display: none; }
  .headWrap h1 { margin: 0; text-align: left; padding-left: 20px; }
  .search { float: right; right: 0.395rem; top: 0; position: absolute; padding-right: 0.125rem; }
  .search .searchButton { float: right; }
  .ch-En { width: auto; top: 0.065rem; right: 0px; }
  .ch-En a { font-size: 0.12rem; }
  .ch-En a:before, .ch-En a:after, .ch-En:before { display: none; }
  .cnButton { display: none; }
  .search .searchButton span { display: inline-block; }
  .search .searchButton:before { left: 0.08rem; top: -1px; }
  .headWrap h1 img { width: 0.555rem; height: 0.31rem; }
  .menu { display: block; }
  .home-newsWrap { padding-bottom: 60px; }
  .home-newsWrap li { width: 100%; padding-left: 0; padding-right: 0; padding-bottom: 30px; }
  .home-newsImg { width: 50%; float: left; padding-bottom: 34.32%; }
  .home-newsText { width: 50%; float: left; padding-left: 20px; box-sizing: border-box; padding-top: 18px; }
  .home-newsText p { padding-top: 15px; }
  .homeLink { display: none; }
  .footer { background: #fff; }
  .productInfoLeft.swFloat, .productInfoRight.swFloat { float: none; }
  .productInfoLeft, .productInfoRight { width: 100%; float: none; }
  .productInfoRight { padding: 50px 40px 40px 40px; }
  .contactWrap .contactText { width: 100%; position: relative; padding: 20px 30px 30px 30px; }
  .contactWrap .contactList { padding-bottom: 0; }
  .contactWrap .contactImg { position: relative; width: 100%; text-align: center; }
  .contactWrap .contactImg img { max-width: 100%; }
  .jobInfoLeft { width: 100%; float: none; padding-left: 64px; padding-right: 68px; border-right: none; }
  .jobInfoRight { width: 100%; float: none; padding-top: 30px; }
  .searchBox { right: 20px; } }

@media screen and (max-width: 737px) { .homeAbout { padding-bottom: 50%; }
  .caseWrap li { width: 100%; padding: 0; }
  .proDetailImg li { width: 50%; }
  .listText { width: 100%; float: none; }
  .listImg { width: 100%; text-align: center; padding-top: 30px; }
  .listImg img { max-width: 100%; }
  .jobPosition .jobName li { width: 48%; }
  .jobPosition .jobName { padding-top: 15px; padding-bottom: 15px; line-height: 26px; }
  .imgBg .productInfoText { padding: 40px 30px 70px 45px; }
  .imgBg .proInfo { height: 82%; }
  .slideWrap { width: 50%; }
  .newsInfo li { border-bottom: solid 1px #d9d9d9; } }

@media screen and (max-width: 640px) { .newsImg { width: 50%; }
  .newsImg img { width: 100%; height: auto; }
  .newsText { width: 50%; margin: 0; float: left; padding-left: 30px; box-sizing: border-box; padding-top: 10px; }
  .newsText p { display: none; }
  .mBanner { display: block; }
  .pcBanner { display: none; }
  .homeAbout { padding-bottom: 70%; }
  .homeAbout-right .homeAbout-right-text p { font-size: 18px; width: 80%; }
  .productInfoText .pro-infoText { height: 265px; }
  .headWrap { padding-top: 13px; padding-bottom: 13px; }
  .headWrap h1 img { padding-top: 8px; }
  .position { position: relative; width: 100%; padding-top: 40px; padding-bottom: 24px; }
  .newsDetail { padding: 30px 30px 40px 30px; }
  .serviceText { padding: 40px 50px 95px 40px; }
  .ch-En a { font-size: 0.12rem; }
  .imgBg .productInfoText .pro-infoText { height: 163px; }
  .productInfoText .clickButton.clickPrev:before { top: 8px; left: 11px; line-height: 33px; }
  .productInfoText .clickButton.clickNext:before { top: -1px; left: 11px; }
  .footer { padding-left: 30px; padding-right: 30px; box-sizing: border-box; }
  .imgBg .proInfo { width: 70%; } }

@media screen and (max-width: 630px) { .ch-En { top: 0.09rem; }
  .search .searchButton:before { top: 0.03rem; }
  .search .searchButton span { top: 0.03rem; }
  .menu { top: 0.07rem; right: 0.9rem; } }

@media screen and (max-width: 500px) { .homeAbout { padding-bottom: 85%; }
  .homeTit h4 { font-size: 20px; }
  .homeAbout { padding-bottom: 0; }
  .homeAbout-right { position: relative; width: 100%; float: none; }
  .homeAbout-left { position: relative; width: 100%; float: none; height: 130px; }
  .homeAbout-right .homeAbout-right-text p { font-size: 16px; position: relative; top: 0; left: 0; width: 100%; padding: 26px; box-sizing: border-box; -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); }
  .home-newsImg { width: 100%; float: none; padding-bottom: 68.64%; }
  .home-newsText { width: 100%; float: none; padding-left: 0; padding-top: 26px; }
  .home-newsText p { padding-top: 15px; }
  .wp1290 .swiper-button-next, .wp1290 .swiper-button-prev { display: none; }
  .wp1290 .swiper-slide, .bannerText { padding-left: 0; padding-right: 0; }
  .pro-navWrap .swiper-slide { padding: 0 33px; }
  .pro-navWrap .swiper-slide:after { top: -9px; }
  .paged a, .paged .p_info, .paged .current { padding: 10px 12px; font-size: 10px; }
  .developText { padding: 40px 30px 40px 30px; }
  .pro-navWrap .swiper-slide { height: 60px; line-height: 60px; }
  .developWrap { padding-bottom: 45px; padding-top: 40px; }
  .jobInfo { padding-top: 48px; padding-bottom: 70px; }
  .jobPosition .jobName i { right: 15px; }
  .jobInfoLeft { padding-left: 30px; padding-right: 30px; }
  .jobInfoRight { padding-left: 30px; padding-right: 30px; }
  .serviceText { padding: 40px 20px 50px 20px; }
  .proDetailImg { padding-top: 45px; }
  .developText h4 { font-size: 31px; padding-bottom: 22px; }
  .search .searchBox { width: 160px; }
  .imgBg .proInfo { height: 75%; }
  .pro-nav-subNav { top: 62px; }
  .pro-nav-subNav .sub-navList a { text-align: center; }
  .imgBg .productInfoText .pro-infoText { height: 238px; } }

@media screen and (max-width: 420px) { .productInfoRight h5 { font-size: 22px; }
  .headWrap h1 img { padding-top: 12px; }
  .headWrap h1, .headWrap { padding: 0; }
  .news-detailTit h5 { font-size: 21px; }
  .jobTit li { font-size: 15px; }
  .careerWrap .wp1200 { padding: 0; }
  .jobPosition .jobName li { width: 43%; font-size: 15px; }
  .footer { padding-top: 25px; padding-bottom: 35px; }
  .productInfoText { padding: 40px 30px 70px 45px; }
  .productInfoText .pro-infoText { height: 74px; }
  .imgBg .productInfoText { padding: 40px 20px 70px 30px; }
  .productInfoText h4 { font-size: 20px; }
  .newsInfo li a { padding-top: 20px; padding-bottom: 20px; }
  .newsText { padding-left: 14px; padding-top: 0; }
  .menu { top: 18px; }
  .search { padding-top: 20px; }
  .search .searchButton span { top: 1px; }
  .ch-En { top: 20px; }
  .search .searchBox { width: 120px; height: 23px; }
  .search .searchBox:before { right: -30px; font-size: 15px; }
  .search .searchBox input[type="text"] { padding-left: 13px; font-size: 12px; } }

@media screen and (max-width: 376px) { .productInfoRight h5 { font-size: 21px; }
  .caseWrap li { margin-bottom: 35px; text-align: center; }
  .caseWrap li a img { float: none; text-align: center; max-width: 100%; margin-right: 0; }
  .caseWrap li a .caseText { padding-left: 42px; padding-bottom: 20px; text-align: left; padding-top: 20px; }
  .caseWrap li a .caseText:after { padding-top: 6px; }
  .contactWrap .contactText { width: 100%; position: relative; padding: 20px 20px 30px 30px; }
  .pro-nav-subNav .sub-navList { width: 100%; box-sizing: border-box; }
  .menu { top: 16px; }
  .search { padding-top: 20px; }
  .menu:before { right: -16px; } }

@media screen and (max-width: 360px) { .menu { top: 16px; } }

@media screen and (max-width: 345px) { .headWrap h1 img { padding-top: 16px; }
  .nextList .listPrev a:before { margin-right: 3px; }
  .nextList .listBlack a:before { margin-right: 9px; }
  .nextList .listNext a:after { margin-left: 4px; }
  .proDetailImg li p { font-size: 14px; }
  .jobTit li { font-size: 13px; }
  .productInfoImg .swiper-button-next, .productInfoImg .swiper-button-prev { display: none; }
  .productInfoText h4 { font-size: 20px; }
  .productInfoText { padding: 40px 20px 70px 20px; }
  .imgBg .productInfoText { padding: 20px 20px 70px 30px; }
  .productInfoText h4 { font-size: 18px; }
  .productInfoText .clickButtonv { height: 34px; width: 34px; }
  .productInfoText .clickButton.clickPrev:before { top: 8px; left: 11px; line-height: 33px; }
  .productInfoText .clickButton.clickNext:before { top: -1px; left: 11px; }
  .productInfoText .pro-infoText { margin-top: 17px; margin-bottom: 19px; }
  .imgBg .proInfo { height: 83%; }
  .newsText h4, .newsText span { font-size: 13px; }
  .pro-navWrap .swiper-slide { padding: 0 26px; }
  .search .searchButton:before { top: 0.06rem; }
  .ch-En { top: 22px; }
  .menu { right: 0.8rem; } }

@media screen and (max-width: 320px) { .search .searchBox input[type="text"] { padding-left: 13px; font-size: 12px; }
  .menu { top: 18px; }
  .menu:before { right: -9px; } }


.pro-nav-subNav { top: auto; }

.proNav.posfixed { z-index: 99; }

.caseWrap li a .caseText h4 { word-wrap: break-word; table-layout: fixed; word-break: break-all; }

.pro-navWrap .swiper-slide .a-hover { color: #E36363; }

.homeLink li p a { font-size: 13px; }

.caseWrap li a { cursor: pointer; }

.caseWrap li a .caseText:after { padding-top: 0px; position: absolute; left: 270px; top: 150px; }

.product-imgBox p { word-wrap: break-word; font-size: 15px; }

.news-detailText img { height: 100%; }

.search .searchBox:before { content: ''; }

.icon-search:before { position: absolute; width: 35px; top: 0px; right: 9px; content: "\e606"; font-family: "iconfont"; font-size: 19px; color: #999; cursor: pointer; }

.productInfoText h4 { word-wrap: break-word; table-layout: fixed; word-break: break-all; }

.productInfoImg:hover img { opacity: inherit; }

@media screen and (max-width: 737px) { .jobPosition .jobName li { width: 25%; } }

@media screen and (max-width: 500px) { 
  .serviceText { padding-top: 60px; }
  .productInfoText h4 { font-size: 16px; }
  .imgBg .proInfo { height: 85%; } 
 }

@media screen and (max-width: 435px) { .pro-nav-subNav .sub-navList { margin: 0 auto; }
  .caseWrap li a .caseText:after { padding-top: 20px; position: relative; left: auto; top: auto; } }

@media screen and (max-width: 420px) { .jobPosition .jobName li { width: 25%; } }

@media screen and (max-width: 411px) { .imgBg .productInfoText .pro-infoText { height: 111px; } }

@media screen and (max-width: 360px) { .imgBg .productInfoText .pro-infoText { height: 128px; } }

.home-newsText h5 { font-weight: bold; }

.news-detailTit h5 { font-weight: bold; }


.productInfoText { padding-bottom: 0px; }
.imgBg .productInfoText { padding-bottom: 0px; }
@media screen and (max-width: 1250px) {
  .navWrap { display: none; }
  .headWrap h1 { margin: 0; text-align: left; padding-left: 20px; }
  .search { float: right; right: 0.395rem; top: 0; position: absolute; padding-right: 0.125rem; }
  .search .searchButton { float: right; }
  .ch-En a:before, .ch-En a:after, .ch-En:before { display: none; }
  .cnButton { display: none; }
  .search .searchButton span { display: inline-block; }
  .headWrap h1 img { width: 0.555rem; height: 0.31rem; }
  .menu { display: block; }
}
@media screen and (max-width: 500px) { .imgBg .productInfoText .pro-infoText {height: 125px;} .jobPosition .jobName li {width: 22%;word-wrap: break-word;font-size: 14px;} .jobTit li {width: 22%} }
@media screen and (max-width: 370px) { .jobPosition .jobName i {right: 7px;} }