div,p,h1,h2,h3,h4,h5,h6,span,i,a,li,ul,body{font-family: "Microsoft YaHei"; padding:0; margin:0; /*font-size: 18px; line-height: 27px;  color: #666666;*/}
ul,ol,li{list-style: none;}
a{text-decoration: none;}
a:hover,a:link{text-decoration: none;}
.no-padding{padding: 0;}
img{border:0;}
.img_block{display: block; width: 100%;}
.of{overflow: hidden;}
body{background: #010b40;}
.l{float: left;}
.r{float: right;}
.margin_top{margin-top: 60px;}
/*container*/
.container{margin: 0 auto; }
@media screen and (min-width: 768px){
	.container{width: 750px;}
}
@media screen and (min-width: 992px){
	.container{width: 970px;}
}
@media screen and (min-width: 1200px){
	.container{width: 1170px;}
}
@media screen and (min-width: 1230px){
	.container{width: 1200px;}
}

@media (min-width: 1200px){
	.hidden-lg{display: none!important;}
}
@media (max-width: 1199px) and (min-width: 992px){
	.hidden-md{display: none!important;}
}
@media (max-width: 991px) and (min-width: 768px){
	.hidden-sm{display: none!important;}
}
@media (max-width: 767px){
	.hidden-xs{display: none!important;}
}
.mt{margin-top: 50px;}
/*.row{margin: 0 45px;}*/
.owl-dots{text-align: center; margin-top: 35px;}
.owl-dots .owl-dot{display: inline-block; zoom:1; text-align: center; outline: none;}
.owl-dots .owl-dot span{
	width: 80px; height: 10px; margin:0 10px; display: block; background: #dddddd; /*border-radius: 30px;*/
    -webkit-transition: opacity 0.2s ease; -moz-transition: opacity 0.2s ease; transition: opacity 0.2s ease;
}
.owl-dots .owl-dot.active span{background: #002266;}
.container-fluid{max-width: 1300px; margin: 0 auto; background: #e9eaee;}


.back{background: #f4f4f4; padding: 50px 0 75px;}
.back2{background: #f4f4f4;}
.back .top{padding: 0 160px; font-size: 20px; line-height: 40px; color: #666;}

.list{margin: 100px 0;}
.list-block{float: left; background: #ffffff; min-height: 285px; text-align: center; position: relative; width: 23.5%; margin-right: 2%;}
.list-block-mr0{margin-right: 0;}
.cle{width: 100%; height: 0px; clear: both;}
.list-block .block{position: absolute; left: 50%; bottom: -2px; margin-left: -42px; width: 84px; height: 5px; background: #0f62c6;}
.list-block img{display: block; width: auto; margin: 0 auto; padding: 60px 0 10px;}
.list-block span{font-size: 18px; line-height: 27px; color: #000; display: block;}

.title{text-align: center; font-weight: bold; font-size: 34px; line-height: 1; padding: 50px 0 30px; color: #002769;}
.back2{padding-bottom: 50px;}
.back2 .items{background: #fff; padding: 10px  30px 30px; min-height: 260px;}
.back2 .items a{display: block; font-size: 20px; line-height: 30px; font-weight: bold; color: #373737; margin-bottom: 10px;}
.back2 .items p{font-size: 18px; line-height: 27px; color: #666; }

.actives{margin: 50px 0;}
.active-item{width: 81%; float: left;}
.owl-carousel-two .owl-dots{margin-top: 20px;}
.owl-carousel-two .owl-dots .owl-dot span{
	width: 30px; height: 10px; 
}
.active-code{width: 19%; float: right;}
.active-code img{display: block; width: 100%;}
/*foot*/
.foot-list .float{float: left;}
.foot-list .float .position{font-weight: bold; color: #afb5c4; line-height: 24px; list-style: disc; padding-left: 10px;
background: url(dian.png) no-repeat left 10px;}
.foot-list .float p{color: #afb5c4; line-height: 24px; padding-left: 10px;}
.float-mr{margin-right: 50px;}
.float_right{float: right;}
.foot{background:#002769; padding: 50px 0;}
.foots{padding: 0 50px;}
.foot .name{color: #fff; font-weight: bold; font-size: 24px; line-height: 1; margin-bottom: 25px;}
.float_right span{color: #fff; font-size: 24px; line-height: 34px;display: block; background: url(telephone.png) no-repeat left 0;
 padding-left: 40px; margin-bottom: 5px;}
.float_right p{color: #fff; font-weight: bold; font-size: 22px; line-height: 30px;}
@media screen and (max-width: 1229px){
	
}
@media screen and (max-width: 1199px){
	.back .top{padding: 0 30px; font-size: 20px; line-height: 40px; color: #666;}
}
@media screen and (max-width: 991px){
	.float_right{float: left; margin-top: 20px;}
}
@media screen and (max-width: 768px){
	p{font-size: 16px; line-height: 24px;}
	.container{margin: 0 15px;}
	
	.back{padding: 40px 0 50px;}	
	.back .top{padding: 0 12px; font-size: 16px; line-height: 24px;}	

	.list{margin: 40px 0;}
	.list-block{width: 46%; margin: 0 2% 20px; min-height: 240px;}
	.list-block img{padding: 40px 0 5px;}
	.list-block span,.back2 .items p{font-size: 16px; line-height: 24px;}

	.title{font-size: 28px;}
	.back2 .items{padding: 10px 15px 20px; min-height: auto;}
	.back2 .items a{font-size: 18px; line-height: 27px;}

	.owl-dots .owl-dot span,.owl-carousel-two .owl-dots .owl-dot span{width: 8px; height: 8px; margin: 0 4px;}
	.owl-dots{margin-top: 20px;}
	.active-item{margin-bottom: 10px;}
	.active-item,.active-code{width: 100%; float: none;}

	.foots{padding: 0;}
	.foot .name{font-size: 20px; margin-bottom: 20px;}
	.float-mr{margin-right: 0;}
	.float{margin-bottom: 20px;}
	.float_right{margin-top: 0; width: 100%; text-align: center; border-top: 1px dotted #fff; padding-top: 20px;}
	.float_right span{font-size: 20px; line-height: 27px; display: inline-block; padding-left: 32px; margin-bottom: 5px; background-size: 27px 27px;}
	.float_right p{font-size: 18px; line-height: 27px;}
}