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: #edf9f5;}
.l{float: left;}
.r{float: right;}
.margin_top{margin-top: 80px;}
/*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 50px;}
.owl-dots{text-align: center; margin-top: 0px;}
.owl-dots .owl-dot{display: inline-block; zoom:1; text-align: center; outline: none;}
.owl-dots .owl-dot span{
	width: 20px; height: 10px; margin:0 6px; display: block; background: #fff; 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: #268c83; width: 30px;}
.container-fluid{max-width: 1300px; margin: 0 auto; background: #cceee6; padding: 0;}
.video-fixed{position: fixed; left: 0; top: 10%; width: 100%; display: none; z-index: 2;}
video{outline: none; display: block;}
.video{width: 80%; margin:0 auto; position: relative;}
.top-text{border-radius: 25px; background: #f9fdfd; padding: 30px 50px; border:1px solid #88c6ba; margin-top: -185px; margin-bottom: 45px; position: relative;}
.video-list{margin-top: 60px;}
.lists{padding: 30px; background: #f9fdfd; overflow: hidden; margin-bottom: 30px; border-radius: 20px;}
.lists_l{width: 47%; float: left; position: relative;}
.lists_r{width: 50%; float: right;}
.lists_l2{width: 47%; float: right; position: relative;}
.lists_r2{width: 50%; float: left;}
.player-cover{width: 100%; display: block;}
.player{position: absolute; left: 50%; top: 50%; margin: -45px 0 0 -45px; width: auto!important; display: none!important; opacity: 0.85;}
.videoPlay:hover .player{display: block!important;}
.lists_r_box{/*background-image: url(quote.png); background-repeat: no-repeat; background-position: right 20px;*/ padding-top: 20px;}
.lists_r_box span{color: #02497e; font-size: 20px;}
.lists_r_box h5{color: #20a69f; font-size: 32px; line-height: 1; font-weight: bold; padding: 10px 0 15px;}
.lists_r_box p{margin-bottom: 25px;}
.lists_r_box a.more img{width: auto!important;}
.foot {
    text-align: center;
    background: #4c9697;
    font-size: 16px;
    line-height: 24px;
    color: #fff; margin-top: 40px;
    padding: 80px 0 80px;
}
.body-cover{position: fixed; left: 0; top: 0; right: 0; bottom: 0; background: #000; opacity: 0.4; width: 100%; height: 100%; display: none;  z-index: 1;}
.close{position: fixed; top: 10%; left: 0; width: 100%; color: #fff; font-size: 32px; display: none; z-index: 3;}
.close img{display: block; width: 50px; height: 50px; opacity: 0.7; float: right; margin-right: 10%;}
@media screen and (max-width: 1229px){
}
@media screen and (max-width: 1199px){
	.lists_r_box h5{font-size: 24px; line-height: 30px;}
	.lists_r_box p{font-size: 16px; line-height: 24px;}
}
@media screen and (max-width: 991px){
	.lists_l{width: 100%; float: none;}
	.lists_r{width: 100%; float: none;}
	.top-text{margin-top: -130px;}
}
@media screen and (max-width: 768px){
	.container{margin: 0 15px;}
	.owl-dots .owl-dot span{
		width: 10px; height: 10px; margin:0 5px;
	}
	p,.top_des span,.exhibitions-text p{font-size: 14px; line-height: 20px;}
	.foot{padding: 50px 15px; font-size: 14px; line-height: 20px; margin-top: 30px;}
	.top-text{margin-top: 0; font-size: 16px; line-height: 24px; padding: 15px; margin-bottom: 30px;}
	.video-list{margin-top: 30px;}
	.lists {padding: 15px 15px 30px; margin-bottom: 20px;}
	.player{width: 55px!important; margin: -70px 0 0 20px; display: block!important; opacity: 0.5; left: 0; top: 100%}
	.lists_r_box {padding-top: 10px;}
	.lists_r_box span{font-size: 16px; line-height: 24px;}
	.lists_r_box h5{font-size: 18px; line-height: 27px; padding: 5px 0 10px;}
	.lists_r_box p{margin-bottom: 15px;}
	.lists_r_box a.more img{width: 100px!important;}
	.video{width: 100%;}
	.close{top: 17%;}
	.close img{opacity: 1; width: 30px; height: 30px; margin-right: 0;}
	.video-fixed{top: 22%}
}

@media screen and (max-width: 470px){
}