@charset "utf-8";

.center-tit{ font-size:28px; color:#c99951}
.center-word{ display:inline-block; padding-bottom:60px; font-size:20px; color:#3a3a3a; position:relative}
.center-word:after{ content:''; width:38px; height:3px; background:#bdbdbd; position:absolute; left:0; right:0; bottom:40px; margin:auto}
.center-more{ display:inline-block; width:150px; line-height:50px; text-align:center; background:#000; color:#fff; transition:ease-in-out .2s all; border-radius:2px}
.center-more:hover{ color:#fff; background:#c28942;}

/* 轮播 */
.banner .word{ width:600px; height:300px; padding:50px 0; text-align:center; color:#fff; position:absolute; left:0; right:0; top:0; bottom:0; margin:auto; background:rgba(0,0,0,.6)}
.banner .word:before,
.banner .word:after{ content:''; width:75px; height:60px; background:url(/template/default/images/banner-word-bg.png) no-repeat center center; position:absolute}
.banner .word:before{ left:15px; top:15px}
.banner .word:after{ right:15px; bottom:15px; transform:rotate(180deg)}
.banner .word h4{ padding-bottom:20px; font-size:58px; font-weight:bolder; position:relative}
.banner .word h4:after{ content:''; width:220px; height:2px; background:#fff; position:absolute; left:0; right:0; bottom:0; margin:auto}
.banner .word p{ font-size:40px}
.banner .word span{ font-size:18px}
.banner .swiper-pagination{ bottom:28px}
.banner .swiper-pagination>*{ width:14px; height:14px; margin:0 5px !important; border-radius:9999px}
.banner .swiper-pagination-bullet{ background:#fff; opacity:1}
.banner .swiper-pagination-bullet-active{ width:66px; background:#9e6c23; opacity:1}

/* 关于 */
.about{ padding:78px 0 58px}
.about .pic{ width:45%; height:326px; position:relative; overflow:hidden}
.about .pic img{ max-width:540px; height:100%; position:absolute; left:0; right:0; margin:auto}
.about .txt{ width:49%; position:relative}
.about .txt h3{ margin:10px 0 34px; color:#585b76}
.about .txt p{ line-height:30px; color:#9899a2; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:5}
.about .txt a{ position:absolute; bottom:0}

/* 影片传输 */
.video{ padding:30px 0; text-align:center; background:#f7f7f7}
.video ul{ margin-bottom:24px; overflow:hidden}
.video li{ width:204px; height:288px; margin-left:16px; margin-bottom:16px; position:relative; overflow:hidden; float:left}
.video li img{ max-width:204px; height:100%; position:absolute; left:0; right:0; margin:auto}
.video li:first-child{ width:540px; height:592px; margin:0}
.video li:first-child .pic{ width:100%; height:100%; position:relative}
.video li:first-child img{ max-width:540px}
.video li a{ display:inline-block; width:100%; height:100%}
.video li .txt{ width:100%; margin:0; padding:20px 0; font-size:16px; line-height:30px; color:#fff; text-align:left; position:absolute; bottom:0; background:rgba(0,0,0,.7)}
.video li .txt span{ display:block; padding:0 28px; font-size:16px; color:#fff}
.video li .txt i{ color:#f4ce21; font-style:normal}

/* 活动 */
.active{ padding:30px 0 40px; text-align:center; background:url(/template/default/images/active-bg.jpg) no-repeat center top}
.active h3{ width:316px; padding-top:105px; margin:0 auto; font-size:30px; color:#c99951; background:url(/template/default/images/active-tit.png) no-repeat 13px top}
/**/
.active .tit{ padding:30px 0 20px; font-size:0}
.active .tit li{ display:inline-block; padding:0 30px; margin:0 3px; line-height:30px; font-size:14px; border:1px solid #fff}
.active .tit li a{ color:#fff}
/**/
.active .con{ color:#fff}
.active .con li{ display:inline-block; max-width:386px; width:32%; margin:0 7px; text-align:left}
.active .con h4{ padding-top:15px; font-size:14px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;color: #fff;}
.active .con p{ margin:0; line-height:2; font-size:12px; opacity:.5; overflow:hidden; text-overflow:ellipsis; white-space:nowrap}
.active .center-more{ margin-top:15px; border:1px solid #fff; background-color:transparent}
.active .swiper-button-next,
.active .swiper-button-prev{ width:75px; height:75px; background-repeat:no-repeat; background-position:center center; background-size:75px}
.active .swiper-button-next{ background-image:url(/template/default/images/active-btn-r.png); right:-38px}
.active .swiper-button-prev{ background-image:url(/template/default/images/active-btn-l.png); left:-38px}

/* 技术 */
.technique{ padding:30px 0; text-align:center}
/**/
.technique .tit{ margin-bottom:40px; font-size:0; position:relative}
.technique .tit:after{ content:''; width:100%; height:0; border-bottom:1px dashed #ddd; position:absolute; left:0; top:0; bottom:0; margin:auto; z-index:-1}
.technique .tit li{ display:inline-block; margin:0 25px; line-height:50px; font-size:25px}
.technique .tit li a{ display:inline-block; height:100%; padding:0 30px; background:#f4f4f4; border:1px solid #dbdbdb; border-radius:20px}
.technique .tit li i{ opacity:.5; font-style:normal; font-size:40px; vertical-align:middle}

/**/
.technique .con{ font-size:0}
.technique .con li{ width:32%; border-bottom:2px solid #333; box-shadow:0 0 10px rgba(0,0,0,.1)}
.technique .con h4{ line-height:60px; margin:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}

/* 新闻 */
.news{ padding:30px 0 40px; text-align:center; background:#f7f7f7}
.news .con{ margin-bottom:30px}
.news .con li{ width:25%; height:476px; padding-top:40px; text-align:left; position:relative; overflow:hidden}
.news .con li img{ position:absolute; left:0; top:0; right:0; margin:auto; opacity:1; z-index:-1}
.news .con li a{ display:inline-block; width:100%; height:100%; padding:0 11%}
.news .con span{ display:inline-block; font-size:18px; color:#b3b3b3; transition:ease-in-out .4s all}
.news .con h4{ padding-bottom:40px; font-size:16px; line-height:1.7; position:relative}
.news .con h4:after{ content:''; width:35px; height:3px; background:#c6c6c6; position:absolute; left:0; bottom:30px}
.news .con p{ color:#8c8c8c; line-height:2}
.news .con h4,
.news .con p{ overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2}
.news .con a:hover{ color:#fff}
.news .con a:hover img{ opacity:1}
.news .con a:hover span{ margin-top:70%}
.news .con a:hover h4:after{ background:#fff}
.news .swiper-button-next,
.news .swiper-button-prev{ width:12px; height:18px; background-repeat:no-repeat; background-position:center center; background-size:12px 18px}
.news .swiper-button-next{ background-image:url(/template/default/images/news-btn-r.png); right:-50px}
.news .swiper-button-prev{ background-image:url(/template/default/images/news-btn-l.png); left:-50px}

/* 合作 */
.partner{ padding-bottom:50px; text-align:center}
.partner li{ width:19%; height:112px; margin-bottom:15px; line-height:112px; border:1px solid #eaeaea}
.partner li img{ max-width:90%; max-height:90%; vertical-align:middle}


/*修改*/
.active .tit li:hover {
    background-color: #c99951;
	border: 1px solid #c99951;
}
.active .tit li:hover a{
    color: #000;
	
}
.active .center-more:hover {
	color: #000;
    border: 1px solid #c99951;
    background-color: #c99951;
}



@media only screen and (max-width:1200px) {

.swiper-button-next{ right:0 !important}
.swiper-button-prev{ left:0 !important}

/* 轮播 */
.banner .word{ width:50%; height:50%; padding:4% 0}
.banner .word h4{ font-size:38px}
.banner .word p{ font-size:26px}
.banner .word span{ font-size:14px}

/* 影片传输 */
.video li:first-child{ width:calc(100% - 660px)}
.video li:first-child img{ left:50%; margin-left:-270px}

/* 新闻 */
.news .con li{ width:33.3333333333%}

}

@media only screen and (max-width:1000px) {
	

/* 轮播 */
.banner .word{ width:500px; height:200px; padding:3% 0}
.banner .word h4{ font-size:24px}
.banner .word p{ font-size:18px}
.banner .word span{ font-size:12px}

/* 影片传输 */
.video li{ width:18%; margin-left:2%}
.video li:first-child{ width:40%; margin:0}

/* 活动 */
.active .tit li{ padding:0 20px}
.active .con li{ max-width:46%; width:46%; margin:0 2%; text-align:left}

/* 新闻 */
.news .con li{ width:50%}

}

@media only screen and (max-width:750px) {

.center-tit{ font-size:.32rem}
.center-word{ padding-bottom:.6rem; font-size:.26rem}
.center-word:after{ content:''; width:.5rem; height:2px; bottom:.4rem}
.center-more{ width:3rem; line-height:.66rem}

/* 轮播 */
.banner .word{ width:6rem; height:2rem; padding:.1rem 0}
.banner .word:before,
.banner .word:after{ content:''; width:.8rem; height:.6rem; background-size:auto .6rem}
.banner .word:before{ left:.15rem; top:.15rem}
.banner .word:after{ right:.15rem; bottom:.15rem}
.banner .word h4{ padding-bottom:.2rem; font-size:.3rem}
.banner .word h4:after{ width:2.2rem}
.banner .word p{ font-size:.26rem; margin:0}
.banner .word span{ font-size:.2rem}

.banner .swiper-pagination{ bottom:.3rem}
.banner .swiper-pagination>*{ width:.15rem; height:.15rem; margin:0 .05rem !important}
.banner .swiper-pagination-bullet-active{ width:.6rem}

/* 关于 */
.about{ padding:.5rem 0}
.about .pic{ width:100%; height:auto; margin:0 auto ;padding: 0 15px;}
.about .pic img{  width:100%; position:relative}
.about .txt{ width:7rem; margin:0 auto; padding-bottom:.8rem}
.about .txt h3{ margin:.25rem 0; text-align:center}
.about .txt p{ line-height:2; color:#9899a2; display:block}
.about .txt a{ position:absolute; bottom:0; left:0; right:0; margin:auto}

/* 影片传输 */
.video{ padding:.3rem 0}
.video ul{ margin-bottom:.3rem; padding:0 .15rem}
.video li{ width:2.2rem; height:3.1rem; margin:.1rem}
.video li img{ max-width:2.2rem}
.video li:first-child{ width:7rem; height:7.7rem; margin:0 .1rem .1rem}
.video li:first-child .pic{ width:100%; height:100%; position:relative}
.video li:first-child img{ max-width:7rem; left:0; margin:0}
.video li .txt{ padding:.15rem 0; font-size:.26rem; line-height:.4rem}
.video li .txt span{ padding:0 .2rem; font-size:.26rem}

/* 活动 */
.active{ padding:.3rem 0; background-size:auto 100%}
.active h3{ width:4rem; padding-top:1rem; font-size:.32rem; background-position:.5rem top; background-size:3.2rem auto}
/**/
.active .tit{ padding:.3rem 0; font-size:0}
.active .tit li{ width:30%; padding:0; margin:.05rem 1%; line-height:.5rem; font-size:.24rem}
/**/
.active .con{ color:#fff}
.active .con li{ max-width:50%; width:46%; margin:0 2%}
.active .con h4{ padding-top:.2rem; font-size:.24rem}
.active .con p{ margin:0; line-height:2; font-size:.2rem}
.active .center-more{ margin-top:.15rem}
.active .swiper-button-next,
.active .swiper-button-prev{ width:.7rem; height:.7rem; background-size:.7rem}
.active .swiper-button-next{ right:.1rem !important}
.active .swiper-button-prev{ left:.1rem !important}

/* 技术 */
.technique{ padding:.3rem 0}
/**/
.technique .tit{ margin-bottom:.4rem}
.technique .tit li{ margin:0 .2rem; line-height:.5rem; font-size:.24rem}
.technique .tit li a{ padding:0 .3rem; border-radius:999px}
.technique .tit li i{ font-size:.3rem}
/**/
.technique .con{ padding:0 2%; font-size:0}
.technique .con li{ width:100%; margin:.15rem 0; box-shadow:0 0 .1rem rgba(0,0,0,.1)}
.technique .con h4{ line-height:.7rem; font-size:.24rem}

/* 新闻 */
.news{ padding:.3rem 0}
.news .con{ margin-bottom:.3rem}
.news .con li{ width:50%; height:4.8rem; padding-top:.4rem}
.news .con span{ font-size:.22rem}
.news .con h4{ margin-bottom:.4rem; padding:0; font-size:.26rem; line-height:1.5}
.news .con h4:after{ width:0}
.news .con a:hover span{ margin-top:50%}
.news .swiper-button-next,
.news .swiper-button-prev{ display:none}

/* 合作 */
.partner{ padding-bottom:50px; text-align:center}
.partner li{ width:19%; height:112px; margin-bottom:15px; line-height:112px; border:1px solid #eaeaea}
.partner li img{ max-width:90%; max-height:90%; vertical-align:middle}

}