.body{ color:#f9fafa;}

.n-banner{ font-size:30px; color:#FFFFFF; text-align:center; padding-top:170px; letter-spacing:10px;}
.mainnavbox{ width:100%; height:60px; border-bottom:1px solid #e7e7e7; background-color:#FFFFFF;}
.mainnav{ display:block; width:1180px; margin:0 auto; }
.mainnav li{ display:block; float:left; padding-right:20px; line-height:60px; font-size:14px;}
.mainnav li a{ color:#999999;}
.mainnav li a.me{ border-bottom:3px solid #10b7ee; display:block; height:60px; color:#000000;}
.mainnav li a:hover{ border-bottom:3px solid #10b7ee; display:block; height:60px; color:#000000;}
.main{ width:1180px; margin:0 auto;padding:80px 0;}

.about_box{ width:694px; float:left; }
.about_tit{ font-size:26px; color:#000000; padding-bottom:60px;}
.about{ color:#323232; line-height:45px;}


.contact_box{ width:580px; float:left;}
.contact{ color:#323232; line-height:40px; font-size:16px;}





.container2{ width:1180px; margin:0  auto;}

.service_list li p{height:48px;}
.service_list li a:after{content:"";width:0;height:1px;position:absolute;left:0;bottom:0;background:#10b7ee;}
	.service_list li em{position:absolute;left:0;bottom:0;width:100%;line-height:14px;padding-bottom:20px;opacity:0;}
	.service_list li:hover a{background:#fff;box-shadow:0 0 40px rgba(0,0,0,0.1);}
	.service_list li:hover a:after{width:100%;}
	.service_list li:hover em{opacity:1;}
	
	.service_list{margin-top:2.5rem;padding:0 0.5rem;width:auto;margin-bottom:0;}
	.service_list li{width:100%;float:inherit;height:auto;margin-right:0;margin-bottom:2.5rem;}
	.service_list li a{width:auto;height:auto;}
	.service_list li .img, .service_list li img{width:100%;height:auto;}
	.service_list li div{margin-top:1.0rem;font-size:0.7rem;line-height:0.7rem;}
	.service_list li i{width:1.5rem;margin:0.5rem auto;}
	.service_list li p{line-height:0.75rem;font-size:0.5rem;}
	.service_list li em{ font-style:normal; color:#10b7ee;}
	
	

.service_list{width:1180px;}
.service_list li{width:379px;float:left;margin-right:14.5px;height:400px;margin-bottom:40px;text-align:center; background-color:#fff;}
.service_list li.last{ margin-right:0px;}
.service_list li a{position:relative;display:block;width:378px;height:400px;box-shadow:0 0 0 rgba(0,0,0,0.1);}
.service_list li span{width:378px;height:220px;display:block;overflow:hidden;position: relative; z-index: 1; }
.service_list li .img{width:378px;height:220px;display:block; overflow:hidden; }

.service_list li p{margin:0 35px;line-height:24px;font-size:14px;color:#999;}
.service_list li div{font-size:16px;line-height:16px;margin-top:40px;color:#333;}
.service_list li i{width:40px;height:1px;display:block;margin:20px auto 13px;overflow:hidden;background:#e6e6e6;}

.row2 p{overflow:hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}


 a, a::before, a::after, i::after, i::before, em, em::after, em::before, .hover img,  .img i {
    transition: all 0.3s ease 0s;
}


.service_list li a.img {
    display: block;
    transition: all .5s ease 0s;

   
}
.service_list li a:hover b.img{
    transform:  scale(1.2);	
	-webkit-transition-duration: 0.5s;
	-moz-transition-duration: 0.5s;
	-o-transition-duration:0.5s;
}






.order_box{ width:1180px;}
.order_tit{ font-size:26px; color:#000000; padding-bottom:60px;}
.order_tit span{ font-size:14px; color:#666666;}
.order{ color:#323232; line-height:40px;}

.order_tit a {
    display: inline-block;
    padding:5px 10px;
	 float:right;
}