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,html{background: #ffcc1b;}
.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: 25px;}
.owl-dots .owl-dot{display: inline-block; zoom:1; text-align: center; outline: none;}
.owl-dots .owl-dot span{
	width: 70px; height: 8px; margin:0 7px; border:2px solid #e4e8f1; display: block; background: #e4e8f1;
    -webkit-transition: opacity 0.2s ease; -moz-transition: opacity 0.2s ease; transition: opacity 0.2s ease;
}
.owl-dots .owl-dot.active span{background: #1775ff; border-color: #000;}
.container-fluid{max-width: 1300px; margin: 0 auto; background: #ffcc1b;}
/*banner*/
.banner_phone{margin-bottom: 30px; display: block; width: 100%;}

.top{padding: 50px 70px;}
.border-box{border: 2px solid #000; background: #fff;}
.border-box p{padding-bottom: 15px;}
.border-box p span{color: #000;}
.sign{margin-top: 30px;}
.sign img{display: block; margin:0 auto; width: auto;}
.top p{text-indent: 36px;}

.title{position: relative; margin: 50px 0 40px;}
.title img{display: block; width: 300px; margin:0 auto; position: relative; z-index: 1;}
.title:after{content: ''; position: absolute; left: 0; top: 50%; width: 100%; height: 9px; background-image: url(pc-line.png);
background-position: center 0; background-repeat: no-repeat; background-size: 100%;}

.carousel-one{padding: 30px 15px 50px 30px;}
.half_left{float: left; width: 53%;}
.half_right{float: left; width: 47%;}
.top_right{padding: 0 15px 0 20px;}
.top_right h5{padding: 10px 0 15px;}
.top_right h5 a{color: #353d95; font-size: 24px; line-height: 32px;}
.top_right a.look_more{display: block; margin-top: 10px;}
.top_right a.look_more img{display: block; width: 100%;}

.meeting{padding: 50px 0;}
.meeting ul li{background: #f4f4f4; overflow: hidden; margin-bottom: 10px; margin: 0 50px 10px; padding: 0 20px;}
.agenda_l{width: 22%; float: left; line-height: 50px;}
.agenda_cen{width: 58%; float: left;}
.agenda_cen a{display: block; font-size: 18px; line-height: 50px; color: #353d95;}
.agenda_r{float: right; /*padding-right: 2%;*/ margin-top: 7px;}
.agenda_r a{display: block; width: 84px; height: 37px; background: url(live-button.png) no-repeat center 0;}
.agenda_r a.right-f{background-image: url(right-f.png);}
.meeting_des{text-align: center; font-size: 16px; line-height: 24px; color: #999;}

.newsbox{padding: 50px;}
.news ul{margin-bottom: 30px;}
.news ul li{border-bottom: 1px solid #ddd; padding:11px 0 11px 18px; overflow: hidden; background-image: url(dot.png); 
background-position: left 23px; background-repeat: no-repeat;}
.news ul li span{display: block; float: right; color: #999999;}
.news ul li a{color: #353d95;}
.news-more{margin: 0 auto; max-width: 640px; }
.news-more a{display: block;}
.news-more img{display: block; width: 100%;}

.foot{
	text-align: center; background-image: url(new-foot.jpg);
	background-position: center 0; background-repeat: no-repeat; background-size: 100%;
	font-size: 16px; line-height: 24px; color: #fff; padding: 100px 0 0; min-height: 169px;
}

@media screen and (max-width: 1199px){
	.top_right{padding-left: 20px;}
	.top_right h5{padding: 12px 0;}
	.top_right p{font-size: 16px; line-height: 24px;}
	.top_right h5 a{font-size: 20px; line-height: 30px;}
	.top_right a.look_more{margin-top: 20px;}

	.agenda_l{font-size: 16px;}
	.agenda_cen a{font-size: 18px;}
	.agenda_r{margin-top: 7px;}
}
@media screen and (max-width: 991px){
	.half_left,.half_right{float: none; width: 100%;}
	.top_right{padding:10px 20px 30px;}

	.owl-dots{margin-top: 10px;}
	.owl-dots .owl-dot span{width: 10px; height: 10px; margin: 0 4px;}

	.meeting ul li{padding: 8px 15px;}
	.agenda_l{width: 100%; padding-left: 0; float: none; line-height: 24px;}
	.agenda_cen{width: auto; float: none;}
	.agenda_cen a{font-size: 18px; line-height: 27px; padding: 5px 0;}
	.agenda_r{ padding: 0; float: none; margin-top: 3px; width: 100%;}

	.top_des span{display: inline;}
	.sign img{width: 100%;}
	.title img{width: 200px;}
	.title:after{top: 53%;}
	.top_right a.look_more img{width: 65%;}
	.top_right{padding: 0;}
	.border-box p{text-indent: 0;}
}
@media screen and (max-width: 768px){
	p,.top_des span,.news ul li a,.border-box p span{font-size: 16px; line-height: 24px;}
	.top p{text-indent: 32px;}
	.top_des_span{margin-bottom: 6px;}
	.container{margin: 0 15px;}
	.mb{margin-bottom: 40px;}
	.sign{width: 100%; margin-top: 10px;}
	.sign img{width: 100%; margin:0 auto;}

	.title{margin: 30px 0 20px;}
	.s-title{font-size: 20px;}
	.top_des{text-align: left; margin-top: 15px;}
	.top_right{padding:0 0 10px;}
	.top_right a.look_more{width: 100%; height: auto; margin-top: 20px;}
	.top_right a.look_more img{width: 100%;}

	.agenda_cen{float: none; width: 100%;}
	.agenda_r{float: none; width: 60px; position: absolute; right: 10px; top: 9px; margin-top: 0;}
	.agenda_r a{background-size: 100%; margin-left: 0; width: 60px; height: 26px;}
	
	.meeting_des{font-size: 14px; line-height: 20px;}

	.news ul{margin-bottom: 20px;}

	.foot{padding: 40px 15px 0; min-height: 100px; font-size: 14px; line-height: 20px;}

	.top{padding: 20px 15px;}
	.border-box p{padding-bottom: 10px;}
	.title img{width: 145px;}
	.title:after{top: 58%;}
	.carousel-one{padding: 15px 15px 20px;}
	.meeting,.newsbox{padding: 15px 15px 20px;}
	.meeting ul li{margin: 0 0 10px; padding: 10px 10px 6px; position: relative;}
	.news ul li{padding: 6px 0 6px 15px; background-position: left 17px;}
}