/*全局样式*/
@charset "utf-8";
body {font:18px/1.7 "微软雅黑",黑体,"AlibabaPuHuiTi", "Arial", "Impact";color: #333;-webkit-text-size-adjust: 100%;background-color: #fff;overflow-x: hidden;min-width: 320px;max-width: 1920px;margin: 0 auto !important;}
.container-fluid {
    max-width:1630px !important;
    padding-left: 15px;
    padding-right: 15px;
}


:root{
    --color_zhuti: #2a2a2a;
    --color_hover: #bea17f;
    /*--AlibabaPuHuiTi:AlibabaPuHuiTi;*/
    --transform_scale: scale(1.08);
}


header{position:fixed;left: 0;top:0;z-index: 111;width: 100%;}
header .box{display: flex;justify-content: space-between;align-items: center;height: 130px;font-size: 0;}
header .logo img{max-height:50px;}
header .txt{color: #fff;display: flex;align-items: center;}
header .txt a{text-align: center;font-size: 16px;line-height: 20px;margin-right:22px;padding: 14px;}
header .txt a:before{display: block;font-size:32px;line-height: 36px;margin-bottom: 4px;}
header .txt a:hover{background-color: rgba(255, 255, 255, .1);}
header .txt div{font-size: 44px;cursor: pointer;transition: all .3s;padding-top: 10px;}
header .txt div:hover{color: var(--color_hover);}

header nav{position:fixed;left: -400px;height: 100vh;top:0;z-index: 112;background-color: #F0EBE6;width: 400px;max-width:80%;padding:10% 50px;}
header nav.active{left: 0;}
header nav ul{position: relative;width: 100%;margin-top: 50px;}
header nav ul li{position: relative;z-index: 2;width: 100%;}
header nav ul li > a{display:block;line-height: 60px;font-size:22px;position: relative;padding: 0 4px;color: #444;}
header nav ul li > i{display: none;}
header nav ul li:hover > a{color: var(--color_hover);padding-left: 10px;}
header nav ul li.active > a{color: var(--color_hover);}

header nav .navgb{font-size: 50px;position: absolute;right: 30px;top:30px;color: #666;display: block;line-height: 1;cursor: pointer;transition: all .3s;}
header nav .navgb:hover{color: var(--color_hover);transform: rotate(20deg);}
header nav .txt2{position: absolute;left: 0;bottom: 0;width: 100%;font-size: 22px;line-height: 30px;padding: 10px;text-align: center;background: var(--color_hover);min-height: 60px;display: flex;align-items: center;justify-content: center;color: #fff;}
header nav .txt2:before{font-size: 40px;padding-right:10px;position: relative;top:1px;}
header nav .txt2 span{padding-left: 4px;position: relative;top:2px;}




@media (min-width:992px) {
header.active{box-shadow: 0 4px 8px rgba(0, 0, 0, .06);background-color: var(--color_zhuti);}
header.active .box{height: 88px;}
header.active2{box-shadow: 0 4px 8px rgba(0, 0, 0, .06);background-color: var(--color_zhuti);}
header.active2 .box{height: 130px;}


 
}











/*banner*/
.banner{position: relative;z-index: 1;overflow: hidden;}
.banner .swiper-slide{overflow: hidden;}
.banner .swiper-slide img{display: block;width: 100%;}
.banner .swiper-slide .bjcover{display: block;height: 100vh;}
.banner .swiper-pagination-bullet{background:#fff;opacity:.66;transition: all .2s;}
.banner .swiper-pagination-bullet.swiper-pagination-bullet-active{width: 30px;border-radius: 4px;opacity: 1;}




.main88{padding-top: 99px;padding-bottom: 99px;}
.title{text-align: center;padding-bottom: 60px;}
.title .div1{font-size: 60px;line-height: 1.3;color: var(--color_hover);font-weight: bold;text-transform: uppercase;}
.title .div2{font-size: 36px;line-height: 1.3;letter-spacing:11px;margin-top: -4px;}



/*产品展示*/
.main1 .list{display: block;}
.main1 .list .tt {text-align: center;border-bottom: 2px solid #949494;margin-bottom: 25px;padding-bottom: 25px;}
.main1 .list .tt .tt1{font-size:30px;}
.main1 .list .tt .tt2{font-size:14px;color: #999;line-height: 1.3;text-transform: uppercase;opacity: 1;}
.main1 .list .bjcover{padding-top: 130%;}
.main1 .list:hover .tt{border-color: var(--color_hover);}
.main1 .list:hover .tt .tt1{color: var(--color_hover);}
.main1 .list:hover .tt .tt2{color: var(--color_hover);opacity: .6;}
.main1 .list:hover .bjcover{transform: var(--transform_scale);}


/*关于品牌*/
.main2{position: relative;background-color: #EDECEA;}
.main2 .img1{position: absolute;left: 0;top:0;height: 100%;width: 50%;z-index: 1;}
.main2 .container-fluid{position: relative;z-index: 2;}
.main2 .title{text-align: right;}
.main2 .title .div1{color: #fff;font-size: 80px;}
.main2 .title .div2{letter-spacing:4px;margin-top: -44px;font-size: 48px;}
.main2 .title .div2 i{color: var(--color_hover);}
.main2 .box{background: #fff;float: right;width: 1040px;max-width: 96%;position: relative;}
.main2 .box .tt{width: 50%;padding: 77px 66px;text-align: center;}
.main2 .box .img2{position: absolute;right: 0;top:0;width: 50%;height: 100%;}
.main2 .box .img2 .bjcover{height: 100%;}
.main2 .box .tt .tt1{font-size: 36px;line-height: 46px;}
.main2 .box .tt .tt1 span{display: block;font-size:24px;line-height:34px;}
.main2 .box .tt .tt2{color: #777;margin-top: 25px;}
.main2 .box .tt .tt3{display: flex;width: 188px;height: 58px;border: 2px solid var(--color_hover);border-radius: 0 0 30px 0;font-size: 16px;color: var(--color_hover);justify-content: center;align-items: center;margin: 40px auto 0;}
.main2 .box .tt .tt3 i{font-size: 140%;position: relative;top:2px;padding-left:22px;}
.main2 .box .tt .tt3:hover{background: var(--color_hover);color: #fff;}

/*最新动态*/
.main3 .box{margin: 0 -20px;}
.main3 .lb3{width: calc(33.33% - 40px);margin: 0 20px;float: left;background-color: #EDECEA;}
.main3 .lb3 .list{display: block;position: relative;}
.main3 .lb3 .list .bjcover{height: 520px;}
.main3 .lb3 .list .tt{position: absolute;left: 30px;width:calc(100% - 60px);bottom: 0;padding: 24px 0 30px 80px;color: #fff;border-top: 1px solid #fff;z-index: 2;}
.main3 .lb3 .list .tt .tt1{font-size: 22px;}
.main3 .lb3 .list .tt .tt2{display: block;font-size: 14px;position: absolute;left: 0;top:30px;}
.main3 .lb3 .list .tt .tt2 b{font-size: 44px;display: block;line-height: 1;}
.main3 .lb3 .list:after{content: "";width: 100%;height: 100%;position: absolute;left: 0;top:0;background: linear-gradient(to bottom, transparent, rgba(0, 0, 0, .1), rgba(0, 0, 0, .9));z-index: 1;}
.main3 .lb3 .list:hover .bjcover{transform: var(--transform_scale);}
.main3 .list2{width: calc(33.33% - 40px);margin: 0 20px;float: left;background-color: #EDECEA;padding: 8px 35px;min-height: 520px;}
.main3 .list2 a:nth-child(n+5){display: none;}
.main3 .list2 a{padding: 26px 0 26px 80px;position: relative;border-bottom: 1px solid #ccc;display: block;}
.main3 .list2 a .tt1{font-size:14px;color: var(--color_hover);display: block;position: absolute;left: 0;top:26px;font-weight: bold;}
.main3 .list2 a .tt1 span{display: block;font-size: 44px;line-height: 1;}
.main3 .list2 a .tt2{font-size:20px;color: #444;line-height: 1.6;min-height: 3.2em;}
.main3 .list2 a:hover .tt2{color: var(--color_hover);}


.lb3{position: relative;}
.lb3 .swiper-button-prev{width: 56px;height: 44px;background: var(--color_hover);border-radius: 0 0 0 16px;left: auto;right: 92px;bottom: 160px;top:auto;margin: 0;}
.lb3 .swiper-button-prev:after{font-size: 18px;color: #fff;}
.lb3 .swiper-button-next{width: 56px;height: 44px;background: var(--color_hover);border-radius: 0 0 16px 0;right: 30px;bottom: 160px;top:auto;margin: 0;}
.lb3 .swiper-button-next:after{font-size: 18px;color: #fff;}
.lb3 .swiper-button-prev:hover{opacity: .8;}
.lb3 .swiper-button-next:hover{opacity: .8;}


/*定制优势*/
.main4{background: #F9F8F8;}
.main4 .box{margin: 0 -15px;}
.main4 .box a{display: block;width: calc(14% + 50px);float: left;margin: 0 15px;}
.main4 .box a .img{position: relative;z-index: 1;}
.main4 .box a .bjcover{height: 400px;}
.main4 .box a .tt{position: relative;z-index: 2;min-height: 210px;}
.main4 .box a .tt1{font-size: 170px;line-height: 1;color: rgba(190, 161, 127, .4);font-weight: bold;position: absolute;right:20px;top:-40px;z-index: 2;opacity: 0;}
.main4 .box a .tt2{font-size: 30px;line-height: 40px;padding-top: 40px;}
.main4 .box a .tt3{font-size:18px;color: #888;margin-top: 14px;display: none;}
.main4 .box a .tt4{font-size: 24px;text-decoration: underline;font-weight: bold;color: var(--color_hover);margin-top: 14px;opacity: 1;}

@media (min-width:992px) {
    .main4 .box a.active{width:calc(58% - 270px);}
    .main4 .box a.active .img{border-radius: 0 0 40px 0;}
    .main4 .box a.active .tt1{opacity: 1;top:-90px;}
    .main4 .box a.on .tt3{display: block;}
    .main4 .box a.active .tt4{opacity: 0;}
}

.main5{position: relative;height: 480px;}
.main5 .tt{position: absolute;left: 0;top:0;width: 100%;height: 100%;display: flex;align-items: center;justify-content: center;max-width: 1200px;margin: 0 auto;right: 0;padding-top:5%;}
.main5 .tt1{font-size: 36px;color: #fff;line-height: 46px;text-align: center;}
.main5 .tt1 span{display: block;font-size: 24px;line-height: 34px;opacity: .6;margin-top: 8px;}
.main5 .tt1 i{display: block;margin-top: 44px;transform:rotate(90deg);color: var(--color_hover);}



/*招商加盟*/
.main6 .list{display: block;position: relative;}
.main6 .list .bjcover{height: 480px;}
.main6 .list .tt{position: absolute;left: 0;bottom: 0;padding: 30px;color: #fff;z-index: 2;width: 100%;}
.main6 .list .tt .tt1{font-size: 30px;max-width: 300px;}
.main6 .list .tt .tt2{font-size: 18px;max-width: 300px;line-height: 1.6;margin-top:6px;}
.main6 .list .tt .tt3{position: absolute;right: -200px;bottom: 30px;opacity: 0;width: 188px;height: 58px;background: var(--color_hover);border-radius: 0 0 30px 0;display: flex;justify-content: center;align-items: center;font-size: 16px;}
.main6 .list .tt .tt3 i{font-size: 140%;position: relative;top:2px;padding-left:22px;}
.main6 .list:after{content: "";width: 100%;height: 100%;position: absolute;left: 0;top:0;background: linear-gradient(to bottom, transparent, rgba(0, 0, 0, .1), rgba(0, 0, 0, .9));z-index: 1;}
.main6 .list:hover .bjcover{transform: var(--transform_scale);}
.main6 .list:hover .tt3:hover{opacity: .8!important;}



.lb6{position: relative;padding: 0 90px;max-width:1780px !important;margin: 0 auto;}
.lb6 .swiper-slide{width: 400px;}
.lb6 .swiper-slide-next{width:742px;}
.lb6 .swiper-slide-next .list .tt .tt3{right: 30px;opacity: 1;}
.lb6 .swiper-button-prev{width: 44px;height: 44px;margin-top: -22px;background: #D0D0D0;border-radius: 50%;}
.lb6 .swiper-button-prev:after{color: #fff;font-size: 18px;padding-right: 1px;}
.lb6 .swiper-button-prev:hover{background-color: var(--color_hover);}
.lb6 .swiper-button-next{width: 44px;height: 44px;margin-top: -22px;background: #D0D0D0;border-radius: 50%;}
.lb6 .swiper-button-next:after{color: #fff;font-size: 18px;padding-left: 1px;}
.lb6 .swiper-button-next:hover{background-color: var(--color_hover);}



footer{background: var(--color_zhuti);padding: 80px 0 50px;color: #fff;}
footer .box1{padding-bottom: 40px;border-bottom: 1px solid rgba(255, 255, 255, .3);margin-bottom: 40px;display: flex;justify-content: space-between;align-items: center;}
footer .box1 .ul{display: flex;}
footer .box1 .ul a{display: block;font-size: 18px;color: #fff;line-height: 34px;padding-left: 55px;}
footer .box1 .ul a:hover{text-decoration: underline!important;color: var(--color_hover);}
footer .box2{display: flex;justify-content: space-between;}
footer .box2 .list .tt1{font-size: 30px;color: var(--color_hover);line-height: 38px;}
footer .box2 .list .tt2{font-size: 16px;color: #fff;min-height: 56px;margin-top: 8px;}
footer .box2 .list .tt3{font-size: 14px;color: rgba(255, 255, 255, .66);margin-top: 20px;}
footer .box2 .imgbox{display: flex;font-size: 16px;color: rgba(255, 255, 255, .66);}
footer .box2 .imgbox .img{width: 120px;margin-left: 20px;text-align: center;}
footer .box2 .imgbox .img img{display: block;margin: 0 auto 8px;width: 100%;}



.nybanner{padding-top: 36%;position: relative;}
.nybanner .ttbox{position: absolute;left: 0;right: 0;top:0;width: 100%;height: 100%;max-width: 900px;margin: 0 auto;padding:15px;font-size: 60px;line-height: 70px;color: #fff;text-align: center;display: flex;justify-content: center;align-items: center;letter-spacing: 3px;padding-top: 4%;}
.nybanner .ttbox span{display: block;font-size: 24px;color: var(--color_hover);letter-spacing: 20px;line-height: 34px;margin-top: 22px;}

.nycp1{position: relative;background-color: #EDECEA;}
.nycp1 .zuoimg{position: absolute;left: 0;top:0;width: 50%;height: 100%;}
.nycp1 .zuoimg .bjcover{position: absolute;left: 0;top:0;width: 100%;height: 100%;z-index: 1;opacity: 1;}
.nycp1 .list{min-height: 700px;width: 50%;float: right;padding:80px 66px;}
.nycp1 .list .ul{display: flex;padding-bottom:55px;flex-wrap: wrap;margin: -10px;}
.nycp1 .list .ul a{display: block;width: calc(25% - 20px);border: 2px solid var(--color_hover);padding: 25px 0 20px;text-align: center;font-size: 22px;line-height: 32px;margin:10px;}
.nycp1 .list .ul a .img{height: 44px;position: relative;margin-bottom: 11px;}
.nycp1 .list .ul a .img img{display: block;position: absolute;left: 0;right: 0;top:0;bottom: 0;margin: auto;max-height: 100%;transition: all .3s;opacity: 1;}
.nycp1 .list .ul a .img img:nth-child(2){opacity: 0;}
.nycp1 .list .ul a:hover{background-color: var(--color_hover);color: #fff;}
.nycp1 .list .ul a:hover .img img:nth-child(1){opacity: 0;}
.nycp1 .list .ul a:hover .img img:nth-child(2){opacity: 1;}
.nycp1 .list .ul a.active{background-color: var(--color_hover);color: #fff;}
.nycp1 .list .ul a.active .img img:nth-child(1){opacity: 0;}
.nycp1 .list .ul a.active .img img:nth-child(2){opacity: 1;}
.nycp1 .list .ul2{display: flex;padding-bottom:55px;flex-wrap: wrap;margin: -10px;}
.nycp1 .list .ul2 a{display: block;width: calc(25% - 20px);border: 2px solid var(--color_hover);padding: 15px 0 15px;text-align: center;font-size: 20px;line-height: 32px;margin:10px;}
.nycp1 .list .ul2 a:hover{background-color: var(--color_hover);color: #fff;}
.nycp1 .list .ul2 a.active{background-color: var(--color_hover);color: #fff;}
.nycp1 .list .ttbox .tt{display: none;min-height: 300px;}
.nycp1 .list .ttbox .tt.active{display: block;}
.nycp1 .list .ttbox .tt .tt1{font-size: 30px;line-height: 40px;}
.nycp1 .list .ttbox .tt .tt1 span{display: block;font-size: 60px;line-height: 70px;font-weight: bold;color: var(--color_hover);}
.nycp1 .list .ttbox .tt .tt2{font-size: 18px;color: #888;margin-top: 22px;min-height: 6.8em;}
.nycp1 .list .ttbox .tt .tt3{font-size: 40px;display: block;margin-top: 22px;line-height: 1;height: 40px;color:#888; margin-bottom:30px;}
.nycp1 .list .ttbox .tt .tt3:before{transform:rotate(90deg);display: block;height: 40px;width: 40px;}
.nycp1 .list .ttbox .tt .tt3:hover{color: var(--color_hover);}


.ny{padding: 60px 0 90px;}

.nycp{margin: 0 -20px;}
.nycp .list{display: block;width: calc(25% - 40px);margin: 0 20px 40px;float: left;}
.nycp .list .bjcover{padding-top: 126%;}
.nycp .list .tt{font-size: 18px;text-align: center;line-height: 30px;margin: 18px 0;}
.nycp .list:hover .bjcover{transform: var(--transform_scale);}
.nycp .list:hover .tt{color: var(--color_hover);}




.cpxq1 .lbcpxq1{width: 50%;float: left;position: relative;}
.cpxq1 .lbcpxq1 .list{display: block;}
.cpxq1 .lbcpxq1 .list .bjcover{height: 570px;}
.cpxq1 .lbcpxq1 .swiper-button-prev{width: 40px;height: 40px;background: #fff;border-radius: 50%;left: 30px;color: #333;}
.cpxq1 .lbcpxq1 .swiper-button-prev:after{font-size: 20px;padding-right: 1px;}
.cpxq1 .lbcpxq1 .swiper-button-prev:hover{background-color: var(--color_hover);color: #fff;}
.cpxq1 .lbcpxq1 .swiper-button-next{width: 40px;height: 40px;background: #fff;border-radius: 50%;right: 30px;color: #333;}
.cpxq1 .lbcpxq1 .swiper-button-next:after{font-size: 20px;padding-left: 1px;}
.cpxq1 .lbcpxq1 .swiper-button-next:hover{background-color: var(--color_hover);color: #fff;}
.cpxq1 .you{width: 50%;float: right;padding: 0 0 0 70px;}
.cpxq1 .you .tt1{font-size: 24px;color: #888;line-height: 34px;}
.cpxq1 .you .tt2{font-size: 44px;line-height:58px;margin-top: 22px;}
.cpxq1 .you .tt3{font-size: 30px;line-height: 40px;color: var(--color_hover);margin-top: 14px;}
.cpxq1 .you .tt4{font-size: 18px;color: #666;margin-top: 33px;}
.cpxq1 .you .tt5{font-size: 24px;color: #222;}
.cpxq1 .you .tt6{margin-top: 20px;font-size: 0;}
.cpxq1 .you .tt6 span{display: inline-block;vertical-align: top;font-size: 20px;color: var(--color_hover);border: 1px solid var(--color_hover);border-radius: 8px;min-width: 140px;text-align: center;padding: 0 15px;line-height: 46px;margin: 8px 16px 8px 0;}
.cpxq1 .you .tt7{display: block;width: 270px;line-height: 60px;background: var(--color_hover);font-size: 24px;color: #fff;border-radius: 0 0 30px 0;margin-top: 50px;text-align: center;}
.cpxq1 .you .tt7:hover{background: var(--color_zhuti);}




.cpxq2{background: #EDECEA;}
.title2{border-bottom: 1px solid #ccc;text-align: center;font-size: 0;margin-bottom: 30px;}
.title2 a{display: inline-block;vertical-align: top;font-size: 30px;line-height: 40px;padding:0 40px 22px;position: relative;}
.title2 a:after{content: "";width: calc(100% - 36px);height: 0;background: var(--color_hover);position: absolute;left: 0;right: 0;bottom: -1px;margin: 0 auto;transition: all .3s;}
.title2 a:hover{color: var(--color_hover);}
.title2 a:hover:after{height: 3px;}
.title2 a.active{color: var(--color_hover);}
.title2 a.active:after{height: 3px;}


.cpxq2 .box .danye{display: none;min-height: 400px;}
.cpxq2 .box .danye.active{display: block;}
.cpxq2 .box .danye img{ width:600px !important; height:auto !important;}



/*详情页*/
.danye{font-size: 18px;line-height: 2;color: #333;}
.danye .topbox{margin-bottom:20px;text-align: center;}
.danye .bt{color: #000;font-size:24px;padding-bottom: 10px;line-height: 1.5;}
.danye .rq{color: #000;opacity: .6;font-size: 14px;margin-top: -4px;}
.danye .xian{width: 100%;height: 11px;margin-top:16px;;border-top: 1px dashed #aaa;opacity: .4;}
.danye .img{margin:0 auto 22px auto;display: block;}
.danye .img img{display: block;margin: 0 auto;}
.danye .ditu{height:400px;border: 1px solid #eee;margin-bottom:20px;}
.danye .tt1{padding-top: 60px;font-size: 24px;font-family: var(--ali_family);padding-bottom: 20px;}
.danye .tt2{font-size: 18px;}
.danyetop{font-size: 30px;padding-bottom:50px;line-height: 40px;text-align: center;}
.danye .txtbox{ font-size:16px; line-height:2; min-height:300px;}
.danye .txtbox img{ max-width:100% !important; height:auto !important; padding:2px !important; display:block; margin:0 auto;}
.danye .txtbox table{width:100% !important; height:auto !important; border-collapse:collapse; border:1px solid #CCCCCC !important;}
.danye .txtbox table tr td{width:auto !important; height:auto !important; border-collapse:collapse; border:1px solid #CCCCCC !important;}


@media (max-width:767px){
    /*详情页*/
    .danye{font-size: 15px;line-height: 1.8;}
    .danye .topbox{margin-bottom: 16px;}
    .danye .bt{font-size: 20px;padding-bottom: 4px;}
    .danye .img{margin:0 auto 18px auto;}
    .danye .ditu{height:360px;margin-top: 25px;}
    .danye .xian{margin-top: 14px;}
    .danye .tt1{padding-top: 0;font-size: 22px;padding-bottom: 11px;}
    .danye .tt2{font-size: 15px;}
    .danyetop{font-size: 20px;padding-bottom:20px;line-height: 30px;}
}



.lbcpxq3 .list{display: block;}
.lbcpxq3 .list .bjcover{padding-top: 126%;}
.lbcpxq3 .list .tt{font-size: 18px;text-align: center;line-height: 30px;margin: 18px 0;}
.lbcpxq3 .list:hover .bjcover{transform: var(--transform_scale);}
.lbcpxq3 .list:hover .tt{color: var(--color_hover);}



.titletop .div1{padding:28px 0;border-bottom: 2px solid #000;font-size: 0;text-align: center;}
.titletop .div1 a{display: inline-block;vertical-align: top;min-width: 156px;text-align: center;padding: 0 15px;line-height: 54px;border: 1px solid #ddd;border-radius: 8px;font-size: 18px;color: #444;font-weight: bold;margin: 10px;}
.titletop .div1 a:hover{background: var(--color_hover);border-color: var(--color_hover);color: #fff;}
.titletop .div1 a.active{background: var(--color_hover);border-color: var(--color_hover);color: #fff;}

@media (max-width:991px){
    .titletop .div1{padding:20px 0;border-width: 1px;}
    .titletop .div1 a{min-width: 120px;margin: 1px;line-height: 40px;font-size: 15px;font-weight: normal;}
}
@media (max-width:600px){
    .titletop .div1{padding:20px 0;border-width: 1px;}
    .titletop .div1 a{min-width: 120px;margin: 1px;line-height: 40px;font-size: 15px;font-weight: normal;min-width: calc(50% - 2px)}
.cpxq2 .box .danye img{ width:100% !important; height:auto !important;}
}







/*内页新闻*/
.nyxw .list{display: block;position: relative;padding: 30px 330px 30px 170px;margin-bottom: 30px;border-bottom: 1px solid #e5e5e5;}
.nyxw .list .tt1{font-size: 18px;color: #222;}
.nyxw .list .tt3{font-size: 15px;color: #666;line-height: 26px;height: 52px;overflow: hidden;margin-top: 12px;}
.nyxw .list .tt4{font-size: 12px;color: #999999;line-height: 32px;width: 100px;text-align: center;font-family: 'Arial';border: 1px solid #e5e5e5;margin-top: 22px;text-transform: uppercase;}
.nyxw .list .tt2{line-height:24px;font-size: 13px; position: absolute;left: 0;width: 170px; top:25px;color: #999; text-align:center}
.nyxw .list .tt2 b{font-size:18px;color: #000;display: block;line-height: 40px; border-bottom:2px var(--color_zhuti) solid; width:50px; margin:0 auto 5px auto}
.nyxw .list .tt2 i{display: none;}
.nyxw .list .img{position: absolute;right: 30px;top:26px;width: 220px;height: 140px;}
.nyxw .list .img .bjcover{height: 100%;}
.nyxw .list:hover .img .bjcover{transform:scale(1.06);}
.nyxw .list:hover .tt1{color: var(--color_zhuti);}
.nyxw .list:hover .tt4{color: #fff;background: var(--color_hover);border-color: var(--color_hover);}
@media (max-width:1199px) {
    .nyxw .list{padding: 30px 280px 30px 110px;}
    .nyxw .list .tt2{width: 110px;}
}
@media (max-width:991px) {
    .nyxw .list{padding:20px 250px 30px 0;}
    .nyxw .list .img{right: 0}
    .nyxw .list .tt2{width: 140px;}
    .nyxw .list .tt2{line-height:24px;font-size: 13px; position: relative;left: auto;width: 100%; top:auto;color: #999; text-align:left}
    .nyxw .list .tt2 b{font-size:13px;color: #999;display: inline;line-height: inherit; border-bottom:0; width:auto; margin:auto;font-weight: normal;}
    .nyxw .list .tt2 i{display:inline;}
    .nyxw .list .tt3{margin-top: 8px;}
    .nyxw .list .tt4{margin-top: 16px;}
    
}

@media (max-width:600px) {
    .nyxw .list{padding: 0 0 25px;margin-bottom: 25px;}
    .nyxw .list .tt1{font-size: 18px;}
    .nyxw .list .tt3{font-size: 15px;height: auto;max-height: 52px;}
    .nyxw .list .img{position: relative;right: auto;top:auto;width: 100%;height: auto;margin-bottom: 16px;}
    .nyxw .list .img .bjcover{height: auto;padding-top: 50%;}
}





.liuyan form input{width:100%;float: left;height: 50px;border: 1px solid #e7e7e7;margin-bottom: 15px;padding: 0 15px;}
.liuyan form textarea{width: 100%;max-width: 100%;line-height: 26px;height: 152px;padding: 10px 14px;border: 1px solid #e7e7e7;margin-bottom: 15px;}
.liuyan form button{width: 100%;line-height: 50px;background:var(--color_zhuti);color: #fff;border: 0;transition: all 0.3s}
.liuyan form button:hover{background-color: var(--color_hover);}



/* -webkit-line-clamp: 2; */


/*媒体查询开始*/
@media (max-width:1349px){
    .main3 .lb3{width: calc(50% - 40px);}
    .main3 .list2{width: calc(50% - 40px);}
    .main3 .list2:nth-last-child(1){display: none;}
    .lb6{padding: 0 15px;}
    .lb6 .swiper-button-prev{display: none;}
    .lb6 .swiper-button-next{display: none;}
    .nycp1 .list{padding:80px 0 80px 66px;}
}
@media (max-width:1199px){
    .banner .swiper-slide .bjcover{height: auto;padding-top: 60%;}
    .nycp1 .zuoimg{display: none;}
    .nycp1 .list{min-height: inherit;width: 100%;padding:25px 0;}
    .nycp1 .list .ul{padding-bottom:0;margin: -6px;}
    .nycp1 .list .ul a{width: calc(25% - 12px);padding: 16px 0 13px;font-size:16px;line-height: 28px;margin:6px;}
    .nycp1 .list .ul a .img{height:30px;margin-bottom:4px;}
    .nycp1 .list .ttbox{display: none;}
    .nycp1 .list .ul2{padding-bottom:0;margin: -6px;}
    .nycp1 .list .ul2 a{width: calc(31.3333% - 12px);padding: 8px 0 6px;font-size:16px;line-height: 24px;margin:10px 6px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}

    .nybanner{min-height:240px;}
    .nybanner .ttbox{font-size: 30px;line-height: 40px;padding: 2% 20px 0;}
    .nybanner .ttbox span{font-size: 18px;letter-spacing:3px;line-height: 28px;margin-top: 8px;}


    .nycp .list{width: calc(33.33% - 40px);}




    .cpxq1 .lbcpxq1{width: 100%;float: none;max-width: 500px;margin: 0 auto;}
    .cpxq1 .lbcpxq1 .list .bjcover{height: auto;padding-top:126%;}

    .cpxq1 .you{width: 100%;float: none;padding:20px 0 0;}
    .cpxq1 .you .tt1{font-size: 18px;line-height:30px;}
    .cpxq1 .you .tt2{font-size: 26px;line-height:36px;margin-top:4px;}
    .cpxq1 .you .tt3{font-size: 18px;line-height:30px;margin-top:4px;}
    .cpxq1 .you .tt4{font-size: 15px;margin-top:11px;}
    .cpxq1 .you .tt5{font-size: 18px;}
    .cpxq1 .you .tt6{margin-top: 10px;font-size: 0;}
    .cpxq1 .you .tt6 span{font-size: 15px;min-width: 120px;line-height: 40px;margin: 4px 8px 4px 0;}
    .cpxq1 .you .tt7{width: 200px;line-height: 50px;font-size:18px;margin-top: 15px;}


    .title2{margin-bottom:20px;}
    .title2 a{font-size: 18px;padding: 0 20px 8px;}
    .cpxq2 .box .danye{min-height: 200px;}
















}
@media (max-width:991px) {
    body{padding-top: 78px;font-size: 15px;}
    header{background: var(--color_zhuti);}
    header .box{height: 78px;}
    header .logo img{max-height: 34px;}
    header .txt div{font-size: 34px;}
    .banner .swiper-slide img{width:124%;max-width: 124%;margin-left: -12%;}
    .banner .swiper-pagination-bullet{width: 7px;height: 7px;margin: 0 3px -4px !important;}
    .banner .swiper-pagination-bullet.swiper-pagination-bullet-active{width: 22px;}

    header nav{padding:80px 25px 100px;}
    header nav ul{margin-top:34px;}
    header nav ul li > a{font-size: 16px;line-height: 50px;}
    header nav .logo2 img{max-height: 34px;}
    header nav .navgb{font-size: 30px;}
    header nav .txt2{bottom: 50px;font-size: 18px;}
    header nav .txt2:before{font-size:30px;}


    .main88{padding-top: 46px;padding-bottom: 46px;}
    .title{padding-bottom: 30px;}
    .title .div1{font-size: 30px;}
    .title .div2{font-size: 26px;letter-spacing:4px;margin-top: 2px;}



    /*产品展示*/
    .main1 .list .tt {margin-bottom: 15px;padding-bottom:8px;}
    .main1 .list .tt .tt1{font-size:20px;}
    .main1 .list .tt .tt2{font-size:12px;}



    /*关于品牌*/
    .main2 .img1{display: none;}
    .main2 .title{text-align:center;}
    .main2 .title .div1{font-size: 30px;color: var(--color_hover);}
    .main2 .title .div2{letter-spacing:4px;margin-top: 2px;font-size:26px;}
    .main2 .title .div2 i{color: var(--color_hover);}
    .main2 .box{max-width: 100%;padding:40px 25px 25px;}
    .main2 .box .tt{width:100%;padding:0;}
    .main2 .box .img2{position: relative;right: auto;top:auto;width: 100%;height:auto;margin-top: 40px;}
    .main2 .box .img2 .bjcover{height:auto;padding-top: 80%;}
    .main2 .box .tt .tt1{font-size: 26px;line-height: 36px;}
    .main2 .box .tt .tt1 span{font-size:20px;line-height:30px;}
    .main2 .box .tt .tt2{margin-top: 15px;}
    .main2 .box .tt .tt3{width: 140px;height: 44px;font-size: 15px;margin-top: 20px;border-radius: 0 0 20px 0;}
    .main2 .box .tt .tt3 i{padding-left: 11px;}

    /*最新动态*/
    .main3 .lb3{width: calc(100% - 40px);}
    .main3 .lb3 .list .bjcover{height: auto;padding-top: 104%;}
    .main3 .lb3 .list .tt{left: 20px;width:calc(100% - 40px);padding: 15px 0 20px 70px;}
    .main3 .lb3 .list .tt .tt1{font-size:15px;}
    .main3 .lb3 .list .tt .tt2{top:17px;font-size: 12px;}
    .main3 .lb3 .list .tt .tt2 b{font-size: 30px;}
    .main3 .list2{width: calc(100% - 40px);min-height: inherit;display: block!important;padding: 0 20px;}
    .main3 .list2 a{padding: 20px 0 20px 70px;}
    .main3 .list2 a .tt1{font-size:12px;top:20px;}
    .main3 .list2 a .tt1 span{font-size: 30px;}
    .main3 .list2 a .tt2{font-size:15px;}

    .lb3 .swiper-button-prev{display: none;}
    .lb3 .swiper-button-next{display: none;}

    /*定制优势*/
    .main4 .box{margin:-28px -6px 0;}
    .main4 .box a{width: calc(50% - 12px);margin: 28px 6px 0;}
    .main4 .box a .bjcover{height: auto;padding-top: 60%;}
    .main4 .box a .tt{min-height: inherit;}
    .main4 .box a .tt1{font-size:40px;right:10px;top:-20px;opacity:1;}
    .main4 .box a .tt2{font-size:18px;line-height: 30px;padding-top: 14px;}
    .main4 .box a .tt3{font-size:15px;margin-top:6px;display: block;}
    .main4 .box a .tt4{display: none!important;}



    .main5{height:auto;padding: 60px 0 40px;}
    .main5 .tt{padding: 0 15px;position: relative;left: auto;top:auto;right: auto;max-width: 380px;}
    .main5 .tt1{font-size: 24px;line-height: 34px;}
    .main5 .tt1 span{font-size: 18px;line-height: 30px;margin-top: 4px;}
    .main5 .tt1 i{margin-top: 11px;}


    /*招商加盟*/
    .main6 .list .bjcover{height: auto;padding-top:140%;}
    .main6 .list .tt{padding: 20px;}
    .main6 .list .tt .tt1{font-size: 20px;}
    .main6 .list .tt .tt2{font-size: 15px;margin-top: 4px;}
    .main6 .list .tt .tt3{display: none!important;}
    .lb6 .swiper-slide{width: 80%!important;}


    footer{padding: 40px 0 30px;}
    footer .box1{padding-bottom: 22px;margin-bottom: 22px;display: block;}
    footer .box1 .ul{flex-wrap: wrap;margin-top: 20px;}
    footer .box1 .ul a{font-size: 15px;line-height: 30px;padding: 0 20px 0 0;}
    footer .box2{display:block;}
    footer .box2 .list .tt1{font-size: 26px;line-height: 34px;}
    footer .box2 .list .tt2{font-size: 15px;margin-top: 4px;min-height: inherit;}
    footer .box2 .list .tt3{margin-top: 11px;}
    footer .box2 .imgbox{flex-wrap: wrap;margin-top: 10px;font-size: 14px;}
    footer .box2 .imgbox .img{margin: 18px 15px 0 0;}






    .ny{padding: 40px 0 60px;}

    .nycp{margin: 0 -6px;}
    .nycp .list{width: calc(50% - 12px);margin: 0 6px 12px;}
    .nycp .list .tt{font-size: 15px;margin: 8px 0;}
    .lbcpxq3 .list .tt{font-size: 15px;margin: 8px 0;}













}

@media (max-width:767px) {


}
@media (max-width:600px) {


}

@media (max-width:479px) {
    .danye .ditu{height:300px;}

    
}
 /*手机底部*/
@media (max-width:991px) {

    footer{margin-bottom: 51px;}
    .sjdibu{height:50px;background:var(--color_zhuti);position:fixed; bottom:0; left:0; z-index:113; border-top:solid 1px #fff;width: 100%;text-align: center;font-size: 0;}
    .sjdibu .box1 a{display: inline-block;vertical-align: top;color: #fff;padding: 5px;}
    .sjdibu .box1 a span{ color:#fff; font-size:16px; line-height:20px;}
    .sjdibu .box1 a h6{ font-size:12px; line-height:20px;margin: 0;}
    .sjdibu .box2{ position: fixed; left: 0; bottom:51px; z-index:112; width: 100%;background: #fff;box-shadow: 0 -2px 4px rgba(0,0,0,.1);padding: 6px 0;display: none;}
    .sjdibu .box2 img{max-height: 140px;display: block;margin: 0 auto;} 
}