﻿@charset "utf-8";
@import url("../css/bootstrap-icons.css");
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td{ margin:0; padding:0;font-size: 16px;font-family: "Microsoft YaHei","SimSun","SimHei";}
table{ border-collapse:collapse; border-spacing:0;}
img{ border:0; vertical-align: middle;}
li{ vertical-align: middle;}
s{text-decoration: none;}
ol, ul, li{ list-style:none;}
h1, h2, h3, h4, h5, h6{ font-size:100%; font-weight:normal;}
input, button, select, textarea, a{ outline:none;}
input, button, select, textarea{ font-family: "Microsoft YaHei","SimSun","SimHei"; font-size: inherit; line-height: inherit;}
html{ -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; -webkit-tap-highlight-color: rgba(0, 0, 0, 0);}
a{ background: transparent; text-decoration: none; color: #666; transition: 0.3s; -moz-transition: 0.3s;
	-webkit-transition: 0.3s; -o-transition: 0.3s;}
a:active, a:hover{ outline: 0;}
body{ color: #666; font:16px/2 "Microsoft YaHei","SimSun","SimHei"; word-break:break-all;font-family: "Microsoft YaHei","SimSun","SimHei";}
.o8{ filter:alpha(opacity=100); opacity:1; transition:all 0.25s ease-out 0s; -webkit-transition:all 0.25s ease-out 0s;}
.o8:hover{ filter:alpha(opacity=80); opacity:0.8;}
div,p{ max-height: 10000rem;}
::selection{ color:#fff; background: #061034;}::-moz-selection{ color:#fff; background: #061034;}
.noselect{ -moz-user-select:none; -webkit-user-select:none; -ms-user-select:none; user-select:none;}
input[type="button"], input[type="submit"], input[type="reset"]{ -webkit-appearance: none;}
textarea{ -webkit-appearance: none;}

/*主题色*/
:root {
	--main-zhu-color: #FF6C1B;
	--main-fu-color: #F1F2F4;
	--text-color: #333;
  }

/*自定义*/
.fl{ float: left;}
.fr{ float: right;}
.w{ width: 100%;}
.h{ height: 100%;}
.full{ width: 100%; height: 100%;}
.container,.container0,.container1,.container2,.container3{ max-width: 1200px; margin: 0 auto;}
.container1{ padding: 0 10px;}
.container2{ padding: 0 20px;}
.container3{ padding: 0 30px;}
.container{ padding: 0 5%;}
.container5{ max-width: 1680px; margin:0 auto;}
.container6{ max-width: 1680px; margin:0 auto; padding: 0 10px;}
.container7{ max-width: 1680px; margin:0 auto; padding: 0 20px;}
.container8{ max-width: 1680px; margin:0 auto; padding: 0 30px;}
.container9{ padding: 0 5%;}
.container10{ max-width: 1560px; margin:0 auto; padding: 0 30px;}
@media screen and (max-width:1023px){
	.container9{ padding-right: 0;}

}
@media screen and (max-width:600px){
	.container3,.container8,.container10{ padding: 0 5%;}
	.guanlist-out{ height: 465px !important;}
}
.b{ font-weight:bold;}.n{ font-weight: normal;}
.tc{ text-align:center;}.tr{ text-align:right;}.tl{ text-align:left;}
.posr{ position:relative;}
.maxw{ max-width: 100%;}.divpicw img{ max-width: 100%;}
.ikong{ display: inline-block; width: 14px;}
.vam{ display: inline-block; width: 0; height: 100%; vertical-align: middle;}
.h10{ width: 100%; height: 10px;}.h20{ width: 100%; height: 20px;}.h30{ width: 100%; height: 30px;}
.h40{ width: 100%; height: 40px;}.h50{ width: 100%; height: 50px;}.h60{ width: 100%; height: 60px;}
.h70{ width: 100%; height: 70px;}.h80{ width: 100%; height: 80px;}.h90{ width: 100%; height: 90px;}
.h100{ width: 100%; height: 100px;}.h110{ width: 100%; height: 110px;}.h120{ width: 100%; height: 120px;}
.disn{ display:none;}.disb{ display:block;}.dib{ display: inline-block;}.vh{ visibility: hidden;}
.ov{ overflow:hidden;}.cup{ cursor:pointer;}
.clearfloat{ clear:both; height:0; font-size: 0px; line-height: 0px; overflow:hidden; visibility:hidden;}
.clearfix:after{ content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; font-size:0;}
.clearfix{ *zoom:1;}
.op70{ filter:alpha(opacity=70); opacity:0.7;}

a.aftl{ position: relative;}
a.aftl::after{ left:100%; position: absolute; bottom: 0; content: " "; width: 0;
	border-bottom: 1px solid #fff; -webkit-transition: .3s; transition: .3s;}
a.aftl:hover::after{ width: 100%; left: 0; transition: width 0.3s; -webkit-transition: width 0.3s;}

::-webkit-input-placeholder{ color:#999;}
::-moz-placeholder{ color:#999;}
::-moz-placeholder{ color:#999;}
::-ms-input-placeholder{ color:#999;}



@media screen and (max-width:750px){
	div.pageList{ display: none;}
	.listbtnout{ display: block;}
}


@media screen and (max-width:1200px){
	.btt1{ left: 5%; max-width: 90%;}
	.newban .flex-control-paging{ left: 5%;}

	.btt1 .cn{ font-size: 40px; line-height: 60px;}
}
@media screen and (max-width:750px){
	.btt1{ width: 90%; text-align: center;}
	.btt1 .cn{ font-size: 30px; line-height: 50px;}
	.btt1 .en{ font-size: 20px; line-height: 30px;}
	.newban .flex-control-paging{ bottom: 40px;}

	.newban{ height: 0!important; padding-bottom: 100%;}
	.flexslider{ position: absolute;}
	.newban .flex-control-paging{ width: 90%; text-align: center;}
	/*.btt1,.btt2,.btt3{ display: none;}*/ 
}



html,body{ height: 100%;}
/* body.locked{ overflow: hidden;} */
.index_box{ width: 100%; min-width: 480px; min-height: 100%; overflow: hidden; position: relative; background: #fff;}
/* .allfirst{ height: 100%;} */



/* 头部 */
.header{ width: 100%; min-width: 480px; height: 80px; line-height: 80px; position: fixed; z-index: 60; top:0;
	background: #fff; box-shadow: 0 0 18px 0 rgba(0,0,0,0.5);
	-webkit-transition: height 0.4s,opacity 0.4s; transition: height 0.4s,opacity 0.4s;}
.header>.container5{ position: relative; z-index: 7; height: 100%;}
.header .logo{ height: 100%; font-size: 0; position: absolute; left: 0; top:0; z-index: 1;}
.header .logo img{ max-height: 70%;}
.headshadow{ width: 100%; height:60px; background: #fff;}

.header.head_suo{ height: 60px; line-height: 60px;}
.header.disappear{ opacity: 0;}
@media screen and (max-width:640px){
	.header{ height: 60px; line-height: 60px;}
	.headshadow{ height: 60px;}
}


.headright{ position: absolute; right: 0; top:0; height: 100%; z-index: 4;text-align: center;}
.headright a{ display: inline-block; vertical-align: top; height: 100%; font-size: 22px}
.headright .htel{ color: var(--main-zhu-color); }
.headright .htel i{font-style: normal; font-size:26px; font-weight: bold}
.headright i.bi-telephone-fill{ font-size:24px; color: var(--main-zhu-color)}
/*
.headright a.glass{ width: 30px; background: url('../images/glass.png') center no-repeat;}
.headright a.topewm{ width: 16px; background: url('../images/sewm.png') center no-repeat; margin-left: 14px; position: relative;}
.headright a.glass.on{ -webkit-transform:rotate(360deg); transform:rotate(360deg);}

a.tbtn.topewm:after{ content: ''; position: absolute; left: 50%; bottom:5px; z-index: 0;
	width: 0; height: 0; margin-left: -4px; border: 4px solid transparent;}
a.tbtn.topewm:hover:after{ border-top-color: #fff;}
.topewm .bigewm{ position: absolute; width: 100px; height: 100px; top: 100%; 
	right: 0; z-index: 1; display: none; line-height: 100px;
	background: #fff; box-shadow: 0 0 5px 0 rgba(0,0,0,0.5);}


.topsouout{ padding:15px 0; background: rgba(0,0,0,0.5); position: absolute; display: none;
	z-index: 5; width: 100%; right:0; top:100%; font-size: 16px; line-height: 40px; height: 40px;}
.topsouout .topsou{ position: relative; width: 580px; padding-right: 110px; height:100%;
	background: #fff; margin: 0 auto; overflow:hidden;}
.topsou input.shuru{ width: 100%; height:100%; background:#fff; border:none; color:#666; text-indent:20px;}
.topsou input.anniu{ position:absolute; top:0; right:0; z-index:2; width:110px; height:100%; border:none; cursor:pointer;
	background: #00a1e9; color: #fff; text-align: center; -webkit-transition: .3s; transition: .3s;}
.topsou input.anniu:hover{ background: rgba(0,161,233,0.8);}
@media screen and (max-width:750px){
	.topsouout .topsou{ width: 64%; padding-right: 16%;}
	.topsou input.anniu{ width: 20%;}
    .headright{display: none}
}

@media screen and (max-width:640px){
    .headright{display: none}
}
*/


@-webkit-keyframes telno {
  0% { font-size: 40px;}
  7.14%,14.28%,21.42%,28.57%,35.71%,42.86%,50%,57.14%,64.28%,71.42%,78.57%,85.71%,92.86%,100%{ font-size: 26px;}
}
@keyframes telno {
  0% { font-size: 40px;}
  7.14%,14.28%,21.42%,28.57%,35.71%,42.86%,50%,57.14%,64.28%,71.42%,78.57%,85.71%,92.86%,100%{ font-size: 26px;}
}

.nav{ position: absolute; right:235px; top:0; z-index: 3; height: 100%;}
.nav>li{ float: left; height: 100%; position: relative; z-index: 1;}
.nav>li>a{ display: block; padding: 0 20px; height: 100%; position: relative;font-size: 18px; color: #000; text-align: center;}
.nav>li:hover>a{ background: var(--main-zhu-color);; color: #fff;}
.nav>li.on>a{ background: var(--main-zhu-color);; color: #fff;}
.nav>li>a:after{ left:50%; position: absolute; top: 50%; content: " "; width:0; margin-left: 0; margin-top: 12px;
	border-bottom: 2px solid #fff; -webkit-transition: .3s; transition: .3s; display: none;}
.nav>li:hover>a:after,.nav>li.on>a:after{ width: 60px; margin-left: -30px;}

@media screen and (max-width:1680px){
	.head .logo{ left:20px;}
	.headright{ right: 0px;}
}
@media screen and (max-width:1400px){
	.headright a.toptel{ font-size: 0;}
	.nav{left: 200px;}
	.nav>li>a{ padding: 0 15px;}
}
@media screen and (max-width:1300px){
	.headright a.toptel{ font-size: 0;}
	.nav{ right:280px;}
	.nav>li>a{ padding: 0 6px;}
}
@media screen and (max-width:1200px){
	.nav>li:first-child{ display: none;}
}
@media screen and (max-width:1100px){
	.nav{ right: 0;}
	.headright{ display: none;}
}







dl.navtwo{ min-width: 120px; width: auto; display: none; position: absolute; top: 110%; left:50%; z-index: 1; padding-top: 15px;
	-webkit-transition: top 0.3s; -moz-transition: top 0.3s; -ms-transition: top 0.3s; 
	-o-transition: top 0.3s; transition: top 0.3s; 
	-webkit-transform: translate(-50%, 0); transform: translate(-50%, 0);}
dl.navtwo.on{ top:90%;}
dl.navtwo .inner{ width: 100%; background: rgba(255,255,255,1); padding: 13px 0;
	-moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius:4px;
	box-shadow: 0 0 7px 2px rgba(0,0,0,0.2);}
dl.navtwo:after{ position: absolute; left:50%; top: 0; margin-left: -11px; content: " "; width: 23px; 
	 height: 15px; z-index: 1; background: url(../images/sju1.png) center no-repeat;}


dl.navtwo dd{ height: 36px; line-height: 36px; text-align: center;}
dl.navtwo dd>a{ display: block; height: 100%; font-size: 16px; color: #666; white-space: nowrap;
	padding: 0 20px; overflow: hidden; background: #fff;}
dl.navtwo dd:hover>a{ color: #fff; background: var(--main-zhu-color);;}

dl.navtwo dd>a:after{ left:100%; position: absolute; bottom: 0; content: " "; width: 0; display: none;
	border-bottom: 1px solid #da251d; -webkit-transition: .3s; transition: .3s;}
dl.navtwo dd>a:hover:after{ width: 100%; left:0; transition: width 0.3s; -webkit-transition: width 0.3s;}



.navvtwo{ width: 100%; box-shadow: 0 0 10px 0 rgba(0,0,0,0.2) inset; border-radius: 0 0 30px 30px;
	position: fixed; top: 80px; left: 0; height: calc(100% - 80px); z-index: 110; display: none;
	background: #fff; }
.navvtwo .inner{ max-width: 1680px; margin: 0 auto; padding: 32px 30px; height: 100%; overflow: hidden;
	box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;}
.navvtwo dl{ width: 100%; padding: 12px 0;}
.navvtwo dt{ overflow: hidden;}
.navvtwo dt a{ display: block; font-size:20px; color: var(--main-zhu-color);; line-height:30px; height: 40px;font-weight: bold;}
.navvtwo dl:hover dt a{ font-weight: bold; text-decoration: underline;}
.yuyan{font-size: 20px; float: left; margin-right: 20px; padding-left:30px; background-size:24px;}
.navthree{ width: 100%; font-size: 0; line-height: 36px;}
.navthree li{ display: inline-block; color: #666; line-height: 44px; vertical-align: top;}
.navthree li a{ display: inline-block; position: relative; font-size: 18px; color: #666;
	padding: 0 30px;}
.navthree li a:before{ content: ''; position: absolute; right: 0; top:50%; z-index: 0;
	width: 1px; height: 14px; background: #666; margin-top: -7px;}
.navthree li:last-child a:before{ display: none;}
.navthree li:hover a{ color: #000; text-decoration: underline;}


.head_suo .navvtwo{ top:60px!important; height: calc(100% - 60px);}
.head_suo .navvtwo .inner{ padding: 52px 30px 32px;}
@media screen and (max-width:1023px){
	.navvtwo{ display: none;}
}
@media screen and (max-height:700px){
	.head{ height: 60px; line-height: 60px;}
	.navvtwo{ top:60px; height: calc(100% - 60px);}

	.navvtwo .inner,.head_suo .navvtwo .inner{ padding: 20px 30px;}
	.navthree li{ line-height: 30px;}
}




/* 手机导航 */
.navsjout{ width: 100%; opacity: 0; overflow: auto; position: fixed; top:0; bottom: 0; left:-100%; z-index: 55;
	-moz-transition: 0.4s; -ms-transition: 0.4s; -webkit-transition: 0.4s;
	-o-transition: 0.4s; transition: 0.4s; background: #333;}
.navsjout.on{ opacity: 1; left:0;}

.navsj{ width: 100%; -webkit-overflow-scrolling : touch; background: #333;
	position: absolute; top: 80px; left:0;}
.navsj>li{ position: relative;}
.navsj>li>a{ display: block; height: 80px; text-align: center; line-height: 80px; 
	font-size: 18px; color: #fff; position: relative;}
.navsj>li>a:after{ content: ''; position: absolute; left: 30px; right:30px; bottom:0; z-index: 0;
	height: 1px; background: #666;}

.navsjtwo{ width: 100%; overflow: hidden; display: none; padding: 0px 0; background: #f1f1f1;}
.navsjtwo>li{ width: 100%; border-bottom: 1px solid #fff;}
.navsjtwo>li>a{ display: block; line-height: 70px; font-size: 16px; color: #432a23;
	position: relative; z-index: 1; background: #74A2E3; text-align: center;
	/*background: url('../images/nav-jtr1.png') 80% center no-repeat;*/}

.navsj li i{ position: absolute; left: 80%; top:0; z-index: 1; width: 40px; height: 80px; margin-left: -24px;
	display: block; cursor: pointer; /*background: url('../images/nav-jtd1.png') center no-repeat;*/}
.navsj li.on i{ -moz-transform: rotate(90deg); -webkit-transform: rotate(90deg); -o-transform: rotate(90deg); 
	-ms-transform: rotate(90deg); transform: rotate(90deg);}

.navsj,.navsj li i{ -moz-transition: 0.3s; -ms-transition: 0.3s;
	-webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s;}



#close{ position: fixed; left: 0; top: 0; width: 100%;bottom: 0; z-index: 9; display: none; 
	background: rgba(0,0,0,0.6); cursor: pointer;}

.navbtn{ position: absolute; right:0; top:0; z-index: 20; width: 80px; height: 100%; display: none;
	-moz-transition: 0.4s; -ms-transition: 0.4s; -webkit-transition: 0.4s;
	-o-transition: 0.4s; transition: 0.4s;}
.navbtn s{ position: absolute; left: 25%; display: block; width: 50%; height: 4%; background: var(--main-zhu-color);;
	-moz-transition: 0.3s; -ms-transition: 0.3s; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s;
	-moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius:2px;}
.navbtn>s:nth-child(1){top: 32%;}
.navbtn>s:nth-child(2){top: 48%; width: 40%; transform: rotate(0deg) scale(1,1);margin-left: 9%;}
.navbtn>s:nth-child(3){top: 64%;}
.navbtn.on s:nth-child(1){ top:48%; -webkit-transform: rotate(-225deg); transform: rotate(-225deg);}
.navbtn.on s:nth-child(2){ transform: rotate(-180deg) scale(0,1);}
.navbtn.on s:nth-child(3){ top:48%; -webkit-transform: rotate(225deg); transform: rotate(225deg);}
@media screen and (min-width:1024px){
	.navsjout{ display: none;}
}
@media screen and (max-width:1023px){
	.nav{ display: none;}
	.navbtn{ display: block;}
	.navsjout{ display: block;}
	.headright{ display: none; right: 80px;}
	.headright a.toptel{ padding-left: 18px;}
}
@media screen and (max-width:750px){
	.navbtn{ width: 70px;}
	.headright{ right: 70px;}
    
}
/*
.zhaopin{padding-bottom:100px; padding-top:0px;}
.zpbox,.zplist{display: flex; width: 100%; text-align: center; font-size: 18px;}
.zpbox *{width: 100%; line-height:70px; background: var(--main-zhu-color);; color: #fff;}
.zplist *{width: 100%; line-height:70px; background: #f5f5f5; border-bottom: 1px solid #fff;}
.cpbt{overflow: hidden; margin-bottom: 30px; margin-top: -10px;}
.cpbt p{float: left; font-size: 28px; padding-left: 20px; margin-left: 10px; background: url(../images/qb.jpg) no-repeat left center;}
.cpbt a{float: right; font-size: 16px; line-height: 30px; border-radius: 50px; padding: 0 15px; border: 1px solid #dcdcdc; margin: 10px 20px 10px 10px;}
.dpbox{padding: 45px 30px 80px 30px;}
#activity-name{font-size: 24px; font-weight: bold; margin-bottom: 10px;}
*/



.footer1{ background: #262626; padding-top: 63px;}
.cursor-dot{ position: fixed; top: 50%; left: 50%; pointer-events: none; border-radius: 50%; opacity: 0; mix-blend-mode: difference;
	width: 16px; height: 16px; background: rgba(255, 255, 255, 1); z-index: 999; transform: translate(-50%, -50%);
	transition: opacity 0.5s ease-in-out, transform 0.3s ease-in-out, width 0.5s, height 0.5s, background 0.5s ease;}

.footerin{ overflow: hidden; position: relative; padding:50px 0 30px; width:90%; margin: 0 auto}

.footnav{ float: left; overflow: hidden;}
.footnav li{ float: left; position: relative; margin-left: 80px;}
.footnav li:first-child{ margin-left: 0;}
.footnav li dt{ height: 30px; line-height: 28px; color: #fff;}
.footnav li dt a{ color: #fff; position: relative;}
.footnav dt a:after{ left:100%; position: absolute; bottom: 0; content: " "; width: 0;
	border-bottom: 1px solid #fff; -webkit-transition: .3s; transition: .3s;}
.footnav dt:hover a:after{ width: 100%; left:0; transition: width 0.3s; -webkit-transition: width 0.3s;}

.footnav li dd{ line-height: 24px; color: #666;}
.footnav li dd a{ color: #666;}
.footnav li dd a:hover{ color: #fff;}


.footrexian{ position: relative; width: 100%; border-radius: 60px; padding: 20px 40px;
	background: linear-gradient(155deg, #FF8A4A 0%, #FF6C1B 100%); margin-top: -100px; z-index: 29;
	-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.foothot{ font-size: 22px; color: #fff; line-height: 40px; padding-right: 100px;}
.foothot .htel{font-style: normal}
.foothot a{ color: #fff;font-size:18px; display: inline-block; height: 100%; vertical-align: top;}

#totop{ position: absolute; width:50px; height: 50px; line-height: 48px; right: 50px; cursor: pointer;
	z-index: 1; top: 50%; margin-top: -25px; border-radius: 10px;
	-webkit-transition: .4s; transition: .4s; background-color: #fff; color: var(--main-zhu-color); text-align: center;font-size:40px;}

 

.footleft{ float: left; width: 250px; margin-top: 6px;}

.footlogo{ height: 44px; font-size: 0; line-height: 44px;}
.footlogo img{ max-height: 100%; margin-left: 10px;}

.flxbtnout{ height: 40px; font-size: 0; position: relative; z-index: 1; margin-top: 40px;}
.flxbtnout a{ display: inline-block; width: 40px; height: 40px; margin-left: 16px;
	text-align: center; line-height: 40px; border-radius: 50%; background: #393939;}
.flxbtnout a>img{ transition: 1s;}
.flxbtnout a:hover>img{ transform: rotateY(360deg);}

.footwx{ position: relative;}
.footwx .bigewm{ position: absolute; width: 100px; height: 100px; top: -30px; 
	left: 20px; z-index: 1; display: none; line-height: 100px;
	background: #fff; box-shadow: 0 0 5px 0 rgba(0,0,0,0.5);}
.footwx .bigewm img{ width: 100%; height: 100%;}


.footinfo{ float: left; width: 900px; font-size: 18px; color: #ccc; line-height: 42px;}
.footinfo .ftptxt{width: 40%; float: left}
.footinfo .ftptxt:last-child{width: 60%; }

.footinfo a{color: #ccc;}
.footinfo a:hover{ color: #fff;}
.xwlist{margin-top: 0; padding-bottom:60px;}
.xwlist li{margin: 0 0 28px !important;}
.footewm{ float: right; height: 126px; overflow: hidden; position: relative; margin-top: 10px;}
.footewm img{ float: left; display: block; width: 126px; height: 100%;}
.footewm p{ float: left; width: 26px; margin-left: 18px; margin-top: 4px;
	font-size: 16px; color: #ccc; line-height: 17px; text-align: center;}
@media screen and (max-width:1024px){
	.footleft{ display: none;}
	#totop{ right: 40px;}
	.foothot{ padding-right: 70px;}
    .footinfo .ftptxt{width: 100%}
	.footinfo .ftptxt:last-child{width: 100%; }
}
@media screen and (max-width:770px){
	.footinfo{ float: none; width: 100%;}
	.footewm{ display: none;} 
	.footer1{ padding-top: 40px;}
	.footerin{ padding: 30px 0 40px;}
	.footrexian{ padding: 0; background-image: none; margin-top: 0;}
	.foothot{ font-size: 18px; line-height: 34px;    padding: 15px 71px 15px 15px;}
	.foothot a{ font-size:16px;}
	#totop{ right: 10px;
    width: 40px;
    height: 40px;
    top: 58%;}
}


.footer2{ position: relative; z-index: 10; padding: 18px 0; background: #262626; border-top: 1px solid #3d3d3d; text-align: center;}
.footer2>div{ font-size: 16px; color: #ccc; line-height: 30px }
.footer2 span{ display: inline-block; vertical-align: middle; margin-right: 5px;}
.footer2 i.fenge{ display: inline-block; width: 1px; height: 14px; margin: 0 16px;
	background: #a1a6b0; vertical-align: middle;}
.footer2 a{ display: inline-block; color: #ccc; vertical-align: middle;}
.footer2 a:hover{ color: #ddd;}
.footer2 img.jw{ margin-top: -2px; margin-left: 5px;}
.footer2 img.cnzz{ margin-left: 5px; margin-right: 5px;}
.footer2 a.jinwang:hover{ color: #ddd; text-decoration: underline;}

@media screen and (max-width:1200px){
	.footer2{ text-align: center;}
	.footer2>div{ height: auto;}
	.footer2 .l,.footer2 .r{ float: none; display: block; width: 100%;}
	.footer2 span{ margin: 0 5px;}
    .footer2 .l,.footer2 .r{ float: none; display: block; width: 100%;}
}
@media screen and (max-width:750px){
	.footer2 i.fenge{ margin: 0 5px;}
}



.waiting{ width: 124px; height: 124px; display: none;
	position: absolute; left:50%; margin-left: -62px; z-index: 2; top:50%; margin-top: -62px;}
#totop2{ position: fixed; padding-right: 34px; height: 32px; left:50%; cursor: pointer; margin-left: 610px;
	z-index: 1; bottom: 100px; background: #40698f;}
#totop2 span{ display: block; width: 74px; background: #94acc2; text-indent: 16px;
	line-height: 32px; color: #fff; font-size: 12px;}
#totop2:hover span{ background: #40698f;}


.msgbg{ width: 100%; height: 100%; position: fixed; z-index: 150; left:0; top:0;
	background: rgba(0,0,0,0.8); display: none; overflow: hidden;}
.msg{ width: 60%; height: 280px; position: absolute; z-index: 1; background: #fff; font-family: Microsoft Yahei;
	left:20%; top:-50%; margin-top: -160px; border: 5px solid #016b45; padding: 20px;}
.msgtxt{ font-size: 28px; color: #36467a; line-height: 40px; text-align: center;
	margin: 40px 0 0; height: 120px; overflow: hidden;}
.msgbg.on .msg{ top:50%;}
.msg input{ width: 200px; height: 50px; display: block; background: #016b45;
	font-size: 24px; margin: 0 auto; max-width: 90%;}
.msgclose{ width: 41px; height: 41px; position: absolute; top:-20px; right: -20px; z-index: 1;
	cursor: pointer; /*background: url('../images/close.png') center no-repeat;*/}






.footer4{ width: 100%; height: 70px; background: var(--main-zhu-color);; display: none;
	position: fixed; z-index: 999; bottom:0; left:0;}
.footshadow{ width: 100%; height: 70px; display: none;}
.footfun{ padding: 0 0; height: 100%; overflow: hidden;}
.footfun li{ float: left; width: 25%; height: 100%; background: var(--main-zhu-color);;
	-webkit-transition: 0.3s; -moz-transition: 0.3s; -ms-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s;}
.footfun li:nth-child(even){ background: #F7A743;}
.footfun li a{ display: block; text-align: center; color: #fff; padding: 10px 0;}
.footfun li h3{ font-size: 20px; line-height: 50px; height: 50px;}

@media screen and (max-width:750px){
	.footer4,.footshadow{ display: block;}
	#nb_invite_wrap{ display: none!important;}
}

.nysub{ height: 60px; line-height: 60px; background: rgba(242,245,247,1);}
.nysite_tit{display: flex; justify-content: space-between; align-items: center;}
.nysite_tit b{font-size:22px; position: relative; padding-left:20px; color: #333;}
.nysite_tit b::before{content: ""; width: 12px; height: 12px; background:#0054C8; border-radius: 3px; position: absolute; left:0px; top:26px;transform: rotate(45deg)}
.nysite_tit span{ color:#333 ; font-size: 14px;}
.nysite_tit span a{ color:#333 ; font-size: 14px;}
.nysite_tit span a:hover{ color:#FC9730 ; font-size: 14px;}


.nybox{ clear: both; padding-bottom:40px;  padding-top: 40px; margin-bottom: 0px;}
.nybox .nypro_l {
	float: left;
	width: 280px;
    overflow: hidden;
	background-color: #0054C8;
	margin: 0 auto;
	margin: 0px 0 0;
	border: 1px solid #eee;   
	
}

.nypro_l1 {
	margin: 0;
}
.nypro_lcon .hd {
	width: 100%;
	height: auto;
	margin: 0 auto 0px auto;
	padding: 40px 20px 0;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box;
	-moz-box-sizing: border-box;
}
.nypro_lcon .hd p {
	width: 100%;
	height: 44px;
	line-height: 32px;
	color: #fff;
	font-size: 30px;
	font-weight: bold;
	margin: 0 auto 8px;
	padding: 0 0 12px;
/*	border-bottom: 1px solid #eee;*/
}
.nypro_lcon .hd p img {
	display: block;
	width: 34px;
	height: 29px;
	float: right;
}
.nypro_lcon .hd span {
	display: block;
	height: 24px;
	line-height: 24px;
	color: #999;
	font-size: 15px;
	letter-spacing: 2.5px;
}
.nypro_lcon .hd i.bi { margin-left: 20px; color: #fff;}

.nypro_lcon .bd {
	clear: both;
}
.nypro_lcon .bd ul li {
	background-color: #F2F5F7;
	padding: 0 20px;
	border-bottom: 1px solid #EAEAEA;
}
.nypro_lcon .bd ul li .bi{margin-right:10px;}
.nypro_lcon .bd ul li:last-child {
	border-bottom: 0 solid #eee;
}
.nypro_lcon .bd ul li.on {
	padding: 10px 20px;
	background-color: #fff;
}
.nypro_lcon .bd ul li p {
	height: 40px;
	line-height: 40px;
	padding: 10px 40px 10px 0;
	position: relative;
}
.nypro_lcon .bd ul li p a {
	display: block;
	width: 100%;
	overflow: hidden;
	line-height: 40px;
	color: #333;
	font-size: 16px;
	font-weight: bold;
	white-space: nowrap;
	text-overflow: ellipsis;
	float: left;
}
.nypro_lcon .bd ul li p span {
	display: block;
	width: 40px;
	height: 100%;
	cursor: pointer;
	position: absolute;
	top: 0;
	right: 0;
}
.nypro_lcon .bd ul li div {
	display: none;
}
.nypro_lcon .bd ul li div a {
	display: block;
	height: 40px;
	line-height: 40px;
	color: #999;
	font-size: 14px;
	border-top: 0px solid #eaeaea;
	padding: 0 0 0 25px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.nypro_lcon .bd ul li div a:first-child {
	border-top: 0;
}
.nypro_lcon .bd ul li div a i {
	display: block;
	width: 4px;
	height: 4px;
	margin: 13px 6px 13px 0;
	border: 1px solid #999;
	border-radius: 50%;
	float: left;
}
.nypro_lcon .bd ul li div a:hover i {
	border: 1px solid #183980;
}
.nypro_lcon .bd ul li:hover{ background:#fff}

.nypro_lcon .bd ul li.on p {
	height: 40px;
	padding: 0 40px 0 0;
}
.nypro_lcon .bd ul li p:hover a, .nypro_lcon .bd ul li.on p a {
	color: #FC9730;
}

.nybox_r{width: calc(100% - 355px);margin-top: 21px;}
.nybox_r{height: auto; margin-bottom: 30px; margin-top: 0px; padding: 20px 0px;}
.sw22out {
    position: relative;
    width: 100%;
    padding-bottom:20%;
    height: auto;
    z-index: 1;
}

#newsinfo_column_1 > .ny_con p{font-size: 16px!important; line-height: 2.0}
#newsinfo_column_1 > .ny_con p a{font-size: 16px!important;}
@media screen and (max-width:750px){
    .nysub{ display: none}   
    .nypro_l{display: none} 
    .nybox_r{float: none;width:90%; padding: 0px 5%}
    .sw22out {
    position: relative;
    width: 100%;
    padding-bottom:26%;
    height: auto;
    z-index: 1;
    }
    .nybox .container5{ width: 90%!important; max-width: 90%!important}
    #productinfo_column_1 > .search_news > .ny_con > ul > li{width: 100%}
    #productinfo_column_1 > .search_pro > .ny_con > ul > li{width: 48%}
    #productinfo_column_1 > .search_pro > .ny_con > ul > li:last-child{display: none}
    #newsinfo_column_1 > .news_other > .li{width: 100%; margin-top: 15px;}
    .news_other .left{float:none; width: 100%}
    .news_other .right{float:none; width: 100%}
    .liuyan {width: 100%;margin: 0 auto;}
    .liuyan .formlist input{width:55%!important}
    .lxwm-bt dl {float: left; margin: 5% 3% !important;}
    .lxwm-top{padding: 0 5%}
    .lxwm-r{padding: 0px 0px;}
    
}
#tx_map {
    width: 100%;
    height: 720px;
}

.wxlnl{color: #999;}
.wxlnl img{ margin-bottom:6px;color: #999;}
.wxlnl a{color: #999;}




.nycontent {
    font-size: 16px;
    color: #666;
    line-height: 34px;
    text-align: justify;
    /* margin-top: 60px; */
    /* max-height: 210px; */
}
