@charset "utf-8";
/* LESS Document */
/* reset.css V1.2  Start*/
body, h1, h2, h3, h4, h5, h6, p, dl, dt, dd, ul, ol, li, form, button, input, textarea, th, td { margin: 0px; padding: 0px; font-weight: normal; -webkit-appearance: none; -moz-appearance: none; appearance: none; }
body, button, input, select, textarea, h1, h2, h3, h4, h5, h6, i { font: normal 62.5% Microsoft YaHei, Arial, "\5b8b\4f53", tahoma; }
body { min-width: 1200px; }
ul, ol, li { list-style: none; }
a { text-decoration: none; color: #333; }
a:hover { text-decoration: none; }
img { border: 0; vertical-align: top; }
button, input, select, textarea { font-size: 100%; vertical-align: middle; outline: none; }
table { border-collapse: collapse; border-spacing: 0; }
.fixed:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
.fixed { *zoom: 1;
}
.clear { clear: both; }
.fl { float: left; }
.fr { float: right; }
.wd { margin: 0 auto; width: 1200px; }
/* reset.css V1.0  End */
.p_scale { -webkit-transform: scale(1.05, 1.05); -moz-transform: scale(1.05, 1.05); }
.overflow { height: auto; overflow: hidden; }
/*header*/
.header { height: 88px;/* overflow: hidden;*/ position: relative; z-index: 1; background-color: #437bbf; }
.logo { position: absolute; left: 25px; top: 19px; z-index: 5; width: 204px; height: 41px; }
.logo img { width: 100%; height: auto; }
.lang { position: absolute; right: 0; top: 0; z-index: 5; width: 148px; color: #666; height: 88px; line-height: 88px; font-size: 1.3em; border-left: 1px solid #326aad; border-right: 1px solid #326aad; background-color: #3a73b8; }
.lang a { color: #fff; display: block; padding-left: 60px; background: url(/image/en.png) no-repeat 36px center; }
.lang a:hover { color: #f08200; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; transition: all 0.2s ease; }
.nav { height: 88px; text-align: center; }
.nav li { position: relative; display: inline-block; *display: inline;*zoom: 1;height: 88px; margin: 0 16px; }
.nav li >a { display: block; color: #fff; height: 88px; line-height: 88px; font-size: 1.5em; text-align: center; margin-left: 5px; padding: 0 1px 0 7px; }
.nav li i { display: none; position: absolute; left: 0; top: 0; z-index: 5; height: 100%; width: 8px; background: url(/image/icon1.png) no-repeat left center; }
.nav li:hover i, .nav li.on i { display: block; }
.nav li:hover >a, .nav li.on >a { background: url(/image/bor.jpg) repeat-x 0 bottom; }
.nav li:first-child i { left: 12px; }
.nav li:first-child >a { padding: 0 14px 0 24px; margin-left: 0; }
/*footer*/
.footer { position: relative; z-index: 2; padding: 41px 0 0; background-color: #404040; }
.footer .wd { position: relative; }
.tel { width: 227px; height: 47px; margin-bottom: 45px; background: url(/image/tel1.png) no-repeat 0 12px; padding-left: 72px; }
.tel div { color: #fff; font-size: 3em; margin: 0 0 0; font-family:Arial;}
.tel div a { color: #fff; margin: 0 0 0; font-family:Arial;}
.tel p { color: #b1b1b1; font-size: 1.2em; letter-spacing: 12px; }
.footImg { position: absolute; right: 0; top: 5px; z-index: 5; height: 36px; }
.footImg li { display: inline-block; height: 36px; width: 36px; margin-left: 12px; position: relative; cursor: pointer; }
.footImg li img { height: 36px; width: 36px; -webkit-border-radius: 36px; -moz-border-radius: 36px; -ms-border-radius: 36px; border-radius: 36px; }
.footImg li:hover img { filter: alpha(opacity=70); opacity: 0.7; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; transition: all 0.2s ease; }
.footImg li div.wx { position: absolute; left: -42px; top: -126px; z-index: 5; display: none; width: 120px; height: 126px; background: url(/image/ewm.png) no-repeat 0 0; }
.footLink { height: auto; overflow: hidden; padding: 39px 0 48px; border-top: 1px solid #3a3636; }
.footLinkLeft dl { float: left; height: 185px; text-align: center; width: 14.285714%; line-height: 30px; background: url(/image/bor2.jpg) repeat-y 0 0; }
.footLinkLeft dl:first-child { background: none; }
.footLinkLeft dt a { display: block; color: #fff; font-size: 1.4em; padding: 19px 0 11px; }
.footLinkLeft dd a { display: block; font-size: 1.2em; color: #9e9e9e; }
.footLinkLeft dd a:hover { color: #fff; }
.copy { height: auto; overflow: hidden; padding: 33px 20px 34px; color: #aeaeae; font-size: 1.2em; text-align: center; line-height: 25px; background-color: #373737; }
.copy a { color: #aeaeae; padding: 0 7px 0 4px; display: inline-block; }
.copy a:hover { text-decoration: underline; }
/*bigImg*/
.bigImg { height: 300px; position: relative; z-index: 0; background-repeat: no-repeat; background-position: center top; background-size: cover; }
/*main*/
.main { position: relative; z-index: 1; }
.left { float: left; width: 160px; }
.sideTit { height: 230px; overflow: hidden; margin-top: -151px; background: url(/image/sidebg.jpg) no-repeat 0 0; }
.sideTit a { padding-top: 36px; display: block; text-align: center; }
.sideMenuNav { height: auto; overflow: hidden; background-color: #f6f6f6; border-left: 1px solid #e9e9ed; border-right: 1px solid #e9e9ed; }
.sideMenuNav li { height: 65px; line-height: 65px; overflow: hidden; border-bottom: 1px solid #e9e9ed; }
.sideMenuNav li a { color: #3c3c3c; font-size: 1.6em; display: block; padding-left: 45px; }
.sideMenuNav li.on, .sideMenuNav li:hover { background: url(/image/icon1.png) no-repeat 28px center #ffffff; }
.sideMenuNav li.on a, .sideMenuNav li:hover a { color: #437bbf; }
/*right*/
.right { margin-left: 220px; }
/*newslist*/
.newslist { padding-top: 56px; }
.newslist li { margin-top: 23px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; border-radius: 5px; border: 1px solid #cfdbe7; }
.newslist li a { height: auto; overflow: hidden; display: block; padding: 20px 46px 20px 24px; color: #1e1e1e; background-color: #f5f8fb; }
.newslist li:hover { -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease; -moz-box-shadow: 0 0 4px 4px #ecf2f8; -webkit-box-shadow: 0 0 4px 4px #ecf2f8; -ms-box-shadow: 0 0 4px 4px #ecf2f8; box-shadow: 0 0 4px 4px #ecf2f8; }
.newslist li:hover a { background-color: #e8f2fc; }
.newslist li:hover a img { -webkit-transform: scale(1.05, 1.05); -moz-transform: scale(1.05, 1.05); -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease; }
.newslist li:hover a h3 { padding-left: 10px; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease; }
.newsImg { display: block; float: left; width: 230px; height: 160px; overflow: hidden; }
.newsImg img { width: 100%; height: 100%; }
.newsText { margin: 14px 0 0 260px; }
.newsText h3 { font-size: 2em; height: 36px; line-height: 36px; overflow: hidden; }
.newsInfo { color: #8e8e8e; font-size: 1.2em; line-height: 25px; margin: 6px 0 12px; max-height: 50px; overflow: hidden; }
.time { font-size: 1.3em; color: #646464; }
/*paged*/
.paged { padding: 64px 0 73px; text-align: center; clear: both; }
.paged a, .paged .p_info, .paged .current { display: inline-block; zoom: 1; *display: inline;
margin: 0 5px; padding: 10px 15px; font-size: 13px; text-align: center; -webkit-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; border-radius: 2px; color: #8b8b8b; background-color: #eee; }
.paged .current, .paged a:hover { color: #fff; background-color: #4a7fc0; }
/*newsCon*/
.newsTit { height: auto; overflow: hidden; padding: 71px 0 39px; text-align: center; border-bottom: 1px solid #e6e6e6; }
.newsTit h1 { color: #444; font-size: 2.4em; margin-bottom: 16px; }
.newsTit div span { display: inline-block; padding: 0 12px; color: #646464; font-size: 1.3em; padding: 0 14px 0 12px; }
.newsTit div span:first-child { background: url(/image/span.jpg) no-repeat right center; }
.content { color: #717171; font-size: 14px; line-height: 34px; list-style: disc; padding: 20px 0 48px; }
.content img { max-width: 100%; }
.back { height: auto; overflow: hidden; margin-bottom: 109px; }
.back a { display: block; float: right; height: 56px; line-height: 56px; color: #717171; font-size: 1.4em; width: 81px; padding-left: 67px; border: 1px solid #cfdbe7; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; border-radius: 5px; background: url(/image/back.png) no-repeat 40px center #f5f8fb; }
.back a:hover { -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; transition: all 0.2s ease; border-color: #437bbf; background-color: #437bbf; color: #fff; }
/*advantageList*/
.advantageList { height: auto; overflow: hidden; width: 980px; margin: 0 auto; padding: 14px 0 79px; }
.advantageList .fr { float: right; }
.advantageDiv { float: left; width: 48.4%; }
.advantageMargin { margin-top: 13px; background-color: #cedae7; padding: 5px 5px 0; height: auto; overflow: hidden; }
.advantageMargin img { display: block; width: 100%; height: auto; }
.advantageMargin div { height: 63px; line-height: 63px; overflow: hidden; font-size: 16px; color: #585858; text-align: center; }
/*contact*/
.contact { height: auto; overflow: hidden; padding: 57px 0 197px; }
.contactMenu { height: auto; overflow: hidden; }
.contactMenu li { float: left; position: relative; height: 43px; line-height: 43px; text-align: center; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; border-radius: 3px; margin-right: 14px; border: 1px solid #e7e7e7; background-color: #f5f5f5; margin-bottom: 10px; }
.contactMenu li a { display: block; color: #838383; font-size: 1.4em; width: 119px; }
.contactMenu li i { position: absolute; left: -4px; top: 0; height: 100%; width: 10px; display: none; background: url(/image/icon2.png) no-repeat left center; }
.contactMenu li:hover, .contactMenu li.on { background-color: #437bbf; border-color: #437bbf; }
.contactMenu li:hover a, .contactMenu li.on a { color: #fff; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; transition: all 0.2s ease; }
.contactMenu li:hover i, .contactMenu li.on i { display: block; }
.address { height: auto; overflow: hidden; margin: 36px 0 38px; padding: 33px 0 40px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; border-radius: 5px; border: 1px solid #e7e7e7; background-color: #f5f5f5; }
.address div { float: left; margin: 0 31px 0 49px; height: 24px; line-height: 24px; font-size: 1.5em; color: #646464; }
.address div img { display: block; float: left; width: 24px; height: 24px; margin-right: 10px; }
.jobLink li { float: left; width: 47.7%; -moz-box-shadow: 0 0 4px 4px #f2f6fa; -webkit-box-shadow: 0 0 4px 4px #f2f6fa; -ms-box-shadow: 0 0 4px 4px #f2f6fa; box-shadow: 0 0 4px 4px #f2f6fa; }
.jobLink li a { display: block; position: relative; height: 97px; line-height: 97px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; border-radius: 5px; border: 1px solid #cfdbe7; background-color: #f3f6f8; }
.jobLink li a img { display: block; margin: 25px 0 0 32px; width: 122px; height: 48px; }
.jobLink li i { position: absolute; right: 42px; top: 50%; margin-top: -11px; height: 22px; width: 31px; display: block; background: url(/image/jt1.png) no-repeat 0 0; }
.jobLink li.fr { float: right; }
.jobLink li em {
    position: absolute;
    right: 42px;
    top: 50%;
    margin-top: -11px;
    height: 22px;
    width: 31px;
    display: block;
    background: url(/image/jt1.png) no-repeat 0 0;
}
.jobLink li:hover a { background-color: #d3e6f9; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; transition: all 0.2s ease; }

.jobLink .span{width:256px;display:block;text-align:center;}


/*culturelist*/
.culturelist { padding-top: 14px; margin-left: -43px; }
.culturelist li { float: left; margin: 43px 0 0 43px; }
.cultureDiv { height: auto; overflow: hidden; -moz-box-shadow: 0 0 4px 4px #f2f6fa; -webkit-box-shadow: 0 0 4px 4px #f2f6fa; -ms-box-shadow: 0 0 4px 4px #f2f6fa; box-shadow: 0 0 4px 4px #f2f6fa; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; border-radius: 5px; padding: 8px; color: #fff; width: 280px; position: relative; border: 1px solid #cfdbe7; background-color: #f0f3f6; }
.cultureDiv a { height: auto; overflow: hidden; position: absolute; left: 0; top: 0; z-index: 5; display: block; height: 100%; width: 100%; color: #fff; cursor: pointer; }
.cultureDiv:hover { -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease; background-color: #437bbf; }
.cultureDiv:hover img { filter: alpha(opacity=70); opacity: 0.7; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease; }
.cultureImg { display: block; float: left; width: 280px; height: 370px; position: relative; z-index: 0; overflow: hidden; }
.cultureImg img { width: 100%; height: 100%; }
.shadow { position: absolute; left: 0; bottom: 0; z-index: 1; height: 100%; width: 100%; background: url(/image/shadow.png) no-repeat 0 bottom; }
.cultureText { position: absolute; left: 37px; bottom: 16px; z-index: 10; }
.cultureText span { display: block; width: 41px; height: 3px; background-color: #fca500; }
.cultureText h3 { font-size: 2em; height: 54px; line-height: 54px; overflow: hidden; text-transform: uppercase; }
.bgcolor { background-color: #ebf0f6; padding-bottom: 83px; }
.pictitle { height: auto; overflow: hidden; position: relative; padding: 58px 0 46px; text-align: center; }
.pictitle h1 { color: #0b0b0b; font-size: 2.8em; }
.pictitle a { display: block; position: absolute; right: 0; top: 58px; z-index: 5; width: 109px; height: 35px; line-height: 35px; color: #5c5f62; font-size: 1.4em; text-align: center; -webkit-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; border-radius: 2px; border: 1px solid #aaa; }
.pictitle a:hover { border-color: #437bbf; background-color: #437bbf; color: #fff; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease; }
.cultureArticle { padding: 39px 39px 34px; border: 1px solid #cfdbe7; background-color: #fff; }
.cultureArticleSlide { width: 100%; }
.cultureArticleSlide .sp-thumbnail-arrows { margin-top: -10px; }
.cultureArticleSlide .sp-thumbnail-arrow { font-size: 40px; line-height: 40px; color: #999; }
.cultureArticleSlide .sp-thumbnail-arrow:hover { color: #fff; }
.cultureArticleSlide .sp-thumbnail-arrow:before { content: ''; }
.cultureArticleSlide .sp-previous-thumbnail-arrow { width: 11px; height: 19px; background: url(/image/prev1.png) center no-repeat; }
.cultureArticleSlide .sp-top-thumbnails .sp-previous-thumbnail-arrow, .cultureArticleSlide .sp-bottom-thumbnails .sp-previous-thumbnail-arrow { left: -25px; }
.cultureArticleSlide .sp-top-thumbnails .sp-next-thumbnail-arrow, .cultureArticleSlide .sp-bottom-thumbnails .sp-next-thumbnail-arrow { right: -25px; }
.cultureArticleSlide .sp-next-thumbnail-arrow { width: 11px; height: 19px; background: url(/image/next1.png) center no-repeat; }
.cultureArticleSlide .sp-previous-thumbnail-arrow:hover { background-image: url(/image/prev2.png); }
.cultureArticleSlide .sp-next-thumbnail-arrow:hover { background-image: url(/image/next2.png); }
.cultureArticleSlide .sp-thumbnails-container { margin: 28px auto 0; }
.cultureArticleSlide .sp-top-thumbnails .sp-thumbnail-container, .cultureArticleSlide .sp-bottom-thumbnails .sp-thumbnail-container { margin-right: 7px; margin-left: 0; }
.cultureArticleSlide .sp-thumbnail-container.sp-selected-thumbnail { border: 3px solid #437bbf; }
.cultureArticleSlide .sp-image { margin-left: 0 !important; margin-top: 0 !important; text-align: center; }
.cultureArticleSlide .sp-arrow { width: 62px; height: 126px; border: 1px solid #e3eaf1; -webkit-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; border-radius: 2px; background-repeat: no-repeat; background-position: center center; background-color: #f1f5f9; }
.cultureArticleSlide .sp-previous-arrow { left: -124px; background-image: url(/image/leftprev.png); }
.sp-previous-arrow::before, .sp-next-arrow::before { content: ''; }
.cultureArticleSlide .sp-next-arrow { right: -124px; background-image: url(/image/rightnext.png); }
.cultureArticleSlide .sp-arrow:hover { background-color: #fbfcfd; }
/*historyBox*/
.historyBox { height: auto; overflow: hidden; position: relative; padding: 57px 0 147px; }
.historyBox ul { height: auto; overflow: hidden; /**/ background: url(/image/historyIcon2.jpg) repeat-y center top; }
.historyBox ul li { width: 50%; float: left; position: relative; }
.historyBox ul li.fr { float: right; }
.historyBox ul li.fr .circle { right: auto; left: -7px; top: 134px; }
.historyBox ul li.fr .historyImg, .historyBox ul li.fr .historyText { float: right; }
.historyBg { position: absolute; left: 0; top: 57px; z-index: 5; height: 8px; width: 100%; background: url(/image/historyIcon1.jpg) no-repeat center top; }
.martop { margin-top: 293px; }
.historyImg img { width: 450px; height: 286px; }
.historyText { height: 290px; width: 450px; overflow: hidden; margin: 7px 0 14px; }
.historyTit { color: #313131; line-height: 34px; font-size: 20px; padding: 28px 0 22px; }
.historyInfo { color: #65738b; font-size: 13px; line-height: 34px; }
.circle { position: absolute; right: -7px; top: 122px; z-index: 5; height: 19px; width: 13px; background: url(/image/historyIcon3.jpg) no-repeat 0 0; }
/*product*/
/*.productBanner { height: 430px; position: relative; z-index: 0; background-repeat: no-repeat; background-position: center top; background-size: cover; }
.productBanner a { display: block; width: 100%; height: 100%; }
.productBannerMobile { display: none; }
.product { padding-top: 68px; }
.product .contactMenu { text-align: center; }
.product .contactMenu li { float: none; display: inline-block; *display: inline;
zoom: 1; }
.category { height: auto; overflow: hidden; margin: 23px 0 61px -23px; font-size: 14px; text-align: center; }
.category span { display: inline-block; color: #ddd; }
.category li { display: inline-block; *display: inline;
zoom: 1; padding: 0 23px 10px; }
.category li a { display: block; height: 26px; line-height: 26px; width: 70px; color: #838383; -webkit-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; border-radius: 2px; }
.category li:hover a, .category li.on a { color: #fff; background-color: #fcb000; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; transition: all 0.2s ease; }
*/
.product_index{ margin-top:74px;}
.productBannerMobile_index{margin-top:33px;}
.productBanner { height: 430px; position: relative; z-index: 0;}
.productBanner a { display: block; width: 100%; height: 100%;background-repeat: no-repeat; background-position: center top; background-size: cover;  }
.productBannerMobile { display: none; }
.productBannerMobile a{ display:block; height:auto; overflow:hidden;}
.product { padding-top: 68px; }
.product .contactMenu { text-align: center; }
.product .contactMenu li { float: none; display: inline-block; *display: inline;
    zoom: 1; }
.category { height: auto; overflow: hidden; margin: 23px 0 61px -23px; font-size: 14px; text-align: center; }
.category span { display: inline-block; color: #ddd; }
.category li { display: inline-block; *display: inline;
    zoom: 1; padding: 0 23px 10px; }
.category li a { display: block; height: 26px; line-height: 26px; width: 70px; color: #838383; -webkit-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; border-radius: 2px; }
.category li:hover a, .category li.on a { color: #fff; background-color: #fcb000; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; transition: all 0.2s ease; }

/*productList*/
.productList { border-top: 1px solid #ebf0f6; }
.productList li { float: left; width: 400px; text-align: center; }
.productList li:hover { -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease; -moz-box-shadow: 0 0 5px 5px #eef3f9; -webkit-box-shadow: 0 0 5px 5px #eef3f9; -ms-box-shadow: 0 0 5px 5px #eef3f9; box-shadow: 0 0 5px 5px #eef3f9; }
.productList li:hover img { filter: alpha(opacity=50); opacity: 0.5; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; transition: all 0.2s ease; }
.productList li:hover .proDiv { border-color: #cfdbe7; }
.productList li:hover .productText { margin-bottom: 30px; }
.productList li:hover .productText div { display: none; }
.productList li:hover .proMore, .productList li:hover .probor1, .productList li:hover .probor2 { display: block; }
.productList li .borRight { border-right: 1px solid #ebf0f6; }
.productList li .borRight .probor2 { display: none; }
.proDiv { position: relative; border-left: 1px solid #ebf0f6; border-bottom: 1px solid #ebf0f6; padding: 56px 0 73px; }
.productImg { margin: 0 auto; overflow: hidden; }
.productImg img { width: 300px; height: 300px; }
.productText { margin-top: 33px; padding: 0 5px; }
.productText h3 { height: 36px; line-height: 36px; overflow: hidden; font-size: 1.8em; }
.productText h3 a { display: block; color: #000; }
.productText div { height: 30px; line-height: 30px; overflow: hidden; font-size: 1.3em; color: #919191; }
.proMore { display: none; position: absolute; left: 50%; bottom: 56px; height: 37px; width: 206px; margin-left: -103px; }
.proMore a { display: block; float: left; width: 97px; height: 35px; line-height: 35px; font-size: 1.2em; color: #6b788d; text-align: center; border: 1px solid #a9bacc; }
.proMore a.fr { float: right; }
.proMore a:hover { background-color: #437bbf; border-color: #437bbf; color: #fff; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; transition: all 0.2s ease; }
.probor1 { display: none; position: absolute; top: 0; left: 0; z-index: 5; height: 1px; width: 100%; background-color: #cfdbe7; }
.probor2 { display: none; position: absolute; top: 0; right: 0; z-index: 5; width: 1px; height: 100%; background-color: #cfdbe7; }
.mheight { height: 198px; clear: both; }
.mheight2 { height: 116px; clear: both; }
.brandImg { height: auto; overflow: hidden; padding: 56px 0 54px; text-align: center; }
.brandImg img { width: auto; max-height: 63px; }
.productCon { height: auto; overflow: hidden; background-color: #f5f8fb; border: 1px solid #d9e2ec; -moz-box-shadow: 0 0 5px 5px #e6ecf4; -webkit-box-shadow: 0 0 5px 5px #e6ecf4; -ms-box-shadow: 0 0 5px 5px #e6ecf4; box-shadow: 0 0 5px 5px #e6ecf4; }
.productConImg, .productConText { float: left; width: 50%; }
.productConImg img { width: 100%; height: 100%; }
.productDiv { padding: 0 60px; }
.productDiv .contactMenu li { height: 35px; line-height: 35px; margin-right: 17px; background: none; border-color: #aaa; }
.productDiv .contactMenu li a { width: 109px; font-size: 1.5em; }
.productDiv .contactMenu li:hover { background: #437bbf; border-color: #437bbf; }
.productDiv .contactMenu li:hover a { color: #d3dded; }
.proBt { height: auto; overflow: hidden; padding: 50px 0 21px; line-height: 36px; border-bottom: 1px solid #d7dee7; }
.proBt h1 { color: #000; font-size: 2.6em; margin-bottom: 6px; text-transform: uppercase; }
.proBt div { color: #7489a2; font-size: 1.3em; }
.proDetial { color: #7489a2; font-size: 1.3em; line-height: 41px; margin: 30px 0; }
.proDetial span { color: #395576; display: inline-block; padding-right: 10px; }
.infomation { height: auto; overflow: hidden; margin-top: 38px; -moz-box-shadow: 0 0 5px 5px #e6ecf4; -webkit-box-shadow: 0 0 5px 5px #e6ecf4; -ms-box-shadow: 0 0 5px 5px #e6ecf4; box-shadow: 0 0 5px 5px #e6ecf4; background-color: #fff; padding: 0 100px; border: 1px solid #d9e2ec; }
.infoTitle { height: auto; overflow: hidden; color: #000; font-size: 1.8em; padding: 62px 0 28px; font-weight: bold; border-bottom: 2px solid #bac3cc; }
.infomationDiv { height: auto; overflow: hidden; padding-bottom: 82px; }
.infomationDiv dl { height: auto; overflow: hidden; padding: 30px 0; border-top: 1px solid #e1e6eb; }
.infomationDiv dl dt { float: left; color: #000; font-size: 1.6em; }
.infomationDiv dl dd { margin-left: 151px; font-size: 13px; color: #7489a2; line-height: 24px; }
.infomationDiv dl:first-child { border-top: 0; }
/*banner*/
.banner { position: relative; z-index:0;}
.banner .item { width: 100%; height: 529px; }
.banner .item a { display: block; width: 100%; position: absolute; height: 100%; background-position: center center; background-repeat: no-repeat; background-size: cover; }
/*indexAbout*/
.indexAbout { height: auto; overflow: hidden; padding-top: 129px; }
.indexAbout .wd { position: relative; }
.indexAboutText { width: 59%; padding: 30px 0 115px; }
.indexAboutText .contactMenu li a { font-size: 1.2em; }
.indexAboutText .contactMenu li:hover { -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; transition: all 0.2s ease; filter: alpha(opacity=85); opacity: 0.85; }
.title { line-height: 36px; }
.title a { display: inline-block; }
.title a b { font-weight: normal; display: block; float: left; color: #437bbf; font-size: 2.2em; text-transform: uppercase; padding-right: 16px; }
.title a span { display: block; float: left; color: #474747; font-size: 2.6em; }
.info { color: #838383; font-size: 1.4em; line-height: 29px; margin: 30px 0 33px; }
.aboutImg { position: absolute; right: 0; top: 0; }
.aboutImg img { width: 419px; height: 633px; }
.aboutList { height: auto; overflow: hidden; background: url(/image/aboutBg.jpg) no-repeat center top; }
.aboutList ul { padding: 83px 0 94px; }
.aboutList ul li { float: left; width: 222px; height: 283px; margin-left: 36px; background: url(/image/aboutBor.png) no-repeat 0 0; }
.aboutList ul li:first-child { margin-left: 0; }
.aboutList ul li a { display: block; height: auto; overflow: hidden; color: #fff; position: relative; margin: 12px 0 12px 12px; }
.aboutList ul li a img { width: 100%; height: auto; }
.aboutList ul li a:hover { filter: alpha(opacity=70); opacity: 0.7; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease; }
.aboutList .cultureText { bottom: 22px; left: 24px; }
.aboutBg { position: absolute; left: 0; bottom: 0; height: 100%; z-index: 2; width: 100%; background: url(/image/flow.png) repeat 0 0; }
.aboutBg2 { position: absolute; left: 0; bottom: 0; height: 100%; z-index: 3; width: 100%; background: url(/image/aboutImgbg.png) no-repeat 0 bottom; background-size: auto 100%; }
/*indexProduct*/
.indexProduct { height: auto; overflow: hidden; padding: 22px 0 81px; }
.indexProduct .product { padding: 28px 0 80px; }
.indexProductTit { text-align: center; padding-top: 53px; }
.indexProductTit a { display: inline-block; color: #474747; font-size: 2.4em; }
.indexProductTit a img { display: block; margin: 0 auto 12px; }
.indexProductTit a:hover { color: #72acf2; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; transition: all 0.2s ease; }
.indexNews { height: auto; overflow: hidden; padding: 110px 0 130px; background: url(/image/indexnews.jpg) no-repeat center top; }
.indexNewsBox { width: 50%; float: left; height: 570px; background-color: #ededed; }
.indexNewsBox:first-child { background-color: #fff; }
.indexNewsBox:first-child .indexNewsList li { border-top: 1px dashed #e5e5e5; }
.indexNewsBox:first-child .indexNewsList li:first-child { border-top: 0; }
.indexNewsDiv { padding: 8px 50px 0; }
.indexNewsTit { height: 88px; line-height: 88px; font-size: 2.4em; }
.indexNewsTit img { display: block; float: left; margin: 32px 12px 0 0; }
.indexNewsTit a { color: #474747; }
.indexNewsTit a:hover { color: #72acf2; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; transition: all 0.2s ease; }
.indexNewsText { height: auto; overflow: hidden; position: relative; }
.indexNewsText a { display: block; color: #fff; font-size: 1.5em; }
.indexNewsImg { width: 500px; height: 219px; }
.indexNewsImg img { width: 100%; height: 100%; }
.indexNewsImg img:hover { filter: alpha(opacity=70); opacity: 0.7; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; transition: all 0.2s ease; }
.tit { position: absolute; left: 0; bottom: 0; z-index: 5; width: 100%; overflow: hidden; height: 54px; line-height: 54px; background: url(/image/newsbg.png) repeat 0 0; }
.tit span { height: 54px; line-height: 54px; overflow: hidden; padding-left: 18px; margin: 0 14px; display: block; background: url(/image/blue.jpg) no-repeat left center; }
.indexNewsList { height: auto; overflow: hidden; padding-top: 14px; }
.indexNewsList li { height: auto; overflow: hidden; padding: 0 1px 0 13px; background: url(/image/gray.jpg) no-repeat left center; border-top: 1px dashed #d2d2d2; }
.indexNewsList li a { display: block; }
.indexNewsList li a b { font-weight: normal; float: left; display: block; width: 80%; height: 52px; line-height: 52px; overflow: hidden; color: #646464; font-size: 1.4em; }
.indexNewsList li a span { float: right; display: block; height: 52px; line-height: 52px; overflow: hidden; color: #9a9a9a; font-size: 1.3em; }
.indexNewsList li:first-child { border-top: 0; }
.indexNewsList li:hover { background-image: url(/image/blue.jpg); }
.indexNewsList li:hover a b, .indexNewsList li:hover a span { color: #72acf2; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; transition: all 0.2s ease; }
.parterBox { margin-top: 46px; height: auto; overflow: hidden; }
.parterBox .item a { display: block; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; border-radius: 3px; border: 1px solid #e7e7e7; overflow: hidden; }
.parterBox .item:hover img { filter: alpha(opacity=70); opacity: 0.7; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; transition: all 0.2s ease; }
.indexLink { height: auto; overflow: hidden; padding-bottom: 63px; background-color: #f6f6f6; }
.link { color: #787878; font-size: 1.2em; line-height: 40px; text-align: center; margin-top: 40px; }
.link a { color: #787878; padding: 0 14px; display: inline-block; }
.link a:hover { color: #437bbf; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; transition: all 0.2s ease; }
.link span { display: inline-block; }
/*响应式导航*/
.mobileIconCon { display: none; position: absolute; right: 140px; top: 0; z-index: 5; }
.mobileIconCon a { display: inline-block; vertical-align: top; width: 39px; height: 88px; background: url(/image/menu.png) no-repeat center center; background-size: 100%; }
.mobileSearchCon { display: none; width: 100%; height: 46px; background-color: #999; overflow: hidden; position: absolute; left: 0; top: 110px; z-index: 5; }
.mobileSearchBox { position: relative; width: 98%; height: 40px; margin: 3px auto; background-color: #fff; border-radius: 5px; overflow: hidden; }
.mobileSearchBox input[type="text"] { width: 100%; height: 40px; line-height: 40px; font-size: 16px; padding: 0 10px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border: none; }
.mobileSearchBox input[type="submit"] { position: absolute; display: block; width: 40px; height: 40px; top: 0; right: 0; border: none; background: url(/image/search.png) center no-repeat; }
.sideNavCon { display: none; position: absolute; top: 0; left: 0; width: 100%; height: 100%; overflow: hidden; z-index: 9999; }
.sideNavCon .bg { position: absolute; top: 0; left: 0; width: 100%; height: inherit; background-color: rgba(0, 0, 0, 0.5); z-index: 11000; }
.sideNavCon .sideNavScroll { position: absolute; top: 0; left: 0; width: 100%; height: inherit; background-color: #fff; overflow: hidden; z-index: 11001; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); -webkit-transition: .5s ease all; transition: .5s ease all; }
.sideNavCon .sideNavScroll.on { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
.sideNavCon .sideNavScroll .closeSideNavCon { display: block; width: 100%; height: 30px; text-align: right; padding-top: 5px; }
.sideNavCon .sideNavScroll .closeSideNavCon a { margin-right: 10px; display: inline-block; vertical-align: middle; width: 30px; height: 30px; background-color: #666; border-radius: 50%; line-height: 30px; font-size: 22px; color: #fff; text-align: center; }
.sideNavCon .sideNav { width: 100%; }
.sideNavCon .sideNav li { position: relative; margin: 0 10px; border-bottom: 1px solid #dcdbdb; }
.sideNavCon .sideNav li > a { position: relative; display: block; padding-left: 20px; font-size: 1.6em; color: #333; line-height: 50px; }
.sideNavCon .sideNav li i { position: absolute; display: block; top: 0; right: 0; font-size: 1.4em; width: 50px; height: 50px; line-height: 4; color: #333; font-weight: bold; text-align: center; font-style: normal; z-index: 2; transition: 0.2s ease all; -webkit-transition: 0.2s ease all; -moz-transition: 0.2s ease all; }
.sideNavCon .sideChildNavScroll { position: absolute; top: 0; left: 0; width: 100%; height: inherit; background-color: #f1f1f1; overflow: hidden; z-index: 11002; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); -webkit-transition: .5s ease all; transition: .5s ease all; }
.sideNavCon .sideChildNavScroll.on { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
.sideNavCon .sideChildNavScroll .backBtn { position: relative; width: 100%; text-align: center; height: 60px; line-height: 60px; color: #333; font-size: 16px; background-color: #fff; border-bottom: 1px solid #ededed; }
.sideNavCon .sideChildNavScroll .backBtn span { position: absolute; top: 0; left: 0; width: 30px; height: 30px; }
.sideNavCon .sideChildNav > ul { width: 100%; }
.sideNavCon .sideChildNav > ul > li { width: 100%; display: none; }
.sideNavCon .sideChildNav dl dt { height: 60px; line-height: 60px; background-color: #f7f7f7; border-bottom: 1px solid #ededed; }
.sideNavCon .sideChildNav dl dt a { display: block; padding: 0 10px; color: #333; font-size: 16px; font-weight: bold; }
.sideNavCon .sideChildNav dl dd { height: 50px; line-height: 50px; border-bottom: 1px solid #e8e8e8; }
.sideNavCon .sideChildNav dl dd a { display: block; padding: 0 20px; color: #333; font-size: 16px; }
.sideNavCon .sideChildNav .sideChildWord li { height: 50px; line-height: 50px; border-bottom: 1px solid #e8e8e8; }
.sideNavCon .sideChildNav .sideChildWord li a { display: block; padding: 0 20px; color: #333; font-size: 16px; }
/*wrapper*/
#wrapper { width: 100%; height: 100%; }
#scroller { position: relative; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); width: 100%; padding: 0; height: 100%; }
.imgdiv { position: absolute; left: 0; width: 100%; display: none; z-index: 990; background-color: #fff; }
.imgdiv div.s1 img { display: block; position: absolute; top: 50%; z-index: 999; left: 50%; max-width: 95% !important; -webkit-transform: translate(-50%, -50%); }
.close { height: 5em; line-height: 5em; text-align: center; position: absolute; z-index: 999; left: 0; bottom: 0; width: 100%; color: #000; font-size: 1.6em; cursor: pointer; }
.mobileTit { display: none; }
.mobileTit a { height: 55px; line-height: 55px; font-size: 2em; color: #fff; display: block; padding-left: 21px; background: url(/image/downicon.png) no-repeat 97% center #1271b3; }
/*0603*/
/*videoBox*/
.videoBox { height: auto; overflow: hidden; width: 800px; margin: 54px auto; }
.media { width: 800px; height: 500px; overflow: hidden; position: relative; }
.videoText { height: auto; overflow: hidden; padding: 40px 0 23px; }
.videoTit { color: #333; font-size: 16px; line-height: 40px; }
.videoInfo { color: #717171; font-size: 14px; line-height: 30px; }
.article { height: auto; overflow: hidden; line-height: 30px; color: #666; font-size: 16px; }
.article a { color: #717171; }
.article li:hover, .article li:hover a { color: #437bbf; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; transition: all 0.2s ease; }
.path { height: auto; overflow: hidden; padding: 20px 0 7px; border-bottom: 1px solid #ddd; }
.path h3 { float: left; color: #333; font-size: 1.8em; }
.pathDiv { float: right; color: #999; font-size: 1.4em; padding: 9px 0 0 18px; background: url(/image/home.jpg) no-repeat 0 12px; }
.pathDiv a { color: #999; }
.pathDiv a:hover, .pathDiv a.on { color: #437bbf; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease; }
.pathDiv span { display: inline-block; padding: 0 5px; }
/*jobForm*/
.jobForm { height: auto; overflow: hidden; padding: 40px 0 98px; }
.jobDiv { height: auto; overflow: hidden; margin-bottom: 12px; }
.jobDiv b { display: block; float: left; width: 144px; text-align: right; padding-right: 10px; color: #000; font-size: 1.4em; line-height: 28px; font-weight: normal; }
.jobText { display: block; float: left; border: 1px solid #cecece; height: 26px; line-height: 26px; padding: 0 10px; width: 289px; color: #000; font-size: 1.4em; background: url(/image/jobBg.jpg) no-repeat 0 0; background-size: 100% auto; }
.jobSubmit { display: block; float: left; border: 0; height: 31px; line-height: 31px; width: 128px; color: #fff; font-size: 1.4em; text-align: center; background: #1271b3; cursor: pointer; margin: 18px 0 38px; }
.jobSubmit:hover { background-color: #f08400; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease; }
.jobFile { font-size: 1.4em; color: #000; height: 28px; }
.msgArea { display: block; padding: 0 10px; font-size: 1.4em; color: #000; height: 241px; line-height: 26px; width: 539px; resize: none; overflow-y: hidden; border: 1px solid #cecece; background: url(/image/msgbg.jpg) no-repeat 0 0; }
/*.bdshare-button-style0-16 { position: absolute; left: 0; top: 0; z-index: 5; }
.bdshare-button-style0-16 .bds_more { margin: 0 !important; height: 36px !important; line-height: 36px !important; width: 36px !important; padding-left: 0 !important; background: none !important; }*/
.back2up { position: fixed; right: 0; bottom: 0; z-index: 5; width: 40px; height: 40px; background: url(/image/top.jpg) no-repeat 0 0; cursor: pointer; }
.back2up:hover { filter: alpha(opacity=70); opacity: 0.7; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease; }
.nav .sub { display:none; left: 50%; margin-left: -69px; position: absolute; top: 88px; width: 128px; height:auto; overflow: hidden; background-color: #fff; padding-bottom:8px; border-radius:0 0 8px 8px; -webkit-border-radius:0 0 8px 8px; -moz-border-radius:0 0 8px 8px; -ms-border-radius:0 0 8px 8px; }
.nav .sub a { color: #878787; display: block; font-size: 14px; line-height: 60px; text-align: center; }
.nav .sub a:hover,.nav .sub a.cur{ background-color: #f2f2f2; color:#437bbf;}
#web{ overflow-x:hidden;}
.shareCon { position: fixed; z-index: 888; bottom: 0; left: 0; display: none; width: 100%; height: 100%;}
.shareCon .bg { position: absolute; z-index: 2; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.2); }
.shareRoundIcons {position: absolute; z-index: 3; bottom: 0; left: 0; box-sizing: content-box; width: 100%; height: 60px; padding: 28px 0; background-color: #fff; text-align:center;}
.bdshare-button-style0-32 a{ float:none !important; display:inline-block !important; margin:14px 5px 0 !important;}

.add_p p{line-height: 150%;color:#838383;font-size: 1.4em;margin:20px 0px;}

.parterBox .swiper-slide a {
    border: 1px solid #e7e7e7;
    border-radius: 3px;
    display: block;
    overflow: hidden;
}
.parterBox .swiper-slide a img{width:220px;height:auto;}
.map a:hover{color:#437bbf;}
.s_map {margin-left: 1em;}
.s_map a {margin-left: 1em;}