@media (min-width: 768px) {
    html {
        font-size: 28px!important;
    }
}
@media (min-width: 1025px) {
    ::-webkit-scrollbar {
        width: 6px;
        height:6px;
    }

    ::-webkit-scrollbar-track {
        background: #fff;
    }

    ::-webkit-scrollbar-thumb {
        background: #0084d2;
        
    }

    ::-webkit-scrollbar-thumb:window-inactive {
        background: #0084d2;
    }

    ::-webkit-scrollbar-thumb:vertical:hover {
        background: #0084d2;
    }
    html {
        font-size: 30px!important;
    }
    body{
        -ms-overflow-style: scrollbar;
    }
}
@media (min-width: 1440px) {
    html {
        font-size: 34px!important;
    }
}
@media (min-width: 1680px) {
    html {
        font-size: 40px!important;
    }
}
img{
    outline: none;
}


.xuanfugun::-webkit-scrollbar-track {
        background: transparent;
    }

.xuanfugun::-webkit-scrollbar-thumb {
        background: transparent;
        
    }

.xuanfugun::-webkit-scrollbar-thumb:window-inactive {
        background: transparent;
    }

.xuanfugun::-webkit-scrollbar-thumb:vertical:hover {
        background: transparent;
    }


select::-ms-expand { display: none; }
input,select,textarea{
    box-shadow: none;
    outline: none;
    border: none;
    border-radius: 0;
    -ms-appearance: none;
    -moz-appearance: none;
    -webkit-appearance:none;
    appearance:none;  
    padding: 0;
}
textarea{
  resize: none;
}
select::-ms-expand { display: none; }

input::-webkit-input-placeholder{
    color:#888;  
}  
input:-moz-placeholder{
    color:#888;
}  
input::-moz-placeholder{
    color:#888;
}  
input:-ms-input-placeholder {
    color:#888;
}  

textarea::-webkit-input-placeholder{
    color:#888;  
}  
textarea:-moz-placeholder{
    color:#888;
}  
textarea::-moz-placeholder{
    color:#888;
}  
textarea:-ms-input-placeholder {
    color:#888;
}
@font-face {
  font-family: "PINGFANG BOLD";
  src: url("/static/font/PINGFANGBOLD.woff2") format("woff2"),
       url("/static/font/PINGFANGBOLD.woff") format("woff"),
       url("/static/font/PINGFANGBOLD.ttf") format("truetype"),
       url("/static/font/PINGFANGBOLD.eot") format("embedded-opentype"),
       url("") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "BEBAS__";
  src: url("/static/font/BEBAS__.woff2") format("woff2"),
       url("/static/font/BEBAS__.woff") format("woff"),
       url("/static/font/BEBAS__.ttf") format("truetype"),
       url("/static/font/BEBAS__.eot") format("embedded-opentype"),
       url("") format("svg");
  font-weight: normal;
  font-style: normal;
}
body{
    overflow:hidden;
    font-family: "NotoSansHans-Medium";
}
.main{
    width: 97%;
    margin: 0 auto;
    padding-top: 1.5rem;
}
.banner-swiper{
    width: 100%;
    overflow: hidden;
    position: relative;
}

.banner-swiper .swiper-slide img{
    width: 100%;
}
.w1420{
    width: 75.9%;
    margin: 0 auto;
}
.pho-banner{
display: none;
}
.banner-swiper .banner-num{
    position: absolute;
    left: 1rem;
    bottom: 1.25rem;
    z-index: 10;
    text-align: center;
    overflow:hidden;
    width:0.8rem;
}
.banner-swiper .banner-num .swiper-slide{
    width:auto;
    padding-bottom:0.6rem;
    position:relative;
}
.banner-swiper .banner-num .swiper-slide .num{
    opacity:0;
}
.banner-swiper .banner-num .swiper-slide-active .num{
    opacity:1;
}
.banner-swiper .banner-num .num{
    font-family: "DINCond-Bold";
    font-size:0.45rem;
    color: #333; 
}

.banner-swiper .banner-num .swiper-slide:before{
position:absolute;
width:1px;
height:0.4rem;
background-color:#222;
content:"";
left:50%;
transform:translateX(-50%);
bottom:0;
}
.banner-swiper .banner-num .swiper-slide-active:before{
height:0.6rem;
transition:all 0.3s;
}
.banner-swiper .banner-num .num-img{
    width: 0.7rem;
}
.banner-swiper .banner-num .num-img img{
    width: 100%;
}
.boc-mian{
    background: #f1f1f1;
    padding: 2.25rem 0 4rem;
}
.boc-mian .new-header .left{
    font-family: "DIN-Medium";
    font-size: 1.05rem;
    color: #222222;
    line-height: 1;
    float: left;
}
.boc-mian .new-header .right{
    font-size: 0.6rem;
    font-family: "DIN-Medium";
    float: right;
    display: table-cell;
    vertical-align: bottom;
    height: 1.05rem;
}
.boc-mian .new-header .right a{
    color: #333;
    padding-right: 0.6rem;
    background-image: url(/static/image/smleft.png);
    background-position:right center ;
    background-size:16% 70%;
    background-repeat: no-repeat;
    overflow: hidden;
    webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.boc-mian .new-swiper-con{
    width: 100%;
    overflow: hidden;
    margin-top: 0.75rem;
}
.boc-mian .new-swiper-con .swiper-slide{
    background-color: #e0e7ed;
}
.boc-mian .new-swiper-con .slid_news{
    padding: 1.5rem 0.75rem 1rem;
    text-align: center;
     font-family: "NotoSansHans-Medium";
}
.boc-mian .new-swiper-con .slid_news .item{
    font-size: 0.65rem;
    color: #222222;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.boc-mian .new-swiper-con .slid_news .item-p{
    font-size: 0.4rem;
    color: #666666;
    overflow:hidden; 
text-overflow:ellipsis;
display:-webkit-box; 
-webkit-box-orient:vertical;
-webkit-line-clamp:2; 
height:1.6rem;
}
.boc-mian .new-swiper-con .slid_news .item-img{
    overflow: hidden;
    margin-top: 0.75rem;
    margin-bottom: 1rem;
}
.boc-mian .new-swiper-con .slid_news .item-img img{
    width: 100%;
    webkit-transition: all 0.6s ease;
    transition: all 0.6s ease;
}
.boc-mian .new-swiper-con .slid_news .more{
font-size: 0.4rem;
color: #333333;
padding: 0.25rem 0.85rem;
border:1px solid #d9d9d9;
border-radius: 1rem; 
 webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.boc-mian .wspiwer{
    position: relative;
    margin-bottom: 2.5rem;
}
.boc-mian .wspiwer .new-con-prev,.boc-mian .wspiwer .new-con-next{
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    width: 0.6rem;
    height: 1rem;
    position: absolute;
    top: 50%;
    transform:translateY(-50%);
    cursor: pointer;
    webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.boc-mian .wspiwer .new-con-prev{
    background-image: url(/static/image/left.png);
    left: -8%;
}
.boc-mian .wspiwer .new-con-next{
     background-image: url(/static/image/right.png);
    right: -8%;
}
.product-mian{
    margin-top: 0.75rem;
    margin-bottom: 2.5rem;
}
.product-mian .left{
    float: left;
    width: 51.4%;
    height: 560px;
}
.product-mian .left .pro-left{
    width: 49.3%;
    float: left;
    text-align: center;
    background-color: #fff;
    height: 100%;
    position:relative;
}
.product-mian .left .pro-left .maskt{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background-color:rgba(38,150,222,0.9);
    display:none;
}
.product-mian .left .pro-right{
    width: 49.3%;
    float: right;
    text-align: center;
    height: 100%;
    position:relative;
}
.product-mian .left .pro-right .maskt{
     position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background-color:rgba(38,150,222,0.9);
    display:none;
     webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.product-mian .left .pro-left .pro-img{
    overflow: hidden;
    margin-bottom: 1.5rem;
    margin-top: 0.5rem;
}
.product-mian .left .pro-left .pro-img img{
    width: 100%;
}
.product-mian .left .pro-left .pro-item{
    text-align: left;
    padding-left: 1rem;
    position:relative;
    z-index: 10;
}
.product-mian .left .pro-left .pro-item .name{
    font-size: 0.9rem;
    color: #222222;
    font-family: "DINCond-Bold";
    line-height: 1;
}
.product-mian .left .pro-left .pro-item .iem{
font-size: 0.65rem;
color: #222;
margin-top: 0.5rem;
line-height: 1;
}
.product-mian .left .pro-left .pro-item .more{
    font-size: 0.4rem;
    color: #333333;
    padding: 0.15rem 0.8rem;
    border: 1px solid #d9d9d9;
    border-radius: 1rem;
    display: inline-block;
    margin-top: 0.75rem;
}
.product-mian .left .pro-right .pro-div{
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-color:#fff;
    background-position:bottom center;
     background-size: 100%;
   
}
.product-mian .left .pro-right .pro-div{
    text-align: left;
}
.product-mian .left .pro-right .pro-div .pro-item{
    padding: 1.5rem 0 0 1rem;
    position:relative;
    z-index: 10;
}
.product-mian .left .pro-right .pro-div .name{
    font-size: 0.9rem;
    color: #222;
    font-family: "DINCond-Bold";
    line-height: 1;
}
.product-mian .left .pro-right .pro-div .iem{
font-size: 0.65rem;
color: #222;
margin-top: 0.5rem;
line-height: 1;
}
.product-mian .left .pro-right .pro-div .more{
    font-size: 0.4rem;
    color: #222;
    padding: 0.15rem 0.8rem;
    border: 1px solid #dedede;
    border-radius: 1rem;
    margin-top: 0.75rem;
    display: inline-block;
}
.product-mian .right{
    float: right;
    width: 47.5%;
    height: 560px;
}
.product-mian .right ul li{
    margin-bottom: 0.25rem;
    background-color: #fff;
    width: 100%;
    height: 180px;
    position:relative;
}
.product-mian .right ul li .masrt{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    display:none;
    background-color:rgba(38,150,222,0.9);
}
.product-mian .right ul li:nth-last-child(1){
    margin-bottom: 0;
}
.product-mian .right .right-div{
    padding: 0.5rem 1.25rem 0;
}
.product-mian .right .right-div .left1{
    float: left;
    position:relative;
    z-index: 10;
}
.product-mian .right .right-div .left1 .name{
    font-size: 0.65rem;
    color: #222;
}
.product-mian .right .right-div .left1 .more{
    font-size: 0.4rem;
    color: #222;
    padding: 0.15rem 0.8rem;
    border: 1px solid #d9d9d9;
    border-radius: 1rem;
    margin-top: 0.5rem;
    display: inline-block;
}
.product-mian .right .right-div .right1{
    float: right;
    overflow: hidden;
    position:absolute;
    width:44%;
    right:3%;
    // padding-bottom:26%;
    height:96%;
    top:2%;
}
.product-mian .right .right-div .right1 img{
    max-width:100%;
    position:relative;
    // top:0;
    // left:0;
    // height:100%;
}
.solve-mian{
    margin-top: 0.75rem;
    position:relative
}
.solve-mian .left{
    float: left;
    width: 59.1%;
}
.solve-mian .left .big-img{
    overflow: hidden;
    position: relative;
}
.solve-mian .left .big-img img{
    width: 100%;
}
.solve-mian .left .div-abou{
    position: absolute;
    top: 1rem;
    left: 1.25rem;
    z-index: 10;
}
.solve-mian .left .div-abou .name{
    font-size: 0.75rem;
    color: #333333;
}
.solve-mian .left .div-abou .more{
    font-size: 0.4rem;
    color: #333;
    padding: 0.15rem 0.8rem;
    border: 1px solid #b9b9bd;
    border-radius: 1rem;
    margin-top: 0.5rem;
    display: inline-block;
}
.solve-mian .left .big-img .mask{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(30,137,197,0.7);
display: none;
z-index: 1;
}
.solve-mian .left .big-img{
    margin-bottom: 10px;
}
.solve-mian .left .two-img{
    height: 7.85rem;
}
.solve-mian .left .two-img .left{
    float: left;
    width: 49.1%;
    height: 100%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    // background-image: url(/static/image/img_08.jpg);
    position: relative;
}
.solve-mian .left .two-img .right{
    float: right;
    width: 49.1%;
    height: 100%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    // background-image: url(/static/image/img_09.jpg);
    position: relative;
}
.solve-mian .left .two-img .mask{
    position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(30,137,197,0.7);
display: none;
z-index: 1;
}
.solve-mian .left .two-img .name{
    color: #fff;
}
.solve-mian .left .two-img .more{
    color: #fff;
    border:2px solid #fff;
}
.solve-mian .right{
    position:absolute;
    right:0;
    top:0;
    width: 39.8%;
    height:100%;
}
.solve-mian .right .solve-div{
    margin-bottom: 10px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100% 100%;
    height: 49%;
    width:100%;
    position: absolute;
}
.solve-mian .right .solve-div:nth-child(1){
    top:0;
}
.solve-mian .right .solve-div:nth-last-child(1){
    bottom:0;
    margin-bottom:0;
}
.solve-mian .right .solve-div .div-abou{
    position: absolute; 
    top: 1rem;
    left: 1.25rem;
    z-index: 10;
}
.solve-mian .right .solve-div .div-abou .name{
    font-size: 0.75rem;
    color: #333333;
}
.solve-mian .right .solve-div .div-abou .more{
    font-size: 0.4rem;
    color: #333;
    padding: 0.15rem 0.8rem;
    border: 1px solid #b9b9bd;
    border-radius: 1rem;
    margin-top: 0.5rem;
    display: inline-block;
}
.solve-mian .right .solve-div .mask{
     position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(30,137,197,0.7);
display: none;
z-index: 1;
}
.about-mian{
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    background-image: url(/static/image/img_12.jpg);
    padding: 4.5rem 0;

}
.about-mian .about{
    box-shadow: 5px 8px 40px rgba(114,114,144,0.1);
    overflow: hidden;
    position:relative;
} 
.about-mian .about-le{
    position:absolute;
    left:0;
    top:0;
    width: 50%;
    overflow: hidden;
    height:100%;
}
.about-mian .about-le img{
    position:absolute;
    height:100%;
    top:0;
    left:0;
    width: 100%;
}
.about-mian .about-right{
    float: right;
    width: 50%;
    background: #fff;
    overflow: hidden;
}
.about-mian .about-right .cbout-comp{
    padding: 1.5rem 1.75rem;
}
.about-mian .about-right .cbout-comp h2{
    font-size: 1.05rem;
    color: #222;
    font-family: "NotoSansHans-Medium";
    line-height: 1;
    margin-bottom: 1rem;
    position: relative;
}
.about-mian .about-right .cbout-comp h2:after{
    position: absolute;
    left: 0;
    content: "";
    height: 2px;
    width: 0.5rem;
    background: #222;
    bottom: -0.8rem;
}
.about-mian .about-right .cbout-comp .comp-item{
    font-size: 0.4rem;
    color: #454545;
    text-align: justify;
    margin-top: 0.5rem;
}
.about-mian .about-right .cbout-comp .more{
        font-size: 0.4rem;
    color: #333;
    padding: 0.15rem 0.8rem;
    border: 1px solid #b9b9bd;
    border-radius: 1rem;
    margin-top: 1.2rem;
    display: inline-block;
}
.new-mian{
    background: #fff;
}
.new-mian .new-ul{
    margin-top: 0.75rem;
}
.new-mian .new-ul ul li{
    width: 23.9%;
    margin-right: 1.26%;
    border:1px solid #eeeeee; 
    float: left;
    box-sizing:border-box;
}

.new-mian .new-ul ul li:nth-last-child(1){
    margin-right: 0;
}
.new-mian .new-ul ul li .new-img{
    overflow: hidden;
}
.new-mian .new-ul ul li .new-img img{
   width: 100%;
   webkit-transition: all 0.6s ease;
    transition: all 0.6s ease;
}
.new-mian .new-ul ul li .new-item{
    padding: 0.75rem 0.5rem 1rem;
}
.new-mian .new-ul ul li .new-item .time{
font-size: 0.35rem;
color: #999999;
}
.new-mian .new-ul ul li .new-item .new-com{
    font-size: 0.45rem;
    color: #222;
    text-overflow: -o-ellipsis-lastline;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;
  height:1.65rem;
}
.new-mian .new-ul ul li .new-item .more{
    font-size: 0.4rem;
    color: #333;
    padding: 0.15rem 0.8rem;
    border: 1px solid #b9b9bd;
    border-radius: 1rem;
    margin-top: 1.2rem;
    display: inline-block;
}
.company-mian{
    background: #f1f1f1;
    padding: 2.5rem 4rem;
}
.shouyemiansi{
    padding:2.5rem 0;
}
.company-mian .company{
    position: relative;
    height: 7.95rem;
    overflow: hidden;
}
.company-mian .company-left{
    position: absolute;
    left: 0;
    top: 0;
    width: 49.1%;
    height: 100%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-image: url(/static/image/img_15.jpg);
    transition:all 0.3s;
}
.company-mian .company-right{
    float: right;
    width:49.1%;
    height: 100%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-image: url(/static/image/img_16.jpg);
    transition:all 0.3s;
}
.company-mian .address{
    padding: 1.25rem 1rem;
}
.company-mian .address .add span{
    width: 19px;
    height: 29px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    background-image: url(/static/image/address.png);
    display: inline-block;
    margin-right: 10px;
}
.company-mian .address .add{
    font-size: 0.75rem;
    color: #fff;
    margin-bottom: 1rem;
}
.company-mian .address .add-item{
    font-size:0.5rem;
    color: #fff; 
}
.company-mian .company-right .address .add span{
    width: 19px;
    height: 29px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    background-image: url(/static/image/address1.png);
    display: inline-block;
    margin-right: 10px;
}
.company-mian .company-right .address .add{
    color: #222;
}
.company-mian .company-right .address .add-item{
    color: #222; 
}

.banner img{
    width: 100%;
}
.boc-nav-mian{
    padding: 0.65rem 0;
    border-bottom: 1px solid #dddddd;
}
.boc-nav-mian .boc-left{
    float: left;
    font-size: 0.35rem;
    font-family: "NotoSansHans-Medium";
}
.boc-nav-mian .boc-left a{
    color: #333333;
}
.boc-nav-mian .boc-left span{
    margin: 0 0.25rem;
}
.boc-nav-mian .boc-right{
    float: right;
}
.boc-nav-mian .boc-right a{
    font-size: 0.4rem;
    color: #222;
    padding: 0.15rem 0.8rem;
    background: #fff;
    border: 1px solid #eeeeee;
    border-radius: 1rem;
    box-shadow: 5px 8px 40px rgba(114,141,171,0.1)
}
.pro-bo{
    background: #f2f2f2;
}
.product-body{
    padding: 2.5rem 0 6.25rem;
    position:relative;
}
.product-body .select{
    background: #fff;
    height: 1.75rem;
    line-height: 1.75rem;
    border:1px solid #dddddd;;
}
.product-body .select .selecr-body{
    width: 90%;
    margin: 0 auto;
    position: relative;
    line-height: 1.75rem;
}
.product-body .select .selecr-body span{
    display: inline-block;
    zoom: 1;
    width: .5rem;
    height: .5rem;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    padding: 0;
    margin: 0;
    background-image: url(/static/image/select.png);
    position: absolute;
    top: 50%;
    transform:translateY(-50%) 
}
.product-body .select .selecr-body form{
    float: right;
    width: 100%;
    height: 1.75rem;
    line-height: 1.75rem;
}
.product-body .select .selecr-body form .tets{
    width: 85%;
    padding-left: 1rem;
    font-size: 0.45rem;
    color: #999999;
    height: 1.75rem;
    line-height: 1.75rem;
}
.product-body .select .selecr-body form .submit{
    font-size: 0.4rem;
    color: #fff;
    background: #33a3dd;
        padding: 0.35rem 1.2rem;
    border-radius: 1rem;
    cursor: pointer;
    position: absolute;
    right: 2%;
    top: 0.25rem;
    
} 
.product-body .pro-ul-it{
    margin-top: 1.75rem;
}
.product-body .pro-ul-it ul.por li{
    float: left;
    width: 32%;
    margin-right:2%;
    overflow: hidden;
    margin-bottom: 0.75rem;
    max-height:18.675rem;

}
.product-body .pro-ul-it ul.por li:nth-child(3n){
    margin-right: 0
}
.product-body .pro-ul-it ul.por li .li-img{
    overflow: hidden;
    position:relative;
    padding-bottom:77%;
}
.product-body .pro-ul-it ul.por li .li-img .poeduo-item{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background-color:rgba(22,148,217,0.8);
    display:none;
}
.product-body .pro-ul-it ul.por li .li-img .poeduo-item .items-a{
    height:4rem;
    overflow:auto;
}
.product-body .pro-ul-it ul.por li .li-img .poeduo-item .item{
    padding:1.25rem 0.75rem;
    text-align:left;
}
.product-body .pro-ul-it ul.por li .li-img .poeduo-item .item h2{
    font-size:0.65rem;
    line-height:1;
    margin-bottom:0.5rem;
    color:#fff;
}
.product-body .pro-ul-it ul.por li .li-img .poeduo-item .item .items-a li{width:100%;
    margin-bottom:0.2rem;
    padding-bottom: 0.2rem;
    position:relative;
    line-height:1;
}
.product-body .pro-ul-it ul.por li .li-img .poeduo-item .item .items-a li a{
    font-size:0.4rem;
    color:#fff;
}
.product-body .pro-ul-it ul.por li .li-img img{
    width: 100%;
    webkit-transition: all 0.6s ease;
    transition: all 0.6s ease;
    position:absolute;
    top:0;
    left:0;
    height:100%;
}
.product-body .pro-ul-it ul.por li .li-item{
    padding: 1.2rem 0.5rem 1.75rem 0.75rem;
    background: #fff;
}
.product-body .pro-ul-it ul.por li .li-item .name{
    font-size: 0.6rem;
    color: #222;
    font-family: "NotoSansHans-Medium";
    line-height: 1;
}
.product-body .pro-ul-it ul.por li .li-item .p-name{
    font-size: 0.35rem;
    color: #666666;
    font-family: "NotoSansHans-Medium";
    margin-top: 0.5rem;
    overflow:hidden; 
text-overflow:ellipsis;
display:-webkit-box; 
-webkit-box-orient:vertical;
-webkit-line-clamp:2; 
}
.product-body .pro-ul-it ul.por li .li-item .ul-item{
    margin-top: 0.5rem;
    font-size: 0.4rem;
    height:4rem;
    overflow:auto;
}
.product-body .pro-ul-it ul.por li .li-item .ul-item dd{
    margin-bottom: 0.4rem;
}
.product-body .pro-ul-it ul.por li .li-item .ul-item .ita{
    padding: 0.2rem 0 0.2rem 0.8rem;
    color: #333333;
    background-image: url(/static/image/leftsm.png);
    background-repeat: no-repeat;
    background-position: left center;
}
.product-info{
    padding: 2.5rem 0 0rem
}
.info-div{
    height: 11.25rem;
    background-color: #fff;
    overflow: hidden;
    margin-top: 1.25rem;
}
.product-info .info-left{
    float: left;
    width: 50%;
    position: relative;
    height: 100%;
}
.product-info .info-left .info-img{
    overflow: hidden;
    position: absolute;
    top: 50%;
    transform:translateY(-50%) ;
    width: 100%;
}
.product-info .info-left .info-img img{
    width: 100%;
}
.product-info .info-right{
    float: right;
    width: 50%;
}
.product-info .info-right .info-item{
    padding: 1.75rem 1.25rem;
    background: #fff;
}
.product-info .info-right .info-item h2{
    font-size: 0.9rem;
    color: #222;
    line-height: 1;
    margin-bottom: 1.5rem;
    position: relative;
}
.product-info .info-right .info-item h2:after{
    position: absolute;
    left: 0;
    bottom: -1rem;
    content: "";
    width: 0.8rem;
    height: 2px;
    background: #222;
}
.product-info .info-right .info-item .info-p{
    font-size: 0.4rem;
    color: #666666;
    height:5.5rem;
    overflow:auto;
}
.product-info .info-right .info-item .more{
    width: 1.225rem;
    height: 1.225rem;
    background-repeat: no-repeat;
    background-image: url(/static/image/lanyuan.png);
    background-position: center;
    background-size: 100% 100%;
    display: inline-block;
    margin-top: 1.25rem;
    display:none;
}
.product-info .info-h2{
    font-size: 0.9rem;
    color: #222;
    margin-top: 2.5rem;
}
.product-info .info-ul{
    margin-top: 0.75rem;
}
.product-info .info-ul li{
    float: left;
    width: 100%;
    margin-bottom: 0.75rem;
    position:relative;
}
.product-info .info-ul li .erimg-sop{
    position:absolute;
    left:0;
    top:0;
    width:30%;
    height:100%;
    overflow:hidden;
    background-color:#fff;
}
.product-info .info-ul li .erimg-right{
    float:right;
    width:70%;
}
.product-info .info-ul li .erimg-right .titeshie{
    width:30%;
    float:left;
}
.product-info .info-ul li .erimg-right .hosuourois{
    float:right;
    width:98%;
}
.product-info .info-ul li .erimg-sop img{
    width:100%;
    transition:all 0.3s;
    position:absolute;
    top:50%;
    transform:translateY(-50%);
    left:0;
}
.product-info .info-ul li .erimg-sop .mask{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background-color:rgba(0,0,0,0.3);
    background-repeat:no-repeat;
    background-position:center;
    background-image:url(/static/image/aboutjian.png);
    opacity:0;
    transition:all 0.3s;
}
.product-info .info-ul li .div-item{
    padding: 1.15rem 1.1rem;
    background-color: #fff;
}
.product-info .info-ul li .div-item h2{
    font-size: 0.7rem;
    color: #222;
    margin-bottom: 0.8rem;
    position: relative;
}
// .product-info .info-ul li .div-item h2:after{
//  position: absolute;
//     left: 0;
//     bottom: -0.8rem;
//     content: "";
//     width: 0.8rem;
//     height: 2px;
//     background: #222;
// }
.product-info .info-ul li .div-item .vid-p{
    font-size: 0.4rem;
    color: #333333;
    height:3rem;
    overflow:auto;
}
.product-info .info-ul li .div-item .more{
    font-size: 0.4rem;
    color: #333333;
    padding: 0.15rem 0.8rem;
    border: 1px solid #eee;
    border-radius: 1rem;
    margin-top: 1.25rem;
    display: inline-block;
}
.detial-header{
    height: 1.8rem;
    line-height: 1.8rem;
    background-color: #fff;
    border:1px solid #dedede;
}
.detial-header .detial-swiper{
    overflow: hidden;
    width: 100%;
}
.detial-header .detial-swiper .swiper-slide{
    width: 24.6% !important;
    text-align: center;
}
.detial-header .detial-swiper .swiper-slide a{
    color: #000;
    font-size: 0.45rem;
    cursor:pointer;
        white-space: nowrap;
}
.detial-header .detial-swiper .cur a{
    color: #008ad6;
}
.detial-mian{
    margin-top: 1.25rem;
    border: 1px solid #dedede;
    background-color: #fff;
}
.detial-header .detial-nav{
    overflow: hidden;
}
.nav-detai{
    height: 1.75rem;
    line-height: 1.75rem;
    border-bottom: 1px solid #dedede;
}
.nav-detai .detial-nav .swiper-slide{
    width: 11.2% !important;
    text-align: center;
}
.nav-detai .detial-nav .swiper-slide a{
    color: #333333;
    font-size: 0.4rem;
    position: relative;
    display: inline-block;
    cursor:pointer
}
.nav-detai .detial-nav .swiper-slide a.cur{
    color: #008ad6;
}
.nav-detai .detial-nav .swiper-slide a:after{
    position: absolute;
    content: "";
    bottom: -2px;
    width: 100%;
    height: 2px;
    background-color: #008ad6;
    left: 0;
    display: none;
    transition:all 0.3s;
    display: none;
}
.nav-detai .detial-nav .swiper-slide a.cur:after{
    display: block;
}
.detial-mian .data{
    padding: 2rem 0;
}
.detial-mian .data .dati-left{
    float: left;
    width: 50%;
}
.detial-mian .data .dati-left .data-tab{
    padding: 0 1rem;
}
.detial-mian .data .dati-left .data-tab .bigimg{
    overflow: hidden;
    position: relative;
    padding-bottom: 56%;
}
.detial-mian .data .dati-left .data-tab .ul-img{
    margin-top: 0.5rem;
}
.detial-mian .data .dati-left .data-tab .bigimg img{
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    // height: 100%;
    webkit-transition: all 0.6s ease;
    transition: all 0.6s ease;
}
.detial-mian .data .dati-left .data-tab .ul-img li{
    width:23%;
    margin-right: 2.6%;
    border: 1px solid #ededed;
    box-sizing: border-box;
    float: left;
    position: relative;
    padding-bottom: 14%;
}
.detial-mian .data .dati-left .data-tab .ul-img li.cur{
    border: 1px solid #008cd6;
}
.detial-mian .data .dati-left .data-tab .ul-img li:nth-last-child(1){
    margin-right: 0
}
.detial-mian .data .dati-left .data-tab .ul-img li img{
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    height:100%;
}
.detial-mian .data .dati-right{
    float: right;
    width: 50%;
}
.down-data{
    padding: 0 1.5rem;
}
.down-data h2{
    color: #222;
    font-size: 0.7rem;
    margin-bottom: 1.5rem;
    line-height: 1;
    position: relative;
}
.down-data h2:after{
    position: absolute;
    content: "";
    background-color: #222;
    width: 0.8rem;
    height: 2px;
    left: 0;
    bottom: -1rem;
}
.detial-mian .data .dati-right .down-p{
    font-size: 0.35rem;
    color: #666666;
    height:5rem;
    overflow:auto;
margin-bottom: 2rem;
text-align:justify;
text-justify: inter-ideograph;
}
.detial-mian .data .dati-right .down-p p{
    text-justify: inter-ideograph;
}
.detial-mian .data .dati-right .down{
    color: #fff;
    background-color: #008ad6;
    padding: 0.35rem 1.2rem;
    border-radius: 1rem;
    display: inline-block;
    font-size: 0.35rem;
    margin-top: 0.5rem;
}
.detail-te{
    margin-top: 2rem;
}
.detail-te ul li{
    float: left;
    width: 32%;
    margin-right: 2%;
    background-color: #fff;
}
.detail-te ul li:nth-child(3){
    margin-right: 0;
}
.detail-te ul li .te-li{
    padding: 1.75rem 0 1.25rem;
    text-align: center;
}
.detail-te ul li .te-li .te-img1{
    width: 1.8rem;
    margin: 0 auto;
    height: 1.8rem;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-position: center;
    // background-image: url(/static/image/img_30.jpg);
}
.detail-te ul li .te-li .te-img2{
    width: 1.8rem;
    margin: 0 auto;
    height: 1.8rem;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-position: center;
    // background-image: url(/static/image/img_28.jpg);
}
.detail-te ul li .te-li .te-img3{
    width: 1.8rem;
    margin: 0 auto;
    height: 1.8rem;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-position: center;
    // background-image: url(/static/image/img_29.jpg);
}
.detail-te ul li .te-li .te-imgho1{
    width: 1.8rem;
    margin: 0 auto;
    height: 1.8rem;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-position: center;
    display:none;
}
.detail-te ul li .te-li .te-imgho2{
    width: 1.8rem;
    margin: 0 auto;
    height: 1.8rem;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-position: center;
     display:none;
}
.detail-te ul li .te-li .te-imgho3{
    width: 1.8rem;
    margin: 0 auto;
    height: 1.8rem;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-position: center;
     display:none;
}
.detail-te ul li .te-li .te-p{
    font-size: 0.6rem;
    color: #222;
    margin-top: .85rem;
    height:1.95rem;
}
.info-texing{
    margin-top: 0.75rem;
    height: 9.4rem;
    overflow: hidden;
}
.info-texing>div{
    float: left;
    width: 50%;
    height: 100%;
}
.info-texing .texing-img{
    overflow: hidden;
    position:relative;
    height:100%;
    width:50%;
}
.info-texing .texing-img img{
    position:absolute;
    top:0;
    left:0;
    height:100%;
    width: 100%;
    webkit-transition: all 0.6s ease;
    transition: all 0.6s ease;
}
.info-texing .texing-div{
    background: #fff;
    overflow:hidden;
}
.info-texing .texing-div .te-div{
    padding: 1.5rem;
    position: relative;
    height: 80%;
}
.info-texing .texing-div .te-div .te-overslo{
    padding:0 0 0 0.6rem;
    position: relative;
    height: 80%;
    overflow:auto;
}
.info-texing .texing-div .te-div .te-overslo p{
    font-size:0.4rem;
}
.info-texing .texing-div .te-div h2{
    font-size: 0.8rem;
    color: #222;
    line-height: 1;
    margin-bottom: 0.75rem;
}
.info-texing .texing-div .te-div ul li{
    font-size: 0.4rem;
    color: #555;
    list-style-type: none;
    list-style-image: url(/static/image/img_39.png);
    margin-bottom: 0.2rem;
    padding-left: 0.2rem;
}
.info-texing1{
    margin-top: 0.75rem;
    overflow: hidden;
    height: 11.5rem;
}
.info-texing1>div{
    float: left;
    width: 50%;
    height: 100%;
}
.detail-h2{
    font-size: 0.9rem;
    color: #222;
    margin-top: 2rem;
}
.detail-table{
    margin-top: 0.75rem;
    width: 100%;
    border: 1px solid #dedede;
}
.detail-table table{
    width:100%;
}
.detail-table tr{
    height: 1.5rem;
    // line-height: 1.5rem;
}
.detail-table thead tr{
    background-color: #b5b5b5;
    font-size: 0.6rem;
    color: #fff;
}
.detail-table tr th:nth-child(1){
padding-left: 2.5rem;
}
.detail-table tr td:nth-child(1){

padding: 5px 10px;
font-size: 0.5rem;
color: #222;
}
.detail-table tr td:nth-child(2){
font-size: 0.45rem;
color: #666666;
}
.detail-table tbody tr:nth-child(2n){
    background-color: #fff;
}
.detail-table tbody tr td{
    // width: 50%;
    text-align: left;
    font-size:0.45rem;
}
.more-product{
    margin-top: 0.75rem;
}
.more-product .w1420{
    position: relative;
}
.more-detail{
    overflow: hidden;
    padding-bottom: 3rem;
}
.more-detail .big-sio{
    padding: 0.75rem 0.75rem 1.25rem ;
    background-color: #fff;
    // text-align:center;
}
.more-detail .opdiepop{
    padding:1.75rem 0.5rem 1.25rem;
}
.more-detail .sopideki{
     padding:1.75rem 0.5rem 1.25rem;
}
.more-detail .big-sio .more-div{
    overflow: hidden;
    position:relative;
    padding-bottom:56%;
}
.more-detail .big-sio .more-div img{
    position:absolute;
    height:100%;
    top:0;
    left:0;
    width: 100%;
     webkit-transition: all 0.6s ease;
    transition: all 0.6s ease;
}
.more-detail .big-sio .more-item{
    font-size: 0.65rem;
    color: #222;
    line-height: 0.9rem;
    height:1.7rem;
    overflow:hidden;
    text-align:center;
}
.more-item-aoush{
    font-size: 0.65rem;
    color: #222;
    height:0.8rem;
    line-height:0.8rem;
}
.more-item-psughu{
        font-size: 0.65rem;
    color: #222;
    line-height: 1;
    margin-top: 0.5rem;
}
.pho-ulabout{
    display:none;
}
.more-detail .big-sio .shouue-tit{
    font-size:0.4rem;
    color:#999;
    text-align:center;
    margin-bottom: 0.75rem;
}
.more-detail .big-sio .more-item-p{
    font-size: 0.65rem;
    color: #222;
    line-height: 1;
    margin-top: 0.5rem;
}
.more-detail .big-sio .more{
    font-size: 0.35rem;
    color: #454545;
    padding: 0.15rem 0.8rem;
    border: 1px solid #dedede;
    display: inline-block;;
    margin-top: 1rem;
    border-radius: 1rem;
}
.more-product .more-detail-prev,.more-product .more-detail-next{
    position: absolute;
    top: 44%;
    transform: translateY(-50%);
    height: 1rem;
    width: 0.65rem;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cvoer;
}
.more-product .more-detail-prev{
    left: -4%;
    background-image: url(/static/image/left.png);
}
.more-product .more-detail-next{
   right: -4%;
    background-image: url(/static/image/right.png);
}
.peoruoushiu{
    padding-bottom:3rem;
}
.xiangul-ul{
    margin-top: 0.75rem;
}
.xiangul-ul li{
    width: 32%;
    margin-right: 2%;
    border: 1px solid #dedede;
    margin-bottom: 0.5rem;
    box-sizing: border-box;
    height: 2.25rem;
    line-height: 2.25rem;
    float: left;
}
.xiangul-ul li:nth-child(3n){
    margin-right: 0;
}
.xiangul-ul li .xiangul{
font-size: 0.65rem;
color: #222;
}
.xiangul-ul li .xiangul span{
    margin: 0 0.5rem;
    background-repeat: no-repeat;
    background-position: center;
    width: 0.95rem;
    height: 0.95rem;
    display: inline-block;
    background-image: url(/static/image/img_42.png);
    position: relative;
    top: 8px;
}
.shouhuo{
    margin-top: 0.75rem;
}
.shouhuo li{
    float: left;
    width:19.7%;
    margin-right: 0.375%;
    background-color: #fff;
    text-align: center;
    height: 8rem; 
}
.shouhuo li:nth-child(5){
    margin-right: 0;
}
.shouhuo li .shouhuo-div{
padding: 1.5rem .75rem 0;
}
.shouhuo li .shouhuo-div span.sh-span{
    width: 2.35rem;
    height: 1.95rem;
    background-repeat: no-repeat;
    background-position: center;
    // background-image: url(/static/image/img_44.png);
    display: inline-block;
    background-size:100% 100%;
}
.shouhuo li .shouhuo-div p{
    margin-top: 1.5rem;
    font-size: 0.5rem;
    color: #222;
    overflow:hidden; 
text-overflow:ellipsis;
display:-webkit-box; 
-webkit-box-orient:vertical;
-webkit-line-clamp:2; 
}
.shouhuo li .shouhuo-div span.sh-span1{
     width: 2.125rem;
    height: 2.125rem;
    background-repeat: no-repeat;
    background-position: center;
    // background-image: url(/static/image/img_45.png);
    display: inline-block;
    background-size:100% 100%;
}
.shouhuo li .shouhuo-div p span{
    color: #008ad6;
}
.shouhuo li .shouhuo-div span.sh-span2{
     width:1.8rem;
    height: 1.95rem;
    background-repeat: no-repeat;
    background-position: center;
    // background-image: url(/static/image/img_46.png);
    display: inline-block;
    background-size:100% 100%;
}
.shouhuo li .shouhuo-div span.sh-span3{
     width: 1.6rem;
    height: 1.95rem;
    background-repeat: no-repeat;
    background-position: center;
    // background-image: url(/static/image/img_88.png);
    display: inline-block;
   background-size:100% 100%;
}
.shouhuo li .shouhuo-div span.sh-span4{
    width: 1.6rem;
    height: 1.95rem;
    background-repeat: no-repeat;
    background-position: center;
    // background-image: url(/static/image/img_48.png);
    display: inline-block;
    background-size:100% 100%;
}
.page{
    margin-top: 2.5rem;
}
.page .page-bottom{
    width: 100%;
    height: 2.25rem;
    line-height: 2.25rem;
}
.page .page-left{
    float: left;
    width: 26.4%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url(/static/image/img_55.png);
    text-align: center;
    background-size:100% 100%;
}
.page .page-left a{
    color: #fff;
    font-size: 0.75rem;
}
.page .page-right{
    float: right;
    width: 72.8%;
    height: 100%;
    background-color: #fff;
}
.page .page-right .page-mian{
    padding: 0 2rem;
}
.page .page-right .page-mian>div{
    float: left;
    width: 33.3%;
    color: #222;
    font-size: 0.4rem;
    overflow:hidden; 
text-overflow:ellipsis;
white-space:nowrap; 
}
.page .page-right .page-mian a{
    color: #222;
}
.page .page-right .page-mian .con{
    text-align: center;
}
.page .page-right .page-mian .prev{
    text-align: left;
}
.page .page-right .page-mian .next{
    text-align: right;
}
.pc-nac-detial{
    // display:none;
    height:1.75rem;
    line-height:1.75rem;
    background:#fff;
    border:1px solid #dedede;
    width:100%;
    position:fixed;
    top:0;
    z-index: 80;
    left:0;
}
.nav-detai-pc {
    height: 1.75rem;
    line-height: 1.75rem;
}
.nav-detai-pc .detial-nav-pc{
    overflow:hidden;
}
.nav-detai-pc .detial-nav-pc .swiper-slide {
    width: 11.2% !important;
    text-align: center;
}
.nav-detai-pc .detial-nav-pc .swiper-slide a {
    color: #333333;
    font-size: 0.4rem;
    position: relative;
    display: inline-block;
    cursor:pointer;
}
.nav-detai-pc .detial-nav-pc .swiper-slide a.cur {
    color: #008ad6;
}
.nav-detai-pc .detial-nav-pc .swiper-slide a:after{
    position: absolute;
    content: "";
    bottom: 0px;
    width: 100%;
    height: 2px;
    background-color: #008ad6;
    left: 0;
    display: none;
    transition: all 0.3s;
    display: none;
}
.nav-detai-pc .detial-nav-pc .swiper-slide a.cur:after{
    display:block;
}
.solve-te{
    margin-top:0.75rem;
}
// .solve-te ul li .te-li .te-img1{
//     background-image:url(/static/image/img_49.png)
// }
// .solve-te ul li .te-li .te-img2{
//     background-image:url(/static/image/img_51.png)
// }
// .solve-te ul li .te-li .te-img3{
//     background-image:url(/static/image/img_53.png)
// }
.solve-teble{
    margin-top:0.75rem;
}
.solve-teble table{
    width:100%;
    border:1px solid #dedede;
    background-color:#fff;
}
// .solve-teble tbody tr:nth-child(1) td:nth-child(1){
//      width:35%;
//     border-right: 1px solid #dedede;
//     border-bottom: 1px solid #dedede;
//     box-sizing:border-box;
//     text-align:center;
//     font-size:0.75rem;
//     color:#222;
// }
// .solve-teble tbody tr td.so-td1{
//     width:35%;
//     border-right: 1px solid #dedede;
//     border-bottom: 1px solid #dedede;
//     box-sizing:border-box;
//     text-align:center;
//     font-size:0.75rem;
//     color:#222;
// }
// .solve-teble tbody tr:nth-child(1) td:nth-child(2){
//     padding-left:1.5rem;
//     border-bottom: 1px solid #dedede;
//     box-sizing:border-box;
//     text-align:left;
//     font-size:0.45rem;
//     color:#222;
//     height:1.5rem;
//     line-height:1.5rem;
// }
// .solve-teble tbody tr:nth-child(2) td:nth-child(1){
//     padding-left:1.5rem;
//     border-bottom: 1px solid #dedede;
//     box-sizing:border-box;
//     text-align:left;
//     font-size:0.45rem;
//     color:#222;
//     height:1.5rem;
//     line-height:1.5rem;
// }
// .solve-teble tbody tr:nth-child(3) td:nth-child(1){
//     padding-left:1.5rem;
//     border-bottom: 1px solid #dedede;
//     box-sizing:border-box;
//     text-align:left;
//     font-size:0.45rem;
//     color:#222;
//     height:1.5rem;
//     line-height:1.5rem;
// }
// .solve-teble tbody tr:nth-child(4) td:nth-child(1){
//     padding-left:1.5rem;
//     border-bottom: 1px solid #dedede;
//     box-sizing:border-box;
//     text-align:left;
//     font-size:0.45rem;
//     color:#222;
//     height:1.5rem;
//     line-height:1.5rem;
// }
// .solve-teble tbody tr:nth-child(5) td:nth-child(1){
//      width:35%;
//     border-right: 1px solid #dedede;
//     border-bottom: 1px solid #dedede;
//     box-sizing:border-box;
//     text-align:center;
//     font-size:0.75rem;
//     color:#222;
// }
// .solve-teble tbody tr:nth-child(5) td:nth-child(2){
//     padding-left:1.5rem;
//     border-bottom: 1px solid #dedede;
//     box-sizing:border-box;
//     text-align:left;
//     font-size:0.45rem;
//     color:#222;
//     height:1.5rem;
//     line-height:1.5rem;
// }
// .solve-teble tbody tr:nth-child(6) td:nth-child(1){
//     padding-left:1.5rem;
//     border-bottom: 1px solid #dedede;
//     box-sizing:border-box;
//     text-align:left;
//     font-size:0.45rem;
//     color:#222;
//     height:1.5rem;
//     line-height:1.5rem;
// }
// .solve-teble tbody tr td.so-td2{
//     padding-left:1.5rem;
//     border-bottom: 1px solid #dedede;
//     box-sizing:border-box;
//     text-align:left;
//     font-size:0.45rem;
//     color:#222;
//     height:1.5rem;
//     line-height:1.5rem;
// }
.sole-table1{
    margin-top:0.75rem;
    border:1px solid #dedede;
    width:100%;
}
.sole-table1 table{
width:100%;
}
.sole-table1 tbody tr{
    height:1.5rem;
    line-height:1.5rem;
}
.peizhiqingd tbody tr{
    height:2rem;
    line-height:1rem;
}
.sole-table1 tbody tr:nth-child(2n+1){
    background-color: #fff;
}
.sole-table1 tbody tr td:nth-child(1){
    width:42%;
    padding-left:2.5rem;
    font-size: 0.5rem;
    color:#222;
}
.sole-table1 tbody tr td:nth-child(2){
    font-size: 0.45rem;
    color:#222;
    width:20%;
}
.sole-table1 tbody tr td:nth-child(3){
    font-size: 0.45rem;
    color:#222;
    width:20%;
}
.sole-table1 tbody tr td:nth-child(4){
    font-size: 0.45rem;
    color:#222;
    width:20%;
}
.sole-table1 tbody tr td:nth-child(4) a{
    color:#222;
    cursor:pointer;
}
.boc-nav-mian .boc-right ul li{
    float:left;
    position:relative;
}
.boc-nav-mian .boc-right ul li a{
    color:#333;
    font-size0.45rem;
    margin:0 0.5rem;
    padding:0;
    background: none;
    position:relative;
}
.boc-nav-mian .boc-right ul li a:after{
    position:absolute;
    content:"";
    left:0;
    width:100%;
    height:2px;
    background:#008ad6;
    bottom:-.82rem;
    display:none;
}
.boc-nav-mian .boc-right ul li.cur a{
    color: #008ad6;
}
.boc-nav-mian .boc-right ul li.cur a:after{
    display:block;
}
.technology .technology-left{
    float:left;
    margin-right:0.75rem;
    border-right:1px solid #dedede;
    padding-right:5%;
}
.technology .technology-left:nth-child(2){
    border-right:0;
    margin-right: 0;
    padding-right:0;
}
.technology .technology-left h2{
    font-size:1rem;
    color:#222;
    font-family: "NotoSansHans-Medium";
    line-height:1;
}
.technology .technology-left p{
    font-size:0.4rem;
    color:#666666;
    font-family: "DINCond-Bold";
    line-height:1;
    margin-top: 0.2rem;
    text-align:justify;
    letter-spacing:2px;
}
.technology .technology-left a{
    color:#222;
    font-size:0.65rem;
    margin-right:1rem;
}
.technology .technology-left a.cur{
    color:#008ad6;
}
.down-tech{
    margin-top: 0.75rem;
}
.down-tech ul.down li{
    margin-bottom:0.25rem;
    background:#fff;
    height:1.75rem;
    line-height:1.75rem;
    width:100%;
}
.down-tech ul.down li .do-div{
    padding:0 1.5rem;
}
.down-tech ul.down li .do-div a.do-left{
    font-size:0.45rem;
    color:#222;
    background-position:left center;
    background-repeat:no-repeat;
    background-image:url(/static/image/img_62.png);
    padding:0.5rem 0rem 0.5rem 1.2rem;
}
.down-tech ul.down li .do-div a.do-right{
    font-size:0.45rem;
    float:right;
    color:#222;
    padding-right:1rem;
    background-position:right center;
    background-repeat:no-repeat;
    background-image:url(/static/image/img_65.png)
}
.tech-page{
    height:1.75rem;
    line-height:1.75rem;
    background-color:#fff;
    text-align:center;
    margin-top: 2.5rem;
}
.tech-page .pagination{
padding:0 1.5rem;
margin:0 0;
display:inherit;
}

.tech-page .pagination a{
    font-size:0.4rem;
    color:#454545;
     text-align:center;
    margin:0 0.2rem;
   width:0.9rem;
   height:0.9rem;
   display:inline-block;
    border-radius:50%;
    line-height:0.9rem;
}
.tech-page .pagination .prev{
    float:left;
    width:auto;
    height:auto;
    line-height:1.75rem;
}
.tech-page .pagination .active{
 color:#fff;
 background-color:#008ad6;
}

.tech-page .pagination .next{
    float:right;
    width:auto;
    height:auto;
    line-height:1.75rem;
}
.technology-down-left{
    float:left;
    width:42%;
}
.technology-down{
    float:right;
    width:55.1%;
    background-color:#fff;
    height:1.75rem;
    line-height:1.75rem;
    border:1px solid #dedede;
    border-box:box-sizing;
}
.technology-down .selecr-body{
        width: 90%;
    margin: 0 auto;
    position: relative;
    line-height: 1.75rem;
}
.technology-down .selecr-body span{
        display: inline-block;
    zoom: 1;
    width: .5rem;
    height: .5rem;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    padding: 0;
    margin: 0;
    background-image: url(/static/image/select.png);
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}
.technology-down .selecr-body form{
    float: right;
    width: 100%;
    height: 1.75rem;
    line-height: 1.75rem;
}
.technology-down .selecr-body form .tets {
    width: 85%;
    padding-left: 1rem;
    font-size: 0.45rem;
    color: #999999;
    height: 1.75rem;
    line-height: 1.75rem;
}
.technology-down .selecr-body form .submit{
        font-size: 0.4rem;
    color: #fff;
    background: #33a3dd;
    padding: 0.35rem 1.2rem;
    border-radius: 1rem;
    cursor: pointer;
    position: absolute;
    right: 2%;
    top: 0.25rem;
}
.video-tech{
    margin-top:0.75rem;
}
.video-tech ul.video li{
    float:left;
    width:32%;
    margin-right:2%;
    margin-bottom:1rem;
    background-color:#fff;
}
.video-tech ul.video li:nth-child(3n){
    margin-right: 0;
}
.video-tech ul.video li .do-div{
    padding:2rem 0;
    text-align:center;
}
.video-tech ul.video li .do-div span{
    width:1.5rem;
    height:1.5rem;
    display:inline-block;
    background-image:url(/static/image/video.png);
    background-position:center;
    background-repeat:no-repeat;
    background-size:100% 100%;
}
.video-tech ul.video li .do-div p{
    color:#222;
    font-size:0.6rem;
    margin-top: 1rem;
}
.video-tech ul.video li .do-div .video-more{
    font-size:0.35rem;
    color:#666666;
    padding:0.2rem 1rem;
    border:1px solid #d2d2d2;
    border-radius:1rem;
    display:inline-block;
    margin-top:1rem;

}
.video-model{
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 99;
}
.video-model .mask{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .2);
}
.video-model .video{
    position: absolute;
    left: 50%;
    top: 50%;
    width: 50%;
    height:60%;
    background:#fff;
    transform: translate(-50%,-50%);
}
.video-model .video iframe{
    width:100%;
    height:100%;
}
.down-tech ul.problem li{
    background-color:#fff;
    margin-bottom:0.25rem;
}
.down-tech ul.problem li .do-div{
    height:1.75rem;
    line-height:1.75rem;
    padding:0 1.5rem;
    position:relative;
}
.down-tech ul.problem li .do-div .do-left{
    font-size: 0.45rem;
    color: #222;
    background-position: left center;
    background-repeat: no-repeat;
    background-image: url(/static/image/wenti1.png);
    padding: 0.5rem 0rem 0.5rem 1.2rem;
}
.down-tech ul.problem li .do-div a.do-right {
   display:inline-block;
   width:0.65rem;
   height:0.4rem;
    color: #222;
    padding-right: 1rem;
    background-position: right center;
    background-repeat: no-repeat;
    background-image: url(/static/image/xia01.png);
    position:absolute;
    top:50%;
    right:1.5rem;
    transform:translateY(-50%);
}
.down-tech ul.problem li.cur a.do-right{
    background-image:url(/static/image/shang01.png)
}

.down-tech ul.problem li .wenti-solve{
    padding:0.75rem 1.5rem 1.75rem;
    border-top:1px solid #dedede;
    display:none;
}
.down-tech ul.problem li.lisoi0 .wenti-solve{
 display:block;   
}
.down-tech ul.problem li.cur .wenti-solve{
    display:block;
}
.down-tech ul.problem li .wenti-solve .item{
    font-size:0.4rem;
    color:#555555;
    padding-left:1.2rem;
    background-position: left top;
    background-repeat: no-repeat;
    background-image: url(/static/image/wenti2.png);
    min-height: 1rem;
} 
.down-tech ul.problem li .wenti-solve .more{
    font-size:0.35rem;
    color:#fff;
    background-color:#008ad6; 
    padding: 0.2rem 1.2rem;
    display:inline-block;
    border-radius:1rem;
    margin-top: 1rem;
    margin-left:1.2rem;
}
.down-tech ul.problem li .wenti-solve .block{
    font-size:0.35rem;
    color:#fff;
    background-color:#008ad6; 
    padding: 0.2rem 1.2rem;
    display:inline-block;
    border-radius:1rem;
    margin-top: 2rem;
    margin-left:1.2rem;
    float:right;
}
.about-conmy{
    margin-top: 2.5rem;
    padding-bottom:3.75rem;
}
.about-conmy .about-jeleft{
    float:left;
    width:34.7%;
}
.about-conmy .about-jeleft img{
    width:100%;
}
.about-conmy .about-jright{
    float: right;
    width:58%;
}
.about-conmy .about-jright h2{
    color:#222;
    font-size:1.2rem;
    position:relative;
    font-family: "NotoSansHans-Medium";
    line-height:2;
}
.about-conmy .about-jright h2:after{
    position:absolute;
    content:"";
    left:0;
    width:0.75rem;
    height:2px;
    background:#222;
    bottom: -0.3rem;
}
.about-conmy .about-jright .item{
    color:#434343;
    font-size:0.8rem;
    margin-top:0.5rem;
}
.about-conmy .about-jright .item-p{
    font-size:0.35rem;
    color:#333333;
    margin-top:0.5rem;
    text-align:justify;
    text-justify: inter-ideograph;
    max-height:11.5rem;
    overflow:auto;
}
.about-conmy .about-jright .item-p p{
    text-align:justify;
    text-justify: inter-ideograph;
}
.about-conmy .about-num{
    margin-top:2.5rem;
}
.about-conmy .about-num ul.numul li{
    float:left;
    width:23.9%;
    margin-right:1.4%;
    background:#fff;
}
.about-conmy .about-num ul.numul li:nth-child(4){
    margin-right:0;
}
.about-conmy .about-num ul.numul li .nun-div{
    padding:1.5rem 0.75rem;
    text-align:center;
}
.about-conmy .about-num ul.numul li .consu{
    border-bottom:1px solid #dedede;
}
.about-conmy .about-num ul.numul li .consu p{
    font-size:1.8rem;
    color:#222;
    line-height:1;
    font-family: "BEBAS__";
}
.about-conmy .about-num ul.numul li .consu div{
    font-size:0.4rem;
    color:#666666;
    margin-top: 0.2rem;
    margin-bottom:1.2rem;
    overflow:hidden; 
text-overflow:ellipsis; 
white-space:nowrap;
}
.about-conmy .about-num .abouynumimg{
    width:1.95rem;
    margin:1.5rem auto 0;
}
.about-conmy .about-num .abouynumimg img{
    width:100%;
}
.about-licheng{
    background:#fff;
    padding: 2rem 0 3rem;
    position:relative;
}
.about-licheng h2{
    font-size:1.2rem;
    color:#222222;
    font-family:"NotoSansHans-Medium";
    text-align:center;
    line-height:1;
}
.about-licheng  .lecheng{
margin-top:1.75rem;
width:86.9%;
margin-left:13.1%;
position:relative;
}
.licheng-swiper{
    overflow:hidden;
    width:100%;
    padding:0.25rem;
    height:9.375rem;
}
.about-licheng  .lecheng .licheng-swiper .swiper-slide{
    width:16.7%;
    background:#fff;
    box-shadow: 1px 2px 13px rgba(0,0,0,0.1);
}
.about-licheng  .lecheng .licheng-swiper .swiper-slide .year-con{
    padding:1.25rem 0.75rem;
}
.about-licheng  .lecheng .licheng-swiper .swiper-slide .year{
    font-size:1.75rem;
    color:#999999;
    line-height:1rem;
    margin-bottom: 2rem;
    position:relative;
    font-family: "BEBAS__";
}
.about-licheng  .lecheng .licheng-swiper .swiper-slide .year:after{
    position:absolute;
    left:0;
    content:"";
    width:0.8rem;
    height:2px;
    background:#222;
    bottom:-1.2rem;
}
.about-licheng  .lecheng .licheng-swiper .swiper-slide .year-p{
    font-size:0.4rem;
    color:#666;
    line-height:0.6rem;
}
.about-licheng  .lecheng .licheng-swiper .swiper-slide .year-p p{
    text-align:justify
}
.about-licheng .year-swiper{
    margin-top: 1.25rem;
    width:86.9%;
margin-left:13.1%;
}
.about-licheng .year-swiper .swiper-slide{
    width:15.2%;
    height:2.5rem;
    background-repeat:no-repeat;
    background-position:left top;
    background-image:url(/static/image/year.png);
    color:#222;
    font-size:0.4rem;
    line-height:2.5rem;
    text-indent: -1em;
}
.about-licheng .year-swiper .swiper-slide-active .item{
position:relative;
}
.about-licheng .year-swiper .swiper-slide-active .item:after{
    position:absolute;
    content:"";
    height:4px;
    width:4px;
    background: #dd6c47;
    border-radius:50%;
    top:0.75rem;
    left:0;
}
.lecheng-next{
    position:absolute;
    top:50%;
    right:1rem;
    transform:translateY(-50%);
    width:1.6rem;
    height:1.6rem;
    background-position:center;
    background-repeat:no-repeat;
    background-image:url(/static/image/aboutjian.png);
    z-index: 10;
    background-size:100% 100%;
}
.lecheng-prev{
    position:absolute;
    top:50%;
    left:1rem;
    transform:translateY(-50%);
    width:1.6rem;
    height:1.6rem;
    background-position:center;
    background-repeat:no-repeat;
    background-image:url(/static/image/fazhangjian.png);
    z-index: 10;
    background-size:100% 100%;
    // display:none;
}
.lecheng-prev.swiper-button-disabled{
    display:none;
}
.lecheng-next.swiper-button-disabled{
    display:none;
}
.lecheng-prev.cur{
	display:block;
}
.about-bootm{
    padding:2.5rem 5rem;
    background: #f2f2f2;
}
.about-bootm h2{
        font-size: 1.2rem;
    color: #222222;
    font-family: "NotoSansHans-Medium";
    text-align: center;
    line-height: 1;
}
.about-bootm ul.abouts-foer{
    margin-top:1.75rem;
}
.about-bootm ul.abouts-foer li{
    float:left;
    position:relative;
    width:30%;
    margin-right:5%;
    padding-bottom:30%;
    border-radius:50%;
    background-color:#fff;
    box-shadow:5px 8px 40px rgba(3,122,189,0.11);
    box-sizing:box-sizing;
    text-align:center;
    background-position:center;
    background-repeat:no-repeat;
    background-size:cover;
} 
.about-bootm ul.abouts-foer li .tupianio{
    position:absolute;
    width:100%;
    height:100%;
    border-radius: 50%;
    display:none;
        background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.about-bootm ul.abouts-foer li:nth-child(3){
    margin-right:0;
}
.about-bootm ul.abouts-foer li.li1 .span1{
     width:1.75rem;
     height:1.75rem;
     background-position:center;
    background-repeat:no-repeat;
    display:inline-block;
    background-size:cover;
    position:absolute;
    top:14%;
    left:50%;
    transform:translateX(-50%);
}
.about-bootm ul.abouts-foer li.li1 .sospan1{
     width:1.75rem;
     height:1.75rem;
     background-position:center;
    background-repeat:no-repeat;
    display:inline-block;
    background-size:cover;
    position:absolute;
    top:14%;
    left:50%;
    transform:translateX(-50%);
    display:none;
}
.about-bootm ul.abouts-foer li h3{
    color:#222;
    font-size:0.8rem;
    position:absolute;
    top:40%;
    left:50%;
    transform:translateX(-50%);
}
.about-bootm ul.abouts-foer li h4{
    font-size:0.4rem;
    color:#555555;
    position:absolute;
    top:60%;
    left:50%;
    transform:translateX(-50%);
    text-align:center;
    width:90%;
    text-align:center;
    line-height:0.6rem;
}
.about-bootm ul.abouts-foer li h4 br{
	opacity: 0;
	filter: alpha(opacity=0);
}
.about-bootm ul.abouts-foer li.li2 .span1{
     width:1.75rem;
     height:1.75rem;
     background-position:center;
    background-repeat:no-repeat;
    display:inline-block;
    background-size:cover;
    position:absolute;
    top:14%;
    left:50%;
    transform:translateX(-50%);
}
.about-bootm ul.abouts-foer li.li2 .sospan1{
     width:1.75rem;
     height:1.75rem;
     background-position:center;
    background-repeat:no-repeat;
    display:inline-block;
    background-size:cover;
    position:absolute;
    top:14%;
    left:50%;
    transform:translateX(-50%);
    display:none;
}
.about-bootm ul.abouts-foer li.li3 .span1{
     width:1.75rem;
     height:1.75rem;
     background-position:center;
    background-repeat:no-repeat;
    display:inline-block;
    background-size:cover;
    position:absolute;
    top:14%;
    left:50%;
    transform:translateX(-50%);
}
.about-bootm ul.abouts-foer li.li3 .sospan1{
     width:1.75rem;
     height:1.75rem;
     background-position:center;
    background-repeat:no-repeat;
    display:inline-block;
    background-size:cover;
    position:absolute;
    top:14%;
    left:50%;
    transform:translateX(-50%);
    display:none;
}
.strength-jian{
    margin-top:0.75rem;
}
.strength-jian ul.ul-one li{
    width:49%;
    float:left;
    margin-right:2%;
    margin-bottom: 0.5rem;
    position:relative;
}
.strength-jian ul.ul-one li:nth-child(2n){
    margin-right:0%;
}
.strength-jian ul.ul-one li img{
    width:100%;
}
.strength-jian ul.ul-one li .mask{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background-color:rgba(16,113,178,0.6);
    display:none;
}
.strength-jian ul.ul-one li .item-str{
    text-align:center;
    left:50%;
    font-size:0.7rem;
    color:#fff;
    position:absolute;
    top:50%;
    transform:translate(-50%,-50%);
    display:none;
    z-index: 10;
}
.strength-jian ul.ul-four li{
    width:23%;
    float:left;
    margin-right:2.6%;
    margin-bottom: 0.5rem;
    position:relative;
}
.strength-jian ul.ul-four li:nth-child(4n){
    margin-right:0%;
}
.strength-jian ul.ul-four li img{
    width:100%;
}
.strength-jian ul.ul-four li .mask{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background-color:rgba(16,113,178,0.6);
    display:none;
}
.strength-jian ul.ul-four li .item-str{
    text-align:center;
    left:50%;
    font-size:0.7rem;
    color:#fff;
    position:absolute;
    top:50%;
    transform:translate(-50%,-50%);
    display:none;
    z-index: 10;
}
.strength-jian .strength-left{
    float:left;
    width:48.3%;
    height:17rem;
    margin-bottom: 1rem;
}
.strength-jian .bigimg-str{
    width:100%;
    overflow:hidden;
    position:relative;
}
.strength-jian .bigimg-str img{
    width:100%;
}
.strength-jian .bigimg-str .mask{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background-color:rgba(16,113,178,0.6);
    display:none;
}
.strength-jian .bigimg-str .item-str{
    text-align:center;
    left:50%;
    font-size:0.7rem;
    color:#fff;
    position:absolute;
    top:50%;
    transform:translate(-50%,-50%);
    display:none;
    z-index: 10;
}
.strength-jian .smimg{
    margin-top:0rem;
}
.strength-jian .smimg li{
    float:left;
    width:48%;
    margin-right:4%;
    margin-bottom:0.5rem;
}
.strength-jian .smimg li:nth-child(2n){
    margin-right:0;
}
.strength-jian .smimg li:nth-child(3){
    margin-bottom:0;
}
.strength-jian .smimg li:nth-child(4){
    margin-bottom:0;
}
.strength-jian .smimg li .sm-ter{
    width:100%;
    overflow:hidden;
    position:relative;
}
.strength-jian .smimg li img{
    width:100%;
}
.strength-jian .smimg li .sm-ter .mask{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background-color:rgba(16,113,178,0.6);
    display:none;
}
.strength-jian .smimg li .sm-ter .item-str{
   text-align:center;
    left:50%;
    font-size:0.7rem;
    color:#fff;
    position:absolute;
    top:50%;
    transform:translate(-50%,-50%);
    display:none;
    z-index: 10;
}
.strength-jian .strength-right{
    float:right;
    width:48.3%;
    height:17rem;
    margin-bottom:1rem;
}
.strength-jian .strength-right .smimg{
    margin-top: 0;
    margin-bottom:0rem;
}
ul.honerul{
    margin-top: 0.75rem;
}
ul.honerul li{
    float:left;
    width:23%;
    margin-right:2.6%;
    margin-bottom:0.5rem;
}
ul.honerul li:nth-child(4n){
    margin-right: 0;
}
ul.honerul li .honer-div{
    padding: 0.5rem;
    background-color:#fff;
}
ul.honerul li .honer-div .honer-img{
    width:100%;
    padding-bottom:73%;
    position:relative;
}
ul.honerul li .honer-div .honer-img img{
    top:0;
    position:absolute;
    left:0;
    width:100%;
    height:100%;
}
ul.honerul li .honer-div .honer-img .mask{
     position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background-color:rgba(16,113,178,0.8);
    display:none;
}
ul.honerul li .honer-div .honer-img .honerse{
    position:absolute;
    top:50%;
    left:50%;
    width:0.75rem;
    height:0.75rem;
    background-image:url(/static/image/honerse.png);
    background-position:center;
    background-repeat:no-repeat;
    z-index: 10;
    transform:translate(-50%,-50%);
    display:none;
}
ul.honerul li .honer-div .honer-name{
    font-size:0.4rem;
    color:#333;
    text-align:center;
    margin-top: 0.4rem;
    height:1.2rem;
}
.honer-medol{
        display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 99;
}
.phodoisue{
    display:none;
}
.honer-medol .block{
        position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .2);
}
.honer-medol .honer-big{
    width:580px;
    height:412px;
    position: absolute;
    left: 50%;
    top: 50%;
    box-sizing: border-box;
    transform: translate(-50%,-50%);
    background-color: #fff;
}
.honer-medol .honer-big img{
    width:100%;
}
.science-body{
    padding-bottom:3rem;
}
.science{
    margin-top:0.75rem;
    position:relative;
}
.science .science-swiper{
    width:100%;
    overflow:hidden;
}
.science .science-swiper .science-img{
    width:100%;
    padding-bottom:73%;
    background-color:#fff;
    position:relative; 
    overflow:hidden;
}
.science .science-swiper .science-img img{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    webkit-transition: all 0.6s ease;
    transition: all 0.6s ease;
}
.science .science-swiper .science-name{
    font-size:0.4rem;
    color: #222;
    text-align:center;
    margin-top:0.4rem;
}
.science .science-prev,.science .science-next{
    position:absolute;
    top:45%;
    background-repeat:no-repeat;
    background-position:center;
    width:0.6rem;
    height:1rem;
}
.science .science-prev{
    left:-4%;
    background-image:url(/static/image/left.png)
}
.science .science-next{
    right:-4%;
    background-image:url(/static/image/right.png)
}
.science-all{
    padding:2.5rem 0 3.5rem;
    background-color:#fff;
}
.science-all h2{
    font-size:1rem;
    color:#222;
    line-height:1;
    text-align:center;
    font-family: "NotoSansHans-Medium";
}
.science-all .science-p{
    font-size:0.45rem;
    color:#666666;
    margin-top:0.5rem;
    text-align:center;
}
.science-all .seciner-mian{
    margin-top:1rem;
}
.science-all .seciner-mian .left-src{
    float:left;
    width:50%;
    height:10.25rem;
    background-color:#f2f2f2;
    overflow:hidden;
    position:relative
}
.science-all .seciner-mian .left-src img{
    width:100%;
    position:absolute;
    top:0;
    left:0;
    height:100%;
}
.science-all .seciner-mian .left-src .science-div{
    padding:1.75rem 1rem;
}
.science-all .seciner-mian .left-src .science-div h2{
    font-size:0.75rem;
    color:#222;
    margin-bottom:1.5rem;
    position:relative;
    line-height:1;
    text-align:left;
}
.science-all .seciner-mian .left-src .science-div h2:after{
    position:absolute;
    left:0;
    width:0.4rem;
    height:2px;
    background-color:#222;
    bottom:-0.8rem;
    content:"";
}
.science-all .seciner-mian .left-src .science-div p{
    font-size:0.4rem;
    color:#666;
}
.about-footer{
    padding:2.5rem 0 6.5rem;
}
.about-footer h2{
    font-size:1rem;
    color:#222;
    line-height:1;
    text-align:center;
    font-family: "NotoSansHans-Medium";
}
.about-footer .science-p{
    font-size:0.45rem;
    color:#666666;
    margin-top:0.5rem;
    text-align:center;
}
.about-footer .jiqi{
    margin-top: 1.75rem;
}
.about-footer .jiqi .jiqi-left{
    float:left;
    width:50%;
    height:12rem;
    background-color:#fff;
    overflow:hidden;
    position:relative;
}
.about-footer .jiqi .jiqi-left img{
    width:100%;
    position:absolute;
    left:0;
    top:0;
    height:100%;
}
.about-footer .jiqi .jiqi-left .cto{
    padding:3rem 1rem 0;
    position:relative;
}
.about-footer .jiqi .jiqi-left .cto .CTO{
    position:absolute;
    left:1rem;
    font-size:3rem;
    color:#d4d4d4;
    top:-0.5rem;
    font-family: "DIN-Medium";
    opacity: 0.8;
}
.about-footer .jiqi .jiqi-left .cto h2{
    font-size:0.75rem;
    color:#222;
    line-height:1;
    font-family: "NotoSansHans-Medium";
    text-align:left;
    position:relative;
    z-index:10;
}
.about-footer .jiqi .jiqi-left .cto .cto-div{
    font-size:0.4rem;
    margin-top:1rem;
    color:#222;
}
.about-footer .jiqi .jiqi-left .cto .cto-p{
    font-size:0.4rem;
    color:#666;
    margin-top: 1rem;
}
.about-footer .about-bordiv{
    margin-top:1.25rem;
    background-color: #fff;
    padding:1.5rem 1rem;
    border-top-left-radius: 1rem;
    border-bottom-right-radius: 1rem;
    margin-bottom:3.5rem;
} 
.about-footer .about-bordiv .itrm-p{
    font-size:0.4rem;
    color:#666;
}
.about-footer .jiang-son{
    margin-top: 1.25rem;
    position:relative;
}
.about-footer .jiang-son .jiang-swiper{
    width:88%;
    margin:0 auto;
    overflow:hidden;
}
.about-footer .jiang-son .jiang-swiper .jiang-img{
    position:relative;
    width:100%;
    padding-bottom:130%;
    overflow:hidden;
    background:#fff;
}
.about-footer .jiang-son .jiang-swiper .jiang-img img{
    position:absolute;
    top:2%;
    left:2%;
    width:96%;
    height:96%;
    webkit-transition: all 0.6s ease;
    transition: all 0.6s ease;
}
.about-footer .jiang-son .jiang-swiper .jiang-name{
    font-size:0.4rem;
    margin-top:0.5rem;
    color:#666;
    text-align:center;
}
.about-footer .jiang-son .jiang-prev,.about-footer .jiang-son .jiang-next{
    position: absolute;
    top: 45%;
    background-repeat: no-repeat;
    background-position: center;
    width: 0.6rem;
    height: 1rem;
}
.about-footer .jiang-son .jiang-prev{
        left: 0%;
    background-image: url(/static/image/left.png);
}
.about-footer .jiang-son .jiang-next{
        right: 0%;
    background-image: url(/static/image/right.png);
}
.manpower-ul{
    margin-top:0.75rem;
    position:relative;
    z-index: 10;
}
.manpower-ul ul.ma-ul li{
    float:left;
    width:33.3%;
    background-color:#fff;
    background-position:right bottom;
    background-repeat:no-repeat;
    background-size:40%;
    height:15rem;
    position:relative;
    border-right:1px solid #f2f2f2;
    box-sizing:border-box;
}
.manpower-ul ul.ma-ul li .tupian{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
     background-position:center;
    background-repeat:no-repeat;
    background-size:cover;
    display:none;
}
.manpower-ul ul.ma-ul li .mask{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background-color:rgba(50,150,202,0.8);
    display:none;
}
.manpower-ul ul.ma-ul li .libae{
    padding:1.5rem 1rem;
    z-index: 10;
    position:relative;
}
.manpower-ul ul.ma-ul li .libae span{
    width:1.25rem;
    height:1.25rem;
    background-repeat:no-repeat;
    background-position:center;
    display:inline-block;
    margin-bottom:1rem;
    background-size:100% 100%;
}
.manpower-ul ul.ma-ul li .libae .spann1{
    width:1.25rem;
    height:1.25rem;
    background-repeat:no-repeat;
    background-position:center;
    display:inline-block;
    margin-bottom:1rem;
    background-size:100% 100%;
    display:none;
}
.manpower-ul ul.ma-ul li .libae .spann2{
    width:1.25rem;
    height:1.25rem;
    background-repeat:no-repeat;
    background-position:center;
    display:inline-block;
    margin-bottom:1rem;
    background-size:100% 100%;
    display:none;
}
.manpower-ul ul.ma-ul li .libae .spann3{
    width:1.25rem;
    height:1.25rem;
    background-repeat:no-repeat;
    background-position:center;
    display:inline-block;
    margin-bottom:1rem;
    background-size:100% 100%;
    display:none;
}
.manpower-ul ul.ma-ul li .libae .itrm-name{
    color:#222;
    font-size:0.75rem;
    line-height:1;
}
.manpower-ul ul.ma-ul li .libae .itrm-enname{
    font-size:0.4rem;
    color:#333;
    line-height:1;
    margin-top: 0.2rem;
    margin-bottom:1.25rem;
    position:relative;
}
.manpower-ul ul.ma-ul li .libae .itrm-enname:after{
position:absolute;
content:"";
width:0.4rem;
height:2px;
background-color:#222;
left:0;
bottom:-0.6rem;
}
.manpower-ul ul.ma-ul li .libae .irem-con{
    font-size:0.45rem;
    color:#222;
}
.fuli-main{
    margin-top:3.75rem;
    padding:3rem 0 2rem;
    background-color:#fff;
    position:relative;
    z-index:10;
}
.fuli-main h2{
    font-size:1rem;
    color:#222;
    text-align:center;
    line-height:1rem;
     font-family: "NotoSansHans-Medium";
}
.fuli-main .fuli-p{
    font-size:0.5rem;
    color:#333333;
    margin-top: 0.5rem;
    text-align:center;
    font-family: "NotoSansHans-Medium";
}
.fuli-main .fuli-tab{
    margin-top:1rem;
    text-align:center;
}
.fuli-main .fuli-tab a{
    font-size:0.4rem;
    color:#222;
    padding:0.25rem 0;
    width:3.5rem;
    border-radius:1rem;
    background-color:#f2f2f2;
    margin:0 0.3rem;
    display:inline-block;
    text-align:center;
    cursor:pointer;
}
.fuli-main .fuli-tab a.cur{
    background-color:#008bd5;
    color:#fff;
}
.fuli-main .fuli-tab-ajsx{
    margin-top:1rem;
}
.fuli-main .fuli-tab-ajsx .tab1{
    position:relative;
    width:100%;
}

.fuli-main .fuli-tab-ajsx .tab1 .tab-swiper1{
    width:83%;
    margin:0 auto;
    overflow:hidden;
}

.fuli-main .fuli-tab-ajsx .ajax-img{
    position:relative;
    overflow:hidden;
    width:100%;
    padding-bottom:90%;
}
.fuli-main .fuli-tab-ajsx .ajax-img img{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
}
.fuli-main .fuli-tab-ajsx .tab-prev1,.fuli-main .fuli-tab-ajsx .tab-next1{
    position:absolute;
    width:0.6rem;
    height:1rem;
    background-position:center;
    background-repeat:no-repeat;
    top:50%;
    transform:translateY(-50%);
    background-size:100%;
}
.fuli-main .fuli-tab-ajsx .tab-prev1{
    left:4%;
    background-image:url(/static/image/left.png)
}
.fuli-main .fuli-tab-ajsx .tab-next1{
    right:4%;
    background-image:url(/static/image/right.png)
}
.product-body .beiji-all{
    position:absolute;
    top:15rem;
    width:100%;
    height:20rem;
    background-color:#e2e7eb;
    left:0;
    z-index: 1;
}
.yungong{
    margin-top:3rem;
}
.yungong h2{
    font-size: 1.05rem;
    color: #222;
    text-align: center;
    line-height: 1rem;
}
.yungong  .fuli-p {
    font-size: 0.5rem;
    color: #333333;
    margin-top: 0.5rem;
    text-align: center;
    margin-bottom:1rem;
}
.yungong .leftyuna{
    margin-bottom:1rem;
    overflow:hidden;
    position:relative;
    max-height: 13rem;
    padding-bottom:0.75rem;
}
.yungong .leftyuna img{
    width:100%;
     webkit-transition: all 0.6s ease;
    transition: all 0.6s ease;
}
.yungong .item1{
    float:left;
    width:60.5%;
}
.yungong .item2{
    float:right;
    width:38.7%;
}
.yungong .item3{
    float:left;
    width:38.7%;
}
.yungong .item4{
    float:right;
    width:60.5%;
}
.yungong .leftyuna .img-name{
    position:absolute;
    bottom:0rem;
    width:80%;
    height:1.5rem;
    line-height:1.5rem;
    text-align:center;
    background-color:#fff;
    color:#222;
    font-size:0.4rem;
    left:10%;
}
.yungong .liuchen{
    width:100%;
    overflow:hidden;
}
.yungong .liuchen img{
    width:100%;
}
.mien-ul{
    margin-top: 0.75rem;
}
.mien-ul ul.mienul li{
    float:left;
    width:48%;
    margin-right: 4%;
    margin-bottom: 0.5rem;
}
.mien-ul ul.mienul li .mienimg{
    padding:0.25rem;
    background-color:#fff;
}
.mien-ul ul.mienul li:nth-child(2n){
    margin-right:0;
}
.mien-ul ul.mienul li .mienimg .mienimg-po{
    position:relative;
    width:100%;
    padding-bottom:70%;
    overflow:hidden;
}
.mien-ul ul.mienul li .mienimg img{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    webkit-transition: all 0.6s ease;
    transition: all 0.6s ease;
}
.mien-ul ul.mienul li .mienimg .nameimg{
    font-size:0.45rem;
    color:#fff;
    position:absolute;
    bottom:0.5rem;
    text-align:center;
    left:50%;
    transform:translateX(-50%);
}
.join-div{
    margin-top:0.75rem;
}
.join-div .jion-left{
    float:left;
    height:9.25rem;
    background-color:#fff;
    width:50%;
    overflow:hidden;
    position:relative;
}
.join-div .jion-left img{
    width:100%;
    position:absolute;
    top:0;
    left:0;
    height:100%;
}
.join-div .jion-left .join-divi{
    padding: 1.25rem;
        padding: 1.25rem;
    max-height: 6rem;
    overflow: auto;
}
.join-div .jion-left .join-divi h2{
    font-size:0.6rem;
    color:#333333;
    line-height:1rem;
}
.join-div .jion-left .join-divi p{
    font-size:0.4rem;
    color:#333333;
    margin:0.5rem 0 1.5rem;
    position:relative;
    line-height:1.5;
}
.join-div .jion-left .join-divi p:after{
    position:absolute;
    content:"";
    width:0.4rem;
    height:2px;
    background-color:#222;
    left:0;
    bottom:-0.8rem;
}
.join-div .jion-left .join-divi dt{
    font-size:0.45rem;
    color:#333;
    font-weight:inherit;
}
.join-div .jion-left .join-divi dd{
    font-size:0.4rem;
    color:#333;
    margin-top:0.2rem;
    line-height:1.8;
}
.join-zhiwei{
    margin-top:3rem;
}
.join-zhiwei h2{
    font-size:1.02rem;
    color:#222;
    text-align:center;
    line-height:1;
}
.join-zhiwei .select-form{
    margin-top:1rem;
}
.join-zhiwei .select-form form{
    height:1.75rem;
    width:100%;
    line-height:1.75rem;
    position:relative;
}
.join-zhiwei .select-form form .keybkod{
    height:1.75rem;
    line-height:1.75rem;
    font-size:0.45rem;
    color:#222;
    padding-left:1rem;
    width:27.2%;
    background-color:#fff;
    border:1px solid #dedede;
}
.join-zhiwei .select-form form select{
    height:1.75rem;
    line-height:1.75rem;
    font-size:0.45rem;
    color:#222;
    padding-left:1rem;
    width:27.2%;
    background-color:#fff;
    margin-left:0.35rem;
    border:1px solid #dedede;
    background-repeat:no-repeat;
    background-position:90% center;
    background-image:url(/static/image/smxiala.png)
}
.join-zhiwei .select-form form .submit{
    position:absolute;
    height:1.75rem;
    line-height:1.75rem;
    right:0;
    background-color:#008bd5;
    color:#fff;
    font-size:0.45rem;
    width:10%;
    border-radius:8px;
}
.join-add{
    margin-top: 0.5rem;
    background-color:#fff;
}
.join-add .join-address{
    padding: 0.75rem 1.2rem;
}
.join-add .join-address dl dt,.join-add .join-address dl dd{
    float:left;
    margin-left:0.45rem;
}
.join-add .join-address dl dt{
    font-size:0.45rem;
    color:#222;
}
.join-add .join-address dl dd a{
    font-size:0.45rem;
    color:#999999;
    cursor:pointer;
}
.join-add .join-address dl dd.cur a{
    color:#222;
}
.join-add .join-address dl dd a:hover{
    color:#222;
}
.join-add .join-address dl:nth-last-child(1){
    margin-top: 0.25rem;
}
.jion-table{
    margin-top:0.75rem;
    height:2rem;
    line-height:2rem;
    background-color:#008bd5;;
}
.jion-table ul.header-join{
    width: 92%;
    margin:0 auto;
}
.jion-table ul.header-join li{
    float:left;
    font-size:0.45rem;
    color:#fff;
}
.jion-table ul.header-join li.li1{
    width:27.2%;
}
.jion-table ul.header-join li.li2{
    width:21.9%;
}
.jion-table ul.header-join li.li3{
    width:21.9%;
}
ul.jion-bodyul{
    width:100%;
    overflow:hidden;
}
ul.jion-bodyul>li{
    background-color:#fff;
    margin-bottom:0.5rem;
}
ul.jion-bodyul li dl.dl1{
    padding:0 4%;
}
ul.jion-bodyul li dl.dl1 dd{
    float:left;
    font-size:0.45rem;
    color:#222;
    height:2.25rem; 
    line-height:2.25rem;
}
ul.jion-bodyul li dl.dl1 dd.dd1{
    width:27.2%;
}
ul.jion-bodyul li dl.dl1 dd.dd2{
    width:21.9%;
}
ul.jion-bodyul li dl.dl1 dd.dd3{
    width:21.9%;
}
ul.jion-bodyul li dl.dl1 dd.dd4{
    width:21.9%;
}
ul.jion-bodyul li dl.dl1 dd.dd5{
    width:7%;
    position:relative;
}
ul.jion-bodyul li dl.dl1 dd.dd5 span{
    width:1rem;
    height:1rem;
    background-position:center;
    background-repeat:no-repeat;
    background-image:url(/static/image/rencai1.png);
    display:inline-block;
    position:absolute;
    top:50%;
    left:50%;
    transform:translate(-50%,-50%);
    transition:all 0.3s;
}
ul.jion-bodyul li.cur dl.dl1 dd.dd5 span{
    background-image:url(/static/image/rencai2.png);
}
ul.jion-bodyul li .jion-conm{
   width: 92%;
    margin:0 auto;  
    padding:0.5rem 0;
    display:none;
}
ul.jion-bodyul li .jion-conm ul li{
    float:left;
    height:1rem;
    line-height:1rem;
    font-size:0.4rem;
    color:#222;
}
ul.jion-bodyul li .jion-conm ul li.li1{
     width:27.2%;
}
ul.jion-bodyul li .jion-conm ul li.li2{
     width:21.9%;
}
ul.jion-bodyul li .jion-conm ul li.li3{
     width:21.9%;
}
ul.jion-bodyul li .jion-conm .item-sod{
    font-size:0.4rem;
    color:#666666;
    margin-bottom:0.25rem;
    margin-top: 0.5rem;
}
ul.jion-bodyul li .jion-conm p{
    font-size:0.35rem;
    color:#666666;
    margin-bottom:0.25rem;
}
ul.jion-bodyul li .jion-conm .zaixin{
    font-size:0.35rem;
    color:#fff;
    padding:0.25rem 1.2rem;
    display:inline-block;
    margin-top:1rem;
    background-color:#008cd5;
    border-radius:1rem;
}
.customer-div{
    margin-top:0.75rem;
}
.customer-div ul li{
    width:15%;
    margin-right:2%;
    margin-bottom: 0.5rem;
    background-color:#fff;
    float:left;
    box-shadow:5px 8px 40px rgba(141,141,141,0.2);
    box-sizing:box-sizing;
}
.customer-div ul li:nth-child(6n){
    margin-right:0;
}
.customer-div ul li .customer-img{
    padding:0.75rem;
}
.customer-div ul li .customer-img .item-img{
    width:100%;
    padding-bottom:50%;
    background-repeat:no-repeat;
    background-position:center;
    background-size:100% 100%;
}
.customer-div ul li .customer-img .iemname{
    text-align: center;
    margin-top: 0.3rem;
    font-size:0.4rem;
    color:#666666;
    height:0.8rem;
}
.customer-div ul.news-ul{
    padding-bottom:2.25rem;
    border-bottom:1px solid #dedede; 
}
.customer-div ul.news-ul li{
    float:left;
    width:32%;
    margin-right:2%;
    background-color:#f2f2f2;
    box-shadow:none;
}
.customer-div ul.news-ul li:nth-child(3){
    margin-right:0;
}  
.customer-div ul.news-ul li .news-img{
    position:relative;
    width:100%;
    padding-bottom:63%;
    overflow:hidden;
}
.customer-div ul.news-ul li .news-img img{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
     webkit-transition: all 0.6s ease;
    transition: all 0.6s ease;
}
.customer-div ul.news-ul li .news-tiem{
    margin-top: 0.25rem;
    color:#afafaf;
    font-size:0.35rem;
}
.customer-div ul.news-ul li .news-name{
    font-size:0.6rem;
    color:#222;
    margin-top:0.15rem;
    height:2.4rem;
    overflow:hidden;
}
.customer-div ul.news-ul li .more{
    font-size:0.4rem;
    padding:0.25rem 1.2rem;
    border:1px solid #dedede;
    border-radius:1rem;
    display:inline-block;
    margin-top:0.5rem; 
    color:#333;
}
.news-bodyul{
    margin-top:0.75rem;
}
.news-bodyul ul li{
    padding: 1rem 0;
    border-bottom:1px solid #dedede;
}
.news-bodyul ul li:nth-last-child(1){
    border-bottom:0;
}
.news-bodyul ul li .neews-lesrt{
    float:left;
    width:28.1%;
    padding-bottom:18%;
    position:relative;
    overflow:hidden;
}
.news-bodyul ul li .neews-lesrt img{
    position:absolute;
    width:100%;
    height:100%;
    top:0;
    left:0;
    webkit-transition: all 0.6s ease;
    transition: all 0.6s ease;
}
.news-bodyul ul li .neews-right{
    float:right;
    width:70%;
    text-align:left;
}
.news-bodyul ul li .neews-right .tiem{
    font-size:0.35rem;
    color:#666;
}
.news-bodyul ul li .neews-right .news-name{
    font-size:0.7rem;
    color:#222;
    margin-top:0.5rem;
    line-height:1;
}
.news-bodyul ul li .neews-right .news-con{
    font-size:0.4rem;
    color:#666666;
    margin-top:0.35rem;
    text-align:justify;
    text-justify: inter-ideograph;
}
.news-bodyul ul li .neews-right .more{
    font-size:0.4rem;
    color:#666;
    padding:0.25rem 1.2rem;
    display:inline-block;
    margin-top:0.75rem;
    border:1px solid #dedede;
    border-radius:1rem;
}
.news-hews{
    margin-top:0.8rem;
}
.detail-newname{
    font-size:1.02rem;
    text-align:center;
    color:#222;
    line-height:1;
}
.item-detiss{
    font-size:0.4rem;
    color:#666;
    text-align:center;
    margin-top:0.5rem;
}
.itemdeytialp{
    font-size:0.4rem;
    color:#666;
    text-align:left;
    margin-top:1rem;
    padding-bottom:1.75rem;
    border-bottom:1px solid #dedede;
}
.itemdeytialp br{
    opacity: 0;
    filter: alpha(opacity=0);
    font-size:0;
}
.itemdeytialp img{
    max-width:100%;
}
.detial-pade{
    margin-top:0.75rem;
    font-size:0.4rem;
    color:#666;
}
.detial-pade a{
    font-size:0.4rem;
    color:#666;
}
.map-ul ul.mapul li{
    float:left;
    width:33.3%;
    text-align:left;
}
.map-ul ul.mapul li .map-comname{
    font-size:0.6rem;
    color:#222;
    line-height:1;
}
.map-ul ul.mapul li .name-adde{
    font-size:0.5rem;
    color:#555555;
    margin-top:0.5rem;
}
.map-ul ul.mapul li .map-phone{
    font-size:0.9rem;
    color:#222;
    line-height:1;
}

.map-ul ul.mapul li .name-email{
    font-size:0.4rem;
    color:#666;
    margin-top:0.35rem;
}
.map-ul ul.mapul li .d1opi{
    margin-top:0;
    line-height:0.4rem;
    margin-bottom:0.2rem;
}
.map-ul ul.mapul li .name-email1{
    font-size:0.5rem;
    color:#0067da;
}
.map-ul ul.mapul li .name-adderess{
    font-size:0.5rem;
    color:#555555;
    margin-top:0.5rem;
    padding-left:1rem;
    height:0.85rem;
    line-height:0.85rem;
    background-position:left center;
    background-repeat:no-repeat;
    background-image:url(/static/image/address12.png)
}
.map-ul ul.mapul li .name-adderess a{
    color:#666;
}
.conpany-map{
    margin-top:2rem;
    background-color:#fff;
    position:relative;
}
.conpany-map .map{
    padding:0.5rem;
}
.conpany-map .map #map{
height:19.5rem;
}
.map-zhixun{
    margin-top:2.5rem;
}
.map-zhixun h2{
    font-size:1.2rem;
    text-align:center;
    line-height:1;
    color:#222;
}
.map-zhixun .zhixun-p{
    font-size:0.4rem;
    text-align:center;
    line-height:1;
    color:#666;
    margin-top:0.25rem;
}
.map-inter{
    position:absolute;
    width:31.5%;
    height:70%;
    top:15%;
    left:10%;
    background-color:#fff;
    box-shadow:5px 8px 40px rgba(141,141,141,0.2);
    box-sizing:box-sizing;
}
.map-inter .map-xinxi{
    padding:1rem;
    text-align:left;
}
.map-inter .map-xinxi h2{
    font-size:0.6rem;
    color:#222;
    margin-bottom:1.5rem;
    line-height:1;
    position:relative;
}
.map-inter .map-xinxi h2:after{
position:absolute;
content:"";
width:0.6rem;
height:2px;
background-color:#222;
bottom:-0.8rem;
left:0;
}
.map-inter .map-xinxi ul li{
    font-size:0.35rem;
    color:#666;
    margin-bottom:0.15rem;
}
.map-inter .map-xinxi .map-ma .left-ma{
   float:left;
   margin-right:0.25rem;
   width:43%;
}
.map-inter .map-xinxi .map-ma .left-ma .ma-img{
   width:100%;
   position:relative;
   padding-bottom:100%;
   border:1px solid #dedede;
}
.map-inter .map-xinxi .map-ma .left-ma img{
    position:absolute;
    top:2%;
    left:2%;
    width:96%;
    height:96%;
}
.map-inter .map-xinxi .map-ma .ma-name{
    text-align:center;
    margin-top: 0.2rem;
    font-size:0.4rem;
}
.map-zhixun .map-form{
    margin-top:1rem;
}
.map-zhixun .map-form .item-input{
    width:47%;
    margin-right:2%;
    height:1.5rem;
    line-height:1.5rem;
    background-color:#fff;
    margin-bottom: 0.25rem;
    float:left;
    padding-left:2%;
    font-size:0.4rem;
}
.map-zhixun .map-form .item-input:nth-child(2n){
    margin-right:0;
}
.map-zhixun .map-form .item-input span{
    color:#d80000;
}
.map-zhixun .map-form .item-input .name,.map-zhixun .map-form .item-input .phone,
.map-zhixun .map-form .item-input .email,.map-zhixun .map-form .item-input .cname,.map-zhixun .map-form .item-input .yiqi,.map-zhixun .map-form .item-input .hao{
    margin-left: 0.25rem;
    height:1.5rem;
    background-color:#fff;
    line-height:1.5rem;
    border:0;
    font-size:0.45rem;
    color:#222;
    padding-left:0.5rem;
}
.item-textarex{
    width:100%;
    height:4rem;
    background-color:#fff;
    overflow:hidden;
}
.item-textarex textarea{
    width:96%;
    height:100%;
    padding:0.5rem 0.5rem 0.5rem 2%;
    font-size:0.45rem;
    color:#222;
}
.form-bottom{
margin-top: 0.5rem;
width:100%;
}
.map-zhixun .map-form .item-yan{
    float:left;
    width:30%;
    height:1.5rem;
    line-height:1.5rem;
    position:relative
}
.map-zhixun .map-form .item-yan .yanzhen{
    height:1.5rem;
    background-color:#fff;
    line-height:1.5rem;
    border:0;
    font-size:0.45rem;
    color:#222;
    padding-left:0.5rem;
    background-color:#fff;
    width:70%;
}
.map-zhixun .map-form .item-yan img{
    position:absolute;
    right:0;
    top:0; 
    height:100%;
    width:25%;
}
.map-zhixun .map-form .item-sumien{
    float:right;
    width:20%;
    height:1.5rem;
    line-height:1.5rem;
    text-align:right;
}
.map-zhixun .map-form .item-sumien .reset{
    font-size:0.4rem;
    color:#333333;
    height:1.5rem;
    line-height:1.5rem;
    background-color:#fff;
    width:48%;
    margin-right:2%;
}
.map-zhixun .map-form .item-sumien .submit{
    font-size:0.4rem;
    color:#fff;
    height:1.5rem;
    line-height:1.5rem;
    background-color:#008bd5;
    width:48%;
}
.select-divma{
    margin-top: 1rem;
}
.select-divma ul li{
    padding:1rem 0;
    width:100%;
    background-color:#fff;
    margin-bottom:0.5rem;
}
.select-divma ul li .select-dian{
    width:94%;
    margin:0 auto;
}
.select-divma ul li .select-dian h2{
    font-size:0.6rem;
    color:#333333;
    line-height:1;
    margin-bottom:0.5rem;
    text-align:left;
}
.select-divma ul li .select-dian .item-po{
    float:left;
    width:77%;
    font-size:0.4rem;
    color:#222;
}
.select-divma ul li .select-dian .seley-more{
    float:right;
    display:inline-block;
    padding:0.25rem 1.2rem;
    color:#fff;
    background-color:#bfbfbf;
    border-radius:1rem;
}
.bthsop-php{
    display:none;
}
.pho-ulabout{
    display:none;
}
.detail-meold{
        display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 99;
}
.detail-meold .maskss{
        position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .2);
}
.detail-meold .detail-show{
    position: absolute;
    left: 50%;
    top: 50%;
    box-sizing: border-box;
    width: 90%;
    padding: .2rem 0.5rem 2rem;
    transform: translate(-50%,-50%);
    background-color: #fff;
    box-shadow: 0 0 10px rgba(0,0,0,.33);
    width:15rem;
}
.detail-meold .detail-show h2{
    font-size:0.5rem;
    color:#222;
    text-align:center;
    margin: 0.5rem 0;
}
.detail-meold .detail-show .item-p{
    font-size:0.4rem;
    color:#222;
}
.right-fixed{
    position:fixed;
    left:0;
    top:50%;
    transform:translateY(-50%);
    z-index:100;
}
.right-fixed ul.uouo li{
    padding:0 0.25rem;
    margin-bottom: 0.2rem;
    height:1.25rem;
    border:1px solid #dedede;
    background-color:#fff;
    border-radius:4px;
    line-height:1.25rem;
    text-align:center;
    position:relative;
}

.right-fixed ul.uouo li span{
    display:inline-block;
    width:0.7rem;
    height:0.7rem;
    background-repeat:no-repeat;
    background-position:center;
    background-size:100%;
    position:relative;
    top:0.275rem;
    transition:all 0.3s;
}
.right-fixed ul.uouo li.li1 .items{
    position:absolute;
    padding:0.2rem;
    background-color:#fff;
    left:0;
    border:1px solid #dedede;
    border-radius:6px;
    top:0;
    text-align:left;
    display:none;
    width:130px;
    text-align:center;
}
.right-fixed ul.uouo li.li1 .items span{
    position:relative;
    top:3px;
    width:0.5rem;
    height:0.5rem;
}
.right-fixed ul.uouo li.li1.active .items{
    display:block;
    left:56px;
}
.right-fixed ul.uouo li.li1 .items>div{
    height:0.8rem;
    line-height:0.8rem;
}
.right-fixed ul.uouo li.li1 .items a{
    color:#333
}

.right-fixed ul.uouo li.li2 .erma{
    position:absolute;
    width:130px;
    height:130px;
    padding:0.2rem 0.2rem 0.6rem 0.2rem;
    border:1px solid #dedede;
    background-color:#fff;
    border-radius:6px;
    top:-50%;
    left:0;
    transition:all 0.3s;
    display:none;
    z-index: 10;
}
.right-fixed ul.uouo li.li2 .erma p{
    font-size:12px;
    line-height:14px;
}
.right-fixed ul.uouo li.li2 .erma img{
    width:100%;
}
.right-fixed ul.uouo li.li1 span{
    background-image:url(/static/image/img004.png);
}
.right-fixed ul.uouo li.li2 span{
    background-image:url(/static/image/img002.png);
}
.right-fixed ul.uouo li.li3 span{
    background-image:url(/static/image/img006.png);
}
.right-fixed ul.uouo li.li4 span{
    background-image:url(/static/image/img008.png);
    transform:rotate(90deg)
}
.two-tablesoi .table-two tr td:nth-child(1){
    width:25% !important;
}
.two-tablesoi .table-two tr td:nth-child(2){
    width:75% !important;
}
.two-tablesoi .table-three tr td:nth-child(1){
    width:22% !important;
}

.two-tablesoi .table-three tr td:nth-child(2){
    width:32.5% !important;
}
.two-tablesoi .table-three tr td:nth-child(3){
    width:32.5% !important;
    color: #666666;
}
.two-tablesoi .table-four tr td:nth-child(1){
    width:25% !important;
}
.two-tablesoi .table-four tr td:nth-child(2){
    width:25% !important;;
}
.two-tablesoi .table-four tr td:nth-child(3){
    width:25% !important;
    color: #666666;
}
.two-tablesoi .table-four tr td:nth-child(4){
    width:25% !important;
    color: #666666;
}
.solve-teble table tr td{
    border:1px solid #dedede;
    height:1.25rem;
    line-height:0.85rem;
    font-size:0.45rem;
    color:#333;
}
.solve-teble .table-two tr td:nth-child(1){
    width:25% !important;
    font-size:0.75rem;
    text-indent:1em;

}
.solve-teble .table-two tr td:nth-last-child(1){
    width:75% !important;
    text-indent:0em;
    padding-left:1rem;
    padding-right: 1rem;
    font-size:0.45rem;
}

.info-texing.xinjia2>div{
float:right
}
@media (max-width: 1680px){

}

@media (max-width: 1500px){
  .info-texing .texing-div .te-div .te-overslo{
    overflow-y: scroll;
  }
  .strength-jian .strength-left{
  	height:15rem;
  }
  .strength-jian .strength-right{
  	height:15rem;
  }
  .yungong .leftyuna{
    max-height:12rem;
  }
}
@media (max-width: 1440px){
.strength-jian .strength-left{
  	height:16.5rem;
  }
  .strength-jian .strength-right{
  	height:16.5rem;
  }
}
@media (max-width: 1366px){
  .about-bootm{
    padding:2.5rem 0;
  }
  .strength-jian .strength-left{
  	height:15rem;
  }
  .strength-jian .strength-right{
  	height:15rem;
  }
  .down-tech ul.problem li .do-div .do-left{
    padding:0.5rem 0rem 0.5rem 2.2rem
  }
  .down-tech ul.problem li .wenti-solve .item{
    padding-left:2.2rem;
  }

}
@media (max-width: 1240px){
.yungong .leftyuna{
    max-height:11rem;
  }
}
@media (max-width: 1200px){
  .product-mian .right .right-div .left1 .name{
    font-size:0.55rem;
  }
  .about-mian .about-right .cbout-comp{
    padding:1rem 1.25rem;
  }
  .about-conmy .about-num ul.numul li .nun-div{
    padding:1rem 0.45rem;
  }
  .about-conmy .about-num ul.numul li .consu p{
    font-size:1.2rem;
  }
  .about-licheng .lecheng .licheng-swiper .swiper-slide{
    width:24%;
  }
   .strength-jian .strength-left{
  	height:14rem;
  }
  .strength-jian .strength-right{
  	height:14rem;
  }
}
@media (max-width: 1140px){
.yungong .leftyuna{
    max-height:10rem;
  }
}