body{

    /* width: 1920px; */

    width: 100%;

    min-width: 1200px;

}

.swiper-slide img{

    width: 100%;

}

.logo {

    display: inline-block;

    position: fixed;

    top: 6px;

    left: 30px;

    font-size: 29px;

    color: #fff;

}

.logo img {

    width: 100px;

    height: 100px;

    vertical-align: middle;

}

.banner{

    /* width: 1920px; */

    width: 100%;

    min-width: 1200px;

    margin: 0 auto;

    overflow: hidden;

}

.daohang{

    width: 100%;

    min-width: 1200px;

    position: absolute;

    top: 0;

    left: 0;

    z-index: 10;

}

.se{

    position: fixed!important;

    top: 0px!important;

}

.nav{

    display: inline-block;

    position: absolute;

    top: 27px;

    right: 45px;

}

.nav-ul{

    display: flex;

    justify-content: flex-start;

    width: 707px;

    height: 55px;

    background-color: #fff;

}

.nav-li{

    width: 16.66%;

}

.nav-li {

    display: flex;

    align-items: center;

    text-align: center;

}

.nav-li a{

    display: inline-block;

    width: 100%;

    height: 20px;

    line-height: 20px;

    font-size: 16px;

    border-right: 1px solid #f5f5f5;

}

.action{

    color: #c7454b;

}

.nav-li a:hover{

    color: #c7454b;

    cursor: pointer;

}

.bb{

    border-bottom: 2px solid #c7454b;

}

.placeholder{

    position: relative;

    top: 27px;

    left: 0;

}

/* 第一部分 */

.cont1{

    /* width: 1920px; */

    width: 100%;

    min-width: 1200px;

    /* margin: 0 auto; */

}

.ct1-top{

    position: relative;

    text-align: center;

    margin-top: 95px;

    margin-bottom: 120px;

}

.ct1-ul{

    display: flex;

    justify-content: space-between;

    width: 1200px;



    margin: 0 auto;

}

.ct1-li{

    width: 332px;

    height: 347px;

    text-align: center;

}

.ct1-li:hover{

    background-color: #c7454b;

}

.ct1-li img{

    margin-top: 100px; 

    width: 95px;

    height: 95px;

}

.ct1-p{

    position: absolute;

    top: 50%;

    left: 50%;

    transform: translateX(-50%) translateY(-50%);

    font-size: 26px;

}

.ct1-pp{

    font-size: 16px;

    color: #808080;

}

.ct1-p1{

    margin-top: 28px;

    font-size: 17px;

    color: #000;

    line-height: 27px;

}

.ct1-p2{

    font-size: 14px;

}

.fff{

    color: #fff;

}

/* 第二部分 */

.ct2{

    position: relative;

    width: 1200px;

    margin:  0 auto;

    margin: 100px auto;

    overflow: hidden;

}

.ct2 img{

    width: 673px;

    height: 558px;

}

.ct2-bt{

    position: absolute;

    top: 114px;

    right: 397px;

    display: inline-block;

    width: 173px;

    height: 55px;

    font-size: 18px;

    text-align: center;

    line-height: 55px;

    color: #fff;

    background: url(../image/redsb.png) no-repeat center top;

}

.ct2-nr{

    position: absolute;

    bottom: 40px;

    right: 60px;

}

.ct2-nr1{

    width: 400px;

    position: relative;

}

.ct2-p1{

    position: absolute;

    top: 50%;

    left: 0;

    transform: translateY(-50%);

    font-size: 26px;

}

.ct2-nr2{

    font-size: 14px;

    width: 320px;

    color: #808080;

}

/* 第三部分 */

.ct3{

    position: relative;

    width: 1200px;

    height: 580px;

    margin: 100px auto;

    overflow: hidden;

}

.ct3 img{

    position: absolute;

    top: 0;

    right: 0;

    width: 673px;

    height: 558px;

}

.ct3-bt{

    position: absolute;

    bottom: 160px;

    right: 100px;

    display: inline-block;

    width: 173px;

    height: 55px;

    font-size: 18px;

    text-align: center;

    line-height: 55px;

    color: #fff;

    background: url(../image/redsb.png) no-repeat center top;

}

.ct3-nr{

    position: absolute;

    top: 40px;

    left: 60px;

}

.ct3-nr1{

    width: 400px;

    position: relative;

}

.ct3-p1{

    position: absolute;

    top: 50%;

    left: 0;

    transform: translateY(-50%);

    font-size: 26px;

}

.ct3-nr2{

    width: 320px;

}

.ct3-nr2 li{

    font-size: 14px;

    color: #808080;

    line-height: 26px;

}

/* 第四部分 */

.ct4{

    background: url(../image/ct4-1.png) no-repeat center center;

    overflow: hidden;

}

.ct4-x{

    position: relative;

    width: 1200px;

    height: 980px;

    margin: 100px auto;

   

} 

.ct4 img.img1{

    position: absolute;

    top: 180px;

    right: 0px;

    width: 673px;

    height: 558px;

}

.ct4 img.img2{

    position: absolute;

    top: 277px;

    right: 500px;

    width: 673px;

    height: 558px;

}

.ct4-bt{

    position: absolute;

    bottom: 334px;

    left: 0px;

    display: inline-block;

    width: 173px;

    height: 55px;

    font-size: 18px;

    text-align: center;

    line-height: 55px;

    color: #fff;

    background: url(../image/redsb.png) no-repeat center top;

}

.ct4-nr{

    position: absolute;

    top: 40px;

    left: 0px;

}

.ct4-nr1{

    width: 400px;

    position: relative;

}

.ct4-p1{

    position: absolute;

    top: 50%;

    left: 0;

    transform: translateY(-50%);

    font-size: 26px;

}

.ct4-nr2{

    width: 320px;

}

.ct4-nr2 li{

    font-size: 14px;

    color: #808080;

    line-height: 26px;

}

/* 第五部分 */

.ct5{

    position: relative;

    /* width: 1920px; */

    width: 100%;

    min-width: 1200px;

    height: 830px;

    background: url(../image/ct5-2.png) no-repeat center center;

    text-align: center;

    overflow: hidden;

}

.ct5 img{

    width: 192px;

    height: 192px;

    margin-bottom: 20px;

}

.ct5-p1{

    font-size: 30px;

    line-height: 140px;

}

.ct5-p2{

    font-size: 60px;

    color: #808080;

}

.ct5-sp{

    position: relative;

    display: inline-block;

}

.ct5-sp:before {

    position: absolute;

    content: " ";

    display: block;

    top: 50%;

    left: -60%;

    width: 99px;

    height: 2px;

    background-color: #333;

} 

.ct5-sp::after {

    position: absolute;

    content: " ";

    display: block;

    top: 50%;

    right: -60%;

    width: 99px;

    height: 2px;

    background-color: #333;

}   

a.ct5-bt{

    position: absolute;

    bottom: 200px;

    left: 45%;

    display: inline-block;

    width: 173px;

    height: 55px;

    font-size: 18px;

    text-align: center;

    line-height: 55px;

    color: #fff;

    background: url(../image/redsb.png) no-repeat center top;

}

.ct5-bt:hover{

    color: #fff!important;

}

/* 第六部分 */

.ct6{

    position: relative;

    /* width: 1920px; */

    width: 100%;

    min-width: 1200px;

    height: 690px;

    overflow: hidden;

    background: url(../image/ct6-2.png) no-repeat top center;

}

.ct6-1{

    padding-bottom: 100px;

    border-bottom: 1px solid #fff;

}

.ct6-img{

    width: 930px;

    height: 700px;  

}

.ct6-nr{

    position: absolute;

    top: 150px;

    right: 100px;

    width: 700px;

    text-align: right;

}

.ct6-p1{

    font-size: 18px;

    color: #fff;

}

.ct6-p2{

    font-size: 40px;

    color: #fff;

}

.ct6-p3{

    font-size: 60px;

    color: #fff;

}

.ct6-p4{

    color: #fff;

    font-size: 50px;

}

.ct6-li{

    font-size: 18px;

    color: #fff;

}

.ct6-ul{

    margin-top: 50px;

}

.ct6-x{

    width: 1200px;

    height: 550px;

    margin: 0 auto;

}

/* 底部 */

.footer{

    width: 100%;

    height: 200px;

    background-color: #202020;

    overflow: hidden;

}

.ft-ul{

    padding-top: 50px;

    width: 1200px;

    height: 90px;

    margin: 0 auto;

    color: #fff;

}

li.ft-li{

    color: #fff;

    line-height: 26px;

    font-size: 14px;

}
li.ft-li a{color: #fff;}
.ft-span{

    margin-right: 30px;

}

/* 新闻动态 */

.xwct1{

    position: relative;

    width: 1200px;

    height: 735px;

    margin: 0 auto;

    overflow: hidden;

}

.xw1-nr{

    position: absolute;

    top: 200px;

    left: 50px;

}

.wt1-p1{

    font-size: 30px;

}

.wt1-p2{

    margin:  50px 0  60px;

    font-size: 15px;

    color: #808080;

}

.xwct1 img.wt1-img{

    position: absolute;

    right: 0;

    top: 150px;

    width: 584px;

    height: 492px;

}

.wt1-span{

    position: absolute;

    bottom: -110px;

    left: 0px;

    display: inline-block;

    width: 173px;

    height: 55px;

    font-size: 18px;

    text-align: center;

    line-height: 55px;

    color: #fff;

    background: url(../image/redsb.png) no-repeat center top;

}

.xwct2{

    width: 1200px;

    margin: 0 auto;

    padding: 100px 0 300px;

    overflow: hidden;

}

.xwct2-ul{

    overflow: hidden;

    margin-bottom: 30px;

}

.mt{

    margin-top: 6px;

}

.xwct2-li{

    position: relative;

    float: left;

    height: 64px;

    cursor: pointer;

}

.xwct2-li .xw2-bt:hover{

    color: #c7454b;

}

.xw2-bt{

    font-size: 17px;

    margin-bottom: 15px;

}

.xw2-wz{

    width: 680px;

    height: 20px;

    font-size: 14px;

    color: #808080;

    overflow:hidden;

    text-overflow:ellipsis; 

    white-space:nowrap;

}

.xw2-wz p{

    width: 680px;

    height: 20px;

    font-size: 14px;

    color: #808080;

    overflow:hidden;

    text-overflow:ellipsis; 

    white-space:nowrap;

}
/*推荐产品*/
.tuijian{width: 1200px;margin: 20px auto;}
.tuijian ul{margin-top: 20px;}
.tuijian ul li{float:left; width:178px;margin: 10px;border: 1px solid #ccc;}
.tuijian ul li img{width: 178px;height: 178px;}
.tuijian ul li p{
    font-size: 14px;
    text-align: center;
    color: #333;
    height: 35px;
    line-height: 35px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.tuijian .tj-bt{font-size:22px;color: #000;padding:20px 0;border-bottom: #ccc solid 1px;}
.zjx{

    width: 1px;

    height: 64px;

    background-color: #dadada;

    margin: 0 20px;

}

.qiu{

    position: absolute;

    top: 10px;

    right: -5px;

    width: 10px;

    height: 10px;

    border-radius: 50%;

    background-color: #dadada;

}

/* 案例欣赏 */

.alct1{

    width: 1200px;

    text-align: center;

    margin: 50px auto 100px;

    overflow: hidden;

}

.zl1-p1{

    width: 1200px;

    font-size: 30px;

    overflow: hidden;

    margin: 0 auto;

}

.zl1-p2{

    width: 1200px;

    margin: 30px auto;

    font-size: 15px;

    color: #808080;

    overflow: hidden;

}

.alct2{

    width: 1200px;

    margin:  100px  auto  50px;

    overflow: hidden;

}

.alct2-ul{

    position: relative;

    height: 480px;

    overflow: hidden;

}

.alct2-li{

    position: absolute;

    top: 0;

}

.alct2-li:nth-child(1){

    position: absolute;

    top: 0;

    left: 0;

}

.alct2-li:nth-child(2){

    top: 0;

    left: 380px;

}

.alct2-li:nth-child(2) .alct2-bt{

    top: 0;

    left: 200px;

}

.alct2-li:nth-child(3){

    top: 0;

    right: 0;

}

.alct2-bt{

    position: absolute;

    bottom: 00px;

    left: 100px;

    display: inline-block;

    width: 173px;

    height: 55px;

    font-size: 18px;

    text-align: center;

    line-height: 55px;

    color: #fff;

    background: url(../image/redsb.png) no-repeat center top;

}

.alct2-li img{

    width: 448px;

    height: 410px;

}

.alct3{

    width: 100%;

    min-width: 1200px;

    height: 840px;

    overflow: hidden;

    background: url(../image/case4.png) no-repeat center right;

}

.alct3-nr{

    position: relative;

    width: 1200px;

    height: 690px;

    margin: 0 auto;

}

.alct3-1{

    position: absolute;

    top: 120px;

    left: 20px;



}

.alct3-p1{

    font-size: 30px;

}

.alct3-p2{

    font-style: 15px;

    color: #808080;

    margin:  30px 0 100px;

}

.alct3-li{

    font-style: 15px;

    color: #808080;

    line-height: 26px;

}

.alct3-bt{

    position: absolute;

    bottom: 0px;

    left: 470px;

    display: inline-block;

    width: 173px;

    height: 55px;

    font-size: 18px;

    text-align: center;

    line-height: 55px;

    color: #fff;

    background: url(../image/redsb.png) no-repeat center top;

}

.alct4{

    width: 1200px;

    margin:  0 auto;

    overflow: hidden;

}

.alct4-ul1{

    width: 100%;

    overflow: hidden;

}

.alct4-li1{

    position: relative;

    float: left;

    width: 366px;

    height: 270px;

    margin-right: 10px;

    margin-bottom: 10px;

    overflow: hidden;

}

.alct4-li1 img{

	width: 366px;

    height: 270px;

}

.alct4-b1 {

    position: absolute;

    vertical-align: middle;

    display: table-cell;

    text-align: center;

    width: 366px;

    height: 270px;

    text-align: center;

    z-index: 1;

}

.alct4-b2{

    position: absolute;

    width: 366px;

    height: 270px;

    text-align: center;

    line-height: 270px;

    color: #fff;

    z-index: 0;

    background-color: rgb(85, 85, 85);

}

.zindex{

    z-index: 10!important;

}

.alct4-b1 img{

    width: 100%;

}





.alct4-ul2{

    width: 100%;

    overflow: hidden;

}

.alct4-li2{

    position: relative;

    float: left;

    width: 560px;

    height: 270px;

    margin-right: 10px;

    margin-bottom: 10px;

    overflow: hidden;

}

.alct4-li2 img{

	width: 560px;

    height: 270px;

}

.alct4-b3 {

    position: absolute;

    vertical-align: middle;

    display: table-cell;

    text-align: center;

    width: 560px;

    height: 270px;

    text-align: center;

    z-index: 1;

}

.alct4-b4{

    position: absolute;

    width: 560px;

    height: 270px;

    text-align: center;

    line-height: 270px;

    color: #fff;

    z-index: 0;

    background-color: rgb(85, 85, 85);

}

.zindex{

    z-index: 10!important;

}

.alct4-b1 img{

    width: 100%;

}

.alct5{

    width: 1200px;

    height: 200px;

    margin: 210px auto;

    overflow: hidden;

}

.al5-1{

    float: left;

}

.al5-p1{

    font-size: 18px;

}

.al5-p2{

    font-size: 26px;

}

.al5-2{

    float: right;

    font-size: 15px;

    margin-right: 325px;

}

/* 安装服务 */

.az1{

    position: relative;

    width: 1200px;

    height: 600px;

    margin: 50px auto ;

    text-align: left;

    overflow: hidden;

}

.az1-img{

    width: 672px;

    height: 556px;

}

.az1-nr{

    position: absolute;

    top: 174px;

    right: 0;

}

.az1-p1{

    font-size: 30px;

    line-height: 110px;

}

.az1-p2{

    font-size: 15px;

    color: #808080;

}

.az1-bt{

    position: absolute;

    bottom: 245px;

    left: 325px;

    display: inline-block;

    width: 173px;

    height: 55px;

    font-size: 18px;

    text-align: center;

    line-height: 55px;

    color: #fff;

    background: url(../image/redsb.png) no-repeat center top;

}

.az2{

    position: relative;

    width: 1200px;

    margin: 0 auto;

    height: 600px;

    overflow: hidden;

}

.az2-p1{

    font-size: 30px;

    line-height: 135px;

}

.az2-li p{

    font-size: 15px;

    color: #808080;

    line-height: 25px;

}

.az2-li{

    float: left;

    margin-right: 20px;

}

.az2-img{

    position: absolute;

    top: 0;

    right: 100px;

}

.az2-bt{

    position: absolute;

    bottom: 230px;

    right: 120px;

    display: inline-block;

    width: 173px;

    height: 55px;

    font-size: 18px;

    text-align: center;

    line-height: 55px;

    color: #fff;

    background: url(../image/redsb.png) no-repeat center top;

}

.az5-2{

    float: right;

    font-size: 15px;

    width: 640px;

    line-height: 25px;

}



.active{

	border-bottom: 2px solid red;

	background-color: #f5f5f5;

   }

.xw-fy{

    width: 100%;

    min-width: 1200px;

    margin: 0 auto;

    height: 100px;

}

.ggfy{

    width: 100%;

    min-width: 1200px;

}



.ggfy ul{

    width: 390px;

    margin:  0 auto;

    display: flex;

    justify-content: flex-start;

}

.ggfy ul li{

    padding: 5px 10px;

    text-align: center;

}

/* 新闻详情 */

.xwxq{

    width: 1200px;

    margin: 0 auto;

    text-align: left;

}

.xwxq-bt{

    font-size: 28px;

    color: #333;

    padding: 30px  0;

}

.xq-cont{

    padding: 15px 0;

    border-top: 1px solid #dadada;

    border-bottom: 1px solid #dadada;

}

/* .xq-cont img{

    width: 80%;

} */

.wzfl{

    text-align: right;

    padding: 20px 0;

}

/* 分想 */

.fxdn{

    position: relative;

    text-align: right;

}



.fxbox{

    display: inline-block;

}

.fx-span{

    position: absolute;

    top: 0;

    right: 250px;

}

/* 公司介绍 */

.gsjs{

    width: 1200px;

    margin:  0 auto;

}

.gsjs-bt{

    font-size: 28px;

    text-align: center;

    margin: 30px 0;

}

.gsjs-ct{

    color: #333;

    font-size: 24px;

    margin: 30px 0;

}

.gsjs-ct p{

    line-height: 30px;

}



.zlx{

    position: fixed;

    left: 0;

    top: 25%;

    width: 0px;

    height: 300px;

    background-color: #ededed;

    box-sizing: border-box;

    /* padding: 20px 30px; */

    text-align: center;

    transition: all 1s;

    z-index: 25;

}

.zlx-l{

    width: 200px;

    position: absolute;

    top: 0;

    right: 0;

}

.zlw{

    width: 200px!important;

}

.qqzx{

    position: relative;

    display: block;

    text-align: center;

    font-size: 16px;

    color: #333;

    padding-bottom: 20px;

    border-bottom: 1px solid #ccc;

    margin-top: 10px;

}

.dianhua{

    position: relative;

    font-size: 16px;

    color: #333;

    line-height: 40px;

}

.tell{

    font-size: 14px;

    line-height: 25px;

    color: #333;

}

.ewm{

    width: 100px;

    height: 100px;

    margin-top: 30px;

}

.zxkf{

    position: absolute;

    right: -30px;

    padding: 10px 0;

    border-radius: 3px;

    top: 20%;

    width: 30px;

    font-size: 18px;

    color: #fff;

    background-color: #c7454b;

}

.lyw{

    height: 450px!important;   

}

.ly{

    position: fixed;

    bottom: 0;

    left: 0;

    width: 250px;

    height: 35px;

    background-color: #ededed;

    border-radius: 5px;

    z-index: 25;

}

.ly-bt{

    font-size: 16px;

    color: #fff;

    background-color: #c7454b;

    width: 100%;

    height: 35px;

    padding: 0 10px;

    line-height: 35px;

    box-sizing: border-box;

    border-radius: 5px 5px 0 0;

}

.ly-ct2{

    padding: 10px 10px 15px;

    overflow: hidden;

    border-bottom: 1px solid #ccc;

}

.lc2-p1{

    /* margin-top: 10px; */

    font-size: 16px;

    color: #333;

    line-height: 30px;

}

.lc2-p2{

    font-size: 16px;

    color: #808080;

    line-height: 20px;

}

.textbox{

    width: 230px;

    font-size: 14px;

    margin: 10px 10px;

    padding: 5px;

    box-sizing: border-box;

}

.lyxx{

    position: relative;

    padding: 0 10px;

    margin-bottom: 10px;

}

.ly-input{

    width: 100%;

    height: 30px;

    padding-left: 30px;

    box-sizing: border-box;

}

.ly-icon{

    position: absolute;

    top: 45%;

    transform: translateY(-50%);

    left: 18px;

    color: #808080;

}

.ly-btn{

    width: 100px;

    height: 40px;

    background-color: #c7454b;

    font-size: 16px;

    margin-left: 10px;

    color: #fff;

    border-radius: 5px;

}

.xxk1{

    font-size: 25px;

    float: right;

}   

.xxk2{

    font-size: 18px;

    float: right;

} 

.isly{

    display: none!important;

}

.dhys {

    position: absolute;

    left: 21px;

    top: -1px;

    font-size: 22px!important;

    color: orange;

}

.dhys1 {

    position: absolute;

    left: 21px;

    top: -1px;

    font-size: 22px!important;

    color: #c7454b;

}

#bdimgshare_1554184464470{

    display: none!important;

}

/* 新的产品中心 */

.cp{

    width: 1200px;

    margin: 30px auto;

    display: flex;

    justify-content: space-between;

}

.cp-l{

    display: inline-block;

    width: 240px;

    border-top: 0;

    height: auto;

}

.cp-r{

    width: 950px;

}

.cp-bt{

    height: 45px;

    line-height: 45px;

    color: #fff;

    font-size: 18px;

    background-color: #c7454b;

    padding-left: 15px;

}

.cp-fl{

    padding-top: 15px;

    padding-left: 15px;

    border-left: 1px solid #ccc;

    border-right: 1px solid #ccc;

    border-bottom: 1px dashed #ccc;

}

.cp-mz{

    height: 40px;

    line-height: 40px;

    font-size: 16px;

    color: #000;

}

.cp-mz a{

    overflow:hidden; 

    text-overflow:ellipsis; 

    white-space:nowrap;

}

.cp-ul{

    padding-left: 10px;

    overflow: hidden;

}

.cp-li{

    height: 35px;

    line-height: 35px;

    font-size: 14px;

    color: #333;

    cursor: pointer;

    overflow:hidden; 

    text-overflow:ellipsis; 

    white-space:nowrap;

}

.cpr-t{

    display: flex;

    justify-content: space-between;

}

.cpr-t{

    font-size: 16px;

    color: #333;

    height: 50px;

    line-height: 40px;

}

.cp-ss{

    position: relative;

}

.cp-ss input{

    width: 300px;

    height: 40px;

    border: 1px solid #ccc;

    font-size: 16px;

    padding-left:30px; 

}

.cp-ss button{

    width: 70px;

    font-size: 16px;

    background-color: #c7454b;

    color: #fff;

    line-height: 42px;

    height: 42px;

    position: absolute;

    top: 0;

    right: 0;

    outline: none;

    border: 0;

}

.cp-tt{

    color: #c7454b;

}

.cpr-b{

    margin-top: 15px;

}

.cpr-ul{

    width: 100%;    

    overflow: hidden;

    display: flex;

    flex-wrap: wrap;

    justify-content: flex-start;

}

.cpr-li{

    width: 18%;

    border: 1px solid #ccc;

    margin-bottom: 15px;

    margin-right: 20px;

}

.cpr-li:nth-of-type(5n){

    margin-right: 0;

}

.cpr-li img{

    width: 100%

}

.cpr-tt{

    font-size: 14px;

    text-align: center;

    color: #333;

    height: 35px;

    line-height: 35px;

    overflow:hidden; 

    text-overflow:ellipsis;

    white-space:nowrap; 

}

.cpxq-ul{

    display: flex;

    justify-content: flex-start;

    overflow: hidden;

    margin-left: 100px;

}

.cpxq-li{

    width: 360px;

    height: 360px;

}

.cpxq-li:nth-of-type(2){

    margin-left: 50px;

}

.cpxq-li img{

    width: 100%;

    display: block;

}

.xq-bt{

    font-size: 20px;

    line-height: 40px;

}

.xq-jg{

    font-size: 14px;

    line-height: 25px;

    margin-top: 30px;

}

.xq-jg span{

    color: #c7454b;

    font-size: 30px

}

.cpxq-tm{

    width: 100%;

    height: 50px;

    margin:  30px 0;

    border: 1px solid #ccc;

}

.cpxq-tm span{

    display: inline-block;

    padding: 0 10px;

    width: 145px;

    height: 50px;

    text-align: center;

    line-height: 50px;

    border-right: 1px solid #ccc;

    border-top: 3px solid #c7454b;

}

.cpbanner img{

    width: 100%;

}

.tc-box{

    display: flex;

    justify-content: flex-start;

    margin: 30px 0;

}

.headtitle{

    margin-right: 20px;

    line-height: 50px;



}

.cpxq-fx{

    margin-left: 100px;

}

.cpxq-i{

    margin-right: 20px;

}

.banner-img{

    height: 700px;

}







.cpxz{

    overflow: hidden;

}

.cpxz-y{

    width: 100%;

    background-color: #F5F5F5;

    border-top: 1px solid #ccc;

}

.cpxz-ul{

    display: flex;

    justify-content: flex-start;

    flex-wrap: wrap;

    overflow: hidden;

}



.cpxz-ul1{

    display: flex;

    justify-content: flex-start;

    flex-wrap: wrap;

    height: 50px;

    overflow: hidden;

}

.cpxz-li1{

    width: 80px;

    height: 50px;

    line-height: 50px;

    margin-right: 20px;

    padding-left: 15px;

}

.cpxz-li2{

    width: 740px;

}

.height{

    height: auto!important;

}

.cpxz-li2 a{

    display: inline-block;

    margin-right: 15px;

    width: 100px;

    height: 50px;

    line-height: 50px;

    overflow:hidden;

    text-overflow:ellipsis; 

    white-space:nowrap;

    text-align: left;

}

.cpxz-li3{

    height: 50px;

    line-height: 50px;

}

.cpxz-li a{

    position: relative;

    display: inline-block;

    margin-right: 15px;

    width: 130px;

    height: 30px;

    line-height: 30px;

    padding: 0 5px;

    font-size: 15px;

    overflow:hidden;

    text-overflow:ellipsis; 

    white-space:nowrap;

    text-align: left;

    border: 1px solid #ccc;

    background-color: #fff;

    text-align: center;

    margin-bottom: 5px;

}

.cpxz-li{

    width: 740px;

    display: flex;

    justify-content: flex-start;

    align-items: center;

    flex-wrap: wrap;

}

.xx{

    position: absolute;

    top: 0 ;

    right: 0;

    width: 15px;

    height: 15px;

    text-align: center;

    border-radius: 50%;

    line-height: 14px;

}

}