.mt-40{ margin-top: 40px;}
.mt-50{ margin-top:50px;}
.mb-40{ margin-bottom: 40px;}
.c-blue{ color: #1057a7;}
.c-red{ color: #d83300;}
.fl{float: left}
.fr{float: right}
.fz-24{font-size: 24px!important;}
.c-red{color:#cc0000;font-size: 40px;font-weight: bold;}
.banner-logo-wp{position: relative;width:1190px;margin:0 auto;height:0;}
.banner-logo{background: url("/res/business/images/logo.png") no-repeat;width:321px;height:65px;position: absolute;z-index: 9999;}
.banner-logo .logo-go{position: absolute;top:0;left:0;width:168px;height:65px;overflow: hidden;text-indent:-9999px;}
.banner-logo .logo-go2{position: absolute;top:0;left:170px;width:152px;height:65px;overflow: hidden;text-indent:-9999px;}
.text-center{text-align: center;}
.header{
    height: 90px;
    background: #fff;
}
.hqew-logo{
    margin-top: 20px;
    width: 150px;
    height: 48px;
    float: left;
}
.hqew-logo a{
    display: block;
}
.hqew-logo a img{
    /* width: 100%; */
    height: 50px;
    display: block;
}
.cyt-logo{
    float: left;
    margin-top: 20px;
    margin-left: 20px;
    display: inline;
    height: 48px;
    padding-left: 25px;
    line-height: 48px;
    border-left: 1px solid #ddd;
    font-size:24px;
    color: #666;
    padding-top: 10px;
}
.cyt-logo img{
    width: 131px;
    margin-left: 10px;
    vertical-align: middle;
}
.cyt-logo p{line-height: 20px;color:#333;font-size: 28px;}
.cyt-logo .yj-url{font-size: 14px;color:#888;padding-top: 5px;}
.bg .container{width:100%;padding: 0px;}
.banner {
    background: url('/res/chainbrand/images/banner.jpg?20210326') no-repeat top center;
    width: 100%;
    height: 508px;
}
.banner .container{
    position: relative;
}
.header .container{
    height: 90px;
    position: relative;
}
.header .qun-btn{
    position: absolute;
    right: 0;
    top: 28px;
    width: 128px;
    height: 34px;
    border: 1px solid #ddd;
    border-radius: 2px; 
    text-align: center;
    line-height: 34px;
    font-size: 16px;
    color: #666;
}
.header .qun-btn:hover{
background: #f5f5f5;
}

.pop-info{

    overflow: hidden;
    position: absolute;
    left: 554px;
    top: 315px;
    width: 560px;
}
.qun{display: inline-block;width:20px;height: 18px; vertical-align: text-bottom;background: url("/res/chainbrand/images/qun.png") no-repeat;margin-right: 8px;margin-top: -3px;}
.kefu{display: inline-block;width:28px;height: 33px; vertical-align: text-bottom;background: url("/res/chainbrand/images/kefu.png") no-repeat;margin-right: 8px;}
.ruzhu{display: inline-block;width:32px;height: 28px; vertical-align: text-bottom;background: url("/res/chainbrand/images/rzh.png") no-repeat;margin-right: 8px; margin-top: -3px;}
.bottm-qq{background: #fff; margin-left:20px; margin-right: 20px;  margin-top: 10px;color: #1a69bd;font-size:28px;border-radius: 50px;width:235px;height: 70px;line-height: 70px;text-align: center;display: inline-block;}
.bottm-qq:hover{ color: #1a69bd; opacity: .9;}

.head-img{
    position: relative;
    width: 228px;
    height: 20px;
    overflow: hidden;

    margin-top: 30px;
    margin-left: auto;
    margin-right: auto;
}
.head-img img{
    width: 227px;
    height: 20px;

}
.info-detail{
    margin: 0 20px;
    text-align: center;
    font-size: 14px;
    color: #666;
}
.server-btn{
    width: 220px;
    height: 40px;
    margin: 30px 0 0;
    display: block;
    background: #e64545;
    line-height: 40px;
    font-size: 16px;
    color: #fff;
    text-align: center;
}
.pay-btn{
    width: 220px;
    height: 40px;
    margin: 10px 0;
    display: block;
    line-height: 40px;
    font-size: 16px;
    color: #e64545;
    border:1px solid #e64545;
    text-align: center;
}
.info-detail p{font-size: 16px;color:#e64545;margin-top: 30px;}
.bottom-tel {
    height: 50px;
    line-height: 50px;
    font-size: 34px;
    text-align: center;
    color: #1d4e8c;
}
.bg{width:100%; height:100%;}
.bg-box{width:1222px;margin-top: 70px;}

.top-bg{width:100%;height:759px;background: url("/res/chainbrand/images/bg1.jpg") no-repeat;}
.img-top{width:1190px;overflow: hidden;margin:0px  auto;}
.title{font-size: 32px;color:#333;text-align: center;font-weight: bold;margin: 40px 0 30px 0}
.title i{width:32px;height: 32px;vertical-align: text-bottom;background: url("/res/chainbrand/images/dot.png") no-repeat;display: inline-block;margin-right: 10px;}
.infor{font-size: 18px;color:#666;line-height: 30px;}

.product-box{margin-top: -20px;height: 540px;}
.company-pics { width: 320px; height: 155px; position: relative;}
.pic-but,
.pic-item {position: absolute;top:75px;cursor: pointer}
.pic-item {width: 200px;height: 150px;border: 5px solid #d7e8fc;left: 0 ;border-radius: 5px;}
.pic-item img {width: 100%; height: 100%  }
.pic-but {height: 155px;width: 45px}
.preview,
.preview-mask {position: fixed;z-index: 99999}
.company-pics .prev { left: 0  }
.company-pics .next { right: 0 }
.exp{
    background: #000;
    filter: alpha(opacity=60);
    -moz-opacity: 0.6;
    -khtml-opacity: 0.6;
    opacity: 0.6;
    height: 30px;
    line-height: 30px;
    position: absolute;
    bottom: 0;
    left: 0;
    width:100%;
    text-align: center;
    color: #fff;
    display: block;
    z-index: 9;
    font-size: 16px;
}

.part-bg1{width:100%;height:399px;background: url("/res/chainbrand/images/bg2.jpg") no-repeat;}
.part-bg2{width:100%;height:507px;background: url("/res/chainbrand/images/bg3.jpg") no-repeat;}
.part-bg3{width:100%;height:396px;background: url("/res/chainbrand/images/bg4.jpg") no-repeat bottom center #f4f4f4;}

.part-bg1 .content{ width: 875px;overflow: hidden;margin:30px  auto;}
.part-bg2 .content{width:900px;overflow: hidden;margin:0px  auto;}
.part-bg3 .content{width:1190px;overflow: hidden;margin:0px  auto;}
.brand-list{overflow: hidden;}
.brand-list ul{display: inline-block;margin-left: -90px}
.brand-list ul li{width: 230px;float: left;display: inline-block;text-align: center;overflow: hidden;padding-top: 20px;margin-left: 90px;}
.p-infor{}
.p-infor b{font-size: 18px;color:#666;  font-weight: bold;text-align: center}
.p-infor span{font-size: 18px;color:#666;width:220px;display: inline-block;text-align: left;margin-top: 5px;}
.img4{padding-top: 10px;}
.brand-list ul li img,.img4 img{overflow: hidden; -webkit-transition: transform .4s;
    -moz-transition: transform .4s;
    -ms-transition: transform .4s;
    -o-transition: transform .4s;
    transition: transform .4s;}

.brand-list ul li img:hover,.img4 img:hover{ -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);}

.apply-info{position: relative;}
.apply-info{font-size: 18px;color:#666;}
.apply-info .p2,.apply-info .p3{width:400px;display: inline-block;}
.apply-info .p4{width:420px;display: inline-block;}

.p1{position: absolute;top: 43px; left: 412px;}
.p2{position: absolute;top: 97px; left: 450px;}
.p3{position: absolute;top: 147px;  left: 464px;}
.p4{position: absolute;top: 184px; left: 445px;}
.p5{position: absolute;top: 265px; left: 411px;}



.china-more{ width: 140px; height: 40px; background: #156dd2; display: block; margin: 35px auto; text-align: center; line-height: 40px; font-size: 18px; color: #fff; border-radius: 4px;}
.china-more:hover{ color: #fff; background: #065dc1;}