/*轮播图*/
#banner{width: 100%;}
#banner video{width: 100%;display: block;}

.bg1{width: 100%;background: url(../img/bg01.jpg)no-repeat;background-size: 100% 100%;}
/*搜索*/
.div-mick{background: rgba(0,0,0,.02);}
#search{width: 100%;background: url(../img/search_bg.jpg)no-repeat right center;background-size: 5.85rem .6rem;}
.search-box{width: 100%;max-width: 12rem;margin: 0 auto;height: .6rem;}
.search-keyword{line-height: .6rem;float: left;font-size: .16rem;color: #404040;}
.search-inp{float: right;height: .34rem;width: 2.95rem;margin-top: .12rem;font-size: .14rem;border: .01rem solid #313131;box-sizing: border-box;}
.search-inp input{width: 2.32rem;float: left;height: .32rem;border: 0;padding:0 .2rem;box-sizing: border-box;}
.search-inp button{width: .60rem;height: .32rem;color: #ffffff;float: right;cursor: pointer;border: 0;background: #313131;}
.search-inp img{width: .20rem;height: .20rem;}
/*sparkles*/
#sparkles{width: 100%;height: 6.4rem;position: relative;}
.sparkles-title{width: 100%;position: relative;padding: .8rem 0 .6rem;box-sizing: border-box;position: relative;overflow: hidden;}
.sparkles-title:after{content: '';width: 6.5rem;height: .5rem;background: #060606;transform: skewX(-35deg);position: absolute;bottom: 0;right: -.2rem;}
.sparkles-title img{width: 4.05rem;height: 1.7rem;margin: 0 auto;display: block;}
.sparkles-title i{display: block;position: absolute;width: 3rem;height: .28rem;background: #d2d2d2;color: #333333;font-size: .14rem;text-align: center;line-height: .28rem;top: 1.25rem;left: 50%;transform: translateX(-.8rem);font-style: normal;}
.sparkles-box{width: 9.5rem;height: 6.4rem;float: left;padding: .8rem 0 0 2.7rem;box-sizing: border-box;background: rgba(255,255,255,.4);}
.sparkles-box-title{height: .6rem;line-height: .6rem;width: 100%;}
.sparkles-box-title h5{font-size: .36rem;color: #333333;font-weight: bold;float: left;}
.sparkles-box-title span{line-height: 1;font-size: .22rem;color: #959595;text-transform: uppercase;font-weight: 400;margin-top: .3rem;float: left;margin-left: .2rem;}
.sparkles-box-titles{width: 5.4rem;height: .8rem;border-bottom: .08rem solid #d2211a;}
.sparkles-box-titles div{width: 2.65rem;float: left;height: .8rem;font-size: .6rem;color: #000000;font-weight: bold;line-height: .8rem;}
.sparkles-box-titles i{display: block;width: 1.36rem;float: left;background: linear-gradient(to top,#b00202,#f33535,#b00202);color: #FFFFFF;text-align: center;letter-spacing: .03rem;margin-right: .05rem;}
.sparkles-box h4{color: #ebe9e9;font-size: 1.44rem;font-weight: bold;text-transform: uppercase;line-height: 1.9rem;text-shadow: 0 -.02rem .02rem #666666;opacity: .4;}
.sparkles-box ul{width: 100%;padding-right: .3rem;box-sizing: border-box;}
.sparkles-box ul li{width: 33.33%;float: left;text-align: center;}
.sparkles-box ul li img{width: 1.82rem;height: 1.65rem;}
.sparkles-img{width: 9.6rem;height: 6.4rem;float: right;position: relative;}
.sparkles-img-text{width: 100%;height: 1.1rem;background: rgba(255,255,255,.7);padding: .2rem 0;box-sizing: border-box;position: absolute;top: 0;left: 0;}
.sparkles-img-text h3{height: .7rem;line-height: .7rem;font-size: .48rem;color: #333333;font-weight: bold;margin: 0 auto;border-bottom: .03rem solid #d2211a;width: 8.2rem;text-align: center;}
.sparkles-img-text h3 em{color: #d2211a;font-style: normal;}
.sparkles-img img{width: 100%;display: block;height: 100%;}

.section-box{width: 12rem;margin: 0 auto;}
/*product*/
#product{padding: .86rem 0 2.2rem;box-sizing: border-box;width: 100%;position: relative;}
#product:before{content: '';width: 6.5rem;height: .6rem;background: #060606;transform: skewX(-35deg);position: absolute;top: 0;left: -.2rem;}
#product:after{content: '';width: 6.5rem;height: .26rem;transform: skewX(35deg);background: #d2211a;bottom: 0;left: -.2rem;position: absolute;}
.sec-title{width: 100%;}
.sec-title h2{font-size: .6rem;color: #d2211a;font-weight: bold;width: 2.6rem;margin: 0 auto;position: relative;letter-spacing: .05rem;}
.sec-title h2:before{content: '';width: .08rem;height: .76rem;background: #d2211a;position: absolute;left: .01rem;top: .42rem;}
.sec-title h2:after{content: '';width: .08rem;height: .25rem;background: #f4f3f1;position: absolute;left: .09rem;top: .491rem;}
.sec-title i{display: block;width: 1.72rem;height: .3rem;background: #333333;color: #FFFFFF;font-size: .16rem;padding-left: .2rem;box-sizing: border-box;position: relative;margin: 0 auto;line-height: .3rem;transform: translateX(.4rem);}
.sec-title i:before{content: '';height: .24rem;width: .11rem;position: absolute;background: #f2f2f2;top: .03rem;left: 0;}
.sec-title i:after{content: 'product';text-transform: uppercase;line-height: .24rem;font-size: .16rem;color: #969696;position: absolute;top: .03rem;left: -.7rem;}
#product .section-box{margin-top: .6rem;}
.content-left{float: left;width: 2.4rem;}
.left-nav{margin-top: .1rem;background: #FFFFFF;}
.left-nav:first-child{margin-top: 0;}
.left-nav-top{width: 100%;height: .85rem;background: linear-gradient(to top,#b00202,#f43535,#b00202);padding-left: .9rem;box-sizing: border-box;padding-top: .15rem;position: relative;box-shadow: -.02rem .02rem .05rem #7f7f7f;margin-bottom: .18rem;}
.left-nav-top a{display: block;width: 100%;height: 100%;}
.left-nav-top-pro:before{background: url(../img/left_nav_top_pro_bg.png)no-repeat;background-size: 100% 100%;content: '';height: .52rem;width: .46rem;position: absolute;top: .15rem;left: .35rem;}
.left-nav-top h3{font-size: .26rem;line-height: .3rem;color: #FFFFFF;}
.left-nav-top i{font-size: .12rem;line-height: 1;color: #FFFFFF;text-transform: uppercase;}
.left-nav-con{padding: 0 .2rem .2rem;box-sizing: border-box;}
.left-nav-list-title{height: .4rem;line-height: .4rem;font-size: .2rem;background: linear-gradient(to left,#b00202,#f43535,#b00202);overflow: hidden;width: 100%;border-radius: .2rem;text-align: center;}
.left-nav-list-title a{color: #FFFFFF;}
.left-nav-con ul{}
.left-nav-con ul li{line-height: .48rem;font-size: .16rem;border-bottom: .01rem dashed #969696;padding-left: .5rem;box-sizing: border-box;height: .48rem;width: 100%;overflow: hidden;position: relative;color: #313131;}
.left-nav-con ul li:before{content: '';height: .06rem;width: .06rem;border: .01rem solid #8b8b8b;box-sizing: border-box;transform: rotate(45deg);position: absolute;top: .2rem;left: .34rem;}
.left-nav-con ul li:hover:before{border-color: #d2211a;background: #d2211a;}
.index-left-contact-box{background: #d2211a;color: #FFFFFF;box-shadow: -.02rem .02rem .05rem #7f7f7f;width: 100%;padding-bottom: .1rem;box-sizing: border-box;}
.index-left-contact-box h5{font-size: .2rem;text-align: center;line-height: .36rem;letter-spacing: .04rem;}
.index-left-contact-box h6{font-size: .18rem;text-align: center;line-height: .2rem;margin-top: .1rem;text-transform: uppercase;}
.index-contact-box-p{width: 100%;padding-left: .6rem;box-sizing: border-box;background: url(../img/index_contact_box_p.png)no-repeat .25rem center;background-size: .32rem .32rem;margin: .15rem auto .1rem;}
.index-contact-box-p p{font-size: .18rem;font-weight: bold;line-height: .24rem;}
.index-contact-box-p p:first-child{letter-spacing: .01rem;}
.index-pro-list{float: right;}
.pro-list{width: 9.3rem;}
.pro-list-banner{width: 100%;}
.pro-list-banner img{width: 100%;display: block;}

.pro-list ul li{width: 3rem;margin-left: .15rem;margin-top: .2rem;float: left;}
.pro-list ul li:nth-child(3n+1){margin-left: 0;}
.pro-list ul li .pro-img{width: 3rem;height: 3rem;}
.pro-img{overflow: hidden;background: #FFFFFF;position: relative;}
.pro-img img{width: 100%;height: 100%;display: block;transition:all .5s;}
.pro-title{width: 100%;height: .5rem;transition:all .5s;background: #969696;color: #FFFFFF;position: relative;margin-top: .2rem;}
.pro-title h3{font-size: .18rem;line-height: .5rem;width: 100%;height: .5rem;overflow: hidden;padding: 0 .7rem 0 .2rem;box-sizing: border-box;position: relative;}
.pro-title h3:after{content: 'MORE+';font-size: .12rem;line-height: .5rem;color: #FFFFFF;position: absolute;right: .15rem;top: 0;}
.pro-list ul li:hover .pro-img img{transform: scale(1.2);}
.pro-list ul li:hover .pro-title{background: linear-gradient(to left,#000000,#4c4c4c,#000000);}

.bg2{background: url(../img/bg02.jpg)no-repeat top center;background-size: 100% 100%;}
.bg3{background: url(../img/bg03.jpg)no-repeat top center;background-size: 100% 100%;}
.index-contact{width: 100%;height: 1.85rem;position: relative;background: #1b1b1b;color: #FFFFFF;}
.index-contact-box h4{font-size: .38rem;font-weight: bold;line-height: .8rem;}
strong{color: #d2211a;}
.index-contact-box h6{font-size: .16rem;line-height: .2rem;}
.index-contact-box-con{width: 100%;height: .28rem;line-height: .28rem;margin-top: .2rem;}
.phone{font-size: .14rem;float: left;height: .28rem;line-height: .28rem;}
.phone strong{font-size: .24rem;color: #FFFFFF;font-weight: bold;line-height: .28rem;}
.contact-link{float: left;height: .28rem;text-align: center;width: 1rem;background: linear-gradient(to top,#b00202,#f43535,#b00202);margin-left: .2rem;}
.contact-link a{color: #FFFFFF;display: block;}
.index-contact-box-img{width: 8.54rem;height: 4.11rem;position: absolute;bottom: -.17rem;right: 0;z-index: 1;}
/*reason*/
#reason{width: 100%;position: relative;overflow: hidden;padding-bottom: 3.3rem;box-sizing: border-box;}
#reason:before{content: '';width: 13.2rem;height: .17rem;background: #1b1b1b;transform: skew(40deg);position: absolute;top: 0;right: -.2rem;}
.reason-title{width: 100%;position: relative;padding: .8rem 0 .6rem;box-sizing: border-box;position: relative;overflow: hidden;}
.reason-title img{width: 4.52rem;height: 1.99rem;margin: 0 auto;display: block;}
.reason-title i{display: block;position: absolute;width: 2.4rem;height: .28rem;background: #d2d2d2;color: #333333;font-size: .14rem;text-align: center;line-height: .28rem;top: 1.6rem;left: 50%;transform: translateX(-.1rem);letter-spacing: .03rem;}
.reason-box{width: 8.1rem;float: left;height: 6.5rem;}
.reason-con{width: 5.6rem;float: right;height: 6.5rem;box-shadow: 0 0 .1rem #c4c3c2;padding: .75rem .1rem 0 .65rem;box-sizing: border-box;background: #FFFFFF;}
.reason-one{padding-bottom: .5rem;box-sizing: border-box;position: relative;}
.reason-one:before{content: '';height: .5rem;width: 6.6rem;background: #1b1b1b;bottom: 0;left: -.2rem;transform: skew(35deg);position: absolute;}
.reason-con-title{width: 100%;padding-left: .38rem;box-sizing: border-box;background: url(../img/reason_title01.png)no-repeat left top;background-size: .38rem 1.1rem;padding-top: .15rem;height: 1.1rem;}
.reason-con-title i{padding-left: .18rem;box-sizing: border-box;font-size: .16rem;color: #626262;line-height: .3rem;}
.reason-con-title h3{font-size: .44rem;font-weight: bold;color: #1b1b1b;padding-left: .18rem;box-sizing: border-box;line-height: .55rem;float: left;position: relative;}
.reason-con-title h3:after{content: '';height: .05rem;width: 101%;background: linear-gradient(to left,#b00202,#f33434,#b00202);position: absolute;bottom: -.1rem;left: -1%;}
.reason-con h5{font-size: .14rem;color: #666565;line-height: .4rem;border-bottom: .01rem dashed #666565;width: 4.2rem;margin-top: .55rem;text-transform: uppercase;}
.reason-con ul{width: 100%;margin-top: 1.1rem;}
.reason-con ul li{width: 100%;line-height: .3rem;margin-bottom: .3rem;font-size: .22rem;color: #333333;font-weight: 500;padding-left: .35rem;box-sizing: border-box;background: url(../img/reason-con_ul_li_bg.png)no-repeat left .06rem;background-size: .18rem .18rem;}
.reason-con strong{font-weight: bold;}
.reason-img{width: 11rem;height: 6.5rem;float: right;}
.reason-img img{width: 100%;height: 100%;display: block;}
.reason-two{padding-bottom: .5rem;box-sizing: border-box;position: relative;}
.reason-two:before{content: '';height: .5rem;width: 6.6rem;background: #1b1b1b;bottom: 0;right: -.2rem;transform: skew(-35deg);position: absolute;}
.reason-two .reason-con-title{padding-left: .9rem;background: url(../img/reason_title02.png)no-repeat left top;background-size: .9rem 1.1rem;}
.reason-two .reason-img{background: #FFFFFF;box-shadow:inset -.1rem 0  .1rem -.1rem #c4c3c2;}
.reason-three .reason-con-title{padding-left: .75rem;background: url(../img/reason_title03.png)no-repeat left top;background-size: .89rem 1.1rem;}
.swiper-container-zizi{width: 8.8rem;padding: .46rem 0;box-sizing: border-box;margin: 0 auto;overflow: hidden;margin-top: .1rem;}
.swiper-container-zizi .swiper-slide{width: 45% !important;transition:all .5s;}
.swiper-container-zizi .swiper-slide-active{z-index: 99;transform: scale(1.1) !important;box-shadow: 0 0 .1rem #9b9b9b;}
.swiper-container-zizi .swiper-slide-prev{transform:translateX(1rem) scale(.8) !important;}
.swiper-container-zizi .swiper-slide-next{transform:translateX(-.6rem) scale(.8) !important;}


.index-contacts{width: 100%;height: 1.33rem;background: #060606;color: #FFFFFF;position: relative;}
.index-contacts-img{width: 6.28rem;height: 3.9rem;position: absolute;bottom: -.2rem;left: 0;z-index: 1;}
.index-contact-box{padding-top: .2rem;box-sizing: border-box;}
.index-contact-box h4{font-size: .3rem;font-weight: 500;line-height: .6rem;text-align: center;transform: translateX(-2.1rem);}
.index-contact-box ul{margin-left: 2.3rem;height: .3rem;}
.index-contact-box ul li{width: 2.4rem;text-align: center;float: left;background: #d2211a;height: .3rem;line-height: .3rem;transform: skew(-35deg);font-size: .16rem;margin-left: .06rem;}
.index-contact-box ul li i{transform: skew(35deg);display: block;}
.index-contacts-con{width: 6.1rem;height: 2rem;position: absolute;bottom: 0;right: 0;background: #d2211a;}
.index-contacts-con:before{content: '';border: 1.42rem solid transparent;border-left-width: 1.42rem;border-left-color: #d2211a;transform: rotate(45deg);position: absolute;right: 4.67rem;top: .58rem;}
.index-contacts-con-phone{width: 3.5rem;padding: .35rem .4rem 0;box-sizing: border-box;float: left;}
.index-contacts-con-phone h6{font-size: .2rem;text-align: center;position: relative;line-height: .4rem;}
.index-contacts-con-phone h6:before{content: '';width: .5rem;height: .02rem;background: #FFFFFF;position: absolute;top: .19rem;left: 0;}
.index-contacts-con-phone h6:after{content: '';width: .5rem;height: .02rem;background: #FFFFFF;position: absolute;top: .19rem;right: 0;}
.index-contacts-con-phone i{display: block;width: 2rem;margin: 0 auto;border: .02rem solid #FFFFFF;line-height: .32rem;text-align: center;font-size: .2rem;font-weight: bold;height: .36rem;box-sizing: border-box;}
.index-contacts-con-phone a{display: block;width: 2rem;margin: .11rem auto 0;border: .02rem solid #FFFFFF;line-height: .32rem;text-align: center;font-size: .2rem;color: #FFFFFF;height: .36rem;box-sizing: border-box;}
.index-contacts-con-qrcode{width: 1.27rem;height: 1.27rem;margin-top: .38rem;float: left;}
.index-contacts-con-qrcode img{width: 100%;height: 100%;display: block;}
/*case*/
#case{width: 100%;padding: .9rem 0 .7rem;box-sizing: border-box;position: relative;overflow: hidden;}
#case:before{content: '';height: .2rem;width: 6.5rem;background: #060606;transform: skew(-35deg);position: absolute;top: 0;left: -.2rem;}
#case .sec-title i{transform: translateX(.28rem);width: 1.9rem;}
#case .sec-title i:after{content: 'case';left: -.35rem;}
#case .sec-title h2:after{opacity: 0;}
#case .sec-title h2:before{height: .5rem;width: .08rem;left: .09rem;top: .7rem;}
.swiper-container-case{width: 9.4rem;height: 7rem;float: left;overflow: hidden;position: relative;margin-top: .9rem;}
.swiper-container-case .swiper-slide{position: relative;}
.swiper-container-case .swiper-slide img{width: 100%;height: 100%;display: block;}
.swiper-container-case .swiper-slide h3{width: 100%;height: .4rem;background: rgba(0,0,0,.7);color: #FFFFFF;font-size: .18rem;padding: 0 1.5rem;box-sizing: border-box;text-align: center;line-height: .4rem;position: absolute;bottom: 0;left: 0;}
.swiper-container-case-pa{position: absolute;bottom: 0;right: 0;height: .4rem;width: 1.4rem;z-index: 10;}
.swiper-container-case-pa i{height: .4rem;line-height: .4rem;text-align: center;font-size: .2rem;font-weight: bold;color: #FFFFFF;float: left;background: #d2211a;width: .7rem;cursor: pointer;}
.swiper-container-case-pa .swiper-button-disabled{color: #a0a0a0;background: #FFFFFF;}
.case-box{float: right;width: 9.7rem;height: 7rem;background: url(../img/case_box_bg.jpg)no-repeat;background-size: 100% 100%;padding-left: .2rem;box-sizing: border-box;margin-top: .9rem;}
.case-con{width: 6.2rem;}
.case-con-hot{width: 100%;background: #FFFFFF;padding: .4rem .6rem .2rem;box-sizing: border-box;}
.case-con-hot h3{font-size: .3rem;color: #333333;font-weight: bold;line-height: .6rem;width: 100%;height: .6rem;overflow: hidden;position: relative;}
.case-con-hot h3:before{content: '';height: .01rem;width: 1.56rem;background: #7d7d7d;position: absolute;bottom: 0;left: 0;}
.case-con-hot h4{font-size: .24rem;color: #333333;line-height: .4rem;margin-top: .4rem;font-weight: 500;}
.case-con-hot p{width: 100%;text-align: justify;text-indent: 2em;line-height: .32rem;font-size: .18rem;color: #333333;margin-top: .1rem;height: 1.28rem;overflow: hidden;}
.case-con-hot a{display: block;float: right;width: .8rem;height: .3rem;text-align: center;line-height: .28rem;border: .01rem solid #d2211a;color: #d2211a;font-size: .14rem;margin-top: .1rem;border-radius: .15rem;box-sizing: border-box;transition: .5s all;}
.case-con-hot a:hover{background: #d2211a;color: #FFFFFF;}
.case-con-logo{width: 100%;margin-top: .02rem;}
.case-con-logo ul li{background: #FFFFFF;width: 3rem;height: 1.4rem;float: left;margin-left: .2rem;margin-top: .2rem;}
.case-con-logo ul li:nth-child(2n+1){margin-left: 0;}
.case-con-logo ul li img{width: 100%;height: 100%;display: block;}
/*about*/
#about{width: 100%;padding: .75rem 0 1.35rem;box-sizing: border-box;background: url(../img/about_bg.png)no-repeat center bottom;background-size: 19.2rem 5.66rem;}
#about .sec-title{margin-bottom: .5rem;}
#about .sec-title h2{width: 2.95rem;}
#about .sec-title h2:after{opacity: 0;}
#about .sec-title h2:before{left: auto;right: .13rem;}
#about .sec-title i:before{left: auto;right: 0;}
#about .sec-title i{transform: translateX(-.6rem);}
#about .sec-title i:after{left: auto;right: -.95rem;content: 'about eyda';}
.about-box{width: 100%;}
.about-box-video{width: 7.3rem;height: 4.5rem;float: left;background: #000000;}
.about-box-video video{width: 100%;height: 100%;}
.about-box-message{width: 4.2rem;height: 4.5rem;float: right;background: url(../img/about_box_message_bg.jpg)no-repeat;background-size: 100% 100%;padding: 3.15rem .5rem 0;box-sizing: border-box;box-shadow: 0 .03rem .05rem #b3b3b1;}
.about-box-message h4{line-height: .3rem;font-size: .3rem;color: #333333;font-weight: bold;}
.about-box-message h4 span{background: #d2211a;color: #FFFFFF;margin-right: .1rem;padding: 0 .05rem;}
.about-box-message-inp{width: 100%;height: .32rem;border: .01rem solid #959595;border-right: 0;box-sizing: border-box;background: #FFFFFF;margin-top: .25rem;}
.about-box-message-inp input{width: 2.6rem;height: .3rem;border: 0;font-size: .14rem;color: #333333;padding-left: .1rem;box-sizing: border-box;float: left;}
.about-box-message-inp button{width: .5rem;height: .3rem;font-size: .16rem;color: #FFFFFF;background: linear-gradient(to top,#b00202,#f43535,#b00202);float: right;border: 0;cursor: pointer;}
.about-box-message p{font-size: .14rem;color: #333333;line-height: .3rem;text-indent: 2em;}
.swiper-container-about{width: 100%;overflow: hidden;margin-top: 1rem;}
.swiper-container-about .swiper-slide{background: #FFFFFF;padding: .01rem;box-sizing: border-box;}
.swiper-container-about .swiper-slide img{width: 100%;display: block;}
/*news*/
#news{width: 100%;padding: .6rem 0 .7rem;box-sizing: border-box;}
#news .sec-title h2:before{left: auto;right: .08rem;}
#news .sec-title h2:after{left: auto;right: .16rem;background: #eeeae9;width: .15rem;top: .66rem;height: .1rem;}
#news .sec-title i{transform: translateX(-.4rem);}
#news .sec-title i:before{left: auto;right: 0;}
#news .sec-title i:after{content: 'news';left: auto;right: -.6rem;}
.news-index-box{width: 8.5rem;float: left;margin-top: .6rem;border: .01rem solid #9f9e9d;border-top: 0;background: rgba(255,255,255,.8);}
.gallery-thumbs-news{width: 100%;padding: .01rem 0 .1rem;box-sizing: border-box;}
.gallery-thumbs-news .swiper-slide{height: .5rem;line-height: .5rem;font-size: .18rem;text-align: center;cursor: pointer;background: #333333;color: #FFFFFF;}
.gallery-thumbs-news a{float: right;color: #393939;}
.gallery-top-news{width: 8.5rem;}
.gallery-top-news .swiper-slide{padding: .4rem .2rem .5rem;box-sizing: border-box;}
.news-index-box-hot{width: 3.6rem;float: left;margin-top: .07rem;}
.news-index-box-hot-img{width: 100%;}
.news-index-box-hot-img img{width: 3.6rem;height: 2.6rem;display: block;}
.news-index-box-hot-text{width: 3.6rem;height: .75rem;padding-top: .1rem;box-sizing: border-box;position: relative;border-bottom: .01rem dashed #dcdcdc;}
.news-index-box-hot-text p{font-size: .14rem;line-height: .3rem;text-align: justify;height: .52rem;overflow: hidden;height: .6rem;width: 100%;overflow: hidden;}
.news-index-box-hot-text span{display: block;position: absolute;height: .3rem;line-height: .3rem;bottom: .05rem;right: 0;}
.news-index-box-hot-text a{color: #333333;}
.news-index-box-list{width: 4.2rem;float: right;margin-top: -.1rem;}
.news-index-box-list li{width: 100%;height: .44rem;line-height: .44rem;position: relative;border-bottom: .01rem dashed #dcdcdc;padding-left: .18rem;box-sizing: border-box;}
.news-index-box-list li h3{font-size: .14rem;width: 3rem;height: .44rem;overflow: hidden;float: left;font-weight: 500;}
.news-index-box-list li a{color: #333333;}
.news-index-box-list li:after{content: '';height: .07rem;width: .07rem;border-radius: 50%;background: #a6a6a6;position: absolute;top: .21rem;left: 0;}
.news-index-box-list li span{float: right;font-size: .16rem;}
.news-index-box-list li:hover a{color: #d2211a;}
.news-index-box-list li:hover:after{background: #d2211a;}
.gallery-thumbs-news .swiper-slide-thumb-active{background: #d2211a;position: relative;}
.gallery-thumbs-news .swiper-slide-thumb-active:before{content: '';border: .1rem solid transparent;border-top-color: #d2211a;border-top-width: .1rem;position: absolute;bottom: -.2rem;left: 50%;transform: translateX(-.05rem);}
.news-index-qfa{width: 3.2rem;float: right;margin-top: .6rem;height: 4.82rem;background: rgba(255,255,255,.8);border: .01rem solid #9f9e9d;border-top: 0;}
.news-index-qfa-title{width: 100%;height: .5rem;line-height: .5rem;text-align: left;color: #FFFFFF;font-size: .2rem;background: #d2211a;position: relative;padding: 0 .2rem;box-sizing: border-box;}
.news-index-qfa-title a{line-height: .5rem;font-size: .14rem;float: right;color: #FFFFFF;}
.news-index-qfa-title:before{content: '';height: .12rem;width: .12rem;background: #d2211a;transform: rotate(45deg) translateX(-.1rem);position: absolute;bottom: -.13rem;left: 50%;}
.news-index-qfa ul{width: 100%;padding: .1rem .3rem 0;box-sizing: border-box;height: 4.2rem;overflow-y: scroll;overflow-x: hidden;margin-top: .1rem;}
.news-index-qfa ul::-webkit-scrollbar{width: .05rem;height: .05rem;}
.news-index-qfa ul::-webkit-scrollbar-thumb {-webkit-box-shadow: inset 0 0 0rem rgba(0,0,0,0.2);background: #d2211a;border-radius: .25rem;}
.news-index-qfa ul::-webkit-scrollbar-track {-webkit-box-shadow: inset 0 0 0rem rgba(0,0,0,0.2);background: rgba(255,255,255,.8);border-radius: .05rem;}
.news-index-qfa ul li{width: 100%;border-bottom: .01rem dashed #dcdcdc;padding: .1rem 0;box-sizing: border-box;}
.news-index-qfa ul li:last-child{border-bottom: 0;}
.news-index-qfa ul li div{line-height: .3rem;font-size: .14rem;color: #545454;position: relative;padding-left: .3rem;box-sizing: border-box;}
.news-index-qfa ul li a{color: #333333;}
.news-index-qfa ul li h3{width: 100%;height: .3rem;overflow: hidden;font-size: .18rem;font-weight: 500;}
.news-index-qfa ul li p{height: .3rem;width: 100%;overflow: hidden;text-align: justify;}
.q:after{content: 'Q .';height: .24rem;width: .24rem;text-align: center;line-height: .24rem;color: #333333;font-size: .16rem;position: absolute;top: .03rem;left: 0;}
.a:after{content: 'A .';height: .24rem;width: .24rem;text-align: center;line-height: .24rem;color: #333333;font-size: .16rem;position: absolute;top: .03rem;left: 0;}
.news-index-qfa ul li a:hover{color: #d2211a;}

/*links*/
#links{width: 100%;color: #d2211a;padding-bottom: .7rem;box-sizing: border-box;position: relative;overflow: hidden;}
#links:after{content: '';width: 6.7rem;height: .5rem;background: #1b1b1b;transform: skew(35deg);bottom: 0;left: -.2rem;position: absolute;}
.links-box-title{width: 100%;height: .5rem;line-height: .5rem;position: relative;}
.links-box-title h3{font-size: .3rem;font-weight: 500;text-transform: uppercase;float: left;margin-right: .1rem;}
.links-box-title h4{font-size: .22rem;font-weight: 500;float: left;}
.links-box-title:before{content: '';height: .02rem;width: 8.3rem;background: #d2211a;position: absolute;top: .24rem;right: 0;}
#links ul{width: 100%;margin-top: .2rem;}
#links ul li{float: left;line-height: .40rem;font-size: .16rem;margin-right: .5rem;}
#links ul li a{transition: all .5s;}
/*footer*/
footer{width: 100%;color: #FFFFFF;background: url(../img/footer_bg.jpg);height: 3rem;background-size: auto 2.7rem; }
.footer-box{width: 12rem;margin: 0 auto;height: 2.7rem;}
.footer-box-logo{width: 3rem;float: left;background: url(../img/footer_box_logo_bg.jpg);background-size: auto 2.7rem;transform: skew(-10deg);height: 2.7rem;text-align: center;}
.footer-box-logo img{height: .4rem;width: 2.88rem;margin-top: .95rem;transform: skew(10deg);}
.footer-box-logo p{font-size: .16rem;color: #313131;margin-top: .1rem;transform: skew(10deg);font-weight: 500;}
.footer-box-contact{float: left;width: 7rem;padding-top: .4rem;box-sizing: border-box;padding-left: 2rem;}
.footer-box-contact ul li{line-height: .5rem;padding-left: .4rem;box-sizing: border-box;font-size: .16rem;color: #e5e5e5;position: relative;}
.footer-box-contact ul li:before{content: '';height: .5rem;width: .3rem;position: absolute;top: 0;left: 0;}
.footer-box-contact ul li:nth-child(1):before{background: url(../img/footer_ico01.png)no-repeat center center;background-size: .27rem .19rem;}
.footer-box-contact ul li:nth-child(2):before{background: url(../img/footer_ico02.png)no-repeat center center;background-size: .24rem .24rem;}
.footer-box-contact ul li:nth-child(3):before{background: url(../img/footer_ico03.png)no-repeat center center;background-size: .24rem .18rem;}
.footer-box-contact ul li:nth-child(4):before{background: url(../img/footer_ico04.png)no-repeat center center;background-size: .2rem .18rem;}
.footer-box-erweima{width: 1.88rem;float: right;margin-top: .4rem;}
.footer-box-erweima img{width: 100%;display: block;}
.footer-botm{width: 100%;height: .3rem;line-height: .3rem;text-align: center;font-size: .14rem;color: #656565;background: url(../img/footer_botm_bg.jpg);background-size: auto .3rem;}
.footer-botm a{color: #656565;}
/*公共*/
#content{width: 12rem;margin: 0 auto;padding: .2rem 0 .4rem;box-sizing: border-box;}
#content-banner{width: 100%;}
#content-banner img{width: 100%;display: block;}
.content-nav{line-height: .44rem;width: 100%;font-size: .14rem;color: #000000;}
.content-box-nav{line-height: .44rem;width: 100%;font-size: .14rem;color: #000000;}
.content-box-nav img{float: left;margin: .12rem .10rem;width: .14rem;height: .18rem;}
.content-box-nav a{color: #000000;}
.content-box-nav a:hover{color: #d2211a;}
.content-list{float: right;width: 9.3rem;}
.content-list-box{margin-top: .3rem;}
.content-list-box:first-child{margin-top: 0;}
.content-list-title{height: .46rem;line-height: .46rem;width: 100%;background: #f2f2f2;}
.content-list-title img{float: left;height: .36rem;width: .36rem;margin-top: .07rem;margin-right: .12rem;}
.content-list-title-hot{font-size: .2rem;height: .46rem;box-shadow: none;margin-top: 0;font-style: normal;width: 1.70rem;text-align: center;padding-right: 0;float: left;color: #FFFFFF;background: #d2211a;font-weight: 600;letter-spacing: .02rem;}
.content-list-title span{font-size: .18rem;color: #999999;margin-left: .2rem;text-transform: uppercase;}
.content-list-title a{font-size: .14rem;color: #d2211a;float: right;margin-right: .28rem;}
.product-right .pro-list{padding: .1rem 0 .3rem;box-sizing: border-box;}
.product-right .pro-list ul li{width: 2.93rem;margin: .08rem;}
.product-right .pro-list .pro-img{width: 2.93rem;height: 2.9rem;}
.product-right .pro-list .pro-title{height: .5rem;line-height: .5rem;}
.pro-news-list{width: 100%;padding: .20rem .2rem;box-sizing: border-box;}
.pro-news-list ul li{width: 47%;float: left;line-height: .3rem;font-size: .14rem;color: #595858;height: .3rem;margin-left: 6%;position: relative;padding-left: .2rem;box-sizing: border-box;}
.pro-news-list ul li:before{content: '';border: .05rem solid transparent;border-left-color: #595858;border-left-width: .08rem;position: absolute;top: .09rem;left: 0;}
.pro-news-list ul li h4{font-size: .14rem;float: left;height: .30rem;width: 3.1rem;overflow: hidden;}
.pro-news-list ul li span{float: right;font-size: .14rem;}
.pro-news-list ul li:nth-child(odd){margin-left: 0;}
.pro-news-list ul li a:hover{color: #d2211a;}
.pro-news-list ul li:hover:before{border-left-color: #d2211a;}

.pro-list-row{padding: 0;box-sizing: border-box;}
.pro-list-row ul li{padding: 0 2%;box-sizing: border-box;width: 100%;margin: 0;}
.pro-list-row ul li:nth-child(even){background: #fafafa;}
.pro-list-row ul li:hover{box-shadow: none;}
.pro-list-row ul li:hover .pro-img{box-shadow: 0 0 .10rem #bdbdbd;}
.pro-list-row ul li:hover h3 a{color: #d2211a;}
.pro-list-row-box{padding: .30rem 0;box-sizing: border-box;}
.pro-list-row-box .pro-img{float: left;width: 2.40rem;height: 2.40rem;background: #FFFFFF;}
.pro-content{float: left;padding-left: .35rem;box-sizing: border-box;color: #323333;position: relative;height: 2.40rem;width: 6rem;padding-top: .2rem;}
.pro-content h3{font-size: .18rem;font-weight: bold;line-height: .4rem;border-bottom: .01rem dashed #929292;float: left;height: .4rem;max-width: 100%;overflow: hidden;}
.pro-content p{line-height: .24rem;font-size: .14rem;font-weight: bold;color: #666666;height: 1.2rem;width: 100%;overflow: hidden;margin-top: .1rem;}
.pro-link{height: .3rem;line-height: .3rem;width: 1rem;border-radius: .1rem;text-align: center;position: absolute;bottom: 0;right: 0;background: #d0d0d0;font-size: .14rem;font-weight: bold;letter-spacing: .01rem;transition:all .5s;}
.pro-link a{color: #FFFFFF;display: block;}
.pro-list-row ul li:hover .pro-link{background: #d2211a;}
.pro-list-row ul li:hover .pro-link a{color: #FFFFFF;}
.page{width: 100%;height: .60rem;line-height: .30rem;padding: .15rem 2%;box-sizing: border-box;font-size: .14rem;}
.page a{display: block;height: .30rem;padding: 0 .10rem;box-sizing: border-box;border: .01rem solid #b2b1b1;border-radius: .05rem;float: left;margin: 0 .02rem;}
.page span{float: left;padding: 0 .10rem;box-sizing: border-box;color: #d2211a;}
.page-list{float: right;}
/*详情页*/
.pro-desc{width: 100%;margin-bottom: .40rem;}
.pro-desc-swp{width: 3.80rem;float: left;position: relative;}
.pro-desc-swp .gallery-top{width: 3.8rem;overflow: hidden;height: 2.63rem;}
.pro-desc-swp .gallery-thumbs{width: 3.25rem;overflow: hidden;margin: .2rem auto 0;}
.pro-desc-swp .gallery-thumbs .swiper-slide{border: .01rem solid #a6a6a6;box-sizing: border-box;}
.pro-desc-swp .swiper-slide img{width: 100%;}
.pro-desc-swp i{height: 1.03rem;width: .2rem;background: #e6e6e6;font-size: .2rem;line-height: 1.03rem;text-align: center;color: #d2211a;position: absolute;bottom: 0;z-index: 2;cursor: pointer;}
.pro-desc-swp i.next{right: 0;}
.pro-desc-swp i.prev{left: 0;}
.pro-desc-con{width: 7.60rem;float: right;}
.pro-desc-con h1{font-size: .24rem;color: #d2211a;font-weight: bold;line-height: .70rem;padding-left: .25rem;box-sizing: border-box;height: .7rem;width: 100%;overflow: hidden;}
.pro-desc-con-box{width: 100%;border-top: .01rem dashed #d2211a;border-bottom: .01rem dashed #d2211a;padding: .25rem .05rem;box-sizing: border-box;height: 3rem;}
.pro-desc-con-box p{line-height: .28rem;color: #666666;font-size: .16rem;}
.pro-desc-con-box strong{color: #d2211a;}
.pro-desc-con-link{text-align: right;margin: .30rem 0;}
.pro-desc-con-link-btn{height: .42rem;line-height: .42rem;text-align: center;width: 2rem;border-radius: .20rem;margin-left: .30rem;background: linear-gradient(to left,#dee0e6,#ffffff,#dee0e6);border: .01rem solid #d2211a;position: relative;float: right;font-size: .18rem;color: #d2211a;padding-left: .25rem;box-sizing: border-box;}
.pro-desc-con-link-btn div{position: absolute;height: .36rem;width: .36rem;border-radius: 50%;background: #FFFFFF;box-shadow: .02rem .02rem .05rem #a6a6a6;top: .02rem;left: .02rem;text-align: center;}
.pro-desc-con-link-btn div img{margin-top: .06rem;}
.pro-desc-con-link-btn:nth-child(1){background: #d2211a;color: #FFFFFF;}
.pro-desc-con-link-btn:nth-child(1) div{box-shadow: none;}
.left-nav-top-contact{background: #d2211a;}
.left-nav-top-contact:before{background: url(../img/left_nav_top_contact_bg.png)no-repeat;background-size:100% 100%;height: .43rem;width: .43rem;content: '';position: absolute;top: .15rem;left: .35rem;}
.left-nav-contact{padding: .2rem .2rem .25rem;box-sizing: border-box;text-align: center;}
.left-nav-contact img{width: 1.27rem;height: 1.27rem;}
.left-nav-contact-top{width: 100%;padding-left: .35rem;box-sizing: border-box;background: url(../img/header_top_contact_left_ico.png)no-repeat left center;height: .5rem;background-size: .32rem .32rem;}
.left-nav-contact-top h6{line-height: .25rem;font-size: .18rem;color: #333333;text-align: left;font-weight: 600;letter-spacing: .01rem;}
.left-nav-top-hot:before{background: url(../img/left_nav_top_hot_bg.png)no-repeat;background-size:100% 100%;height: .4rem;width: .35rem;content: '';position: absolute;top: .15rem;left: .35rem;}
.left-nav-top-news-cate:before{background: url(../img/left_nav_top_news_cate_bg.png)no-repeat;background-size:100% 100%;height: .42rem;width: .46rem;content: '';position: absolute;top: .15rem;left: .35rem;}
.left-nav-top-about:before{background: url(../img/left_nav_top_about_bg.png)no-repeat;background-size:100% 100%;height: .37rem;width: .46rem;content: '';position: absolute;top: .15rem;left: .35rem;}

/*news-desc*/
.news-con{width: 100%;padding: .20rem;box-sizing: border-box;}
.news-con h1{height: .60rem;line-height: .60rem;text-align: center;border-bottom: .01rem dashed #b1b3b2;font-size: .20rem;font-weight: bold;}
.news-con-at{text-align: center;line-height: .40rem;font-size: .14rem;color: #b1b2b2;}
.news-con-at span{margin: 0 .20rem;}
.news-text img{max-width:100%;}
.news-text{padding: 0 .30rem;box-sizing: border-box;}
.news-con p{font-size: .16rem;color: #808080;}
.page-x{width: 100%;line-height: .42rem;padding-left: .30rem;box-sizing: border-box;background: linear-gradient(to top,#e5e5e5,#ffffff);font-size: .18rem;}
.news-key{line-height: .64rem;font-size: .16rem;padding-left: .30rem;box-sizing: border-box;}
.review-list{width: 100%;padding: .10rem .30rem;box-sizing: border-box;}
.review-list ul li{padding: .25rem 0;box-sizing: border-box;border-bottom: .01rem solid #f0f0f0;}
.review-list ul li:last-child{border: 0;}
.review-list-top{font-size: .18rem;color: #d2211a;font-weight: 400;line-height: .32rem;}
.review-list-top span{margin-right: .60rem;}
.review-list-user{line-height: .24rem;color: #4c4b4b;font-size: .14rem;}
.review-list-adm{border: .01rem dashed #90a79c;line-height: .24rem;padding: .10rem .12rem;box-sizing: border-box;margin-top: .10rem;}
.review-list-adm strong{color: #d2211a;}
.review-form{width: 92%;margin: .30rem 4%;}
.review-form-text{width: 100%;border: .01rem dashed #d2211a;height: 1.15rem;}
.review-form-text textarea{width: 100%;height: 100%;border: 0;padding: .15rem;box-sizing: border-box;font-size: .14rem;color: #4d413e;}
.review-form span{font-size: .14rem;color: #4d413e;margin-left: .15rem;line-height: .30rem;}
.review-form-btn{text-align: right;}
.review-form-btn button{width: 1rem;margin-left: .08rem;height: .32rem;border: 0;font-size: .20rem;color: #FFFFFF;background: #272727;cursor: pointer;}
.review-form-btn button:nth-child(2){background: #d2211a;}

.pro-list-dan{width: 100%;}
.pro-list-dan ul{padding: .2rem 0 0;box-sizing: border-box;}
.pro-list-dan ul li{width: 100%;padding: 0;margin-bottom: .2rem;float: none;height: auto;border: 0;}
.pro-list-dan ul li:after{opacity: 0;}
.pro-list-dan ul li .pro-img{height: auto;}
.pro-list-dan ul li:hover .pro-title{background: #d2211a;color: #FFFFFF;}
.pro-list-dan ul li:hover .pro-img img{transform: scale(1.2);}
.news-list-dan{padding: .1rem 0;box-sizing: border-box;}
.news-list-dan ul li{border: 0;padding: 0;}
.news-list-dan ul li:before{opacity: 0;}
.news-list-dan ul li:after{opacity: 0;}
.news-list-dan ul{padding-bottom: 0;}
.news-list-dan ul li{overflow: hidden;}
.news-list-dan ul li i{width: .18rem;height: .18rem;text-align: center;line-height: .16rem;border: .01rem solid #b8b7b7;border-radius: .02rem;font-size: .12rem;color: #333232;margin-right: .12rem;margin-top: .09rem;font-style: normal;display: block;float: left;}
.news-list-dan ul li:hover i{color: #FFFFFF;background: #d2211a;border-color: #d2211a;}
.left-nav-news-hot ul li{line-height: .36rem;height: .36rem;}
/*新闻*/
.news-company{width: 100%;padding: .3rem;box-sizing: border-box;}
.swiper-container-company{width: 4.8rem;float: left;overflow: hidden;position: relative;}
.swiper-container-company .swiper-slide{position: relative;}
.swiper-container-company .swiper-slide .img{width: 4.8rem;height: 3.1rem;display: block;}
.swiper-container-company .swiper-slide .img img{width: 100%;height: 100%;}
.swiper-container-company .swiper-slide .text{position: absolute;bottom: 0;left: 0;height: .34rem;line-height: .34rem;padding: 0 .9rem 0 .25rem;box-sizing: border-box;overflow: hidden;background: rgba(0,0,0,.5);width: 100%;}
.swiper-container-company .swiper-slide .text a{color: #FFFFFF;}
.swiper-pagination-company{position: absolute;bottom: .07rem !important;right: .1rem;z-index: 2;width: .8rem !important;left: auto !important;}
.swiper-pagination-company span{height: .16rem;width: .16rem;text-align: center;line-height: .16rem;font-size: .14rem;background: #eeeeee;color: #323333;border-radius: 0;opacity: 1;}
.swiper-pagination-company .swiper-pagination-bullet-active{background: #d2211a;color: #FFFFFF;}
.news-company-list{width: 3.55rem;float: right;}
.news-company-list ul{margin-top: -.1rem;}
.news-company-list ul li{padding: .1rem 0;box-sizing: border-box;border-bottom: .01rem dashed #9a9a9a;position: relative;}
.news-company-list ul li h3{font-size: .16rem;color: #323333;line-height: .3rem;height: .3rem;width: 100%;overflow: hidden;font-weight: 600;}
.news-company-list ul li p{font-size: .16rem;color: #666666;height: .56rem;width: 100%;line-height: .28rem;overflow: hidden;}
.news-company-list ul li span{font-size: .14rem;color: #666666;line-height: .3rem;display: block;width: 1rem;height: .3rem;background: #FFFFFF;position: absolute;bottom: .1rem;right: 0;text-align: right;}
.news-company-list ul li a:hover h3{color: #d2211a;}
.gallery-top-newss .swiper-slide{}
.gallery-top-newss-ul{padding: 0 .3rem;box-sizing: border-box;}
.gallery-top-newss-ul li{width: 48%;float: left;height: .44rem;line-height: .44rem;box-sizing: border-box;position: relative;padding-left: .2rem;margin-left: 4%;border-bottom: .01rem dashed #bababa;}
.gallery-top-newss-ul li:nth-child(odd){margin-left: 0;}
.gallery-top-newss-ul li:before{content: '';height: .06rem;width: .06rem;background: #7d7d7d;border-radius: 50%;position: absolute;top: .19rem;left: 0;}
.gallery-top-newss-ul li a{color: #323333;}
.gallery-top-newss-ul li:hover a{color: #d2211a;}
.gallery-top-newss-ul li:hover:before{background: #d2211a;}
.gallery-top-newss-ul li h4{font-size: .14rem;float: left;width: 3rem;overflow: hidden;height: .3rem;}
.gallery-top-newss-ul li span{float: right;font-size: #7e807f;}
.gallery-thumbs-newss ul{margin-left: -1rem;}
.gallery-thumbs-newss ul li{background: #333333;color: #FFFFFF;font-size: .16rem;text-align: center;cursor: pointer;}
.gallery-thumbs-newss ul li h2{font-size: .2rem;font-weight: 600;}
.gallery-thumbs-newss .swiper-slide-thumb-active{background: #d2211a;}

/*news-list*/
.news-list-row .news-img{width: 4rem;height: 2.77rem;float: left;box-shadow: 0 0 .10rem #bdbdbd;}
.news-list-row .news-img img{width: 100%;height: 100%;display: block;}
.news-content{width: 4.8rem;float: right;height: 2.6rem;}
.news-content span{color: #333333;line-height: .4rem;font-size: .14rem;}
.news-content p{height: .72rem;margin: .2rem 0 .4rem;text-indent: 2em;}
/*case*/
.case-list-row .case-img{width: 4.2rem;height: 2.8rem;float: left;box-shadow: 0 0 .10rem #bdbdbd;}
.case-list-row .case-img img{width: 100%;height: 100%;display: block;}
.case-content{width: 4.6rem;float: right;height: 2.6rem;}
.case-content span{color: #333333;line-height: .4rem;font-size: .14rem;}
.case-content p{height: .72rem;margin: .2rem 0 .4rem;text-indent: 2em;}

/*contact*/
.message-box{width: 8.20rem;height: 3.30rem;margin: .25rem auto .60rem;border: .01rem solid #f0f0f0;box-sizing: border-box;}
.message-box-img{width: 3.30rem;height: 3.30rem;float: left;box-sizing: border-box;text-align: center;}
.message-box-img img{width: 100%;height: 100%;}
.message-box-con{width: 4.80rem;float: right;padding: .20rem .90rem;box-sizing: border-box;}
.message-box-con table td{height: .60rem;font-size: .16rem;}
.message-box-con table td input{height: .40rem;width: 3.30rem;border:.01rem solid #e5e5e5;border-radius: .05rem;padding: 0 .15rem;box-sizing: border-box;}
.message-box-con table td textarea{height: .90rem;width: 3.30rem;border:.01rem solid #e5e5e5;border-radius: .05rem;padding: .15rem;box-sizing: border-box;margin-top: .10rem;}
.message-box-con table td button{width: 1.50rem;height: .40rem;color: #FFFFFF;background: #d2211a;float: right;border: 0;box-shadow: 0 .01rem .03rem #5e7087;cursor: pointer;font-size: .16rem;}
.contact-map{width: 100%;height: 6rem;}
#map{width: 100%;height: 100%;}
.about-con{width: 100%;padding: 0 0 .30rem;box-sizing: border-box;}
.about-con h2{height: .80rem;line-height: .80rem;text-align: center;background-position: bottom center;font-size: .2rem;color: #323333;border-bottom: .01rem dashed #b1b3b2;}
.about-con p{margin-top: .20rem;line-height: .32rem;font-size: .16rem;color: #808080;padding: 0 .30rem;box-sizing: border-box;text-indent: .02em;}
.about-con img{max-width: 100%;display: block;}
.about-team-title{width: 90%;margin: 0 auto;height: .38rem;line-height: .38rem;text-align: center;background: url(../img/about_title_bgs.png) no-repeat center center;background-size: auto .38rem;font-size: .20rem;color: #FFFFFF;}
.about-team{padding: .1rem 0 .2rem;box-sizing: border-box;}
.about-team ul{width: 100%;margin-top: .10rem;}
.about-team ul li{border: 0;float: left;height: auto;width: 48%;padding: 0;margin-top: .10rem;margin-left: 1.33%;}
.about-team ul li:hover{background: none;}
.about-team ul li img{width: 100%;display: block;}
.about-honor{position: relative;}
.swiper-container-about-zizi{width: 7.2rem;margin: .55rem auto;overflow: hidden;}
.swiper-container-about-zizi .swiper-slide{padding: .05rem;box-sizing: border-box;background: url(../img/rongyu_bg.jpg)no-repeat;background-size: 100% 100%;}
.swiper-container-about-zizi .swiper-slide img{width: 100%;}
.about-honor .icon{width: .3rem;height: .8rem;background: #d2211a;color: #FFFFFF;line-height: .8rem;text-align: center;font-size: .2rem;position: absolute;top: 50%;transform: translateY(-50%);background-image: none;}
.about-honor .swiper-button-next{left: .2rem;right: auto;}
.about-honor .swiper-button-prev{right: .2rem;left: auto;}
.about-honor .icon:after{content: '';}

.contact-box{width: 100%;height: 3.40rem;margin: 0 auto;background: url(../img/contact_bg.jpg) no-repeat;background-size: 100%;margin-top: .20rem;padding: .66rem 2.80rem;position: relative;box-sizing: border-box;}
.contact-box-con{position: absolute;top: .65rem;right: .50rem;height: 2.30rem;width: 3.60rem;}
.contact-box h2{font-size: .26rem;color: #323232;font-weight: 400;}
.contact-box h3{font-size: .30rem;color: #323232;font-weight: 400;opacity: .17;letter-spacing: .001em;line-height: .30rem;}
.contact-box-con{padding-top: .10rem;box-sizing: border-box;}
.contact-box-con table td{line-height: .40rem;font-size: .18rem;color: #323232;}
.contact-box-con table tr td:nth-child(1){width: .75rem;padding-left: .15rem;box-sizing: border-box;}
.contact-box-con table tr td:nth-child(2){}