/*reset*/
html,body{width:100%;min-height: 100%;font-size: 16px;overflow-x: hidden;}
html,body,h1,h2,h3,h4,h5,h6,p,blockquote,pre,address,div,img,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,captionm,span{margin:0;padding:0;border:0;outline: none;}
body{font-size:16px;-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:rgba(255,255,255,0);font-family: '微软雅黑', 'sans-serif'}
a{text-decoration:none;outline:0;}
ol,ul{list-style:none}
blockquote,q{quotes:none}
.clear{ clear:both; line-height:0px; height:0; overflow:hidden;}
blockquote::before,blockquote::after,q::before,q::after{content:none}
ins{text-decoration:none}del{text-decoration:line-through}
button,input,select,textarea{font-family:inherit;font-size:100%;vertical-align:middle;outline: none}
textarea{resize:none;overflow:auto;vertical-align:top}
[hidden]{display:none}
a,a:hover, a:visited, a:link, a:active {color: inherit}
table{border-collapse:collapse;border-spacing:0}
.clearfix:before,.clearfix:after{display:table;line-height:0;content:""}
.clearfix:after{clear:both}
.clearfix{zoom:1}
.fl{float: left;}
.fr{float: right;}

img {border:0;max-width: 100%;height: auto;width: auto\9; /* ie8 */ vertical-align:middle;}
i{font-style: normal;}
::-webkit-scrollbar {width: 6px;}
::-webkit-scrollbar-thumb {background-color: #c1c1c1;}
::-webkit-scrollbar-track {background-color: #f7f7f7;}

@font-face {
    font-family: 'iconfont';
    src: url('iconfont.eot');
    src: url('iconfont.eot?#iefix') format('embedded-opentype'),
    url('iconfont.woff2') format('woff2'),
    url('iconfont.woff') format('woff'),
    url('iconfont.ttf') format('truetype'),
    url('iconfont.svg#iconfont') format('svg');
}
.iconfont {
    font-family: "iconfont" !important;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
@font-face {
    font-family: 'fr';
    src: url('FranklinGothic-DemiCond.eot');
    src: local('fontName Regular'),
    local('fontName'),
    url('FranklinGothic-DemiCond.woff') format('woff'),
    url('FranklinGothic-DemiCond.ttf') format('truetype'),
    url('FranklinGothic-DemiCond.svg#fontName') format('svg');
}

.mytable{display: table;}
.mycell{display: table-cell;vertical-align: middle;}
.cover{background: no-repeat center;background-size: cover}
.contain{background: no-repeat center;background-size: contain}
.bg{background: no-repeat center;}
.wcont{padding: 0 3.6vw;box-sizing: border-box}

/*-----------------------首页-------------------------*/
.header{position: fixed;top: 0;left: 0;width: 100%;z-index: 999;padding: 1.3rem 0;}
.header .wcont{display: flex;align-items: center;justify-content: space-between;}
.header-l img{display: block;height: 4.375rem;}
.header-r{display: flex;align-items: center;position: relative;z-index: 889;}
.header-r .header-jm{font-size: 1.375rem;color: #eb3d00;}

.header-navs{display: none;}
.header-navs ul{display: flex;align-items: center;justify-content: space-between;}
.header-navs ul li{font-size: 1.2rem;color: #333333;padding: 10px;}
.header-navs ul li a{ padding: 0 .5em;}
.header.on .header-navs{display: block;}
.header.on .header-btns{display: none;}


.header-btns{background: #eb3d00;border-radius: 10000px;margin-left: 30px;display: flex;align-items: center;justify-content: space-between;padding: 10px 20px;user-select: none;cursor: pointer;}
.header-btn{display: block;height: 13px;width:20px;position: relative;margin-right: 10px;}
.header-btn span{width:100%;height: 2px;position: absolute;top:0;left:0;background: #fff;}
.header-btn span:nth-child(1){transition:transform .3s , top .3s .3s;}
.header-btn span:nth-child(2){top:50%;transition: .6s;}
.header-btn span:nth-child(3){top:100%;transition:transform .3s , top .3s .3s;}
.header-btn.act span:nth-child(1){top:50%;transform: rotate(30deg);transition:top .3s , transform .3s .3s;}
.header-btn.act span:nth-child(2){opacity: 0;}
.header-btn.act span:nth-child(3){top:50%;transform: rotate(-30deg);transition:top .3s , transform .3s .3s;}
.header-btns i{font-size: 1.2rem;font-weight: bold;color: #ffffff;}

.navs{position: fixed;top: 0;right: 0;width: 25rem;height: 100%;background: #ce9d4e;z-index: 888;display: flex;padding: 4.5vw 0 2.5vw 5.3rem;box-sizing: border-box;flex-direction: column;justify-content: space-between;overflow: hidden;transition: .5s;transform: translateX(100%);opacity: 0;}
.navs.act{transform: translateX(0);opacity: 1;}

.navs ul{padding-top: 5vw;}
.navs ul li{border-bottom: 1px solid #bd8b3b}
.navs ul li a{display: block;font-size: 1.375rem;color: #42301b;padding: 20px 0;}

.navs-bot{}
.navs-bot p{font-size: .875rem;color: #42301b;}
.navs-bot h1{font-size: 1.5rem;color: #ffffff;font-family: "fr";margin-top: 5px;}


.banner{position: relative;}
.swiper-banner{width: 100%;height: 100vh;overflow: hidden}
.swiper-banner .swiper-slide{overflow: hidden;}
.banner-img{height: 100%;background: no-repeat center;background-size: cover;transition: 5s ease-out;}
.swiper-banner .ani-slide .banner-img{transform: scale(1.05)}

.banner-box{position: absolute;bottom: 0;left: 0;width: 100%;z-index: 3;}
.banner-text{position: absolute;top: 10vw;left: 10vw;}
.banner-text h1{font-size: 2rem;color: #ffffff;}
.banner-text h1 i{font-size: 3.5rem;font-family: "fr"}
.banner-text p{font-size: 1.5rem;color: #ffffff;padding-top: 5px;}
.banner-pag{display: none;}
.banner-ds{position: absolute;bottom: 30px;z-index: 11;left: 3.6vw;}
.banner-ds i{font-size: 1.5rem;color: #ffffff;opacity: .8;font-family: "fr"}
.banner-ds .banner-ac{opacity: 1;font-size: 2rem;}

@keyframes sbrun {
    0%{opacity: 1;}
    100%{opacity: 0;top: 100%;}
}

.banner-sb{position: absolute;bottom: 30px;z-index: 11;right: 3.6vw;}
.banner-run{position: absolute;right: 0;top: 50%;animation: sbrun infinite 1.5s ease-in-out;}

.about{background: url("../images/ls5.jpg") no-repeat center;background-size: cover}
.about-box{display: flex;align-items: center;justify-content: space-between;padding-bottom: 12vw;}
.about-l{width: 30%;}
.about-r{width: 58%;}
.about-r h1{font-size: 2.5rem;color: #262626;}
.about-r h2{font-size: 1.5rem;color: #999999;font-weight: normal;padding-left: 50px;position: relative;margin-top: .875rem;}
.about-r h2:before{content: "";display: block;width: 30px;height: 2px;background: #eb3d00;top: 50%;margin-top: -1px;position: absolute;left: 0;}
.about-r p{font-size: 1.375rem;color: #3c2b19;line-height: 1.8;margin: 3.125rem 0;text-align: justify;text-indent: 2em;}
.about-r a{display: block;width: 165px;text-align: center;font-size: 1.5rem;color: #eb3d00;background: url("../images/ls8.png") no-repeat top center;background-size: 100% auto;padding: 20px 0 0;}


.prolist{background: url("../images/ls9.jpg") no-repeat center;background-size: cover}
.prolist-box{position: relative;}
.swiper-pro{padding: 10px 0;}
.swiper-pro .swiper-slide{transform: scale(.6);transition: .5s;}
.swiper-pro .swiper-slide a{display: block;padding-bottom: 100%;width: 100%;position: relative;}
.swiper-pro .swiper-slide a:before{content: "";position: absolute;top: 0;left: 0;width: 100%;height: 100%;border-radius: 50%;background: #ffffff;}
.swiper-pro .swiper-slide a:after{content: "";position: absolute;top: 0;left: 0;width: 100%;height: 100%;border-radius: 50%;box-sizing: border-box;border: 15px solid #eb3d00;z-index: 2;opacity: 0;transition: .5s;}
.pro-box{position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: 8;}
.pro-box h1{position: absolute;top: 50%;font-size: 3rem;color: #3c2b19;text-align: center;width: 100%;left: 0;opacity: 0;transition: .5s}
.pro-box p{position: absolute;top: 50%;left: 0;width: 100%;text-align: center;opacity: 0;transition: .5s}
.pro-box p span{background: #eb3d00;display: inline-block;padding:5px;border-radius: 1000px;}
.pro-box p em{font-style: normal;font-size: 1rem;color: #ffffff;display: inline-block;vertical-align: middle;padding: 0 10px;}
.pro-box p i{display: inline-block;vertical-align: middle;width: 30px;line-height: 30px;text-align: center;border-radius: 50%;background: #ffffff;font-size: 1.1rem;color: #eb3d00;}
.pro-pic{position: absolute;top: 20%;left: 0;width: 100%;transition: .5s;box-sizing: border-box;padding: 0 20px;}
.pro-img{padding-bottom: 60%;}

.swiper-pro .swiper-slide-active{transform: scale(1);}
.swiper-pro .swiper-slide-active a:before{box-shadow: 0 0 10px rgba(0,0,0,.2)}
.swiper-pro .swiper-slide-active a:after{opacity: 1;}
.swiper-pro .swiper-slide-active .pro-box h1{top: 8%;opacity: 1;}
.swiper-pro .swiper-slide-active .pro-box p{top: 23%;opacity: 1;}
.swiper-pro .swiper-slide-active .pro-pic{top: 35%;padding: 0;}

.pro-pag{display: flex;align-items: center;justify-content: center;padding-top: 3vw;}
.pro-pag span{opacity: 1;width: 8px;height: 8px;border-radius: 50%;margin: 0 5px;transition: .3s;}
.pro-pag .swiper-pagination-bullet-active{background: #3c2b19;width: 10px;height: 10px;}
.pro-pre,.pro-nex{position: absolute;left: 28%;top: 50%;margin-top: -6.5rem;z-index: 8;cursor: pointer;padding: 0 15px;}
.pro-nex{right: 28%;left: auto;}
.pro-pre img,.pro-nex img{display: block;height: 13rem;}


.contact{background:url("../images/ls13.jpg") no-repeat center;background-size: cover;}
.contact-t1{font-size: 2rem;color: #c6a96c;padding-top: 5vw;}
.contact-t1 span{display: block;}
.contact-t2{font-size: 3.5rem;color: #3c2b19;font-weight: bold;}
.contact-t3{font-size: 1.375rem;color: #c6a96c;padding-top: 3vw;}
.contact-t4{font-size: 3.75rem;color: #eb3d00;font-family: 'fr'}
.contact-t4 i{font-size: 1rem;color: #c6a96c;padding: 5px 15px;border-radius: 1000px;background: #3c2b19;display: inline-block;vertical-align: super;}
.contact-t5{display: flex;justify-content: space-between;padding-top: 1.5vw;}
.contact-ls{width: 49%;}
.contact-ls h1{font-size: 1.375rem;color: #999999;font-weight: normal;padding-bottom: 10px;}
.contact-ls ul{}
.contact-ls ul li{font-size: 1.375rem;color: #3c2b19;padding: 15px 0;display: flex;align-items: center;justify-content: space-between;border-bottom: 1px solid #eeeeee}
.contact-ls ul li span{min-width: 50%}

.mp{background: #fff2dd;}
.mp .wcont{display: flex;align-items: center;justify-content: space-between;}
.mp-l{width: 45%;}
.mp-l h1{font-size: 2.5rem;color: #3c2b19;font-weight: normal;}
.mp-sf{display: flex;justify-content: space-between;}
.mp-l ul{}
.mp-l ul li{border-left:2px solid #c6a96c;padding-left: 10px;margin-top: 2.5rem;}
.mp-l ul li:last-child{padding: 0;border: none;}
.mp-l ul li p{font-size: 1rem;color: #c6a96c;}
.mp-l ul li h2{font-size: 1rem;color: #3c2b19;font-family: "fr";margin-top: 5px;text-transform: uppercase}

.mp-btn{padding-top: 2.5rem;}
.mp-btn a{display: block;border-radius: 50%;box-shadow: 0 0 15px rgba(0,0,0,.2)}

.mp-r{width: 50%;}

.hbot{position: fixed;bottom: 2vw;left: 0;width: 100%;z-index: 88;}
.hbot .wcont{display: flex;align-items: center;justify-content: space-between;}
.hbot-l{font-size: 1.5rem;color: #eb3d00;font-family: 'fr'}
.hbot-r{font-size: 1rem;color: #857a63;}


/*-----------------------产品展示-------------------------*/
.header.on{background: #ffffff;}

.nycontainer{min-height: 60vh   }

.nycont{width: 1360px;margin: 0 auto;}
.nybanner{height: 43rem;position: relative;}
.nybanner-bot{bottom: 0;left: 0;width: 100%;position: absolute;z-index: 2;height: 10rem;background-image: linear-gradient(transparent, rgba(0,0,0,.8));}

.nyban-box{background: url("../images/ls16.png") no-repeat bottom left;background-size: 100% 100%;;height: 100%;}
.nybanner-bot .nycont{display: flex;align-items: center;justify-content: space-between;height: 100%;position: relative;}
.nyban-r{position: absolute;bottom: 0;right: 0;}
.nyban-r img{display: block;}

.nybox{padding: 2.5rem 0;}
.cplist{}
.cplist ul{display: flex;flex-wrap: wrap;}
.cplist li{width: 32%;margin-right: 2%;margin-bottom: 20px;}
.cplist li:nth-child(3n){margin-right: 0;}
.cplist li a{display: block;}
.cppic{padding: 15px;box-sizing: border-box;background: #74a041;overflow: hidden;}
.scpic{overflow: hidden;}
.cpimg{padding-bottom: 75%;transition: .5s;}
.cplist li p{font-size: 1.5rem;color: #262626;text-align: center;padding: 10px;box-sizing: border-box;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.cplist li:hover .cpimg{transform: scale(1.05)}

.fenye{text-align: center;padding: 2.5rem 0;}
.fenye a,.fenye span{display: inline-block;vertical-align: middle;background: #dddddd;font-size: 1rem;color: #ffffff;width: 40px;line-height: 40px;margin: 3px;}
.fenye span{background: #eb3d00;}


.foot{background: #3c2b19;}
.foot-t1{display: flex;align-items: center;justify-content: space-between;padding: 20px 0;border-bottom: 1px solid #4f4234}
.foot-t1 ul{display: flex;align-items: center;}
.foot-t1 li{font-size: 1rem;color: #bdb39e;margin-right: 2.875rem;}
.foot-t1 dl{display: flex;align-items: center;}
.foot-t1 dd{position: relative;margin-left: 2rem;}
.foot-t1 dd a{display: block;width: 2.5rem;line-height: 2.5rem;text-align: center;background: #eb3d00;font-size: 1rem;color: #ffffff;border-radius: 50%;}
.foot-t1 dd img{position: absolute;max-width: none;width: 0;height: 0;left: 50%;bottom: 50%;opacity: 0;transition: .5s;}
.foot-t1 dd:hover img{opacity: 1;width: 100px;height: 100px;margin-left: -50px;bottom: 100%;}


.foot-t2{display: flex;align-items: center;justify-content: space-between;padding: 20px 0;}
.foot-t2-l{font-size: 1.5rem;color: #eb3d00;font-family: 'fr'}
.foot-t2-r{font-size: 1rem;color: #857a63;}

/*-----------------------资质荣誉----------------------*/
.rylist{}
.rylist ul{display: flex;flex-wrap: wrap;}
.rylist li{width: 19%;margin-right: 1.25%;margin-bottom: 20px;}
.rylist li:nth-child(5n){margin-right: 0;}
.rylist li a{display: block;}
.rypic{box-sizing: border-box;background: #f5f5f5;overflow: hidden;}
.ryimg{padding-bottom: 145%;transition: .5s;}
.rylist li:hover .ryimg{transform: scale(.95)}

/*-----------------------图片详情----------------------*/
.tp-de{}
.tp-tit{background: #f5f5f5;border: 1px solid #dddddd;font-size: 2.5rem;color: #3c2b19;;text-align: center;padding: 15px 0;}
.tp-info{padding: 2.5rem 0;font-size: 1.2rem;color: #333333;line-height: 1.6;}
.tp-more{text-align: justify;display: flex;align-items: center;border: 1px solid #dddddd}

.tp-more a{width: 50%;padding:20px 10px;box-sizing: border-box;font-size: 1.5rem;color: #3c2b19;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}

.tp-more a i{color: #999999;}
.tp-more a:last-child{text-align: right;background: #eeeeee;}

/*-----------------------企业理念----------------------*/
.qyln{}
.qyln-t1{}
.qyln-t2{padding-top: 20px;}
.qyln-t2 ul{display: flex;justify-content: space-between;flex-wrap: wrap}
.qyln-t2 ul li{width: 50%;margin-top: 2.5rem;}
.qyln-t2 ul li h1{font-size: 2.5rem;color: #262626;}
.qyln-t2 ul li p{font-size: 1.5rem;color: #999999;line-height: 2.5rem;margin-top: 10px;position: relative;padding-left: 3rem;}
.qyln-t2 ul li p:before{content: "";width: 2rem;height: 2px;background: #eb3d00;position: absolute;left: 0;top: 1.25rem;}

/*-----------------------联系我们----------------------*/
.lxwm{}
#maps{height: 31rem;}
.lxwm-t2{font-size: 2rem;color: #262626;padding: 1.8rem 0;;border-bottom: 1px solid #dddddd}
.lxwm-t2 i{font-family: "fr";font-size: 2.5rem;text-transform: uppercase;margin-left: 10px;}
.lxwm-t3{}
.lxwm-t3 ul{display: flex;align-items: center;justify-content: space-between;flex-wrap: wrap}
.lxwm-t3 ul li{width: 49%;font-size: 1.5rem;color: #262626;padding: 1.8rem 0;border-bottom: 1px solid #dddddd}
.lxwm-t3 ul li i{color: #eb3d00;}

/*-----------------------公司简介----------------------*/
.gsjj{display: flex;justify-content: space-between;}
.gsjj-l{width: 45%;}
.gsjj-l h1{font-size: 2.5rem;color: #262626;}
.gsjj-l h2{font-size: 1.5rem;color: #999999;font-weight: normal;position: relative;padding-left: 3rem;margin-top: 10px;}
.gsjj-l h2:before{content: "";position: absolute;left: 0;top: 50%;width: 2rem;background: #eb3d00;height: 2px;}
.gsjj-inf{font-size: 1rem;color: #262626;line-height: 1.8;margin-top: 3rem;}
.gsjj-r{width: 50%;}

/*-----------------------招商加盟----------------------*/
.nybox .contact{padding-right: 30%;box-sizing: border-box;background-size: contain;}
.nybox .contact-t5{display: block;}
.nybox .contact-ls{width: 100%;padding-top: 20px;}




.piao{ position: fixed; z-index: 9; top: 50%; right: 50%; width: 10vw; height: auto; transform: translate(50%,-50%);}
.piao .close{ position: absolute; z-index: 1; font-size: 30px; line-height: 1; top: -30px; right: -30px; color: #d00; cursor: pointer;}
.piao a{ position: relative; z-index: 0; display: block;}
.piao a img{ width: 100%; height: 100%; object-fit: contain;}