/* CSS Document */
body {
    font-family: tahoma,arial,'Hiragino Sans GB','Hiragino Sans GB W3','Microsoft Yahei',宋体;
    margin: 0;
    padding: 0;
    background: #FFF;
    font-size: 13px;
    color: #666;
}

div, form, img, ul, ol, li, dl, dt, dd {
    margin: 0;
    padding: 0;
    border: 0;
}

h1, h2, h3, h4, h5, h6, p {
    margin: 0;
    padding: 0;
    font-weight: normal;
}

li {
    list-style-type: none;
}

a img {
    border: none;
}

.logo a img {
	margin-top: -17px;
}

a {
    blr: expression(this.onFocus=this.blur());
}

a {
    outline: none;
}

：
a:focus {
    outline: none;
}

a {
    color: #7b7b7b;
    text-decoration: none;
}

a:hover {
    color: #2D7DBF
}

/* WebKit browsers */
::-webkit-input-placeholder {
    color: #999;
}

/* Mozilla Firefox 4 to 18 */
:-moz-placeholder {
    color: #999;
}

/* Mozilla Firefox 19+ */
::-moz-placeholder {
    color: #999;
}

/* Internet Explorer 10+ */
:-ms-input-placeholder {
    color: #999;
}

.bg_gray {
    background-color: #f5f5f5
}

.clear {
    clear: both;
    overflow: hidden;
}

/*===========header style==========*/
.top {
    box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.13);
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1000;
	height:60px;
    width: 100%;
    background-color: #fff;
    border-bottom: #CCC solid 1px
}

.nav_rig {
	position: relative;
	top: 15px;
	text-align: right;
}

.nav_rig img {
	width:125px;
	margin-top:3px; 
    vertical-align: middle;
    float: left
}

.nav_rig a {
    float: left;
    margin-top: 2px;
    color: #FFF;
    background-color: #058ede;
    padding: 5px 18px;
    margin-left: 5px;
    border-radius: 20px
}

.nav_rig a.login {
    background-color: #fff;
    background: url(../image/top_qywx.png) no-repeat 10px;
    color: #43B1ED;
    border: 1px solid #ccc;
    padding-top: 4px;
    padding-right: 12px;
    padding-bottom: 4px;
    padding-left: 35px;
}
.wx_logo{
	width: 145px;
	padding-right:20px;
	margin-top: -8px;
}

.wx_logo img{
	width: 126px;
}
.nav_rig img:hover, .nav_rig a:hover {
    filter: alpha(opacity=80);
    -moz-opacity: 0.8;
    -khtml-opacity: 0.8;
    opacity: 0.8;
}

.nav_rig_new {
    float: right;
    margin-top: 30px
}

.nav_rig_new img {
    vertical-align: middle;
    float: left
}

.nav_rig_new img:hover {
    filter: alpha(opacity=80);
    -moz-opacity: 0.8;
    -khtml-opacity: 0.8;
    opacity: 0.8;
}

/*=========down menu===========*/
.nav {
    float: left;
    width: 465px;
    font-size: 16px;
    padding-top: 20px;
}

.nav > li {
    float: left;
    padding-right: 25px;
    position: relative;
    height: 40px
}

.nav .menu ul.downmenu {
    display: none;
    position: absolute;
    top: 40px;
    background-color: #FFF;
    left: -10px;
    z-index: 10;
    clear: both;
    filter: alpha(opacity=90);
    -moz-opacity: 0.9;
    -khtml-opacity: 0.8;
    opacity: 0.9;
    box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.13);
    border-bottom: #CCC solid 1px;
    border-left: #CCC solid 1px;
    border-right: #ccc solid 1px;
    text-align: left;
    width: 130px;
    background-color: #CCC;
    font-size: 13px;
}

.nav_rig .menu ul.downmenu {
    display: none;
    z-index: 10;
    clear: both;
    text-align: right;
    width: 90px;
    font-size: 13px;
    float: left;
    margin-left: 258px;
    margin-top: 4px;
}

.nav .menu ul.downmenu li {
    width: 130px;
    background-color: #FFF;
    margin: 0px;
    padding: 0px
}

.nav .menu ul.downmenu a {
    padding: 9px 10px 2px 10px;
    border-bottom: #CCC dotted 1px;
    display: block;
    margin-bottom: 0px;
    vertical-align: middle;
    height: 25px;
}

.nav .menu ul.downmenu a:hover {
    background-color: #62BCF7;
    color: #FFF;
    font-weight: bold
}

.nav .menu ul.downmenu a span {
    /*font-family: Arial, Helvetica, sans-serif;*/
    font-family: tahoma,arial,'Hiragino Sans GB','Hiragino Sans GB W3','Microsoft Yahei',宋体;
    padding-left: 6px;
    font-size: 10px
}

/*===========banner style==========*/
/*.banner{ height:400px; clear:both; padding-top:90px;}*/

/*===========main style==========*/
.bar {
    height: 100px;
    line-height: 100px;
    width: 970px;
    margin: 0 auto
}

.bar span {
    font-size: 28px;
    font-weight: bold;
    float: left;
}

.bar span:hover {
    color: #2D7DBF
}

.bar strong {
    float: right;
    margin-left: 15px;
    font-size: 24px;
    margin-top: -1px
}

.bar strong a {
    margin-top: 0
}

.bar a {
    float: right;
    margin-top: 18px
}

.main_a {
    height: 270px; /* background:url(../webimages/main_bg1.jpg) repeat;*/
    background-color: #F5F5F5;
    clear: both
}

.main_a_con {
    width: 970px;
    margin: 0 auto
}

.ma_areaa, .ma_areab, .ma_areac {
    float: left;
    width: 316px;
    margin-right: 10px;
    background-color: #FFF;
    height: 215px;
    margin-top: 10px
}

.ma_areac {
    margin-right: 0px
}

.ma_areaa .ma_atit {
    background: url(../image/m1_icon1.png) no-repeat 235px center #6cc7da;
    height: 72px
}

.ma_areab .ma_atit {
    background: url(../image/m1_icon2.png) no-repeat 230px center #f5bd65;
    height: 72px
}

.ma_areac .ma_atit {
    background: url(../image/m1_icon3.png) no-repeat 235px center #80cfa7;
    height: 72px
}

.ma_areaa .ma_atit:hover {
    background-color: #64BFD3
}

.ma_areab .ma_atit:hover {
    background-color: #F2B962
}

.ma_areac .ma_atit:hover {
    background-color: #79C4A0
}

.ma_atit { /*padding-left:13px;*/
    font-size: 15px;
    text-align: left;
    color: #FFF; /*padding-top:18px;*/
    padding: 9px 18px;
}

.ma_atit a {
    font-size: 27px;
    font-weight: bold;
    color: #FFF;
    margin-left: -1px
}

.ma_acon {
    line-height: 160%;
    text-align: left;
    padding: 15px 13px;
    font-size: 15px;
    height: 70px;
    color: #747474
}

.ma_acon b {
    display: block;
    float: left;
    width: 28%;
}

.ma_acon span {
    font-size: 14px;
    display: block;
    float: left;
    width: 71%;
}

.ld_tit_r {
    margin-top: -30px;
    margin-bottom: 37px;
}

.readm {
    font-size: 14px;
    border: #ff7900 solid 1px;
    margin: 10px 10px 0 10px;
    border-radius: 20px;
    display: inline-block;
    background-color: #ff7f01;
    color: #fff;
    padding: 0 80px;
    height: 33px;
    opacity: 0.8;
    line-height: 33px;
}

.readm:hover {
    background-color: transparent;
    color: #ff7900
}

.readm_blue {
    border: #55acef solid 1px;
    font-size: 14px;
    margin: 10px 10px 0 10px;
    border-radius: 20px;
    display: inline-block;
    background-color: #55acef;
    color: #fff;
    padding: 0 80px;
    height: 33px;
    line-height: 33px;
}

.readm_blue:hover {
    background-color: transparent;
    color: #55acef;
}

.main_b {
    height: 365px;
    width: 100%;
    background-color: #FFF;
    clear: both
}

.main_b_con {
    width: 970px;
    margin: 0 auto
}

.mb_area {
    width: 370px;
    float: left;
    background: url(../image/m2_icon1.png) no-repeat left center;
    padding-left: 100px;
    text-align: left;
    color: #717171;
    line-height: 160%;
    margin-top: 30px;
    height: 105px;
    margin-bottom: 10px
}

.mb_bgb {
    background-image: url(../image/m2_icon2.png)
}

.mb_bgc {
    background-image: url(../image/m2_icon3.png)
}

.mb_bgd {
    background-image: url(../image/m2_icon4.png)
}

.mb_area span {
    margin-bottom: 10px;
    font-size: 18px;
    font-weight: bold;
    display: block
}

.main_c {
    width: 970px;
    margin: 0 auto;
}

.line {
    height: 2px;
    border-bottom: #E3E3E3 solid 1px
}

.mc_area_a, .mc_area_b {
    border-bottom: #D8D8D8 dashed 1px;
    overflow: hidden;
    zoom: 1;
}

.mc_txt strong {
    font-size: 24px;
    font-weight: bold;
    display: block;
    margin-bottom: 16px
}

.mc_area_a, .mc_area_b {
    height: 300px;
    padding-top: 5px
}

.mc_area_a .mc_txt {
    float: left;
    width: 528px;
    font-size: 17px;
    line-height: 160%;
    text-align: left;
    padding-top: 45px;
}

.mc_area_a .mc_img {
    float: right;
    width: 350px
}

.mc_area_b {
    padding-top: 15px
}

.mc_area_b .mc_txt {
    float: right;
    width: 528px;
    font-size: 17px;
    line-height: 160%;
    text-align: left;
    padding-top: 45px;
}

.mc_area_b .mc_img {
    float: left;
    width: 350px
}

.ad {
    background: url(../image/ad_bg.jpg) no-repeat center;
    background-size: cover;
    height: 90px;
    text-align: center;
}

.ad img {
    margin-top: 26px
}

.main_d {
    width: 100%;
    background-color: #f1f1f1;
    padding-top: 10px;
    padding-bottom: 20px
}

.main_d_con {
    width: 970px;
    margin: 0 auto;
    overflow: hidden;
    zoom: 1
}

.md_qa {
    border-bottom: #CCC dashed 1px;
    overflow: hidden;
    zoom: 1;
    padding-top: 15px;
    padding-bottom: 15px;
    clear: both
}

.md_qa:hover .md_qa_num {
    background-color: #78d0f0
}

.md_qa_num {
    width: 70px;
    height: 70px;
    background-color: #93dffb;
    color: #FFF;
    font-size: 43px;
    text-align: center;
    line-height: 70px;
    font-family: tahoma,arial,'Hiragino Sans GB','Hiragino Sans GB W3','Microsoft Yahei',宋体;
    /*font-family: Arial, Helvetica, sans-serif;*/
    float: left
}

.md_qa_con {
    margin-left: 10px;
    text-align: left;
    float: left;
    margin-top: 10px
}

.md_qa_con strong {
    font-size: 15px;
    display: block;
    margin-bottom: 8px
}

.md_more {
    text-align: left;
    padding-top: 10px;
    padding-bottom: 10px;
    clear: both
}

.foot-top {
    background-color: #395b81;
}

.foot-topcon {
    width: 1100px;
    background-color: #395b81;
    margin: 0 auto;
    padding: 40px 0;
    overflow: hidden;
    zoom: 1
}

.ftlist {
    width: 160px;
    float: left;
    padding-left: 31px;
}
.ftlist.ftlist_fifth {
    width: 300px;
    float: right;
}
.foot-topcon .ftlist_first{width:160px;padding-left:33px;}
.ftlist dl {
    text-align: left
}

.ftlist dt {
    font-size: 14px;
    color: #f6f6f8;
    font-weight: bold;
    margin-bottom: 10px
}

.ftlist dd {
    line-height: 180%;
    font-size: 14px;
    color: #94a1b2;
}

.ftlist dd a {
    font-size: 13px;
    color: #94a1b2;
}

.ftlist dd a:hover {
    color: #2079D2
}

.foot-bot {
    background-color: #31547c;
}

.foot-botc {
    width: 1100px;
    background-color: #31547c;
    margin: 0 auto;
    padding: 40px 0;
    text-align: center;
    font-size: 14px;
    color: #94a1b2;
    line-height: 180%;
    clear: both
}
.foot-botc_weixin {
    width: 100%;
    background-color: #31547c;
    margin: 0 auto;
    padding: 40px 0;
    text-align: center;
    font-size: 14px;
    color: #94a1b2;
    line-height: 180%;
    clear: both
}
.foot-botc_weixin {display:none;}
.foot-botc a , 
.foot-botc_weixin a {
    padding-left: 5px;
    padding-right: 5px;
    color: #94a1b2;
    text-decoration: none
}

.foot-botc a:hover {
    color: #2079D2
}
.botcDiv{width:300px;margin:0 auto; padding:10px 0;}
.botcDiv a{display:inline-block;text-decoration:none;height:20px;line-height:20px;}
.botcDiv a img{float:left;}
.botcDiv a p{float:left;height:20px;line-height:20px;margin: 0px 0px 0px 5px; color:#94a1b2;}

.hotline_pc{font-size: 18px;color: #ff6c00;}
.hotline_mob {font-size: 18px !important;color: #ff6c00 !important;display:none;}
/*===========demo style==========*/
.demo_banner {
    background: url(../image/demo_banner.jpg) no-repeat bottom center;
    height: 282px;
    padding-top: 60px
}

.aboutus_banner {
    background: url(../image/aboutus_banner.jpg) no-repeat bottom center;
    height: 282px;
    padding-top: 60px
}

.demo_ban_txt {
    width: 970px;
    margin: 0 auto;
    text-align: left;
    height: 100px;
    margin-top: 50px;
}

.demo_ban_txt span {
    margin-top: 80px;
    font-size: 28px;
    margin-bottom: 10px;
    color: #797979;
    font-weight: bold;
    display: block;
}

.demo_ban_txt a {
    display: block;
    width: 220px;
    height: 42px;
    color: #fff;
    background: url(../image/go_icon_hov.png) no-repeat 24px center #E31B00;
    margin-top: 5px;
    font-size: 24px;
    font-weight: bold;
    line-height: 40px;
    padding-left: 45px
}

.demo_wxban_img {
    width: 970px;
    margin: 0 auto;
    text-align: right;
    height: 100px;
}
.demo_wxban_img a {
    display: block;
    background: url('../image/install_blue_middle.png') no-repeat right;
	width: 100%;
	height: 40px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}


.demo_wxregister_img {
    width: 970px;
    margin: 0 auto;
    text-align: left;
    height: 100px;
}
.demo_wxregister_img a {
    display: block;
    background: url('https://weixin-1255564871.cos.ap-shanghai.myqcloud.com/web_kh001/register_blue_middle.png') no-repeat left;
    width: 100%;
    height: 40px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.demo_wxfw_img {
    width: 100%;
    margin: 0 auto;
    text-align: center;
    padding-bottom: 15px;
}
.demo_wxfw_img a {
    padding: 0 50px;
}
.demo_wxfw_txt {
    width: 100%;
    margin: 0 auto;
    text-align: center;
    padding-bottom: 15px;
    margin-top: 160px;
}
.demo_wxfw_txt span {
    font-size:38px;line-height:40px;color:#FCFCFC
}
.demo_wxfw_span {
    width: 100%;
    margin: 0 auto;
    text-align: center;
    padding-bottom: 15px;
}
.demo_wxfw_span span {
    font-size:31px;line-height:32px;color:#FCFCFC
}
/*
.demo_ban_txt a:hover{ color:#fff; background:url(../webimages/go_icon_hov.png) no-repeat 5px center #F69945}
*/
.blue a:hover { /*background-color:#58AFED*/;
    color: #fff;
    text-decoration: none
}

.demo_bar {
    background-color: #47a8ed;
    height: 40px;
    text-align: center;
    padding-top: 20px;
    padding-bottom: 10px
}

.ma_try_btna, .ma_try_btnb, .ma_try_btnc {
    background-color: #52b9cc;
    font-weight: bold;
    padding: 5px 10px;
    font-size: 12px;
    color: #FFF;
    display: block;
    width: 68px;
    margin-left: 212px;
    text-align: center;
    margin-top: 16px;
}

.ma_try_btnb {
    background-color: #EF9339;
}

.ma_try_btnc {
    background-color: #57B284;
}

.ma_try_btna:hover {
    background-color: #6CC7DA;
    color: #FFF
}

.ma_try_btnb:hover {
    background-color: #FAA04B;
    color: #FFF
}

.ma_try_btnc:hover {
    background-color: #79C4A0;
    color: #FFF
}

.demo_main_b { /* background:url(../webimages/main_bg1.jpg) repeat;*/
    clear: both
}

.demo_form {
    width: 970px;
    margin: 0 auto;
}

.demo_form table {
    border-collapse: collapse;
    border-spacing: 0px;
    text-align: center;
}

.demo_form table tr td {
    border: 1px solid #c5c5c5;
    line-height: 36px;
    font-size: 13px;
}

.demo_form table tbody tr:hover td {
    background-color: #ffe68e
}

.demo_form table tr th {
    font-size: 14px;
    background-color: #F0F8FF;
    line-height: 36px;
    border: 1px solid #c5c5c5;
}

.demo_form table tr td.group {
    font-size: 16px;
    font-weight: bold;
    padding-left: 30px;
    color: #339aad;
    text-align: left;
}

.demo_form table tr td.group_s {
    padding-left: 55px;
    text-align: left;
}

.demo_form table tr.blueback {
    background-color: #F0F8FF;
}

/*******************************ABOUTUS*/
#nav_bot {
    position: static;
    top: 0;
    background: #62BCF7;
    width: 100%;
    left: 0px;
    top: 0px !important;
    height: 53px;
}

.nav_bot_list {
    width: 970px;
    margin: 0 auto
}

.nav_bot_list li {
    float: left
}

.nav_bot_list li a {
    height: 53px;
    line-height: 53px;
    float: left;
    font-size: 15px;
    padding-left: 28px;
    padding-right: 28px;
    color: #FFF
}

.nav_bot_list li a:hover, .nav_bot_list li a.cur {
    background-color: #50A7E5
}

.demo_ban_txt .ny_banner_txt {
    width: 180px;
    height: 50px;
    line-height: 50px;
    border-radius: 25px;
}

.demo_ban_txt .ny_banner_txt i { /*font-size:28px;*/
    font-style: normal
}

.in_con_main {
    width: 970px;
    margin: 0 auto;
    padding-top: 20px;
    padding-bottom: 20px
}

.rig_bre {
    text-align: right
}

.rig_bre span {
    color: #9E9E9E
}

.in_con_info {
    margin-top: 20px;
    margin-bottom: 60px;
}

.in_con_info h3 {
    font-weight: normal;
    color: #94b913;
    clear: both;
    font-size: 26px;
    margin-top: 30px;
    padding-bottom: 6px
}

.in_con_info span.tit_remark {
    font-size: 12px;
    color: #B9B9B9
}

.in_con_info h4 {
    margin-top: 10px;
    margin-bottom: 10px
}

.in_con_info .h4c {
    color: #94b913;
    font-size: 16px;
    font-weight: bold;
}

.in_con_info p {
    line-height: 240%;
    font-SIZE: 14px;
}

.in_con_info span.tit1 {
    font-weight: bold;
    font-size: 16px;
    color: #4a628d;
}

.in_con_info span.tit2 {
    font-weight: bold;
    color: #598936;
}

.in_con_info .downinfo {
    font-size: 14px;
}

.in_con_info .downinfo h4 {
    color: #4a628d;
    font-size: 16px;
    font-weight: bold;
}

.in_con_info .downinfo p.banbeninfo {
    font-weight: bold;
}

.in_con_info .downinfo p.banbeninfo span {
    color: #4a628d;
}

.in_con_info .downinfo .Adown_green {
    color: #669900;
    text-decoration: underline;
    padding-right: 30px;
}

.in_con_info .downinfo .Adown_green span {
    background: url("../image/download.gif") no-repeat scroll;
    padding-left: 20px;
}

.in_con_info .downinfo .Adown_red {
    color: red;
    text-decoration: underline;
    padding-right: 30px;
}

/*运行环境表*/
.in_con_info .setTab {
    color: #555;
    border-collapse: collapse;
    border-spacing: 0;
}

.in_con_info .setTab tr.title th {
    background-color: #e0e0e0;
}

.in_con_info .setTab tr td, .in_con_info .setTab tr th {
    padding: 10px 0px 10px 10px;
    border: 1px solid #a5a5a5;
}

/*手机版*/
.in_con_info .ejmain .ejbt {
    color: #333333;
    font-size: 26px;
    padding-top: 30px;
    text-align: center;
}

.in_con_info .ejmain .ejbtnr {
    border-bottom: 1px solid #ededed;
    color: #666666;
    font-size: 15px;
    line-height: 25px;
    margin: 0 auto;
    padding: 20px 50px;
    text-align: center;
}

.clearfix:after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;
}

.downl {
    margin: 0px auto;
}

.down_img {
    display: inline-block;
    width: 350px;
}

.down_type {
    display: inline-block;
    width: 730px;
}

.down_type ul li {
    float: left;
    width: 48%;
}

.down_type .down_t_box {
    margin: 0 auto;
    width: 244px;
}

.down_type .down_t_box .down_t_boxp {
    padding: 10px 0 20px;
    text-align: center;
}

.down_type .down_t_box .down_t_boxa { /*background: url("../skin/default/ldimages/app/download04.jpg") no-repeat scroll;color: #ffffff;height: 62px;*/
    display: block;
    width: 244px;
}

.down_type .down_t_box .down_t_boxa h3 {
    color: #868686;
    font-size: 22px;
    font-weight: normal;
    height: 24px;
    margin-top: 15px;
    text-align: center;
}

.down_type .down_t_box .down_t_boxa p {
    color: #868686;
    font-size: 14px;
    text-align: center;
}

.down_type .down_t_box .down_t_boxm {
    width: 244px;
    text-align: center;
}

.down_type .down_t_box .down_t_boxm p {
    color: #898889;
    font-size: 13px;
    line-height: 22px;
}

.down_m {
    border-top: 1px solid #cfcfcf;
    font-size: 36px;
    height: 44px;
    margin: 0 auto 50px;
    padding: 40px 0 10px;
    text-align: center;
    color: #000000;
}

.down_m1 {
    display: inline;
    float: left;
    margin: 0 0 0 140px;
    text-align: center;
}

.main_intro {
    text-align: left;
    width: 900px;
    margin: 0px auto;
}

/**/
.FunlistTab {
    border-left: #c0c0c0 1px solid;
    border-top: #c0c0c0 1px solid;
    border-bottom: #c0c0c0 1px solid;
}

.FunlistTab tr th, .FunlistTab tr td {
    height: 30px;
    line-height: 30px;
    border-right: #c0c0c0 1px solid;
    text-align: left;
    padding-left: 5px;
}

.FunlistTab tr th {
    background-color: #dae9fe;
}

.FunlistTab a {
    color: #669900;
}

.FunlistTab a:hover {
    text-decoration: underline;
}

.xiaoshouValue p {
    line-height: 200%;
}

.xiaoshouValue b {
    font-size: 24px;
    color: #555;
    margin: 20px 0px;
    display: block;
}

.xiaoshouValue ul li {
    line-height: 30px;
    height: 30px;
    list-style: disc;
    margin-left: 30px;
}

.xiaoshouValue .txt {
    overflow: hidden;
}

.xiaoshouFun p {
    line-height: 200%;
}

.xiaoshouFun b {
    font-size: 16px;
    color: #669900;
    margin: 20px 0px;
    display: block;
}

.xiaoshouFun .txt {
    overflow: hidden;
    padding-bottom: 40px;
}

/**/
.bg_grey {
    background-color: #F6F6F6;
    overflow: hidden;
    zoom: 1
}

.ser_tit_list {
    line-height: 200%
}

.ser_tit_list li {
    background: url(../image/list_left.png) no-repeat left center;
    padding-left: 10px
}

.kuandaiDownload {
    float: right;
    font-size: 20px;
    padding-top: 12px;
    text-decoration: underline;
}

/*app产品使用*/
.nav_app {
    position: static;
    background: url(../image/line.jpg) no-repeat left top;
    border-bottom: 1px solid #b2b2b2;
    width: 970px;
    margin: 0px auto;
    top: 0px;
    height: 53px;
    padding: 20px 0px 10px;
}

.nav_bot_list_app {
    width: 970px;
    margin: 0 auto
}

.nav_bot_list_app li {
    float: left
}

.nav_bot_list_app li a {
    height: 53px;
    line-height: 53px;
    float: left;
    font-size: 15px;
    padding-left: 28px;
    padding-right: 28px;
    color: #555
}

.nav_bot_list_app li a:hover, .nav_bot_list_app li a.cur {
    background-color: #50A7E5;
    color: #fff;
}

.app_down {
    color: #666;
    overflow: hidden;
    border-bottom: 1px solid #b2b2b2;
}

.app_down .right {
    float: right;
}

.app_down .right .txt {
    padding: 25px 0px;
    float: left;
    background: url(../image/down6.jpg) no-repeat left bottom;
}

.app_down .right .txt img {
    float: left;
}

.app_down .right .txt span {
    display: block;
    float: left;
    padding-top: 18px;
}

.app_down .right .txt span font {
    color: #20a0d5
}

.app_login, .app_qixin, .aap_work, .app_sign {
    padding: 30px 0px;
    overflow: hidden;
    border-bottom: 1px solid #b2b2b2;
}

.app_book {
    padding: 30px 0px;
    overflow: hidden;
}

.a_href {
    display: block;
    height: 0;
    position: relative;
    top: -120px;
}

.a_href2 {
    display: block;
    height: 0;
    position: relative;
    top: -220px;
}

.a_href3 {
    display: block;
    height: 0;
    position: relative;
    top: -160px;
}

.a_href4 {
    display: block;
    height: 0;
    position: relative;
    top: -160px;
}

.app_try_btnc {
    background-color: #52b9cc;
    font-weight: bold;
    padding: 12px 15px;
    font-size: 16px;
    color: #FFF;
    width: 120px;
    text-align: center
}

.app_try_btnc {
    background-color: #57B284;
}

.app_try_btnc:hover {
    background-color: #79C4A0;
    color: #FFF
}

.New_Feature {
    width: 100%;
    overflow: hidden;
    zoom: 1
}

.N_fea_list {
    width: 183px;
    border: #CED6E5 solid 1px;
    float: left;
    margin: 0;
    padding: 0;
    border-right: none;
    border-top: none
}

.N_fea_list li {
    line-height: 30px;
    text-indent: 0.5em;
    height: 30px;
}

.N_fea_list li.Nlist_tit {
    background-color: #DAE9FE;
    height: 28px;
    line-height: 28px;
    color: #666;
    font-weight: bold;
    border-top: #C4D1EA dashed 1px;
    border-bottom: #C4D1EA dashed 1px
}

.N_fea_list li.Nlist_tit span {
    font-weight: normal
}

.N_fea_list li.Nlist_green {
    color: #669900
}

.pro_fun_list li {
    width: 468px;
    float: left;
    margin-bottom: 25px;
    height: 440px
}

.pro_fun_list li b {
    font-size: 16px;
    margin-top: 13px;
    display: block;
    padding-left: 10px
}

.pro_fun_list li p {
    line-height: 180%;
    margin-top: 10px;
    width: 445px;
    padding-left: 10px
}

/*产品升级*/
.slogan {
    border-bottom: 1px solid #ededed;
    color: #333333;
    font-size: 26px;
    margin: 0 auto;
    padding: 40px 50px;
    text-align: center;
}

.upgrade {
    background: url(../image/line.png) repeat-y center top;
    padding: 50px 0;
    margin: 20px 0;
}

.upgrade .node {
    width: 100%;
    padding: 10px 0;
    display: inline-table;
}

.upgrade .left {
    float: left;
    width: 489px;
    text-align: right;
}

.upgrade .right {
    float: right;
    width: 489px;
    text-align: left;
}

.upgrade .node .tit {
    color: #088be4;
    font-size: 20px;
    height: 30px;
    line-height: 30px;
}

.upgrade .left .tit {
    background: url("../image/bluepoint.png") no-repeat right center;
    padding-right: 34px;
}

.upgrade .right .tit {
    background: url("../image/bluepoint.png") no-repeat left center;
    padding-left: 34px;
}

.upgrade .cont {
    color: #666666;
    font-size: 14px;
    line-height: 26px;
    padding-top: 15px;
}

.upgrade .left .cont {
    padding-right: 34px;
    text-align: right;
}

.upgrade .right .cont {
    padding-left: 34px;
    text-align: left;
}

/*行业方案*/
.anli_box {
    border-bottom: 1px solid #c7c7c7;
    height: 160px;
    padding: 10px 0;
    width: 100%;
}

.anli_top {
    background: url("../image/gline.jpg") no-repeat scroll 0 3px;
    border-bottom: 1px solid #d8d8d8;
    font-size: 14px;
    font-weight: bold;
    margin-bottom: 10px;
    padding: 0px 0px 10px 10px;
}

.anli_box a:hover {
    text-decoration: none;
}

.anli_img {
    float: left;
    height: 145px;
    margin-left: 10px;
    width: 220px;
}

.anli_img img {
    max-height: 100%;
    max-width: 100%;
}

.anli_right {
    float: right;
    padding-left: 10px;
    width: 710px;
}

.anli_right .title {
    line-height: 160%;
    padding-bottom: 5px;
    font-weight: bold;
}

.anli_right .depict {
    line-height: 25px;
    height: 90px;
    word-wrap: break-word;
}

.anli_right .link {
    text-align: right;
}

.anli_right .link a {
    background: #7fb517;
    color: #fff;
    font-size: 16px;
    cursor: pointer;
    line-height: 38px;
    text-align: center;
    display: block;
    float: right;
    height: 38px;
    width: 114px;
}

.pagerlink {
    float: right;
    margin: 20px 0;
    padding-right: 20px;
}

.pagerlink a {
    background: #fff;
    border: 1px solid #ccc;
    display: block;
    float: left !important;
    line-height: 180%;
    margin-left: 5px;
    padding: 0 7px;
}

.pagerlink a:hover {
    background: #c7d1b4;
    color: #fff;
    text-decoration: none;
}

.pagerlink a.curr {
    background: #c7d1b4;
    color: #fff;
    cursor: text;
}

.pagehide {
    display: none;
}

.pageblock {
    display: block;
}

/*360产品报价
.bugimg{ background: url("../webimages/buy.jpg") no-repeat center center;clear: both;
    height: 180px; padding-top: 10px; margin: 0 auto; width: 785px;}
.bugtitle{ background: url("../webimages/gline.jpg") no-repeat scroll 0 3px;font-size: 14px; font-weight: bold;
	padding-left:10px; margin:25px 0 10px;}
.buytab{padding: 10px 0;width:100%;color:#333}
.buytab table{border-collapse:collapse}
.buytab table th{background-color: #dfe6e5; height: 38px;line-height: 38px;width: 15%;}
   */
.buytab table th, .buytab table td {
    border: 1px solid #989898;
    text-align: center;
}

.buytab table tbody th {
    background-color: #fff;
}

/*360首页*/
.main_g {
    background-color: #f5f5f5;
    float: left;
    padding: 0 0 40px;
    position: relative;
    width: 100%
}

.main_g::after {
    clear: both;
    content: "";
    display: block;
}

.jianbian-bg {
    width: 100%;
    height: 727px;
    padding: 0;
    background: url(https://weixin-1255564871.cos.ap-shanghai.myqcloud.com/web_kh001/webimages/blue-bg.png) no-repeat;
    overflow: hidden;
}

.main_g_con {
    width: 1100px;
    margin: 0 auto;
    text-align: center;
}
.main_g .main_g_con {
	width: 100%;
}
.main_g_con h2 {
    color: #323a47;
    font-size: 30px;
    margin: 35px 0 30px;
    font-weight: 500;
}

.main_g_con .slog {
    color: #6c6c6c;
    font-size: 16px;
    margin-bottom: 60px;
}

.main_g h3 {
    font-size: 24px;
    margin: 0 0 10px;
    text-align: left;
}

.proinfo, .why {
    width: 100%;
    margin: 0 auto;
}

.proinfo .info {
    width: 300px;
    float: left;
    margin-right: 30px;
}

.proinfo .info:last-child {
    margin-right: 0px;
}

.proinfo .info img {
    vertical-align: moddle;
    width: 100%;
}

.proinfo .info .des {
    background-color: #ffffff;
    height: 120px;
    padding: 16px;
}

.proinfo .des p {
    color: #6c6c6c;
    font-size: 13px;
    text-align: left;
}

.wx_install .wx_install_have {
	float: left;width: 50%;text-align: right;padding-bottom: 30px;
}
.wx_install .wx_install_have p {
	padding-right: 100px;font-size: 25px;padding-bottom: 10px;color:#323a47;
}
.wx_install .wx_install_have a {
	padding-right: 60px;
}
.wx_install .wx_install_nohave {
	float: right;width: 50%;text-align: left;padding-bottom: 30px;
}
.wx_install .wx_install_nohave p {
	padding-left: 95px;font-size: 25px;padding-bottom: 10px;color:#323a47;
}
.wx_install .wx_install_nohave a {
	padding-left: 60px;
}

.why .reson {
    float: left;
    padding: 0 16px;
    width: 21%;
}

.why .reson .icon {
    margin: 0 auto 24px auto;
    width: 200px;
}

.why .reson .icon img {
    vertical-align: middle;
}
.main_g .main_g_con .why .reson .icon img {
    width:70%;
}

.why .reson h3,
.why .reson .des {
    margin: 30px 0;
    text-align: center;
}

.why .reson h3 {
    color: #323a47;
    font-size: 30px;
}

.why .reson .des {
    font-size: 14px;
    line-height: 2;
}

.main_f {
    width: 100%;
    padding-top: 30px;
}

.main_f .main_f_first {width:100%;background: url(../image/dingTalk-core-bg.png) #FFFFFF no-repeat bottom;overflow: hidden;text-align: center;}
.main_f .main_f_second {width:100%;background-color: #F7FEFF;overflow: hidden;text-align: center;padding-top: 60px;}
.main_f .main_f_third {width:100%;background: url(../image/dingTalk-product-scan-bg.png) #FFFFFF no-repeat bottom;overflow: hidden;text-align: center;padding-top: 60px;}
.main_f .main_f_fourth {width:100%;background-color: #F7FEFF;overflow: hidden;text-align: center;padding-top: 60px;}
.main_f .main_f_fifth {display:none;width:100%;background-color: #F7FEFF;overflow: hidden;text-align: center;padding-top: 60px;}
.main_f .main_f_sixth {width:100%;background: url(../image/dingTalk-sales-bg.png) #FFFFFF no-repeat bottom;overflow: hidden;text-align: center;padding-top: 60px;}

.main_f.border {
    border-bottom: solid 1px #ddd;
}

.main_f_con {
    padding: 60px 0 0px;
    width: 1100px;
    margin: 0 auto;
}

.main_f_con .main_fleft {
    float: left;
    color: #333;
}

.main_f_con .main_fright {
    float: right;
    color: #333;
}

.main_f_con .main_ftit {
    margin: 15px 0;
    /*font-family: 幼圆, Microsoft YaHei, arial;*/
    font-family: tahoma,arial,'Hiragino Sans GB','Hiragino Sans GB W3','Microsoft Yahei',宋体;
    font-size: 38px;
    font-weight: normal;
    color: #3d9de7;
}

.main_f_con .main_fchar {
    font-size: 28px;
}

.main_f_con .main_fdec {
    font-size: 15px;
    color: #7B7B7B;
    line-height: 180%;
}
.main_f_con img {width:100%;}
/*.main_f_con .main_flink a{display:inline-block; background:url(../webimages/bluepoint.png) no-repeat left; color: #088be4;
	font-size: 16px;line-height: 30px; padding:0 20px;
}*/
.main_f_con .main_fmore a {
    margin-top: 25px;
    background-color: #ffffff;
    border: 1px solid #2296e4;
    color: #2296e4;
    display: block;
    height: 25px;
    line-height: 25px;
    text-align: center;
    width: 72px;
}

.logowall {
    background: #f9f9f9;
    padding-bottom: 85px;
    text-align: center;
}

.logowall h2 {
    color: #3E93E3;
    font-size: 38px;
    /*font-family: serif;*/
    font-family: tahoma,arial,'Hiragino Sans GB','Hiragino Sans GB W3','Microsoft Yahei',宋体;
    line-height: 80px;
    margin: 0 auto;
    padding: 50px 0 0px 0;
    width: 100%;
}

.logowall p {
    font-size: 15px;
    color: #7B7B7B;
    line-height: 180%;
}

.logowall .logowall_img {
    margin-top: 20px;
	width: 1100px;
	margin: 0 auto;
}
.logowall_img img{
	width: 100%;
}
/*360登录*/
.loginheader {
    height: 100px;
    overflow: hidden;
    margin: 0 auto;
    width: 900px;
}

.loginheader .logo {
    float: left;
    padding-top: 50px;
}

.loginheader .rig {
    float: right;
    font-size: 14px;
    color: #07568f;
    padding-top: 60px;
}

.loginheader .rig a {
    color: #07568f;
}

.loginwrap .content {
    width: 1000px;
    margin: 0 auto;
}

.loginwrap {
    background-color: #3484B8;
    height: 400px;
    overflow: hidden;
    zoom: 1;
    margin: 0 auto;
    width: 100%;
}

.loginwrap .banner {
    width: 532px;
    float: left;
    padding-left: 20px;
}

.loginwrap .banner img {
    margin-top: 30px;
    padding-left: 10px;
}

.loginmain {
    width: 318px;
    float: left;
    margin-left: 75px;
    padding-left: 10px;
}

.loginmain .login-shadow {
    background: url(../image/login-shadow.png) no-repeat left center;
    float: left;
    position: relative;
    left: -10px;
    top: 57px;
    height: 141px;
    width: 13px;
}

.loginmain form {
    font-size: 13px;
    box-sizing: border-box;
    box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.2);
    position: relative;
    width: 310px;
    margin: 35px 0 0;
    background-color: #F3F7F8;
    padding-top: 15px;
    border-radius: 3px;
}

.loginmain .inputtxt {
    padding: 13px 20px;
}

.loginmain .inputtxt input {
    background-color: #FFF;
    box-sizing: border-box;
    border: 1px solid #BDC7D3;
    height: 37px;
    width: 268px;
    padding: 0 13px;
    margin-bottom: 20px;
}

.loginmain .btn {
    background-color: #DBE2EC;
    border-top: 1px solid #CDD4E4;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
    padding: 0 20px;
    clear: both;
    overflow: hidden;
}

.loginmain .btn .inputsub {
    color: #FFF;
    cursor: pointer;
    font-size: 18px;
    padding: 0px 10px;
    margin: 12px 0;
    line-height: 33px;
    height: 35px;
    box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.2);
    text-align: center;
    width: 270px;
    border-width: 1px;
    border-style: solid;
    border-color: #528F49 #498140 #42733B;
    background-color: #67A75B;
    FILTER: progid: DXImageTransform . Microsoft . Gradient(gradientType = 0, startColorStr = #6DAD61, endColorStr = #5D9D51);
    background: -ms-linear-gradient(top, #6DAD61, #5D9D51);
    background: -moz-linear-gradient(center top, #6DAD61, #5D9D51);
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#6DAD61), to(#5D9D51));
    background: -webkit-linear-gradient(top, #6DAD61, #5D9D51);
    background: -o-linear-gradient(top, #6DAD61, #5D9D51);
}

.loginmain .btn .inputsub:hover {
    background-color: #67A75B;
    FILTER: progid: DXImageTransform . Microsoft . Gradient(gradientType = 0, startColorStr = #5D9D51, endColorStr = #6DAD61);
    background: -ms-linear-gradient(top, #5D9D51, #6DAD61);
    background: -moz-linear-gradient(center top, #5D9D51, #6DAD61);
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#5D9D51), to(#6DAD61));
    background: -webkit-linear-gradient(top, #5D9D51, #6DAD61);
    background: -o-linear-gradient(top, #5D9D51, #6DAD61);
}

.loginmain .btn .try {
    display: block;
    float: right;
    padding: 12px 0 5px;
}

.loginfooter {
    clear: both;
    font-size: 14px;
    margin-top: 60px;
    text-align: center;
}

.loginfooter .link a {
    color: #07568f;
    line-height: 24px;
    padding: 7px;
    vertical-align: middle;
}

.loginfooter a:hover, .loginheader a:hover {
    text-decoration: underline;
}

.loginfooter .link img {
    vertical-align: middle;
}

.loginfooter .copy {
    line-height: 22px;
}

/* 产品介绍*/
.pro {
    border-bottom: 1px solid #ccc;
    width: 970px;
    margin: 0 auto;
    padding-bottom: 30px;
    overflow: hidden;
}

.pro_box {
    height: 170px;
    width: 100%;
}

.pro_box:after {
    content: '';
    clear: both;
    overflow: hidden;
}

.pro_box .pro_img {
    float: left;
    height: 167px;
    width: 200px;
}

.proimg01 {
    background: url(../image/pro_value.png) no-repeat 15px top;
}

.proimg02 {
    background: url(../image/pro_value.png) no-repeat 15px -160px;
}

.proimg03 {
    background: url(../image/pro_value.png) no-repeat 15px -330px;
}

.proimg04 {
    background: url(../image/pro_value.png) no-repeat 15px -660px;
}

.pro_box .pro_right {
    float: left;
    width: 755px;
    padding-top: 20px;
}

.pro_box .title {
    color: #1577bb;
    font-size: 16px;
    height: 34px;
    line-height: 34px;
    margin-bottom: 15px;
}

.pro_box .title strong {
    font-size: 18px;
}

.pro_box .depict {
    color: #999999;
    line-height: 22px;
    font-size: 14px;
    margin-top: 10px;
}

.funsummary {
    width: 970px;
    margin: 0 auto;
    overflow: hidden;
    padding-left: 77px;
}

.funsummary .tit {
    font-size: 24px;
    color: #00a3f6;
    line-height: 30px;
    margin: 40px auto 30px;
}

.funsummary ul {
    float: left;
    padding-left: 30px;
    width: 45%;
}

.funsummary ul li {
    display: block;
    height: 130px;
    float: left;
    margin-top: 40px;
}

.funsummary .fun_img {
    float: left;
    height: 53px;
    width: 63px;
}

.funimg01 {
    background: url(../image/function.gif) no-repeat -70px -334px;
}

.funimg02 {
    background: url(../image/function.gif) no-repeat 0px 0px;
}

.funimg03 {
    background: url(../image/function.gif) no-repeat 0px -65px;
}

.funimg04 {
    background: url(../image/function.gif) no-repeat 0px -128px;
}

.funimg05 {
    background: url(../image/function.gif) no-repeat 0px -191px;
    height: 30px !important;
}

.funimg06 {
    background: url(../image/function.gif) no-repeat 0px -240px;
}

.funimg07 {
    background: url(../image/function.gif) no-repeat -76px -136px;
}

.funimg08 {
    background: url(../image/function.gif) no-repeat -65px 0px;
}

.funimg09 {
    background: url(../image/function.gif) no-repeat -77px -73px;
}

.funimg10 {
    background: url(../image/function.gif) no-repeat 0px -310px;
}

.funimg11 {
    background: url(../image/function.gif) no-repeat -77px -200px;
}

.funimg12 {
    background: url(../image/function.gif) no-repeat -67px -266px;
}

.funsummary .fun-rig {
    font-size: 13px;
    color: #666666;
    width: 269px;
    margin: -5px 0 0 15px;
    *margin-top: 0px;
    float: left;
}

.fun-rig span {
    color: #0595cd;
    font-size: 20px;
}

.fun-rig p {
    line-height: 25px;
    margin-top: 5px;
}

/*首页banner右侧*/
.quickLink {
    background-color: rgba(183, 183, 178, 0.6);
    filter: alpha(opacity=60);
    height: 475px;
    right: 30px;
    position: absolute;
    top: 85px;
    width: 220px;
}

.quickLink img {
    display: block;
    height: 113px;
    width: 113px;
    margin: 55px 0 0 50px
}

.quickLink a {
    color: #fff;
    display: block;
    font-size: 20px;
    height: 50px;
    line-height: 50px;
    margin: 0 0 20px 30px;
    text-align: center;
    width: 164px;
}

.quickLink .link_a {
    background-color: #55acee;
    margin-top: 55px;
}

.quickLink .link_b {
    background-color: #ffa95d;
}

.quickLink .link_c {
    background-color: #81d9e1;
}

/*渠道招募*/
.channel {
    margin-bottom: 60px;
    width: 100%;
}

.channel-box1 {
    padding: 20px 0 50px;
    margin: 0 auto;
    width: 970px;
}

.channel-box1 p {
    line-height: 200%;
}

.channel-box1 .left {
    float: left;
    margin: 20px 40px 0 0;
}

.channel-box1 .right {
    float: left;
    width: 729px;
}

.channel-box2, .channel-box3 {
    padding: 50px 0;
}

.channel-box2 .box2main {
    margin: 0px auto;
    width: 970px;
}

.channel-box2 .box2main div {
    float: left;
    text-align: center;
    width: 280px;
}

.channel-box2 .box2main div h3 {
    color: #328CE0;
    font-size: 24px;
    margin: 10px 0 10px;
}

.channel-box2 .marl_f {
    margin: 0 60px;
}

.channel .boxcon {
    width: 970px;
    margin: 0 auto;
}

.boxcon .desbox {
    margin-top: 40px;
    width: 500px
}

.desbox h2 {
    color: #333;
    font-size: 30px;
}

.desbox ul li {
    font-size: 14px;
    list-style: outside disc;
    line-height: 24px;
    margin-top: 12px;
}

.channel-box4 {
    padding: 20px 0 50px;
}

.channel-box5 {
    padding: 50px 0;
}

.bigtit {
    color: #328ce0;
    font-size: 32px;
    padding-left: 45px;
}

.channel-box5 .mapimg {
    text-align: center;
}

.contactus {
    border-top: 1px solid #e2e2e2;
    margin-top: 20px;
    padding-top: 50px;
}

.contactus .way {
}

.contactus .way p {
    line-height: 28px;
    margin-bottom: 15px;
}

.contactus .way .a {
    color: #333;
    font-size: 24px;
    padding-bottom: 12px;
}

.contactus .way .b {
    color: #328ce0;
    font-size: 24px;
}

.contactus .way .b i {
    list-style: normal;
    display: inline-block;
    width: 26px;
    height: 26px;
    margin-right: 10px;
    background: url(../image/blue-phone.png) no-repeat;
}

.contactus .way .b span {
    font-size: 14px;
}

.contactus .way .c {
    color: #999;
    font-size: 18px;
    border-top: 1px solid #e2e2e2;
    padding-top: 15px;
}

/*产品报价*/
.price {
    background-color: #f4f4f4;
    padding: 30px 0;
    width: 100%;
}

.price:after {
    content: '';
    height: 0;
    display: block;
    clear: both;
    visibility: hidden;
}

.p_title {
    color: #339aad;
    font-size: 38px;
}

.price_beizhu {
    color: #339aad;
    margin: 20px 0 0 50px;
    line-height: 25px;
}

.grid-cell {
    width: 31%;
    float: left;
    text-align: center;
    margin: 0 10px;
}

.grid-cell .p_line {
    color: #333;
    font-size: 28px;
    border-bottom: 3px solid #5eb4ff;
    text-align: left;
}

.cell-cont {
    background-color: #fff;
    height: 595px;
}

.cell-cont p, .cell-cont li {
    color: #212121;
    font-size: 16px;
    line-height: 150%;
}

.cell-cont .t1 {
    padding: 0 10px;
    font-weight: bold;
}

.t2 {
    font-size: 15px !important;
    margin-bottom: 10px;
}

.t4 {
    font-size: 18px !important;
}

.t2 span {
    color: red;
    font-size: 14px;
}

.cell-cont div {
    background-color: #e5e5e5;
    color: #16325c;
    font-size: 14px;
    padding: 10px 0;
}

.cell-cont ul {
    padding-top: 10px;
    margin: 0 20px;
}

.cell-cont li {
    padding-bottom: 6px;
}

.special {
    padding: 20px 0px;
}

.special:after {
    content: '';
    height: 0;
    display: block;
    clear: both;
    visibility: hidden;
}

.special .s-tit {
    background-color: #e5e5e5;
    color: #16325c;
    font-size: 28px;
    line-height: 55px;
    padding-left: 10px;
}

.special .s-cont {
    color: #212121;
    float: left;
    background-color: #fff;
    padding-bottom: 20px;
    width: 100%;
}

.special .s-left {
    float: left;
    font-size: 24px;
    width: 40%;
    text-align: center;
}

.special .s-left span {
    display: block;
    font-size: 14px;
    color: red;
}

.special .s-right {
    float: left;
}

.t3 {
    font-size: 16px;
    color: #16325c;
}

.s-right p {
    line-height: 180%;
    font-size: 16px;
}

.p-note p {
    color: #666;
    font-size: 16px;
}

/*=========experience wechat modal-dialog start===========*/
.modal {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1000000;
    display: none;
    overflow: hidden;
    -webkit-overflow-scrolling: touch;
    outline: 0
}

.modal.fade .modal-dialog {
    -webkit-transition: -webkit-transform .3s ease-out;
    -o-transition: -o-transform .3s ease-out;
    transition: transform .3s ease-out;
    -webkit-transform: translate(0, -25%);
    -ms-transform: translate(0, -25%);
    -o-transform: translate(0, -25%);
    transform: translate(0, -25%)
}

.modal-dialog {
    width: 428px;
    position: relative;
    margin: 0 auto;
    margin-top: 38vh;
    margin-top: 20vh \0;
    top: 35% \0;
}

.modal-dialog button {
    filter: alpha(opacity=20);
    background: transparent;
    border: none;
}

.modal-content {
    position: relative;
    background-color: #fff;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid rgba(0, 0, 0, .2);
    border-radius: 6px;
    outline: 0;
    -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, .5);
    box-shadow: 0 3px 9px rgba(0, 0, 0, .5)
}

.modal-backdrop {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: #000
}

.modal-backdrop.fade {
    filter: alpha(opacity=0);
    opacity: 0
}

.modal-backdrop.in {
    filter: alpha(opacity=50);
    opacity: .5
}

.modal-header {
    min-height: 16.43px;
    padding: 15px;
    text-align: center;
}

.modal-header::after, .modal-header:after {
    content: '';
    width: 0;
    height: 0;
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
    border-top: 15px solid #2E94E9;
    position: absolute;
    z-index: 1;
    top: 47px;
    left: 52px;
}

.modal-title {
    margin: 0;
    line-height: 1.42857143
}

.close {
    position: absolute;
    font-size: 30px;
    right: 15px;
    top: 7px;
    line-height: 1;
    color: #FFF;
    cursor: pointer;
}

.modal-body {
    position: relative;
    padding: 25px 15px;
    text-align: center;
    background-color: #e9e9e9;
}

.modal-body input, .modal-body button {
    margin: 10px auto;
    border: none;
    outline: none;
    padding: 9px 10px;
    color: #868686;
    width: 100%;
    height: 36px;
    vertical-align: middle;
    box-sizing: border-box;
}

.modal-body button {
    margin-top: 25px;
    padding: 0;
}

.modal-body label {
    position: absolute;
    color: #a9a9a9;
    font-size: 12px;
    margin-top: 18px;
    margin-left: 12px;
}

.gradient, button.gradient {
    background: #55acef;
    color: #ffffff;
    background: -moz-linear-gradient(top, #45A7F6 0%, #2E94E9 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #45A7F6), color-stop(100%, #2E94E9));
    background: -webkit-linear-gradient(top, #45A7F6 0%, #2E94E9 100%);
    background: -o-linear-gradient(top, #45A7F6 0%, #2E94E9 100%);
    background: -ms-linear-gradient(top, #45A7F6 0%, #2E94E9 100%);
    background: linear-gradient(to bottom, #45A7F6 0%, #2E94E9 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#45A7F6', endColorstr='#2E94E9', GradientType=0);
}

#success .modal-header::after {
    border: none
}

#success .close {
    position: absolute;
    color: #d3d3d5;
    font-size: 30px;
    right: 15px;
    top: 7px;
}

#success .modal-header h1 {
    display: inline-block;
    font-size: 26px;
    font-weight: 500;
    color: #55acef;
    height: 50px;
    vertical-align: bottom;
    line-height: 50px;
}

#success .modal-header img {
    position: relative;
    right: 24px;
}

#success .line {
    padding: 15px 0;
    background: url(https://weixin-1255564871.cos.ap-shanghai.myqcloud.com/web_kh001/images/line.jpg) no-repeat scroll center 27px;
}

#success .line span {
    display: inline-block;
    padding: 0 10px;
    background-color: #fff;
}

#success .modal-body {
    background: transparent;
    padding-top: 2px;
}

.error, .tip {
    color: red;
    font-size: 12px;
    text-align: left;
}

.error {
    display: none;
}

/*===========experience wechat modal-dialog end===========*/
/*===========how to purchase end===========*/
.purchase-title {
    /*font-family: 幼圆, Microsoft YaHei, arial;*/
    font-family: tahoma,arial,'Hiragino Sans GB','Hiragino Sans GB W3','Microsoft Yahei',宋体;
    font-size: 32px;
}

.purchase-left {
    float: left;
    width: 49%;
}

.purchase-right {
    float: right;
    width: 45%;
}

.purchase-right.offset-15 {
    width: 65%;
    margin-top: -3px;
}

.purchase-right p a {
    color: #0796d4;
}

.purchase-title-v2 {
    font-weight: normal;
    font-size: 26px !important;
    margin-top: 30px;
    padding-bottom: 6px;
}

.purchase-title-v3 {
    font-size: 16px !important;
}

.purchaseway {
    width: 100%;
    height: 225px;
}

/*===========how to purchase end===========*/
/*常用样式*/
.grayf8 {
    background-color: #f8f9fa;
}

.grayf5 {
    background-color: #f5f5f5;
}

.f_r {
    float: right;
}

.f_l {
    float: left;
}

.m_r90 {
    margin-right: 90px;
}

.m_t75 {
    margin-top: 75px;
}

.m_t55 {
    margin-top: 55px;
}

.m_r35 {
    margin-right: 35px;
}

.m_t30 {
    margin-top: 30px;
}

.m_t20 {
    margin-top: 20px;
}

.m_t10 {
    margin-top: 10px;
}

.m_b10 {
    margin-bottom: 10px;
}

.m_b20 {
    margin-bottom: 20px;
}

.p_t30 {
    padding-top: 30px;
}

/**首页 新样式 begin**/
.main_left_div{
    float: left;
    color: #333;
    width: 500px;
        padding: 30px 0 0 60px;
}
.main_right_div{
    color: #333;
}
.main_ftitle{
    margin: 15px 0;
    font-family: tahoma,arial,'Hiragino Sans GB','Hiragino Sans GB W3','Microsoft Yahei',宋体;
    font-size: 26px;
    color: #333 !important;
    font-weight: normal;
}
.font-t3{
    font-size: 18px;
    color: #333 !important;
    font-weight: lighter;
}
.title-blue{
    color: #516994 !important;
}
.custom-btn-wrapper {
    margin-top: 25px;
    display: flex;
    align-items: center;
    justify-content: center;
}

 .custom-btn {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    width: 180px;
    border-right: 1px #516994 solid;
    transition: all .8s ease;
}

#custom-pic-fee{
   width:977px;
   height:426px;
   position: absolute;
   opacity: 0; 
}
#custom-pic-template{
    width:977px;
    height:426px;
    position: absolute;
    opacity: 1;
}
#custom-pic-project{
    width:977px;
    height:426px;
    opacity: 0;
}
.custom-btn-wrapper img{
    width: 25px;
    height: 25px;
}
/**首页 新样式 end**/

.main_f_con_sjaq {height: 680px;}
.main_f_con_sjaq h2,.main_f_con_sjaq_third h2,.main_f_con_sjaq_fifth h2 {margin: 40px 0;font-size: 50px;}
.main_f_con_sjaq_second  .main_wenzi {width:430px;padding: 100px 150px 0 0;}
.main_f_con_sjaq_third {width: 598px; height: 600px;}
.main_f_con_sjaq_fourth .main_f_con_sjaq_fourth_1 {margin:40px;margin-right: 150px;}
.main_f_con_sjaq_fourth .main_f_con_sjaq_fourth_2 {width:430px;padding-top: 80px;}
.main_f_con_sjaq_fifth {width: 862px; height: 600px;}
.main_f_padding{padding: 30px 0 0px;}
.logo .logoimg{display:block;}
.logo .logoimg_wx{display:none;}
@media only screen and (min-width: 800px){
    .main_f_con img{width:65% !important;}
}
.mobdiviframe {width: 66px;position: fixed;bottom: 20px;right: 35px;z-index: 9999;display:none;}
.diviframe{    position: fixed;bottom: 20%;right: 8px;z-index: 2147483646 !important;}
.DB_tab25 {width:100%;height:438px;margin-top: 60px;position:relative;overflow:hidden;cursor:pointer;background: url(../image/001bg.jpg) center center;}
.DB_tab25 .DB_imgSet{position:absolute;width:100%;}
.DB_tab25 .DB_imgSet .DB_1_1{position:absolute;left:0;top:0}
.DB_tab25 .DB_imgSet .DB_2_1{position:absolute;left:0;top:0;}
.DB_tab25 .DB_imgSet .DB_3_1{position:absolute;left:0;top:0}
.DB_tab25 .DB_imgSet .DB_4_1{position:absolute;left:0;top:0}
.DB_tab25 .DB_imgSet li{width:100%;}
.DB_tab25 .DB_imgSet img{height:475px;width:100%;}
.DB_tab25 .DB_menuWrap{position:absolute;width:1000px;left:50%;margin-left:-500px;}
.DB_tab25 .DB_menuWrap .DB_menuSet{position:absolute;width:100%;top:432px;text-align:center;font-size:0; border-radius:20px;}
.DB_tab25 .DB_menuWrap .DB_menuSet li{cursor:pointer;margin:0 3px;display:inline}
.DB_tab25 .DB_prev{position:absolute;left:-95px;top:230px;cursor:pointer;display:none}
.DB_tab25 .DB_next{position:absolute;right:-95px;top:230px;cursor:pointer;display:none}


@media (max-width : 860px) {
	.header {width:auto;}
	.wx_logo {float: right;padding-right: 0;}
	.logo .logoimg{display:none;}
	.logo .logoimg_wx{display:block;}
	.logo .logoimg_wx img {width: 145px;height:40px;}
	.foot-botc_weixin {display:block;}
	.foot-bot .foot-botc {display:none;}
    .diviframe {display:none;}
	.mobdiviframe {width: 66px;position: fixed;bottom: 20px;right: 35px;z-index: 9999;display:block;}
	.ftlist_first,.ftlist_second,.ftlist_third {display:none;}
	.ftlist {padding-left: 25px;width: 20% !important;float: left !important;}
	.ftlist.ftlist_fifth {width: 57% !important;}
	.foot-botc {width: 100%;}
	.logowall h2 {font-size: 24px;}
	.header .logo:first-child {padding-left: 1%;}
	.header .nav,.header .nav_rig{display:none;}
	.DB_tab25  {height: 200px;}
	.demo_wxfw_txt {padding-bottom: 10px;margin-top: 50px;}
	.demo_wxfw_txt span {font-size:24px;line-height:40px;}
	.demo_wxfw_span span {font-size:16px;line-height:32px;}
	.demo_wxfw_img {display:none;}
	.main_g_con h2 {font-size: 24px;}
	.wx_install .wx_install_have {width:100%;float: inherit;text-align: center;}
	.wx_install .wx_install_have p {padding-right: 0;font-size: 16px;}
	.wx_install .wx_install_have a {padding-right: 0;}
	.wx_install_have {display:none;}
	.wx_install .wx_install_nohave {width:100%;float: inherit;text-align: center;}
	.wx_install .wx_install_nohave p {padding-left: 0;font-size: 16px;}
	.wx_install .wx_install_nohave a {padding-left: 0;}
	.why .reson {width: 40%;height: 270px;}
	.why .reson h3 {font-size: 18px;}
	.why .reson .icon {width: auto;}
	.why .reson h3, .why .reson .des {margin: 10px 0;}
	.why .reson .des {line-height: 1.5;}
	.wx_reson div {display:block;}
	.main_f_con,.logowall .logowall_img,.foot-topcon {width: auto;}
	
	.demo_ban_txt span {font-size: 24px;}
	.aboutus_banner,.in_con_main .rig_bre,#nav_bot {display:none;}
	.in_con_main {width: auto;padding: 0 10px;margin-top: 80px;}
	.in_con_info h3 {font-size: 18px;}
	
	.main_f_con_sjaq,.main_f_con_sjaq_second,.main_f_con_sjaq_third,.main_f_con_sjaq_fourth,.main_f_con_sjaq_fifth {width: auto;margin: 10px;}
	.main_f_con_sjaq,.main_f_con_sjaq_third {height:438px;}
	.main_f_con_sjaq_fifth {height:300px;}
	.main_f_con_sjaq h2,.main_f_con_sjaq_third h2,.main_f_con_sjaq_fifth h2 {margin: 20px 0;font-size: 24px;}
	.main_f_con .main_ftit {font-size: 24px;}
	.main_f_con_sjaq_second  .main_wenzi {width:auto;padding:0;text-align: center;}
	
	.main_f_con_sjaq_fourth .main_f_con_sjaq_fourth_1 {width: auto;margin:0;margin-right: 50px;}
	.main_f_con_sjaq_fourth .main_f_con_sjaq_fourth_2 {width: auto;text-align: center;padding-top: 0;}
	.hotline_pc{display:none;}
	.hotline_mob{display:block;}
}

@media (max-width : 460px) {
	.header {width:auto;}
	.wx_logo {float: right;padding-right: 0;}
	.logo .logoimg{display:none;}
	.logo .logoimg_wx{display:block;}
	.logo .logoimg_wx img {width: 145px;height:40px;}
    .diviframe {display:none;}
	.mobdiviframe {width: 66px;position: fixed;bottom: 20px;right: 35px;z-index: 9999;display:block;}
	.ftlist_first,.ftlist_second,.ftlist_third {display:none;}
	.ftlist {padding-left: 25px;width: 20% !important;float: left !important;}
	.ftlist.ftlist_fifth {width: 57% !important;}
	.foot-botc {width: 100%;}
	.logowall h2 {font-size: 24px;}
	.header .logo:first-child {padding-left: 1%;}
	.header .nav,.header .nav_rig,.header .nav_login{display:none;}
	.DB_tab25  {height: 200px;}
	.demo_wxfw_txt {padding-bottom: 10px;margin-top: 50px;}
	.demo_wxfw_txt span {font-size:24px;line-height:40px;}
	.demo_wxfw_span span {font-size:16px;line-height:32px;}
	.demo_wxfw_img {display:none;}
	.main_g_con h2 {font-size: 24px;}
	.wx_install .wx_install_have {width:100%;float: inherit;text-align: center;}
	.wx_install .wx_install_have p {padding-right: 0;font-size: 16px;}
	.wx_install .wx_install_have a {padding-right: 0;}
	.wx_install_have {display:none;}
	.wx_install .wx_install_nohave {width:100%;float: inherit;text-align: center;}
	.wx_install .wx_install_nohave p {padding-left: 0;font-size: 16px;}
	.wx_install .wx_install_nohave a {padding-left: 0;}
	.why .reson {width: 40%;height: 270px;}
	.why .reson h3 {font-size: 18px;}
	.why .reson .icon {width: auto;}
	.why .reson h3, .why .reson .des {margin: 10px 0;}
	.why .reson .des {line-height: 1.5;}
	.wx_reson div {display:block;}
	.main_f_con,.logowall .logowall_img,.foot-topcon {width: auto;}
	
	.demo_ban_txt span {font-size: 24px;}
	.aboutus_banner,.in_con_main .rig_bre,#nav_bot {display:none;}
	.in_con_main {width: auto;padding: 0 10px;margin-top: 80px;}
	.in_con_info h3 {font-size: 18px;}
	
	.main_f_con_sjaq,.main_f_con_sjaq_second,.main_f_con_sjaq_third,.main_f_con_sjaq_fourth,.main_f_con_sjaq_fifth {width: auto;margin: 10px;}
	.main_f_con_sjaq,.main_f_con_sjaq_third {height:438px;}
	.main_f_con_sjaq_fifth {height:300px;}
	.main_f_con_sjaq h2,.main_f_con_sjaq_third h2,.main_f_con_sjaq_fifth h2 {margin: 20px 0;font-size: 24px;}
	.main_f_con .main_ftit {font-size: 24px;}
	.main_f_con_sjaq_second  .main_wenzi {width:auto;padding:0;text-align: center;}
	
	.main_f_con_sjaq_fourth .main_f_con_sjaq_fourth_1 {width: auto;margin:0;margin-right: 50px;}
	.main_f_con_sjaq_fourth .main_f_con_sjaq_fourth_2 {width: auto;text-align: center;padding-top: 0;}
	.hotline_mob{display:block;}
	
	#wxbox{width:auto !important;}
	.frame_singlePage_content_header{display:none;}
	#content{border-top:none !important;}
	.frame_singlePage_content_header_center{top:-10px !important; right:-15px !important;}
}

.iframediv{width:100%;overflow:hidden;}
.iframediv iframe{width:100%;height:100%;border:0;}