/*新版样式*/
@charset "utf-8";
/* CSS Document */

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,select,p,blockquote,th,td,hr { margin: 0; padding: 0; font-family: "microsoft yahei";}
body { font-size: 12px; line-height: 1.5; background: #fff;}
h1,h2,h3,h4,h5,h6 { font-family: "microsoft yahei",arial,"hiragino sans gb","Simsun",sans-serif; font-size: 100%; font-weight:normal;}
input,textarea,select,button { font-size: 12px; font-weight: normal; vertical-align:middle;outline: none;}
input[type='button'],input[type='submit'],select,button { cursor: pointer;}
input:-webkit-autofill {-webkit-box-shadow: 0 0 0px 1000px white inset;}
table { border-spacing: 0;}
address,caption,cite,code,dfn,em,th,var { font-style: normal; font-weight: normal;}
li { list-style: none;}
caption,th { text-align: left;}
q:before,q:after { content: "";}
abbr,acronym { border: 0 none; font-variant: normal;}
sup { vertical-align: text-top;}
sub { vertical-align: text-bottom;}
fieldset,img,a img,iframe { border-style: none; border-width:0;}
img { vertical-align: middle; vertical-align: middle; outline: none;}
textarea { overflow-y:auto; }
legend { color: #000;}
a { text-decoration: none; outline: none; cursor: pointer; color: #298ff8;}
a:link,a:visited { text-decoration: none;}
hr {height: 0;}
.clear { clear: both;}
.green { color: #2fb26a;}
.blue { color: #1d95d4;}
.dis-n{display: none;}
.clearfix:after,.clearfix:before{display: block; content: ""; clear: both;}
::-ms-clear, ::-ms-reveal{display: none;}
input[type='text'],input[type='password'] { font-size: 18px; font-family:  "微软雅黑"; outline: none; background: #f7f7f7; height: 44px; line-height: 44px; color: #ccc; padding-left: 12px; width: 288px; border:1px #ccc solid;}
input[type='text']:focus,input[type='password']:focus { background: #fff; border-color: #67B83D; color: #333;}
input[type='button'],input[type='submit'] { width: 100px; height: 36px; line-height: 18px; font-family:   "微软雅黑";  background: #2fb26a; text-align: center; border:none; color: #fff; font-size: 18px; border-radius: 5px; outline: none;}
input[type='button'].w140,input[type='submit'].w140 { width: 140px;}
textarea {font-size: 18px; font-family:  "微软雅黑"; background: #f7f7f7; color: #ccc; padding-left: 12px; padding-top: 12px; min-height: 124px; width: 296px; border:1px #ccc solid;}
textarea:focus { background: #fff; border-color: #67B83D;}
.error {color: #f00;font-size: 12px;display: inline-block; margin-left: 10px;}

/*----------------头部-----------------*/
.ft_header, .ft_content, .ft_footer { width: 100%; min-width: 1200px;}
.ft_banner_wp{width: 1180px;margin: 0 auto;position: relative;}
.banner_txt { float: left; display: inline; color: #fff;}
.banner_txt h1 { font-size: 52px; margin-bottom: 15px;}
.banner_txt p.link a {display: inline-block; width: 180px; height: 42px; line-height: 42px; text-align: center; background: #2fb26a; color: #fff; font-size: 18px; border-radius: 20px;}
.banner_txt p.link a:hover { background: #40C57C;}
body .transparent{background-color: transparent;}
.ft_header { height: 60px; background: #1f2831; overflow: hidden; position: fixed; top: 0;z-index: 10000;}
.ft_header_wp { width: 1200px; margin: 0 auto;}
.ft_header_wp:after{display: block; content: ""; clear: both;}
.ft_logo { float: left; display: inline-block; margin-right: 52px; line-height: 60px; }
.ft_logo a{display: block;}
.ft_logo img{margin: 15px 0;}
.ft_nav{float: right;margin-right: 20px;}
.ft_nav ul li { float: left; margin: 0px 18px; font-size: 16px; position: relative; line-height: 60px; }
.ft_nav ul li a { display: inline-block; color: #fff;border-bottom: 2px transparent solid; padding: 0px 5px;line-height: 60px;}
.ft_nav ul li.active a,.ft_nav ul li:hover a { border-color: #2FB26A;}
.ft_log {width:208.6px;overflow: hidden;line-height: 60px;height: 60px; float:right; display: inline;}
.ft_log a {  font-size: 16px;display: inline-block; text-align: center; margin-left: 3px; color: #fff;}
.ft_log a:hover { color: #2fb26a;}
.ft_log a.log{ width: 78px; height: 28px; line-height: 28px;}
.ft_log a.reg{width: 120px;height: 60px;line-height: 60px;background-color: #2fb26a;}
.ft_log a.reg:hover{color: #fff;background-color:#40C57C;}
.ft_log a.admin_center{ height: 60px; line-height: 60px;;width:120px;border: 1px #2fb26a solid; background: #2fb26a; color: #fff;}
.ft_log a.admin_center:hover{background-color:#40C57C;}
.ft_header_nologin{display: inline-block;height: 60px;}
.ft_header_islogin{display: none;}
/*菜单menu*/
.ft_menu { background: #fff; position: fixed; top: 60px; left: 0px; width: 100%; z-index: 1009;background: url(../images/bg-blur.png) 0px 0px repeat;}
.ft_menu a{color: #fff;}
.ft_menu .icon{background: url("../images/head-icons.png"); width: 30px; height: 30px;margin-top: -6px; display: inline-block; vertical-align: middle; margin-right: 5px;}
.submenu { display: none; overflow:hidden; }
.submenu .menu_list { font-size: 14px; color: #fff; line-height: 34px; overflow: hidden; width: 1200px; margin: 0 auto;}
.submenu strong { font-weight: normal; font-size: 16px; display: block; border-bottom: 1px #E2E3E3 solid; padding-bottom: 5px; margin-bottom: 15px;}
.submenu strong i { font-style: normal; font-size: 16px; color: #2FB26A; display: inline-block; margin-right: 8px;}
.menu_list .list { width: 200px; float: left; display: inline;padding: 15px; height: 200px;}
.menu_list .list.last{border-right: none;}
.menu_list .list ul{margin-left: 36px;}
.menu_list .list h3 {font-size: 18px;font-weight: bold;margin-bottom: 8px;}
.ft_menu .icon.call-center{background-position: -30px 0}
.ft_menu .icon.net{background-position: -60px 0}
.ft_menu .icon.conf{background-position: -90px 0}
.ft_menu .icon.traff{background-position: -120px 0}
.ft_menu span.act{    display: inline-block;padding: 0 10px;height: 17px; line-height: 17px;text-align: center; color: #fff; background: red;border-radius: 17px; font-size: 12px; margin-left: 5px;}
.ft_menu span.act.no{background: #9ba2a8;}
.menu_list .list a.disabled{color: #8c9399;}
.submenu.support .menu_list .list{margin-left: 730px; height: auto;}
.submenu.adv .menu_list .list{margin-left: 840px;height: auto;}
.ft_menu a:hover{color: #2fb26a}

.reg-content-2 {border-top: 1px solid #6e6e6e; line-height: 58px; height: 58px; }
.reg-content-2 .wraper{width: 1200px; margin: auto;font-size: 14px; overflow: hidden;  }
.reg-content-2 .left{float: left; color: #2fb26a;}
.reg-content-2 .left:hover{text-decoration: underline;}
.reg-content-2 .right{float: right; display: inline-block; width:110px; height: 30px; line-height: 30px; text-align: center; border: 2px solid #79cd9f; border-radius: 30px; margin-top: 10px; color: #79cd9f}
/*悬浮固定导航*/
.ft_menu_fixed { background: #fff; position: fixed; top: 0px; left: 0px; width: 100%; height: 59px; border-bottom: 1px #E7E9EA solid; z-index: 12; display: none; }
.menu_fixed_wp { width: 1180px; margin: 0 auto; position: absolute; left: 50%; margin-left: -600px;}
.menu_fold { width: 218px; float: left; display: inline; background: #fff; border:1px #fff solid; height: 57px;}
.menu_fold:hover { border:1px #e7e9ea solid;}
.menu_fold a.current { background: url(../images/menu_icon.png) 15px -645px no-repeat; padding-left: 48px; font-size: 18px; color: #374552; line-height: 59px;}
.menu_fold a.current i { float: right; display: inline; margin: 30px 15px 0 0; background: url(../images/menu_icon.png) 0 -675px no-repeat; width: 8px; height: 5px; vertical-align: middle; }
.menu_fold ul { display: none;}
.menu_fold ul li { font-size: 16px; color: #374552; padding-left: 48px; width: 172px; height: 50px; line-height: 50px; position: relative; cursor: pointer; }
.menu_fold ul li>a{ padding-left: -48px; display: block; color: #374552}
.menu_fold ul li i { float: right; display: inline; margin: 20px 18px 0 0; background: url(../images/menu_icon.png) 0 -688px no-repeat; width: 5px; height: 8px; vertical-align: middle; }
.menu_fold ul li.active,.menu_fold>ul>li:hover { background: #2fb26a; color: #fff;}
.menu_fold ul li.active a,.menu_fold>ul>li:hover a { background: #2fb26a; color: #fff;}
.menu_fold ul li.active i,.menu_fold>ul>li:hover i { background-position: -14px -688px;}
.menu_fold>ul>li:hover.fold_list{background: #fff}
.menu_fold .fold_list { background: #fff; border:1px #E7E9EA solid; position: absolute; left: 239px; width: 140px; top: 0; display: none;}
.menu_fold .fold_list a { display: block; height: 30px; line-height: 30px; padding: 10px; font-size: 16px; color: #374552 !important; background: #fff !important;}
.menu_fold .fold_list a:hover { color: #2fb26a !important;}
.menu_fold .fold_list em { position: absolute; left: -20px; top: 0px; display: inline-block; background: url(../images/menu_icon.png) 0 -717px no-repeat; width: 20px; height: 50px;}
.menu_title { float: left; display: inline; margin-left: 53px;}
.menu_title a { padding: 0 25px; color: #374552; font-size: 16px; line-height: 60px;}
.menu_title a.active,.menu_title a:hover { color: #2fb26a;}
.menu_title .link{}
.menu_title .link a{display: inline-block;width: 100px;height: 30px;line-height: 30px;text-align: center;background: #2fb26a;border-radius: 20px; color: #fff;margin-left: 100px;}
.menu_title .link a:hover{background: #40C57C;}
/*---------------首页---------------*/

/*首页*/
.item_box { width: 100%; padding: 98px 0px 0px 0px; overflow: hidden;}
.item_box_wp { width: 1180px; margin:0 auto; position: relative;}
.item_box .title { width: 1180px; text-align: center; color: #374552; margin: 0 auto 60px auto;}
.item_box .title h3 { font-size: 40px;}
.item_box .title b { width: 105px; height: 0; border-bottom: 2px #2fb26a solid; display: block; margin: 10px auto 15px auto;}
.item_box .title h4 { font-size: 20px; margin-bottom: 20px;}
.index_box .title h4 { font-size: 22px;}
.item_box .title p { font-size: 16px; opacity: 0.8; /* filter:alpha(opacity=80); */}

.box2 { padding-top: 70px; padding-bottom: 174px;}
.item_list { width: 100%; margin: 0 auto; min-width: 1200px;}
.item_list .list { width: 25%; width: 33.33%; float: left; display: inline; position: relative;}
.item_list .list img { position: relative; top: 0; left: 0; width: 100%;}
.item_list .list_tit { width: 100%; font-size: 20px; color: #fff; position: absolute; bottom: 0px; text-align: center;}
.item_list .list_tit{height: 66px; line-height: 66px;}
.item_list .tit_bg { height: 100%; width: 100%; position: absolute; bottom: 0; left: 0; background: #00a0e9; opacity: 0.9; filter:alpha(opacity=90);}
.item_list .list_tit span { position: relative; display: inline-block; background: url(../images/icon.png) 0 0 no-repeat; padding-left: 45px;}
.item_list .list2 .tit_bg,.item_list .list4 .tit_bg { background: #2ea967;}
.item_list .list1 span { background-position: -231px 20px;}
.item_list .list2 span { background-position: -231px -40px;}
.item_list .list3 span { background-position: -231px -99px;}
.item_list .list4 span { background-position: -231px -160px; padding-left: 50px;}
.item_list .list_intro { position: absolute; bottom: 0; left: 0; display: none;}
.item_list .intro_bg { width: 100%; height: 100%; position: absolute; top:0; left: 0; background: #374552; opacity: 0.8; filter:alpha(opacity=80);}
.item_list .intro_txt { position: relative; color: #fff; margin: 80px 22px;}
.item_list .intro_txt strong { font-size: 24px; font-weight: normal; display: block; margin-bottom: 20px; padding-bottom: 5px; background: url(../images/icon.png) 0 0 no-repeat; padding-left: 45px;}
.item_list .list1 strong { background-position: -231px 0px;}
.item_list .list2 strong { background-position: -231px -60px;}
.item_list .list3 strong { background-position: -231px -122px;}
.item_list .list4 strong { background-position: -231px -175px; padding-left: 50px;}
.item_list .intro_txt p { font-size: 16px; line-height: 35px; margin-bottom: 25px;}
.item_list .intro_txt p.link a { display: inline-block; width: 128px; height: 34px; line-height: 34px; text-align: center; color: #fff; border:1px #fff solid; border-radius: 18px; opacity: 0.8; filter:alpha(opacity=80);}
.item_list .intro_txt p.link a:hover{background: #5e6975;}
/*解决方案图标尺寸文字自适应*/
@media screen and (min-width: 1601px) and (max-width: 1919px){
	.item_list .list1 span { background-position: -231px 15px;}
	.item_list .list2 span { background-position: -231px -42px;}
	.item_list .list3 span { background-position: -231px -105px;}
	.item_list .list4 span { background-position: -231px -165px; padding-left: 50px;}
	.item_list .intro_txt { margin: 60px 22px;}
	.item_list .intro_txt strong { font-size: 22px;}
	.item_list .intro_txt p { font-size: 16px; line-height: 32px; margin-bottom: 20px;}
	.item_list .intro_txt p.link a { height: 32px; line-height: 32px;}
}
@media screen and (min-width: 1367px) and (max-width: 1600px){
	.item_list .list1 span { background-position: -231px 10px;}
	.item_list .list2 span { background-position: -231px -48px;}
	.item_list .list3 span { background-position: -231px -110px;}
	.item_list .list4 span { background-position: -231px -170px; padding-left: 50px;}
	.item_list .intro_txt { margin: 40px 22px;}
	.item_list .intro_txt strong { font-size: 22px;}
	.item_list .intro_txt p { font-size: 16px; line-height: 30px; margin-bottom: 20px;}
	.item_list .intro_txt p.link a { height: 30px; line-height: 30px;}
}
@media screen and (min-width: 1281px) and (max-width: 1366px){
	.item_list .list1 span { background-position: -231px 6px;}
	.item_list .list2 span { background-position: -231px -52px;}
	.item_list .list3 span { background-position: -231px -114px;}
	.item_list .list4 span { background-position: -231px -174px; padding-left: 50px;}
	.item_list .intro_txt { margin: 30px 22px;}
	.item_list .intro_txt strong { font-size: 22px;}
	.item_list .intro_txt p { font-size: 14px; line-height: 25px; margin-bottom: 20px;}
	.item_list .intro_txt p.link a { height: 30px; line-height: 30px;}
}
@media screen and (max-width: 1280px){
	.item_list .list1 span { background-position: -231px 6px;}
	.item_list .list2 span { background-position: -231px -52px;}
	.item_list .list3 span { background-position: -231px -114px;}
	.item_list .list4 span { background-position: -231px -174px; padding-left: 50px;}
	.item_list .intro_txt { margin: 20px 22px;}
	.item_list .intro_txt strong { font-size: 22px; margin-bottom: 10px;}
	.item_list .intro_txt p { font-size: 14px; line-height: 25px; margin-bottom: 20px;}
	.item_list .intro_txt p.link a { height: 30px; line-height: 30px;}
}

.tip-content.r { position: absolute;}
.tip-content.r>div{    top: -85px; position: absolute;display: none; z-index: 100}
.tip-content.r .icon {background-repeat:no-repeat ; background-position: top; position: absolute; height: 18px; width: 68px; display: inline-block; cursor: pointer; top: 0; left: 0; font-size: 14px; color: #374552; text-align: center;padding-top: 80px;}
.tip-content p { font-size: 14px; color: #374552; background: #fff; min-width: 170px; padding: 10px; border-radius: 5px; box-shadow: 2px 2px 2px #ccc; left: -120px; top: -70px;  /* position: absolute;z-index: 10; */ }
.tip-content i { display: inline-block; background: url(../images/triangle.png) 0 0 no-repeat; width: 18px; height: 18px; position: absolute; left: 12px;    bottom: -18px;z-index: 1; }

.box3 { background: #f2f2f5;}
.index_3 { text-align: center; border-bottom: 1px #E1E4E6 solid; padding-bottom: 54px;}
.index_3 .net-bg{height: 538px;position: relative; }

.index_3 .net-bg>.icon{display: inline-block; width: 32px; height: 32px; position: absolute;}
.android-icon.icon{left: 445px;top: 10px;}
.apple-icon.icon{ left: 540px;}
.win-icon.icon{ left: 635px;top: 10px;}

.index_3 .r{ position: absolute; z-index: 100;}
.index_3 .r .icon{padding-top: 75px; height: 18px; width: 128px; background-repeat: no-repeat; background-position: top; color: #354552; font-size: 16px;}
.index_3 .r.r1{left: 202px;top: 205px;}
.index_3 .r.r2{left: 374px;top: 300px;}
.index_3 .r.r3{left: 674px;top: 285px;}
.index_3 .r.r4{    left: 825px;top: 177px;}
.index_3 .r.r5 .icon{  width: 221px;height: 135px;}
.index_3 .r.r5{    left: 452px;top: 78px;}

.index_3 .steps{position: absolute; color: #374552; font-size: 15px; }
.index_3 .steps i{display: inline-block; width: 21px;height: 21px; -webkit-border-radius: 21px; -moz-border-radius: 21px; -ms-border-radius: 21px;font-weight: bold; border-radius: 21px; background: #2fb26a; color: #fff; text-align: center; line-height: 21px; font-style: normal; margin-right: 5px;}

.index_3 .steps.s1{bottom: 150px;-webkit-transform: rotate(36deg);-ms-transform: rotate(36deg);-moz-transform: rotate(36deg); transform: rotate(36deg);left: 139px;}
.index_3 .steps.s2{left: 322px;bottom: 62px;-webkit-transform: rotate(9deg);-ms-transform: rotate(9deg);-moz-transform: rotate(9deg);transform: rotate(9deg);}
.index_3 .steps.s3{    left: 614px;bottom: 53px;-webkit-transform: rotate(-6deg);-ms-transform: rotate(-6deg);-moz-transform: rotate(-6deg);transform: rotate(-6deg);}
.index_3 .steps.s4{    left: 848px;bottom: 95px;-webkit-transform: rotate(-20deg);-ms-transform: rotate(-20deg);-moz-transform: rotate(-20deg);transform: rotate(-20deg);}
.index_3 .net-canvas1{    left: 361px;-webkit-transform: rotate(22deg);-ms-transform: rotate(22deg);-moz-transform: rotate(22deg);transform: rotate(22deg);top: 30px;}
.index_3 .net-canvas2{    left: 452px;top: 72px;}
.index_3 .net-canvas3{    left: 441px;top: 164px;-webkit-transform: rotate(-8deg);-ms-transform: rotate(-8deg);-moz-transform: rotate(-8deg);transform: rotate(-8deg);}
.index_3 .net-canvas4{    left: 554px;top: 136px;-webkit-transform: rotate(-20deg);-ms-transform: rotate(-20deg);-moz-transform: rotate(-20deg);transform: rotate(-20deg);}
.index_3 .net-canvas5{    left: 482px;top: 18px;-webkit-transform: rotate(30deg);-ms-transform: rotate(30deg);-moz-transform: rotate(30deg);transform: rotate(30deg);}
.index_3 .net-canvas6{    left: 453px;top: -31px;-webkit-transform: rotate(26deg);-ms-transform: rotate(26deg);-moz-transform: rotate(26deg);transform: rotate(26deg);}
.index_3 .net-canvas7{    left: 544px;top: -52px;-webkit-transform: rotate(25deg);-ms-transform: rotate(25deg);-moz-transform: rotate(25deg);transform: rotate(25deg);}
.box4 { background: #f2f2f5; padding-bottom: 76px;}
.index_4 .left { float: left; display: inline; margin-left: 20px;}
.index_4 .left ul li { width: 145px; margin-bottom: 35px;}
.index_4 .left span { display: inline-block; text-align: center; width: 145px; color: #374552;opacity: 0.7; /* filter:alpha(opacity=70); */ }
.index_4 .left .num { font-size: 61px; font-weight: lighter; border-bottom: 1px #C9CCD1 solid; margin-bottom: 5px; }
.index_4 .left .num i { display: inline-block; background: url(../images/plus.png) 0 0 no-repeat; width: 29px; height: 29px; margin-left: 5px;}
.index_4 .left .txt { font-size: 15px; font-weight: lighter;}
.index_4 .right { float: right; display: inline; width: 970px; height: 481px; position: relative;}
.index_4 .r1 { top:111px; left: 121px;}
.index_4 .r2 { top:304px; left: 776px; z-index: 10;}
.index_4 .r3 { top:282px; left: 492px;}
.index_4 .r4 { top:326px; left: 263px;}
.index_4 .r5 { left: 626px;top: 38px;}
.customer-box{background: #f9f9f9;}
.index_4 .r.r5 .icon{ width: 221px; height: 135px; padding-top: 0;}
.box5 { padding-bottom: 80px;}
.index_5 ul li { float: left; display: inline; width: 236px; text-align: center; height: 95px; line-height: 95px;}
.canvas-content{ position: absolute;}
.canvas-content.canvas1{    width: 400px;left: 185px;transform: rotate(5deg);top: 38px;}
.canvas-content canvas{    position: absolute;top: 0; left: 0;}

.canvas-content.canvas2{    width: 420px;top: 164px;left: 255px;transform: rotate(-19deg);}
.canvas-content.canvas3{    width: 300px;top: 77px;left: 513px; transform: rotate(-3deg);}
 .canvas-content.canvas4{    width: 350px;top: 118px;left: 627px; transform: rotate(27deg);}
 
/*弹层样式*/
.dialog_bg { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: #000; opacity: 0.22; filter:alpha(opacity=22); z-index: 10; display: none;}
.dialog_box { padding: 38px 50px; background: #fff; border-radius: 5px; width: 890px; position: fixed; z-index: 11; display: none;}
.dialog_box .close { background: url(../images/close.png) 0 0 no-repeat; display: inline-block; width: 33px; height: 33px; right: 25px; top: 25px; position: absolute; cursor: pointer;}
.dialog_tab .tab_tit { float: left; display: inline; border-right: 2px #EAECED solid; }
.dialog_tab .tab_tit ul li { border-right: 2px #EAECED solid; padding: 15px 35px 0 0; height: 82px; margin: 0 -2px 15px 0; cursor: pointer;}
.dialog_tab .tab_tit ul li.active { border-color: #2FB26A;}
.dialog_tab .tab_tit ul li i { display: block; background: url(../images/icon.png) 0 0 no-repeat; margin-bottom: 12px;}
.dialog_tab .tab_tit ul li i.icon1 { background-position: 1px -285px; width: 28px; height: 41px; margin-left: 10px;}
.dialog_tab .tab_tit ul li i.icon2 { background-position: -48px -286px; width: 36px; height: 29px; margin-left: 8px;}
.dialog_tab .tab_tit ul li i.icon3 { background-position: -105px -286px; width: 37px; height: 29px; margin-left: 8px;}
.dialog_tab .tab_tit ul li i.icon4 { background-position: -164px -286px; width: 30px; height: 33px; margin-left: 8px;}
.dialog_tab .tab_tit ul li:hover i.icon1 { background-position: 0 -227px;}
.dialog_tab .tab_tit ul li:hover i.icon2 { background-position: -48px -226px;}
.dialog_tab .tab_tit ul li:hover i.icon3 { background-position: -105px -226px;}
.dialog_tab .tab_tit ul li:hover i.icon4 { background-position: -164px -227px;} 

.dialog_tab .tab_tit ul li.active i.icon1 { background-position: 0 -227px;}
.dialog_tab .tab_tit ul li.active i.icon2 { background-position: -48px -226px;}
.dialog_tab .tab_tit ul li.active i.icon3 { background-position: -105px -226px;}
.dialog_tab .tab_tit ul li.active i.icon4 { background-position: -164px -227px;} 

.dialog_tab .tab_tit ul li span { font-size: 16px; color: #354552; opacity: 0.8; /* filter:alpha(opacity=80); */}
.dialog_tab .tab_tit ul li:hover span,.dialog_tab .tab_tit ul li.active span { font-size: 16px; color: #354552; opacity: 1; filter:alpha(opacity=100);}
.dialog_tab .tab_ctn { width: 780px; float: left; text-align: center; padding-top: 20px; }
.dialog_tab .tab_ctn p { color: #374552; font-size: 20px; opacity: 0.8; filter:alpha(opacity=80);}
.dialog_tab .tab_ctn p.img { margin-bottom: 20px; height: 397px;}
.dialog_tab .tab_ctn .third img{margin-top:-30px}

/*------------公共体验入口及底部---------------*/
.enter_box { width: 100%; height: 150px; line-height: 150px; background: #17bf72; color: #fff; padding: 0px;}
.enter_box p { font-size: 30px; }
.enter_box a { width: 158px; height: 46px; line-height: 46px; border-radius: 30px; margin-top: 55px; text-align: center; font-size: 18px; color: #fff; float: right; display: inline;border:2px #fff solid; }
.enter_box a:hover { background: #2AD587;}

.ft_footer{border-top: 3px solid #2fb26a;background: #163143;}
.ft_footer .footer_box{border-bottom: 1px solid #2d4354;}
.footer_add_wp{position: relative;width: 1180px; margin: 0 auto;height: 96px;}
.footer_add_wp ul li{float: left;width: 33%;height: 40px;line-height: 40px;margin: 28px 0;padding-left: 46px;font-size: 18px;color: #fff;background: url(../images/footer-icon.png) 0px 0px no-repeat;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}
.footer_add_wp ul li.item1{background-image: none;}
.footer_add_wp ul li.item1 img{margin-right: 10px;display: inline-block;}
.footer_add_wp ul li.item2{width: 40%;background-position: 140px -45px;border-left: 1px solid #2d4354;text-align: center;}
.footer_add_wp ul li.item3{width: 27%;background-position: 120px -90px;border-left: 1px solid #2d4354;text-align: right;}
.footer_add_wp ul li span{color: #2fb26a;padding-left: 10px;}
.ft_footer_wp {width: 1180px; margin: 0 auto; overflow: hidden; height: 300px;}
.footer_link {color: #eee; overflow: hidden;}
.footer_link dl { float: left; display: inline; width: 260px; margin-top: 40px; margin-bottom: 20px;}
.footer_link dl dt { font-size: 16px; margin-bottom: 24px;}
.footer_link dl dd { font-size: 14px; margin-bottom: 8px;}
.footer_link dl dd a { color: #eee; opacity: 0.5; filter:alpha(opacity=50);}
.footer_link dl dd a:hover { opacity: 1; filter:alpha(opacity=100);}
.footer_link dl dd span { opacity: 0.5; filter:alpha(opacity=50); display: block; margin-bottom: 5px;}
.footer_link dl dd .qq_link { opacity: 1; filter:alpha(opacity=100); background: url(../images/qq-online.png); width: 90px; height: 25px; cursor: pointer;}
.footer_link dl.share{width: 140px;}
.footer_link dl.share dd span { color: #fff; opacity: 0.3; filter:alpha(opacity=30); font-size: 14px; display: inline-block; width: 140px; text-align: center; margin-top: 15px;}
.relate_links {width: 100%;}
.relate_wp {width: 1180px; padding: 10px 10px 20px 10px; margin: auto; overflow: hidden;border-bottom: 1px solid #2d4354;}
.relate_links a,.relate_links span {color: #49505e; }
.relate_links a:hover{ color: #fff; }
.relate_links i { display: inline-block; width: 3px; height: 2px; margin: 0 10px; vertical-align: middle; background:#3e4654 }
.relate_links i.first{margin-left: 2px}
.footer_link a:hover{color: #fff;}
.copyright{height: 60px;line-height: 60px;}
.copyright p { color: #636879; font-size: 12px; margin-bottom: 10px; }
.copyright p a{ color: #636879;}
/*app服务*/
.ft_banner_app{background: #222d35;}
.ft_banner_app .banner_txt { margin-top: 230px; color: #fff;}
.ft_banner_app .banner_img { position: absolute;right: 0px;top: 120px;}
.box7_clouds.app .item_2 ul li.li1 i{    background-position: -2px -956px;}
.box7_clouds.app .item_2 ul li.li2 i{    background-position: -106px -960px}
.box7_clouds.app .item_2 ul li.li3 i{    background-position: -2px -1044px;}
.box7_clouds.app .item_2 ul li.li4 i{    background-position: -104px -865px;}
.app .relate_ctn p{margin-bottom:10px ; text-align: left;}
.app .item_3 ul li{width: 100%;}
.app .item_3 ul li .wraper{width: 880px; margin: auto;}
.icon-q-begin, .icon-q-end{width: 30px;    position: relative;top: -17px; height: 30px; display: inline-block; vertical-align: middle;}
.icon-q-end{position: relative;top: 17px;}
.b-phone{    position: absolute;top: -30px;left: 321px;}
.banner-img-wraper{width: 86px; height: 86px; text-align: center; display: inline-block; position: absolute;-webkit-border-radius: 86px; -ms-border-radius:86px; -moz-border-radius: 86px; border-radius: 86px;}
.banner-img-wraper .img-title{display: none; height: 100%; color: #fff; height: 84px; width: 100%;}
.banner-img-wraper:hover .img-title{display: block; font-size: 18px; line-height: 86px; text-align: center;}
.banner-img-wraper:hover img{display: none;}
.ft_banner_app .banner-img-wraper.first{    left: 90px;top: 82px;background: #2ea967;}
.ft_banner_app .banner-img-wraper img{margin-top: 18px;}
.ft_banner_app .banner-img-wraper.second{    left: 180px;top: 313px; background: #1d95d4;}
.ft_banner_app .banner-img-wraper.second img{margin-top: 20px;}
.ft_banner_app .banner-img-wraper.third{    right: 142px;top: 128px; background: #1d95d4;}
.ft_banner_app .banner-img-wraper.forth{    right: 0px;top: 41px; background: #1d95d4;}
.ft_banner_app .banner-img-wraper.firve{    right: 0;bottom: 84px;background: #2ea967;}
 .banner-img-wraper p{font-size: 18px; line-height: 20px;}
.banner-img-wraper p.p1{margin-top: 24px;}
.banner_txt p{font-size: 20px;line-height: 32px;margin-bottom: 35px;opacity: 0.7;}
/*智能硬件*/
.ft_banner_intel{background: #222d35}
.ft_banner_intel .banner_txt { margin-top: 230px; color: #fff;}
.ft_banner_intel .banner_img { margin-top: 142px; position: relative;}
.box7_clouds.intel .item_2 ul li.li1 i{background-position: -107px -1042px; width: 78px; background-position: -111px -1121px;}
.box7_clouds.intel .item_2 ul li.li2 i{    background-position: -105px -1044px}
.box7_clouds.intel .item_2 ul li.li3 i{    background-position: -198px -1044px;}
.box7_clouds.intel .item_2 ul li.li4 i{    background-position: -5px -1121px;}
.intel .ctn_list1 h4 ,.intel .ctn_list2 h4{color: #374552;  font-size: 14px; margin-bottom: 10px;}
.intel.relate_ctn p.img
.intel.relate_ctn p a{text-align: center;}
.intel .item_3 ul li{width: 100%;}
.intel .item_3 ul li .wraper{width: 880px; margin: auto;}
.ft_banner_intel .banner-img-wraper{width:100px; height: 100px;}
.ft_banner_intel .banner-img-wraper img{margin-top: 10px}
.ft_banner_intel .banner-img-wraper.first{background-color: #2fb26a; top: -38px; left: 0px;}
.ft_banner_intel .banner-img-wraper.second{background-color: #1d95d4; top: -96px;     left: 135px;}
.ft_banner_intel .banner-img-wraper.third{background-color: #2fb26a; top: -96px;left: 281px;}
.ft_banner_intel .banner-img-wraper.forth{background-color: #1d95d4;     top: -59px;left: 409px}
.ft_banner_intel  .banner-img-wraper .img-title{width: 100px; height: 100px; line-height: 100px }
.ft_banner_intel .banner-img-wraper p.p1{margin-top: 30px}

/*sdk下载*/
.ft_banner_sdk{height: 700px; background: #222d35;}
.ft_banner_sdk .banner_txt { margin-top: 230px; color: #fff;}
.ft_banner_sdk .banner_img { position: absolute;right: 0px;top: 120px;}
.ft_banner_sdk .banner-img-wraper{width: 80px; height: 80px; line-height: 80px; border-radius: 80px; -webkit-border-radius: 80px;-moz-border-radius: 80px; -ms-border-radius: 80px;}
.ft_banner_sdk .banner-img-wraper.first{background: #1d95d4;bottom: 140px;left: -35px;}
.ft_banner_sdk .banner-img-wraper.second{background: #2fb26a;    bottom: -28px;left: 98px;}
.ft_banner_sdk .banner-img-wraper.third{background: #1d95d4;    bottom: 14px;left: 324px;}
.ft_banner_sdk .banner-img-wraper.forth{background: #2fb26a;top: 110px;right: -29px;}
.ft_banner_sdk .banner-img-wraper.firve{background: #1d95d4;top: -23px;right: 100px;}
.ft_banner_sdk .banner-img-wraper.six{background: #2fb26a;    top: 10px; left: 45px;}
.sdk-tabs-title{text-align: center;}
.sdk-tabs-title ul{overflow: hidden; display: inline-block;    vertical-align: middle;}
.sdk-tabs-title ul li{float: left; width: 150px; height: 100px; position: relative; cursor: pointer;}
.sdk-tabs-title ul li i{margin-top: 16px;}
.sdk-tabs-title ul li .line{height: 2px; background: #fff; position: absolute; bottom: 0px; width: 100%;}
.sdk-tabs-content{padding-top: 24px; background: #f2f2f2;position: relative;}
.sdk-tabs-content .sdk-down-content{width: 370px; float: left; margin-right:30px;margin-top:20px; display: inline-block; vertical-align: middle;border-radius: 4px; -webkit-border-radius: 4px;-moz-border-radius: 4px; -ms-border-radius: 4px;background: #fff;     padding: 30px 0 45px 0px; position: relative;}
.sdk-tabs-content .sdk-down-content span.arrow{    border-color: transparent;  border-bottom-color: #fff; border-style: solid; left: 50%;  border-width: 20px;position: absolute; bottom: -25px; margin-left: -20px;}
.sdk-tabs-content .item{text-align: center; color: #374552; font-size: 12px; display: inline-block;} 
.sdk-tabs-content .wraper{width: 1200px; margin: auto;  padding-bottom: 230px;}
.sdk-tabs-content .sdk-down-content h4{font-size: 24px; }
.sdk-tabs-content .sdk-down-content h5{font-size: 12px;    margin: 10px;/* filter:alpha(opacity=60); */opacity:0.6}
.sdk-tabs-content .sdk-down-content .btn{width: 260px; height: 38px; line-height: 38px; border-radius: 4px; background: #2fb26a; color: #fff; text-align: center; display: inline-block; vertical-align: middle; font-size: 14px;margin-bottom: 15px;}
.sdk-tabs-content .sdk-down-content .btn img{margin-right: 4px;}
.sdk-tabs-content .sdk-down-content .btn:hover{    background: #40C57C;}
.sdk-tabs-content .sdk-down-content .links a{ color: #374552;}
.sdk-tabs-content .sdk-down-content .links a:hover{color: #2fb26a;}
.sdk-tabs-content .sdk-down-content .links span{ color: #e4e6e9; margin: 0 10px;}
.m-l-10{margin-left: 10px;}
.download_tit{text-align: center;}
.sdk-tabs-title ul li{font-size: 18px; color: #9ba2a8;}
.sdk-tabs-title ul li i{width: 84px; height: 84px; display: inline-block;vertical-align: middle;   height: 50px;}
.sdk-tabs-title ul li.android i{background: url(../images/download-sdk/sdk-android-gray.png) top center;}
.sdk-tabs-title ul li.android.active i, .sdk-tabs-title ul li.android:hover i{background: url(../images/download-sdk/sdk-android.png) top center;}
.sdk-tabs-title ul li.android.active, .sdk-tabs-title ul li.android:hover{color: #9ac931;}
.sdk-tabs-title ul li.android.active .line{background: #9ac931;}

.sdk-tabs-title ul li.ios i{background: url(../images/download-sdk/sdk-ios-gray.png) top center;}
.sdk-tabs-title ul li.ios.active i, .sdk-tabs-title ul li.ios:hover i{background: url(../images/download-sdk/sdk-ios.png) top center;}
.sdk-tabs-title ul li.ios.active .line{background: #3397fd;}
.sdk-tabs-title ul li.ios.active, .sdk-tabs-title ul li.ios:hover{color: #3397fd;}

.sdk-tabs-title ul li.windows i{background: url(../images/download-sdk/sdk-windows-gray.png) top center;}
.sdk-tabs-title ul li.windows.active i, .sdk-tabs-title ul li.windows:hover i{background: url(../images/download-sdk/sdk-windows.png) top center;}
.sdk-tabs-title ul li.windows.active .line{background: #00adef;}

.sdk-tabs-title ul li.php i{background: url(../images/download-sdk/sdk-php-gray.png) top center;}
.sdk-tabs-title ul li.php.active i, .sdk-tabs-title ul li.php:hover i{background: url(../images/download-sdk/sdk-php.png) top center;}
.sdk-tabs-title ul li.php.active .line{background: #6d7db8;}

.sdk-tabs-title ul li.java i{background: url(../images/download-sdk/sdk-java-gray.png) top center;}
.sdk-tabs-title ul li.java.active i, .sdk-tabs-title ul li.java:hover i{background: url(../images/download-sdk/sdk-java.png) top center;}
.sdk-tabs-title ul li.java.active .line{background: #f3492c;}

.sdk-tabs-title ul li.python i{background: url(../images/download-sdk/sdk-python-gray.png) top center;}
.sdk-tabs-title ul li.python.active i, .sdk-tabs-title ul li.python:hover i{background: url(../images/download-sdk/sdk-python.png) top center;}
.sdk-tabs-title ul li.python.active .line{background: #35709f;}

.sdk-tabs-title ul li.golang i{background: url(../images/download-sdk/sdk-golang-gray.png) top center;}
.sdk-tabs-title ul li.golang.active i, .sdk-tabs-title ul li.golang:hover i{background: url(../images/download-sdk/sdk-golang.png) top center;}
.sdk-tabs-title ul li.golang.active .line{background: #caaa84;}

.sdk-tabs-title ul li.webrtc i{background: url(../images/download-sdk/sdk-webrtc-gray.png) top center;}
.sdk-tabs-title ul li.webrtc.active i, .sdk-tabs-title ul li.webrtc:hover i{background: url(../images/download-sdk/sdk-webrtc.png) top center;}
.sdk-tabs-title ul li.webrtc.active .line{background: #e57931;}

.sdk-tabs-title ul li.c i{background: url(../images/download-sdk/sdk-c-gray.png) 24px -44px no-repeat;}
.sdk-tabs-title ul li.c.active i, .sdk-tabs-title ul li.c:hover i{background-position: 24px 7px;}
.sdk-tabs-title ul li.c.active .line{background: #5b96d0;}

.dis-n{display: none;}
.update_link { margin: 12px 0px 5px 0px;}
.update_link span { font-size: 16px; color: #11c382; border-bottom: 1px #11c382 solid; cursor: pointer;}
.dowload_info { background: #fff; overflow: hidden; padding-bottom: 20px; margin-top: 20px;}
.dowload_info .info p { font-size: 22px; color: #374552; text-align: center; margin: 30px 0px 30px 0px; }
.dowload_info .info { padding: 0px 22px;}
.dowload_info .info .flex-viewport{min-height: 280px;}
.dowload_info .desc h3 { font-size: 16px; color: #fff; background: #b0b2b3; height: 32px; line-height: 32px; padding-left: 10px; margin: 0px;}
.dowload_info .desc .txt { width: 268px; float: left; display: inline; margin-right: 19px; color: #999;}
.dowload_info .desc .txt.current h3 { background: #11C382;}
.dowload_info .desc .list { border:1px #E6EFE6 solid; padding: 10px 10px 20px 10px; border-top: none; background: #fff; margin-bottom: 20px; height: 210px; overflow: auto; font-size: 12px; color: #999; line-height: 20px;}
.dowload_info .desc .list pre { white-space:pre-wrap;}
.dowload_info .desc .txt.current .list { color: #404a58;}
.dowload_info .desc b { font-size: 18px; color: #29a0b5; margin-bottom: 5px; display: block;}

.dowload_info.dialog_box{ left: 50%;  top: 100px; margin-left: -590px; width: 1180px; padding: 0; top: 50%; margin-top: -193px;}

/*在线体验新版*/
.new-exp .ft_banner_experience{position: relative;background: #254b5d url(../images/experience/exp-banner.png) center bottom no-repeat;height: 507px;overflow: hidden;}
.new-exp .ft_banner_experience .item_box_wp{height: 100%;}
.new-exp .ft_banner_experience .banner_txt {float: none; margin-top: 180px; color: #fff;display: block;text-align: center;}
.new-exp .item_box.exp-apps{height:815px; background: #f2f2f2;  position: relative;padding-top: 0;overflow: visible;margin-top: 0;}
.new-exp .banner_txt h1{margin-bottom: 0;font-size: 38px;line-height: 50px;}
.new-exp .banner_txt b{display: inline-block;width: 134px;height: 3px;background-color: #2fb26a;margin-bottom: 4px;}
.new-exp .exp-lists-content{text-align: center;background-color: transparent;position: relative;top: -100px;}
.new-exp .ft_content.exp .exp-list{display: inline-block;margin-bottom: 52px;}
.new-exp .ft_content.exp .exp-list .item{display: inline-block;width: 278px;margin-left: 60px; background: #fff;z-index: 100;border-radius: 6px;-webkit-border-radius: 6px;-moz-border-radius: 6px;-ms-border-radius: 6px;position: relative;}
.new-exp .ft_content.exp .exp-list li.item1,.new-exp .ft_content.exp .exp-list li.item4{margin-left: 0;}
.new-exp .ft_content.exp .exp-list .tit h2{font-size: 24px;padding-top: 20px;}
.new-exp .ft_content.exp .exp-list .tit p{font-size: 12px;color: #9ba0a5;border-bottom: 1px solid #e1e2e4;padding-bottom: 10px;}
.new-exp .ft_content.exp .exp-list .cen p{color: #868c93;font-size: 14px;}
.new-exp .ft_content.exp .exp-list .cen a{display: inline-block;width: 162px;height: 36px;text-align: center;line-height: 36px;color: #fff;font-size: 14px;margin-top: 20px;margin-bottom: 20px;background-color: #2fb26a;border-radius: 20px;-webkit-border-radius: 20px;-moz-border-radius: 20px;}
.new-exp .ft_content.exp .exp-list .btm{height: 28px;line-height: 28px;text-align: left;color: #fff;padding-left: 30px;background: #374552 url(../images/experience/exp-icon1.png) 10px 7px no-repeat;}

.new-exp .dialog-bg{display: none;background-color: rgba(0,0,0,0.7);position: fixed;top: 0;bottom: 0;left: 0;right: 0;z-index: 10001;}
.new-exp .dialog{display: none;background-color: #fff;z-index: 10002;width: 620px;position: fixed;left: 50%;top: 50%;transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);-moz-transform: translate(-50%,-50%);border-radius: 10px;-webkit-border-radius: 10px;-moz-border-radius: 10px;}
.new-exp .dialog .step{display: none;}
.new-exp .dialog h3{font-size: 26px;padding: 30px 0 56px 24px;}
.new-exp .dialog .group{margin-bottom: 32px;position: relative;line-height: 42px;}
.new-exp .dialog .group input[type='text']{width: 280px;height: 42px;line-height: 42px;background-color: #fff;border-radius: 5px;-webkit-border-radius: 5px;-moz-border-radius: 5px;}
.new-exp .dialog .group input.valid-code{width: 140px;}
.new-exp .dialog .group label{display: inline-block;font-size: 16px;width: 186px;text-align: right;padding-right: 24px;}
.new-exp .dialog .group .red-border{border-color: #ff5f4e;}
.new-exp .dialog .group .error{position: absolute;bottom: -36px;left: 204px;font-size: 14px;}
.new-exp .dialog .forms .btn{padding: 10px 0 15px 214px;}
.new-exp .dialog.dialog1 .forms .btn,.new-exp .dialog.dialog2 .forms .btn{margin-bottom: 40px;}
.new-exp .dialog .forms a{display: block;width: 140px;height: 44px;line-height: 44px;text-align: center;font-size: 16px;background-color: #2fb26a;color: #fff;border-radius: 5px;-webkit-border-radius: 5px;-moz-border-radius: 5px;-moz-border-radius: 20px;}
.new-exp .dialog .forms a:hover,.new-exp .dialog a.cen-btn:hover,.new-exp .ft_content.exp .exp-list .cen a:hover{background-color: #40C57C;box-shadow: 0px 6px 6px 3px rgba(47,178,106,0.2);-webkit-box-shadow: 0px 6px 6px 3px rgba(47,178,106,0.2);-moz-box-shadow: 0px 6px 6px 3px rgba(47,178,106,0.2);}
.new-exp .dialog .btm-txt{font-size: 14px;color: #929ca2;margin: 0px 30px 36px;border-top: 1px dashed #929ca2;padding-top: 15px;text-align: center;}
.new-exp .dialog .btm-txt span{display: inline-block;width: 18px;height: 18px;margin-right: 8px;position: relative;top: 4px;background: #1d95d4 url(../images/experience/exp-icon1.png) center -23px no-repeat;border-radius: 100%;-webkit-border-radius: 100%;-moz-border-radius: 100%;}
.new-exp .dialog .d-close{cursor: pointer;display: inline-block;width: 30px;height: 30px;position: absolute;top: 32px;right: 28px;background: url(../images/experience/exp-icon2.png) -10px 3px no-repeat;}
.new-exp .dialog .step2 h3{padding-bottom: 34px;}
.new-exp .dialog .step2 img{display: block;width: 236px;margin: 0 auto;}
.new-exp .dialog a.cen-btn{display: block;width: 160px;height: 44px;line-height: 44px;text-align: center;font-size: 16px;background-color: #2fb26a;color: #fff;margin: 20px auto;border-radius: 5px;-webkit-border-radius: 5px;-moz-border-radius: 5px;-moz-border-radius: 20px;}
.new-exp .dialog .step2 .btm-txt{margin:  0px 30px 36px;text-align: center;}
.new-exp .dialog .step2 .btm-txt a{color: #2fb26a;}
.new-exp .dialog .step2 .btm-txt a:hover{text-decoration: underline;}
.new-exp .dialog .step3{padding-bottom: 20px;}
.new-exp .dialog ul{padding: 0 20px 20px;position: relative;}
.new-exp .dialog ul li{float: left;width: 33.33%;text-align: center;}
.new-exp .dialog ul li span{display: inline-block;width: 68px;height: 68px;background: #49b8ec url(../images/experience/exp-icon2.png) 10px -28px no-repeat;border-radius: 100%;-webkit-border-radius: 100%;-moz-border-radius: 100%;}
.new-exp .dialog ul li:nth-child(2) span{background-position: 10px -85px;background-color: #2cbda7;}
.new-exp .dialog ul li:nth-child(3) span{background-position: 8px -145px;background-color: #52c482;}
.new-exp .dialog ul li h4{font-size: 20px;font-weight: bold;padding: 10px 0;}
.new-exp .dialog ul li p{width: 130px;color: #7b838a;font-size: 14px;margin: 0 auto;}
.new-exp .dialog.dialog2 ul li:nth-child(1) span{background-position: 12px -202px;background-color: #2cbda7;}
.new-exp .dialog.dialog2 ul li:nth-child(2) span{background-position: 9px -263px;background-color: #49b8ec;}
.new-exp .dialog.dialog2 ul li:nth-child(3) span{background-position: 10px -323px;background-color: #52c482;}
.new-exp .dialog.dialog2 ul li p{width: 156px;}
.new-exp .dialog.dialog3 h3{padding-bottom: 28px;}
.new-exp .dialog .demo{padding: 0 0 30px 60px;}
.new-exp .dialog .demo .scene{color: #2fb26a;font-size: 20px;}
.new-exp .dialog .demo .example{font-size: 16px;}
.new-exp .dialog .phone-num{text-align: center;font-size: 20px;padding-bottom: 46px;}
.new-exp .dialog .phone-num span{color: #2fb26a;}
.new-exp .dialog.dialog3 .notice{font-size: 16px;text-align: center;padding: 10px 0;}
.new-exp .dialog.dialog3 .step2 ul li{width: 15%;font-size: 20px;}
.new-exp .dialog.dialog3 .step2 ul li:nth-child(2),.new-exp .dialog.dialog3 ul li:nth-child(4){width:143px;margin:0 30px;padding: 20px 0 15px;border: 1px dashed #929ca2;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}
.new-exp .dialog.dialog3 .step2 ul li:nth-child(2) span{background-position: 8px -384px;background-color: #1d95d4;}
.new-exp .dialog.dialog3 .step2 ul li:nth-child(4) span{background-position: 8px -384px;background-color: #2fb26a;}
.new-exp .dialog.dialog3 .step2 ul li h5{font-size: 16px;line-height: 30px;}
.new-exp .dialog.dialog3 .step3 ul li:nth-child(1) span{background-position: 9px -446px;background-color: #2cbda7;}
.new-exp .dialog.dialog3 .step3 ul li:nth-child(2) span{background-position: 10px -517px;background-color: #49b8ec;}
.new-exp .dialog.dialog3 .step3 ul li:nth-child(3) span{background-position: 9px -582px;background-color: #52c482;}
.new-exp .dialog.dialog4 img,.new-exp .dialog.dialog5 img{display: block;width: 294px;margin: 0 auto;}
.new-exp .dialog.dialog4 p,.new-exp .dialog.dialog5 p{font-size: 20px;color: #2fb26a;text-align: center;line-height: 50px;padding-bottom: 20px;}
.new-exp .dialog .d-btm{padding-left: 20px;height: 44px;line-height: 44px;background-color: #374552;color: #fff;font-size: 14px;}
.new-exp .dialog .d-btm a{color: #fff;background-color: #4c5f70;display: inline-block;height: 24px;line-height: 24px;padding: 0 20px;margin-left: 15px;}
.new-exp .dialog .feedback img{display: block;width: 233px;margin: 0px auto;}
.new-exp .dialog .feedback div{font-size: 24px;text-align: center;}
.new-exp .dialog .feedback p{font-size: 16px;text-align: center;}
.new-exp .dialog .feedback .cen-btn{margin: 40px auto;}
.new-exp .dialog .js-status .success-icon,.new-exp .dialog .js-status .fail-icon{display: inline-block;width: 18px;height: 18px;margin-right: 10px;position: relative;top: 4px;background: #fff url(../images/experience/exp-icon1.png) 1px -43px no-repeat;border-radius: 100%;-webkit-border-radius: 100%;-moz-border-radius: 100%;}
.new-exp .dialog .js-status .fail-icon{background-position: 0px -65px;}
.new-exp .dialog .js-status .exp-a{display: inline-block;line-height: 15px;line-height: 15px;padding: 4px 10px;border: 1px solid #fff;margin-left: 10px;}
@keyframes dialogSlide{
	0%{transform: translate(-50%,-2000px);-webkit-transform: translate(-50%,-2000px);-moz-transform: translate(-50%,-2000px);}
	10%{transform: translate(-50%,-1000px);-webkit-transform: translate(-50%,-1000px);-moz-transform: translate(-50%,-1000px);}
	100%{transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);-moz-transform: translate(-50%,-50%);}
}
.new-exp .dialog{animation: dialogSlide 0.3s ease-out;transition: all 0.4s ease;}

/*价格解释*/
.jg-description{overflow: hidden; position: absolute; bottom: 22px;}
.jg-description>li{float: left; }
.jg-description>li.first{width: 265px;}
.jg-description>li.second{width: 300px;}
.jg-description>li.third{width: 240px;}
.jg-description>li>div{padding-left: 12px;}
.jg-description>li h4{font-size: 18px;  color: #17bf72;    margin-bottom: 10px; font-weight: bold;}
.jg-description>li.second h4{ color: #289ad5;}

.jg-description.intel>li.first{width: 272px;}
.jg-description.intel>li.second{width: 272px;}
.jg-description.intel>li.third{width: 248px;}

/*价格*/
.item_box.box41{padding-top:0px;}
.ft_banner16 { width: 100%; height: 430px;}
.box41 .item_box_wp h4 { color: #6c7f8d; font-size: 34px;}
.box41 .item_box_wp h4 { color: #3f616c; font-size: 36px; margin: 65px 0px 25px 0px; text-align: center;}
.box41 .item_box_wp h4 span { font-size: 24px;}
.box41 .item_box_wp h4 a { font-size: 14px; display: block; margin-top: 10px;}
.price_table { overflow: hidden; width: 1180px; border-bottom: 3px #dbe4ea solid; margin-bottom: 17px;}
.price_table td { font-size: 18px; padding: 40px 0px 0px 0px;}
.price_table td.tit { background: #f4f7f9; width: 332px; text-align: right; padding: 40px 28px 0px 0px; font-size: 14px; color: #999;}
.price_table td.tit b { color: #333; display: block; margin-bottom: 10px; font-weight: normal; font-size: 18px;}
.price_table td.ctn { padding-left: 50px; width: 770px; text-align: left; background: #f9fbfc; color: #999;}
.price_table td.ctn span { width: 363px; display: inline-block;}
.price_table td.ctn span em { font-style: normal; color: #67b83d; display: inline-block; margin-right: 5px;}
.price_table .last td { padding-bottom: 40px;}
.price_table td.im_ctn span { display: block; font-size: 15px; font-style: italic; margin-bottom: 5px;}
.price_table td.im_ctn span em { margin-right: 25px; font-size: 18px;}

.box42 { background: #f1f5f7; padding: 42px 0px 20px 0px; overflow:inherit;}
.price_search { width: 1180px; margin-bottom: 20px;}
.price_search label { font-size: 24px; color: #333; float: left; display: inline; line-height: 44px; margin-right: 20px;}
.search_data { border:1px #ccc solid; float: left; display: inline; margin-right: 15px; position: relative; cursor: text;}
.search_data { font-size: 18px; outline: none; background: #f7f7f7; height: 44px; line-height: 44px; color: #ccc; padding-left: 12px; width: 386px; border:1px #ccc solid; position:relative;}
.search_data { background: #fff; border-color: #67B83D; color: #333;}
.search_data .country { float: right; display: inline; margin-right: 5px;}
.search_data .country img { width:33px;}
.price_search .tips { font-size: 12px; color: #aaa; line-height: 44px;}
.search_data ul { position: absolute; top: 46px; left: -1px; border:1px #67B83D solid; width: 398px; background: #fff; display: none; max-height:300px; overflow-y:scroll;}
.search_data ul li { padding-left: 12px; cursor:pointer; }
.search_data ul li:hover { background: #f5f5f5;}
.search_data input[type='text'] { width:auto; border:none; background:none; padding-left:0px; position:absolute; left:12px; top:0px;width:386px;}
.search_data ul li img { width:33px;}
.search_data .div_code_cur { position:absolute; left:12px; top:0px;z-index:11; width:386px; }

.global_price { width: 1148px;}
.global_price table { width: 100%;}
.global_price table th,.global_price table td { font-size: 18px; text-align: center;}
.global_price table th { height: 40px; line-height: 40px; color: #fff;}
.global_price .table1 th { background: #aabcc8;}
.global_price .table2 th { background: #d7dce0;}
.global_price .table2 th.th1 { background: #f1f5f7;}
.global_price table td { color: #333; padding: 20px 0px;}
.global_price table td.td2 { background: #fff;}
.global_price .table2 td.td2 { background: #f1f6f9;}
.global_price .table2 td.td3 { background: #e5eef3;}
.global_price table td.td2 span { color: #999;}
.global_price td span em { font-style: normal; color: #67b83d; display: inline-block; margin-right: 5px;}

/*登录*/
.old-login{background: #e9ecf0;}
.ft_content_log  {overflow: hidden; padding-bottom: 80px; }
.ft_content_log h1 { font-size: 30px; color: #656565;}
.login_info { margin-top: 102px; width: 540px; float: left; display: inline;}
.login_info h1 { border-bottom: 2px #ccc solid; margin-bottom: 18px;}
.login_info p.text { line-height: 36px; font-size: 14px; color: #333; text-indent: 2em;}
.login_info p.link { margin: 20px 0px 32px 0px;}
.login_info p.link a { font-size: 18px;}
.login_info p.mail { font-size: 14px; color: #aaa;}

.login_box { width: 508px; height: 418px; padding: 35px; border:1px #ccc solid; float: right; display: inline; margin-top: 65px; background: #fff; box-shadow: 0px 1px 6px #ddd;}
.login_box h1 { text-align: center; margin-bottom: 32px;}
.login_box .error { margin-left: 140px; margin-top: -10px;}
.login_box ul li { margin-bottom: 32px; color: #fff; font-size: 14px; width: 508px; line-height: 44px; float:left; display:inline;}
.login_box label { font-size: 18px; color: #333; text-align: right; margin-right: 40px; width: 100px; line-height: 44px; float:left; display:inline;}
.login_box ul li.remember,.login_box ul li.code,.login_box ul li.button { margin-left: 140px; width: 368px;}
.login_box ul li.remember { margin-top: -40px; font-size: 14px; color: #aaa;}
.login_box ul li.remember input[type='checkbox'] { vertical-align: middle;}
.login_box ul li.code { margin-top: -28px; margin-bottom: 25px;}
.login_box ul li.code input[type='text'] { width: 112px; vertical-align: middle;}
.login_box ul li.code img { vertical-align: top; display: inline-block; margin: 0px 20px;}
.login_box ul li.code .refresh { display: inline-block; font-size: 12px; width: 25px; line-height: 22px; vertical-align: top;}
.login_box li.button { margin-bottom: 15px;}
.login_box li.button a { font-size: 12px; display: inline-block; margin-left: 20px; line-height: 36px;}
.login_box ul li.third label { font-size: 14px;}
.login_box ul li.third a { display: inline-block; width: 32px; height: 32px;margin-right: 8px; vertical-align: middle;}
.login_box ul li.third a.sina { background-position: 0 0;}
.login_box ul li.third a.in { background-position: -40px 0;}
.login_box ul li.third a.baidu { background-position: -80px 0;}
.login_box ul li.third a.qq { background-position: -120px 0;}
.login_box ul li.third a.google { background-position: -160px 0;}
.login_box ul li.third a.sina { background-position: 0 0;}

.old-body-msg .ft_header_wp, .old-body-msg .ft_content_wp, .old-body-msg .ft_footer_wp {
    width: 1200px;
    margin: 0 auto;
}

/*ie placeholder处理*/
span.simulation { height:46px; display:inline-block;font-size: 24px;  line-height:46px; position: relative; vertical-align:middle;}
span.simulation em { position: absolute; top: 0px; left: 0px; padding-left:12px; color: #ccc; display:inline-block; height:44px; line-height: 44px; cursor: text; z-index:1; font-size:18px;}
span.simulation em:focus { color: #333;}
span.simulation input { position:absolute; left:0px;}

/*注册*/
.ft_content_reg { min-height: 580px; }
.old-register{background: #e9ecf0;}
.reg_step { margin: 105px 0px 95px 0px; text-align: center;}
.reg_step h1 { border-bottom: 2px #ccc solid; font-size: 30px; color: #656565;}
.reg_step h1 span { display: inline-block; margin-left: 15px; font-size: 14px;}
.reg_box p { font-size: 18px; color: #333; line-height: 35px; margin-bottom: 30px; text-align: center;}
.reg_box p.tips { font-size: 14px; color: #aaa;}
.reg_box p.large { font-size: 24px;}
.reg_box p.large span { color: #67b83d; font-size: 30px; display: inline-block; margin: 0px 20px;}
.reg_box p.link a { display: inline-block; width: 140px; height: 36px; line-height: 36px;  background: #6cc83c; text-align: center; color: #fff; font-size: 18px; border-radius: 5px;}

.reg_form dl { margin-bottom: 32px;}
.reg_form dl dt { float: left; display: inline; width: 35%; text-align: right;font-size: 18px; line-height: 44px; color: #333;}
.reg_form dl dt .mark { background: url("../images/mark.png") 0 0px no-repeat; display: inline-block; width: 7px; height: 10px; margin-right: 12px; line-height: 44px;}
.reg_form dl dd { margin-left: 38.5%;}
.reg_form dl.txt dd { color: #67b83d; font-size: 24px;}
.reg_form dl dd.tips { color: #aaa; font-size: 12px; margin-bottom: -20px; margin-top: 2px;}
.reg_form dl.verify,.reg_form dl.code { margin-top: -12px;}
.reg_form dl.verify input[type='button'] {font-size: 18px; width: 130px; height: 40px; color: #fff; text-align: center; line-height: 40px; padding-left: 32px; border-radius: 0px;}
.reg_form dl.verify input[type='button'].msg { background-position: 0 0px;}
.reg_form dl.verify input[type='button'].voice { background-position: 0 -60px;}
.reg_form dl.verify em { color: #333; font-size: 14px; display: inline-block; margin: 0px 14px;}
.reg_form dl.code { margin-bottom: 45px;}
.reg_form dl.code input[type='text'] { width: 117px;}

/*提示框*/
.msg-tip{position: absolute; top: 100px; left: 100px; display: none;}
.msg-tip span{border-style: solid; border-width: 10px; border-color: transparent; border-top-color:#000000 ;position: absolute;left: 50%;bottom: -20px;margin-left: -5px;}
.msg-tip p{padding: 4px 15px; background: rgba(0, 0, 0, 0.6); border-radius: 4px; filter:Alpha(opacity=60); color: #fff;}

/*右下角弹出框*/
.float-tip-content{position: fixed; bottom: 0; right: 0;width: 340px;height: 340px;cursor: pointer;background: url(../images/float-tip-bg1.png) 0px 0px no-repeat;z-index: 10002;}
.float-tip-content .icon{display: inline-block; width: 23px; height: 23px; background: #d2d3d5 url(../images/float-close.png) 5px 5px no-repeat;position: absolute; top: 74px;right: 10px;border-radius: 0;-webkit-border-radius: 0;-moz-border-radius: 0;}
.float-tip-content .icon:hover{background-color: #9ea0a3;}
.float-tip-content .buy-btn{display: inline-block;width: 140px;height: 41px;position: absolute;left: 97px;bottom: 70px;font-size: 20px;font-weight: bold;color: #fff;line-height: 38px;text-align: center;background: url(../images/float-btn.png) 0px 0px no-repeat;}
.float-tip-content .buy-btn:hover{background-position: 0px -49px;}
.float-tip-content .tip-txt{width: 224px;position: absolute;left: 56px;bottom: 42px;line-height: 20px;font-size: 14px;text-align: center;z-index: 10004;}
.float-tip-content .tip-txt a{color: #364552;text-decoration: underline;}
.float-tip-content2{position: fixed; bottom: 20px; right: 30px;width: 279px;height: 223px;background: url(../images/float-r-pub.png) 0px 0px no-repeat;z-index: 10002;}
.float-tip-content2 .buy-btn{display: block;width: 100%;height: 100%;}
.float-tip-content2 .icon{display: inline-block; width: 18px; height: 18px; background: #bcbdbf url(../images/float-close2.png) 4px 4px no-repeat;position: absolute; top: -1px;right: -2px;border-radius: 50%;-webkit-border-radius: 50%;-moz-border-radius: 50%;}
.float-tip-content2 .icon:hover{background-color: #9ea0a3;}

/*最新右下角功能区*/
.pub-r-b-fun-content{position: fixed; top: 50%; right: 0;margin-top: -120px; z-index: 10001;}
.pub-r-b-fun-content .item{border-bottom: 1px solid #70e3a4;}
.pub-r-b-fun-content .item:last-child{border-bottom: 0;}
.pub-r-b-fun-content .item a{color: #fff; display: block;width: 65px; background: #2fb26a url(../images/pub-right-bottom-icon.png) 18px 16px no-repeat; padding-top: 50px; text-align: center; height: 30px;   position: relative;}
.pub-r-b-fun-content .item a:hover{ background-color:#40C57C}
.pub-r-b-fun-content .item.tel a{background-position: -36px 16px;}
.pub-r-b-fun-content .item.feedback{margin-bottom: 0;}
.pub-r-b-fun-content .item.feedback a{background-position: -90px 16px;}
.pub-r-b-fun-content .item.to-top a{height: 26px;padding-top: 20px;color: #374552;background-color: #e3e5e8; background-position: -137px 4px;}
.pub-r-b-fun-content .item.to-top{display: none;}
.pub-r-b-fun-content .pub-fun-tip{filter:alpha(opacity=70);  background-color:#000; display: none; position: absolute;right: 80px; border-radius: 4px;color: #fff;    line-height: 48px;font-size: 16px; top:50%; margin-top: -24px; background: rgba(0,0,0,.7);}
.pub-r-b-fun-content .item.online .pub-fun-tip{width: 131px; }
.pub-r-b-fun-content .item.tel .pub-fun-tip{width: 190px; }
.pub-r-b-fun-content .item.to-top .pub-fun-tip{width: 105px; }
.pub-r-b-fun-content .item .arrow{    display: inline-block;border-width: 10px;border-color: transparent; border-left-color: #000;border-style: solid;right: -20px;position: absolute;top: 14px;opacity: 0.7; filter:alpha(opacity=70);}
.pub-r-b-fun-content .item a:hover .pub-fun-tip{display: block; }
/*css动画效果*/
/*------------动画----------*/

/*弹入*/
@keyframes bouncein {	
    0%{opacity:0;transform:scale(0.3);}
    100%{transform:scale(1);}
}
@-moz-keyframes bouncein {	
    0%{opacity:0;-moz-transform:scale(0.3);}
    100%{-moz-transform:scale(1);}
}
@-webkit-keyframes bouncein {	
    0%{opacity:0;-webkit-transform:scale(0.3);}
    100%{-webkit-transform:scale(1);}
}
@-o-keyframes bouncein {	
    0%{opacity:0;-o-transform:scale(0.3);}
    100%{-o-transform:scale(1);}
}

@keyframes bouncein2 {	
    0%{opacity:0;transform:scale(0.3);}
    40%{opacity:0;transform:scale(0.3);}
    100%{transform:scale(1);}
}
@-moz-keyframes bouncein2 {	
    0%{opacity:0;-moz-transform:scale(0.3);}
    40%{opacity:0;-moz-transform:scale(0.3);}
    100%{-moz-transform:scale(1);}
}
@-webkit-keyframes bouncein2 {	
    0%{opacity:0;-webkit-transform:scale(0.3);}
    40%{opacity:0;-webkit-transform:scale(0.3);}
    100%{-webkit-transform:scale(1);}
}
@-o-keyframes bouncein2 {	
    0%{opacity:0;-o-transform:scale(0.3);}
    40%{opacity:0;-o-transform:scale(0.3);}
    100%{-o-transform:scale(1);}
}


@keyframes bouncein3 {	
    0%{opacity:0;transform:scale(0.3);}
    80%{opacity:0;transform:scale(0.3);}
    100%{transform:scale(1);}
}
@-moz-keyframes bouncein3 {	
    0%{opacity:0;-moz-transform:scale(0.3);}
    80%{opacity:0;-moz-transform:scale(0.3);}
    100%{-moz-transform:scale(1);}
}
@-webkit-keyframes bouncein3 {	
    0%{opacity:0;-webkit-transform:scale(0.3);}
    80%{opacity:0;-webkit-transform:scale(0.3);}
    100%{-webkit-transform:scale(1);}
}
@-o-keyframes bouncein3 {	
    0%{opacity:0;-o-transform:scale(0.3);}
    40%{opacity:0;-o-transform:scale(0.3);}
    100%{-o-transform:scale(1);}
}

/*向上淡入*/
@keyframes fadeinup1 {
	0%{opacity:0; transform:translateY(298px);}
    100%{opacity:1; transform:translateY(0);}
}
@-moz-keyframes fadeinup1 {	
	0%{opacity:0; -moz-transform:translateY(298px);}
    100%{opacity:1; -moz-transform:translateY(0);}
}
@-webkit-keyframes fadeinup1 {
	0%{opacity:0; -webkit-transform:translateY(298px);}
    100%{opacity:1; -webkit-transform:translateY(0);}
}
@-o-keyframes fadeinup1 {
	0%{opacity:0; -o-transform:translateY(298px);}
    100%{opacity:1; -o-transform:translateY(0);}
}

@keyframes fadeinup2 {
	0%{opacity:0; transform:translateY(298px);}
	20%{opacity:0; transform:translateY(298px);}
    100%{opacity:1; transform:translateY(0);}
}
@-moz-keyframes fadeinup2 {	
	0%{opacity:0; -moz-transform:translateY(298px);}
	20%{opacity:0; -moz-transform:translateY(298px);}
    100%{opacity:1; -moz-transform:translateY(0);}
}
@-webkit-keyframes fadeinup2 {
	0%{opacity:0; -webkit-transform:translateY(298px);}
	20%{opacity:0; -webkit-transform:translateY(298px);}
    100%{opacity:1; -webkit-transform:translateY(0);}
}
@-o-keyframes fadeinup2 {
	0%{opacity:0; -o-transform:translateY(298px);}
	20%{opacity:0; -o-transform:translateY(298px);}
    100%{opacity:1; -o-transform:translateY(0);}
}

@keyframes fadeinup3 {
	0%{opacity:0; transform:translateY(298px);}
	40%{opacity:0; transform:translateY(298px);}
    100%{opacity:1; transform:translateY(0);}
}
@-moz-keyframes fadeinup3 {	
	0%{opacity:0; -moz-transform:translateY(298px);}
	40%{opacity:0; -moz-transform:translateY(298px);}
    100%{opacity:1; -moz-transform:translateY(0);}
}
@-webkit-keyframes fadeinup3 {	
	0%{opacity:0; -webkit-transform:translateY(298px);}
	40%{opacity:0; -webkit-transform:translateY(298px);}
    100%{opacity:1; -webkit-transform:translateY(0);}
}
@-o-keyframes fadeinup3 {	
	0%{opacity:0; -o-transform:translateY(298px);}
	40%{opacity:0; -o-transform:translateY(298px);}
    100%{opacity:1; -o-transform:translateY(0);}
}

@keyframes fadeinup4 {
	0%{opacity:0; transform:translateY(298px);}
	60%{opacity:0; transform:translateY(298px);}
    100%{opacity:1; transform:translateY(0);}
}
	0%{opacity:0; transform:translateY(298px);}
	60%{opacity:0; transform:translateY(298px);}
    100%{opacity:1; transform:translateY(0);}
}
@-moz-keyframes fadeinup4 {	
	0%{opacity:0; -moz-transform:translateY(298px);}
	60%{opacity:0; -moz-transform:translateY(298px);}
    100%{opacity:1; -moz-transform:translateY(0);}
}
@-webkit-keyframes fadeinup4 {	
	0%{opacity:0; -webkit-transform:translateY(298px);}
	60%{opacity:0; -webkit-transform:translateY(298px);}
    100%{opacity:1; -webkit-transform:translateY(0);}
}
@-o-keyframes fadeinup4 {	
	0%{opacity:0; -o-transform:translateY(298px);}
	60%{opacity:0; -o-transform:translateY(298px);}
    100%{opacity:1; -o-transform:translateY(0);}
}

@keyframes fadeinup5 {
	0%{opacity:0; transform:translateY(298px);}
	80%{opacity:0; transform:translateY(298px);}
    100%{opacity:1; transform:translateY(0);}
}
@-moz-keyframes fadeinup5 {	
	0%{opacity:0; -moz-transform:translateY(298px);}
	80%{opacity:0; -moz-transform:translateY(298px);}
    100%{opacity:1; -moz-transform:translateY(0);}
}
@-webkit-keyframes fadeinup5 {	
	0%{opacity:0; -webkit-transform:translateY(298px);}
	80%{opacity:0; -webkit-transform:translateY(298px);}
    100%{opacity:1; -webkit-transform:translateY(0);}
}
@-o-keyframes fadeinup5 {	
	0%{opacity:0; -o-transform:translateY(298px);}
	80%{opacity:0; -o-transform:translateY(298px);}
    100%{opacity:1; -o-transform:translateY(0);}
}

@keyframes fadeinup6 {
	0%{opacity:0; transform:translateY(298px);}
	90%{opacity:0; transform:translateY(298px);}
    100%{opacity:1; transform:translateY(0);}
}
@-moz-keyframes fadeinup6 {	
	0%{opacity:0; -moz-transform:translateY(298px);}
	90%{opacity:0; -moz-transform:translateY(298px);}
    100%{opacity:1; -moz-transform:translateY(0);}
}
@-webkit-keyframes fadeinup6 {	
	0%{opacity:0; -webkit-transform:translateY(298px);}
	90%{opacity:0; -webkit-transform:translateY(298px);}
    100%{opacity:1; -webkit-transform:translateY(0);}
}
@-o-keyframes fadeinup6 {	
	0%{opacity:0; -o-transform:translateY(298px);}
	90%{opacity:0; -o-transform:translateY(298px);}
    100%{opacity:1; -o-transform:translateY(0);}
}

/*沿Y轴翻入*/
@keyframes flipinY1{
    0%{transform:perspective(400px) rotateY(180deg);opacity:0;}
    100%{transform:perspective(400px) rotateY(0);opacity:1;}
}
@-moz-keyframes flipinY1 {	
    0%{-moz-transform:perspective(400px) rotateY(180deg);opacity:0;}
    100%{-moz-transform:perspective(400px) rotateY(0);opacity:1;}
}
@-webkit-keyframes flipinY1 {	
    0%{-webkit-transform:perspective(400px) rotateY(180deg);opacity:0;}
    100%{-webkit-transform:perspective(400px) rotateY(0);opacity:1;}
}
@-o-keyframes flipinY1 {	
    0%{-o-transform:perspective(400px) rotateY(180deg);opacity:0;}
    100%{-o-transform:perspective(400px) rotateY(0);opacity:1;}
}

@keyframes flipinY2{
    0%{transform:perspective(400px) rotateY(180deg);opacity:0;}
    20%{transform:perspective(400px) rotateY(180deg);opacity:0;}
    100%{transform:perspective(400px) rotateY(0);opacity:1;}
}
@-moz-keyframes flipinY2 {	
    0%{-moz-transform:perspective(400px) rotateY(180deg);opacity:0;}
    20%{-moz-transform:perspective(400px) rotateY(180deg);opacity:0;}
    100%{-moz-transform:perspective(400px) rotateY(0);opacity:1;}
}
@-webkit-keyframes flipinY2 {	
    0%{-webkit-transform:perspective(400px) rotateY(180deg);opacity:0;}
    20%{-webkit-transform:perspective(400px) rotateY(180deg);opacity:0;}
    100%{-webkit-transform:perspective(400px) rotateY(0);opacity:1;}
}
@-o-keyframes flipinY2 {	
    0%{-o-transform:perspective(400px) rotateY(180deg);opacity:0;}
    20%{-o-transform:perspective(400px) rotateY(180deg);opacity:0;}
    100%{-o-transform:perspective(400px) rotateY(0);opacity:1;}
}

@keyframes flipinY3{
    0%{transform:perspective(400px) rotateY(180deg);opacity:0;}
    40%{transform:perspective(400px) rotateY(180deg);opacity:0;}
    100%{transform:perspective(400px) rotateY(0);opacity:1;}
}
@-moz-keyframes flipinY3 {	
    0%{-moz-transform:perspective(400px) rotateY(180deg);opacity:0;}
    40%{-moz-transform:perspective(400px) rotateY(180deg);opacity:0;}
    100%{-moz-transform:perspective(400px) rotateY(0);opacity:1;}
}
@-webkit-keyframes flipinY3 {	
    0%{-webkit-transform:perspective(400px) rotateY(180deg);opacity:0;}
    40%{-webkit-transform:perspective(400px) rotateY(180deg);opacity:0;}
    100%{-webkit-transform:perspective(400px) rotateY(0);opacity:1;}
}
@-o-keyframes flipinY3 {	
    0%{-o-transform:perspective(400px) rotateY(180deg);opacity:0;}
    40%{-o-transform:perspective(400px) rotateY(180deg);opacity:0;}
    100%{-o-transform:perspective(400px) rotateY(0);opacity:1;}
}

/*沿左右淡入*/
@keyframes fadeinL1{
    0%{opacity:0;transform:translateX(-100px);}
    100%{opacity:1;transform:translateX(0);}
}
@-moz-keyframes fadeinL1 {	
    0%{opacity:0;-moz-transform:translateX(-100px);}
    100%{opacity:1;-moz-transform:translateX(0);}
}
@-webkit-keyframes fadeinL1 {	
    0%{opacity:0;-webkit-transform:translateX(-100px);}
    100%{opacity:1;-webkit-transform:translateX(0);}
}
@-o-keyframes fadeinL1 {	
    0%{opacity:0;-o-transform:translateX(-100px);}
    100%{opacity:1;-o-transform:translateX(0);}
}

@keyframes fadeinL2{
    0%{opacity:0;transform:translateX(-100px);}
    20%{opacity:0;transform:translateX(-100px);}
    100%{opacity:1;transform:translateX(0);}
}
@-moz-keyframes fadeinL2 {	
    0%{opacity:0;-moz-transform:translateX(-100px);}
    20%{opacity:0;-moz-transform:translateX(-100px);}
    100%{opacity:1;-moz-transform:translateX(0);}
}
@-webkit-keyframes fadeinL2 {	
    0%{opacity:0;-webkit-transform:translateX(-100px);}
    20%{opacity:0;-webkit-transform:translateX(-100px);}
    100%{opacity:1;-webkit-transform:translateX(0);}
}
@-o-keyframes fadeinL2 {	
    0%{opacity:0;-o-transform:translateX(-100px);}
    20%{opacity:0;-o-transform:translateX(-100px);}
    100%{opacity:1;-o-transform:translateX(0);}
}

@keyframes fadeinR1{
    0%{opacity:0;transform:translateX(100px);}
    100%{opacity:1;transform:translateX(0);}
}
@-moz-keyframes fadeinR1 {	
    0%{opacity:0;-moz-transform:translateX(100px);}
    100%{opacity:1;-moz-transform:translateX(0);}
}
@-webkit-keyframes fadeinR1 {	
    0%{opacity:0;-webkit-transform:translateX(100px);}
    100%{opacity:1;-webkit-transform:translateX(0);}
}
@-o-keyframes fadeinR1 {	
    0%{opacity:0;-o-transform:translateX(100px);}
    100%{opacity:1;-o-transform:translateX(0);}
}

@keyframes fadeinR2{
    0%{opacity:0;transform:translateX(100px);}
    20%{opacity:0;transform:translateX(100px);}
    100%{opacity:1;transform:translateX(0);}
}
@-moz-keyframes fadeinR2 {	
    0%{opacity:0;-moz-transform:translateX(100px);}
    20%{opacity:0;-moz-transform:translateX(100px);}
    100%{opacity:1;-moz-transform:translateX(0);}
}
@-webkit-keyframes fadeinR2 {	
    0%{opacity:0;-webkit-transform:translateX(100px);}
    20%{opacity:0;-webkit-transform:translateX(100px);}
    100%{opacity:1;-webkit-transform:translateX(0);}
}
@-o-keyframes fadeinR2 {	
    0%{opacity:0;-o-transform:translateX(100px);}
    20%{opacity:0;-o-transform:translateX(100px);}
    100%{opacity:1;-o-transform:translateX(0);}
}

/*从上淡入*/
@keyframes fadeinT{
    0%{opacity:0;-webkit-transform:translateY(-100px);}
    100%{opacity:1;-webkit-transform:translateY(0);}
}
@-moz-keyframes fadeinT {	
    0%{opacity:0;-moz-transform:translateY(-100px);}
    100%{opacity:1;-moz-transform:translateY(0);}
}
@-webkit-keyframes fadeinT {	
    0%{opacity:0;-webkit-transform:translateY(-100px);}
    100%{opacity:1;-webkit-transform:translateY(0);}
}
@-o-keyframes fadeinT {	
    0%{opacity:0;-o-transform:translateY(-100px);}
    100%{opacity:1;-o-transform:translateY(0);}
}
/*流量动画*/

/*banner动画效果(弹入)*/
.ft_banner18 .desc p.img,.ft_banner18 .desc p a { animation:bouncein 3s;}


.item_box.box9_conf {
    width: 100%;
    height: 768px;
    padding: 0;
    position: relative;
}
.item_box.source-box{height: 520px;}
.slide-content{position:relative; }
.slide-content .flex-viewport{padding-top:15px;}
.slide-content .slides li{position: relative;}
.slide-content .slides li:hover{border-color: #f0f2f4;}

/*im的下载*/
.box44 { background: #edf4f6; padding: 67px 0px 47px 0px;}
.box44 .item_box_wp .title { background: none;}
.box44 .item_box_wp .title h1 { font-size: 34px; color: #000;}
.box44 .title h1 i.space { display: inline-block; width: 8px; height: 8px; vertical-align: middle; margin: 0 10px;}
.box44 .item_box_wp .title h2 { font-size: 16px; color: #4c4c4c;}
.im_download .download_list { float: left; display: inline; margin-left: 55px;}
.im_download .download_list dt { display: inline-block;width: 80px; height: 80px; margin-right: 22px; float: left; display: inline;}
.im_download .android_list dt { background-position: 0 0;} 
.im_download .ios_list dt { background-position: 0 -104px;} 
.im_download .download_list dd { margin-left: 102px; position: relative; background: #fff; border-radius: 5px; padding: 20px 15px; margin-bottom: 18px; width: 370px;}
.im_download .download_list dd .triangle { display: inline-block;width: 9px; height: 22px; position: absolute; top: 20px; left: -9px;}
.im_download .download_list h3 { font-size: 18px; color: #000; border-bottom: 1px #b1aeaf dotted; padding-bottom: 10px; margin-bottom: 15px; margin-top: 0px;} 
.im_download .download_list h3 span { font-size: 14px; color: #464646; float: right; display: inline;}
.im_download .download_list ol { margin-bottom: 15px; max-height: 250px; overflow-y:auto; max-width: 260px;  }
.im_download .download_list ol li { padding-left: 10px; font-size: 14px; color: #6a6a6a; margin-top: 5px; position: relative;}
.im_download .download_list p { margin-bottom: 25px;}
.im_download .download_list .more_link { color: #2fb26a; font-size: 14px; cursor: pointer;}
.im_download .download_list .more_link:hover { text-decoration: underline;}
.im_download .download_list .download_link { margin-bottom: 10px;}
.im_download .download_list .download_link a { padding: 8px 10px; font-size: 14px; border-radius: 3px; margin-right: 10px;}
.im_download .download_list .download_link a.sdk { background: #2fb26a; color: #fff; border:1px #2fb26a solid;}
.im_download .download_list .download_link a.sdk:hover { background: #56C255; border:1px #56C255 solid;}
.im_download .download_list .download_link a.demo { color: #7d8083; border:1px #737373 solid;}
.im_download .download_list .download_link a.demo:hover { background: #7D8083; color: #fff; border:1px #7D8083 solid;}
.im_download .download_list .code { position: absolute; bottom: 20px; right: 15px;}
.im_download .download_list .code span { color: #49a748; font-size: 14px; display: block; text-align: center;}

/*指引步骤*/
.steps_box { background: #f8f8f8; padding: 35px 0px 30px 0px;}
.steps_box h5 { margin-bottom: 35px; margin-left: 25px;}
.steps_info { text-align: center; margin: 0px 29px;}
.steps_box span { width: 321px; text-align: center; display: inline-block;}
.steps_box .span2 { margin: 0px 75px;}
.steps_box span a { display: inline-block; font-size: 18px; width: 321px; height: 55px; line-height: 55px; background: #49a748; border-radius: 12px; color: #fff; text-align: center; margin-bottom: 10px;}
.steps_box span em { font-size: 12px; color: #999; font-style: normal; display: inline-block; height: 38px; margin: 0px 25px;}

/*错误页面*/
.ft_content_error{color:#374552; font-size: 52px;}
.ft_content_error .error_page li{float: left;}
.ft_content_error .error_page li.txt{float: right;    margin-top: 45px;}
.ft_content_error .error_page{    width: 1020px;margin: auto;    padding-top: 142px;}
.success-btn, .error-btn{width: 140px; height: 38px; line-height: 38px; text-align: center; font-size: 16px; display: inline-block; vertical-align: middle; border-radius: 30px}
.error-btn{color: #374552; background: transparent; border: 1px solid #374552}
.success-btn{background: #2ea967; color: #fff;}
body.error-body{background: #e9ecf0;}
.error-footer{    clear: both;text-align: center;position: fixed; width: 100%; bottom: 40px; color: #9999; color: #999999; font-size: 12px;}
body.error-body .error-tip{font-size: 22px; margin-top: 10px; }

/*弹层*/
.float_body { overflow: hidden;}
.background_box { background: #000; opacity: 0.4; filter:alpha(opacity=40); height: 100%; width: 100%; position: fixed; top: 0px; left: 0px; z-index: 11; }
.float_box { border: 6px #6b6b6b solid; border-radius: 6px;-moz-border-radius:6px;-webkit-border-radius:6px;-o-borer-radius:6px; z-index: 111; position: fixed; background: #fff; width: 534px; top: 50%; left: 50%; margin-left: -267px;}
.float_tit { height: 40px; line-height: 40px; background: #f3f4f5; font-weight: bold;}
.float_tit h1 { margin-left: 20px; font-size: 14px; color: #4c4c4c; font-weight: bold;}
.float_ctn { margin: 20px;}
.float_ctn h2 { font-size: 30px; color: #3f616c; text-align: center;}
.float_field { font-size: 30px; color: #3f616c; text-align: center;}
.float_ctn input[type='checkbox'] { vertical-align: middle; margin-right: 5px;}
.float_btn { border-top: 1px #e8e8e8 solid; padding-top: 10px; text-align: right; width: 100%; margin-top: 60px;} 
.confirm_btn { margin-left: 15px;}
.float_btn .disabled_btn { border: 1px #ccc solid; background: #fff; width: 120px; height: 32px; line-height: 16px; text-align: center; color: #383838; margin-left: 15px; cursor: default;}
.float_box .cancel_btn{border: 1px solid #ccc;background: #fff;color: #383838;font-size: 14px;}
.float_box .cancel_btn:hover { background: #eeeeee;}
.float_box .confirm_btn:hover{ background: #40C57C; }


/*登录*/
html.login{height: 100%;}
body.login{background: #e9ecf0; min-height: 670px;}
body.login .ft_content{height: 100%; position: absolute; top: 0; padding-top: 68px; box-sizing: border-box; padding-bottom: 60px;}
body.login .login-content{font-size: 16px;; color: #374552; width: 560px; height: 520px; background: #fff; border-radius: 6px;position: absolute; left: 50%; top: 50%; margin-top: -260px; margin-left: -280px; box-sizing: border-box;}


.login-content .row{height: 44px; margin-top: 25px;}
 .input-wraper{border: 1px solid #d8dcdf; border-radius: 6px; padding: 0 10px 0 44px; position: relative;}
.login-content .wraper{padding: 38px 60px ;}
.form-title{font-size: 36px; text-align: center;}
.login-content input{border: none; background: #fff; padding-left: 0; width: 100%;}
.input-wraper label{position: absolute; left: 15px; top: 12px;}
.input-wraper .icon{width: 20px; height: 20px; background: url(../images/login/login-icons.png); display: inline-block;}
.input-wraper.user-name .icon{background-position: 0 0;}
.input-wraper.password .icon{background-position: 0 -20px;}
.input-wraper.check-code .icon{background-position: 0 -40px;}
.input-wraper.check-code{display: inline-block;    width: 250px;}
img.login-code{float: right; margin-top: 3px;}
.btn.submit-btn{font-size: 18px; color: #fff; text-align: center; border-radius: 6px; background: #2ea967; display: inline-block; width: 100%; height: 48px; line-height: 48px;}
.btn.submit-btn:hover{background: #40C57C;}
.text-wraper{font-size: 14px;}
.text-wraper a{color: #2ea967;}
.text-wraper a:hover{text-decoration: underline;}
.text-wraper.tip{border-bottom: 1px solid #d8dcdf;}
.flot-right{float: right;}
.ta-c{text-align: center;}
.icon.check-box, .icon.check-box span{background: url(../images/login/login-icons.png) 0 -60px no-repeat; padding-left: 22px;cursor: pointer; }
.icon.check-box{position: relative;}
.icon.check-box span{display: none;background-position: 0 -80px;    width: 20px;height: 20px; position: absolute;left: 0px;top: 0px;}
.icon.check-box.selected span{display: inline-block;}
.no-footer-content{position: absolute;bottom: 20px; min-width: 1200px;text-align: center;width: 100%;color: #999999; font-size: 12px;}
.input-wraper.focus{border-color: #97d8b4;}

.login-content .row p.error{    margin-left: -40px;}
.login-content .row p.error.img-code{margin-left:0}
.login-content .error.login{    position: relative;bottom: -20px; display: none;}
@media screen and (max-height: 650px){
	body.login .ft_content{position: static;}
	body.login .login-content{position: static; margin: auto;}
	.no-footer-content{position: static; margin-bottom: 20px;}
}

.sdk-history-content{width: 1100px; position: fixed; top: 20%; border-radius: 10px; left: 50%; margin-left: -600px;  background: #fff; height: 424px; margin-top: -20px; z-index: 11}
.history-title ul li{float: left; width: 250px;}
.history-title ul{overflow: hidden; margin-left: 50px;}
.history-title ul li {font-size: 12px; color: #374552;}
.history-title ul li div{margin: 10px 0;}
.sdk-history-content h3{font-size: 22px; color: #374552;text-align: center; margin: 30px 0 60px 0;}
.history-title .point{width: 7px; height: 7px; border: 1px solid #c6cacc; border-radius: 7px; display: inline-block;}
.history-title ul li>div{position: relative;}
.history-title ul li>div>div.line{border-bottom: 1px solid #e4e6e9;left: 7px;width: 274px; position: absolute;    bottom: -1px;}
.history-title ul li.first .point span{display: inline-block; width: 5px; height: 5px; border-radius: 5px; position: absolute;    left: 2px;top: 6px;background: #fff}
.history-title ul li.first .point{background: #2fb26a;}
.history-title ul li.last>div>div.line{border-bottom: none;}
.new-icon{display: inline-block; width: 28px; height: 12px; font-size: 12px; text-align: center; line-height: 12px; background: #ff5454; color: #fff; border-radius: 12px; margin-left: 5px;}
.hist-content{color: #b1b5b9; font-size: 12px;margin-top: 15px;}
.hist-content ul li ul li{ margin-top: 10px;}
.hist-content ul.ul>li{float: left; width: 200px; margin-left: 50px;}
.hist-content ul.ul>li{overflow: hidden;}
.sdk-history-content .des-content{margin-top: 30px; line-height: 25px;}

.reg_box p.if-company{line-height:20px;padding-right:108px;font-size:12px;margin-top:-20px;padding-top:0px;color:rgb(161,161,161);}


/*底部注册*/
.index-btn{background-color: #fff;}
.index-btn .btn{text-align: center;padding-bottom: 100px;margin-top: -20px;}
.green-btn{color: #fff;font-size: 18px;padding: 14px 50px;background-color: #2fb26a;border-radius: 5px;-webkit-border-radius: 5px;-moz-border-radius: 5px;}
.green-btn:hover{background-color: #40C57C;}
/*IE9以下注释*/

.ie-dialog-bg{position:fixed;left:0;right:0;top: 0;bottom:0;background-color:#000;filter:alpha(opacity=70);z-index: 999999;}
.ie-dialog{position: absolute;width:630px;left: 50%;top: 50%;margin: -50px 0 0 -335px;padding: 30px 20px;background-color: #fff;line-height: 40px;z-index: 1000000;font-size: 20px;}