@charset "utf-8";
/* CSS Document */
:root{
	--color:#4a4a4a;
	--dimgray:#333333;
	--gray:#666666;
	--dakgray:#999999;
	--silver:#cccccc;
	--black:#000000;
	--white:#ffffff;
	--orange:#f5830a;
}


*{margin: 0px;padding: 0px;}
body,html { font-family: 'Microsoft YaHei',Arial,Helvetica,sans-serif,SimSun; color:var(--color);}
body{ background:#fff; font-size:0.875rem; line-height:1.5rem;}
ul,li,p,h1,h2,h3,h4,h5,h6,img,video{ margin:0px; padding:0px; list-style:none;}

a{ text-decoration:none; color: var(--color); cursor:pointer}
a:hover{ text-decoration:none; color: var(--orange); cursor:pointer}
.fl{ float:left}
.fr{ float:right;}

/*顶部*/
.bg-gray { background-color: #fcfafa !important;}
.logo{display:flex; flex-direction: row;flex-wrap: wrap; align-items: center; padding-top: 10px; padding-bottom: 10px;}
.logo img{ width:auto; height: auto; max-width: 200px; max-height: 40px;}
.hlink{ display:flex; flex-direction: row;flex-wrap: wrap;justify-content:flex-end; align-items: center; }
@media (max-width: 575.68px) {
	.hright{ font-size: 0.75rem; }
}
.hright{ text-align:right; }

/*底部样式*/
.footer{ margin:0px auto;  text-align: center; color: var(--black); line-height: 1.5;padding: 15px 15px;background: -webkit-linear-gradient(left,#193463,#193463); width:100%;display:flex; flex-direction: column;flex-wrap: wrap;justify-content:flex-end; align-items: center; } 
.footer,.footer a{ color: var(--white);}
.footer ul {
	margin:0 auto; 
	width: auto;
	
	text-align: center;
	/*border: 1px solid red;*/
}
.footer ul li {
	margin-left: 4px;
	list-style: none;
	float: left;
	padding-left: 4px; 
}




img{ display: block; border:0px;}
.fullimg img{ width: 100%; height: auto;}

/*图片比例*/
.img_s{ width: 100%;  position: relative;padding-top: 100%; height: 100%;}
.sz1_1{padding-top: 100%;height: 0;}/*图片宽高1:1*/
.sz3_2{padding-top: 66.66666%;height: 0;}/*图片宽高3:2*/
.sz5_3{padding-top: 60%;height: 0;}/*图片宽高5:3*/
.sz5_6{padding-top: 116%;height: 0;}/*图片宽高5:6*/
.sz5_4{padding-top: 80%;height: 0;}/*图片宽高5:6*/
.sz100_56{padding-top: 56%;height: 0;}/*图片宽高10:5.6*/
.img_s img{position: absolute;top: 0;left: 0;width: 100%;height: 100%; object-fit: cover;}


/*横幅样式*/
.ban img{ width: auto; object-fit: cover; max-width: 100%; height: 200px;display: block; margin: 0px auto;}
.ban{ position: relative;}
.ban p{ position: absolute; display:block; background: url(../img/qibg.png) no-repeat right center; color: var(--white); bottom:8%; right: 49%; width: 51%; box-sizing: border-box; padding-right: 9%; text-align: right; font-size: 12px; letter-spacing: 2px;  background-size: 100% 100%;}
@media (min-width: 576px) {
	.ban img{ height:300px;}
	.ban p{font-size: 14px;padding-top: 5px; padding-bottom: 5px;}
}
@media (min-width: 768px) {
	.ban img{ height:350px;}
	.ban p{font-size: 16px;}
}
@media (min-width: 992px) {
	.ban img{ height:400px;}
	.ban p{font-size: 18px;}
}
@media (min-width: 1200px) {
	.ban img{ height:auto;}
	.ban p{font-size: 40px; line-height: 1.5;}
}


/*返回顶部*/
#gotop{ z-index:20; bottom:30px;_margin-bottom:30px;
    width:29px;height:29px;position:fixed;right:15px;cursor:pointer;_position:absolute;_bottom:auto;_top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop,10)||0)-(parseInt(this.currentStyle.marginBottom,10)||0)));
}
/*返回顶部结束*/