:root {
	font-size: 0.75em;
/*	根字号是12px*/
}
* {
	margin:0;
	padding:0;
}
*,:after,:before {
	box-sizing: border-box;
	margin: 0;
	padding: 0;
}
html {
	height: 100%;
}
html,body {
	font-family: 'Microsoft Yahei','Simsun','arial';
	margin: 0 auto;
}
html,body,header,nav,div,ul,li,p,img,h1,h2,h3,h4,h5,h6,span,dl,dt,dd,a {
	margin:0;
	padding:0
}
ul,li {
	list-style:none
}
a {
	text-decoration:none
}
img {
	border:none
}
.clearfix:after {
	content:"";
	clear:both;
	height:0;
	display:block;
	visibility:hidden
}
.clearfix {
	zoom:1
}
.f_l {
	float:left
}
.f_r {
	float:right
}
.wrapper {
	width:100rem;
	margin:0 auto
}
.header {
	width:100%;
/*	height: 80px;*/
	background:rgba(255,255,255,1);
	position:fixed;
	top:0;
	left:0;
	box-shadow: 1px 2px 3px #ccc;
	z-index:9999;

}
.headerNav h1 img {
	width:13.333333333rem;
	height:6.666666666rem;
	float:left
}
.headerNav .navList ul {
	padding:2.5rem 0 1.833333rem 0
}
.headerNav .navList li {
	margin-left:4.1666666rem;
	font-size:1.3333333333rem;
	line-height:1.3333333333rem;
}
.headerNav .navList li:not(.active):hover a {
	color:#4392ec;
	border-bottom:5px solid #4392ec
}
.headerNav .navList .active a {
	color:#4392ec;
	border-bottom:5px solid #4392ec
}
.headerNav .navList a {
	padding-bottom:2.3333333333rem;
	color:#4a5257;
	text-decoration:none
}
.headerNav .navigation-down {
	width:100%;
	position:fixed;
	top:6.6666666666666rem;
	left:0;
	opacity:0.8;
	z-index:9999;
	background:#368de0
}
.headerNav .nav-down-menu {
	padding-top:2.5rem;
	display:none
}
.headerNav .nav-down-menu dl {
	float:left;
	text-align:left;
	margin-left:6.66666666666rem;
}
.headerNav .nav-down-menu dt,.headerNav .nav-down-menu dd {
	display:block;
	margin-bottom:2.3333333333rem;
	color:#fff
}
.headerNav .nav-down-menu dt {
	font-size:1.5rem;
	line-height:1.5rem;
	font-weight:normal;
	padding-bottom:1rem;
	border-bottom:2px solid #fceba5
}
.headerNav .nav-down-menu dd a {
	font-size:1.3333333333rem;
	line-height:1.3333333333rem;
}
.headerNav #solutions dl {
	margin-left:4.166666666666rem;
}
.headerNav #aboutUs dl {
	margin-left:4.166666666666rem;
}
.headerNav .nav-down-menu dd a {
	color:#fff
}
.headerNav .nav-down-menu .navigation-down-inner .first-menu {
	position: relative;
	margin-left: 45rem;
}


.headerNav .nav-down-menu dd a:hover,.headerNav .nav-down-menu dd a.active {
	color:#fceba5;
	text-decoration:underline
}
.footer {
	width:100%;
	background:#f2f4f6;
	padding-top:60px;
	position:relative;
	top:60px
}
.footer .wrapper {
	height:450px;
	position:relative
}
.footer .footbox1 {
	position:absolute;
	top:0;
	left:0
}
.footer .footbox1 li {
	float:left;
	margin-right:85px
}
.footer .footbox1 li h4,.footer .footbox2 li h4 {
	margin-bottom:15px
}
.footer .footbox1 li span {
	font-size:14px;
	line-height:14px;
	color:#474747;
	padding-bottom:5px;
	border-bottom:2px solid #edb548
}
.footer .footbox1 li a {
	display:block;
	color:#666;
	font-size:12px;
	line-height:12px;
	margin-bottom:15px
}
.footer .footbox1 li a:hover {
	color:#df991f;
	text-decoration:underline
}
.footer .footbox2 {
	height:279px;
	position:absolute;
	top:0;
	right:0;
	margin-bottom:75px
}
.footer .footbox2 .footerLine {
	width:1px;
	height:250px;
	background:#dee2e6;
	position:absolute;
	top:0;
	left:-35px
}
.footer .footbox2 ul {
	padding-left:105px
}
.footer .footbox2 li {
	margin-bottom:40px
}
.footer .footbox2 span {
	font-size:14px;
	line-height:14px;
	color:#474747;
	padding-bottom:5px;
	margin-bottom:12px
}
.footer .footbox2 .codes {
	border:5px solid #dee2e6;
	width:120px;
	height:120px;
	display:block
}
.footer .footbox2 .smcoins {
	width:50px;
	height:50px;
	float:left;
	margin-right:20px
}
.footer .footbox2 .footerQQ {
	background:url(../image/footer-QQ.png) no-repeat
}
.footer .footbox2 .footerQQ:hover {
	background:url(../image/footer-QQ-hover.png) no-repeat
}
.footer .footbox2 .footertel {
	background:url(../image/footer-tel.png) no-repeat
}
.footer .footbox2 .footertel:hover {
	background:url(../image/footer-tel-hover.png) no-repeat
}
.footer .footbox2 .footermessage a {
	width:50px;
	height:50px;
	float:left;
	background:url(../image/footer-message.png) no-repeat
}
.footer .footbox2 .footermessage:hover a {
	background:url(../image/footer-message-hover.png) no-repeat
}
.footer .footbox3 {
	width:1200px;
	text-align:center;
	position:absolute;
	bottom:0;
	left:0
}
.footer .footbox3 p {
	color:#666;
	font-size:12px;
	margin-bottom:20px
}
.slidesnav {
	width:50px;
	height:395px;
	position:fixed;
	top:50%;
	right:0;
	margin-top:-197.5px;
	border-radius:5px 0 0 5px;
	z-index:9999
}
.slidesnav ul {
	list-style:none
}
.slidesnav .icon li {
	width:49px;
	height:50px;
	background:url(../image/icon.png) no-repeat
}
.slidesnav .icon li:hover {
	background:url(../image/iconHover.png) no-repeat
}
.slidesnav .icon li.up {
	background-position:-330px -120px
}
.slidesnav .icon li.qq {
	background-position:-385px -73px
}
.slidesnav .icon li.tel {
	background-position:-385px -160px
}
.slidesnav .icon li.wx {
	background-position:-380px -120px
}
.slidesnav .icon li.zx {
	background-position:-330px -73px
}
.slidesnav .icon li.zx a {
	width:49px;
	height:50px;
	display:block
}
.slidesnav .icon li.down {
	background-position:-330px -160px
}
.slidesnav .info {
	height:187px;
	position:absolute;
	top:55px;
	right:100%;
	background:#67C4ED;
	opacity:0.8;
	width:0px;
	overflow:hidden;
	transition:all 0.5s;
	border-radius:4px 0 0 4px
}
.slidesnav .info.hover {
	width:200px;
	text-align:center
}
.slidesnav .info li {
	width:175px;
	text-align:center
}
.slidesnav .info li p {
	font-size:1.1em;
	line-height:2em;
	padding:15px;
	text-align:left;
	color:#fff;
	font-weight:500
}
.slidesnav .info li.qq {
	text-align:center;
	margin:20px auto 0;
	vertical-align:middle
}
.slidesnav .info li.tel {
	text-align:center;
	margin:30px auto 0;
	vertical-align:middle
}
.slidesnav .info li.wx {
	text-align:center;
	margin:20px auto 0;
	vertical-align:middle
}
.slidesnav .info li.qq p a {
	display:block;
	margin:0 auto;
	margin-top:12px;
	width:100px;
	height:32px;
	line-height:32px;
	font-size:16px;
	text-align:center;
	text-decoration:none;
	border:2px solid #0B89D2;
	border-radius:5px
}
.slidesnav .info li.qq p a:hover {
	color:#FFFFFF;
	border:none;
	background:#0B89D2
}
.slidesnav .info li div.img {
	height:100%;
	background:#DEFFF9;
	margin:15px
}
.slidesnav .info li div.img img {
	width:100%;
	height:100%
}
.slidesnav .index_cy {
	width:27px;
	height:27px;
	background:url(../image/index_cy.png);
	position:absolute;
	right:50%;
	bottom:50px;
	margin-right:-15px;
	background-position:62px -2px;
	cursor:pointer
}
.slidesnav .index_cy2 {
	width:27px;
	height:27px;
	background:url(../image/index_cy.png);
	position:absolute;
	right:50%;
	bottom:50px;
	margin-right:-15px;
	background-position:30px -2px;
	cursor:pointer
}
.scroll-to-top {
	width:32px;
	height:32px;
	position:fixed;
	right:8px;
	bottom:10px;
	text-align:center;
	background:url(../image/up.png) no-repeat;
	cursor:pointer;
	display:none
}