@charset "utf-8";
	
/*
	--------------------------
	间距清除 
	--------------------------
*/
	
	body,div,span,h1,h2,h3,h4,h5,h6,p,em,img,strong,b,small,u,i,center,dl,dt,dd,ol,
	ul,li,sub,sup,tt,var,del,dfn,ins,kbd,q,s,samp,strike,applet,object,iframe,fieldset,
	form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,
	embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,
	blockquote,pre,a,abbr,acronym,address,big,cite,code,mark,audio,video,input,textarea,select
	
									{ 	margin:0; padding:0;	}
	ol,ul 							{ 	list-style:none;		}

	* 								{	
										-webkit-box-sizing: border-box;
										-moz-box-sizing: border-box;
										box-sizing: border-box;
										outline: 0;
									}

/*
	--------------------------
	A标签 配置 
	--------------------------
*/
	a  								{
										text-decoration:none;
										outline:none;
									}
/*
	--------------------------
	Body 配置 
	--------------------------
*/
	html             				{
										overflow-x:hidden;
										-webkit-text-size-adjust:none;
									}
	body 							{
										-webkit-font-smoothing: antialiased;
										font-family:"微软雅黑";
										background: #fff;
										font-size: 14px;
									}
	
/*
	--------------------------
	表单控件设置 
	--------------------------
*/
	
	table 							{	border-collapse: collapse; width: 100%;	 }
	
	input[type='reset'],
	input[type='button'],
	input[type='submit'],
	input[type="radio"]::before {
		position: relative;
		content: "";
		top: -1px;
		left: -1px;
		width: 17px;
		height: 17px;
		display: block;
		border-radius: 50%;
		background-color: #fff;
		border: 1px solid #ca629e;
		z-index: 5;
	}
	input[type="radio"]:checked::after {
		position: relative;
		content: "";
		bottom: 15px;
		left: 4px;
		width: 9px;
		height: 9px;
		display: block;
		border-radius: 50%;
		visibility: visible;
		background-color: #ca629e;
		z-index: 6;
	}
	input[type='checkbox']	 		{ 
										position: relative;
										vertical-align: middle;
										margin-top: -2px;
										margin-bottom:1px;
										margin-left: 5px;
										margin-right: 5px;
										-webkit-appearance: none;
									}
	
	textarea,
	input[type='email'],
	input[type='date'],
	input[type='password'],
	input[type='text'] 				{	
										padding: 0px;
										color: #666;
										font-size: 12px;
										outline: none;
										-webkit-appearance: none;
									}
	
	
/*
	--------------------------
	快捷方式
	--------------------------
*/
	.f-l 							{	float: left;					}
	.f-r 							{	float: right;					}
	.clearfix:after 				{	clear: both;
										height: 0;
										content: "";
										line-height: 0;
										font-size: 0;
										display: block;
									}
img{vertical-align: middle;}

header{position:fixed;top:0;z-index:999;width: 100%;}
header .toper{min-width: 1200px;width: 100%; height: 87px;padding:12px 90px 0;background:url(../images/topbj.png) center center no-repeat;background-size: 100% 87px; display: grid;grid-auto-flow: column;justify-content: space-between;}
header .toper .tol{display: grid;grid-auto-flow: column;justify-content: space-between;gap: 60px;}
header .toper .tol .sdope{color: #fff;}
header .toper .tol .sdope p{padding-left: 38px;line-height: 1;font-size: 26px;background:url(../images/shijian.png) no-repeat;background-size: 26px; font-weight: bold;margin-bottom: 9px;}
header .toper .tol .sdope b{padding-left: 38px;line-height: 1;font-size: 25px;background:url(../images/didian.png) left center no-repeat;background-size: 28px;}
header .toper .tor p{color: #fff;font-size: 20px;text-align: right;margin-bottom: 6px;padding-right: 9px;}
header .toper .tor span{display: block;font-size: 23px;color: #282828;background-color: #fff;border-radius: 30px;padding:0 26px;}
header .toper .tor span em{line-height: 35px; font-style: normal;font-weight: bold; font-size: 32px;color: #f20a16;}
header nav{position: relative;height: 60px; background-color: #f20a16; padding:0 90px;display: grid;grid-template-columns: 3fr 1fr;gap:20%; align-items: center;justify-content: space-between;}
header nav ol{display: grid;grid-auto-flow: column;justify-content: space-between;}
header nav ol li>a{font-size: 22px;color: #fff;height: 60px;display: grid;align-items: center;justify-items: center;}
header .visexon{display: grid;grid-template-columns: 160px 160px;gap:20px;justify-content: space-between;}
header .visexon a{display: grid;align-items: center;justify-items: center;font-size: 24px;border-radius: 9px;height: 44px; color: #fff;background-color: #f5535c;}
header nav ol li div{background: rgba(0, 0, 0, 0.7);display: none;position: absolute;top: 60px;}
header nav ol li:hover div{display: block;}
header nav ol li div>a{font-size: 16px;color: #fff;display: grid;align-items: center;justify-content: center;padding:9px 20px;}
header nav ol li div>a:hover{background-color: #f20a16;}
.occupy{height: 147px;}

/*隐藏菜单*/
.menu{width:57px; height:44px;background:url(../images/mune.png) center center no-repeat; background-size:100%; position:absolute; z-index:9999999; right:20px; top:28px; display:none;}
.mainNav{display:none;position:fixed;right:0;top:80px;height:444px;width:26%; min-width:255px;background:#000;z-index:11111;}
.mainNav nav{width:100%;overflow:hidden;}
.mainNav li{width:100%; overflow:hidden;}
.mainNav a{display:block;overflow:hidden;float:left;height:55px;line-height:55px;color:#fff;padding-left:24px; padding-right:24px; font-size:18px;border-bottom:1px solid #000;}
.mainNav a:hover{border-bottom:1px solid #3c3c3c;}
.mainNav a:nth-child(8) {border:0px;}

@media screen and (max-width: 1680px) and (min-width: 1601px) {
	header nav{gap:15%;}
}
@media screen and (max-width: 1600px) and (min-width: 1401px) {
	header nav{gap:9%;}
}
@media screen and (max-width: 1400px) and (min-width: 1280px) {
	header .toper{padding:12px 9px 0;}
	header nav{gap:6%;padding:0 9px;}
}
@media screen and (max-width: 1279px) and (min-width: 1px) {
	.occupy{height: 88px;}
	header nav{display: none;}
}

.txtone{max-width:900px;overflow:hidden;position:absolute;top:200px;left:100px;z-index:222}
.txtone img{width:100%;}
.txttwo{ margin-left:100px; overflow:hidden; margin-top:550px;}
.txttwo a{display:block; width:306px; height:136px; overflow:hidden; float:left; margin-right:25px; border:4px solid #fff;background:url(../images/bgfff.png)}
.txttwo span{display:block; width:100%; text-align:center; font-size:32px; color:#fff; letter-spacing:3px; line-height:66px; font-weight:600}
.txttwo p{display:block;width:225px;margin:auto; font-size:24px; color:#fff; border-top:2px solid #fff;letter-spacing:3px; text-align:center;line-height:66px;font-weight:600}

.title{width:100%; margin-top:80px;}
.title p{text-align:center; color:#181818;font-size:24px;font-weight:400;}
.title p b{display: inline-block;margin: 0 20px; width:50px; height:3px;background:#181818;vertical-align:middle;}
.title span{display:block;text-align:center;color:#181818;font-size:18px;}

footer{background:#000;padding-bottom: 30px;}
footer .fcenter{width:1200px;min-width: 1200px; margin:auto;padding:30px 0;display: grid;grid-template-columns: 350px 233px 1fr;border-bottom: 1px solid #848484;}
footer .fcenter .left img{height:25px;}
footer .fcenter .left strong{display:block; overflow:hidden; font-size:16px; color:#fff;margin-bottom:10px;font-weight:200; letter-spacing:1px;}
footer .fcenter .left p{display:block; overflow:hidden; font-size:14px; color:#fff; line-height:24px;}
footer .fcenter .left p:nth-child(2){margin-bottom:20px;}
footer .fcenter .cent strong{display:block; overflow:hidden; font-size:16px;color:#fff; margin-bottom:10px; font-weight:200; letter-spacing:1px;}
footer .fcenter .cent b{display:block; overflow:hidden; font-size:16px;color:#fff; margin-bottom:10px; font-weight:200; letter-spacing:1px;margin-top:15px;}
footer .fcenter .cent p{display:block;overflow:hidden;font-size:14px; color:#fff;line-height:24px;}
footer .fcenter .cent a{color:#fff;}
footer .fcenter .right{display: grid;grid-template-columns: 1fr 1fr 1fr 1fr 1fr;gap:10px;margin-top: 30px;margin-left: 20px;}
footer .fcenter .right img{width: 110px;border-radius: 9px;}
footer .fcenter .right b{display: block;text-align: center;line-height: 2; color:#fff;}
footer .fcenter .right strong{float:left;width:90px;text-align:center; color:#fff; font-size:12px; margin-left:20px;}
footer .fcenter .right strong img{width:90px;}
footer .fcenter .right ul{width:100%;position:relative;top:20px;}
footer .fcenter .right ul li{float:left;cursor:pointer;margin:0 27px;}
footer .fcenter .right ul li:nth-child(2){padding-left: 20px;}
footer .fcenter .right ul li img{display:block;width:36px;}
footer .fcenter .right ul li p{display:none;position:absolute;z-index:999;margin-left: -27px;}
footer .fcenter .right ul li p img{width:90px;height:90px;border-radius:4px;cursor:pointer;}
footer .fcenter .right ul li:nth-child(1):hover p{display:block;}
footer .fcenter .right ul li:nth-child(2):hover p{display:block;}
footer .fcenter .right ul li:nth-child(3):hover p{display:block;right:0px;}

footer .copyright{padding: 20px;}
footer .copyright b{color: #fff;font-size: 12px;display: block;text-align: center;line-height: 1.6;font-weight: lighter;}
footer .copyright b a{color: #fff;font-size: 12px;display: inline-block;padding:0 10px;}

.link {padding-top: 20px;}
.link .linkner{width: 1000px;margin: auto;}
.link strong {color: #fff;font-weight: bold;}
.link a {color: #fff;font-size: 12px;display: inline-block;margin-right: 10px;}

.banquan{color:#fff; margin-top:30px; text-align:center; padding-bottom:30px;}
.banquan a{color:#fff;}

.gudingdi{width:100%;height:100px;background-color:#2f2a3e; opacity:.8; position:fixed; bottom:0;z-index:9999}
.guding{width:100%;height:100px;overflow:hidden;position:fixed;bottom:0; z-index:99999}
.guding ul{max-width:692px; overflow:hidden; margin:auto;}
.guding ul a{display:block;width:190px; height:60px; float:left; border-radius:10px; text-align:center; line-height:60px;margin-top:20px; color:#fff;font-size:22px; border:1px solid #fff;}
.guding ul a:nth-child(2){margin-left:58px;margin-right:58px;}
.guding ul a:hover{background:#fff; color:#342884;}

.backTop{display: none; overflow:hidden;position:fixed;right:35px;bottom:10px;z-index:999;transition:height 9s;-moz-transition:height 9s;-webkit-transition:height 9s;-o-transition:height 9s; cursor:pointer;}

/* ----- 分页数字条效果 结束 ----- */
.pagebar{overflow:hidden; width:100%; margin-bottom:30px; margin-top:10px;}
.pagebar .pagination {display: flex;justify-content: center;margin-top: 10px;}
.pagination li a {display: block; background: #fff;border: 1px solid #ccc;color: #333;font-size: 14px;padding: 8px 12px;margin: 0 5px;border-radius: 3px;}
.pagination li a:hover {color:#ec6a26;border: 1px solid #ec6a26;}
.pagination li span {display: block; color: #fff;background:#ec6a26;font-size: 14px;padding: 8px 12px;margin: 0 5px;border-radius: 3px;}
.pagination li.disabled span{background: #fff;border: 1px solid #ccc;color: #333;}
/* ----- 分页数字条效果 结束 ----- */


.diow {
    width: 100%;
    position: fixed;
    bottom: 0;
	z-index: 31;
	padding: 15px;
    transition: all .6s;
    background: rgba(114,116,116,.2);
}

.diow .elemZone {
    width: 1000px;
    margin: auto;
	display: grid;
	grid-auto-flow: column;
	justify-content: space-around;
}

.diow .elemZone a{
	background: url(../images/cbj.png) no-repeat;
	text-align: center;
    width: 163px;
    line-height: 53px;
    color: #fff;
    border-radius: 9px;
	letter-spacing: 5px;
    font-size: 20px;
    font-weight: bold;
}

.diow .blclose{
	background: url(../picture/vbg01.png) no-repeat;z-index: 8;
	position: absolute;
	top: 23px;
	right: 166px;
	width: 33px;
	height: 33px;
	cursor: pointer;
}

.botw {
    width: 100px;
    height: 140px;
    position: fixed;
    left:-100px;
    bottom: 0;
    z-index: 9;
    display: block;
    cursor: pointer;
    transition: all .5s;
}

aside{position: fixed;top: 20%;left: 0;z-index: 999; text-align: center;background: #fff;border-radius: 15px;padding:0 20px 30px;}
aside img{width: 120px;}
aside svg{position: absolute;top: 0;right: 2px;}
aside p{font-size: 20px;margin: 30px 0 10px;}
.zhankai{position: fixed;top: 20%;left:-100px;z-index: 999;transition: all .6s;}