@charset "UTF-8";

body,div,h3,li,p,ul
{
	margin: 0;
	padding: 0;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	font-family: 微软雅黑
}

li
{
	list-style: none
}

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

body
{
	background-color: #fafafa
}

.none {
	display: none;
}

.content
{
	max-width: 1920px;
	min-width: 1200px;
	margin: 0 auto
}

.content .main
{
	width: 100%;
	height: auto;
	margin-top: 90px
}

.content .header
{
	width: 100%;
	height: auto;
	position: fixed;
	top: 0;
	background-color: #fff;
	z-index: 99999
}

.content .header .top_box
{
	width: 1200px;
	height: auto;
	margin: 0 auto;
	overflow: hidden;
    padding: 0 15px;
}

.content .header .logo
{
	float: left;
	margin-top: 18px
}

.content .header .nav
{
	width: 675px;
	height: 90px;
	overflow: hidden;
	float: left;
	font-size: 25px;
	margin-left: 100px
}

.content .header .nav li
{
	float: left;
	height: 90px;
	line-height: 90px;
	padding: 0 30px
}

.content .header .nav li a
{
	color: #000;
	padding: 10px 0
}

.content .header .nav li a.active
{
	border-bottom: 3px solid #2fb6f6
}

.content .header .phone
{
	float: right;
	font-size: 25px;
	line-height: 90px
}

.content .header .phone span
{
	display: inline-block;
	position: relative;
	top: 5px;
	right: 5px;
	width: 30px;
	height: 30px;
	background: url(../Images/icon-phone.png) no-repeat 50%;
	background-size: 100% 100%
}


.content .footer
{
	width: 100%;
	height: 272px;
	background: url(../Images/footer-bg.jpg) no-repeat 50%;
	background-size: 100% 100%;
	padding-top: 50px
}

.content .footer .footer_box
{
	width: 1200px;
	height: auto;
	margin: 0 auto
}

.content .footer .footer_box .intro
{
	width: 100%;
	height: auto;
	overflow: hidden;
	border-bottom: 1px solid #424242;
	padding-bottom: 20px
}

.content .footer .footer_box .intro .internet
{
	float: left;
	color: #fff;
	width: 230px
}

.content .footer .footer_box .intro .internet ul
{
	overflow: hidden;
	width: 260px;
	margin-top: 20px
}

.content .footer .footer_box .intro .internet ul li
{
	float: left;
	margin-top: 15px;
	font-size: 14px;
}

.content .footer .footer_box .intro .internet ul .li2,.content .footer .footer_box .intro .internet ul .li4,.content .footer .footer_box .intro .internet ul .li6
{
	margin-left: 40px
}

.content .footer .footer_box .intro .internet i
{
	display: inline-block;
	width: 5px;
	position: relative;
	top: -5px;
	margin-right: 5px;
	border-top: 1px solid #949494;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	background-color: #fff
}

.content .footer .footer_box .intro .internet .customization
{
	float: left
}

.content .footer .footer_box .intro .nation
{
	float: left;
	width: 600px;
	height: 116px;
	margin: 0 0 0 30px; 
	background-size: 100% 100%
}

.content .footer .footer_box .intro .footer_contact
{
	float: right;
	color: #fff;
	text-align: right;
	letter-spacing: 1px;
}

.content .footer .footer_box .intro .footer_contact .title
{
	color: #fe0;
}

.content .footer .footer_box .intro .footer_contact p
{
	line-height: 30px
}

.content .footer .footer_box .join
{
	width: 100%;
	height: auto;
	overflow: hidden;
	color: #fff
}

.content .footer .footer_box .join .state
{
	float: left;
	margin-top: 20px;
	color: #fff;
}

.content .footer .footer_box .join .state li
{
	float: left
}

.content .footer .footer_box .join .state i
{
	display: inline-block;
	height: 12px;
	border-right: 1px solid #949494;
	margin: 2px 5px 0
}

.content .footer .footer_box .join .share
{
	float: right
}

.footer .title{
    font-size: 16px;
}

.footer p{
    font-size: 14px;
}

.footer .state li {
    font-size: 14px;
}
.consult{	
	width: 50px;
    height: auto;
    position: fixed;
    right: 15px;
    top: 50%;
    z-index: 999999;
    margin-top: -120px;
}
.consult li{
	margin-top: 10px;
	width: 50px;
	height: 50px;
	position: relative;
}
.consult li.active{
	background-color: #02D2D9;
	border-radius: 25px;
}
.consult li div{
	position: absolute;
}
.consult li div.rfold{
	right: 0;
}
.consult li div.runfold{
	right: 50px;
	opacity: 0;
	/* transition: transform 1.5s ease-in-out,opacity 1s ease;
	-webkit-transition: transform 1.5s ease-in-out,opacity 1s ease;
	-moz-transition: transform 1.5s ease-in-out,opacity 1s ease;
	-ms-transition: transform 1.5s ease-in-out,opacity 1s ease;
	-o-transition: transform 1.s ease-in-out,opacity 1s ease; */
}

.consult li div.runfold{
	width: 150px;
	height: 50px;
	background-color: #02D2D9;
	border-radius: 25px;
	color: #FFFFFF;
	line-height: 50px;
	overflow: hidden;
	text-align: center;
	text-indent: -5px;
	letter-spacing: 1px;
	padding-left: 10px;
	font-weight: bold;
	font-size: 16px;
	pointer-events: none;
}
.consult li div.runfold.active{
	opacity: 1;
	/* transform: rotateX(720deg);
	-webkit-transform: rotateX(720deg);
	-moz-transform: rotateX(720deg);
	-ms-transform: rotateX(720deg);
	-o-transform: rotateX(720deg);
 */
}
.consult li.li4 .runfold{
	width: 150px;
	height: 150px;
	background: url(../Images/wxgzh.jpg) no-repeat center;
	background-size: 100% 100%;
}
.consult li div.runfold span{
	float: right;
	background-color: #02D2D9;
}
.consult li span{
	display: inline-block;
	width: 50px;
	height: 50px;
	border-radius: 50%;
}
.consult li.li1 span{
	background: #566075 url(../Images/internet.png) no-repeat center;
	background-size: 100% 100%;
}
.consult li.li2 span{
	background: #566075 url(../Images/qq.png) no-repeat center;
	background-size: 100% 100%;
}
.consult li.li3 span{
	background: #566075 url(../Images/tel.png) no-repeat center;
	background-size: 100% 100%;
}
.consult li.li4 span{
	background: #566075 url(../Images/wechat.png) no-repeat center;
	background-size: 100% 100%;
}