body,html {
	margin:0;
	padding:0;
}
a,a:hover,a:focus {
	text-decoration:none;
	outline:none;
	color:#000;
}
*{
	margin:0;
	padding:0;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
}
img {
	vertical-align:top;
	outline:none;
	height:auto;
}
a img {
	border:none;
	border-style:none;
}
*:focus {
	outline:none;
}
a,input,button {
	outline:none;
}
::-moz-focus-inner {
	border:0px;
}
div,form,img,ul,ol,li,dl,dt,dd,p {
	margin:0;
	padding:0;
	list-style:none;
	border:0;
}
*{
	font-family: "SF Pro SC","SF Pro Display","SF Pro Icons","PingFang SC","Helvetica Neue","Helvetica","Arial",sans-serif;
	font-weight:500;
	font-size: 14px;
}
/*伸缩布局*/
.display-flex{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    align-content: flex-start;
}
.justify-content{
	-webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.align-center{
	-webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}
.justify-space-between{
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
.justify-space-around {
    justify-content: space-around;
}

.text-align-right{
	text-align: right;
}
.text-align-left{
	text-align: left;
}
.text-align-center{
	text-align: center;
}
.float-left{
	float: left;
}
.greyBg{
	background: #f4f8fb;
}
.paddingTD80{
	padding: 80px 0;
}
.width50{
	width: 50%;
}
.position-relative{
	position: relative;
}

/*内容部分*/
.content{
	width: 1200px;
	margin-left: auto;
    margin-right: auto;
}
/*导航*/
header{
	width: 100%;
	height: 63px;
	background: #ffffff;
}
.logo{
	width: 126px;
}
.headerTitle{
	margin-left: 25px;
}
.headerTitle>li{
	float: left;
	position: relative;
}
.headerTitle>li>a{
	color: #333;
	height: 63px;
	line-height: 63px;
	padding: 0 20px;
	margin: 0 5px;
	display: block;
	background: #ffffff;
}
.headerTitle>li:hover a{
	font-weight: bold;
}
.headerTitle>li:hover{
	color: #C6CAD7;
}
.headerTitle>li:hover:before{
	content: " ";
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	height: 4px;
	width: 100%;
	background: #28B28B;
}      
.headerTitleDown{
	display: none;
	position: absolute;
	top: 63px;
	width: 140px;
	background: #ffffff;
	-moz-box-shadow: 0 1px 3px #C6CAD7;
	-webkit-box-shadow: 0 1px 3px #C6CAD7;
	box-shadow: 0 1px 3px #C6CAD7;
	z-index: 99;
}
.headerTitleDown li{
	float: left;
	width: 100%;
}
.headerTitleDown li a{
	color: #666;
	height: 40px;
	line-height: 40px;
	padding: 0 14px;
	display: block;
}
.headerTitleDown li a:hover{
	color: #28B28B;
	background: #F4F8FB;
	font-weight: bold;
}
.headerTitle li:hover .headerTitleDown{
	display: block;
}
.headerTitleOn>a{
	color: #333;
	font-weight: bold;
}
.headerTitleDown li.headerTitleDownOn a{
	color: #28B28B;
	background: #F4F8FB;
	font-weight: bold;
}
.headerRegister{
	width: 54px;
	height: 33px;
	line-height: 33px;
	text-align: center;
	border: 1px solid #E5E5E5;
	background: #fff;
	color: #666;
	cursor: pointer;
	margin-right: 10px;
	display: inline-block;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	-ms-border-radius: 2px;
	-o-border-radius: 2px;
	border-radius: 2px;
}
.headerRegister:hover{
	border: 1px solid #28B28B;
	background: #28B28B;
	color: #fff;
}
.headerLogin{
	width: 54px;
	height: 33px;
	line-height: 33px;
	text-align: center;
	border: 1px solid #28B28B;
	background: #28B28B;
	color: #fff;
	cursor: pointer;
	float: right;
	display: inline-block;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	-ms-border-radius: 2px;
	-o-border-radius: 2px;
	border-radius: 2px;
}
.headerLogin:hover{
	border: 1px solid #239F7C;
	background: #239F7C;
	color: #fff;
}
.headerUser{
	height: 63px;
	position: relative;
}
.headerUser>.headerTitleDown{
	right: 18px;
}
.headerUser>.headerTitleDown li a{
	font-weight: bold;
}
.headerUser:hover .headerTitleDown{
	display: block;
}
.headerUserImg{
	width: 38px;
	height: 38px;
	border:1px solid #28B28B;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	-o-border-radius: 50%;
	border-radius: 50%;
}
.headerArrow{
	border-width: 1px 1px 0px 0px;
	border-style: solid;
	border-color: #28B28B;
	width: 10px;
	height: 10px;
	margin-left: 8px;
	display: inline-block;
	transition: all .3s;
	transition: all .3s;
	-moz-transition: all .3s;
	-webkit-transition: all .3s;
	-o-transition: all .3s;
	transform:rotate(135deg);
	-ms-transform:rotate(135deg);
	-moz-transform:rotate(135deg);
	-webkit-transform:rotate(135deg);
	-o-transform:rotate(135deg);
}
.headerUser:hover .headerArrow{
	transform:rotate(-45deg);
	-ms-transform:rotate(-45deg);
	-moz-transform:rotate(-45deg);
	-webkit-transform:rotate(-45deg);
	-o-transform:rotate(-45deg);
}


/*底部*/
.footerBg{
	background: #373F5E;
}
.footerTop{
	color: #AFB2BE;
	padding: 0 100px 40px;
}
.footerTop a{
	font-size: 14px;
	color: #AFB2BE;
}
.footerTop p{
	font-size: 14px;
	line-height: 34px;
	color: #AFB2BE;
}
.footerTop a:hover{
	text-decoration: underline;
}
.footerTopTitle{
	font-size: 18px;
	color: #ffffff;
	margin: 70px 0 24px;
	display: inline-block;
}
.footerSmall{
	height: 14px;
	margin-top: 10px;
	margin-right: 4px;
}
.ScanContact{
	text-align: right;
}
.ScanContact img{
	width: 130px;
	height: 130px;
	margin: 70px 0 20px;
}
.Links{
	border-top: 1px solid #4B536E;
	padding: 13px 100px;
	color: #ffffff;
}
.Links span{
	margin-right: 38px;
	line-height: 28px;
	font-size: 12px;
}
.Links a{
	color: #AFB2BE;
	font-size: 12px;
}
.Links a:hover{
	text-decoration: underline;
}
.copyright{
	border-top: 1px solid #4B536E;
	padding: 13px 100px 0;
	color: #AFB2BE;
	font-size: 12px;
	height: 110px;
}
/*右侧客服*/
.KfBg{
	position: fixed;
	right: 1px;
	bottom: 100px;
	z-index: 99;
}
.KfList{
	width: 42px;
	height: 42px;
	line-height: 42px;
	margin-bottom: 1px;
}
.KfList a{
	width: 100%;
	height: 100%;
	color: #ffffff;
	display: block;
	overflow: hidden;
}
.KfList span{
	font-size: 12px;
	color: #ffffff;
}
.KfListImg{
	width: 42px;
	height: 42px;
	float: left;
}
.KfListImg img{
	width: 18px;
	height: 18px;
}
.KfBg:hover .KfList{
	width: 136px;
}
.border-radius-top{
	-webkit-border-radius: 8px 0 0 0;
	-moz-border-radius: 8px 0 0 0;
	-ms-border-radius: 8px 0 0 0;
	-o-border-radius: 8px 0 0 0;
	border-radius: 8px 0 0 0;
}
.border-radius-bottom{
	-webkit-border-radius: 0 0 0 8px;
	-moz-border-radius: 0 0 0 8px;
	-ms-border-radius: 0 0 0 8px;
	-o-border-radius: 0 0 0 8px;
	border-radius: 0 0 0 8px;
}
.KfColor1{
	background: #28b28b;
}
.KfColor2{
	background: #33B691;
}
.KfColor3{
	background: #3EBA97;
}
.KfColor4{
	background: #49BE9D;
}
.KfColor5{
	background: #53C2A3;
}
.KfColor6{
	background: #5EC6A9;
}
.KfColor7{
	background: #68C9AD;
}
.ScanCode{
	position: relative;
}
.ScanCodeMainBg{
	display: none;
	position: absolute;
	top: 0;
	left: -160px;
	padding-right: 12px;
}
.ScanCodeMain{
	width: 148px;
	background: #ffffff;
	text-align: center;
	padding-top: 23px;
	-moz-box-shadow: 0 4px 24px rgba(7,0,109,.19);
	-webkit-box-shadow: 0 4px 24px rgba(7,0,109,.19);
	box-shadow: 0 4px 24px rgba(7,0,109,.19);
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-ms-border-radius: 10px;
	-o-border-radius: 10px;
	border-radius: 10px;
}
.ScanCodeMain img{
	width: 102px;
	height: 102px;
}
.ScanCodeMain p{
	font-size: 12px;
	line-height: 24px;
	margin: 4px auto 15px;
	display: inline-block;
}
.ScanCode:hover .ScanCodeMainBg{
	display: block;
}
/*弹出层*/
.PopUpsBg{
	display: none;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,.5);
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 999999;
}
.PopUps{
	width: 100%;
	height: 100%;
}
.PopUpsMain{
    position: relative;
    background: #ffffff;
    margin: 0 auto 50px;
    border-radius: 2px;
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .3);
    box-shadow: 0 1px 3px rgba(0, 0, 0, .3);
    box-sizing: border-box;
    width: 50%;
    max-width: 540px;
    overflow: auto;
}
.PopUpsTop{
	display: block;
	padding: 20px 20px 10px;
}
.Tpop-title{
    line-height: 24px;
    font-size: 18px;
    color: #333333;
}
.Tpop-close{
    position: absolute;
    top: 20px;
    right: 20px;
    padding: 0;
    background: 0 0;
    border: none;
    outline: 0;
    cursor: pointer;
    font-size: 22px;
    color: #999999;
}
.PopUpsBody{
	text-align: center;
    padding: 30px 20px;
    color: #333333;
    font-size: 14px;
    word-break: break-all;
}

.PopUpsFooter{
	padding: 10px 20px 20px;
    text-align: right;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.PopUpsSure{
	width: 80px;
	height: 40px;
	background: #28b28b;
	color: #ffffff;
	font-size: 14px;
	border: none;
	cursor: pointer;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	-ms-border-radius: 2px;
	-o-border-radius: 2px;
	border-radius: 2px;
}
.PopUpsSure:hover{
	background: #239f7c;
}
/*滚动条*/
.test-1::-webkit-scrollbar {
	width: 2px;
	height: 1px;
}
.test-1::-webkit-scrollbar-thumb {
	border-radius: 2px;
	background: #93d8c5;
}			
			
/*首页弹出层*/
.SLColor,.SLColor a,.SLColor a:active{
	color: #28b28b;
}
.ShortLink p{
	font-size: 16px;
}
.ShortLink a{
	font-size: 16px;
}
.SLTitle{
	font-weight: bold;
	font-size: 18px;
	margin-bottom: 16px;
}
.ShortLink img{
	margin-top: 16px;
}