/**/
html{margin:0;padding:0;border:0;}
body,div,span,object,iframe,h1,h2,h3,h4,p,blockquote,pre,a,address,code,b,em,img,
dl,dt,dd,ol,ul,li,fieldset,form,label,footer,
header,hgroup,navs,section
{margin:0;padding:0;border:0;}
body{background:#fff;color:#333;position:relative;font:12px/1.5 Microsoft YaHei,arial,,sans-serif;vertical-align:baseline;width:100%;overflow-x:hidden;}
a{text-decoration:none;outline:none;}

a:hover,a:active,a:focus{text-decoration:none;outline:none;}

.both{clear:both;}
input{padding:0;margin:0;font-family:'Microsoft YaHei';}
img{border:none;background:none;vertical-align:middle;}
ul,ol,li{list-style-type:none;}
select,input,img,select{vertical-align:middle;}
table{border-collapse:collapse;border-spacing:0}
table, th, td {vertical-align: middle}
.clearfix:after{content: ".";display: block;height: 0;clear: both;overflow: hidden;visibility: hidden;}
.clearfix{zoom:1}
.clearboth{height:0px;line-height:0px;overflow:hidden;clear:both;font-size:0px;}

h1,h2{font-size:12px;font-weight:bold;}
hr {border: 0;border-top:1px solid #ccc;height:0;}

.com-img{display:inline;overflow:hidden;margin:0 auto;/* display: table; */}
.com-img img{ transition:all 0.8s; -webkit-transition:all 0.8s; -moz-transition:all 0.8s; -o-transition:all 0.8s;}
.com-img:hover img{transform:scale(1.2); -webkit-transform:scale(1.2); -moz-transform:scale(1.2); -o-transform:scale(1.2);-ms-transform:scale(1.2);}


.c1 .imgg{
    margin-top: 2vw;
}
.tybt{
    text-align: center;
}
.tybt h3{
    font-size: 2rem;
    color: #1a1a1a;
    font-weight: normal;
}
.tybt p{
    font-size: 16px;
    color: #666666;
    margin-top: 0.8vw;
}


.flex{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.w1440{
    max-width: 1470px;

    margin: 0 auto;
}
.w19200{
     max-width: 1470px;

    margin: 0 auto;   
}
.htop{
    height: 100px;
}
.htop .logo{
    width: 13%;
    line-height: 100px;
}
.htop .logo img{
    max-width: 100%;
}
.htop .tnav{
    width: 70%;
}

.ssmk{
    border-bottom: 1px solid #e5e5e5;
}
.ssmk .flex{
    align-items: center;
}
.ssmk .hotkey{
    font-weight: 600;
    font-size: 14px;
    color: #333333;
}
.ssmk .hotkey span{
    color: #00a0e9;
    text-transform:uppercase;
}
.ssmk .hotkey  a{
    font-weight: 400;
    color: #666666;
    margin: 0 8px;
}

.c1{
    background: #fff;
    padding-top: 3vw;
    text-align: center;
    padding-bottom: 2vw;
    background: url(../image/liub.jpg)no-repeat;
}

.tab-con { position: relative; }
.tab-con .tab-main { position: absolute; left: 0; top: 0; z-index: 9; right: 0;}
.tab-con .tab-main { opacity: 0; visibility: hidden; transition: all .5s ease; }
.tab-con .tab-main.active { position: static; opacity: 1; visibility: visible;  } 


.taba{
    justify-content: right;
    margin: 3vw 0;
}
.taba li{
    padding: 18px 30px;
    /* background: #fff; */
    margin: 0 0px;
    /* border:1px solid #f1f1f1; */
    position: relative;
}
.taba li .a{
    align-items: center;
}
.taba li .a .img{
    margin-right: 20px;
}
.taba li .a .img img{
    max-width: 100%;
}
.taba li .a  .imgwz{

}
.taba li .a  .imgwz h3{
    font-size: 20px;
    color: #333333;
    font-weight: normal;
}
.taba li .a  .imgwz p{
    font-size: 12px;
    color: #999999;
    font-family: Arial;
    text-transform: uppercase;
}
.taba li.active{
    /* background: #00a0e9; */
    /* border-color: #00a0e9; */
}
.taba li.active .a .imgwz h3{
    color: #1c3070;
}
.taba li.active .a .imgwz p{
    color: #fff;
}


.pro_list{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.pro_list li{
    /* width: 100%; */
    background: #fff;
    text-align: center;
}
.pro_list li .img1 img{
    width: 100%;
}
.pro_list li h3{
   width: 100%;
   border-top: 3px solid #fff;
   font-weight: normal;
   line-height: 75px;
   font-size: 18px;
   top: 0;
   color: #000;
   transition: all 0.3s;
   position: relative;
   text-align: left;
   padding-left: 10px;
}
.pro_list li:hover h3{
    /* background: #00a0e9; */
    color: #203373;
    border-top: 3px solid #203373;
}

.pro_list li:hover h3::before{
    /* content:"more"; */
    /* background: url(../image/4191a7174165d32d85d9b84ee593cd1557a27939.png) no-repeat left bottom; */
    color: #fff;
    position: absolute;
    top: -66px;
    left: 0;
    width: 100%;
    line-height: 66px;
    text-indent: 320px;
}
.c1 .img1{
    margin: 0 auto;
    max-width: 100%;
    margin-top: 2.6vw;
}

.c2{
    padding-top: 0;
    padding-bottom: 4vw;
}

.c2a{
    align-items: center;
}
.c2a .c2aa{
    padding-left: 30px;
    position: relative;
}
.c2a .c2aa::before{
    content:"";
    width: 12px;
    height: 12px;
    background: #00a0e9;
    position: absolute;
    left: 0;
    top: 0;
}

.c2a .c2aa h3{
    font-size: 2rem;
    color: #1a1a1a;
    font-weight: normal;
    line-height: 1;
}
.c2a .c2aa p{
    font-size: 16px;
    color: #666666;
    margin-top: 18px;
}
.c2ab{

}
.c2ab a{
    font-size: 16px;
    color: #999999;
}
.c2ab a img{
    max-width: 100%;
}
.c2 .c2b{
    margin-top: 1vw;
}
.c2 .w-pro-item{
    text-align: center;
 
}
.c2 .w-pro-item .img{
    border:1px solid #efefef;
}
.c2 .w-pro-item .img img{
    width: 100%;
}
.c2 .w-product-list{
    margin: 0 -15px;
}
.c2 .w-product-list li{
    margin: 0 15px;
}
.c2 .w-pro-item h3{
    font-size: 18px;
    color: #555555;
    font-weight: normal;
    margin-top: 2vw;
}
.c2 .owl-item.active .w-pro-item .img{
    border-color: #efefef;
}
.c2 .owl-item.active .w-pro-item  h3{
    color: #000;
}


.c3{ 
    padding: 4vw 0;
    background: url(../image/190fbcf35445973918b4a42799d81eceed27b82e.png) no-repeat top center;
    background-size: cover;
}
.c3a{
    text-align: center;
}

.c3a h3{
    font-size: 2rem;
    color: #ffffff;
    font-weight: normal;
    line-height: 1;
}
.c3a h3::after{
    content: '';
    width: 70px;
    height: 4px;
    background: #fff;
    margin: 0 auto;
    display: block;
    margin-top: 2vw;
}

.ysmk{
   justify-content: center; 
   margin-top: 5vw;
}
.ysmk li{
 width: 106px;
 text-align: center;
 margin: 0 2.05%;
}
.ysmk li .img{
    border:1px solid #7f7f7f;
    border-radius: 10px;
    width: 100%;
    height: 104px;
    display: flex;    
    align-items: center;
    justify-content: center;
}
.ysmk li .img img{
    max-width: 100%;
}
.ysmk li h3{
    font-size: 16px;
    line-height: 24px;
    font-weight: normal;
    color: #ffffff;
    width: 100%;
    text-align: center;
    margin-top: 2vw;
}
.ysmk li:hover .img{
    background: #00a0e9;
    border-color: #00a0e9;
}
.ysmk li:hover h3{
    color: #00a0e9;
}



.c3c{
    display: flex;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
    margin-top: 4.8vw;
}
.c3c .c3ca{
    font-size: 15px;
    color: #fff;
}
.c3c .c3ca img{
    margin-right: 10px;
}
.c3c .c3cb{
    width: 228px;
    height: 46px;
    font-size: 1.4rem;
    background: #3c8cff;
    line-height: 46px;
    color: #ffff;
    text-align: center;
    font-weight: normal;
    font-family: Arial;
    margin-left: 18px;
}


.c4{
    padding-top: 3vw;
    padding-bottom: 1.5vw;
}

.case_listt{
    border-bottom: 1px solid #d1d1d1;
    padding-bottom: 1.8vw;
    margin-top: 2.8vw;
}
.case_listt li{
    text-align: center;
}
.case_listt li .img img{
    max-width: 100%;
}
.case_listt li  h3{
    font-size: 15px;
    color: #333333;
    font-weight: normal;
    margin-top: 0.8vw;
}
.w1920{
    width: 1920px;
    margin:0 auto;
}
.case_listt2{
    padding:0 15px;
    margin-top: 2.8vw;
}
.case_listt2 li{
    width: 24.5%;
    margin-bottom: 15px;
}
.case_listt2 li .img{
    width: 100%;
}
.case_listt2 li img{
    width: 100%;
}

.c5{
    padding: 4vw;
    background: #f8f8f8;
}

.tab-con1 { position: relative; }
.tab-con1 .tab-main1 { position: absolute; left: 0; top: 0; z-index: 9; right: 0;}
.tab-con1 .tab-main1 { opacity: 0; visibility: hidden; transition: all .5s ease; }
.tab-con1 .tab-main1.active { position: static; opacity: 1; visibility: visible;  } 

.tab_list{
    margin-top: 4vw;
    margin-bottom: 2vw;
}
.tab_list li{
    width: 25%;
    border: 1px solid #eeeeee;
    border-right:none;
    text-align: center;
    padding-top: 1.6vw;
    padding-bottom: 1.8vw;
    position: relative;
}
.tab_list li::before{
    content: '';
    width: 22px;
    height: 22px;
    background: url(../image/794a7ec412ef69179f6e0954957aeffc6b4541c4.png) no-repeat center;
    position: absolute;
    left: 47.5%;
    top: -11px;
}
.tab_list li dd{
    font-size: 3rem;
    color: #00a0e9;
    font-family: Arial;
    line-height: 1;
}
.tab_list li dt{
    font-size: 1.4rem;
    color: #666666;
    font-weight: normal;
    line-height: 1;
    margin-top: 15px;
}

.tab_list li:last-child{
    border-right: 1px solid #eee;
}
.tab_list li.active{
    background: #00a0e9;
}
.tab_list li.active dd{
    color: #fff;
}
.tab_list li.active dt{
    color: #fff;
}
.tab-main1{
    background: #fff;
    padding: 2vw;
    box-shadow: 0 0 5px 1px rgb(153 153 153 / 30%);
}
.about_list{
    
}
.about_list li{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.about_list li .abz{
    width: 42.5%;
}
.about_list li .abz .img{
    width: 100%;
}
.about_list li .abz .img img{
    width: 100%;
}
.about_list li .aby{
    width: 51.5%;
    padding-top: 18px;
}
.about_list li .aby h4{
    font-weight: normal;
    font-size: 1.2rem;
    color: #888888;
}
.about_list li .aby h3{
    font-weight: normal;
    font-size: 1.5rem;
    color: #333333;
    margin-top: 1vw;
}
.about_list li .aby h3::after{
    content: "";
    display: block;
    width: 72px;
    height: 5px;
    background: #00a0e9;
    margin-top: 1vw;
}
.about_list li .aby p{
    font-size: 16px;
    line-height: 32px;
    color: #666666;
    margin-top: 1.8vw;
}
.about_list li .aby a{
    display: block;
    width: 300px;
    height: 40px;
    color: #fff;
    font-size: 16px;
    background-color: #00a0e9;
    line-height: 40px;
    text-align: center;
    margin-top: 2.8vw;
}

.c6{
    padding-top: 1vw;
}
.cc6{
    padding: 2vw 0 3vw;
    /* background: #fff; */
    /* box-shadow: 0 0 5px 1px rgb(153 153 153 / 30%); */
    /* transform: translateY(3vw); */
    -ms-transform: translateY(3vw);
    /* -webkit-transform: translateY(3vw); */
    z-index: 99;
}
.c6a{
    width: 39.5%;
    overflow: hidden;
}
.c6a .img{
    width: 100%;
}
.c6a .img img{
    width: 100%;
}

.c6b{
    width: 57%;
    /* padding-top: 12px; */
}
.c6b .abwz{
    font-size: 16px;
    line-height: 30px;
    color: #fff;
    position: relative;
    font-weight: 100;
    letter-spacing: 1px;
}
.c6b .ablink{
    margin-top: 0;
    font-size: 0;
    text-align: right;
    position: absolute;
    left: 0;
    bottom: -60px;
}
.c6b .ablink a{
    display: inline-block;
    font-size: 15px;
    color: #666666;
    width: 160px;
    height: 40px;
    line-height: 40px;
    background: #eeeeee;
    text-align: center;
}
.c6b .ablink a.a1{
    background: inherit;
    color: #fff;
    border: 1px solid #fff;
    /* border-left: 5px solid #1b368b; */
    margin-left: 0;
    border-radius: 60px;
    margin-right: 1.5vw;
}
      .c6b .ablink a.a1:hover{
     border:1px solid #fff;
	 color:#000;
	 background:#fff;
	 
   }
.c7{
    background: #00a0e9;
    padding-top: 6vw;
    padding-bottom: 3vw;
}
.szgd{}

.szgd li{
    width: 25%;
    text-align: center;
    color: #fff;

}
.szgd li .counter{
    font-family: Impact;
    font-size: 3.6rem;
}
.szgd li .span2{
    font-family: Impact;
    font-size: 3.6rem;
}
.szgd li .span1{
    display: inline-block;
    border-radius: 50%;
    font-size: 14px;
    background-color: #fff;
    color: #23acc3;
    width: 20px;
    height: 20px;
        transform: translateY(-2.5vw);
    -ms-transform: translateY(-2.5vw);
    -webkit-transform: translateY(-2.5vw);
    margin-left: -0.6vw;
    line-height: 20px;
}
.szgd li:last-child .span1{display: none;}
.szgd li p{
    font-size: 16px;
    color: #ffffff;
}

.c8{
    padding-top: 0.8vw;
    background: #f8f8f8;
    padding-bottom: 3vw;
}
.xwfl{
    margin-top: 2.8vw;
}
.xwfl ul{
    display: flex;
    flex-wrap: nowrap;
    justify-content: right;
}
.xwfl ul li{
    width: 170px;
    height: 60px;
    background: #eeeeee;
    text-align: center;
    margin: 0 5px;
}

.xwfl ul li.active h3{color: #fff;background: #0179d8;}
.xwfl ul li h3{
    color: #000;
    font-size: 18px;
    font-weight: 400;
    line-height: 60px;
}

.xwfl ul li:hover h3{
    color: #fff;
}

.xwbj{
    /* display: flex; */
    /* flex-wrap: nowrap; */
    /* justify-content: space-between; */
    margin-top: 2vw;
    opacity: 0;
    /* visibility: hidden; */
    transition: all .5s ease;
    display: none;
}
.xwbj .xwz{
    width: 100%;
    background: #f8f8f8;
    padding: 0;
    float: left;
}
.news_listt li h3{
    font-size: 1rem;
    color: #333333;
    font-weight: 400;
}
.news_listt li h5{
    font-size: 15px;
    color: #999999;
    line-height: 28px;
    margin-top: 15px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
}
.news_listt li span{
    display: block;
    font-size: 16px;
    color: #000;
    margin-top: 20px;
    width: 50%;
    float: left;
}
.news_listt li .img{
    width: 100%;
    margin-bottom: 2vw;
}
.news_listt li .img img{
    width: 100%;
}

.news_listt li:hover h3{
    color: #1c3070;
    font-weight: 600;
}


.xwbj .xwy{
    width: 55.5%;
    float: right;
}

.news_listt2 li a{
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
}
.news_listt2 li{
    margin-bottom: 0.8vw;
}
.news_listt2 li:last-child{
    margin-bottom: 0;
}
.news_listt2 li .rq{
    width: 12.5%;
    border: 1px solid #eeeeee;
    text-align: center;
    padding-bottom: 12px;
}
.news_listt2 li .rq dd{
    font-size: 2.4rem;
    color: #454545;
    font-weight: 400;
}
.news_listt2 li .rq dt{
    font-size: 16px;
    color:#666666;
    font-weight: 400;
}
.news_listt2 li .wz{
    width: 83%;
}
.news_listt2 li .wz h3{
    font-size: 18px;
    color: #333333;
    font-weight: 400;
    line-height: 32px;
    white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
word-wrap: break-word;
}
.news_listt2 li .wz h5{
    font-size: 15px;
    color: #888888;
    font-weight: 400;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;
         line-height: 24px;
         margin-top: 8px;
}
.news_listt2 li .wz span{
    display: block;
    font-size: 14px;
    color: #888888;
    line-height: 24px;
    margin-top: 10px;
}

.news_listt2 li:hover .rq{
    background: #00a0e9;
    border-color: #00a0e9;
}
.news_listt2 li:hover .rq dd{
    color: #fff;
}
.news_listt2 li:hover .rq dt{
    color: #fff;
}
.news_listt2 li:hover .wz h3{
    font-weight: 600;
    color: #00a0e9;
}
.news_listt2 li:hover .wz span{
    color: #00a0e9;
    display: flex;
    align-items: center;
}
.news_listt2 li .wz span::before{
    display:inline-block;
    content: "";
    width: 0;
    height: 1px;
    background: #00a0e9;
    transition: all 0.3s;
}
.news_listt2 li:hover .wz span::before{
    width: 56px;
    margin-right: 14px;
}

footer{
    background-color: #1f1f1f;
    padding-top: 3vw;
    padding-bottom: 1vw;
    /* margin-top: 4vw; */
}

.fota{
    width: 80%;
}
.fotc{
    width: 20%;
}
.fota>div{
    width: 15%;
}

.fota>div:last-child{width: 32%;}
.fota dd{
    font-size: 18px;
    color: #ffffff;
    font-weight: 500;
    margin-bottom: 0.8vw;
}
.fota a{
    font-size: 14px;
    line-height: 32px;
    font-weight: 400;
    color: #fff;
}
.fota a:hover{
    color: #00a0e9;
}
.fotb{
    color: #949494;
    font-size: 14px;
    line-height: 24px;
    position: relative;
    width: 12%;
}
.fotb dd{
    line-height: 30px;
    font-weight: 400;
}
.fotb dt{
    font-size: 1.4rem;
    color: #00a0e9;
    font-weight: 600;
}
.fotb dl{
    font-weight: 400;
    margin-top: 0;
}
.fotc{
    text-align: center;
    color: #949494;
    font-size: 14px;
    line-height: 32px;
}

.xwxw{
    color: #949494;
    font-size: 14px;
    line-height: 28px;
    text-align: center;
    margin-top: 50px;
    border-top: 1px solid #999;
}
.xwxw a{
   color: #949494; 
}

.footyj{
    background: #161616;
}
@media (max-width: 1260px){
.pro_list li:hover h3::before{
     text-indent: 260px;
}
.ysmk li{
    margin: 0 1.05%;
}
.fotc{
    width: 24%;
}
}

@media (max-width: 1200px){
    .w1920{
        max-width: 1200px;
       margin: 0 auto;
    }
    .htop .tnav{
        width: 82%;
    }
}
@media (max-width: 1024px){
.htop .tnav{
    width: 84%;
}
.x-menu > li>a{
    font-size: 15px;
}
.ss #keyword{
    width: 85%;
}
.pro_list li:hover h3::before{
    display: none;
}
.cc6{
    align-items: center;
}
.w1920{
    max-width: 1024px;
    margin: 0 auto;
}
.ysmk li{
    width: 97px;
}
.fota{
    width: 40%;
}
.fotc{
    width: 28%;
}
}
@media (max-width: 992px){
    .c2{
        padding:0 2%;
    }
    .c3{
        margin-top: 3%;
    }
   .taba li{
        padding: 18px 30px;
   } 
   .about_list li{
       align-items: center;
   }
   .fota{
       display: none;
   }
   .fotb{
       width: 48%;
   }
   .fotc{
       width: 30%;
   }


}
@media (max-width: 768px){
    body{
        padding: 50px 0;
    }
    .visible-xs{
        display: block!important;
    }
       .footyj{
       display: none;
   }
   .xwxw{
       display: block;
   }
   .fotc{
       display: none;
   }
   .fotc td img{
       width: 85%;
   }
   .ssmk{
       display: none;
   }
   .tybt h3{
       font-size: 22px;
   }
   .taba li .a .img{
       display: none;
   }
   .taba li .a .imgwz p{
       display: none;
   }
   .taba li{
       padding: 10px 20px;
   }
   .taba li .a .imgwz h3{
       font-size: 18px;
   }
   .pro_list li h3{
       font-size: 16px;
       height: 45px;
       line-height: 45px;
   }
   .c1 .imgg{
       max-width: 33%;
   }
   .c2a .c2aa h3{
       font-size: 22px;
   }
   .c2a .c2aa p{
       margin-top: 5px;
   }
   .c2 .w-pro-item h3{
       font-size: 16px;
       margin-top: 8px;
   }
   .c3a h3{
       font-size: 22px;
   }
   .ysmk li .img img{
       max-width: 50%;
   }
   .ysmk li .img{
       height: 80px;
   }
   .c3c .c3cb{
       font-size: 18px;
       width: 160px;
       height: 36px;
       line-height: 36px;
   }
   .case_listt{
       display: none;
   }
   .case_listt2 li:nth-child(n+5){
       display: none;
   }
   .case_listt2 li{
       width: 48%;
   }
   .tab_list li dd{
       font-size: 32px;
       margin: 4px 0;
   }
   .tab_list li dt{
       font-size: 16px;
       margin: 0;
   }
   .tab_list li::before{
       left: 43.5%;
   }
   .about_list li .aby h4{
       font-size: 18px;
   }
   .about_list li .aby h3{
       font-size: 16px;
       margin: 8px 0;
   }
   .about_list li .aby p{
       font-size: 14px;
       line-height: 24px;
       margin-top: 0;
   }
   .about_list li .aby h3::after{
       width: 50px;
       height: 2px;
   }
   .about_list li .aby a{
       width: 110px;
       height: 32px;
       line-height: 32px;
       font-size: 12px;
       margin-top: 5px;
   }
   .c6a{
       width: 100%;
       margin-top: 20%;
   }
   .c6b{
       width: 100%;
   }
   .c6b .abwz{
       font-size: 14px;
       line-height: 24px;
   }
   .c6b .ablink a{
        width: 90px;
       height: 32px;
       line-height: 32px;
       font-size: 12px;
   }

   .szgd li .counter{
       font-size: 40px;
   }
   .szgd li .span2{
       font-size: 40px;
   }
   .xwbj .xwz{
       display: block;
   }
   .xwbj .xwy{
       width: 100%;
   }
   .xwfl ul li{
       height: 48px;
       width: 46%;
       padding: 0;
       float: left;
       margin-bottom: 2%;
   }
    .xwfl ul li h3{
        height: 48px;
        line-height: 48px;

    }
    .news_listt2 li .rq{
        padding-bottom: 0;
    }
    .news_listt2 li .rq dd{
        font-size: 22px;
        padding-top: 12px;
    }
    .news_listt2 li .rq dt{
        font-size: 16px;
    }
    .news_listt2 li .wz h3{
        font-size: 16px;
    }
    .news_listt2 li .wz h5{
        font-size: 12px;
        margin-top: 0;
    }
    .news_listt2 li .wz span{
        font-size: 12px;
        margin-top: 0;
    }
    .news_listt2 li:hover .wz h3{
        font-size: 16px;
    }
    .fotb{
        width: 50%;
        margin: 0 auto;
        padding-bottom: 10px;
    }
    .fotb dl{
        margin-top: 5px;
    }
    .fotb dt{
        font-size: 18px;
    }

}

@media (max-width: 500px){
    .taba li{
        padding: 8px 15px;
    }
    .imgg{
        max-width: 30%;
        display: none;
    }
    .pro_list li{
        width: 48%;
    }
    .pro_list li:nth-child(n+3){
        display: none;
    }
    .pro_list li h3{
        font-size: 14px;
    }
    .c2{
        margin-top: 5px;

    }
    .c2ab{
        display: none;
    }
    .ysmk li .img img{
        max-width: 35%;
    }
    .ysmk li .img{
        height: 70px;
    }
    .ysmk li{
        width: 80px;
        margin-bottom: 2%;
    }
    .ysmk li h3{
        font-size: 14px;
    }
    .about_list li .abz{
        width: 100%;
    }
    .about_list li .aby{
        width: 100%;
    }
    .tab_list li dd{
        font-size: 28px;
    }
    .tab_list li dt{
        font-size: 15px;
    }
    .szgd li{
        width: 50%;
    }
    .news_listt2{
        padding: 0 15px;
    }
    .news_listt2 li .rq{
        width: 22.5%;
    }
    .news_listt2 li .wz{
        width: 72%;
    }
    .fotb{
        width: 80%;
    }
    .szgd li .counter{
        font-size: 32px;
    }
    .szgd li p{
        font-size: 14px;
    }
    .szgd li .span2{
        font-size: 32px;
    }
    .szgd li .span1{
        font-size: 12px;
    }
}


.taba li:after {
    content: "";
    width: 2px;
    height: 16px;
    background:#999;
    position: absolute;
    left:0;
    top: 23px;
}

.taba li:first-child:after {
    content: "";
    width: 0;
    height: 16px;
    background:#999;
    position: absolute;
    left:0;
    top: 23px;
}

.xwbj.active {
    position: static;
    opacity: 1;
    visibility: visible;
    display: block;
}
.clear{clear:both;}
.news_listt{display: flex;
    flex-wrap: wrap;
    justify-content: space-between;}
	.news_listt li{width:31%;}
	
	.oligeis{text-align: center;color:#999;padding: 3vw 0;}
	.kissk{width:100%;height: 1px;background:#999;position: relative;margin: 40px 0 10px 0;}
	.kissys{
    width: 30%;
    background: #000;
    height: 3px;
    position: absolute;
    top: -1px;
	transition: all 0.6s;
}


.news_listt li:hover .kissys {
   width: 100%;
}

.fotb dl p{
   padding-bottom: 10px;
   color: #fff;
}

.hidden-xs{/* background:#0179d8; */}


.sousuo {
    /* position: absolute; */
    /* right: 0; */
    float: right;
    top: 20%;
    width: 100%;
    /* padding: 20px; */
    z-index: 999;
    position: relative;
    margin: 15px 0;
}

.sousuo #keyword {
    line-height: 30px;
    width: 72%;
    background: none;
    border: none;
    outline: none;
    color: #000;
    float: right;
    font-size: 14px;
    text-indent: 20px;
    padding: 0;
    /* border: 1px solid #e5e5e5; */
    border-radius: 10px;
    background: #fff;
}

.sousuo #search_button {
    position: absolute;
    right: 7%;
    top: 13%;
    /* background: red; */
    margin-top: 0;
    width: 17px;
    background: url(../image/so.png);
    border: 1px solid #f3f3f3;
    height: 20px;
}

.cpps{padding:40px 0;}
.cp_autos ul li{width:49%;float:left;margin-left:2%;margin-bottom:2%;position:relative;overflow:hidden;}
.dins{position:absolute;top: 10%;width: 100%;left: 5%;}
.cp_autos ul li:nth-child(1){margin-left:0;}
.cp_autos ul li:nth-child(3){margin-left:0;}
.cp_autos ul li img{max-width:100%;}

.dins h3{font-size: 49px;color: #fff;margin-bottom: 5%;font-weight: 600;letter-spacing: 3px;}
.dins h3 a{padding: 0px 10px;background:#fff;margin-right: 10px;}
.dins dd{font-size: 25px;color: #fff;text-transform: uppercase;margin-bottom: 2%;}
.dins p{font-size: 16px;color: #fff;line-height: 40px;}
.din_as a{font-size: 16px;color: #fff;padding: 10px 40px;border: 1px solid #fff;border-radius: 40px;}
.din_as{/* margin-top: 8%; */position: absolute;bottom: 8%;left: 5%;}


.cp_autos ul li:nth-child(n+2) .dins h3{color: #0179d8;}
.cp_autos ul li:nth-child(n+2) .dins dd{color: #000;}
.cp_autos ul li:nth-child(n+2) .dins p{color: #000;}
.cp_autos ul li:nth-child(n+2) .din_as a{color: #000;border: 1px solid #000;transition: all 0.6s;}

.titles{text-align:center;}
.titles h3{font-size: 52px;margin-bottom: 20px;color: #000;font-weight: 600;}
.titles p{font-size: 22px;}
.shi{margin-top:40px;}
.shi img{max-width:100%;}
.abibeis{background:url(../image/abbei.png)no-repeat;padding:50px 0;background-color: #007be1;}


.abibeis .titles{text-align:center;}
.abibeis .titles h3{font-size: 52px;margin-bottom: 20px;color:#fff;font-weight: 100;letter-spacing: 5px;}
.abibeis .titles p{font-size: 22px;color:#fff;}


.cp_autos ul li img{max-width:100%;transition: all 0.6s;}
.cp_autos ul li:hover img{transform: scale(1.1);}
.din_as a:hover{border: 1px solid #0179d8;background:#0179d8;color:#fff;}
.cp_autos ul li:nth-child(n+2) .din_as a:hover{color: #fff;border: 1px solid #0179d8;}
.lichen{padding: 0.5vw 0 3vw 0;background: #80bdf0;border-radius: 15px;display: none;}
.sjz {
  background: url(../image/sjz_bg.png)center no-repeat;
  height: 40px;
  margin-top: 25px;
  position: relative;
}
.sjz .year {
  width: 50px;
  position: absolute;
  height: 50px;
  border-radius: 50%;
  background: #dac192;
  color: #fff;
  font-size: 14px;
  text-align: center;
  line-height: 50px;
  margin-top: -10px;
}
 .sjz .date {
  position: absolute;
  float: left;
  height: 40px;
  width: 40px;
}
.sjz .date .rq {
  font-size: 12px;
  position: absolute;
  z-index: 9;
  color: #666;
  bottom: -30px;
  width: 130px;
  left: -40px;
  text-align: center;
  font-weight: 600;
}
 .sjz .date .yq {
  position: absolute;
  z-index: 9;
  width: 50px;
  height: 50px;
  /* background: #0f304e; */
  /* border: 1px solid #0f304e; */
  /* border-radius: 50%; */
  bottom: -5px;
  overflow: hidden;
}

 .sjz .date .yq img{margin-top:0;transition: all 0.6s;}
  .sjz .date .yq:hover img{margin-top:-70px;}
 .sjz .date .date_con {
  position: absolute;
  background: #fff;
  width: 210px;
  padding: 15px;
  color: #000;
  bottom: 50px;
  left: -5px;
  display: none;
  border-radius: 10px;
}
.sjz .date .date_con h3{font-size:12px;margin-bottom: 10px;}

 .sjz .date .date_con p {
  padding-left: 0;
  font-size: 12px;
}
 .sjz .date .date_con:after {
  content: '';
  display: inline-block;
  position: absolute;
  width: 0;
  height: 0;
  border-width: 6px;
  border-style: solid;
  border-color: #fff transparent transparent transparent;
  left: 20px;
  bottom: -12px;
}
.sjz .date:hover .rq {
color:#fff;
}
 .sjz .date:hover .date_con {
  display: block;
}
 .sjz .date1 {
  left: 12%;
}
 .sjz .date2 {
  left: 22%;
}
 .sjz .date3 {
  left: 32%;
}


 .sjz .date4 {
  left: 42%;
}
 .sjz .date5 {
  left: 52%;
}
.sjz .date6 {
  left: 62%;
}

 .sjz .date7 {
  left: 72%;
}

 .sjz .date8 {
  left: 82%;
}
 .sjz .year1 {
  position: relative;
  left: 310px;
}


.roll_product {float: left;}



.tabags{
    margin: 1vw 0 3vw;
    display: flex;
    justify-content: center;
    text-align: center;
}
.tabags li{
    padding: 18px 30px;
    /* background: #fff; */
    margin: 0 0px;
    position: relative;
    width: 50%;
    float: left;
    /* border: 1px solid #fff; */
}
.tabags li .a{
    align-items: center;
}
.tabags li .a .img{
    margin-right: 20px;
}
.tabags li .a .img img{
    max-width: 100%;
}
.tabags li .a  .imgwz{

}
.tabags li .a  .imgwz h3{
    font-size: 18px;
    color: #fff;
    font-weight: normal;
}
.tabags li .a  .imgwz p{
    font-size: 12px;
    color: #999999;
    font-family: Arial;
    text-transform: uppercase;
}
.tabags li.active{
    background: #fff;
    /* border-color: #00a0e9; */
}
.tabags li.active .a .imgwz h3{
    color: #000;
    font-weight: 600;
}
.tabags li.active .a .imgwz p{
    color: #fff;
}
.tabags li::before{
	content:"";
	position:absolute;
	top: 15%;
	width: 1px;
	height: 70%;
	left:0;
	background: #96c9f3;
}
.c2b{display:none;}
.oligeis .active{display:block;}
.bianbian{
    margin: auto;
    width: 35%;
    margin: auto;
    border: 1px solid #fff;
    border-radius: 60px;
    overflow: hidden;
}
.okls{background:url(../image/heb.png)no-repeat;padding: 66px 0;}

.heautos{padding-top:50px;text-align:center;}
.heautos img{max-width:100%;}



.c1 .titles{text-align:center;}
.c1 .titles h3{font-size: 52px;margin-bottom: 20px;color:#fff;}
.c1 .titles p{font-size: 22px;color:#fff;}



   .c1 .swiper-slide {
      text-align: center;
      font-size: 18px;
      background: #fff;
	height:20px;
	background:#fff;
      /* Center slide text vertically */
     
    }

.left_yan{width: 40%;float:left;height: 380px;border-radius:15px;overflow:hidden;padding:20px;background:#fff;}

.left_yan .swiper-container{width:100%;height:100%;padding: 0 20px;}

.left_yan .swiper-slide{/* padding:0 20px; */line-height: 50px;border-bottom: 1px dashed #999;}
.left_yan .swiper-slide h3{font-size: 15px;line-height: 50px;}
.left_yan .swiper-slide p{font-size: 15px;}
.left_yan .dijhs{
    display: flex;
    /* line-height: 30px; */
    justify-content: space-between;
    padding: 0 10px;
}
.left_yan .swiper-slide:hover{background:#0179d8;}
.left_yan .swiper-slide:hover h3{color:#fff;}
.left_yan .swiper-slide:hover p{color:#fff;}
.left_yan .swiper-container-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite, .swiper-container-vertical>.swiper-pagination-progressbar{left:inherit;right: 5px;height: 90%;top: 5%;}


.right_yan{width: 55%;float:right;text-align: left;}

.right_yan .form-group .control-label{font-size: 17px;color:#fff;font-weight:500;padding: 5px 0 0 0;}

.right_yan  .form-group {
    margin-bottom: 45px;
}

.right_yan textarea.form-control {
    height: 120px;
}


.right_yan .btn {
 
    padding: 15px 60px;
	background:#0179d8;
 }
 .oklsds{padding:0;}
.liuyns{padding-top:50px;}

.news_left{width: 49%;float:left;}
.img_news{position:relative;}
.img_news img{max-width:100%;}
.img_news p{position:absolute;bottom:0;width:20%;padding: 10px 0;background: #00000087;text-align:center;font-size:16px;color:#fff;}
.text_news h3{font-size:22px;margin: 20px 0;color:#000;}
.text_news p{font-size:16px;color:#999;}


.news_right{width: 49%;float:right;}
.img_rne{width:20%;float:left;position:relative;}
.img_rne p{position:absolute;bottom:0;width: 70%;padding: 5px 0;background: #00000087;text-align:center;font-size: 12px;color:#fff;}
.test_rne{width: 78%;float:right;}
.test_rne h3{font-size: 16px;padding: 10px 0;color: #000;}
.test_rne p{font-size: 12px;margin-top: 5px;color: #777;}
.r_texs{margin-bottom:5%;}

.left_s{width:20%;float:left;position:relative;text-align:center;}

.left_s p{font-size:30px;color: #000;}
.left_s dd{font-size:12px;color: #999;}
.hua{width: 40%;margin:auto;height:2px;background:#000;margin-top: 5px;margin-bottom: 5px;}
.risd_s{width: 78%;float:right;}
.risd_s h3{font-size: 16px;padding: 10px 0;color: #000;}
.risd_s p{font-size: 12px;margin-top: 5px;color: #777;}
.okop li{padding: 10px 0;border-bottom: 1px dashed #999;}
.okop li:nth-child(1){border-top: 1px dashed #999;}
.fota>div:nth-child(5){width:25%;}

    .fotad dt{margin-bottom: 10px;}
.fotad dt:nth-child(2){padding-left:30px;background: url(../image/dz.png) no-repeat left 5px;}
.fotad dt:nth-child(3){padding-left:30px;background: url(../image/yx.png) no-repeat left 8px;}
.fotad dt:nth-child(4){padding-left:30px;background: url(../image/dh.png) no-repeat left 7px;}
.fotad dt a{line-height:25px;}
.wqexin{
    position: absolute;
    bottom: -10%;
    text-align: center;
    width: 100%;
}
.wqexin p{padding:10px 0;font-size: 14px;color:#fff;}
.left_ff{width: 80%;float:left;}
.leftr{width: 11%;float:left;text-align: left;color: #fff;}
.rightd{width: 6%;float:left;padding: 15px 0;}
.rightd li{/* width: 15%; */float:left;position:relative;}
.disx{position:absolute;top: -120px;left: -40px;overflow:hidden;opacity:0;transition: all 0.6s;}
.rightd li:hover .disx{display:block;opacity:1;overflow: visible;}
.right_ff{width: 20%;float: right;}
.occlkjhs{padding:30px 0;}

.d1 {
    background-image: url(../image/d1.png);
    width: 23px;
    height: 20px;
    margin: auto;
    margin-top: 5px;
}

.d2 {
    background-image: url(../image/d2.png);
    width: 16px;
    height: 18px;
    margin: auto;
    margin-top: 5px;
}

.d3 {
    background-image: url(../image/d3.png);
    width: 17px;
    height: 19px;
    margin: auto;
    margin-top: 5px;
}





.z1 {
    background-image: url(../image/z1.png);
    width: 21px;
    height: 23px;
    margin: auto;
    margin-top: 5px;
}


.z2 {
    background-image: url(../image/z2.png);
  width: 21px;
    height: 23px;
    margin: auto;
    margin-top: 5px;
}

.z3 {
    background-image: url(../image/z3.png);
   width: 21px;
    height: 23px;
    margin: auto;
    margin-top: 5px;
}
.w-product-list li{overflow:hidden;}
.weisx{float:left;width: 65%;line-height: 45px;}
.biaodan{float:right;border: 1px solid #0179d8;border-radius: 50px;overflow: hidden;width: 35%;}
.biaodan form{padding:0;margin:0;width: 100%;}
.biaodan .form-group{
    width: 75%;
}


.biaodan .form-control {
    display: block;
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: initial;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%);
    box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%);
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}

.biaodan .btn {
    width: 22%;
    display: inline-block;
    padding: 7px 12px;
    margin-bottom: 0;
    font-size: 14px;
    color: #fff;
    background: #0179d8;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: initial;
    border-radius: 0;
    float: right;
}

.soldss a{
    width: 24%;
    display: block;
    float: left;
    margin-left: 1%;
}
.soldss a:nth-child(1){margin-left:0;}
.soldss a:nth-child(5){margin-left:0;}
.soldss p{font-size:18px;text-align:center;padding:10px 0;color: #000;}
.soldss a img{max-width:100%;}
.left_sj{width: 25%;float:left;border: 1px solid #999;text-align: center;padding: 5px;}
.left_sj img{max-width:100%;}
.left_sj p{font-size: 14px;padding:10px 0;text-align:center;}
.eight_sj{width: 70%;float:right;}

.eight_sj h3{font-size: 16px;margin-bottom: 20px;}
.eight_sj p{font-size: 16px;margin-bottom: 10px;}
.eight_sj p span{font-size: 24px;color: #0179d8;font-weight: 600;}
.shoujis{margin-top:30px;}
.cpxis{
    display: flex;
    justify-content: center;
    margin: 60px 0 20px;
}
.cpxis .xiash{
    width: 35%;
    float: left;
    margin: 0;
    margin-left: 5%;
    border: 1px solid #000;
    border-radius: 10px;
    }
	
.cpxis .xiash b {
    font-size: 16px;
    color: #666666;
    float: left;
    font-weight: normal;
}

.xypg-detail-pn .xiash a {
  
    font-size: 16px;
  
}
.cpxis .xiash:hover{background:#0179d8; border: 1px solid #0179d8;}

.cpxis .xiash:hover b{color:#fff;}
.cpxis .xiash:hover a{color:#fff;}


.canshu{margin-top: 40px;border-bottom: 1px solid #eee;}
.tighs {
    font-size: 20px;
    border-left: 5px solid #0179d8;
    padding-left: 15px;
    margin-bottom: 20px;
}

.canshu ul li{width:33.333%;float:left;margin-bottom: 20px;min-height: 40px;}
.canshu ul li .weng{width: 35%;float:left;text-align:left;font-size: 14px;color: #999;}
.canshu ul li .das{width: 50%;float:left;text-align: left;color: #000;font-size: 14px;padding-left: 5px;}
.xypg-case-list li p{font-size: 14px;margin-bottom: 5%;line-height: 1.6;height: 40px;overflow: hidden;}

.xypg-case-list li h3 {
    display: flex;
    justify-content: left;
    /* padding: 0 100px; */
}

.xypg-case-list li h3 dd{
    text-align: center;
    font-size: 14px;
    color: #fff;
    /* line-height: 1.6; */
    /* padding: 0.8em 0; */
    width: 60px;
    height: 20px;
    background: #0179d8;
    margin-left: 6%;
    margin-top: 5%;
    border-radius: 5px;
 }
.olkoks{text-align:right;margin-bottom: 5%;}
.olkoks a{font-size:12px;padding: 5px 20px;border: 1px solid #000;color: #000;border-radius: 29px;}
.sosdusuo{padding:15px;}

@media (max-width: 1440px){
	.w1440{max-width:1230px;}
	
	}
@media (min-width: 768px) {
.pinpaissn{display:none}
}

.youshi{padding:50px 0;}
.left_indes{width:60%;float:left;}
.left_indes img{max-width:100%;}
.right_indes{width:40%;float:right;padding: 50px;}
.right_indes h3{font-size:28px;font-weight:600;color:#000;margin-bottom: 30px;}
.right_indes p{font-size:18px;color:#555;margin-bottom: 18px;}
.youshiautu{display:flex;justify-content:center;}


.jiehsapo{background:url(../images/bbw.jpg)no-repeat;}
.wenzis{font-size:18px;text-align: left;line-height: 43px;color: #fff;margin-bottom: 3vw;width: 50%;margin-top: 4vw;padding-left: 11vw;padding-right: 1vw;}

.jiantou{width:33px;height:37px;margin:auto;}
.jiantou img{max-width:100%;}


.jiantou{animation: myfirsts 2s infinite;}
   @keyframes myfirsts {
            0% {
                transform: translate(0px, 0px);
            }
            50% {
                transform: translate(0px, 10px);
            }
            100% {
                transform: translate(0px, 0px);
            }
			
		}
		
		
		.c6ne{padding:5vw 0 0;}
		
		
		.c6ne .c6b .tybt h3 {
    font-size: 24px;
    color: #000;
    font-weight: normal;
    text-align: left;
    font-weight: 600;
}

.c6ne .c6b .tybt p {
    font-size: 12px;
    color: #000;
    margin-top: 5px;
    text-align: left;
}

.c6ne .c6b .abwz {
    font-size: 16px;
    line-height: 32px;
    color: #000;
}


.c6ne .c6b .ablink a.a1:hover {
    border: 1px solid #0179d8;
    color: #fff;
    background: #0179d8;
}


.c6ne .c6b .ablink a.a1 {
    background: inherit;
    color: #000;
    border: 1px solid #000;
    /* border-left: 5px solid #1b368b; */
    margin-right: 1.5vw;
    border-radius: 60px;
    margin-left: 0;
}

.c6ne  .lichen {
    padding: 0.5vw 0 2vw 0;
    background: #0179d8;
    border-radius: 15px;
}


.c6ne  .sjz .date .date_con {
    position: absolute;
    background: #0179d8;
    width: 210px;
    padding: 15px;
    color: #fff;
    bottom: 80px;
    left: -5px;
  
    border-radius: 10px;
}

 .c6ne  .sjz .date .date_con:after {
  content: '';
  display: inline-block;
  position: absolute;
  width: 0;
  height: 0;
  border-width: 6px;
  border-style: solid;
  border-color: #0179d8 transparent transparent transparent;
  left: 20px;
  bottom: -12px;
}



 .c6ne  .bianbian {
    margin: auto;
    width: 50%;
    margin: auto;
    border: 1px solid #0179d8;
    border-radius: 60px;
    overflow: hidden;
}

.c6ne .tabags li.active {
    background: #0179d8;
    /* border-color: #00a0e9; */
}

.c6ne .tabags li.active .a .imgwz h3 {
    color: #fff;
}

.c6ne .tabags li .a .imgwz h3 {
    font-size: 16px;
    color: #000;
    font-weight: normal;
}


.abibeisny .titles{text-align:center;}
.abibeisny .titles h3{font-size: 52px;margin-bottom: 15px;color:#000;font-weight:600;}
.abibeisny .titles p{font-size: 22px;color:#000;}







/* 手機端咯 */
.yulkk{display:none;}
.yulkk img{max-width:100%;}
@media (max-width: 768px) {
.cpps {
    padding: 20px 10px;
}

.cp_autos ul li {
    width: 100%;
    float: left;
    margin-left: 0;
    margin-bottom: 2%;
    position: relative;
    overflow: hidden;
}

.dins h3 {
    font-size: 20px;
    color: #fff;
    margin-bottom: 5%;
    font-weight: 600;
}

.dins p {
    font-size: 12px;
    color: #fff;
    line-height: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    /* 将对象作为弹性伸缩盒子模型显示  */
    display: -webkit-box;
    /* 一个块元素显示的文本的行数 */
    -webkit-line-clamp: 6;
    /* 设置或检索伸缩盒对象的子元素的排列方式 */
    -webkit-box-orient: vertical;
}

.dins dd {
    font-size: 12px;
    color: #fff;
    text-transform: uppercase;
    margin-bottom: 5%;
}
.din_as a {
    font-size: 12px;
    color: #fff;
    padding: 5px 20px;
    border: 1px solid #fff;
    border-radius: 40px;
}
.dins {
    position: absolute;
    top: 10%;
    width: 100%;
    left: 5%;
}

.titles h3 {
    font-size: 22px;
    margin-bottom: 15px;
}

.titles p {
    font-size: 14px;
}

.shi {
    margin-top: 20px;
}

.abibeis .titles h3 {
    font-size: 22px;
    margin-bottom: 15px;
    color: #fff;
}

.abibeis .titles p {
    font-size: 14px;
    color: #fff;
}

.abibeis {
  
    padding: 24px 10px;
    background-color: #007be1;
}
.c6b .tybt {
    text-align: left;
    padding-bottom: 1.5vw;
    margin-top: 2.5vw;
}


.c6b .tybt h3 {
    font-size: 22px;
    color: #fff;
    font-weight: normal;
    text-align: left;
    font-weight: 600;
}

.bianbian {
    margin: auto;
    width: 100%;
    margin: auto;
    border: 1px solid #fff;
    border-radius: 60px;
    overflow: hidden;
}


.tabags li .a .imgwz h3 {
    font-size: 12px;
    color: #fff;
    font-weight: normal;
}

.heautos {
    padding-top: 20px;
    text-align: center;
}

.okls {
  
    padding: 20px 0;
}
.c1 .titles h3 {
    font-size: 22px;
    margin-bottom: 15px;
    color: #fff;
}

.c1 .titles p {
    font-size: 14px;
    color: #fff;
}

.c1 {
    background: #fff;
    padding: 20px 10px 0 10px;
    text-align: center;
    padding-bottom: 2vw;
    background: url(../image/liub.jpg)no-repeat;
	background-size: 100% 100%;
}



.left_yan .swiper-slide p{font-size:12px;}

.left_yan .swiper-slide h3{font-size:12px;}


.liuyns {
    padding-top: 20px;
}

.left_yan {
    width: 100%;
    float: left;
    height: 380px;
    border-radius: 15px;
    overflow: hidden;
    padding: 20px;
    background: #fff;
}


.right_yan {
    width: 100%;
    float: right;
    text-align: left;
    margin-top: 5%;
}
.right_yan .form-group .control-label {
    font-size: 14px;
    color: #fff;
    font-weight: 500;
    padding: 5px 0 0 20px;
}

.right_yan .form-group {
    margin-bottom: 15px;
}
.right_yan .btn {
    padding: 10px 50px;
    background: #0179d8;
}


.c8 .tybt {
    text-align: center;
    width: 100%;
    float: left;
}

.c8 .tybt h3 {
    font-size: 22px;
    color: #000;
    font-weight: 600;
    margin-bottom: 10px;
}

.c8 {
    padding-top: 20px;
    background: #f8f8f8;
    padding-bottom: 20px;
    padding-left: 10px;
    padding-right: 10px;
}
.c8 .tybt p {
    font-size: 14px;
    color: #666666;
    margin-bottom: 0.1vw;
    /* text-transform: uppercase; */
    margin-top: 0;
    font-weight: 500;
}

.xwfl ul {
    display: initial;
    flex-wrap: nowrap;
    justify-content: right;
    width: 100%;
    float: left;
    margin-top: 5%;
}
.xwfl ul li h3 {
    color: #000;
    font-size: 16px;
    font-weight: 400;
    line-height: 60px;
}
.news_left {
    width: 100%;
    float: left;
    margin-bottom: 5%;
}

.img_news p {
    position: absolute;
    bottom: 0;
    width: 40%;
    padding: 5px 0;
    background: #00000087;
    text-align: center;
    font-size: 12px;
    color: #fff;
}

.text_news h3 {
    font-size: 18px;
    margin: 15px 0;
    color: #000;
}

.text_news p {
    font-size: 12px;
    color: #999;
}
.news_right {
    width: 100%;
    float: right;
}
.img_rne img{max-width:100%;}

.test_rne h3 {
    font-size: 14px;
    padding: 10px 0;
    color: #000;
}

.img_rne {
    width: 30%;
    float: left;
    position: relative;
}

.test_rne {
    width: 67%;
    float: right;
}

.test_rne p {
    font-size: 12px;
    margin-top: 5px;
    color: #777;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.risd_s h3 {
    font-size: 14px;
    padding: 10px 0;
    color: #000;
}

.risd_s p {
    font-size: 12px;
    margin-top: 5px;
    color: #777;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.fota {
    display: block;
    width: 100%;
}

.fota>div {
    width: 15%;
    display: none;
}

.fota .fotad{display:block;}

.fota>div:nth-child(5) {
    width: 100%;
}

.wqexin {
    position: initial;
    bottom: -10%;
    text-align: center;
    width: 100%;
}

footer {
    background-color: #1f1f1f;
    padding-top: 3vw;
    padding-bottom: 1vw;
    /* margin-top: 4vw; */
    padding-left: 10px;
    padding-right: 10px;
}
.occlkjhs {
    padding: 30px 0;
    display: none;
}

.xwxw {
    color: #949494;
    font-size: 14px;
    line-height: 28px;
    text-align: center;
    margin-top: 20px;
    border-top: 1px solid #999;
}

.x-banner{margin-top:10px}



.w-product .owl-carousel .owl-dots.disabled, .owl-carousel .owl-nav.disabled {
    display: none;
}


.page-banner{margin-top:10px}

.page-product-detail-effect .big-img a {
    display: block;
    text-align: center;
    width: 100%;
    height: 250px;
    font-size: 0;
}

.left_sj {
    width: 35%;
    float: left;
    border: 1px solid #999;
    text-align: center;
    padding: 5px;
}

.eight_sj {
    width: 63%;
    float: right;
}

.eight_sj h3 {
    font-size: 14px;
    margin-bottom: 10px;
}

.eight_sj p {
    font-size: 14px;
    margin-bottom: 10px;
}

.eight_sj p span {
    font-size: 14px;
    color: #0179d8;
    font-weight: 600;
}
.cpxis .xiash {
    width: 100%;
    float: left;
    margin: 0;
    margin-left: 2%;
    border: 1px solid #000;
    border-radius: 10px;
}

.xypg-detail-pn .xiash a {
    font-size: 14px;
}

.cpxis .xiash b {
    font-size: 14px;
    color: #666666;
    float: left;
    font-weight: normal;
}

.cpxis {
    display: flex;
    justify-content: center;
    margin: 20px 0 20px;
}

.product-detail-tab {
    margin-top: 20px;
}

.tighs {
    font-size: 14px;
    border-left: 5px solid #0179d8;
    padding-left: 15px;
    margin-bottom: 20px;
}

.canshu ul li {
    width: 100%;
    float: left;
    margin-bottom: 3%;
}

.left_sj p {
    font-size: 12px;
    padding: 5px 0;
    text-align: center;
}

.abibeisny .titles h3 {
    font-size: 22px;
    margin-bottom: 15px;
    color: #000;
    font-weight: 600;
}

.abibeisny .titles p {
    font-size: 14px;
    color: #000;
}

.c6ne {
    padding: 5vw 10px 0 10px;
}


.c6ne .c6b .tybt h3 {
    font-size: 20px;
    color: #000;
    font-weight: normal;
    text-align: left;
    font-weight: 600;
}

.c6ne .c6b .abwz {
    font-size: 14px;
    line-height: 25px;
    color: #000;
}

.c6ne .bianbian {
    margin: auto;
    width: 100%;
    margin: auto;
    border: 1px solid #0179d8;
    border-radius: 60px;
    overflow: hidden;
}

.c6ne .tabags li .a .imgwz h3 {
    font-size: 14px;
    color: #000;
    font-weight: normal;
}

.youshi {
    padding: 20px 10px;
}

.left_indes {
    width: 100%;
    float: left;
}

.right_indes {
    width: 100%;
    float: right;
    padding: 50px;
}
.youshiautu {
    display: initial;
    justify-content: initial;
}

.right_indes {
    width: 100%;
    float: right;
    padding: 20px 0;
}

.right_indes h3 {
    font-size: 20px;
    font-weight: 600;
    color: #000;
    margin-bottom: 15px;
}

.right_indes p {
    font-size: 14px;
    color: #555;
    margin-bottom: 10px;
}

.jiehsapo {
    background: url(../images/bbw.jpg)no-repeat;
    padding: 5vw 10px;
}

.wenzis {
    font-size: 14px;
    text-align: center;
    line-height: 20px;
    color: #fff;
    margin-bottom: 3vw;
}
.biaodan {
    float: right;
    border: 1px solid #0179d8;
    border-radius: 50px;
    overflow: hidden;
    width: 100%;
	display:none;
}

.weisx {
    float: left;
    width: 100%;
    line-height: 45px;
	
}

.lichen {
    padding: 0.5vw 0 3vw 0;
    background: #80bdf0;
    border-radius: 15px;
    display: none;
}
.yulkk{display:block;}

}
.youqins span{font-size:20px;font-weight: 600;}
.youqinsrt  li{float:left;margin-right:20px;}
.youqinsrt {width: 58%;}
.wenzisright {width:50%;float:right;}
.wenzisright img{max-width:100%;}
.jiehsaposs{display: flex;
    justify-content: center;}
	
	.okosyy{width: 50%;}
	
	
	
	.shili .c6a {
    width: 100%;
    overflow: hidden;
}


	.shili .c6b {
    width: 100%;
    padding-top: 50px;
}

.youshishili .right_indes {
    width: 50%;
    float: right;
    padding: 50px;
    position: relative;
    background: #eff1f3;
}


.youshishili .dinyus{position:absolute;top: 22%;left: -35%;width: 100%;padding: 3vw;background: #fff;}
.youshishili .left_indes img {
    width: 100%;
}

.youshishili .right_indes h3 {
    font-size: 34px;
    font-weight: 600;
    color: #0179d8;
    margin-bottom: 30px;
}

.youshishili .right_indes p {
    font-size: 20px;
    color: #555;
    margin-bottom: 18px;
    line-height: 60px;
}

.imgsjiazhi img{max-width:100%;}
.imgsjiazhi{position:relative;}
.dingjiazhi{
    position: absolute;
    bottom: 0%;
    background: #fff;
    padding: 2vw;
}
.dingjiazhi p{font-size: 22px;line-height: 45px;}
.dingjiazhi h3{font-size: 18px;padding: 10px 30px;background: #0179d8;margin-top: 2vw;width: 45%;text-align: center;color: #fff;}



.dingjiazhi2{
    position: absolute;
    top: 25%;
    background: #fff;
    padding: 2vw;
    right: 2%;
}
.dingjiazhi2 p{font-size: 22px;line-height: 45px;}
.dingjiazhi2 h3{font-size: 18px;padding: 10px 30px;background: #0179d8;margin-top: 2vw;width: 30%;text-align: center;color: #fff;}

.jiazhi{margin-bottom:2vw;}
.biaosyux{background:#0179d8;padding: 3vw 0;}
.biaosyux .titles h3{color:#fff;}
.biaosyux .titles p{color:#fff;}



/* 數字滾動 */
.shuzi{/* background: #f7f7f7; */padding: 50px 0 0;}
.shuzi_auto ul {display: flex;align-items: center;justify-content: center;padding: 2% 0;margin-bottom: 3%;}
.shuzi_auto li {/* display: flex; */flex-direction: column;width: 30%;align-items: center;text-align: center;position:relative;}
.shuzi_auto li span {color: #fff;position: absolute;font-size: 16px;background: #0179d8;padding: 0 14px;border-radius: 60px;top: 35%;}
.shuzi_auto li em i {font-size: calc(3.8rem + 0.5vw);font-family: "din";line-height: calc(2.284rem + 0.5vw);display: inline-block;font-weight: 600;color: #000;font-style: initial;margin-top: 3%;margin-bottom: 5%;}
.shuzi_auto li em b {width: 21px;height: 21px;border-radius: 50%;background: #1e2c8f;display: inline-block;font-size: calc(0.66rem + 0.14vw);color: #fff; text-align: center; line-height: 21px;font-weight: lighter; top: -13px; position: relative;}
.shuzi_auto li p {font-size: 24px;line-height: 24px;padding-top: 10px;color: #000;}
.ikmj{
    /* width: 23%; */
    /* float: left; */
    margin-bottom: 1%;
}
.shuzi_auto{margin:auto;background: #fff;padding: 0 2vw;border-radius: 10px;}

.olksx{width: 23%;margin:auto;height:3px;background:#fff;}



.shuzi_auto li:nth-child(1):after {
    content: '';
    position: absolute;
    width: 2px;
    height: 100%;
    left: 9%;
    background: #000;
    top: 0;
}

.shuzi_auto li:nth-child(2):after {
    content: '';
    position: absolute;
    width: 2px;
    height: 100%;
    left: 13%;
    background: #000;
    top: 0;
}


.shuzi_auto li:nth-child(3):after {
    content: '';
    position: absolute;
    width: 2px;
    height: 100%;
    left: 28%;
    background: #000;
    top: 0;
}


.shuzi_auto li:nth-child(4):after {
    content: '';
    position: absolute;
    width: 2px;
    height: 100%;
    left: 27%;
    background: #000;
    top: 0;
}


.shili .tabags li.active .a .imgwz h3 {
    color: #fff;
    font-weight: 600;
}

.shili .tabags li.active {
    background: #0179d8;
    border-color: #00a0e9;
}

.shili .tabags li .a .imgwz h3 {
    font-size: 16px;
    color: #000;
    font-weight: normal;
}

.shili .bianbian {
    margin: auto;
    width: 50%;
    margin: auto;
    border: 1px solid #0179d8;
    border-radius: 60px;
    overflow: hidden;
}




/* 聯係方式 */
.fan_k{background: url(../images/lian.png);padding: 65px 0 30px 0;}
.fan_auto{/* width: 80vw; */margin: auto;padding: 3vw 0;}
.fan_auto ul li{width: 25%;float: left;text-align: center;}

.fan_auto ul li p{color: #000;font-size: 1.1vw;padding: 20px 0 0;}
.fan_auto ul li dd p{font-size: 0.9vw;color: #999;padding: 10px 0;}

.l_left{width: 25%;float:left;/* background:#333333; */text-align: center;}
.l_left p{font-size: 2.2vw;/* padding: 50px 0; */color: #fff;position:relative;font-family: fantasy;font-weight: 500;letter-spacing: 2px;}
.l_left p::before{
    position: absolute;
    content: "";
    width: 130px;
    background: #e2e2e2;
    height: 2px;
    top: 180%;
}

.l_right{width: 100%;float:right;}
.gn{padding: 2vw 0;background: #0f519d;text-align:center;}

.gn p{font-size: 1.7vw;color:#fff;margin-bottom: 50px;font-family: fantasy;font-weight: 500;letter-spacing: 3px;}
.gn a{font-size: 14px;color: #fff;text-transform: uppercase;padding: 10px 30px;border: 1px solid #fff;border-radius: 50px;}

.c2b .nonoimgs img{width:100%;}

.shilisds  li {
    padding: 18px 30px;
    /* background: #fff; */
    margin: 0 0px;
    position: relative;
    width: 33.3%;
    float: left;
    /* border: 1px solid #fff; */
}

.shilisds {
    margin: auto;
    width: 35%;
    margin: auto;
    border: 1px solid #0179d8;
    border-radius: 60px;
    overflow: hidden;
}

.shilisds li .a .imgwz h3 {
    font-size: 18px;
    color: #000;
    font-weight: normal;
}

.shilisds li.active .a .imgwz h3 {
    color: #fff;
    font-weight: 600;
}
.shilisds li.active {
    background: #fff;
    /* border-color: #00a0e9; */
    background: #0179d8;
}
@media (max-width: 768px) {
	.shilisds li .a .imgwz h3 {
    font-size: 14px;
    color: #000;
    font-weight: normal;
}
.jiehsaposs {
    display: initial;
    justify-content: initial;
}

.wenzis {
    font-size: 14px;
    text-align: center;
    line-height: 20px;
    color: #fff;
    margin-bottom: 3vw;
    width: 100%;
}

.wenzisright {
    width: 100%;
    float: right;
}

.jiehsapo {
    background: url(../images/bbw.jpg);
    padding: 5vw 10px;
}

.fota>div:last-child {
    width: 100%;
}

.shili .c6a {
    width: 100%;
    margin-top: 4%;
}

.shili .c6b {
    width: 100%;
    padding-top: 30px;
}

.youshishili .right_indes {
    width: 100%;
    float: right;
    padding: 50px;
    position: relative;
    background: #eff1f3;
}

.youshishili .right_indes p {
    font-size: 16px;
    color: #555;
    margin-bottom: 20px;
    line-height: 30px;
}

.youshishili .right_indes h3 {
    font-size: 20px;
    font-weight: 600;
    color: #0179d8;
    margin-bottom: 30px;
}

.shuzi {
    /* background: #f7f7f7; */
    padding: 50px 0 0;
    display: none;
}

.youshishili .dinyus {
    position: initial;
    top: 0;
    left: 0;
    width: 100%;
    padding: 20px;
    background: #fff;
}

.dingjiazhi {
    position: initial;
    bottom: 0%;
    background: #fff;
    padding: 2vw;
}

.dingjiazhi2 {
    position: initial;
    top: 25%;
    background: #fff;
    padding: 2vw;
    right: 2%;
}

.dingjiazhi h3 {
    font-size: 18px;
    padding: 10px 30px;
    background: #0179d8;
    margin-top: 2vw;
    width: 55%;
    text-align: center;
    color: #fff;
}

.dingjiazhi2 h3 {
    font-size: 18px;
    padding: 10px 30px;
    background: #0179d8;
    margin-top: 2vw;
    width: 55%;
    text-align: center;
    color: #fff;
}

.dingjiazhi2 p {
    font-size: 16px;
    line-height: 35px;
}

.dingjiazhi p {
    font-size: 16px;
    line-height: 35px;
}

.shili .bianbian {
    margin: auto;
    width: 100%;
    margin: auto;
    border: 1px solid #0179d8;
    border-radius: 60px;
    overflow: hidden;
	margin-top: 20px;
}

.fan_auto ul li {
    width: 50%;
    float: left;
    text-align: center;
	margin-bottom: 6%;
}

.fan_auto ul li img{height:62px;}

.shili .tabags li .a .imgwz h3 {
    font-size: 12px;
    color: #000;
    font-weight: normal;
}

.imgsjiazhi img{display:none;}

.biaosyux {
    background: #0179d8;
    padding: 3vw 0;
    display: none;
}

.xypg-case-list li p {
    font-size: 14px;
    margin-bottom: 10%;
    line-height: 1.6;
    height: 40px;
    overflow: hidden;
}
.shilisds {
    margin: auto;
    width: 97%;
    margin: auto;
    border: 1px solid #0179d8;
    border-radius: 60px;
    overflow: hidden;
    margin-top: 20px;
}
.shili .abwz img{width:100%!important;}
}

 video {
    display: inline-block;
    vertical-align: middle;
}



.x-top1{padding:20px 0}
.hyz {
    font-family: MicrosoftYaHei;
	font-size: 14px;
	font-weight: normal;
	font-stretch: normal;
	letter-spacing: 0px;
	color: #a1a1a1;
}

.hyz p{
    margin: 0;
}

.hyr a {
	font-family: MicrosoftYaHei;
	font-size: 14px;
	font-weight: normal;
	font-stretch: normal;
	letter-spacing: 0px;
	color: #a1a1a1;
    margin: 0px 4px;
    position: relative;
}

.hyr a:hover{
    color: #fff;
}
.container2{max-width:1400px;margin:auto;}
.hyr a:not(:last-child)::before{
    content: '';
    position: absolute;
    height: 1px;
    width: 5px;
    right: -8px;
    background-color: #adadad;
    bottom: 8px;
}

.x-top2 {
    height: 55px;
    line-height: 60px;
    position: relative;
    z-index: 999;
    background: url(../image/logdi.png);
    /* border-top: 1px solid #194246; */
    /* background: #555555; */
    }

.x-top2.aos-init.aos-animate {}


.x-top2 .dlogo {
    height: 80px;
    line-height: 80px;
}

.x-top2 .nnav {
    width: 100%;
}



.x-top1 .dlogo{
    float: left;
    /* width: 28.8%; */
    line-height: 113px;
}
.x-top1 .dlogo img{max-width: 100%;}


.x-top1 .ddesc{
    float: left;
    margin-top: 28px;
    padding-left: 0;
    margin-left: 20px;
    /* background: url(../image/0b036d9a393c25b00797620f4d8910dfe026a3a3.png) no-repeat left center; */
}

.x-top1 .dphone{
    float: right;
    width: 19%;
    margin-top: -14px;
}

.ddesc h4{
	font-size: 32px;
	font-stretch: normal;
	line-height: 30px;
	letter-spacing: 0px;
	color: #000;
	font-weight: 600;
	margin-bottom: 5px;
}

.ddesc h5{
   
font-family: SourceHanSansCN-Light;
   
font-size: 20px;
   
font-weight: normal;
   
font-stretch: normal;
   
line-height: 40px;
   
letter-spacing: 0px;
   
color: #2b2b2b;
}

.t-img{
    padding-left: 5%;
}

.phoimg{
    float: left;
    width: 32px;
    
}

.photxt {
    float: right;
    padding-left: 55px;
    color: #888888;
    margin-top: 28px;
    font-size: 14px;
    background: url(../image/aeb81c8830357aac3a651c9df4e585153a231641.png) no-repeat left 12px;
}

	
.photxt p{font-size: 16px;}
	.photxt p span{

color: #000;

font-size: 18px;

}
.photxt2 {
    float: right;
    color: #888888;
    margin-top: 12px;
    font-size: 14px;
    padding-right: 100px;
}
.photxt h4{
	font-family: MicrosoftYaHei;
	font-size: 14px;
	font-weight: normal;
	font-stretch: normal;
	letter-spacing: 0px;
	color: #888;
    line-height: 24px;
}

.photxt h5{
	font-family: Arial;
	font-size: 26px;
	font-stretch: normal;
	line-height: 30px;
	letter-spacing: 0px;
	color: #333333;
}

.photxt h5 p{
    /* padding-top: 8px; */
    line-height: 26px;
}


/* 我很好奇 */