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: #ffffff;}
.l{float: left;}
.r{float: right;}
.tp_top{margin-top: 80px;}
/*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;}
}
.mt{margin-top: 50px;}
.row{margin: 0;}
.owl-dots{text-align: center; margin-top: 30px;}
.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: #ddd; border-radius: 30px; border-radius: 10px;
    -webkit-transition: opacity 0.2s ease; -moz-transition: opacity 0.2s ease; transition: opacity 0.2s ease;
}
.owl-dots .owl-dot.active span{background: #0069c2;}
/*banner*/
.banner{background: url(banner2160.jpg) no-repeat center 0; height: 600px; }
.banner_phone{margin-bottom: 30px; display: block; width: 100%;}

.top{margin:80px 0 0; border-bottom: 1px solid #ddd; padding-bottom: 80px;}
.half{width: 50%; float: left;}
video{display: block;}
.video_box{position: relative;}
.video-img{position: absolute; left: 0; top: 0; width: 100%; height: 100%;}
.video-img img{display: block; width: 100%; height: 100%;}
.top_text{padding-left: 35px;}
.top_text_tit{padding:12px 0 15px; margin-bottom: 18px; border-bottom: 1px solid #000;}
.top_text_tit a{font-size: 28px; line-height: 1; color: #000; font-weight: bold; }
.top_text p{padding-bottom: 10px;}
.look_text{width: 180px; height: 35px; text-align: center; line-height: 35px; color: #fff; background: #0069c2; display: inline-block; border-radius: 25px;
margin-top: 10px;}
.look-back{margin-bottom: 80px;}

.video-playback-list .playback{float: left; width: 23%;}
.playback-mr2,.playback-mr{margin-right: 2.6666%;}
.video-playback-list .playback img{display: block; width: 100%;}
.video-playback-list .playback p{color: #212121; padding-top: 5px;}
.video-playback-list .playback p:hover{color: #0069c2;}

.relevant-reports{margin-bottom: 50px;}
.relevants{width: 48.5%; margin-bottom: 30px; float: left;}
.relevants_mr{margin-right: 3%;}
.relevants_box{border:1px solid #212121; min-height: 250px; padding:0 30px;}
.relevants_box .time{padding-top: 20px;}
.relevants_box .relevants-title{margin: 7px 0 10px;}
.relevants_box a{font-size: 24px; line-height: 36px; color: #212121;}
.relevants_box a:hover{color: #0069c2;}

.back{background: #f0f0f0; padding-bottom: 70px;}
.title{padding: 80px 0 60px;}
.title .title-border{float: left; border-radius: 10px; background: #242424; width: 10px; height: 40px;}
.title .tit{color: #242424; font-size: 38px; line-height: 40px; margin-left: 33px; font-weight: bold;}
.items{padding-top: 23px;}
.items a{color: #212121; font-size: 20px; line-height: 30px; font-weight: bold;}
.items p{padding-top: 15px;}

.thead{overflow: hidden; padding: 0 0 25px; border-bottom: 1px solid #000;}
.thead span{float: left; color: #212121;}
.thead span.meeting-title{font-weight: bold; font-size: 20px;}
.thead span.time{font-size: 18px;}
.meeting ul li{border-bottom: 1px solid #000; padding: 30px 0;}
.meeting ul li .titles{font-size: 24px; line-height: 1; padding-bottom: 15px; color: #212121;}
.meeting ul li .name{font-size: 20px; line-height: 1; }

.guest{width: 31.6%; float: left; margin:0 0 30px;}
.guests{border: 1px solid #212121; text-align: center; padding-top: 40px; min-height: 338px;}
.guests img{display: block; width: 50%; margin:0 auto; margin-bottom: 20px;}
.guests .name{color: #212121; font-size: 24px; padding-bottom: 8px;}
.mr{margin-right: 2.6%;}
.mr2{margin-right: 2.6%;}

/*foot*/
.foot{background:#787878; width:100%; min-height:120px; margin-top: 40px;}
.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; margin:0 30px 0 15%; width: 16%; float: left;}
/*foot-mobile*/
.foot2{background: #787878; width:100%; max-height:166px; margin:0 auto; margin-top: 20px; padding-bottom: 4%;}
.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){
	.relevants_box{ min-height: 320px; }
}
@media screen and (max-width: 991px){
	.half{width: 100%; float: none;}
	.top_text{padding: 30px 15px 0;}
	.guest{width: 48.5%; }
	.mr{margin-right: 3%;}
	.mr2{margin-right: 0;}
	.mr3{margin-right: 3%;}

	.relevants_box{ min-height: 415px; }

	.video-playback-list .playback{width: 48.5%; margin-bottom: 20px;}
	.playback-mr{margin-right: 3%;}
	.playback-mr2{margin-right: 0;}
}

@media screen and (max-width: 768px){
	p{font-size: 16px; line-height: 24px;}
	.owl-dots .owl-dot span{width: 10px; margin: 0 5px;}
	.owl-dots{margin-top: 20px;}
	.container{margin: 0 15px;}
	.guest{margin-bottom:15px;}
	.guests {min-height: 190px; padding-top: 20px;}
	.guests img{margin-bottom: 10px;}
	.guests .name{font-size: 16px; padding-bottom: 0;}
	.guests .position{font-size: 14px; line-height: 20px;}

	.top_text_tit a{font-size: 24px;}
	.top_text{padding: 15px 0 0;}
	.look_text{width: 150px; height: 30px; line-height: 30px; font-size:16px; margin-top: 5px;}
	.look-back{margin-bottom: 40px;}

	.title{padding: 40px 0 30px;}
	.top{margin: 40px 0 0; padding-bottom: 30px;}
	.title .title-border{ background: #242424; width: 5px; height: 28px;}
	.title .tit{font-size: 24px; line-height: 27px; margin-left: 20px;}
	
	.thead{padding-bottom: 20px;}
	.meeting ul li{padding: 20px 0;}
	.thead span.meeting-title{font-size: 18px;}
	.meeting ul li .titles{font-size: 18px; padding-bottom:7px; }
	.meeting ul li .name,.thead span.time{font-size: 16px; line-height: 24px;}
	.meeting ul li .name span{font-size: 14px; line-height: 24px;}

	.back{padding-bottom: 30px;}
	.items{padding-top: 15px;}
	.items a{font-size: 18px; line-height: 27px;}
	.items p{padding-top: 10px;}
	
	.relevant-reports{margin-bottom: 20px;}
	.relevants{margin-bottom: 20px;}
	.relevants_box{ min-height: auto; padding: 0 15px 20px;}
	.relevants_box a{font-size: 18px; line-height: 27px;}
	.relevants{width: 100%; float: none;}
	.relevants_mr{margin-right: 0;}
	
	.video-playback{margin-bottom: -20px;}
	.video-playback-list .playback{width:100%; float: none; margin-bottom: 20px;}
	.playback-mr{margin-right: 0;}
}