.container{width:1200px;margin:0 auto;}
.banners{width:100%;height:782px;background:url("https://cdn.10goo.com/xinmei_img/bg4.png");background-size: cover;}
.banners .texts{height:60px;line-height:60px;color:#fff;}
.banners .texts a{color:#fff;}
.banners .content{height:auto;background-color:#fff;border-radius:20px;display: flex;}
.banners .content .left{width:895px;height:100%;float:left;padding:20px;box-sizing:border-box;/* box-shadow:10px 0 20px 0 #bfcedb;*/
    z-index:1000;background-color:#fff;border-top-left-radius:20px;border-bottom-left-radius:20px;position:relative;top:0;left:0;z-index:1000;}
.banners .content .left .wechat{width:753px;height:auto;display:inline-block;font-size:20px;font-weight:700;color:#000;}
.banners .content .left .wechat img{vertical-align:middle;}
.banners .content .left .collet{height:60px;float:right;}
.banners .content .left .collet a{font-size:14px;margin-left:5px;color:#999;display: flex;align-items: center;line-height: 20px;}
.banners .content .left .collet a img{margin-right: 4px;height: 20px;width: 20px;}
.banners .content .left .intro{color:#999;}
.banners .content .left .price{min-height:67px;line-height:67px;background-color:#f7f9fa;padding:0 20px;margin:20px 0;}
.banners .content .left .price>span:nth-child(1){font-size:16px;font-weight:700;color:#000;}
.banners .content .left .price>span:nth-child(2){color:#ff9900;font-size:28px;font-weight:700;}
.banners .content .left .price>span:nth-child(3){width:53px;height:23px;background-color:#236be7;display:inline-block;border-top-left-radius:15px;border-bottom-right-radius:15px;color:#fff;/* text-indent:14px;*/
    vertical-align:baseline;line-height:28px;margin-left:5px;padding:0 10px;}
.banners .content .left .price>span:nth-child(4){color:#999;margin-left:25px;}
.banners .content .left .price>span:nth-child(5){color:#236be7;margin-left:25px;float:right;}
.banners .content .left .price>span:nth-child(5) img{vertical-align:middle;margin-right:5px;}
.banners .content .left .lists{width:100%;display: flex;flex-wrap: wrap;align-items: center;}
.banners .content .left .lists li{width:calc(100% / 6);height:76px;border-right:1px dashed #e5e5e5;padding:10px;box-sizing:border-box;display: flex;align-items: center;justify-content: center;flex-direction: column;}
.banners .content .left .lists li div:first-child{font-size:16px;font-weight:500;}
.banners .content .left .lists li div:last-child{font-size:14px;color:#999;}
.banners .content .left .motion{width:100%;min-height:67px;margin:20px 0;}
.banners .content .left .motion button{margin-bottom: 10px;}
.banners .content .left .motion a button{width:166px;height:67px;border-radius:5px;font-size:18px;margin-right:10px;border:1px solid #236be7;color:#236be7;}
.banners .content .left .motion a:nth-child(1) button{background-color:#236be7;color: #fff;}
.banners .content .left .motion a:nth-child(3),.banners .content .left .motion a:nth-child(4){text-align:center;}
.serial{min-height:47px;line-height:47px;border-top:1px dashed #e5e5e5;color:#999999;display: flex;align-items: center;flex-wrap: wrap;}
.serial>span{padding:0 28px;}
.serial>span:first-child{padding-left:0;}
.serial>span:last-child{border-right:none;}
.serial ul li{float:left;margin-right:30px;}
.serial ul li img{vertical-align:middle;padding-right:5px;}
.banners .content .right{float:left;height:100%;width:304px;border-top-right-radius:20px;border-bottom-right-radius:20px;background:#fff;border-left:1px solid #bfcedb;}
.banners .content .right .head{width:234px;height:30px;margin:27px auto 0;line-height:30px;overflow:hidden;}
.banners .content .right .head .leftLine{width:54px;height:1px;background:linear-gradient(to right,#dde6f2,#236be7);margin-top:14px;float:left;}
.banners .content .right .head .rightLine{width:54px;height:1px;background:linear-gradient(to right,#236be7,#dde6f2);float:right;margin-top:14px;}
.banners .content .right .head .text{height:24px;width:126px;font-size:22px;color:#3366ff;font-weight:700;display:inline-block;text-align:center;}
.banners .content .right .avater{width:183px;height:290px;margin:23px auto 10px;text-align:center;}
.banners .content .right .avater div:nth-child(2){font-size:18px;}
.banners .content .right .avater div:nth-child(3){color:#fff;width:106px;height:21px;background:#236be7;border-radius:10px;margin:5px auto;}
.banners .content .right .tel{width:100%;height:67px;line-height:67px;background:#fff;font-size:18px;text-align:center;}
.banners .content .right .tel span{color:#ff8a00;}
.banners .content .right .connect{background:#236be7;}
.banners .content .right .connect a{color:#fff;}
.banners .content .right .connect a img{vertical-align:middle;}
.banners .content .right .weihaoyi{width:100%;height:60px;text-align:center;font-size:18px;color:#999999;padding-top:20px;}


.banners .content .left .price>span:nth-child(5) span:first-child{display: none;}

.banners{height: auto;padding-bottom: 15px;padding: 60px 0;}
@media only screen and (max-width: 1199px){
    .banners .content .left .wechat{width: 100%;font-size:14px;}
    .banners .content .left .price{min-height:45px;line-height:45px;background-color:#f7f9fa;padding:0 10px;margin:10px 0;}
    .banners .content .right{display: none;}
    .banners .content .left{width: 100%;z-index: 10;border-radius: 10px;}
    .banners .content .left .lists li{width:calc(100% / 4);}
    .banners .content .left .price>span:nth-child(1){font-size:14px;}
    .banners .content .left .price>span:nth-child(2){font-size:22px;}
    .banners .content .left .price>span:nth-child(3){padding: 0 5px;}
    .banners .content .left .price>span:nth-child(4){margin-left:0px;}
    .banners .content .left .motion a button{width:110px;height:50px;font-size:16px;border-radius:5px;}
    .banners .content .left .motion a:nth-child(3),.banners .content .left .motion a:nth-child(4){margin-left:0px;text-align:center;}
    .banners .content .left .motion a:nth-child(3) button{border:1px solid #236be7;color:#236be7;}
    .serial>span{padding:0 5px;}
    .serial ul li{margin-right:10px;}
    .banners .content .left .motion a:last-child{display:block;text-align:left;}
    .zzcn{display: block;}
    .display_er_code{left: 0!important;}
    .banners .content .left .price>span:nth-child(5) span:first-child{display: inline-block;margin-right: 30px;color: #666;}

}


@media only screen and (max-width: 480px){
    .banners .content .left{padding: 10px;}
    .banners .content .left .lists li{width:calc(100% / 3);}
    .banners .content .left .motion a button{width: calc((100% - 20px) / 3);height: 40px;font-size: 14px;margin-right: 5px;}
    .banners .content .left .motion a:nth-child(3) button{margin-right: 0px;}
    .message .info .head span{width: calc((100% - 1px) / 3);height: 44px;font-size: 16px;line-height: 44px;min-width: 80px}

}
