@charset "utf-8";
html,body{ padding:0; margin:0; font-size:12px; line-height:22px; font-family:"??????"}
a img{ border:none}
ul,b,h1,h2,h3,h4,h5,p,form,object{ margin:0; padding:0}
li{ list-style-type:none}
a{
	text-decoration:none; 
	color:#333;
}
a:hover{
	text-decoration:none!important;
	color:#205bbb;
}

.pngimg{
	/*?????E6???PNG??????*/
	behavior:url(images/iepngfix.htc);/*?????TML???*/;
}
.inlineboxul{
	display:inline-block;
	*display:inline;      /* ???ie6??e7???*/
	_display:inline;      /* ???ie6??e7???*/
    zoom:1; 
	width:auto;
	position:relative;
	list-style-type:none;
	}
.inlineboxul li{ float:left}
.fc_blue{ color:#33e}
.fc_black{ color:#303030}
.f_green{ color:#063}
.fc_org{ color:#F60;}
.fc_red{ color:#C33;}
.fc_bai{ color:#ffffff;}
.fc_gray{ color:#666666;}
.fc_hei{ color:#000;}
.en{ font-family:Arial, Helvetica, sans-serif}
.number{ font-family:Verdana, Geneva, sans-serif}
.cl{ font-size:0px; height:0px; line-height:0px; width:100%; clear:both}
.zw{ font-size:1px; height:1px; line-height:1px; width:100%; display:block; overflow:hidden}


/*??????*/
.f14{ font-size:14px; font-family:"??????"}
.f12{ font-size:12px; font-family:"??????"}
.f12hei{font-family:"??????";font-size:12px; }
.pl5{ padding-left:5px;}
.fl{ float:left}
.fr{ float:right}
.ml12{ margin-left:12px}
.mr12{ margin-right:12px}
.mt12{ margin-top:12px}
.mb12{ margin-bottom:12px}
.pl12{ padding-left:12px}
.pr12{ padding-right:12px}
.pt12{ padding-top:12px}
.pb12{ padding-bottom:12px}
.t{ font-size:14px;font-family:"??????"; font-weight:bold}
.box{ display:block;}
.box_c{ display:block; margin:0 auto}
.clear:after{ content:"."; width:100%; display:block; height:0px; overflow:hidden; clear:both; line-height:0px; font-size:0px;}
/*?????????*/

/* scrollleft */
.scrollleft{width:410px;padding:0px;margin:0px; overflow:hidden; float:left; height:37px}
.scrollleft li{float:left;margin-right:0px;display:inline;width:auto;text-align:center;padding-right:20px; height:37px; line-height:37px;}
.scrollleft li a{ font-family:"??????", "???"; font-weight:bold}
.scrollleft1 li { margin-right:0px;display:inline; float:left;text-align:center; margin-left:13px;margin-bottom:0px; }

/*???*/
.foot{
	color:#868686; 
	background-color: #202020;
	line-height:180%; 
	font-family:'??????'; 
	font-size:14px; 
	padding-top:20px;
	padding-bottom:20px;
	margin-top:20px;
}
.foot a{
	color:#999;
}

.bottom_menu{
	font-size:16px; 
	color:#fff;

	padding-bottom: 10px;
		
	}
.bottom_menu a{
	color:#eee;
}
.f_title{
	font-size:16px; 
	color:#FFFFFF; 
	display:block; height:30px; line-height:30px;}
.ewm img{
	width:105px;
}
.ewm {
float:right;
margin-left:20px;
}
.ewm span{
font-size:12px;
display:block;
height:30px;
line-height:30px;
text-align:center;
}

.copyright, .copyright a{
font-size:12px;
text-align:center;
color:#96abc2;
line-height: 20px;
}

.artshow{ padding:0px; text-align:center}
.artshow .proimgshow{padding-top:12px}
.artshow h1{ margin-top:10px;margin-bottom:10px; text-align:center; line-height:150%; font-size:20px;font-weight: bold; }
.artinfro{ line-height:22px; text-align:center; color:#858585; border-bottom:#ffffff 0px dashed; font-size:12px }
.artcontent{ font-size:16px; line-height:200%; padding:10px; text-align:left;text-align:justify; text-justify:inter-ideograph; margin:0 auto  }

.nr_ls{ margin:0px; }
.nr_ls ul{}
.nr_ls li{ height:44px; 
	line-height:44px; 
	background:url(../images/icon_2.gif) no-repeat 2px center; 
	padding-left:15px; 
	overflow:hidden; 
	border-bottom:#CCC 1px dashed; font-size:14px;
	float:none;


}
.nr_ls li a{ 
	float:left; 
	font-size: 16px;
	text-overflow:ellipsis;
	overflow:hidden;
	white-space:nowrap;

}
.nr_ls li span{ 
	float:right;
	font-size: 16px;
}

.img_item{text-align:center; padding-bottom:10px;}

.img_item span{text-align:center; height:40px; line-height:40px; overflow:hidden;}
.img_item .autodq{ display:block; overflow:hidden;border:solid 1px #CCC; }


/*banner_z*/
.banner_z{
	display: block;
	width:100%;
	height: auto;
	margin-top:0;
}
.banner_z img{
	display: block;
	width: 100%;
	height: auto;
}
/*??????*/
.page_content{
	font-size:16px;
	line-height: 200%;
	margin:0px;
	margin-top:20px;	
	text-align: justify;
}
.page_content img{
	width:80%;
	display: block;
	margin:0 auto;
}

.page_main{
	margin-top:20px;
	
}

.row.no-gutter {
	margin-left: -15px;
	margin-right: -15px;
}

.row.no-gutter > [class*='col-'] {
	/* padding-right: 0;
	padding-left: 0; */
}

/* ??? ????*/
.page{	display:inline-block;
	*display:inline;      /* ???ie6??e7???*/
	_display:inline;      /* ???ie6??e7???*/
    zoom:1; 
	width:auto;
	position:relative;
	list-style-type:none;
	font-size:14px;
	margin:20px;	
	}
.page li{ 
	float:left
	}	
.page li span{
	display:block; 
	height:18px; 
	line-height:18px; 
	padding:0 8px 0 0; 
	margin-right:5px;
	color:#626262; 
	font-size:12px; 
	float:left; 
	white-space:nowrap
}
.page a:link,.page a:visited{ 
	display:block; 
	height:30px; 
	line-height:30px; 
	padding:0 10px; 
	margin-right:5px;
	border:#dededf solid 1px; 
	color:#626262;
	float:left;}
a.fisrtpage{}
a.pagenumber{ }
a.endpage{ }
a.pagenumber_now:link,a.pagenumber_now:visited{  color:#c30; font-weight:900; background-color:#dfdfe3; }
.zonggong{height:30px; width:60px; margin-right:10px;line-height:30px; margin-left:10px; display:inline; }
/* ??? ??? */








/* ??QQ/??/???? */
.foot_dshare {
    position: relative;
    width: 190px;
    height: 46px;
    overflow: visible;
}

.foot_dshare a {
    display: inline-block;
    float: left;
    background-image: url(../webimages/f_dshimg.png);
    background-repeat: no-repeat;
    width: 53px;
    height: 46px;
    margin-right: 10px;
}

.foot_dshare1 {
    background-position: 0 0;
}

.foot_dshare2 {
    background-position: -63px 0;
}

.foot_dshare3 {
    background-position: -126px 0;
}

.foot_dshare1:hover {
    background-position: 0 -50px;
}

.foot_dshare2:hover {
    background-position: -63px -50px;
}

.foot_dshare3:hover {
    background-position: -126px -50px;
}

.foot_shWx,
.foot_shTelWx {
    position: absolute;
    top: -105px;
    z-index: 999999;
    width: 104px;
    height: 104px;
    background: #fff;
    border: 1px solid #3e3e3e;
    padding: 2px;
    display: none;
}

.foot_shWx {
    right: -40px;
}

.foot_shTelWx {
    left: 63px;
}

.foot_shWx img,
.foot_shTelWx img {
    display: block;
    padding: 0;
    background-color: #FFF;
    width: 100px;
    height: 100px;
}

/*?????????*/
.index_news .item{	
	padding:20px;	
	padding-left:20px;
	height: auto;
	min-height: 168px;
}

.index_news .item .date{
	font-size:14px;
	color:#555;
	border-right:1px solid #ddd;
	line-height: 20px;
	padding-right: 10px;
	vertical-align: middle!important;
	width:50px;
}
.index_news .item .news_text{
	font-size:12px;color:#666;
	padding-left: 10px;
	line-height: 20px;
}

.index_news .item .news_text a{
	display: block;
	font-size:16px;
	color: #333;
	font-weight: bold;
	margin-bottom: 8px;
	line-height: 22px;
}

.index_news .item .news_text .news_desc{
	display:block;
	color:#666;
	font-size:12px;
	line-height:20px;
}

.index_news .item .news_text .le1440{
	display: none;
	
}

.index_news .item:hover {
	background-color: #263d9a;	
}

.index_news .item:hover td,
.index_news .item:hover .date,
.index_news .item:hover .news_text,
.index_news .item:hover .news_text .news_desc{
	color:#fff;	
}

.index_news .item:hover .date{
	border-right-color: rgba(255,255,255,.35);
}

.index_news .item:hover .news_text a{
	color: #fff;	
}


/*??????*/
.index_title{
	text-align: center;
	color:#fff;
	margin-bottom: 20px;
	
}
.index_title .text_en{
	font-size:30px;
	font-weight:bold;
	font-family: Swis721 BlkCn BT;
	text-transform: uppercase;
    margin-bottom: 18px;
	display: block;
	
}
.index_title .text_ch{
	font-size:24px;	
	display: block;
}


.videobox{position: relative;display: block;overflow: hidden;}
.videobox .videoimg{
	    transition: all .3s linear;
}
.videobox .videoimg.on{transform: scale(1.05);}

.play {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    cursor: pointer;
    width: .7rem;
    height: .7rem;
}



.play .after{display: none;}
.play:hover .before{display: none;}
.play:hover .after{display: block;}

.foot .one{text-align: center;border-bottom: 1px solid #3e3e3e}
.foot .one .gotop{display: inline-block;cursor: pointer;font-size: 16px;color: white;padding: .2rem 0;}
.foot .one .gotop:hover{color:#253c9a; }
.beian_align{text-align:right;}

/* 底部宽度对齐 demo：跟随 common.css 的 .container（近全宽 + 百分比边距），不锁 1200 */
.foot > .container,
.foot > .container.foot-container{
	width:auto!important;
	max-width:none!important;
	margin-left:3.125%!important;
	margin-right:3.125%!important;
	padding-left:0!important;
	padding-right:0!important;
	box-sizing:border-box;
}
.foot-pc-row{
	border-top:#3e3e3e solid 1px;
	padding-top:30px;
	margin-left:0!important;
	margin-right:0!important;
	display:-webkit-box;
	display:-webkit-flex;
	display:flex;
	-webkit-box-align:stretch;
	-webkit-align-items:stretch;
	align-items:stretch;
	-webkit-box-pack:justify;
	-webkit-justify-content:space-between;
	justify-content:space-between;
	width:100%;
}
.foot-pc-row:before,
.foot-pc-row:after{display:none!important;content:none!important;}
.foot .foot-pc-row > .col-md-1,
.foot .foot-pc-row > .col-md-2{
	float:none!important;
	list-style:none;
	padding-left:0;
	padding-right:12px;
	width:auto!important;
}
.foot .foot-pc-row > .col-md-1{
	-webkit-box-flex:1;
	-webkit-flex:1 1 0;
	flex:1 1 0;
	min-width:0;
}
.foot .foot-pc-row > .foot-tel{
	-webkit-box-flex:0;
	-webkit-flex:0 0 240px;
	flex:0 0 240px;
	width:240px!important;
	padding-right:0;
	margin-left:20px;
}
.foot .col-md-1 li,
.foot .col-md-2 li{
	list-style:none;
	line-height:22px;
	padding:0 0 6px;
	font-size:12px;
	color:#999;
}
.foot .col-md-1 li a{color:#999;}
.foot .col-md-1 li a:hover{color:#253c9a;}
.foot .bottom_menu{
	padding-bottom:10px;
	margin:0;
	list-style:none;
	font-size:16px;
	color:#eee;
	font-weight:normal;
}
.foot .bottom_menu a{color:#eee;}
.foot-tel-num{
	font-size:32px;
	line-height:36px;
	font-family:"Swis721 BlkCn BT",Arial,Helvetica,sans-serif;
	letter-spacing:0;
	color:#fff;
}
.foot-copy-row{
	border-top:#3e3e3e solid 1px;
	padding-top:10px;
	margin:0 0 50px!important;
	color:#999;
	font-size:12px;
	line-height:22px;
	clear:both;
}
.foot-copy-row a{color:#999;}
.foot-copy-row a:hover{color:#253c9a;}

@media (max-width: 639px){
	.foot > .container,
	.foot > .container.foot-container{
		margin-left:15px!important;
		margin-right:15px!important;
	}
}
@media (max-width: 991px){
	.foot-pc-row{
		display:block;
	}
	.foot .foot-pc-row > .col-md-1,
	.foot .foot-pc-row > .col-md-2,
	.foot .foot-pc-row > .foot-tel{
		float:left!important;
		width:50%!important;
		margin-left:0;
		margin-bottom:16px;
		-webkit-flex:none;
		flex:none;
	}
	.foot-tel-num{font-size:24px;line-height:28px;}
	.beian_align{text-align:left;margin-top:8px;}
	.foot-copy-row{margin-bottom:70px!important;}
}

/*bootstrap???*/
@media (min-width: 1200px) {
.img_item img{
 display:block; 
 border:solid 1px #eee;
 width:100%;
 height:230px;
}	
 /* ?????? */
.vertical-align {
 display: flex;
 align-items: center;
}
.container {
 padding-right: 0px;   
 padding-left: 0px;  
 width: 1200px;		   
} 
.page_main{
 margin-top:10px;
	margin-bottom:40px;
}
}

@media (max-width: 1440px) {
	
	.index_news .item{	
	padding:10px;	
	padding-left:10px;
	height: auto;
	min-height: 120px;
}
	
	.index_news .item .news_text{
	font-size:12px;color:#666;
	padding-left: 10px;
	line-height: 20px;
}

.index_news .item .news_text a{
	display: block;
	font-size:14px;
	color: #333;
	font-weight: bold;
	margin-bottom: 8px;
	line-height: 22px;
}
	
.index_news .item .news_text .gt1440{
	display: none;	
	}
	.index_news .item .news_text .le1440{
	display: block;
	}
	
}

@media (max-width: 768px) {
.artcontent{ 
	font-size:14px; line-height:200%; 
	}
	.chaxun_content{

		width:100%;

	}
	.beian_align{
	text-align:left;
}

.nr_ls li a {
	width: 100%;
}

.page_content img{
	width:100%;
}

.quick_button{	
	height: 115px;
	padding-top: 0px;	
}		
.quick_button .icon{	
	height: 80px;
	line-height: 80px;
}	

.news_index .title {
	width: 100%;
}

.foot{
	font-size:13px; 

}
	
	
	
	

 .img_item img{
	 display:block; 
	 border:solid 1px #eee;
	 width:100%;
 }

 .about_index{
	 background-size: auto 100%;
	 background-position:top center;
 }

 /*??????*/
 .page_content{
 font-size:12px;
 margin-top:0px;
}
}




/* 5???????/
.col-xs-1-5,
.col-sm-1-5,
.col-md-1-5,
.col-lg-1-5 {
	position: relative;
	min-height: 1px;
	margin-right: 10px;
	margin-left: 10px;

}

.col-xs-1-5 {
	width: 18%;
	float: left;
}

@media (min-width: 768px) {
	.col-sm-1-5 {
		width: 18%;
		float: left;
	}
}

@media (min-width: 992px) {
	.col-md-1-5 {
		width: 18%;
		float: left;
	}
}

@media (min-width: 1200px) {
	.col-lg-1-5 {
		width: 18%;
		float: left;
	}
}
/* 5??????*/



	
	
.about5{padding: .45rem 0 1.6rem}
.about5 .container1{max-width:1200px;margin:0 auto;padding:0 15px;box-sizing:border-box;}
.about5 .swiper1{
	border:4px solid #e7e7e7!important;
	box-sizing:border-box;
	background:#fff;
	line-height:0;
	overflow:hidden;
}
.about5 .swiper1 .swiper-container{
	width:100%;
	height:6.4rem;
	box-sizing:border-box;
}
.about5 .swiper1 .swiper-slide{
	height:100%;
	overflow:hidden;
	background:#f5f5f5;
	box-sizing:border-box;
}
.about5 .swiper1 .swiper-slide img{
	width:100%!important;
	height:100%!important;
	max-width:none!important;
	display:block!important;
	object-fit:cover;
	object-position:center center;
	border:0!important;
}
.about5 .btn1{width: .5rem;background: #f3f3f3;transition: all .3s}
.about5 .swiper2{position: relative;padding: 0 .68rem;margin-top: .22rem}
.about5 .swiper2 .prev{position: absolute;left: 0;top: 0;bottom: 0}
.about5 .swiper2 .next{position: absolute;right: 0;top: 0;bottom: 0}
.about5 .btn1:hover{background: #253c9a;}
.about5 .swiper2 .prev:after{content: "";width: 12px;height: 12px;border: 2px solid #000;border-top: 0;border-left: 0;top: 50%;position: absolute;left: 50%;transform: rotate(135deg);margin-top: -8px;margin-left: -4px;}
.about5 .swiper2 .next:after{content: "";width: 12px;height: 12px;border: 2px solid #000;border-top: 0;border-left: 0;top: 50%;position: absolute;right: 50%;transform: rotate(-45deg);margin-top: -8px;margin-right: -4px;}
.about5 .btn1:hover:after{border-color: white;}
.about5 .swiper2 .swiper-slide{cursor:pointer;position:relative;overflow:hidden;height:90px;}
.about5 .swiper2 .swiper-slide img{
	width:100%!important;
	height:100%!important;
	object-fit:cover;
	display:block!important;
	max-width:none!important;
}
.about5 .swiper2 .swiper-slide:after{position: absolute;display: block;content: "";left: 0;top: 0; right: 0;bottom: 0;opacity: 0;border: .05rem solid #253c9a; -webkit-transition: all .3s;transition: all .3s;pointer-events:none;box-sizing:border-box;}
.about5 .swiper2 .swiper-slide-thumb-active:after{opacity:1;}
@media (max-width:1200px){
	.about5 .swiper1 .swiper-container{height:5.2rem;}
}
@media (max-width:768px){
	.about5{padding:.3rem 0 .8rem;}
	.about5 .swiper1{border-width:3px;}
	.about5 .swiper1 .swiper-container{height:2.4rem;}
	.about5 .swiper2{padding:0 .5rem;margin-top:.16rem;}
	.about5 .swiper2 .swiper-slide{height:64px;}
}









