@charset "UTF-8";
/*--公共部分--*/
html { -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; -webkit-font-smoothing: antialiased; -webkit-tap-highlight-color: transparent; -webkit-touch-callout: none; touch-callout: none; cursor: pointer; }

body, form, img, ul, ol, li, dl, dt, dd, p, tr, td, strong, span, pre { margin: 0; padding: 0; border: 0; background-repeat: no-repeat; outline: none; }

h1, h2, h3, h4, h5, h6, p { margin: 0; padding: 0; font-weight: normal; }

body, button, input, select, textarea { font-size: 14px; line-height: 20px; color: #999; font-family: Arial, 'Microsoft YaHei', 'Hiragino Sans GB', sans-serif; }

ul, li { list-style: none; }

img { border: 0px; max-width: 100%; }

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

*, :after, :before { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; background-repeat: no-repeat; }

article, aside, footer, header, nav, section { display: block; }

a { background-color: transparent; -webkit-text-decoration-skip: objects; text-decoration: none; color: #999; outline: none; cursor: pointer; }

a:hover { background-repeat: no-repeat; text-decoration: none; }

a, input[type="button"], button, label, input[type="submit"] { cursor: pointer; }

sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }

sub { bottom: -0.25em; }

sup { top: -0.5em; }

audio, video { display: inline-block; }

[type="checkbox"], [type="radio"] { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; /* 1 */ padding: 0; /* 2 */ }

input, textarea, select { outline: none; }

input[type="text"], input[type="password"], input[type="button"], input[type="submit"], select, textarea { outline-style: none; -webkit-appearance: none; resize: none; border: none; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; }

input:-webkit-autofill { -webkit-box-shadow: 0 0 0px 1000px white inset !important; }

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

.clearfix { *zoom: 1; }

.clear { clear: both; line-height: 0; height: 0; font-size: 0; }

.fl { float: left; }

.fr { float: right; }

.show { display: block !important; }

.hide { display: none !important; }

.commonweb { padding: 0px 15px; }

.commonwebbox { margin-left: 0px; margin-right: 0px; }

.commonleft { float: none; }

.commonright { float: none; }

.visible-sm, .visible-md, .visible-lg { display: none; }

.hidden-sm, .hidden-md, .hidden-lg { display: block; }

.pc-visible { display: none; }

.mob-visible { display: block; }

.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 { float: left; padding-left: 10px; padding-right: 10px; }

.col-xs-12 { width: 100%; }

.col-xs-11 { width: 91.66666667%; }

.col-xs-10 { width: 83.33333333%; }

.col-xs-9 { width: 75%; }

.col-xs-8 { width: 66.66666667%; }

.col-xs-7 { width: 58.33333333%; }

.col-xs-6 { width: 50%; }

.col-xs-5 { width: 41.66666667%; }

.col-xs-4 { width: 33.33333333%; }

.col-xs-3 { width: 25%; }

.col-xs-2 { width: 16.66666667%; }

.col-xs-1 { width: 8.33333333%; }

@media (max-width: 320px) { body { min-width: 320px; } }

@media (min-width: 768px) { .commonweb { padding: 0px 30px; }
  .commonwebbox { margin-left: -10px; margin-right: -10px; }
  .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 { float: left; padding-left: 10px; padding-right: 10px; }
  .col-sm-12 { width: 100%; }
  .col-sm-11 { width: 91.66666667%; }
  .col-sm-10 { width: 83.33333333%; }
  .col-sm-9 { width: 75%; }
  .col-sm-8 { width: 66.66666667%; }
  .col-sm-7 { width: 58.33333333%; }
  .col-sm-6 { width: 50%; }
  .col-sm-5 { width: 41.66666667%; }
  .col-sm-4 { width: 33.33333333%; }
  .col-sm-3 { width: 25%; }
  .col-sm-2 { width: 16.66666667%; }
  .col-sm-1 { width: 8.33333333%; }
  .visible-sm { display: block; }
  .hidden-sm { display: none; } }

@media (min-width: 992px) { .commonweb { padding: 0px 40px; }
  .commonwebbox { margin-left: -10px; margin-right: -10px; }
  .commonleft { float: left; }
  .commonright { float: right; }
  .visible-md { display: block; }
  .hidden-md { display: none; }
  .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 { float: left; padding-left: 10px; padding-right: 10px; }
  .col-md-12 { width: 100%; }
  .col-md-11 { width: 91.66666667%; }
  .col-md-10 { width: 83.33333333%; }
  .col-md-9 { width: 75%; }
  .col-md-8 { width: 66.66666667%; }
  .col-md-7 { width: 58.33333333%; }
  .col-md-6 { width: 50%; }
  .col-md-5 { width: 41.66666667%; }
  .col-md-4 { width: 33.33333333%; }
  .col-md-3 { width: 25%; }
  .col-md-2 { width: 16.66666667%; }
  .col-md-1 { width: 8.33333333%; } }

@media (min-width: 1024px) { .pc-visible { display: block; }
  .mob-visible { display: none; } }

@media (min-width: 1200px) { html { cursor: default; }
  .commonleft { float: left; }
  .commonright { float: right; }
  .visible-lg { display: block; }
  .hidden-lg { display: none; }
  .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 { float: left; padding-left: 10px; padding-right: 10px; }
  .col-lg-12 { width: 100%; }
  .col-lg-11 { width: 91.66666667%; }
  .col-lg-10 { width: 83.33333333%; }
  .col-lg-9 { width: 75%; }
  .col-lg-8 { width: 66.66666667%; }
  .col-lg-7 { width: 58.33333333%; }
  .col-lg-6 { width: 50%; }
  .col-lg-5 { width: 41.66666667%; }
  .col-lg-4 { width: 33.33333333%; }
  .col-lg-3 { width: 25%; }
  .col-lg-2 { width: 16.66666667%; }
  .col-lg-1 { width: 8.33333333%; } }

@media (min-width: 1260px) { .commonweb { margin: 0px auto; max-width: 1200px; padding: 0; } }

/* layout start*/
@font-face { font-family: 'Montserrat-Regular'; src: url("../fonts/Montserrat-Regular.woff"); }

@font-face { font-family: 'DINCond-Bold'; src: url("../fonts/DINCond-Bold.woff"); }

.mpt60 { padding-top: 40px; }

.mpt40 { padding-top: 30px; }

.mpt60-2 { padding-top: 40px; }

.mpb60 { padding-bottom: 0; }

.mpb60-2 { padding-bottom: 40px; }

.mpb40-2 { padding-bottom: 30px; }

.m-mb60 { margin-bottom: 40px; }

.m-pb50 { padding-bottom: 40px; }

/*--color--*/
.color28 { color: #282828; }

.color99 { color: #999; }

/*font-size*/
.fs18 { font-size: 16px; }

@media (min-width: 1024px) { .m-pb50 { padding-bottom: 50px; }
  .mpt60 { padding-top: 60px; }
  .mpt40 { padding-top: 40px; }
  .mpb60 { padding-bottom: 60px; }
  .mpb60-2 { padding-bottom: 60px; }
  .mpt60-2 { padding-top: 60px; }
  .mpb40-2 { padding-bottom: 40px; }
  .m-mb60 { margin-bottom: 60px; }
  /*--color--*/
  .color28 { color: #282828; }
  /*font-size*/
  .fs18 { font-size: 18px; } }


@keyframes animtran {
            from {
                transform: rotateZ(0deg);
            }
            to {
                transform: rotateZ(360deg);
            }
        }

        @keyframes animtrans {
            from {
                transform: rotateZ(360deg);
            }
            to {
                transform: rotateZ(0deg);
            }
        }

        @-webkit-keyframes animtran {
            from {
                transform: rotateZ(0deg);
            }
            to {
                transform: rotateZ(360deg);
            }
        }

/*头部*/
header { position: fixed; top: 0; left: 0; width: 100%; z-index: 990; background: #fff; }

body { padding-top: 60px; }

.logo { float: left; width: 60%; padding: 20px 0; }

.logo img { height: 20px; display: block; }

.logo .indexlogo { display: none; }

.header-nav { display: none; position: fixed; top: 60px; left: 0; width: 100%; height: 100%; background: #fff; padding-bottom: 60px; overflow-y: auto; border-top: 1px solid #ccc; z-index: 99; }

nav ul li { padding: 0 20px; border-bottom: 1px solid #ccc; position: relative; }

nav ul li h4 a { display: block; padding: 16px 0; position: relative; color: #333; }

.sub-nav { width: 100%; background: #fff; padding: 0 0 20px; display: none; }

.product-subnav dl { padding: 10px 0 10px 100px; position: relative; min-height: 65px; }

.product-subnav dl dt { position: absolute; top: 0; left: 0; }

.product-subnav dl dt a { color: #333; display: block; }

.product-subnav dl dt a img { display: block; width: 100px; }

.product-subnav dl dd { padding-top: 10px; }

.product-subnav dl dd a { display: block; color: #333; }

.product-subnav dl:hover dd a { color: #e60012; }

.moblie-right { float: right; margin-top: 13px; }

.moblie-right a { display: inline-block; line-height: 32px; height: 30px; vertical-align: middle; margin-left: 4px; }

.mobnav-btn { display: block; width: 30px; height: 30px; position: relative; }

.mobnav-btn span { top: 50%; margin-top: 0; }

.mobnav-btn span:first-child { content: ""; top: 7px; left: 0; }

.mobnav-btn span:last-child { content: ""; top: auto; bottom: 5px; left: 0; }

.mobnav-btn span, .mobnav-btn span:first-child, .mobnav-btn span:last-child { left: 5px; position: absolute; background: #165DA4; -webkit-transition: all 0.5s ease; width: 25px; height: 2px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; -o-transition: all 0.5s ease; -moz-transition: all 0.5s ease; transition: all 0.5s ease; }

.mobnav-btn.g_close span { opacity: 0; }

.mobnav-btn.g_close span:first-child { -webkit-transform: rotate(45deg); transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); -ms-transform: rotate(45deg); top: 16px; opacity: 1; }

.mobnav-btn.g_close span:last-child { -webkit-transform: rotate(-45deg); transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); -ms-transform: rotate(-45deg); top: 16px; opacity: 1; }

.language { display: none; }

.m-smallnav { border-top: none; }

.m-smallnav a { display: block; padding: 10px 20px; color: #333; }

.swiper-wrapper { width: 100%; height: 100%; z-index: 1; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: -moz-box; display: flex; -webkit-transition-property: -webkit-transform; transition-property: -webkit-transform; -o-transition-property: -o-transform; -moz-transition-property: transform, -moz-transform; transition-property: transform; transition-property: transform, -webkit-transform, -moz-transform, -o-transform; transition-property: transform, -webkit-transform; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; }

.swiper-slide { -webkit-flex-shrink: 0; -ms-flex: 0 0 auto; -ms-flex-negative: 0; flex-shrink: 0; width: 100%; height: 100%; position: relative; }

.arrorright-btn { position: absolute; width: 50%; right: 0; top: 0; height: 100%; }

.arrorright-btn:after { content: ""; position: absolute; top: 19px; right: 20px; width: 10px; height: 10px; border-right: 1px solid #7c8287; border-top: 1px solid #7c8287; border-left: 0; border-bottom: 0; transform: rotate(135deg); -moz-transform: rotate(135deg); -ms-transform: rotate(135deg); -o-transform: rotate(135deg); -webkit-transform: rotate(135deg); }

nav ul li.active .arrorright-btn:after { -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); top: 21px; }

.banner, .m-banner { position: relative; overflow: hidden; z-index: 1; }

.banner ul li a, .m-banner ul li a { display: block; }

.banner ul li a img, .m-banner ul li a img { display: block; width: 100%; }

.in-dot { text-align: center; max-width: 1200px; position: absolute; bottom: 10px; left: 50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); width: 100%; font-size: 0; line-height: 0; }

.in-dot span { width: 10px; height: 4px; display: inline-block; background: #fff; margin-left: 10px; -webkit-transition: all .3s; -o-transition: all .3s; -moz-transition: all .3s; transition: all .3s; cursor: pointer; }

.banner .in-dot span{width:10px;height:10px;border-radius:100%;}

.in-dot span.swiper-pagination-bullet-active { background: #E60012; width: 30px; }

.banner .in-dot span.swiper-pagination-bullet-active{width:10px;}

.inbanner-btn { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); width: 50px; height: 50px;  display: block; left: 3%; z-index: 98; cursor: pointer; opacity: 0; }

.inbanner-btn:after { content: ""; position: absolute; width: 20px; height: 20px; display: block; border-left: 2px solid rgba(255,255,255,.5); border-bottom: 2px solid rgba(255,255,255,.5); border-top: 0; border-right: 0; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); top: 15px; left: 20px; }

.inbanner-btn.inbanner-right { right: 3%; left: auto; }

.inbanner-btn.inbanner-right:after { left: 10px; -webkit-transform: rotate(-135deg); -moz-transform: rotate(-135deg); -ms-transform: rotate(-135deg); -o-transform: rotate(-135deg); transform: rotate(-135deg); }

.index-culomnone { position: relative; padding-top: 50px; }

.ub-scroll { display: block; width: 60px; height: 62px; display: block; position: absolute; left: 50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); top: -30px; background: url(../img/wicon72.png) 0 0 no-repeat; z-index: 2; -moz-background-size: cover; -o-background-size: cover; background-size: cover; }

/*导航公共部分*/
.column-nav { position: relative; color: #929292; }

.mpage-subnav ul li { padding: 0; border-bottom: 1px solid #ccc; }

.mpage-subnav ul li h4 { position: relative; }

.mpage-subnav ul li a { color: #929292; }

.mpage-subnav ul li a.a1 { display: block; position: relative; padding: 10px 0; }

.mpage-subnav ul li.cur .a1 { color: #cb000a; }

.mpage-subnav ul li.activehook,nav ul li.activehook{ border: none; }

.plus.icon { position: absolute; right: 0; top: 0; color: #929292; position: absolute; margin-left: 3px; width: 100%; height: 100%; }

.plus.icon:before { content: ''; position: absolute; width: 15px; height: 2px; right: 0; top: 22px; background-color: #929292; }

.plus.icon:after { content: ''; position: absolute; width: 15px; height: 2px; right: 0; top: 22px; background-color: #929292; -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); -moz-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg); }

.mpage-subnav ul li h4.cur .plus.icon:after { opacity: 0; }

.m-searchbox { padding: 20px 124px 20px 0; position: relative; }

.m-searchbox .search-text { border: 1px solid #DDDDDD; height: 34px; width: 100%; padding-left: 18px; }

.m-searchbox .search-text::-webkit-input-placeholder { color: #929292; }

.m-searchbox .search-text:-moz-placeholder { color: #929292; }

.m-searchbox .search-text::-moz-placeholder { color: #929292; }

.m-searchbox .search-text:-ms-input-placeholder { color: #929292; }

.m-searchbox .search-text:focus::-webkit-input-placeholder { color: #fff; }

.m-searchbox .search-btn { width: 120px; height: 45px; text-align: center; color: #fff; display: block; position: absolute; right: 0; top: 20px; background: url(../img/searchbg.png); }

.m-searchbox .search-btn input { height: 34px; line-height: 33px; background: none; width: 100%; color: #fff; }

.three-nav { display: none; padding: 10px 0 20px; }

.three-nav a { padding: 5px 15px; position: relative; display: block; font-size: 14px; line-height: 20px; }

.three-nav a:after { content: "|"; position: absolute; left: -1px; top: -1px; color: #929292; }

.container-fluid { padding-top: 35px; padding-bottom: 50px; }

.m-pt40 { padding-top: 35px; }

.facet-wrapper { margin-bottom: 30px; }

.visible-desktop { display: inline-block; cursor: pointer; }

.facet-wrapper.showed { display: block; }

.filter-trigger-icon { padding-left: 22px; background: url(../img/visicon.png) 0 center no-repeat; }

.filter-trigger-text { color: #999; }

.product-list-wrapper { padding-top: 20px; }

.facet-wrapper { border: 1px solid #E5E5E5; display: none; }

.desktop-accordion h4 { height: 54px; line-height: 54px; color: #333333; padding: 0 30px 0 20px; cursor: pointer; }

.desktop-accordion h4 i { position: relative; float: right; width: 12px; height: 12px; display: block; margin: 22px 0 0; }

.desktop-accordion h4 i:after, .desktop-accordion h4 i:before { content: ''; display: block; width: 12px; height: 2px; background-color: #282828; position: absolute; top: 5px; }

.desktop-accordion h4 i:after { -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg); }

.desktop-accordion h4.active i:after { opacity: 0; }

.desktop-accordion:nth-child(even) { background: #F7F7F7; }

.facet-values {padding: 0 30px 0 20px; }

.facet-values label, .facet-values p { display: block; padding-bottom: 15px; position: relative; width: 100%; cursor: pointer; }

.facet-values label input, .facet-values label em, .facet-values p input, .facet-values p em { width: 14px; height: 14px; display: inline-block; vertical-align: -2px; border: 1px solid #939393; margin-right: 10px; -webkit-appearance: none; }

.facet-values label input, .facet-values p input { opacity: 0; position: absolute; left: -4px; top: 2px; }

.facet-values label.active em, .facet-values p.active em { background-image: url(../img/checked.png); background-position: center center; background-color: #333; border-color: #333; }

.product-tit { font-size: 18px; margin-bottom: 10px; color: #333333; }

.product-item { padding-bottom: 20px; display: block; }

.product-item:nth-child(n+4) { display: none; }

.product-list { padding-top: 24px; }

.product-list li { text-align: center; padding-bottom: 15px; }

.product-list li a { color: #333; display: block; }

.product-list li a .zoom-box { position: relative; overflow: hidden; }

.product-list li a h5 { margin-top: 5px; height: 24px; line-height: 24px; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; }

.product-list li a:hover .more-hover { opacity: .9; }

.product-list li a:hover .more-hover .more-icon, .product-list li a:hover .more-hover i { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }

.more-hover { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: url(../img/probg.png) repeat-x; -moz-background-size: auto 100%; -o-background-size: auto 100%; background-size: auto 100%; color: #fff; -webkit-transition: -webkit-transform ease-in .35s; transition: -webkit-transform ease-in .35s; -o-transition: -o-transform ease-in .35s; -moz-transition: transform ease-in .35s, -moz-transform ease-in .35s; transition: transform ease-in .35s; transition: transform ease-in .35s, -webkit-transform ease-in .35s, -moz-transform ease-in .35s, -o-transform ease-in .35s; opacity: 0; }

.more-hover .more-icon { width: 21px; height: 21px; display: block; background-image: url(../img/prosearch.png); background-position: center center; -moz-background-size: cover; -o-background-size: cover; background-size: cover; margin: 0 auto 8px; -webkit-transform: translate3d(0, 10px, 0); -moz-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); -webkit-transition: -webkit-transform ease-in .35s; transition: -webkit-transform ease-in .35s; -o-transition: -o-transform ease-in .35s; -moz-transition: transform ease-in .35s, -moz-transform ease-in .35s; transition: transform ease-in .35s; transition: transform ease-in .35s, -webkit-transform ease-in .35s, -moz-transform ease-in .35s, -o-transform ease-in .35s; }

.more-hover i { display: block; font-style: normal; -webkit-transform: translate3d(0, 10px, 0); -moz-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); -webkit-transition: -webkit-transform ease-in .35s; transition: -webkit-transform ease-in .35s; -o-transition: -o-transform ease-in .35s; -moz-transition: transform ease-in .35s, -moz-transform ease-in .35s; transition: transform ease-in .35s; transition: transform ease-in .35s, -webkit-transform ease-in .35s, -moz-transform ease-in .35s, -o-transform ease-in .35s; }

.loading a { display: block; height: 50px; background-image: url(../img/moreicon.png); background-position: center center; background-repeat: no-repeat; background-color: #F0F0F0; -webkit-transition: all .35s; -o-transition: all .35s; -moz-transition: all .35s; transition: all .35s; }

.loading a:hover { background-image: url(../img/moreiconhover.png); background-color: #165DA4; }

footer { background: url(../img/footertop.png) 0 0 no-repeat; -moz-background-size: 100% 4px; -o-background-size: 100% 4px; background-size: 100% 4px; }

.footer-wrap { background: url(../img/footerbg.jpg) center 4px no-repeat; color: #fff; -moz-background-size: cover; -o-background-size: cover; background-size: cover; }

.footer-nav { padding: 30px 0 28px; }

.footer-nav li h4 { font-size: 16px; padding: 10px 0; position: relative; border-bottom: 1px solid rgba(255, 255, 255, 0.5); }

.footer-nav li h4 .plus.icon:after, .footer-nav li h4 .plus.icon:before { background-color: #fff; }

.footer-nav li.li2 { padding: 20px 0 0; }

.footer-nav li.li2 .teltext { font-size: 16px; padding-bottom: 20px; }

.footer-nav li.li2 .tel-num a { color: #fff; font-family: 'Montserrat-Regular'; display: block; font-size: 32px; line-height: 32px; }

.footer-sub { padding-top: 20px; }

.footer-sub a { display: block; color: #fff; font-size: 13px; padding-bottom: 6px; }

.follow-us { padding-top: 25px; }

.follow-us a { width: 40px; height: 40px; display: inline-block; background-position: center center; background-repeat: no-repeat; -moz-background-size: cover; -o-background-size: cover; background-size: cover; margin-right: 16px;position:relative; }

.follow-us a.jd { background-image: url(../img/jd.png); }

.follow-us a.tianmao { background-image: url(../img/tianmao.png); }

.follow-us a.weibo { background-image: url(../img/xlweb.png); }

.follow-us a.weixin { background-image: url(../img/weixin.png); }

.follow-us a.weixin .code-box { width: 120px; position: absolute; bottom: 40px; padding-bottom: 10px; left: 50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); display: none; z-index: 99; }

.follow-us a.weixin .code-box img { display: block; border: 1px dashed #D0D0D0; }

.follow-us a.weixin .code-box:after { content: ""; width: 16px; height: 10px; display: block; position: absolute; bottom: 3px; left:50%; -webkit-transform:rotate(180deg); -moz-transform:rotate(180deg); -ms-transform:rotate(180deg); -o-transform:rotate(180deg); transform:rotate(180deg); z-index: 9; background: url(../img/arror.png); margin-left:-8px;}


.footer-bottom { padding: 24px 0; border-top: 1px solid #2975B4; text-align: center; color: rgba(255, 255, 255, 0.5); }

.m-column-banner { position: relative; overflow: hidden; }

.m-column-banner img { display: block; position: relative; height: 150px; left: 50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); max-width: none; }

/*产品详情*/
.product-details-nav { text-align: center; padding: 15px 0; background: #fff; z-index: 991; }

.product-details-nav.addfixed { position: fixed; top: 60px; left: 0; width: 100%; -webkit-box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.1); -moz-box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.1); box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.1); }

.overflow-auto { overflow-x: auto; }

.details-scroll { min-width: 662px; }
.material-nav{text-align:left;}
.material-nav .details-scroll { min-width:0; }

.details-scroll a { padding: 10px; color: #929292; font-size: 14px; line-height: 20px; position: relative; display: inline-block; }

.details-scroll a:after { content: "|"; position: absolute; left: -1px; top: 8px; color: #929292; }

.details-scroll a:nth-child(1):after { opacity: 0; }

.details-scroll a.cur { color: #333333; }

.product-comparing { background: #F2F2F2; position: relative; padding: 40px 0; }

.product-comparing:after { content: ""; position: absolute; right: 0; top: 0; width: 100%; height: 100%; background: url(../img/wicon05.png) center center no-repeat; -moz-background-size: cover; -o-background-size: cover; background-size: cover; z-index: 1; }

.product-comparing .commonweb { position: relative; z-index: 2; }

.compare-left .pro-small { font-size: 16px; color: #7e848f; }

.compare-left .pro-title { font-size: 30px; line-height: 30px; color: #282828; }

.compare-left .intro-text { color: #141116; /*padding-left: 18px; background: url(../images/wicon01.png) 0 center no-repeat;*/ margin: 5px 0; }

.compare-left .pro-introduce { font-size: 13px; color: #7e848f; line-height: 18px; }

.color-box { padding: 40px 0 0; }

.colorgray { color: #141116; display: block; margin-bottom: 16px; }

.color-list a { display: inline-block; width: 30px; margin-right: 7px; position: relative; text-align: center; }

.color-list a .curcolor { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border-right: 0; border-top: 0; border-left: 30px solid transparent; border-bottom-width: 30px; border-bottom-style: solid; }

.color-list a i { display: block; font-style: normal; color: #7e848f; font-size: 12px; opacity: 0; -webkit-transform: translateY(10px); -moz-transform: translateY(10px); -ms-transform: translateY(10px); -o-transform: translateY(10px); transform: translateY(10px); -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, -webkit-transform 0.35s; -o-transition: opacity 0.35s, -o-transform 0.35s; -moz-transition: opacity 0.35s, transform 0.35s, -moz-transform 0.35s; transition: opacity 0.35s, transform 0.35s; transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s, -moz-transform 0.35s, -o-transform 0.35s; }

.color-list a:before { content: ""; position: absolute; display: block; width: 34px; height: 34px; border: 2px solid #000; top: -2px; left: -2px; opacity: 0; -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, -webkit-transform 0.35s; -o-transition: opacity 0.35s, -o-transform 0.35s; -moz-transition: opacity 0.35s, transform 0.35s, -moz-transform 0.35s; transition: opacity 0.35s, transform 0.35s; transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s, -moz-transform 0.35s, -o-transform 0.35s; }

.color-list a.cur:before { opacity: 1; }

.color-list a.cur i { opacity: 1; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); }

.compare-right-img { padding: 0; position: relative; }

.compare-right-img img { display: block; max-width: 100%; margin: 0 auto; }

.compare-btn { width: 119px; height: 41px; display: block; background: url(../img/wicon07.png) 0 0 no-repeat; font-size: 12px; color: #282828; line-height: 32px; padding: 0 0 0 19px; float: right; -webkit-transition: all .35s; -o-transition: all .35s; -moz-transition: all .35s; transition: all .35s; position: relative; z-index: 9; }

.compare-btn i { width: 21px; height: 15px; vertical-align: middle; display: inline-block; background: url(../img/wicon06.png) 0 0 no-repeat; margin-right: 8px; }

.m-deatils-title { font-size: 18px; text-align: center; color: #282828; padding-bottom: 20px; position: relative; margin-bottom: 20px; }

.m-deatils-title:after { content: ""; position: absolute; display: block; width: 24px; height: 1px; bottom: 0; left: 50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); background: #000000; }

.product-deatils-box, .product-container { color: #7e848f; }

.product-deatils-box img, .product-container img { max-width: 100%; }

.product-simple { color: #7e848f; max-width: 640px; margin: 0 auto 38px; text-align: center; }

.m-propage-title { font-size: 20px; color: #333; position: relative; margin-bottom: 26px; }

.m-propage-title span { display: inline-block; background: #fff; padding-right: 18px; position: relative; z-index: 2; line-height: 24px; margin-bottom: 5px; }

.m-propage-title em { font-style: normal; font-size: 14px; color: #7e848f; text-transform: uppercase; display: block; }

.m-propage-title:after { content: ""; position: absolute; max-width: 485px; width: 100%; left: 0;  height: 1px; background: #DDDDDD; z-index: 1; }

.guarantee { margin-bottom: 5px; }

.deatils-box li { overflow: hidden; }

.deatils-box li .prodeal-img { padding: 0; }

.deatils-box li .prodeal-img img { display: block; width: 100%; }

.deatils-box li .prodeal-text { padding: 30px 0 40px; }

.one-img img { display: block; width: 100%; }

.frameimg { padding-bottom: 30px; }

.table-box { width: 100%; }

.table-box thead tr { background: #EAEAEA; height: 40px; line-height: 40px; }

.table-box td { width: 20%; padding-left: 20px; }

.table-box tbody tr:nth-child(even) { background: #F9F9F9; }

.table-box tbody tr td { padding: 10px 0 10px 18px; color: #999999; }

.spec-list li { margin-bottom: 13px; }

.spec-list li h6 { font-size: 15px; color: #333333; position: relative; cursor: pointer; }

.spec-list li h6:after { content: ""; position: absolute; left: 148px; top: 3px; width: 8px; height: 8px; border-left: 2px solid #282828; border-bottom: 2px solid #282828; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); }

.spec-list li .spec-box { padding: 24px 0 0; color: #4b464c; display: none; }

.spec-list li .spec-box p { margin-bottom: 10px; }

.spec-list li .spec-box p span { width: 145px; display: inline-block; color: #999999; }

.spec-list li.cur h6:after { top: 7px; -webkit-transform: rotate(135deg); -moz-transform: rotate(135deg); -ms-transform: rotate(135deg); -o-transform: rotate(135deg); transform: rotate(135deg); }

.photos-wrap { position: relative; padding: 0 22px; }

.slideDown-caption { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 2; background: url(../img/wicon08.png) 0 0 repeat-x; -webkit-transition: all .4s ease-in; -o-transition: all .4s ease-in; -moz-transition: all .4s ease-in; transition: all .4s ease-in; -webkit-transform: translate3d(0, -100%, 0); -moz-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); }

.ltcenter { position: absolute; z-index: 3; left: 50%; top: 51%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }

.ltcenter .more-icon { width: 22px; height: 22px; display: block; margin: 0 auto; background-image: url(../img/wicon09.png); background-position: 0 center; }

.ltcenter i { display: block; padding-top: 12px; font-style: normal; color: #fff; }

.photos-swiper { position: relative; overflow: hidden; }

.photos-swiper ul li { float: left; width: 50%; margin-right: 10px; padding: 0; }

.photos-swiper ul li a { display: block; position: relative; overflow: hidden; }

.photos-swiper ul li a img { display: block; width: 100%; }

.photos-swiper ul li a h4 { position: absolute; left: 0; bottom: 10px; width: 100%; font-size: 12px; color: #FFF; text-align: center; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; height: 24px; line-height: 24px; padding: 0 10px; -webkit-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out; transition: all .4s ease-in-out; }

.banner-btn { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); width: 30px; height: 30px; display: block; left: 0; z-index: 98; cursor: pointer; }

.banner-btn:after { content: ""; position: absolute; width: 20px; height: 20px; display: block; border-left: 2px solid #9FA4AC; border-bottom: 2px solid #9FA4AC; border-top: 0; border-right: 0; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); top: 6px; left: 5px; }

.banner-btn.banner-right { right: 0; left: auto; }

.banner-btn.banner-right:after { left: 6px; -webkit-transform: rotate(-135deg); -moz-transform: rotate(-135deg); -ms-transform: rotate(-135deg); -o-transform: rotate(-135deg); transform: rotate(-135deg); }

.banner-btn:hover:after { border-color: #E60012; }

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

.product-popup { position: fixed; top: 0; left: 0; z-index: 999; display: none; }

.procut-btn { position: fixed; width: 50px; height: 50px; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); cursor: pointer; z-index: 1000; outline: none; }

.procut-left { left: -12px; }

.procut-right { right: -12px; }

.procut-btn:after { content: ""; position: absolute; width: 0; height: 0; border-top: 10px solid transparent; border-bottom: 10px solid transparent; display: block; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }

.procut-left:after { border-right: 15px solid #fff; }

.procut-right:after { border-left: 15px solid #fff; }

.procut-btn:hover { border-color: #fff; }

.procut-left:hover:after { border-right-color: #fff; }

.procut-right:hover:after { border-left-color: #fff; }

.procut-popbox { width: 86%; position: fixed; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); word-wrap: break-word; line-height: 28px; z-index: 9; }

.honor-popup .procut-popbox li { position: relative; height: 100%; width: 100%; text-align: center; }

.honor-popup .procut-popbox img { display: inline-block; width: auto; height: auto; max-height: 100%; max-width: 100%; vertical-align: middle; }

.honor-popup .procut-popbox .factoryview-swiper img { position: absolute; left: 50%; top: 50%; -webkit-transform: translate3d(-50%, -50%, 0); -moz-transform: translate3d(-50%, -50%, 0); transform: translate3d(-50%, -50%, 0); }

.procut-popbox .prodcutpop-swiper, .factoryview-swiper { position: relative; overflow: hidden; }

.closebtn { width: 35px; height: 35px; position: fixed; display: block; top: 20px; right: 3%; background-color: #E60012; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; cursor: pointer; z-index: 99; }

.closebtn:after, .closebtn:before { content: ''; position: absolute; height: 2px; width: 40%; top: 50%; left: 10px; margin-top: -1px; background: #fff; }

.closebtn:before { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); }

.closebtn:after { -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); }

.change-address { position: relative; }

.select-item { width: 31.7%; float: left; margin-right: 2.4%; border-bottom: 1px solid #ddd; background-image: url(../img/wicon10.png); background-position: right center; background-repeat: no-repeat; margin-bottom: 20px; }

.select-item select { background: none; -webkit-appearance: none; width: 100%; height: 45px; }

.select-item.selectlast { margin-right: 0 !important; }

.address-search { display: block; width: 119px; height: 45px; margin: 0 auto; background: url(../img/wicon11.png) center center no-repeat; clear: both; overflow: hidden; }

.address-search input { background: url(../img/prosearch.png) 32px center no-repeat; -moz-background-size: 16px; -o-background-size: 16px; background-size: 16px; width: 100%; height: 34px; color: #fff; padding-left: 56px; text-align: left; }

.address-list { margin: 20px 0 0; height: 263px; position: relative; padding-right: 13px; }

.address-list ul li { margin-bottom: 4px; padding: 20px; background: #F5F5F5; color: #8d8a91; cursor: pointer; }

.address-list ul li h4 { color: #4f4d52; margin-bottom: 5px; }

.address-list ul li .ad-tel { display: block; }

.address-list ul li .ad-address { display: block; }

.address-list ul li:last-child { margin-bottom: 0; }

.map { margin: 30px 0 0; height: 263px; }

.map img { max-width: none; }

#allmap { width: 100%; height: 263px; }

/* Container style */
.ps { overflow: hidden !important; overflow-anchor: none; -ms-overflow-style: none; touch-action: auto; -ms-touch-action: auto; }

/* Scrollbar rail styles */
.ps__rail-x { -o-transition: background-color .2s linear, opacity .2s linear; -moz-transition: background-color .2s linear, opacity .2s linear; transition: background-color .2s linear, opacity .2s linear; -webkit-transition: background-color .2s linear, opacity .2s linear; height: 15px; /* there must be 'bottom' or 'top' for ps__rail-x */ bottom: 0px; /* please don't change 'position' */ position: absolute; }

.ps__rail-y { -o-transition: background-color .2s linear, opacity .2s linear; -moz-transition: background-color .2s linear, opacity .2s linear; transition: background-color .2s linear, opacity .2s linear; -webkit-transition: background-color .2s linear, opacity .2s linear; width: 4px; /* there must be 'right' or 'left' for ps__rail-y */ right: 0; /* please don't change 'position' */ position: absolute; }

.ps--active-x > .ps__rail-x, .ps--active-y > .ps__rail-y { display: block; background-color: #E5E6E9; }

.ps:hover > .ps__rail-x, .ps:hover > .ps__rail-y, .ps--focus > .ps__rail-x, .ps--focus > .ps__rail-y, .ps--scrolling-x > .ps__rail-x, .ps--scrolling-y > .ps__rail-y { opacity: 1; }

.ps__rail-x:hover, .ps__rail-y:hover, .ps__rail-x:focus, .ps__rail-y:focus { background-color: #E5E6E9; opacity: 1; }

/* Scrollbar thumb styles */
.ps__thumb-x { background-color: #aaa; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; -o-transition: background-color .2s linear, height .2s ease-in-out; -moz-transition: background-color .2s linear, height .2s ease-in-out; transition: background-color .2s linear, height .2s ease-in-out; -webkit-transition: background-color .2s linear, height .2s ease-in-out; height: 6px; /* there must be 'bottom' for ps__thumb-x */ bottom: 2px; /* please don't change 'position' */ position: absolute; }

.ps__thumb-y { background-color: #B1B5BC; -o-transition: background-color .2s linear, width .2s ease-in-out; -moz-transition: background-color .2s linear, width .2s ease-in-out; transition: background-color .2s linear, width .2s ease-in-out; -webkit-transition: background-color .2s linear, width .2s ease-in-out; width: 4px; /* there must be 'right' for ps__thumb-y */ right: 0; /* please don't change 'position' */ position: absolute; }

.ps__rail-x:hover > .ps__thumb-x, .ps__rail-x:focus > .ps__thumb-x { background-color: #E5E6E9; height: 11px; }

.ps__rail-y:hover > .ps__thumb-y, .ps__rail-y:focus > .ps__thumb-y { background-color: #E5E6E9; width: 4px; }

/* MS supports */
@supports (-ms-overflow-style: none) { .ps { overflow: auto !important; } }

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { .ps { overflow: auto !important; } }

.related-products { position: relative; padding: 0 22px; }

.related-products .product-list { padding-top: 0; }

.related-swiper { position: relative; overflow: hidden; }

.related-swiper ul li { float: left; width: 50%; }

.return-list a { display: block; height: 40px; line-height: 40px; color: #0e5aa7; background: #f0f0f0; text-align: center; -webkit-transition: all .3s; -o-transition: all .3s; -moz-transition: all .3s; transition: all .3s; }

.column-titbox { position: absolute; z-index: 3; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 100%; color: #fff; font-size: 18px; line-height: 26px; }

.column-titbox h4 { text-align: left; font-size: 24px; line-height: 34px; }

.access-list { margin: 0 -25px; }

.access-list li { padding-left: 25px; padding-right: 25px; }

.access-list li a { max-width: 260px; }

.access-list li a .zoom-box { border: 1px solid #EEEEEE; }

.pb5 { padding-bottom: 5px; }

/*产品详情*/
.product-deatils { padding-bottom: 30px; background: url(../img/wicon12.png) 0 bottom repeat-x; }

.proimg-left { position: relative; background: rgba(192, 199, 210, 0.2); }


.indexbannerindeo{text-align:center;padding:20px 0;}

.indexbannerindeo span{width:10px;height:10px;display:inline-block;background:#999;margin:0 2px;border-radius:100%;}

.indexbannerindeo span.swiper-pagination-bullet-active{background:#E60012;}

.proimg-left .indexbannerindeo { bottom: 10px; }

.proimg-left img { display: block; width: 100%; }

.biglist { position: relative; overflow: hidden; margin: 0 auto; width: 100%; }

.biglist ul li img { display: block; max-width: 100%; margin: 0 auto; }

.product-btn { display: none; position: absolute; top: 50%; left: 30px; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); width: 36px; height: 36px; cursor: pointer; }

.product-btn:after { content: ""; position: absolute; width: 26px; height: 26px; display: block; border-left: 1px solid #E60012; border-top: 1px solid #E60012; border-bottom: 0; border-right: 0; top: 5px; left: 5px; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); }

.product-btn.product-right { right: 30px; left: auto; }

.product-btn.product-right:after { -webkit-transform: rotate(135deg); -moz-transform: rotate(135deg); -ms-transform: rotate(135deg); -o-transform: rotate(135deg); transform: rotate(135deg); }

.smalllist { position: absolute; right: 20px; bottom: 20px; display: none; }

.smalllist ul li { float: left; width: 50px; height: 50px; border: 1px solid #DFE3E8; background: #fff; margin-left: 4px; cursor: pointer; line-height: 50px; text-align: center; font-size: 0; }

.smalllist ul li img { display: inline-block; width: 100%; vertical-align: middle; }

.smalllist ul li.cur, .smalllist ul li:hover { border: 1px solid #E60012; }

.productcon-right { padding-top: 30px; color: #282828; }

.prodct-title { font-size: 20px; line-height: 30px; margin-bottom: 12px; padding-bottom: 15px; text-transform: uppercase; color: #282828; position: relative; }

.prodct-title:after { content: ""; position: absolute; bottom: 0; left: 0; width: 38px; height: 3px; background: #E60012; }

.pro-price { color: #7E7E7E; margin-bottom: 5px; }

.pro-price em { color: #e60012; font-size: 24px; font-style: normal; font-family: arial; padding-left: 29px; display: inline-block; vertical-align: middle; line-height: 30px; }

.pro-price em i { font-size: 16px; font-style: normal; display: inline-block; vertical-align: middle; }

.character-title { position: absolute; top: 0; left: 0; color: #7E7E7E; }

.character { padding-left: 75px; line-height: 22px; position: relative; }

/*天猫旗舰店*/
.stores-tmall { margin-bottom: 30px; padding-bottom: 38px; background: url(../img/wicon12.png) 0 bottom repeat-x; }

.stores-en { font-size: 28px; text-transform: uppercase; color: #0090ff; line-height: 34px; margin-bottom: 8px; font-family: 'DINCond-Bold'; }

.stores-cn { font-size: 18px; color: #4f4b51; }

.stores-list ul li { position: relative; margin-bottom: 40px; line-height: 20px; }

.stores-list ul li .stores-all { max-width: 612px; }

.stores-list ul li .stores-buy { display: block; float: right; width: 100px; height: 35px; border: 2px solid #ECEDEE; text-align: center; line-height: 35px; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; color: rgba(40, 40, 40, 0.5); margin-left: 10px; }

.stores-list ul li .stores-con { border-left: 3px solid #2E8BF1; padding-left: 18px; color: #0090ff; }

.stores-list ul li .stores-con h4 { font-size: 16px; color: #282828; margin-bottom: 5px; }

.stores-list ul li:nth-child(2n) { border-bottom: 1px dashed #CCCCCC; padding-bottom: 30px; margin-bottom: 30px; }

.stores-list ul li:last-child { border-bottom: 0; margin-bottom: 40px; padding-bottom: 0; }

.store-network-top { background: #F8F8F8; padding-top: 20px; }

.store-network-top .network-search { background: #F2F2F2; padding: 36px 15px; }

.store-network-top .selectcity-box { float: none; width: 100%; padding: 0 0; position: relative; }

.store-network-top .netsearch-text { font-size: 18px; color: #4f4d52; padding-left: 33px; background: url(../img/wicon13.png) 0 0 no-repeat; margin-bottom: 20px; }

.store-network-top .select-item { border-bottom: 0; background-color: #fff; background-position: 95% center; width: 49%; margin-right: 2%; border: 1px solid #EEEEEE; }

.store-network-top .select-item.city-mr0 { margin: 0; }

.store-network-top .select-item select, .store-network-top .select-item input { height: 50px; padding-left: 14px; width: 100%; }

.store-network-top .select-item select::-webkit-input-placeholder, .store-network-top .select-item input::-webkit-input-placeholder { color: #8d8a91; }

.store-network-top .select-item select:-moz-placeholder, .store-network-top .select-item input:-moz-placeholder { color: #8d8a91; }

.store-network-top .select-item select::-moz-placeholder, .store-network-top .select-item input::-moz-placeholder { color: #8d8a91; }

.store-network-top .select-item select:-ms-input-placeholder, .store-network-top .select-item input:-ms-input-placeholder { color: #8d8a91; }

.store-network-top .selectlast { width: 100%; background-image: none; }

.store-network-top .address-search { width: 100%; height: 50px; background: url(../img/wicon14.png) 0 0 no-repeat; -moz-background-size: 100%; -o-background-size: 100%; background-size: 100%; }

.store-network-top .address-search input { background: none; padding: 0; text-align: center; height: 50px; }

.store-network-bottom { padding: 20px 0 30px; background: #fff; }

.netaddress-list { margin-bottom: 20px; position: relative; max-height: 350px; }

.netaddress-list ul li { padding: 22px 15px; margin-bottom: 10px; background: #F5F5F5; color: #8d8a91; cursor: pointer; -webkit-transition: all .3s; -o-transition: all .3s; -moz-transition: all .3s; transition: all .3s; }

.netaddress-list ul li .add-con { float: left; width: 66%; padding-right: 10px; }

.netaddress-list ul li .add-con h4 { font-size: 16px; color: #4f4d52; margin-bottom: 5px; line-height: 24px; }

.netaddress-list ul li .add-img { float: left; width: 34%; }

.netaddress-list ul li .add-img img { display: block; max-width: 100%; }

.netaddress-list ul li:last-child { margin-bottom: 0; }

.netmap-wrap { height: 250px; }

.netmap-wrap #allmap { height: 250px; }

.netmap-wrap #allmap img { max-width: none; }

.procompare-bg { height: 284px; background: #F8F8F8; }

.product-table { background: #fff; margin-bottom: 40px; margin-top: -284px; overflow-x: auto; }

.product-table table { width: 100%; min-width: 700px; }

.product-table table tr td { padding: 15px 0 15px 10px; }

.product-table table tr td.td1 { width: 130px; }

.product-table table tr td.td2 { width: 30%; padding-left: 30px; }

.product-table table tr:nth-child(1) td { padding-left: 0; }

.product-table table tr:nth-child(even) td { background: #F9F9F9; }

.product-table table tr:nth-child(2) td { background: #E9E9E9; color: #282828; }

.compareimg-box { padding: 15px 0; text-align: center; color: #aaa8ad; cursor: pointer;display:inline-block; }

.compareimg-box img { display: block; height: 90px; margin: 0 0 18px; max-width: none; }

.compareimg-box .pro-remove { display: block; }

.align-right { text-align: right; }

.inbanner-more { padding-top: 20px; font-size: 14px; line-height: 20px; }

.inbanner-more a { color: #e60012; }

/*新闻详情*/
.topnews-list { position: relative; overflow: hidden; }

.topnews-list ul li a { display: block; position: relative; overflow: hidden; }

.topnews-list ul li a img { position: relative; display: block; width: 100%; }

.topnews-list .in-dot { text-align: right; padding-right: 10px; bottom: 16px; }

.topnews-list .in-dot span.swiper-pagination-bullet-active { width: 20px; }

.banner .in-dot{text-align:center;}

.banner .in-dot span.swiper-pagination-bullet-active{width:10px;}

.newsrom-box { position: absolute; width: 99.9%; bottom: 0; left: 0; height: 60px; background: rgba(0, 0, 0, 0.65); z-index: 99; height: 40px; line-height: 40px; }

.newsrom-box h4 { padding: 0 80px 0 10px; font-size: 13px; color: #fff; }

.newsrom-box h4 .newsrom-title { display: inline-block; max-width: 66%; height: 40px; line-height: 40px; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; vertical-align: middle; }

.newsrom-box h4 .newsrom-date { display: inline-block; font-style: normal; vertical-align: -1px; font-size: 12px; padding-left: 5px; }

.newsbottom { padding-bottom: 10px; }

.newsrom-right { padding: 28px 0; }

.newsrom-right h3 { font-size: 18px; color: #1674d7; margin-bottom: 14px; }

.newsrom-right ul li { margin-bottom: 10px; }

.newsrom-right ul li a { display: block; height: 20px; line-height: 20px; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; color: #817c87; }

.newsrom-right ul li a .date { float: right; display: block; margin-left: 5px; }

.newsrom-right ul li:nth-child(4n) { padding-bottom: 14px; border-bottom: 1px dashed rgba(226, 226, 226, 0.8); margin-bottom: 20px; }

.newsrom-right ul li:last-child { border-bottom: 0; padding-bottom: 0; margin-bottom: 20px; }

.newsrom-right .newsrom-more { padding-top: 5px; }

.newsrom-right .newsrom-more a { color: #817c87; display: block; }

.new-fixed { position: relative; }

.new-fixed .scroll-layer { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-position: center center; background-repeat: no-repeat; -moz-background-size: cover; -o-background-size: cover; background-size: cover; background-attachment: fixed !important; z-index: 0; }

.newvideo-box { padding-top: 120px; position: relative; z-index: 1; text-align: center; }

.recommended-video { width: 70px; height: 70px; display: block; background-image: url(../img/wicon16.png); background-position: center center; -moz-background-size: cover; -o-background-size: cover; background-size: cover; margin: 0 auto; cursor: pointer; }

.video-more { font-size: 13px; padding-top: 26px; }

.video-more a { display: block; color: #fff; }

.match-con { margin: 0; width: 94%; background: #FFFFFF; padding: 30px 30px 30px 100px; position: relative; z-index: 2; float: right; background-repeat: repeat-x; -webkit-transition: all ease-in .3s; -o-transition: all ease-in .3s; -moz-transition: all ease-in .3s; transition: all ease-in .3s; }

.match-con .icon-tablet { width: 70px; height: 87px; position: absolute; top: 30px; left: 10px; -moz-background-size: 70px auto; -o-background-size: 70px auto; background-size: 70px auto; background-position: 0 0; }

.match-con .right-con { font-size: 13px; }

.match-con .right-con h4 { color: #4f4d52; font-size: 18px; margin-bottom: 16px; -webkit-transition: all ease-in .3s; -o-transition: all ease-in .3s; -moz-transition: all ease-in .3s; transition: all ease-in .3s; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; height: 20px; line-height: 20px; }

.match-con .right-con p { max-height: 60px; line-height: 20px; display: -webkit-box; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 3; }

.newvideo-box ul { padding: 88px 0 40px; margin: 0 -6px; }

.newvideo-box ul li { text-align: left; padding: 0 6px 20px; }

.newvideo-box ul li a { display: block; color: #918d96; }

.newvideo-box ul li a .zoom { overflow: hidden; }

.newvideo-box ul li a .zoom img { display: block; width: 100%; }

.newvideo-box ul li:nth-child(1) .match-con .icon-tablet { background-image: url(../img/wicon17.png); }

.newvideo-box ul li:nth-child(2) .match-con .icon-tablet { background-image: url(../img/wicon18.png); }

.newvideo-box ul li:nth-child(3) .match-con .icon-tablet { background-image: url(../img/wicon19.png); }

.wonderful-atlas { padding: 50px 0; position: relative; background: #fff; }

.wonderful-atlas:before { content: ""; position: absolute; display: block; width: 100%; height: 26%; background: #FBFBFB; left: 0; top: 0; }

.wonderful-atlas .commonweb { position: relative; background: url(../img/newsimg08.jpg) center bottom no-repeat; -moz-background-size: 100% auto; -o-background-size: 100% auto; background-size: 100% auto; }

.wonderful-atlas .atlas-img { display: block; width: 55%; position: relative; z-index: 2; margin: 0 0 0 8.5%; -webkit-transition: -webkit-transform 0.35s; transition: -webkit-transform 0.35s; -o-transition: -o-transform 0.35s; -moz-transition: transform 0.35s, -moz-transform 0.35s; transition: transform 0.35s; transition: transform 0.35s, -webkit-transform 0.35s, -moz-transform 0.35s, -o-transform 0.35s; overflow: hidden; }

.wonderful-atlas .atlas-img img { display: block; width: 100%; }

.wonderful-atlas .atlas-more { display: block; width: 37.5%; position: absolute; right: 0; top: 0; margin-top: 6%; text-align: center; color: #cb000a; -webkit-transition: -webkit-transform 0.35s; transition: -webkit-transform 0.35s; -o-transition: -o-transform 0.35s; -moz-transition: transform 0.35s, -moz-transform 0.35s; transition: transform 0.35s; transition: transform 0.35s, -webkit-transform 0.35s, -moz-transform 0.35s, -o-transform 0.35s; }

/* 视频播放*/
.recruitmentfloat { display: none; z-index: 110; width: 100%; position: fixed; height: 100%; background: rgba(0, 0, 0, 0.6); left: 0px; top: 0px; }

.tianjiatvwrap { width: 95%; margin: 0 auto; position: absolute; top: 50%; left: 2.5%; margin-top: -125px; }

.tianjiatvwrap .videobox { height: 250px; position: relative; z-index: 1; }

.recclosebtn { display: block; width: 25px; height: 25px; position: absolute; right: 15px; top: -5px; cursor: pointer; z-index: 100; margin: -20px -20px 0 0; z-index: 9; }

.recclosebtn:before { content: ''; position: absolute; top: 10px; width: 20px; height: 2px; background-color: #FFF; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); }

.recclosebtn:after { content: ''; position: absolute; top: 10px; width: 20px; height: 2px; background-color: #FFF; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); }

/*赛事新闻*/
.event-activity { margin-bottom: 20px; }

.event-activity ul { margin: 0 -10px; }

.event-activity ul li { padding-bottom: 20px; }

.event-activity ul li .newsrom-box h4 { padding-right: 0; }

.event-activity ul li .newsrom-box h4 .newsrom-title { max-width: 75%; }

.newsbox-list { padding-bottom: 35px; }

.newsbox-list li { position: relative; padding: 0 0 20px 160px; min-height: 87px; margin-bottom: 20px; border-bottom: 1px dashed #DEDEDE; }

.newsbox-list li a { display: block; }

.newsbox-list li a .newsbox-left { width: 150px; height: 87px; position: absolute; left: 0; top: 0; overflow: hidden; }

.newsbox-list li a .newsbox-left img { display: block; width: 100%; }

.newsbox-list li a .newsbox-right { max-width: 915px; }

.newsbox-list li a .newsbox-right h4 { font-size: 16px; margin-bottom: 5px; color: #444444; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; height: 20px; line-height: 20px; }

.newsbox-list li a .newsbox-right .news-date { color: #d42614; display: block; margin-bottom: 5px; }

.newsbox-list li a .newsbox-right .news-text { color: rgba(88, 88, 88, 0.8); font-size: 13px; max-height: 40px; line-height: 20px; display: -webkit-box; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }

.newsbox-list li:last-child { border-bottom: 0; margin-bottom: 10px; }

/*新闻详情*/
.news-deatils-top { padding: 30px 0 20px; margin-bottom: 30px; border-bottom: 4px solid #EEEEEE; color: #4f4d52; }

.news-deatils-top h1 { font-size: 24px; line-height: 30px; margin-bottom: 15px; }

.news-deatils-top .newsdeatils-date { color: #cccccc; font-size: 18px; }

.news-box { padding: 0; position: relative; color: #666666; }

.news-box img { max-width: 100%; }

.news-deatils-con { font-size: 14px; line-height: 20px; padding: 0 0 30px 0; color: #999999; }

.newsdeatils-bottom { padding: 25px 0 30px; font-size: 16px; position: relative; overflow: hidden; border-top: 1px solid #EBEEF0; }

.newsdeatils-bottom dl dd { position: relative; margin-bottom: 10px; height: 24px; line-height: 24px; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; }

.newsdeatils-bottom dl span { display: inline-block; }

.newsdeatils-bottom dl a { display: inline-block; color: #666; }

.newsdeatils-bottom dl a:hover { color: #2481ED; }

.newsdeatils-bottom .return-list { width: 184px; height: 44px; line-height: 44px; margin: 0; display: block; background: #2E8BF1; text-align: center; color: #fff; margin: 20px auto 0; }

.left-share { display: none; }

.left-share .article-share { position: absolute; top: 7px; left: 10px; }

.left-share .article-share.js-sharefix { position: fixed; top: 80px; left: 40px; }

.left-share .article-share.js-shareEnd { position: absolute; top: auto; bottom: 63px; }

.left-share a { float: none !important; display: block !important; width: 50px !important; height: 50px !important; background-repeat: no-repeat; -moz-background-size: cover; -o-background-size: cover; background-size: cover; background-position: center !important; padding: 0 !important; margin: 0 0 1px !important; }

.bds_tsina { background-image: url(../img/sharebtn_01.jpg) !important; }

.bds_tqq { background-image: url(../img/sharebtn_03.png) !important; }

.bds_sqq { background-image: url(../img/sharebtn_05.jpg) !important; }

.bds_weixin { background-image: url(../img/sharebtn_07.jpg) !important; }

.bds_tieba { background-image: url(../img/sharebtn_09.jpg) !important; }

.bds_more{background-image: url(../img/sharemorebtn.png) !important;background-color:#E6E6E6;}

.bds_tsina:hover { background-image: url(../img/sharebtnac_01.jpg) !important; }

.bds_tqq:hover { background-image: url(../img/sharebtnac_03.jpg) !important; }

.bds_sqq:hover { background-image: url(../img/sharebtnac_05.jpg) !important; }

.bds_weixin:hover { background-image: url(../img/sharebtnac_07.jpg) !important; }

.bds_tieba:hover { background-image: url(../img/sharebtnac_09.jpg) !important; }

.bds_more:hover{background-image: url(../img/sharemorebtnhover.png) !important;background-color:#4B99F1;}

.bd_weixin_popup{height:290px !important;}

.picture-box { display: block; width: 100%; padding-bottom: 28px; overflow: hidden; }

.picture-box:hover img { -webkit-transform: scale(1.03, 1.03); -moz-transform: scale(1.03, 1.03); -ms-transform: scale(1.03, 1.03); -o-transform: scale(1.03, 1.03); transform: scale(1.03, 1.03); }


.picture-box img { -webkit-transition: transform ease 0.7s; -moz-transition: transform ease 0.7s; -o-transition: transform ease 0.7s; -webkit-transition: -webkit-transform ease 0.7s; transition: -webkit-transform ease 0.7s; -o-transition: -o-transform ease 0.7s; -moz-transition: transform ease 0.7s, -moz-transform ease 0.7s; transition: transform ease 0.7s; transition: transform ease 0.7s, -webkit-transform ease 0.7s, -moz-transform ease 0.7s, -o-transform ease 0.7s; }

.picture-box .zoom { overflow: hidden; position: relative; overflow:hidden;}

.picture-box .zoom:before{ content:"";width:100%; padding-bottom:74.870466%;display:block;}


.picture-box img { display: block; width: 100%; max-width: none;position:absolute;top:0;left:0; }

.picture-box h4 { font-size: 18px; letter-spacing: 0px; color: #4f4d52; margin: 20px 0 12px; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; height: 24px; line-height: 24px; }

.picture-box span { letter-spacing: -1px; color: #929292; display: block; line-height: 12px; }

.picture-list { padding-bottom: 10px; margin: 0 -10px; }

.picture-list .picture-box h4 { font-size: 16px; }

.picture-wrap { overflow: hidden; }

.data-img { display: none; }

.video-btn { width: 52px; height: 52px; display: block; background: url(../img/wicon21.png) center center no-repeat; background-size:cover; position: absolute; z-index: 3; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; }



/*公司简介*/
.about-pofile { padding-bottom: 30px; color: #aea9b0; }

.since-en { font-size: 28px; color: #0090ff; font-family: 'DINCond-Bold'; letter-spacing: -2px; margin-bottom: 9px; line-height: 40px; margin-top: -10px; }

.since-title { font-size: 18px; color: #4f4b51; padding-bottom: 14px; position: relative; margin-bottom: 14px; }

.since-title:after { content: ""; position: absolute; width: 20px; height: 4px; background: #F32914; display: block; bottom: 0; left: 0; }

.about-right { color: #6c6a6d; text-align: center; padding-top: 30px; cursor: pointer; }

.about-right .about-video { position: relative; }

.about-right .about-video img { display: block; width: 100%; }

.about-right .about-video .aboutvideo-btn { width: 40px; height: 40px; display: block; background: url(../img/wicon22.png) 0 0 no-repeat; position: absolute; z-index: 3; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); -moz-background-size: cover; -o-background-size: cover; background-size: cover; }

.about-right .video-title { text-align: center; line-height: 24px; padding-top: 5px; }

.lineheight16 { line-height: 16px; }

.about-fixed { height: 300px; }

.about-fixed .scroll-layer { height: 300px; }

.num-list { padding-top: 50px; padding-bottom: 50px; position: relative; z-index: 2; color: #8ed7f5; overflow: hidden; }

.num-list ul li { text-align: center; padding-bottom: 30px; }

.num-list ul li .num { font-family: 'DINCond-Bold'; color: #ffffff; font-size: 50px; line-height: 50px; margin-bottom: 5px; }

.num-list ul li .num-box { display: inline-block; text-align: center; }

.num-list ul li:last-child { border-right: 0; }

.choose-xds { padding-top: 35px; padding-bottom: 40px; }

.chooseen { color: #0090ff; font-size: 26px; line-height: 30px; font-family: 'DINCond-Bold'; text-transform: uppercase; margin-bottom: 4px; }

.choosecn { font-size: 18px; color: #4f4b51; }

.choose-list { padding-top: 40px; border-bottom: 1px solid #CCCCCC; font-size: 0; line-height: 0; clear: both; overflow: hidden; }

.choose-list .item { padding-bottom: 36px; border-left: 1px solid #cccccc; position: relative; width: 50%; float: left; }

.choose-list .item:after { content: ""; position: absolute; width: 9px; height: 9px; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; background: #cccccc; left: -5px; top: 0; }

.choose-list li { float: left; width: 50%; padding: 0 15px 22px 15px; font-size: 13px; color: #757277; line-height: 18px; cursor: pointer; }

.choose-list li .chosetext { margin-bottom: 10px; display: -webkit-box; height: 36px; line-height: 18px; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }

.choose-list li .zoom { overflow: hidden; position: relative; }

.choose-list li .zoom:after { content: ""; position: absolute; display: block; top: 0; left: 0; width: 100%; height: 100%; border: 3px solid #0090FF; opacity: 0; -webkit-transition: all .3s; -o-transition: all .3s; -moz-transition: all .3s; transition: all .3s; }

.choose-list li img { display: block; width: 100%; }

.choose-item { float: left; width: 40%; display: inline-block; vertical-align: bottom; }

.choose-item:nth-child(3) { width: 20%; }

.choose-item:nth-child(3) .item { width: 100%; }

.hidebox { display: none; }

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

.xds-popup { position: fixed; width: 90%; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); z-index: 992; max-width: 1200px; background: #fff; max-height: 80%; overflow-x: auto; display: none; }

.company-box dt img { display: block; width: 100%; }

.company-box dd { padding: 25px 10px; font-size: 13px; }

.company-box dd h4 { color: #4f4b51; font-size: 18px; margin-bottom: 20px; line-height: 26px; }

.return-btn { margin-top: 40px; cursor: pointer; }

.memorabilia { padding-top: 28px; }

.memorabg { padding-bottom: 35px; background: url(../img/wicon23.png) right bottom no-repeat; -moz-background-size: 28% auto; -o-background-size: 28% auto; background-size: 28% auto; }

.memorabg .choosecn { margin-bottom: 35px; }

.history-wrap { background: #f7fcff; padding-top: 38px; padding-bottom: 32px; }

.history-wrap .history-line { position: relative; }

.history-wrap .history-line:before { content: ""; display: block; position: absolute; height: 100%; width: 1px; background: #A9A9A9; left: 0; }

.history-wrap .history-line:after { content: ""; display: block; position: absolute; width: 9px; height: 9px; border: 2px solid #000000; left: -4px; top: 0; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; background: #f7fcff; }

.pl30 { padding-left: 20px; }

.history-swiper { position: relative; overflow: hidden; }

.history-swiper ul { position: relative; }

.history-swiper ul li .history-box { overflow: hidden; padding-right: 4px; }

.history-img { border: 2px solid #0090FF; display: inline-block; }

.history-img img { display: block; max-width: 100%; }

.history-con { padding: 20px 0; color: #282828; }

.history-con .his-date { color: rgba(40, 40, 40, 0.5); font-size: 24px; margin-bottom: 15px; line-height: 30px; font-family: 'Montserrat-Regular'; font-weight: bold; }

.history-yearwrap { padding-left: 14.28%; border-bottom: 1px solid #CFD2D3; display: none; }

.history-datebox { position: relative; overflow: hidden; }

.history-datebox ul { font-size: 0; line-height: 0; }

.history-datebox ul li { width: 16.66%; font-size: 24px; height: 50px; position: relative; padding-left: 22px; display: inline-block; vertical-align: bottom; line-height: 24px; font-family: 'Montserrat-Regular'; cursor: pointer; }

.history-datebox ul li span { padding-top: 43px; display: block; color: rgba(40, 40, 40, 0.7); font-weight: bold; }

.history-datebox ul li:after { content: ""; display: block; position: absolute; width: 9px; height: 9px; border: 2px solid #A9A9A9; left: 0px; top: 52px; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; background: #f7fcff; }

.history-datebox ul li:before { content: ""; display: block; position: absolute; height: 100%; width: 1px; background: #A9A9A9; left: 4px; bottom: -62px; }

.history-datebox ul li:nth-child(odd) { height: 112px; }

.history-datebox ul li:nth-child(odd) span { display: block; padding-top: 0; }

.history-datebox ul li:nth-child(odd):after { top: 0; }

.history-datebox ul li:nth-child(odd):before { bottom: 0; }

.history-datebox ul li.cur span { color: #0090FF; }

.history-datebox ul li.cur:after { border-color: #0090FF; }

.history-datebox ul li.cur:before { background: #0090FF; }

.history-btn { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); width: 50px; height: 50px; display: block; left: -45px; z-index: 98; cursor: pointer; display: none; }

.history-btn.history-right { right: -20px; left: auto; }

.history-btn:after { content: ""; position: absolute; width: 20px; height: 20px; display: block; border-left: 2px solid #A9A9A9; border-bottom: 2px solid #A9A9A9; border-top: 0; border-right: 0; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); top: 15px; left: 20px; }

.history-btn.history-right:after { left: 10px; -webkit-transform: rotate(-135deg); -moz-transform: rotate(-135deg); -ms-transform: rotate(-135deg); -o-transform: rotate(-135deg); transform: rotate(-135deg); }

.history-btn:hover:after { border-left-color: #0090FF; border-bottom-color: #0090FF; }

.tab-year { font-size: 0; line-height: 0; margin-top: 34px; }

.tab-year a { display: inline-block; width: 32%; max-width: 160px; height: 40px; line-height: 40px; font-family: 'Montserrat-Regular'; font-weight: bold; color: #e60012; font-size: 16px; text-align: center; -webkit-transition: all .3s; -o-transition: all .3s; -moz-transition: all .3s; transition: all .3s; margin: 0 .2%; }

.tab-year a.cur { background: #e60012; color: #fff; }

/*工作面貌*/
.factory { padding-top: 30px; padding-bottom: 35px; }

.factory-swiper { margin-top: 28px; position: relative; overflow: hidden; }

.m-broadcast { padding: 0 22px; position: relative; }

.factory-list { position: relative; width: 100%; }

.factory-list li { width: 50%; padding: 3px; float: left; }

.factory-list li a { display: block; position: relative; overflow: hidden; }

.factory-list li a:before { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; position: absolute; height: 100%; left: 0; top: 0; width: 100%; }

.factory-list li a img { display: block; width: 100%; }

.factory-list li a .more-hover { background: rgba(0, 144, 255, 0.9); }

.factory-list li:nth-child(3) { width: 100%; margin: 0 auto; position: static; }

.honors-box { max-width: 550px; }

.honors-wrap { background: url(../img/aboutimg22.jpg) center 0 no-repeat; -moz-background-size: cover; -o-background-size: cover; background-size: cover; position: relative; }

.honors-wrap .commonweb { position: relative; padding-top: 50px; padding-bottom: 30px; }

.honors-item { float: left; width: 33.3%; padding: 0 5px 20px; }

.honors-year { width: 100%; height: 100px; max-width: 100px; background: #fff; -webkit-border-radius: 22%; -moz-border-radius: 22%; border-radius: 22%; text-align: center; padding: 18px 10px; color: #9c999e; margin: 0 auto; line-height: 20px; cursor: pointer; }

.honors-year span { display: block; font-size: 30px; font-family: 'DINCond-Bold'; color: #0090ff; margin-bottom: 10px; }

.honors-year p { display: -webkit-box; height: 40px; line-height: 20px; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }

.honors-pop { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.6); z-index: 99; display: none; }

.honors-pop .commonweb { height: 100%; }

.honors-swiper { position: relative; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); height: auto; max-width: 1000px; width: 90%; overflow: hidden; }

.honors-swiper ul li { float: left; width: 50%; text-align: center; color: #fff; padding: 0; margin-right: 26px; }

.honors-swiper ul li h4 { margin-top: 10px; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; height: 24px; line-height: 24px; }

.honors-swiper ul li img { display: block; width: 100%; }

.honor-close { position: absolute; right: 0; top: 40px; width: 20px; height: 20px; cursor: pointer; }

.honor-close:after, .honor-close:before { content: ''; position: absolute; height: 2px; width: 100%; top: 50%; left: 0; margin-top: -1px; background: #fff; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); }

.honor-close:before { -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); }

.header-right { text-align: center; padding-top: 40px;display:none; }

.header-right a { margin-left: 20px; display: inline-block; }

.header-right .lange { color: #333333; }

.header-right .return-company { width: 122px; height: 24px; background: #0363b2; color: #fff; text-align: center; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; line-height: 24px; }

.technologybg { background: url(../img/teamimg02.jpg) center 0 no-repeat; -moz-background-size: cover; -o-background-size: cover; background-size: cover; }

.technologybg .commonweb { position: relative; }

.technology-one { padding-top: 90px; padding-bottom: 58px; position: relative; }

.technology-one .commonweb { position: relative; }

.technology-title { position: absolute; right: 20px; top: 0; margin-top: -150px; max-width: 120px;z-index:3; }

.carframe-title { text-align: center; font-size: 22px; line-height: 30px; color: #ffffff; margin-bottom: 20px; }

.carframe-box { color: #666; font-size: 14px; text-align: center; max-width: 870px; margin: 0 auto; line-height: 22px; }

.carframe-list { margin-top: 30px; position: relative; }

.carframe-list ul { position: relative; z-index: 1; }

.carframe-list li { color: #666666; font-size: 13px; margin-bottom: 24px; }

.carframe-list li .iconframe { margin-bottom: 8px; }

.carframe-list li .iconframe img { height: 30px; }

.carframe-list li h5 { color: #fff; font-size: 13px; margin-bottom: 12px; }

.carframe-list .carframeimg { text-align: center; }

.carframe-list .carframeimg p{display:inline-block;position:relative;}

.carframe-list .carframeimg p img{position:relative;z-index:2;}

.carframe-list .carframeimg p:after{content:"";position:absolute;width:60%;height:100%;display:block;left:47%;margin-left:-30%;background:url(../img/bikebg.png) center 0 no-repeat;background-size:100% auto;top:28px;z-index:0;}

.technology-two { padding-top: 90px; padding-bottom: 8px; }

.xdshrs-bg { background: url(../img/wicon31.png) center 20% no-repeat; -moz-background-size: contain; -o-background-size: contain; background-size: contain; }

.xdshrs-swiper { position: relative; overflow: hidden; max-width: 845px; margin: 75px auto 50px; }

.xdshrs-swiper ul li .zoom { display: block; text-align: center; }

.xdshrs-swiper ul li .zoom img { display: block; margin: 0 auto; max-width: 100%; }

.xdsiconframe { padding: 28px 0 18px; }

.xdshrs-item { max-width: 480px; margin-bottom: 20px; }

.xdshrs-item h5 { color: #fff; margin-bottom: 6px; }

.xds-btn { position: absolute; left: 0; top: 0; width: 36px; height: 36px; background: rgba(255, 255, 255, 0.3); -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; cursor: pointer; margin-top: 16%; }

.xds-btn:after { content: ""; position: absolute; display: block; width: 0; height: 0; top: 12px; left: 12px; border-top: 6px solid transparent; border-bottom: 6px solid transparent; border-right: 6px solid #fff; }

.xds-btn.xds-right { right: 0; left: auto; }

.xds-btn.xds-right:after { border-right: 6px solid transparent; border-left: 6px solid #fff; left: 16px; }

.leftposition { left: 20px; right: auto; }

.structure-onebg { background: url(../img/teamimg03.jpg) center 0 no-repeat; -moz-background-size: cover; -o-background-size: cover; background-size: cover; }

.structure-twobg { background: url(../img/teamimg05.jpg) center 0 no-repeat; -moz-background-size: cover; -o-background-size: cover; background-size: cover; }

.fs15 { font-size: 16px; color: #0090ff; margin-bottom: 8px; }

.colorwhite { color: #fff; margin-bottom: 6px; }

.structure-list { padding-top: 25px; }

.structure-list dl { margin-bottom: 7%; position: relative; }

.structure-list dl dt img { position: relative; left: 50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); height: 220px; max-width: none; }
.lineleft{display:none;}

.structure-list dl dd { margin-top: 20px; }

.structure-list dl:nth-child(even) dt img { left: 25%; }

.lineheight10 { line-height: 14px; }

.structure-swiper { margin-top: -20px; padding: 50px 0 0; background: url(../img/wicon47.png) center 0 no-repeat; -moz-background-size: 100% auto; -o-background-size: 100% auto; background-size: 100% auto; overflow: hidden; }

.structure-swiper ul li { text-align: center; -webkit-transition: all .3s; -o-transition: all .3s; -moz-transition: all .3s; transition: all .3s; }

.structure-swiper ul li img { display: block; margin: 0 auto 30px; }

.structure-swiper ul li .max-widthbox { max-width: 940px; margin: 0 auto; }

.structure-swiper ul li .max-widthbox br { display: none; }

.swiper-container-autoheight, .swiper-container-autoheight .swiper-slide { height: auto; }

.swiper-container-autoheight .swiper-wrapper { -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; -moz-box-align: start; align-items: flex-start; -webkit-transition-property: height, -webkit-transform; transition-property: height, -webkit-transform; -o-transition-property: transform, height; -o-transition-property: height, -o-transform; -moz-transition-property: transform, height, -moz-transform; transition-property: transform, height; transition-property: transform, height, -webkit-transform, -moz-transform, -o-transform; transition-property: transform, height, -webkit-transform; }

.structure-box { padding: 25px 0 35px; max-width: 940px; margin: 0 auto; overflow: hidden; }

.structure-box ul li { float: left; width: 33.3%; text-align: center; font-size: 13px; cursor: pointer; }

.structure-box ul li .str-item .tureimg { width: 100px; height: 100px; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; background: #111111; border: 2px solid #545454; margin: 0 auto 15px; overflow: hidden; -webkit-transition: all .3s; -o-transition: all .3s; -moz-transition: all .3s; transition: all .3s; }

.structure-box ul li .str-item .tureimg img { display: block; width: 100%; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; }

.structure-box ul li .str-item .true-title { -webkit-transition: all .3s; -o-transition: all .3s; -moz-transition: all .3s; transition: all .3s; }

.structure-box ul li.cur .tureimg { border-color: #262FC8; }

.structure-box ul li.cur .true-title { color: #0090ff; }

body { overflow-x: hidden; }

.more-techbg { background-image: url(../img/teamimg06.jpg); background-color: #000; background-position: center 0; -moz-background-size: cover; -o-background-size: cover; background-size: cover; }

.moretech-box { padding: 40px 0 0; }

.moretech-box .moretech-item { margin-bottom: 15px; }

.moretech-box dl { position: relative; }

.moretech-box dl dt { overflow: hidden; }

.moretech-box dl dt img { height: 200px; max-width: none; position: relative; left: 30%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); }

.moretech-twobox { background-image: url(../img/teamimg07.jpg); padding: 0; }

.moretech-list { padding-bottom: 50px; }

.wheel-group { padding-top: 28px; }

.wheel-group dt { background: url(../img/wicon69.png) 0 0 no-repeat; -moz-background-size: 100% auto; -o-background-size: 100% auto; background-size: 100% auto; padding: 3.8%; }

.wheel-group dt img { display: block; width: 100%; margin: 0 auto; }

.wheel-group dd { font-size: 13px; position: relative; margin-top: 20px; }

.wheel-group dd .groupimg { margin-bottom: 12px; }

.wheel-group dd .groupimg img { height: 65px; }

.wheel-group dd .colorwhite { font-size: 14px; margin-bottom: 8px; }

.wheel-group dd:before { content: ""; position: absolute; width: 110px; height: 1px; background: #333333; left: 20px; top: 80px; opacity: 0; }

/*首页*/
.noline { position: absolute; width: 100%; height: 100%; left: 50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); top: 0; opacity: 0;z-index:0; }

.noline:after, .noline:before { content: ""; position: absolute; display: block; background-position: 0 0; background-repeat: no-repeat; -webkit-transition: all 0.7s; -o-transition: all 0.7s; -moz-transition: all 0.7s; transition: all 0.7s; }

.noline.nolinetb:after { left: 0; bottom: 0; background-image: url(../img/wicon75.png); width: 0; height: 2px; opacity: 0; }

.noline.nolinetb:before { width: 0; left: 0; top: 0; border-top: 2px solid #3A2194; }

.noline.nolinelr:after { top: 0; right: 0; width: 2px; height: 0; background-image: url(../img/wicon76.png); }

.noline.nolinelr:before { width: 2px; height: 0; left: 0; top: 0; background-image: url(../img/wicon77.png); }

.culomnone-list { max-width: 1240px; margin: 0 auto; overflow: hidden; padding: 0 15px; }

.culomnone-list .wrap { overflow: hidden; }

.culomnone-list ul { padding-bottom: 40px; font-size: 0; line-height: 0; }

.culomnone-list ul li { display: inline-block; width: 200px; text-align: center; padding: 0 15px; vertical-align: middle; }

.culomnone-list ul li a { display: block; }

.culomnone-list ul li a .prozoom { text-align: center; overflow: hidden; position: relative; padding: 0 0 10%; }

.culomnone-list ul li a .prozoom img { display: block; width: 90%; margin: 0 auto; position: relative; max-width: 140px;z-index:2; }

.culomnone-list ul li a .prozoom em{display:block;width:80px;height:26px;line-height:26px;font-size:12px;color:#333;border:1px solid #CCCCCC;bottom:10px;margin:20px auto 0;font-style:normal;}

.culomnone-list ul li a h4 { font-size: 15px; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; height: 24px; line-height: 24px; color: #333333; }

.index-culomntwo { padding: 30px 0 20px; }

.main-columnone { padding-bottom: 20px; }

.main-columnone ul { margin: 0 -8px; }

.main-columnone ul li { padding: 0 8px 20px; }

.main-columnone ul li a { display: block; border: 1px solid #DDDDDD; }

.main-columnone ul li a .zoom { overflow: hidden; }

.main-columnone ul li a img { display: block; width: 100%; }

.main-columnone ul li a .column-box { padding: 20px 10px 25px; color: #666666; }

.main-columnone ul li a .column-box h4 { font-size: 16px; position: relative; margin-bottom: 14px; color: #333333; }

.main-columnone ul li a .column-box h4:after { content: ""; width: 70px; height: 2px; margin-top: 6px; background: #E60012; display: block; }

.maintitle { font-size: 20px; color: #000000; line-height: 24px; margin-bottom: 15px; }

.maintitle a { float: right; color: #666666; font-size: 14px; }

.main-columntwo { overflow: hidden; }

.main-columntwo ul { margin: 0 -30px; }

.main-columntwo ul li { padding: 0 30px 30px; border-right: 1px solid #EBEBEB; }

.main-columntwo ul li .zoom { overflow: hidden; }

.main-columntwo ul li img { display: block; width: 100%; }

.main-columntwo ul li .maincolumn-box { padding: 15px 0 30px; border-bottom: 1px solid #DDDDDD; position: relative; }

.main-columntwo ul li .maincolumn-box:after { content: ""; position: absolute; bottom: 0; left: 0; width: 0; height: 1px; background: #e60012; opacity: 0; -webkit-transition: all .3s; -o-transition: all .3s; -moz-transition: all .3s; transition: all .3s; }

.main-columntwo ul li .maincolumn-box h4 { color: #000; display: -webkit-box; height: 40px; line-height: 20px; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 2; margin-bottom: 20px; }

.main-columntwo ul li .maincolumn-box .date { color: rgba(0, 0, 0, 0.5); display: block; }

.dragscroll { position: relative; height: 40px; }

.dragscroll .commonweb { position: relative; }

.dragscroll:before { content: ""; position: absolute; width: 100%; height: 1px; left: 0; top: 20px; background: #CCCCCC; }

.dragscroll .frame { position: relative; margin: 0 auto; }

.dragscroll .frame:before { content: ""; position: absolute; width: 100%; max-width: 600px; height: 1px; left: 50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); top: 20px; /*background: #E60012;*/ }

.drag { width: 40px !important; height: 40px; display: block; background: #E60012; position: relative; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; left: 50%;  }

.drag:after, .drag:before { content: ""; height: 0; width: 0; position: absolute; display: block; top: 14px; }

.drag:before { border-left: 6px solid #fff; border-top: 6px solid transparent; border-bottom: 6px solid transparent; right: 13px; }

.drag:after { border-right: 6px solid #fff; border-top: 6px solid transparent; border-bottom: 6px solid transparent; left: 10px; }

.structure-maxwidth { max-width: 1400px; margin: 0 auto; }

.contact-wrap { padding-top: 35px; padding-bottom: 25px; }

.contn-way { color: #e81919; font-size: 16px; line-height: 20px; position: relative; padding-left: 50px; min-height: 47px; margin-bottom: 15px; }

.contn-way img { display: block; position: absolute; left: 0; top: -8px; }

.contact-title { font-size: 18px; color: #323232; margin-bottom: 10px; }

.addtext { line-height: 28px; color: #595959; }

.addtext a { color: #595959; }

.addtext span { color: #929292; display: inline-block; width: 65px; }

.contact-bottom { padding-top: 20px; }

.contact-bottom ul { text-align: center; }

.contact-bottom ul li { display: inline-block; text-align: center; margin-right: 30px; position: relative; }

.contact-bottom ul li a { display: block; color: #595959; }

.contact-bottom ul li .code-box { width: 120px; position: absolute; top: 64px; padding-top: 10px; left: 50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); display: none; z-index: 9; }

.contact-bottom ul li .code-box img { display: block; border: 1px dashed #D0D0D0; }

.contact-bottom ul li .code-box:after { content: ""; width: 16px; height: 10px; display: block; position: absolute; top: 2px; left: 50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); z-index: 9; background: url(../img/arror.jpg); }

.contact-left { padding-bottom: 30px; }

.contactmap { height: 200px; }

.contactmap img { max-width: none; }

.contact-list { padding: 30px 0 0; }

.contact-list ul li { padding-bottom: 20px; }

.contact-list ul li a { display: block; border: 1px solid #E5E5E5; padding: 30px 15px; color: #9c999e; line-height: 24px;cursor:default; }

.contact-list ul li a h4 { color: #4f4b51; font-size: 20px; position: relative; padding-bottom: 20px; margin-bottom: 15px; }

.contact-list ul li a h4:after { content: ""; position: absolute; width: 30px; height: 4px; display: block; bottom: 0; background: #E60012; }

.rightfixed { position: fixed; top: 55%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); right: 10px; z-index: 99;display:none; }

.rightfixed a { display: block; width: 40px; height: 40px; background:#ccc; margin-bottom: 1px; padding: 7px 0 0; color: #fff; text-align: center; font-size: 10px; -moz-background-size: cover; -o-background-size: cover; background-size: cover; line-height:16px;}

.rightfixed a img { display: block; height: 15px; margin: 0 auto; -webkit-transition: all .3s; -o-transition: all .3s; -moz-transition: all .3s; transition: all .3s; }

.rightfixed a i { display: block; font-style: normal; -webkit-transform: scale(0.8); -moz-transform: scale(0.8); -ms-transform: scale(0.8); -o-transform: scale(0.8); transform: scale(0.8); }

.rightfixed a.top {background-color:#666; background-image: url(../img/wicon86.png); -moz-background-size: cover; -o-background-size: cover; background-size: cover; }

.addcolor{color:#cb000a;font-size:16px;padding:50px 0 !important;}
.addcolor a{color:#cb000a;}

.lineleft{position:absolute;top:10px;left:-10px;}
.structure-list dl:nth-child(1) dd .lineleft {
    top: -68px;
    left: 121px;
}
.structure-list dl:nth-child(2) dd .lineleft {
    width:100%;
    top: 10px;
    left: 300px;
}
.structure-list dl:nth-child(3) dd .lineleft {
    top: -66px;
    left: 58px;
}


.material-nav{margin-top:-40px;position:relative;z-index:2;background:rgba(0,0,0,.8);padding:0;}
.material-nav a { padding: 10px; color: #fff; font-size: 14px; line-height: 20px; position: relative; display: inline-block; }
.material-nav a:after { content: "|"; position: absolute; left: -1px; top: 8px; color: #929292; }
.material-nav a:nth-child(1):after { opacity: 0; }
.material-nav a.active,.material-nav a:hover { color: #E60012; }
.material-nav a.cur{color:#fff;}

.xdshrs-swiper ul li .zoom{    visibility: hidden;   -webkit-transform: scale(.8);-ms-transform: scale(1.8);transform: scale(.8); transition: visibility 0ms linear 1200ms, transform 1200ms ease, opacity 1200ms ease;-webkit-transition: visibility 0ms linear 1200ms, transform 1200ms ease, opacity 1200ms ease;}
.xdshrs-swiper ul li .xdshrs-con,.xdshrs-swiper ul li .xdsiconframe{
    -webkit-transition: all ease 1300ms;
    -o-transition: all ease 1300ms;
    -moz-transition: all ease 1300ms;
    transition: all ease 1300ms;
    -webkit-transform: translateZ(50px);
    -moz-transform: translateZ(50px);
    -ms-transform: translateZ(50px);
    -o-transform: translateZ(50px);
    transform: translateZ(50px);
    opacity:0;

}
.xdshrs-swiper ul li.active .zoom{ 
    opacity: 1;
    visibility: visible;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    -webkit-transition-delay: 0ms;
    transition-delay: 0ms;}

.xdshrs-swiper ul li.active .xdshrs-con,.xdshrs-swiper ul li.active .xdsiconframe{
  -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -o-transform: translateZ(0);
    transform: translateZ(0);
    opacity:1;
}


/*新增二级导航*/
.menu-left { float: left; width: 15%; font-size: 16px; display: none; }

.menu-left h3 { font-size: 24px; margin-bottom: 20px; color: #165DA4; }

.menu-item { padding: 0 10px; }

.menu-img { display: none; }

.menu-img img { display: block; width: 100%; }

.menu-box h5 { font-size: 14px; margin-bottom: 10px; }

.menu-box h5 a { color: #333; display: block; }

.menu-box .menu-sub a { display: block; }

.sub-nav a { color: #333; }

.menu-item h5 { font-size: 14px; }

.menu-item h5 a { margin-bottom: 10px; display: block; }

.menu-sub { padding: 0 10px 20px 10px; }

.menu-sub a { display: block; padding: 2px 0; font-size: 13px; color: #999; }

.product-gall { position: relative; }

.photos-big-list { position: relative; overflow: hidden; }

.photos-big-list ul { height: 100%; }

.photos-big-list ul li { height: 100%; background: #000000; overflow: hidden; }

.srcoll-feature { height: 150px; }

.feature-con { height: 100%; background: #000000; color: #929292; padding: 30px 20px; line-height: 26px; }

.feature-con h4 { color: #fff; font-size: 16px; position: relative; padding-bottom: 20px; margin-bottom: 20px; }

.feature-con h4:after { content: ""; position: absolute; width: 30px; height: 2px; background: #fff; bottom: 0; left: 0; }

.feature-img img { display: block; width: 100%; }

.photos-big-wrap .closebtn { position: absolute; z-index: 100; top: 0; right: 0; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; }

.photos-big-wrap .banner-btn { display: none; }
 
.company-swiper{position:relative;overflow:hidden;}
.company-swiper .banner-btn{background:rgba(0,0,0,.2);opacity:1;transition:all .3s;-webkit-transition:all .3s;}
.company-swiper .banner-btn:after{border-color:#fff;width:20px;height:20px; top: 15px; left: 17px;}


.BMap_bubble_title{white-space:normal !important;}


/*视频专区*/
.select-box { position: relative; background: #fff; max-width: 250px; margin-bottom: 30px; padding-right: 40px; }

.select-box span { display: block; width: 100%; height: 40px; line-height: 40px; padding: 0 40px 0 20px; color: #b2b2b2; cursor: pointer; white-space: nowrap; position: relative; z-index: 2; border: 1px solid #ccc; }

.select-box .inarror { display: block; width: 40px; height: 40px; position: absolute; right: 0; top: 0; background: #E60012; z-index: 1; cursor: pointer; }

.select-box .inarror:after { content: ""; display: block; width: 12px; height: 12px; position: absolute; top: 12px; left: 14px; border-right: 2px solid #fff; border-top: 2px solid #fff; border-left: 0; border-bottom: 0; -webkit-transform: rotate(135deg); -moz-transform: rotate(135deg); -ms-transform: rotate(135deg); -o-transform: rotate(135deg); transform: rotate(135deg); }

.select-box .insub { position: absolute; top: 40px; width: 100%; background: #fff; display: none; z-index: 10; height: 160px; overflow-y: auto; -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.1); box-shadow: 0 0 5px rgba(0, 0, 0, 0.1); }

.select-box .insub a { display: block; padding: 10px 20px; }

.select-box .insub a:hover { background: #E60012; color: #fff; }

.download-center ul { padding-bottom: 10px; }

.download-center ul li { margin-bottom: 26px; }

.download-center ul li a { display: block; color: #333333; font-size: 16px; line-height: 34px; }

.download-center ul li a.dowmtext { position: relative; padding-right: 30px; white-space: nowrap; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; height: 34px; line-height: 34px; }

.download-center ul li a.dowmtext:after { content: ""; position: absolute; display: block; margin-left: 0; display: inline-block; vertical-align: middle; width: 18px; height: 18px; background-repeat: no-repeat; -moz-background-size: auto 18px; -o-background-size: auto 18px; background-size: auto 18px; right: 10px; top: 8px; }

.download-center ul li .download-btn { float: right; width: 60px; height: 34px; -webkit-box-shadow: 1px 2px 5px rgba(0, 0, 0, 0.1); -moz-box-shadow: 1px 2px 5px rgba(0, 0, 0, 0.1); box-shadow: 1px 2px 5px rgba(0, 0, 0, 0.1); display: block; background-image: url(../img/load.png); background-position: center center; background-repeat: no-repeat; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }

.download-center ul li:nth-child(5n) { border-bottom: 1px dashed #CCCCCC; padding-bottom: 26px; }

.selectcity-box .ps__thumb-y{background:#E60012;}


.netaddress-list ul li .add-con h4 a{float:right;border:1px solid #165DA4;padding:0 12px;display:inline-block;font-size:12px;color:#165DA4;border-radius:10px;}
@media (min-width: 640px) { .m-column-banner img, .moretech-box dl dt img { left: 0; width: 100%; -webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; transform: none; height: auto; }
  .choose-list li { width: 33.33%; }
  .honors-item { width: 25%; }
  .honors-year { max-width: none; width: 100px; }
  .honors-swiper ul li { width: 25%; }
  .carframe-list li { float: left; width: 50%; padding: 0 5% 0 0; }
  .carframe-list li:nth-child(even) { float: right; text-align: right; padding: 0 0 0 5%; }
  .carframe-list li:nth-child(2n+1) { clear: left; }
  .material-nav{text-align:center;}

}

@media (min-width: 768px) { .deatils-box li .prodeal-img { padding: 0; }
  .deatils-box li .prodeal-text { padding: 4% 0 4% 5%; }
  .deatils-box li:nth-child(even) .prodeal-img { float: right; }
  .deatils-box li:nth-child(even) .prodeal-text { padding: 4% 5% 4% 0; }
  .frameimg { float: left; width: 44%; padding-bottom: 0; }
  .m-frame-table { float: left; width: 56%; padding-left: 24px; }
  .table-box td { padding-left: 30px; }
  .table-box tbody tr td { padding-left: 26px; }
  .photos-wrap { padding: 0 40px; }
  .photos-swiper ul li { width: 33.3%; margin-right: 20px; }
  .photos-swiper ul li a { overflow: hidden; }
  .photos-swiper ul li a img { -webkit-transition: transform ease 0.7s; -moz-transition: transform ease 0.7s; -o-transition: transform ease 0.7s; -webkit-transition: -webkit-transform ease 0.7s; transition: -webkit-transform ease 0.7s; -o-transition: -o-transform ease 0.7s; -moz-transition: transform ease 0.7s, -moz-transform ease 0.7s; transition: transform ease 0.7s; transition: transform ease 0.7s, -webkit-transform ease 0.7s, -moz-transform ease 0.7s, -o-transform ease 0.7s; }
  .photos-swiper ul li a:hover img { -webkit-transform: scale(1.03, 1.03); -moz-transform: scale(1.03, 1.03); -ms-transform: scale(1.03, 1.03); -o-transform: scale(1.03, 1.03); transform: scale(1.03, 1.03); }
  .photos-swiper ul li a h4 { bottom: 20px; font-size: 16px; padding: 0 20px; }
  .photos-swiper ul li a:hover .slideDown-caption { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
  .photos-swiper ul li a:hover h4 { -webkit-transform: translateY(100%); -moz-transform: translateY(100%); -ms-transform: translateY(100%); -o-transform: translateY(100%); transform: translateY(100%); opacity: 0; }
  .banner-btn { width: 50px; height: 50px; }
  .banner-btn:after { width: 30px; height: 30px; top: 11px; left: 8px; }
  .banner-btn.banner-right:after { left: 12px; }
  .banner-btn:hover:after { border-color: #E60012; }
  .related-swiper ul li { width: 33.3%; }
  .change-address { padding-right: 140px; }
  .address-search { position: absolute; top: 7px; right: 0; }
  .store-network-top .address-search { position: relative; }
  .store-network-top .change-address { padding-right: 0; }
  .netaddress-list ul li .add-con { padding-right: 30px; }
  /* 视频播放*/
  .tianjiatvwrap { width: 660px; left: 50%; margin-left: -330px; margin-top: 0; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); }
  .tianjiatvwrap .videobox { height: 400px; }
  /*赛事新闻*/
  .event-activity { margin-bottom: 20px; }
  .newsbox-list li { padding: 0 0 30px 226px; min-height: 120px; margin-bottom: 30px; overflow: hidden; }
  .newsbox-list li img { -webkit-transition: transform ease 0.7s; -moz-transition: transform ease 0.7s; -o-transition: transform ease 0.7s; -webkit-transition: -webkit-transform ease 0.7s; transition: -webkit-transform ease 0.7s; -o-transition: -o-transform ease 0.7s; -moz-transition: transform ease 0.7s, -moz-transform ease 0.7s; transition: transform ease 0.7s; transition: transform ease 0.7s, -webkit-transform ease 0.7s, -moz-transform ease 0.7s, -o-transform ease 0.7s; }
  .newsbox-list li:hover img { -webkit-transform: scale(1.03, 1.03); -moz-transform: scale(1.03, 1.03); -ms-transform: scale(1.03, 1.03); -o-transform: scale(1.03, 1.03); transform: scale(1.03, 1.03); }
  .newsbox-list li a .newsbox-left { width: 207px; height: 120px; }
  .newsbox-list li a .newsbox-right { padding: 13px 0 0; }
  .newsbox-list li a .newsbox-right h4 { font-size: 18px; margin-bottom: 15px; }
  .newsbox-list li a .newsbox-right .news-date { margin-bottom: 10px; }
  .newsbox-list li a:hover h4 { color: #d42614; }
  .num-list { padding-top: 100px; padding-bottom: 100px; }
  .num-list ul { margin-left: -8%; }
  .num-list ul li { border-right: 1px solid #6197CC; padding-bottom: 0; }
  .num-list ul li .num { font-size: 60px; line-height: 60px; margin-bottom: 8px; }
  .num-list ul li .num-box { display: inline-block; text-align: left; }
  .num-list ul li:last-child { border-right: 0; }
  .choose-item { float: none; }
  .choose-list { padding-top: 40px; float: none; }
  .choose-list .item { float: none; display: inline-block; vertical-align: bottom; }
  .choose-list li { float: none; width: 100%; }
  .m-broadcast { padding: 0 40px; }
  .structure-list dl dt img { left: 0; -webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; transform: none; height: auto; max-width: 100%; }
  .structure-list dl:nth-child(even) dt img { left: 0; }
  .structure-list { padding-top: 55px; padding-bottom: 60px; }
  .structure-list dl dt { width: 73%; }
  .structure-list dl dd { position: absolute; right: 0; top: 0; padding: 0; text-align: right; margin-top: 18%; max-width: 600px; width: 50%; }
  .structure-list dl:nth-child(even) { margin-left: 0; }
  .structure-list dl:nth-child(even) dt { text-align: right; float: right; }
  .structure-list dl:nth-child(even) dd { left: 0; right: auto; text-align: left; margin-top: 7%; }
  .structure-list dl:nth-child(2) dd { margin-top: 7%; }
  .structure-box ul li { width: 20%; }
  .moretech-twobox { padding: 30px 0 0; }
  .wheel-group { padding-top: 48px; }
  .wheel-group dt { float: left; width: 50%; }
  .wheel-group dd { float: right; width: 50%; padding-left: 50px; margin-top: 4%; }
  .wheel-group dd .groupimg { margin-bottom: 12px; }
  .wheel-group dd .groupimg img { height: 95px; }
  .wheel-group dd:before { width: 30px; height: 1px; left: 10px; top: 80px; opacity: 1; }
  .moretech-list:nth-child(even) .wheel-group dt { float: right; }
  .moretech-list:nth-child(even) .wheel-group dd { float: left; padding: 0 50px 0 0; text-align: right; }
  .moretech-list:nth-child(even) .wheel-group dd:before { left: auto; right: 10px; }
  .factory-list { position: relative; width: 100%; }
  .factory-list li { width: 25%; padding: 3px; position: absolute; float: none; }
  .factory-list li a { display: block; position: relative; overflow: hidden; overflow: hidden; }
  .factory-list li a img { -webkit-transition: transform ease 0.7s; -moz-transition: transform ease 0.7s; -o-transition: transform ease 0.7s; -webkit-transition: -webkit-transform ease 0.7s; transition: -webkit-transform ease 0.7s; -o-transition: -o-transform ease 0.7s; -moz-transition: transform ease 0.7s, -moz-transform ease 0.7s; transition: transform ease 0.7s; transition: transform ease 0.7s, -webkit-transform ease 0.7s, -moz-transform ease 0.7s, -o-transform ease 0.7s; }
  .factory-list li a:hover img { -webkit-transform: scale(1.03, 1.03); -moz-transform: scale(1.03, 1.03); -ms-transform: scale(1.03, 1.03); -o-transform: scale(1.03, 1.03); transform: scale(1.03, 1.03); }
  .factory-list li a:before { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; position: absolute; height: 100%; left: 0; top: 0; width: 100%; }
  .factory-list li a img { display: block; width: 100%; }
  .factory-list li a .more-hover { background: rgba(0, 144, 255, 0.9); }
  .factory-list li a:hover .more-hover { opacity: 1; }
  .factory-list li a:hover .more-hover .more-icon, .factory-list li a:hover .more-hover i { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
  .factory-list li:nth-child(3) { width: 50%; margin: 0 auto; position: static; }
  .factory-list li:nth-child(1) { left: 0; top: 0; }
  .factory-list li:nth-child(2) { right: 0; top: 0; }
  .factory-list li:nth-child(4) { left: 0; bottom: 0; }
  .factory-list li:nth-child(5) { right: 0; bottom: 0; }
  .contact-left { float: left; width: 40%; padding-right: 20px; }
  .contact-right { float: left; width: 60%; }
  .contactmap { height: 355px; }
  .contactmap img { max-width: none; }
  .contn-way { font-size: 18px; }
  .contact-title { font-size: 20px; margin-bottom: 10px; }
  .contact-bottom ul { text-align: left; }

  .netaddress-list ul li .add-con h4 a{display:none;}
}

@media (min-width: 992px) { .honors-wrap { height: 540px; }
  .honors-wrap .commonweb { padding-top: 50px; padding-bottom: 50px; }
  .honors-year { width: 110px; height: 110px; position: absolute; padding: 28px 10px; }
  .honors-item:nth-child(1) .honors-year { top: 50px; left: 6.6%; }
  .honors-item:nth-child(2) .honors-year { top: 200px; left: 19%; }
  .honors-item:nth-child(3) .honors-year { top: 50px; left: 19%; }
  .honors-item:nth-child(4) .honors-year { top: 200px; left: 31.66%; }
  .honors-item:nth-child(5) .honors-year { top: 200px; left: 44.16%; }
  .honors-item:nth-child(6) .honors-year { top: 50px; left: 44.16%; }
  .honors-item:nth-child(7) .honors-year { top: 350px; left: 56.66%; }
  .honors-item:nth-child(8) .honors-year { top: 200px; left: 56.66%; }
  .honors-item:nth-child(9) .honors-year { top: 50px; left: 56.66%; }
  .honors-item:nth-child(10) .honors-year { top: 200px; left: 69.16%; }
  .honors-item:nth-child(11) .honors-year { top: 200px; left: 81.66%; }
  .moretech-box { padding-top: 80px; }
  .moretech-box .moretech-item { margin-bottom: 25px; }
  .moretech-box dl dt { text-align: right; }
  .moretech-box dl dt img { height: 403px; width: auto; }
  .moretech-box dl dd { position: absolute; left: 0; top: 0; }
  .history-swiper ul { height: 500px; }
  .history-swiper ul li { height: 388px; }
  .history-img { float: left; width: 26%; }
  .pl30 { padding-left: 33px; }
  .history-con { float: left; width: 74%; padding: 0 0 0 40px; }
  .history-con .his-date { font-size: 30px; }
  .history-yearwrap { display: block; }
  .history-datebox ul li { font-size: 24px; }
  .history-btn { display: block; } }

@charset "UTF-8";
@media (min-width: 1024px) {
     header { 
   position: fixed; top: 0; left: 0; 
   -webkit-transition: -webkit-transform .3s ease;
    transition: -webkit-transform .3s ease;
    -ms-transition: -webkit-transform .3s ease;
    -moz-transition: -webkit-transform .3s ease;
    
}
  body { padding-top: 80px; }
  .main-header-hidden {
    -webkit-transform: translateY(-100x);
    -ms-transform: translateY(-100px);
    transform: translateY(-100px);
    -o-transform: translateY(-100px);
    -moz-transform: translateY(-100px);
    opacity:0;
}
  /*头部*/
  .logo { width: 20%; padding-top: 32px; }
  .logo img { height: 21px; }
  .header-nav { float: right; position: static; top: auto; padding-bottom: 0; width: auto; border-top: 0; overflow-y: inherit; display: block; }
  nav { float: left; }
  nav ul li { float: left; margin: 0 0 0 20px; position: relative; border-bottom: 0; padding: 0;position:static; }
  nav ul li h4 a { height: 80px; line-height: 80px; padding: 0; }
  nav ul li.li1.cur h4 a,nav ul li.li1:hover h4 a  { color: #C60007; }
  nav ul li.li1.cur h4 a:before { width: 100%; }
  nav ul li.activehook { position: absolute; top: 0; height: 16px; background: #E60012; display: block; }
  .header-right { float: right; padding-top: 30px; text-align: left;display:block; }
  .header-right .return-company { -webkit-transition: all .3s; -o-transition: all .3s; -moz-transition: all .3s; transition: all .3s; }
  .header-right .return-company:hover { background: #055093; }
  nav ul li:nth-child(1) { position: static; }
  .sub-nav { position: absolute; top: 80px; left: 0; width: 100%; background: #fff; border-top: 1px solid #DDDDDD; padding: 0; z-index: 99; }
  .product-subnav dl { float: left; width: 16.66%; text-align: center; padding: 20px 0 40px; overflow: hidden; }
  .product-subnav dl:hover img { -webkit-transform: scale(1.03, 1.03); -moz-transform: scale(1.03, 1.03); -ms-transform: scale(1.03, 1.03); -o-transform: scale(1.03, 1.03); transform: scale(1.03, 1.03); }
  .product-subnav dl img { -webkit-transition: transform ease 0.7s; -moz-transition: transform ease 0.7s; -o-transition: transform ease 0.7s; -webkit-transition: -webkit-transform ease 0.7s; }
  .product-subnav dl dt { position: static; }
  .product-subnav dl dt a img { max-width: 100%; margin: 0 auto; width: auto; }
  .product-subnav dl dd { padding-top: 0; }
  .product-subnav dl:hover dd a { color: #e60012; }
  .mobnav-btn { display: none; }
  .moblie-right { display: none; }
  .language { display: block; }
  .language a:hover { color: #E60012; }
  .m-smallnav { border-top: none; width: 150px; left: 50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); text-align: center; padding:10px 0 15px;}
  .m-smallnav a { display: block; padding: 15px 0;position:relative; }
  .m-smallnav a:before{ content: ""; width:4px;height:6px;display:block;background:url(../img/arrorleft.png) 0 center no-repeat;position:absolute;left:30px;top:22px;opacity:0; -webkit-transition: all ease 0.7s; -moz-transition:all ease 0.7s; -o-transition: all ease 0.7s; -webkit-transition: all ease 0.7s;}
  .m-smallnav a:hover { color: #e60012; }
  .m-smallnav a:hover:before{opacity:1;}
  .arrorright-btn { display: none; }
  /*首页导航*/
  .indexbody .inlogo { display: none; }
  .indexbody .indexlogo { display: block; }
  .indexbody .header-box { position: absolute; width: 100%; left: 0; top: 0; }
  .indexbody .header-nav { background: none; }
  .indexbody .header-nav nav ul li h4 a { color: #fff; }
  .indexbody .header-right .lange { color: #fff; }
  /*导航公共部分*/
  .column-nav { border-bottom: 1px solid #EEEEEE; }
  .mpage-subnav { float: left; width: 60%; }
  .mpage-subnav ul li { display: inline-block; height: 74px; line-height: 74px; padding-right: 28px; border-bottom: 0; }
  .mpage-subnav ul li a.a1 { padding: 0; }
  .mpage-subnav ul li.cur .a1:before, .mpage-subnav ul li:hover .a1:before { width: 100%; }
  .mpage-subnav ul li.activehook { position: absolute; height: 2px; bottom: 0; left: 0; background: #cb000a; }
  .m-searchbox { padding: 20px 124px 20px 0; float: right; width: 32.5%; }
  .m-searchbox .search-text { padding-left: 28px; }
  .three-nav { position: absolute; width: 100%; left: 0; top: 74px; font-size: 0; line-height: 0; padding: 27px 0; }
  .three-nav a { padding: 0 15px; display: inline-block; }
  .three-nav a:nth-child(1) { padding-left: 0; }
  .three-nav a:nth-child(1):after { opacity: 0; }
  .three-nav a:hover, .three-nav a.cur { color: #cb000a; }
  .plus.icon { opacity: 0; display: none; }
  .container-fluid { padding-top: 48px; padding-bottom: 50px; }

  .facet-wrapper { float: left; width: 245px; border: 1px solid #E5E5E5; display: none; margin: 0; }
  .facet-wrapper.showed + .product-list-box { float: left; padding-left: 50px; width: -webkit-calc(100% - 245px); width: -moz-calc(100% - 245px); width: calc(100% - 245px); }
  .product-item { padding-bottom: 40px; }
  .product-tit { font-size: 20px; }
  .footer-nav { padding: 50px 0 28px; }
  .footer-nav li { float: left; padding-right: 7%; }
  .footer-nav li h4 { margin-bottom: 20px; padding: 0; border-bottom: 0; }
  .footer-nav li.li2 { float: right; text-align: right; padding: 0; }
  .footer-nav li.li2 .teltext { padding-bottom: 30px; }
  .footer-sub { padding-top: 0; }
  .footer-sub a:hover { color: rgba(255, 255, 255, 0.5); }
  .follow-us { padding-top: 25px; }
  .follow-us a { margin: 0 0 0 16px; }
  .follow-us a:hover { opacity: .9;}
 
  /*动画*/
  .animated { -webkit-animation-duration: 1.2s; -moz-animation-duration: 1.2s; -o-animation-duration: 1.2s; animation-duration: 1.2s; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; -o-animation-fill-mode: both; animation-fill-mode: both; }
  .animated.infinite { -webkit-animation-iteration-count: infinite; -moz-animation-iteration-count: infinite; -o-animation-iteration-count: infinite; animation-iteration-count: infinite; }
  .animated.hinge { -webkit-animation-duration: 2s; -moz-animation-duration: 2s; -o-animation-duration: 2s; animation-duration: 2s; }
  @-webkit-keyframes fadeInUp { 0% { opacity: 0;
      -webkit-transform: translateY(40px);
      transform: translateY(40px); }
    100% { opacity: 1;
      -webkit-transform: translateY(0);
      transform: translateY(0); } }
  @-moz-keyframes fadeInUp { 0% { opacity: 0;
      -webkit-transform: translateY(40px);
      -moz-transform: translateY(40px);
      transform: translateY(40px); }
    100% { opacity: 1;
      -webkit-transform: translateY(0);
      -moz-transform: translateY(0);
      transform: translateY(0); } }
  @-o-keyframes fadeInUp { 0% { opacity: 0;
      -webkit-transform: translateY(40px);
      -o-transform: translateY(40px);
      transform: translateY(40px); }
    100% { opacity: 1;
      -webkit-transform: translateY(0);
      -o-transform: translateY(0);
      transform: translateY(0); } }
  @keyframes fadeInUp { 0% { opacity: 0;
      -webkit-transform: translateY(40px);
      -moz-transform: translateY(40px);
      -o-transform: translateY(40px);
      transform: translateY(40px); }
    100% { opacity: 1;
      -webkit-transform: translateY(0);
      -moz-transform: translateY(0);
      -o-transform: translateY(0);
      transform: translateY(0); } }
  .fadeInUp { -webkit-animation-name: fadeInUp; -moz-animation-name: fadeInUp; -o-animation-name: fadeInUp; animation-name: fadeInUp; }
  @-webkit-keyframes fadeDown { 0% { opacity: 0;
      -webkit-transform: translateY(-40px);
      transform: translateY(-40px); }
    100% { opacity: 1;
      -webkit-transform: translateY(0);
      transform: translateY(0); } }
  @-moz-keyframes fadeDown { 0% { opacity: 0;
      -webkit-transform: translateY(-40px);
      -moz-transform: translateY(-40px);
      transform: translateY(-40px); }
    100% { opacity: 1;
      -webkit-transform: translateY(0);
      -moz-transform: translateY(0);
      transform: translateY(0); } }
  @-o-keyframes fadeDown { 0% { opacity: 0;
      -webkit-transform: translateY(-40px);
      -o-transform: translateY(-40px);
      transform: translateY(-40px); }
    100% { opacity: 1;
      -webkit-transform: translateY(0);
      -o-transform: translateY(0);
      transform: translateY(0); } }
  @keyframes fadeDown { 0% { opacity: 0;
      -webkit-transform: translateY(-40px);
      -moz-transform: translateY(-40px);
      -o-transform: translateY(-40px);
      transform: translateY(-40px); }
    100% { opacity: 1;
      -webkit-transform: translateY(0);
      -moz-transform: translateY(0);
      -o-transform: translateY(0);
      transform: translateY(0); } }
  .fadeDown { -webkit-animation-name: fadeDown; -moz-animation-name: fadeDown; -o-animation-name: fadeDown; animation-name: fadeDown; }
  @-webkit-keyframes fadeLeft { 0% { opacity: 0;
      -webkit-transform: translateX(-100%);
      transform: translateX(-100%); }
    100% { opacity: 1;
      -webkit-transform: translateX(0);
      transform: translateX(0); } }
  @-moz-keyframes fadeLeft { 0% { opacity: 0;
      -webkit-transform: translateX(-100%);
      -moz-transform: translateX(-100%);
      transform: translateX(-100%); }
    100% { opacity: 1;
      -webkit-transform: translateX(0);
      -moz-transform: translateX(0);
      transform: translateX(0); } }
  @-o-keyframes fadeLeft { 0% { opacity: 0;
      -webkit-transform: translateX(-100%);
      -o-transform: translateX(-100%);
      transform: translateX(-100%); }
    100% { opacity: 1;
      -webkit-transform: translateX(0);
      -o-transform: translateX(0);
      transform: translateX(0); } }
  @keyframes fadeLeft { 0% { opacity: 0;
      -webkit-transform: translateX(-100%);
      -moz-transform: translateX(-100%);
      -o-transform: translateX(-100%);
      transform: translateX(-100%); }
    100% { opacity: 1;
      -webkit-transform: translateX(0);
      -moz-transform: translateX(0);
      -o-transform: translateX(0);
      transform: translateX(0); } }
  .fadeLeft { -webkit-animation-name: fadeLeft; -moz-animation-name: fadeLeft; -o-animation-name: fadeLeft; animation-name: fadeLeft; }
  @-webkit-keyframes fadeRight { 0% { opacity: 0;
      -webkit-transform: translateX(100%);
      transform: translateX(100%); }
    100% { opacity: 1;
      -webkit-transform: translateX(0);
      transform: translateX(0); } }
  @-moz-keyframes fadeRight { 0% { opacity: 0;
      -webkit-transform: translateX(100%);
      -moz-transform: translateX(100%);
      transform: translateX(100%); }
    100% { opacity: 1;
      -webkit-transform: translateX(0);
      -moz-transform: translateX(0);
      transform: translateX(0); } }
  @-o-keyframes fadeRight { 0% { opacity: 0;
      -webkit-transform: translateX(100%);
      -o-transform: translateX(100%);
      transform: translateX(100%); }
    100% { opacity: 1;
      -webkit-transform: translateX(0);
      -o-transform: translateX(0);
      transform: translateX(0); } }
  @keyframes fadeRight { 0% { opacity: 0;
      -webkit-transform: translateX(100%);
      -moz-transform: translateX(100%);
      -o-transform: translateX(100%);
      transform: translateX(100%); }
    100% { opacity: 1;
      -webkit-transform: translateX(0);
      -moz-transform: translateX(0);
      -o-transform: translateX(0);
      transform: translateX(0); } }
  .fadeRight { -webkit-animation-name: fadeRight; -moz-animation-name: fadeRight; -o-animation-name: fadeRight; animation-name: fadeRight; }
  @-webkit-keyframes fadeIn { 0% { opacity: 0; }
    100% { opacity: 1; } }
  @-moz-keyframes fadeIn { 0% { opacity: 0; }
    100% { opacity: 1; } }
  @-o-keyframes fadeIn { 0% { opacity: 0; }
    100% { opacity: 1; } }
  @keyframes fadeIn { 0% { opacity: 0; }
    100% { opacity: 1; } }
  .fadeIn { -webkit-animation-name: fadeIn; -moz-animation-name: fadeIn; -o-animation-name: fadeIn; animation-name: fadeIn; }

  @-webkit-keyframes translatefaIn {
		0% {
		opacity:1;
		-webkit-transform:scale3d(.9,.9,.9);
		transform:scale3d(.9,.9,.9);
		}
		100% {
		opacity:1;
		-webkit-transform:translate3d(0,0,0);
		transform:translate3d(0,0,0);
		}
		}
		@keyframes translatefaIn {
		0% {
		opacity:1;
		-webkit-transform:scale3d(.9,.9,.9);
		transform:scale3d(.9,.9,.9);
		}
		100% {
		opacity:1;
		-webkit-transform:translate3d(0,0,0);
		transform:translate3d(0,0,0);
		}
	}
	.translatefaIn {
		-webkit-animation-name: translatefaIn;
		animation-name: translatefaIn;
	}
    	
	

  /*产品详情*/
  .product-details-nav.addfixed { top: 0; }
  .details-scroll a { padding: 10px 30px; }
  .details-scroll a:hover { color: #333333; }
  .product-comparing { padding: 7% 0 5.5%; }
  .compare-left { float: left; width: 34%; max-width: 400px; }
  .color-box { padding: 15% 0 0; }
  .color-list a:hover:before { opacity: 1; }
  .color-list a:hover i { opacity: 1; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); }
  .compare-right-img { padding: 0 60px 0 0; float: right; width: 60%; position: relative;max-height:522px;overflow:hidden; }
  .compare-btn:hover { -webkit-transform: translateY(-10px); -moz-transform: translateY(-10px); -ms-transform: translateY(-10px); -o-transform: translateY(-10px); transform: translateY(-10px); color: #E60012; }
  .product-simple { margin: 0 auto 58px; }
  .m-propage-title { font-size: 24px; margin-bottom: 26px; }
  .closebtn { width: 50px; height: 50px; top: 40px; right: 3%; }
  .closebtn:after, .closebtn:before { left: 15px; }
  .procut-btn { display: block; }
  .procut-left { left: 3%; }
  .procut-right { right: 3%; }
  .selectcity-box { width: 61%; float: left; }
  .change-address { padding-right: 13px; }
  .select-item { margin-bottom: 0; }
  .address-search { right: -137px; }
  .address-list ul li .ad-tel { display: inline-block; width: 180px; float: left; }
  .address-list ul li .ad-address { display: inline-block; }
  .map { margin: 76px 0 0; float: left; width: 39%; padding-left: 18px; }
  .related-swiper ul li { width: 20%; }
  .related-products { padding: 0 40px; }
  .return-list a { display: block; height: 50px; line-height: 50px; }
  .return-list a:hover { background: #165DA4; color: #fff; }
  .column-titbox { font-size: 30px; line-height: 40px; }
  .column-titbox h4 { font-size: 34px; }
  .pb5 { padding-bottom: 5px; }
  /*产品详情*/
  .product-deatils { padding-bottom: 50px; }
  .proimg-left { float: left; width: 50%; }
  .proimg-left .indexbannerindeo { opacity: 0; }
  .product-btn { display: block; }
  .smalllist { display: block; }
  .productcon-right { float: left; width: 50%; padding: 5% 0 0 5%; }
  .prodct-title { font-size: 24px; padding-bottom: 22px; }
  .pro-price { margin-bottom: 15px; }
  .pro-price em { font-size: 30px; padding-left: 32px; line-height: 30px; }
  .character { padding-left: 80px; }
  /*天猫旗舰店*/
  .stores-tmall { margin-bottom: 40px; padding-bottom: 38px; }
  .stores-en { font-size: 34px; line-height: 34px; }
  .stores-cn { font-size: 20px; color: #4f4b51; }
  .stores-list ul li { margin-bottom: 40px; }
  .stores-list ul li .stores-buy { width: 130px; }
  .stores-list ul li .stores-buy:hover { color: #e60012; }
  .stores-list ul li:last-child { margin-bottom: 40px; }
  .store-network-top { padding-top: 0; }
  .store-network-top .network-search { padding: 36px 30px; }
  .store-network-top .selectcity-box { padding: 0 140px 0 170px; }
  .store-network-top .netsearch-text { position: absolute; left: 0; top: 20px; font-size: 18px; }
  .store-network-top .select-item { background-position: 95% center; width: 28%; margin-right: 1.6%; }
  .store-network-top .select-item select, .store-network-top .select-item input { height: 60px; }
  .store-network-top .select-item.city-mr0 { margin-right: 1.6%; }
  .store-network-top .selectlast { width: 40%; }
  .store-network-top .address-search { position: absolute; top: 0; width: 128px; height: 69px; }
  .store-network-top .address-search input { height: 58px; }
  .store-network-bottom { padding: 20px 0 50px; }
  .netaddress-list { float: left; width: 38%; height: 550px; max-height: none; margin-bottom: 0; }
  .netaddress-list ul li { padding: 22px 22px 22px 30px; }
  .netaddress-list ul li .add-con { float: left; width: 66%; }
  .netaddress-list ul li .add-con h4 { font-size: 18px; margin-bottom: 10px; }
  .netaddress-list ul li .add-img { float: left; width: 34%; }
  .netaddress-list ul li:hover { background: #297DE5; color: #fff; }
  .netaddress-list ul li:hover .add-con h4 { color: #fff; }
  .netmap-wrap { float: right; width: 62%; height: 550px; padding-left: 16px; }
  .netmap-wrap #allmap { height: 550px; }
  .netmap-wrap #allmap img { max-width: none; }
  .product-table table tr td { padding: 15px 0 15px 40px; }
  .product-table table tr td.td1 { max-width: 115px;width:10%; }
  .product-table table tr td.td2 { width: 30%; padding-left: 90px; }
   .product-table table tr td.td3{width: 30%; padding-left:65px;}
  .compareimg-box { padding: 35px 0; }
  .compareimg-box img { height: 145px; }
  .compareimg-box:hover { color: #084ea5; }
  .inbanner-more { padding-top: 50px; -webkit-transition: all .3s; -o-transition: all .3s; -moz-transition: all .3s; transition: all .3s; }
  .inbanner-more:hover { -webkit-transform: translateY(-5px); -moz-transform: translateY(-5px); -ms-transform: translateY(-5px); -o-transform: translateY(-5px); transform: translateY(-5px); }
  /*新闻详情*/
  .news-left { float: left; width: 60%; }
  .topnews-list ul li { overflow: hidden; }
  .topnews-list ul li img { -webkit-transition: transform ease 0.7s; -moz-transition: transform ease 0.7s; -o-transition: transform ease 0.7s; -webkit-transition: -webkit-transform ease 0.7s; transition: -webkit-transform ease 0.7s; -o-transition: -o-transform ease 0.7s; -moz-transition: transform ease 0.7s, -moz-transform ease 0.7s; transition: transform ease 0.7s; transition: transform ease 0.7s, -webkit-transform ease 0.7s, -moz-transform ease 0.7s, -o-transform ease 0.7s; }
  .topnews-list ul li:hover img { -webkit-transform: scale(1.03, 1.03); -moz-transform: scale(1.03, 1.03); -ms-transform: scale(1.03, 1.03); -o-transform: scale(1.03, 1.03); transform: scale(1.03, 1.03); }
  .topnews-list .in-dot { padding-right: 20px; bottom: 26px; }
  .newsrom-box { height: 60px; line-height: 60px; }
  .newsrom-box h4 { padding: 0 20px; font-size: 16px; }
  .newsrom-box h4 .newsrom-title { height: 60px; line-height: 60px; max-width: 74%; }
  .newsrom-box h4 .newsrom-date { font-size: 14px; padding-left: 18px; }
  .newsbottom { padding-bottom: 60px; }
  .newsrom-right { float: left; width: 38.4%; background: #F8F8F8; margin-left: 1.6%; height: 418px; padding: 28px 18px; }
  .newsrom-right h3 { font-size: 20px; margin-bottom: 24px; }
  .newsrom-right ul li a:hover { color: #cb000a; }
  .newsrom-right .newsrom-more a:hover { color: #cb000a; }
  .new-fixed { height: 580px; }
  .newvideo-box { padding-top: 120px; margin-bottom: 66px; }
  .match-con { margin: -90px 0 0; padding: 40px 30px 40px 100px; min-height: 200px; }
  .match-con .icon-tablet { width: 70px; height: 87px; top: 40px; -moz-background-size: 70px auto; -o-background-size: 70px auto; background-size: 70px auto; }
  .match-con .right-con h4 { font-size: 20px; }
  .recommended-video { -webkit-transition: all .3s; -o-transition: all .3s; -moz-transition: all .3s; transition: all .3s; }
  .recommended-video:hover { -webkit-transform: translateY(-10px); -moz-transform: translateY(-10px); -ms-transform: translateY(-10px); -o-transform: translateY(-10px); transform: translateY(-10px); }
  .video-more a { -webkit-transition: all .3s; -o-transition: all .3s; -moz-transition: all .3s; transition: all .3s; }
  .video-more a:hover { color: #cb000a; }
  .newvideo-box ul { padding-top: 88px; }
  .newvideo-box ul li a .zoom img { -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, -webkit-transform 0.35s; -o-transition: opacity 0.35s, -o-transform 0.35s; -moz-transition: opacity 0.35s, transform 0.35s, -moz-transform 0.35s; transition: opacity 0.35s, transform 0.35s; transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s, -moz-transform 0.35s, -o-transform 0.35s;/* -webkit-transform: translate3d(0, -10px, 0); -moz-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); */}
  .newvideo-box ul li:hover a { color: #fff; }
  /*.newvideo-box ul li:hover .zoom img { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }*/
  .newvideo-box ul li:hover .match-con { background-image: url(../img/wicon20.png); }
  .newvideo-box ul li:hover .match-con .right-con h4 { color: #fff; }
  .newvideo-box ul li:hover .match-con .icon-tablet { background-position: 0 -87px; }
  .wonderful-atlas { margin-top: 66px; padding: 114px 0 88px; }
  .wonderful-atlas:before { height: 140px; }
  .wonderful-atlas .atlas-img { overflow: hidden; }
  .wonderful-atlas .atlas-img img { -webkit-transition: transform ease 0.7s; -moz-transition: transform ease 0.7s; -o-transition: transform ease 0.7s; -webkit-transition: -webkit-transform ease 0.7s; transition: -webkit-transform ease 0.7s; -o-transition: -o-transform ease 0.7s; -moz-transition: transform ease 0.7s, -moz-transform ease 0.7s; transition: transform ease 0.7s; transition: transform ease 0.7s, -webkit-transform ease 0.7s, -moz-transform ease 0.7s, -o-transform ease 0.7s; }
  .wonderful-atlas .atlas-img:hover img { -webkit-transform: scale(1.03, 1.03); -moz-transform: scale(1.03, 1.03); -ms-transform: scale(1.03, 1.03); -o-transform: scale(1.03, 1.03); transform: scale(1.03, 1.03); }
  .wonderful-atlas .atlas-more { width: 37.5%; }
  .wonderful-atlas .atlas-more:hover { -webkit-transform: translateX(10px); -moz-transform: translateX(10px); -ms-transform: translateX(10px); -o-transform: translateX(10px); transform: translateX(10px); }
  /* 视频播放*/
  .tianjiatvwrap { width: 700px; margin-left: -350px; }
  .tianjiatvwrap .videobox { height: 400px; }
  .newsbox-list { padding-bottom: 50px; }
  .news-deatils-top { padding: 0 0 30px; margin-bottom: 25px; }
  .news-deatils-top h1 { font-size: 26px; line-height: 36px; margin-bottom: 16px; }
  .news-deatils-top .newsdeatils-date { font-size: 28px; }
  .news-box { padding: 0 0 0 200px; }
  .news-deatils-con { padding-bottom: 50px; }
  .newsdeatils-bottom { padding: 45px 0; font-size: 14px; }
  .newsdeatils-bottom .return-list { top: 54px; }
  .newsdeatils-bottom .return-list { position: absolute; top: 46px; right: 0; width: 145px; height: 50px; line-height: 50px; margin: 0; }
  .newsdeatils-bottom .return-list:hover { background: #2481ED; }
  .left-share { display: block; }
  .commonDetailedContentsfoot dl dd { float: left; margin-bottom: 0; }
  .commonDetailedContentsfoot dl dt { float: right; }
  /*公司简介*/
  .about-pofile { padding-bottom: 50px; color: #aea9b0; }
  .since-en { font-size: 34px; }
  .since-title { font-size: 20px; padding-bottom: 24px; margin-bottom: 24px; }
  .about-left { float: left; width: 60%; }
  .about-right { float: left; width: 40%; padding-left: 4%; }
  .about-right .about-video { overflow: hidden; }
  .about-right .about-video img { -webkit-transition: transform ease 0.7s; -moz-transition: transform ease 0.7s; -o-transition: transform ease 0.7s; -webkit-transition: -webkit-transform ease 0.7s; transition: -webkit-transform ease 0.7s; -o-transition: -o-transform ease 0.7s; -moz-transition: transform ease 0.7s, -moz-transform ease 0.7s; transition: transform ease 0.7s; transition: transform ease 0.7s, -webkit-transform ease 0.7s, -moz-transform ease 0.7s, -o-transform ease 0.7s; }
  .about-right .about-video:hover img { -webkit-transform: scale(1.03, 1.03); -moz-transform: scale(1.03, 1.03); -ms-transform: scale(1.03, 1.03); -o-transform: scale(1.03, 1.03); transform: scale(1.03, 1.03); }
  .about-right .about-video .aboutvideo-btn { width: 70px; height: 70px; }
  /*公司简介*/
  .about-pofile { padding-bottom: 50px; }
  .about-fixed { height: 300px; }
  .about-fixed .scroll-layer { height: 300px; }
  .choose-xds { padding-top: 55px; padding-bottom: 60px; }
  .chooseen { font-size: 34px; line-height: 34px; }
  .choosecn { font-size: 20px; }
  .choose-list { padding-top: 40px; }
  .choose-list li { padding: 0 35px 22px 35px; overflow: hidden; }
  .choose-list li img { -webkit-transition: transform ease 0.7s; -moz-transition: transform ease 0.7s; -o-transition: transform ease 0.7s; -webkit-transition: -webkit-transform ease 0.7s; transition: -webkit-transform ease 0.7s; -o-transition: -o-transform ease 0.7s; -moz-transition: transform ease 0.7s, -moz-transform ease 0.7s; transition: transform ease 0.7s; transition: transform ease 0.7s, -webkit-transform ease 0.7s, -moz-transform ease 0.7s, -o-transform ease 0.7s; }
  .choose-list li:hover img { -webkit-transform: scale(1.03, 1.03); -moz-transform: scale(1.03, 1.03); -ms-transform: scale(1.03, 1.03); -o-transform: scale(1.03, 1.03); transform: scale(1.03, 1.03); }
  .choose-list li:hover { color: #0090FF; }
  .choose-list li:hover .zoom:after { opacity: 1; }
  .company-box { display: table; }
  .company-box dt, .company-box dd { display: table-cell; vertical-align: middle; }
  .company-box dt { width: 61%; }
  .company-box dd { width: 39%; padding: 25px; font-size: 13px; }
  .company-box dd h4 { font-size: 18px; margin-bottom: 20px; line-height: 26px; }
  .return-btn { margin-top: 18%; }
  .honors-year { width: 120px; height: 120px; -webkit-transition: all .3s; -o-transition: all .3s; -moz-transition: all .3s; transition: all .3s; }
  .honors-year:hover { background: #0090FF; color: #fff; }
  .honors-year:hover span { color: #fff; }
  .factory { padding-top: 38px; padding-bottom: 55px; }
  .technology-one { padding-top: 136px; padding-bottom: 58px; }
  .technology-two { padding-top: 136px; padding-bottom: 95px; }
  .technology-title { right: 40px; margin-top: -254px; max-width: 236px; }
  .leftposition { left: 40px; right: auto; }
  .carframe-title { font-size: 30px; line-height: 30px; margin-bottom: 35px; }
  .carframe-list { margin-top: 80px; }
  .carframe-list li { float: left; width: 50%; margin-bottom: 34px; padding: 0 20% 0 0; }
  .carframe-list li .iconframe img { height: 41px; }
  .carframe-list li:nth-child(even) { padding: 0 0 0 20%; }
  .carframe-list li:nth-child(2) { padding-top: 30px; }
  .carframe-list li:nth-child(4) { padding-top: 11%; }
  .carframe-list .carframeimg { position: absolute; width: 90%; text-align: center; top: 12px; left: 50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); z-index: 0; }
  .carframe-list .carframeimg p:after{animation: animtran 16s linear infinite; -webkit-animation: animtran 16s linear infinite;}
  .no-negative { margin-top: -86px; }
  .xdshrs-bg { min-height: 810px; }
  .xdsiconframe { padding: 28px 0 18px; }
  .xdshrs-item { float: left; width: 50%; margin-bottom: 20px; }
  .xdshrs-item h5 { margin-bottom: 10px; }
  .xdshrs-item:nth-child(odd) { padding-right: 60px; }
  .xdshrs-item:nth-child(2n+1) { clear: left; }
  .xds-btn { width: 50px; height: 50px; }
  .xds-btn:after { top: 15px; left: 16px; border-top: 10px solid transparent; border-bottom: 10px solid transparent; border-right: 10px solid #fff; }
  .xds-btn.xds-right { right: 0; left: auto; }
  .xds-btn.xds-right:after { border-right: 10px solid transparent; border-left: 10px solid #fff; left: 22px; }
  .structure-list { padding-top: 95px; padding-bottom: 0; }
  .structure-list dl { margin-bottom: 6%; }
  .structure-list dl dd { padding: 0 40px; margin-top: 18%; }
  .fs15 { font-size: 20px; margin-bottom: 18px; }
  .structure-swiper { margin-top: -60px; padding: 126px 0 0; }
  .structure-swiper ul li img { margin-bottom: 48px; }
  .structure-swiper ul li .max-widthbox br { display: block; }
  .structure-box { padding: 55px 0 35px; }
  .structure-box ul li { width: 14.28%; overflow: hidden; }
  .structure-box ul li img { -webkit-transition: transform ease 0.7s; -moz-transition: transform ease 0.7s; -o-transition: transform ease 0.7s; -webkit-transition: -webkit-transform ease 0.7s; transition: -webkit-transform ease 0.7s; -o-transition: -o-transform ease 0.7s; -moz-transition: transform ease 0.7s, -moz-transform ease 0.7s; transition: transform ease 0.7s; transition: transform ease 0.7s, -webkit-transform ease 0.7s, -moz-transform ease 0.7s, -o-transform ease 0.7s; }
  .structure-box ul li:hover img { -webkit-transform: scale(1.03, 1.03); -moz-transform: scale(1.03, 1.03); -ms-transform: scale(1.03, 1.03); -o-transform: scale(1.03, 1.03); transform: scale(1.03, 1.03); }
  .structure-box ul li .str-item .tureimg { width: 100px; height: 100px; }
  .structure-box ul li:hover .tureimg { border-color: #262FC8; }
  .structure-box ul li:hover .true-title { color: #0090ff; }
  .moretech-box { padding: 80px 0 92px; }
  .moretech-twobox { padding: 30px 0 0; }
  .moretech-list { padding-bottom: 150px; }
  .wheel-group { padding-top: 48px; }
  .wheel-group dt { width: 60%; padding: 2.3% 3%; }
  .wheel-group dd { width: 40%; padding-left: 150px; margin-top: 9%; }
  .wheel-group dd:before { width: 110px; left: 20px; top: 80px; }
  .moretech-list:nth-child(even) .wheel-group dt { float: right; }
  .moretech-list:nth-child(even) .wheel-group dd { float: left; padding: 0 136px 0 0; }
  .moretech-list:nth-child(even) .wheel-group dd:before { left: auto; right: 20px; }
  .tab-year a { width: 32%; max-width: 160px; height: 50px; line-height: 50px; font-size: 20px; }
  .tab-year a:hover { background: #e60012; color: #fff; }
  .inbanner-btn { -webkit-transition: all .6s; -o-transition: all .6s; -moz-transition: all .6s; transition: all .6s; -webkit-transform: translateX(-100%); -moz-transform: translateX(-100%); -ms-transform: translateX(-100%); -o-transform: translateX(-100%); transform: translateX(-100%); }
  .inbanner-btn.inbanner-right { -webkit-transform: translateX(100%); -moz-transform: translateX(100%); -ms-transform: translateX(100%); -o-transform: translateX(100%); transform: translateX(100%); }
  .inbanner-btn:hover { background-color: rgba(0, 0, 0, 0.2); }
  .banner:hover .inbanner-btn { -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); opacity: 1; }
  .banner .in-dot {  }
  .ub-scroll { width: 120px; height: 122px; top: -70px; }
  /*首页*/
  .index-culomnone { padding-top: 40px; }
  .culomnone-list ul { padding-bottom: 40px; }
  .culomnone-list ul li { width: 240px; opacity: .5; padding: 2% 0 10px; }
  .culomnone-list ul li a .prozoom { padding: 80px 0 60px; }
  .culomnone-list ul li a .prozoom em{position:absolute;bottom:20px;left:50%;transform:translateX(-50%);-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);opacity:0;z-index:4; -webkit-transition: all .6s; -o-transition: all .6s; -moz-transition: all .6s; transition: all .6s;}
  .culomnone-list ul li a .prozoom img { -webkit-transition: -webkit-transform ease 0.7s; transition: -webkit-transform ease 0.7s; -o-transition: -o-transform ease 0.7s; -moz-transition: transform ease 0.7s, -moz-transform ease 0.7s; transition: transform ease 0.7s; transition: transform ease 0.7s, -webkit-transform ease 0.7s, -moz-transform ease 0.7s, -o-transform ease 0.7s; max-width: 180px; }
  .culomnone-list ul li.cur { opacity: 1; }
  .culomnone-list ul li.cur .prozoom { padding-bottom: 20%; margin-bottom: 20px; }
  .culomnone-list ul li:hover .prozoom em{opacity:1;}
  .culomnone-list ul li.cur .prozoom img { -webkit-transform: scale(1.4); -moz-transform: scale(1.4); -ms-transform: scale(1.4); -o-transform: scale(1.4); transform: scale(1.4);position:relative;z-index:2; }
  .culomnone-list ul li.cur .prozoom .noline { opacity: 1; }
  .culomnone-list ul li.cur .prozoom .noline.nolinetb:after, .culomnone-list ul li.cur .prozoom .noline.nolinetb:before { width: 100%; opacity: 1; }
  .culomnone-list ul li.cur .prozoom .noline.nolinelr:after, .culomnone-list ul li.cur .prozoom .noline.nolinelr:before { height: 100%; opacity: 1; }

    .culomnone-list ul li a .prozoom em:hover{background:#E60012;color:#fff;border-color:#E60012;}
  .index-culomntwo { padding: 50px 0 70px; }
  .main-columnone { padding-bottom: 0; }
  .main-columnone ul li { padding: 0 8px 40px; overflow: hidden; }
  .main-columnone ul li img { -webkit-transition: transform ease 0.7s; -moz-transition: transform ease 0.7s; -o-transition: transform ease 0.7s; -webkit-transition: -webkit-transform ease 0.7s; transition: -webkit-transform ease 0.7s; -o-transition: -o-transform ease 0.7s; -moz-transition: transform ease 0.7s, -moz-transform ease 0.7s; transition: transform ease 0.7s; transition: transform ease 0.7s, -webkit-transform ease 0.7s, -moz-transform ease 0.7s, -o-transform ease 0.7s; }
  .main-columnone ul li:hover img { -webkit-transform: scale(1.03, 1.03); -moz-transform: scale(1.03, 1.03); -ms-transform: scale(1.03, 1.03); -o-transform: scale(1.03, 1.03); transform: scale(1.03, 1.03); }
  .main-columnone ul li a .column-box h4 { font-size: 18px; }
  .main-columnone ul li a .column-box h4:after { margin-top: 13px; }
  .main-columnone ul li a:hover .column-box { color: #e60012; }
  .main-columnone ul li a:hover .column-box h4 { color: #e60012; position: relative; }
  .maintitle { font-size: 24px; margin-bottom: 25px; }
  .maintitle a { float: right; }
  .maintitle a:hover { color: #e60012; }
  .main-columntwo ul { margin: 0 -30px; }
  .main-columntwo ul li { padding: 0 30px; border-right: 1px solid #EBEBEB; overflow: hidden; }
  .main-columntwo ul li img { -webkit-transition: transform ease 0.7s; -moz-transition: transform ease 0.7s; -o-transition: transform ease 0.7s; -webkit-transition: -webkit-transform ease 0.7s; transition: -webkit-transform ease 0.7s; -o-transition: -o-transform ease 0.7s; -moz-transition: transform ease 0.7s, -moz-transform ease 0.7s; transition: transform ease 0.7s; transition: transform ease 0.7s, -webkit-transform ease 0.7s, -moz-transform ease 0.7s, -o-transform ease 0.7s; }
  .main-columntwo ul li:hover img { -webkit-transform: scale(1.03, 1.03); -moz-transform: scale(1.03, 1.03); -ms-transform: scale(1.03, 1.03); -o-transform: scale(1.03, 1.03); transform: scale(1.03, 1.03); }
  .main-columntwo ul li:hover .maincolumn-box { border-color: rgba(0, 0, 0, 0); }
  .main-columntwo ul li:hover .maincolumn-box:after { width: 100%; opacity: 1; }
  .main-columntwo ul li:hover .maincolumn-box h4 { color: #e60012; }
  .contact-wrap { padding-top: 35px; padding-bottom: 40px; }
  .contact-list { padding: 60px 0 0; }
  .contact-list ul li a { display: block; border: 1px solid #E5E5E5; padding: 48px 30px; color: #9c999e; line-height: 24px; }
  .contact-list ul li a h4 { color: #4f4b51; font-size: 20px; position: relative; padding-bottom: 30px; margin-bottom: 20px; }
  .contact-list ul li a h4:after { content: ""; position: absolute; width: 30px; height: 4px; display: block; bottom: 0; background: #E60012; }
  .rightfixed { right: 24px; display:block;}
  .rightfixed a { width: 50px; height: 50px; padding: 10px 0 0; }
  .rightfixed a img { height: 20px; }
  .rightfixed a:hover img { -webkit-transform: translateX(-5px); -moz-transform: translateX(-5px); -ms-transform: translateX(-5px); -o-transform: translateX(-5px); transform: translateX(-5px); }

  .material-nav a.active,.material-nav a:hover { color: #E60012; }
  .material-nav.addfixed{margin-top:0;padding:10px 0;}


  /*新增二级导航*/
  .menu-content { padding-top: 40px; padding-bottom: 40px; }
  .menu-left { float: left; width: 15%; font-size: 16px; display: block; padding: 5% 0 0; }
  .menu-left h3 { font-size: 24px; margin-bottom: 20px; color: #165DA4; }
  .menu-right { border-left: 1px solid #2E75B6; float: left; width: 85%; padding-left: 10px; }
  .menu-item { float: left; width: 25%; padding: 0 10px; text-align: left; }
  .menu-item .menu-img { border: 1px solid #ccc; }
  .menu-item .menu-sub { text-align: left; padding: 0 0 0 10px; }
  .menu-item .menu-sub a { display: block; margin-bottom: 5px; color: #333; padding: 0; }
  .menu-item .menu-sub a:hover { color: #165DA4; }
  .menu-img { display: block; overflow: hidden; overflow: hidden; }
  .menu-img img { -webkit-transition: transform ease 0.7s; -moz-transition: transform ease 0.7s; -o-transition: transform ease 0.7s; -webkit-transition: -webkit-transform ease 0.7s; transition: -webkit-transform ease 0.7s; -o-transition: -o-transform ease 0.7s; -moz-transition: transform ease 0.7s, -moz-transform ease 0.7s; transition: transform ease 0.7s; transition: transform ease 0.7s, -webkit-transform ease 0.7s, -moz-transform ease 0.7s, -o-transform ease 0.7s; }
  .menu-img:hover img { -webkit-transform: scale(1.03, 1.03); -moz-transform: scale(1.03, 1.03); -ms-transform: scale(1.03, 1.03); -o-transform: scale(1.03, 1.03); transform: scale(1.03, 1.03); }
  .menu-img img { display: block; width: 100%; }
  .parts-menu-item { width: 33.3%; float: left; }
  .parts-menu-item .menu-img { float: left; width: 65%; padding: 10px 0 0 20px; background: #F2F4F6; display: block; }
  .parts-menu-item .menu-box { float: left; width: 30%; padding-left: 20px; }
  .parts-menu-item .menu-box a { color: #999; display: block; }
  .parts-menu-item .menu-box h5 { margin-bottom: 10px; }
  .parts-menu-item .menu-box h5 a { font-size: 16px; color: #333; }
  .parts-menu-item .menu-box .menu-sub a { margin-bottom: 5px; }
  .parts-menu-item .menu-box .menu-sub a:hover { color: #165DA4; }
  .columntit { font-size: 16px !important; margin-top: 20px; padding-left: 10px; }
  .columntit a { color: #333; position: relative; padding-right: 10px; display: inline-block !important; }
  .columntit a:after { content: ""; position: absolute; right: 0; top: 5px; width: 8px; height: 8px; display: block; border-left: 1px solid #165DA4; border-top: 1px solid #165DA4; -webkit-transform: rotate(135deg); -moz-transform: rotate(135deg); -ms-transform: rotate(135deg); -o-transform: rotate(135deg); transform: rotate(135deg); }
  .photos-big-list, .photos-big-wrap { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 99; }
  .photos-big-wrap { display: none; }
  .photos-big-wrap .banner-btn { z-index: 100; display: block; }
  .photos-big-list { overflow: hidden; }
  .feature-con { width: 35%; float: left; padding: 50px 20px 20px; }
  .srcoll-feature { height: 200px; }
  .feature-img { float: left; width: 65%; }
    .m-pt40 { padding-top: 48px; }
  .m-pt80 { padding-top: 80px; }

    /*资料下载*/
  .download-center ul { padding-bottom: 24px; }
  .download-center ul li { padding: 0 100px 0 50px; margin-bottom: 26px; }
  .download-center ul li a { font-size: 16px; line-height: 34px; }
  .download-center ul li a.dowmtext { -webkit-transition: all .3s; -o-transition: all .3s; -moz-transition: all .3s; transition: all .3s; }
  .download-center ul li:hover a { color: #cb000a; }
  .download-center ul li:hover .download-btn { background-color: #cb000a; background-image: url(../img/loadhover48.png); } 

}

@charset "UTF-8";
@media (min-width: 1180px) { .honors-year { width: 140px; height: 140px; background: #fff; -webkit-border-radius: 22%; -moz-border-radius: 22%; border-radius: 22%; text-align: center; padding: 38px 15px; color: #9c999e; position: absolute; line-height: 20px; }
  .honors-year span { font-size: 30px; }
  .menu-right { padding-left: 20px; }
  .menu-item { padding: 0 20px; }
  .feature-con { padding: 50px 40px; }

}

@media (min-width: 1260px) { .in-dot { text-align: right; bottom: 30px; }
  .compare-left { width: 40%; }
  .compare-left .pro-small { font-size: 18px; }
  .compare-left .pro-title { font-size: 60px; line-height: 60px; }
  /*产品详情*/
  .product-details-nav { padding: 35px 0; }
  .wonderful-atlas .atlas-img { width: 50%; margin: 0 0 0 12.5%; }
  /* 视频播放*/
  .tianjiatvwrap { width: 1000px; margin-left: -500px; }
  .tianjiatvwrap .videobox { height: 600px; }
  /*新闻详情*/
  .left-share .article-share.js-sharefix { position: fixed; left: 50%; margin-left: -590px; }
  .left-share .article-share.js-shareEnd { position: absolute; top: auto; bottom: 63px; }
  .left-share a { width: 73px !important; height: 73px !important; margin: 0 0 1px; }
  .about-right { padding-left: 9%; }
  .technology-title { right: 0; }
  .leftposition { left: 0; right: auto; }
  .history-btn { left: -50px; }
  .history-btn.history-right { right: -50px; left: auto; }
  .inbanner-btn { width: 80px; height: 80px; }
  .inbanner-btn:after { width: 38px; height: 38px; top: 22px; left: 28px; }
  .inbanner-btn.inbanner-right:after { left: 13px; }
  .lineleft{display:block;}
  .material-nav{padding:0;}
  .feature-con { padding: 8% 50px 20px; }
  .srcoll-feature { height: 200px; }
}

@media (min-width: 1366px) { .photos-big-wrap .banner-left { left: -60px; }
  .photos-big-wrap .banner-right { right: -60px; } }

@media (min-width: 1440px) { .structure-list dl { margin-left: -7%; }
  .structure-list dl:nth-child(even) { margin-right: -5%; }
  .moretech-box { padding-left: 68px; } }

/*搜索页*/
.searchcont401 { padding: 36px 0; background-color: #ffffff; background-repeat: no-repeat; background-position: center top; -moz-background-size: cover; -o-background-size: cover; background-size: cover; }

.searchtitle401 { padding: 28px 15px; background-color: #f2f2f2; }

.searchtitle401 span { color: #da251d; }

.resultlist401 { font-size: 13px; padding: 3% 0; }

.resultlist401 img { display: block; width: 100%; margin-bottom: 2%; }

.resultlist401 li { padding: 15px 0; border-top: 1px solid #d9d9d9; border-bottom: 1px solid #d9d9d9; margin-bottom: -1px; }

.resultlist401 h4 { font-size: 16px; line-height: 24px; margin-bottom: 3%; }

.resultlist401 h4 em { color: #da251d; }

.resultlist401 h4 a { display: block; }

.resulttext401 { overflow: hidden; height: 72px; color: #999; line-height: 24px; }

.resultlabel401 { color: #999; display: inline-block; padding-top: 30px; }

.searchinputcont401 dt input { width: 100%; height: 40px; line-height: 40px; text-indent: 12px; font-size: 15px; color: #333333; background-color: #ffffff; }

.searchinputcont401 dd input { width: 100%; height: 40px; line-height: 40px; font-size: 0px; font-weight: bold; color: #ffffff; cursor: pointer; background-color: #CE2B2C; background-image: url(../img/search402.png); background-repeat: no-repeat; background-position: center; }

.keywords { color: #da251d; }

.ms-detail td .short-sl { width: 103px; }

.sitemapcont2 { padding: 6% 0; overflow: hidden; }

.sitemapcont2 dl { position: relative; margin-bottom: 36px; }

.sitemapcont2 dl dt { font-size: 16px; font-weight: bold; color: #074987; padding: 0 8px; background: #fff; position: absolute; left: 18px; top: -14px; }

.sitemapcont2 dl dd { padding: 4% 3% 1% 3%; border: 1px solid #e6e6e6; }

.sitemapcont2 dl dd a { display: inline-block; padding-left: 10px; margin: 0 23px 8px 0; }

@media (min-width: 768px) { .searchtitle401 { font-size: 24px; }
  .resultlist401 h4 { font-size: 20px; margin-bottom: 2%; }
  .searchimg401 { float: left; margin: 0 3% 0 0; display: block; width: 200px; height: 150px; overflow: hidden; position: relative; }
  .resultlist401 img { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); max-width: 100%; width: auto; }
  .sitemapcont2 { padding: 2% 0 0; overflow: hidden; }
  .sitemapcont2 dl dt { font-size: 20px; }
  .sitemapcont2 dl dd { padding: 2% 3% 1% 3%; border: 1px solid #e6e6e6; }
  .sitemapcont2 dl dd a { margin: 0 50px 8px 0; }
  .sitemapcont2 dl dd a:hover { color: #074987; } }

@media (min-width: 992px) { .searchinputcont401 { width: 45%; margin: 0 auto; }
  .searchinputcont401 dt { float: left; width: 78%; }
  .searchinputcont401 dd { float: left; width: 22%; }
  .searchinputcont401 dt input { font-size: 18px; }
  .searchinputcont401 dd input { text-align: left; padding-left: 20%; font-size: 18px; font-weight: bold; background-position: 80% center; }
  .peopel-wrapper .people-expalin { line-height: 31px; font-size: 16px; margin-bottom: 25px; padding-top: 0; } }