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,h3,h4{font-size:12px;font-weight:bold;line-height: 1.5}
hr {border: 0;border-top:1px solid #ccc;height:0;}
.wd1200{width:1200px;margin: 0 auto;}
p{margin:0;}

.max1700{
    max-width: 1730px;
    padding-left: 15px;
    padding-right: 15px;
    margin: 0 auto;
}


.max1470{
    max-width: 1500px;
    padding-left: 15px;
    padding-right: 15px;
    margin: 0 auto;
}




/*滚动*/
#demo{overflow:hidden;width:100%;margin:0 auto;}
#indemo {float: left;width:800%}
#demo1 {float: left;}
#demo2 {float: left;}

#m_demo{overflow:hidden;width:100%;margin:0 auto;}
#m_indemo {float: left;width:800%}
#m_demo1 {float: left;}
#m_demo2 {float: left;}

/*----- Common css ------*/
.fl{float:left;}
.fr{float:right;}
.di{_display:inline;}
.fwn{font-weight:normal;}
.dib{*display:inline;_zoom:1;_display:inline;_font-size:0px;}


/*弹出导航*/
.xymob-menu2 {display: none;position: absolute;z-index: 9999;left: 0;right: 0;height: 100vh;background: #151515;padding: 0 10%;}
.xymob-menu2 .xymob-menu-box2 {height: 100vh;overflow: auto;padding-bottom: 80px;}
.xymob-menu2 ul{padding-top: 13%;}
.xymob-menu2 ul li {width: 20%;float:left;}
.xymob-menu2 ul li >a{display: block;color: #fff;font-size: 20px;}
.xymob-menu2 ul li .sec{margin-top: 20px;}
.xymob-menu2 ul li .sec a{color: rgba(255, 255, 255, 0.5);font-size: 14px;display: block;line-height: 30px;}
.xymob-menu2 ul li .sec a:hover{color: rgba(255, 255, 255, 0.8);}

/*头部样式*/
.x-banner {
    height: 100vh;
    width: 100vw;
}

.x-banner img{
    height: 100vh;
}

@media (max-width: 1024px) {
    .x-banner {
        height: auto;
    }
     .fp-tableCell {
        height: auto!important;
    }
     .fp-section {
        height: auto!important;
    }
    #fp-nav{
        display: none;
    }
    .x-banner img{
      height: auto;
    }
}

/* */
.section0{position: relative;}
.section{position: relative;width: 100%;}



/*c2_index*/
.c2_index{
    position: relative;
    background: url(../images/c2_bg.jpg) no-repeat;
    background-size: cover;
    display: table;
    height: 100vh;
}

.c2img{
    display: inline-block;
    width: 50%;
    display: table-cell;
    vertical-align: middle;
}

.c2img img{
    width: 100%;
    height: 100vh;
    display: block;
}

.c2_right{
    display: inline-block;
    width: 50%;
    display: table-cell;
    vertical-align: middle;
    padding: 3.125%;
    padding-right: 8.125%;
}

.c2_right .c2_ttt{
    position: relative;
}

.c2_ttt span{
    color: #646464;
    font-size: 18px;
    text-transform: uppercase;
}

.c2_ttt h2{
    color: #323232;
    font-size: 30px;
    background: url(../images/line01.png) no-repeat left bottom;
    padding-bottom: 15px;
    margin-bottom: 15px;
}

.abb_txt{
    position: relative;
    margin: 5.125% 0;
    font-size: 16px;
    color: #5a5a5a;
    line-height: 2;
}

.c2_right .abbmore{
    display: inline-block;
    border: 1px solid #c5c5c5;
    padding: 10px 25px;
    font-size: 14px;
    color: #545454;
}

.number{
    display: flex;
    justify-content: space-between;
    margin-top: 12.215%;
}

.number li{
    position: relative;
    text-align: center;
}

.number li h3{
    color: #545454;
    font-size: 48px;
    font-family: "impact";
}

.number li h3 i{
    font-style: inherit;
}

.number li h3 span{
    font-size: 18px;
    color: #545454;
    font-weight: 400;
    font-family: "Microsoft Yahei";
    padding-left: 5px;
}

.number li p{
    font-size: 20px;
    color: #545454;
}

@media (max-width:1200px){
    .c2_right{
         padding-right: 3.125%;
    }
    .number li h3{
        font-size:38px;
    }
    .number li h3 span{
        font-size:16px;
    }
    .number li p{
        font-size:16px;
    }
}


@media (max-width:1024px){
    .c2_index{
        display:block;
        height:auto;
    }
    .c2_index .c2img{
        display:block;
        width:100%;
    }
    .c2_index .c2img img{
        height:auto;
    }
    
    .c2_right{
        display:block;
        width:100%;
    }
    .number{
        margin-top:5.125%;
    }
}


@media (max-width:768px){
    .c2_ttt span{
        font-size:15px;
    }
    .c2_ttt h2{
        font-size:20px;
    }
    .abb_txt{
        font-size:15px;
    }
    .number li h3{
        font-size:24px;
    }
    .number li h3 span{
        font-size:14px;
    }
    .number li p{
       font-size:14px;
    }
    
}


/*c3_index*/
.c3_index{
    position: relative;
    padding: 3.125% 0;
}

.pro_list11{
    position: relative;
}

.pro_list11 li{
    position: relative;
    border: none;
    outline: none;
    display: table;
}

.pro_list11 li a.simg{
    display: block;
    padding-right: 15px;
    padding-left: 15px;
    width: 50%;
    display: table-cell;
    vertical-align: middle;
}

.pro_list11 li a.simg img{
    width: 100%;
}

.pro_list11 li .sright{
    display: table-cell;
    vertical-align: middle;
    padding-right: 15px;
    padding-left: 15px;
    width: 50%;
    padding: 3.125%;
}

.pro_list11 li .sright h2{
    font-size: 30px;
    color: #fff;
    padding-bottom: 15px;
    background: url(../images/line02.png) no-repeat left bottom;
}

.pro_list11 li .sright span{
    display: block;
    font-size: 16px;
    color: #d7d7d7;
    line-height: 2;
    width: 80%;
    margin: 30px 0;
}

.sright .promore{
    display: inline-block;
    border: 1px solid #af0000;
    padding: 10px 25px;
    font-size: 14px;
    color: #fff;
    background: #af0000;
}
.sright .promore img{
    display: inline;
}

.pro_list11 .slick-prev,
.pro_list11 .slick-next{
    position: absolute;
    right: 0px;
    bottom: 0px;
    outline: none;
    border: none;
    z-index: 1;
    width: 40px;
    height: 40px;
    font-size: 0;
    margin-right: 12.88%;
}

.pro_list11 .slick-prev{
    right: 50px;
    background: url(../images/prev2_h.png) no-repeat center;
}
.pro_list11 .slick-next{
    right: 0px;
    background: url(../images/prev2.png) no-repeat center;
}

.pro_list11 .slick-prev::before{
    width:400px;
    height: 2px;
    background: #89898a;
    content: "";
    left: -410px;
    top: 20px; 
    position: absolute;
}


@media (max-width:1200px){
    .pro_list11 li .sright h2{
        font-size:24px;
    }
    .pro_list11 li .sright span{
        width:auto;
        font-size:14px;
    }
    .pro_list11 .slick-prev::before{
        display:none;
    }
    .pro_list11 .slick-prev, .pro_list11 .slick-next{
        bottom:30px;
        z-index:9999;
    }
}

@media (max-width:992px){
    .pro_list11 .slick-prev, .pro_list11 .slick-next{
        margin-right: 5.88%;
    }
}


@media (max-width:768px){
    .pro_list11 li a.simg{
        width:100%;
        display:block;
        padding: 0;
    }
    .pro_list11 li .sright{
        width:100%;
        display:block;
         padding:15px 0;
    }
    .pro_list11 .slick-prev, .pro_list11 .slick-next{
        bottom:15px;
    }
    .pro_list11 li .sright span{
        margin:15px 0;
    }
}




/*c4_index*/
.c4_index{
    position: relative;
}

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

.case_list11 li{
    width: 24%;
    position: relative;
    margin: .5%;
}

.case_list11 li a.ovimg{
    overflow: hidden;
    display: block;
}

.case_list11 li .ovimg img{
    width: 100%;
}

.case_list11 li .cfu{
    position: absolute;
    top: 0px;
    width: 100%;
    height: 100%;
    text-align: center;
    background: rgba(0,0,0,.65);
    opacity: 0;
    transition: .3s;
}

.case_list11 li .kss{
    position: absolute;
    border: 1px solid #fff;
    width: 90%;
    left: 5%;
    top: 5%;
    height: 90%;
    display: table;
}

.case_list11 li .kss h2{
    display: table-cell;
    vertical-align: middle;
    color: #fff;
    font-size: 18px;
    font-weight: 400;
}

.case_list11 li .kss i{
    display: block;
    text-align: center;
    margin-top: 15px;
}

.case_list11 li .kss i img{
    max-width: 100%;
    width: auto;
}

.case_list11 li:hover .cfu{
    opacity: 1;
}

.case_list11 li.wen{
    position: relative;
    padding-top: 3.125%;
}

.case_list11 li.wen h2{
    color: #323232;
    font-size: 30px;
    padding:10px 0;
}

.case_list11 li.wen p{
    color: #646464;
    font-size: 18px;
    text-transform: uppercase;
    padding-bottom: 10px;
    background: url(../images/line03.png) no-repeat left bottom;
}

.case_list11 li.wen .casemore{
     margin-top: 12.125%;
     display: inline-block;
    border: 1px solid #c5c5c5;
    padding: 10px 25px;
    font-size: 14px;
    color: #545454;
}

@media (max-width:1200px){
    .case_list11 li.wen{
        padding-top:1.125%;
    }
    .case_list11 li.wen h2{
        font-size:24px;
    }
    .case_list11 li.wen p{
        font-size:16px;
    }
    .case_list11 li.wen .casemore{
        margin-top:8.125%;
    }
}

@media (max-width:1024px){
    .c4_index{
        padding:3.125% 0;
    }
    
    
    .case_list11 li{
        width:48%;
        margin:1%;
    }
    .case_list11 li.wen h2{
        font-size: 18px;
        padding: 0;
    }
    .case_list11 li.wen .casemore{
        font-size:12px;
    }
}




/*c5_index*/
.c5_index{
    position: relative;
    padding: 3.125% 0;
}

.f_phone{
    text-align: center;
    color: #fff;
}

.f_phone >img{
    max-width: 100%;
}

.f_phone h3{
    font-size: 24px;
    color: #fff;
    font-weight: 400;
    padding: 10px 0 15px;
}
.f_phone h2{
    font-size: 30px;
    color: #fff;
}

.f_ewm{
    max-width: 300px;
    text-align: center;
    color: #fff;
    font-size: 14px;
    margin: 5.125% auto;
    line-height: 2;
}

.f_contact{
    text-align: left;
    color: #fff;
    font-size: 14px;
    line-height: 2;
    max-width: 500px;
    margin: 0 auto;
}

.f_contact p{
    padding-left: 30px;
    line-height: 2.5;
}

.f_contact p:nth-child(1){
    background: url(../images/f11.png) no-repeat left 10px;
}

.f_contact p:nth-child(2){
    background: url(../images/f22.png) no-repeat left 10px;
}


.x-footer2 {
   margin-top: 3.125%;
   border-top: 1px solid #5e5e5e;
   padding: 25px 0;
   text-align: center;
   font-size: 12px;
   color: rgba(255, 255, 255, 0.5);
   line-height: 1.7;
}

.x-footer2 a {
  color: rgba(255, 255, 255, 0.5);
}

.x-footer2 a:hover {
  color: rgba(255, 255, 255, 0.8);
}

.x-ban{
  margin: 5px 0;
  float: left;
  text-align: left;
}

.x-jishu{
    margin: 5px 0;
    float: right;
}

@media (max-width:992px){
    .x-footer2{
        padding:15px 0;
    }
    .x-ban{
        float:none;
        width:100%;
        text-align: center;
    }
    .x-jishu{
        float:none;
        width:100%;
        padding-bottom:30px;
    }
    
}



a.top_more{
    position: absolute;
    left: 50%;
    bottom: 0;
     transform: translateX(-50%); 
     display: block;
}
.fp-viewing-Page2 .x-header-right >a.hd-ss img,
.fp-viewing-Page2 .x-header-right >a.hd-menu img,
.fp-viewing-Page4 .x-header-right >a.hd-ss img,
.fp-viewing-Page4 .x-header-right >a.hd-menu img{
    /*filter: invert(50%) sepia(13%) saturate(0%) hue-rotate(48deg) brightness(96%) contrast(92%);*/
}

@media (max-width:1025px){
    .gotop{
        position: absolute;
        left: 50%;
        bottom: -3.125%;
        width: 94px;
        height: 40px;
        z-index: 9999;
        background: url(../images/gotop.png) no-repeat center;
        transform: translate(-50%, -50%);
        cursor: pointer;
    }
}