@charset "utf-8";

.wrap {
	width: 1000px;
	margin: 0 auto
}
.index_block_2018 .wrap {
	width: 1020px;
	height: 490px
}
.clearfix {
	zoom: 1
}
.clearfix:after {
	content: '';
	display: block;
	height: 0;
	clear: both
}
.bot_wrap {
	width: 681px;
	margin: 0 auto;
	overflow: hidden
}
.index_block.index_block_2018, .index_block_color.index_block_2018 {
	padding: 0;
	position: relative;
	clear: both
}
.wrap .left, .wrap .right {
	position: relative;
	display: flex;
	max-width: 610px;
	height: 100%;
	align-items: center
}
.wrap .left {
	float: left
}
.wrap .right {
	float: right;
	text-align: right
}
.four-big-img img, .one-big-img img {
	margin-bottom: -4px
}
.index_block_2018 .top-w {
	height: 16px;
	position: absolute;
	width: 100%;
	top: 0;
	background: #fff;
	left: 0
}
.new_pro_list {
	width: 100%
}
.new_pro_list .pro_item {
	width: 100%;
	background: #fff
}
.gray_bg {
	background-color: #fafafc!important
}
.new_pro_list .item_inner {
	position: relative;
	box-sizing: border-box;
	width: 1000px;
	height: 738px;
	margin: 0 auto;
	padding-top: 60px;
	text-align: center
}
.item_inner p {
	position: relative;
	text-align: center
}
.item_inner .title {
	margin: 74px 0 23px 0;
	font-weight: 700;
	font-size: 32px;
	color: #3aa800
}
.item_inner .sub_title {
	font-weight: 700;
	font-size: 32px;
	color: #222
}
.item_inner .sub_head {
	margin: 20px 0;
	font-size: 20px;
	color: #222
}
.item_inner .tail::after {
	position: absolute;
	left: 50%;
	bottom: -30px;
	content: ' ';
	width: 40px;
	height: 7px;
	margin-left: -20px;
	border-radius: 3px;
	background-color: #00a5f9
}
.item_inner .solution_img {
	width: 1001px;
	height: 420px
}
.banner02, .banner03, .banner04, .item_inner .banner01 {
	position: relative;
	width: 1000px;
	height: 530px;
	margin-top: 60px;
	overflow: hidden
}
ul.icon {
	margin: 0;
	padding: 0;
	position: absolute;
	top: 0;
	width: 100%;
	text-align: center
}
ul.icon li {
	display: inline-block;
	width: 100px;
	margin: 0 33px;
	padding: 0;
	cursor: pointer
}
ul.icon li span {
	display: block;
	width: 36px;
	height: 36px;
	margin: 15px auto;
	overflow: hidden
}
.banner01 ul.icon li span {
	background: url(/www/images/new/product_1808/banner_icons_01.png) no-repeat
}
.banner02 ul.icon li span {
	background: url(/www/images/new/product_1808/banner_icons_02.png) no-repeat
}
.banner03 ul.icon li span {
	background: url(/www/images/new/product_1808/banner_icons_03.png) no-repeat
}
.banner04 ul.icon li span {
	background: url(/www/images/new/product_1808/banner_icons_04.png) no-repeat
}
ul.icon li span.i0 {
	background-position: 0 0
}
ul.icon li span.i00 {
	background-position: 0 -36px
}
ul.icon li span.i1 {
	background-position: -36px 0
}
ul.icon li span.i11 {
	background-position: -36px -36px
}
ul.icon li span.i2 {
	background-position: -72px 0
}
ul.icon li span.i22 {
	background-position: -72px -36px
}
ul.icon li span.i3 {
	background-position: -108px 0
}
ul.icon li span.i33 {
	background-position: -108px -36px
}
ul.icon li:hover {
	color: #3aa800!important
}
ul.icon li:hover .i0 {
	background-position: 0 -36px
}
ul.icon li:hover .i1 {
	background-position: -36px -36px
}
ul.icon li:hover .i2 {
	background-position: -72px -36px
}
ul.icon li:hover .i3 {
	background-position: -108px -36px
}
.current_font {
	color: #3aa800
}
.pointer {
	position: absolute;
	width: 27px;
	height: 15px;
	top: 101px;
	z-index: 2;
	border-bottom: 1px solid #fff
}
.divider {
	position: absolute;
	width: 100%;
	height: 1px;
	top: 115px;
	left: 0;
	z-index: 1
}
ul.content {
	margin: 0;
	padding: 0;
	position: absolute;
	top: 120px;
	height: 410px;
	text-align: center;
	overflow: hidden;
	list-style: none
}
ul.content li {
	float: left
}
ul.content li div.content_inner {
	display: inline-block;
	width: 1000px;
	height: 410px;
	box-sizing: border-box;
	padding: 45px 80px
}
ul.content li div.content_inner .desc {
	display: inline-block;
	width: 375px;
	height: 320px;
	text-align: left;
	margin-top: 20px
}
ul.content li div.content_inner .desc .desc_title {
	font-weight: 700;
	font-size: 24px;
	color: #222;
	letter-spacing: 0;
	line-height: 24px;
	margin: 40px 0
}
ul.content li div.content_inner .desc .desc_detail {
	font-size: 16px;
	color: #666;
	letter-spacing: 0;
	line-height: 24px;
	text-align: left
}
ul.content li div.content_inner img {
	margin: 0;
	width: 460px;
	height: 320px;
	float: right
}
.new_pro_list .pro_img {
	overflow: hidden;
	position: absolute
}
.new_pro_list .pro_text {
	float: right;
	font-size: 14px
}
.new_pro_list .bg .pro_img {
	right: 0
}
.new_pro_list .bg .pro_text {
	float: left
}
.new_pro_list .pro_text p {
	line-height: 35px;
	color: #666
}
.new_pro_list .pro_text p.pro_text_title {
	color: #262626;
	font-size: 34px;
	line-height: 1.41;
	margin-bottom: 50px
}
.bot-jp {
	text-align: center;
	height: 292px;
	background: url(/www/images/new/index/bot_reg.png) center no-repeat;
	padding: 65px 0 42px 0;
	box-sizing: border-box
}
.bot-jp h2 {
	font-size: 32px;
	color: #333;
	padding-bottom: 35px;
	padding-top: 15px
}
.bot-jp .btn {
	display: inline-block;
	width: 180px;
	height: 60px;
	border-radius: 3px;
	background: #00a5f9;
	text-align: center;
	letter-spacing: 1.8px;
	cursor: pointer
}
.bot-jp .btn a {
	display: block;
	font-size: 24px;
	font-weight: 700;
	color: #fff;
	line-height: 60px;
	letter-spacing: 1.2px
}
.bot-jp .btn:hover {
	background: #5dd21f
}
.bot-jp .btn:active {
	background: #4cb713
}
.video_box_new {
	width: 986px;
	margin: 0 auto
}
.video_box_new .video_font {
	position: relative;
	font-size: 24px;
	text-align: center;
	padding: 0;
	color: #222;
	font-weight: 700;
	margin-bottom: 70px;
	font-size: 32px;
	color: #000;
	letter-spacing: 0;
	text-align: center
}
.video_box_new .video_font img {
	width: 163px;
	height: 47px
}
.video_box_new .video_font::after {
	position: absolute;
	left: 50%;
	bottom: -26px;
	content: ' ';
	width: 40px;
	height: 6px;
	margin-left: -20px;
	border-radius: 3px;
	background-color: #00a5f9
}
.video_box_new .video_font a {
	position: absolute;
	right: 0;
	top: 46px;
	color: #2580e6;
	font-size: 14px
}
.video_box_new .video_list {
	height: 191px;
	overflow: hidden;
	width: 102%;
	margin: 25px 0
}
.last_video_link {
	margin-right: 0
}
.video_box_new .video_list li {
	width: 235px;
	height: 186px;
	position: relative;
	float: left;
	margin-right: 20px;
	transition: box-shadow .3s;
	cursor: pointer
}
.last_video_link {
	margin-right: 0!important
}
.video_box_new .video_list li:hover {
	box-shadow: 1px 1px 10px #403636
}
.video_box_new .video_list li img {
	width: 235px;
	height: 140px
}
.video_box_new .video_list li span.video_desc {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 45px;
	z-index: 5;
	text-align: center;
	line-height: 45px;
	font-size: 14px;
	color: #222;
	background-color: #f3f5f6
}
.prizes {
	width: 100%;
	height: auto
}
.prizes .prize_item {
	float: left;
	position: relative;
	width: 33.3%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	text-align: left
}
.prizes .prize_item img {
	width: 45px;
	height: 100px
}
.prizes .prize_item .prize_text {
	display: inline-block;
	position: absolute;
	top: 21px;
	left: 60px;
	font-size: 12px;
	line-height: 20px;
	color: #666
}
.prizes .prize_item:hover .prize_text .prize_text_title {
	color: #00a5f9
}
.prizes .prize_item .prize_text .prize_text_title {
	font-size: 16px;
	line-height: 24px;
	color: #222
}
.footerPadding {
	padding-bottom: 330px;
	clear: both
}
.agent .recruitBox, .articleBox .boldTit, .articleBox .pultime, .blueNav a, .detailsBox .tit, .downLink .box p, .downLink .dbarBox, .header .nav, .heplList, .queryBox .onLineQQ {
	font-family: 'Microsoft Yahei', 'PingFang SC', 'Helvetica Neue', Helvetica, Arial, 'Hiragino Sans GB', 'Heiti SC', 'WenQuanYi Micro Hei', sans-serif
}
.agent .apply_agent p, .agent .com_box_ec span i, .agent .joinEc, .apply_agent .pp_agent i, .articleBox .title, .blueNav a, .bot_point a, .caseBanner a, .font_box .sle .topimg, .new_box .nb_tit .more {
	background: url(/www/images/new/login/ec_gw.png) no-repeat
}
.articleBox .pultime, .caseBox .more, .ecDown .downBox .icon, .font_box .sle span, .queryBox .onLineQQ i, .simSelect .simBtn, .simSelect2 .simBtn, .support .search .bnt_sos, .support .search button {
	background: url(/www/images/new/icon.png) no-repeat
}
.header {
	width: 100%;
	position: fixed;
	top: 0;
	left: 0;
	background: #fff;
	z-index: 101
}
.official_web_index {
	background: 0 0
}
.official_web_index .btn .login {
	color: #000
}
.header-container {
	height: 60px;
	overflow: hidden;
	z-index: 300;
	width: 1000px;
	margin: 0 auto
}
.header .logo {
	margin: 12px 0 0 0
}
.header .logo a {
	display: inline-block
}
.header .nav {
	font-size: 14px;
	height: 50px;
	margin-left: 155px
}
.header .nav li {
	display: inline-block;
	height: 60px;
	line-height: 60px;
	margin-right: 50px
}
.header .nav a {
	color: #000;
	position: relative
}
.header .nav a:focus {
	outline: #a6c7ff solid 1px!important
}
.header .nav a:active, .header .nav a:hover, .header .nav a:visited {
	outline: 0!important
}
.official_web_index .nav a {
	color: #fff
}
.header .nav .cur, .header .nav a:hover {
	color: #00a5f9!important
}
.header .btn {
	margin: 15px 0 0 0;
	font-size: 14px;
	background: 0 0;
	position: relative;
	z-index: 99
}
.header .btn .login {
	line-height: 24px;
	text-align: center;
	display: inline-block;
	color: #fff;
	background: 0 0
}
.header .btn .login:hover {
	line-height: 24px;
	text-align: center;
	display: inline-block;
	color: #00a5f9!important;
	background: 0 0
}
.header .btn .icon-reg {
	line-height: 30px;
	text-align: center;
	display: inline-block;
	color: #fff
}
.header .btn .icon-reg.login {
	color: #fff
}
.index_official.header .btn .icon-reg.login {
	color: #000
}
.static-border-bottom.header .btn .icon-reg.login {
	color: #000
}
#pageinfo, #pager {
	padding-right: 0
}
.banner {
	width: 100%;
	height: 726px;
	overflow: hidden;
	position: relative
}
.banner .slides li {
	text-align: center;
	width: 100%;
	height: 726px
}
.banner.index {
	height: 600px
}
.banner.index .slides li {
	height: 610px
}
.banner .slides li a {
	display: block;
	width: 100%;
	height: 100%
}
.banner .slides .b1 {
	background: url(/www/images/new/banner/banner_01.png) center no-repeat
}
.banner .slides .b2 {
	background: url(/www/images/new/banner/banner_01.png) center no-repeat
}
.banner .slides .b3 {
	background: url(/www/images/new/banner/banner_01.png) center no-repeat
}
.banner .slides .b4 {
	background: url(/www/images/new/banner/banner_01.png) center no-repeat
}
.banner .flex-control-nav {
	position: absolute;
	bottom: 3px;
	text-align: center;
	width: 100%
}
.banner .flex-control-nav li {
	display: inline-block
}
.banner .flex-control-nav a {
	display: inline-block;
	width: 14px;
	height: 14px;
	background: url(/www/images/new/control-nav.png) no-repeat -25px 0;
	font-size: 0;
	margin: 0 5px;
	cursor: pointer
}
.banner .flex-control-nav a.flex-active {
	background-position: 0 0
}
.banner .slides-container {
	padding-top: 112px;
	width: 1000px;
	margin: 0 auto;
	overflow: hidden
}
.banner .slides-container .left {
	float: left
}
.banner .slides-container .right {
	float: right
}
.banner .slides li .banner-button {
	width: 166px;
	height: 45px;
	line-height: 45px;
	font-size: 18px;
	color: #000;
	margin-top: 15px;
	text-align: center;
	font-family: 'Microsoft Yahei', 'PingFang SC', 'Helvetica Neue', Helvetica, Arial, 'Hiragino Sans GB', 'Heiti SC', 'WenQuanYi Micro Hei', sans-serif;
	border-width: 1px;
	border-style: solid;
	border-color: #fde01e;
	background: #fde01e;
	border-radius: 25px;
	transition: all .2s ease;
	cursor: pointer
}
.banner .slides li .banner-button:hover {
	background: #f0d312;
	border-color: #f0d312
}
.banner .slides li .pc10_down {
	width: 976px;
	padding-top: 322px;
	margin: 0 auto;
	text-align: left
}
.banner .slides li .pc10_down span {
	width: 206px;
	height: 50px;
	line-height: 50px;
	text-align: center;
	background: #5bcc1f;
	font-size: 24px;
	display: inline-block;
	color: #fff;
	border-radius: 3px
}
.banner .slides li .pc10_down span:hover {
	background: #59be1f
}
.proBanner {
	position: relative;
	background-position: center 100%;
	background-repeat: no-repeat;
	height: 510px;
	text-align: center;
	border-bottom: 1px solid #e6e6e6
}
.proBanner p {
	position: relative;
	top: 125px;
	font-weight: 700;
	font-size: 32px;
	color: #fff;
	text-align: center
}
.proBanner p::after {
	position: absolute;
	left: 50%;
	bottom: -50px;
	content: ' ';
	width: 40px;
	height: 7px;
	margin-left: -20px;
	border-radius: 3px;
	background-color: rgba(255,255,255,.4)
}
.proBannerCards {
	position: absolute;
	width: 1000px;
	height: 350px;
	bottom: -104px;
	left: 50%;
	margin-left: -500px
}
.proBannerCardsInner {
	display: inline-block;
	position: relative;
	background-color: #fff;
	width: 310px;
	height: 350px;
	border: none;
	box-shadow: 0 10px 20px 0 rgba(15,50,81,.06);
	border-radius: 2px;
	margin: 0 8px;
	text-align: center
}
.proBannerCardsInner img {
	position: absolute;
	width: 84px;
	height: 84px;
	top: 47px;
	left: 113px
}
.cardTip {
	position: absolute;
	top: 163px;
	left: 143px;
	content: ' ';
	width: 24px;
	height: 1.2px;
	background-color: #222
}
.cardTitle {
	position: absolute;
	width: 100%;
	top: 199px;
	font-size: 17px;
	font-weight: 700;
	color: #222
}
.cardContent {
	position: absolute;
	width: 100%;
	top: 238px;
	box-sizing: border-box;
	padding: 0 29px;
	font-size: 14px;
	color: #666;
	letter-spacing: 0;
	line-height: 24px;
	text-align: left;
	vertical-align: text-top
}
.caseBanner {
	background: url(/www/images/new/banner/banner_case.jpg) center no-repeat;
	height: 450px;
	margin: 0 0 48px 0;
	text-align: center
}
.caseBanner a {
	width: 300px;
	height: 48px;
	line-height: 48px;
	display: inline-block;
	color: #fff;
	background-position: 0 -1221px;
	margin-top: 150px
}
.supportBanner {
	background: url(/www/images/new/banner/banner_support.jpg) center no-repeat;
	height: 450px;
	margin: 0 0 30px 0
}
.new_supportBanner {
	background: url(/www/images/new/banner/banner_support_2.jpg) center no-repeat;
	height: 380px;
	margin: 0 0 30px 0
}
.agentBanner {
	position: relative;
	background-position: center 100%;
	background-repeat: no-repeat;
	height: 510px;
	text-align: center
}
.agentBanner div.title {
	position: relative;
	top: 208px;
	font-weight: 700;
	font-size: 46px;
	color: #fff;
	text-align: center
}
.agentBanner div.title::after {
	position: absolute;
	left: 50%;
	bottom: -37px;
	content: ' ';
	width: 400px;
	height: 4px;
	margin-left: -200px;
	border-radius: 3px;
	background-color: rgba(255,255,255,.5)
}
.agentBanner div.subTitle {
	position: relative;
	top: 270px;
	font-size: 24px;
	color: #fff;
	text-align: center
}
.buyBanner {
	background: url(/www/images/new/banner/banner_buy.jpg) center no-repeat;
	height: 560px;
	margin: -80px 0 48px 0
}
.newsBanner {
	background: url(/www/images/new/banner/banner_news_01.jpg) no-repeat center center;
	margin: 0 auto 30px auto;
	height: 240px
}
.about_banner {
	background: url(/www/images/new/banner/banner_about_01.jpg) center no-repeat;
	height: 239px
}
.blueTit {
	font-size: 28px;
	color: #1fb1fc;
	padding: 35px 0;
	text-align: center
}
.blueNav {
	overflow: hidden;
	width: 890px;
	margin: 20px auto 45px auto
}
.blueNav a {
	width: 110px;
	height: 110px;
	display: inline-block;
	color: #4a5055;
	float: left;
	text-align: center;
	font-size: 16px;
	background-position: -1px -1088px
}
.blueNav a p {
	margin-top: 33px
}
.blueNav span {
	float: left;
	width: 118px;
	height: 1px;
	background: #4a5055;
	margin: 57px 16px
}
.blueNav a:hover {
	color: #00a5f9
}
.blueNav .cur {
	color: #fff;
	background-position: -115px -1088px
}
.blueNav a.cur:hover {
	color: #fff
}
.traitList {
	margin: 0 0 0 -20px;
	overflow: hidden
}
.traitList li {
	width: 400px;
	height: 540px;
	position: relative;
	float: left;
	margin-left: 20px
}
.grayBox li a, .grayBox li p {
	width: 100%;
	position: absolute;
	left: 0;
	transition: all .3s;
	background: url(/www/images/new/bBg.png) repeat
}
.grayBox li p {
	height: 68px;
	line-height: 68px;
	bottom: 0;
	color: #fff;
	text-align: center
}
.grayBox li a {
	height: 0;
	top: 0;
	overflow: hidden
}
.grayBox li a span {
	width: 160px;
	height: 50px;
	line-height: 50px;
	text-align: center;
	color: #1fb1fc;
	background: #f1f1f2;
	position: absolute;
	left: 50%;
	top: 50%;
	margin: -25px 0 0 -80px
}
.grayBox li a span:hover {
	background: #dde4e8
}
.grayBox li:hover p {
	height: 0
}
.grayBox li:hover a {
	height: 100%
}
.grayBox li img {
	width: 100%;
	height: 100%
}
.e-tabBox {
	width: 1240px;
	height: 540px;
	overflow: hidden;
	position: relative
}
.casusBox {
	background: #f0f4f6;
	overflow: hidden;
	padding-bottom: 97px;
	margin-top: 96px
}
.casusBox .bigImg {
	position: relative
}
.casusBox .bigImg .wordBox {
	padding: 12px;
	background: url(/www/images/new/wbg2.png) repeat;
	text-align: right;
	position: absolute;
	right: 40px;
	top: 200px;
	line-height: 30px;
	color: #fff
}
.casusBox .bigImg p {
	font-size: 24px
}
.casusBox .bigImg a {
	width: 160px;
	height: 50px;
	line-height: 50px;
	text-align: center;
	color: #1fb1fc;
	background: #f1f1f2;
	position: absolute;
	display: inline-block;
	right: 40px;
	top: 298px
}
.casusBox .bigImg a:hover {
	background: #dde4e8
}
.casusList {
	margin: 18px 0 0 -20px;
	overflow: hidden
}
.casusList li {
	width: 400px;
	height: 260px;
	float: left;
	margin-left: 20px;
	position: relative
}
.casusList li p {
	height: 47px;
	line-height: 47px
}
.core_advantage {
	margin-left: -35px;
	overflow: hidden;
	font-size: 14px;
	padding-bottom: 40px
}
.core_advantage li {
	width: 310px;
	float: left;
	margin-left: 35px;
	margin-bottom: 30px;
	text-align: center
}
.core_advantage img {
	margin-bottom: 25px
}
.core_advantage p {
	text-align: left;
	line-height: 26px;
	color: #2d2d2d
}
.core_advantage h3 {
	text-align: center;
	font-size: 24px;
	line-height: 30px;
	margin-bottom: 10px
}
.bot_1doc {
	text-align: center;
	color: #3d3d3d;
	font-size: 24px
}
.bot_1doc span {
	color: #ffa200;
	font-size: 36px;
	margin: 0 6px
}
.index_bot_reg {
	width: 300px;
	height: 46px;
	line-height: 46px;
	color: #2d2d2d;
	border-radius: 40px;
	border: 1px #2d2d2d solid;
	display: inline-block;
	text-align: center;
	margin: 30px 0 120px 0
}
.index_bot_reg:hover {
	background: #53c019;
	border-color: #53c019;
	color: #fff
}
#download .content {
	width: 1000px;
	margin: 0 auto;
	margin-top: 50px;
	padding-top: 20px;
	padding-bottom: 60px
}
#download .download-box h3 {
	width: 850px;
	margin: 0 auto;
	border-bottom: 1px solid #f4f5f4;
	margin-bottom: 30px
}
#download .download-box h3 span {
	font-weight: 400;
	display: inline-block;
	font-size: 18px;
	color: #010101;
	padding-bottom: 13px;
	border-bottom: 3px solid #00c341
}
#download .download-box>div {
	zoom: 1;
	width: 850px;
	margin: 0 auto;
	margin-bottom: 63px
}
#download .download-box>div:after {
	content: '';
	display: block;
	height: 0;
	clear: both
}
#download .download-box>div .img-box {
	margin-right: 70px;
	float: left;
	margin-top: 7px;
	text-align: center;
	width: 128px
}
#download .download-box>div .img-box span {
	display: block;
	margin-top: 10px;
	color: #666
}
#download .download-box>div .p-box {
	float: left;
	width: 410px
}
#download .download-box>div .p-box span {
	display: block;
	font-size: 12px;
	color: #aaa;
	line-height: 1.71
}
#download .download-box>div .p-box .em {
	margin-bottom: 10px
}
#download .download-box>div .p-box .em span {
	font-size: 14px;
	color: #666
}
#download .download-box>div .down-btn {
	float: right;
	width: 136px;
	height: 45px;
	border-radius: 3px;
	background: #00a5f9;
	text-align: center;
	cursor: pointer
}
#download .download-box>div .down-btn:hover {
	background: #5dd21f
}
#download .download-box>div .down-btn:active {
	background: #4cb713
}
#download .download-box>div .down-btn a {
	display: block;
	font-size: 16px;
	color: #fff;
	line-height: 45px
}
#download .download-box>div .down-btn.light {
	margin-top: 0;
	background: 0 0
}
#download .download-box>div .down-btn.light a {
	font-size: 14px;
	color: #666
}
#download .download-box>div .down-btn.light:hover {
	background: 0 0
}
#download .download-box>div .down-btn.light:hover a {
	color: #45c03a
}
#download .download-box>div .down-btn.light.pc-light .old {
	line-height: 20px;
	margin-top: 5px
}
#download .download-box>div .down-btn.light.pc-light .old i {
	display: block
}
#download .download-box>div .down-btn.light.pc-light:hover a {
	color: #457bed
}
#download .download-box>div .down-btn.pc-btn {
	background: #457bed
}
#download .download-box>div .down-btn.pc-btn:hover {
	background: #4c8afe
}
#download .download-box>div .down-btn.pc-btn:active {
	background: #3f6edc
}
#download .download-box>div .right {
	position: relative;
	float: right;
	width: 136px;
	text-align: center;
	margin-top: 0
}
#download .download-box>div .right img {
	visibility: hidden;
	position: absolute;
	width: 105px;
	height: 105px;
	margin-right: 0;
	padding: 14px;
	border: 1px solid #d4dbdc;
	border-bottom: none;
	background: #fff;
	bottom: 87px;
	left: 0
}
#download .download-box>div .right .hover:hover+img {
	visibility: visible
}
#download .download-box>div .right .down-btn {
	margin-top: 0;
	margin-left: 0
}
.footer {
	background: #2d2d2d;
	color: #5e5e5e;
	overflow: hidden;
	width: 100%;
	height: 249px
}
.footNav {
	margin: 13px 0 12px 0;
	font-size: 14px
}
.footNav li {
	width: 62px;
	float: left;
	margin-right: 56px
}
.footNav a {
	color: #999;
	display: block;
	margin-top: 8px;
	line-height: 28px;
	transition: all .3s
}
.footer .phone400 {
	float: right;
	margin: 33px 0 0 0
}
.footNav .left-font p {
	line-height: 28px;
	color: #666;
	margin: 8px 0 0 0
}
.footNav .last {
	margin: 0
}
.footNav a:hover {
	color: #bcbcbc
}
.footNav p {
	color: #6eae19;
	margin-bottom: 28px
}
.footer .tel400 {
	display: inline-block;
	vertical-align: middle;
	margin-left: 20px
}
.footer .footer-tel {
	float: right;
	border-left: 1px solid #242424;
	padding: 10px 0 10px 70px;
	text-align: left;
	margin-right: 7px;
	margin-top: 36px
}
.footer .footer-tel span {
	font-size: 18px;
	color: #555;
	font-style: italic;
	margin-left: 0;
	font-weight: 700
}
.footer .footer-tel h3 {
	font-size: 24px;
	color: #00a5f9;
	font-weight: 700;
	font-style: italic
}
.footer .interact {
	margin: 42px 0 0 0
}
.footer .interact p {
	font-size: 16px;
	padding-top: 16px;
	color: #aeaeae;
	text-align: center
}
.message-board {
	padding-top: 22px;
	margin-left: 46px;
	width: 520px;
	margin-bottom: 12px
}
.message-board h4 {
	font-size: 16px;
	color: #777676;
	padding-bottom: 26px
}
.message-form {
	font-size: 14px
}
.message-form span {
	display: inline-block;
	width: 46px;
	margin-right: 8px;
	vertical-align: top;
	color: #777676
}
.sex-m {
	margin-left: 5px;
	margin-right: 5px
}
.message-form p {
	margin-bottom: 5px
}
.message-form input {
	vertical-align: middle
}
textarea {
	overflow: auto;
	vertical-align: middle
}
.message-form input[type=text], textarea {
	width: 268px;
	height: 11px;
	padding: 8px 6px;
	border: 1px #5b5959 solid;
	background: 0 0;
	resize: none;
	outline: 0;
	-webkit-appearance: none;
	border-radius: 0;
	box-shadow: none;
	transition: all .3s;
	color: #fff;
	font-family: Arial, 'Microsoft YaHei'
}
.message-form input[type=text]:focus, textarea:focus {
	border-color: #49aa0f;
	box-shadow: 1px 1px 10px #436131
}
.message-form input.short-input {
	width: 154px
}
.message-form label {
	cursor: pointer
}
.message-form label i {
	margin-left: 5px;
	color: #777676
}
.message-form i {
	color: #ffae00;
	font-style: normal;
	display: inline-block;
	margin-left: 10px;
	vertical-align: middle
}
.message-form textarea {
	height: 34px
}
.message-form .last-item {
	font-size: 12px;
	width: auto;
	position: relative;
	height: 32px;
	margin-top: 23px
}
#suctips {
	width: 150px;
	margin-left: 58px;
	color: #ffae00;
	opacity: 0
}
#message-button {
	color: #fff;
	background: #49aa0f;
	padding: 0 16px;
	line-height: 32px;
	transition: all .3s;
	font-size: 14px;
	margin-left: 34px;
	resize: none;
	outline: 0;
	-webkit-appearance: none;
	border: none;
	cursor: pointer;
	font-family: Arial, 'Microsoft YaHei';
	position: absolute;
	right: 180px;
	top: 0
}
#message-button.going {
	background: #c4c4c4;
	cursor: not-allowed
}
#message-button:hover {
	background: #5ec71f
}
#message-button.going:hover {
	background: #c4c4c4
}
#captchaimg {
	margin-left: 10px;
	vertical-align: middle
}
.footer .interact .weibo i, .footer .interact .weixin i {
	display: inline-block;
	width: 60px;
	height: 40px;
	float: right;
	margin: 14px 0 0 0
}
.footer .interact .weibo i {
	background: url(/www/images/new/login/ec_gw.png) -206px -604px no-repeat
}
.footer .interact .weibo:hover i {
	background-position: -261px -889px
}
.footer .interact .weixin i {
	background: url(/www/images/new/login/ec_gw.png) -146px -601px no-repeat
}
.footer .interact .weixin:hover i {
	background: url(/www/images/new/foot_ewm.jpg) no-repeat;
	width: 100px;
	height: 100px;
	position: absolute;
	top: -23px;
	left: 80px
}
.footer .copy_bot {
	width: 100%;
	height: 116px;
	background: #242424
}
.footer .copy_text {
	position: relative;
	padding-left: 25px;
	width: 900px;
	text-align: center;
	color: #777676;
	font-size: 12px;
	margin: 0 auto;
	line-height: 40px;
	padding-top: 20px
}
.footer .ghs {
	display: inline-block;
	vertical-align: sub;
	margin-right: 5px
}
.footer .copy_bot a {
	color: #777676;
	transition: all .3s
}
.footer .copy_bot a:hover {
	color: #bcbcbc
}
.footer .code_down {
	float: right;
	margin: 26px 0 0 0
}
.ebsgovicon {
	position: absolute;
	left: 0;
	top: 30px
}
.govIvon {
	vertical-align: middle
}
.scrollTop {
	position: fixed;
	right: 20px;
	bottom: 248px;
	width: 60px;
	height: 60px;
	display: inline-block;
	background: url(/www/images/new/icon.png) -20px -306px #d5dbdf no-repeat;
	transition: all .3s;
	display: none;
	border-radius: 100%
}
.scrollTop:hover {
	background-color: #c3cdd4
}
.proList {
	font-size: 20px
}
.proList .desText {
	font-size: 16px;
	width: 850px;
	text-align: center;
	margin: 0 auto;
	line-height: 26px;
	padding: 10px 22px;
	background: #f0f4f6;
	border-radius: 8px
}
.proList .desText p {
	font-size: 48px;
	line-height: 140px
}
.proList .cBg {
	background: #f0f4f6
}
.proList .actBox {
	padding: 130px 0 0 0;
	overflow: hidden;
	height: 500px
}
.proList .actBox .inner {
	width: 1068px;
	margin: 0 auto;
	position: relative
}
.proList .actBox .img {
	overflow: hidden;
	position: absolute
}
.proList .actBox .fl {
	margin-right: 160px
}
.proList .actBox .flr {
	margin-left: 170px
}
.proList .actBox .textBox {
	overflow: hidden;
	width: 281px;
	float: right;
	font-size: 14px;
	line-height: 24px;
	margin: 100px 18px 0 0;
	position: relative
}
.proList .actBox .textBox1 {
	overflow: hidden;
	width: 290px;
	font-size: 14px;
	line-height: 24px;
	position: relative;
	margin-top: 134px
}
.proList .actBox .textBox p {
	color: #999;
	margin-top: 15px
}
.proList .actBox .tit {
	font-size: 30px;
	margin-bottom: 28px;
	height: 64px;
	padding-left: 20px;
	border-left: 4px #00a5f9 solid;
	line-height: 33px
}
.proList .microBox {
	margin-top: 30px;
	overflow: hidden
}
.proList .microBox span {
	width: 180px;
	height: 180px;
	display: inline-block;
	margin-right: 20px;
	background: url(/www/images/new/micro_bg.png) #fff no-repeat;
	line-height: 180px;
	text-align: center;
	float: left
}
.proList .microBox span p {
	line-height: 30px;
	margin-top: 60px
}
.proList .cBg .microBox span {
	background-color: #f0f4f6
}
.proList .actBox .link {
	color: #1fb1fc;
	padding-top: 15px;
	display: inline-block
}
.proList .mdiv .actBox {
	padding: 55px 0 0 0;
	overflow: hidden;
	height: 488px
}
.proList .long .actBox .fl {
	margin-right: -125px
}
.proList .long .actBox .flr {
	margin-left: -150px
}
.proList .long .actBox .textBox {
	padding-top: 100px;
	max-width: 610px;
	display: inline-block
}
.bot_reg {
	padding: 120px 0;
	text-align: center
}
.bot_reg a {
	width: 360px;
	height: 46px;
	line-height: 46px;
	border: 1px #2d2d2d solid;
	display: inline-block;
	border-radius: 23px;
	color: #2d2d2d
}
.bot_reg a:hover {
	background: #00a5f9;
	border-color: #00a5f9;
	color: #fff
}
.to_reg {
	position: relative;
	background-position: center 100%;
	background-repeat: no-repeat;
	height: 280px;
	text-align: center;
	box-sizing: border-box;
	padding: 74px
}
.to_reg div {
	font-weight: 700;
	font-size: 32px;
	color: #fff;
	text-align: center
}
.to_reg a {
	width: 180px;
	height: 50px;
	line-height: 50px;
	border-radius: 3px;
	background-color: #00a5f9;
	display: inline-block;
	color: #fff;
	font-weight: 700;
	font-size: 20px;
	text-align: center;
	margin-top: 40px
}
.to_reg a:hover {
	background: #5dd21f
}
.download {
	margin-top: 60px;
	overflow: hidden
}
.download .downloadTit {
	width: 248px;
	height: 850px;
	background: url(/www/images/new/downloadTit.png) no-repeat;
	margin-right: 60px
}
.downLink {
	width: 640px
}
.downLink .box {
	height: 255px
}
.downLink .pc10-down {
	height: 280px
}
.downLink .linkBtn {
	width: 160px;
	height: 54px;
	display: inline-block;
	background: #ffae00;
	color: #fff;
	text-align: center;
	line-height: 54px
}
.downLink .linkBtn:hover {
	background: #e09901
}
.downLink .linkBtn i {
	width: 25px;
	height: 25px;
	background: url(/www/images/new/icon.png) -138px -323px no-repeat;
	margin: -4px 15px 0 0;
	vertical-align: middle;
	display: inline-block
}
.downLink .box p {
	line-height: 24px;
	font-size: 14px;
	margin: 15px 0 0 0;
	color: #646464
}
.downLink .dbarBox {
	float: right;
	text-align: center
}
.downLink .dbarBox p {
	margin: 8px 0 0 0
}
.downLink .dbarBox img {
	width: 100px;
	height: 100px
}
.simSelect {
	height: 40px;
	width: 200px;
	position: relative;
	outline: 0;
	z-index: 9
}
.simSelect .simVal {
	border: 1px #b4b9bb solid;
	overflow: hidden;
	border-right: none;
	height: 38px;
	line-height: 38px;
	text-indent: 10px
}
.simSelect .simBtn {
	width: 44px;
	height: 40px;
	float: right;
	background-position: -230px -314px;
	background-color: #c0c5c8;
	cursor: pointer
}
.simSelect .simBtn:hover {
	background-color: #a0a5a7
}
.simSelect .simBox {
	width: 155px;
	border: 1px #b4b9bb solid;
	border-top: none;
	position: absolute;
	top: 40px;
	left: 0;
	display: none;
	background: #fff;
	z-index: 1
}
.simSelect .simBox li {
	line-height: 32px;
	padding-left: 10px;
	cursor: pointer;
	height: 32px
}
.simSelect .simBox li:hover {
	background: #f0f4f6
}
.simSelect2 {
	height: 40px;
	position: relative;
	outline: 0;
	z-index: 9;
	background: #f0f4f6
}
.simSelect2 .simVal {
	overflow: hidden;
	border-right: none;
	height: 38px;
	line-height: 38px;
	text-indent: 10px
}
.simSelect2 .simBtn {
	width: 44px;
	height: 40px;
	float: right;
	background-position: -230px -461px;
	background-color: #c0c5c8;
	cursor: pointer
}
.simSelect2 .simBtn:hover {
	background-color: #a0a5a7
}
.simSelect2 .simBox {
	width: 100%
}
.simSelect2 .simBox li {
	line-height: 40px;
	cursor: pointer;
	width: 90px;
	float: left;
	text-align: center;
	color: #707477;
	font-size: 14px
}
.simSelect2 .simBox li.active, .simSelect2 .simBox li:hover {
	background: #e7ecee
}
.simSelect2 .simBox a {
	color: #707477
}
.caseBox {
	margin-bottom: 70px;
	overflow: hidden;
	zoom: 1;
	margin-top: 60px
}
.caseList {
	margin: 40px 0 0 -15px;
	overflow: hidden;
	position: relative
}
.caseList li {
	margin: 0 0 15px 15px;
	float: left;
	width: 470px;
	height: 180px;
	position: relative;
	cursor: pointer;
	overflow: hidden;
	padding: 10px;
	border: 1px #e0e5e7 solid;
	border-radius: 2px
}
.caseList li img {
	width: 240px;
	height: 180px;
	float: left;
	margin-right: 30px
}
.caseList li .shade {
	width: 0;
	height: 0;
	position: absolute;
	top: 11px;
	background: #032a42;
	opacity: 0;
	transition: all .3s;
	transform: rotate(60deg);
	display: none
}
.caseList li a {
	width: 100%;
	height: 100%;
	display: inline-block
}
.caseList li:hover {
	border-color: #2d2d2d;
	transition: all .5s
}
.caseList li:hover .shade {
	width: 240px;
	height: 178px;
	opacity: .3;
	transform: rotate(0)
}
.caseList .intro {
	text-align: left;
	height: 61px;
	font-size: 14px;
	color: #707477;
	float: left;
	width: 200px
}
.caseList .name {
	font-size: 18px;
	line-height: 40px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	width: 100%;
	border-bottom: 1px #e0e5e7 solid;
	padding-bottom: 5px;
	margin-bottom: 10px
}
.caseList .noData {
	padding: 125px 0;
	text-align: center
}
.caseBox .more {
	padding: 0 15px 0 35px;
	float: right;
	margin-top: 10px;
	height: 36px;
	line-height: 36px;
	font-size: 14px;
	color: #fff;
	background-position: -232px -315px;
	background-color: #1fb1fc
}
.caseBox .more:hover {
	background-color: #15a4ed
}
.caseBox .bigImg {
	position: relative
}
.caseBox .bigImg .wordBox {
	padding: 12px;
	background: url(/www/images/new/wbg2.png) repeat;
	text-align: right;
	position: absolute;
	right: 40px;
	top: 285px;
	line-height: 30px;
	color: #fff
}
.caseBox .bigImg p {
	font-size: 24px
}
.caseBox .back_case {
	font-size: 14px;
	color: #1fb1fc;
	line-height: 55px
}
.articleBox {
	border: 1px #e0e5e7 solid;
	background: #fff;
	position: relative
}
.articleBox .title {
	font-size: 24px;
	margin-bottom: 8px;
	height: 58px;
	line-height: 58px;
	border-bottom: 1px #e0e5e7 solid;
	margin-left: 39px;
	background-position: -368px -594px;
	padding-left: 38px
}
.articleBox .pultime {
	padding-left: 25px;
	background-position: -243px -404px;
	font-size: 14px;
	color: #868686;
	position: absolute;
	top: 20px;
	right: 18px
}
.articleBox .article {
	line-height: 32px;
	font-size: 16px;
	margin-top: 20px;
	padding: 0 39px 39px 39px
}
.articleBox .line {
	text-indent: 28px
}
.articleBox .boldTit {
	font-weight: 700;
	margin-top: 10px;
	font-size: 14px
}
.about_menu {
	overflow: hidden;
	float: left;
	width: 150px;
	margin-right: 50px
}
.about_menu li {
	height: 18px;
	line-height: 18px;
	margin-bottom: 15px;
	border-left: 4px #fff solid
}
.about_menu li a {
	display: block;
	width: 100%;
	font-size: 16px;
	color: #707477
}
.about_menu li.active, .about_menu li.active a {
	border-color: #00a5f9;
	color: #00a5f9
}
.about_menu li:hover, .about_menu li:hover a {
	color: #00a5f9
}
.support .queryBox {
	height: 40px;
	padding: 38px 0
}
.support .queryBox .onLineQQ {
	float: right;
	background: #bff1ff;
	width: 145px;
	height: 46px;
	border: 1px #b0e7f6 solid;
	line-height: 46px;
	border-radius: 25px;
	color: #53585a
}
.support .queryBox .onLineQQ i {
	width: 22px;
	height: 23px;
	background-position: -142px -402px;
	float: left;
	margin: 11px 10px 0 20px
}
.support .queryBox .onLineQQ:hover {
	background: #a7ebff
}
.support .search {
	border: 1px #cdcdcd solid;
	overflow: hidden;
	border-radius: 4px;
	height: 40px
}
.support .search .bnt_sos, .support .search button {
	width: 110px;
	height: 42px;
	margin: -1px;
	background-position: 5px -392px;
	background-color: #ffae00;
	float: right;
	cursor: pointer
}
.support .search .bnt_sos:hover, .support .search button:hover {
	background-color: #ffa60b
}
.support .search input {
	height: 18px;
	line-height: 18px;
	margin: 7px 0 0 7px;
	font-size: 16px;
	padding: 7px;
	outline: 0;
	width: 500px;
	border: 0 none
}
.heplList {
	height: 674px;
	margin-bottom: 80px
}
.heplList .contentBox, .heplList .slideLeft {
	min-height: 100%
}
.heplList .contentBox ul, .heplList .slideLeft ul {
	line-height: 45px
}
.heplList .slideLeft {
	width: 202px;
	margin-left: 40px
}
.heplList .contentBox {
	width: 722px;
	margin-left: 20px
}
.heplList .slideLeft li {
	height: 18px;
	line-height: 18px;
	margin-bottom: 28px;
	border-left: 4px #fff solid
}
.heplList .slideLeft li a {
	display: block;
	width: 100%;
	font-size: 16px;
	color: #707477;
	padding-left: 30px
}
.heplList .slideLeft li.active, .heplList .slideLeft li.active a {
	border-color: #00a5f9;
	color: #00a5f9
}
.heplList .slideLeft li:hover, .heplList .slideLeft li:hover a {
	color: #00a5f9
}
.heplList .slideLeft ul {
	margin-top: 18px
}
.heplList .contentBox li {
	border-bottom: 1px #e0e0e0 dashed
}
.heplList .contentBox li a {
	color: #84898c;
	font-size: 14px;
	display: inline-block
}
.heplList .contentBox li a:hover {
	color: #1fb1fc
}
.heplList .detailsBox {
	width: 722px;
	margin-left: 20px
}
.heplList .detailsBox .tit {
	line-height: 48px;
	border-bottom: 1px #cdd6da dashed;
	color: #84898c;
	font-size: 14px;
	font-weight: 700;
	margin-bottom: 22px
}
.heplList .detailsBox .article {
	padding-bottom: 60px;
	line-height: 24px;
	color: #84898c;
	font-size: 14px
}
.heplList .detailsBox .article .first {
	text-indent: 0
}
.heplList .moreLink {
	font-size: 12px;
	line-height: 30px;
	padding-bottom: 88px
}
.heplList .moreLink a {
	display: block;
	color: #1fb1fc
}
.heplList .moreLink a:hover {
	text-decoration: underline
}
.heplList .moreLink .bold {
	font-size: 14px;
	font-weight: 700;
	color: #84898c
}
.agentContent {
	position: relative;
	width: 100%;
	background: #fff;
	text-align: center;
	overflow: hidden;
	min-width: 1000px;
	zoom: 1
}
.contentTitle {
	position: relative;
	font-weight: 700;
	font-size: 32px;
	color: #222;
	text-align: center;
	box-sizing: border-box;
	margin-top: 60px
}
.titleSpecialHandling::after {
	position: absolute;
	left: 50%;
	bottom: -30px;
	content: ' ';
	width: 40px;
	height: 7px;
	margin-left: -20px;
	border-radius: 3px;
	background-color: #00a5f9
}
.contentSubTitle {
	position: relative;
	font-size: 20px;
	color: #222;
	text-align: center;
	box-sizing: border-box;
	margin-top: 23px
}
.contentSubTitle::after {
	position: absolute;
	left: 50%;
	bottom: -30px;
	content: ' ';
	width: 40px;
	height: 7px;
	margin-left: -20px;
	border-radius: 3px;
	background-color: #00a5f9
}
.agentContent .contentMain {
	margin-top: 97px
}
.agentContent .contentBox {
	width: 1000px;
	position: relative;
	left: 50%;
	overflow: hidden;
	min-height: 250px;
	margin-left: -500px
}
.contentBox .detailItem {
	float: left;
	width: 250px;
	text-align: left;
	font-size: 18px;
	color: #000;
	line-height: 28px
}
.contentBox .bannerBox {
	position: absolute;
	width: 2040px;
	box-sizing: border-box;
	margin: 0;
	padding: 0;
	overflow: hidden;
	font-size: 0
}
.bannerBox img {
	margin: 0 10px
}
.contentBox .bannerIndex {
	position: absolute;
	width: 100%;
	margin-top: 200px;
	text-align: center
}
.bannerIndex .indexItem {
	display: inline-block;
	content: ' ';
	width: 9px;
	height: 9px;
	margin: 0 8px;
	border-radius: 100%;
	cursor: pointer
}
.bannerIndex .selected {
	background-color: #00a5f9;
	border: 1px solid #00a5f9
}
.bannerIndex .unselected {
	border: 1px solid #d6dfe6
}
.contentBox .conditionItem {
	width: 345px;
	height: 320px;
	box-sizing: border-box;
	display: inline-block
}
.conditionItem img {
	margin: 20px auto
}
.conditionItem .itemDesc {
	width: 250px;
	font-size: 20px;
	color: #222;
	text-align: center;
	vertical-align: text-top;
	display: inline-block
}
.contentBox .businessCard {
	display: inline-block;
	box-sizing: border-box;
	width: 316px;
	height: 193px;
	margin: 10px 8px;
	padding: 24px;
	background: #fff;
	color: #222;
	border: 1px solid #e0e4e7;
	text-align: left
}
.businessCard .name {
	opacity: .8;
	font-size: 20px;
	font-weight: 700
}
.businessCard .number {
	opacity: .8;
	font-size: 30px;
	font-weight: 700;
	line-height: 60px
}
.businessCard .district {
	opacity: .5;
	font-size: 16px;
	vertical-align: text-top;
	display: inline-block
}
.contentMain .contact {
	opacity: .9;
	font-size: 20px;
	color: #222;
	text-align: center;
	margin-top: 45px
}
.ml140 {
	margin-left: 140px
}
.com_box_ec li {
	width: 25%;
	float: left
}
.apply_agent .pp_agent .left_xxc, .apply_agent .pp_agent .left_xxc2, .apply_agent .pp_agent .right_xxc {
	padding: 0 22px;
	float: left;
	width: 310px;
	height: 140px!important;
	margin-bottom: 15px
}
.apply_agent .pp_agent .left_xxc {
	padding-right: 8px
}
.apply_agent .pp_agent .left_xxc2 {
	padding-right: 8px;
	padding-left: 45px;
	border-left: 1px #84898c dashed;
	height: 143px
}
.apply_agent .pp_agent .right_xxc {
	padding-left: 45px;
	border-left: 1px #84898c dashed
}
.pageList {
	text-align: right;
	padding: 15px 0
}
.pageList #pager {
	display: inline-block
}
.pageList #pager a {
	background: #e0e5e7;
	padding: 6px 10px;
	color: #707477;
	font-family: 'Microsoft Yahei', 'PingFang SC', 'Helvetica Neue', Helvetica, Arial, 'Hiragino Sans GB', 'Heiti SC', 'WenQuanYi Micro Hei', sans-serif;
	font-size: 14px;
	border-radius: 2px;
	border: 0
}
.pageList #pager .curr, .pageList #pager a:hover {
	background: #00a5f9;
	font-weight: 400;
	color: #fff
}
.pageList #pager .curr {
	border: 0!important
}
.downloading {
	padding: 10px 15px;
	border: 1px solid #ddd;
	margin: 20px auto;
	height: 600px
}
.downloading .h1 {
	border-bottom: 1px dashed #ddd;
	line-height: 2;
	padding: 10px 0
}
.downloading .down_mid {
	padding: 114px 0
}
.downloading .down_mid p {
	text-align: center;
	margin: 47px 0 89px 0
}
.downloading .down_mid .p1 {
	font-weight: 700;
	font-size: 20px
}
.downloading .down_mid .p1 a {
	font-size: 20px;
	color: #2272c1
}
.downloading .down_mid .p2 a {
	color: #38f;
	margin: 0 2px
}
.downloading .down_mid .p2 span {
	font-weight: 700
}
.index_block {
	padding: 110px 0;
	overflow: hidden
}
.index_block_color {
	padding: 110px 0;
	background: #f6f8fa;
	overflow: hidden
}
.clear_overflow {
	overflow: visible;
	height: 490px
}
img[class^=index_img] {
	margin-top: 30px
}
.index_img01, .index_img03 {
	float: left
}
.index_img02 {
	float: right
}
.index_img04 {
	float: right
}
.font_box {
	color: #3d3d3d
}
.font_box h3 {
	font-size: 36px;
	color: #2d2d2d;
	margin-bottom: 50px
}
.font_box .item {
	height: 100px
}
.font_box .item_len {
	margin-right: -20px
}
.font_box .sle {
	width: 88px;
	float: left;
	padding-top: 100px;
	text-align: center;
	margin-right: 20px;
	cursor: pointer
}
.font_box .sle .topimg {
	float: left;
	margin-top: -100px;
	background-position: -93px -985px;
	width: 88px;
	height: 88px
}
.font_box .sle .topimg.active {
	background-position: 0 -985px
}
.font_box .sle span {
	display: block;
	width: 100%;
	height: 100%
}
.index_block_color .font_box .item_len {
	margin-left: -20px;
	margin-right: 0
}
.index_block_color .font_box .sle {
	margin-left: 20px;
	margin-right: 0
}
.font_box .sle .sle_icon_01 {
	background-position: -2px -516px
}
.font_box .sle .sle_icon_02 {
	background-position: -103px -516px
}
.font_box .sle .sle_icon_03 {
	background-position: -204px -518px
}
.font_box .sle .sle_icon_04 {
	background-position: -1px -618px
}
.font_box .sle .sle_icon_05 {
	background-position: -103px -617px
}
.font_box .sle .sle_icon_06 {
	background-position: -206px -616px
}
.font_box .sle .sle_icon_07 {
	background-position: -3px -709px
}
.font_box .sle .sle_icon_08 {
	background-position: -106px -709px
}
.font_box .sle .sle_icon_09 {
	background-position: -207px -709px
}
.font_box .sle .sle_icon_10 {
	background-position: -2px -804px
}
.font_box .sle .sle_icon_11 {
	background-position: -105px -803px
}
.font_box .sle .sle_icon_12 {
	background-position: -209px -804px
}
.box_tit {
	font-size: 36px;
	text-align: center;
	padding: 45px 0 35px 0
}
.new-tit {
	padding: 40px 0 45px 0;
	text-align: center;
	font-size: 18px;
	color: #7d7d7d
}
.new-tit h3 {
	color: #040404;
	font-size: 32px;
	margin-bottom: 10px
}
.font-inner {
	width: 316px
}
.video_box {
	height: 680px;
	background: url(/www/images/new/index/video_bg.jpg) center no-repeat
}
.video_box .play_btn {
	background: url(/www/images/new/play_btn.png) center no-repeat;
	width: 88px;
	height: 88px;
	top: 50%;
	left: 50%;
	margin: -44px 0 0 -44px;
	position: absolute
}
.video_box .roundabout-in-focus .play_btn {
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	margin: 0
}
.video_box .video_font {
	text-align: center;
	color: #2d2d2d;
	margin-top: 45px;
	font-size: 18px
}
.video_box .video_font h4 {
	font-size: 36px;
	padding: 10px
}
.video_box .video_font a {
	color: #2d2d2d;
	font-size: 14px
}
.video_bg {
	width: 100%;
	height: 100%;
	background: url(/www/images/new/bBg.png) repeat;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 300;
	display: none
}
.video_box_pup {
	position: fixed;
	z-index: 301;
	width: 813px;
	height: 472px;
	background: #3a3a3a;
	border: 5px #1c1c1c solid;
	top: 50%;
	left: 50%;
	margin-left: -405px;
	margin-top: -235px;
	display: none
}
.video_box_pup .video_close {
	width: 40px;
	height: 40px;
	position: absolute;
	top: -5px;
	right: -45px;
	cursor: pointer;
	background: url(/www/images/new/login/ec_gw.png) -265px -850px #1c1c1c no-repeat
}
.video_box_pup:hover .video_close {
	display: block
}
.video_box_pup iframe {
	border: none;
	width: 100%;
	height: 100%
}
.new_box {
	padding: 70px 0 108px 0
}
.new_box .fl, .new_box .investor {
	padding: 19px;
	border: 1px #e2e7e9 solid;
	height: 335px;
	position: relative
}
.new_box .fl {
	margin-right: 20px;
	width: 540px
}
.new_box .investor {
	overflow: hidden
}
.new_box .nb_tit {
	height: 19px;
	line-height: 19px;
	padding-left: 15px;
	border-left: 4px #00a5f9 solid;
	margin-left: -19px;
	margin-bottom: 19px;
	font-size: 18px
}
.new_box .nb_tit .more {
	float: right;
	width: 100px;
	height: 30px;
	background-position: -281px -655px;
	font-size: 14px;
	line-height: 30px;
	text-align: center;
	color: #4f4e4e;
	margin-top: -5px
}
.new_box .nb_tit .more:hover {
	background-position: -281px -692px
}
.new_img_box {
	height: 297px;
	overflow: hidden
}
.new_img_box img {
	width: 540px;
	height: 260px
}
.new_img_box .smtit {
	line-height: 14px;
	margin-top: 17px;
	color: #2d2d2d;
	margin-bottom: 2px
}
.new_box .bot_point {
	position: absolute;
	bottom: 16px;
	right: 19px
}
.new_box .bot_point a {
	width: 15px;
	height: 15px;
	display: inline-block;
	margin: 0 2px;
	background-position: -294px -616px
}
.new_box .bot_point a.active {
	background-position: -275px -616px
}
.investor .inner_box {
	height: 260px;
	background: #f0f4f6;
	line-height: 24px;
	text-align: center;
	overflow: hidden
}
.investor .inner_box .name {
	padding: 6px 0;
	text-align: center;
	color: #2d2d2d;
	height: 24px;
	display: none
}
.investor .inner_box p {
	text-align: justify;
	padding: 10px 15px;
	color: #666;
	font-size: 14px;
	height: 116px;
	overflow: hidden;
	line-height: 22px
}
.investor .avatar {
	display: inline-block;
	width: 111px;
	height: 111px;
	margin-top: 15px;
	overflow: hidden;
	border-radius: 100%
}
.investor .avatar img {
	width: 100%;
	height: 100%
}
.word-box p {
	line-height: 24px;
	color: #666;
	font-size: 16px;
	color: #666;
	letter-spacing: 0;
	line-height: 30px
}
.word-box .pag-tit {
	line-height: 44px;
	margin-bottom: 33px;
	font-weight: 700;
	font-size: 32px;
	color: #000;
	letter-spacing: 0
}
.bg01 {
	padding-top: 120px
}
.bg01 .right img {
	margin-left: -150px
}
.bg02 {
	position: relative
}
.bg02 .word-box {
	padding-top: 120px
}
.bg02 .word-box img {
	padding-top: 50px
}
.bg02 .three-big-img img {
	display: block
}
.bg03 {
	padding-top: 120px
}
.bg03 .word-box img {
	padding-top: 50px
}
.bg03 .right img {
	padding-top: 8.8%;
	margin-left: -130px;
	display: block
}
.bg04 {
	padding-top: 120px
}
.bg04 .word-box img {
	padding-top: 50px
}
.bg04 .left img {
	padding-top: 6.6%;
	display: block
}
.bg05 {
	text-align: center;
	margin-bottom: 100px
}
.bg05 p {
	position: relative;
	text-align: center;
	font-size: 18px;
	font-weight: 700;
	margin-bottom: 70px;
	font-size: 32px;
	color: #000;
	letter-spacing: 0;
	text-align: center
}
.bg05 p::after {
	position: absolute;
	left: 50%;
	bottom: -27px;
	content: ' ';
	width: 40px;
	height: 6px;
	margin-left: -20px;
	border-radius: 3px;
	background-color: #00a5f9
}
.bg05 .t1 {
	margin: 76px 0 70px 0
}
.bg05 .winning {
	margin-bottom: 120px
}
.bg05 .com {
	margin-bottom: 120px
}
.bg06 .t1 {
	margin: 76px 0 70px 0;
	position: relative;
	text-align: center;
	font-size: 18px;
	font-weight: 700;
	margin-bottom: 70px;
	font-size: 32px;
	color: #000;
	letter-spacing: 0;
	text-align: center
}
.bg06 .t1::after {
	position: absolute;
	left: 50%;
	bottom: -27px;
	content: ' ';
	width: 40px;
	height: 6px;
	margin-left: -20px;
	border-radius: 3px;
	background-color: #00a5f9
}
.yellow-tips {
	height: 38px;
	line-height: 38px;
	background: #fffbe3;
	border: 1px #ffcc7f solid;
	padding: 0 18px;
	position: absolute;
	font-size: 12px;
	border-radius: 5px;
	margin-left: -330px;
	left: 50%;
	top: 71px;
	text-align: center;
	display: none
}
.nav-popover {
	background: #fff;
	box-shadow: 0 10px 20px 0 rgba(0,0,0,.12);
	border-radius: 4px;
	padding: 40px;
	width: 608px;
	display: none;
	position: absolute;
	top: 60px;
	left: calc(50vw - 500px)
}
@media screen and (min-width:768px) and (max-width:1365px) {
.header-container {
	width: 1000px;
	margin: 0 auto
}
.header .nav {
	margin-left: 80px
}
.header .nav a {
	font-size: 18px
}
.header .btn {
	font-size: 18px
}
.index-block * {
	box-sizing: border-box
}
.clear_overflow {
	overflow: hidden;
	height: auto
}
.nav-popover {
	background: #fff;
	box-shadow: 0 10px 20px 0 rgba(0,0,0,.12);
	border-radius: 4px;
	padding: 40px;
	width: 608px;
	display: none;
	position: absolute;
	top: 60px;
	left: calc(50vw - 570px)
}
.video_box_new .video_font a {
	font-size: 18px
}
.word-box p {
	font-size: 14px
}
.new_wrap ul {
	width: 100%;
	overflow: hidden
}
.new_wrap ul li {
	float: left;
	width: 25%;
	margin-right: 0
}
.new_wrap {
	margin-bottom: 0
}
.casePage.wrap {
	width: 98%;
	margin: 0 auto
}
.caseList {
	margin-left: 0;
	overflow: hidden
}
.caseList * {
	box-sizing: border-box
}
.caseList li {
	width: 50%;
	float: left;
	margin: 0
}
.buy_wrap {
	width: 1000px;
	margin: 0 auto
}
.buy_wrap .new-price-box * {
	box-sizing: border-box
}
.buy_wrap .new-price-box .price-item {
	margin-left: 0
}
#download .content {
	width: 94%;
	margin: 50px auto;
	padding-bottom: 0
}
.agent {
	width: 100%
}
.agent .wrap {
	width: 98%;
	margin: 0 auto
}
.agent .apply_agent .pp_agent {
	width: 100%
}
.agent .apply_agent .pp_agent *, .agent .condition_ec *, .agent .tercel * {
	box-sizing: border-box
}
.agent .apply_agent .pp_agent li {
	display: inline-block;
	width: 33.3%
}
.agent .condition_ec li {
	width: 33.3%
}
.agent .tercel {
	padding: 0;
	width: 100%;
	margin: 0 auto
}
.agent .tercel li {
	width: 25%
}
.apply_agent .pp_agent .left_xxc, .apply_agent .pp_agent .left_xxc2, .apply_agent .pp_agent .right_xxc {
	min-height: 140px;
	height: auto!important
}
.about_Box {
	width: 98%;
	margin: 0 auto
}
#support .main-app {
	width: 98%;
	margin: 0 auto
}
}
.static-border-bottom {
	border-bottom: 1px solid rgba(0,0,0,.1)
}
.static_border_bottom {
	border-bottom: 1px solid rgba(0,0,0,.1)
}
#phone-wrapper-cs-btn {
	cursor: pointer;
	width: 56px;
	height: 56px;
	position: fixed;
	top: 50%;
	margin-top: -185px;
	right: 0;
	z-index: 99999;
	background: url(/www/2018/img/phone_num_little_window.png) no-repeat center;
	background-size: 100%
}
#phone-wrapper-layer {
	display: none;
	width: 203px;
	height: 93px;
	position: absolute;
	top: -38px;
	left: -203px;
	background: url(/www/2018/img/phone_num_layer.png) no-repeat center left
}
.right-left {
	text-align: left;
	float: right;
	position: relative;
	display: flex;
	max-width: 610px;
	height: 100%;
	align-items: center
}
.step-picture {
	height: 100px;
	text-align: center;
	clear: both
}
.video_contaner {
	background: #fafafc;
	padding-top: 76px;
	padding-bottom: 35px
}
.line-radius {
	background: #00a5f9;
	border-radius: 4px;
	height: 6px;
	width: 40px;
	margin-bottom: 24px
}
.index_official .nav a {
	color: #000
}
.ec-home-list-item {
	background: #fff;
	border: 1px solid #e0e5ed;
	border-radius: 4px;
	width: 276px;
	display: inline-block;
	margin: 0 7px;
	padding: 26px 24px 16px 24px
}
.ec-home-list-item-header {
	font-size: 24px;
	color: #000;
	letter-spacing: 0;
	font-weight: 600
}
.ec-home-list-item-header img {
	vertical-align: sub;
	margin-right: 10px
}
.ec-home-list-item-body {
	font-size: 16px;
	color: #666;
	letter-spacing: 0;
	line-height: 28px;
	margin: 18px 0 16px 0
}
.ec-home-list-item-footer {
	font-size: 14px;
	color: #666;
	letter-spacing: 0;
	line-height: 30px;
	text-align: right;
	margin: 0
}
.ec-home-list-item-footer a {
	font-size: 14px;
	color: #666;
	letter-spacing: 0;
	line-height: 30px;
	text-align: right;
	text-decoration: none
}
.ec-home-list-item-footer a:hover {
	color: #00a5f9
}
.arrow-right {
	display: inline-block;
	font-size: 14px;
	letter-spacing: 0;
	line-height: 30px;
	text-align: right;
	transform: scale(1, 1.6)
}
.nav-popover a {
	text-decoration: none
}
.nav-item {
	display: inline-block;
	background: #fff;
	border-radius: 2px;
	font-size: 16px;
	color: #000;
	width: 184px;
	height: 50px;
	line-height: 50px;
	margin-right: 22px
}
.nav-item img {
	vertical-align: text-top;
	margin: 0 10px 0 20px
}
.nav-item:hover {
	background: #f6faff;
	cursor: pointer
}
.nav-item-last {
	margin-right: 0
}
.top_arrows {
	display: inline-block;
	transform: rotate(90deg) scale(.8, 1.2)
}
.bottom_arrows {
	display: inline-block;
	transform: rotate(270deg) scale(.8, 1.2);
	color: #00a5f9
}