@charset "utf-8";
/* CSS Document */
html,
body {
margin: 0;
padding: 0;
width: 100%;
height: 100%;
position: relative;
}
body {
overflow-x: hidden;
overflow-y: scroll;
-webkit-touch-callout: none;
/* -webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none; */
}
@font-face{
font-family: f-an;
src: url('../font/ArchivoNarrow-Regular.otf')
}
.f-an{font-family: f-an;}
@font-face{
font-family: f-le;
src: url('../font/latinELight.ttf')
}
.f-le{font-family: f-le;}
@font-face{
font-family: f-os;
src: url('../font/OpenSans-Regular.ttf')
}
.f-os{font-family: f-os;}
@font-face{
font-family: f-rl;
src: url('../font/Roboto-Light.ttf')
}
.f-rl{font-family: f-rl;}
@font-face{
font-family: f-ts;
src: url('../font/TrilogySansLt.otf')
}
.f-ts{font-family: f-ts;}
*{-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;}
.af-cb:after{clear: both; content: ' '; overflow: hidden; width: 0; height: 0; display: block;}
.map *{
-webkit-transition: 0s;
-moz-transition: 0s;
-ms-transition: 0s;
-o-transition: 0s;
transition: 0s;
font-size: 12px !important;}
a,a:link{ color: #333; text-decoration: none;}
a:hover,a:active{ color: #f28500; text-decoration: none;}
::selection{background:#f28500; color:#fff;}
::-moz-selection{background:#f28500; color:#fff;}
/*.swiper-container .swiper-wrapper,*/.swiper-container .swiper-slide{ height: auto !important;}
.bd_weixin_popup{-webkit-box-sizing: initial;
-moz-box-sizing: initial;
box-sizing: initial;}
.map label,.map img{max-width: none !important; width: initial !important;}
.map *{ font-size: 12px;}
.animated {
-webkit-animation-duration: .5s;
animation-duration:.5s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}
.map-ico{
-webkit-animation-duration: .75s;
animation-duration:.75s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}
.lightbox,.lightbox *,.lightboxOverlay,.lightboxOverlay *{-webkit-transition: 0s;
-moz-transition: 0s;
-ms-transition: 0s;
-o-transition: 0s;
transition: 0s;}
@media screen and (max-width: 319px) {
html {
background: #fff url(../img/displayNone.png) center center no-repeat;
}
body {
display: none;
}
}
@media screen and (min-width: 320px) {
.table-responsive { width: 100%; margin-bottom: 15px; overflow-y: hidden; -ms-overflow-style: -ms-autohiding-scrollbar; border: 1px solid #ddd; }
.container{ padding: 0 15px; margin: 0 auto;}
.container:after{ content: " "; display: block; clear: both; width: 0; height: 0; overflow: hidden;}
body{font-size: 12px;}
.header-t{ display: none;}
.header-bg{ height: 40px; position: relative; z-index: 99999; }
.header-r{ float: right; line-height: 40px;}
.header-r *{ line-height: 40px; font-size: 12px; padding: 0; margin: 0;}
.header-r span{ float: left; color: #23282d;}
.header-r dl{float: left; color: #23282d; line-height: 40px; position: relative;}
.header-r .bk{ background: #333; color: #e1e2e3; font-size: 14px; line-height: 14px; width: 14px; height: 14px; display: inline-block; margin-right: 5px; -webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px; text-align: center;}
.header-r dt{ font-weight: normal; cursor: pointer;}
.header-r dd{ position: absolute; right: 0; top: 40px; background: #fff; padding: 5px; z-index: 999999; border: solid 1px #ddd; display: none;}
.header-r hr{ border: none; border-right: solid 1px #b6b9bb; float: left; margin: 0 5px; height: 14px; width: 0; margin-top: 13px;}
.header-box{ height: 50px; overflow: hidden; z-index: 8; position: relative; width: 100%; background: #f;}
.nav-box{ position: absolute; width: 100%;z-index: 9;}
.nav-box-show{ position: absolute; z-index: 99; top: 0;}
.logo{font-weight: normal; padding: 0; margin:0; float: left; position: relative; z-index: 99; overflow: hidden; height: 50px;}
.logo a{ padding: 0; margin: 0; float: left; height: 100%;}
.logo img{ height:100%; display: block;}
.logo b{ float: left; font-size: 12px; line-height: 50px; padding-left: 15px; color: #222;}
.logo-text{}
.header{ position: absolute; top: 0; width: 100%; z-index: 9999;}
.nav-btn{position: relative; top: 0; width: 36px; margin-top: 6px; cursor: pointer; z-index: 9999; cursor: pointer; float: right;}
.nav-btn div.btn-02{ height: 36px; width: 36px; overflow: hidden;}
.btn-02 i{ width: 36px; height: 36px; line-height: 36px; display: block; text-align: center; font-size: 30px; color: #f28500;}
.btn-02 .nav-hide-btn{display: none; font-size: 30px;}
.nav-btn-show .btn-02 .nav-show-btn{display: none;}
.nav-btn-show .btn-02 .nav-hide-btn{display: block; color: #f28500;}
.nav-btn-show .btn-02 .nav-hide-btn:before{ line-height: 36px; height: 36px; display: block; overflow: hidden;}
.nav{ width: 0;position: fixed; right: 0; top: 0; background: #fff; z-index: 99; padding: 10px 0 125px 0; height: 100%;
-webkit-box-shadow: 0px -5px 20px rgba(0,0,0,.1);
-moz-box-shadow: 0px -5px 20px rgba(0,0,0,.1);
box-shadow: 0px -5px 20px rgba(0,0,0,.1); overflow: hidden; width: 220px; -webkit-transform: translateX(220px); transform: translateX(220px); opacity: 0;}
.nav ul,.nav li{padding: 0; margin: 0; list-style: none;}
.nav ul{ height: 100%; overflow: visible; width: 100%;}
.nav li{ border-bottom: solid 1px #eee; display: block;}
.nav li a{ padding-left: 15px; line-height: 50px; font-size: 14px; display: block; text-transform: uppercase; overflow: hidden;}
.nav li a b{ color: #666; float: left; font-weight: normal; white-space: nowrap; -webkit-transition: .3s;
-moz-transition: .3s;
-ms-transition: .3s;
-o-transition: .3s;
transition: .3s;}
.body-box{ width: 100%; height: 100%; position: relative; background: none; -webkit-transition-duration: 0.3s;
-moz-transition-duration: 0.3s;
-ms-transition-duration: 0.3s;
-o-transition-duration: 0.3s;
transition-duration: 0.3s;}
.body-box-show{ position: fixed; top: 0;}
.nav ul div{display: none;}
.nav li div a{font-size: 14px;}
.nav li div a i{ padding-right: 10px; float: left;}
.nav-show{ opacity: 1; -webkit-transform: translateX(0); transform: translateX(0);}
.nav-show ul{ overflow-y: scroll;}
.nav li{-webkit-transition-delay: 0s;
-moz-transition-delay: 0s;
-ms-transition-delay: 0s;
-o-transition-delay: 0s;
transition-delay: 0s;}
.nav li.nav-on>a b,.nav li.nav-on>a i,.nav li a.on b{ color: #f28500;}
.nav li div{ background: #f5f5f5;}
.nav li .nav-rj-on{ color: #f28500;}
.btn-box{ width: 100%; height: 36px;}
.top-r{ width: 100%; padding-left: 15px; height: 25px; overflow: hidden; }
.buy-car{padding-right: 10px; float: left;}
.buy-car a{ float:left;}
.buy-car i{ font-size: 18px; line-height: 25px; color: #f28500;}
.buy-car div{ float:left;}
.buy-car div a{margin-left:10px;}
.buy-car div img{ width:18px; height:18px;}
.lang { line-height: 25px; float: left; height: 25px; }
.lang dd i{ display: none;}
.lang dt{display: none;}
.lang dd{ background: #f4f4f4;padding: 0 5px; -webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;}
.lang a{ color: #333; padding: 0 5px;}
.lang a.on{ color: #f28500;}
.search-box{ padding: 15px; position: relative; width: 100%;}
.search-list {overflow: hidden;}
.search-list div{ float: left; padding-right: 15px; line-height: 30px;}
.search-list div input{ display: block !important; float: left; margin-top: 7px; margin-right: 5px;}
.search-list div label{ float: left;}
.search-txt{ width: 100%; padding: 0 50px 0 15px; height: 40px; border: solid 1px #cbcbcb; outline: none;}
.search-btn{ color: #6e6e6e; background: none; width: 40px; position: absolute; top: 0; right: 0; height: 40px; font-size: 22px; border: none; cursor: pointer;}
.search-btn-02{display: none; }
.search-bd{ position: relative; display:none; overflow:hidden;}
.search-bd-show{display:inline-block;}
.banner{ position: relative;}
.banner-bg{ padding-bottom: 50%; -webkit-background-size: cover;
background-size: cover; background-position: center center; background-color:#f4f4f4;}
.swiper-container .banner-pagination{ position: absolute; bottom: 15px; z-index: 9; width: 100%; text-align: center;}
.banner-pagination .swiper-pagination-bullet{ width: 14px; height: 14px; border: solid 2px #fff; background: #000; opacity: .3;}
.banner-pagination .swiper-pagination-bullet-active{opacity: .8;}
i.pic-scale-pro{padding-bottom: 67.45%;}
.ind-pro-list{ padding: 10px 10px 0 10px;}
.ind-pro-list { overflow: hidden; margin: 0;}
.ind-pro-list dl{ padding: 0 5px;}
.ind-pro-list dt{background: -webkit-linear-gradient(#f5f5f5, #e9e9e9);
background: linear-gradient(#f5f5f5, #e9e9e9); background: #f5f5f5;}
.ind-pro-list dt, .ind-pro-list dd{-webkit-transition: .3s;
-moz-transition: .3s;
-ms-transition: .3s;
-o-transition: .3s;
transition: .3s;}
.ind-pro-list dd{ padding-top: 5px; font-size: 14px; text-align: center; color: #000;}
.ind-pro-list .pro-pagination{ position: relative; bottom: 0; text-align: center; padding-top: 10px;}
.swiper-pagination-bullet { width: 12px; height: 12px;}
.pro-pagination .swiper-pagination-bullet-active{ background: #f28500;}
.ind-news-tit{ font-size: 24px; color: #000; padding-bottom: 10px;}
i.pic-scale-news{ padding-bottom: 80%;}
.swiper-ness-txt{ position: absolute; bottom: -1px; left: 0; width: 100%; font-style: normal; height: 40px; line-height: 40px; background: #ED7A00; padding: 0 15px; font-size: 16px; color: #fff; -ms-text-overflow: ellipsis;
text-overflow: ellipsis; white-space: nowrap; overflow: hidden; text-transform: uppercase;}
.news-prev,.news-next{ position: absolute; left: 0; top: 50%; z-index: 9; color: #fff; height: 40px; width: 40px; text-align: center; line-height: 40px; margin-top: -20px; cursor: pointer;}
.news-prev i,.news-next i{ font-size: 32px; text-shadow: 0 0 5px rgba(0,0,0,.3)}
.news-next{ left: auto; right: 0;}
.ind-news{ padding: 20px 0;}
.news-r{ padding-top: 15px;}
.ind-news-list{ border-bottom: solid 1px #ccc;}
.ind-news-list li{ padding: 0; border-top: solid 1px #ccc; display: table; width: 100%; padding: 0;}
.ind-news-list li a{ display: table-cell; vertical-align: middle; padding: 10px 0;}
.ind-news-list li b{ font-size: 16px; color: #000; font-weight: normal;}
.ind-news-list li b i{ padding-left: 10px; color: #bebebe;}
.ind-news-list li span{ display: block; font-size: 14px; color: #ED7A00; padding-top: 5px;}
.ind-news-list li a:hover b,.ind-news-list li a:hover i{ color: #ec8d12;}
.ind-video-bg{ background: url(../img/ind-bg.jpg) center center; -webkit-background-size: cover;
background-size: cover; padding: 50px 0 100px 0;}
.play-btn{ width: 74px; height: 74px; margin: 0 auto; position: relative; cursor: pointer;}
.play-btn i.icon-play{ width: 74px; height: 74px; margin: 0 auto; display: block; line-height: 74px; text-align: center; color: #ED7A00; font-size: 40px; cursor: pointer; border: solid 2px #ED7A00; -webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%; position: relative; z-index: 9;}
.play-btn .play-bd{ width: 74px; height: 74px; -webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%; position: absolute; left: 0; top: 0;}
.ind-video-bg .ind-video-tit{ font-weight: normal; text-align: center; display: block; font-size: 32px; padding: 15px 0; color: #fff; font-weight: bold;}
.ind-video-bg .ind-video-cont{ font-size: 14px; text-align: center; padding-bottom: 10px; color:#fff;}
.ind-video-btn a{ line-height: 48px; display: block; cursor: pointer; width: 186px; margin: 0 auto; -webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;}
.ind-video-btn b{ color: #fff; border: solid 1px #fff; display: block; position: relative; z-index: 2; height: 50px; text-align: center; font-size: 16px; text-transform: uppercase; -webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;}
.video-show{ width: 300px !important; height: 150px !important; background: #000 !important;}
.video-show video{ width: 100%; height: 100%;}
.ind-banner{ padding-bottom: 45%; -webkit-background-size: cover;
background-size: cover; background-position: center center;}
.video-show .layui-layer-setwin{ right: 0; top: 0;}
.video-show .layui-layer-setwin .layui-layer-close2{ right: 0; top: -35px;width: 35px; height: 35px; background: #ff9900; font-family:"iconfont" !important;
font-size:16px;
font-style:normal;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale; text-align: center; line-height: 35px;}
.video-show .layui-layer-setwin .layui-layer-close2:before { content: "\e60d"; color: #fff; font-size: 24px;}
.footer-bg{ background: #5a5a5a;}
.footer-l{ display: none;}
.footer-r{ display: block; padding: 15px 0; text-align: center; color: #fff; font-size: 12px; line-height: 22px;}
.footer-r b{ font-size: 14px;}
.footer-r ul{ margin: 10px 0; height: 18px;}
.footer-r li{ display: inline-block; padding: 0 7px; height: 18px;}
.footer-r li a{ -webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px; width: 18px; height: 18px; float: left; text-align: center;}
.footer-r li a:hover{ transform:scale(1.2);}
.footer-r li i{ line-height: 18px; font-size: 14px; display: block; color: #5a5a5a;}
.footer-r li i img{width:18px; height:18px; display: block;}
.footer-b{ border-top: solid 1px #898888; padding: 10px 0; font-size: 12px; color: #ddd; text-align: center; line-height: 20px;}
.footer-b a{color: #ddd; font-size: 12px;}
/*.footer-r li:nth-child(1) a:hover{ background: #1da1f3;}
.footer-r li:nth-child(2) a:hover{ background: #3b5998;}
.footer-r li:nth-child(3) a:hover{ background: #fbbc05;}
.footer-r li:nth-child(4) a:hover{ background: #ff011d;}
.footer-r a:hover i{ -webkit-transform: translateY(-100%); transform: translateY(-100%); color: #fff;}*/
.play-btn:hover{ -webkit-transform: scale(1.1); transform: scale(1.1);}
.play-btn:hover i.icon-play{ border-color: transparent; color: #fff; -webkit-box-shadow: 0 0 10px rgba(0,0,0,.2);
-moz-box-shadow: 0 0 10px rgba(0,0,0,.2);
box-shadow: 0 0 10px rgba(0,0,0,.2);}
.play-bd{ background: url(../img/video-bg.jpg); opacity: 0;}
.play-btn:hover .play-bd{
-webkit-animation: play-bg 15s infinite; animation: play-bg 15s infinite; opacity: .9;}
.copyright{ color:#ddd; margin-bottom:15px; line-height:1.75; font-size:12px; padding: 8px 10px; background:rgba(255,255,255,.1); border-radius:6px; text-align:center;}
.copyright a{ color:#ddd;}
@-webkit-keyframes play-bg /* Safari 和 Chrome */
{
from {
-webkit-transform: rotate(0deg);
background-position: left top;
}
25%{
background-position: right top;
}
50%{
background-position: left bottom;
}
75%{
background-position: right bottom;
}
to {
-webkit-transform: rotate(1080deg);
background-position: left top;
}
}
@keyframes play-bg
{
from {
transform: rotate(0deg);
background-position: left top;
}
25%{
background-position: right top;
}
50%{
background-position: left bottom;
}
75%{
background-position: right bottom;
}
to {
transform: rotate(1080deg);
background-position: left top;
}
}
.ind-video-btn a{ position: relative; overflow: hidden; -webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;}
.ind-video-btn span{ position: absolute; left: 0; top: 50%; width: 186px; padding-bottom: 186px; margin-top: -94px; opacity: 0; background: url(../img/video-bg.jpg); z-index: -1; }
.ind-video-btn a:hover{ -webkit-transform: scale(1.1); transform: scale(1.1); -webkit-box-shadow: 0 0 10px rgba(0,0,0,.2);
-moz-box-shadow: 0 0 10px rgba(0,0,0,.2);
box-shadow: 0 0 10px rgba(0,0,0,.2);}
.ind-video-btn a:hover b{ border-color: transparent; color: #fff; }
.ind-video-btn a:hover span{
-webkit-animation: play-btn-bg 15s infinite; animation: play-btn-bg 15s infinite; opacity: .9; }
@-webkit-keyframes play-btn-bg /* Safari 和 Chrome */
{
from {
-webkit-transform: rotate(0deg) scale(1.1,1.1);
background-position: left top;
}
25%{
background-position: right top;
}
50%{
background-position: left bottom;
}
75%{
background-position: right bottom;
}
to {
-webkit-transform: rotate(1080deg) scale(1.1,1.1);
background-position: left top;
}
}
@keyframes play-btn-bg
{
from {
transform: rotate(0deg) scale(1.1,1.1);
background-position: left top;
}
25%{
background-position: right top;
}
50%{
background-position: left bottom;
}
75%{
background-position: right bottom;
}
to {
transform: rotate(1080deg) scale(1.1,1.1);
background-position: left top;
}
}
.banner-min{ padding-bottom: 30%; position: relative;}
.banner-min-bg{-webkit-background-size: cover;
background-size: cover; background-position: center center;position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 1;}
.banner-zz{ background: #000; opacity: .5; width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 2;}
.banner-txt{ width: 100%; height: 100%; position: absolute; z-index: 3;}
.banner-dt{display: table; width: 100%; height: 100%;}
.banner-dt .container{ display: table-cell; vertical-align: middle;}
.banner-dt b{ display: block; text-align: center; color: #fff; text-transform: uppercase; font-size: 24px; font-weight: normal;}
.banner-dt span{ text-align: center; color: #fff; display: block;}
.banner-dt span a{ color: #fff;}
.menu-bd{ border-bottom: solid 1px #e5e8e8;}
.menu-bd li{ width: 20%; float: left;}
.menu-bd li a{ display: block; padding: 10px 0; height: 90px;}
.menu-bd li a.on{ border-bottom: solid 4px #0096d6;}
.menu-bd li a:hover *{ color: #0096d6;}
.menu-bd li span{ height: 36px; overflow: hidden; display: block;}
.menu-bd li i{ font-size: 28px; display: block; text-align: center; color: #222; height: 36px; line-height: 36px;}
.menu-bd li i.pro-menu-on{ margin-top: -36px;}
.menu-bd b{ font-size: 12px; display: block; text-align: center; color: #222; font-weight: normal;}
.menu-bd li:hover i{ -webkit-transform: translateY(100%); transform: translateY(100%);}
.pro-menu{ border: solid 1px #ddd; background: #eee; margin: 20px 0; padding: 10px 15px;}
.pro-menu dl{ padding: 10px 0;}
.pro-menu dt{ display: block; text-transform: uppercase; color: #222;}
.pro-menu dt i{ color: #a9a9a9;}
.pro-menu dd{ display: block; padding-top: 5px; overflow: hidden;}
.pro-menu dd span{ padding: 0 10px; position: relative; float: left;}
.pro-menu dd span:after{ content: ' '; width: 1px; height: 12px; background: #a9a9a9; overflow: hidden; position: absolute; left: 0; top: 6px;}
.pro-menu dd span a{line-height: 24px; float: left; font-size: 14px; color: #222;}
.pro-menu dd span a.on,.pro-menu dd span a:hover{ color: #0096d6;}
.pro-search-bd{ padding-bottom: 20px; border-bottom: solid 1px #ddd;}
.pro-search{ width: 100%; position: relative;}
.pro-search-inp{ width: 100%; height: 50px; border: solid 2px #f28500; padding: 0 95px 0 15px; font-size: 16px;}
.pro-search-btn{ width: 80px; height: 50px; position: absolute; right: 0; top: 0; background: #f28500; border: none; color: #fff; font-size: 25px; cursor: pointer;}
.pro-list{ padding: 10px 0;}
.pro-list li{ padding: 10px 0;}
.pro-list li dt{border: solid 1px #ddd; padding: 20px;}
.pro-list li dt div{ border-top: solid 1px #ddd; padding-top: 20px;}
.pro-list li dt div b{ font-size: 16px; font-weight: normal; color: #111; line-height: 1.5; /*height: 44px;*/ overflow: hidden; display: block; text-overflow: ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient: vertical;}
.pro-list li dt div p{ font-size: 14px; color: #888; padding-top: 5px; line-height: 1.5; height: 52px; overflow: hidden; display: block; text-overflow: ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient: vertical;}
.pro-list li dt div p.min{height:auto;}
i.pic-scale-pro-02{ padding-bottom: 76.14%;}
.pro-list li dd{ padding-top: 4px; margin: 0 -2px; overflow: hidden;}
.pro-list li dd div{width: 50%; float: left; padding: 0 2px;}
.pro-list li dd div a{ display: block; height: 56px; line-height: 56px; text-align: center; background: #0096d6; color: #fff;}
.pro-list li dd div a span{ margin-right: 5px; font-size: 18px; line-height: 56px; display: inline-block; overflow: hidden; width: 30px; height: 56px; position: relative;}
.pro-list li dd div a span i{ display: block; float: left; width: 30px;}
.pro-list li dd div a span i:nth-child(2){ position: absolute; top: 0; left: -30px;}
.pro-list li dd div b{ font-weight: normal; font-size: 14px; line-height: 56px; text-transform: uppercase; display: inline-block; overflow: hidden;}
.pro-list li dd div a.more{ background: #eee;}
.pro-list li dd div a.more b{ color: #222;}
.pro-list li dd div a.more i{color: #777;}
.pro-list li dd div a:hover{ background: #0070a0;}
.pro-list li dd div a.more:hover{ background: #5a5a5a;}
.pro-list li dd div a.more:hover *{ color: #fff;}
.pro-list li dd div a.buy:hover i{-webkit-transform: translateX(100%); transform: translateX(100%);}
.pro-list li dd div a.more:hover i{-webkit-transform: scaleY(-1); transform: scaleY(-1);}
.cart{ position: fixed; right: 32px; top: 50%; z-index: 9;}
.cart a{ display: block; -webkit-transform: rotate(-90deg) translateZ(0); transform: rotate(-90deg) translateZ(0); -webkit-transform-origin: 100% 100%; transform-origin: 100% 100%; }
.cart b{border: solid 1px #87898b; line-height: 30px; height: 32px; padding: 0 10px; float: left; background: #fff; border-right: none; text-transform: uppercase; font-family: "arial black"; color: #444;}
.cart span{ width: 32px; height: 32px; float: left; background: #f35627; line-height: 32px; text-align: center; color: #fff; border-top-right-radius: 3px; border-bottom-right-radius: 3px; overflow: hidden;}
.cart span i{ display: block;}
.cart span i.cart-icon-on{ margin-top: -32px;}
.cart a:hover i{-webkit-transform: translateY(100%); transform: translateY(100%);}
.cart a:hover b{ background: #f28500; color: #fff; border-color: #f28500;}
.pro-list dl:hover dt img{-webkit-transform: scale(1.04); transform: scale(1.04);}
.pro-list dl:hover dt{ border: solid 3px #f28500; padding: 18px;}
.pro-on{-webkit-animation:pro-on .3s; animation: pro-on .3s;}
.goods{ width: 80px; height: 80px; position: fixed; background: #fff; border: solid 1px #ddd; -webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%; overflow: hidden; pointer-events: none; right: 10px; top: 50%; margin-top: -130px; -webkit-animation: goods-go .6s both; animation: goods-go .6s both; z-index: 9;}
.goods img{ width: 100%; position: absolute; left: 0; right: 0; bottom: 0; top: 0; margin: auto;}
@-webkit-keyframes pro-on /* Safari 和 Chrome */
{
50%{
-webkit-transform: scale(.95);
}
}
@keyframes pro-on
{
50%{
transform: scale(.95);
}
}
@-webkit-keyframes goods-go /* Safari 和 Chrome */
{
from{
opacity: 0;
-webkit-transform: scale(.5);
}
20%{
opacity: 1;
-webkit-transform: scale(1.5);
}
40%{
-webkit-transform: scale(1);
opacity: 1;
}
to {
-webkit-transform: translate(40px,130px) scale(.2);
opacity: 0;
}
}
@keyframes goods-go
{
from{
opacity: 0;
transform: scale(.5);
}
20%{
opacity: 1;
transform: scale(1.5);
}
40%{
transform: scale(1);
opacity: 1;
}
to {
transform: translate(40px,130px) scale(.2);
opacity: 0;
}
}
div.pages {
text-align: left;
width: 100%;
padding: 0;
margin: 0 0 30px 0;
line-height: 1.7;
}
div.pages *{ line-height: 1.7;}
div.pages a,div.pages span {
TEXT-DECORATION: none;
background: #fff;
border: 1px solid #dcdcdc;
padding: 5px 10px;
margin: 3px;
color: #333333;
font-size: 12px;
display: inline-block;
}
div.pages a.on,div.pages a.hover,div.pages a:hover,div.pages a:active,div.pages span.current,div.pages span.disabled {
background: #f28500;
color: #fff;
border: 1px solid #f28500;}
.back-btn{ padding: 15px 0;}
.back-btn a,.back-btn a *{ color: #004387;}
.swiper-pro-box{ position: relative; padding: 0 24px; }
.pro-pagination{ text-align: center;}
.pro-pagination span{ width: 6px; height: 6px; background: #757575; opacity: 1;}
.pro-pagination .swiper-pagination-bullet-active{ width: 10px; height: 10px; margin-top: 2px !important; margin-bottom: -2px !important; background: #fff; border: solid 2px #757575;}
.pro-next,.pro-prev{ top: 50%; position: absolute; left: 0; z-index: 9; margin-top: -20px; cursor: pointer;}
.pro-next{ left: auto; right: 0;}
.pro-next i,.pro-prev i{ color: #666; font-size: 24px; line-height: 40px;}
.pro-r{ padding-top: 15px;}
.pro-tit{ color: #222; font-size: 16px; padding-bottom: 10px; display: block;}
.pro-mess{ border-top: dashed 1px #c3c3c3;}
.pro-mess dl{ border-bottom: dashed 1px #c3c3c3; padding: 10px 0; overflow: hidden;}
.pro-mess dt{ font-size: 14px; display: block; font-weight: bold; color: #555;}
.pro-mess dd{ font-size: 14px; color: #555;}
.pro-btn{ padding-top: 10px; margin: 0 -5px; overflow: hidden; padding-bottom: 20px;}
.pro-btn div { width: 50%; float: left; padding: 0 5px;}
.pro-btn div a{ display: block; height: 56px; line-height: 56px; text-align: center; background: #0096d6; color: #fff;}
.pro-btn div a span{ margin-right: 5px; font-size: 18px; line-height: 56px; display: inline-block; overflow: hidden; width: 30px; height: 56px; position: relative;}
.pro-btn div a span i{ display: block; float: left; width: 30px;}
.pro-btn div a span i:nth-child(2){ position: absolute; top: 0; left: -30px;}
.pro-btn div b{ font-weight: normal; font-size: 14px; line-height: 56px; text-transform: uppercase; display: inline-block; overflow: hidden;}
.pro-btn div a.Inq{ background: #f28500;}
.pro-btn div a:hover{ background: #0070a0;}
.pro-btn div a.Inq:hover{ background: #e86800;}
.pro-btn div a.Inq:hover *{ color: #fff;}
.pro-btn div a:hover i{-webkit-transform: translateX(100%); transform: translateX(100%);}
.pro-t{ border-bottom: solid 1px #ccc;}
.pro-b-tit{ padding: 15px 0;}
.pro-b-tit b{ font-size: 14px; font-weight: bold; color: #111; text-transform: uppercase;}
.pro-b-tit a{ float: right; color: #004387;}
.pro-b-tit a:hover{ color: #f28500;}
.pro-b{ padding: 20px 0;}
.similar-list{ margin: -10px; padding: 10px 0; overflow: hidden;}
.similar-list li{ padding: 10px; width: 50%; float: left;}
.similar-list a{display: block;}
.similar-list dt{ border: solid 1px #ddd;}
.similar-list dd{ padding-top: 10px;}
.similar-list dd b{ display: block; font-weight: normal; color: #111; font-size: 14px; line-height: 20px; height: 40px; overflow: hidden;display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;}
.similar-list dd span{ display: block; font-weight: normal; color: #0096d6; line-height: 20px; padding-top: 5px;}
.similar-list dd span i{ font-size: 12px; float: left; padding-right: 5px; line-height: 20px; color: #0096d6;}
.similar-list a:hover{ -webkit-transform: scale(1.05); transform: scale(1.05);}
.similar-list a:hover span,.similar-list a:hover span i{ color: #f28500;}
.items-tit{color: #555; background: #eee; line-height: 50px; padding: 0 10px; color: #555; font-size: 14px; font-weight: bold;}
.items{ padding: 20px 0;}
.items-inp{ float: left; padding: 30px 10px 0 0;}
.items-l-pic{ width: 100px; float: left;}
.items-list li{ border-bottom: solid 1px #ccc; padding: 10px 0; overflow: hidden;}
.items-l{ float: left; padding-right: 10px;}
.items-c{ height: 76px; display: table;}
.items-name{ display: table-cell; vertical-align: middle; color: #222; line-height: 1.75;}
.items-r{ overflow: hidden; text-align: right;}
.items-r a{ color: #0096d6;}
.items-r a:hover{color: #f28500;}
.car-btn{ margin: -5px; max-width: 240px;}
.car-btn div{ width: 100%; padding: 5px;}
.car-btn div b{ text-transform: capitalize;}
.car-btn .del{ background: #f28500;}
.car-btn a.del:hover{ background: #e86800;}
.items-inp .layui-form-checkbox[lay-skin=primary] i{border-color: #999;}
.items-inp .layui-form-checkbox[lay-skin=primary]:hover i{ border-color: #272727;}
.items-inp .layui-form-checked[lay-skin=primary] i{ color: #272727; background: #fff; border-color: #272727;}
.menu-sub-bg{ background: #eee;}
.menu-sub{ margin: 0 -10px;}
.menu-sub li{ padding: 0 10px; float: left; width: 100%; overflow: hidden; -ms-text-overflow: ellipsis;
text-overflow: ellipsis; white-space: nowrap;}
.menu-sub li a{ font-size: 14px; color: #333; line-height: 40px; width: 100%;}
.menu-sub li i{ width: 3px; height: 3px; background: #333; float: left; margin-top: 18px; margin-right: 5px;}
.menu-sub li a:hover span,.menu-sub li a.on span{ color: #004387;}
.menu-sub li a:hover i,.menu-sub li a.on i{ background: #004387;}
.box-bd{ padding: 20px 0;}
.oem-list i{ background: #004387; width: 8px; height: 8px; float: left;margin-top: 16px; margin-right: 10px;}
.oem-list li{ overflow: hidden; line-height: 40px; height: 40px; border-bottom: dashed 1px #c3c3c3; position: relative; overflow: hidden; -ms-text-overflow: ellipsis;
text-overflow: ellipsis; white-space: nowrap; padding-right: 90px;}
.oem-list li a{ font-size: 14px;}
.oem-list li a:hover{ text-decoration: underline; color: #004387;}
.oem-list li span{ font-size: 14px; position: absolute; right: 0; top: 0; color: #555;}
.oem-tit{ overflow: hidden; border-bottom: solid 1px #ccc;}
.oem-tit dd{ overflow: hidden; padding-bottom: 10px;}
.oem-tit dt{ font-size: 18px; color: #111; font-weight: bold;}
.oem-tit dd{ overflow: hidden; padding-top: 10px;}
.oem-tit dd .bd-tit{ float: left; line-height: 20px; font-size: 14px; color: #111;}
.oem-tit dd .bdsharebuttonbox{ float: left;}
.oem-tit dd .bdsharebuttonbox a{margin: 0; margin-right: 6px; width: 20px; height: 20px; padding: 0; line-height: 18px; background: none; text-align: center; border: solid 1px #ddd; font-size: 14px; -webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;}
.oem-tit dd .bdsharebuttonbox a:hover:nth-child(1){ background: #00af50; border-color: #00af50; color: #fff;}
.oem-tit dd .bdsharebuttonbox a:hover:nth-child(2){ background: #f00700; border-color: #f00700; color: #fff;}
.oem-tit dd .bdsharebuttonbox a:hover:nth-child(3){ background: #3b5998; border-color: #3b5998; color: #fff;}
.oem-tit dd .bdsharebuttonbox a:hover:nth-child(4){ background: #017fb2; border-color: #017fb2; color: #fff;}
.oem-mess{ overflow: hidden; padding: 5px 0;}
.oem-mess a{ color: #004387; font-weight: bold; margin-right: 7px; float: left; font-size: 14px; line-height: 30px;}
.oem-mess span{ padding: 0 7px; float: left; font-weight: bold; font-size: 14px; color: #555; line-height: 30px;}
.oem-mess span i{ color: #004387; font-size: 14px; float: left; font-weight: normal; line-height: 30px;}
i.pic-scale-qa{ padding-bottom: 75%;}
.qa-list-a-mess{overflow: hidden; padding-top: 10px; padding-bottom: 10px;}
.qa-list-a-mess .qa-list-l{ width: 100%;}
.qa-list-a-mess .qa-list-l span{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: #000; opacity: .2;}
.qa-list-a-mess .qa-list-l i.qa-show{ cursor: pointer;}
.qa-list-a-mess .qa-list-l i.icon-bofang{ color: #fff; position: absolute; left: 50%; top: 50%; font-size: 100px; width: 120px; height: 120px; line-height: 120px; margin-top: -60px; margin-left: -60px; text-align: center;}
.qa-list-a-mess .qa-list-l b i{ font-weight: normal; font-size: 20px; line-height: 40px; float: left; padding-right: 5px; color: #004387;}
.qa-list-a-mess .qa-list-l b { line-height: 40px; color: #004387; display: block; border-bottom: solid 2px #004387; cursor: pointer;}
.qa-list-a-mess a{ color: #003c89;}
i.pic-scale-qapic{ padding-bottom: 68.09%;}
.qa-list-r{ padding-top: 15px;}
.qa-list-r dl{ padding: 10px; background: #626262;}
.qa-list-r .bd i{ -webkit-background-size: cover;
background-size: cover;}
.qa-list-r .qa-list-r-bd{ padding-top: 10px;}
.qa-list-r .hd i{ -webkit-background-size: cover;
background-size: cover;}
.qa-list-r .hd { margin: -5px; overflow: hidden;}
.qa-list-r .hd li {padding: 5px; float: left; width: 33.3333%; cursor: pointer;}
.qa-list-r .hd li span{ position: absolute; left: 0; width: 100%; top: 0; height: 100%; opacity: .2; background: #000; cursor: pointer;}
.qa-list-r .hd li i.icon-eye-02{ position: absolute; left: 50%; top: 50%; width: 60px; height: 60px; line-height: 60px; text-align: center; margin-top: -30px; margin-left: -30px; color: #fff; z-index: 9; font-size: 30px; }
.qa-list-r .hd li.on i.icon-eye-02{color: #e70012;}
.oem-txt{ padding-top: 15px; color: #111; font-size: 14px; line-height: 1.75;}
.oem-txt *{ color: #111; line-height: 1.75; font-size: 14px;}
.cont-box,.cont-box *{ color: #111; font-size: 14px; line-height: 1.75;}
i.pic-scale-news-02{ padding-bottom: 79.05%;}
.news-list{ overflow: hidden; padding: 5px 0 10px 0; margin:-5px;}
.news-list li{ padding: 5px; width: 50%; float: left;}
.news-list li a{ background: #f7f7f7; display: block;padding-bottom: 10px;}
.news-list li i span{ position: absolute; z-index: 9; background: #0096d6; left: 0; bottom: 0; color: #fff; line-height: 30px; font-style: normal; padding: 0 15px; -webkit-transition: .25s;
-moz-transition: .25s;
-ms-transition: .25s;
-o-transition: .25s;
transition: .25s;}
.news-list li b{ display: block; line-height: 20px; height: 40px; overflow: hidden; margin: 15px 10px 0 10px; overflow : hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical; color: #000;}
.news-list li p{ margin: 5px 10px 0 10px; line-height: 20px; height: 40px; overflow: hidden; overflow : hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical; color: #555;}
.news-list li div{ display: none;}
.news-list li a:hover i span{ background: #f28500;}
.news-list li a:hover i img{-webkit-transform: scale(1.1); transform: scale(1.1);}
.video-show-btn span{ padding-left:10px; color:#ED7A00;}
.about-t dd{ padding-top: 10px;}
.about-t dd div{ background: #eee; padding: 15px; color: #111;}
.about-t dd b{ display: block; font-size: 16px; text-transform: uppercase;}
.about-t dd p{ font-size: 14px;}
.about-t dd i{ font-size: 48px; color: #004387;}
.about-bg{ background: url(../img/pic-23.jpg) center center fixed; -webkit-background-size: cover;
background-size: cover; position: relative;}
.about-bg .content-box{ position: relative; z-index: 2;}
.about-bg-zz{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: #000; opacity: .3;}
.about-bg-txt b.about-bg-tit{ text-align: center; text-transform: uppercase; display: block; text-align: center; font-size: 24px; color: #fff;}
.about-bg-txt p{ font-size: 14px; color: #fff; text-align: center;}
.about-bg-txt ul{ padding-top: 15px;}
.about-bg-txt li{ width: 33.333%; float: left;}
.about-bg-txt li span{ width: 80px; text-align: center; height: 80px; border: solid 10px rgba(0,0,0,.2); display: block; margin: 0 auto; -webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%; line-height: 60px; overflow: hidden;}
.about-bg-txt li span i{background: #ff8e02; color: #fff; display: block; width: 60px; height: 60px; line-height: 60px; font-size: 32px;}
.about-bg-txt li b{ color: #fff; font-size: 12px; font-weight: normal; text-align: center; display: block; text-transform: uppercase;}
.about-b-pic{ margin: -5px;}
.about-b-pic li{ width: 50%; float: left; padding: 5px;}
.about-b-tit{ font-size: 24px; color: #111; text-transform: uppercase; text-align: center; display: block; padding-bottom: 15px;}
.about-b-list{ overflow: hidden; padding: 15px 0; position: relative;}
.about-b-list li{ width: 50%; text-align: center; float: left;}
.about-b-list li b{ display: block; font-size: 24px; font-weight: normal; color: #004387;}
.about-b-list li span{ display: block; text-transform: uppercase;}
.about-b-list hr{ width: 1px; height: auto; position: absolute; left: 50%; top: 15px; bottom: 15px;}
.to-bg{ background:#00194b url(../img/to-bg.jpg) center top no-repeat; -webkit-background-size: cover;
background-size: cover;}
.welcome-tit{color: #fff; text-align: center; text-transform: uppercase; padding-bottom: 15px;}
.wel-list{ margin: -5px 0;}
.wel-list-box{ padding: 5px 0;}
.wel-list-bg{ background: #fff; padding: 20px;}
.wel-tit{ padding-bottom: 10px; font-size: 20px;}
.wel-list ul{flex-direction: column; flex-wrap:wrap; max-height: 360px; display: flex; overflow: hidden;}
.wel-list ul li{ width: 50%;}
.wel-list ul li a{ color: #00194b; font-size: 14px; line-height: 30px;}
.wel-list ul li a:hover{ text-decoration: underline;}
.starink-t{ padding: 0;}
.starink-t dd{ padding-top: 10px;}
.starink-u{text-decoration: underline; display: block; text-transform: uppercase; color: #111; padding-top: 10px;}
.starink-t b{ font-size: 14px; font-weight: normal; color: #111; padding-top: 10px; display: block;}
div.starink-i{ font-style: italic; padding-top: 10px; color: #004387; font-weight: bold; font-style: italic; font-size: 14px;}
.starink-mess{ padding: 10px; border: solid 2px #004387; -webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px; margin-top: 15px; position: relative; -webkit-box-shadow: 3px 3px 0 #004387;
-moz-box-shadow: 3px 3px 0 #004387;
box-shadow: 3px 3px 0 #004387; font-size: 14px; position: relative;}
.starink-mess .bd-more-box{ bottom: auto; top: 0; opacity: 1;}
.bd-more-04,.bd-more-05{ width: 0; height: 0; border-bottom: solid 16px #004387; border-left: solid 16px transparent; border-right: solid 16px transparent; position: absolute; left: 0; bottom: 0; overflow: hidden; padding: 0;}
.bd-more-05{ margin-bottom: -3px; z-index: 2; border-bottom-color: #fff;}
.bd-more-box-02{position: absolute; top: 0; width: 20px; left:40px; z-index: 9;}
.starink-bg{background: url(../img/pic-08.jpg) center top no-repeat fixed; -webkit-background-size: cover;
background-size: cover;}
.starink-bg *{ color: #fff;}
.starink-bg b{ text-align: center; display: block;}
.starink-bg span{ text-align: center; display: block;}
.starink-bg ul{ margin: -10px 0; padding-top: 20px;}
.starink-bg li{ padding: 10px 0;}
.starink-bg li div{ border: solid 2px #fff; padding: 15px;}
.starink-bg li div b{ width: 38px; height: 38px; text-align: center; line-height: 38px; color: #111; background: #fff; -webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%; margin: 0 auto; font-size: 16px; font-weight: normal;}
.starink-bg li div span{ padding-top: 10px; font-size: 16px;}
.starink-bg-tit{ font-size: 24px; text-transform: uppercase;}
.starink-bg-mess{ text-transform: uppercase;}
.hc-box{ padding: 20px 0; margin: -10px 0;}
.hc-box span{ display: block; -webkit-background-size: cover;
background-size: cover;}
.hc-box img{margin: 0 auto; display: block;}
.hc-box li{ padding: 10px 0;}
.hc-box li span{background-position: center bottom;}
.hc-box li:nth-child(1) span{ background-image: url(../img/pic-09.jpg);}
.hc-box li:nth-child(2) span{ background-image: url(../img/pic-10.jpg);}
.hc-box li:nth-child(3) span{ background-image: url(../img/pic-11.jpg);}
.hc-box li:hover span{ background-position: center top;}
.hc-box li:hover img{ -webkit-transform: scale(1.1); transform: scale(1.1);}
.hc-box b{ text-align: center; padding-top: 5px; font-size: 14px; display: block; color: #111;}
.starink-more{padding: 0 10px; background: #004387; display: block; padding: 15px 0; text-align: center;}
.starink-more span{ color: #fff; line-height: 40px; overflow: hidden; padding-right: 10px; font-size: 16px; display: block;}
.starink-more i{ width: 40px; height: 40px; background: #fff; -webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%; display: inline-block; overflow: hidden; line-height: 40px; font-size: 24px;font-weight: bold; color: #004387;}
.starink-b-tit{ font-weight: bold; text-transform: uppercase; font-size: 24px; text-align: center; display: block; color: #111;}
.starink-b-mess{ text-align: center; color: #111;}
.starink-ts{ overflow: hidden;}
.starink-ts dl{ overflow: hidden; padding: 15px 0;}
.starink-ts dl b{ text-align: center;}
.starink-ts dt{ padding-right: 10px;}
.starink-ts dt i{ width: 48px; height: 48px; background: #00a63c; -webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%; text-align: center; line-height: 48px; display: block; color: #fff; font-size: 32px; margin: 0 auto;}
.starink-ts dd{ overflow: hidden;}
.starink-ts b{ display: block; font-size: 20px; line-height: 30px;}
.starink-ts span{ display: block; line-height: 18px; font-size: 16px;}
.starink-map-tit{ font-size: 20px;text-transform: uppercase; text-align: center; font-weight: bold; font-style: italic; color: #004387; padding-bottom: 10px;}
.starink-map-mess div{ padding: 5px 0;}
.starink-map-mess dl{ border: solid 2px #004387; padding: 10px 15px;}
.starink-map-mess dt{}
.starink-map-mess dt span{ font-weight: bold; text-transform: uppercase; color: #004387; line-height: 30px;}
.starink-map-mess dt i{ float: right; color: #004387; font-size: 18px; line-height: 30px; font-weight: bold; cursor: pointer; width: 30px; text-align: center; margin-right: -8px; cursor: pointer;}
.starink-map-mess dt i.icon-nav-close{ display: none;}
.starink-map-mess dd{ border-top: solid 1px #004387; padding-top: 5px;display: none; -webkit-transform-origin: 0 0; transform-origin: 0 0;}
.starink-map-mess dl.on dd{display: block;}
.starink-map-mess dl.on i.icon-nav-close{ display: block;}
.starink-map-mess dl.on i.icon-down{ display: none;}
.inquiry-txt i{ color: #d00; font-style: normal;}
.layui-form-radio>i:hover, .layui-form-radioed>i{ color: #0096d6;}
.layui-form-select dl dd.layui-this{background: #0096d6;}
.inquiry-bd{ padding: 10px 0; border-bottom: solid 1px #f0f0f0;}
.inquiry-lab{ line-height: 38px;}
.inquiry-lab i{ padding-right: 5px; color: #d00;}
.layui-form-select .layui-input{ border-color: #aaa !important; line-height: 1.3;}
.inquiry-inp:after{ content: ' '; clear: both; display: block; width: 0; height: 0;}
.inquiry-bd .inp{ -webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px; border: solid 1px #aaa; width: 100%; height: 38px;padding: 0 15px; line-height: normal;}
.inquiry-bd .tex{ -webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px; border: solid 1px #aaa; width: 100%; height: 120px;padding:5px 15px; max-width: 100%;}
.inquiry-bd .inp-min{ width: 140px; display: inline-block;}
.yz-box{ padding-left: 10px; display: inline-block;}
.bdn{ border: none;}
.inquiry-btn{ padding: 0 25px; display: inline-block; line-height: 44px; margin-right: 10px; border: none; background: #f28500; color: #fff; cursor: pointer;}
.inquiry-btn:hover{background: #e86800;}
.rescet-btn{background: #0096d6;}
.rescet-btn:hover{background: #0070a0;}
.layui-form-radio{ margin-top: 0;}
.starink-map-box i{display: none;}
.about-b-mess{ background: #f4f4f4; padding: 15px;}
.about-b-mess dt{ padding-bottom: 15px;}
.starink-tit{ text-align: center; font-size: 20px; padding-bottom: 10px;}
.starink-pic{ padding: 10px 0; text-align: center;}
.starink-box dd{ background: #f5f5f5; padding: 15px;}
.starink-txt-02{ color: #ED7A00; text-align: center; font-style: italic; font-size: 16px;}
}
@media screen and (min-width: 384px) {
.video-show{ width: 365px !important; height: 180px !important;}
}
@media screen and (min-width: 480px) {
.logo{ height: 75px;}
.header-box{ height: 75px;}
.nav-btn{ margin-top: 20px; width: 46px;}
.nav-btn div.btn-02{ width: 46px;}
.btn-02 i{ font-size: 36px !important; width: 46px; height: 46px;}
.top-r{ margin-top: 15px;}
.nav{ padding-bottom: 140px;}
.video-show{ width: 420px !important; height: 240px !important;}
}
@media screen and (min-width: 640px) {
.video-show{ width: 630px !important; height: 360px !important;}
}
@media screen and (min-width: 768px) {
.video-show{ width: 700px !important; height: 400px !important;}
}
@media (max-width: 991px) and (orientation : landscape) {
html.landscape {
background: #fff url(../img/landscape.png) center center no-repeat;
}
html.landscape body {
display: none;
}
}
/*--针对移动端设置&小屏电脑--*/
@media screen and (max-width: 1279px){
.content-box img{width: auto !important; height: auto !important; max-width: 100%;}
}
@media screen and (min-width: 992px) {
.table-responsive { border: none;}
.container{ width: 980px; padding: 0 10px;}
body {font-size: 14px;}
.logo { height: 100px; margin-top: 0; z-index: 9999; top:0; overflow:hidden; padding: 0;}
.logo img{ height: 100px;}
.nav-btn{display: none;}
.header-box{ top: 0; border: none; height: 100px;}
.jgw-btn{ margin-top: 0;}
.jgw-btn a{ position: absolute; left: 0; top: -120px; margin-left: 0; padding: 0; color: #000; background: none; width: auto;}
.nav-box {position: absolute; width: 100%; padding-top: 0;
-webkit-perspective: 1000px; perspective: 1000px; }
.nav{ position: static; width: auto; height: auto; background: none; padding: 0; z-index: 9999; -webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none; overflow: visible; float: right; width: auto; opacity: 1; -webkit-transform: none; transform: none;}
.nav ul{ float: right; overflow: visible; right: 0; top: 0px; width: auto; padding-right: 10px;}
.nav li{ float: left; border: none; text-align: center; padding:0;}
.nav li a{ padding-left: 0; padding: 0; position: relative; white-space: nowrap; padding: 0 6px; overflow: visible;}
.nav li a b{line-height: 100px; height: 100px; color: #081231; font-weight: normal; font-size: 14px; display: block; float: none; text-align: center;}
.nav li.nav-on>a b,.nav li.nav-on>a i, .nav li a.on{ color: #f28500;}
.nav li.nav-on>a b, .nav li a.on b{ }
.nav li.nav-on>a.on b,.nav li a.on i{}
.nav li.nav-off>a{}
.nav li.nav-on>a{}
.nav li.nav-on> a.on{}
.bd-more,.bd-more-02,.bd-more-03{ width: 0; height: 0; border-bottom: solid 10px #b9b8bb; border-left: solid 10px transparent; border-right: solid 10px transparent; position: absolute; left: 0; bottom: 0; overflow: hidden; padding: 0;}
.bd-more-02{ margin-bottom: -1px; z-index: 2; border-bottom-color: #fff;}
.bd-more-03{ margin-bottom: -1px; z-index: 2; border-bottom-color: #f2f2f2;}
.bd-more-box{opacity: 0; -webkit-transform: translateY(20px); transform: translateY(20px); position: absolute; bottom: 200px; width: 20px; left: 50%; margin-left: -10px; z-index: 9;}
.nav-on .bd-more-box,.search-btn-on .bd-more-box,.lang-on .bd-more-box{ bottom: 0; opacity: 1; -webkit-transform: translateY(0); transform: translateY(0);}
.nav li div{ position: absolute; left: 0; top: -200px; display: block; width: 100%; height: 120px; border-top: solid 1px #b9b8bb; opacity: 0; -webkit-transform: translateY(20px) scale(1.1); transform: translateY(20px) scale(1.1); -webkit-transform-origin:50% 0%;-o-transform-origin:50% 0%; /*pointer-events: none;*/}
.nav li div a{ display: inline-block; overflow: hidden; height: 120px; padding: 20px 0; width: 135px;}
.nav li div a i{ float: none; display: block; padding-right: 0; line-height: 50px; font-size: 36px; color: #555;}
.nav li div a span{float: none; display: block; line-height: 30px; font-size: 14px; text-transform: capitalize; color: #555;}
.nav li div a:hover *{ color: #f28500;}
.nav li.nav-on div{ top: 100px; opacity: 1; -webkit-transform: none; transform: none; /*pointer-events: auto;*/}
.top-r-box{ float: right; height: 100px; border-left: solid 1px #e0e0e0; margin-right: -10px;}
.top-r{ float: right;}
.search-box{ float: right;}
.search-btn-02{ display: block; position: relative;}
.search-box-poa{ position: absolute; width: 100%; left: 0; top: -200px; background: #fff; border-top: solid 1px #b9b8bb; padding: 40px 0; text-align: center; opacity: 0; -webkit-transform: translateY(20px) scale(1.1); transform: translateY(20px) scale(1.1); -webkit-transform-origin:50% 0%;-o-transform-origin:50% 0%; /*pointer-events: none;*/}
.search-list{display: inline-block;}
.search-list div{ line-height: 42px;}
.search-list div input{ margin-top: 14px;}
.search-bd{ display:none;}
.search-bd-show{display:inline-block;}
.search-btn{ height: 42px; width: 56px; background: #b9b9bb; color: #fff;}
.search-box-show{ opacity: 1; top: 100px; -webkit-transform: none; transform: none; /*pointer-events: auto;*/}
.search-txt{ height: 42px; width: 454px;}
.search-box{ padding: 0; width: auto; position: static;}
.search-btn-02{ line-height: 100px; height: 100px; padding: 0 10px;}
.search-btn-02 i{ font-size: 24px; color: #5a5a5a; cursor: pointer;}
.top-r{ height: auto; padding-left: 0; width: auto; margin: 0;}
.search-btn-on .icon-sousuo{ color: #f28500;}
.buy-car{ padding-right: 0;}
.buy-car a{ display: block; padding: 0 10px;}
.buy-car i{ font-size: 24px; line-height: 100px; color: #5a5a5a;}
.buy-car a:hover i{ color: #f28500;}
.buy-car div{ float:left; margin-top:37px;}
.buy-car div a{margin-left:10px; padding:0; line-height:26px;}
.buy-car div i{ line-height:26px;}
.buy-car div img{ width:26px; height:26px;}
.buy-car div a:hover{transform:scale(1.1);}
.top-r{ overflow: visible;}
.lang { position: relative;}
.lang dt{ display: block; line-height: 100px; padding: 0 10px; position: relative; height: 100px; cursor: pointer;}
.lang dt i{ font-size: 24px; color: #5a5a5a;}
.lang dt.lang-on i{ color: #f28500;}
.lang dd{position: absolute; width: 80px; right: 0; top: -200px; -webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0; border-top: solid 1px #b9b8bb; opacity: 0; padding:5px 0;-webkit-transform: translateY(20px) scale(1.1); transform: translateY(20px) scale(1.1); -webkit-transform-origin:50% 0%;-o-transform-origin:50% 0%; /*pointer-events: none;*/}
.lang dd a{display: block; text-align: center; line-height: 30px; }
.lang dd a:hover{ background: #f28500; color: #fff;}
.lang dd.lang-show{ opacity: 1; top: 100px; -webkit-transform: none; transform: none; /*pointer-events: auto;*/}
.swiper-container .banner-pagination{ bottom: 30px;}
.ind-pro-list dd{ font-size: 22px; padding-top: 10px;}
.ind-pro-list{ padding: 20px 10px 0 10px;}
.ind-pro-list dl{ padding: 0 10px;}
.ind-news{ padding: 25px 0 65px 0;}
.ind-news-tit{ padding-bottom: 15px; font-size: 42px;}
.news-l{ float: left; width: 50%; padding-right: 20px;}
.swiper-ness-txt{ line-height: 60px; height: 60px; font-size: 16px; padding: 0 20px;}
.news-r{ float: left; width: 50%; padding-left: 20px; padding-top: 0;}
.ind-news-list{ height: 364px;}
.ind-news-list li{ height: 91px; padding: 0; -webkit-transition: height linear .2s;
transition: height linear .2s;}
.ind-news-list li b{}
.ind-news-list:hover li{ height: 86px;}
.ind-news-list:hover li:hover{ height: 106px;}
.ind-video-bg{ height: 700px; padding-top: 100px; background-attachment: fixed;}
.play-btn i.icon-play{ width: 94px; height: 94px; line-height: 94px; font-size: 48px;}
.play-btn{ width: 94px; height: 94px;}
.play-btn .play-bd{ width: 94px; height: 94px;}
.ind-video-bg .ind-video-tit{ font-size: 40px; padding: 25px 0;}
.ind-video-bg .ind-video-cont{ font-size: 16px; line-height: 28px; padding-bottom: 35px;}
.banner-bg{ height: 550px; padding-bottom: 0;}
.banner-video{ height: 550px; padding-bottom: 0; object-fit:cover; display:block;}
.ind-banner{ height: 480px; padding-bottom: 0;}
.footer-l{ float: left; display: block; padding:30px 0 60px 0;}
.footer-l dl a{ color: #fff;}
.footer-l dl{ float: left; padding-right: 25px;}
.footer-l dt{display: block; padding-bottom: 10px; line-height: 30px;}
.footer-l dt a{ font-size: 16px;}
.footer-l dd span{display: block;}
.footer-l dd a{ font-size: 12px; line-height: 22px;}
.footer-r{ float: right; text-align: left; padding:30px 0 60px 0;}
.footer-r b{ line-height: 30px; display: block;}
.footer-r ul{ margin-left: -7px;}
.footer-r li{}
.footer-b{ line-height: 30px;}
.ind-pro-list dl dd{ opacity: 0; padding-bottom: 20px;}
.ind-pro-list dl a:hover dt{ padding: 10px 0; }
.ind-pro-list dl a:hover dd{ padding-bottom: 0; opacity: 1; }
.swiper-news:hover{ -webkit-box-shadow: 0 0 20px rgba(0,0,0,.4);
-moz-box-shadow: 0 0 20px rgba(0,0,0,.4);
box-shadow: 0 0 20px rgba(0,0,0,.4);}
.news-prev{ -webkit-transform: translateX(-50px); transform: translateX(-50px); opacity: 0;}
.news-next{ -webkit-transform: translateX(50px); transform: translateX(50px); opacity: 0;}
.swiper-news:hover .news-prev,.swiper-news:hover .news-next{ -webkit-transform: translateY(0); transform: translateY(0); opacity: 1;}
.pro-list ul{ margin: -10px; padding: 10px 0; display:flex; flex-wrap:wrap;}
.pro-list li{ flex-basis:33.3333%;flex-shrink:0; min-width:0; padding: 10px; display:flex;}
.pro-list li dl{
flex:1;
display: flex;
flex-direction: column;
min-width: 0;
}
.pro-list li dt{
flex:1;
}
/*.pro-list dl:hover{ -webkit-transform: scale(1.05); transform: scale(1.05);}
.pro-list dl:hover dt{-webkit-box-shadow: 0px -5px 20px rgba(0,0,0,.1);
-moz-box-shadow: 0px -5px 20px rgba(0,0,0,.1);
box-shadow: 0px -5px 20px rgba(0,0,0,.1);}*/
.banner-min{ height: 260px; padding-bottom: 0;}
.banner-dt b{ font-size: 50px;}
.banner-dt span{font-weight: bold; }
.menu-bd ul{ overflow: hidden; text-align: center;}
.menu-bd li{ width: 160px; display: inline-block; float: none; padding: 0 15px;}
.menu-bd li a{ padding: 20px 0; height: 110px;}
.menu-bd li i{ font-size: 38px;}
.menu-bd b{ font-size: 14px;}
.menu-bd li span{ height: 46px;}
.menu-bd li span i{ height: 46px; line-height: 46px;}
.menu-bd li i.pro-menu-on{ margin-top: -46px;}
.pro-menu{ margin: 30px 0 40px 0; padding:20px 30px;}
.pro-menu dl{ overflow: hidden;}
.pro-menu dt{ float: left; line-height: 24px;}
.pro-menu dd{ padding-top: 0; float: left;}
.pro-search{ width: 594px; margin: 0 auto; padding-bottom: 40px;}
.pro-list ul{ padding: 30px 0;}
div.pages{ margin-bottom: 50px;}
.back-btn{ padding: 25px 0;}
.pro-t{}
.pro-l{ width: 50%; float: left; padding-right: 25px; padding-bottom: 50px;}
.pro-r{ width: 50%; float: left; padding-left: 25px; padding-top: 0;}
.pro-tit{ font-size: 26px;}
.pro-mess dl{ padding: 15px 0;}
.pro-mess dt{ float: left; width: 130px; line-height: 24px;}
.pro-mess dd{ overflow: hidden; line-height: 24px;}
.pro-btn{padding: 30px 0 50px 0; width: 420px;}
.pro-b{ padding-bottom: 30px;}
.pro-b-tit b{ font-size: 18px;}
.similar-list li{ width: 25%;}
.pro-btn div a span i{ font-size: 20px;}
.swiper-pro-box{ padding: 0 40px;}
.pro-next i, .pro-prev i{ font-size: 36px;}
.swiper-pro-box{ overflow: hidden; padding-bottom: 10px;}
.pro-prev{ margin-left: -30px; opacity: 0;}
.pro-next{ margin-right: -30px; opacity: 0;}
.swiper-pro-box:hover{-webkit-box-shadow: 0 0 20px rgba(0,0,0,.2);
box-shadow: 0 0 20px rgba(0,0,0,.2);}
.swiper-pro-box:hover .pro-prev{-webkit-transform: translateX(100%); transform: translateX(100%); opacity: 1;}
.swiper-pro-box:hover .pro-next{-webkit-transform: translateX(-100%); transform: translateX(-100%); opacity: 1;}
.items{ padding: 40px 0;}
.items-tit{ padding: 0 25px;}
.items-list li{ position: relative;}
.items-l{ padding-right: 30px;}
.items-l-pic{ width: 160px;}
.items-inp{ padding: 57px ;}
.items-c{ height: 122px; width: 500px;}
.items-r{ position: absolute; right: 0; top: 50%; margin-top: -8px;}
.pro-btn{ max-width: none;}
.car-btn div{ width: 50%;}
.menu-sub{ text-align: center; height: 60px;}
.menu-sub li{ width: auto; display: inline-block; float: none; padding: 0 15px;}
.menu-sub li a{ line-height: 60px; font-size: 16px; width: auto;}
.menu-sub li i{ margin-top: 28px;}
.box-bd{ padding: 50px 0;}
.oem-list li{ line-height: 60px; height: 60px;}
.oem-list i{ margin-top: 26px; margin-right: 15px;}
.oem-list li a{ font-size: 18px; font-weight: bold;}
.oem-list li span{ font-size: 16px;}
.oem-tit{ padding-right: 180px; position: relative;}
.oem-tit dt{ float: left; font-size: 22px; padding: 10px 0; line-height: 40px;}
.oem-tit dd{ float: right; padding: 20px 0; position: absolute; right: 0; margin-right: -6px;}
.oem-mess{ padding: 10px 0;}
.qa-list-l{ padding-right: 20px;}
.qa-list-a-mess{ padding: 50px 0;}
.qa-list-a-mess .qa-list-l{ width: 33.333%; float: left;}
.qa-list-a-mess .qa-list-r{ float: left; width: 66.6666%; padding-top: 0;}
.qa-list-r dt{ float: left; width: 58.5%;}
.qa-list-r dd{ float: left; width: 41.5%;}
.qa-list-r .qa-list-r-bd{ padding-top: 0; padding-left: 10px;}
.news-list{ margin: -15px -10px; padding: 0;}
.news-list li{ width: 25%; padding:15px 10px;}
.news-list li b{ margin-top: 20px; font-size: 16px; line-height: 24px; height: 48px;}
.news-list li p{ margin-top: 10px; -webkit-line-clamp: 4; line-height: 24px; height: 96px;}
.news-list li div{ display: block; padding: 15px 10px 5px 10px;}
.news-list li div i{ width: 9px; height: 9px; font-size: 12px; line-height: 9px; text-align: center; background: #004387; color: #fff;}
.news-list li div span{ padding-left: 5px; font-size: 12px; color: #004387;}
.about-t{position: relative;}
.about-t dt{ float: left; width: 440px;position: absolute; left:auto; right: 0; height: 100%;}
.about-t dt img{ width: 100%; height: 100%; object-fit: cover;}
.about-t dd{float: left; width: 510px; right: auto; position: relative; padding-top: 0;}
.about-t dd div{ height: auto; padding: 30px;}
.about-t dd b{ font-size: 24px;}
.about-bg-txt b.about-bg-tit{ font-size: 42px;}
.about-bg-txt p{ font-size: 16px; padding-bottom: 20px;}
.about-bg-txt li span{ width: 170px; height: 170px;}
.about-bg-txt li span i{ width: 150px; height: 150px; line-height: 150px; font-size: 90px;}
.about-bg-txt li b{ font-size: 18px; padding-top: 15px; font-weight: bold;}
.about-b-tit{ font-size: 42px;}
.about-b-pic li{ width: 25%;}
.about-b-list { width: 450px; margin: 0 auto; padding: 20px 0;}
.about-b-list li b{ font-size: 48px; line-height: 60px;}
.about-b-list li span{ font-size: 16px;}
.welcome-tit{ font-size: 28px; padding-bottom: 50px; line-height: 80px;}
.wel-list{ margin: -5px; position: relative; display: flex;}
.wel-list-box{ width: 33.333%; float: left; padding: 5px; align-items:stretch;}
.wel-list-bg{ height: 100%; padding: 30px;}
.wel-tit{ font-size: 28px;}
.wel-list ul{max-height: 450px;}
.starink-t dt{ float: left; position: relative; left: 560px; width: 400px;}
.starink-t dd{ float: left; position: relative; width: 560px; right: 400px; padding-right: 20px; height: 432px; padding-top: 0;}
.starink-t dd .dt{display: table; height: 100%; width: 100%; }
.starink-t dd .dtc{ display: table-cell; vertical-align: middle;}
.starink-u{ font-size: 18px;}
.starink-t b{ font-size: 16px;}
div.starink-i{ font-size: 20px;}
.starink-mess{ font-size: 16px; padding: 15px 25px; -webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;}
.starink-bg-tit{ font-size: 42px;}
.starink-bg span{ font-size: 18px; padding: 10px 0;}
.starink-bg ul{ margin: 0 -20px; padding-top: 20px;}
.starink-bg li{ width: 33.3333%; float: left; padding: 0 20px;}
.starink-bg li div span{ font-size: 16px; height: 76px;}
.hc-box ul{}
.hc-box li{ width: 33.333%; float: left; padding: 0 20px;}
.hc-box b{ font-size: 18px; padding-top: 15px;}
.starink-more{ padding: 30px 0;}
.starink-more span{ display: inline-block; padding-right: 40px; font-size: 18px;}
.starink-b-tit{ font-size: 42px;}
.starink-b-mess{ font-size: 16px; padding-top: 5px;}
.starink-ts{margin: 0 auto; text-align: center;}
.starink-ts dl{display: inline-block; padding: 30px 40px;}
.starink-ts dt{float: left; padding-right: 20px;}
.starink-ts dd{ text-align: left;}
.starink-ts dt i{ width: 64px; height: 64px; font-size: 42px; line-height: 64px;}
.starink-ts b{ font-size: 26px; line-height: 32px;}
.starink-ts span{ line-height: 32px;}
.starink-map-mess div{ padding: 0;}
.starink-map-mess{ position: absolute; left: 150px; right: 150px; bottom: 00px;}
.starink-map-tit{ font-size: 36px;}
.starink-map-mess dl{ background: #fff; background: rgba(255,255,255,.8);}
.starink-map i{display: none;}
.starink-map-mess dl{display: none;}
.starink-map-mess dl.on{ padding: 45px; position: relative; display: block;}
.starink-map-mess dl.on dt span{ display: none;}
.starink-map-mess dl.on dd{ display: block; border-top: none; text-align: center; font-size: 16px; padding-top: 0;}
.starink-map-mess dl.on dt i.icon-down{display: none;}
.starink-map-mess dl.on dt i.icon-nav-close{ position: absolute; right: 10px; top: 10px; display: block; margin-right: 0;}
.starink-map i{ display: block; position: absolute;}
.starink-map i span{font-style: normal; display: block; pointer-events: none;}
.starink-map i img{ position: absolute; cursor: pointer;}
.starink-map i img{ left: -21px; top: -52px; max-width: none;}
.starink-map i img.max{ left: -32px; top: -80px; width: 63px !important; height: 80px !important; max-width: none; display: none;}
.starink-map i span{ display: block; width: 100px; text-align: center; margin-left: -50px; display: none;}
.starink-map-box{ position: relative; max-width: 1160px; margin: 0 auto;}
.starink-map-box i{display: block;}
.starink-map i.on{ z-index: 9;}
.starink-map i.on img{display: none;}
.starink-map i.on img.max{display: block;}
.starink-map i.on span{display: block;}
.starink-map{position: relative; padding-bottom: 50px;}
.starink-map-box i:nth-child(1){left: 76%; top: 44%;}
.starink-map-box i:nth-child(2){left: 85.5%; top: 42%;}
.starink-map-box i:nth-child(3){left: 89%; top: 20%;}
.starink-map-box i:nth-child(4){left: 16%; top: 25%;}
.starink-map-box i:nth-child(5){left: 18%; top: 50%;}
.starink-map-box i:nth-child(6){left: 25.5%; top: 69%;}
.starink-map-box i:nth-child(7){left: 29%; top: 75%;}
.starink-map-box i:nth-child(8){left: 33%; top: 68%;}
.starink-map-box i:nth-child(9){left: 47.5%; top: 46%;}
.starink-map-box i:nth-child(10){left: 46.5%; top: 57.5%;}
.starink-map-box i:nth-child(11){left: 49%; top: 60%;}
.starink-map-box i:nth-child(12){left: 52.5%; top: 68%;}
.starink-map-box i:nth-child(13){left: 55%; top: 76%;}
.starink-map-box i:nth-child(14){left: 57.5%; top: 61%;}
.starink-map-box i:nth-child(15){left: 61.5%; top: 53%;}
.starink-map-box i:nth-child(16){left: 60%; top: 42%;}
.starink-map-box i:nth-child(17){left: 65%; top: 45%;}
.starink-map-box i:nth-child(18){left: 68.5%; top: 52%;}
.inquiry-bd{ border: none;}
.inquiry-bd:after{ content: ' '; clear: both; width: 0; height: 0; display: block; overflow: hidden;}
.inquiry-lab{ width: 140px; padding-right: 10px; text-align: right; float: left;}
.inquiry-inp{ padding-left: 140px;}
.inquiry-rad{ float: left;}
.inquiry-inp-max { padding-left: 0;}
.inquiry-box{ width: 840px; margin: 0 auto;}
.inquiry-btn{ padding: 0 35px;}
.about-b-mess img{ width: 100%; height: auto;}
.about-b-mess{ overflow: hidden; background: #f4f4f4; padding: 15px;}
.about-b-mess dt{ float: left; width: 40%; padding-right: 30px; padding-bottom: 0;}
.about-b-mess dd{ overflow: hidden; display: block; }
.video-show{ width: 980px !important; height: 552px !important;}
.starink-mess{ margin-top: 0; margin-right: 25px;}
.bd-more-box-02{ top: 30px; left: auto; right: 0; width: auto; height: 20px;}
.bd-more-04,.bd-more-05{ width: 0; height: 0; border-left: solid 16px #004387; border-top: solid 16px transparent; border-bottom: solid 16px transparent; border-right: none; position: absolute; left: 0; bottom: 0; overflow: hidden; padding: 0;}
.bd-more-05{ margin-bottom: 0; margin-left: -3px; z-index: 2; border-left-color: #fff;}
.starink-tit{ font-size: 44px; font-weight: bold;}
.starink-txt{ font-size: 16px;}
.starink-pic{ padding: 20px 0;}
.starink-hr{ margin: 20px 0;}
.starink-box dt{}
.starink-txt-02{ font-size: 20px;}
.starink-box{ overflow: hidden;}
.starink-box dt{ float: left; position: relative; left: 500px; width: 460px;}
.starink-box dd{ float: left; position: relative; right: 460px; width: 500px; height: 276px;}
.starink-box dt img{ width: 100%;}
.cont-box img{max-width: 100%;}
}
@media screen and (min-width: 1280px){
.container{ width: 1260px;}
.logo{ padding: 0;}
.logo img{ height: 100px;}
.nav ul{ padding-right: 15px;}
.nav li a{ padding: 0 15px;}
.nav li a b{ font-size: 16px;}
.banner-bg{ height: 600px;}
.banner-video{ height: 600px;}
.ind-news-tit{ padding-bottom: 20px;}
.news-prev,.news-next{ width: 80px; height: 80px; margin-top: -40px; line-height: 80px;}
.news-prev i,.news-next i{ font-size: 48px;}
.news-l{ padding-right: 40px;}
.news-r{ padding-left: 40px;}
.ind-news-list {height: 460px;}
.ind-news-list li{ height: 115px;}
.ind-news-list:hover li{ height: 105px;}
.ind-news-list:hover li:hover{ height: 145px;}
.ind-news-list li b{ font-size: 18px;}
.ind-news-list li span{ font-size: 14px;}
.ind-news-list li a i{ font-size: 18px; padding-left: 15px;}
.ind-banner{ height: 600px;}
.footer-l dl{ padding-right: 70px;}
/*i.pic-scale-pro{ height: 288px; padding: 0; width: 427px; margin: 0 auto;}*/
.qa-list-l{ padding-right: 13px;}
.qa-list-r{ padding-left: 6px;}
.qa-list-r dt{ width: 470px;}
.qa-list-r dd{ width: 330px;}
.about-t dt{ left: auto;}
.about-t dd{ right: auto; width: 790px;}
.about-t dd div{ padding: 40px;}
.about-t dd b{ font-size: 34px; line-height: 1.5; padding-bottom: 0;}
.about-t dd p{ font-size: 16px;}
.starink-map img{ display: block; margin: 0 auto;}
.starink-t dt{ width: 500px; left: 740px;}
.starink-t dd{ width: 720px; right: 500px; height: 540px;}
.starink-u{ padding-top: 15px;}
div.starink-i{ padding: 30px 0 20px 0;}
.starink-bg{ padding: 50px 0;}
.starink-bg ul{ padding: 40px 40px 0 40px; }
.hc-box ul{ margin: 0 -20px; padding: 0;}
.starink-txt-02{font-size: 24px;}
.starink-box dt{ left: 660px; width: 580px;}
.starink-box dd{right: 580px; width: 660px; height: 348px; font-size: 16px; padding: 35px; line-height: 28px;}
}
/*--certifications--*/
@media screen and (min-width: 320px) {
.cert-info{ padding: 15px; background: #f4f4f4;}
.cert-info b{ overflow: hidden; border-bottom: solid 1px #ddd; display: block; padding: 5px 0;}
.cert-info b i{width: 5px; height: 16px; background: #1459a6; float: left; -webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px; box-shadow: 0 1px 3px rgba(0,0,0,.2); margin-right: 5px; margin-top: 3px;}
.cert-info b span{ color: #1459a6; font-size: 16px; line-height: 24px; display: block; overflow: hidden;}
.cert-info dl{ overflow: hidden; padding: 5px 0;}
.cert-info dt{ float: left; width: 150px; font-size: 14px; line-height: 30px;}
.cert-info dd{ overflow: hidden; font-size: 14px; line-height: 30px;}
.cert-list{ padding: 10px 0;}
.cert-info b.orange span{ color: #f28500;}
.cert-list dd span,.cert-list dd img{ display: inline-block;}
}
@media screen and (min-width: 992px) {
.cert-list dd .name{ width: 60px;}
.cert-list dd img{ margin-right: 10px;}
}
/*--contact--*/
@media screen and (min-width: 320px) {
.contact-mess{ background: #f4f4f4; padding: 15px;}
.contact-mess dt{ padding-bottom: 15px;}
.contact-mess dd b{ display: block; font-size: 16px; text-transform: uppercase;}
.contact-mess span.contact-name{ font-size: 14px; font-weight: bold;} .contact-mess span{display: block; overflow: hidden; line-height: 24px; padding: 4px 0;}
.contact-mess i{ float: left; line-height: 24px; font-size: 16px; height: 24px; width: 24px; text-align: center; border-radius: 50%; background: #666; color: #f4f4f4; margin-right: 10px;}
.contact-mess i.icon-tel{ background: #36c400;} .contact-mess i.icon-skype{ background: #00aff0;} .contact-mess i.icon-email{ background: #f00000;}
.cont-info{ padding-top: 10px;}
.cont-info-02{ padding-top:20px; text-align:center;font-size:16px;}
.cont-info-02 ul{margin:-10px 0; padding:10px;}
.cont-info-02 ul li{display:inline-block; padding:10px;}
.cont-info-02 i.icon-tel{ background: #36c400;} .cont-info-02 i.icon-skype{ background: #00aff0;} .cont-info-02 i.icon-email{ background: #f00000;}
.cont-info-02 i{ float: left; line-height: 24px; font-size: 16px; height: 24px; width: 24px; text-align: center; border-radius: 50%; background: #666; color: #f4f4f4; margin-right: 10px;}
}
@media screen and (min-width: 992px) {
.contact-mess img{ width: 100%; height: auto;}
.contact-mess{ overflow: hidden; background: #f4f4f4; padding: 15px;}
.contact-mess dt{ float: left; padding-right: 30px; padding-bottom: 0;}
.contact-mess dd{ overflow: hidden; display: block; }
.video-show{ width: 980px !important; height: 552px !important;}
.cont-info{ float: left; width: 25%;}
.contact-mess dd b{ font-size: 24px;}
.contact-mess dd div b{ font-size: 18px;}
.cont-info-02{font-size:22px;}
}
@media screen and (min-width: 1280px) {
.contact-mess dd b{ font-size: 36px;}
.contact-mess dd div b{ font-size: 18px;}
}
/*--contact--*/
@media screen and (min-width: 320px) {
.contact-pic-02{ padding:0 0 15px 0;}
.contact-mess-02 .tit{ color:#f28500; font-size:18px; padding-bottom:5px; text-transform: uppercase;}
.contact-mess-02 .list{ overflow:hidden;}
.contact-mess-02 .list ul{ margin:-5px;}
.contact-mess-02 .list li{ display:flex; padding:5px;}
.contact-mess-02 .list i{ width:25px; height:25px; margin-right:10px; display:flex; align-items:center; justify-content: center;}
.contact-mess-02 .list i img{width:20px !important; height:20px !important;}
.contact-mess-02 .list span{color:#334068; font-size:16px;}
.contact-mess-02 .flex{margin:-10px;}
.contact-mess-02 .item{padding:10px;}
.contact-mess-02 .list-02 ul{ margin:-3px; display:flex;}
.contact-mess-02 .list-02 li{ padding:3px;}
.contact-mess-02 .list-02 i{ width:25px; height:25px;}
.contact-mess-02 .list-02 i img{width:25px !important; height:25px !important;}
.contact-mess-02 .item-flex .tit{padding-top:10px;}
.contact-mess-02 .item-flex .tit span{ background:#ededed; border-radius:16px; height:32px; display:inline-flex; align-items:center; justify-content: center; color:#323658; padding:0 15px; font-size:16px;}
.contact-mess-02 .item-flex{ display:flex; justify-content: space-between; align-items:flex-end;}
.contact-mess-02 + .contact-mess-02 { padding:15px 0 0 0 ;}
}
@media screen and (min-width: 992px) {
.contact-mess-02{ overflow:hidden;}
.contact-mess-02 .flex{ display:flex; margin:-20px;}
.contact-mess-02 .item{ flex-basis:50%; flex-shrink:0; padding:20px;}
.contact-mess-02 .list ul{ display:flex; flex-wrap:wrap;}
.contact-mess-02 .list li{ flex-basis:50%; flex-shrink:0;}
.contact-mess-02 .item-flex .l{ display:flex; align-items:center;}
.contact-mess-02 .item-flex .tit{padding:0 0 0 6px;}
.contact-mess-02 + .contact-mess-02 { padding:25px 0 0 0;}
.contact-mess-02 .item{ position:relative;}
.contact-mess-02 + .contact-mess-02 .item::before{ content:' '; width:1px; background:#dedede; position:absolute; left:0; top:20px; bottom:20px;}
}
@media screen and (min-width: 1280px) {
}
/*--menu-sub--*/
@media screen and (min-width: 320px) {
.menu-sub li a{ }
.menu-sub li div{ padding-left: 10px; background: #ddd; margin: 0 -10px; padding: 0;}
.menu-sub li div a{ padding: 0 15px; display: block; line-height: 40px; color: #004387; float: none;}
.menu-sub li div a.on-02{ background: #004387; color: #fff;}
}
@media screen and (min-width: 992px) {
.menu-sub li a{float: left;}
.menu-sub li div{ float: left; background: none; margin: 0; margin-top: 17px; overflow: hidden;}
.menu-sub li div a{ float: left; width: auto; line-height: 30px; height: 30px; -webkit-border-radius: 15px;
-moz-border-radius: 15px;
border-radius: 15px; font-size: 12px; padding: 0 20px; background: #ddd; margin-left: 10px; }
}
/*--expos--*/
@media screen and (min-width: 320px) {
.expos-menu{ padding-top: 15px; overflow: hidden; margin: -3px;}
.expos-menu li { padding: 3px; overflow: hidden; float: left;}
.expos-menu li a{ padding: 0 15px; float: left; line-height: 30px; color: #004387; background: #ddd; padding: 0 20px; -webkit-border-radius: 15px;
-moz-border-radius: 15px;
border-radius: 15px;}
.expos-menu li a.on{ background: #004387; color: #fff;}
ul.expos-list li b{ height: auto; font-size: 14px; font-weight: normal; text-align: center; margin-top: 10px;white-space: nowrap; overflow: hidden; -ms-text-overflow: ellipsis;
text-overflow: ellipsis; display: block;}
ul.expos-list .bd{ background:#fff; border:solid 1px #f7f7f7; display:block;}
}
@media screen and (min-width: 992px) {
.expos-menu{ padding-top: 40px;}
ul.expos-list{margin-top: -30px;}
ul.expos-info{margin-top: 0;}
ul.expos-list a:hover{ box-shadow: 0 3px 10px rgba(0,0,0,.2);}
}
/*--download--*/
@media screen and (min-width: 320px) {
i.pic-scale-dl{ padding-bottom: 142.86%;}
ul.download-list { padding-bottom: 20px;}
ul.download-list a{ border: solid 5px #eee;}
.download-tit{ padding-bottom: 5px; display: block; color: #004387; font-size: 16px;}
}
@media screen and (min-width: 992px) {
ul.download-list{margin-top: 0;}
ul.download-list li{ width: 20%;}
.news-list li{ padding: 10px;}
.download-tit{ display: block; color: #004387; font-size: 22px;}
}
.banner-video{ width: 100%;}
/*--brand--*/
@media screen and (min-width: 320px) {
.brand-logo-ovh{ overflow: hidden;}
.brand-logo{ margin: 0 -50%; text-align: center;}
.brand-txt{ padding: 15px 0; }
.brand-bg{ background: url(../img/brand-bg.jpg) center bottom no-repeat; padding:30px 10px 10px 10px; }
.brand-bg-tit{ padding-left: 10px;}
.brand-bg-tit b{ background: #1759a5; color: #fff; display: inline-block; padding: 0 10px; line-height: 46px; border-top-left-radius: 5px; border-top-right-radius: 5px;}
.brand-bg-txt{ background: #fff; padding: 10px 0 0 0; -webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px; box-shadow: 0 0 20px rgba(0,0,0,.2); color: #004387; }
.factory-tit{ padding-top:20px; color:#1759a5; font-size:16px; display:block; padding-bottom:10px;}
}
@media screen and (min-width: 992px) {
.brand-logo{ margin: 0 ;}
.brand-txt{ padding: 40px 0 0 0; font-size: 16px;}
.brand-bg{ padding:100px 60px 50px 60px;}
.brand-bg-tit{ padding-left: 30px;}
.brand-bg-tit b{ font-size: 18px; border-top-left-radius: 11px; border-top-right-radius: 11px; padding: 0 20px;}
.brand-bg-txt{ padding: 30px; -webkit-border-radius: 11px;
-moz-border-radius: 11px;
border-radius: 11px; font-size: 16px;}
.factory-tit{ padding-top:30px; font-size:18px;}
}
@media screen and (min-width: 1280px) {
}
/*--OEM--*/
@media screen and (min-width: 320px) {
.oem-mess dl{ padding: 15px 10px;}
.oem-mess dl:nth-child(even){ background: #f8f8f8;}
.oem-mess dt{ overflow: hidden;}
.oem-mess dt i{ padding-right: 5px; float: left; font-size: 24px; line-height: 24px; color: #004387;}
.oem-mess dt b{ font-weight: bold; font-size: 14px; line-height: 24px;}
.oem-mess dd{ font-size: 12px; color: #666; line-height: 1.4; padding-top: 10px;}
.about-t dd div.video-show-btn{margin-top:20px; padding:0;}
}
@media screen and (min-width: 992px) {
.oem-mess dt b{ font-size: 16px; }
.oem-mess dd{ padding-left: 27px; font-size: 14px;}
}
@media screen and (min-width: 1280px) {}
/*--brand--*/
@media screen and (min-width: 320px) {
.brand-t{}
.brand-t dt{}
.brand-t dd{padding-top:10px;}
.brand-t dd b{ font-size:20px;}
.brand-b dt{}
.brand-b dd{padding-top:10px;}
.brand-b dt b{}
.brand-tit{text-align:center; font-size:20px; font-weight:bold; padding-bottom:20px;}
.brand-list {margin:-10px;}
.brand-list li{ padding:10px;}
.brand-list dl{display:flex;}
.brand-list dt{ flex-basis:80px; padding-right:15px; flex-shrink:0;}
.brand-list dd b{ display:block;}
.brand-list dd span{ }
.discovery-list{position:relative; overflow:hidden;}
.discovery-list ul{ padding-left:30px; margin:-10px 0; position:relative;z-index:9;}
.discovery-list li{ padding:10px 0; position:relative;}
.discovery-list i{position:absolute; left:-30px; top:12px; width:20px; height:20px; border-radius:5px; background:#ec7900; }
.discovery-list b{display:block;}
.discovery-list hr{ position:absolute; margin:0; left:7px; top:0; bottom:0; width:6px; height:auto; border-radius:3px; background:#dbdbdb;}
.discovery-list .line span{ padding-left:30px; color:#808080;}
.brand-b{padding-top:30px;}
.brand-list-box{ padding-top:30px;}
.brand-ad-box{ padding-top:30px;}
.discovery-list-box{ padding-top:30px; padding-bottom:20px;}
}
@media screen and (min-width: 992px) {
.brand-t{display:flex; flex-direction:row-reverse;}
.brand-t dt{ /*flex:1;*/ padding-left:20px;}
.brand-t dd{flex:1; padding-right:20px;}
.brand-t dd b{ font-size:32px;}
.brand-b{display:flex; align-items:center;}
.brand-b dt{flex:1; padding-right:20px;}
.brand-b dd{flex:1; padding-left:20px;}
.brand-b dd b{ font-size:18px;}
.brand-tit{font-size:32px;}
.brand-list {display:flex; flex-wrap:wrap; margin:-20px;}
.brand-list li{flex-basis:50%; padding:20px;}
.brand-list dt{ flex-basis:115px; }
.brand-list dd b{ font-size:18px;}
.brand-b{padding-top:50px;}
.brand-list-box{ padding-top:50px;}
.brand-ad-box{ padding-top:50px;}
.discovery-list-box{ padding-top:50px; padding-bottom:40px;}
.discovery-list{ padding-bottom:100px;}
.discovery-list ul{display:flex; padding-left:0; margin: 0; align-items:flex-end; padding:0 5% 0 5%;}
.discovery-list li{flex:1; padding:10px 0; margin:0 -5%;}
.discovery-list li i{ left:0; top:auto; bottom:-31px;}
.discovery-list li:nth-child(even){transform:translateY(100%); top:37px;}
.discovery-list li:nth-child(even) i{bottom:auto; top:-26px;}
.discovery-list li:nth-last-child(1){ margin-right:0;}
.discovery-list b{font-size:18px;}
.discovery-list hr{position:relative; width:auto; width:100%; height:10px;}
.discovery-list .line{ display:flex; align-items:center;}
.discovery-list .line span{ white-space:nowrap; font-size:24px;}
}
@media screen and (min-width: 1280px) {
}
/*--footer-mess--*/
@media screen and (min-width: 320px) {
.footer-mess{ padding-top:30px;}
.footer-mess ul{margin:-5px;}
.footer-mess-r{ padding-top:5px;}
.footer-mess li{padding:5px;}
.footer-mess input,.footer-mess textarea{ border:solid 1px #999; background:none; resize:none; color:#fff;}
.footer-mess button{ width:100%; background:#f28500; text-align:left;}
.footer-mess button i{ float:right;}
.footer-mess input::-webkit-input-placeholder,.footer-mess textarea::-webkit-input-placeholder{ color: #ccc; }
.footer-mess-r li{display:flex;}
.footer-mess-r li img{ height:38px; margin-left:10px;}
}
@media screen and (min-width: 992px) {
.footer-mess{padding-top:60px;}
.footer-mess{overflow:hidden; margin:-5px;}
.footer-mess ul{margin:0;}
.footer-mess-l{ width:66.6666%; float:left;}
.footer-mess-l li{ width:50%; float:left;}
.footer-mess-r{ padding-top:0; float:left; padding-left:0; width:33.333333%;}
.footer-mess textarea{ min-height:86px;}
}
@media screen and (min-width: 1280px) {}
/* 视频展示 - 内页 */
@media screen and (min-width: 320px) {
.e-video{ padding-bottom: 20px;}
.e-video-box{ width: 100%; height: 60vw; background: #000;}
}
@media screen and (min-width: 375px) {
}
@media screen and (min-width: 480px) {
}
@media screen and (min-width: 992px) {
.e-video{ padding-bottom: 30px;}
.e-video-box{ width: 720px; height: 480px; background: #000; margin: 0 auto; display: block;}
}
@media screen and (min-width: 1280px) {
.e-video{ padding-bottom: 40px;}
}
/* banner */
@media only screen and (min-width: 320px){
.banner-txt-02{ display:flex; position:absolute; left:0; top:0; right:0; bottom:0; z-index:9; align-items: center; justify-content: center; background:rgba(0,0,0,.5); background-image:url(../img/banner-txt-02.png); background-size: cover;
background-position: center center;}
.banner-txt-02 b{ font-size:18px; font-weight:bold; color:#fff; display: block;}
.banner-txt-02 span{ font-size:14px; color:#fff; display: block; padding-top:.8vw;}
.oem-txt *{font-family: auto!important;}
}
@media screen and (min-width: 992px) {
.banner-txt-02 .container{ width:1020px; padding-bottom:200px;}
.banner-txt-02 b{ font-size:34px; }
.banner-txt-02 span{ font-size:24px;}
}
@media screen and (min-width: 1280px) {
.banner-txt-02 .container{ width:1260px; padding:0 50px; padding-bottom:216px;}
.banner-txt-02 b{ font-size:36px; }
.banner-txt-02 span{ font-size:30px;}
}
/*20023-09-01*/
@media only screen and (min-width: 320px){
.banner-bg-box{
position: absolute;
left:4vw;
right:4vw;
top:24vw;
}
.banner-bg-box .list{
max-width: 1060px;
margin: 0 auto;
}
.banner-bg-box .list ul{
display: flex;
}
.banner-bg-box .list li{
flex:1;
}
.banner-bg-box .list li .org{
color:#ff6600;
text-align: center;
font-size:4vw;
font-family: Impact;
}
.banner-bg-box .list li .org i{
font-style: normal;
}
.banner-bg-box .list li .txt{
color:#fff;
text-align: center;
font-size:2vw;
}
}
@media screen and (min-width: 992px) {
}
@media screen and (min-width: 1280px) {
.banner-bg-box{
left:0;
right:0;
top:350px;
}
.banner-bg-box .list li .org{
font-size:50px;
}
.banner-bg-box .list li .txt{
font-size:24px;
}
}