@font-face {
  font-family: 'tao31';  /* project id 2341812 */
  src: url('//at.alicdn.com/t/font_2341812_0vjk8mw6apsr.eot');
  src: url('//at.alicdn.com/t/font_2341812_0vjk8mw6apsr.eot?#iefix') format('embedded-opentype'),
  url('//at.alicdn.com/t/font_2341812_0vjk8mw6apsr.woff2') format('woff2'),
  url('//at.alicdn.com/t/font_2341812_0vjk8mw6apsr.woff') format('woff'),
  url('//at.alicdn.com/t/font_2341812_0vjk8mw6apsr.ttf') format('truetype'),
  url('//at.alicdn.com/t/font_2341812_0vjk8mw6apsr.svg#tao31') format('svg');
}
.tao31{
    font-family:"tao31" !important;
    font-size:16px;font-style:normal;
    -webkit-font-smoothing: antialiased;
    -webkit-text-stroke-width: 0.2px;
	-moz-osx-font-smoothing: grayscale;
}
@font-face {
  font-family: 'qqzzao';  /* project id 2341812 */
  src: url('//at.alicdn.com/t/font_2341812_0vjk8mw6apsr.eot');
  src: url('//at.alicdn.com/t/font_2341812_0vjk8mw6apsr.eot?#iefix') format('embedded-opentype'),
  url('//at.alicdn.com/t/font_2341812_0vjk8mw6apsr.woff2') format('woff2'),
  url('//at.alicdn.com/t/font_2341812_0vjk8mw6apsr.woff') format('woff'),
  url('//at.alicdn.com/t/font_2341812_0vjk8mw6apsr.ttf') format('truetype'),
  url('//at.alicdn.com/t/font_2341812_0vjk8mw6apsr.svg#qqzzao') format('svg');
}
.qqzzao{
    font-family:"qqzzao" !important;
    font-size:16px;font-style:normal;
    -webkit-font-smoothing: antialiased;
    -webkit-text-stroke-width: 0.2px;
	-moz-osx-font-smoothing: grayscale;
}
.w {
    width: 1100px;
    margin: 0 auto;
}
#header {
	width: 100%;
	height: 36px;
	background: #f5f5f5;
	z-index: 999;
	position: relative;
	font-size: 14px;
}
.header span {
	float: left;
	line-height: 36px;
}

.header span a {
	color: #999;
	margin-right: 30px;
}
.header span a.login {
	color: #f08200;
}
.header span a:hover {
	color: #f08200;
}

.header span a.register {
	display: inline-block;
	padding: 0 10px;
	background: #f08200;
	color: #fff;
	border-radius: 3px;
}
.header p {
	float: right;
	line-height: 36px;
	color: #666;
}
.header p a {
	color: #999;
	margin-left: 35px;
	position: relative;
}

.header p a:hover {
	color: #f08200;
}
.header p a i {
	position: absolute;
	left: -22px;
	top: -10px;
	color: #f08200;
}
.top {
	width: 1100px;
	margin: 0px auto;
	position: relative;
	height: 89px;
}
.top img {
	position: absolute;
	top: 16px;
	left: 0px;
}
.top p {
	font: normal 30px/50px "microsoft yahei";
	border-left: #d7d7d7 1px solid;
	height: 50px;
	position: absolute;
	left: 250px;
	top: 17px;
	padding-left: 22px;
	color: #f08200;
}
.top .phone{
	top: 17px;
	right: 0;
	position: absolute;
	padding-left: 50px;
	background: url(/images/service/service.png) 0 5px no-repeat;
	font:normal 30px/50px arial;
	color: #ff6600;
}
.nav {
	width: 100%;
	height: 50px;
	background-color: #f08200;
}

.nav p {
	width: 1100px;
	margin: 0 auto;
	height: 50px;
}

.nav p a {
	color: #ffffff;
	font-family: "microsoft yahei";
	line-height: 50px;
	font-size: 18px;
	display: block;
	float: left;
	padding: 0 23px;
	display: inline-block;
	text-align: center;
}

.nav p a.home {
	background-color: #f04343;
}

.nav p a:hover {
	background-color: #f04343;
}
.banner{
	width: 100%;
	text-align: center;
	overflow: hidden;
}
.banner img{
	display: block;
	width: 100%;
	max-width: 1920px;
	margin:0 auto;
}
html,body{
	height: 100%;
	font-family: microsoft yahei;
}
.guestBtn{
	width: 120px;
	height:26px;
	line-height: 26px;
	background-color: #f08200;
	border-radius: 15px;
	text-align: center;
	color: #fff;
	border:2px solid #f08200;
	font-size: 14px;
	font-weight: bold;
	display: block;
	position: absolute;
	right: 0;
	bottom:2px;
	text-decoration: none;
}
.guestBtn:hover{
	background-color: #fff;
	color: #f08200;
}
.guest{
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 999998;
	display: none;
	background-color: #000;
	opacity: 0.3;
	filter:alpha(opacity=30);
}
.guestMain{
    display: none;
	position: fixed;
	z-index: 999999;
	width: 800px;
	height: 500px;
	left:50%;
	top: 50%;
	box-shadow: 0 4px 8px rgba(204,204,204,0.3);

	margin-left:-400px!important;
	margin-top:-250px!important;
	margin-top:0px;
	position:fixed!important;/
	_top:       expression(eval(document.compatMode &&
	            document.compatMode=='CSS1Compat') ?
	            documentElement.scrollTop + (document.documentElement.clientHeight-this.offsetHeight)/2 :
	            document.body.scrollTop + (document.body.clientHeight - this.clientHeight)/2);
}
.guestTitle{
	height: 50px;
	text-align: center;
	font-size: 24px;
	color: #fff;
	line-height: 50px;
	background:url("/images/guestTitle.png") no-repeat;
	position: relative;
}
.guestTitle a{
	position: absolute;
	width: 28px;
	height: 28px;
	top: -30px;
	right: -30px;
	background:url("/images/closesever.png") no-repeat;
}
.guestForm{
	height: 450px;
	background-color: #fff;
	border-bottom-left-radius: 8px;
	border-bottom-right-radius: 8px;
	padding: 10px 20px;
	overflow: hidden;
}
.item{
	width: 345px;
	float: left;
	padding: 0 10px 0 20px;
	position: relative;
}
.item label{
	display: block;
	font-size: 16px;
	margin:10px 0 10px;
	text-indent: 13px;
	height:21px;
}
.inputBox{
	overflow: hidden;
}
.inputBox input{
	width: 298px;
	height: 20px;
	float: left;
	border:1px solid #ddd;
	border-radius: 2px;
	padding: 6px 12px;
	font-size: 14px;
	line-height: 20px;
	color: #333;
	font-family: microsoft yahei;
}
.item b{
	font-family: tahoma;
	font-size: 14px;
	color: #ff9900;
	float: left;
	display: block;
	line-height: 36px;
	padding-left: 12px;
	position: absolute;
	right: 10px;
	bottom:0;
}
.codes{
	width: 298px;
	height: 22px;
	float: left;
	border:1px solid #ddd;
	border-radius: 2px;
	padding: 8px 12px;
	font-size: 14px;
	line-height: 22px;
	color: #999999;
	font-family: microsoft yahei;
}
.codes img{
	vertical-align: top;
}
.codes input{
	border:none;
	font-size: 14px;
	line-height: 22px;
	height: 22px;
	font-family: microsoft yahei;
	color: #999999;
	vertical-align: top;
	display: inline;
}
.item textarea{
	width: 673px;
	height: 100px;
	border:1px solid #ddd;
	border-radius: 2px;
	padding:8px 12px;
	line-height: 24px;
	font-size: 14px;
	font-family: microsoft yahei;
}
.guestFormBtn{
	width: 100%;
	float: left;
	text-align: center;
	margin-top: 15px;
}
.guestFormBtn button {
	padding: 0 40px;
	line-height: 40px;
	color: #fff;
	font-size: 18px;
	font-family: microsoft yahei;
	border: none;
	border-radius: 20px;
	cursor: pointer;
	background-color: #026fce;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#076ac1), to(#076ac1));
	background-image: -webkit-linear-gradient(90deg, #026fce, #076ac1);
	background-image: -moz-linear-gradient(90deg, #026fce, #076ac1);
	background-image: -ms-linear-gradient(90deg, #026fce, #076ac1);
	background-image: -o-linear-gradient(90deg, #026fce, #076ac1);
	background-image: linear-gradient(90deg, #026fce, #076ac1);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#026fce', endColorStr='#076ac1');
}
.prompt{
	position:absolute;
	top: 0;
	right: 0;
}
.hide{
	display: none;
}
.inputBox input.v_error{border-color:#ff9900;}
.prompt.error{
	color: #ff9900;
	top: 25px;
	right: 30px;
	line-height: 14px;
	text-indent: 20px;
	background:url("/images/error.png") no-repeat 0 0;
}


/* 2019.1.28 */
.ServerTop{
	text-align: center;
	border-top: 1px dashed #ddd;
	padding:14px 0;
}
.ServerTop a.guestBtn1{
	width: 188px;
	height: 40px;
	border: 1px solid #f08200;
	border-radius: 2px;
	cursor: pointer;
	margin: 0 10px;
	background: #f08200;
	color: #fff;
	font-size: 18px;
	line-height: 40px;
	display: inline-block;
	text-align: center;
}
.ServerTop a.guestBtn1:hover,.btn button:hover{
	border: 1px solid #f08200;
	background: #fff;
	color: #f08200;
}
.aboutUs {
	height: 50px;
	line-height: 50px;
	text-align: center;
	background-color: #f08200;
	color: #f19031;
	font-size: 16px;
}
.aboutUs p {
	font-size: 0;
}
.aboutUs p a {
	font-size: 16px;
	color: #fff;
	padding: 0 33px;
	position: relative;
}
.aboutUs p a:first-of-type {
	padding-left: 0;
}
.aboutUs p a:last-of-type {
	padding-right: 0;
}
.aboutUs p a::after {
	content: "/";
	color: #f29236;
	position: absolute;
	right: 0;
	top: 0;
	line-height: normal;
}
.aboutUs p a:last-of-type::after {
	content: "";
}
/* footer */
.footer {
	width: 100%;
	background-color: #474443;
	padding-top: 30px;
}
.footer .main{
	overflow: hidden;
}
.footerRight{
	float: right;
	height: 160px;
	width: 200px;
	margin-left: 90px;
	opacity: 0.5;
}
.footerRight span {
	float: left;
	width: 29px;
	padding: 5px 9px;
	font-size: 12px;
	color: #fff;
	/* writing-mode: vertical-lr; */
	writing-mode: tb-lr;
	background-color: #f08200;
	height: 100%;
	box-sizing: border-box;
}
.footerRight img{
	width: 160px;
}
.footerLeft{
	overflow: hidden;
}
.footerLeft .footerIcon{
	overflow: hidden;
}
.footerIconLeft {
	float: left;
	width: 330px;
	opacity: 0.5;
}
.footerIconLeft p{
	height: 48px;
	margin: 0 0 10px 0;
}
.footerIconLeft p:last-child{
	margin-bottom: 0;
}
.footerIconLeft p span{
	float: left;
	width: 48px;
	height: 48px;
	line-height: 48px;
	text-align: center;
	border-radius: 50%;
	background-color: #999;
	margin-right: 20px;
}
.footerIconLeft p span i{
	font-size: 22px;
	color: #fff;
}
.footerIconLeft p em {
	float: left;
	font-style: normal;
	font-size: 16px;
	color: #ccc;
	margin-top: 5px;
}
.footerIconLeft p b{
	display: block;
	font-size: 14px;
	margin-top: 8px;
}
.footerIconRight {
	font-size: 0;
	overflow: hidden;
}
.footerIconRight p.footerIconRight_title{
	height: 48px;
	opacity: 0.5;
}
.footerIconRight p.footerIconRight_title span{
	float: left;
	width: 48px;
	height: 48px;
	line-height: 48px;
	text-align: center;
	border-radius: 50%;
	background-color: #999;
	margin-right: 20px;
}
.footerIconRight p.footerIconRight_title span i{
	font-size: 22px;
	color: #fff;
}
.footerIconRight p.footerIconRight_title em{
	float: left;
	font-style: normal;
	font-size: 16px;
	color: #ccc;
	margin-top: 5px;
}
.footerIconRight p.footerIconRight_cont{
	margin-left: 70px;
}
.footerIconRight p.footerIconRight_cont b {
	float: left;
	width: 33.3%;
	font-size: 14px;
	color: #787776;
	margin-bottom: 8px;
	font-weight: normal;
}
.footerIconRight p.footerIconRight_cont b a{
	display: inline-block;
	width: 28px;
	height: 28px;
	line-height: 28px;
	text-align: center;
	border-radius: 50%;
	background-color: #6c6969;
}
.footerIconRight p.footerIconRight_cont b a i {
	display: inline-block;
	width: 14px;
	height: 16px;
	vertical-align: top;
	margin-top: 5px;
	background: url("../../../../images/Index/Version/2021/qq.png") no-repeat;
}
.copyright{
	overflow: hidden;
	color: #ccc;
	font-size: 14px;
	opacity: 0.5;
	margin-top: 25px;
}
.footer .footer_img {
	display: block;
	height: 33px;
	background: url(../../../../images/Index/Version/2021/copyright.png) no-repeat 0 0;
	background-size: auto 100%;
	margin-top: 12px;
	margin-bottom: 15px;
	opacity: 0.5;
}
.footer .footer_img li{
	float: left;
	width: 83px;
	height: 33px;
	margin-right: 10px;
}
.footer .footer_img li a{
	display: block;
	height: 33px;
	width: 100%
}
.footer_bot{
	height: 50px;
	line-height: 50px;
	text-align: center;
	background-color: #393939;
	color: #646464;
	font-size: 14px;
}
.footer_bot i{
	display: inline-block;
	height: 20px;
	width: 20px;
	background: url(../../../../images/Index/Version/2021/ghs.png) no-repeat;
	vertical-align: top;
	margin-top: 15px;
	opacity: 0.2;
	margin-right: 10px;
}
.consult{
	position:fixed;
	right: 0;
	top: 50%;
	margin-top: -60px;
}
.consult span.btn{
	background: url(/images/service/service.png) 0 -159px no-repeat;
	height: 120px;
	display: block;
	width: 41px;
	cursor: pointer;
	position: absolute;
	right: 0;
	top: 0;
}
.consult_box{
	height: 188px;
	width: 250px;
	position: absolute;
	right: -252px;
	top: -34px;
	border: 1px solid #e6e6e6;
	background-color: #fff;
}
.consult_box h3{
	text-align: center;
	font:bold 16px/40px "microsoft yahei";
}
.consult_box p{
	position: absolute;
	left: 18px;
	font:normal 14px/16px arial;
	text-indent: 27px;
}
.consult_box p.qq{
	top: 60px;
	background: url(/images/service/service.png) 0 -290px no-repeat;
}

.consult_box p.email{
	top: 83px;
	background: url(/images/service/service.png) 0 -317px no-repeat;
}
.consult_box a.btn{
	position:absolute;
	left: 18px;
	top: 132px;
	color: #fff;
	width: 226px;
	height: 36px;
	font:normal 14px/36px "microsoft yahei";
	text-align: center;
	background-color: #ff6600;
	border-radius: 2px;
}
.consult_box i{
	height: 15px;
	width: 15px;
	position: absolute;
	right: 2px;
	top: 12px;
	background: url(/images/service/service.png) 0 -350px;
	cursor: pointer;
}
@media only screen and (min-width: 1025px) and (max-width:1199px){
    .w{
		width: 1100px;
	}
    .top {
    	width: 1100px;
    	height: 96px;
    }
    .nav p {
    	width: 1100px;
    }
    .aboutUs {
    	margin-top: 20px;
    }
    .guestBtn {
    	bottom: 5px;
    }
}
@media only screen and (min-width: 1200px) and (max-width:1399px){
    .w{
		width: 1280px;
	}
    .top {
    	width: 1280px;
    	height: 96px;
    }
    .nav p {
    	width: 1280px;
    }
    .nav p a {
    	padding: 0 33px;
    }
    .aboutUs {
    	margin-top: 20px;
    }
    .aboutUs p a {
    	padding: 0 44px;
    }
    .footerIconLeft {
    	width: 420px;
    }
    .guestBtn {
    	bottom: 5px;
    }
}
@media only screen and (min-width: 1400px) and (max-width:1599px){
	.w{
		width: 1400px;
	}
    .top {
    	width: 1400px;
    	height: 96px;
    }
    .nav p {
    	width: 1400px;
    }
    .nav p a {
    	padding: 0 39px;
    }
    .aboutUs {
    	margin-top: 20px;
    }
    .aboutUs p a {
    	padding: 0 52px;
    }
    .footerIconLeft {
    	width: 450px;
    }
    .guestBtn {
    	bottom: 5px;
    }
}
@media only screen and (min-width: 1600px) and (max-width:1919px){
	.w{
		width: 1400px;
	}
    .top {
    	width: 1400px;
    	height: 96px;
    }
    .nav p {
    	width: 1400px;
    }
    .nav p a {
    	padding: 0 39px;
    }
    .aboutUs {
    	margin-top: 20px;
    }
    .aboutUs p a {
    	padding: 0 52px;
    }
    .footerIconLeft {
    	width: 450px;
    }
    .guestBtn {
    	bottom: 5px;
    }
}
@media only screen and (min-width:1920px){
	.w{
		width: 1400px;
	}
    .top {
    	width: 1400px;
    	height: 96px;
    }
    .nav p {
    	width: 1400px;
    }
    .nav p a {
    	padding: 0 39px;
    }
    .aboutUs {
    	margin-top: 20px;
    }
    .aboutUs p a {
    	padding: 0 52px;
    }
    .footerIconLeft {
    	width: 450px;
    }
    .guestBtn {
    	bottom: 5px;
    }
}
@media only screen and (max-width:1024px){
	.w{
		width: 940px;
	}
    .top {
    	width: 940px;
    	height: 96px;
    }
    .nav p {
    	width: 940px;
        height: 42px;
    }
    .nav p a {
    	padding: 0 22px;
    	font-size: 14px;
    	line-height: 42px;
    }
    .service_items {
    	width: 940px;
    }
    .service_items ul {
    	margin-left: -30px;
    	width: 1000px;
    }
    .service_items ul li {
    	width: 233px;
    	height: 195px;
    	margin: 0 50px;
    }
    .guestBtn {
    	bottom: 5px;
    }
    .aboutUs {
		height: 36px;
		line-height: 36px;
		font-size: 12px;
	}
	.aboutUs p a {
    	font-size: 12px;
    	padding: 0 32px;
    }
	.footerRight img {
		width: 112px;
	}
	.footerRight {
		height: 149px;
		width: 185px;
		margin-left: 100px;
	}
	.footerRight span {
		width: 28px;
		padding: 2px 8px;
		font-size: 12px;
		height: 112px;
	}
	.footerIconLeft {
		width: 315px;
	}
	.footerRight span {
    	width: 28px;
    	padding: 2px 8px;
    	font-size: 12px;
    	height: 112px;
    	line-height: 1;
    }
    .nav {
    	height: 42px;
    }
	.footerIconLeft p span i {
		font-size: 14px;
	}
	.footerIconLeft p em {
		font-size: 13px;
		margin-top: 1px;
	}
	.footerIconLeft p b {
		font-size: 12px;
	}
	.footerIconLeft p {
		margin: 0 0 15px 0;
		height: 34px;
	}
	.footerIconRight p.footerIconRight_title span {
		width: 34px;
		height: 34px;
		line-height: 34px;
		margin-right: 15px;
	}
	.footerIconRight p.footerIconRight_title span i {
		font-size: 14px;
	}
	.footerIconRight p.footerIconRight_title em {
		font-size: 13px;
		margin-top: 1px;
	}
	.footerIconRight p.footerIconRight_cont b {
		font-size: 12px;
	}
	.footerIconRight p.footerIconRight_cont {
		margin-left: 48px;
	}
	.footerIconRight p.footerIconRight_cont b a {
		width: 22px;
		height: 22px;
		line-height: 22px;
	}
	.footerIconRight p.footerIconRight_cont b a i {
		width: 11px;
		height: 12px;
		background-size: 100% 100%;
		margin-top: 4px;
	}
	.footerIconRight p.footerIconRight_title {
		height: 34px;
	}
	.copyright {
		font-size: 12px;
		margin-top: 12px;
	}
	.footer_bot {
		height: 40px;
		line-height: 40px;
		font-size: 12px;
	}
	.footer_bot i {
		height: 18px;
		width: 16px;
		background-size: 100% 100%;
		margin-top: 11px;
		margin-right: 7px;
	}
}