@charset "utf-8";



/*  */
.boxmain{position: relative;}
.boxmain:before{position: absolute;
    top: 0;
    right: 0;
    z-index: 0;
    width: 5vw;
    height: 100%;
    background: #dd5510;
    content: " ";}
/*banner*/

/*案例分类*/
.cont_box_case{position: relative;padding-left:6.5vw;}
.cont_box_case:before {content: "";position: absolute;top: 0;left: 0;width: calc(5vw - 8px);height: 100%;background: #f5f5f5;}
.cont_box_case .box_case_fl{display: -ms-flexbox; display: flex;margin-right:10px;}


.case-pic{background:#f5f5f5; overflow: hidden; transition: all 0.5s;}

.case-pic img{ width:100%; max-width:auto;}
.case-pic:hover{background:#fbe0c5; overflow: hidden; transition: all 0.5s;}
.case-lb .head{position: relative;z-index: 5;padding: 40px ;}
.case-lb .head .flmc:before {
    position: absolute;
	margin-top:50px;
    left: 40px;
    width: 25px;
    height: 3px;
    background: #dc5410;
    content: " ";
}

.case-lb .head .flmc{height: 60px; }
.case-lb .head .flmc.anl{height:inherit;padding-top: 20px; margin-bottom: 10px }
.case-lb .head .flmc h3,.case-lb .head .flmc h4{font-weight: bold; font-size:24px;}

.case-lb .bg-case{opacity: 0; position: absolute;top: 0; left: 0; width: 100%; height: 100%;z-index:1;background:rgba(0,0,0,.7);}

.case-lb .wz{position: absolute; width: 100%; bottom: 0;}

.case-lb .wz .txt h4,.case-lb .wz .txt h6{color: #fff;}
.case-lb .wz .txt h6{line-height: 24px; font-size: 12px;}
.case-lb .wz .txt ul li {line-height: 40px; border-bottom: 0px solid #fff;transition: all 0.5s; text-transform: uppercase;}
.case-lb .wz .txt ul li:hover {border-bottom: 0px solid #cf000e; }
.case-lb .wz .txt ul li span{float: right;line-height: 40px;}
.case-lb .wz .txt ul li a{color: #fff; display: block;}
.case-lb .wz .txt ul li a:hover{color: #cf000e}
.case-lb .wz .txt h5{color: fff}

.case-lb .case-pic:hover .bg-case{opacity: 1;}
.case-lb .case-pic:hover .wz .txt{opacity: 1}
.case-lb .case-pic:hover{cursor: pointer;}
.case-lb .case-pic:hover .head:before{background: #000;}
.case-lb .case-pic:hover .head,.case-lb .case-pic:hover .head .flmc h3,.case-lb .case-pic:hover .head .flmc h4{color: #000;transition: all 0.5s;}


.home-ban .swiper-container{
	margin-top:0px;
}	
.home-ban .swiper-slide{
	width:1000px;
	}
	
.home-ban .swiper-slide a{
	transition: 0.2s;
	}
.home-ban .swiper-slide a img{
    width: 100%; max-width: 100%;
	}
.home-ban .swiper-slide a:hover{
	opacity:.6;}	
.home-ban .swiper-pagination{
	text-align:center;
	width:100%;
	margin-top:10px;}
.home-ban .swiper-pagination .swiper-pagination-bullet {
    width: 12px;
    height: 12px;
	margin:0 5px;
	background:#02328d;
}
.home-ban .swiper-button-prev{
	width:50%;
	height:450px;
	left:-510px;
	top:0;
	
	
  
	margin-top:0;
	z-index:99;

 

	transition: 0.2s;
	}	
.home-ban .swiper-button-prev:before{	
    content: '';
    position: absolute;
    width: 30px;
    height: 100%;
    background: url(../images/slide_prev.png) no-repeat 0 center;
    left: 92%;
    top: 50%;
    margin-top: -120px;
}
.home-ban .swiper-button-next{
	width:50%;
	height:450px;
	right:-510px;
	top:0;
	
	margin-top:0;
	z-index:99;
	transition: 0.2s;
	}
.home-ban .swiper-button-next:after{	
    content: '';
    position: absolute;
    width: 30px;
    height: 100%;
    background: url(../images/slide_prev.png) no-repeat 0 center;
    right: 92%;
    top: 50%;
    margin-top: -120px;
	transform: rotate(180deg);
}
.home-ban .swiper-button-prev2:hover,.swiper-button-next2:hover{
	opacity:0.6;
}


.addnum2{


	margin:0 auto;
	max-width:1300px;
	
	
}
.addnum2 ul li{
	float: left;
	width: 25%;
	text-align: center;
}
.addnum2 ul li .t1{
	font-family: "pingfangr";
	color: #de5310;
	font-size: 30px;
	line-height: 1.1;
}
.addnum2 ul li .t1 .timer{
	font-family: "pingfangb";
	color: #de5310;
	font-size: 60px;
}
.addnum2 ul li .t1 .timer2{
	font-family: "pingfangb";
	color: #de5310;
	font-size: 60px;
}
.addnum2 ul li .t2{
	font-family: "microsoft yahei";
	color: #000000;
	font-size: 16px;
}






.in5{position: relative;z-index: 5;}

.in5 .box{box-sizing: border-box;padding: 10px 4.3% 50px;background: #fff;}

.in5 .box .ul1{}


.in5 .box .ul1 li{width: 25%;float: left;box-sizing: border-box;-webkit-transition: all .5s; -moz-transition: all .5s; transition: all .5s; padding:10px;}

.in5 .box .ul1 li:nth-child(4){margin-right: 0;}

.in5 .box .ul1 li .img,.in5 .box .ul1 li .img img{display: block;width: 100%;  overflow: hidden;-webkit-transition: all .5s; -moz-transition: all .5s; transition: all .5s;}

.in5 .box .ul1 li .txt{padding: 10px ;box-sizing: border-box;background:#fafafa; }

.in5 .box .ul1 li .txt .ltt{overflow: hidden;white-space: wrap;line-height: 1.5;color: #000; font-size:16px;display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2; height: 48px;}

.in5 .box .ul1 li .txt .ltc{color: #666;overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;line-height: 1.5;margin-top: 10px;height: 42px;}

.in5 .box .ul1 li .txt .lxian{width: 10px;height: 0px;background: #434343;margin: 40px 0 15px;}

.in5 .box .ul1 li .txt .time{color: #666;}

.in5 .box .ul1 li .txt .lxq{margin-top: 10px;line-height: 30px;}

.in5 .box .ul1 li .txt .lxq span{display: block;width: 30px;height: 30px;border-radius: 50%;background: #000 url(../images/1_6.png) center right no-repeat;float: left;margin-right: 10px;-webkit-transition: all .5s; -moz-transition: all .5s; transition: all .5s;}

.in5 .box .ul1 li div{-webkit-transition: all .5s; -moz-transition: all .5s; transition: all .5s;}

.in5 .box .ul1 li:hover .txt .lxq span{background: #00bedc url(../images/1_6.png) center left no-repeat;}

.in5 .box .ul1 li:hover .ltt{color: #000;}


.in5 .box .ul1 li:hover img{transform: scale(1.05);-webkit-transform: scale(1.05);}


@media(max-width:768px){

.in5 .box .ul1 li{width: 50%;float: left;box-sizing: -webkit-transition: all .5s; -moz-transition: all .5s; transition: all .5s;}

.in5 .box .ul1 li:nth-child(2){margin-right: 0;}

.addnum2 { display:none;}


.home-ban .swiper-slide{
	width:400px;
}

}



















.in52{position: relative;z-index: 5;}

.in52 .box{box-sizing: border-box;padding: 10px 4.3% 50px;background: #fff;text-align:center;}

.in52 .box .ul1{}


.in52 .box .ul1 li{width: 25%;float: left;box-sizing: border-box;-webkit-transition: all .5s; -moz-transition: all .5s; transition: all .5s; padding:10px;text-align:center; margin:0 auto;}

.in52 .box .ul1 li:nth-child(4){margin-right: 0;}

.in52 .box .ul1 li .img,.in52 .box .ul1 li .img img{display: block; overflow: hidden;-webkit-transition: all .5s; -moz-transition: all .5s; transition: all .5s;}

.in52 .box .ul1 li .txt{padding: 10px ;box-sizing: border-box; }

.in52 .box .ul1 li .txt .ltt{overflow: hidden;white-space: wrap;line-height: 2;color: #000; font-size:22px;}

.in52 .box .ul1 li .txt .ltc{color: #666;overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;line-height: 1.5;margin-top: 10px;height: 42px;}

.in52 .box .ul1 li .txt .lxian{width: 10px;height: 0px;background: #434343;margin: 40px 0 15px;}

.in52 .box .ul1 li .txt .time{color: #666;}

.in52 .box .ul1 li .txt .lxq{margin-top: 10px;line-height: 30px;}

.in52 .box .ul1 li .txt .lxq span{display: block;width: 30px;height: 30px;border-radius: 50%;background: #000 url(../images/1_6.png) center right no-repeat;float: left;margin-right: 10px;-webkit-transition: all .5s; -moz-transition: all .5s; transition: all .5s;}

.in52 .box .ul1 li div{-webkit-transition: all .5s; -moz-transition: all .5s; transition: all .5s;}

.in52 .box .ul1 li:hover .txt .lxq span{background: #00bedc url(../images/1_6.png) center left no-repeat;}

.in52 .box .ul1 li:hover .ltt{color: #000;}


.in52 .box .ul1 li:hover img{transform: scale(1.05);-webkit-transform: scale(1.05);}


@media(max-width:768px){

.in52 .box .ul1 li{width: 50%;float: left;box-sizing:-webkit-transition: all .5s; -moz-transition: all .5s; transition: all .5s;}

.in52 .box .ul1 li:nth-child(2){margin-right: 0;}

}









.in522{position: relative;z-index: 5;}

.in522 .box{box-sizing: border-box;padding: 80px 4.3% 80px;background: #f4f4f4; }

.in522 .box .ul1{}


.in522 .box .ul1 li{width: 33.333%;float: left;box-sizing: border-box;-webkit-transition: all .5s; -moz-transition: all .5s; transition: all .5s; padding:10px;}

.in522 .box .ul1 li:nth-child(4){margin-right: 0;}

.in522 .box .ul1 li .img,.in522 .box .ul1 li .img img{display: block; overflow: hidden;-webkit-transition: all .5s; -moz-transition: all .5s; transition: all .5s;}

.in522 .box .ul1 li .txt{padding: 10px ;box-sizing: border-box; }

.in522 .box .ul1 li .txt .ltt{overflow: hidden;white-space: wrap;line-height: 2;color: #000; font-size:22px;}

.in522 .box .ul1 li .txt .ltc{color: #666;overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;line-height: 1.5;margin-top: 10px;height: 42px;}

.in522 .box .ul1 li .txt .lxian{width: 10px;height: 0px;background: #434343;margin: 40px 0 15px;}

.in522 .box .ul1 li .txt .time{color: #666; font-size:16px; line-height:36px;}

.in522 .box .ul1 li .txt .lxq{margin-top: 10px;line-height: 30px;}

.in522 .box .ul1 li .txt .lxq span{display: block;width: 30px;height: 30px;border-radius: 50%;background: #000 url(../images/1_6.png) center right no-repeat;float: left;margin-right: 10px;-webkit-transition: all .5s; -moz-transition: all .5s; transition: all .5s;}

.in522 .box .ul1 li div{-webkit-transition: all .5s; -moz-transition: all .5s; transition: all .5s;}

.in522 .box .ul1 li:hover .txt .lxq span{background: #00bedc url(../images/1_6.png) center left no-repeat;}

.in522 .box .ul1 li:hover .ltt{color: #000;}




@media(max-width:768px){

.in522 .box .ul1 li{width: 100%;float: left;box-sizing: border-box;webkit-transition: all .5s; -moz-transition: all .5s; transition: all .5s;}

.in522 .box .ul1 li:nth-child(2){margin-right: 0;}

}

.foot_share{ margin-top:40px;}
.foot_aimg{ position:relative;}
.foot_aimg span{background:#fff;width:120px;height:120px;padding:1px;position:absolute;left:50%;margin-left:-60px;top: 50px;transition:all 0.5s ease-in-out;opacity:0;  visibility:hidden; }
.foot_aimg:hover span{visibility:visible; opacity:1; bottom:42px;}
.foot_aimg span:before{content:"";border-left:6px solid transparent;border-right:6px solid transparent;border-bottom: 8px solid #fff;position:absolute;left:50%;margin-left:-6px;top: -8px;}
.foot_s1{ background: url(../images/foot_si1.png) no-repeat center center; height: 36px; width: 36px; margin-left: 10px; display: inline-block;    background-size: cover;}
.foot_s2{ background: url(../images/foot_si2.png) no-repeat center center; height: 36px; width: 36px; margin-left: 3px; display: inline-block;     background-size: cover;}
.foot_s3{ background: url(../images/foot_si3.png) no-repeat center center; height: 36px; width: 36px; margin-left: 10px; display: inline-block;   background-size: cover;}
.foot_s4{ background: url(../images/foot_si4.png) no-repeat center center; height: 36px; width: 36px; margin-left: 10px; display: inline-block;     background-size: cover;}
.foot_s5{ background: url(../images/foot_si5.png) no-repeat center center; height: 36px; width: 36px; margin-left: 0px; display: inline-block;     background-size: cover;}