/*banner*/
.g-adv{ position:relative; width:100%; margin:0 auto; height: auto; z-index:15; font-size:0;}
.g-adv .m-box img{ display:block;position: relative;width:100%; height: auto;}
.g-adv .swiper-pagination{height:0.6rem;bottom: 1.5rem;}
.g-adv .swiper-pagination .swiper-pagination-bullet{width:0.85rem;height:0.85rem;background: #333;opacity: 1;margin:0 0.6rem;vertical-align:top;border-radius:50%;position:relative;}
.g-adv .swiper-pagination .swiper-pagination-bullet-active{background: #2eaf2e;}


/*公共标题*/
.title{text-align: center;font-size:2.4rem;line-height: 100%;letter-spacing: 0.2rem;}
.title a{display: block;color: #000;
    font-weight: bold;}
.title span{text-transform: uppercase;font-size: 0.6rem;color: #362E2B;display: block;font-weight: lighter;line-height: 80%;margin-bottom: 0.45rem;letter-spacing: 0;}
.title span {
    display: block;
    height: 45px;
    text-align: center;
    line-height: 45px;
    color: rgb(230, 2, 2);
    font-family: 宋体;
    font-size: 30px;
    background: url(../resource/images/can.png) center center no-repeat;
}
.title em{display: block;font-size: 0.9rem;color: #333;line-height: 100%;margin-top: 0.6rem;letter-spacing: 0;}
.con{margin: 0 auto;width: 90.625%;overflow: hidden;}


/*引子*/
.yz{padding-top: 2.4rem;background: #f5f5f5;padding-bottom: 3.7rem;margin-top:-1px;}
.yz h2{font-size: 2.4rem;color: #333;text-align: center;font-weight: bold;background: url(../images/yz-tbg.png) no-repeat center top;background-size: auto 2.95rem;padding-top: 1.5rem;line-height: 100%;}
.yz .con{width: 86%;}
.yz p{font-size: 1.1rem;color: #666;line-height: 1.9rem;text-align: center;margin-top: 0.5rem;}
.yz ul{text-align: center;margin-top: 2rem;}
.yz li{display: inline-block;position: relative;text-align: center;margin: 0 1rem;}
.yz li:after{content: "";display: block;width: 1px;height: 2.6rem;background: #B9B9B9;position: absolute;right: -1.2rem;top: 1rem;}
.yz li:last-of-type:after{display: none;}
.yz li em{display: block;width: 2.9rem;background: url(../images/yz-cbg.png) no-repeat center bottom;background-size: 2.25rem .4rem;height: 3.5rem;margin: 0 auto;}
.yz li em img{width: 100%;}
.yz li span{display: block;font-size: 1.1rem;line-height: 1.1rem;color: #333;margin-top: 0.6rem;}

/*产品*/
.pro{padding-top: 4rem;}
.pro .con{margin-top: 2.5rem;}
.pro dl{display: flex; display: -webkit-flex; flex-wrap: wrap; justify-content: space-between;}
.pro dl dt{width: 100%;position: relative;}
.pro dl dt h3{display: block;line-height: 1.4rem;font-size: 1.4rem;}
.pro dl dt h3 i{display: inline-block;vertical-align: middle;margin-right: 1rem;background: url(../images/pro-tbg.png) no-repeat center bottom;background-size: 1.55rem .25rem;padding-bottom: 0.4rem;}
.pro dl dt h3 i img{width: 2.2rem;}
.pro dl dt h3 b{color: #303030;display: inline-block;}
.pro dl dt p{font-size: 1.1rem;color: #666;line-height: 1.9rem;display: block;text-align: justify;margin-top: 0.5rem;}
.pro dl dt em{position: absolute;left: 0;bottom: 0;}
.pro dl dd{width: 100%;}
.pro dl dd li{margin-bottom: 1.15rem;line-height: 0;position: relative;    height: 16rem;}
.pro dl dd li img{width: 100%;}
.pro dl dd li h4{position: absolute;left: 0;bottom: 0;width: 100%;height: 2.1rem;line-height: 2.1rem;text-align: center;color: #fff;font-size: 1.1rem;background: rgba(0,0,0,0.2);}
.pro dl dd li:last-of-type{margin-bottom: 0;}
.pro2{background: #f7f6f6;}
.pro2 .con{margin-top: 0;}
.pro2 dt{float: right;}
.pro2 dd{float: left;}
.pro2 .more a{width: 11rem;height: 3rem;line-height: 1.5rem;text-align: center;line-height: 3rem;color: #fff;background: #bc8c75;display: block;margin: 2rem auto 0;border-radius: 1.5rem;overflow: hidden;}


/*小广告*/
.ads1s{background: url(../images/adsss1-bg.jpg) no-repeat center top;background-size: 100% 100%;height:21.8rem;box-sizing: border-box;}
.ads1s dl,.ads1s ul{display: flex; display: -webkit-flex; flex-wrap: wrap; justify-content: space-between;}
.ads1s dl dt{height: 7.75rem;box-sizing: border-box;padding-left: 1.5rem;padding-top: 3rem;}
.ads1s dl dt h3{font-size: 1.6rem;line-height: 1.6rem;display: block;font-weight: bold;color: #1a0f37;}
.ads1s dl dt h3 span{display: block;font-size: 1.1rem;line-height: 1.1rem;font-weight: normal;margin-top: 0.5rem;color: #333;}
.ads1s dl dd{font-size: 1.2rem;color: #1c1311;display: block;line-height: 1.5rem;font-weight: bold;padding-top: 3.1rem;width: 32%;}
.ads1s ul{height: 14rem;padding: 0 1.5rem;padding-top: 4.2rem;box-sizing: border-box;}
.ads1s ul li{color: #fff;width: 35%;height: 5.2rem;box-sizing: border-box;padding-left: 4rem;font-size: 1.1rem;line-height: 1.1rem;margin-top: .3rem;}
.ads1s ul li:nth-of-type(3n+1){padding-left: 3.5rem;}
.ads1s ul li:nth-of-type(3n+2){padding-left: 4.4rem;}
.ads1s ul li:nth-of-type(3n+3){width: 30%;padding-left: 4.3rem;}


/*优势*/
.ys{padding-top: 4rem;background: #f7f6f6;padding-bottom: 4rem;text-align: center;}
.ys .title{letter-spacing: 0;}
.ys .con{margin-top: 2.1rem;}
.ys dl{box-shadow:0px 0px 0.4rem 0.1rem rgba(4,0,0,0.05);}
.ys dt{line-height: 0;}
.ys dd{background: #fff;box-sizing: border-box;padding: 1.3rem 0 0 1.4rem;text-align: left;}
.ys dd h3 em{display: inline-block;margin-top: 0.1rem;vertical-align: top;line-height: 0;margin-right: 1.2rem;}
.ys dd h3 em img{width: auto;height: 2.6rem;display: block;}
.ys dd h3 b{display: inline-block;background: url(../images/ys-sj.png) no-repeat left top;background-size: 1.45rem .65rem;vertical-align: top;font-size: 1.9rem;line-height:100%;padding-top: 0.8rem;color: #2D2D2D;}
.ys dd h3 span{font-weight: normal;}
.ys dd p{font-size: 1.2rem;color: #666;line-height: 1.9rem;margin-top: 1.6rem;padding-right: 1.4rem;}
.ys .swiper-pagination{position:unset;line-height: 0;text-align: left;width: auto;margin-top: 2rem;text-align: center;display: inline-block;}
.ys .swiper-pagination-bullet{width:0.5rem; height:0.5rem;border-radius:50%;margin: 0 1rem!important;opacity: 1;background: #B7B4B2;position: relative;}
.ys .swiper-pagination:after{content: "";display: inline-block;width:8.1rem;height: 1px;background: #B7B4B2;position: absolute;top: 0;left: 1.3rem;top: 0.5rem;z-index: -1}
.ys .swiper-pagination-bullet-active{background:#f7f6f6;opacity: 1;width: 1rem;height: 1rem;border:0.15rem solid #bc8c75;box-sizing: border-box;vertical-align: middle;}

/*合作案例*/
.case{padding-top: 4.1rem;background: #fff;padding-bottom: 4rem;}
.case .title em{padding:0 5%;line-height:150%;}
.case .con{margin-top: 2rem;width: 100%;}
.case li{position: relative;}
.case li img{display: block;}
.case li h4{position: absolute;left: 0;bottom: 0;width: 100%;line-height: 3.3rem;height: 3.3rem;background: rgba(255,255,255,0.8);display: block;text-align: center;font-size: 1.2rem;}
.case .qh{text-align: center;margin-top: 2rem;}
.case .qh img{width: 100%;}
.case .prev{width: 2.8rem;display: inline-block;margin-right: 1.6rem;}
.case .next{width: 2.8rem;display: inline-block;}

/*定制流程*/
.lc{background: url(../images/lc-bg.jpg) no-repeat;background-size: 100% 100%;padding-top: 4rem;box-sizing: border-box;padding-bottom: 4rem;}
.lc h2 span,.lc h2 a{color: #fff;}
.lc .con{margin-top: 1.9rem;width: 94%;}
.lc ul{display: flex; display: -webkit-flex; flex-wrap: wrap; justify-content: space-between;border:1px solid #fff;border-bottom: none;border-right: none;box-sizing: border-box;}
.lc ul li{width: 100%;color: #fff;border-right: 1px solid #fff;box-sizing: border-box;border-bottom: 1px solid #fff;padding: 1.5rem 0.2rem 1.5rem 1.1rem;text-align: center}
.lc ul li em{width: 2.9rem;height: 2.9rem;display: inline-block;vertical-align: middle;border-radius: 50%;background: #fff;color: #3B2C27;font-size: 1.6rem;font-weight: bold;text-align: center;line-height: 2.9rem;margin-right: 0.4rem;}
.lc ul li p{width: 10rem;display: inline-block;vertical-align: middle;font-size: 0.9rem;font-weight: lighter;line-height: 1.2rem;text-align: left}
.lc ul li p b{display: block;font-size: 1.2rem;line-height: 1.2rem;margin-bottom: 0.35rem;}


/*新闻资讯*/
.new{padding-top: 4rem;padding-bottom: 4rem;}
.new .con{margin-top: 2rem;}
.new dl dt{line-height: 0;}
.new dl dd{margin: 0 1rem;padding-top: 1.4rem;padding-bottom: .65rem;border-bottom: 1px solid #ccc;}
.new dl dd h4 a{font-size: 1.3rem;color: #333;display: block;font-weight: bold;line-height: 1.3rem;}
.new dl dd em{font-size: 1rem;color:#B5B5B5;line-height: 80%;display: block;font-weight: normal;margin-top: 0.7rem;}
.new dl dd p{font-size: 1.1rem;color: #5E5E5E;font-weight: normal;line-height: 1.8rem;margin-top: .85rem;}
.new ul{margin: 0 1rem;}
.new ul li a{font-size: 1.2rem;color: #333;display: block;line-height: 3.9rem;height: 3.9rem;border-bottom: 1px dashed #dadada;font-weight: normal;background: url(../images/new-dot.png) no-repeat 0.4rem center;background-size: .6rem .6rem;padding-left: 1.8rem;}
.new .more a{width: 11rem;line-height: 3rem;height: 3rem;display: block;margin: 2rem auto 0;text-align: center;background: #bc8c75;font-size: 1.2rem;border-radius: 1.5rem;font-weight: normal;color: #fff;}


/*走进优品包装*/
.abt{padding-top: 4rem;padding-bottom: 6rem;background: #f7f6f6 url(../images/abt-bg.png) no-repeat left 5rem;background-size: 27.95rem 20.95rem;}
.abt .con{margin-top: 2rem;}
.abt p{font-size: 1.2rem;color:#4D4D4D;line-height: 1.9rem;text-align: center;padding: 1.5rem 1.25rem 0;}
.abt em a{width: 11rem;line-height: 3rem;height: 3rem;display: block;margin: 2rem auto 0;text-align: center;background: #bc8c75;font-size: 1.2rem;border-radius: 1.5rem;font-weight: normal;color: #fff;}










/**/
@media screen and (min-width:320px) {html {font-size: 10px;}}
@media screen and (min-width:360px) {html {	font-size: 11.25px;}}
@media screen and (min-width:375px) {html {	font-size: 11.7px;}}
@media screen and (min-width:384px) {html {	font-size: 12px;}}
@media screen and (min-width:480px) {html {	font-size: 15px;}}
@media screen and (min-width:414px) {html {	font-size: 13px;}}
@media screen and (min-width:560px) {html {	font-size: 17.5px;}}
@media screen and (min-width:640px) {html {	font-size: 20px;}}