@charset "utf-8";
.h80{height: 80px;}

/*BANNER*/
.swiper-slide{overflow: hidden; cursor: pointer;}
.swiper-slide img{width: 100%;}

.home-bt{overflow: hidden; margin: 4vw 0;text-align: center;}
.home-bt h2{font-size: 36px; color: #222;font-weight: bold;}
.home-bt small{font-size: 16px; color: #f48f2e;font-weight: bold;}

.home-three{overflow: hidden; margin-bottom: 3vw;}
.home-three ul{}
.home-three ul li{float: left; width: 23%; margin: 0 1%; border: 1px solid #e7e7e7; border-radius: 5px; text-align: center; padding: 4vw 0;}
.home-three ul li .img{ text-align: center; margin-bottom: 2vw;}
.home-three ul li .img img{max-width: 100%;}
.home-three ul li h2{font-size: 20px;font-weight: bold;}

/*简介*/
.home-aboutbg{overflow: hidden; background:#faf8f4; padding: 5vw 0;}
.home-about-l{float: left; width: 40%;}
.home-about-l img{max-width: 100%; border-radius: 10px;}

.home-about-r{float: left; width: 55%; margin-left: 5%;}
.home-about-r h2{ font-size: 36px; color: #333; margin-bottom: 10px; font-weight: bold;}
.home-about-r h3{ font-size: 20px; display: block;color: #f48f2e; font-weight: bold;}
.home-about-r .text{color:#666;font-size: 15px; margin:30px 0; line-height:28px; text-align:justify; }
.home-about-r .more{background:#f48f2e ;border-radius:10px; display:inline-block; width:180px;height:58px; line-height:58px; text-align:center; margin: 30px 0;}
.home-about-r .more a{color: #FFF;line-height:40px; font-size: 16px; font-weight: bold;}

.digital{overflow: hidden; margin: 30px 0;}
.digital ul{ }
.digital ul li{float: left; width: 33.333333%;}
.digital ul li i{ float: left; width: 80px; height: 80px;line-height: 80px; border: 1px solid #e7e7e7; border-radius: 8px; text-align: center; margin-right: 10px; margin-top: 10px;}
.digital ul li i img{ width: 50px;}
.digital ul li h2{ float: left; width: calc((100% - 90px));font-size: 50px;}
.digital ul li h2 b{font-weight: bold; color: #222;}
.digital ul li h2 em{display: block; font-size: 16px;color: #666;}

.home-case{overflow: hidden;}
.home-case .img{overflow: hidden;   }
.home-case .img img{overflow: hidden; max-width: 100%; transition: all 0.6s;}
.home-case .img img:hover{transform:scale(1.2);}
.home-case .text{border: 1px solid #e7e7e7; padding: 20px 30px; border-top: 0;}
.home-case .text h2{ font-size: 18px; font-weight: bold;}
.home-case .text p{display: block; margin: 15px 0; line-height: 24px; color: #666;}
.home-case .text .more{}
.home-case .text .more a{ color: #f48f2e; font-weight: bold;}

.HezuoSwiper{position: relative; margin-bottom: 90px;}
.HezuoSwiper .swiper-pagination{text-align: center;width: 100%;bottom: -40px;}
.HezuoSwiper .swiper-pagination .swiper-pagination-bullet{margin: 0 5px;background: #999;opacity: .6;}
.HezuoSwiper .swiper-pagination-bullet-active{background: #ff8726 !important; opacity: 1 !important;}


.yb_conct {position: fixed;z-index: 9999999;top: 360px;right: -127px;cursor: pointer;transition: all .3s ease;}
.yb_bar ul li {width: 180px;height: 53px;line-height: 53px; color: #fff;text-indent: 54px;margin-bottom: 3px;border-radius: 3px;transition: all .5s ease;overflow: hidden;}
.yb_bar .yb_top {background: #ff8726 url(../images/fixCont.png) no-repeat 0 0;}
.yb_bar .yb_phone {background: #ff8726 url(../images/fixCont.png) no-repeat 0 -57px;}
.yb_bar .yb_QQ {text-indent: 0;background: #ff8726 url(../images/fixCont.png) no-repeat 0 -113px;}
.yb_bar .yb_ercode {background: #ff8726 url(../images/fixCont.png) no-repeat 0 -169px;}
.yb_bar .yb_ercode img{width: 210px; margin-left: -36px;}
.hd_qr {padding: 0 29px 25px 53px;}

.yb_QQ a {display: block;text-indent: 54px;width: 100%;height: 100%;color: #fff;}


@media (min-width:1024px) and (max-width:1200px) {
    
.home-bt{ margin: 40px 0;}

}

@media (min-width:768px) and (max-width:1023px) {
	
.home-bt{ margin: 30px 0;}
.home-bt h2{font-size: 28px;}
.home-about-r h2{font-size: 28px;}

}


@media screen and (max-width:767px) {
	
.home-bt{ margin: 25px 0;}
.home-bt h2{font-size: 24px;}
.home-bt small{font-size: 12px;}

.home-three ul li{width: 48%; margin-bottom: 20px;}
.home-about-l{width: 100%; margin-bottom: 30px;}
.home-about-r{width: 100%; margin-left: 0;}
.home-about-r h2{font-size: 22px;}

.digital ul li{width: 98%;}



}