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;  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: #0d0433;}
.content{max-width: 1200px; margin: 0 auto; background: #fff; -webkit-box-shadow:0 0px 14px #000;
-moz-box-shadow:0 0px 14px #000; -ms-box-shadow:0 0px 14px #000; box-shadow:0 0px 14px #000; }
/*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-2.jpg) no-repeat center 0; height: 782px; margin-bottom: 65px;}
.banner-img{margin-bottom: 30px;}
.row{margin: 0 30px;}
.title{max-width: 1200px; margin: 0 auto; text-align: center; background: url(title.png) no-repeat center 0; height: 104px;}
.title h4{font-size: 38px; color: #d52087; font-weight: normal; padding-top: 30px;}
.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;}
.titmt{margin-bottom: 20px;}
/*.top{margin-bottom: 20px;}*/
.top ul li{width: 25%; float:left; margin-bottom: 16px;}
.top ul li .padding-lr{padding: 0 8px;}
.top ul li .padding-lr .padding-center{position: relative;}
.top ul li .padding-lr .padding-center img{display: block; width: 100%;}
.top ul li .padding-lr .padding-center img.hide{position: absolute; left: 0; top: 0;}

.back1{background: #110541; padding: 70px 0; margin-top: -40px;}
.owl-carousel1{max-width: 1140px; margin:0 auto;}
.owl-carousel1 .items{margin: 0 8px; position: relative;}
.owl-carousel1 .items .posi{width: 100%; background: #ce0f88; text-align:center; padding: 15px 0 20px;}
.owl-carousel1 .items .posi2{background: #b52cce;}
.owl-carousel1 .items .posi3{background: #4b2cd0;}
.owl-carousel1 .items .posi4{background: #058fe6;}
.owl-carousel1 .items .posi span{color: #fff; font-size: 26px; display: block; padding-bottom: 5px;}
.owl-carousel1 .items .posi p{color: #fff; line-height: 27px;}
.owl-carousel1 .items .items-text{position: absolute; left: 0; top: 100%; width: 100%; height: 100%; background: #ce0f88;}
.owl-carousel1 .items .items-text2{background: #b52cce;}
.owl-carousel1 .items .items-text3{background: #4b2cd0;}
.owl-carousel1 .items .items-text4{background: #058fe6;}
.owl-carousel1 .items .items-text h5{padding:25px 25px 10px;}
.owl-carousel1 .items .items-text h5 a{color: #fff; line-height: 30px; font-size: 22px;}
.owl-carousel1 .items .items-text p{padding:0 25px 10px; line-height: 27px; color: #fff;}
.owl-carousel1 .items .items-text a.more{padding:0 25px; display: inline-block; color: #fff; font-size: 16px;}
.owl-carousel1 .owl-nav button{outline: none; position: absolute; top: 43%;}
.owl-carousel1 .owl-nav button.owl-prev{left: -30px;}
.owl-carousel1 .owl-nav button.owl-next{right: -30px;}

.media{margin-bottom: 30px;}
.content{background: #52a8e0; }
.mediaLeft{width: 66.58%; float: left; border-right: 1px solid #52a8e0; min-height: 410px; background: #077ad3; }
.mediaLeft .half{width: 50%; float: left;}
.mediaLeft .half img{display: block; width: 100%;}
.mediaLeft .half div{padding: 25px 30px 0;}
.mediaLeft .half div h3{color: #fff; font-size: 22px; line-height: 30px; margin-bottom: 22px; position: relative; padding-bottom: 15px;}
.mediaLeft .half div h3:after{content:''; position: absolute; left: 0; bottom: 0; width: 50px; height: 5px; background: #fff;}
.mediaLeft .half div p{color: #fff; line-height: 27px; padding-bottom: 20px;}
.mediaLeft .half div a{color: #fff; display: inline-block; line-height: 18px;}
.mediaRight{width: 33.33%; float: right; max-height: 410px;}
.mediaRight ul li{border-bottom: 1px solid #52a8e0; background: #0783d3; padding:23px 22px 25px;}
.mediaRight ul li a{color: #fff; font-size: 18px; line-height: 27px;}
.media-more{width: 204px; height: 51px; position:relative; margin: 0 auto; margin-bottom: 10px;}
.media-more img{display: block; position: absolute; left: 0; top: 0;}
.media-more img.hover{display: none;}
.media-more:hover .hover{display: block;}

.review .half{width: 50%; float: left;}
.review .half .halfs{margin: 0 8px; position: relative;}
.review .half .halfs img{display: block; width: 100%;}
.back-opa{width: 100%; min-height: 80px; background: #fff; opacity: 0.6; filter: alpha(opacity=60); position: absolute; bottom: 0; left: 0;}
.back-txt{width: 100%; min-height: 80px; position: absolute; bottom: 0; left: 0;}
.back-txt a{display: block; color: #333; font-size: 24px; line-height: 28px; text-align: center; padding-top: 20px;}
/*foot*/
.foot{background:#0d0433; width:100%; min-height:120px; 
	background-image: url(b-l.png), url(b-r.png);
    background-position: left bottom, right bottom;
    background-repeat: no-repeat, no-repeat;
}
.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: #0d0433; width:100%; max-height:166px; margin:0 auto; padding-bottom: 3%; }
.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: 100%; 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: 1230px){
	.owl-carousel1 .owl-nav button.owl-prev{left: 8px;}
	.owl-carousel1 .owl-nav button.owl-next{right: 8px;}
}
@media screen and (max-width: 1199px){
	.mediaLeft{width: 100%;}
	.mediaLeft .half div{padding-top: 40px;}
	.mediaRight{width: 100%;}
}
@media screen and (max-width: 991px){
	.row{margin: 0 10px;}
	.top ul li{width: 50%;}
	.owl-carousel1 .items{margin: 0 15px;}

	.content{margin: 0 6px;}
	.mediaLeft{min-height: auto;}
	.mediaLeft .half div{padding-top: 25px;}


	.review .half{width: 100%;}
	.back-txt a{font-size: 20px; padding: 15px 15px 0;}
	.half-bottom{margin-bottom: 20px;}

	.back1{padding: 40px 0 30px;}
	.title{ height: 90px;}
	.title h4{font-size: 32px; padding-top: 20px;}
	.titmt{margin-bottom: 0;}
}
@media screen and (max-width: 768px){
	.mediaLeft .half{width: 100%;}
	.mediaLeft .half div{padding-bottom: 30px;}
}