@charset "utf-8";
/* CSS Document */
blockquote, body, button, dd, dl, dt, fieldset, form, h1, h2, h3, h4, h5, h6, hr, input, legend, li, ol, p, pre, td, textarea, th, ul{margin:0; padding:0; list-style:none; border:none;}
body{font-family:"Microsoft Yahei"; color:#000000;}
a{text-decoration:none; font-family:"Microsoft Yahei";  color:#000;}
.subnav li a{transition:all .3s; -webkit-transition:all .3s; -moz-transition:all .3s; -o-transition:all .3s; display: block; width: 100%; height:100%; overflow: hidden;}
.con_platform .current,.subnav li:hover a{width:100%;height:100%; background:#ff494d; display: block; color:#fff;}
.con_platform .current span,.subnav li:hover span{background-position-y:-25px !important;}
/*                             banner                            */

.banner{width:100%; height:548px;
    /*background: url(../images/flow/banner_bg.png) center no-repeat;*/
    background-size: cover;
    width: 100%;
    height: 500px;
    display: block;
}
.translucent{background:url(../images/flow/bg_translucent.png) center no-repeat; background-size: 100%; width: 34%; height:300px; text-align:center; position:relative; top:40px; overflow:hidden; margin:0 auto;}
.bold{font-size:55px; font-weight:bold; color:#ffffff; margin-top:102px; }
.nobold{font-size:24px; color:#ffffff; margin-top:16%;}
.banner .btn{background: red;width:20%; height:65px; font-size:24px; color:#FFFFFF; font-family:"Microsoft Yahei"; position:relative; top:60px; background: -webkit-linear-gradient(left top, #ff4b57 , #ff7677); background: -o-linear-gradient(bottom right, #ff4b57, #ff7677); background: -moz-linear-gradient(bottom right, #ff4b57, #ff7677);  background: linear-gradient(to bottom right, #ff4b57 , #ff7677); display:block; line-height:65px; margin: 0 auto;}
.banner .btn:hover{ background: linear-gradient(to bottom right, #ee4b57 , #ee7677); display:block; margin: 0 auto;}
/*                             vs                            */
.con_vs{width:100%; max-width:1180px; margin:0 auto 60px; padding:50px 0 0 0; overflow:hidden;}
.con_vs p{text-align:center; font-size:26px; margin-bottom: 80px;line-height: 120%;}
.con_vs .bold1{font-size:48px; text-align:center; display:block; margin:26px 0 30px; background:url(../images/flow/Line.png) no-repeat center bottom; height:84px;}
.con_vs .left,.con_vs .right{width:36%; height:465px; border:1px solid #e0e0e0; box-sizing: border-box;/* height: auto; */}
.con_vs .left{float:left; margin: 0 0 0 2%;}
.con_vs .center{float:left; background:url(../images/flow/vs.png) center no-repeat; width:25%; height:465px; margin:0;}
.con_vs .right{float:right; margin: 0 1% 0 0;}
.head{ height:50px; display:block; position:relative; top:-22px; left:-10px; text-align:left; line-height:40px; color:#FFFFFF; font-size:24px; padding: 0 0 0 20px;}
.left .head{background:url(../images/flow/left%20.png) no-repeat;}
.right .head{background: url(../images/flow/rightbg.png) no-repeat;}
.with { padding: 40px 6% 60px 8%;}
.right .with li:before{content: ''; display: inline-block; border-radius: 100%; width: 5px; height: 5px; background: #FF494D; float: left; margin-top: 9px; margin-right: 10px;}
.with li:before{content: ''; display: inline-block; border-radius: 100%; width: 5px; height: 5px; background: #00b26f; float: left; margin-top: 9px; margin-right: 10px;}
.with li{margin: 0 0 32px 0px; font-size:16px; text-align: left;}
/*                           互联网                         */
.con_Internet{background:url(../images/flow/internet_bg.png) no-repeat; margin:0 auto; width:100%; height:552px; padding-top:90px;}
.con_Internet .icon{max-width: 1180px; width: 100%; text-align:center; margin:0 auto; overflow:hidden;}
.boxBottom {
    margin-top: 195px;
    font-size: 18px;}
h3{background:url(../images/flow/Line.png) no-repeat center bottom; padding-bottom: 30px;line-height:100%; font-size:44px; font-weight:500;}
.con_Internet .icon p{background:url(../images/flow/pimg.png) no-repeat; background-size: 100%; width:806px; height:52px; color:#FFFFFF; line-height:52px; margin:22px auto 54px;text-align:center; font-size: 20px;}
.box{background:#fff; width:18%; height:255px; float:left; margin:0 1% 0;text-align:center }
.box img{border-radius:100%;position:absolute; left:calc(50% - 57px); width: 114px; height:114px;top:50px; transition: all .5s; -webkit-transition: all .5s; -moz-transition: all .5s; -o-transition: all .5s;}
.box{margin-top:38px; position: relative;}
.box .border{position:absolute;width:114px; height:114px; box-sizing:border-box; border:2px solid #000; top:50px; left:calc(50% - 57px); border-radius:100%; transition: all 1s; -webkit-transition: all 1s; -moz-transition: all 1s; -o-transition: all 1s;}
.boxTop{ }
.box:hover img{transform:scale(1.1); -webkit-transform:scale(1.1); -moz-transform:scale(1.1); -o-transform:scale(1.1);}
.box:hover .border{transform:scale(1.3); -webkit-transform:scale(1.3); -moz-transform:scale(1.3); -o-transform:scale(1.3);}
.box .bColor1{border-color:#ff5157;}
.box .bColor2{border-color:#6f92fc;}
.box .bColor3{border-color:#4fe4d3;}
.box .bColor4{border-color:#8e86e4;}
.box .bColor5{border-color:#ffd371;}


/*                         平台                     */
.con_platform{    max-width: 1180px; width:100%; margin: 100px auto 0; text-align: center; overflow: hidden;}
.con_platform .subnav{ max-width: 995px; width: 100%; height:51px; border:1px solid #d5d5d5; background:#f7f7f7; margin:56px auto 54px; line-height:51px; overflow:hidden; font-size:18px;    box-sizing: border-box;}
.con_platform .subnav p{
    text-align: center;
    width:20%;
}
.con_platform .subnav span{
    margin-left:30%;
}
.con_platform .subnav li{float:left; width:25%; height:50px; border-right:1px solid #d5d5d5;box-sizing: border-box;}
.con_platform .subnav .noborder{border-right:0;}
.con_platform .pc,.con_platform .shouji,.con_platform .weixin,.con_platform .app{width:28px; height:26px; background:url(../images/flow/spirit.fw.png) no-repeat;float:left; margin:5% 5% 0 16%;}
.subnav .pc{height:25px}
.subnav .shouji{background-position:-28px 0; width:16px;}
.subnav .weixin{background-position:-44px 0; width:30px;}
.subnav .app{background-position:-74px 0; width:17px;}
.weixin{margin-left:38px;}
.con_platform p{float:left; line-height: 50px; font-size: 18px;}
.Big_box{overflow:hidden; margin-top: 30px;}
.Big_box1{display:none;}
.Big_box2{display:none;}
.Big_box3{display:none;}
.con_platform .leftp{width:34%; margin:10px 0 0 3%; float:left;}
.con_platform .center{width:26%; height:300px; float:left; margin: 65px 0 0 14%;}
.con_platform .center .p{font-size:23px; color:#666; margin-top:25px;}
.title_c{ font-size:45px; text-align: left;}
.down{float:left; background: url(../images/flow/ico_a.jpg) no-repeat 0 3px;  height: 134px;  display: block;  position: relative;  top:15px; left:0px; text-align: left;  margin: 0 0 38px 0;  padding: 0 0 0 20px;}
.con_platform .down p{line-height:3;font-size:16px; color:#fff;text-indent: 18px;}
.down li{font-size:14px; color:#fff; line-height: 40px;  line-height: 70px;  margin-top: -13px;}
.And,.ios{display:block; width:158px; height:40px; line-height:40px; color:#fff; font-size:14px;}
.And{background:#ff6700; margin: 0 0 10px 0;}
.And span{ float: left; margin: 10px 0 0 14px;}
.left_down{float:left;}
.ios span{float: left; margin: 10px 0 0 14px;}
.erweima{background:url(../images/flow/erweima.jpg) no-repeat; float:left; height:92px; width:91px;     margin: 0 10px 0;}
.ios{background:#2196f3;}
.con_platform .rightp{float:right; margin:0 2% 0 0;width: 61%;}
.con_platform .rightp img{ /* width:100% */}
.Big_box .appRight img {  width:70%;}
.con_platform .rightp .pc_img {width:595px}
.con_platform .rightp .mobile_img {width:430px}
.con_platform .rightp .wechat_img {width:430px}
.con_platform .rightp .app_img {width:360px}
.Big_box .appRight { overflow: hidden;}
.leftp .header{font-size:44px; font-weight:bold; margin:0 0 66px 0; text-align:left; line-height: 120%;}
.leftp .Typesetting li{text-align:left; margin:0 0 18px 0; font-size: 16px;}
.leftp .btn{ width: 75%; height:48px; background:#C9A96E; display:block; margin:30px 0 0 0; cursor:pointer; color:#FFFFFF; font-size:20px; font-family:"Microsoft Yahei"; display:block; line-height:48px;}
.leftp .btn:hover{background:#c3a576;}
.rightp li{color:#333333; font-size:16px; margin-bottom:8px; text-align:left;}
.h3bg{height:130px; background:#f7f7f7;text-align: center; margin-top: 56px; padding-top:90px;}

/*                         营销工具                         */
.tool{width:100%; height:550px;}
.tool .arr{ border-style: solid dashed dashed;
    border-width:36px;
    border-color: #f7f7f7 transparent transparent;
    height: 0;
    width: 0;
    font-size: 0;
    margin:0 auto;
}
.tool_div{width:100%;max-width:1180px; margin:0 auto; overflow:hidden;}
.tool_div .left{width:27%; float:left; margin:64px 0 0 3%;}
.tool .tool_div .right{float:right; margin:0 20px 0 0;}
.tool_div .left p{color:#FFFFFF; font-size:24px; margin:0 0 46px 0; line-height: 160%;}
.tool_div .left a{ padding: 0 12px; height:32px; background:#fa5b57; margin:0 11px 14px 0; display:block; font-size:16px; color:#FFFFFF; line-height:32px; text-align:center; float:left;}
.tool_div .left a:hover{background:#e34a52;}
.tool_bg01{ background: -webkit-linear-gradient(#ff4c55, #ff777b); background: -o-linear-gradient(#ff4c55, #ff777b); background: -moz-linear-gradient(#ff4c55, #ff777b); background: linear-gradient(#ff4c55, #ff777b);}
.tool_bg02{ background: -webkit-linear-gradient(#6d8bfd, #6fc4fd); background: -o-linear-gradient(#6d8bfd, #6fc4fd); background: -moz-linear-gradient(#6d8bfd, #6fc4fd); background: linear-gradient(#6d8bfd, #6fc4fd);}
.tool_bg02 .tool_div .left a{background:#55a2fc;}
.tool_bg02 .tool_div .left a:hover{background:#4495eb;}
.tool_bg03{ background: -webkit-linear-gradient(#3eddd8, #66f0cf); background: -o-linear-gradient(#3eddd8, #66f0cf); background: -moz-linear-gradient(#3eddd8, #66f0cf); background: linear-gradient(#3eddd8, #66f0cf);}
.tool_bg03 .tool_div .left a{background:#00dbab;}
.tool_bg03 .tool_div .left a:hover{background:#00c395;}
.tool_bg04{ background: -webkit-linear-gradient(#a77ae3, #6a98e6); background: -o-linear-gradient(#a77ae3, #6a98e6); background: -moz-linear-gradient(#a77ae3, #6a98e6); background: linear-gradient(#a77ae3, #6a98e6);}
.tool_bg04 .tool_div .left a{background:#617eda;}
.tool_bg04 .tool_div .left a:hover{background:#5474c3;}
.tool_bg05{ background: -webkit-linear-gradient(#ffc86e, #fade71); background: -o-linear-gradient(#ffc86e, #fade71); background: -moz-linear-gradient(#ffc86e, #fade71); background: linear-gradient(#ffc86e, #fade71);}
.tool_bg05 .tool_div .left a{background:#ffbd29;}
.tool_bg05 .tool_div .left a:hover{background:#eda926;}

/*                       网营销解决方案                     */
.programme{width:100%; max-width:1180px; margin:0 auto 80px; text-align:center; overflow:hidden;}
.programme h3{margin: 76px 0 37px 0;}
.stepBoxList{width:}
.programme .sbox{width:31.332%; height:530px; border:1px solid #d9d9d9; float:left; margin: 0 1% 30px; box-sizing: border-box; -webkit-transition: all .2s linear; transition: all .2s linear;}
.programme .sbox:hover { -webkit-box-shadow: 0 6px 30px rgba(0,0,0,0.1); box-shadow: 0 6px 30px rgba(0,0,0,0.1); -webkit-transform: translate3d(0, -2px, 0); transform: translate3d(0, -2px, 0);}
.sbox .header_bg{height:74px;  background: -webkit-linear-gradient(#ff4e54, #ff7477); background: -o-linear-gradient(#ff4e54, #ff7477); background: -moz-linear-gradient(#ff4e54, #ff7477); background: linear-gradient(#ff4e54, #ff7477); color:#FFFFFF; font-size:28px; font-weight:bold; line-height:74px;}
.sbox .header_bg2{background: -webkit-linear-gradient(#7287fa, #72c2fd); background: -o-linear-gradient(#7287fa, #72c2fd); background: -moz-linear-gradient(#7287fa, #72c2fd); background: linear-gradient(#7287fa, #72c2fd);}
.sbox .header_bg3{background: -webkit-linear-gradient(#3edcdb, #65efcd); background: -o-linear-gradient(#3edcdb, #65efcd); background: -moz-linear-gradient(#3edcdb, #65efcd); background: linear-gradient(#3edcdb, #65efcd);}
.sbox .header_bg4{background: -webkit-linear-gradient(#41ddda, #66f0cf); background: -o-linear-gradient(#41ddda, #66f0cf); background: -moz-linear-gradient(#41ddda, #66f0cf); background: linear-gradient(#41ddda, #66f0cf);}
.sbox .header_bg5{background: -webkit-linear-gradient(#a57be1, #6e97e9); background: -o-linear-gradient(#a57be1, #6e97e9); background: -moz-linear-gradient(#a57be1, #6e97e9); background: linear-gradient(#a57be1, #6e97e9);}
.sbox .header_bg6{background: -webkit-linear-gradient(#ffc86d, #fcdd71); background: -o-linear-gradient(#ffc86d, #fcdd71); background: -moz-linear-gradient(#ffc86d, #fcdd71); background: linear-gradient(#ffc86d, #fcdd71);}
.sbox .hot_top{ font-size:18px; height:77px; margin:0 5%; line-height:77px; border-bottom:1px solid #d9d9d9;}
.sbox .hot{height:88px; line-height:88px; color:#ff494f; font-size:24px;}
.sbox .hot span{font-size:48px; font-weight:bold;}
.sbox .hot_Small{font-size:14px; color:#777777; height:50px; line-height:50px;}
.sbox .btn{width:90%; height:48px; background:#ff494d; color:#FFFFFF; font-size:20px; line-height:48px; display:block; margin:15px auto 26px;}
.sbox .btn:hover{background:#f9464c;}
.sbox .Package{text-align:left; margin:0 0 0 6%; line-height:24px; font-size: 14px;}

/*                       成功案例                     */
.case_bg {
    height: 615px;
    background: #f7f7f7;
    margin-bottom: 34px; /*  display:none; */
}

.case {
    margin: 70px auto 0;
    width: 100%;
    max-width: 1180px;
    overflow: hidden;
    text-align: center;
    padding: 70px 0;
}

.case h3 {
    margin-Bottom: 60px;
    font-size: 36px;
}
.case ul{
    width: 85%;
    height: 318px;
    position: relative;
    overflow: hidden;
}
.case .center {
    display: block;
    width:100%;
    height: 318px;
    background: #C35557;
    position: absolute;
    top: 0px;
    left: 100%;
}
.case li:nth-of-type(1){
    left: 0;
}

.leftbtn, .rightbtn {
    position: relative;
    top: 120px;
    cursor: pointer;
    width: 7.5%;
}

/*.center {*/
/*float: left;*/
/*margin: 0 auto;*/
/*}*/

.rightbtn {
    float: right;
}

.leftbtn {
    float: left;
}

.leftbtn img, .rightbtn img {
    width: 31px;
}

.case .center .left {
    width: 36%;
    height: 274px;
    background: #00b2fd;
    float: left;
    padding: 44px 0 0 6%;
}

.case .center .left .left_Article {
    font-size: 36px;
    font-weight: bold;
    text-align: left;
    color: #FFFFFF;
}

.case .center .left p {
    text-align: left;
    font-size: 18px;
    color: #FFFFFF;
    margin: 40px 0 36px;
}

.case .center .left span {
    font-size: 14px;
    text-align: left;
    color: #FFFFFF;
    display: block;
}

.case .center .right {
    width: 58%;
    height: 318px; /*background:url(../images/flow/rightL.png) no-repeat;*/
    float: right;
}

/*                         产品                             */
.product {
    width: 100%;
    max-width: 1180px;
    margin: 0 auto;
    text-align: center;
    /*display:none;*/
}
.product img {
    width: 100%;
}
.product .product_lb{
    position: relative;
    height: 420px;
    overflow: hidden;
    width: 98%;
    margin: 0 1%;
    margin-bottom: 60px;
}
.product .product_lb .pro_left{
    width: 50px;
    height: 100px;
    background-color: rgba(0,0,0,0.2);
    cursor: pointer;
    position: absolute;
    top:45%;
    left:0%;
    opacity: 0;
    z-index: 100;
}
.product .product_lb .pro_right{
    width: 50px;
    height: 100px;
    background-color: rgba(0,0,0,0.2);
    cursor: pointer;
    position: absolute;
    top: 45%;
    right: 0%;
    opacity: 0;
    z-index: 100;
}
.product .product_lb .pro_left:hover,.product .product_lb .pro_right:hover{
    opacity: 1;
}
.product ul {
    width: 100%;
    display: block;
    margin: 42px 0 78px 0;
    left: 100%;
    position: absolute;
    top: 0px;
}
.product ul:nth-of-type(1){
    left: 0;
}
.product li{
    width: 23%;
    float: left;
    margin: 0 1.33%;
    background: #f7f7f7;
    padding-top: 0px;
}
.product li:first-child{
    margin-left: 0px;
}
.product li:last-child{
    margin-right: 0px;
}
.product li span {
    font-size: 24px;
    margin: 25px 0 22px 0;
    display: block;
}

.product li p{padding:0 7%;font-size: 12px;text-align: left;color: #b0b0b0;text-overflow: ellipsis;display: -moz-box; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden;}
.product li .btn{font-size:14px; width:70%; height:36px; background:#ff494d; display:block; margin:22px auto 20px;    font-family: "Microsoft Yahei"; color: #fff; line-height: 36px;}
.product li .btn:hover{background:#f9464c;}
.copyright{background: url(../images/flow/copyright.png) no-repeat; height:468px; text-align:center; overflow:hidden;}
.copyright_con{width:1180px; margin:0 auto;}
.copyright_con span{font-size:50px; color:#fff; margin:68px 0 0 0; display:block;}
.copyright_con p{font-size:14px; color:#fff; margin:20px 0 50px;     text-align: center;}
.copyright_con ul{ color:#fff; font-size:16px; line-height:48px; overflow:hidden;}
.copyright_con .name input{width:352px; height:44px; margin-left:10px; text-align: left;}
.copyright_con li{float:left; margin:0 0 10px 54px; width:460px; height:48px;}
.copyright_con .btn{display: block; width: 463px; height: 44px; color: #fff; background: #ff494d; margin: 40px 0 0 357px; font-size:24px;
    font-family:"Microsoft Yahei"; cursor:pointer; display:block; line-height: 44px;}
.copyright_con .btn:hover{background:#f9464c;}
.copyright_con .add1{ height:44px; width:120px;font-size: 16px; font-family: "Microsoft Yahei"; padding-left:10px; float: left;}
.copyright_con .add2{ height:44px; width:220px; font-size: 16px; font-family: "Microsoft Yahei"; padding-left:10px; float: right;}
.select_addl { float: right; overflow: hidden; margin-right: 6px; width: 352px;}


.tips{position:fixed; width:800px; height:520px; left:calc(50% - 200px); top:120px; background:rgba(0,0,0,.8); display:none; z-index: 9999;}
.tips .tipsCon{width:100%; box-sizing:border-box; padding:30px; position:absolute; left:0; top:0;}
.tips .tipsCon img{width:auto; height:340px;}
.tips .tipsCon .tpTitle{font-size:26px; color:#fff;}
.tips .tipsCon .tpDetail{font-size:14px; color:#ddd; margin-bottom:20px; margin-top:10px;}


.tit { color: #000; font-size: 36px; font-weight: 400; letter-spacing: 2px; height: 160px; padding-left: 0px; line-height: 55px; padding-top: 30px; margin: 0 auto; display: inline-block;}
.tit span { display: block; color: #333; font-size: 24px; margin-top: 0px; display: inline-block; line-height: 80px;  padding-right: 52px;}
.tit p{text-align: center;}
input[type="text"],input[type="password"]{border:1px solid #c2c2c2;padding:2px auto;}

.Submit_bg{background:rgba(0,0,0,.6); position:fixed; width:100%; height:100%; top:0; left:0; display:none;}
.Submit{margin:0; width:900px; position:relative; left:calc(50% - 450px); top:calc(50% - 325px); background:#fff;  box-sizing:border-box; padding:0 0px 10px;z-index: 999}
.Submit:before,.Submit2:before {
    content: '';
    display: block;
    width: 100%;
    border-bottom: 1px solid #ddd;
    position: absolute;
    top: 50px;
    left:0;
}
.Submit .close{position:absolute; cursor:pointer; right:0px; top:0px; background:#fff; border-radius:100%; font-size:46px; color:#f00; width:50px; height:46px; line-height:50px; text-align:center;}
.suTop{font-size:18px; color:#333; height:50px; line-height:50px; width:100%;  text-align:left;  margin-bottom:10px; padding-left:20px; box-sizing:border-box;}
.Submit-tips{font-size:14px; color:#333; text-align:left; line-height:1; margin:12px 20px;}
.suCon{border-top:1px solid #dbdbdb; text-align:left; width:95%; padding:10px 15px; box-sizing:border-box; margin:0 20px;}
.suCon .h{width:100%; clear:both; padding:4px 0;}
.suCon p{font-size:14px; float:left; width:120px; line-height:28px;color:#333;}
.suCon input{outline:none; height:28px; width:450px; box-sizing:border-box; padding:0 1em; font-size:12px;}
/*.company{width:calc(100% - 360px) !important;}
.pname{width:calc(100% - 330px) !important;}
#iden{width:calc(100% - 310px) !important;}
#email{width:calc(100% - 310px) !important;}
#pwd{width:calc(100% - 335px) !important;}
#Password2{width:calc(100% - 335px) !important;}
#mobile{width:calc(100% - 310px) !important;}
#Username{width:calc(100% - 350px) !important;}*/
/*//.redfont{color: #000 !important;}*/
.rInfo{color:green !important;font-size: 12px !important; margin-left:10px;}
.suCon .h1z input{width:450px;}
.tj{font-size:16px; line-height:60px; border-top:1px solid #ddd;}
.tj input{width:170px; height:38px; text-align:center; font-size:16px; color:#fff; background:#cc0000;}
.suCon .zb{width:490px; margin-right:10px;}
.suCon .sh{width:calc(100% - 120px); box-sizing:border-box; padding-top:4px; }
.close2{
    width: 100%;
    height: 50px;
    font-size: 20px;
    display: none;
}
.span_site{font-size:16px;margin-left: 10px;}
.webtips{font-size: 13px;margin-left: 8px}
.wInfo{font-size: 12px;color: red; margin-left:10px;}
input[type="file"]{width:260px !important; margin-top:12px;}
input[type="button"],input[type="submit"]{border:0; cursor:pointer;}

.showss{font-size:14px;padding:80px 200px 50px 35px; text-align:left; font-family:serif; /*background:url(images/site/xxx.png) no-repeat; background-position:620px; height:290px;*/}
.showsp{font-size:14px; color:#bbb; margin-bottom:40px; text-align:left; padding-right:210px; padding-left:35px;}
.pic{position:absolute; right:55px; top:70px; width:120px;}
.Submit_bg2{background:rgba(0,0,0,.6); position:fixed; width:100%; height:100%; top:0; left:0; display:none; z-index:99999}
.Submit2{margin:0; width:900px; position:relative; left:calc(50% - 450px); top:calc(50% - 320px); background:#fff; box-sizing:border-box; }
.Submit2 .close11{position:absolute; cursor:pointer; right:0; top:0;  border-radius:100%; font-size:46px; color:#f00; width:54px; height:54px; line-height:46px; text-align:center;}

input[type="radio"]{width:16px; height:16px;}

#con-radio{height:34px;}
#con-radio .sp{margin-right:20px;}

.rInfo{white-space:nowrap;}

.upPic{display:inline-block; width:48px; height:48px; float:left;}
.upPic img{width:100%; height:100%;}
.telme{font-size: 20px;}
#showmsg{font-size: 16px !important;
    padding: 0 !important;
    height: 100px;
    padding-top: 90px !important;}
.showss:before {
    content: '温馨提示';
    display: block;
    position: absolute;
    top: 13px;
    font-size:18px;
    left: 20px;
    color:#333;
    font-family: microsoft yahei;
}
#btsb3{padding-bottom:40px;}

@media screen and (max-width:992px){
    .translucent{height: 270px;}
    .bold{font-size: 26px;margin-top: 103px;}
    .nobold{font-size: 18px;margin-top: 12%;}
    .banner{height: 420px;}
    .banner .btn{font-size: 18px; height: 55px; line-height: 55px;}
    .con_vs .bold1{font-size: 36px; margin: 15px 0 28px;}
    .con_vs p { margin-bottom: 70px;}
    .con_vs .center{height: 410px; width: 26%; background: url(../images/flow/vs.png) center no-repeat; background-size: 135px;}
    .con_vs .left{margin: 0 0 0 5%;}
    .con_vs .right{margin: 0 3% 0 0;}
    .con_vs .left, .con_vs .right{ width: 33%; height: 410px;}
    .with {padding: 5px 6% 40px 8%;}
    .with li { margin: 0 0 20px 0px; font-size: 16px; line-height: 180%;}
    .con_Internet{ padding-top: 60px; height: 510px;}
    h3{font-size: 36px; height: 70px;}
    .con_Internet .icon p{width: 690px;line-height: 42px;font-size: 18px;margin: 22px auto 0px;}
    .box{ height: 225px;}
    .box .border{width: 80px; height: 80px; left: calc(50% - 40px);}
    .box img{ left: calc(50% - 40px); width: 80px; height: 80px;}
    .boxBottom {margin-top: 165px;}
    .con_platform{margin: 60px auto 0;}
    .con_platform .rightp .pc_img {width:465px}
    .con_platform .rightp .mobile_img {width:380px}
    .con_platform .rightp .wechat_img {width:420px}
    .con_platform .rightp .app_img {width:265px}
    .con_platform .subnav{ width: 96%;margin: 40px auto 40px;}
    .con_platform p{ font-size: 16px;}
    .con_platform .current span, .subnav li:hover span { background-position-y: -22px !important;}
    .con_platform .pc, .con_platform .shouji, .con_platform .weixin, .con_platform .app{ margin: 8% 5% auto 7%;}
    .subnav .pc { background-position: 0px 0px; width: 24px; height: 21px; background-size: 80px;}
    .subnav .shouji { background-position: -24px 0px; width: 14px; height: 22px; background-size: 79px;}
    .subnav .weixin { background-position: -38px 0; width: 26px; height: 21px; background-size: 79px;}
    .subnav .app {background-position: -63px 0; width: 18px; height: 21px; background-size: 77px;}
    .con_platform .leftp {margin: 20px 0 0 3%;}
    .title_c{ font-size:36px;}
    .leftp .header {font-size: 36px; margin: 0 0 45px 0;}
    .leftp .Typesetting li { margin: 0 0 12px 0; font-size: 14px;}
    .con_platform .center { width: 28%;}
    .con_platform .center .p {font-size: 21px;}
    .down { background: url(../images/flow/ico_a.jpg) no-repeat 0 1px; background-size: 130px; height: 90px;}
    .con_platform .down p {line-height: 34px; font-size: 12px;}
    .con_platform .down .appLoad { margin-top: 7px;}
    .h3bg{ margin-top: 0px; padding-top: 60px; height: 120px;}
    .tool_div .left{ margin: 0px 0 0 3%;}
    .tool_div .left p { font-size: 18px; margin: 0 0 24px 0;}
    .tool_div .left a { width: 85px;margin: 0 14px 14px 0;font-size: 14px;}
    .tips{ width: 70%; left: 30%; top: 60px;}
    .tips .tipsCon img { width: 100%; height: auto; margin-top: 30px;}
    .programme h3{margin: 60px 0 37px 0;}
    .sbox .header_bg{font-size: 24px;}
    .sbox .hot_top { font-size: 14px;height: 65px;line-height: 65px;}
    .sbox .hot { height: 65px; line-height: 85px; font-size: 18px;}
    .sbox .hot span { font-size: 36px; font-weight: bold;}
    .sbox .hot_Small { height: 45px;}
    .sbox .btn { width: 90%;}
    .programme .sbox{ height: 490px;}
    .case_bg { height: 560px;}
    .case{ padding: 50px 0;}
    .case .center{width: 100%; height: 300px;}
    .case .center .left { width: 33%; height: 256px; padding: 44px 0 0 3%;}
    .case .center .right { width: 64%; height: 300px;}
    .product li span {font-size: 18px;}
    .product li .btn { width: 80%;}
    .tool .tool_div .right { float: right; margin: 0 2% 0 0; width: 68%;}
    .tool_div .left a{ padding: 0 7px;}
}

@media screen and (max-width:768px){
    .banner { height: 340px;}
    .translucent { height: 230px; width: 90%; max-width: 315px; top: 15px;}
    .bold { font-size: 24px; margin-top: 86px;}
    .nobold { font-size: 16px; margin-top: 11%;}
    .banner .btn { font-size: 14px; height: 45px; line-height: 45px;width: 30%; top: 15px; max-width: 260px;}
    .con_vs { margin: 0 auto 60px; padding: 30px 0 0 0;}
    .con_vs p { font-size: 16px;}
    .con_vs .bold1 { font-size: 26px; margin: 7px 0 20px; line-height: 120%;}
    .con_vs .left, .con_vs .right{ width: 44%; height: 330px;}
    .head {font-size: 16px;}
    .left .head { background: url(../images/flow/left%20.png) no-repeat; background-size: 149px 40px;}
    .right .head { background: url(../images/flow/rightbg.png) no-repeat; background-size: 149px 40px;}
    .head {top: -17px; left: -7px; padding: 0 0 0 10px; line-height: 34px;}
    .con_vs .center {height: 370px; display:none;}
    .with li { margin: 0 0 15px 0px; font-size: 16px; line-height: 180%;}
    .con_Internet { padding-top: 40px; height: 680px; background: url(../images/flow/internet_bg.png) no-repeat; background-size: cover;}
    h3 { font-size: 26px; height: 55px;}
    .con_Internet .icon p { width: 90%; line-height: 35px; font-size: 14px;}
    .box { margin-top: 20px; width: 31.332%;}
    .con_Internet .icon .first { margin-left: calc(33.332% / 2);}
    .boxBottom{ font-size: 16px;}
    .con_platform {}
    /* .con_platform .rightp .pc_img {width:340px;}
    .con_platform .rightp .mobile_img {width:285px}
    .con_platform .rightp .wechat_img {width:275px}
    .con_platform .rightp .app_img {width:256px} */
    .con_platform .rightp .pc_img {width:100%}
    .con_platform .rightp .mobile_img {width:100%}
    .con_platform .rightp .wechat_img {width:100%}
    .con_platform .rightp .app_img {width:70%}
    .con_platform p { font-size: 12px;}
    .con_platform .pc, .con_platform .shouji, .con_platform .weixin, .con_platform .app { margin: 10% 5% auto 7%;}
    .title_c{ font-size:24px;}
    .leftp .header { font-size: 24px; margin: 0 0 45px 0;}
    .leftp .btn { font-size: 18px;}
    .con_platform .center .p { font-size: 16px;}
    .down { background: url(../images/flow/ico_a.jpg) no-repeat 0 0px; background-size: 110px; height: 90px; padding: 0 0 0 8px;}
    .con_platform .down p { line-height: 27px; font-size: 12px;}
    .h3bg { margin-top: 0px; padding-top: 45px; height: 100px;}
    .tool_div .left a { width: 70px; margin: 0 10px 14px 0; font-size: 12px;}
    .tips{display:none !important;}
    .tool {height: 480px;}
    .sbox .header_bg { font-size: 18px;}
    .sbox .header_bg { height: 50px; line-height: 50px;}
    .sbox .hot_top { font-size: 14px; height: 55px; line-height: 55px;}
    .sbox .hot { height: 55px; line-height: 70px; font-size: 18px;}
    .sbox .hot_Small { height: 35px; font-size: 12px;}
    .sbox .btn { height: 35px; line-height: 35px;}
    .sbox .Package {font-size: 12px;}
    .programme .sbox { height: 420px;}
    .programme { margin: 0 auto 30px;}
    .case { padding: 30px 0;}
    .leftbtn img,.rightbtn img {width:15px;}
    .product .product_lb{
        height: 880px;
        margin-bottom: 10px;
    }
    .product li {
        width: 45%;
        margin: 10px 5%;
    }
    .product li:nth-of-type(2){
        margin-right: 0;
    }
    .product li:nth-of-type(3){
        margin-left: 0;
    }

    .tit{ font-size: 24px; height: 120px;}
    .tit span { font-size: 18px; line-height: 50px;}
}

@media screen and (max-width:641px){
    .con_vs .left, .con_vs .right { width: 44%; height: 410px;}
    .with li { font-size: 14px;}
    .box { width: 46%; margin: 10px 2%;}
    .con_Internet .icon p { background: url(../images/flow/pimg.png) no-repeat; background-size: 100% 33px; line-height: 120%;}
    .con_Internet .icon .first { margin-left: 2%;}
    .con_Internet .icon .rd{margin-left: calc(54%/2);}
    .boxBottom { font-size: 14px;}
    .con_Internet { height: 950px;}
    .subnav li a p{display:none;}
    h3 { font-size: 26px; line-height: 125%; height: 80px;}
    .con_platform .rightp .pc_img {width:100%}
    .con_platform .rightp .mobile_img {width:100%}
    .con_platform .rightp .wechat_img {width:100%}
    .con_platform .rightp .app_img {width:55%}
    .con_platform .subnav { margin: 40px auto 15px;}
    .con_platform .leftp { width: 97%; height: 300px;}
    .leftp .header { margin: 0 0 20px 0;}
    .con_platform .leftp {}
    .con_platform .rightp { width: 98%;}
    .Big_box { margin-top: 15px;}
    .con_platform .pc, .con_platform .shouji, .con_platform .weixin, .con_platform .app { margin: 15px auto auto; margin-left: calc(65%/2);}
    .con_platform {height: 785px;}
    .con_platform .center { width: 38%;margin: 0px 0 0 4%;}
    .Big_box .appRight img { width: 55%;}
    .down {padding: 0 0 0 7px; width: 120px;}
    .tool_div .left { width: 97%;}
    .tool .tool_div .right {width: 94%;}
    .tool { height: 690px;}
    .programme .sbox {width: 90%;margin: 0 5% 30px;}
    .banner .btn { width: 40%;}

    .tit{line-height: 120%;height: 140px;}
    .tit span {line-height: 120%;padding-right:0px; padding-top: 15px;}
}

@media screen and (max-width:321px){
    .con_vs .left, .con_vs .right { width: 91%; margin-bottom: 60px;}
    .left .head { background: url(../images/flow/left%20.png) no-repeat; background-size: 200px 40px;}
    .right .head { background: url(../images/flow/rightbg.png) no-repeat; background-size: 200px 40px;}
    .head { font-size: 18px; left: -9px;}
    .con_vs { margin: 0 auto 0px;}
    .con_Internet .icon p { background: url(../images/flow/pimg.png) no-repeat; background-size: 100% 40px; line-height: 20px; font-size: 14px;}
    .con_Internet .icon .first { margin-left: 5%;}
    .con_Internet .icon .rd{margin-left: calc(60%/2);}
    .box { width: 40%; margin: 10px 5%;}
    .con_Internet {height: 890px;}
    h3 { font-size: 22px; line-height: 120%; height: 65px;}
    .con_platform .pc, .con_platform .shouji, .con_platform .weixin, .con_platform .app { margin: 15px auto auto 35%;}
    .con_platform li p {display:none;}
    .subnav .shouji { margin-left: 39%;}
    .subnav .app {margin-left: 43%;}
    .con_platform .leftp { width: 97%; height: 350px;}
    .con_platform .rightp { width: 98%;}
    .con_platform { height: 800px;}
    .con_platform .rightp .pc_img {width:100%}
    .con_platform .rightp .mobile_img {width:100%}
    .con_platform .rightp .wechat_img {width:100%}
    .con_platform .rightp .app_img {width:55%}
    .subnav .pc { height: 35px;}
    .con_platform .subnav{ margin: 40px auto 10px;}
    .Big_box { margin-top: 20px;}
    .tool_div .left {width: 97%;}
    .tool .tool_div .right {width: 93%;}
    .with li { font-size: 14px;}
    .tool { height: 630px;}
    .programme .sbox {width: 90%;margin: 0 5% 30px;}
    .case { margin: 0px auto 0;}
    .case .center { width: 85%; height: 175px;}
    .case .center .left { width: 33%; height: 165px; padding: 10px 0 0 3%;}
    .case .center .left .left_Article { font-size: 16px; font-weight: bold; text-align: left; color: #FFFFFF;}
    .case .center .left p { text-align: left; font-size: 12px; color: #FFFFFF; margin: 8px 0;}
    .case .center .left span { font-size: 12px; text-align: left; color: #FFFFFF; display: block;}
    .leftbtn, .rightbtn {top: 60px;}
    .case_bg { height: 400px;}
    .case .center .right { width: 64%; height: 175px;}
    .banner .btn { width: 50%;}
}