/***
 * 
 * header.css
 * 
 */
 * {font-family: auto!important;}
@media screen and (min-width: 320px) and (max-width: 991px) {
		.Case .i-t-l{float: none;}
	.Case .i-t-r{float: none;}
}



@media screen and (min-width: 320px){
	
	
	
	
	.index-bg-cpinfo{height:220px;}
	.index-box{padding: 30px 0;}
	.index-tit{overflow:hidden;}
	.index-tit h3{font-weight: bold;color: #080808;font-size: 22px;}
	.index-tit .i-t-l{float: left;}
	.index-tit .i-t-r{float: right;margin-top: 5px;}
	.index-tit .i-t-r a{color: #0053a3;font-size: 14px;}
	.index-tit .i-t-l b{font-weight: bold;color: #080808;font-size:14px;}
	.index-tit .i-t-l span{border-radius: 100%;width:12px;height: 12px;border: 3px solid #0053a3;display: inline-block;margin-right: 11px;margin-top: 10px;}
	
	
	
	
	.news ul li{line-height: 45px;position: relative;border-bottom: 1px dashed #dddddd;padding-left: 12px;padding-right: 80px;}
	.news ul li div{color: #666;font-size: 16px;}
	.news ul li a b{color: #999999;font-size: 14px;position: absolute;right: 0;top: 0;}
	.news ul li a span{position: absolute;left: 0;width: 5px;height: 2px;background: #0053A3;top: 50%;margin-top: -1px;}
	
	.video-box{padding-top: 15px;}
	
	
	
	
	
	.case-hd{padding:  10px 0;}
	.case-hd li{float: left;width: 50%;text-align: center;}
	.case-hd li.on div{background-image:url(../img/hd_bg.jpg);color: #fff;}
	.case-hd li div{padding: 0 27px;line-height: 32px;color: #333333;font-size:14px;font-weight: bold;}
	.case-hd ul{overflow: hidden;}
	.case-list li {padding: 10px 0;}
	.case-list li i.pic-size{padding-bottom: 81%;}
	.case-list li a p{color: #333333;font-weight: bold;font-size: 14px;line-height: 2;text-align: center;min-height:62px;}
	
	.more-a{overflow: hidden;color: #0053A3;font-size: 14px;padding: 0 22px;display: block;}
	.more-l{float: left;}
	.more-r{float: right;}
	
	.more{width: 147px;height: 43px;margin: 0 auto;border: 1px solid #0053A3;border-radius: 5px;line-height: 43px;}
		.news-video{background: #f6f8fa;}
		
		.service-info{padding: 20px 0;font-size: 14px;color: #444444;line-height: 1.7;}
		
		.s-r ul{overflow: hidden;margin:-10px;padding: 20px 0;}
		.s-r li{float: left;width:130px;padding: 10px;}
		.big-box{position: relative;}
		
		
		.big-box i{color: #0073d6;font-size: 63px;position: absolute;top: 13%;left: 50%;margin-left: -63px;width: 100%;}
		.big-box p{color: #fff;font-size: 16px;position: absolute;bottom: 12%;text-align: center;width: 100%;}
		
			.icon-box-big{    position: absolute;
    width: 130px;
    height: 130px;
   }
}
@media screen and (min-width: 992px) {
	
	.nav-on,.nav-ul li.on{background:#0053A3;}
	
	
	
	.index-bg-cpinfo{height:auto;padding-bottom:30%;}
	.index-box{padding: 60px 0;}
		.big-box i{color: #0073d6;font-size: 77px;position: absolute;top: 14%;left: 50%;margin-left: -65px;width: 100%;}

	.img-style{height: 560px;padding-bottom: 0;}
	.img-style a{display: block;position: absolute;width: 100%;height: 100%;}
	.pagination-banner .swiper-pagination-bullet{width: 12px;height: 12px;background: rgba(255,255,255,.5);opacity: 1;}
	.pagination-banner .swiper-pagination-bullet-active{background: #0073d6;}
	
	

	
	.news{float: left;width: 780px;}
	
	.video{float: right;width: 382px;}
	
	.index-tit h3{font-size: 28px;}
	
	.news ul{padding-top: 22px;}
	
	.video-box{padding-top: 22px;}
	.video-box video{ background:#000; height:277px;}
	.service-info{padding: 40px 0;}
	.service{overflow: hidden;}
	.more{margin-left: 0;}
	
	.s-l{float: left;width: 500px;}
	.s-r{float: right;width: 580px;}
	
	.s-r ul{padding: 0;}
	.s-r li{width: 25%;}
	
	
	
	
	
	
	.case-hd li{width: auto;cursor: pointer;}
	.index-tit .i-t-r{margin-top: -30px;padding: 0;}
	.case-list ul{overflow: hidden;margin:0 -10px;padding: 40px 0;}
	.case-list li{float: left;width: 20%;padding:0 10px ;}
	.case-list li p{padding-top: 5px;}
	.case-list li i.pic-size{padding-bottom: 81%;}
	
	.case-list .more{margin: 0 auto;}
	

	
	
	
}


@media screen and (min-width: 320px){
	
}
@media screen and (min-width: 992px) {
	
	
}


@media screen and (min-width: 1400px) and (max-width:1680px){}
@media screen and (min-width: 991px) and (max-width:1480px){}
@media screen and (min-width: 991px) and (max-width:1360px){}
/***
 * 
 * header.css
 * 
 */