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: #666;}
ul,ol,li{list-style: none;}
a{text-decoration: none;}
a:hover,a:link{text-decoration: none; }
.no-padding{padding: 0;}
.img_block{display: block; width: 100%;}
.of{overflow: hidden;}
body{background: #ffffff;}
/*container*/
.container{margin: 0 auto; overflow: hidden;}
@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;}
}
.banner{background:url(banner-1920.jpg) no-repeat center 0; height: 560px; }
.row{margin: 0 30px;}
.title{overflow: hidden; padding: 80px 0 40px;}
.title .title-line{background: #141414; width: 8px; height: 40px; float: left; border-radius: 5px;}
.title .title-text{color: #141414; font-size: 40px; line-height: 40px; float: left; padding-left: 20px;}
.owl-dots{text-align: center; margin-top: 20px;}
.owl-dots .owl-dot{display: inline-block; zoom:1; text-align: center; outline: none;}
.owl-dots .owl-dot span{
	width: 10px; height: 10px; margin:0 7px; display: block; background: #d6d6d6; 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: #3e97cf;}
.top-content{ padding: 80px 0; border-bottom: 1px solid #eeeeee;}
.top-txt{background: #f5f5f5; }
.top-txt .top-img{width: 62%; float: left;}
.top-txt .top-right{width: 38%; float: left;}
.text-content{padding: 0 30px;}
.text-content .ttle{font-size: 30px; line-height: 32px; color: #002561; display: inline-block; padding: 30px 0 0;}
.text-content p{padding-top: 12px;}
.look-more{width: 132px; height: 32px; display: block; margin-top: 20px;}


.exclusives{float: left; width: 32%;}
.exclusives img{display: block; width: 100%;}
.exclusives a{display: block; color: #002561; font-size: 20px; line-height: 30px; padding: 20px 0;}
.exclusives-right{margin-right: 2%;}

.back1{background: url(bk-1.jpg) no-repeat center 0; min-height: 560px; background-size: cover;}
.mt-80{margin-top: 80px;}
.analysis-text{width: 65%;}
.analysis-text a{font-size: 32px; line-height: 32px; color: #002561; display: inline-block; margin-bottom: 15px;}
.analysis-text p{padding-top: 10px;}

.direct-attack .videoBox{width: 49%; float: left; overflow: hidden; /*margin-right: 1%;*/}
.direct-attack ul{width: 51%; float: left; overflow: hidden;}
.direct-attack img{display: block; width: 100%;}
.direct-attack ul li{width: 47%; float: left; margin-left: 3%;}
.direct-attack ul li.mb{margin-bottom: 16px;}

.map{background: #f4f4f4; padding:75px 0;}
.map img{display: block; margin: 0 auto;}
.map p{padding:40px 100px 0; text-align: center;}

.owl-carousel1 .item a{display: block; color: #002561; font-size: 20px; line-height: 30px; padding: 20px 0;}
.owl-carousel1 .owl-dots span{width: 25px; height: 25px; background:#ddd;}
.owl-carousel1 .owl-dots .owl-dot.active span{background:#002561;}
/*foot*/
.foot{background:#002561; width:100%; min-height:120px; margin-top: 70px;}
.foot-1{max-width:960px; width: 100%; margin:0 auto; padding:30px 0 20px; overflow: hidden;}
.foot-1 p{font-size:16px; color:#fff; line-height:28px; margin-bottom: 0; padding-top: 3px;}
.foot-1 img{display: block; padding:0 0 0 30px; margin-right:30px; width: 20%; float: left;}
/*foot-mobile*/
.foot2{background: #002561; width:100%; max-height:166px; margin:0 auto; padding-bottom: 4%; margin-top: 40px;}
.foot2-1{overflow: hidden; clear:both;}
.foot2-1 .li1-1{float: left; width: 30%; margin-left: 7%; padding-top: 5%;}
.foot2-1 .li1-1 img{width: 95%; float: left;}
.foot2-1 .li1-2{float: left; width: 58%; padding-left: 5%; padding-top: 5%;}
.foot2-1 .li1-2 p{color: #fff; font-size: 16px; line-height:1.5; margin:0;}

@media screen and (max-width: 1199px){
	.top-txt .top-img{width: 50%; }
	.top-txt .top-right{width: 50%;}
	.text-content .ttle{padding: 10px 0 0;}
}
@media screen and (max-width: 991px){
	.top-txt .top-img{width: 100%; }
	.top-txt .top-right{width: 100%;}
	.text-content{padding: 15px 20px;}

	.analysis-text{width: 80%;}
	.analysis-text a{line-height: 36px;}

	.direct-attack .videoBox{width: 98%; margin: 0 0 0 1%;}
	.direct-attack ul{width: 100%; margin-top: 20px;}
	.direct-attack ul li{width: 48%; margin: 0 1%;}
}
@media screen and (max-width: 768px){
	.container{margin: 0 15px;}
	.top-content{padding: 30px 0;}
	.text-content .ttle{font-size: 24px;}
	p{font-size: 16px; line-height: 24px;}
	.text-content p{padding-top: 7px;}

	.title{padding:40px 0 25px;}
	.title .title-line{height: 32px;}
	.title .title-text{font-size: 32px; line-height: 32px;}

	.exclusives-right{margin: 0 0 20px;}
	.exclusives{width: 100%;}
	.exclusives a{font-size: 18px; line-height: 27px; padding: 10px 0 0; }

	.mt-80{margin-top: 40px;}

	.analysis-text{width: 100%;}
	.analysis-text a{line-height: 32px; font-size: 24px; margin-bottom: 5px;}
	.analysis-text p{padding-top: 6px;}

	.videoshow{margin: 0 -3px;}
	
	.map{padding: 35px 0;}
	.map img{width: 90%;}
	.map p{padding:20px 0 0; text-align: left; font-size: 16px; line-height: 24px;}

	.owl-carousel1 .item a{font-size: 18px; line-height: 27px; padding: 10px 0;}
	.owl-carousel1 .owl-dots span{width: 16px; height: 16px;}
}