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;}

/*滚动*/
#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;}

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



.flex_11{    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;}






/*头部样式*/
.x-header{position: fixed;width: 100%;top:0px;height:80px;background:#fff;z-index: 99999;}
.logo_a{line-height: 80px;}

.header-right{width: 77.5%;}


@media (max-width: 1280px) {
    .header-right{width: 82%;}
    .lastli{display:none;}
    .menu{ width: calc(100% - 0px);}
  }



.so img {
    max-width: 100%;
}

.ss {
    display: none;
    position: absolute;
    right: 0;
    top: 80px;
    width: 238px;
    padding: 20px;
    border-radius: 20px;
    z-index: 999;
    background: rgb(191,16,19, 0.5);
}

.ss input {
    outline: none;
    line-height: 30px;
    width: 20%;
    background: none;
    border: 1px solid #fff;
    background: #fff;
    font-size: 13px;
    color: #bf1013;
    float: left;
}

.ss #keyword {
    padding-left: 5px;
    line-height: 30px;
    width: 80%;
    background: none;
    border: 1px solid #fff;
    outline: none;
    font-size: 13px;
    color: #fff;
    float: left;
}

.ss #keyword:-webkit-autofill {
    -webkit-text-fill-color: #fff !important;
    transition: background-color 5000s ease-in-out 0s;
}

.ss #keyword::placeholder {
    color: #fff;
}



/*公用样式*/
.com-img{overflow:hidden;}
.com-img img{ transition:all 0.5s ease-in 0s; -webkit-transition:all 0.5s ease-in 0s; -moz-transition:all 0.5s ease-in 0s; -o-transition:all 0.5s ease-in 0s;}
.com-img:hover img{transform:scale(1.1); -webkit-transform:scale(1.1); -moz-transform:scale(1.1); -o-transform:scale(1.1);-ms-transform:scale(1.1);}


.section{overflow:hidden}
.top_a{margin-top:2.5vw}


/* 22 */
.section1{overflow:hidden;background:url(../images/bg1.png) no-repeat center top;background-size: 100% 100%;}
.fp-viewing-page2 #fp-nav ul li a{background:url(../images/n3.png) no-repeat center top;}

.fp-viewing-page2 #fp-nav ul li a.active{background:url(../images/n2.png) no-repeat center top;}




.ab1{width: 43.43%;}
.at1{text-align: left;}
.at2{	font-family: MicrosoftYaHeiUI;
	font-size: 24px;
	font-weight: normal;
	font-stretch: normal;
	letter-spacing: 1px;
	color: #bf1013;margin-top: 10px;}

.at3{	font-family: MicrosoftYaHeiUI-Bold;
	font-size: 40px;
	font-weight: 600;
	letter-spacing: 2px;
	color: #bf1013;}

.aann{	font-family: MicrosoftYaHeiUI;
	font-size: 14px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 28px;
	letter-spacing: 0px;
	color: #444444;margin-top:25px}

.xx_a{	width: 80px;
	height: 1px;
	background-color: #bf1013;margin-top: 15px;}


.more_11{background:url(../images/mn.png) no-repeat center top;width: 150px;height:30px;color: #ffffff;font-size: 14px;text-align: center;}
.more_11 a{	color: #ffffff;font-size: 14px;line-height: 30px;}


.ab_img{width: 53.125%;background:url(../images/ag.png) no-repeat center top;background-size: 100% 100%;}
.ab_img img{width: 100%!important;padding: 25px;height:auto!important;}


@media (max-width: 1440px) {
    .at3{font-size: 30px;}
    .aann{font-size: 13px;line-height: 26px;}
  }





  
@media (max-width: 1000px) {
    .ab1{width: 100%;}
    .ab_img{width: 100%;margin-top:20px}
    .at3{font-size: 25px;}
    .at2{font-size: 20px;}
    
  }



/* 33 */
.section2{overflow:hidden;background:url(../images/bg2.png) no-repeat center top;background-size: 100% 100%;}

.ptt1{	font-family: MicrosoftYaHeiUI-Bold;
	font-size: 40px;
	font-weight: 600;
	letter-spacing: 0px;
	color: #ffffff;text-align: center;}



/*<!-- 产品展示 -->*/
.promenu2 ul{position: relative;margin-top:45px;;margin-bottom: 45px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;}
.promenu2 li{
    float: left;
    overflow: hidden;line-height:40px;display: block;
    box-sizing: border-box;
    text-align: center;
    overflow: hidden;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;width: 181px;background:#dddbdb;
    transition: all 0.4s linear;margin:0 8px;	border-radius: 20px;font-size: 20px;
}
.promenu2 li a{
    color: #030303;
}
.promenu2 li.on{
    background-color: #bf1013;}
	


.promenu2 li.on a{
    color: #fff;}



.pp_ll{height:0;overflow:hidden;}
.pp_ll.aa{height:auto;}

.pp_ll li{background-color: #ffffff;padding: 10px;}
.pp_ll li a.img{display: block;height: auto;overflow:hidden;}
.pp_ll li a.img img{width: 100%;height: 100%;overflow:hidden;max-height:220px;}
.pp_ll li h2{	font-family: MicrosoftYaHeiUI;
	font-size: 20px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 35px;
	letter-spacing: 0px;
	color: #000000;text-align: center;}

.pp_ll li h2 a{color: #000000;}
.pp_ll li:hover{background-color: #bf1013;}
.pp_ll li:hover h2 a{color:#fff}




.pp_con{position: relative;}
  .pp_ll .swiper-button-prev {
    left: -5%;
  }
  
  .pp_ll .swiper-button-next{
    right: -5%;
  }
  
  .pp_ll .swiper-button-next,
  .pp_ll .swiper-button-next {
    outline: none;
    position: absolute;
    top: 40%;
    z-index: 9999;
    height: 160px;
    width: 50px;
    -webkit-transition: all .5s ease;
    transition: all .5s ease;
  }
  
  
  .pp_ll .swiper-button-prev{ height: 160px; width: 50px;background:url(../images/le1.png) no-repeat center rgba(255,255,255,0.2)}
  .pp_ll .swiper-button-prev:hover{background:url(../images/le1.png) no-repeat center rgba(191,16,19, 0.5)}

  .pp_ll .swiper-button-next{ height: 160px; width: 50px;background:url(../images/re1.png) no-repeat center rgba(255,255,255, 0.2);}
  .pp_ll .swiper-button-next:hover{background:url(../images/re1.png) no-repeat center rgba(191,16,19, 0.5)}


  .more_22{background:url(../images/m4.png) no-repeat center top;width: 210px;height:42px;color: #ffffff;font-size: 18px;text-align: center;margin:0 auto;}
  .more_22 a{	color: #ffffff;font-size: 18px;line-height: 42px;}
  



  @media (max-width: 1440px) {
    .promenu2 li{
        float: left;
        overflow: hidden;line-height:38px;width: 171px;background:#dddbdb;
        transition: all 0.4s linear;margin:0 8px;	border-radius: 20px;font-size: 18px;
    }
    .promenu2 ul{margin-top:20px;margin-bottom:20px;}
  }

  @media (max-width: 1360px) {
    .promenu2 li{
        float: left;
        overflow: hidden;line-height:38px;width: 161px;background:#dddbdb;
        transition: all 0.4s linear;margin:0 8px;	border-radius: 20px;font-size: 18px;
    }
  }

  @media (max-width: 1280px) {
    .promenu2 li{
        float: left;
        overflow: hidden;line-height:38px;width: 151px;background:#dddbdb;
        transition: all 0.4s linear;margin:0 8px;	border-radius: 20px;font-size: 16px;margin-bottom: 20px;
    }
    .pp_ll .swiper-button-prev{display: none!important;}
    .pp_ll .swiper-button-next{display: none!important;}
    .pp_ll li h2{	font-family: MicrosoftYaHeiUI;
        font-size: 14px;
        font-weight: normal;
        font-stretch: normal;
        line-height: 35px;
        letter-spacing: 0px;
        color: #000000;text-align: center;}
  }



@media (max-width: 1000px) {
    .section2{padding: 25px 0;}
    .promenu2 li{
        float: left;
        overflow: hidden;line-height:38px;width: 100px;background:#dddbdb;
        transition: all 0.4s linear;margin:0 5px;	border-radius: 16px;font-size: 16px;margin-bottom: 20px;
    }
  }





/* 44 */
.section3{overflow:hidden;background:url(../images/bg3.png) no-repeat center top;background-size: 100% 100%;}
.fp-viewing-page4 #fp-nav ul li a{background:url(../images/n3.png) no-repeat center top;}
.fp-viewing-page4 #fp-nav ul li a.active{background:url(../images/n2.png) no-repeat center top;}


.qy_img{width: 56.93%;}
.qy_img img{width: 100%!important;height:auto!important}







.qy_nn{width: 41.25%;}
.mm_33{background:url(../images/m3.png) no-repeat center top;width: 120px;height:24px;text-align: center;}
.mm_33 a{	font-size: 14px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 24px;
	letter-spacing: 0px;
	color: #ffffff;}

.qtt{	font-family: AdobeHeitiStd-Regular;
	font-size: 36px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 70px;
	letter-spacing: 4px;
	color: #bf1013;}

.xx1{background:url(../images/xx1.png) no-repeat center bottom;background-size:100%;}


.qynr{	font-family: MicrosoftYaHeiUI;
	font-size: 16px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 35px;
	letter-spacing: 0px;padding-bottom: 1.5vw;margin-top: 1.5vw;
	color: #555555;background:url(../images/xx1.png) no-repeat center bottom;background-size:100%;}


    @media (max-width: 1560px) {
        .qtt{	font-family: AdobeHeitiStd-Regular;
            font-size: 30px;
            font-weight: normal;
            font-stretch: normal;
            line-height: 60px;
            letter-spacing: 4px;
            color: #bf1013;}
      }


      @media (max-width: 1440px) {
        .qynr{	font-family: MicrosoftYaHeiUI;
            font-size: 14px;
            font-weight: normal;
            font-stretch: normal;
            line-height: 30px;}
      }
    

      @media (max-width: 1370px) {
        .qtt{	font-family: AdobeHeitiStd-Regular;
            font-size: 25px;
            font-weight: normal;
            font-stretch: normal;
            line-height: 55px;
            letter-spacing: 4px;
            color: #bf1013;}
      }


      @media (max-width: 1200px) {
        .qy_img{width: 100%;}
        .qy_nn{width: 100%;margin-top: 25px;}
      }



@media (max-width: 1000px) {
    .section3{padding: 25px 0;}
  }




  /* section4 */

  .section4{overflow:hidden;background:url(../images/bg4.png) no-repeat center top;background-size: 100% 100%;position: relative;}

  .men_11{width: 43.75%;}
  .men_11 img{width: 100%;}

  .men_22{width: 53.125%;}
.ht_t1{	font-family: MicrosoftYaHeiUI;
	font-size: 30px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 35px;
	letter-spacing: 0px;
	color: #ffffff;}

.ht_t1 span{	font-family: MicrosoftYaHeiUI;
        font-size: 20px;
        font-weight: normal;
        font-stretch: normal;
        line-height: 35px;
        letter-spacing: 0px;
        color: #ffffff;display: block;text-transform: uppercase;}

.hz_con{	font-family: MicrosoftYaHeiUI;
	font-size: 16px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 33px;
	letter-spacing: 0px;
	color: #ffffff;margin-top:1vw}


    .more_44{background:url(../images/m4.png) no-repeat center top;width: 210px;height:42px;color: #ffffff;font-size: 18px;text-align: center;}
    .more_44 a{	color: #ffffff;font-size: 14px;line-height: 42px;}
    

.hz_vv{margin-bottom: 8.5vw;}

.md_ll{position:absolute;left:0px;bottom: 1%;}
.md_ll li{height:100%}
.md_ll li .ddnn{width: 50%;padding: 25px;position: relative;text-align:right;height:100%}
.md_ll li .ddnn h2{	font-family: MicrosoftYaHeiUI;
	font-size: 20px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 32px;
	letter-spacing: 0px;
	color: #ffffff;}


.md_ll li .img_aa{width: 50%;position: relative;}
.md_ll li .img_aa img{width: 100%;}
.md_ll li{background:#bf1013;}

.xxc{	width: 40px;
	height: 2px;
	background-color: #ffffff;margin-top:20px;margin-bottom: 20px;float: right;}




.md_ll li span{	font-family: MicrosoftYaHeiUI;
	font-size: 14px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 25px;
	letter-spacing: 0px;
	color: #ffffff;height:50px;overflow: hidden;}


.more11{position: absolute;width: 50%;
    	height: 40px;
	background-color: #323232;bottom: 0px;left:0px;	font-family: MicrosoftYaHeiUI;
	font-size: 14px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 40px;
	letter-spacing: 0px;
	color: #ffffff;text-align:right;padding-right: 25px;text-transform: uppercase;}


.md_ll li .img_aa:after {
    content: '';
    width: 14px;
    height: 17px;
    position: absolute;
    top: 0px;
    left:0%;
    z-index: 99;background:url(../images/tb.png) no-repeat center top;
    top:50%;transform: translateY(-50%);
  }



  @media (max-width: 1440px) {
    .ht_t1{font-size: 25px;}
    .md_ll li .ddnn{padding: 10px;}
    .more11{padding-right: 10px;}
    .md_ll li .ddnn h2{font-size: 18px;line-height:28px;}
    .md_ll li span{margin-bottom:20px;}
    .xxc{margin-bottom:2px;margin-top:2px;}
    
}

@media (max-width: 1370px) {
    .ht_t1{font-size: 20px;}
    .md_ll li .ddnn h2{font-size: 16px;}
    .ht_t1 span{font-size: 16px;}
}



@media (max-width: 1024px) {
    .section4{padding: 25px 0;}
    .md_ll{position:relative;left:0px;bottom: 0px;margin-top: 20px;}
    .men_11{width: 100%;}
    .men_22{width: 100%;margin-top:20px;}
  }




  /* section5 */
.section5{background-color: #f2f2f2;}
.ldr_11{width: 49.68%;}
.ldr_11 img{width: 100%;}
.ldr_22{width: 48%;}
.yu_1{	font-family: MicrosoftYaHeiUI-Bold;
	font-size: 40px;
	font-weight: 600;
	letter-spacing: 0px;
	color: #000000;}


.yu_1 span{	font-family: MicrosoftYaHeiUI-Bold;
        font-size: 32px;
        font-weight: 600;
        letter-spacing: 0px;
        color: #000000;display: block;}


.yu_2{	font-family: MicrosoftYaHeiUI;
	font-size: 18px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 34px;
	letter-spacing: 0px;
	color: #000000;}

.xxb{	height: 1px;
	background-color: #990302;width: 100%;margin-top: 15px;}


    @media (max-width: 1440px) {
        .yu_1{	font-family: MicrosoftYaHeiUI-Bold;
            font-size: 30px;
            font-weight: 600;
            letter-spacing: 0px;
            color: #000000;}
        
        
        .yu_1 span{	font-family: MicrosoftYaHeiUI-Bold;
                font-size: 25px;
                font-weight: 600;
                letter-spacing: 0px;
                color: #000000;}

                .yu_2{font-size: 16px;}
      }


      @media (max-width: 1370px) {
        .yu_1{	font-family: MicrosoftYaHeiUI-Bold;
            font-size: 25px;}
        
        
        .yu_1 span{	font-family: MicrosoftYaHeiUI-Bold;
                font-size: 20px;display: block;}

                .yu_2{font-size: 16px;line-height: 30px;font-size: 14px;}
      }

      @media (max-width: 1024px) {
        .ldr_11{width: 100%;}
        .ldr_22{width: 100%;margin-top: 20px;}
        .yu_1{	font-family: MicrosoftYaHeiUI-Bold;
            font-size: 20px;}
            .yu_1 span{font-size: 18px;}
      }



    @media (max-width: 1000px) {
        .section5{padding: 25px 0;}
      }
    


      /* section6 */
      .section6{overflow:hidden;background:url(../images/bg5.png) no-repeat center top;background-size: 100% 100%;position: relative;}

.by1{	font-family: MicrosoftYaHeiUI;
	font-size: 20px;
	font-weight: normal;
	font-stretch: normal;
	letter-spacing: 2px;
	color: #f6f6f6;}

.by2{	font-family: MicrosoftYaHeiUI-Bold;
        font-size: 40px;
        font-weight: 600;
        letter-spacing: 4px;
        color: #f6f6f6;}



.by3{	font-size: 20px;
	font-weight: normal;
	font-stretch: normal;
	letter-spacing: 2px;
	color: #f6f6f6;margin-top: 25px;}


.zhi{	font-family: MicrosoftYaHeiUI;
	font-size: 16px;
	font-weight: normal;
	letter-spacing: 2px;
	color: #f6f6f6;margin-top: 15px;}





    @media (max-width: 1440px) {
        .by1{font-size: 18px;}
        .by2{font-size: 30px;}
        .by3{font-size: 18px;}
        .zhi{font-size: 15px;}
      }


      @media (max-width: 1280px) {
        .by1{font-size: 16px;}
        .by2{font-size: 20px;}
        .by3{font-size: 16px;}
        .zhi{font-size: 14px;}
      }


      @media (max-width: 1000px) {
        .section6{padding: 25px 0;}
      }



      /* section7 */
      .section7{overflow:hidden;background:url(../images/bg6.png) no-repeat center top;background-size: 100% 100%;}
      .fp-viewing-page8 #fp-nav ul li a{background:url(../images/n3.png) no-repeat center top;}
      .fp-viewing-page8 #fp-nav ul li a.active{background:url(../images/n2.png) no-repeat center top;}
      

      .xw_ll li{width: 49%;	background-color: #ffffff;
        box-shadow: 0px 8px 24px 0px 
            rgba(0, 0, 0, 0.1);margin-bottom: 30px;}


    .xw_ll li .xw_img{width: 41.10%;}
    .xw_ll li .xw_img img{width: 100%;}






.xw_ll li .nright{width: 58%;padding: 25px;}
.xw_ll li .nright h3{	font-family: MicrosoftYaHeiUI-Bold;
	font-size: 20px;
	font-weight: 600;
	font-stretch: normal;
	letter-spacing: 0px;
	color: #000000;line-height: 45px;height:45px;overflow: hidden;;}

.xw_ll li .nright span{	font-family: MicrosoftYaHeiUI;
        font-size: 14px;
        font-weight: normal;
        font-stretch: normal;
        line-height: 25px;
        letter-spacing: 0px;
        color: #555555;display: block;height:75px;overflow: hidden;margin-top: 10px;margin-bottom: 5px;}



.xw_ll li .nright h4{	font-family: MicrosoftYaHeiUI;
	font-size: 14px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 25px;
	letter-spacing: 0px;
	color: #555555;}

.xw_ll li .nright h2{	font-family: MicrosoftYaHeiUI;
        font-size: 14px;
        font-weight: normal;
        font-stretch: normal;
        line-height: 25px;
        letter-spacing: 0px;
        color: #555555;}




 @media (max-width: 1280px) {
    .xw_ll li .nright h3{font-size: 16px;line-height: 35px;height:35px;}
    .xw_ll li .nright span{font-size: 13px;margin-top: 5px;}
}


@media (max-width: 1024px) {
    .xw_ll li{width: 100%;}
  }


      @media (max-width: 1000px) {
        .section7{padding: 25px 0;}
      }






/* dff1 */
.dff1{background-color: #bf1013;padding: 2.5vw 0;}
.foot1{display:flex;flex-wrap: wrap;
    justify-content: space-between;}






    /*样式*/ 

    @media (max-width: 1440px) {
        .ptt1{	font-size: 30px;}
        .top_a{margin-top:15px}
    }


@media (max-width: 1100px) {
    .section1{padding: 25px 0;}
    .section2{padding: 25px 0;}
    .section3{padding: 25px 0;}
    .section4{padding: 25px 0;}
    .section5{padding: 25px 0;}
    .section6{padding: 25px 0;}
    .section7{padding: 25px 0;}
  }
@media (max-width: 990px) {
    .top_a{margin-top:15px}
    .page-banner{margin-top:60px}
    .ptt1{	font-size: 25px;}
  }