@charset "UTF-8";

#home .block06 .productinfo, .service-RD .service-popular-lists li p { top: 0; right: 0; bottom: 0; left: 0; }

.icon-page, .icon-point, .page ul, #home .readmore, #home .readmore i, #home .block05 i, .service-RD .service-popular-lists li, .products-aside-nav .secondList-keywords > li { display: inline-block; *zoom: 1; *display: inline; }

nav, #bottom .share, #bottom .bottom-form .form-button, .slidebox .swiper-wrapper, .page ul, #home .banner .banner-wrap, #home .block01, #home .block02 .container, #home .block03, #home .block06 ul, .about .brand-tab .tab-hd ul, .about .brand-tab .tab-item, .about .partners ul, .market .market-con ul, .service-RD .service-main-lists, .service-RD .service-main-lists li p, .service-capicity, .service-technology, .service-technology .section, .map, .products-article .hot-lists, .products-article .categories-lists, .products-article .type-lists, .products-search .search-item, .products-search .type-lists, .products-details .tabs .tab-tit, .products-details .colors, .products-details .abouts { *zoom: 1; }
nav:after, #bottom .share:after, #bottom .bottom-form .form-button:after, .slidebox .swiper-wrapper:after, .page ul:after, #home .banner .banner-wrap:after, #home .block01:after, #home .block02 .container:after, #home .block03:after, #home .block06 ul:after, .about .brand-tab .tab-hd ul:after, .about .brand-tab .tab-item:after, .about .partners ul:after, .market .market-con ul:after, .service-RD .service-main-lists:after, .service-RD .service-main-lists li p:after, .service-capicity:after, .service-technology:after, .service-technology .section:after, .map:after, .products-article .hot-lists:after, .products-article .categories-lists:after, .products-article .type-lists:after, .products-search .search-item:after, .products-search .type-lists:after, .products-details .tabs .tab-tit:after, .products-details .colors:after, .products-details .abouts:after { content: ''; height: 0; display: table; clear: both; }

#bottom .bottom-form .form-select input, #bottom .bottom-form .form-text textarea { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; }

/*图标
-----------------------------*/
@font-face { font-family: 'icomoon'; src: url("../fonts/icomoon.eot?5vbol6"); src: url("../fonts/icomoon.eot?5vbol6#iefix") format("embedded-opentype"), url("../fonts/icomoon.ttf?5vbol6") format("truetype"), url("../fonts/icomoon.woff?5vbol6") format("woff"), url("../fonts/icomoon.svg?5vbol6#icomoon") format("svg"); font-weight: normal; font-style: normal; }
@font-face { font-family: 'oswald light'; src:url('../fonts/Oswald-Light.ttf?5vbol6') format('truetype'); font-weight: normal; font-style: normal; }
@font-face{font-family: 'Open Sans'; src:url('../fonts/opensans.ttf?5vbol6') format('truetype'); font-weight: normal; font-style: normal; }
@font-face{font-family: 'Myriad Pro'; src:url('../fonts/MyriadPro Regular.ttf?5vbol6') format('truetype'); font-weight: normal; font-style: normal; }
[class^="icon-"], [class*=" icon-"] { /* use !important to prevent issues with browser extensions that change fonts */ font-family: 'icomoon' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

.icon-plus:before { content: "\e916"; }

.icon-chevron-left:before { content: "\e90f"; }

.icon-chevron-right:before { content: "\e910"; }

.icon-triangle-up:before { content: "\e900"; }

.icon-triangle-right:before { content: "\e901"; }

.icon-triangle-left:before { content: "\e902"; }

.icon-triangle-down:before { content: "\e903"; }

.icon-arrow-right:before { content: "\e904"; }

.icon-phone:before { content: "\e905"; }

.icon-location:before { content: "\e906"; }

.icon-search:before { content: "\e907"; }

.icon-menu:before { content: "\e908"; }

.icon-google-plus:before { content: "\e909"; }

.icon-facebook:before { content: "\e90a"; }

.icon-twitter:before { content: "\e90b"; }

.icon-youtube3:before { content: "\e90c"; }

.icon-skype:before { content: "\e90d"; }

.icon-linkedin2:before { content: "\e90e"; }

.icon-envelope:before { content: "\e911"; }

.icon-chevron-thin-left:before { content: "\e912"; }

.icon-chevron-thin-right:before { content: "\e913"; }

.icon-chevron-thin-down:before { content: "\e914"; }

.icon-menu2:before { content: "\e915"; }

.icon-page { width: 55px; height: 61px; background: url(../images/icon-paper.png); }

.icon-reduce:before { content: '—'; }

.icon-point { width: 18px; height: 18px; cursor: pointer; border-radius: 50%; -webkit-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; background: url(../images/icon-point.png) no-repeat center center; }

.icon-point.hover, .icon-point:hover { background-image: url(../images/icon-point-hover.png); box-shadow: 0 0 18px #0067e5; }

.icon-wx { width: 3em; height: 3em; background: #0067e5 url(../images/wx.png) no-repeat center center; display: inline-block; *zoom: 1; *display: inline; }

.mr10 { margin-right: 10px; }

.mr20 { margin-right: 20px; }

.container { width: 100%; margin: 0 auto; max-width: 1156px; }

#nav_menu { display: none; }

/*头部
-----------------------------*/
header { background: #d4d4d3; padding-top: 2em; margin-bottom: 2.8em; }
header h1 { color: #fff; background: #A6A5A5; padding:10px 20px; font-family: "oswald light", "Open Sans", "DFKai-SB"; text-transform: uppercase; text-indent:13px;}

#logo { float: left; margin-left:18px;margin-top: -4px;}

nav { background: #414146; height: 5.75em; line-height: 5.75em; padding-right: 1em; font-family: "oswald light", "Open Sans", "DFKai-SB"; text-transform: uppercase; position: relative; -webkit-box-sizing: border-box; box-sizing: border-box; z-index: 5; }
nav a { color: #fff; display: block; padding: 0 16px; }
@media screen and (max-width:1156px) and (min-width:1000px){
	nav a{padding:0 7px;}
}
nav .first-nav { float: right; }
nav .first-nav > li { float: left; font-size: 1.25em; position: relative; }
nav .first-nav > li:hover a { background: #0067e5; }
nav .first-nav > li:hover .second-nav { display: block; }
nav .second-nav { display: none; position: absolute; top: 100%; text-transform: capitalize; letter-spacing: 1px}
nav .second-nav li { line-height: 1.5; word-spacing: 6px;}
nav .second-nav li:hover a { background: #0075f3; }
nav .second-nav a { padding: 10px  16px; }
nav .second-nav02, nav .second-nav05 { width: 11.5em; }
nav .second-nav03 { width: 10em; }
nav .second-nav04 { width: 10.5em; }

/*头部
@media query
-------------------------------*/
header { /*1000px*/ }
@media screen and (max-width: 1000px) { header { padding-top: 0; }
  header .container { position: relative; }
  header h1 { display: none; }
  header #logo { position: relative; z-index: 2; }
  header #logo img { width: 7rem; }
  header #nav_menu { display: inline-block; color: #fff; font-size: 30px; position: absolute; right: 5%; top: 25%; cursor: pointer; z-index: 5; }
  header nav { height: 3.75em; line-height: 3.75em; position: relative; }
  header nav:after { content: ''; display: block; position: absolute; width: 100%; height: 100%; background: #414146; }
  header nav .first-nav { width: 100%; position: absolute; top: 100%; background: #5A5A5B; font-size: 20px; opacity: 0; pointer-events: none; -webkit-transition: transform 0.2s cubic-bezier(.2,.75,.25,1), opacity 0.16s ease; -o-transition: transform 0.2s cubic-bezier(.2,.75,.25,1), opacity 0.16s ease; transition: transform 0.2s cubic-bezier(.2,.75,.25,1), opacity 0.16s ease; will-change: transform, opacity; line-height: 2.5; -webkit-transform: translateY(-12px); -moz-transform: translateY(-12px); -ms-transform: translateY(-12px); -o-transform: translateY(-12px); transform: translateY(-12px); }
  header nav .first-nav li { float: none; font-size: 1em; }
  header nav .first-nav a { padding: 0 2rem; }
  header nav .first-nav.show { opacity: 1; pointer-events: auto; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); }
  header nav .second-nav { position: static; font-size: 16px; width: 100% !important; -webkit-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; }
  header nav .second-nav li { line-height: 2.4; } }

/*底部
----------------------------*/
#bottom { background: #292726; color: #999; font-size: 16px; padding-top: 5.625em; /*bottom-1036px*/ /*bottom-740px*/ /*bottom-450px*/ /*bottom-360px*/ }
#bottom h2 { font-size: 1.5em; color: #999; font-weight: normal; margin-bottom: 1em; }
#bottom .bottom-left { width: 46%; }
#bottom .article { font-size: 18px; margin-bottom: 1.4em; line-height: 1.5; word-wrap: break-word; word-break: keep-all; }
#bottom ul { margin-bottom: 50px; }
#bottom li { font-size: 1.125em; margin-bottom: 10px; }
#bottom li i { font-size: 1.25em; vertical-align: middle; margin-right: 10px; }
#bottom .share { margin-bottom: 3em; }
#bottom .share a { float: left; background: #adadad; height: 38px; line-height: 38px; padding: 0 10px; }
#bottom .share a:hover { background: #0067e5; }
#bottom .share a:hover [class*='icon-'] { color: #fff; }
#bottom .share [class*='icon-'] { color: #292726; font-size: 1.25em; vertical-align: middle; }
#bottom .share .icon-youtube3 { font-size: 1em; }
#bottom .share .icon-facebook { margin-top: -5px; display: inline-block; }
#bottom .bottom-form ::-webkit-input-placeholder { color: #bbbab9; }
#bottom .bottom-form ::-moz-input-placeholder { color: #bbbab9; }
#bottom .bottom-form input, #bottom .bottom-form textarea { border: 0; font-size: 14px; background: #545251; border-radius: 6px; padding: 15px 20px; margin-bottom: 20px; color: #bbbab9; }
#bottom .bottom-form .form-item input { width: 16em; }
#bottom .bottom-form .form-select input, #bottom .bottom-form .form-text textarea { width: 100%; }
#bottom .bottom-form .form-select { position: relative; }
#bottom .bottom-form .form-select input { padding-right: 4.5em; }
#bottom .bottom-form .form-select .aDown { display: none; position: absolute; color: #fff; border-radius: 5px; background: #0067e5; text-align: center; width: 45px; height: 40px; line-height: 40px; right: 10px; top: 5px; }
#bottom .bottom-form .form-text textarea { height: 14em; resize: none; margin-bottom: 40px; overflow-x: hidden; overflow-y: auto; }
#bottom .bottom-form .form-button input { float: right; background: #0067e5; font-size: 22px; padding: .3em 2.5em; color: #fff; }
#bottom .bottom-form .form-button .btn-reset { margin-right: 2.5em; }
#bottom footer { font-size: 1.125em; color: #fff; text-align: center; height: 7em; line-height: 7em; background: #181a1c; position: relative; }
#bottom footer:after, #bottom footer:before { content: ''; width: 0; height: 0; border: 20px solid transparent; position: absolute; border-top: 0; }
#bottom footer:after { border-bottom-color: #181a1c; left: 50%; top: -35px; }
#bottom footer:before { border-bottom-color: transparent; left: 50%; top: -34px; z-index: 5; }
#bottom footer:after { border-bottom-width: 35px; }
@media screen and (max-width: 1036px) { #bottom > .container { width: 90%; padding-bottom: 4rem; }
  #bottom .bottom-left { float: none; width: 100%; }
  #bottom .share { margin-bottom: 4em; }
  #bottom .bottom-form { float: none; width: 100%; }
  #bottom .bottom-form .form-item input { width: 42%; }
  #bottom .bottom-form .form-item input:first-child { margin-right: 3.5% !important; }
  #bottom .bottom-form .form-item input:last-child { float: right; }
  #bottom .bottom-form .form-button { text-align: center; }
  #bottom .bottom-form .form-button input { float: none; display: inline-block; margin: 0 !important; }
  #bottom .bottom-form .form-button input:first-child { margin-right: 3rem !important; } }
@media screen and (max-width: 740px) { #bottom { padding-top: 2.5em; }
  #bottom .bottom-left { font-size: 14px; }
  #bottom ul { margin-bottom: 25px; }
  #bottom .bottom-form .form-item input { float: none !important; margin-right: 0 !important; width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; } }
@media screen and (max-width: 450px) { #bottom ul { line-height: 1.5; }
  #bottom .bottom-form .form-button { overflow: visible; }
  #bottom .bottom-form .form-button input { width: auto; min-width: 0; padding: .3em 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; }
  #bottom .bottom-form .form-button input:first-child { float: none; }
  #bottom .bottom-form .form-button input:last-child { float: none; }
  #bottom footer { height: auto; min-height: 0; padding: 1.25em 16px; box-sizing: border-box; line-height: 1.45; font-size: 15px; white-space: normal; overflow-wrap: anywhere; } }
@media screen and (max-width: 360px) { #bottom .bottom-form .form-button input { font-size: 18px; }
  #bottom .bottom-form .form-text textarea { height: 10em; }
  #bottom footer { height: auto; line-height: 1.3; padding: 2em 0; } }

/*通用段落
-------------------*/
.artblock { margin-top: 2.8em; margin-bottom: 2.8em; /*artblock-1000px*/ /*artblock-540px*/ }
.artblock .hd { height: 6px; background: #e6e6e6; position: relative; margin-bottom: 2.8em; }
.artblock .hd h2 { white-space:nowrap;text-transform: uppercase; font-family: "oswald light", "Open Sans", "DFKai-SB"; position: absolute; font-size: 24px; color: #404046; padding-right: 1.2em; background: #fff; margin-top: -16px; word-spacing: 5px; }
.artblock .bd { font-size: 15px; color: #686868; line-height: 1.8; word-wrap: break-word;}
@media screen and (max-width: 1000px) { .artblock { width: 90%; margin-left: auto; margin-right: auto; } }
@media screen and (max-width: 560px) { .artblock .hd { margin-bottom: 1.8em; }
  .artblock .hd h2 { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 20px; margin-top: -10px; max-width: 100%; word-spacing: 1px; } }

/*slidebox
--------------------*/
.slidebox { width: 100%; max-width: 1156px; overflow: hidden; position: relative; margin-bottom: 4.25em; /*slidebox-750px*/ }
.slidebox .swiper-wrapper { height: auto !important; }
.slidebox .swiper-slide { position: relative; height: auto !important; }
.slidebox .swiper-slide p { position: absolute; bottom: 0; left: 0; right: 0; padding-left: 2em; background: rgba(0, 0, 0, 0.5); color: #fff; font-size: 14px; height: 3.5em; line-height: 3.5em; text-transform: capitalize; }
@media \0screen\,screen\9 { .slidebox .swiper-slide p { filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#80000000'); } }
.slidebox .swiper-page { position: absolute; right: 5%; bottom: 5%; }
.slidebox .swiper-pagination-switch { float: left; border-radius: 50%; width: 12px; height: 12px; background: #fff; cursor: pointer; margin-right: 6px; }
.slidebox .swiper-pagination-switch:hover { background: #0067e5; }
.slidebox .swiper-visible-switch { background: #0067e5; }
@media screen and (max-width: 750px) { .slidebox .swiper-page { bottom: 8%; }
  .slidebox .swiper-pagination-switch { width: 9px; height: 9px; } }
@media screen and (max-width: 340px) { .slidebox .swiper-pagination-switch { width: 8px; height: 8px; }
  .slidebox .swiper-page { bottom: 15%; }
  .slidebox .swiper-slide p { height: 2.5em; line-height: 2.5em; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } }

/*翻页
------------------*/
.page { text-align: center; margin-bottom: 2.5em; }
.page li { float: left; }
.page li.on a { background: #0067e5; }
.page li a { display: block; font-size: 14px; color: #fff; padding: 5px 1.8em 5px; background: #565a60; }
.page .page-pn li a { width: 57px; }
.page .page-pn li.hasmore a { background: #0067e5; }
@media screen and (max-width: 470px) { .page li:nth-of-type(n+4) { display: none; }
  .page li:last-child { display: block; } }
.page span,.page a{display:inline-block;*zoom:1;*display:inline;font-size: 14px; color: #fff !important; padding: 5px 1.8em 5px; background: #565a60; margin:0 3px;}
.page .current{background: #0067e5;margin:0 5px;}

/*home
-----------------------------*/
#home { background: #d4d4d3; /*block1*/ /*block02*/ /*block03*/ /*block04*/ /*block05*/ /*block06*/ /*block07*/ /*home-1156px*/ /*home-1000px*/ /*home-740px*/ /*home-380px*/ }
#home header { position: relative; padding-top: 0; z-index: 10; margin-top: -30px;}
@media screen and (max-width:1156px){
	#home header{margin-top:0;}
}
#home nav { position: absolute; left: 50%; top: 38px; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); }
#home .readmore { clear: both; background: #414146; color: #fff; padding-left: 16px; font-family: "oswald light", "Open Sans", "DFKai-SB"; }
#home .readmore i { background: #0067e5; font-size: 26px; width: 45px; height: 45px; text-align: center; line-height: 45px; vertical-align: middle; margin-left: 16px; }
#home .special-text { font-family: "oswald light", "Open Sans", "DFKai-SB"; font-size: 30px; color: #0067e5; position: relative; line-height: 1.5; }
#home .special-text p { padding-left: .8em; }
#home .special-text:after { content: ''; display: block; width: 80%; height: 7px; background: #efefef; margin-top: 10px; margin-left: .8em; }
#home .banner { position: relative; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none; }
@media screen and (min-width: 1156px) { #home .banner { height: 960px; overflow:hidden;} }
@media screen and (min-width: 1156px) { #home .banner .banner-wrap { width: 1920px; position: absolute; left: 50%; margin-left: -960px; height: 996px; } }
#home .banner .banner-wrap .banner-item { float: left; }
#home .banner .banner-wrap .container { position: relative; margin-top: -33.5%; font-family: "oswald light", "Open Sans", "DFKai-SB"; }
#home .banner .banner-wrap .container h1, #home .banner .banner-wrap .container h2 { font-family:"Open Sans";font-weight:bold;font-size: 56px; line-height:1.6; color: #fff; background: #0067e5; float: left; padding: 0 16px; margin-bottom: 15px; text-transform:uppercase;}
#home .banner .banner-wrap .container h3 { font-size: 24px; background: #565a60; padding: 10px 16px; color: #fff; clear: both; float: left; margin-bottom: 2em; text-transform:uppercase;word-spacing: 3px}
#home .banner .banner-wrap .container .readmore { float: left; }
#home .banner .banner-wrap .container .readmore span{vertical-align:middle;}
#home .banner .prev, #home .banner .next { position: absolute; height: 100%; width: 8%; z-index: 10; top: 0; }
#home .banner .prev { left: 0; }
#home .banner .next { right: 0; }
#home .block01 { position: relative; z-index: 11;}
#home .block01 li { float: left; width: 25%; position: relative; text-align: center; padding-top: 3em; color: #fff; -webkit-transform: translateY(-70%); -moz-transform: translateY(-70%); -ms-transform: translateY(-70%); -o-transform: translateY(-70%); transform: translateY(-70%); height: 12em; }
#home .block01 li img{max-height:100%;}
#home .block01 li h2 { font-size: 30px; font-family: "oswald light", "Open Sans", "DFKai-SB"; margin-bottom: .8em; }
#home .block01 li p { word-wrap: break-word; word-break: keep-all; }
#home .block01 li .img { height: 4.5em; margin-bottom: 1.3em; }
#home .block01 li li.nth-of-type2 p, #home .block01 li li.nth-of-type3 p, #home .block01 li li.nth-of-type4 p { width: 90%; margin: 0 auto; font-size: 14px; letter-spacing: 1px; display: -webkit-box !important; overflow: hidden; text-overflow: ellipsis; word-break: break-all; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
#home .block01 li.first-child { background: #fff; text-align: left; }
#home .block01 li.first-child .readmore { position: absolute; right: 0; bottom: 0; }
#home .block01 li.first-child .special-text { top: -.5em; font-weight:bold;}
#home .block01 li.nth-of-type2 { background: #0067e5; }
#home .block01 li.nth-of-type3 { background: #1a2792; }
#home .block01 li.nth-of-type4 { background: #16216d; }
#home .block01 li.nth-of-type2 p,
#home .block01 li.nth-of-type3 p,
#home .block01 li.nth-of-type4 p{font-size:14px;}
@media \0screen\,screen\9 { #home .block01 { height: 310px; margin-top: -155px; } }
#home .block02 { background: #565a60; position: relative; top: -8em; z-index:20;}
#home .block02 .container { height: 7.1875em; display: table; }
#home .block02 i { float: left; width: 7.5em; height: 100%; *margin-right: 2em; }
#home .block02 .ctn { *float: left; *padding-top: 1em; display: table-cell; vertical-align: middle; padding-right:20px;text-align:center;}
#home .block02 .ctn p { color: #d4d4d3; }
#home .block02 h2 { font-size: 30px; font-family:"Open Sans", "DFKai-SB"; font-weight:bold; color: #d4d4d3; text-transform: uppercase; }
#home .block02 a { *float: right; background: #0067e5; color: #fff; text-align:center; font-family:"Open Sans", "DFKai-SB"; height: 100%; font-size: 30px; text-transform: uppercase; padding:0 .6em; *padding: 0 .6em; display: table-cell; vertical-align: middle; }
#home .block03 { margin:-7em 0 2em; }
#home .block03 .wrap { width: 20.76125%; }
#home .block03 .wrap, #home .block03 li { float: left; max-width: 31.33%; }
#home .block03 ul { float: right; width: 78.3737%; }
#home .block03 li { margin-left: 18px; border-bottom: 2px dashed #686868; max-height: 366px; overflow:hidden;}
#home .block03 li p { font-size: 14px; color: #686868; line-height: 1.5; padding-bottom: 1em; word-wrap: break-word; word-break: keep-all; max-height: 75px;overflow: hidden;}
#home .block03 li table{display:none;}
#home .block03 .special-text { color: #414146; }
#home .block03 .special-text p:last-child { font-weight: bold; }
#home .block03 .special-text:after { background: #b8bcc1; width: 90%; }
#home .block03 h3 { font-family: "Open Sans", "DFKai-SB";text-transform:uppercase; font-size: 18px; padding: .8em 0; position: relative; white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
#home .block03 h3 em { color: #2c3e50; font-weight: bold; margin-right: 5px;}
#home .block03 .group { border-bottom: 4px solid #b8bcc1; position: relative; margin-bottom: 1em; }
#home .block03 .group:after { content: ''; display: block; position: absolute; height: 4px; bottom: -4px; width: 80%; background: #0067e5; }
#home .block03 img { -webkit-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; }
#home .block03 img:hover { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); -webkit-box-shadow: 0 0 5px #333; box-shadow: 0 0 5px #333; }
#home .block04 { background: url(../images/bg01.jpg) no-repeat center center; word-wrap: break-word; word-break: keep-all; font-size: 28px; display: table; width: 100%; margin-bottom: 1.85em; }
#home .block04 .container { height: 10.7em; display: table-cell; vertical-align: middle; font-weight: bold; text-align: center; color: #fff; text-shadow: 0 3px 10px #333; }
#home .block05{margin:0 0 2em;}
@media screen and (max-width:460px){#home .block05{margin:0 !important;}}
#home .block05 .container{overflow: hidden;}
#home .block05 li p:last-child{border-bottom: 2px dashed #686868;}
#home .block05 ul{width:auto;float:none;height:auto !important;min-width:100%;}
#home .block05 ul:after{content:'';clear:both;display:table;width:0;}
#home .block05 li{margin-left:-1px !important;float:left !important;padding-left:16px;border-bottom:0;background:#d4d4d3;height:auto !important;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;max-height:400px;overflow:hidden;}
#home .block05 li>h1,
#home .block05 li>h2,
#home .block05 li>h3,
#home .block05 li>h4,
#home .block05 li>h5,
#home .block05 li>h6{display:none;}
#home .block05 .swiper-container{overflow:hidden;}
#home .block05 i { color: #fff; font-size: 20px; background: #414146; text-align: center; width: 2em; height: 2em; line-height: 2em; float: right; cursor: pointer;}
#home .block06 { text-align: center; }
#home .block06 hgroup { font-family: "oswald light", "Open Sans", "DFKai-SB"; color: #2c3e50; text-transform: uppercase; margin-bottom: 3em; }
#home .block06 hgroup:after { content: ''; position: absolute; width: 4em; left: 50%; margin-left: -2em; height: 2px; background: #2c3e50; }
#home .block06 h3 { font-size: 18px; font-weight: bold; }
#home .block06 h2 { font-size: 30px; font-weight: bold; }
#home .block06 ul li { float: left; width: 25%; position: relative; }
#home .block06 ul li:hover .productinfo { opacity: 1; }
#home .block06 .productinfo { position: absolute; opacity: 0; filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0); display: none\9; display: block\9\0; *display: none; -webkit-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; color: #fff; background: rgba(0, 78, 162, 0.7); padding-top: 30%; }
@media \0screen\,screen\9 { #home .block06 .productinfo { filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#B3004EA2', endColorstr='#B3004EA2'); } }
#home .block06 .productinfo img { margin-bottom: 10px; }
#home .block06 .productinfo .type { margin-bottom: 1em; text-transform:uppercase;font-weight:bold;}
#home .block06 .productinfo .slogan { font-family: "oswald light", "Open Sans", "DFKai-SB"; font-size: 14px; letter-spacing: 1px;text-transform: uppercase; }
#home .block07 { text-align: center; position: relative; width:100%;padding-top:40.729167%;background: url(../images/bg04.jpg) no-repeat center center;-webkit-background-size: cover;background-size: cover;}
#home .block07 li { position: relative; float: left; height: 100%; }
#home .block07 li img{width:51.927%;max-width:997px;position:absolute;margin:0 auto;left:0;right:0;bottom:0;}
#home .block07 ul { height: 100%; position:absolute;left:0;top:-30px;width:100%; }
#home .block07 .text{position:absolute;top:8.9514%;text-align:center;width:100%;color:#fff;}
#home .block07 .text h2{font-family: "oswald light", "Open Sans", "DFKai-SB";letter-spacing:1px;font-size:36px;text-transform:uppercase;}
#home .block07 .text p{font-size:22px;}
@media screen and (max-width: 1366px){
  #home .block07 .text h2{font-size:30px;}
  #home .block07 .text p{font-size:20px;}
}
@media screen and (max-width: 760px){
  #home .block07 li img{min-width:60vw;}
  #home .block07 .text{display:none;}
}
#home .block07 .container { position: absolute; font-size: 60px; color: #fff; top: 50%; margin-top: -30px; left: 50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); }
@media \0screen\,screen\9 { #home .block07 .container { margin-left: -578px; } }
#home .block07 .icon-chevron-left { float: left; cursor: pointer; }
#home .block07 .icon-chevron-right { float: right; cursor: pointer; }
@media screen and (max-width: 1156px) { #home nav { position: relative; left: 0; top: 0; z-index: 5; -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); }
  #home .banner .banner-wrap { max-height: 996px; }
  #home .block01 { margin-bottom: 4em; overflow: hidden; }
  #home .block01 li { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); }
  #home .block02 { top: 0; margin-bottom: 7em; }
  #home .block03 li { margin-left: 2%; } }
@media screen and (max-width: 1025px){
  #home .banner .banner-wrap { max-height: 580px; }
}
@media screen and (max-width: 1000px) { #home .banner .banner-wrap .container h1, #home .banner .banner-wrap .container h2 { font-size: 40px; }
  #home .banner .banner-wrap .container h3 { font-size: 20px; }
  #home .block01 { z-index: 1; }
  #home .block01 li { -webkit-box-sizing: border-box; box-sizing: border-box; }
  #home .block01 li .img { margin-bottom: .5em; }
  #home .block01 li h2 { margin-bottom: .5em; }
  #home .block01 li:not(:first-child) { padding-top: 1em; }
  #home .special-text { font-size: 25px; }
  #home .block02 i { width: 4.5em; }
  #home .block02 h2 { font-size: 26px; margin-bottom: 0; }
  #home .block02 a { width: 5em; font-size: 20px; }
  #home .block02 .ctn { -webkit-box-sizing: border-box; box-sizing: border-box; padding-left: 1em; padding-right: 1em; } }
@media screen and (max-width: 740px) { #home .block03 li p { display: -webkit-box !important; overflow: hidden; text-overflow: ellipsis; word-break: break-all; -webkit-box-orient: vertical; -webkit-line-clamp: 4; max-height: 5.25em; }
  #home .block06 ul li { width: 50%; } }
@media screen and (max-width: 650px) { #home { /*home-650px*/ }
  #home .banner .swiper-wrapper { height: auto !important; }
  #home .banner .banner-wrap .banner-item { background: #768e9f; height: auto !important; padding: 3em 0; }
  #home .banner .banner-wrap .banner-item img { display: none; width: 0; height: 0; }
  #home .banner .banner-wrap .banner-item .container { margin-top: 0; overflow: hidden; }
  #home .banner .prev, #home .banner .next { display: none; }
  #home .block01 li { padding-top: 1em; height: 11em; }
  #home .block01 li img { height: 100%; }
  #home .block01 li .img { height: 2.25em; }
  #home .block01 li h2 { font-size: 20px; }
  #home .block01 li p { font-size: 13px; }
  #home .special-text { top: 0 !important; font-size: 18px; }
  #home .block01 .readmore i { width: 1.5em; height: 1.5em; font-size: 20px; line-height: 1.5; vertical-align: -2px; }
  #home .block02 .container { height: 6.1875em; }
  #home .block02 h2 { font-size: 18px; margin-bottom: .3em; }
  #home .block02 p { font-size: 13px; } }
@media screen and (max-width: 525px) { #home { /*home-525px*/ }
  #home .block01 li { height: 8em; padding-top: .6em; }
  #home .block01 li p { font-size: 14px; }
  #home .block01 li:first-child { width: 37%; }
  #home .block01 li:not(:first-child) { width: 21%; padding-top: 1.5em; }
  #home .block01 li:not(:first-child) p { display: none; }
  #home .block02 { margin-bottom: 2em; }
  #home .block02 p { display: none; }
  #home .block03 .wrap { width: 100%; max-width: 100%; float: none; margin-bottom: 1em; }
  #home .block03 .special-text { overflow: hidden; position: relative; width: 100%; line-height: 3; }
  #home .block03 .special-text:after { position: absolute; bottom: 0; }
  #home .block03 .special-text p { float: left; }
  #home .block03 ul { float: none; width: 96%; margin-left: auto; margin-right: auto; }
  #home .block03 li { width: 30%; }
  #home .block04 { -webkit-background-size: cover; background-size: cover; margin-bottom: 1em; }
  #home .block04 .container { height: 5.7em; }
  #home .block05 .wrap { position: relative; }
  #home .block05 .wrap .special-text:after { width: 100%; }
  #home .block05 i { position: absolute; bottom: 7px; right: 0; }
  #home .block05 i:last-child { right: 40px; }
  #home .block05 ul { overflow: hidden; } }
@media screen and (max-width: 420px) { #home .banner .banner-wrap .container h1, #home .banner .banner-wrap .container h2 { font-size: 30px !important; }
  #home .block01 li.first-child { width: 100%; }
  #home .block01 li:not(:first-child) { display: none; }
  #home .block01 li p { font-size: 23px; }
  #home .block01 li .special-text:after { width: 100%; margin-left: 0; }
  #home .block01 li .readmore { bottom: 7px !important; }
  #home .block02 .ctn { display: none; }
  #home .block02 .container { height: 3.1875em; }
  #home .block02 a { float: right; line-height: 3rem; text-align: center; width: 6em; font-size: 18px; }
  #home .block03 li { float: none; width: 100%; max-width: none; margin-bottom: 1em; margin-left: 0; }
  #home .block03 li a { display: block; }
  #home .block03 li img { width: 100%; }
  #home .block05 i { width: 1.5em; height: 1.5em; line-height: 1.5em; }
  #home .block05 i:last-child { right: 1.5em; }
  /*#home .block06 li { float: none !important; width: 100% !important; }*/
  }

/*about
-------------------------*/
.about {}
.about .main { margin-bottom: 5em; }
.about .brand-tab .tab-hd li { float: left; background: #565a60; color: #fff; position: relative; width: 25%; text-align: center; cursor: pointer; border-top: 1px solid #6a6d73; border-bottom: 1px solid #6a6d73; height: 2.875em; line-height: 2.875em; }
.about .brand-tab .tab-hd li h3 { font-size: 14px; position: relative; z-index: 10; }
.about .brand-tab .tab-hd li.on { color: #d4d4d3; }
.about .brand-tab .tab-hd li.on .tabBg { height: 3.125em; }
.about .brand-tab .tabBg { background: #0067e5; position: absolute; width: 100%; bottom: -1px; }
.about .brand-tab .tab-bd { background: #b8bbc0; }
.about .brand-tab .tab-item { display: none; padding: 4.875em 0; }
.about .brand-tab .tab-item.on { display: block; }
.about .brand-tab .con-left { float: left; width: 17.30104%; text-align: right; }
.about .brand-tab .con-left .icon-page { margin-right: 2em; }
.about .brand-tab .con-right { float: left; width: 71.88581%; }
.about .brand-tab .con-right .text { font-size: 14px; line-height: 1.6; margin-bottom: 3em; }
.about .partners{margin-bottom:3em;}
.about .partners ul { padding: 15px 7px 15px 8px; background: #d4d4d3; }
.about .partners li { float: left; margin: 0 7px 15px 7px; width: 270px; height: 183px; display:table;}
.about .partners li a{display:table-cell;background:#fff;text-align:center;vertical-align: middle;}

@media screen and (max-width: 1156px) and (min-width: 1000px) { .about .partners li { max-width: 23%; } }
@media screen and (max-width: 1000px) { .about .partners ul { text-align: center; }
  .about .partners li { float: none; display: inline-block; margin-left: 4px; margin-right: 4px; } }
@media screen and (max-width: 660px) { .about .brand-tab .tab-item { padding: 2.5em 0; }
  .about .brand-tab .tab-item .con-left { display: none; }
  .about .brand-tab .tab-item .con-right { float: none; width: 90%; margin: 0 auto; }
  .about .brand-tab .tab-hd li { border-right: 1px solid #999; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; }
  .about .brand-tab .tab-hd li:last-child { border-right: 0; }
  .about .brand-tab .tab-hd li h3 { font-size: 12px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } }

/*market
---------------------*/
.market { /*market-700px*/ /*market-480px*/ /*market-321px*/ }
.market header { background: #fff; }
.market .market-tit { text-transform: uppercase; background: #0067e5; color: #fff; font-size: 18px; padding: 8px 0; text-indent: 1.5em; font-family: "Arial"; }
.market .market-con ul { margin-left: -1.7301%; }
.market .market-con ul li { float: left; width: 23.2699%; margin-left: 1.7301%; }
.market .market-con li { padding-bottom: 15px; margin-bottom: 2em; -webkit-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; }
.market .market-con li:hover { box-shadow: 0 2px 6px 2px #ccc; }
.market .market-con li:hover img { transform-origin: 50% 50%; -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); }
.market .market-con .market-img { position: relative; margin-bottom: 10px; overflow: hidden; }
.market .market-con .market-img span { position: absolute; display: block; bottom: 0; left: 0; color: #fff; background: rgba(0, 0, 0, 0.5); width: 100%; font-size: 14px; height: 2.7em; line-height: 2.7em; text-indent: 1em; }
@media \0screen\,screen\9 { .market .market-con .market-img span { filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#80000000'); } }
.market .market-con .market-img img { -webkit-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; max-height: 203px;width:100%;}
.market .market-con .market-info { color: #404046; font-size: 15px; font-family: 'Arial'; }
.market .market-con .market-info em { text-transform: uppercase; font-weight: bold; }
.market .market-con .market-info .market-pos { margin-bottom: 5px; }
@media screen and (min-width: 1000px){.market .market-con .market-img img{height: 203px;}}
@media screen and (max-width: 700px) { .market .main { width: 96%; margin-left: auto; margin-right: auto; }
  .market .artblock { width: 100%; }
  .market .market-con ul { margin-left: -3%; }
  .market .market-con ul li { width: 30.3%; margin-left: 3%; } }
@media screen and (max-width: 480px) { .market .market-con ul { margin-left: -5%; }
  .market .market-con ul li { width: 45%; margin-left: 5%; } }
@media screen and (max-width: 321px) { .market .market-con ul { margin-left: 0; }
  .market .market-con ul li { width: 100%; margin-left: 0; }
  .market .market-con img { width: 100%; } }

/*service
--------------------------*/
.service-index img { margin-bottom: 5.625em; }

.service-index-lists { font-size: 20px; margin-bottom: 2em; }
.service-index-lists li { margin-bottom: .8em; }
.service-index-lists .icon-chevron-right { color: #00b1b7; }
.service-index-lists a { color: #686868; }
.service-index-lists a:hover { color: #0067e5; }

.service-RD .service-main-lists { margin-left: -1.03806%; margin-bottom: 15px; }
.service-RD .service-main-lists li { float: left; width: 18.96194%; margin-left: 1.03806%; }
.service-RD .service-main-lists li.on i:before { content: '－'; background: #0067e5; }
.service-RD .service-main-lists a { color: #fff; }
.service-RD .service-main-lists li { position: relative; }
.service-RD .service-main-lists li p { position: absolute; bottom: 0; left: 0; right: 0; font-size: 14px; padding-left: 1em; height: 3.4em; line-height: 3.4em; background: rgba(0, 0, 0, 0.4); }
@media \0screen\,screen\9 { .service-RD .service-main-lists li p { filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#66000000', endColorstr='#66000000'); } }
.service-RD .service-main-lists li p > span { float: left; color: #fff; }
.service-RD .service-main-lists li [class*='icon-'] { cursor: pointer; }
.service-RD .service-main-lists li [class*='icon-']:before { float: right; display: inline-block; width: 3.4em; height: 3.4em; line-height: 3.4em; text-align: center; background: #414146; color: #fff; }
.service-RD .service-main-lists li .icon-reduce:before { background: #0067e5; }
.service-RD .service-popular-lists { display: none; text-align: center; background: #d4d4d3; padding-top: 2em; margin-bottom: 4.375em; }
.service-RD .service-popular-lists.on { display: block; }
.service-RD .service-popular-lists li { position: relative; margin: 0 1.25em 2.875em; }
.service-RD .service-popular-lists li p { position: absolute; background: rgba(0, 0, 0, 0.5); color: #fff; padding-top: 30%; text-transform: uppercase; font-size: 20px; }
@media \0screen\,screen\9 { .service-RD .service-popular-lists li p { filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#80000000'); } }

.service-capicity .slidebox01 { float: left; width: 48.01038%; }
.service-capicity .artblock01 { float: right; width: 48.3564%; }

.service-quality .swiper-pagination02, .service-quality .swiper-pagination03 { bottom: 3%; }
.service-quality .slidebox02 { float: left; width: 32.61246%; }
.service-quality .slidebox03 { float: right; width: 64.87889%; }

.service-technology .section .slidebox, .service-technology .section .artblock { width: 49.13495%; }

.service-ensurance .container > img { margin-bottom: 2.5em; }
#map-list{*zoom:1;margin-bottom:5em;padding-top:3em;}
#map-list:after{content:'';display:table;clear:both;width:0;}
#map-list li{float:left;width:45%;margin:0 2.5% 1em 0;}
#map-list .map-item-name{font-size:20px;color:#0075f3; text-transform: uppercase;}
#map-list li div{line-height:1.5;}

@media screen and (max-width: 1000px) { .service-technology .section .artblock { margin-left: 0; }
  #map-list li{float:none;width:96%;margin-left:auto;margin-right:auto;}
}
@media screen and (max-width: 800px) { .service-capicity { width: 90%; margin-left: auto; margin-right: auto; }
  .service-capicity .slidebox { float: right; width: 100%; }
  .service-capicity .slidebox img { width: 100%; }
  .service-capicity .artblock { width: 100%; }
  .service-RD .service-main-lists li { width: 30%; margin-left: 3%; margin-bottom: 2em; }
  .service-RD .service-main-lists li img { width: 100%; } }
@media screen and (max-width: 560px) { .service-technology .section { width: 100%; }
  .service-technology .section .slidebox, .service-technology .section .artblock { margin-left: auto; margin-right: auto; width: 94%; float: none; } }
@media screen and (max-width: 460px) { .service-RD .service-main-lists { margin-left: -5%; }
  .service-RD .service-main-lists li { width: 45%; margin-left: 5%; } }
@media screen and (max-width: 340px) { .service-capicity .slidebox .swiper-page { bottom: 1%; } }
.suastainable .head { font-size: 14px; color: #686868; margin-bottom: 3em; margin-top: -1.5em; }
.suastainable .slidebox01 { width: 48.01038%; margin-bottom: 2em; }
.suastainable .artblock01 h2, .suastainable .section01 h2 { font-family: "oswald light", "Open Sans", "DFKai-SB"; font-size: 24px; color: #404046; text-transform: uppercase; }
.suastainable .artblock01 { width: 47.57785%; }
.suastainable .artblock01 h2 { margin-bottom: .5em; }
.suastainable .artblock01 .bd { margin-bottom: 1.2em; }
.suastainable .section01 { border-top: 6px solid #e6e6e6; border-bottom: 6px solid #e6e6e6; padding: 3em 0; margin-bottom: 2em; }
.suastainable .section01 h2 { margin-bottom: 1em; }
.suastainable .section01 .txt { width: 48%; color: #686868; font-size: 14px; }
.suastainable .section01 .txt p { line-height: 1.75; }
.suastainable .section01 .img { width: 48%; text-align: center; }
.suastainable .section02 { display: table; width: 100%; }
.suastainable .section02 .txt { *padding-top: 130px; *float: left;  color: #404046; width: 44%; padding-right:1em; font-size:14px; vertical-align: top; display: table-cell; }
.suastainable .section02 .txt h3{font-family: "oswald light", "Open Sans", "DFKai-SB";font-size:24px;}
.suastainable .section02 .img { *float: right; max-width: 56%; display: table-cell; }
.suastainable .artblock02 p { width: 80%; }
.suastainable .artblock02 .bd { margin-bottom: 4.3em; }
.suastainable .artblock02 .imgs { text-align: center; }
.suastainable .artblock02 .imgs img { margin-right: 3em; }
@media screen and (max-width: 740px) { .suastainable .container { width: 94%; }
  .suastainable .slidebox { width: 100%; }
  .suastainable .slidebox img { width: 100%; }
  .suastainable .slidebox .swiper-page { bottom: 5%; }
  .suastainable .artblock { width: 100%; margin-top: 0; }
  .suastainable .suastainable-itm { max-width: 100%; float: none; }
  .suastainable .brands .imgs { text-align: center; } }
@media screen and (max-width: 580px) { .suastainable .artblock01 { margin-bottom: 1em; }
  .suastainable .section01 { padding: 1em 0; margin-bottom: 1em; }
  .suastainable .section01 .txt, .suastainable .section01 .img { float: none; width: 100%; }
  .suastainable .section01 .txt { margin-bottom: 1em; }
  .suastainable .section01 img { width: 70%; }
  .suastainable .section02 { display: block; margin-bottom: 2em; }
  .suastainable .section02 .img { display: block; float: none; width: 100%; max-width: none; }
  .suastainable .section02 .txt { display: none; }
  .suastainable .artblock p { width: 100%; }
  .suastainable .artblock .bd { margin-bottom: 1em; }
  .suastainable .artblock .imgs img { width: 25%; margin-right: 5%; } }

.map { margin-bottom: 3.625em; position: relative; /*contact-1020px*/ }
.map .pos { float: left; width: 30%; margin-right: 3.3%; margin-bottom: 20px; }
.map .pos .icon-point { float: left; margin-right: 10px; }
.map .pos h4 { float: left; color: #0067e5; font-weight: bold; -webkit-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; font-family: "oswald light", "Open Sans", "DFKai-SB"; text-transform: uppercase; font-size: 18px; white-space: nowrap; margin-bottom: 15px; max-width: 80%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.map .pos .ctn { clear: both; color: #fff; padding: 1em; background: rgba(0, 78, 162, 0.6); width: 22.1875em; word-wrap: break-word; word-break: break-all; font-size: 14px; border-radius: 1em; }
@media \0screen\,screen\9 { .map .pos .ctn { filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#99004EA2', endColorstr='#99004EA2'); } }
@media screen and (max-width: 1020px) { .map { width: 90%; margin-left: auto; margin-right: auto; }
  .map .pos { width: 50%; margin-right: 0; }
  .map .pos:nth-of-type(2n) { float: right; } }
@media screen and (max-width: 760px) { .map { text-align: center; }
  .map .pos { float: none; width: 100%; text-align: left; }
  .map .pos .ctn { width: auto; } }

/*products
--------------------------------*/
.products .main .container { background: #d4d4d4; padding-bottom: 2em; margin-bottom: 3em; }
.products .content { padding: 2.875em 1.25em; }
.products .content01 { background: #e1e1e1; }
.products .content02 { margin-top: -3.125em; padding-top: 0; }

.products-position { background: #565a60; color: #fff; font-size: 13px; height: 3em; line-height: 3em; padding-left: 1em; }
.products-position a { color: #fff; }

.products-descript { background: #efeeee; padding: 1.625em; color: #6d7379; -webkit-border-radius: 5px; border-radius: 5px; box-shadow: 0 3px 15px -5px #666; margin-bottom: 3.125em; }
.products-descript h1, .products-descript h2 { font-size: 30px; font-weight: bold; text-transform: uppercase;margin-bottom:8px;}
.products-descript p { font-size: 15px; }

.products-aside { float: left; width: 23.61592%; }
.products-aside #aside_menu { display: none; }
.products-aside .hd { color: #fff; text-align: center; font-size: 17px; background: #0067e5; text-transform: uppercase; }

.products-aside-search { background: #f2f2f2; color: #2f2f2f; font-size: 13px; border-radius: 8px 8px 0 0; overflow: hidden; margin-bottom: 2.5em; }
.products-aside-search .hd { height: 3.5em; line-height: 3.5em; margin-bottom: 10px; }
.products-aside-search .hd .icon-menu { font-size: 24px; vertical-align: -3px; margin-right: 4px; }
.products-aside-search select { display: block; width: 90%; margin: 0 auto; border: 1px solid #e4e4e4; padding: 4px 10px 2px; margin-bottom: 15px; -webkit-appearance: none; -moz-appearance: none; text-transform:uppercase;}
.products-aside-search .search-text { border: 1px solid #e4e4e4; padding: 4px 10px; width: 82%; display: block; margin: 0 auto 14px; }
.products-aside-search .option { width: 80%; margin: 0 auto 0; padding-bottom: 12px; }
.products-aside-search .option a { color: #2f2f2f; margin-top: 5px; }
.products-aside-search .option #search_submit { float: right; color: #fff; background: #565a60; height: 1.75em; line-height: 1.75em; padding: 0 12px; border-radius: 5px; }

.products-aside-nav { line-height: normal; font-family: "Myriad Pro"; padding: 0; font-size: 13px; height: auto; color: #2f2f2f; background: transparent; }
.products-aside-nav a { color: #2f2f2f; }
.products-aside-nav .hd { height: 3em; line-height: 3em; }
.products-aside-nav .secondList{font-size:14px;}
.products-aside-nav .secondList, .products-aside-nav .secondList-keywords { display: none; }
.products-aside-nav .firstList > li { background: #f2f2f2; border-bottom: 1px solid #d9d9d9; }
.products-aside-nav .firstList > li a { padding: 1em; }
.products-aside-nav .firstList > li>ul>li>a:hover{background: #79a0c9;margin-left: -1.5em;padding-left: 2.5em;}
.products-aside-nav .firstList > li .icon-chevron-thin-down { display: none; }
.products-aside-nav .firstList > li.opened .icon-chevron-thin-right { display: none; }
.products-aside-nav .firstList > li.opened .icon-chevron-thin-down { display: inline; }
.products-aside-nav .firstList > li.opened .secondList { display: block; }
.products-aside-nav .firstList > li.opened .secondList-keywords { display: block; }
.products-aside-nav .secondList > li {text-transform:capitalize; background: #e8e8e8; border-bottom: 1px solid #cfcfd3; padding-left: 1.5em; position: relative;  }

.products-aside-nav .secondList > li:last-child { border-bottom: 0; }
.products-aside-nav .secondList > li:before ,.products-aside-nav .thirdList > li:before { content: "\e913"; position: absolute; font-family: 'icomoon' !important; margin-top: 10px; top: 6px; left: 1em; }
.products-aside-nav .secondList-keywords { background: #e8e8e8; }
.products-aside-nav .secondList-keywords > li:hover { background: #79a0c9; }
.products-aside-nav .secondList > li.opened .thirdList{display:block;}
.products-aside-nav .thirdList{display:none;}
.products-aside-nav .thirdList > li{position:relative;padding-left:1.5em;}
.products-aside-nav .thirdList > li:hover { background: #79a0c9; }
.products-aside-nav .thirdList > li a{border-bottom:1px dashed #ccc;}
.products-aside-nav .thirdList > li:last-child a{border-bottom:0;}

.products-article { float: right; width: 73%; }
.products-article *{font-family: "Myriad Pro","Open Sans","Microsoft YaHei","微软雅黑",Arial,"Hiragino Sans GB","STHeiti","WenQuanYi Micro Hei","宋体",SimSun,sans-serif !important}
.products-article .slidebox { position: relative; margin-bottom: 2em; }
.products-article .slidebox .swiper-slide { float: left; }
.products-article .slidebox .flip { position: absolute; bottom: 5%; right: 5%; }
.products-article .slidebox .flip i { border-radius: 50%; background: #2f2f2f; margin-right: 5px; padding: 5px; color: #fff; cursor: pointer; }
.products-article .title { font-size: 14px; height: 2.85em; line-height: 2.85em; text-indent: 1.5em; background: #fff; margin-bottom: 2.3em; position: relative; }
.products-article .hot-lists, .products-article .categories-lists, .products-article .type-lists { margin-left: -1.81661%; }
.products-article .hot-lists li, .products-article .categories-lists li, .products-article .type-lists li { float: left; width: 23.18339%; margin-left: 1.81661%; }
.products-article .hot-lists img, .products-article .categories-lists img, .products-article .type-lists img { width: 100%; }
.products-article .hot-lists p, .products-article .categories-lists p, .products-article .type-lists p { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; text-transform: capitalize;}
.products-article .hot-lists { margin-bottom: 1.5em; font-size: 13px; color: #777; line-height: 1.5; }
.products-article .hot-lists a { display: block; border: 1px solid #b2b2b2; margin-bottom: 1.5em; }
.products-article .hot-lists a img { -webkit-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; }
.products-article .hot-lists a:hover img { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); box-shadow: 0 0 5px #666; }
.products-article .categories-lists { margin-bottom: 2em; }
.products-article .categories-lists li p { border-top: 1px solid #b2b2b2; font-size: 14px; height: 3em; line-height: 3em; text-indent: 1.5em; text-transform: capitalize; }
.products-article .categories-lists li a { color: #000; display: block; border: 1px solid #b2b2b2; background: #fff; }
.products-article .flip02 { position: absolute; right: 0; background: #565a60; top: 0; bottom: 0; }
.products-article .flip02 i { text-indent: 0; font-size: 20px; float: left; width: 2em; height: 2em; line-height: 2em; color: #fff; text-align: center; cursor: pointer; }
.products-article .type-lists li { margin-bottom: 2em; }
.products-article .type-lists a { display: block; position: relative; border: 1px solid #b2b2b2; }
.products-article .type-lists a:hover p { background: #0067e5; color: #fff; -webkit-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; }
.products-article .type-lists p { font-size: 14px; height: 3em; line-height: 3em; background: rgba(255, 255, 255, 0.8); color: #000; position: absolute; bottom: -1px; width: 100%; text-indent: 1em;padding-right:.5em; text-transform: capitalize; border-bottom: 1px solid #b2b2b2; -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
@media \0screen\,screen\9 { .products-article .type-lists p { filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#CCFFFFFF', endColorstr='#CCFFFFFF'); padding-right:0;} }

/*产品大类*/
.products-class .content01 { background: #d4d4d4; }
.products-class .products-article { margin-bottom: 4em; }

/*产品搜索*/
.products-search { /*搜索*/ /*搜索结果*/ }
.products-search header { margin-bottom: 0; }
.products-search input { border: 0; border-radius: 0; -webkit-transform: none; }
.products-search .content02 { margin-top: 0; padding-top: 2em; }
.products-search .products-article { float: none; width: 100%; }
.products-search .main01 { background: url(../images/slide1.jpg) no-repeat top center; background-size: cover; padding-top: 1em; margin-bottom: 3em; }
.products-search .products-descript { margin-bottom: 5em; }
.products-search .products-search-title { background: #0067e5; color: #fff; text-align: center; font-size: 17px; font-weight: bold; margin-bottom: 2.4em; height: 3.75em; line-height: 3.75em; }
.products-search .products-search-title .icon-menu { font-size: 23px; margin-right: 1em; vertical-align: text-bottom; }
.products-search .search { background: rgba(255, 255, 255, 0.6); padding: 3.75em 0; }
@media \0screen\,screen\9 { .products-search .search { filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#99FFFFFF', endColorstr='#99FFFFFF'); } }
.products-search .search-item { width: 64%; margin: 0 auto; position: relative; }
.products-search .search-item label { background: #0067e5; color: #fff; font-size: 13px; height: 26px; line-height: 26px; width: 18%; text-align: center; float: left; }
.products-search .search-item .searchctn { float: right; width: 80%; position: relative; height: 26px; line-height: 26px; margin-bottom: 16px; }
.products-search .search-item .searchctn input { width: 100%; height: 26px; line-height: 26px; text-indent: 1em; }
.products-search .search-item .searchctn .icon-triangle-down { color: #fff; background: #565a60; width: 26px; height: 26px; text-align: center; line-height: 26px; position: absolute; bottom: -2px; right: 0; cursor: pointer; }
.products-search .search-item .searchctn ul { display: none; position: absolute; top: 27px; left: 0; background: #fff; right: 0; border: 1px solid #a5a5a5; font-size: 13px; border-top: 0; text-indent: 1em; text-transform: capitalize; }
.products-search .search-item .searchctn li:hover { background: #0067e5; color: #fff; }
.products-search .search-item .searchctn select { width: 100%; height: 26px; border: 1px solid #eee; color: #666; padding-left: 1em; }
.products-search .search-products { z-index: 5; }
.products-search .search-application { z-index: 4; }
.products-search .search-keywords { z-index: 3; }
.products-search .search-free { margin-bottom: 3.5em; z-index: 2; }
.products-search .search-free .icon-search { width: 26px; height: 26px; line-height: 26px; text-align: center; font-size: 18px; }
.products-search .search-free #search_free { width: 100%; line-height: 24px; height: 24px; float: right; width: 95%; text-indent: 1em; border: 1px solid #ccc; }
.products-search #search_submit { background: #414146; color: #fff; font-size: 18px; height: 2.2em; line-height: 2.2em; width: 10em; margin: 0 auto 3em; display: block; -webkit-border-radius: 5px; border-radius: 5px; }
.products-search .type-lists { margin-left: -1.81661%; }
.products-search .type-lists li { float: left; width: 18.18339%; margin-left: 1.81661%; }
.products-search .type-lists p { position: static; background: #787883; color: #fff; }
.products-search .type-lists a { border-bottom: 0; }
.products-search .content02 .results { font-size: 13px; padding-left: 2em; margin-bottom: 2em; }

/*产品详情
----------------*/
.products-details { /*详情*/ }
.products-details .title { background: #f2f2f2; padding-right: 1.5em; }
.products-details .details { width: 73.2%; }
.products-details .details .text { float: left; width: 45%; }
.products-details .details .text p { font-size:14px; color: #686868; margin-bottom: 2em; word-wrap:break-word;}
.products-details .details .text a { text-decoration: underline; }
.products-details .details .slidebox { float: left; width: 52%; position: relative; margin-right: 2.8%; }
.products-details .details .swiper-pagination { position: absolute; bottom: 10px; right: 5px; }
.products-details .details .swiper-pagination-switch { width: 6px; height: 6px; }
.products-details .details .product-img { margin-bottom: 2.5em; }
.products-details .tabs .tab-tit { margin-bottom: 1.375em; }
.products-details .tabs .tab-tit li { float: left; width: 33.33%; background: #f2f2f2; cursor: pointer; font-size: 14px; text-align: center; height: 2.85em; line-height: 2.85em; position: relative; }
.products-details .tabs .tab-tit li p { position: absolute; width: 100%; height: 100%; z-index: 5; white-space:nowrap; text-overflow:ellipsis;overflow:hidden;}
.products-details .tabs .tab-tit li .bgblue { background: #0067e5; position: absolute; left: 0; bottom: 0; right: 0; }
.products-details .tabs .tab-tit li.on .bgblue { top: -10px; }
.products-details .tabs .tab-tit li.on p { color: #fff; }
.products-details .tabs .tab-con { display: none; word-wrap:break-word; border: 3px solid #f2f2f2; padding: 1.3em 1.5em; margin-bottom: 2.7em; font-size: 14px; }
.products-details .tabs .tab-con.on { display: block; }
.products-details .colors, .products-details .abouts { font-size: 13px; margin-bottom: 2em; margin-left: -1.00503%; }
.products-details .colors li img, .products-details .abouts li img { border: 1px solid #bcbcbc; margin-bottom: 10px; }
.products-details .colors li, .products-details .abouts li { float: left; width: 18.99497%; margin-left: 1.00503%; text-transform: capitalize;}
.products-details .variations { margin-bottom: 2em; }
.products-details .variations img {width:100%;}
.products-details .recommend { width: 22.8%; }
.products-details .recommend li { border: 1px solid #b2b2b2; text-align: center; margin-bottom: 3em; font-size: 14px; }
.products-details .recommend p { color: #fff; background: #787883; height: 3em; line-height: 3em; }

.products-details .variations table{border:1px solid #333;max-width:100%;width: 100% !important;text-align:center}
.products-details .variations td{border:1px solid #333;padding:12px 0;-webkit-box-sizing:border-box;box-sizing:border-box;}

/*profucts-930px*/
@media screen and (max-width: 930px) { .products header { margin-bottom: 0; }
  .products-aside { width: 13.625em; -webkit-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; -webkit-transform: translateX(-100%); -moz-transform: translateX(-100%); -ms-transform: translateX(-100%); -o-transform: translateX(-100%); transform: translateX(-100%); position: absolute; left: 0; z-index: 5; background: #fff; height: 100%; }
  .products-aside .products-aside-search { -webkit-border-radius: 0; border-radius: 0; }
  .products-aside #aside_menu { display: block; position: absolute; left: 100%; height: 1.5em; width: 1.5em; text-align: center; line-height: 1.5; border-radius: 0 50% 50% 0; color: #fff; background: #0067e5; top: 7em; -webkit-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; }
  .products-article { width: 100%; float: none; }
  .products-article img { width: 100%; }
  .products-article .img img { width: auto; }
  #products-aside-wrap { position: fixed; height: 100%; z-index: 15; left: 0; right: 100%; top: 0; background: #fff; }
  #products-aside-wrap.show { right: 0; background: rgba(0, 0, 0, 0.5); }
  #products-aside-wrap.show .products-aside { -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); overflow-y: scroll; overflow-x: hidden; } }
/*products-880px*/
@media screen and (max-width: 880px) { .products-search .search-item { width: 84%; }
  .products-search .search-item label { min-width: 6.5em; }
  .products-search .search-item .icon-search { min-width: 0; }
  .products-search .search-free #search_free { width: 90%; } }
/*products-770px*/
@media screen and (max-width: 770px) { .products-details .recommend { display: none; }
  .products-details .details { width: 100%; } }
/*products-500px*/
@media screen and (max-width: 500px) { .products-article .hot-lists, .products-article .categories-lists, .products-article .type-lists { margin-left: -5%; }
  .products-article .hot-lists li, .products-article .categories-lists li, .products-article .type-lists li { width: 45%; margin-left: 5%; margin-bottom: 1em; }
  .products-article .hot-lists li p, .products-article .categories-lists li p, .products-article .type-lists li p { padding: 0 .2em; text-indent: 0; -webkit-box-sizing: border-box; box-sizing: border-box; }
  .products-search .search-item { width: 95%; }
  .products-search .search-item .searchctn { width: 70%; } }
/*products-380px*/
@media screen and (max-width: 380px) { .products-details .details .slidebox { width: 100%; margin-right: 0; }
  .products-details .details .text { width: 100%; }
  .products-details .details .text p { word-wrap: break-word; word-break: word-all; }
  .products-details .tabs .tab-tit li p { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
  .products-details .tabs .tab-con p { word-wrap: break-word; word-break: word-all; }
  .products-details .colors, .products-details .abouts { margin-left: -3%; }
  .products-details .colors li, .products-details .abouts li { width: 30%; margin-left: 3%; margin-bottom: 1em; } }

/*# sourceMappingURL=style.css.map */

/*新闻*/
.news .news-flip{margin-bottom:2em;text-align:center;}
.news .news-flip a{color:#0067e5;display:inline-block;*zoom:1;*display:inline-block;margin-right:4em;}
.news .news-lists{*zoom:1;}
.news .news-lists:after{content:'';display:table;clear:both;width:0;}
.news .news-lists{margin-bottom:4em;}
.news .news-lists li{float:left;width:45%;padding-right:4%;height:110px;overflow:hidden;margin-bottom:2em;}
.news .news-lists li img{float:left;margin:0 10px 5px 0;}
.news .news-lists li .txt{max-height:110px;}
@media screen and (max-width:640px;){
	.news .news-lists li{float:none;width:auto;}
}
/*scenes,场景*/
.scenes .main .container{padding-top:2em;}
.scenes #products-aside-wrap{float:left;width: 23.61592%;margin-left:2%;}
.scenes #products-aside-wrap .products-aside{width:100%;}
.scenes .service-main-lists{width:72%;padding-right:1em;}
.scenes .service-main-lists li{width:24%;margin-left:1%;margin-bottom:1em;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;border:1px solid #eee;}
.trend .service-popular-lists{width:69%;margin-bottom:0;padding-top:0;text-align:left;}
.trend .service-popular-lists li{text-align:center;}
@media screen and (max-width:960px){
  .scenes #products-aside-wrap{width:0;margin-left:0;}
  .scenes #products-aside-wrap.show{width:100%;}
  .scenes #products-aside-wrap .products-aside{width:13.625em;}
  .scenes .service-main-lists{width:100%;padding-top:1em;}
  .trend .service-popular-lists{width:100%;}
}

@media screen and (max-width:640px){
  .scenes .service-main-lists li{width:32%;}
}
@media screen and (max-width:420px){
  .scenes .service-main-lists li{width:48%;}
}

.scenes-details .scenes-con{*zoom:1;padding-bottom:3em;}
.scenes-details .scenes-con:after{content:'';display:table;clear:both;width:0;}
.scenes-details .scenes-con .img{width:28.6%;max-width:330px;margin-right:2em;}
.scenes-details .scenes-con .txt{color:#333;width:65%;}
.scenes-details .scenes-con .intro{margin-bottom:3em;}
.scenes-details .scenes-con .download{color:#333;text-decoration: underline;}
.scenes-details .scenes-con .download:hover{color:#0067e5;}
@media screen and (max-width:640px){
  .scenes-details .scenes-con .img{width:100%;max-width:none;text-align:center;float:none;margin-bottom:1em;}
  .scenes-details .scenes-con img{max-width:330px;}
  .scenes-details .scenes-con .txt{padding:0 1em;width:100%;}
}

/* Keep footer form actions aligned and equally sized across screen widths. */
#bottom .bottom-form .form-button {
  display: flex;
  align-items: stretch;
  gap: 16px;
  width: 100%;
}
#bottom .bottom-form .form-button input {
  float: none;
  display: block;
  flex: 1 1 0;
  width: auto;
  min-width: 0;
  margin: 0 !important;
  box-sizing: border-box;
}
.product-search-feedback{margin:14px 0;padding:11px 13px;border:1px solid #d7e5f5;border-radius:8px;background:#f4f8fd;color:#435b74;font-size:13px;line-height:1.6}.product-search-feedback a{color:#075fca;font-weight:700;text-decoration:underline}.hot-lists li[hidden],.type-lists li[hidden]{display:none!important}

/* Fix only the navigation bar; keep page headers, banners and images in normal flow. */
body { padding-top:60px !important; }
body#home { padding-top:78px !important; }
body:has(> header.blog-nav) { padding-top:66px !important; }
body > header:has(#logo) { position:relative !important; height:auto !important; }
body > header:has(#logo) > nav.container, body > header:has(#logo) > .container > nav { position:fixed !important; top:0 !important; left:0 !important; right:0 !important; width:100% !important; max-width:none !important; z-index:10000 !important; margin:0 !important; }
body > header:has(#logo) > nav.container:after, body > header:has(#logo) > .container > nav:after { width:100vw !important; left:50% !important; transform:translateX(-50%) !important; }
body > header.blog-nav { position:fixed !important; top:0 !important; left:0 !important; right:0 !important; width:100% !important; z-index:10000 !important; }

/* Text wordmark replaces the image logo in the site navigation. */
#logo .naike-wordmark { display:inline-block; color:#fff; font:700 20px/1.1 Arial, sans-serif; letter-spacing:.1px; white-space:nowrap; text-transform:none !important; }
@media (max-width:600px) { #logo .naike-wordmark { font-size:18px; } }

#logo { gap:10px; text-decoration:none; }
#logo .naike-mark { display:block; flex:0 0 38px; width:38px; height:38px; object-fit:contain; }
@media (max-width:600px) { #logo { gap:8px; } #logo .naike-mark { flex-basis:32px; width:32px; height:32px; } }