/* 公用 */
*{
    margin: 0;
    padding: 0;
    font-family: "微软雅黑";
}
img{
    display: block;
}

.box{
    overflow: hidden;
}
body{
    /* 消除div之间的间距 */
    font-size: 0;
}
@font-face {
    font-family: '优设标题黑';
    src: url('../font/优设标题黑.TTF');
}
input{
    background-color: #f5f7fb;
    outline: none;
    border: 0 none;
}

.swiper img
{
    width: 100%;
}
ul li{
    list-style: none;
}

a{
    text-decoration: none;
    color: #000;
}
button{
    border: 0;
}
.banner img{
    width: 100%;
}
/* .banner img, */
.yy-banner img
{
    width: auto;
    height: 100%;

}
/* 动画缓动 */
.header-b,
.h-c-a,
.navlogo,
.yy,
.xw-left div img,
.xw-r-b div img,
.xw-c-left div img,
.gy-details .js-left .js-l-img>img,
.gy-details .js-right ul li>div>img,
.yy-details .yy-left img,
.xw-details ul li>div>img,
.cp-details-btn ul li:hover,
.cp-details .cp-choose-img:hover
{
    -webkit-transition:.5s;
    transition:.5s;
}


.banner{
    position: relative;

}


.inner,
.js-inner,
.inner-cert,
.inner-xw,
.inner-kf,
.inner-lx,
.inner-cp
{
    max-width: 1780px;
    width: 77%;
    margin: 0 auto;
}

.header{
    /* width: 100%; */
    /* position: absolute; */
    z-index: 999;
    position: fixed;
    width: 100%;
}
.header-b{
 
    background-color: #fff;

}
.swiper-slide-active img{
    transform: scale(1.2);
    transition: 10s;
}


.header ul li a{
    font-size: 16px;
    color: #fff;
}
.h-c-a{
    color: #000 !important;
}
/* 顶部logo替换 */
.navlogo{
    content: url('../images/logo.png');
}


/* 导航栏 */
.nav{
    width: 77%;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    margin-top: 20px;
    margin-bottom: 20px;
    align-items: center;

}
/* 搜索 */
.search{
    display: flex;
}
.btn{
    display:none;
}
.btn ul li{
    width: 32px;
    height: 3px;
    margin-bottom: 6px;
    background-color: #000;
}   
.search2{
    display: flex;
    align-items: center;
    position: relative;
}

.inputs{
    width: 300px !important;
    -webkit-transition:.5s;
    transition:.5s;
    transition: .5s ease-in;
    visibility: initial !important; 

}   
.search2 input{
    transition: .5s ease-in;
    visibility: hidden;
    width: 0;
    padding: 4px 20px;
    border-radius: 20px;
}
.search1-img{
    position: absolute;
    top: 22%;
    right: 1%;
    width: 15px;
    transform: translate(-22%,1%);
}
.search1-img>img{
    width: 100%;
}
.search1-imgs{
    content: url('../images/search.png');
}
.search2-imgs{
    content: url('../images/search-1.png');
    
}
.nav>ul li{
    display: flex;
    align-items: center;
    
}
/* 弹出 */
.tc{
    display: none;
    width: 100%;
    height: 100%;
    z-index: 999;
    position: fixed;
    top: 0;
    left: 0;
    background-color: rgba(0, 0, 0, 0.5);
    margin-top: 93px;
}
.tc-cont{
    position: relative;
    width: 100%;
    background-color: #fff;
    padding: 5px 25px 30px;
    box-sizing: border-box;
}
.tc-cont>ul>li>a{
    color: #000;
}
.tc-cont ul{
    height:80%;
    overflow-y: auto;
}
.tc-cont ul li{
    color: #555555;
    font-size: 24px;
    width: 60%;
    border-bottom:1px #232323 solid;
}
.tc-cont ul li a{
   display: block;
   padding: 15px 5px ;
   cursor: pointer;
}


.logo{
    width: 190px;
    height: 54px;
}

.nav>ul{
    width: 42%;
    display: flex;
    flex: auto;
    justify-content: flex-end;
}
.nav>ul li{
    margin-left: 3%;
}

.yy-c-1>div,
.yy-c-2>div
{
    display: flex;
    align-items: center;
    justify-content: center;
}

/* 顶部banner部分 */
.swp{
    position: relative;
}
/* 公用上下左右居中 弹性 */
.banner-text,
.banner-txt
{
    display: flex;
    align-items: center;
    justify-content: center;
}
.banner-text{
    position: absolute;
    top: 50%;
    left: 50%;
    flex-direction:column;
    transform: translate(-50%,-50%);
   
}
.banner-txt{
    width: 334px;
    height: 70px;
    background-color: #c70700;
    border-radius: 30px;
    font-size: 24px;
    color: #fff;
    font-family: '思源黑体 CN';
}

.banner-text h1{
    font-size: 90px;
    color: #fff;
    font-family: '思源黑体 CN';
}
.banner-text1{
    position: absolute;
    top: 42%;
    flex-direction:column;
}
.banner-text1>div{
    display: flex;
}
.banner-text1>div>h1:first-child{
    color: #bf0900;
}
.banner-text1 h1{
    font-size: 72px;
    font-family: '思源黑体 CN';
    color: #fff;
}
.banner-text1 .banner-span1{
    color: #fff;
    font-size: 24px;
    font-family: '思源黑体 CN';
}

.banner-inner{
    width: 77%;
    margin: 0 auto;
}
/* 字体样式  公用*/
.search-text h1,
.search-text p
{
    color: #fff;
}

.yy-content h1,
.xw h1
{
    font-size: 48px;
}

.cp
{   
    background: url('../images/cp-bg.png') no-repeat ;
    /* position: relative; */
    /* display: flex; */
}

.cp-hr{
    display: none;
    width: 100%;
    height: 3px;
    position: absolute;
    bottom: -43px;
    background-color: red;
}
/* 产品右边图片 */
.cp-c-right img{
    width: 80%;
    float:right;
}





/* banner 2 字体样式 */


.cp-inner,
.inner-gy
{
    margin: 0 auto;
    width: 77%;
}

.cp-inner ul{
    justify-content: space-between;
}

/* 字体样式  */
.cp-inner ul li p{
    font-size: 14px;
    color: #fff;
    font-family: '思源黑体 CN';
}

.cp-left ul li{
    font-size: 18px;
}

.cp-content{
    margin-top: 100px;
}


/* 应用 */
.yy{

    background: url('../images/banner4-1.png') no-repeat top center;
    background-size: auto 100%;
    display: flex;
    height: 960px;
    position: relative;
}
.yy ul li{
    display: none;
}
.yy-li-show{
    display: block !important;
}
.yy-inner{
    width: 100%;
    background-color: rgba(0, 0, 0, 0.5);
}

.yy-inner .swiper-slide {
    width: 12.5%;
    display: flex;
    align-items: center;
    justify-content: center;
    place-items: flex-end;
    border-right: 1px solid #4a5260;
    text-align: center;
}
.yy-inner .swiper-slide:last-child{
    border-radius: 0;
}
.yy-swiper-w{
    width: 25% !important;
}
.yy-swiper-w1{
    width: 10.71% !important;
}

.yy-inner .swiper-slide .yy-c-1{
    flex-flow: column;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 76px;
}
.swiper-slide span{
    font-size: 16px;
    color: #fff;
}
.swiper2{
    display: block;
    height: 100%;
    overflow: hidden;
}

.yy-header{
    position: absolute;
    top: 11%;
    left: 50%;
    transform: translate(-50%,-11%);
    z-index: 2;
    text-align: center;
}
.yy-header>h1{
    font-size: 45px;
    color: #fff;
}
.yy-header>span{
    font-size: 16px;
    color: #fff;
}
/* 产品推荐 */

.cp-box{
    border-bottom: 1px solid #cdced1;
}

.cp .cp-top{
    display: flex;
    align-items: center;
    padding: 42px 0;
    justify-content: space-between;
}
.cp .cp-top .cp-t-left span{
    font-size: 16px;
    color: #323232;
    /* flex: none; */
}
.cp-t-left{
    width: 50%;
}
.cp-t-right{
    width: 98.5%;
}
.cp-t-left>div,
.cp-t-left
{
    display: flex;
    align-items: center;
}

.cp-t-left>div:nth-child(2){
    margin-left: 40px;
}
.search1,
.com-sel
{
    margin-left: 42px;
}
                      

/* 搜索 */
.search1{
    display: flex;
}
.com-sel {
    cursor: pointer;        /*鼠标上移变成小手*/
    display: flex;
    align-items: center;
}
.com-opt{
    border: 0;
    width: 100px;  
    outline: none;
    /*去掉默认的下拉三角*/
      appearance:none;  
       /*添加下拉三角图标*/
    background: url("../images/search2.png") no-repeat right center transparent;
}

.cp .cp-t-right ul{
    display: flex;
}
.cp .cp-t-right ul li a{
    font-size: 20px;
    color: #323232;
}
.cp-content ul li{
    display: none;
    justify-content: space-between;
    margin-bottom:165px;
}

.cp-c-show{
    display: flex !important;
}
.cp .cp-content h1{
    color: #c70700;
    font-size:45px;
}
.cp-c-txt-1{
    margin-top: 90px;
    margin-bottom: 80px;
}

.cp-c-txt-2{
    /* padding-bottom: 256px; */
}
.cp-c-left a{
    background-color: #c70700;
    width: 170px;
    height: 56px;
    color: #fff;
    font-size: 16px;
    margin-top: 30px;
    float:left;
    text-align:center;
    line-height:56px;
}



.cp .cp-content .cp-c-txt-1 h1{
    color: #0d0713;
    font-size:48px;
}
.cp .cp-content .cp-c-txt-2 h1{
    color: #0d0713;
    font-size:24px;
    margin-bottom:10px;
    
}

.cp .cp-content span{
    color: #6c6c6c;
    font-size: 24px;
}
.cp .cp-content .cp-c-txt-2>span{
    font-size: 18px;
}


.yy-c-1 div{
    margin-bottom: 10px;
}
.yy-content{
    height: 100%;
}
.yy-content h1{
    color: #fff;
    text-align: center;
    margin-top: 86px;
    margin-right: 49px;
    margin-bottom: 25px;
}
.yy-content ul{
    display:-webkit-inline-box;
    width: 100%;
    position: absolute;
    bottom: 0;
}
.yy-content ul li {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 12.5%;

}
.yy-content ul li span{
    font-size: 18px;
    color: #fff;

}

.yy-c-1{
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    /* margin-right: 49px; */
    align-items: center;
    /* width: 25%; */
    
}
.yy .yy-h-text>h1{
    margin-top: 62px;
    margin-bottom: 30px;
    font-size: 30px;
    color: #fff;
}
.yy-h-text a{
    width: 170px;
    margin-top: 30px;
    border-radius: 30px;
    height: 55px;
    background-color: #fff;
    color:#000000;
    font-size:12px;
    line-height:55px;
}
.yy-c-1>div{
    margin-bottom: 24px;
}

/* 介绍 */
    .js,.lx-details{
        margin-top: 100px;
    }
.js-left{
    width: 45%;
}
/* 字体样式 */
.js .js-left p{
    font-size: 18px;
    color: #a3a3a3;
}
.js-left a{
    font-size: 16px;
    color: #c70700;
    margin-top: 50px;
}

.js .js-left h1{
    font-size: 42px;
    color: #c70700;
}
.js .js-left ul   {
    flex-wrap: wrap;
    margin-top: 70px;
    margin-bottom: 50px;
}
.js .js-left ul li  {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 26%;
    margin-bottom: 40px;
}

.js .js-left ul li  div{
    display: flex;
}
.js .js-left ul li  div h1{
    font-size: 42px;
    font-family: 'Impact';
    color: #313131;
}
.js .js-left ul li div span{
    font-size: 14px;
    color: #313131;
}
.js .js-left ul li  p{
    font-size: 16px;
    color: #313131;
}

.js-left ul{
    display: flex;
    justify-content: space-between;
}

.js-inner{
    display: flex;
    justify-content: space-between;
}
.js-right{
    width: 31%;
}


/* 新闻 */
.xw{
    margin-top: 100px;
    overflow: hidden;
}
.xw-c-left{
    width: 65%;
}
.xw-c-right{
    width: 28%;
}
.xw-c-left ul{
    display: flex;
    justify-content: space-between;
}
.xw-c-left ul li{
    width: 48%;
}
.xw>.inner>h1{
    margin-bottom: 80px;
}
.xw-c-l-text p{
    overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.xw-c-l-text p:nth-child(1){
    font-size: 18px;
    color: #222222;
    margin-top: 40px;
    margin-bottom: 20px;
}
.xw-c-l-text p:nth-child(2){
    font-size: 14px;
    color: #747474;
    margin-bottom: 20px;
}
.xw-c-l-text span{
    font-size: 14px;
    font-weight: bolder;
    color: #c70700;
}
.xw-content{
    display: flex;
    justify-content: space-between;
}

.xw .xw-left{
    width: 67%;
}
.xw .xw-right{
    width: 28%;
}

.xw-c-right .xw-c-l-text p:nth-child(1){
    margin-top: 0;
}
.xw-c-left img,
.xw img
{
    width: 100%;
}

.xw-c-right ul li{
    padding-bottom: 30px;
    margin-bottom: 28px;
    border-bottom: 1px solid #e6e6e6;
}

.xw-c-right ul li:last-child{
    border: 0;
}
.xw-content1{
    padding: 0 20px 20px 20px;
}


/* 底部 */
.foot{
    margin-bottom: 100px;
    margin-top: 100px;
}
.foot  .foot-content{
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid #e5e5e5;
    padding-bottom: 34px;
}
.foot .foot-left{
    width: 60%;
}
.foot .foot-right{
    width: 14%;
    justify-content: space-between;
}



/* 底部字体样式 */
.foot-left ul,
.foot-right
{
    display: flex;
}
.foot-left ul li a,
.foot-left p
{
    font-size: 16px;
    color: #424242;
}
.foot-left ul{
    margin-top: 72px;
    margin-bottom: 22px;
}
.foot-left ul li {
    margin-right: 30px;
}
/* 底部字体 */
.foot-right p{
    text-align: center;
    font-size: 12px;
    color: #464646;
}
.foot-1{
    margin-top: 34px;
    font-size: 14px;
    color: #424242;
}

/* hover 部分 */

.cp-inner .cp-img:hover
{
    background-color:#b70d00 ;
}
.yy-content ul li:hover {
    /* background-color: #b70d00; */
    background-image: linear-gradient(to left, rgba(165, 13, 1, 1), rgba(255, 255, 255, 0))
}
.cp-c-left a:hover,
.lx-details .lx-ipt button:hover
{
    background-color: #aa041f;
}


/* 顶部hover  */
.header ul li a:hover,
.foot-left ul li a:hover,
.xw-c-left .xw-c-l-text p:hover,
.xw-c-right .xw-c-l-text p:hover,
.xw-details .xw-m-2 a:hover span
{
    color: #b70d00 !important;
}

/* 图片放大 */
.xw-left div,
.xw-r-b div,
.xw .xw-c-left div,
.gy-details .js-left .js-l-img,
.gy-details .js-right ul li>div,
.yy-details .yy-left,
.xw-details ul li>div
{
    overflow: hidden;
    
}

.xw-left div>img:hover,
.xw-r-b div>img:hover,
.xw-c-left div>img:hover,
.gy-details .js-left .js-l-img>img:hover,
.gy-details .js-right ul li>div>img:hover,
.yy-details .yy-left img:hover,
.xw-details ul li>div>img:hover
{

    transform: scale(1.1);
}

/* 产品推荐的ullihover */
.cp .cp-t-right ul li:hover{
    position: relative;
    
}
.cp .cp-t-right ul li:hover .cp-hr {
    display: block;
}
.yy .swiper-wrapper .swiper-slide .yy-c-1{
    display: block;
    width: 100%;
}
.yy .swiper-wrapper .swiper-slide .yy-c-2{
    display: none;
    width: 80%;
}
.yy-h-text{
    display: flex;
    flex-direction: column;
    align-items: center;
}
.yy .swiper-wrapper .swiper-slide:hover .yy-c-1{
    display: none;
}
.yy .swiper-wrapper .swiper-slide:hover .yy-c-2{
    display: block;
    
}
.yy .swiper-wrapper .swiper-slide{
    -webkit-transition:.5s;
    transition:.5s;
}
.yy .swiper-wrapper .swiper-slide:hover {
    
    flex-flow: column;
    align-items: center;
    background-color: rgba(154, 19, 17, 0.8);
}


/* 切换部分 */
/* 点击事件 */

/* 轮播图  */
    /* 滚动条 */
.swiper-horizontal>.swiper-pagination{
    left: 50% !important;
    bottom: 11% !important;
    transform: translate(-50%,-50%);
}
.swiper-pagination-clickable .swiper-pagination-bullet{
    width: 48px;
    border-radius:5px; 
    height: 8px;
    transition:all linear .2s; 
    background:#fff !important;
    opacity: 1;
}

.swiper .swiper-pagination-bullet-active{
    background: #b70d00 !important;
    width: 48px;
    height: 8px;
    border-radius:5px; 
    transition:all linear .2s; 
}



/* 关于的内页 */
.banner-gy{
    position: relative;
}

.h-bg{
    position: absolute;
    bottom: 0;
    width: 100%;
    padding: 20px 0;
    background-image: linear-gradient(to right, rgba(171, 46, 38, 1), rgba(255, 255, 255, 0))
}
.h-bg ul{
    display: flex;
}
.h-bg ul li{
    margin-right: 50px;
}
.h-bg ul li a{
    font-size: 16px;
    color: #fff;
}
.content{
    margin-top: 94px;
}


.js-right img{
    width: 100%;
}

.js,
.yy-details,
.yy-recomd ul
{
    display: flex;
    justify-content: space-between;
}
.yy-details .yy-left
{
    width: 50%;
}
.yy-details .yy-right
{
    width: 47%;
}
.js-right ul{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.js-right ul li{
    width: 48%;
    margin-right: 12px;
    margin-bottom: 8px;
}


.banner-img>img,
.js-left img
{
    width: 100%;
}
.cp-details .cp-d-content img
{
    height:300px;
}

/* 应用 */
.yy-details .yy-right p{
    font-size: 16px;
    color: #000;
    line-height:30px;
}
.yy-details .yy-right{

}
/* 横线 */
.hx{
    border-top: 6px solid #f0f0f0;
}
.mtop{
    margin-top: 60px;
}

.inner-gy .yy-recomd span{
    color: #000;
    font-size: 24px;
}



/* 点击字体加粗 */
.bolds{
    font-weight: bolder;
}


.yy-recomd span{
    font-size: 24px;
    margin-bottom: 40px;
}
.yy-recomd ul li{
    width: 32%;
    border:1px solid #e1e1e1;
    display: flex;
    align-items: center;
    flex-direction: column;
}


.yy-left img
{
    width:100%;
}
.yy-recomd img
{
    height:300px;
}
.yy-recomd ul li div{
    height: 270px;
    padding: 70px 20px 30px 20px;
    display: flex;
    align-items: center;
}


/* 公用头部 */

.inner-gy>.inner-h{
    position: absolute;
    top: 40%;
}
.inner-gy h1{
    font-size: 48px;
    color: #fff;
}
.gy-details>.inner-gy h1,
.content>.inner-gy>h1,
.cert-details>.inner-cert>h1,
.kf-details>.inner-kf>h1,
.cp-details
{
    margin-top: 90px;
}
.inner-gy span{
    font-size: 16px;
    color: #fff;
}

.inner-gy>h1,
.inner-cert>h1,
.inner-kf>h1
{
    font-size: 36px;
    color: #b70d00;
    text-align: center;
}
.inner-gy>p,
.yy-details,
.yy-recomd,
.inner-cert .cert,
.inner-kf .kf
{
    font-size: 16px;
    margin-top: 42px;
    margin-bottom: 62px;
    color: #000000;
}
.gy-details .js-left{
    width: 50%;
}
.gy-details .js-right{
    width: 49%;
}

.gy-details .js-right div{
    width: 100%;
}
.gy-details .js-right ul li:nth-child(3){
    margin-bottom: 0;
}

.gy-details .js-right ul li:nth-child(4){
    margin-bottom: 0;
}

.gy-details .js{
    margin-top: 0;
}

.gy-details .gy-btn{
    margin-top: 70px;
}
.gy-details .gy-btn ul{
    display: flex;
    justify-content: space-evenly;
}
.gy-details .gy-btn span:nth-child(1){
    font-size: 48px;
    color: #b70d00;
    font-weight: bolder;
}
.gy-details .gy-btn span:nth-child(2){
    font-size: 16px;
    color: #b70d00;
    font-weight: bolder;

}
.gy-details .gy-btn p{
    font-size: 16px;
    color: #3a3a3a;
}
.gy-details .gy-btn ul li>div{
    text-align: center;
}


/* 资质证书 */
.cert-details .cert,
.cert-details ul
{
    height: 100%;

}
.cert-details ul li
{
    width: 33%;
    float:left;
    text-align:center;
    margin-bottom:50px;
}
.cert-details ul li img
{
    height:300px;
    margin:0 auto;
}
.cert-details ul{
}

/* 新闻中心 */

.xw-details .xw ul{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.xw-details .xw ul li{
    width: 30%;
    border: 1px solid #f0f0f0;
    margin-bottom: 50px;
}

/* 字体样式 */
.xw-details .xw ul li p:nth-child(1){
    font-size: 18px;
    color: #090909;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.p2{
    font-size: 14px;
    color: #848484;
    /* overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap; */
    display: -webkit-box;
   -webkit-box-orient: vertical;
   -webkit-line-clamp: 2;
    overflow: hidden;
    text-overflow: ellipsis;

}


.xw>ul>li>div>a>p{
    margin-top: 26px;
}

.xw-details .xw ul li div>span,
.xw-details .xw ul li a>span
{
    font-size: 14px;
    color: #b6b6b6;
}
.xw-m-1,.xw-m-2,.xw-m-2 a{
    display: flex;
    align-items: center;
}

.xw-m-1{
    margin-top: 20px;
    margin-bottom: 20px;
}
.xw-m-2{
    margin-top: 26px;
}
.time{
    margin-left: 6px;
}
.num{
    margin-left: 6px;
    margin-right: 6px;
}
.fx{
    margin-left: 16px;
}


/* 客服 */

.kf-details .kf-h1{
    display: flex;
    justify-content: center;
}
.kf-details .kf-h1 h1{
    font-size: 60px;
    margin-top: 30px;
    font-family: 'Impact';
}


.kf-details .kf-h1 h1:nth-child(1){
    color: #b70d00;
}
.kf-p{
    margin-top: 42px;
}

.kf-details p{
    font-size: 16px;
    text-align: center;
    margin-bottom: 20px;
    color: #0d0713;
    line-height:1.5;
}
.kf-details .kf-round{
    width: 110px;
    height: 110px;
    border-radius: 50%;
    background-color: #b70d00;
    display: flex;
    justify-content: center;
    align-items: center;
}
.kf-details ul{
    display: flex;
    justify-content: space-evenly;
}
.kf-details ul li{
    display: flex;
    align-items: center;
    flex-direction: column;
    width: 14%;
}
/* 加粗 */
.kf-bold{
    font-weight: bolder;
    margin-top: 8px;
}


/* 联系我们 */
.lx-details .lx{
    display: flex;
    justify-content: space-between;
}
.lx-details .lx-left{
    width: 34%;
}
.lx-details .lx-right{
    width: 58%;
}



/* 字体样式 */
.lx-details .lx-left p:nth-child(1){
    font-size: 24px;
    color: #000000;
}
.lx-details .lx-left p:nth-child(2){
    margin-top: 22px;
    margin-bottom: 22px;
}
.lx-details .lx-left p{
    font-size: 16px;
    color: #000000;
}

.lx-details .lx-left h1{
    font-size: 48px;
    color: #b70d00;
    font-family: 'Impact';
    margin-bottom: 30px;
}

.lx-details .lx-left span{
    font-size: 16px;
    color: #000000;
}
.lx-details .lx-left ul li:first-child{
    align-items: baseline ;
}

.lx-details .lx-left ul li{
    display: flex;
    align-items: center;
    margin-bottom: 20px;
}
.lx-details .lx-ipt .lx-ipt-top{
    margin-bottom: 50px;
}
.lx-details .lx-ipt .lx-ipt-top p:nth-child(1){
    font-size: 30px;
    color: #000000;
}
.lx-details .lx-ipt .lx-ipt-top p:nth-child(2){
    font-size: 14px;
    color: #bebebe;
}
.lx-details .lx-ipt ul{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
 }
 .lx-details .lx-ipt{
    margin-top: 60px;
 }
.lx-details .lx-ipt ul li{
   width: 48%;
   margin-bottom: 22px;
   display:block;
}
.lx-details .lx-ipt ul li input{
    height: 56px;
    padding: 0 2.2%;
    width: 94%;
    border-radius: 6px;
    background-color: #fff;
    border: 1px solid #dadada;
}
.lx-details .lx-ipt ul li input::-webkit-input-placeholder,
.lx-details .lx-ipt ul li textarea::-webkit-input-placeholder
{
    font-size: 14px;
    color: #c2c0c0;
 }
 .lx-details .lx-ipt ul li:last-child {
    width: 100%;
 }
 textarea{
    outline: none;
    width: 97%;
    padding: 2.2% 1.2%;
    border: 1px solid #dadada;
 }
 .lx-details .lx-ipt button {
    width: 172px;
    height: 56px;
    background-color: #b70d00;
    font-size: 18px;
    color: #ffffff;
}


/* 产品中心 */
.cp-details .cp{
    background: none;
}
.inner-cp{
    overflow: hidden;
}

.cp-details .cp-choose-img{
    padding: 20px;
    border-radius: 10px;
    width: 40px;
    height: 40px;
    background-color: #f1f1f1;
    display: flex;
    align-items: center;
    justify-content: center;
    margin:0 auto;
}
.cp-details .cp-choose-img:hover{
    background-color: #b70d00;
}
.cp-details .cp-choose-img:hover img:first-child{
    display: none;
}

.cp-details .cp-choose-img:hover img:last-child{
    display: block;
}

.cp-details .cp-choose-img img:first-child{
    display: block;
}
.cp-details .cp-choose-img img:nth-child(2){
    display: none;
}

/* 点击的事件 */
.sign .cp-details .cp-choose-img img:first-child{
    display: none;
}
.sign .cp-details .cp-choose-img img:nth-child(2){
    display: block;
}

.cp-details .cp-d-content div{
    display: none;
}

.cp-d-c-show{
    display: block !important;
}






.cp-d-h{
    background-color: #b70d00 !important;  
}

.cp-details .cp-d-content ul{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}   

.cp-details .cp-d-content ul li{
    width: 30%;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    display: flex;
    border: 1px solid #e1e1e1;
    padding: 1%;
    margin-bottom: 22px;
}

.cp-details .cp-d-content h1 {
    margin-top: 50px;
    margin-bottom: 50px;
    font-size: 36px;
    color: #b70d00;
}   

.cp-details .cp-d-content ul li p{
    font-size:24px;
    color: #000;
    margin-bottom: 30px;
}   

.cp-details .cp-d-content ul li>div{
    display: flex;
    align-items: center;
    justify-content: center;
}



/* 产品详情内页 */

/* 顶部 */

.cp-details-top{
    width: 77%;
    margin: 0 auto;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    display: flex;
    justify-content: space-evenly;
}
.cp-details-top .cp-d-t-left{
    width: 35%;
}
.cp-details-top .cp-d-t-right>p{
    font-size: 42px;
    color: #b70d00;
}
.cp-details-top .cp-d-t-right>h1{
    font-size: 60px;
    margin-top: 36px;
    margin-bottom: 70px;
    color: #b70d00;
}
.cp-details-top .cp-d-t-right {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 47%;
}
.cp-details-top .cp-d-t-right ul li {

    text-align: center;
}
.cp-details-top .cp-d-t-right ul li p:nth-child(1){
    font-size: 24px;
    font-weight: bolder;
    color: #1a1a1a;
}
.cp-details-top .cp-d-t-right ul li p:nth-child(2){
    font-size: 20px;
    font-family: '思源黑体 CN';
    color: #313131;
}
.cp-details-top .cp-d-t-right ul {
    display: flex;
    justify-content: space-between;
    width: 100%;
}

 .cp-details-btn{
    position: absolute;
    width: 77%;
    /* bottom: -8%; */
    bottom: -60px;
    left: 50%;
    transform: translate(-50%);
}
 .cp-details-btn ul{
    display: flex;
}

 .cp-details-btn ul li {
    flex-direction: column;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 25%;
    background-color: #b70d00;
}
.cp-details-btn ul li>div{
    margin-top: 22px;
}
 .cp-details-btn ul li p{
    font-size: 18px;
    color: #fff;
    margin-top: 16px;
    margin-bottom: 22px;
}


/* :hover-------- */
.cp-details-btn ul li:hover{
    background-color: #fff;

}
.cp-details-btn ul li img:first-child{
    display: block;
}

.cp-details-btn ul li img:last-child{
    display: none;
}
.cp-details-btn ul li:hover p {
    color: #b70d00;
}

.cp-details-btn ul li:hover img:first-child{
    display: none;
}


.cp-details-btn ul li:hover img:last-child{
    display: block;
}

.cp-details-page{
    background-color: #f0f0f0;
}
.cp-page{
    margin-top: 100px;
}
.cp-details-page li{
    width: 84%;
}
.cp-details-page p{
    font-size: 18px;
    color: #161616;
    font-weight:lighter;
    line-height:2;
}

.cp-page{
    margin-top: 175px;
}
.cp-page ul li{
    display: none;
    justify-content: space-between;

}
.cp-details-page .inner-cp{
    padding-bottom: 300px;
}


.cp-page-show{
    display: block !important;
}

.cp-d-t-left img,
.cp-details-page .cp-p-right img
{
    height:500px;
}


















/* 分页器 */
.pagination{
    display: flex;
}
.pagination>li{
width: 58px;
height: 58px;
border: 1px solid #e0e0e0;
display: flex;
align-items: center;
justify-content: center;
margin-left: 7px;

}
.pagination>li>a{
    color: #555555;
    font-size: 14px;
}
.cur 
{
    width: 58px;
    height: 58px;
    border: 1px solid #e0e0e0;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #b70d00 !important;
    color:#ffffff !important;
}

.prev{
    width: 73px !important;
}
.next{
    width: 73px !important;
}

/* 分页位置 */
.fy{
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 90px;
}

/* 按钮 确定 */
.paginationjs-go-button{
    display: flex;
    border: 1px solid #115cb1;
    align-items: center;
    justify-items: center;
    width: 73px;
    height: 41px;

}

.paginationjs-go-input>input{
    display: flex;
    width: 41px;
    justify-content: center;
    align-items: center;
    height: 41px;
    border: 1px solid #e0e0e0;
    margin-left: 7px;
}

/* 新增客服轮播 */
.kf .swiper .swiper-wrapper{
    display: flex;
    justify-content: space-between;
}
.kf .swiper .swiper-slide {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}

.kf .kf-r-text{
    width: 80%;
}
/* 分页点击的效果 */
.active{
    background-color: #b70d00 !important;
}
.active a{
    color: #fff !important;
}


/* 资讯详情 */
.inner-zx{
    width: 77%;
    margin: 0 auto;
}
.details{
    display: flex;
    justify-content: space-between;
}
.details .dts-left .l-t p{
    display: flex;
}
.l-t h1
{
    font-size:28px;
}

.time{
    display: flex;
}
.time div{
    color: #999999;
    font-size: 14px;
}

/* 详情左侧下文字 */
.l-m{
    margin-top: 60px;
}

/* 字体样式 */
.l-m{
    color: #555555;
    font-size: 14px;
    margin-bottom: 40px;
    line-height: 30px;
    text-indent: 2em;
}
.dts-m-img{
    text-align: center;
    margin-bottom: 60px;
}

.dts-left{
    width: 71%;
}
.dts-right{
    width: 24%;
}

/* 右侧顶部 */
.r-t div{
    font-size: 20px;
    color: #676767;
}
.dts-right .r-t{
    display: flex;
    justify-content: space-between;
    align-items: center;
}
/* 竖线 */
.shuxian{
    width: 2px;
    background-color: #cccccc;
    height: 26px;
}
.dts-right .r-t div{
    display: flex;
    align-items: center;
}

.dts-right .icon-btn{
    display: flex;
}

.dts-right .r-t ul li:nth-child(2){
    padding: 0 10px;
}
/* 图片更换 */
.tp1{
    width: 42px;
    content: url('../images/icon1-m.png');
}
.tp2{
    width: 42px;
    content: url('../images/icon2-m.png');
}
.tp3{
    width: 42px;
    content: url('../images/icon3-m.png');
}

.dts-m-img>img{
    width: 100%;
}

/* 右侧下文 字体样式 */
.dts-right .r-m ul{
    margin-top: 80px;
}

.dts-right .r-m h2{
    font-size: 18px;
    color: #555555;

}

.dts-right .r-m p{
    font-size: 12px;
    color: #b7b6b6;
    padding: 18px 0;
}


.dts-right .r-m span{
    font-size: 16px;
    color: #555555;
    line-height: 26px;
}

.dts-right .r-m ul li{
    margin-bottom: 50px;
}


img {
    border: none;
    vertical-align: middle;
}


.search .search1-img>div>a:nth-child(1){
    display: block;
}
.search .search1-img>div>a:nth-child(2){
    display: none;
}

.sign div>a:nth-child(1){
    display: none !important;
}
.sign div>a:nth-child(2){
    display: block !important;
}


/* 应用 新增 手机端 */
.yy-mobile{
    display: none;
}
.yy-mobile .yy-m-banner ul li img{
    width: 100%;
}
.yy-mobile ul li{
    position: relative;
}

.yy-mobile .yy-m-text{
    position: absolute;
    bottom: 0;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    background-color: rgba(0, 0, 0, 0.5);
    height: 100%;
}
.yy-mobile .yy-m-text h1{
    margin-bottom: 10px;
    font-size: 16px;
    color: #fff;
}

.yy-mobile .yy-m-text span{
    font-size: 12px;
    color: #fff;
}
.yy-mobile>.inner>h1{
    font-size: 25px;
    color:#000;
    margin-bottom: 20px;
}
.yy-m-banner ul li{
    display: none;
}
.yy-m-banner ul li .yy-m-text>div{
    width: 80%;
    text-align: center;
}
.yy-m-show{
    display: block !important;
}

.y-m-btn{
    background-color: rgba(183, 13, 0, 0.8);
}
.yy-mobile .yy-c-1>div>img{
    width: 100%;
}
.yy-mobile .yy-c-1>div{
    height: 35px;
}