@charset "utf-8";
body{font-family: "Microsoft YaHei"; font-size:12px; line-height:24px;background: #282828;}
.container{width: 100%;max-width: 1200px;margin: 0 auto;}
.head_wap{display: none;}
.hide{display: none;}
/* 首页 */
.head{width: 100%;height: 96px;position: fixed;top: 0;left: 0;z-index: 99;background: #282828;transition: all 0.5s ease-in-out;}
.head.slideUp{height: 86px;transition: all 0.5s ease-in-out;}
.head.slideUp .logo{width: 110px;line-height: 86px;transition: all 0.3s ease-in-out;}
.head.slideUp .nav li{padding: 31px 0;transition: all 0.3s ease-in-out;}
.head.slideUp .share li{width: 33px;height: 32px;transition: all 0.3s ease-in-out;}
.head .logo{width: 120px;line-height: 96px;transition: all 0.3s ease-in-out;}
.head .nav{}
.head .nav li{float: left;font-size: 17px;color: #ffffff;margin: 0 20px;padding: 36px 0;transition: all 0.3s ease-in-out;}
.head .nav li:hover>a{color: #ab9257;transition: all 0.4s ease-in-out;}
.head .share{margin-left: 22px;}
.head .share li{float: left;width: 41px;height: 40px;position: relative;margin-left: 15px;padding: 28px 0;transition: all 0.3s ease-in-out;}
.head .share li .two{position: absolute;width: 100px;height: 100px;z-index: 99;margin-top: 10px;left: -25px;box-shadow: 0 0 15px rgba(0,0,0,.2);opacity: 0;visibility: hidden;transition: all 0.4s ease-in-out;}
.head .share li img{transition: all 0.4s ease-in-out;}
.head .share li:hover .two{opacity: 1;visibility: inherit;transition: all 0.4s ease-in-out;}
.head .share li:hover a>img{ -webkit-filter: brightness(0) invert(1);filter: brightness(0) invert(1);transition: all 0.4s ease-in-out;}
/* 轮播图 */
.lun-bo{width: 100%;height:850px;margin-top: 96px;}
.lun-bo .pager{bottom: 45px !important;}
.lun-bo .pager span{width: 120px;height:3px;opacity: 1;border-radius:0;margin: 0 15px !important;background: rgba(255,255,255,0.4);}
.lun-bo .pager .swiper-pagination-bullet-active{background: #fff;}
.lun-bo .swiper-slide a{display:block;width: 100%;height: 100%;}
.choice-1{padding-top: 150px;}
.choice-1 .content{}
.choice-1 .content .picture{overflow: hidden;width: 56.5%;}
.choice-1 .content .text{width: 34%;color: #ffffff;font-size: 22px;line-height: 1.6;padding-top: 85px;}
.choice-1 .content .text h3{font-size: 40px;margin-bottom: 4px;}
.choice-1 .content .text h5{font-size: 20px;margin-bottom: 25px;}
.choice-1 .content .text .more{width: 63px;height: 63px;margin-top: 75px;transition: transform .4s ease-out;}
.choice-1 .content .text .more:hover{transform: translateY(-5px); transition: transform .4s ease-out;-webkit-filter: brightness(0) invert(1);filter: brightness(0) invert(1);}
.i-title{text-align: center;color: #ffffff;font-size: 24px;line-height: 1.6;}
.i-title span{display: inline-block;font-size: 50px;margin-bottom: 18px;}
.i-title .see{font-size: 26px;color: #ab9257;margin-top: 25px;}
.i-title .see i{margin-left: 10px;}
.choice-2{padding-top: 100px;}
.choice-2 .video{height: 680px;margin-top: 50px;position: relative;}
.choice-2 .video video{width: 100%;height: 680px;}
.choice-2 .video .video-img{position: absolute;top: 45%;left: 50%;margin-left: -37px;width:74px;height: 74px;z-index: 999;background: url(../images/pay.png) no-repeat;cursor:pointer}


.choice-3{padding-top: 120px;}
.choice-3 .content{}
.choice-3 .content .text{width: 33%;color: #ffffff;font-size: 22px;line-height: 1.6;padding-top: 85px;}
.choice-3 .content .text h3{font-size: 40px;margin-bottom: 4px;}
.choice-3 .content .text h5{font-size: 20px;margin-bottom: 25px;}
.choice-3 .content .text .more{width: 63px;height: 63px;margin-top: 75px;transition: transform .4s ease-out;}
.choice-3 .content .text .more:hover{transform: translateY(-5px); transition: transform .4s ease-out;-webkit-filter: brightness(0) invert(1);filter: brightness(0) invert(1);}
.choice-3 .content .picture{overflow: hidden;width: 60.5%;}
.choice-4{padding-top: 60px;}
.choice-4 .content{}
.choice-4 .content .text{width: 50%;font-size: 17px;color: #ffffff;line-height: 1.8;}
.choice-4 .content .text h3{font-size: 38px;margin-bottom: 8px;}
.choice-4 .picture{width: 90%;margin: 0 auto;height: 517px;margin-top: 70px;}
.choice-4 .picture .pic-1{float: left;width: 49.7%;height: 100%;overflow: hidden;}
.choice-4 .picture .pic-2{float: right;width: 49.7%;height: 100%;overflow: hidden;}
.choice-5{padding-top: 120px;}
.choice-5 .content{}
.choice-5 .content .text{color: #ffffff;line-height: 1.6;padding-top: 20px;}
.choice-5 .content .text h3{font-size: 28px;}
.choice-5 .content .text .more{width: 63px;height: 63px;margin-top: 45px;transition: transform .4s ease-out;}
.choice-5 .content .text .more:hover{transform: translateY(-5px); transition: transform .4s ease-out;-webkit-filter: brightness(0) invert(1);filter: brightness(0) invert(1);}
.choice-5 .content .text .ewm{width: 150px;height: 150px;overflow: hidden;margin-top: 165px;}
.choice-5 .content .picture{width: 64%;overflow: hidden;}
.choice-6{padding-top: 80px;padding-bottom: 110px;}
.choice-6 .content{}
.choice-6 .content .item{width: 49.3%;height:618px;overflow: hidden;line-height: 1.8;color: #ffffff;padding: 40px 55px;}
.choice-6 .content .item h3{font-size: 27px;}
.choice-6 .content .item .more{width: 52px;height: 52px;transition: transform .4s ease-out;margin-top: 28px;}
.choice-6 .content .item .more:hover{transform: translateY(-5px); transition: transform .4s ease-out;-webkit-filter: brightness(0) invert(1);filter: brightness(0) invert(1);}
.foot{width: 100%;background: #303030;padding-top: 55px;padding-bottom: 20px;}
.foot .content{}
.foot .content .text{width: 60%;}
.foot .content .text .f-nav{font-size: 16px;color: #888888;line-height: 1.8;margin-top: -3px;}
.foot .content .text .f-nav a{display: inline-block;padding: 0 15px;}
.foot .content .text .f-nav a:first-child{padding-left: 0;}
.foot .content .text .f-nav a:hover{color: #fff;transition: all 0.4s ease-in-out;}
.foot .content .text .language{margin-top: 45px;}
.foot .content .text .language h3{color: #888888;font-size: 18px;}
.foot .content .text .language h3 i{margin-right: 10px;vertical-align: bottom;}
.foot .content .text .language h3:hover{color: #fff;transition: all 0.4s ease-in-out;}
.language-picker{width: 60%;position: fixed;left: 20%;bottom: 50%;background: #fff;z-index: 999;padding: 50px 100px 100px;display: none;}
.language-picker label{display: block;width: 100%;font-size: 20px;line-height: 2;margin-bottom: 10px;}
.language-picker ul li{display: inline-block;width: 33%;font-size: 16px;line-height: 2;color: #888888;}
.language-picker ul li:hover{color: #988057;transition: all 0.4s ease-in-out;}
.language-picker .close{width: 100%;text-align: right;position: relative;bottom: 15px;left: 50px;}
.language-picker .close a{display: inline-block;font-size: 24px;color: #888888;}
.foot .b_j{width: 100%;height: 100%;position: fixed;left: 0;top: 0;background: rgba(0,0,0,0.5);z-index: 99;display: none;}
.foot .content .code{}
.foot .content .code li{float: left;text-align: center;font-size: 14px;color: #888888;line-height: 2;margin-left: 10px;}
.foot .content .code li .tu{width: 100px;height: 100px;overflow: hidden;margin-bottom: 2px;}
.copyright{width: 100%;background: #303030;}
.copyright .content{border-top: 1px solid #474747;color: #888888;padding: 20px 0 50px;}
.copyright .content .bei{font-size: 14px;line-height: 1.8;}
.copyright .content .tel{font-size: 14px;line-height: 1.8;padding: 2px 0;}
.copyright .content .tel span{color: #b5a16a;margin-right: 15px;}
.copyright .content .f-share{}
.copyright .content .f-share a{display: inline-block;width: 30px;height: 30px;margin-left: 3px;}
/* 产品 */
.swiper-pro{margin-top: 96px;}
.swiper-pro .bnimg{display: block;width: 100%;height: 498px;display: block;background-size: cover !important;background-repeat:no-repeat !important;background-position:center !important;}
.location{font-size: 14px;color: #ffffff;line-height: 1.8;padding: 17px 0;margin-top: 96px;}
.location span i{margin-right: 12px;vertical-align: text-bottom;}
.location.bei{background: #1e1e1e;}
.ban{width: 100%;height: 498px;overflow: hidden;}
.product{padding: 70px 0 70px;}
.product .content{margin-top: 50px;}
.product .content li{margin-bottom: 80px;position: relative;}
.product .content li .picture{width: 52.5%;overflow: hidden;}
.product .content li .text{width: 43%;color: #fff;line-height: 1.6;font-size: 22px;padding-top: 90px;}
.product .content li .text h3{font-size: 40px;margin-bottom: 4px;}
.product .content li .text h5{font-size: 20px;margin-bottom: 25px;}
.product .content li .text .more{width: 63px;height: 63px;margin-top: 45px;transition: transform .4s ease-out;}
.product .content li .text .more:hover{transform: translateY(-5px); transition: transform .4s ease-out;-webkit-filter: brightness(0) invert(1);filter: brightness(0) invert(1);}
.product .item:nth-child(2) li .picture{float: right;}
.product .item:nth-child(2) li .text{float: left;}
/* 产品详情 */
.pro_info{padding-bottom: 110px;}
.pro_info .photo{margin: 20px 0;}
.pro_info .photo .bd{width: 965px;overflow:hidden;}
.pro_info .photo .hd{width: 216px;}
.pro_info .photo .hd li{width: 100%;height: 149px;overflow: hidden;margin-bottom: 23px;cursor:pointer;}
.pro_info .photo .hd li:last-of-type{margin-bottom: 0;}
.pro_info .desc{font-size: 22px;color: #ffffff;line-height: 1.8;padding-top: 5px;padding-bottom: 50px;}
.pro_info .desc h3{font-size: 32px;margin-bottom: 4px;}
.pro_info .desc h5{font-size: 20px;}
.footer{width: 100%;background: #303030;padding-top: 60px;}
.footer .content{}
.footer .content .box_1{color: #ffffff;width: 58%;border-bottom: 1px solid #474747;padding-bottom: 35px;}
.footer .content .box_1 .f-nav{font-size: 20px;line-height: 1.6;}
.footer .content .box_1 .f-nav a{display: inline-block;padding: 0 15px;}
.footer .content .box_1 .f-nav a:first-child{padding-left: 0;}
.footer .content .box_1 .f-nav a:last-of-type{padding-right: 0;}
.footer .content .box_1 .f-nav a:hover{color: #b5a16a;transition: all 0.4s ease-in-out;}
.footer .content .box_1 .desc{font-size: 19px;line-height: 1.7;margin-top: 48px;}
.footer .content .box_2{}
.footer .content .box_2 .code{width: 120px;height: 120px;background: #fff;overflow: hidden;}
.footer .content .box_2 .tel{text-align:right;margin-right: 18px;}
.footer .content .box_2 .tel span{font-weight:bold;font-size: 32px;color: #b5a16a;line-height: 1.8;}
.footer .content .box_2 .f-share{}
.footer .content .box_2 .f-share a{display: inline-block;margin-right: 3px;}
.footer .copyright{font-size: 14px;line-height: 1.8;color: #888888;padding: 25px 0;}
.footer .copyright span{float: right;font-size: 16px;}
/* 常见问题 */
.problem{width: 100%;background: #f9f9f9;border-bottom: 1px solid #f0f0f0;padding: 50px 0;}
.problem .content{}
.problem .content .item{float: left;width: 33.33%;text-align: center;font-size: 17px;color: #666666;line-height: 1.6;cursor:pointer;}
.problem .content .item h3{font-size: 18px;}
.problem .content .item span{display: inline-block;width: 10px;height: 7px;background: url(../images/ico-14.png) no-repeat;}
.problem .content .item .ico{width: 72px;height: 72px;border: 1px solid #e9e9e9;margin: 0 auto;border-radius:50px;overflow: hidden;display: -webkit-box;-webkit-box-align: center;-webkit-box-pack: center;cursor:pointer;margin-bottom: 20px;transition: all 0.4s ease-in-out;}
.problem .content .item:hover .ico{background: #ab9257;transition: all 0.4s ease-in-out;border: 1px solid #ab9257;}
.problem .content .item:hover .ico img{ -webkit-filter: brightness(0) invert(1);filter: brightness(0) invert(1);}
.problem .content .item:hover span{background: url(../images/ico-15.png) no-repeat;transition: all 0.4s ease-in-out;}
.platform{width: 100%;background: #f9f9f9;padding: 90px 0;}
.platform .content{text-align: center;}
.platform .content li{display:inline-block;text-align:center;line-height: 2;font-size: 20px;color: #333333;margin: 0 4.5%;}
.platform .content li .ico{width: 165px;height: 166px;margin-bottom: 12px;}
.platform .content li:hover{color: #ab9257;transition: all 0.4s ease-in-out;}
.outlets .content .item{width: 100%;}
/* 问答 */
.questions{width: 100%;background: #f9f9f9;padding: 50px 0 80px;}
.questions .content{}
.questions .content .item{font-size: 16px;color: #666666;line-height: 1.7;background: #fdfdfd;margin-bottom: 15px;}
.questions .content .item .w-1{height: 62px;line-height: 62px;padding-left: 45px;padding-right: 30px;}
.questions .content .item .bt{cursor:pointer;}
.questions .content .item .bt em{font-size: 18px;}
.questions .content .item .click{float: right;width: 14px;height: 14px;background: url(../images/ico-16.png) no-repeat;margin-top: 24px;cursor:pointer;}
.questions .content .item .row{margin-right: 48px;}
.questions .content .item .row i{margin-right: 10px;position: relative;bottom: 1px;}
.questions .content .item .download{float: left;margin-right: 15px;}
.questions .content .item .read{float: left;cursor:pointer;}
.questions .content .item .desc{padding: 15px 45px 20px;border-top: 1px solid #dfdfdf;color: #999999;line-height: 1.8;display: none;}
.questions .content .item .desc em{float: left;font-size: 18px;color: #ab9257;
/*margin-bottom: 20px;*/
    margin-bottom: 50px;
}
.questions .content .item.on .desc{display: block;}
.questions .content .item.on .bt em{color: #ab9257;}
.questions .content .item.on .row{display:none;}
/* 使用与保养 */
.maintain{width: 100%;background: #f9f9f9;padding: 70px 0;}
.maintain .content{}
.maintain .content li{float: left;width: 380px;font-size: 15px;color: #666666;line-height: 1.7;margin-right: 30px;margin-bottom: 15px;}
.maintain .content li .picture{width: 100%;max-height: 310px;overflow: hidden;}
/*.maintain .content li .desc{padding-top: 30px;}*/
.maintain .content li h3{font-size: 22px;color: #555555;}
.maintain .content li h3:hover{color: #ab9257;transition: all 0.4s ease-in-out;}
.maintain .content li:nth-child(3n+3){margin-right: 0;}
/* 关于 */
.ban_2{width: 100%;height: 560px;margin-top: 96px;}
.ban_2 .text{text-align: center;color: #fff;font-size: 52px;line-height: 1.2;text-transform:uppercase;padding-top: 175px;}
.ban_2 .text h3{font-size: 64px;font-weight: bold;}
.ban_2 .text::after{content: "";display: block;width: 48px;height: 1px;background: #ab9257;margin: 0 auto;margin-top: 25px;}
.about{padding-top: 70px;}
.about .content_1{}
.about .content_1 .video{position: relative;}
.about .content_1 .video video{width: 100%;}
.about .content_1 .video-img{position: absolute;top: 45%;left: 50%;margin-left: -37px;width:74px;height: 74px;z-index: 999;background: url(../images/pay.png) no-repeat;cursor:pointer}
.about .content_2{text-align: center;font-size: 16px;color: #777777;line-height: 1.7;padding: 50px 0;}
.about .content_2 .w-1{font-size: 40px;color: #ffffff;margin-bottom: 20px;}
.about .content_2 h3{font-size: 24px;color: #ffffff;padding: 0 7vw;margin-bottom: 15px;}
.about .content_3{padding: 40px 0 180px;position: relative;}
.about .content_3 .picture{width: 53%;overflow: hidden;}
.about .content_3 .text{width: 53%;height: 445px;background: #1b1b1b;position: absolute;right: 0;top: 110px;padding: 60px 45px 0;font-size: 20px;color: #ffffff;line-height: 1.8;}
.about .content_3 .text h3{font-size: 34px;margin-bottom: 28px;}
.contact{width: 100%;height: 180px;background: url(../images/bei-1.jpg) no-repeat center;}
.contact .content{padding: 65px 0 55px;}
.contact .content li{float: left;font-size: 17px;color: #ffffff;line-height: 1.8;margin-right: 50px;}
.contact .content li span{display: inline-block;margin-left: 14px;}
/* 单页 */
.page{padding: 40px 0;}
.page .title{text-align: center;line-height: 1.6;}
.page .title h3{font-size: 26px;}
.page .content{font-size: 18px;line-height: 1.8;padding: 20px 0;}
.prev_a{width: 40px !important;height: 40px !important;background: rgba(0,0,0,0.5);border-radius:100%;left: 80px !important;}
.next_a{width: 40px !important;height: 40px !important;background: rgba(0,0,0,0.5);border-radius:100%;right: 80px !important;}
.prev_a img,.next_a img{zoom: 0.7;}
.pager{bottom: 26px !important;}
.pager span{width: 16px;height: 16px;margin: 0 7px !important;background: #fff;opacity: 1;}
.pager span.swiper-pagination-bullet-active{background: var(--swiper-pagination-color,var(--swiper-theme-color));}

/* 底部弹窗 */
.odo-dialog{width: 100%;height: 100%;position: fixed;top: 0;left: 0;background: rgba(0,0,0,0.5);z-index: 9999;display: none;}
.odo-dialog-a{width: 100%;height: 100%;position: fixed;top: 0;left: 0;background: rgba(0,0,0,0.5);z-index: 9999;display: none;}
.background-white{background-color: #fff;width: 600px;height: 35vw;margin: 0 auto;text-align: center;margin-top: 7vw;}
.wechat-close{border-bottom: 1px solid #c5c7c7;line-height: 1.8;padding: 25px 0;position: relative;}
.wechat-close .gb_1{font-weight: bold;font-size: 26px;opacity: 0.2;position: absolute;right: 30px;top: 13px;transition: all 0.4s ease-in-out;}
.wechat-close .gb_1:hover{opacity: 1;transition: all 0.4s ease-in-out;}
.WeChat{width: 100%;height: 100%;display: -webkit-box;-webkit-box-align: center;-webkit-box-pack: center;margin-top: -3vw;}
.odo-content{background: hsla(0,0%,100%,.95);width: 70%;margin: 0 auto;padding: 100px 10px;text-align: center;position: absolute;left: 50%;margin-left: -35%;bottom: 15vw;}
.odo-content .gb_1{font-weight: bold;font-size: 26px;opacity: 0.2;position: absolute;right: 30px;top: 30px;transition: all 0.4s ease-in-out;}
.odo-content .gb_1:hover{opacity: 1;transition: all 0.4s ease-in-out;}
.odo-content h3{color: #495252;font-size: 26px;line-height: 1.6;margin-bottom: 20px;}
.odo-content p>a{color: #988057;}