@font-face {
    font-family: "syhtm";
    src:
            url("../font/syht-m.ttf") format("truetype"),
            url("../font/syht-m.eot") format("embedded-opentype"),
            url("../font/syht-m.woff2") format("woff2");
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: "syhtr";
    src:
            url("../font/syht-r.ttf") format("truetype"),
            url("../font/syht-r.eot") format("embedded-opentype"),
            url("../font/syht-r.woff2") format("woff2");
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: "syhtn";
    src:
            url("../font/syht-n.ttf") format("truetype"),
            url("../font/syht-n.eot") format("embedded-opentype"),
            url("../font/syht-n.woff2") format("woff2");
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: "cDreamB";
    src:
            url("../font/cDreamB.ttf") format("truetype"),
            url("../font/cDreamB.eot") format("embedded-opentype"),
            url("../font/cDreamB.woff2") format("woff2");
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: "cDreamR";
    src:
            url("../font/cDreamR.ttf") format("truetype"),
            url("../font/cDreamR.eot") format("embedded-opentype"),
            url("../font/cDreamR.woff2") format("woff2");
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: "syhtb";
    src:
            url("../font/syht-b.ttf") format("truetype"),
            url("../font/syht-b.eot") format("embedded-opentype"),
            url("../font/syht-b.woff2") format("woff2");
    font-weight: normal;
    font-style: normal;
}
html,
body{width: 100% ;font-family: "syhtr"}
li{list-style: none;}
ul{display:block;list-style-type:disc;margin: 0;padding: 0}


img{max-width: 100%}
:root {--swiper-theme-color: #caa151;}
.hover a{width: 29%;color: #fff;border-bottom: 1px solid rgb(255,255,255);}
.brandstory a:hover{color: #caa151;border-bottom: 1px solid #caa151;}
.informationa:hover{color: #caa151;border-bottom: 1px solid #caa151;}
.informationa{width: 15%;}
.brandstory a:hover,
.hover a:hover{color: #caa151;border-bottom: 1px solid #caa151;}

/* 品牌故事 */
#about_body{padding-bottom: 0}
.brandstory{position:relative;padding:80px 0;width:100%;background:url(../image/us1.jpg) no-repeat center bottom}
.brandstory-container{margin:0 auto;width:73%}
.brandstory-container .layoutTitle{}
.stoty-con{display:inline;color:#666;font-size:16px;line-height:2}
/* 公司理念 */
.serveidea{position:relative;overflow:hidden;width:100%}
.serveidea-container{position:absolute;top:0;left:13.5%;width:73%;padding-top: 50px}
.serveidea-container .layoutTitle h3{color: #fff}
.serveidea-container .row{box-sizing:border-box;padding:130px 0 30px 0}
.serveidea-container .row p{color:#fff;font-family: "cDreamB";}
.serveidea-container .row p:nth-child(1){margin-bottom:-16px;font-size:52px;}
.serveidea-container .row p:nth-child(2){font-size:48px;}
.server-con{box-sizing:border-box;color:#fff;font-size:16px;line-height:2;padding-top: 30px}
.serveidea a{width: 16%;color: #fff;border-bottom: 1px solid rgb(255,255,255);}
.serveidea a:hover{color: #caa151;border-bottom: 1px solid #caa151;}

/* 品牌文化 */
.news{position:relative;width:100%;background:url(../image/us6.jpg) no-repeat bottom;padding: 88px 0 100px}
.news .layoutTitle p{color: #333;}
.news-container{width: 73%;margin: 0 auto;}
.news-list{position:relative;cursor: pointer}
.news-list a{display:block}
.news-txt{position:absolute;bottom:6%;left:5%;padding:20px;width:90%;background-color:#fff}
.news-txt-title a{overflow:hidden;color:#000;text-overflow:ellipsis;white-space:nowrap;font-size:22px}
.news-txt img{width:15px}
.hover span{color:#fff;font-size:14px;}
.news-txt span{color:#999;font-size:14px;}
.time img{display:inline-block;margin-top:-2px;padding-right:5px;width:24px}
.err img{display:inline-block;margin-top:-2px;padding-right:5px;width:20px}
.time{margin-left:10px}
.hover{position:absolute;top:5%;left:5%;z-index:9;padding:20px;width:90%;height:90%;background-color:rgba(0,0,0,.5);opacity:0}
.color{position:absolute;bottom:5%;left:5%;z-index:99;width:90%;height:10px;background-color:#caa151;opacity:0}
.hover-title{color:#fff}
.hover-title a{display:inline-block;overflow:hidden;margin-top:0!important;padding-top:0!important;width:100%!important;color:#fff;text-align:left;text-overflow:ellipsis;white-space:nowrap;font-size:22px}
.hover-con{padding-top:30px;color:#fff;font-size:16px;line-height:2}
.color,.hover,.news-txt{transition:all .5s}
.news-list:hover .hover{opacity:1}
.news-list:hover .news-txt{opacity:0}
.news-list:hover .color{opacity:1}
.news .page-wrap{margin-top:40px;color:#333}
.news .page-wrap a{color:#333}

/* <!-- 智造实力 --> */
.information{position:relative;padding:60px 0;width:100%;background:url(../image/us66.jpg) no-repeat center;background-size:cover}
.information .layoutTitle p{color:#333}
.information-container{overflow:hidden;margin:0 auto;padding:0 20px;width:73%}
.information .row p{color:#666;font-size:15px;line-height:2}





/*新闻列表*/
#news_body .row > div{margin-bottom: 30px}
#news_body .news-list{position: relative;height: 100%;padding-bottom: 121px;}
#news_body .news-list > a{background-size: cover;background-repeat: no-repeat;background-position: center}
#news_body .news-list > a:before{content: '';display:block;width: 0;height:0;padding-top: 73%;}
#news_body .news-txt{position: absolute;width: 100%;background: #f1f1f1;left: 0;bottom: 0;transition: all .5s;}
#news_body .hover-con{overflow: hidden;text-overflow: ellipsis;-webkit-line-clamp: 2;-webkit-box-orient: vertical;padding-top: 12px;margin-bottom:12px;display: -webkit-box;transition: all .5s;height: 0;color: #999;}
#news_body .moreview{display: none;color: #caa151;border-bottom: 1px solid #caa151}
#news_body .news-list:hover{box-shadow: 0 2px 5px 0 rgba(6,6,6,.16)}
#news_body .news-list:hover .hover-con {height: 76px;}
#news_body .news-list:hover .moreview{display: inline-block;}
#news_body .news-list:hover .news-txt{opacity: 1;position: absolute;}
#news_body .news-list:hover .err{display: none}
/*新闻详情页*/
.l_list_details{padding: 0;}
.l_list_details .details_left .left_content .info_cnt h2{font-size: 30px;margin-bottom: 16px;text-align: justify;font-family: initial;color: #333;}
.l_list_details .details_left .left_content .info_box{overflow: hidden;width: 100%}
/*.l_list_details .details_left .left_content .info_box p,*/
/*.news_info .news_info_box div{font-size: 16px;line-height: 2;text-align: justify}*/
.info_times{font-size: 14px;color: #999;padding-bottom: 30px;border-bottom: 1px solid #e9edf1;margin-bottom: 30px;}
.info_times span{display: inline-block;padding: 0 25px;}
.info_times span:nth-child(1){padding-left: 0;}
.info_times span:nth-child(3){padding-right: 0;}
.share_box{display: inline-block;text-align: center;}
.share_box a{display: inline-block;width: 30px;height: 25px;margin: 0 5px;}
.share_box a img{transition: none;}
.info_times .social-share a{margin: 0 5px 0 0;}
.info_times .social-share .social-share-icon{border: none;color: #fd7722;}
.info_times .social-share .icon-wechat,
.info_times .social-share .icon-weibo{border: none;color: #999999;}
.l_list_details .details_right{overflow: hidden}
.l_list_details .details_right .list{}
.details_right .hot{width: 100%;display: block;overflow: hidden;padding-left: 60px;}
.details_right .hot dt{width: 100%;display: block;font-size: 20px;padding-bottom: 16px;color: #333;border-bottom: 1px solid #e9edf1;font-weight: 400;margin: 70px 0 20px}
.details_right .hot dd{width: 100%;display: block;}
.details_right .hot dt:before{content: ''; width: 50px; height: 50px; display: block; background-repeat: no-repeat; background-size: 100%; position: absolute; left: 0; top: 0;}
.details_right .hot a{width: 100%;min-height: 50px;display: block;font-size: 14px;line-height: 22px;color: #666;position: relative;}
.details_right .hot a img{width: 100%;}
.details_right .hot a:hover{color: #b81d20;}
.details_right .hot a p{font-size: 14px;padding-top: 8px;color: #333}
.detail_page{padding: 40px 0;position: relative;border-top: 1px solid #e9edf1;margin-top: 30px;}
.detail_page .dpages{font-size: 0!important;position: relative;margin-bottom: 0;}
.detail_page a{display: inline-block; width:calc(100% / 2); font-size: 16px; -webkit-transition: all .4s ease; -moz-transition: all .4s ease; transition: all .4s ease; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; backface-visibility: hidden; vertical-align: middle; color: #999;}
.detail_page a.next {color: #b81d20;padding-right: 105px;text-align: right}
.detail_page a:hover{color: #b81d20;}
.detail_page a.nexts:hover,
.detail_page a.prev:hover{cursor:not-allowed}
.laiyuan{font-size: 12px;padding-top: 10px;color: #999}


#agent_body{padding-top: 0}
/* 品牌优势 */
.allhome-wrap{width: 100%;position: relative;padding: 80px 0 105px}
.allhome-wrap .layoutTitle{text-align: left}
.allhome-container .right-txt{color: #999;position: relative;padding-top: 86px}
.allhome-container .right-txt .allhome-cont p{font-size: 20px; color: #333; margin-bottom: 24px;line-height: 2;}

/* <!-- 制造优势--> */
.design-wrap{width: 100%;position: relative; overflow: hidden;background: url("../image/s-banner3.jpg") no-repeat center;padding: 110px 0}
.design-wrap .layoutTitle h3{color: #fff}
.desigh-china{ font-size: 16px; line-height: 2;text-align: center;color: #fff}
.desigh-eng{color: #999999; font-size: 14px; margin-bottom: 1rem;}
.desigh-box{text-align: center;color: #fff;margin-top: 80px}
.desigh-box>div{position: relative;padding: 0 20px}
.desigh-box>div+div:after{content: '';width: 1px;height: 50%;background: #bdbdbd;position: absolute;left: 0;top: 50%;transform: translateY(-50%)}
.desigh-box p{font-size: 18px;padding-top: 1rem}
.desigh-box i{font-style: normal;font-size: 14px;}
/* <!-- 加盟支持 --> */
.life-wrap{width: 100%; position: relative;background: url("../image/s-banner4.png") no-repeat left top;padding: 230px 0 40px;}
.life-wrap .layoutTitle{text-align: left}
.life-container .left-txt{color: #999;position: relative; }
.life-container .left-txt .life-cont p{font-size: 20px; color: #333; margin-bottom: 24px;line-height: 2;}
.left-txt{padding-top: 120px;}
/*加盟条件*/
.bulk-wrap{margin-bottom: 3rem;background: url("../image/s-banner5.jpg") no-repeat center}
.bulk-wrap ul{margin-top: 80px;color: #fff;font-size: 18px}
.bulk-wrap ul li{list-style: circle inside;margin-bottom: 20px}
/* <!-- 加盟流程 --> */
.brand-wrap{width: 100%; margin-bottom: 20px;}
.brand-wrap .brand-name img{width: 100%}

/*联系方式*/
.l-ct-box{margin-bottom: 60px}
.l-ct-box p{margin-bottom: 0;line-height: 1.5;font-size: 16px;color: #333;}
.l-ct-box .tel-box span{font-size: 36px;font-family: fantasy;font-weight: 700;color: #caa151;}

@media screen and (max-width:1024px){
    .brandstory{padding: 0 0 40px}
    .serveidea-container{padding-top:25px}
    .serveidea-container .row{padding: 0}
    .serveidea-container .row p:nth-child(1){font-size: 48px}
    .serveidea-container .row p:nth-child(2) {font-size: 36px;}
    .server-con{padding-top: 0}
    .news-txt{padding: 10px}
    .news-txt .news-txt-title{font-size: 14px;line-height: 1}
    .news-txt span{font-size: 12px;line-height: 1}
    .hover-con{padding-top: 0;font-size: 13px;line-height: 1.75}
    .hover-title{display: none}
    .news-list .hover{padding: 10px}
    .news-list .color{height: 5px}
/*    新闻详情页*/
    .details_right .hot{padding-left: 0}
    .detail_page a{width: 100%;}
    .detail_page a.next{width: 100%;text-align: left;padding-right: 0;margin-top: 20px}
/*    招商加盟页*/
    .allhome-wrap,
    .life-wrap{background-size: auto 256px;padding: 100px 0}
    .allhome-container .right-txt{padding-top: 0}
    .left-txt{padding-top: 90px}
    .allhome-container .right-txt .allhome-cont p,
    .life-container .left-txt .life-cont p{font-size: 16px}
    .design-wrap{padding: 80px 0}
    .desigh-china{font-size: 14px;line-height: 1.75}
    .desigh-box span img{max-height:30px}
    .desigh-box p{font-size: 16px}
    .desigh-box i{font-size: 12px}
}

@media screen and (max-width:768px){
    .serveidea-container .row p:nth-child(1){font-size: 28px;margin-bottom: 0;}
    .serveidea-container .row p:nth-child(2){font-size: 24px;}
    .server-con{font-size: 14px;line-height: inherit}
    .news{padding: 50px 0}
    .information{padding: 40px 0}
    .l_list_details .details_left .left_content .info_cnt h2{font-size: 24px;margin-bottom: 10px}
    .info_times{padding-bottom: 16px;margin-bottom: 16px}
    #news_body .news-list > a:before{padding-top: 43%}
    #news_body .news-list{padding-bottom: 0;border-radius: 5px;overflow: hidden}
    #news_body .news-txt{position: unset}
    #news_body .row > div{margin-bottom: 30px}
    #news_body .news-txt-title a{font-size: 18px}
    #news_body .hover-con{height: auto}
    #news_body .moreview{display: inline-block;border: none}
    #news_body .news-txt span{display: none}
    #news_body .news-list:hover{box-shadow: none}
    #news_body .news-list:hover .news-txt{position: unset}
    #news_body .news-list:hover .hover-con{height: auto}
    /*    招商加盟页*/
    .allhome-wrap,
    .life-wrap{background-size: auto 192px;padding: 80px 0}
    .left-txt,
    .design-wrap{padding-top: 60px;padding-bottom: 60px}
    .desigh-box{margin-top: 60px}
    .allhome-container .right-txt{padding-top: 30px}
    .desigh-box>div:nth-of-type(3):after{display: none}
    .desigh-box>div:nth-of-type(n+3){margin-top: 50px}
    .desigh-box>div:nth-of-type(n+3):before{content: '';width: 150px;height: 1px;background: #bdbdbd;position: absolute;right: 50%;transform: translateX(50%);top: -25px}
}

@media screen and (max-width:440px){
    .brandstory-container,.news-container,.information-container{width: 100%;padding: 0 15px}
    .serveidea-container .row p{padding-left: 30%}
    .serveidea-container .row p:nth-child(1){padding-top: 24px}
    .serveidea-container .row p:nth-child(2){padding-bottom: 40px}
    .server-con{font-size: 15px}
    .news .row > div + div{margin-top: 20px}
    .hover-con{font-size: 14px}
    .main_body{padding: 0}
    .brandstory{padding-top: 30px}
    .serveidea-container{width:100%;padding:25px 30px 0;left: 0}
    .information{padding-bottom: 0}
    #news_body .news-list > a:before{padding-top: 43%}
    #news_body .news-list{padding-bottom: 0;border-radius: 5px;overflow: hidden}
    #news_body .news-txt{position: unset}
    #news_body .row > div{margin-bottom: 15px}
    #news_body .row > div:nth-of-type(1){margin-top: 15px}
    #news_body .news-txt-title a{font-size: 18px}
    #news_body .hover-con{height: auto}
    #news_body .moreview{display: inline-block;border: none}
    #news_body .news-txt span{display: none}
    #news_body .news-list:hover{box-shadow: none}
    #news_body .news-list:hover .news-txt{position: unset}
    #news_body .news-list:hover .hover-con{height: auto}
    .l_img_box{padding: 20px 0}
    .l_list_details{padding: 20px 15px}
    .l_list_details .details_left .left_content .info_cnt h2{font-size: 20px}
    .info_times span:nth-child(3),.share_box{display: none}
    .info_times span{padding: 0 10px}
    .detail_page a{font-size: 14px}
/*    招商加盟*/
    .allhome-wrap,
    .life-wrap{background: unset;padding: 30px 0}
    .left-txt,
    .design-wrap{padding-top: 30px;padding-bottom: 30px}
    .design-wrap{background: url("../image/s-banner3-s.jpg") no-repeat center / cover}
    .bulk-wrap{background: url("../image/s-banner5.jpg") no-repeat center / cover}
    .desigh-box{margin-top: 30px}
    .allhome-container .right-txt{padding-top: 30px}
    .desigh-box>div:nth-of-type(3):after{display: none}
    .desigh-box p{margin-bottom: 10px}
    .bulk-wrap ul{font-size: 14px;padding: 0 15px;margin-top: 40px}
    .bulk-wrap ul li{margin-bottom: 10px}
    .desigh-china{display: none}
/*    联系方式*/
    .l-ct-box{padding:20px 0;margin-bottom: 10px}
    .l-ct-box>div + div{margin-top: 24px}
    .map-box{margin-bottom: 15px}
}