@charset "utf-8";

* {margin: 0; padding: 0; word-wrap: break-word; -webkit-tap-highlight-color: transparent; -ms-text-size-adjust: none; -webkit-text-size-adjust: none; outline: 0;}
*,::after,::before {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
::before,::after {-webkit-transition: all 0.3s; transition: all 0.3s;}
body,html {height: 100%; width: 100%; color: #363d4c; background-color: #fff; min-width: 320px; font-family: "futura-condensed-medium", "PingFangSC-Regular", "Helvetica Neue", "Hiragino Sans GB", Helvetica, Arial, "Microsoft YaHei", "微软雅黑", sans-serif; font-size: 14px; line-height: 1.2;}
h1,h2,h3,h4,h5,h6 {font-weight: 500; line-height: 1.2; color: inherit;}
a,a:hover {text-decoration: none;}
a {cursor: pointer; color: #020202;}
a:hover {color: #df0716;}
hr,img {border: 0;}
img {vertical-align: middle; max-width: 100%;}
hr {height: 0; border-top: 1px solid #ddd;}
ol,ul {list-style: none;}
button,input[type=email],input[type=number],input[type=password],input[type=search],input[type=text],input[type=checkbox],textarea {-webkit-appearance: none; -moz-appearance: none; appearance: none; line-height: normal;}
button {background: none; border: none;}
button::-moz-focus-inner,input[type=button]::-moz-focus-inner {border: 0; padding: 0;}
input,textarea {font-family: "Helvetica Neue", Helvetica, Arial, "Microsoft YaHei", "微软雅黑", sans-serif; border: 0;}
em,i {font-style: initial !important;}
.float-left {float: left !important;}
.float-right {float: right !important;}
.clearfix {clear: both !important;}
.clearfix:after {display: block; content: ""; height: 0; clear: both; overflow: hidden; visibility: hidden;}
.none {display: none !important; visibility: hidden;}
.block {display: block !important; visibility: visible; zoom: normal;}

.container {max-width: 1462px; margin: 0 auto;}


/*外部字体*/
@font-face {
    font-family: 'CODE Light';
    src: url('../fonts/CODE Light.eot');
    src: url('../fonts/CODE Light.eot?#iefix') format('embedded-opentype'),
	url('../fonts/CODE Light.woff') format('woff'),
	url('../fonts/CODE Light.ttf') format('truetype'),
	url('../fonts/CODE Light.svg#CODE Light') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'SourceHanSerifCN-SemiBold';
    src: url('../fonts/SourceHanSerifCN-SemiBold.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

/*分享*/
.social-share .social-share-icon {width: 34px; height: 34px;}
.social-share .social-share-icon::before {position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%);}
.social-share .icon-wechat .wechat-qrcode {width: 250px; left: -111px;}

.loaderWrap {display: none!important;}

/*头部*/
.header {position: relative; z-index: 99;}
.header .top {height: 117px; background: #fff;}
.header .container {display: flex; align-items: center; justify-content: space-between;}
.header .top .logo {margin: 23px 0 19px 2.12%;}
.header .top .right {margin-right: 1.92%; text-align: right;}
.header .top .right .language {margin: 25px 0 3px; font-size: 0;}
.header .top .right .language a {display: inline-block;}
.header .top .right .language a.cn {margin-right: 13px;}
.header .top .right .language a i {display: block; width: 30px; height: 20px; background-repeat: no-repeat; background-size: cover;}
.header .top .right .language a.cn i {background-image: url(../images/cn_icon.png);}
.header .top .right .language a.en i {background-image: url(../images/en_icon.png);}
.header .navbar {height: 70px; background: #000;}
.header .navbar .menu {display: flex; align-items: center; justify-content: center; width: 49.18%;}
.header .navbar .menu li {flex: 1; position: relative;}
.header .navbar .menu li:first-child {flex: 0;}
.header .navbar .menu li>a {display: block; min-width: 122px; line-height: 70px; text-align: center;}
.header .navbar .menu li>a span {display: inline-block; min-width: 39px; font-size: 16px; color: #fff; position: relative;}
.header .navbar .menu li>a span::after {display: block; content: ""; width: 0; height: 4px; background: #93704d; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); -webkit-transition: all 0.3s; transition: all 0.3s;}
.header .navbar .menu li:hover>a span::after,.header .navbar .menu li.active>a span::after {width: 100%;}
.header .navbar .menu .navbar-menu {display: none; position: absolute; top: 100%; left: 0; width: 100%; background: rgba(0,0,0,0.75); z-index: 99;}
.header .navbar .menu .navbar-menu a {display: block; line-height: 25px; padding: 10px; border-bottom: 1px solid #333; font-size: 16px; color: rgba(255,255,255,1); text-align: center; -webkit-transition: all 0.3s; transition: all 0.3s;}
.header .navbar .menu .navbar-menu a:hover {background: #93704d;}
.header .navbar .search_box {width: 421px; height: 40px; margin-right: 1.92%; background: #fff; border: 1px solid #676767; font-size: 0;}
.header .navbar .search_box form {display: flex; align-items: center; justify-content: center; width: 100%; height: 100%;}
.header .navbar .search_box input[type=text] {width: 369px; height: 100%; line-height: 38px; padding: 0 14px; font-size: 14px;}
.header .navbar .search_box input[type=text]::placeholder {color: #8c8c8c;}
.header .navbar .search_box input[type=text]::-webkit-input-placeholder {color: #8c8c8c;}
.header .navbar .search_box input[type=text]::-moz-placeholder {color: #8c8c8c;}
.header .navbar .search_box button {width: 50px; height: 100%; background: url(../images/icon_searchBtn.png) center center no-repeat;}

/*底部*/
.footer {padding: 1.82% 15px 0.989%; background: #000; overflow: hidden;}
.footer .footer-menu {max-width: 1202px; padding-left: 61px; margin: 0 auto; position: relative; z-index: 2;}
.footer-menu ul {display: flex; align-items: flex-start; justify-content: flex-start;}
.footer-menu li {flex: 2; max-width: 254px;}
.footer-menu li:last-child {flex: 1;}
.footer-menu li>a {display: inline-block; line-height: 31px; border-bottom: 1px solid #74573c; font-size: 16px; color: #fff; -webkit-transition: all 0.3s; transition: all 0.3s;}
.footer-menu li>a:hover {color: #e8ad77;}
.footer-menu li .subMenu {padding-top: 13px;}
.footer-menu li .subMenu a {display: block; line-height: 24px; margin-bottom: 4px; font-size: 14px; color: #e8ad77; -webkit-transition: all 0.3s; transition: all 0.3s;}
.footer-menu li .subMenu a:hover {color: #fff;}
.footer .footer-bottom {display: flex; align-items: flex-start; justify-content: space-between; max-width: 1462px; padding: 0 2.46% 0 1.85%; margin: -3.21% auto 0; position: relative; z-index: 1;}
@media screen and (max-width: 1400px) {
	.footer .footer-bottom {padding: 0;}
}
.footer .footer-bottom .left {width: 90%;}
.footer .footer-bottom .left .footer-logo {padding: 1% 0 1.824% 2px;}
.footer .footer-bottom .left .copyright {padding-top: 1.19%; position: relative;}
.footer .footer-bottom .left .copyright::after {display: block; content: ""; width: 100%; height: 1px; background: rgba(255, 255, 255, 0.2); position: absolute; top: 0; left: 0;}
.footer .footer-bottom .left .copyright ul {display: flex; align-items: center; justify-content: space-between;}
.footer .footer-bottom .left .copyright li {line-height: 32px; font-size: 14px; color: #fff;}
.footer .footer-bottom .left .copyright li a {display: inline-block; font-size: 14px; color: #fff; -webkit-transition: all 0.3s; transition: all 0.3s;}
.footer .footer-bottom .left .copyright li a.beian {padding-left: 26px; position: relative;}
.footer .footer-bottom .left .copyright li .beian::after {display: block; content: ""; width: 18px; height: 20px; background: url(../images/icon_beian.png) no-repeat; position: absolute; top: 50%; left: 0; transform: translateY(-50%);}
.footer .footer-bottom .left .copyright li a:hover {color: #e8ad77;}
.footer .footer-bottom .left .copyright li .line {display: block; width: 1px; height: 16px; background: #fff;}
.footer .footer-bottom .QRcode {max-width: 106px;}
.footer .footer-bottom .QRcode p {line-height: 22px; padding: 5.66% 0; font-size: 14px; color: #fff; text-align: center;}

/*轮播图*/
.carousel {width: 100%; position: relative; overflow: hidden;}
.carousel .swiper-slide {overflow: hidden;}
.carousel .coverbg {width: 100%; padding-top: 40%; background-repeat: no-repeat; background-position: center; background-size: cover; position: relative; overflow: hidden;}
.carousel .pagination {position: absolute; left: 0; bottom: 70px; width: 100%; font-size: 0; text-align: center; z-index: 2;}
.carousel .pagination .swiper-pagination-bullet {margin: 0 8px; background: #fff; border: 1px solid transparent; vertical-align: middle; opacity: 1; -webkit-transition: all 0.3s; transition: all 0.3s;}
.carousel .pagination .swiper-pagination-bullet-active {width: 10px; height: 10px; background: transparent; border-color: #fff;}
.carousel .btn {width: 25px; height: 43px; position: absolute; top: 50%; transform: translateY(-50%); z-index: 2; cursor: pointer;}
.carousel .btn-prev {background: url(../images/swiper_arrow_left.png) no-repeat; left: 7.6%;}
.carousel .btn-next {background: url(../images/swiper_arrow_right.png) no-repeat; right: 7.6%;}
.carousel .swiper-button-disabled {opacity: 0.5;}

/*首页新品推荐*/
.index-products {padding: 4.6875% 15px 5.261%;}
.index-products .container {display: flex; align-items: flex-end; justify-content: space-between;}
.index-products .pro-left {width: 47.88%;}
.index-products .pro-left .title {}
.index-products .pro-left .title h3 {height: 75px; line-height: 70px; font-family: "Noto Sans SC"; font-size: 60px; font-weight: bold; color: #946f4d;}
.index-products .pro-left .title p {height: 72px; line-height: 84px; font-family: 'CODE Light'; font-size: 83px; color: #ccc;}
.index-products .pro-right {width: 47.95%; padding-top: 47.95%; position: relative; overflow: hidden;}
.index-products .pro-right img {position: absolute; top: 0; left: 0; width: 100%; height: 100%; -webkit-transition: all 0.3s; transition: all 0.3s;}
.index-products .pro-right:hover img {transform: scale(1.1,1.1);}
.index-products .pro-right .txt {position: absolute; left: 0; bottom: 0; width: 100%; height: 103px; background: rgba(35, 24, 21, 0.43); text-align: center; z-index: 2;}
.index-products .pro-right .txten {position: absolute; left: 0; bottom: 0; width: 100%; height: 103px; background: rgba(35, 24, 21, 0.43); text-align: center; z-index: 2;}
.index-products .pro-right .txt h3 {line-height: 67px; font-family: "Noto Sans SC"; font-size: 36px; color: #fff; position: relative; z-index: 2;}
.index-products .pro-right .txten h3 {line-height: 100px; font-family: "Noto Sans SC"; font-size: 50px; color: #fff; position: relative; z-index: 2;}
.index-products .pro-right .txt p {height: 60px; line-height: 72px; margin-top: -37px; font-family: 'CODE Light'; font-size: 68px; color: #ccc; position: relative; z-index: 1;}

/*首页关于我们*/
.index-about {position: relative; overflow: hidden;}
.index-about img {display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: -1;}
.index-about .container {padding: 4.792% 15px 4%; }
.index-about .container .content {display: flex; align-items: center; justify-content: space-between;}
.index-about .container .content .video {width: 47.88%; padding-top: 26.81%; position: relative; overflow: hidden;}
.index-about .container .content .video video {position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
/* video::-webkit-media-controls-enclosure{
    display: none;
} */
.index-about .container .content .txt {width: 48.56%;}
.index-about .container .title h3 {line-height: 42px; font-family: "Noto Sans SC"; font-size: 36px; font-weight: bold; color: #946f4d;}
.index-about .container .title p {height: 45px; line-height: 55px; font-family: 'CODE Light'; font-size: 50px; color: #ccc;}
.index-about .container .txt section {line-height: 30px; margin-top: 28px; font-size: 16px; text-align: justify; color: #000;} 
.index-about .container .btn_box {margin-top: 6.09%; font-size: 0; text-align: center;}
.index-about .container .btn_box a {display: inline-block; min-width: 288px; height: 49px; line-height: 49px; margin: 0 31px; background: #fff; border: 1px solid #8c8885; text-align: center; font-size: 16px; color: #020202; -webkit-transition: all 0.3s; transition: all 0.3s;}
.index-about .container .btn_box a:hover {background: #000; border-color: #000; color: #fff;}

/*弹窗视频*/
.mask {display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); z-index: 200;}
.mask .videos {position: absolute; top: 50%; left: 50%; width: 60%; height: auto; transform: translate(-50%,-50%); z-index: 300;}
.mask .videos .vclose {position: absolute; top: 10px; right: 10px;}

/*首页资讯中心*/
.index-news {padding: 3.49% 15px 2.34375%; overflow: hidden;}
.index-news .title {text-align: center;}
.index-news .title h3 {line-height: 47px; font-family: "Noto Sans SC"; font-size: 36px; font-weight: bold; color: #946f4d; position: relative; z-index: 2;}
.index-news .title p {height: 61px; line-height: 73px; margin-top: -27px; font-family: 'CODE Light'; font-size: 68px; color: #ccc; position: relative; z-index: 1;}
.index-news .wrapper {max-width: 1596px; padding: 0 4.07%; margin: 2.55% auto 0; position: relative; overflow: hidden;}
.index-news .list {width: 93%; padding: 19px; margin: 0 auto; overflow: inherit;}
.index-news .list .swiper-slide {max-width: 411px;}
.index-news .list li a {display: block; width: 100%; border-top-left-radius: 8px; border-top-right-radius: 8px; overflow: hidden; -webkit-box-shadow: 0 0 19px rgba(216, 216, 216, 0.71); box-shadow: 0 0 19px rgba(216, 216, 216, 0.71);}
.index-news .list .pic {width: 100%; padding-top: 41.36%; position: relative; overflow: hidden;}
.index-news .list .pic img {display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: contain; -webkit-transition: all 0.3s; transition: all 0.3s;}
.index-news .list li:hover .pic img {transform: scale(1.1,1.1);}
.index-news .list .txt {padding: 13px 16px 25px 14px;}
.index-news .list .txt::after {display: block; content: ""; clear: both; visibility: hidden;}
.index-news .list .txt h4 {line-height: 28px; margin-bottom: 11px; font-size: 16px; color: #000; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.index-news .list .txt p { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; line-height: 20px; font-size: 14px; color: #b5b5b5;}
.index-news .list .txt span {display: inline-block; float: right; line-height: 22px; margin-top: 4px; padding-left: 20px; font-size: 14px; color: #b5b5b5; position: relative;}
.index-news .list .txt span::after {display: block; content: ""; width: 13px; height: 12px; background: url(../images/icon_data.png) no-repeat; position: absolute; top: 50%; left: 0%; transform: translateY(-50%);}
.index-news .list .btn {width: 25px; height: 43px; position: absolute; top: 50%; transform: translateY(-50%); cursor: pointer;}
.index-news .list .btn-prev {background: url(../images/btn_prev.png) no-repeat; left: 0;}
.index-news .list .btn-next {background: url(../images/btn_next.png) no-repeat; right: 0;}
.index-news .btn_box {margin-top: 3.125%; text-align: center;}
.index-news .btn_box a.more {display: block; max-width: 288px; height: 49px; line-height: 47px; margin: 0 auto; border: 1px solid #8c8885; font-size: 16px; color: #020202; -webkit-transition: all 0.3s; transition: all 0.3s;}
.index-news .btn_box a.more:hover {background: #000; border-color: #000; color: #fff;}

/*内页BANNER*/
.banner {overflow: hidden;}
.banner .coverbg {width: 100%; padding-top: 32.1875%; position: relative; overflow: hidden; background-repeat: no-repeat; background-position: center; background-size: cover;}

/**/
.subNavbar {}
.subNavbar ul {font-size: 0; text-align: center;}
.subNavbar li {display: inline-block; margin: 0 25px;}
.subNavbar li a {display: block; min-width: 148px; height: 42px; line-height: 40px; padding: 0 15px; background: #fff; border: 1px solid #dcdcdc; font-size: 16px; color: #020202; -webkit-transition: all 0.3s; transition: all 0.3s;}
.subNavbar li:hover a,.subNavbar li.active a {background: #000000; color: #fff;}

/*分页*/
.pages {margin: 3.42% 0 5.47%; font-size: 0; text-align: center;}
.pages a {display: inline-block; line-height: 36px; padding: 0 14px; margin: 0 11px!important; background: #f5f5f5; border: 1px solid #b8b8b8; border-radius: 5px; font-size: 14px; color: #7e7e7e; -webkit-transition: all 0.3s linear; transition: all 0.3s linear;}
.pages span {display: inline-block; line-height: 36px; padding: 0 14px; margin: 0 11px!important; background: #000; border: 1px solid #000; border-radius: 5px; font-size: 14px; color: #fff; -webkit-transition: all 0.3s linear; transition: all 0.3s linear;}
.pages a:hover {background: #000; border-color: #000; color: #fff;}

/*公司实力*/
.aboutBox {padding: 2.083% 15px 0; overflow: hidden;}
.aboutBox .container>.title {text-align: center;}
.aboutBox .container>.title h3 {line-height: 47px; font-family: "Noto Sans SC"; font-size: 36px; font-weight: bold; color: #946f4d; position: relative; z-index: 2;}
.aboutBox .container>.title p {height: 61px; line-height: 73px; margin-top: -27px; font-family: 'CODE Light'; font-size: 68px; color: #ccc; position: relative; z-index: 1;}
.aboutBox .subNavbar {margin: 2.67% auto 3.28%;}
.aboutBox .intro {position: relative; padding: 4.8% 0 6.25%; overflow: hidden;}
.aboutBox .intro>img {display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: -1;}
.aboutBox .intro .container {display: flex; align-items: center; justify-content: space-between;}
.aboutBox .intro .container .video {width: 47.88%; padding-top: 26.81%; position: relative; overflow: hidden;}
.aboutBox .intro .container .video video {position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
/* video::-webkit-media-controls-enclosure{
    display: none;
} */
.aboutBox .intro .container .txt {width: 48.56%;}
.aboutBox .intro .container .title h3 {line-height: 42px; font-family: "Noto Sans SC"; font-size: 36px; font-weight: bold; color: #946f4d;}
.aboutBox .intro .container .title p {height: 45px; line-height: 55px; font-family: 'CODE Light'; font-size: 50px; color: #ccc;}
.aboutBox .intro .container .txt section {line-height: 30px; margin-top: 28px; font-size: 16px; text-align: justify; color: #000;} 

/*企业文化*/
.aboutBox .culture {}
.aboutBox .list .item {display: flex; align-items: center; justify-content: center;}
.aboutBox .list .item:nth-child(2n) {flex-direction: row-reverse;}
.aboutBox .list .item .round {width: 16%; max-width: 234px; padding-top: 16%; border-radius: 50%; background: #000; position: relative; overflow: hidden;}
.aboutBox .list .item .round .txt {width: 90%; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); text-align: center;}
.aboutBox .list .item .round .txt h3 {line-height: 40px; font-family: "Noto Sans SC"; font-size: 36px; font-weight: bold; color: #946f4d;}
.aboutBox .list .item .round .txt p {height: 25px; line-height: 30px; font-family: 'CODE Light'; font-size: 28px; color: #ccc;}
.aboutBox .list .item section {flex: 2; line-height: 38px; padding: 0 10px 0 2.87%; font-size: 20px; color: #000;}
.aboutBox .list .item:nth-child(2n) section {padding: 0 10px 0 18.88%;}
.aboutBox .lists .title {margin: 3.49% auto 4.31%; text-align: center;}
.aboutBox .lists .title span {display: inline-block; min-width: 319px; height: 61px; line-height: 59px; padding: 0 20px; background: #fff; border: 1px solid #dbdbdb; font-size: 26px; color: #020202; position: relative;}
.aboutBox .lists .title span::before,.aboutBox .lists .title span::after {display: block; content: ""; width: 184px; height: 1px; background: #dcdcdc; position: absolute; top: 50%; transform: translateY(-50%);}
.aboutBox .lists .title span::before {left: -184px;}
.aboutBox .lists .title span::after {right: -184px;}
.aboutBox .lists ul {font-size: 0;}
.aboutBox .lists li {display: inline-block; width: 25%; padding: 0 15px; text-align: center; vertical-align: top; position: relative;}
.aboutBox .lists li::after {display: block; content: ""; width: 1px; height: 142px; background: #dcdcdc; position: absolute; top: 4px; right: 0;}
.aboutBox .lists li:last-child::after {display: none;}
.aboutBox .lists li .tit h3 {line-height: 40px; font-family: "Noto Sans SC"; font-size: 36px; font-weight: bold; color: #946f4d;}
.aboutBox .lists li .tit p {height: 25px; line-height: 30px; font-family: 'CODE Light'; font-size: 28px; color: #ccc;}
.aboutBox .lists li section {line-height: 30px; margin-top: 26px; font-size: 20px; color: #000;}
.aboutBox .lists .slogan {line-height: 38px; padding: 0 20px; margin: 5.06% 0 4.79%; font-size: 26px; color: #020202; text-align: center;}

/*企业相册*/
.aboutBox .album {}
.aboutBox .album .ablumlist {margin: 0 -1.03%; font-size: 0;}
.aboutBox .album .ablumlist li {display: inline-block; width: 33.333%; padding: 0 1.03%; margin-bottom: 2.05%;}
.aboutBox .album .ablumlist li a {display: block; width: 100%; padding-top: 66.6%; background: #dbdbdb; position: relative; overflow: hidden;}
.aboutBox .album .ablumlist li a img {display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: contain; z-index: 1; -webkit-transition: all 0.3s linear; transition: all 0.3s linear;}
.aboutBox .album .ablumlist li:hover a img {transform: scale(1.1,1.1);}
.aboutBox .album .ablumlist li a p {width: 100%; line-height: 30px; padding: 13px 10px; background: rgba(0, 0, 0, 0.5); font-size: 18px; color: #fff; text-align: center; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; position: absolute; left: 0; bottom: -56px; z-index: 2; -webkit-transition: all 0.3s; transition: all 0.3s;}
.aboutBox .album .ablumlist li:hover a p {bottom: 0;}

/*产品中心*/
.products {padding: 2.083% 15px; overflow: hidden;}
.products .wrapper {max-width: 1526px; margin: 0 auto;}
.products .wrapper .title {text-align: center;}
.products .wrapper .title h3 {line-height: 47px; font-family: "Noto Sans SC"; font-size: 36px; font-weight: bold; color: #946f4d; position: relative; z-index: 2;}
.products .wrapper .title p {height: 61px; line-height: 73px; margin-top: -27px; font-family: 'CODE Light'; font-size: 68px; color: #ccc; position: relative; z-index: 1;}
.products .wrapper .list-inline {margin-top: 22px;}
.products .wrapper .list-inline ul {font-size: 0;}
.products .wrapper .list-inline li {display: inline-block; line-height: 25px; font-size: 14px; color: #666;}
.products .wrapper .list-inline li a {color: #666; -webkit-transition: all 0.3s; transition: all 0.3s;}
.products .wrapper .list-inline li:first-child a {padding-left: 29px; position: relative;}
.products .wrapper .list-inline li:first-child a::after {display: block; content: ""; width: 18px; height: 15px; background: url(../images/icon_home.png) no-repeat; position: absolute; top: 50%; left: 0; transform: translateY(-50%);}
.products .wrapper .list-inline li a:hover {color: #e8ad77;}
.products .wrapper .subNavbar {margin-top: 38px;}
.products .wrapper .subNavbar li {margin: 0 25px 25px;}
.products .wrapper .list {padding-top: 2.1%;}
.products .wrapper .list ul {margin: 0 -1.8%; font-size: 0;}
.products .wrapper .list li {display: inline-block; width: 25%; padding: 0 1.8%; margin-bottom: 4%;}
.products .wrapper .list li a {display: block; width: 100%; -webkit-transition: all 0.3s linear; transition: all 0.3s linear;}
.products .wrapper .list li:hover a {-webkit-box-shadow: 0 0 21px rgba(208, 208, 208, 0.74); box-shadow: 0 0 21px rgba(208, 208, 208, 0.74);}
.products .wrapper .list li .pic {width: 100%; padding-top: 80%; position: relative; overflow: hidden;}
.products .wrapper .list li .pic img {display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; -webkit-transition: all 0.3s linear; transition: all 0.3s linear;}
.products .wrapper .list li:hover .pic img {transform: scale(1.1,1.1);}
.products .wrapper .list li .txt {padding: 14px 10px; background: #f9f9f9; font-size: 16px; color: #000; text-align: center; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; -webkit-transition: all 0.3s linear; transition: all 0.3s linear;}
.products .wrapper .list li:hover .txt {background: #fff;}


/*产品详情*/
.products .wrappers {max-width: 1462px; margin: 0 auto;}
.products .detailsbox {display: flex; align-items: flex-start; justify-content: space-between; padding: 2.74% 0 4.6%;}
.products .detailsbox .product-details {width: 48%; max-width: 700px;}
.product-details .master-container .coverbg {width: 100%; padding-top: 80%; overflow: hidden; background-position: center; background-repeat: no-repeat; background-size: 100% 100%;}
.product-details .thumbs-container {margin-top: 3.9%;}
.product-details .thumbs-container .thumbs {width: 100%; padding-top: 80%; overflow: hidden; background-position: center; background-repeat: no-repeat; background-size: 100% 100%;}
.detailsbox .product-details-text {width: 49%; position: relative;}
.product-details-text h3 {line-height: 40px; padding: 2.4% 0; border-bottom: 1px solid #eee; font-size: 30px; color: #000;}
.product-details-text .txt {width: 100%; padding-top: 78%; position: relative; overflow: hidden;}
.product-details-text section {position: absolute; top: 4.1%; left: 0;}
.product-details-text section p {line-height: 28px; margin-bottom: 2.52%; font-size: 20px; color: #000;}
.product-details-text .share_btn {margin-top: 3.9%; font-size: 0;}
.product-details-text .share_btn span {display: inline-block; line-height: 25px; font-size: 12px; color: #999; vertical-align: middle;}
.product-details-text .share_btn a {display: inline-block; width: 24px; height: 24px; margin-left: 14px; -webkit-transition: all 0.3s linear; transition: all 0.3s linear;}
.product-details-text .share_btn a.qq {background: url(../images/ico_qq.png) no-repeat;}
.product-details-text .share_btn a.qq:hover {background: url(../images/ico_qqh.png) no-repeat;}
.product-details-text .share_btn a.wx {background: url(../images/ico_wx.png) no-repeat;}
.product-details-text .share_btn a.wx:hover {background: url(../images/ico_wxh.png) no-repeat;}
.product-details-text .share_btn a.sina {background: url(../images/ico_sina.png) no-repeat;}
.product-details-text .share_btn a.sina:hover {background: url(../images/ico_sinah.png) no-repeat;}
.product-details-text .share_btn a.qzone {background: url(../images/ico_z.png) no-repeat;}
.product-details-text .share_btn a.qzone:hover {background: url(../images/ico_zh.png) no-repeat;}
.product-details-text .item-btn {position: absolute; right: 0; bottom: 10px; font-size: 0;}
.product-details-text .item-btn a {display: inline-block; width: 50px; height: 50px; background: #fff; border: 1px solid #dedede; border-radius: 50%; position: relative; -webkit-transition: all 0.3s linear; transition: all 0.3s linear;}
.product-details-text .item-btn a:first-child {margin-right: 16px;}
.product-details-text .item-btn a:hover {background: #000; border-color: #000;}
.product-details-text .item-btn a::after {display: block; content: ""; width: 9px; height: 13px; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); -webkit-transition: all 0.3s linear; transition: all 0.3s linear;}
.product-details-text .item-btn a.prevone::after {background: url(../images/icon-prevone-black.png) no-repeat;}
.product-details-text .item-btn a.prevone:hover::after {background: url(../images/icon-prevone-white.png) no-repeat;}
.product-details-text .item-btn a.nextone::after {background: url(../images/icon-nextone-black.png) no-repeat;}
.product-details-text .item-btn a.nextone:hover::after {background: url(../images/icon-nextone-white.png) no-repeat;}
.products .goods-details-box {display: flex; align-items: flex-start; justify-content: space-between;}
.goods-details-box .goods-details-main {width: 76%; min-height: 1015px; padding: 1.7% 2.6%; border: 1px solid #eee;}
.goods-details-main .tit {margin-bottom: 2.15%; border-bottom: 1px solid #eee;}
.goods-details-main .tit span {display: inline-block; line-height: 44px; font-size: 16px; color: #000; position: relative;}
.goods-details-main .tit span::after {display: block; content: ""; width: 100%; height: 4px; background: #000; position: absolute; left: 0; bottom: 0;}
.goods-details-main .content img {display: inline-block;}
.goods-details-box .goods-details-side {width: 20%; padding-top: 2.3%;}
.goods-details-side .tit {line-height: 27px; padding-left: 20px; margin-bottom: 10px; font-size: 16px; color: #000; position: relative;}
.goods-details-side .tit::after {display: block; content: ""; width: 6px; height: 20px; background: #000; position: absolute; top: 50%; left: 0; transform: translateY(-50%);}
.goods-details-side .lists li {margin-bottom: 12.37%;}
.goods-details-side .lists li a {display: block; width: 100%; background: #f9f9f9; -webkit-transition: all 0.3s linear; transition: all 0.3s linear;}
.goods-details-side .lists li:hover a {background: #fff; -webkit-box-shadow: 0 0 21px rgba(208, 208, 208, 0.74); box-shadow: 0 0 21px rgba(208, 208, 208, 0.74);}
.goods-details-side .lists li a .pic {display: block; width: 100%; padding-top: 80%; position: relative; overflow: hidden;}
.goods-details-side .lists li a .pic img {display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; -webkit-transition: all 0.3s linear; transition: all 0.3s linear;}
.goods-details-side .lists li:hover a .pic img {transform: scale(1.1,1.1);}
.goods-details-side .lists li a .txt {line-height: 30px; padding: 10px; font-size: 16px; color: #000; text-align: center; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}

/*资讯中心*/
.news {padding: 2.86% 15px 0; overflow: hidden;}
.news .container {max-width: 1374px;}
.news .container>.title {text-align: center;}
.news .container>.title h3 {line-height: 47px; font-family: "Noto Sans SC"; font-size: 36px; font-weight: bold; color: #946f4d; position: relative; z-index: 2;}
.news .container>.title p {height: 61px; line-height: 73px; margin-top: -27px; font-family: 'CODE Light'; font-size: 68px; color: #ccc; position: relative; z-index: 1;}
.news .subNavbar {margin: 2.67% auto 3.5%;}
.news .list ul {margin: 0 -2.56%; font-size: 0;}
.news .list li {display: inline-block; width: 33.333%; padding: 0 2.56%; margin-bottom: 4.22%;}
.news .list li a {display: block; width: 100%; border-top-left-radius: 8px; border-top-right-radius: 8px; overflow: hidden; -webkit-box-shadow: 0 0 19px rgba(216, 216, 216, 0.71); box-shadow: 0 0 19px rgba(216, 216, 216, 0.71);}
.news .list li .pic {width: 100%; padding-top: 41.36%; position: relative; overflow: hidden;}
.news .list li .pic img {display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: contain; -webkit-transition: all 0.3s linear; transition: all 0.3s linear;}
.news .list li:hover .pic img {transform: scale(1.1,1.1);}
.news .list li .txt {padding: 13px 16px 25px 14px;}
.news .list li .txt::after {display: block; content: ""; clear: both; visibility: hidden;}
.news .list li .txt h4 {line-height: 28px; margin-bottom: 11px; font-size: 16px; color: #000; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.news .list li .txt p { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; line-height: 20px; font-size: 14px; color: #b5b5b5;}
.news .list li .txt span {display: inline-block; float: right; line-height: 22px; margin-top: 4px; padding-left: 20px; font-size: 14px; color: #b5b5b5; position: relative;}
.news .list li .txt span::after {display: block; content: ""; width: 13px; height: 12px; background: url(../images/icon_data.png) no-repeat; position: absolute; top: 50%; left: 0%; transform: translateY(-50%);}

/*资讯详情*/
.news .container .list-inline {margin-bottom: 22px;}
.news .container .list-inline ul {font-size: 0;}
.news .container .list-inline li {display: inline-block; line-height: 25px; font-size: 14px; color: #666;}
.news .container .list-inline li a {color: #666; -webkit-transition: all 0.3s; transition: all 0.3s;}
.news .container .list-inline li:first-child a {padding-left: 29px; position: relative;}
.news .container .list-inline li:first-child a::after {display: block; content: ""; width: 18px; height: 15px; background: url(../images/icon_home.png) no-repeat; position: absolute; top: 50%; left: 0; transform: translateY(-50%);}
.news .container .list-inline li a:hover {color: #e8ad77;}
.newsdetail h3.tit {line-height: 53px; margin-top: 21px; border-bottom: 1px solid #eee; font-size: 24px; color: #000; text-align: center;}
.newsdetail .time {line-height: 24px; margin-top: 7px; font-size: 14px; color: #666; text-align: center;}
.newsdetail .content {padding: 30px 26px 33px;}
.newsdetail .content p {line-height: 36px; font-size: 16px; color: #666; text-align: justify; text-indent: 2em;}
.newsdetail .content p.img {margin: 15px 0;}
.newsdetail .content img {display: inline-block;}
.newsdetail .item-btn {padding: 0 30px; margin-bottom: 51px; text-align: right; font-size: 0;}
.newsdetail .item-btn a {display: inline-block; }
.newsdetail .item-btn a {display: inline-block; width: 48px; height: 48px; background: #fff; border: 1px solid #dfdfdf; border-radius: 100%; position: relative; -webkit-transition: all 0.3s linear; transition: all 0.3s linear;}
.newsdetail .item-btn a.prevone {margin-right: 16px;}
.newsdetail .item-btn a::after {display: block; content: ""; width: 9px; height: 13px; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); -webkit-transition: all 0.3s linear; transition: all 0.3s linear;}
.newsdetail .item-btn .prevone::after {background: url(../images/icon-prevone-black.png) no-repeat;}
.newsdetail .item-btn .nextone::after {background: url(../images/icon-nextone-black.png) no-repeat;}
.newsdetail .item-btn a:hover {background: #000; border-color: #000;}
.newsdetail .item-btn .prevone:hover::after {background: url(../images/icon-prevone-white.png) no-repeat;}
.newsdetail .item-btn .nextone:hover::after {background: url(../images/icon-nextone-white.png) no-repeat;}

/*联系我们*/
.contact {padding-top: 2.083%; overflow: hidden;}
.contact .title {text-align: center;}
.contact .title h3 {line-height: 47px; font-family: "Noto Sans SC"; font-size: 36px; font-weight: bold; color: #946f4d; position: relative; z-index: 2;}
.contact .title p {height: 61px; line-height: 73px; margin-top: -27px; font-family: 'CODE Light'; font-size: 68px; color: #ccc; position: relative; z-index: 1;}
.contact .wrapper {max-width: 1202px; margin: 1.51% auto 0; display: flex; align-items: flex-end; justify-content: center;}
.contact .wrapper>div {flex: 1;}
.contact .wrapper .left {padding-bottom: 3.33%;}
.contact .wrapper .left dt {line-height: 46px; padding-left: 38px; font-family: 'SourceHanSerifCN-SemiBold'; font-size: 30px; color: #000;}
.contact .wrapper .left dd {line-height: 40px; padding-left: 38px; font-size: 20px; color: #676767; position: relative;}
.contact .wrapper .left dd::before {display: block; content: ""; width: 25px; height: 40px; background: url(../images/icon-contact.png) 0 0 no-repeat; position: absolute; top: 0; left: 0;}
.contact .wrapper .left .fax::before {background-position: 0 -40px;}
.contact .wrapper .left .add::before {background-position: 0 -80px;}
.contact .wrapper .left .postcode::before {background-position: 0 -120px;}
.contact .wrapper .left .mail::before {background-position: 0 -160px;}
.contact .wrapper .left .website::before {background-position: 0 -200px;}
.contact .wrapper .left .ren::before {background-position: 0 -240px;}
.contact .wrapper .right {padding-bottom: 5.32%; text-align: right;}
.mapbox {position: relative; width: 100%; padding-top: 35%;}
.map {width: 100%; position: absolute; top: 0; left: 0; bottom: 0; right: 0; overflow: hidden;}
.input-card {width: 280px;}
.input-card h4 {font-weight: bold; border-bottom: 2px solid #666; margin-bottom: 6px; padding-bottom: 4px;}
.input-card p {font-size: 14px;}
.amap-info-sharp {height: 9px; width: 16px; top: -1px; left: 50%; margin-left: -8px; background: url(../images/map.png) 0 0 no-repeat;}