/*
Theme Name: t4t
Theme URI: 
Description: t4t theme
Author: Aeven
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: t4t
*/
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;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */
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;

    margin: 0 auto;
    color: #666666;
}
a {
    text-decoration: none;
}

.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(../other/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;
    background: #009049;
}
.white-area {
    position: absolute;
    width: 100%;
    height: 80px;
    z-index: 6;
    top: 0
}
.green-area {
    position: absolute;
    width: 50%;
    height:80px;
    background-color: #009049;
    right: 0;
    top: 0;
    z-index: 6;
}
#inner-header {
    width: 1200px;
    margin: 0 auto;
    /*zoom: 1;
    overflow: hidden;*/
    position: relative;
    z-index: 10;
	height:80px;
}
#logo {
    float: left;
    width: 237px;
    margin-top: 8px;
}
#logo img {
    display: block
}
#header-content {
    float: left;
    height: 80px;
    color: #ffffff;
}
#header-content nav {
    float: left;
    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-style: solid;
    line-height: 80px;
    padding: 0px 11px;
    -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: #74c925;
    transition: none;
    position: relative;
    padding: 0px 7px;
    text-align: center;
}
#header-content nav ul.sub-menu li a:hover:after {
    content: '';
    position: absolute;
    bottom: 3px;
    left: 5%;
    width: 90%;
    height: 3px;
    background-color: #74c925;
}
#header-content nav ul li:hover ul.sub-menu {
    display: block;
}
#header-content #header-right {
    zoom: 1;
    overflow: hidden;
    margin: 22px 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 {
    margin-top:12px;
    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: #3edc7d;
    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 #3edc7d;
}
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(62, 220, 125, .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: #005860;
    float: left;
    color: #ffffff;
}
.about .section-title h2 {
    font-size: 30px;
    text-align: center;
}
.about .section-detail {
    height: 300px;
    width: 900px;
    background-color: #25a4c9;
    color: #ffffff;
    display: table;
}
.about .section-detail p {
    display: table-cell;
    vertical-align: middle;
    padding: 0 60px;
}
.about .blue-area {
    background-color: #25a4c9;
    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: #25a5c8 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;margin-top: 12px;
    /*border-top: 20px solid #74c925*/
}
.banner .page-menu {
    color: #ffffff;
    width: 300px;
    float: left;
}
.banner .page-menu .page-menu-title {
    background-color: #005860;
    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: transparent;
}
.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: #25a4c9;}
.banner-img {
    position: absolute;
    right: 0;
    top: 0;
    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 */
.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: #25a5c8;
    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: #46de84;
    content: '';
}
.product-list .product-list-inner{
    padding: 80px 0 80px 60px;
    background-color: #46de84;
}
.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 #46de84;
    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;
    width: 147px;
    height: 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: #25a5c8;
    padding: 30px;
    margin-left: 300px;
}
.product-title:after {
    content: '';
    position: absolute;
    width: 50%;
    height: 100%;
    background-color: #25a5c8;
    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: #25a5c8;
}
.relate-product-list .inner-content {
    background-color: #25a5c8;
    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: 0px;
    margin-right: 10px;
    line-height: 170%;
    font-size: 12px;
}
#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 .area {
    position: absolute;
    top: 20px;
    left: 206px;
    width: 215px;
}
.contact .info-card .tel {
    position: absolute;
    top: 54px;
    left: 206px;
    width: 215px
}
.contact .info-card .address {
    position: absolute;
    top: 90px;
    left: 206px;
    width: 215px
}*/
.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 30px;
    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: #74c925!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:18px;}
.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;}
/*.pro-tracks-list .li-1{left:666px;top:110px;}
.pro-tracks-list .li-2{left:666px;top:185px;}
.pro-tracks-list .li-3{left:666px;top:232px;width:247px;}
.pro-tracks-list .li-4{left:666px;top:286px;width:230px;height: 54px;}
.pro-tracks-list .li-5{left:666px;top:366px;width: 205px;}*/
.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: #25a5c8;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;}
.abus>.aus>.usimg>.usdes{font-weight:normal;}