html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; }
* { box-sizing: border-box; }

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
body { line-height: 1; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
table { border-collapse: collapse; border-spacing: 0; }
a:visited { border: none; }
/* global */

html { overflow-y: scroll; }
body { font: 14px/1.6 Arial, "Microsoft Yahei", sans-serif; max-width: 1920px; margin: 0 auto; color: #666666; }
a { text-decoration: none; }
p { text-align: justify; line-height: 1.8; font-size: 16px; }
.en p { text-align: left; }
strong, b { font-weight: bold; }
h1, h2, h3, h4, h5, h6 { font-weight: bold; }
.content img {
 width: expression(this.width > 780 ? '780px': true); max-width: 100%; height: auto; }
.clearfix { clear: both; }
a.prev-link, a.next-link { float: left; background-color: #74c925; width: 100px; height: 100px; background-position: center; background-repeat: no-repeat; text-indent: -9999em; -moz-transition: all 0.5s; -webkit-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; cursor: pointer; }
a.prev-link:hover, a.next-link:hover { background-color: #25a4c9; }
a.prev-link { background-image: url("../images/prev-arrow.png"); }
a.next-link { background-image: url("../images/next-arrow.png"); }
img.grayscale { -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: grayscale(100%); filter: url(../../images/grayscale.svg#greyscale); filter: gray; -webkit-transition: all .25s ease-in; -moz-transition: all .25s ease-in; -ms-transition: all .25s ease-in; -o-transition: all .25s ease-in; transition: all .25s ease-in; }
img.grayscale:hover { opacity: 1; filter: none; -webkit-filter: grayscale(0); -moz-filter: grayscale(0); -ms-filter: grayscale(0); -o-filter: grayscale(0); filter: grayscale(0); -webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; transform: none; }
.aligncenter { margin: 20px auto; display: block; }
.alignleft { float: left; margin-right: 20px; margin-bottom: 20px; }
.alignright { float: right; margin-left: 20px; margin-bottom: 20px; }
/* header */

header { position: relative; }
.white-area { position: absolute; width: 100%; height: 130px; background-color: #ffffff; z-index: 6; top: 0 }
.green-area { position: absolute; width: 50%; height: 150px; background-color: #0062c7; right: 0; top: 0; z-index: 6; }
#inner-header { width: 1200px; margin: 0 auto;position: relative; z-index: 10; height: 150px; }
#logo { float: left; padding: 44px 10px 44px 0; width: 425px; height: 130px;}
#logo img { display: block }
#header-content { float: left; background-color: #0062c7;height: 150px; color: #ffffff; }
#header-content nav { float: left; margin: 40px 0 40px 20px; font-size: 15px; }
.en #header-content nav { margin-top: 55px; }
#header-content nav ul li { float: left; position: relative; }
.en #header-content nav ul li { }
#header-content nav ul li a { font-size: 16px; color: #ffffff; display: block; border-width: 3px; border-style: solid; border-color: #0062c7; padding: 14px 25px; -moz-transition: border-color 0.2s linear; -webkit-transition: border-color 0.2s linear; -o-transition: border-color 0.2s linear; transition: border-color 0.2s linear; }
.en #header-content nav ul li a { text-transform: uppercase; }
#header-content nav ul li:hover a { border-color: #ffffff; }
#header-content nav ul.sub-menu { display: none; position: absolute; left: 0; background-color: #fff; width: 100%; z-index: 100; }
.en #header-content nav ul.sub-menu { width: auto; min-width: 100%; }
#header-content nav ul.sub-menu li { float: none; position: relative; z-index: 100; }
#header-content nav ul.sub-menu li a { color: #0062c7; transition: none; position: relative; padding: 10px 7px; text-align: center; }
#header-content nav ul.sub-menu li a:hover:after { content: ''; position: absolute; bottom: 3px; left: 5%; width: 90%; height: 2px; background-color: #0062c7; }
#header-content nav ul li:hover ul.sub-menu { display: block; }
#header-content #header-right { zoom: 1; overflow: hidden; margin: 38px 0; }
.en #header-content #header-right { position: absolute; right: 0; top: 10px; margin: 0!important; }
#header-content #header-right a { color: #fff; }
#header-content #header-right div { float: right; clear: right; }
.en #header-content #header-right div { float: none; display: inline-block; vertical-align: middle; }
#header-content #header-right #hotline { padding-left: 30px; background: url('../images/phone.png') no-repeat center left; font-size: 18px; font-weight: bold }
#header-content #header-right #hotline a { color: #fff; }
#header-content #header-right #lang_sel_list { border: 3px solid #ffffff; margin-top: 10px; font-size: 12px; }
.en #header-content #header-right #lang_sel_list { margin-top: 0; margin-left: 20px }
#header-content #header-right #lang_sel_list ul { zoom: 1; overflow: hidden; }
#header-content #header-right #lang_sel_list ul li { float: left; }
#header-content #header-right #lang_sel_list a span { padding: 5px 15px; display: inline-block; text-transform: uppercase; color: #ffffff; }
#header-content #header-right #lang_sel_list a span.icl_lang_sel_current { background-color: #fff; color: #74c925; padding: 5px 15px 5px 12px; display: inline-block; }
/* slogan */

.parallax-viewport { position: absolute; overflow: hidden; width: 100%; top: 130px; }
.parallax-layer { position: absolute; }
#slogan-content, #running-man { width: 100%; position: absolute; }
#slogan-content { top: 130px; z-index: 5; }
#slogan-content .inner-content { border-top: 20px solid #74c925 }
#running-man { top: 0; height: 100%; /*background: url('../images/slogan.jpg') no-repeat center;*/
background-size: cover; }
.inner-content { width: 1200px; margin: 0 auto; overflow: hidden; zoom: 1; position: relative; }
#slogan-content .inner-detail { background-color: #d54417; padding: 100px 50px; float: left; }
#running-man img { /*float: right;
    margin-right: 60px;*/
position: relative; z-index: 9; width: 100%; height: auto; }
#slogan-content #subtitle h3 { font-size: 24px; color: #f68360; letter-spacing: 10px; text-align: center }
.en #slogan-content #subtitle h3 { letter-spacing: 0px; text-align: left; }
#slogan-content #maintitle { font-size: 48px; font-weight: bold; color: #ffffff; text-align: center }
.en #slogan-content #maintitle { font-size: 30px; margin-top: 30px; text-align: left; }
#slogan-content #entitle { font-size: 28px; color: #f68360; text-align: center }
.en #slogan-content #entitle { text-align: left; }
#slogan-content #slogan-learnmore { font-size: 18px; text-align: center }
#slogan-content #slogan-learnmore a { padding: 10px 20px; border: 3px solid #ffffff; display: inline-block; margin-top: 30px; color: #ffffff; -moz-transition: all 0.2s; -webkit-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s; }
#slogan-content #slogan-learnmore a:hover { background-color: #fff; color: #333; }
#running-track { width: 100%; height: 650px; text-align: center; background: url('../images/slogan.jpg') no-repeat center; background-size: cover; }
/* main-wrapper */

.main-wrapper { height: auto; background-color: #edf4f5; }
/* home element */

.section-content { zoom: 1; overflow: hidden; position: relative; }
#home .section-title { background-color: #d54417; color: #ffffff; padding: 50px 20px; width: 200px; height: 200px; line-height: 1; position: relative; z-index: 2 }
.en #home .section-title { padding: 0; line-height: 200px; text-align: center; }
#home .section-title .cntitle { font-size: 20px; }
.en #home .section-title .cntitle { text-transform: uppercase; font-size: 24px; }
#home .section-title .entitle { font-size: 20px; text-transform: uppercase; margin-top: 15px }
#home-about { position: relative; }
#home-about .inner-content { padding-top: 120px; }
#home-about .section-title { float: left; margin-left: 50px; }
#home-about .section-bg { width: 348px; height: 885px; position: absolute; right: 0; top: 0; z-index: 2; background: url('../images/home-about-bg.png') no-repeat right top; }
#home-about .section-detail { background-color: #25a4c9; color: #ffffff; clear: left; float: left; margin-top: -100px; width: 800px; height: 800px; padding: 200px 50px 0 50px; position: relative; font-size: 14px; }
.en #home-about .section-detail { padding-top: 150px }
#home-about .section-detail h3 { font-size: 30px; margin-bottom: 50px }
.en #home-about .section-detail h3 { font-size: 24px; margin-bottom: 30px; }
#home-about .section-detail h4 { font-size: 22px; }
.en #home-about .section-detail p { font-size: 17px; }
.home-about-list { margin-left: 60px; position: relative; margin-top: -180px; clear: left; zoom: 1; overflow: hidden; }
.home-about-list li { float: left; width: 33.3333%; position: relative; }
.home-about-list li a .view { position: absolute; z-index: 2; background: rgba(0, 0, 0, .6) url('../images/home-icon-plus.png') no-repeat center 200px; width: 100%; height: 100%; top: 0; color: #ffffff; opacity: 0; -moz-transition: all 0.5s; -webkit-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; }
.home-about-list li a:hover .view { opacity: 1; }
.home-about-list li a .view p { margin-top: 150px; text-align: center; font-size: 20px; font-weight: bold; }
.home-about-list li img { width: 100%; height: auto; display: block; }
/* home product */

#home-product { position: relative; }
#home-product .inner-content { z-index: 4; }
#home-product .green-area { left: 0; height: 100px; z-index: 1; height: 100%; }
#home-product .section-detail { float: left; width: 1100px; padding: 100px 0; background-color: #74c925; }
#home-product .section-title { float: left; margin-top: 175px; margin-left: -100px }
#home-product .line { width: 55px; height: 3px; background-color: #fff; display: block; margin: 0 auto 50px; }
.home-product-list { zoom: 1; overflow: hidden; margin-right: 150px; }
.home-product-list li { float: left; width: 33.3333%; text-align: center; }
.home-product-list li a { display: block; border: 4px solid #74c925; -moz-transition: all 0.5s; -webkit-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; }
.home-product-list li a:hover { border: 4px solid #fff; }
.home-product-list li h3 { margin: 40px 0 20px; color: #ffffff; font-size: 18px; }
.youqi { position: absolute; top: 300px; right: 0; max-width: 508px; height: 801px; background-position: left top; background-repeat: no-repeat; z-index: 3; }
/* home yeji */

#home-yeji { position: relative; margin-top: 120px }
#home-yeji .section-detail { background-color: #ffffff; }
#home-yeji .section-detail .inner-section-detail { width: 700px; padding: 60px 40px 87px; }
.en #home-yeji .section-detail .inner-section-detail { width: 900px; }
#home-yeji .section-detail h3 { font-size: 30px; margin-bottom: 30px; }
.en #home-yeji .section-detail h3 { line-height: 1.2 }
#home-yeji .white-area { background-image: url('../images/yeji-bg.png'); background-position: 0 10%; background-repeat: no-repeat; background-size: cover; height: 356px; z-index: 2; width: 50%; right: 0; }
.en #home-yeji .white-area { width: 35% }
#home-yeji .section-title { float: left; margin-left: 50px; margin-top: -30px; }
.home-yeji-list { margin-top: -200px; z-index: 3; }
.home-yeji-list img { display: block; }
.home-yeji-list .yeji-item a { display: block; position: relative; }
.home-yeji-list .yeji-item a:after { content: ''; position: absolute; background: rgba(0, 0, 0, .6) url('../images/home-icon-plus.png') no-repeat center; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; -moz-transition: all 0.2s; -webkit-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s; }
.home-yeji-list .yeji-item a:hover:after { opacity: 1 }
.yeji-item-01 { margin-left: 50px; float: left; width: 600px; height: 300px; }
.yeji-item-02 { float: right; width: 300px; height: 600px; }
.yeji-item-03 { float: left; width: 600px; height: 300px; }
.yeji-more { float: left; width: 300px; height: 300px; background: #74c925 url("../images/home-icon-flag-plus.png") no-repeat center 60px; -moz-transition: all 0.5s; -webkit-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; }
.yeji-more:hover { background-color: #25a4c9 }
.yeji-more a { color: #ffffff; display: block; text-align: center; line-height: 300px; font-size: 20px; font-weight: bold; }
.yeji-nav { float: left; margin: 200px 0 0 50px; }
.yeji-nav span { display: block; float: left; width: 100px }
.slideBox { overflow: hidden; position: relative; }
.slideBox .bd { position: relative; height: 100%; width: 100%; z-index: 0; }
.slideBox .bd li { zoom: 1; vertical-align: middle; }
.slideBox a.prev, .slideBox a.next { display: none; }
/* home zizhi */

#home-zizhi { margin-top: 120px; position: relative; height: 400px; }
#home-zizhi .section-title { float: right; }
#home-zizhi .zizhi-bg { position: absolute; background: url('../images/zizhi-bg.jpg') top right no-repeat; background-size: cover; height: 400px; position: absolute; left: 0; top: 0; }
#home-zizhi .section-content { z-index: 10; }
#home-zizhi #zizhi-list { margin-top: -100px }
.home-zizhi-list { height: 200px; margin-top: 100px; zoom: 1; overflow: hidden; }
.home-zizhi-list .bd { float: left; width: 1000px; background-color: #fff; overflow: hidden; zoom: 1; }
.home-zizhi-list .zizhi-nav { float: left; width: 200px; height: 100px; }
.home-zizhi-list ul { overflow: hidden; zoom: 1; height: 200px; }
.home-zizhi-list ul li { float: left; height: 200px; width: 200px; text-align: center; }
.home-zizhi-list ul li p { text-align: center; color: #74c925; display: none; font-size: 13px; margin-top: 8px; line-height: 1.2 }
.home-zizhi-list ul li img { margin-top: 65px; }
.home-zizhi-list ul li img:hover { margin-top: 50px; }
.home-zizhi-list ul li img { vertical-align: middle; }
/* home footer slogan */

#home-footer-slogan { /*background: url('../images/footer-slogan-bg.jpg') no-repeat center;*/
background-repeat: no-repeat; background-position: center; height: 400px }
#home-footer-slogan .inner-content { color: #ffffff; margin: 0 auto; padding: 130px 0; text-align: center; width: 500px; }
#home-footer-slogan h3 { font-size: 30px; padding-bottom: 20px; border-bottom: 3px solid #ffffff; }
#home-footer-slogan p { text-align: center; margin-top: 20px; }
/* footer */

#footer { background-color: #042028; height: 560px; font-size: 12px; }
#footer p { font-size: 14px; }
#footer .inner-content { overflow: visible; }
#footer .section-title { background-color: #d54417; color: #ffffff; padding: 50px 20px; width: 200px; height: 200px; line-height: 1; position: absolute; left: 0; top: -40px; z-index: 4 }
.en #footer .section-title { padding: 0; line-height: 200px; text-align: center; }
#footer .section-title .cntitle { font-size: 20px; }
.en #footer .section-title .cntitle { text-transform: uppercase; }
#footer .section-title .entitle { font-size: 20px; text-transform: uppercase; margin-top: 15px }
#footer .section-detail { width: 500px; position: absolute; left: 162px; top: 120px; z-index: 3 }
#footer .contact-info { background-color: #fff; padding: 70px 40px; }
.en #footer .contact-info { padding: 30px 40px; }
#footer .contact-info h3 { font-size: 20px; }
.hotline { zoom: 1; overflow: hidden; color: #fff; }
.hotline-title { float: left; /*background-color: #25a4c9;*/
    /*font-size: 20px;*/
    /*padding: 10px;*/
width: 100px; height: 84px; background: url('../images/footer-hotline.png') no-repeat; text-indent: -9999em;/*font-weight: bold;*/
}
.en .hotline-title { background: url('../images/footer-hotline-en.png') no-repeat; }
.hotline-number { float: left; background-color: #d54417; padding: 17px 0; font-size: 50px; width: 400px; height: 84px; line-height: 1; text-align: center; }
.en .hotline-number { font-size: 40px; padding: 22px 0; }
.social a { display: block; float: left; width: 20% }
.social { width: 500px; }
.social a img { display: block; }
.footer-map { float: right; margin-top: 120px; margin-right: 50px; }
.copyright { float: right; clear: right; color: #606e72; }
.copyright a { color: #606e72 }
.page-section { position: relative; }
.page-section .inner-content { z-index: 2; }
.jracesport-banner { }
/* page about */

#page-banner { background-repeat: no-repeat; background-position: center; background-size: cover; position: relative; z-index: 5; }
.about-page-banner { background-position: center top!important; }
#page-banner .inner-content { /*border-top: 20px solid #74c925;*/
}
ul#about-menu { /*margin-top: 420px;*/
margin-top: 195px; margin-bottom: 65px; overflow: hidden; }
ul#about-menu li { float: left; overflow: hidden; width: 200px; height: 200px; }
ul#about-menu li.current { background-color: #fff; color: #0062c7; padding: 20px; }
ul#about-menu li.current:hover { background-color: #fff; }
ul#about-menu li:after { content: '__'; color: transparent; border-bottom: 3px solid #ffffff; line-height: 0.2; display: inline-block; }
ul#about-menu li.current:after { border-bottom: 3px solid #0062c7; }
ul#about-menu li:last-child { margin-left: -1px }
ul#about-menu li:nth-child(odd) { margin-top: 100px; }
ul#about-menu li h3 { font-size: 20px; margin-bottom: 5px }
ul#about-menu li h4 { font-size: 20px; text-transform: uppercase; }
ul#about-menu li a { color: #ffffff; width: 200px; height: 200px; background-color: rgba(0, 98, 199, .75); padding: 20px; display: block; border-left: 1px solid transparent; border-right: 1px solid transparent; margin-right: -1px; -moz-transition: all 0.5s; -webkit-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; }
ul#about-menu li a:hover { /*background-color: rgba(62, 220, 125, 1);*/
background-color: #74c925 }
.about .section-title { width: 300px; height: 300px; line-height: 300px; background-color: #0062c7; float: left; color: #ffffff; }
.about .section-title h2 { font-size: 30px; text-align: center; }
.about .section-detail { height: 300px; width: 900px; background-color: #0d7ef3; color: #ffffff; display: table; }
.about .section-detail p { display: table-cell; vertical-align: middle; padding: 0 60px; }
.about .blue-area { background-color: #0d7ef3; position: absolute; width: 50%; height: 300px; right: 0; top: 0; }
.about .introduction { float: left; width: 700px; background-color: #ffffff; padding: 50px; }
.about .honor { background-color: #46dd83; color: #ffffff; padding: 90px 50px; font-size: 20px; width: 500px; float: left; position: relative; }
.about .honor span { position: absolute; background-position: center; width: 36px; height: 19px; left: 232px; text-indent: -9999em; cursor: pointer; }
.about .honor span.prev { top: 30px; background-image: url("../images/prev-arrow-up.png"); }
.about .honor span.next { bottom: 30px; background-image: url("../images/next-arrow-down.png"); }
.about .honor .bd { height: 100px; overflow: hidden; zoom: 1; }
.about .honor .bd ul { overflow: hidden; zoom: 1; }
.about .honor .bd ul li { display: table; height: 108px }
.about .honor .bd ul li p { display: table-cell; vertical-align: middle; }
.about ul.brand-list { zoom: 1; overflow: hidden; margin-top: 50px; }
.about ul.brand-list li { float: left; width: 33.33333% }
.about ul.brand-list li img { display: block; margin: 0 auto }
.about .about-gallery { margin-top: 60px; margin-bottom: 160px; position: relative; width: 100%; height: 600px; overflow: hidden; position: relative; }
.about-gallery .bd { position: relative; height: 100%; z-index: 0; }
.about-gallery .bd li { zoom: 1; vertical-align: middle; }
.about-gallery .bd img { width: 100%; height: auto; display: block; }
.about-gallery .prev, .about-gallery .next { position: absolute; left: 0; top: 0; display: block; width: 40px; height: 100%; text-align: center; line-height: 600px; background-color: #333; /*background: url(../images/slider-arrow.png) -110px 5px no-repeat;*/
filter: alpha(opacity=50); opacity: 0.3; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; }
.about-gallery .next { left: auto; right: 0;/*background-position: 8px 5px;*/
}
.about-gallery .prev:hover, .about-gallery .next:hover { filter: alpha(opacity=80); opacity: 0.8; }
.about-gallery .prevStop { display: none; }
.about-gallery .nextStop { display: none; }
.main-wrapper.culture { /*padding-top: 120px;*/
padding-top: 0; }
.culture .section-title { height: 300px; line-height: 300px }
.culture .section-title .inner-section-title { padding: 0; }
.culture .section-title h2 { text-align: center; }
.culture .section-title p { margin-top: 40px }
.culture .culture-bg1 { position: absolute; right: 0; top: 300px; width: 1251px; height: 700px; background-position: left top; background-repeat: no-repeat; }
.culture .culture-staff { margin-top: 100px; height: 700px; }
.culture .culture-staff .culture-bg2 { position: absolute; top: 0; left: 0; width: 100%; height: 700px; background-position: center; background-repeat: no-repeat; }
.culture .culture-staff .culture-staff-detail { background-color: #ffffff; color: #666666; padding: 50px 0; width: 900px; float: left; }
.culture .culture-staff .culture-staff-detail p { text-align: center; }
.culture .culture-staff .databox { width: 300px; height: 300px; color: #ffffff; }
.culture .culture-staff .databox p { text-align: center; margin-top: 135px; }
.culture .culture-staff .databox p.data { font-size: 60px; margin-top: 20px; line-height: 1 }
.culture .culture-staff .staff { background: #0062c7 url('../images/staff.png') no-repeat center 35px; float: right; }
.culture .culture-staff .sale { background: #3edd7c url('../images/sale.png') no-repeat center 35px; float: right; }
.main-wrapper.credit { padding-top: 120px; padding-bottom: 120px; }
.credit .section-detail { background-color: #efefef; padding: 0; display: block; height: auto; float: left; width: 900px; position: relative; }
.credit .section-detail .bd { float: left; width: 640px; margin: 50px 80px; overflow: hidden; zoom: 1; }
.credit .section-detail .nav { /*float: left;
    width: 200px;
    height: 100px;
    position: absolute;
    top: 300px;
    left: -200px;*/
width: 96%; height: 100px; position: absolute; top: 50%; margin-top: -50px; left: 2%; z-index: 1000; }
.credit .section-detail .nav a.next-link { float: right; }
.credit .section-detail ul { overflow: hidden; zoom: 1; }
.credit .section-detail ul li { margin: 0 0 0 80px; overflow: hidden; float: left; }
.credit .section-detail ul li img { display: block; margin: 0 auto; width: 240px; height: auto; }
.brand .section-detail { float: left; width: 900px; height: 300px; }
.brand .section-detail .inner-section-detail { display: table-cell; vertical-align: middle; padding: 0 60px; }
.brand .section-detail .inner-section-detail h3 { font-size: 20px; font-weight: bold; margin-bottom: 30px }
.brand .section-detail .inner-section-detail p { padding: 0 }
.brand .section-img { float: left; }
.brand .brand-img { max-width: 100%; height: auto; display: block; }
.brand .blue-area { height: 360px; }
.brand .white-area { z-index: 5; height: 300px; width: 50%; top: 72px; }
.brand-detail { height: 532px; margin-top: 60px; }
.brand-detail .inner-content { z-index: 6; }
.brand-detail .inner-content .section-detail { width: 900px; padding: 60px; background-color: #ffffff; color: #005860; margin-top: 72px; }
.brand-detail .inner-content .section-detail p { padding: 0 }
.brand-detail-img { position: absolute; width: 100%; height: 532px; background-repeat: no-repeat; background-position: center; z-index: 3; top: 0; }
.vision.main-wrapper { margin-bottom: 120px; }
.vision .section-detail { background-color: #ffffff; color: #005860; display: table; height: 450px; }
.vision .section-detail .inner-section-detail { display: table-cell; vertical-align: middle; }
.vision .section-img { position: absolute; right: 0; top: 0; height: 912px; background-repeat: no-repeat; background-position: center; }
.vision-detail { width: 700px; background-color: #005860; color: #ffffff; padding: 20px 60px; margin-top: 222px; }
.future-target { position: relative; color: #ffffff; }
.future-target .green-area { left: 0; height: 100%; z-index: 1 }
.future-target .inner-content { background-color: #74c925; }
.future-target .target-item { float: left; width: 50%; padding: 80px 55px; height: 300px }
.future-target .target-item h4 { font-size: 30px; margin-bottom: 30px; width: 288px; padding-bottom: 10px; border-bottom: 3px solid #ffffff; }
/* banner */

.banner { position: relative; height: 500px; }
.banner .inner-content { z-index: 2; zoom: normal; overflow: visible; }
.banner .page-menu { color: #ffffff; width: 300px; float: left; height:500px; background:#0d7ef3;}
.banner .page-menu .page-menu-title { background-color: #0062c7; padding-top: 45px; padding-bottom: 10px; }
.en .banner .page-menu .page-menu-title { zoom: 1; overflow: hidden; }
.banner .page-menu h2 { font-size: 28px; border-top: 3px solid #ffffff; padding: 5px 0 0; float: left; margin-left: 50px; }
.banner .page-menu p { clear: both; margin-left: 50px; }
.banner .page-menu ul { }
.banner .page-menu ul li { font-size: 20px; font-weight: bold; padding: 15px 15px 15px 50px; background-color: #0d7ef3; }
.banner .page-menu ul li a { color: #ffffff; }
.banner .page-menu ul li.current { color: #25a4c9; background-color: #ffffff; width: 330px }
.banner .page-menu ul li.current a { color: #0062c7; }
.banner-img { height: 500px; background-position: left center; background-repeat: no-repeat; background-size: cover; }
.banner-img.ad-43, .banner-img.ad-44, .banner-img.ad-61 { background-size: auto; }
.banner-img.result-banner:before { position: absolute; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.5); content: ''; }
.banner-blue-area { background-color: #25a4c9; position: absolute; width: 50%; height: 500px; left: 0; top: 0; }
.banner-green-area { background-color: #46de84; position: absolute; width: 50%; height: 500px; left: 0; top: 0; }
/* news */

.news.main-wrapper { padding-bottom: 120px; background-color: #ffffff; }
.news-list { }
.news-list li { clear: both; position: relative; }
.news-list li .news-bg { position: absolute; right: 0; top: 0; width: 50%; height: 100%; background-color: transparent; }
.news-list li .news-bg.active, .news-list li .inner-content a:hover { background-color: #edf4f5; }
.news-list li .inner-content { z-index: 2; }
.news-list li .inner-content a { display: block; margin-left: 300px; zoom: 1; overflow: hidden; }
.news-list .news-thumb { position: relative; float: left; margin-right: 60px; }
.news-list .news-thumb img { width: 250px; height: 200px; }
.news-list .news_r { float: left; width: 580px; }
.news-list .news_r p { word-wrap: break-word; word-break: normal; text-align: justify; text-justify: inter-ideograph; }
.news-list .news-thumb .meta { position: absolute; width: 100%; height: 100%; background: rgba(0, 0, 0, .8) url("../images/home-icon-plus.png") no-repeat center 110px; top: 0; left: 0; color: #ffffff; text-align: center; opacity: 0; -moz-transition: all 0.5s; -webkit-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; }
.news-list li .inner-content a:hover .meta { opacity: 1; }
.news-list li .inner-content a .meta .date { font-size: 14px; display: block; margin-top: 80px; }
.news-list li .inner-content a .meta .plus { font-size: 30px; display: block; margin-top: 20px; }
.news-list .news-thumb img { display: block; }
.news-list h3 { font-size: 20px; color: #005860; padding: 30px 0; }
.news-list p { color: #666666 }
.news-list .alm-btn-wrap { width: 1200px; margin: 0 auto; }
.load-more .inner-content-detail { margin-left: 300px; background-color: #edf4f5; width: 900px; height: 60px; text-align: center; line-height: 60px; }
.load-more a { color: #9fb8bc; }
.news-detail { position: relative; }
.news-detail .inner-content { z-index: 99; }
.news-detail:after { content: ''; position: absolute; top: 0; right: 0; width: 50%; height: 204px; background-color: #ecf5f5; }
.news-detail .inner-content-detail { margin-left: 300px; position: relative; }
.news-detail .inner-content-detail:before { content: ''; position: absolute; left: -30px; top: 75px; width: 60px; height: 3px; background-color: #005860; }
.news-detail .meta { background-color: #edf4f5; padding: 60px; margin-bottom: 60px; color: #005860 }
.news-detail h3 { font-size: 20px; }
.news-detail .date { margin-top: 30px; }
.news-detail .content { padding: 0 60px; color: 666666; }
.news-detail .content p { /*margin-bottom: 30px;*/
color: #666666; }
.news-nav { height: 100px; width: 300px;/*position: absolute;left: -131px;*/ z-index: 100 }
.news-nav.prev-news {/*top: 350px;*/ background-color: #ecf5f5; }
.news-nav.next-news {/*top: 250px;*/ background-color: #dae4e6; }
.news-nav a { float: right; width: 300px; height: 100px; line-height: 1.5; color: #005860; padding: 30px 20px; -moz-transition: all 0.5s; -webkit-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; }
.news-nav a:hover { color: #ffffff; background-color: #74ca24; margin-top: -20px; }
.news-nav a span.title { float: left; width: 60px; }
.article-show-left { position: fixed; left: 0; top: 50%; margin-top: -320px; z-index: 99; }
.aboutnewsWrap {/*position:absolute;left:-131px;*/ top: 470px; z-index: 100; margin-top: 25px; }
.aboutnews { width: 300px; float: right; padding: 10px; line-height: 30px; background-color: #dae4e6; }
.aboutnews a { color: #005860; -moz-transition: all 0.5s; -webkit-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; }
.aboutnews ul li { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.aboutnews h1 { font-size: 20px; color: #005860; padding: 5px 0; }
.aboutnews a:hover { color: #25A4C9; text-decoration: underline; }
/* product */
.SildeBar { padding: 20px 0; overflow: hidden; }
h1.newstitle { margin: 20px 0; font-size: 18px; color:#0062c7; text-align:center;}
.worksleft{ height:auto; overflow:hidden;}
#workslist{ margin-left:175px;}
#workslist li { float: left; margin: 0 5px 5px 0; }
#workslist li.last { margin-right: 0; }
#workslist li a { display: block; width: 156px; height: 100px; overflow: hidden; }
#workslist li a img { width: 100%; min-height: 100px; }
a.worksalbum{display:block;margin-bottom:5px;width:100%; text-align:center;}
a.worksalbum img{width:850px;}
.dd{border-top:dashed 1px #707070;border-bottom:dashed 1px #707070; padding:18px 0; line-height:36px; float:left; width:100%; margin-top:30px; font-size:16px;}
.dd a{font-size:16px;}


.product.main-wrapper { /*padding-top: 120px;*/
}
.product-cat-header { padding-left: 60px; z-index: 3; }
.product-cat-title { float: left; width: 740px; height: 300px; background-color: #ffffff; padding: 55px; }
.product-cat-title h2 { float: left; color: #25a4c9; padding-bottom: 15px; border-bottom: 3px solid #25a4c9; font-size: 20px; margin-bottom: 25px }
.product-cat-title p { clear: both; color: #666666 }
.product-cat-more { float: left; width: 400px; height: 300px; background-color: #0062c7; line-height: 300px; text-align: center; color: #ffffff; font-size: 20px; font-weight: bold; }
.product-list { margin-top: -80px; margin-bottom: 120px; position: relative; }
.product-list:after { position: absolute; top: 0; right: 0; width: 50%; height: 100%; background-color: #86bef9; content: ''; }
.product-list .product-list-inner { padding: 80px 0 80px 60px; background-color: #86bef9; }
.product-list ul { margin-left: -20px; zoom: 1; overflow: hidden; position: relative; z-index: 2; }
.product-list ul li { float: left; width: 270px; margin: 30px 20px 30px 0; }
.product-list ul li a { display: block; border: 4px solid #86bef9; padding: 20px 0; -moz-transition: all 0.5s; -webkit-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; }
.product-list ul li a:hover { display: block; border: 4px solid #fff }
.product-list h3 { text-align: center; color: #ffffff; margin-bottom: 5px; font-size: 18px }
.product-thumb { margin-top: 30px; }
.product-thumb img { display: block; margin: 0 auto;}
.relate-case { background: url('../images/relate-case-bg1.jpg') no-repeat center 50px; }
.relate-case h3 { width: 400px; height: 100px; line-height: 100px; text-align: center; color: #ffffff; font-size: 20px; background-color: #46de84; }
.relate-case-list { margin: 120px -30px 150px 0; zoom: 1; overflow: hidden; }
.relate-case-list li { float: left; width: 380px; margin-right: 30px; }
.relate-case-list li img { display: block; width: 100%; height: 254px; }
.relate-case-detail { background-color: #ffffff; color: #666666; padding: 20px 30px; height: 104px; -moz-transition: all 0.2s; -webkit-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s; }
.relate-case-detail p { font-size: 18px; text-align: center; }
.relate-case-list li a:hover .relate-case-detail { background-color: #46de84; color: #ffffff; }
.product-detail.main-wrapper { padding-top: 0; position: relative; z-index: 2; }
.product-image { position: absolute; left: 0; top: -300px; width: 100%; z-index: 2 }
.product-image img { display: block; margin-left: 110px; }
.product.product-detail {/*margin-top: 0px;*/ }
.product-detail-inf { width: 1200px; margin: 0 auto; position: relative; }
.product-detail-inf img.wp-post-image { position: absolute; left: 110px; top: -400px; }
.pro-show-spu { margin-top: 0; }
.product-detail-inf .pro-show-spu img { }
.product-detail-inf .inner-content-detail { margin-left: 300px; background-color: #ffffff; padding-left: 300px; }
.product-title { color: #ffffff; position: absolute; top: -79px; }
.product-title .inner-content { z-index: 2; }
.product-title .inner-content-detail { background-color: #0062c7; padding: 30px; margin-left: 300px; }
.product-title:after { content: ''; position: absolute; width: 50%; height: 100%; background-color: #0062c7; top: 0; right: 0; }
.product-title .title-field { padding-left: 35px; height: 26px; line-height: 26px; background: url("../images/product-icon01.png") no-repeat center left; }
.product-title h2 { font-size: 60px; float: left; margin-right: 20px; }
.product-title h3 { font-size: 20px; padding-top: 40px; }
.product-content { padding: 160px 30px 50px; color: #005860; background-color: #fff; margin-left: 300px; }
.product-content .intro-field { padding-left: 35px; background-position: left top; background-repeat: no-repeat; color: #74c925; font-size: 16px; font-weight: bold; padding-bottom: 10px; border-bottom: 1px solid #edf4f5; margin: 40px 0 15px; }
.product-content .intro-field.intro { background-image: url("../images/product-icon02.png"); }
.product-content .intro-field.feature { background-image: url("../images/product-icon03.png"); }
.product-content .intro-field.nature { background-image: url("../images/product-icon04.png"); }
.product-content .intro-field.notice { background-image: url("../images/product-icon05.png"); color: #d54417; }
.product-content .intro-field.announce { background-image: url("../images/product-icon06.png"); color: #d54417; }
.product-content .intro-field.construction { background-image: url("../images/product-icon07.png"); }
.relate-product { position: relative; padding-bottom: 120px; margin-top: -50px }
.relate-product .inner-content { position: relative; z-index: 2; }
.relate-product-title { position: relative; z-index: 3 }
.relate-product h3 { width: 400px; height: 100px; line-height: 100px; text-align: center; color: #ffffff; font-size: 20px; background-color: #74ca24; margin-left: 60px; }
.relate-product-list { position: relative; }
.relate-product-list a { display: block; padding: 30px 0; border: 4px solid transparent; -moz-transition: all 0.5s; -webkit-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; }
.relate-product-list a:hover { border-color: #fff; }
.relate-product-list:after { position: absolute; top: 0; right: 0; content: ''; width: 50%; height: 100%; background-color: #0062c7; }
.relate-product-list .inner-content { background-color: #0062c7; margin-top: -50px; }
.relate-product-list ul { margin: 120px -30px 60px 0; zoom: 1; overflow: hidden; padding: 0 50px; }
.relate-product-list li { float: left; width: 346px; margin-right: 30px; }
.relate-product-list h4 { color: #ffffff; text-align: center; }
.relate-product-list li img { display: block; width: 147px; height: auto; margin: 30px auto 0 }
.relate-product-detail { background-color: #ffffff; color: #666666; padding: 40px 30px; }
.relate-product-list li a:hover .relate-product-detail { background-color: #46de84; color: #ffffff; }
.product-cat-detail .product-title { top: 0px; }
.product-cat-detail .inner-content-detail h2 { float: none; font-size: 30px; }
.pro-list.product { margin-top: 0; }
/* scheme */

.service .inner-content-detail { background-color: #fff; margin-left: 300px; padding: 50px 60px 120px; }
.service h2 { color: #005860; font-size: 30px; float: left; padding-bottom: 10px; border-bottom: 3px solid #005860 }
.service .content { clear: both; padding-top: 60px; }
.scheme-list { width: 100%; overflow: hidden; clear: both; padding-top: 50px }
.scheme-list .tab-hd { }
.scheme-list .tab-hd ul { }
.scheme-list .tab-hd li { width: 240px; border: 1px solid #c3c3c3; padding: 5px 0; text-align: center; float: left; color: #c3c3c3; margin: 0 20px 20px 0 }
.scheme-list .tab-hd li:hover { cursor: pointer; }
.scheme-list .tab-hd li.on { background-color: #d54417; color: #ffffff; font-weight: bold; position: relative; }
.scheme-list .tab-bd { clear: both; padding-top: 50px }
.scheme-list .tab-bd img { max-width: 100%; height: auto; }
/* maintain */

.maintain.service .inner-content-detail { padding-bottom: 30px; margin-bottom: 120px }
.maintain-list { clear: both; padding-top: 40px; }
.maintain-list li { margin-bottom: 45px; /*padding-bottom: 45px;*/
border-bottom: 1px solid #edf4f5 }
.maintain-list h3 { color: #005860; font-size: 20px; margin-bottom: 30px; }
.maintain-list a:hover h3 { color: #d54417 }
.maintain-list p { color: #666666 }
/* standard */

.standard.service .inner-content-detail { padding-bottom: 30px; margin-bottom: 120px }
.standard-list { clear: both; padding-top: 40px; margin-right: -30px; zoom: 1; overflow: hidden; }
.standard-list li { width: 375px; margin: 0 30px 30px 0; float: left; position: relative; }
.standard-list img { display: block; }
.standard-list .meta { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.6); background-position: center 90px; background-repeat: no-repeat; color: #fffff; display: none; }
.standard-list a:hover .meta { display: block; }
.standard-list h3 { font-size: 20px; color: #fff; text-align: center; margin-top: 170px; }
/* contact */

#contact-banner .inner-content { z-index: 1; }
#contact-banner .page-menu { padding-top: 20px; }
#contact-banner .page-menu .page-menu-title { background-color: transparent; padding-top: 15px; padding-bottom: 10px; }
#contact-banner .page-menu h2 { font-size: 20px; border-bottom: 3px solid #ffffff; border-top: none; float: left; padding-bottom: 10px; margin-bottom: 20px; margin-left: 10px }
#contact-banner .page-menu .page-menu-content { clear: both; margin-left: 10px; margin-right: 10px; line-height: 170%; font-size: 14px; }
#contact-banner { height: 530px; }
.en #contact-banner .page-menu .page-menu-content { font-size: 12px; }
.contact.main-wrapper { margin-top: -30px; position: relative; z-index: 3; }
.contact .weixin { float: left; width: 300px; padding: 70px; color: #fff; background-color: #74c925; }
.contact .weixin h3 { font-size: 20px; border-bottom: 3px solid #ffffff; float: left; padding-bottom: 5px; }
.en .contact .weixin h3 { font-size: 18px; }
.contact .weixin .weixin-detail { clear: both; }
.contact .weixin img { display: block; max-width: 100%; height: auto; margin: 0 auto; padding-top: 60px; }
.contact .weixin p { text-align: center; }
.contact .content { background-color: #fff; float: left; width: 900px; padding: 60px; position: relative; }
.contact .content h3 { color: #005860; font-size: 30px; float: left; padding-bottom: 10px; border-bottom: 3px solid #005860 }
table.contact-list { border: none; margin-top: 60px; }
table.contact-list th, table.contact-list td { border: 1px solid #fff; vertical-align: middle; }
table.contact-list thead { background-color: #25a4c9; color: #fff; }
table.contact-list thead th { padding: 20px 30px; font-size: 16px; }
table.contact-list tbody tr:nth-child(odd) { background-color: #f7f7f7; }
table.contact-list tbody td { padding: 10px 25px; }
#map { height: 600px; margin: 50px 0; }
.jvectormap-zoomin, .jvectormap-zoomout { display: none }
.jvectormap-tip { display: none!important }
.contact .card-wrapper { width: 780px; height: 600px; position: absolute; background-color: transparent; left: 55px; top: 170px; display: none; }
.contact .info-card { width: 452px; height: 355px; background: url('../images/contact-frame.png') no-repeat center; position: absolute; left: 0; top: 142px; color: #333333; }
.contact .info-card a.close { position: absolute; right: 20px; top: 20px; width: 15px; height: 15px; text-indent: -9999px; background: url('../images/contact-frame-close.png') no-repeat center; }
.contact .info-card .pic { position: absolute; top: 4px; left: 4px; width: 179px; height: 220px; }
.contact .info-card .name { width: 179px; position: absolute; top: 260px; left: 4px; font-size: 18px; color: #ffffff; text-align: center; font-weight: bold; }
.contact .info-card .position { width: 179px; position: absolute; top: 295px; left: 4px; font-size: 14px; color: #ffffff; text-align: center; font-weight: bold; }
.contact .info-card .info { position: absolute; top: 20px; left: 206px; width: 215px; }
.contact .info-card .info p { font-size: 13px; padding: 5px 0; margin-bottom: 3px; border-bottom: 1px solid #d7d7d7; font-weight: bold; }
.contact .info-card .info p span { font-weight: normal; }

.contact .info-card .qr { position: absolute; top: 182px; left: 240px; width: 150px; height: 150px; text-align: center; }
#map-banner { height: 500px; z-index: 0; }
/* result */

#result-banner.banner { height: 450px; }
#result-banner .banner-img { height: 470px; width: 100%; position: absolute;/*top: -20px;*/
}
#result-banner .inner-content-detail { margin-left: 300px; width: 800px; color: #fff; padding-top: 80px; }
.en #result-banner .inner-content-detail { padding-top: 45px; }
#result-banner .inner-content-detail h2 { font-size: 20px; font-weight: bold; float: left; padding-bottom: 15px; margin-bottom: 25px; border-bottom: 3px solid #fff; }
#result-banner .inner-content-detail p { clear: both; }
.result.main-wrapper { margin-top: -100px; padding-bottom: 120px; }
.result .result-cat { position: relative; }
.result .result-cat:after { position: absolute; right: 0; top: 0; width: 50%; height: 100%; content: ''; background-color: #fff; }
.result .result-cat .inner-content { overflow: visible; }
.result .result-cat .inner-content-detail { background-color: #fff; position: relative; z-index: 2; }
.result .result-cat .inner-content-detail .cat-list { zoom: 1; overflow: hidden; }
.result .result-cat .result-cat-title { float: left; width: 200px; height: 100px; line-height: 100px; color: #fff; font-size: 20px; text-align: center; font-weight: bold; background-color: #46dd83; }
.result .result-cat .result-cat-all { float: left; width: 200px; height: 100px; line-height: 100px; color: #fff; font-size: 20px; text-align: center; font-weight: bold; text-indent: -30px; background: #46dd83 url('../images/arrowdown.png') no-repeat 158px center; -webkit-transition: all .5s; -moz-transition: all .5s; -o-transition: all .5s; transition: all .5s; }
.en .result .result-cat .result-cat-all { background: #46dd83 url('../images/arrowdown.png') no-repeat 146px center; }
.result .result-cat .result-cat-all:hover { cursor: pointer; background-color: #25a4c9; }
.all-province { position: absolute; width: 100%; padding: 20px 0; left: 0; top: 100px; background-color: #fff; display: none; }
.result .result-cat .result-cat-province { float: left; position: relative; width: 1000px; height: 100px; overflow: hidden; }
.result .result-cat .result-cat-province a.prev-link { float: left; }
.result .result-cat .result-cat-province a.next-link { float: right; }
.result .result-cat .result-cat-province .bd { float: left; overflow: hidden; zoom: 1; width: 800px; }
.result .result-cat ul.province-list { overflow: hidden; zoom: 1; }
.result .result-cat ul li { float: left; height: 100px; line-height: 100px; font-size: 20px; padding: 0 45px; text-align: center; font-weight: bold; box-sizing: content-box; }
.result .result-cat ul li.current { background-color: #74c925; color: #fff; }
.result .result-cat ul li a { color: #005860; }
.result #result-list { margin-top: 70px; }
.result #pagination { background-color: #46dd83; /*padding: 10px;*/
text-align: center; }
.result #pagination a { color: #fff; font-size: 16px; margin: 10px 0; display: inline-block; }
.result-detail .result-cat .inner-content-detail { margin-left: 100px; }
.result-detail .result-cat .result-title { background-color: #74c925; width: auto; padding: 0 50px; margin-right: 30px; }
.result-detail .result-cat .result-brief { line-height: 100px; height: 100px; font-size: 22px; font-weight: bold; }
.result-detail .result-intro { margin-top: 60px; }
.result-detail .result-intro .inner-content { background-color: #fff; padding: 50px; }
.result-detail .result-intro h2 { color: #005860; font-size: 26px; margin-bottom: 20px; }
.result-detail .result-intro .result-desc { width: 1000px; margin: 0 auto; }
.result-detail .result-intro .result-meta { margin-bottom: 20px; }
.result-detail .result-intro .result-images { width: 1000px; margin: 0 auto 30px; }
/* masonry */

.grid-item { width: 31%; margin: 0 1% 20px 1%; text-align: justify; border: 1px solid rgba(0, 0, 0, 0.2); box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.22); border-radius: 3px }
.grid-content .result-name { background-color: #fff; color: #005860; padding: 20px 20px 0 20px; font-weight: bold; font-size: 16px; }
.grid-content .result-des { background-color: #f7f7f7; padding: 10px 20px; color: #999999 }
.grid-content .result-des .result-brief-des { display: block; text-align: left; margin-bottom: 10px; }
.grid-content .result-des .result-cat-name { background-color: #74c925; color: #fff; margin-left: -25px; margin-right: 20px; padding: 5px 15px; display: inline-block; }
.grid-item img { margin-bottom: 0px; width: 100%; height: auto; display: block; }
#result-popup { position: relative; width: 900px; margin: 20px auto; }
#result-popup .result-image img { width: 100%; height: auto; display: block; }
#result-popup .result-inf { background: #fff; padding: 30px; color: #005860; display: none; }
#result-popup .result-inf h3 { font-size: 20px; font-weight: bold; margin-bottom: 10px; }
#result-popup .result-inf .type { display: inline-block; margin-right: 30px; }
#result-popup .result-inf .area { display: inline-block; }
#result-popup .result-inf .detail { margin-top: 20px; font-size: 12px; }
.result-image { width: 900px; min-height: 600px; overflow: hidden; position: relative; }
.result-image .bd { position: relative; /*height: 900px;*/
z-index: 0; }
.result-image .bd li { zoom: 1; vertical-align: middle; width: 900px!important;/*height: 600px*/
}
.result-image .bd img { width: 900px; height: auto; display: block; }
.result-image .prev, .result-image .next { background-position: center; background-repeat: no-repeat; text-indent: -9999em; position: absolute; left: 3%; top: 200px; display: block; width: 41px; height: 81px; filter: alpha(opacity=50); opacity: 0.5; }
.result-image .next { left: auto; right: 3%; background-image: url("../images/arrow-next.png") }
.result-image .prev { background-image: url("../images/arrow-prev.png") }
.result-image .prev:hover, .result-image .next:hover { filter: alpha(opacity=100); opacity: 1; }
.result-image .prevStop { display: none; }
.result-image .nextStop { display: none; }
.mfp-bg { opacity: 0.95 }
/* main content style */

.main-content { line-height: 1.8 }
.main-content:after { content: ''; clear: both; display: block; }
.main-content h1, .main-content h2, .main-content h3, .main-content h4, .main-content h5, .main-content h6 { color: #25a4c9; font-weight: bold; margin: 30px 0; float: none; border: none; padding: 0; }
.main-content h1 { font-size: 20px }
.main-content h2 { font-size: 18px }
.main-content h3 { font-size: 16px; }
.main-content h4 { font-size: 14px; }
.main-content h5 { font-size: 12px }
.main-content h6 { font-size: 12px; }
.main-content hr { clear: both; }
.main-content p { line-height: 1.8; margin-bottom: 20px; font-size: 16px;/*text-indent: 2em;*/
}
.main-content p.no-indent { text-indent: 0; }
.main-content img { max-width: 100%; height: auto; }
.main-content ul, .main-content ol { padding-left: 20px; margin-bottom: 30px; font-size: 16px; }
.main-content ul { list-style-type: disc; }
.main-content ol { list-style-type: decimal; }
.main-content table { border: 1px solid #ddd; }
.main-content table thead { background-color: #25a4c9; color: #fff; }
.main-content th, .main-content td { padding: 10px 15px; border: 1px solid #ddd; }
#toTop { display: none; text-decoration: none; position: fixed; bottom: 20px; right: 10px; overflow: hidden; width: 50px; height: 50px; border: none; text-indent: 100%; background: url(../images/ui.totop.png) no-repeat left top; z-index: 9999; }
#toTopHover { background: url(../images/ui.totop.png) no-repeat left -50px; width: 50px; height: 50px; display: block; overflow: hidden; float: left; opacity: 0; -moz-opacity: 0; filter: alpha(opacity=0); }
#toTop:active, #toTop:focus { outline: none; }
/* speech */
.about.speech .section-detail { background-color: transparent; }
.about.speech .speecher-images { zoom: 1; overflow: hidden; margin-top: -50px; margin-bottom: 100px; }
.about.speech .speecher-image-item { float: left; width: 50%; }
.about.speech .speecher-image-item img { width: 100%; height: auto; display: block; }
.culture-detail { width: 700px; padding: 50px; background-color: #fff; }
.fold_button { position: fixed; top: 50%; right: 0; margin-top: -65px; background: rgba(0,0,0,0.70)!important; background: #000; filter: Alpha(opacity=70); color: #fff; width: 44px; padding: 15px; z-index: 9999; cursor: pointer; -moz-transition: all 0.5s; -webkit-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; font-size: 16px; }
.en .fold_button { width: 90px; }
.fold_button:hover { background: #0062c7!important; }
.bottom_box { display: block; /*height: 300px;*/
width: 130px; z-index: 9999; position: fixed; top: 50%; margin-top: -265px; right: 0px; background: rgba(0,0,0,0.70) none repeat scroll !important; background: #000; filter: Alpha(opacity=70); color: #fff; display: none; }
.bottom_box .close { position: absolute; right: 5px; top: 3px; line-height: 1; cursor: pointer; font-size: 16px; }
.bottom_box .bomBox { text-align: center; padding: 20px 20px 0 20px; }
.bottom_box .bomBox img.side-weixin { width: 100%; height: auto; }
.bottom_box .bomBox img { vertical-align: middle; }
.bottom_box .bomBox a { color: #fff; }
.bottom_box .bomBox .foot_text p { font-size: 14px; line-height: 1.2; text-align: justify; margin-bottom: 20px; text-align: center; }
.bottom_box .bomBox .foot_text h3 { font-size: 16px; margin-bottom: 5px; }
.bottom_box .bomBox .foot_text span, .bottom_box .bomBox .foot_text a { vertical-align: middle; display: inline-block; line-height: 1 }
.related-results { width: 1000px; margin: 50px auto 20px; text-align: center; font-size: 16px; }
.related-results a { color: #666666; display: block; background-color: #dae4e6; padding: 20px 0; -moz-transition: all 0.5s; -webkit-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; }
.related-results a:hover { color: #fff; background-color: #74ca24; }
.prev-result { float: left; width: 40%; }
.next-result { float: right; width: 40%; }
.dx-news-main .tit { font-size: 15px; line-height: 38px; font-family: 微软雅黑, 黑体; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 100%; }
.dx-news-main .tit a { color: #323232; }
.fc-999999 { color: #999999; }
.dx-news-main .description { color: #666666; font-size: 13px; line-height:22px; }
.pro-spu-list { position: relative; }
.pro-spu-list a { position: absolute; width: 150px; height: 30px; text-indent: -9999px; }
.pro-spu-list .li-1 { left: 485px; top: 110px; }
.pro-spu-list .li-2 { left: 608px; top: 154px; }
.pro-spu-list .li-3 { left: 638px; top: 390px; }
.pro-spu-list .li-4 { left: 570px; top: 463px; }
.pro-spusbr-list { position: relative; height: 500px; }
.pro-spusbr-list a { position: absolute; width: 150px; height: 30px; text-indent: -9999px; }
.pro-spusbr-list .li-1 { left: 601px; top: 73px; }
.pro-spusbr-list .li-2 { left: 598px; top: 116px; width: 181px; height: 38px; }
.pro-spusbr-list .li-3 { left: 590px; top: 175px; }
.pro-spusbr-list .li-4 { left: 625px; top: 244px; width: 241px; }
.pro-spusbr-list .li-5 { left: 634px; top: 302px; }
.pro-spusbr-list .li-6 { left: 603px; top: 378px; }
.pro-spusbr-list .li-7 { left: 540px; top: 439px; width: 200px; }
.pro-tracks-list { position: relative; }
.pro-tracks-list a { position: absolute; width: 150px; height: 30px; text-indent: -9999px; }

.dx-advantage-en { height: 450px; }
.dx-advantage-en .advantageList { width: 240px; margin: 10px 20px; }
.dx-advantage-en .infoWord p { font-size: 14px; }
.pro-show-spu-thumb img { width: 800px; }
.pro-show-spu-thumb { text-align: center; padding: 40px 0; }
.bg-fffffff { background: white; }
.qiuchang { padding: 60px 0 40px 0; }
.qiuchang li { float: left; width: 380px; margin-right: 30px; }
.qiuchang li p { text-align: center; padding: 7px 0 13px 0; }
.pro-link { padding: 0 0 40px 0; }
.pro-link li { float: left; width: 204px;/*padding-right: 32px;*/ }
.pro-link li img { float: left; width: 100px; }
.pro-link li span { display: inline-block; width: 25px; height: 120px; margin: 0 35px; background: url(../images/ico_01.png) 0 50% no-repeat; }
.pro-link li.li-5 { padding-right: 0; width: 180px; }
.art-show { width: 1000px; margin: 0 auto; }
.art-show-tit { line-height: 100px; height: 100px; font-size: 22px; font-weight: bold; }
.track { padding: 60px 0 40px 0; }
.track li { float: left; width: 324px; margin: 0 38px; }
.track li .trackbg { margin: 0 auto; width: 250px; height: 250px; border-radius: 250px; -moz-border-radius: 250px; -webkit-border-radius: 250px; border: 2px solid green; background: white; padding: 10px; box-sizing: content-box; }
.track li h1 { width: 250px; height: 250px; border-radius: 250px; -moz-border-radius: 250px; -webkit-border-radius: 250px; margin: 0 auto; }
.track li p { text-align: center; padding: 7px 0 13px 0; font-weight: bold; }
.pro-show-spu-title { width: 800px; background-color: #0062c7; padding: 30px; margin: 0 auto 40px auto; color: white; }
.pro-show-spu-title .title-field { padding-left: 35px; height: 26px; line-height: 26px; background: url("../images/product-icon01.png") no-repeat center left; }
.pro-show-spu-title h2 { font-size: 60px; float: left; margin-right: 20px; }
.pro-show-spu-title h3 { font-size: 20px; padding-top: 40px; }
.banner .page-menu ul.kefuen li { padding: 15px 15px 15px 15px; font-size: 14px; line-height: 30px; }
.banner .page-menu ul.kefuen li img { float: left; padding-right: 5px; }
.order_banner { text-align: center; padding-top: 50px; }
.order_banner img { max-width: 1000px; }
.page{text-align: left;}
.page a{border:1px solid #000000; padding:3px 6px; }