@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/banner_bg.png) center no-repeat;*/    background-size: cover;    width: 100%;    height: 500px;    display: block;}.translucent{background:url(../images/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:7%;}.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/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/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:20px; padding: 0 0 0 20px;}.left .head{background:url(../images/left20.png) no-repeat;}.right .head{background: url(../images/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/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/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/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/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/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/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/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/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: 15%;}    .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/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/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/left%20.png) no-repeat; background-size: 149px 40px;}    .right .head { background: url(../images/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/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/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/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/left%20.png) no-repeat; background-size: 200px 40px;}    .right .head { background: url(../images/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/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%;}}