* {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}
.xianhuo{
	width: 300px;
	overflow: hidden;
	background: #E13E70;
	position: fixed;
	top:30%;
	left: 50%;
	margin-left: -150px;
	z-index: 999;
	border-radius: 5px;
        display:none;
}
.xianhuo p{
	color: #fff;
	font-size: 20px;
	padding: 0 15px;
	text-align: center;
	line-height: 40px;
}
.xianhuo1{
	width: 100%;
	height: 20px;
}
.xianhuo a{
	display: block;
	width: 120px;
	margin: 0 auto;
	height: 40px;
	text-align: center;
	line-height: 40px;
	font-size: 18px;
	color: red;
	background: #fff;
	margin-top: 15px;
	margin-bottom: 20px;
}
body {
	background: #f6f6f6;
}

.clearfix::after {
	content: "";
	display: block;
	width: 0;
	height: 0;
	line-height: 0;
	clear: both;
	visibility: hidden;
}

input[type="text"],input[type="number"],input[type="password"] {
	appearance: none;
	-wekit-appearance: none;
	-o-appearance: none;
	-ms-appearance: none;
	-moz-appearance: none;
	outline: none;
	border: none;
}

ul,li {
	list-style: none;
}

body {
	padding-bottom: 120px;
}

.animation {
	transition: all .4s;
	-moz-transition: all .4s;
	-webkit-transition: all .4s;
	-o-transition: all .4s;
	-ms-transition: all .4s;
}

a {
	text-decoration: none;
	color: #333;
}

.banner-bg {
	width: 100%;
	height: 615px;
	background: radial-gradient(#0477c0,#0c96ec);
	background: -moz-radial-gradient(#0477c0,#0c96ec);
	background: -webkit-radial-gradient(#0477c0,#0c96ec);
	background: -o-radial-gradient(#0477c0,#0c96ec);
	position: relative;
}

.banner-bg .arrowbg {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	z-index: 99;
}

.nav-top {
	width: 100%;
	height: 80px;
	color: #fff;
	border-bottom: 1px solid #c7e0f1;
}

.nav-top .nav-center {
	width: 1200px;
	margin: 0 auto;
	height: 80px;
}

.nav-top .nav-center .logo-img {
	float: left;
	height: 50px;
	margin-top: 10px;
}

.nav-top .nav-center .nav-list {
	float: right;
	font-size: 15px;
}

.nav-top .nav-center .nav-list span {
	display: inline-block;
	vertical-align: top;
	height: 80px;
	line-height: 80px;
	margin-left: 30px;
	box-sizing: border-box;
	cursor: pointer;
	position: relative;
}

.nav-top .nav-center .nav-list span:hover,.nav-top .nav-center .nav-list span.cur-item {
	border-bottom: 4px solid #fff;
}

.nav-top .nav-center .reg-btn {
	float: right;
	margin-left: 30px;
	background: #f8fb05;
	width: 100px;
	height: 36px;
	border-radius: 4px;
	text-align: center;
	line-height: 36px;
	font-size: 16px;
	color: #012c48;
	margin-top: 20px;
	cursor: pointer;
}

.banner {
	width: 1200px;
	margin: 0 auto;
	padding-top: 20px;
	cursor: pointer;
}

.botbg {
	width: 100%;
	position: fixed;
	bottom: 0;
	left: 0;
	background: rgba(0,0,0,.7);
	z-index: 300;
}

.botbg .botcenter {
	width: 1200px;
	margin: 0 auto;
	line-height: 80px;
	color: #fff;
	font-size: 30px;
	text-align: center;
	position: relative;
}

.botbg .botcenter b {
	color: #fafd03;
	font-size: 62px;
}

.botbg .botcenter .bm-btn {
	display: inline-block;
	vertical-align: top;
	width: 150px;
	height: 40px;
	border-radius: 6px;
	border: 2px solid #011c52;
	background: #fafd03;
	text-align: center;
	line-height: 36px;
	color: #011c52;
	margin-top: 32px;
	font-size: 24px;
	margin-left: 40px;
	font-weight: 600;
	cursor: pointer;
}

.botbg .botcenter .bm-btn i {
	display: inline-block;
	vertical-align: middle;
	width: 24px;
	height: 24px;
	margin-top: -4px;
	margin-left: 2px;
	background: url(../images/arrow-icon.png) no-repeat center center;
}

.botbg .botcenter .business {
	position: absolute;
	top: -54px;
	left: 120px;
	width: 120px;
	z-index: 500;
}

.new-fixed {
	width: 150px;
	height: 440px;
	position: fixed;
	right: 1px;
	top: 100px;
	background: url(../images/fixbg.png) no-repeat center center;
	z-index: 300;
	background-size: cover;
}

.new-fixed .top-title {
	width: 100%;
	margin-top: 32px;
	text-align: center;
}

.new-fixed .top-title h3 {
	font-size: 15px;
	font-weight: 500;
	color: #011c52;
	margin-top: 5px;
}

.new-fixed .top-title h4 {
	font-weight: 500;
	color: #011c52;
	font-size: 12px;
}

.new-fixed .newqq-list {
	width: 86%;
	margin: 6px auto;
	padding-bottom: 10px;
}

.new-fixed .newqq-list>li {
	padding: 9px 0;
	text-align: center;
	border-bottom: 1px dotted #011c52;
	cursor: pointer;
}

.new-fixed .newqq-list>li:last-child {
	border-bottom: none;
}

.new-fixed .newqq-list>li a {
	display: block;
	width: 100%;
	height: 100%;
}

.new-fixed .newqq-list>li a span:first-child {
	font-size: 13px;
	color: #011c52;
}

.new-fixed .newqq-list>li a span:last-child {
	font-size: 10px;
	color: #fff;
	display: inline-block;
	vertical-align: top;
	padding: 2px 4px;
	border: 1px solid #0477c0;
	border-radius: 3px;
	background: #72b9e6;
}

.new-fixed .newqq-list>li a span:last-child img {
	vertical-align: top;
	margin-right: 4px;
}

.new-fixed .ma-box {
	width: 100%;
	margin-top: 20px;
	text-align: center;
	color: #011c52;
	font-size: 12px;
}

.new-fixed .ma-box img {
	width: 125px;
}

.fnlist {
	width: 1000px;
	margin: 0 auto;
	padding: 25px 0 0;
	text-align: center;
	margin-top: -14px;
	/*background: #ee2851;*/
}

.fnlist>li {
	display: inline-block;
	vertical-align: top;
	margin-bottom: 16px;
	margin-right: 80px;
	position: relative;
	padding-left: 26px;
	font-size: 20px;
	color: #011c52;
}

.fnlist>li img {
	position: absolute;
	top: 2px;
	left: 0;
	width: 24px;
}

.succbox {
	width: 1200px;
	margin: 40px auto;
}

.item-title {
	width: 200px;
	height: 80px;
	text-align: center;
	line-height: 80px;
	background: url(title-bg10.png) no-repeat center center;
	background-size: cover;
	color: #fff;
	font-size: 28px;
	margin: 10px auto;
}

.chatlist {
	margin-top: 30px;
	text-align: center;
}

.chatlist img {
	display: inline-block;
	vertical-align: top;
	width: 260px;
	margin-right: 16px;
	margin-bottom: 16px;
	box-shadow: 2px 2px 6px #aaa;
}

.comparebox {
	width: 100%;
	background: #edf6ff;
	padding: 20px 0 30px;
}

.comparebox .comparecen {
	width: 1200px;
	margin: 0 auto;
}

.comparebox .comparecen .comparecon {
	width: 100%;
	margin-top: 20px;
}

.comparebox .comparecen .comparecon img {
	box-shadow: 2px 2px 4px #bbb;
}

.efflist {
	width: 900px;
	margin: 40px auto 20px;
}

.efflist>li {
	float: left;
	width: 49%;
	height: 120px;
	padding: 30px 0;
	font-size: 14px;
	padding-left: 90px;
	margin-bottom: 20px;
	border-radius: 6px;
	box-shadow: 2px 2px 4px #ddd;
	box-sizing: border-box;
	position: relative;
}

.efflist>li:nth-child(2n) {
	float: right;
}

.efflist>li.li1 {
	background: #eaeaea;
}

.efflist>li.li2 {
	background: #fff;
}

.efflist>li>div {
	color: #000;
	font-size: 19px;
	margin-bottom: 4px;
}

.efflist>li>p {
	color: #777;
	font-size: 16px;
	line-height: 20px;
}

.efflist>li img {
	position: absolute;
	left: 34px;
	top: 36px;
	width: 40px;
}

.efflist>li:hover img {
	top: 28px;
}

.quesbox .quesitem {
	display: inline-block;
	vertical-align: top;
	width: 40%;
	margin-top: 30px;
	margin-left: 100px;
}

.quesbox .quesitem h3 {
	font-weight: 500;
	color: #000;
	font-size: 16px;
	position: relative;
	padding-left: 28px;
	box-sizing: border-box;
	margin-bottom: 6px;
}

.quesbox .quesitem h3 span {
	position: absolute;
	left: 0;
	top: 0;
	width: 22px;
	height: 22px;
	background: #0375be;
	text-align: center;
	line-height: 22px;
	color: #fff;
	border-radius: 50%;
}

.quesbox .quesitem p {
	color: #666;
	font-size: 13px;
	padding-left: 28px;
	box-sizing: border-box;
	line-height: 24px;
}

.maskbox {
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 1000;
	overflow: hidden;
	background: rgba(0,0,0,.4);
}

.maskbox .regcenter {
	width: 540px;
	border-radius: 5px;
	background: #fff;
	position: fixed;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	-webkit-transform: translate(-50%,-50%);
	-o-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	-moz-transform: translate(-50%,-50%);
	z-index: 1100;
	overflow: hidden;
}

.maskbox .regcenter .tipline {
	width: 100%;
	height: 36px;
	background: #f8f8f8;
	text-align: center;
	line-height: 36px;
	color: #000;
	font-size: 16px;
	position: relative;
}

.maskbox .regcenter .tipline .closereg {
	position: absolute;
	top: 9px;
	right: 10px;
	width: 16px;
	height: 16px;
	cursor: pointer;
}

.maskbox .regcenter .inputwrap {
	width: 400px;
	margin: 20px auto;
}

.maskbox .regcenter .inputbox {
	width: 100%;
}

.maskbox .regcenter .inputbox>div {
	width: 100%;
	line-height: 38px;
	border: 1px solid #c8c8c8;
	margin-top: 16px;
	position: relative;
	overflow: hidden;
}

.maskbox .regcenter .inputbox>div .rleft {
	font-size: 13px;
	display: inline-block;
	vertical-align: top;
	width: 100px;
	text-align: center;
	line-height: 38px;
}

.maskbox .regcenter .inputbox .errtxt {
	color: red;
	font-size: 12px;
	padding-left: 100px;
	margin-top: 6px;
}

.maskbox .regcenter .inputbox>div input {
	display: inline-block;
	width: 200px;
	padding: 8px 0;
	height: 24px;
	line-height: 24px;
}

.maskbox .regcenter .inputbox>div .vbtn {
	position: absolute;
	right: 0;
	top: 0;
	width: 120px;
	height: 38px;
	text-align: center;
	line-height: 38px;
	background: #f6f6f6;
	font-size: 12px;
	cursor: pointer;
}

.agreeline {
	width: 100%;
	line-height: 40px;
	font-size: 12px;
	color: #666;
}

.agreeline span {
	font-size: 12px;
	color: red;
	cursor: pointer;
}

.agreeline input {
	vertical-align: middle;
	margin-right: 4px;
}

.regline {
	width: 100%;
	text-align: center;
	margin-top: 20px;
}

.regline>span {
	display: inline-block;
	vertical-align: top;
	width: 140px;
	height: 36px;
	text-align: center;
	line-height: 36px;
	background: #c80000;
	color: #fff;
	margin: 0 20px;
	border-radius: 4px;
	font-size: 16px;
	cursor: pointer;
}

.regline>span:hover {
	opacity: .8;
}

.bottom {
	width: 100%;
	border-top: 1px solid #DDD;
	background: #F9F9F9;
	overflow: hidden;
}

ul,li {
	list-style: none;
}

a {
	text-decoration: none;
	color: #333;
}

.transitionani {
	transition: all .4s;
	-webkit-transition: all .4s;
	-o-transition: all .4s;
	-moz-transition: all .4s;
	-ms-transition: all .4s;
}

.bottom .exptxt {
	text-align: center;
	color: #888;
	font-size: 12px;
}

.bottom .sites i {
	margin: 0 3px;
	font-style: normal;
	font-weight: 400;
	color: #ddd;
}

.bottom .tb-footer-mod {
	background: url(../images/share.jpg) no-repeat -861px 0px;
	width: 20px;
	height: 20px;
	display: inline-block;
	vertical-align: middle;
}

.bottom-nav {
	width: 400px;
	text-align: center;
	margin: 20px auto;
}

.bottom-nav li {
	display: inline-block;
	vertical-align: top;
	padding: 0 8px;
	border-right: 1px solid #ddd;
}

.bottom-nav li a {
	color: #666;
	font-size: 13px;
	text-decoration: none;
}

.bottom .sites {
	text-align: center;
	font-size: 12px;
	line-height: 27px;
	overflow: hidden;
	margin-top: 8px;
}

.bottom .sites span {
	margin: 0 4px;
	color: #9c9c9c;
}

.bottom .sites span a {
	white-space: nowrap;
	color: #6c6c6c;
	text-decoration: none;
}

.exptxt {
	text-align: center;
	margin-bottom: 20px;
	font-size: 12px;
	color: #9c9c9c;
}

.exptxt a {
	text-decoration: none;
}

.swiper-container-horizontal>.swiper-pagination-bullets,.swiper-pagination-custom,.swiper-pagination-fraction {
	text-align: center;
}

.swiper-pagination-bullet {
	width: 16px;
	height: 16px;
}

.swiper-button-prev,.swiper-container-rtl .swiper-button-next {
	background-image: url(left-arrow.png);
	margin-top: -70px;
	background-color: rgba(12,150,236,.2);
	padding: 10px;
	border-radius: 4px;
	width: 50px;
	height: 54px;
}

.swiper-button-next,.swiper-container-rtl .swiper-button-prev {
	background-image: url(right-arrow.png);
	margin-top: -70px;
	background-color: rgba(12,150,236,.2);
	padding: 10px;
	border-radius: 4px;
	width: 50px;
	height: 54px;
}

.swiper-container-horizontal>.swiper-pagination-bullets,.swiper-pagination-custom,.swiper-pagination-fraction {
	padding-top: 15px;
}

.sprints {
	width: 826px;
	height: 30px;
	margin: 20px auto;
	background: url(../images/sprite-icon.png) no-repeat 0 0;
	position: relative;
	background-size: cover;
}

.sprints a {
	position: absolute;
	top: 0;
	height: 30px;
}

.sprints a#sprite1 {
	width: 75px;
	left: 0;
}

.sprints a#sprite2 {
	width: 90px;
	left: 80px;
}

.sprints a#sprite3 {
	width: 74px;
	left: 175px;
}

.sprints a#sprite4 {
	width: 75px;
	left: 254px;
}

.sprints a#sprite5 {
	width: 86px;
	left: 334px;
}

.sprints a#sprite6 {
	width: 100px;
	right: 300px;
}

.sprints a#sprite7 {
	width: 172px;
	right: 120px;
}

.sprints a#sprite8 {
	width: 112px;
	right: 0;
}
.pages{
      margin-bottom: 20px;
      clear: both;
    font-family: Arial, Helvetica, sans-serif;
    line-height: normal;
    font-size: 14px;
    margin-top: 15px;
    overflow: hidden;
    text-align:center;
  }
.pages a,.pages span{
      display: inline-block;
    color: #390;
    font-weight: normal;
    text-decoration: none;
    letter-spacing: 0px;
    border: 1px solid #ccc;
    margin-top: 5px;
    margin-right: 2px;
    margin-bottom: 5px;
    margin-left: 2px;
    line-height: 32px;
    text-align: center;
    height: 32px;
    width: 50px;
  } /* SPAN */
.pages a:hover, .pages a.current{
  color:#F44;
  border:1px solid #F44
  } /* ǰмʱ */
.pages input{
      padding: 0px;
    color: #390;
    height: 30px;
    width: 47px;
    border: 0px solid #fff;
    text-align: center;
    margin-right: -5px;
    margin-bottom: 4px;
    margin-left: -5px;
    vertical-align: middle;
    font-size: 12px;
  }

.mask{position: fixed;width: 100%;height: 100%;top: 0;left: 0;z-index: 9999999999;display: none;}
.mask-bg{position: fixed;width: 100%;height: 100%; background: rgba(0,0,0,0.5);}
.mask-content{width: 340px;height: 340px;position: absolute;top: 50%;left: 50%;margin-left: -170px;margin-top: -170px;background-color: #fff;text-align: center;border-radius: 10px;-moz-box-shadow:2px 2px 5px #666666; -webkit-box-shadow:2px 2px 5px #666666; box-shadow:2px 2px 5px #666666;}
.mask-container{width: 100%;height: 100%;position: relative;}
.mask-container img{width: 92%;}
.mask-close{position: absolute;font-size: 20px;right: 4px;top: 2px;cursor: pointer;}
#kefu-weixin{cursor: pointer;}
.mask-container p{text-align:center;color:#333;font-size:16px;margin-top:-10px;}




