#index-h1{color: #888;
    margin-bottom: 3%;}


h2{

	text-align:center;

	font-weight: bold;

	font-size: 22px;

	color: #636363;

}



h2:before{

	display: block;

	margin: 0 0 5px 0;

}



h2:after{

	display: block;

	font-size: 16px;

	color: #828282;

	font-weight: bold;

	margin: 5px 0 0 0;

}



.hr{

	display: block;

	height: 4px;

	border: none;

	background: #dadada;

	margin-top: 5px;

	/*margin-bottom: 95px;*/

}



/* bootomBtn */



.bottomBtn{

	display: block;

	max-width: 450px;

	width: 100%;

	margin: auto;

	border: 1px solid #828282;

	color:#828282;

	font-size: 18px;

	line-height: 55px;

	text-align: center;

	background: #FFF;

	margin-bottom: 70px;

	font-weight:bold;

	

}
@media(min-width:767px){


.bottomBtn{margin-top:90px;border-radius: 10px;font-size:1.1em}
}


.bottomBtn:hover{

	background: #828282;

	color: #FFF;

	text-decoration: none;

	font-weight:bold;	

    transition: all 0.5s ease 0s;

}



.bottomBtn span{

	font-size: 1.5rem;

	margin: 0 35px 0 0;

}



/* #idxBanner */



#idxBanner{

	position: relative;

	width: 100%;

	margin: 18px 0 100px 0;

}



#idxBanner .idxBannerBtn{

	position: absolute;

	display: block;

	background: #0593FF;

	width: 30px;

	height: 50px;

	color: #FFF;

	text-align: center;

	font-size: 0;

	letter-spacing: 0;

	top: calc(50% - (2rem + 12px));

	z-index: 2;

}



#idxBanner .idxBannerBtn:hover{

	background: #286FE1;

}



#idxBanner .idxBannerBtn:before{

	content: ' ';

	width: 0;

	height: 100%;

	display: inline-block;

	vertical-align: middle;

}



#idxBanner .idxBannerBtn span{

	display: inline-block;

	vertical-align: middle;

	font-size: 1.5rem;

}



#idxBanner .idxBannerBtn#idxBannerLeft{

	left: calc(550px - 15px);

}



#idxBanner .idxBannerBtn#idxBannerRight{

	right: calc(550px - 15px);

}



#idxBanner #idxBannerDot{

	display: block;	

	width: 100%;

	height: 12px;

	text-align: center;

	margin: 45px 0 0 0;

	padding: 0;

}

#idxBanner #idxBannerDot .owl-dot{vertical-align: top;

	display: inline-block;

	list-style: none;

	margin: 0 5px;}

	

#idxBanner .owl-controls{display: block;	width: 100%;height: 12px;text-align: center;margin: 9px 0 0 0;padding: 0;}

#idxBanner .owl-controls .owl-dot{vertical-align: top;display: inline-block;list-style: none;margin: 0 5px;}

#idxBanner .owl-controls .owl-dot span{display: block;width: 100px;height: 5px;background: #e6e6e6;}

#idxBanner .owl-controls .owl-dot.active span{background: #c3e7e7;}

#idxBanner #idxBannerDot li{

	vertical-align: top;

	display: inline-block;

	list-style: none;

	margin: 0 5px;

}



#idxBanner #idxBannerDot li a{

	display: block;

	width: 12px;

	height: 12px;

	background: #9FA0A0;

}



#idxBanner #idxBannerDot li a:hover,#idxBanner #idxBannerDot li a.active{

	background: #286FE1;

}

#idxBanner #idxBannerDot li.active a{

	background: #286FE1;

	}



/* four_horseman */



#four_horseman{

	position: relative;

	background: url('../images/four.png') no-repeat;

	background-size: 100% 100%;

	width: 100%;

	height: 368px;

	margin: 0 0 90px 0;

}



#four_horseman dl{

	position: relative;

	width: 228px;

	height: 228px;

	border: 1px solid #FFF;

	text-align: center;

	box-sizing: border-box;

	cursor: pointer;

}



#four_horseman dl:after{

	position: absolute;

	content: ' ';

	width: 100%;

	height: 100%;

	top: 6px;

	left: 7px;

	border: 1px solid #FFF;

}



#four_horseman dl:hover{

	background: #FFF;

}



#four_horseman dl dt{

	display: inline-block;

	width: 4.5rem;

	font-size: 4.5rem;

	color: #FFF;

	border-bottom: 7px solid #FFF;

	margin: 35px 0 15px 0;

	padding: 0 0 22px;

}



#four_horseman dl:hover dt{

	font-size: 4rem;

	width: 4rem;

	color: #002DA8;

	border-color: #002DA8;

}



#four_horseman dl dd{

	font-size: 2.5rem;

	color: #6CE7E7;

}



#four_horseman dl:hover dd{

	font-size: 2rem;

	color: #00B3B1;

}



#four_horseman dl dd + dd{

	display: none;

}



#four_horseman dl dd + dd + dd{

	position: absolute;

	top: 0;

	left: 0;

	width: 100%;

	height: 100%;

	z-index: 2;

	display: block;

}



#four_horseman dl dd + dd + dd a{

	display: block;

	width: 100%;

	height: 100%;

}



#four_horseman dl:hover dd + dd{

	display: block;

	font-size: 1.2rem;

	color: #595757;

}



/* service */



#service{

	/*margin: 0 0 80px 0;���~��id�|�Y��o�Ӽ˦�*/

}

#service h2:before{

	content: url('../images/head/gallery-45.svg');

}



#service h2:after{

	content: 'GALLERY';

	

}



#service ul,#service li{

	list-style: none;

}



#serviceCate{

	margin: 20px 0 0 0;

}



#serviceCate:before{

	display: block;

	content: ' ';

	width: 100%;

	height: 6px;

	background:#eac1c7;

}



#serviceCate > ul{

	position: relative;

	display: block;

	background: #808080;

	width: 100%;

	height: 68px;

	text-align: center;

	margin: 0;

	padding: 0;

}



#serviceCate > ul > li{

	height: 100%;

	position: relative;

	font-size: 19px;

	display: inline-block;

	padding: calc((70px / 2) - (1.5rem / 2)) 0;

	box-sizing: border-box;

}



#serviceCate > ul > li:after,#serviceCate > ul > li:first-child:before{

	content: ' ';

	display: inline-block;

	width: 1px;

	height: 1.3rem;

	background: #FFF;

	vertical-align: top;

	margin: 0 1rem 0 1rem;

}



#serviceCate > ul > li > a{

	color: #FFF;

}



#serviceCate > ul > li:hover > a{

		opacity: 0.7;

    transition: all 0.5s ease 0s;

	text-decoration: none;

}



#serviceCate > ul ul{

	width: 245px;

	/* display: none; */

	position: absolute;

	top: 68px;

	left: calc(50% - 123px);

	z-index: 2;

	padding: 0;

}



#serviceCate > ul ul li{

	white-space: nowrap;

	text-align: left;

	background: #EFEFEF;

}



#serviceCate > ul ul li a{

	padding: 0 10px;

	display: block;

	line-height: 35px;

	font-size: 16px;

	color: #3E3A39;

}



#serviceCate > ul ul li a:hover{

	background: #FFF;

	color:#727270;;

	text-decoration: none;

    opacity: 0.7;

    transition: all 0.5s ease 0s;	

}



#serviceCate > ul > li:hover ul{

	display: block;

}



#serviceList{

	position: relative;

	background: #d2e6ff; /* Old browsers */

	background: -moz-linear-gradient(top,  #d2e6ff 0%, #ffffff 100%); /* FF3.6-15 */

	background: -webkit-linear-gradient(top,  #d2e6ff 0%,#ffffff 100%); /* Chrome10-25,Safari5.1-6 */

	background: linear-gradient(to bottom,  #fdfdfd 100%,#ffffff 0%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d2e6ff', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */

	background-clip:content-box;

}



#serviceList ul{

	list-style: none;

	margin: 0;

	padding: 0;

}

#serviceList ul{

	width: 95%;

	margin: 3rem auto;

}

#serviceList li{

	background: #FFF;

	background-clip:content-box;

	margin: 0.5%;
	
	border: solid 1px #e4e4e4;

}

#serviceList li .serviceListImg{

	display: block;

	width: 100%;

	height: 225px;

	position: relative;

	}

#serviceList li .serviceListImg img{

	width: 100%;

	height: 100%;

	position: absolute;

	margin: auto;

	object-fit:cover;

}



#serviceList li .serviceListImg img:hover{

	opacity: 0.7;

    transition: all 0.5s ease 0s;

}



#serviceList h3,#serviceList p{

	padding: 0 15px;

}



#serviceList h3{

	font-size:20px;

	font-weight: bold;

	color: #286FE1;

	margin: 30px 0 15px;

	text-align:center;

}

#serviceList h3 a{

	color: #828282;

}

#serviceList h3 a:hover{

	opacity: 0.7;

    transition: all 0.5s ease 0s;

}

#serviceList p.info{

	height: 60px;

	font-size: 16px;

	line-height: 30px;

	margin-top: 15px;

	overflow  : hidden ; 

	text-overflow : ellipsis ; 

	display : -webkit-box ; 

	-webkit-line-clamp : 2 ; 

	-webkit-box-orient : vertical ; 

}

#serviceList p + p{

	margin: 30px 0 15px;

}

#serviceList p + p a{

	font-size: 15px;

	color: #828282;

	line-height: 35px;

	position: relative;

	margin-left: 30px;

	font-weight: bold;

	border:solid 1px;

	padding:1px;

	border-radius:4px;

}



#serviceList p + p a:hover{

    opacity: 0.7;

	background-color:#828282;

	color:#fff;

    transition: all 0.5s ease 0s;

}



#serviceList p + p a:before{

	content: url('../images/small-01.svg');

	margin: 0 0.5rem 0 0;

	position: absolute;

	top: -4px;

	left: -30px;



}





/* news */



#news{

	margin: 80px 0 80px 0;

}

#news .hr{

	margin-bottom: 45px;

}

#news h2:before{

	content: url('../images/head/news-45.svg');

}



#news h2:after{

	content: 'NEWS';

}



#news ul,#news li{

	list-style: none;

}



#news ul{

	margin-top: 0;

}



#news dl dt span{

	font-size: 14px;

	font-weight: 100;

	display: block;

	letter-spacing: 1px;

	height:23px;

	line-height:23px;

}



#news dl dt span.newsTag:before{

	content: 'NEWS';

	display: inline-block;

	font-weight: 100;

	padding: 0.1rem 0.5rem;

	background: #FFF100;

	margin: 0 0.5rem 0 0;

}



#news h3{

	    margin-top: 2%;

	font-weight: bold;

	color:#828282;
	line-height: 25px;

}



#news h3 a{

	font-size:18px;

	color: #727270;

}

#news li a:hover{

    opacity: 0.7;

    transition: all 0.5s ease 0s;

}



#news dl dd{

	border-bottom: 1px solid #CCC;

	font-size: 16px;

	padding-bottom: 15px;

	white-space:nowrap;

	overflow:hidden;

	text-overflow:ellipsis;

}

#news dl dd a{

	color: #3E3A39;

}





/* case */



#case{

	/*margin: 0 0 80px 0;���~��id�|�Y��o�Ӽ˦�*/

	overflow: hidden;

}



#case #caseBannerLeft{

	background: url('../images/group_in_left.png') left center no-repeat;

}

#case #caseBannerRight{

	background: url('../images/group_in_right.png') right center no-repeat;

}

#case .row{

	margin-bottom: 3rem;

}



#case .hr{

	margin-bottom: 0;

}



#case h2:before{

	content: url('../images/head/04-45.svg');

}



#case h2:after{

	content: 'CASE';

}



#case #caseList{

	position: relative;

	padding: 38px 0 0 0;

	height: 380px;

	box-sizing: border-box;

}



#case #caseList:after{

	content: ' ';

	position: absolute;

	top: 0;

	left: calc(50% - 50vw);

	display: block;

	width: 100vw;

	height: 100%;

	z-index: -1;

}



#case .caseBtn{

	height: 70px;

	font-size: 5rem;

	text-align: center;

	text-decoration: none;

	top: calc(50% - 35px);

}

#case .item > a{

	height: 222px;

	display: block;

	text-align: center;

}



#case .item a img{

	display: inline-block;

	width: auto;

	height: auto;

}



#case .item h3{

	font-size: 18px;

	font-weight: bold;

}

#case .item h3 a{

	color: #286FE1;

	}

#case .item p{

	font-size: 16px;

	color:#a8a8a8;

}

#case .item h3:before,#case .item h3:after{

	color: #286FE1;

	vertical-align: middle;

	font-size: 1rem;

	vertical-align: top;

}

#case .owl-item:hover img{

	opacity: 1;

}





/* blog */



#blog{

	margin: 0 0 80px 0;

}



#blog h2:before{

	content: url('../images/head/blog-45.svg');
	

}



#index_case_h2:after{

	content: 'BLOG';

}



#blog #blogList{

	margin: 0 ;

}

.blogOffset{

	padding: 0;

}

#blog section{

	border: solid 1px #e4e4e4;

	background-clip: content-box;

	padding: 0;

	box-sizing: initial;

}



#blog section img:hover{

	opacity: 0.7;

    transition: all 0.5s ease 0s;

}



#blog section > *{

	display: block;

	box-sizing: border-box;

	padding: 0 25px;

}



#blog section > *:first-child{

	padding:25px 25px 0 25px;

}



#blog section > *:last-child{

	margin: 25px;

}



#blog section h3{

	font-size: 18px;
	margin: 20px 0 20px 0;
	line-height: 23px;
}

#blog section h3 a{

	color: #828282;

	font-weight: bold;

	text-decoration: none;

}

#blog section h3 a:hover{

    opacity: 0.7;

    transition: all 0.5s ease 0s;

}



}

#blog .blogImg{

	display: block;

	width: 100%;

	

}



#blog .blogImg img{

	width: 100%;

	margin: auto;

}

#blog .indexsblogs_text {
    height: 75px;
    overflow: hidden;
}

#blog section p{

	color: #888;

	font-size: 15px;

	line-height: 25px;

}



#blog .blogBtn{

	display: inline-block;
	
	
	


	padding: 0.2rem 1rem;

	color: #FFF;

	font-size: 13px;

	background: #828282;

	text-decoration: none;

	float: right;
	
    border-radius: 5px;
}

#blog .blogBtn:hover{

    opacity: 0.7;

    transition: all 0.5s ease 0s;		

}





#blog .blogBtn span{

	font-size: 1rem;

	margin: 0 0.5rem 0 0;

}

#blog .bottomBtn{

	margin-top: 55px;
	border-radius: 10px;

}


#news .blogBtn{

	display: inline-block;

	padding: 0.2rem 1rem;

	color: #FFF;

	font-size: 13px;

	background: #828282;

	text-decoration: none;

	float: right;

}

#news .blogBtn:hover{

    opacity: 0.7;

    transition: all 0.5s ease 0s;		

}





#news .blogBtn span{

	font-size: 1rem;

	margin: 0 0.5rem 0 0;
    
}

#news .bottomBtn{

	margin-top: 55px;
    border-radius: 10px;
}






/* info */



#info{

	background:#fcfcfc;

	padding: 2rem 0 1rem 0;

	margin: 0;

}



#info h2{

	font-weight: normal;

	font-size: 21px;

	color: #727270;

	margin: 0 0 42px 0;

}



#info h2:before,#info h2:after{

	display: inline-block;

	content: ' ';

	width: 5rem;

	height: 1px;

	background:#727270;

	margin: 0 1rem;

	vertical-align: middle;

}



#info a{

	height: 131px;

	padding: 0;

	position: relative;

	text-decoration: none;

	background: #FFF;

	background-clip: content-box;

}

#info a:last-child{

	margin-right: 0;

}

#info a img{

	display: inline-block;

	vertical-align: middle;

	margin: -0.5rem 2rem 0 2rem;

}



#info a h3{

	color: #666;

	font-size: 1.2rem;

	font-weight: bold;

	margin: 0;

}



#info a span{

	margin: 0.5rem 0 0 0;

	font-size: 1rem;

	font-weight: normal;

	display: block;

	color:#828282;

}



#info a:after{

	position: absolute;

	content: ' ';

	display: block;

	width: 0;

	height: 0;

	bottom: 0;

	right: -1px;

	border-style: solid;

	border-width: 0 0 30px 30px;

	border-color: transparent  transparent  #828282 transparent;

}



#info a:hover{

	background: #828282;

	background-clip: content-box;

    transition: all 0.5s ease 0s;

}



#info a:hover h3,#info a:hover span{

	color: #FFF;

}



#info a:hover:after{

	display: none;

}



#info a:hover img{

	width: 45px;

	height: 45px;

	background: #FFF;

	outline: 10px solid #FFF;

}



/* ads */



#ads .row{

	margin: 78px 0;

}

.ss02{

	font-size: 12px !important;

	color: #727171;

	margin: 0 !important;

}





@media (max-width:1400px){

	#idxBanner .idxBannerBtn{

		display: none;

	}

	#info a{

		margin: 0 1% 2%;

	}

	#case .item > a{

		width: auto;

		height: 200px;

	}

	#ads .row dd{

		margin:1rem 0;

	}



}

@media (min-width:1400px){

	#four_horseman section{

		width: auto;

		height: 100%;

		margin: 67px 45px;

		padding:0; 

	}

	#four_horseman .row{

		width: 1280px;

		margin: 0 auto;

	}



	#serviceList li .serviceListImg{

		display: block;

		width: 100%;

		height: 399px;

	}

	#service #serviceList ul{

		width: 1288px;

		display: block;

		margin: 100px auto 25px;

	}

	#service #serviceList li{

		width: 395px;

		margin: 0 50px 65px -4px;

		padding: 0;

		display: inline-block;

		vertical-align: top;

		float: inherit;

		border: solid 1px #e4e4e4;

	}

	#service #serviceList li:nth-child(3n){

		margin-right: 0;

	}

	.inService{

		max-width: 1460px;

	}

	#news .col-lg-offset-2{

		width: 100%;

		padding: 0;

		margin: 0;

	}

	#news .padding2{

		padding: 0;

}

	#news .inNewsList{

		width: calc(100% - 325px);

		display: inline-block;

		margin: 0 50px 25px 0;

		padding: 0;

	}

	#news .inNewsList li{

		width: 45%;

		padding: 0;

		margin: 0 5% 30px 0;

		display: inline-block;

	}

	.inNewsList a:hover {

		color: #286FE1;

	}

	#news ul{

		width: 271px;

		padding: 0;

		display: inline-block;

		vertical-align: top;
padding-top:20px;
	}

	.inNewsList02{

		width: 100%;

	}

	.inNewsList02 .pic{

		width: 271px;

		height: 160px;

		padding: 0;

	}

	.inNewsList02 .pic:first-child{

		margin: 5px 0 43px 0;

	}

	.inNewsList02 .pic:hover{

		opacity: .6;

	}

	.inNewsList dl{

		padding: 0;

		margin: 0;

	}

	#case #caseBannerLeft{

		margin-right: 20px;

		background: url('../images/group_in_left.png') left center no-repeat;

	}

	#case #caseBannerRight{

		margin-left: 20px;

		position: absolute;

		right: 0;

		background: url('../images/group_in_right.png') right center no-repeat;

	}

	#case #caseBannerLeft:hover{

    opacity: 0.7;

    transition: all 0.5s ease 0s;

	}

	#case #caseBannerRight:hover{

    opacity: 0.7;

    transition: all 0.5s ease 0s;

	}

	



	#case .caseBtn{

	width: auto;

}

	#caseList .box{

		width: 1270px;

		margin: 0 auto;

		float: initial;

	}

	#case .item > a{

		width: 380px;

	}

	#case .owl-carousel.owl-drag .owl-item{

		width: 380px;

	}

	#ads dl{

	width: 100%;

	margin: 0;

	padding: 0 30px;

	}

	#info{

	width: 100%;

	height: 280px;

}

	#info a{

	width: 432px;

	height: 131px;

	margin:0 0 0 0;

	}

	#blog .hr{

	width: 1123px;

	margin-bottom: 58px;

}

	#blog section{

	width: 360px;

	margin-right: 22px;

}

	#blog section:last-child{

	margin-right: 0;

	}



	#ads{

	height: 273px;

}

	#ads dd{

	width: 290px;

	height: 115px;

	padding: 0;

	margin-right: 37px;

}

	#ads dd:last-child{

	margin-right: 0;

}

}



@media (max-width:1599px){

	#idxBanner .idxBannerBtn#idxBannerLeft{

		left: calc(400px - 15px);

	}



	#idxBanner .idxBannerBtn#idxBannerRight{

		right: calc(400px - 15px);

	}

}



@media (max-width:1023px){

	#idxBanner .idxBannerBtn#idxBannerLeft{

		left: calc(300px - 15px);

	}



	#idxBanner .idxBannerBtn#idxBannerRight{

		right: calc(300px - 15px);

	}

}



@media screen and (min-width: 1201px) and (max-width: 1399px) {

	#four_horseman section{

		margin-top:67px;

	}

}

@media (max-width: 1200px){

	

	#four_horseman{

		height: 600px;

	}



	#four_horseman section{

		height: 300px;

		text-align: center;

	}

}





@media (max-width: 500px){

	#four_horseman{

		height: 360px;

	}



	#four_horseman section{

		height: 180px;

		padding: 0;

	}



	#four_horseman dl{

		width: 120px;

		height: 120px;

		padding: 0.5rem 0;

	}



	#four_horseman dl dt{

		font-size: 2rem;

		width: 2rem;

		border-width: 3px;

		margin: 0.5rem;

		padding: 0.5rem 0;

	}



	#four_horseman dl:hover dt{

		font-size: 1.8rem;

		width: 1.8rem;

	}



	#four_horseman dl:hover dd{

		font-size: 1rem;

	}



	#four_horseman dl dd{

		font-size: 1.2rem;

	}



	#four_horseman dl:hover dd + dd{

		font-size: 0.5rem;

	}

}

@media screen and (min-width: 769px) and (max-width: 1399px) {

	.blogOffset{

		margin: 0;

	}

	#news ul{

		padding: 0;

	}

	.inNewsList02{

		display: none;

		margin-bottom: 0;

	}

	#info a{

		width: 31%;

		height: 90px;

	}

}

@media (max-width: 1200px){

	#news li > a{

		display: block;

	}

}

@media (max-width: 768px){
	#index-h1{color: #888;
    margin-bottom: 5%;
    margin-top: 5%;
    font-size: 23px;}
	h2{

	font-size: 20px;

	}

	h2:after{

		font-size: 18px;

	}

	#idxBanner{

		margin-bottom: 12px;

	}

	#idxBanner #idxBannerDot{

		margin-top: 20px;

	}

	#service {

		margin: 0 0 70px 0;

	}

	#serviceList{

		background: none;

		padding: 0;

	}

	#serviceList ul{

		margin: 2rem auto;

	}

	#service h2:after{

		width: 165px;

		margin: 5px auto;

		padding-bottom: 10px;

		border-bottom: 3px solid #808080000;

	}

	#serviceList h3{

		margin: 10px 0 5px;

		font-size: 16px;

	}

	#serviceList p{

		height: 50px;

		line-height: 25px;

		font-size: 14px;

	}

	#serviceList p.info{

		height: auto;

		font-size: 14px;

		margin: 0;

		line-height: inherit;

	}

	#serviceList h3, #serviceList p{

		padding: 0;

	}

	#serviceList p + p{

		height: auto;

		margin-top: 0;

		font-size: 14px;

	}

	#serviceList p + p a{

		font-size: 14px;

	}

	#serviceCate{

		display: none;

	}

	#serviceList ul{

		width: 100%;

	}

	#serviceList li .serviceListImg{

		height: 95px;
      overflow: hidden;
	}
   #serviceList h3{line-height: 18px;height: 36px;overflow: hidden;}
   #serviceList p.info{line-height: 18px;height: 36px;overflow: hidden;}
	#news{

		margin: 0 0 0px 0;

	}

	#news ul, #news li{

		margin-left: -5px;

		padding: 0;
padding-bottom:10px;

	}

	#news .hr{

		margin-bottom: 40px;

	}

	#news h3 a{

		font-size: 16px;

	}

	#news dd a{

		font-size: 14px;

	}

	.inNewsList02{

		display: none;

		margin-bottom: 0;

	}

	#case{

		margin: 0 0 80px 0 ;

	}

	#case #caseList{

		height: 310px;

		margin-top: 35px;

		padding: 15px 10px;

	}

	#case .item h3,#case .item p{

		text-align: center;

	}

	#case .item h3{

		font-size: 16px;

		line-height: 2em;

		margin: 0;

	}

	#case .item p{

		font-size: 14px;

	}

	#case .caseBtn{

		width: 25px;

		padding: 0;

		margin: 0;

		font-size: 4rem;

	}

	.hr{

		width: 165px;

		height: 3px;

		margin: 0 0 40px -82px;

		left: 50%;

	}

	#blog{

		text-align: center;

		margin-bottom: 65px;

	}

	#blog .blogImg{

		height: auto;

	}

	#blog section{

		margin-bottom: 5%;

	}

	#blog section h3{

		font-size: 16px;

	}

	#blog section h4{

		font-size: 12px;

	}

	#blog section p{

		/*display: none;*/

	}

	#blog section p + p{

		display: none;

	}

	.blogOffset{

		padding: 0 15px;

		margin: 0;

	}

	#blog .bottomBtn{

		margin-top: 25px;

	}

	#blog .blogBtn{

		float: none;

	}

	#info{

		padding: 2rem 0 0 0;

	}

	#info a{

		height: auto;

		margin: 0 0 15px;

	}

	#info h2{

		margin-bottom: 30px;

	}

	#info a h3{

		margin: 15px 0;

		font-size: 1rem;

	}

	#info a span{

		margin: 0.5rem 0 0 15px;

		display: inline-block;

		font-size: .8rem;

	}

	#info a img{

		width: 30px;

		margin: 0 1.5rem ;

	}

	#info a:hover img{

		width: 30px;

		height: 30px;

		outline: 5px solid #FFF;

	}

	#info h2:before, #info h2:after{

		width: 2rem;

	}

	#info a:after{

		border-width: 0 0 15px 15px;

	}

	#info .row{

		padding:15px; 

	}

	#ads .row{

		margin: 20px 0;

	}

	#ads dl{

		margin: 0;

		padding: 0;

	}

	#ads .row dd{

		margin:0 ;

		padding:10px;

	} 

	.copyright{

		margin: 15px 0;

	}

	.bottomBtn{

		width: 270px;

		height: 42px;

		max-width: none;

		line-height: 42px;

		font-size: 15px;
		
		border-radius: 10px;

	}

	.bottomBtn span{

		margin-right: 15px;

		vertical-align: sub;

	}

}



.news_n > ul{

		width: 100%!important;

	}

	.news_n h3 {font-size: 1.2rem}

	.news_n a:hover{color:#666}

	.news_n .img_ {

		height: 125px;

		position: relative;

	}

	.news_n img {

		width: 100%;
		padding-right:16px;

		padding-left:8px;

	}

	.news_n > ul > li {

		margin-bottom: 20px!important;

	}

	.news_n > ul > li > ol > li.con {

		border-bottom:2px solid #d6d6d6;

	}

	.news_n > ul > li > ol > li {

		height: 220px;

	}





	.bannerCar img{

		width: 100%;

	}

#bar {

    width: 0%;

    max-width: 100%;

    height: 4px;

    background: #828282;

    overflow: hidden;

}

#progressBar {

    width: 100%;

    background: #e4e4e4;

}

.owl-theme .owl-controls .owl-page span {

	width: 80px!important;

}

/* 

 * 	Core Owl Carousel CSS File

 *	v1.3.3

 */



/* clearfix */

.owl-carousel .owl-wrapper:after {

	content: ".";

	display: block;

	clear: both;

	visibility: hidden;

	line-height: 0;

	height: 0;

}

/* display none until init */

.owl-carousel{

	display: block;

	position: relative;

	width: 100%;

	-ms-touch-action: pan-y;

}

.owl-carousel .owl-wrapper{

	display: none;

	position: relative;

	-webkit-transform: translate3d(0px, 0px, 0px);

}

.owl-carousel .owl-wrapper-outer{

	overflow: hidden;

	position: relative;

	width: 100%;

}

.owl-carousel .owl-wrapper-outer.autoHeight{

	-webkit-transition: height 500ms ease-in-out;

	-moz-transition: height 500ms ease-in-out;

	-ms-transition: height 500ms ease-in-out;

	-o-transition: height 500ms ease-in-out;

	transition: height 500ms ease-in-out;

}

	

.owl-carousel .owl-item{

	float: left;

}

.owl-controls .owl-page,

.owl-controls .owl-buttons div{

	cursor: pointer;

}

.owl-controls {

	-webkit-user-select: none;

	-khtml-user-select: none;

	-moz-user-select: none;

	-ms-user-select: none;

	user-select: none;

	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);

}



/* mouse grab icon */

.grabbing { 

    cursor:url(grabbing.png) 8 8, move;

}



/* fix */

.owl-carousel  .owl-wrapper,

.owl-carousel  .owl-item{

	-webkit-backface-visibility: hidden;

	-moz-backface-visibility:    hidden;

	-ms-backface-visibility:     hidden;

  -webkit-transform: translate3d(0,0,0);

  -moz-transform: translate3d(0,0,0);

  -ms-transform: translate3d(0,0,0);

}

.news-text{
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
	margin-top: 20px;
    margin-bottom: 30px;
	line-height: 25px;
    color: #888;
}

.caseCar .owl-pagination {

	display: none;

}

.caseCar img {

	padding:0 25px;

}



#index_viedo_h2:after {

    content: 'VIDEO';

}



#index_blog_h2:after {

    content: 'BLOG';

}
@media (max-width:767px){
.news_n > ul > li > ol > li{height:auto;}

.news_n h3 {font-size:16px;} 
.news-text {font-size:15px; line-height: 18px;margin-bottom:0px;margin-top:0px;}
}


.clearfix:after {visibility: hidden;display: block;font-size: 0;content: " ";clear: both;height: 0;}
/* Hides from IE-mac \*/
*:first-child+html .clearfix{zoom:1;} /* IE7 */
* html .clearfix { height: 1%;zoom:1;}
.clearfix {display: block;}
/*.left{float: left;}*/
.right{float: right;}

.news-text p{color:#888;}
.IndexNewsAdd a{float:right;background: #828282;font-size: 13px;color: #FFF!important;padding: 0.2rem 1rem;border-radius:5px;}
.IndexNewsAdd a:hover{color:#fff!important;}
.videoAll {width: 85%;margin: 0px auto;}
.newestInxTl a{font-weight: bold;font-size: 22px;color: #636363;}
.newestInxTl a p{font-size: 16px;color: #828282;font-weight: bold;}
.newestInxTl{border-bottom: 4px solid #dadada;margin-bottom: 40px;}
.newestInxTl em{display: inline-block;width:45px;height:45px;background: url() no-repeat;content: url(/images/head/video-45.svg);}
@media (max-width: 768px){
.newestInxTl a{font-size: 20px;}
.newestInxTl{width: 165px;margin-left: auto;margin-right: auto;border-bottom: 3px solid #dadada;}
}
@media (max-width: 767px){
	.news_n img{padding-left:10px;padding-right: 10px;}
	#news .news_n .ogs_index_ul .con{margin: 0px!important;padding: 10px!important;padding-right: 10px!important;}
}