/*cssReset*/
@charset "utf-8";
*{ box-sizing: border-box; margin:auto; padding:0;}
html,body{padding:0; margin:auto; -webkit-font-smoothing:antialiased ; }
html{font-size: 16px;}
img{max-width: 100%; max-height: 100%;outline: none; border:none;}
video{width: 100%;}
button,input{outline: none; }
li{list-style: none;}
a{text-decoration: none; color: #000}
a:hover{color: #000}
body{ outline:0; border:0;  box-sizing: border-box; font-family:'Microsoft YaHei','Arial','sans-serif'; -webkit-tap-highlight-color: rgba(0,0,0,0); background: #333; }

.wrap,.g-section,.g-content{margin: auto 9.4%}
.clear:after{content: ''; display: block; clear: both;}
.inblock, .g-menu li, .g-goodslist li, .g-pictlist li, .g-contact .g-btn, .g-slide .s-setps span{display: inline-block; *display: inline; zoom: 1; vertical-align: middle;  }
.g-section{margin-top: 5rem;}
.g-section.not{margin-top: 0;}
.g-section .s-title{color: #fff;}
.g-btn{padding: 0 2.25rem; height: 2.5rem; line-height: 2.5rem;background: #c80010; color: #fff; text-align: center; border-radius: 0.4rem; cursor: pointer;}
.g-btn:hover{background: #e00012; color: #fff;}

/*header*/
.g-header{position: relative; z-index: 8; top: 0; left: 0; width: 100%; padding:1.25rem 0; background: #000; color: #fff}
.g-header .logo , .page-query .form .logo{width: 8.75rem; line-height: 0; text-align: center;}
.g-menu {position: relative; z-index: 8; top: 0; left: 0; width: 100%; padding: 1.85rem 0; background: #000;}
.g-menu .list{text-align: center; font-size: 0;}
.g-menu li{padding: 0 2.5rem}
.g-menu li a{color: #fff; font-size: 1.125rem; }
.g-menu li a:hover,.g-footer .copyright a:hover{color: #c80010;}
.g-menu.fixed{position: fixed;}


/*footer*/
.g-footer{margin-top: 5rem; padding:3.75rem 0;  background: #000;}
.g-footer .copyright{margin-top: 3.75rem; text-align: center; font-size: 0.875rem; color: #666;}
.g-footer .copyright a{color: #666;}
#gotop{position: fixed; right: 3rem; bottom: 8.5rem; z-index: 4; width: 2.5rem; height: 2.5rem; background: #fff url(../images/gotop.svg) no-repeat center / 50%; cursor: pointer; }
#gotop:hover{background-size: 55%;}
    
/*page-index*/
.page-index{background: #000;}
.page-index .g-section{margin-left: 7.3%; margin-right: 7.3%;}
#video{position: relative; line-height: 0; cursor: pointer;}
#video.play:before{content: ''; display: block; position: absolute; top: 50%; left: 50%; z-index: 4; width: 4rem; height: 4rem; transform: translate(-50%,-50%); background: url(../images/icon-play.png) no-repeat center / cover;} 
.g-slide{position: relative; }
.g-slide .slide-wrap{ overflow: hidden;}
.g-slide .list{display: flex;}
.g-slide .list .item{flex-shrink: 0; text-align: center; width: 100%;line-height: 0}
.g-slide .list .item img{width: 100%;}
.g-slide .s-setps{position: absolute; bottom: 1rem; left: 0; z-index: 2; width: 100%; text-align: center;}
.g-slide .s-setps span{margin: auto 0.3rem; width: 0.7rem; height: 0.7rem; border-radius: 0.35rem; background: rgba(255,255,255,0.5); cursor: pointer;}
.g-slide .s-setps .act{background: #fff;}

.g-goodslist .list{font-size: 0;}
.g-goodslist li{width: calc(16.6% - 1.6rem); margin-left: 1.875rem; vertical-align: top; }
.g-goodslist li:first-child{margin-left: auto;}
.g-goodslist li .text{padding-top: 1rem; text-align: center;}
.g-goodslist li .text span{display: block; font-size: 1rem; color: #fff;}
.g-goodslist li .text span:last-child{}
.g-goodslist li .img , .g-pictlist li{overflow: hidden;}
.g-goodslist li .img img , .g-pictlist li img{transition: 300ms; width: 100%;}
.g-goodslist li .img:hover img, .g-pictlist li:hover img{transform: scale(1.1);}
.g-goodslist.x3 li{margin-bottom: 1.875rem; width: calc(33.3% - 1.3rem);}
.g-goodslist.x3 li:nth-child(3n+1){margin-left: auto;}
.g-goodslist.x3 .text{padding: 1rem 0; background: #000;}

.g-pictlist .list{font-size: 0;}
.g-pictlist li{margin-left:1.875rem ;}
.g-pictlist li:first-child{margin-left: auto;}

.g-pictlist.x3 li{width: calc(33.3% - 1.3rem);}

.g-contact .inblock{width: calc(50% - 1.2rem); color: #fff;}
.g-contact .inblock.map{margin-left: 1.875rem;}
.g-contact .info{margin-top: 3.75rem;}
.g-contact .info li{margin-bottom: 2rem;}
.g-contact .info span{display: inline-block;}
.g-contact .info li span:last-child{margin-left: 2rem;}

#contactMAP{height: 400px; z-index: 2;}

.amap-info .amap-info-contentContainer{padding:10px; width: 300px; background: #fff;}
.amap-info .text {padding:10px 0; font-size: 12px; color: #999;}
.amap-info .text p{font-size: 16px; color: #333}
.amap-info img{max-width: 100%!important;}

/**/
.contents-ban{position: relative; line-height: 0; overflow: hidden;}
.contents-ban img{width: 100%;}
.contents-ban .qrlist{position: absolute; top: 50%; left: 0; z-index: 2; width: 100%;transform: translateY(-50%); }
.contents-ban .qrlist .list{width: 40%; margin: auto;}
.contents-ban .qrlist .list li{width: 50%; float: left; text-align: center; color: #fff;}
.contents-ban .qrlist .img{width: 50%; margin: auto; border-radius: 1rem; overflow: hidden; background: #fff;}
.contents-ban .qrlist .text{margin-top: 1rem; font-size: 1.125rem; line-height: 2;}

.g-content{line-height: 1.8;}
.g-content.details{padding: 3.75rem; margin-top: 5rem; background: #fff;}
.g-paging , .btn-skip{margin-top: 3.75rem; text-align: center;}
.g-paging a , .btn-skip a{padding: 6px 12px; margin: auto 2px; line-height: 3.6; color: #fff; border: 1px solid #555}
.g-paging a:hover , .g-paging .act , .btn-skip a:hover{background: #c80010; border-color: #c80010; color: #fff;}
.btn-skip{margin-top: 3.75rem; text-align: right;}
.btn-skip a{color: #999; border-color: #eee;}

.page-title{margin:6.25rem auto 3rem; font-size: 1.5rem; font-weight: bolder; color: #fff;}

.page-about .g-content{color: #fff;}
.page-about .g-content .img{margin-top: 2.5rem;}
.page-about .g-content .img img{width: 100%;}

.page-about .section{margin-top: 6rem;  }
.page-about .section.not{margin-top: 0;}
.page-about .section .s-title , .g-section .s-title{margin-bottom: 2.5rem; font-size: 1.5rem; font-weight: bolder;}
.page-about .base-info , .page-about .max-section{font-size: 0;}
.page-about .base-info .inblock, .page-about .max-section .inblock{width: 50%; font-size: 1rem;  vertical-align: top;}
.page-about .base-info .bimg img{width: 100%;}
.page-about .base-info .info{padding-left: 3.75rem;}
.page-about .base-info .highlight{padding: 0 4px; background: #fff; color: #000;}
.page-about .base-info ul{margin-bottom: 2.5rem;}
.page-about .base-info li{margin-bottom: 1rem;}
.page-about .link-bar span{padding: 0.6rem 1.6rem; margin-right: 2rem; line-height: 4.5; border: 1px solid #444; border-radius: 0.5rem; white-space: pre;}
.page-about .shaftbox{padding:0 3rem;}
.page-about .timer-shaft{position: relative;   }
.page-about .timer-shaft .swrap{overflow: hidden;}
.page-about .timer-shaft .list{display: flex; border-bottom: 4px solid #444;}
.page-about .timer-shaft .list .item{position: relative; padding:0 2rem; flex-shrink: 0; cursor: pointer;}
.page-about .timer-shaft .list .item:before{content: ''; display: block; position: absolute; top: 8px; left: 0; z-index: 2; width: 14px; height: 14px; border-radius: 7px; background: #c80010;}
.page-about .timer-shaft .list .item:after{content: ''; display: block; position: absolute; left: 6px; bottom: 0; width: 2px; height: calc(100% - 8px); background: #444;}
.page-about .timer-shaft .list h4{margin-bottom: 2.5rem; font-size: 1.25rem;}
.page-about .timer-shaft .list div{height: 6rem;}
.page-about .timer-shaft .handle{position: absolute; top: calc(50% - 1.4rem); left: -2.8rem; width: 2.8rem; height: 2.8rem; background: url(../images/arr-w-l.svg) no-repeat center / cover; cursor: pointer; opacity: 0.4;}
.page-about .timer-shaft .handle.next{left: auto; right: -2.8rem; background-image: url(../images/arr-w-r.svg);}
.page-about .timer-shaft .handle:hover{opacity: 1;}
.page-about .timer-shaft .handle.swiper-button-disabled{opacity: 0;}
.page-about .max-section{margin-top: 7.5rem;}
.page-about .max-section .info{padding-right: 3.75rem;}
.page-about .max-section .bimg img{width: 100%;}
/**/
.page-title{margin-top: 2.5rem ; margin-bottom: 1rem;}
.g-paging, .btn-skip{margin-top: 2rem;}
.page-news .newslist{background: #fff;}
.page-news .newslist li {padding: 1.875rem; border-bottom: 1px solid #eee;}
.page-news .newslist a{display: block; position: relative; font-size: 0.875rem; color: #999;}
.page-news .newslist .img{float: left; width: 26%;}
.page-news .newslist .text{float: left; padding-left: 2rem; padding-top: 3.75rem; width: 74%;}
.page-news .newslist h4{padding-right:10rem ; font-size: 1.125rem;  color: #000; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.page-news .newslist span{position: absolute; top: 3.75rem; right: 0;}
.page-news .newslist .info{margin-top: 2rem;}
.page-news .newslist .img {overflow: hidden;}
.page-news .newslist .img img {transition: 300ms; width: 100%;}
.page-news .newslist li a:hover img{transform: scale(1.1);}

.page-news .g-content.details .d-title{font-size: 1.5rem; text-align: center; font-weight: bolder;}
.page-news .g-content.details .data{margin-top: 2rem; text-align: center; font-size: 0.875rem; color: #999;}
.page-news .g-content.details .content, .page-product .g-content.details .content{margin: auto; margin-top: 2rem; line-height: 2; max-width: 1080px;}

.page-product .g-content.details .content{padding-top: 3.75rem; margin-top: 3.75rem; border-top: 1px solid #eee; font-size: 0;}
.page-product .g-content.details .content img{width: 100%;}
.page-product .base{margin: auto; font-size: 0; max-width: 1080px; }
.page-product .base .g-slide{width: 50%; float: left; cursor: zoom-in;}
.page-product .base .g-slide .slide-wrap{border: 1px solid #ddd}
.page-product .base .baseinfo{width: 50%; float: left; padding-left: 1.8rem; font-size: 1rem;}
.page-product .base .title{font-size: 1.5rem;  }
.page-product .base .list li{padding: 1rem 0; border-bottom: 1px dotted #ddd;}
.page-product .base .list em{font-style: normal; color: #c80010;}
.page-product .base .btn-bar{position: relative; margin-top: 3.75rem;}
.page-product .base .g-btn{padding-top: 0.75rem; padding-bottom: 0.75rem; line-height: 3.6;}
.page-product .base .btn-skip{position: absolute; top: 0; right: 0; margin-top: 0;}
.page-product .goodsmask{position: fixed; top: 0; left: 0; z-index: 9; padding: 5%; width: 100%; height: 100%;  background: rgba(0, 0, 0, 0.8); }
.page-product .goodsmask .img{position: relative; width: 70%; height: 100%; }
.page-product .goodsmask .img img{width: 100%; max-height: inherit;cursor: move; }
.page-product .goodsmask i{ display: block; position: absolute; top:5%; right:5%; z-index: 2; width:2rem; height:2rem; background:url(../images/icon-close.svg) no-repeat center /cover ; cursor: pointer;}


/**/
.page-query{height: 100vh; overflow: hidden;}
.page-query .form{position: absolute; top: 50%; left: 0; z-index: 4; width: 100%; transform: translateY(-50%); color: #fff; text-align: center;}
.page-query .form .lab , .page-query .form .tips{margin-top: 1.6rem;}
.page-query .form form{display: block; margin: auto; width: 18.75rem;}
.page-query .form input{padding: 0 0.5rem; width: 100%; height: 2.8rem; line-height: 2.8rem; border-radius: 0.5rem; background: none; border:1px solid  #444; color: #fff; text-align: center;}
.page-query .form button{width: 100%; height: 2.8rem;line-height: 2.8rem; border: none;}
.page-query .form a{padding-top: 0.8rem; padding-bottom: 0.8rem;}

/**/
.page-contact .g-footer{margin-top: 0;}

/**/
@media screen and (max-width: 1680px) {
    html {
        font-size: 14px;
    }
}


@media screen and (max-width: 1366px) {
    .g-goodslist li .text span:last-child{margin: auto;}
}