/*banner*/
.water-virtualHost-banner{width:100%; overflow:hidden; background:url(../images/banner.jpg) no-repeat center; }
.virtualHost-banner .virtualHost-banner-width {width:1200px; height:380px; margin:0 auto; }
.virtualHost-banner .virtualHost-banner-width01 {width:660px; margin-top:90px; float: left; color: #fff; }
.water-virtualHost-banner .virtualHost-banner-width01 p{background:none; margin:16px 0 8px 0!important; font-size:40px; }
.water-virtualHost-banner .virtualHost-banner-width01 h2{padding:16px 0 4px 0; color:rgba(255,255,255,.9); font-size:18px; }
.water-virtualHost-banner .virtualHost-banner-width01 a.btn-primary{display:block; width:150px; height:40px; margin-top:40px; background:#1f8fff; border:none; border-radius:30px; line-height:40px; text-align:center; font-size:18px; }
.water-virtualHost-banner .virtualHost-banner-width02{overflow:hidden; margin:0 0 0 0; padding:40px 0 0 0; }

/*头部*/
.water-fang{width:100%; overflow:hidden; background:#f0f8ff; padding:40px 0 35px; }
.water-fang .bg-white{padding:30px 35px; box-shadow:0 10px 30px rgba(135,166,193,.2); box-sizing:border-box; overflow:hidden; }
.water-fang .bg-white .water-fff-r{width:750px; display:inline-block; box-sizing:border-box; float:left; padding-right:35px; }
.water-fang .bg-white .water-fff-r h3{font-size:30px; color:#222; text-align:center; margin-top:22px; }
.water-fang .bg-white .water-fff-r p{font-size:16px; color:#666; line-height:30px; margin:25px 0 15px 0; text-align:center; }
.water-fang .bg-white .monitor-img{display:inline-block; float:left; max-width:380px; }
.water-fang .bg-white .monitor-img img{max-width:100%; }

/*简介*/
.wx-jieshao{width:100%; background:#fff; overflow:hidden; }
.wx-jieshao .wx-weaper{width:1200px; margin:20px auto; }
.wx-jieshao .wx-weaper .wx-fl{width:150px; height:233px; float:left; }
.wx-jieshao .wx-weaper .wx-fl img{width:100%; margin-top:26px; }
.wx-jieshao .wx-weaper .wx-fr{width:900px; padding:50px; height:133px; float:left; background:#fff; border-radius:10px; box-shadow:0 5px 30px #e9eaeb; margin:30px 0 20px 0; }
.wx-jieshao .wx-weaper .wx-fr h3{text-align:left; line-height:40px; color:#2d2d2d; font-size:20px; font-weight:normal; }
.wx-jieshao .wx-weaper .wx-fr p{text-align:left; line-height:30px; color:#666666; font-size:15px; font-weight:normal; }
.wx-jieshao .wx-weaper .wx-fr p em{font-style:normal; color:#1F8CF9; }

/*个性名片*/
.wx-mingpian{width:100%; background:#fff; overflow:hidden; }
.wx-mingpian-weap{width:1200px; margin:20px auto; }
.wx-mingpian-weap .wx-title{font-size:30px; color:#222; text-align:center; line-height:40px; padding:30px 0 60px 0; font-weight:500; }
.wx-mingpian-weap .wxny-fl{width:335px; float:left; }
.wx-mingpian-weap .wxny-fl-title{width:100%; height:40px; background:url(../images/xthb.png) no-repeat left center; font-size:24px; color:#333; text-align:left; line-height:48px; padding-left:16px; margin-top:60px; }
.wx-mingpian-weap .wxny-fl-ny{width:100%; margin:20px 0; }
.wx-mingpian-weap .wxny-fl-ny p{text-align:left; line-height:36px; font-size:15px; color:#666666; }
.wx-mingpian-weap .wxny-fr{width:851px; float:right; }
.wx-mingpian-weap .wxny-fr ul{margin:0; padding:0; }
.wx-mingpian-weap .wxny-fr ul li{width:278px; height:572px; float:left; margin-right:5px; }
.wx-mingpian-weap .wxny-fr ul li img{width:100%}
.wx-mingpian-weap .wxny-fr ul li:last-child{margin-right:0; }

/*在线商城*/
.wx-shop{width:100%; background:#fff; overflow:hidden; }
.wx-shop-weap{width:1200px; margin:20px auto; }
.wx-shop-weap .shop-title{text-align:center; overflow:hidden; position:relative; z-index:99; }
.wx-shop-weap .shop-title h3{font-size:30px; color:#222; text-align:center; line-height:40px; padding:30px 0 0px 0; font-weight:500; }
.wx-shop-weap .shop-title h3 em{position:absolute; top:13%; right:43%; z-index:-1; }
.wx-shop-weap .shop-title p{font-size:16px; color:#666666; text-align:center; line-height:30px; margin-top:20px; }
.wx-shop-weap-ny{width:1000px; margin:20px auto; overflow:hidden; }
.wx-shop-weap-ny ul{margin:0; padding:0; }
.wx-shop-weap-ny ul li{width:288px; height:568px; float:left; margin-right:5px; margin:60px 12px 0 12px; }
.wx-shop-weap-ny ul li img{width:100%}
.wx-shop-weap-ny ul li:nth-child(2){width:349px; height:687px; margin-top:0px; }
.wx-shop-weap-ny ul li:nth-child(2) img{width:100%; }

/*企业动态*/
.wx-news{width:100%; background:#fff; margin-bottom:30px; }
.wx-news-weap{width:100%; position:relative; margin:20px auto; }
.wx-news-weap .wxxw-fl{width:335px; float:left; position:relative; left:18.4%; }
.wx-news-weap .wxxw-fl-title{width:100%; height:40px; background:url(../images/xthb.png) no-repeat left center; font-size:24px; color:#333333; text-align:left; line-height:48px; padding-left:16px; margin-top:60px; }
.wx-news-weap .wxxw-fl-ny{width:100%; margin:20px 0; }
.wx-news-weap .wxxw-fl-ny p{text-align:left; line-height:36px; font-size:15px; color:#666666; }
.wxxw-fr{width:62%; background:linear-gradient(to left, #3ab5fc , #2799fa); height:575px; position:absolute; right:0; border-radius:10px 0px 0px 10px; }
.wxxw-fr-wz{width:875px; height:150px; float:left; position:absolute; top:5%; left:5%; }
.wxxw-fr-tp{position:absolute; bottom:10px; z-index:99; }
.wxxw-fr-tp .tt1{position:absolute; top:-350px; left:50px; z-index:99; width:351px; height:707px; }
.wxxw-fr-tp .tt2{position:absolute; top:-330px; left:420px; z-index:99; width:316px; height:637px; }

/*品牌官网*/
.wx-pinpai{width:100%; background:#fff; overflow:hidden; margin-top:50%; }
.wx-pinpai-weap{width:1200px; margin:20px auto; overflow:hidden; }
.wx-pinpai-weap .wxpp-fl{width:851px; float:left; }
.wx-pinpai-weap .wxpp-fl ul{margin:0; padding:0; }
.wx-pinpai-weap .wxpp-fl ul li{width:278px; height:572px; float:left; margin-right:5px; }
.wx-pinpai-weap .wxpp-fl ul li img{width:100%}
.wx-pinpai-weap .wxny-fl ul li:last-child{margin-right:0; }
.wx-pinpai-weap .wxpp-fr{width:235px; float:right; }
.wx-pinpai-weap .wxpp-fr-title1{width:100%; height:40px; background:url(../images/xthb.png) no-repeat right 100px center; font-size:24px; color:#333; text-align:left; line-height:48px; margin-top:60px; }
.wx-pinpai-weap .wxpp-fr-ny1{width:100%; margin:20px 0; }
.wx-pinpai-weap .wxpp-fr-ny1 p{text-align:left; line-height:36px; font-size:15px; color:#666666; }

/*查看名片*/
.wx-ck{width:100%; background:#f0f8ff; padding-bottom:30px; }
.wx-ck-weap{width:1200px; margin:0 auto; overflow:hidden; }
.wx-ck-weap .wxck-bt{font-size:30px; color:#1F8CF9; text-align:center; line-height:40px; padding:30px 0; font-weight:500; }
.wx-ck-weap .wxck-ny{margin:0px auto  20px auto; width:100%; overflow:hidden; }
.wx-ck-weap .wxck-ny-fl{float:left; width:250px; }
.wx-ck-weap .wxck-ny-fl h3{float:left; text-align:left; color:#000; font-weight:normal; line-height:50px; width:100%; font-size:20px; margin-top:80px; }
.wx-ck-weap .wxck-ny-fl .bot-ny{float:left; overflow:hidden; }
.wx-ck-weap .wxck-ny-fl .bot-ny p{line-height:30px; color:#666666; text-align:left; font-size:15px; }
.wx-ck-weap .wxck-ny-fr{float:right; width:912px; height:690px; }
.wx-ck-weap .wxck-ny-fr img{width:100%; }

.tp-fl{float:left !important; }
.wz-fr{float:right !important; }
.m-top{margin-top:60px !important; }
.m80-top{margin-top:160px !important; }
.wx-ck-weap .wxck-ny-fr1{float:right; width:874px; height:627px; }
.wx-ck-weap .wxck-ny-fr1 img{width:100%; }
.wx-ck-weap .wxck-ny-fr2{float:right; width:884px; height:722px; }
.wx-ck-weap .wxck-ny-fr2 img{width:100%; }

/*销售效率*/
.wx-sale{width:100%; background:#fff; overflow:hidden; }
.wx-sale-weap{width:1200px; overflow:hidden; margin:0 auto; }
.wx-sale-weap .sale-bt{font-size:30px; color:#112339; text-align:center; line-height:40px; padding:60px 0 20px 0; font-weight:500; }
.wx-sale-weap .sale-ny{width:100%; margin:0px auto; overflow:hidden; }
.wx-sale-weap .sale-ny-tp{width:800px; height:561px; margin:0px auto; }
.wx-sale-weap .sale-ny-tp img{width:100%; }

/*创造价值*/
.scn{font-size:30px; color:#222; text-align:center; line-height:40px; padding:50px 0 20px 0; font-weight:500; }
.scence{width:100%; overflow:hidden; background:#f0f8ff; margin:60px auto  0px auto; }
.scence .sen{width:1200px; margin:0 auto; }
.scence .sen-bd{margin:15px 0 0 0; overflow:hidden; padding-bottom:15px; }
.scence .sen-bd li{width:30%; padding:20px 20px 35px 20px; margin:0px; min-height:200px; list-style:none; background:#f0f8ff ; border-radius:12px; float:left; }
.scence .sen-bd li h3{font-size:18px; color:#333; text-align:center; padding:20px 0 0px; }
.scence .sen-bd li p{font-size:15px; color:#666; text-align:center; box-sizing:border-box; line-height:36px; }
.scence .sen-bd li a{font-size:15px; color:#159afc; margin-top:20px; text-align:center; width:100%; text-decoration:none; }
.scence .sen-bd li .sen-img{width:172px; overflow:hidden; text-align:center; height:166px; margin:0 auto; }
.scence .sen-bd li .sen-img img{width:auto; transition:all ease .5s; }
.scence .sen-bd li .sen-img:hover img{transform:scale(1.1,1.1); }

/*如何去使用*/
.water-use{overflow:hidden; text-align:center; padding:30px 0 60px; background:#fff; }
.water-use ul{overflow:hidden; }
.water-use ul li{width:287px; border-radius:6px; height:287px; padding:20px; margin:6px; float:left; overflow:hidden; box-sizing:border-box; background:#fff; box-shadow:0 5px 10px rgba(135,166,193,.2); }
.water-use ul li .ttb{width:80px; height:80px; margin:50px auto  10px auto; }
.water-use ul li .ttb img{width:100%; }
.water-use ul li h3{font-size:18px; line-height:28px; color:#fff; margin-top:16px; }
.water-use ul li:first-child{background:url(../images/fa-tp-18.png) no-repeat center; }
.water-use ul li:nth-child(2){background:url(../images/fa-tp-19.png) no-repeat center; }
.water-use ul li:nth-child(3){background:url(../images/fa-tp-20.png) no-repeat center; }
.water-use ul li:last-child{background:url(../images/fa-tp-21.png) no-repeat center; }
.us-scn{font-size:30px; color:#222; text-align:center; line-height:40px; padding:20px 0 40px 0; font-weight:500; }
.water-use ul li:hover{background:rgba(31,140,249,0.8); border-radius:6px; }

/*底部广告位*/
.water-bottom{background:url(../images/fa-tp-22.jpg) no-repeat center; padding:85px 0px 0 0; text-align:center; }
.water-bottom h3{font-size:30px; color:#fff; line-height:40px; }
.water-bottom p{font-size:18px; color:rgba(255,255,255,.9); line-height:38px; margin:13px 0 22px; }
.water-bottom h5{font-size:18px; color:rgba(255,255,255,.9); line-height:40px; text-align:center; position:relative; width:500px; margin:60px auto 0; }
.water-bottom h5::before{position:absolute; width:25%; height:1px; background:#fff; top:20px; left:0; content:""; }
.water-bottom h5::after{position:absolute; width:25%; height:1px; background:#fff; top:20px; right:0; content:""; }
.water-bottom .ipt{margin-top:22px; display:inline-block; margin-bottom:100px; }
.water-bottom .ipt input{border-radius:0; float:left; width:162px; box-sizing:border-box; height:38px; margin:0; }
.water-bottom .ipt a{width:114px; line-height:38px; color:#333; font-size:14px; background:#1F8FFF; float:left; display:inline-block; margin-right:18px; padding-left:24px; box-sizing:border-box; }
.water-bottom .ipt a:nth-child(1){background:url(../images/phone.png) no-repeat 28px #1F8FFF; color:#fff; }
.water-bottom .ipt a:nth-child(2){background:url(../images/zixun2.png) no-repeat 14px #fff; }
.water-bottom .ipt a:last-child{margin-right:0; background:url(../images/liuyan2.png) no-repeat 14px #fff; }
.water-bottom .ipt a:hover{box-shadow:2px 7px 8px 3px rgba(29, 35, 56, 0.15); z-index:99; }
@media screen and (max-width: 1600px) {
    .wxxw-fr-tp {
        position: absolute;
        bottom: 150px;
        z-index: 99;
    }

    .wx-pinpai {
        width: 100%;
        background: #fff;
        overflow: hidden;
        margin-top: 58%;
    }
}

@media screen and (max-width: 1440px) {
    .wxxw-fr-tp {
        position: absolute;
        bottom: 100px;
        z-index: 99;
    }

    .wx-pinpai {
        width: 100%;
        background: #fff;
        overflow: hidden;
        margin-top: 65%;
    }
}

@media screen and (max-width: 1366px) {
    .wx-pinpai {
        margin-top: 68%;
    }
}

@media screen and (max-width: 1280px) {
    .wx-pinpai {
        margin-top: 73%;
    }
}