@charset "UTF-8";
#udesk_btn {
	display: none
}
img {
	display: block
}
.header {
	width: 100%;
height:.86rem;
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	z-index: 11
}
.header .product {
	position: relative
}
.header .meanMenu {
	margin-left: 5%
}
.header .meanMenu li {
	float: left;
	position: relative
}
.header .meanMenu li .mean-a {
line-height:.86rem;
	display: block;
margin:0 .4rem;
font-size:.18rem;
	color: #666;
	font-weight: 500
}
.header .meanMenu li .menu {
	display: none;
	transition: all 1s;
	position: absolute;
	width: 2.7rem;
	background: #fff;
padding-bottom:.2rem;
box-shadow:0 .1rem .4rem 0 rgba(111,118,140,.15)
}
.header .meanMenu li .menu-title {
height:.63rem;
line-height:.63rem;
font-size:.16rem;
margin-left:.3rem
}
.header .meanMenu li .menu a {
	display: block;
	width: 2.7rem;
padding:.17rem .3rem
}
.header .meanMenu li .menu a h4 {
font-size:.18rem;
	color: #191919;
line-height:.26rem;
padding-left:.25rem;
	background: url(../images/dropdown_icon@2x.png) no-repeat;
background-size:.2rem auto
}
.header .meanMenu li .menu a p {
	color: #7a7a7a;
font-size:.16rem;
line-height:.2rem;
margin-top:.1rem
}
.header .meanMenu li .menu li:nth-child(1) h4 {
background-position:0 .02rem
}
.header .meanMenu li .menu li:nth-child(2) h4 {
background-position:0 -.28rem
}
.header .meanMenu li .menu li:nth-child(3) h4 {
background-position:0 -.58rem
}
.header .meanMenu li .menu li:nth-child(4) h4 {
background-position:0 -.87rem
}
.header .meanMenu li .menu li:nth-child(5) h4 {
	background-position: 0 -1.17rem
}
.header .meanMenu li .menu li.active a, .header .meanMenu li .menu li:hover a {
	background: #f5f8fe
}
.header .meanMenu li .menu:hover {
	display: block;
	transition: all 1s
}
.header .meanMenu li:hover .mean-a {
	color: #333
}
.header .meanMenu li.active .mean-a:after, .header .meanMenu li:hover .mean-a:after {
	content: "";
width:.1rem;
height:.04rem;
	background: #4f7afd;
border-radius:.02rem;
	position: absolute;
bottom:.2rem;
	left: 50%;
	transform: translateX(-50%)
}
.header .meanMenu li:hover .menu {
	display: block;
	transition: all 1s
}
.header .meanMenu li.active .mean-a {
	color: #333
}
.header .phone1 {
	margin-left: 40%;
line-height:.86rem;
font-size:.16rem;
	color: #666;
	cursor: pointer;
	float: right;
margin-right:.3rem
}
.header .phone1:hover {
font-size:.18rem;
	color: #333
}
.white .phone1, .white .phone1:hover {
	color: #fff
}
.header .logout {
	float: right;
margin-right:.73rem;
line-height:.86rem;
font-size:.16rem;
	color: #666;
	cursor: pointer
}
.footer .col-sm2 li a:hover, .footer .col-sm3 li a:hover, .footer .col-sm4 li a:hover, .footer li a span, .white .logout, .white .meanMenu li.active .mean-a {
	color: #fff
}
.header img {
margin-top:.25rem;
width:.97rem;
height:.39rem;
	margin-left: 1rem
}
.header .bottom {
	display: block;
margin-top:.25rem;
	width: 1.3rem;
height:.4rem;
line-height:.4rem;
font-size:.16rem;
	text-align: center;
	cursor: pointer
}
.header .bottom2 {
	float: right;
margin-right:.73rem;
	color: #fff;
	background-color: #4f7afd;
border-radius:.22rem;
	-webkit-transition: background-color .3s;
	-moz-transition: background-color .3s;
	-ms-transition: background-color .3s;
	-o-transition: background-color .3s;
	transition: background-color .3s
}
.header .bottom2:hover {
	background-color: #2f61f8
}
.header .bottom1 {
	float: right;
margin-right:.23rem;
	border: 1px solid #4f7afd;
	color: #4f7afd;
border-radius:.22rem
}
.header .bottom1:hover {
	background: rgba(72,115,246,.1)
}
.footer-abs {
	position: absolute;
	bottom: 0
}
.footer {
	width: 100%;
	height: auto;
	background: rgba(0,0,0,.38);
	text-align: left;
	overflow: hidden
}
.footer .col-sm1 img {
	width: 1.4rem;
height:.58rem
}
.footer .col-sm1 .logo {
	float: left
}
.footer .col-sm1 .weimoblog {
margin-right:.17rem;
	width: 2.01rem;
height:.43rem
}
.footer .col-sm1 .xiaokelogo {
width:.87rem;
height:.35rem;
margin-top:.1rem
}
.footer .col-sm1 .logospan {
height:.28rem;
	width: 2px;
margin-right:.17rem;
	background-color: #fff;
margin-top:.15rem;
	opacity: .8
}
.footer .col-sm1 a {
	cursor: default
}
.footer .col-sm2 {
	margin-left: 1.4rem
}
.footer .col-sm3, .footer .col-sm4 {
	margin-left: 1.61rem
}
.footer h4 {
font-size:.2rem;
	color: #fff;
	font-weight: 400
}
.footer li:first-child {
margin-top:.1rem
}
.footer li a {
	display: block;
font-size:.16rem;
	color: #a8aabe;
padding-top:.1rem;
line-height:.28rem;
	cursor: pointer
}
.footer-fluid {
margin:.5rem auto 0;
padding-bottom:.28rem;
	overflow: hidden;
	width: 71%
}
.footer .xian {
	margin: 0 3.6rem;
	height: 1px;
	background: rgba(78,78,84,.3)
}
.footer .contain {
	margin: 0 auto
}
.footer .erwei {
	width: 1.22rem;
	height: 1.2rem;
margin-top:.22rem
}
.footer p {
	text-align: center
}
.footer .ipc, .footer p, .footer p a {
	color: #e5e5e7;
font-size:.16rem
}
.footer p.pC {
padding-top:.2rem
}
.footer .ipc {
	text-align: center;
padding:.1rem 0
}
.pop {
right:.24rem;
bottom:.6rem;
	width: 3.59rem
}
.pop .weixin {
	height: 1.15rem;
	z-index: 10
}
.pop .code {
	position: relative;
	width: 3.11rem
}
.pop .code img.pop-code, .pop .code img.pop-erwei {
	position: absolute;
	right: 0;
	bottom: 0;
box-shadow:0 .1rem .4rem 0 rgba(79,122,253,.3)
}
.pop .code img.pop-erwei {
	display: none;
border-radius:.2rem;
	width: 2.2rem;
	height: 2.49rem
}
.pop .code img.pop-code {
width:.94rem;
height:.94rem;
	border-radius: 100%;
	z-index: 2
}
.pop .code .pop-code:hover {
	opacity: 0
}
.pop .code .pop-code:hover~.pop-erwei {
	display: block;
	transition: .1s ease
}
.pop .phone {
	position: relative;
	overflow: hidden;
right:.24rem
}
.consult-box, .online-btn, .pop {
	position: fixed;
	z-index: 999
}
.online-btn {
	cursor: pointer;
right:.66rem;
bottom:.88rem;
	height: 1.44rem;
	width: 1.44rem
}
.pop .phone-img1, .pop .phone-img2 {
	position: absolute;
	transition: all .5s
}
.pop .phone-img1 {
	right: 0;
	filter: alpha(opacity=0);
	width: 3.59rem;
	height: 1.44rem;
	opacity: 0
}
.pop .phone-img2 {
width:.94rem;
height:.94rem;
	border-radius: 100%;
top:.21rem;
right:.24rem;
	box-shadow: 0 20px 50px 0 rgba(0,0,0,.2);
	opacity: 1
}
.consult-box {
right:.28rem;
bottom:.09rem;
	background: url(../images/consult@2x.png);
	background-size: cover;
	width: 3.16rem;
	height: 3.91rem;
	text-align: center;
padding-top:.45rem;
	font-size: 0
}
@keyframes fadeOutRight {
0% {
opacity:1
}
to {
	opacity: 0;
	transform: translate(100%, 0)
}
}
.fadeOutRight {
	animation-name: fadeOutRight
}
@keyframes fadeOutBottomRight {
0% {
opacity:1;
transform:scale(100%, 100%)
}
to {
	opacity: 0;
	transform: scale(0, 0)
}
}
.fadeOutBottomRight {
	animation-name: fadeOutBottomRight
}
@keyframes fadeInBottomRight {
0% {
opacity:0;
transform:scale(0, 0)
}
to {
	opacity: 1;
	transform: scale(100%, 100%)
}
}
.fadeInBottomRight {
	animation-name: fadeInBottomRight
}
@keyframes fadeInRight {
0% {
opacity:0;
transform:translate(100%, 0)
}
to {
	opacity: 1;
	transform: translate(0, 0)
}
}
.fadeInRight {
	animation-name: fadeInRight
}
.fadeInBottomRight, .fadeInRight, .fadeOutBottomRight, .fadeOutRight {
	animation-duration: .3s;
	animation-fill-mode: both;
	transform-origin: 100% 100% 0
}
.fadeInBottomRight, .fadeOutBottomRight {
	display: block
}
.fadeInBottomRight, .fadeInRight {
	animation-delay: .3s
}
.consult-box .close-btn {
	position: absolute;
top:.13rem;
right:.23rem;
width:.3rem;
height:.3rem;
	border-radius: 50%;
	color: #fff;
font-size:.22rem;
	line-height: 1;
	background: rgba(0,0,0,.2);
	border: 2px solid #fff;
	cursor: pointer
}
.consult-box .title {
font-size:.18rem;
	color: #555
}
.consult-box .code-box {
	height: 1.53rem;
	width: 1.53rem;
margin:.06rem auto 0;
	background-color: #fff
}
.code-box img, .try-use-pic img {
	width: 100%
}
.consult-box .ask-online {
	display: inline-block;
margin-top:.28rem;
	padding: 0;
	width: 1.35rem;
height:.4rem;
line-height:.4rem;
font-size:.16rem;
	text-align: center;
	cursor: pointer;
	color: #fff;
	border: 1px solid #fff;
border-radius:.25rem;
	-webkit-transition: background-color .3s;
	-moz-transition: background-color .3s;
	-ms-transition: background-color .3s;
	-o-transition: background-color .3s;
	transition: background-color .3s
}
.consult-box .phone-txt {
margin-top:.08rem;
font-size:.16rem;
line-height:.22rem;
	color: #fff
}
.consult-box .phone-pic {
	display: inline-block;
	vertical-align: middle;
height:.2rem;
width:.2rem;
	background: url(../images/call@2x.png);
	background-size: cover;
margin-right:.07rem
}
.pop .phone .top {
	width: 3.16rem;
	height: 3.91rem
}
.pop .phone .top:hover .phone-img1 {
	opacity: 1;
	filter: alpha(opacity=100)
}
.button, .swiper-button, .swiper10-a {
	display: block;
border-radius:.4rem;
	color: #fff;
	-webkit-transition: background-color .3s;
	transition: background-color .3s
}
.button {
	background-color: #4f7afd;
-webkit-box-shadow:0 .2rem .5rem 0 rgba(79,122,253,.5);
box-shadow:0 .2rem .5rem 0 rgba(79,122,253,.5);
	width: 2.6rem;
height:.8rem;
line-height:.8rem;
	text-align: center;
font-size:.32rem
}
.button:hover, .swiper-button:hover, .try-use-txt .try-btn:hover {
	background-color: #2f61f8
}
.swiper-button, .swiper10-a {
	-moz-transition: background-color .3s;
	-ms-transition: background-color .3s;
	-o-transition: background-color .3s
}
.swiper-button {
	background-color: #4f7afd;
box-shadow:0 .05rem .25rem 0 rgba(79,122,253,.3);
	text-align: center;
margin-top:.1rem;
margin-bottom:.3rem;
	width: 1.7rem;
height:.6rem;
line-height:.6rem;
font-size:.2rem
}
.swiper10-a {
	width: 2.5rem;
height:.8rem;
line-height:.8rem;
margin:.74rem auto 0;
	border: 1px solid #fff;
font-size:.32rem
}
.swiper10-a:hover {
	background-color: rgba(255,255,255,.1)
}
.cfooter {
	position: relative;
	height: 8.97rem;
	background: url(../images/bottom.png);
	background-size: 100% 100%
}
.cfooter-top {
	text-align: center;
	overflow: hidden
}
.cfooter-top h4 {
font-size:.42rem;
line-height:.59rem;
	color: #fff;
margin-top:.57rem;
	font-weight: 400
}
.cfooter-top .swiper10-a {
margin-top:.3rem;
	display: block;
	width: 1.68rem;
height:.5rem;
line-height:.5rem;
font-size:.16rem
}
.code-box {
	width: 7.14rem;
margin:.4rem auto 0;
	font-size: 0
}
.code-box .person, .try-use {
	display: inline-block;
	vertical-align: middle
}
.code-box .person {
	background: url(../images/person@2x.png) no-repeat;
width:.74rem;
	height: 2.25rem;
	background-size: cover
}
.try-use-txt {
	float: left;
	text-align: left;
padding-left:.65rem
}
.try-use {
	width: 6.16rem;
	height: 2rem;
	background: url(../images/call_bg@2x.png) no-repeat;
	background-size: 100% auto;
margin-left:.2rem
}
.try-use-txt .txt1, .try-use-txt .txt2 {
font-size:.28rem;
	color: #fff;
line-height:.4rem;
text-shadow:0 .02rem .04rem rgba(0,0,0,.1);
margin-top:.22rem
}
.try-use-txt .txt2 {
font-size:.18rem;
line-height:.25rem;
margin-top:.04rem
}
.try-use-txt .try-btn {
	display: block;
	width: 1.53rem;
height:.52rem;
line-height:.52rem;
font-size:.18rem;
	text-align: center;
	cursor: pointer;
	color: #fff;
	background-color: #4f7afd;
border-radius:.4rem;
	-webkit-transition: background-color .3s;
	-moz-transition: background-color .3s;
	-ms-transition: background-color .3s;
	-o-transition: background-color .3s;
	transition: background-color .3s;
margin-top:.24rem
}
.try-use-pic {
	width: 1.39rem;
	height: 1.39rem;
border-radius:.1rem;
	overflow: hidden;
	float: right;
margin-top:.27rem;
margin-right:.54rem;
border:.03rem solid #fff
}
.white .meanMenu li .mean-a {
	color: #d9e2fd
}
.try-use-pic, .white .meanMenu li.active .mean-a:after {
	background: #fff
}
.white .bottom1 {
	border: 1px solid #fff;
	color: #fff
}
.white .bottom1:hover {
	border: 1px solid #fff;
	background: rgba(255,255,255,.1)
}
.white .bottom2 {
	background: #fff;
	color: #4f7afd
}
.white .bottom2:hover {
	background: rgba(255,255,255,.9)
}
.down-box {
	position: relative;
	font-size: 0;
margin-right:.32rem;
	cursor: pointer
}
.down-box, .down-box-login {
	float: right
}
.header .down-btn {
	color: #4f7afd;
font-size:.18rem;
line-height:.86rem;
	vertical-align: middle;
margin-left:.03rem
}
.header .icon {
	background: url(../images/phone_w@2x.png);
	background-size: cover
}
.down-box .icon {
	display: inline-block;
	vertical-align: middle;
height:.3rem;
width:.3rem;
	background: url(../images/phone@2x.png);
	background-size: cover
}
.white .icon {
	background: url(../images/phone_w@2x.png);
	background-size: cover
}
.white .down-btn {
	color: #fff
}
.down-box:hover>.pop-erwei {
	display: block;
	transition: .1s ease
}
.header .pop-erwei {
	width: 3.2rem;
	height: 3.49rem;
	position: absolute;
	display: none;
top:.12rem;
right:-.52rem;
	z-index: 100;
border-radius:.2rem
}
.fixed-header {
	position: fixed;
	background: #fff;
-webkit-box-shadow:0 .1rem .3rem 0 rgba(0,0,0,.1);
box-shadow:0 .1rem .3rem 0 rgba(0,0,0,.1);
	-webkit-transition: top .5s ease;
	transition: top .5s ease
}
.polit-popup-fixed {
	position: fixed;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 5.6rem;
	background: #fff;
border-radius:.2rem;
box-shadow:0 .1rem .45rem 0 rgba(90,97,127,.2);
	z-index: 555;
	display: none
}
.polit-popup-logo {
	width: 1.35rem;
	height: 1.35rem;
	background: url(../images/triangle.png) no-repeat;
	background-size: 100% 100%;
	position: absolute;
	left: 2.215rem;
margin-top:-.625rem;
	z-index: 999
}
.polit-popup-des {
	height: 2.5rem;
	overflow: hidden;
	text-align: center
}
.polit-popup-explain {
margin-top:.73rem;
font-size:.26rem;
	color: #555;
letter-spacing:.02rem;
line-height:.4rem
}
.polit-popup-tel {
	font-weight: 700;
font-size:.26rem;
	color: #1d0000;
letter-spacing:.02rem;
line-height:.34rem
}
.polit-popup-btn {
	text-align: center;
	cursor: pointer;
	overflow: hidden;
padding:.16rem .9rem .2rem
}
.polit-popup-btn>a {
	font-weight: 700;
	float: left;
	display: block;
	width: 1.8rem;
height:.5rem;
font-size:.22rem;
	color: #fff;
line-height:.5rem;
border-radius:.25rem
}
.polit-popup-btn .polit-popup-consult, .polit-popup-btn .polit-popup-free {
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	-ms-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s
}
.polit-popup-btn .polit-popup-free {
	background-color: #4572ff;
margin-right:.2rem;
	color: #fff
}
.polit-popup-btn .polit-popup-consult {
	background: #fff;
border:.02rem solid #4873f8;
line-height:.48rem;
	color: #4873f8
}
.polit-popup-consult:hover {
	border-color: #0968ff;
	background-color: #0968ff;
	color: #fff
}
.polit-popup-free:hover {
	background-color: #2f5cff;
	color: #fff
}
.polit-popup-close {
width:.3rem;
height:.3rem;
	position: absolute;
top:.12rem;
right:.12rem;
	z-index: 650;
	cursor: pointer
}
.m-ban-qr-wrap {
	display: none;
	height: 0;
	font-size: 0
}
.m-ban-lnk-qr {
	position: absolute;
	top: -100px;
	left: 200px
}
button, input, optgroup, select, textarea {
	font: inherit;
	margin: 0
}
.header .newLogoDeep, .header .newLogoShallow {
	width: 2.19rem;
height:.4rem;
	float: left;
margin-right:.4rem
}
.header .newLogoShallow {
	display: none
}
.contain {
	min-width: 1200px;
	margin: auto;
}
.nav_top {
	position: fixed;
	top: 0;
	width: 100%;
	height: 64px;
	border-bottom: 1px solid rgba(255, 255, 255, 0.1);
	z-index: 999;
}
.logo {
	margin-top: 14px;
	float: left;
}
.tab {
	float: right;
}
.tab-link {
	padding: 0 20px;
	line-height: 63px;
	display: inline-block;
	color: #FFF;
	cursor: pointer;
}
.tab-link1 {
	padding: 0 20px;
	line-height: 63px;
	display: inline-block;
	color: #FFF;
	cursor: pointer;
}
.adv_active {
	border-bottom: 2px solid #FFF;
}
.tab-link:hover {
	border-bottom: 2px solid #FFF;
}
.tab-btn {
	display: inline-block;
	width: 102px;
	height: 32px;
	border: 1px solid #FFF;
	color: #FFF;
	text-align: center;
	line-height: 32px;
	margin-left: 32px;
	font-size: 15px;
	/*margin-left: 75px;*/
	cursor: pointer;
}
.tab-btn2 {
	display: inline-block;
	width: 240px;
	height: 32px;
	color: #FFF;
	text-align: center;
	line-height: 32px;
	margin-left: 34px;
	display: none;
}
.tab-btn2-enter {
	display: inline-block;
	width: 90px;
	height: 32px;
	background: #E7E5EE;
	color: #0C43C0;
	border-radius: 25px;
	font-size: 14px;
	margin-left: 5px;
	cursor: pointer;
}
.tab-btn2-enter:hover {
	background: #FFF;
}
.tab-btn2-enter a {
	color: #0C43C0;
}