@charset "GB2312";
/************brand***************/
.brand{background:url("../img/sevice.png") no-repeat right top #b98657;text-align: center;padding: 80px 0 120px}
.brand hr{background: #c79464;margin: 100px 0}
.brand a{display: inline-block;width: calc(100% / 7);height: 50px;}

/*************adv**************/
.adv{position: relative;z-index: 2;background: #fff;padding-bottom: 90px;}
.adv > img{margin: 100px auto 95px;display: block}
.adv:after{content: '';display: inline-block;width: 100%;height: calc(100% - 150px);position: absolute;left: 0;top: 0;background: #e9e9e9;z-index: -1}
.adv .left,.adv .right{width: 50%}
.adv ul{width: 100%}
.adv ul li{width: 50%;height: 272px;float: left;}
.adv .left ul li:nth-of-type(3){height: calc(272px * 2)}
.adv .left ul li:nth-of-type(1),.adv .left ul li:nth-of-type(4),
.adv .right ul li:nth-of-type(1),.adv .right ul li:nth-of-type(4){background: #fff;padding: 0 40px}

.adv .right ul li:nth-of-type(3),.adv .right ul li:nth-of-type(4){width: 100%}
.adv .left h1{font-size: 24px;font-family: Impact;color: #4e4e4e;text-align: center;line-height: 1.2}
.adv ul li .mt h3{text-align: left;color: #575352;font-size: 20px;font-weight: bold;}
.adv ul li .mt p{text-align: justify;color: #717171;font-size: 16px;margin-top: 15px;line-height: 1.5;}
.adv ul li>a{display: inline-block;width: 50%;height: 50%;background: #c38e5c;color: #fff;font-size: 70px;line-height: 136px;text-align: center}

/***********  about **************/
.about{background: url("../img/a4.jpg") no-repeat center top;/*height: 767px;*/overflow: hidden;position: relative}
.about .l{width: 1360px;height:657px;background:#c38e5c;position: absolute;top: 55px;right:50%;transform: translateX(402px)}
.about .r{position: absolute;top: 100px;left: 50%;background: url("../img/video_bg.jpg") no-repeat left top;width: 960px;height: 566px}
.about .mq{height: 100%}
.about .left,.about .right{width: 50%;height: 666px;padding-top: 100px;}
.about .left{padding-top: 124px;padding-right: 32px}
.about .left > img{margin-bottom: 40px;}
.about .left > img + img{margin-bottom: 0}
.about .about_cont p{font-size: 17px;line-height: 2;margin-bottom: 38px;color: #fff;text-align: justify;text-indent: 2em;}
.about .video{}

.specialefficacy {width: 100%;min-width: 1264px;position: relative;margin: 0 auto;padding: 46px 0 76px 0;}
.specialefficacy ul {width: 1264px; margin: 0px auto;padding-top:75px;}
.specialefficacy ul li { float: left; width:calc(100% / 5); text-align: center; color: #fff; display: inline; }
.specialefficacy ul li p { margin: 0px auto;position: relative; font-size:65px; text-align: center; line-height:65px; overflow: hidden; }
.specialefficacy ul li p span{font-family:Impact; }
.specialefficacy ul li p i{font-style: normal;font-size: 16px;position: absolute;line-height: 17px;top: 0px;}
.specialefficacy ul li > span { display: block; font-size: 16px; padding-top:24px; }

/***********goods**************/
.gc_box{position: relative}
.gc_box .swiper-container {width: 100%;height: 100%;}
.gc_box #img_swiper .swiper-slide {text-align: center;font-size: 18px;background: #333;
    /* Center slide text vertically */
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}
.gc_box #img_swiper .swiper-slide img{width: 100%}
.gc_box .ctr{display: block;position: absolute;z-index: 6;bottom: 20px;left: initial;width: 60px;height: 60px;background-image: url(../img/arrow.png)!important;opacity: .8;filter: alpha(opacity=80);-webkit-transition: all 220ms ease 0s;transition: all 220ms ease 0s;top: initial;right: initial;background-size: auto;outline: none}
.gc_box .ctr.swiper-button-prev{background-position: 0 0;right: 10px;}
.gc_box .ctr.swiper-button-next{background-position: -60px 0;right: -80px;}
.gc_box .ctr:hover{opacity: 1}
/**/
.text_swiper {position: absolute;top: 0;left: 50%;margin-left: -600px;width: 500px;height: 100%;background:#c38e5c;z-index: 2;}
#text_swiper .swiper-slide{padding: 80px;text-align: justify;color: #fff}
#text_swiper .swiper-slide a{color: #fff}
#text_swiper .swiper-slide .style{width: 90px;height: 30px;line-height: 30px;background-color: #fff;text-align: center;color: #c38e5c;font-size: 16px;padding: 5px 10px}
#text_swiper .swiper-slide h3{margin-top: 30px;font-size: 20px;position: relative;overflow: hidden;max-height: 76px;line-height: 38px;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
#text_swiper .swiper-slide .info{margin-top: 35px;font-size: 16px;position: relative;overflow: hidden;max-height: 182px;line-height: 26px;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 7;-webkit-box-orient: vertical;}
#text_swiper .swiper-slide .more{display: block;margin-top: 30px;width: 110px;height: 32px;line-height: 30px;text-align: center;font-size: 14px;color: #fff;border: #fff 1px solid;letter-spacing: 2px;}
#text_swiper .swiper-slide .more:hover{background: #fff;color: #c38e5c;border-color: #fff}



.m-hd {text-align: center;}
.m-title h2 {font-size: 24px;color: #fff;margin-bottom: 26px;font-family: PingFangSC-Light,"\5FAE\8F6F\96C5\9ED1", sans-serif;}
.m-title i {display: inline-block;width: 40px;height: 4px;background: #fff;vertical-align: top;}

.in-custom {padding-top: 62px;}
.in-custom-box {margin-top: 42px;}
.in-custom-row {background: rgba(255, 255, 255, 0.08);margin-top: 17px;}
.in-custom-item {width: 50%;box-sizing: border-box;position: relative;overflow: hidden;}
.in-custom-pic img {width: 100%;transition: all .6s ease-in;}
.in-custom-pic:hover img {transform: scale(1.1);}
.in-custom-des {padding: 3% 60px 0;}
.in-custom-des .line {position: absolute;right: 60px;display: inline-block;width: 20px;height: 4px;background: #fff;vertical-align: top;}
.in-custom-des .hd {padding-bottom: 39px;border-bottom: 1px solid rgba(255,255,255, .2);}
.in-custom-des .hd .title {font-size: 18px;color: #fff;line-height: 30px;font-family: PingFangSC-Medium,"\5FAE\8F6F\96C5\9ED1", sans-serif;}
.in-custom-des .hd .title a{color: #fff;}
.in-custom-des .hd .txt {font-size: 20px;color: rgba(255, 255, 255, .5);line-height: 1.5;margin-top: 16px;}
.in-custom-des .ft {padding-top: 48px;}
.in-custom-des .ft .title {font-size: 14px;color: #fff;margin-bottom: 30px;font-family: PingFangSC-Light,"\5FAE\8F6F\96C5\9ED1", sans-serif;}
.in-custom-des .ft ul {margin-right: -14px;}
.in-custom-des .ft li {float: left;width: 61px;height: 61px;border-radius: 5px;border: 1px solid rgba(255, 255, 255, 0.54);text-align: center;line-height: 61px;font-size: 13px;color: rgba(255, 255, 255, 0.68);margin-right: 14px;font-family: PingFangSC-Light,"\5FAE\8F6F\96C5\9ED1", sans-serif;}

/***************news*************/
.news{background:#331702;text-align: center;padding: 20px 0 80px}
.news .news_cnt{}

.news li{width:32%;float:left;margin-bottom:4%;box-shadow: 2px 2px 15px rgba(0, 0, 0, 0.24);background: #c38e5c;text-align: left;}
.news li  a.fi{display:block;/* padding-bottom:75%; */position:relative;overflow:hidden;}
.news li  a.fi .img{width: 100%;padding-top: 65%;height: 0;overflow: hidden;position: relative;display: inline-block}
.news li  a.fi img{position:absolute;left:0;top:0;height:100%;width:100%;object-fit:cover;-webkit-transform:scale(1);-webkit-transition:all 0.8s ease-out;transform:scale(1);transition:all 0.8s ease-out;}
.news li  a.fi:hover img{-webkit-transform:scale(1.1);transform:scale(1.1);}
.news li  dt{font-size:20px;font-weight:bold;padding:8% 5%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#fff}
.news li  dd{font-size:14px;color:rgba(255,255,255,0.8);line-height:24px;height:72px;padding:0 5%;}
.news li  p{font-size:14px;color:rgba(255,255,255,0.8);padding:4% 5% 13%;}
.news li  p a{float:right;color: #fff;}

.news .swiper-button-next,.news .swiper-button-prev{width: 64px!important;height: 64px!important;background-color: #ffffffb0;border-radius: 100%;background-size: 20px!important;opacity: .5}
.news .swiper-button-next:hover,.banner .swiper-button-prev:hover{opacity: 1}
.news .swiper-pagination-bullet{width: 12px;height: 12px;background: #fff;opacity: 1}
.news .swiper-pagination-bullet-active{background: #C48D5C}

.i-dt{position:relative;text-align:center;overflow:hidden}
.i-dt h2{zoom:1;display:inline-block;vertical-align:middle;position:relative;font-weight:400}
.i-dt h2:after,.i-dt h2:before{content:"";height:1px;background:#bbb;position:absolute;top:50%}
.i-dt h2:after{left:110%;width:520px}
.i-dt h2:before{right:110%;width:520px}
.i-dt h4{margin-top:40px;color:#c78e66}
.i-dt p{margin-top:20px;line-height:1.8}
.i-dt.bs{color:#fff}
.i-dt.bs h2:after,.i-dt.bs h2:before{background:#fff}