@charset "utf-8";

/* 在线链接服务仅供平台体验和调试使用，平台不承诺服务的稳定性，企业客户需下载字体包自行发布使用并做好备份。 */
@font-face {
  font-family: 'ziying';  /* Project id 4556308 */
  src: url('//at.alicdn.com/t/c/font_4556308_789kii1oh49.woff2?t=1716305992385') format('woff2'),
       url('//at.alicdn.com/t/c/font_4556308_789kii1oh49.woff?t=1716305992385') format('woff'),
       url('//at.alicdn.com/t/c/font_4556308_789kii1oh49.ttf?t=1716305992385') format('truetype');
}

html,body {
	overflow-x: hidden;
	-webkit-tap-highlight-color: transparent;
}

body {
	font-family: PingFangSC,helvetica neue,hiragino sans gb,arial,microsoft yahei ui,microsoft yahei,simsun,sans-serif!important;
	color: #333;
}

body,div,ul,li,dl,h1,h2,h3,h4,p,i,em {
	margin: 0;
	padding: 0;
	outline: 0;
	font-style: normal
}

li,ul,dl {
	list-style: none;
	vertical-align: middle
}

a {
	color: #666;
	text-decoration: none;
}

img {
	display: block;
	border: none;
}

a:hover {
	border: none;
	blr: expression(this.onFocus=this.blur());
	outline: none;
}

.none {
	display: none
}

.clear {
	clear: both
}

.bodytitle {
	padding: 60px 0 40px 0;
	text-align: center;
}

.bodytitle h2 {
	font-size: 35px;
	color: #000;
	font-weight: normal;
}

.bodytitle h2 i {
	color: #ff7a18;
}

.bodytitle p {
	padding: 10px 0;
	font-size: 15px;
	color: #666
}

.head {
	height: 55px;
	line-height: 55px;
	background: #ad1b1b;
}

.head div {
	margin: 0 auto;
	width: 1200px;
}

.head a.back {
	display: none
}

.head ul.logo {
	float: left;
	width: auto;
	height: 55px;
	overflow: hidden;
}
.head ul.logo img {
     height: 32px;width: auto;margin-top: 15px;
}

.head ul.nav {
	float: right
}

.head ul.nav li {
	float: left;
}

.head ul.nav li.left {
	border-left: 1px solid #ad1b1b;
}

.head ul.nav li.right {
	border-right: 1px solid #ad1b1b;
}

.head ul.nav li span {
	font-size: 16px;
	border-left: 1px solid #ad1b1b;
	border-right: 1px solid #ad1b1b;
	display: block;
	color: #fff;
	cursor: pointer
}

.head ul.nav li span a {
	color: #fff;
	display: block;
	padding: 0 20px;
}

.head ul.nav li span a:hover {
	background: #8a0505;
}

.notice {
	height: 35px;
	line-height: 35px;
	font-size: 25px;
	color: #ff0000;
	text-align: center;
	padding: 30px 0;
	background: #f5f8ff;
}

.notice i:before {
	font-family: 'ziying';
	content: "\e6c8";
	padding-right: 15px;
	color: #5297fa;
}

.notice strong {
	font-size: 28px
}

.banner {
	background: #ad1b1b;
}

.banner ul {
	width: 1200px;
	height: 550px;
	margin: 0 auto;
}

.banner ul img {
	margin: 0 auto;
	vertical-align: middle
}

.project .nav {
	width: 1200px;
	margin: 0 auto;
	padding-top: 20px;
}

.project .nav ul {
	position: relative
}

.project .nav ul li {
	width: 380px;
	height: 365px;
	border-radius: 3px;
	border: solid 1px #e9e9e9;
	background: #fff
}

.project .nav ul li.left {
	margin: 28px 0 0 0;
	float: left;
}

.project .nav ul li.mid {
	position: absolute;
	z-index: 1;
	left: 400px;
	_left: 17px;
	top: 0;
	width: 400px;
	height: 420px;
	border-color: #FF8A11;
	box-shadow: 0 0 4px 2px rgba(0,0,0,.1);
	overflow: hidden;
}

.project .nav ul li.mid h3 {
	color: #fff;
	border: #FF8A11;
	background: #FF8A11;
}

.project .nav ul li.right {
	margin: 28px 0 0 0;
	float: right
}

.project .nav ul li h3 {
	height: 80px;
	line-height: 80px;
	font-size: 28px;
	text-align: center;
	color: #666;
	border-bottom: solid 1px #ebebeb;
	background: #f9f9f9;
	margin-bottom: 15px;
}

.project .nav ul li dl {
	padding: 10px 30px 0 30px;
	font-size: 12px;
	color: #666;
	line-height: 22px;
}

.project .nav ul li dl span {
	color: #ccc;
	text-align: center;
	display: block;
}

.introduce {
	background: #f5f8ff;
	margin: 100px 0 0 0;
	padding-bottom: 20px;
}

.introduce ul {
	width: 1200px;
	height: auto;
	margin: 0 auto;
	overflow: hidden
}

.introduce ul li {
	float: left;
	width: 400px;
	height: 230px;
	text-align: center
}

.introduce ul li span {
	font-family: 'ziying';
	color: #ff7a18;
	display: block;
	font-size: 60px;
}

.introduce ul li span.a {
	before: '\e602'
   
}

.introduce ul li span.a:before {
	content: "\e64f";
}

.introduce ul li span.b {
	before: '\e64a';
}

.introduce ul li span.b:before {
	content: "\e602";
}

.introduce ul li span.c {
	before: '\e600'
}

.introduce ul li span.c:before {
	content: "\e600";
}

.introduce ul li span.d {
	before: '\e735'
}

.introduce ul li span.d:before {
	content: "\e600";
}

.introduce ul li span.e {
	before: '\e6fe'
}

.introduce ul li span.e:before {
	content: "\e6fe";
}

.introduce ul li span.f {
	before: '\e614'
}

.introduce ul li span.f:before {
	content: "\e614";
}

.introduce ul li i {
	font-size: 18px;
	line-height: 30px;
	color: #383838;
	padding: 0 50px 10px 50px;
	display: block
}

.introduce ul li p {
	font-size: 12px;
	line-height: 20px;
	color: #a0a0a0;
	text-align: center;
	padding: 0 50px;
}

.process {
	margin: 10px 0 90px 0
}

.process ul {
	width: 1200px;
	height: 160px;
	margin: 0 auto;
	padding-top: 30px;
}

.process li {
	font-size: 18px;
	position: relative;
	color: #383838;
	display: inline-block;
	width: 200px;
	text-align: center;
	float: left;
}

.process li+li:after {
	font-family: 'ziying';
	content: "\e6f2";
	position: absolute;
	top: 41px;
	width: 22px;
	height: 30px;
	left: -11px;
	font-size: 25px;
	color: #bfbfbf;
}

.process li i {
	font-family: 'ziying';
	color: #fff;
	font-size: 60px;
	width: 112px;
	height: 112px;
	line-height: 112px;
	border-radius: 56px;
	background: #ff7a18;
	margin: 0 auto 20px;
	display: block;
}

.process li i.a {
	 
}

.process li i.a:before {
	 
}

.process li i.b {
	before: '\e648'
}

.process li i.b:before {
	content: "\e648";
}

.process li i.c {
	before: '\e6a4'
}

.process li i.c:before {
	content: "\e6a4";
}

.process li i.d {
	before: '\e759'
}

.process li i.d:before {
	content: "\e759";
}

.process li i.e {
	before: '\e625'
}

.process li i.e:before {
	content: "\e625";
}

.process li p {
	font-size: 18px;
}

.ask {
	background: #f5f8ff;
	overflow: hidden;
	_height: 510px;
}

.ask ul {
	width: 1200px;
	height: 195px;
	margin: 0 auto;
	overflow: hidden;
}

.ask ul li {
	font-size: 15px;
	line-height: 22px;
	color: #666;
	margin-bottom: 25px;
}

.ask ul li span {
	display: block;
	padding-bottom: 7px;
	_line-height: 29px;
}

.ask ul li span i {
	font-family: 'ziying';
	before: '\e62a';
	color: #ff7a18;
	padding-right: 5px;
	_padding-right: 0;
	float: left;
}

.ask ul li span i:before {
	content: "\e62a";
}

.ask ul li p {
	text-indent: 20px;
	font-size: 14px;
	color: #999
}

.ask .entrust {
	width: 500px;
	overflow: hidden;
	margin: 0 auto;
	padding: 20px 0 60px 0;
	_padding: 40px 0 40px 0;
}

.ask .entrust a {
	float: left;
	color: #ff7a18;
	border: 1px solid #ff7a18;
	border-radius: 4px;
	width: 166px;
	text-align: center;
	height: 40px;
	line-height: 40px;
	display: block;
	font-size: 16px;
	margin: 0 40px;
	_margin: 0 30px;
}

.ask .entrust a:hover,.ask .entrust a.hover {
	color: #fff;
	background: #FF8A11;
	border-color: #FF8A11;
}

.describe .prompt {
	font-size: 16px;
	color: #666;
	padding: 0 0 70px 0;
	text-align: center;
	line-height: 30px;
}

.link {
	padding: 35px 0;
	background: #f5f8ff;
}

.link ul {
	width: 1200px;
	margin: 0 auto;
	padding-bottom: 10px;
	overflow: hidden;
}

.link ul li {
	float: left;
	text-align: left;
	color: #999;
	width: 1146px;
	line-height: 24px;
	font-size: 12px;
}

.link ul li a {
	color: #999;
	font-size: 12px;
	float: left;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	height: 24px;
	line-height: 24px;
}

.link ul li.name {
	font-weight: 700;
	color: #666;
	width: 54px;
}

.link ul li.nav {
	margin-left: 21px;
	width: 1125px;
}

.link ul li.nav a {
	margin-right: 12px;
	width: 58px;
}

.footer {
	height: 60px;
	line-height: 60px;
	color: #565b5f;
	background: #21292f;
	font-size: 12px;
}

.footer ul {
	width: 1200px;
	margin: 0 auto;
}

.footer .fl {
	float: left
}

.footer .fr {
	float: right
}

.sideonlie {
	font-family: 微软雅黑,microsoft yahei,Arial,Helvetica,sans-serif,宋体;
	z-index: 16777271;
	position: fixed!important;
	position: absolute;
	bottom: 100px;
	right: 30px;
	_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)));
	_margin-bottom: 100px;
	width: 50px
}

.sideonlie a,.sideonlie img {
	border: 0;
	text-decoration: none
}

.sideonlie ul,.sideonlie li,.sideonlie p,.sideonlie i {
	margin: 0;
	padding: 0;
	font-style: normal;
	list-style: none
}

.sideonlie .family {
	font-family: "ziying";
	font-style: normal;
	font-weight: normal;
	speak: none;
	display: inline-block;
	text-decoration: inherit;
	text-align: center;
	font-variant: normal;
	text-transform: none;
	font-size: 24px;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	line-height: 24px
}

.sideonlie .family_shopping {
	before: '\e638'
}

.sideonlie .family_shopping:before {
	content: "\e638"
}

.sideonlie .family_qq {
	before: '\e633'
}

.sideonlie .family_qq:before {
	content: "\e633"
}

.sideonlie .family_wx {
	before: '\e628'
}

.sideonlie .family_wx:before {
	content: "\e628"
}

.sideonlie .family_phone {
	before: '\e65b'
}

.sideonlie .family_phone:before {
	content: "\e65b"
}

.sideonlie .family_top {
	before: '\e74a'
}

.sideonlie .family_top:before {
	content: "\e74a"
}

.sideonlie .both {
	clear: both;
	font-size: 0;
	line-height: 0;
	height: 0
}

.sideonlie .showbox {
	width: 48px;
	height: 48px;
	border: 1px solid #ddd;
	text-align: center;
	display: block;
	margin-bottom: 6px;
	position: relative;
	background: #fff;
	color: #2780e3;
	cursor: pointer
}

.sideonlie .showbox span {
	font-size: 26px;
	line-height: 48px
}

.sideonlie .showbox sup {
	display: block;
	width: 20px;
	height: 20px;
	text-align: center;
	line-height: 20px;
	color: #fff;
	border-radius: 50%;
	background: #2780e3;
	position: absolute;
	left: -10px;
	top: -10px;
	font-size: 12px
}

.sideonlie .hidebox {
	display: none;
	position: absolute;
	right: 48px;
	padding-right: 25px;
	top: -10px
}

.sideonlie .hidebox .border {
	border: 1px solid #ccc;
	border-top: 4px solid #2780e3;
	padding: 20px;
	background: #fff;
	-webkit-box-shadow: 0 3px 8px rgba(0,0,0,.15);
	-moz-box-shadow: 0 3px 8px rgba(0,0,0,.15);
	box-shadow: 0 3px 8px rgba(0,0,0,.15);
	position: relative
}

.sideonlie .hidebox .border .title span {
	font-size: 42px;
	float: left;
	display: inline;
	line-height: 56px;
	color: #9c9c9c;
	margin-right: 20px!important;
	margin-right: 10px
}

.sideonlie .hidebox .border .title p {
	float: left;
	color: #9c9c9c;
	font-size: 24px;
	line-height: 28px
}

.sideonlie .hidebox .border .title p i {
	display: block;
	font-size: 14px;
	color: #9c9c9c
}

.sideonlie .hidebox .border .list {
	padding-top: 15px;
	margin-top: 15px;
	border-top: 1px solid #e4e4e4;
	overflow: hidden;
}

.sideonlie .hidebox .border .list h4 {
	color: #ccc;
	font-size: 13px;
	font-weight: normal;
	padding-bottom: 15px
}

.sideonlie .hidebox .border .list ul {
	padding: 10px 0 15px 0
}

.sideonlie .hidebox .border .list li {
	float: left;
	width: 50%
}

.sideonlie .hidebox .border .list li a {
	font-family: "ziying";
	display: inline-block;
	color: #999;
	font-size: 16px;
	before: '\e633  '
}

.sideonlie .hidebox .border .list li a:before {
	font-family: "ziying";
	before: '\e633';
	content: "\e633";
	padding-right: 10px;
	font-size: 18px;
	line-height: 22px;
	color: #2780e3
}

.sideonlie .hidebox .border .list li a:hover {
	color: #2780e3
}

.sideonlie .hidebox .border .list img {
	width: 130px;
	margin: 0 10px;
	float: left;
}

.sideonlie .hidebox .border .arrow {
	display: block;
	width: 13px;
	height: 16px;
	background: url(/images/sideonlie_arrow.png) no-repeat;
	position: absolute;
	right: -13px;
	top: 25px
}

.sideonlie .hidebox .w300 {
	width: 300px
}

.sideonlie ul {
	position: relative
}

.sideonlie ul .hover {
	background: #2780e3;
	color: #fff;
	border: 1px solid #2780e3
}

.sideonlie ul.shopping {
	margin-bottom: 20px;
	display: none
}

.sideonlie ul.wx .hidebox {
	top: -120px
}

.sideonlie ul.wx .hidebox .border .arrow {
	top: 134px
}

.sideonlie ul.phone {
	display: none
}

.sideonlie ul.phone .hidebox .border {
	width: 230px
}

.sideonlie ul.phone .hidebox {
	top: 0
}

.sideonlie ul.phone .hidebox .border .arrow {
	top: 15px
}

.sideonlie ul.top {
	height: 50px;
}

.sideonlie_m {
	display: none
}

@media screen and (max-width:1200px) {
	html,body {
		font-size: 20px;
	}

	img {
		max-width: 100%;
		width: 100%;
	}

	.bodytitle {
		padding: 1.5rem 0.5rem 1.2rem 0.5rem;
	}

	.bodytitle h2 {
		font-size: 0.9rem;
	}

	.bodytitle p {
		padding: 0.3rem 0;
		line-height: 1rem;
		font-size: 0.6rem;
	}

	.head {
		height: 2.2rem;
		line-height: 2.2rem;
		position: fixed;
		z-index: 1984001;
		width: 100%;
		top: 0rem;
	}

	.head div {
		width: 100%;
		text-align: center;
	}

	.head a.back {
		display: none;
		width: 1.25rem;
		height: 2.2rem;
		overflow: hidden;
		position: absolute;
		left: 0.15rem;
		z-index: 100001;
	}

	.head a.back:before {
		font-family: 'ziying';
		content: "\e635";
		color: #fff;
		font-size: 0.8rem;
	}

	.head ul.logo {
		width: 100%;
		height: 2.2rem;
		overflow: hidden;
		position: absolute;
		margin: 0 auto;
		z-index: 100000;
	}

	.head ul.logo img {
		height: 2em;
		width: auto;
		margin: 0.1em auto;
	}

	.head ul.nav {
		display: none
	}

	.banner ul {
		width: 100%;
		height: auto;
		margin-top: 2.2rem;
	}

	.notice {
		line-height: 1.2rem;
		font-size: 0.7rem;
		padding: 0.8rem 0.5rem;
		height: auto
	}

	.notice i {
		display: none
	}

	.notice strong {
		font-size: 0.7rem;
	}

	.project .nav {
		width: auto;
		padding: 0 0.5rem;
	}

	.project .nav ul li {
		width: 100%;
		height: auto;
		margin-bottom: 0.75rem;
		padding-bottom: 0.5rem;
	}

	.project .nav ul li h3 {
		height: 2.1rem;
		line-height: 2.1rem;
		font-size: 1rem;
		font-weight: normal;
		margin-bottom: 0.4rem;
	}

	.project .nav ul li.left,.project .nav ul li.right {
		margin: 0 0 0.75rem 0;
		float: none;
	}

	.project .nav ul li.mid {
		position: relative;
		left: 0;
		width: 100%;
		height: auto;
	}

	.project .nav ul li dl {
		padding: 0.5rem 0.75rem 0 0.75rem;
		font-size: 0.6rem;
		line-height: 1.1rem;
	}

	.introduce {
		margin: 1rem 0 0 0;
		padding-bottom: 0;
	}

	.introduce ul {
		width: auto;
		margin: 0 0.5rem;
	}

	.introduce ul li {
		width: 50%;
		height: auto;
		margin-bottom: 0.8rem;
	}

	.introduce ul li span {
		font-size: 1.5rem;
	}

	.introduce ul li i {
		font-size: 0.75rem;
		line-height: 1rem;
		padding: 0.3rem 0;
	}

	.introduce ul li p {
		font-size: 0.6rem;
		line-height: 1rem;
		padding: 0 0.5rem;
	}

	.process {
		margin: 0.5rem 0 3.5rem 0;
	}

	.process .bodytitle {
		padding: 1.5rem 0.5rem 0.5rem 0.5rem;
	}

	.process ul {
		width: auto;
		margin: 0 0.5rem;
	}

	.process li {
		font-size: 0.6rem;
		width: 33.33%;
		margin-bottom: 1.5rem;
	}

	.process li+li:after {
		content: '';
	}

	.process li i {
		font-size: 1.5rem;
		width: 2.5rem;
		height: 2.5rem;
		line-height: 2.5rem;
		border-radius: 2.5rem;
		margin: 0 auto 0.5rem;
	}

	.process li p {
		font-size: 0.6rem;
	}

	.ask {
		height: auto;
	}

	.ask ul {
		width: auto;
		margin: 0 0.5rem;
	}

	.ask ul li {
		font-size: 0.65rem;
		line-height: 1.1rem;
		margin-bottom: 0.75rem;
	}

	.ask ul li span {
		padding-bottom: 0.25rem;
	}

	.ask .entrust {
		width: 100%;
		padding: 1.5rem 0 1.5rem 0;
	}

	.ask .entrust .hover {
		display: none
	}

	.ask .entrust #ask_more {
		border: 0.05rem solid #ff7a18;
		border-radius: 0.2rem;
		width: 5rem;
		height: 1.7rem;
		line-height: 1.7rem;
		font-size: 0.6rem;
		margin: 0 auto;
		float: none
	}

	.describe .prompt {
		font-size: 0.6rem;
		line-height: 1.1rem;
		padding: 0 0.5rem 1rem 0.5rem;
	}

	.describe .prompt .m_none {
		display: none
	}

	.link {
		padding: 1rem 0.5rem 0.5rem 0.5rem;
	}

	.link ul {
		width: auto;
		padding-bottom: 0.5rem;
	}

	.link ul li {
		width: auto;
		line-height: 1.2rem;
		font-size: 0.6rem;
	}

	.link ul li a {
		font-size: 0.6rem;
		height: 1.2rem;
		line-height: 1.2rem;
	}

	.link ul li.name {
		width: 2.7rem;
	}

	.link ul li.nav {
		margin-left: 0.7rem;
		width: auto;
		height: 2.2rem;
		overflow: hidden;
	}

	.link ul li.nav a {
		margin-right: 0.5rem;
		width: 3rem;
	}

	.footer {
		height: 2.25rem;
		line-height: 2.25rem;
		margin-bottom: 2.5rem;
	}

	.footer ul {
		width: 100%;
	}

	.footer .fl {
		display: none
	}

	.footer .fr {
		text-align: center;
		float: none;
	}

	.sideonlie {
		display: none
	}

	.sideonlie_m {
		position: fixed;
		bottom: 0;
		left: 0;
		background: #fff;
		border-top: 0.05rem solid #eee;
		box-sizing: border-box;
		z-index: 16777270;
		text-align: center;
		width: 100%;
		display: block;
	}

	.sideonlie_m .showbox {
		height: 2.5rem;
	}

	.sideonlie_m .showbox li {
		width: 33.33%;
		display: block;
		float: left;
	}

	.sideonlie_m .showbox li a {
		width: 65%;
		display: block;
		margin: 0 auto
	}

	.sideonlie_m .showbox li a i {
		font-family: 'ziying';
		display: block;
		font-size: 1.4rem;
		height: 1.2rem;
		overflow: hidden;
		line-height: 1.2rem;
		padding-top: 0.2rem;
		color: #1c86d1
	}

	.sideonlie_m .showbox li a span {
		display: block;
		font-size: 0.6rem;
		height: 1.1rem;
		line-height: 1.1rem;
		color: #666
	}

	.sideonlie_m .showbox .qq i {
		line-height: 1.03rem;
	}

	.sideonlie_m .showbox .qq i:before {
		content: "\e633";
		font-size: 1.15rem;
	}

	.sideonlie_m .showbox .wx i:before {
		content: "\e628";
		font-size: 1.3rem;
	}

	.sideonlie_m .showbox .top i:before {
		content: "\e74a"
	}

	.sideonlie_m .hidebox {
		position: fixed;
		bottom: 0;
		left: 0;
		width: 100%;
		border-top: 0.2rem solid #2780e3;
		background: #fff;
		z-index: 16777271;
		display: none
	}

	.sideonlie_m .hidebox>li {
		display: none
	}

	.sideonlie_m .hidebox li dl {
		padding: 0.5rem 0.8rem;
		overflow: hidden;
	}

	.sideonlie_m .hidebox li .title span {
		font-family: 'ziying';
		display: block;
		font-size: 1.5rem;
		float: left;
		line-height: 2.5rem;
		height: 2.5rem;
		margin-right: 1rem;
		color: #2780e3
	}

	.sideonlie_m .hidebox li .title p {
		float: left;
		color: #9c9c9c;
		font-size: 0.8rem;
		font-style: normal;
		text-align: left;
		height: 2.35rem;
		padding-top: 0.15rem
	}

	.sideonlie_m .hidebox li .title p i {
		display: block;
		font-size: 0.6rem;
		color: #9c9c9c;
		line-height: 1.2rem;
	}

	.sideonlie_m .hidebox li .list {
		border-top: solid 0.05rem #eee
	}

	.sideonlie_m .hidebox li .list li {
		width: 33.3%;
		float: left;
	}

	.sideonlie_m .hidebox li .list a {
		display: block;
		width: 100%;
		font-size: 0.7rem;
		text-align: center;
		margin: 0.15rem 0;
		line-height: 1.6rem;
	}

	.sideonlie_m .hidebox li .list a:before {
		font-family: "ziying";
		content: "\e633";
		padding-right: 0.5rem;
		font-size: 0.8rem;
		color: #2780e3;
	}

	.sideonlie_m .hidebox li .list img {
		width: 50%;
		float: left
	}

	.sideonlie_m .hidebox li.qq .title span:before {
		content: "\e633";
	}

	.sideonlie_m .hidebox li.wx .title span:before {
		content: "\e628";
	}

	.sideonlie_m .hidebox li.close {
		height: 2.5rem;
		line-height: 2.5rem;
		font-size: 0.8rem;
		color: #666;
		text-align: center;
		background: #f2f2f2;
		display: block
	}
}