/*初始化样式*/
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;}
p{margin: 0;}



.com-img{ display:block; overflow:hidden;}
.com-img img{ transition:all 0.5s; -webkit-transition:all 0.5s; -moz-transition:all 0.5s; -o-transition:all 0.5s;}
.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);}













/*样式*/
.wh{max-width: 1420px;margin:0 auto;padding:0 10px}

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

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


.flex_c{    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;}



/* head_11 */
.head_11{height:114px}

.logo_a{line-height: 114px;}
.logo_a img{max-width: 100%;}

.dmz{	font-size: 20px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 24px;
	letter-spacing: 0px;
	color: #000000;margin-right: 10px;}

.md_a li{margin: 0 5px;}
.md_a li a.img{display: block;width: 55px;}
.md_a li a.img img{max-width: 100%;}



.tddh{	font-size: 30px;
	font-weight: 600;
	line-height: 34px;
	letter-spacing: 0px;padding-right: 95px;
	color: #333333;background:url(../images/dha.png) no-repeat 100% 50%;}




.menu{background-color: #0e328f;}



.nav2{width: 66px;}
.nav2 a{	font-size: 17px;
	font-weight: normal;
	line-height: 66px;
	letter-spacing: 0px;
	color: #ffffff;}



    
@media (max-width: 1360px) {
    .logo_a{width: 29%;}
}




@media (max-width: 1280px) {
    .dmz{display: none;}
}


/* box1 */
.box1{margin-top: 47px;}
.ab11{width: 47.5%;position: relative;}
.ab11 img{width: 100%;}



.sp_dj{width: 130px;right:35%;top:50%;transform: translateY(-50%);position: absolute;text-align: center;}
.sp_dj .img_ff{max-width: 62px;text-align: center;margin:0 auto}
.sp_dj h2{	font-size: 24px;
	font-weight: normal;
	line-height: 32px;
	letter-spacing: 1px;
	color: #ffffff;margin-top: 10px;}



.ab22{width: 52%;padding: 0 9% 0 4%;}
.ab22 h2{	font-size: 48px;
	font-weight: 600;
	letter-spacing: 2px;
	color: #000000;margin-top: 10px;}

.ab22 h3{	font-size: 30px;
	font-weight: normal;
	line-height: 32px;
	letter-spacing: 2px;
	color: #000000;margin-top: 10px;}




.abnr{	font-size: 18px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 36px;
	letter-spacing: 0px;
	color: #000000;margin-top: 35px;}






.sul{margin-top: 60px;}
.sul li{background:url(../images/xx.png) no-repeat left 0%;padding-left: 30px;margin-bottom: 30px;}
.sul li .counter{	font-size: 48px;
	font-weight: 600;
	letter-spacing: 0px;
	color: #e50112;padding-right: 10px;}

.sul li{	font-size: 16px;
	font-weight: normal;
	line-height: 25px;
	letter-spacing: 0px;
	}

.sbt{	font-size: 16px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 25px;
	letter-spacing: 0px;
	color: #333333;}

.sul li h2{	font-size: 16px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 25px;
	letter-spacing: 0px;
	color: #333333;}



    .more_11{	width: 135px;
        height: 37px;
        background-color: #0e328f;text-align: center;line-height: 37px;font-size: 16px;margin-top: 2.5vw;}
    
    
    .more_11 a{text-align: center;color: rgba(255, 255, 255, .6);text-transform: uppercase;}
    .more_11 a img{padding-left: 15px;}
    

    .more_11:hover{background: #ff0000;}





    @media (max-width: 1460px) {
        .ab22 h2{font-size: 40px;}
        .ab22 h3{font-size: 25px;}

        .abnr{	font-size: 16px;
            font-weight: normal;
            font-stretch: normal;
            line-height: 30px;
            letter-spacing: 0px;
            color: #000000;margin-top: 25px;height:150px;overflow: hidden;}

            .sul{margin-top: 30px;}
            .sul li .counter{	font-size: 35px;
                font-weight: 600;
                letter-spacing: 0px;
                color: #e50112;padding-right: 10px;}


                .more_11{	width: 135px;
                    height: 37px;
                    background-color: #0e328f;text-align: center;line-height: 37px;font-size: 16px;margin-top: 20px;}
                
    }




    @media (max-width: 1280px) {
        .ab22 h2{font-size: 30px;}
        .ab22 h3{font-size: 20px;}

        .abnr{	font-size: 16px;
            font-weight: normal;
            font-stretch: normal;
            line-height: 30px;
            letter-spacing: 0px;
            color: #000000;margin-top: 25px;height:150px;overflow: hidden;}

            .sul{margin-top: 30px;}
            .sul li .counter{	font-size: 28px;
                font-weight: 600;
                letter-spacing: 0px;
                color: #e50112;padding-right: 10px;}


                .more_11{	width: 135px;
                    height: 37px;
                    background-color: #0e328f;text-align: center;line-height: 37px;font-size: 16px;margin-top: 20px;}
                
    }



    @media (max-width: 992px) {
        .ab11{width: 100%;position: relative;}
        .ab11 img{width: 100%;}
        .ab22{width: 100%;padding: 15px;}

        .sul li{background:url(../images/xx.png) no-repeat left 0%;padding-left: 22px;margin-bottom: 30px;width: 50%;margin-bottom: 20px;}


        .box1{margin-top: 37px;}
     }




     .pp_2{overflow: hidden;margin-top: 60px;}
.pp_2 li .img{display: block;}
.pp_2 li .img img{width: 100%;}

@media (max-width: 992px) {
    .pp_2{overflow: hidden;margin-top: 30px;} 
}






/* sw_con2k */
.sw_con2k{background:url(../images/pplg11.png) no-repeat 50% 100%;margin-top: 60px;padding-bottom: 60px;overflow: hidden;}
.sw_con2k .wh{position: relative;}
.pp_278{overflow: hidden;margin-top: 60px;position: relative;}
.pp_278 li .img{display: block;}
.pp_278 li .img img{width: 100%;}
.pp_278 li{position: relative;}
.pp_278 li .dta{position: absolute;width: 100%;background:#0e328f;left:0px;bottom: 0px;opacity: 0;padding: 10px 0;}
.pp_278 li:hover .dta{opacity: 1;}
.pp_278 li .dta h2{text-align: center;}
.pp_278 li .dta h2 a{	font-size: 23px;
	font-weight: 600;
	letter-spacing: 0px;
	color: #ffffff;text-align: center;}


    .pp_278 li .dta h3{text-align: center;}
    .pp_278 li .dta h3 a{	font-size: 13px;
        font-weight: 400;
        letter-spacing: 0px;
        color: #e6e5e5;text-align: center;}




.sw_con2k .swiper-button-prev{   font-family: MicrosoftYaHei;
            border-radius: 0%;
                    letter-spacing: 0px;
                    color: #ffffff;background:url(../images/lk1.png) no-repeat center!important ;}
            
                    
.sw_con2k .swiper-button-prev:hover{background:url(../images/lk3.png) no-repeat center!important;
}
                
                
.sw_con2k .swiper-button-next{    font-family: MicrosoftYaHei;
                    font-weight: normal;
                    font-stretch: normal;
                    letter-spacing: 0px;border-radius: 0%;
                    color: #ffffff;background:url(../images/lk2.png) no-repeat center!important;}
                 
            
.sw_con2k  .swiper-button-next:hover{background:url(../images/lk4.png) no-repeat center!important;}
            
            
.sw_con2k .swiper-button-prev {
                    left: -60px;
                  }
                  
.sw_con2k .swiper-button-next{
                    right: -60px;
                  }
                  
 @media (max-width: 1280px) {
    .pp_278 li .dta h2 a{	font-size: 18px;
        font-weight: 600;
        letter-spacing: 0px;
        color: #ffffff;text-align: center;}


        .sw_con2k .swiper-button-prev {
            left: 0px;
          }
          
.sw_con2k .swiper-button-next{
            right: 0px;
          }       
                    
                }






/* .box29 */


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

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


                .box29{padding-top:3.5vw;background:url(../images/ppbg11.png) no-repeat top;
                    background-size: 100% 100%;margin-top:60px;padding-bottom: 60px;overflow: hidden;position: relative;}
                .cpsort{max-width: 589px;}
                .cpsort li{line-height:52px;font-size:23px;width:33%;
                    text-align:center;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;margin-bottom: 10px;}

                .cpsort li a{color:#000000;display:block;}
                .cpsort li.cur{background:url(../images/xk.png) no-repeat 50% 100%;}
                .cpsort li.cur a{color:#0e328f;}



                .cp2{width:100%;}
                
                .ttzz2 {
                    opacity: 0;
                    visibility: hidden;
                    overflow: hidden;
                    height: 0px;
                }
                .ttzz2.active{opacity: 1;visibility: visible;height: 100%;}
                
                .ttzz2{position:relative;overflow:hidden;}
                .ttzz2 .swiper-slide .tu{width: 50%;background:url(../images/pk99.png) no-repeat 50%;}
                .ttzz2 .swiper-slide img{width:100%;display:block;}


                .ttzz2 .swiper-slide .text_pp{width: 48%;}
                .ttzz2 .swiper-slide .text_pp .wz{color:#000000;font-size:40px;font-weight: 600;}
                .ttzz2 .swiper-slide .text_pp .wz span{	font-size: 18px;
                    font-weight: normal;
                    font-stretch: normal;
                    line-height: 44px;
                    letter-spacing: 0px;
                    color: #333333;display: block;text-transform: uppercase;}


                .ttzz2 .swiper-slide .text_pp .wz2{color:#1a1a1a;font-size:16px;overflow:hidden;
                	font-size: 20px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 40px;
	letter-spacing: 0px;
	color: #333333;max-width: 570px;overflow: hidden;height:120px;overflow: hidden;margin-top: 50px;}



                .ttzz2 .swiper-slide .text_pp .mo{width: 150px;
                    height: 39px;color:#fff;line-height: 39px;
                    background-color: #003993;margin-top:50px;text-align: center;text-align: center;
                }
                

                .ttzz2 .swiper-slide .text_pp .mo:hover{background: #ff0000;}


                .ttzz2 .swiper-slide .text_pp .mo a{text-align: center;color:#fff}


 .box29 .swiper-button-prevp{background:url(../images/tk1.png) no-repeat;}


.box29 .swiper-button-nextp{ background:url(../images/tk1.png) no-repeat;}

                
.box29 .swiper-button-prevp {
        left: auto!important; right: 10%;
      }
      
.box29 .swiper-button-nextp{
       right: 10%;
      }


      
.box29 .swiper-button-nextp{
    outline: none;
    position: absolute;
    top:55%;
    z-index: 9999;
    height: 54px;width: 54px;
    -webkit-transition: all .5s ease;
    transition: all .5s ease; background-size: 100% 100%;}


.box29 .swiper-button-prevp {
        outline: none;
        position: absolute;
        top:45%;
        z-index: 9999;
        height: 54px;width: 54px;
        -webkit-transition: all .5s ease;
        transition: all .5s ease; background-size: 100% 100%;}




.cptta h2 {font-size: 48px;
        font-weight: 600;
        line-height: 44px;
        letter-spacing: 0px;color: #000000;}



.cptta h2 span{	
	color: #e50112;}


.cptta h3{margin-top: 10px;font-size: 36px;color: #000000;margin-top: 8px;}




@media (max-width: 1440px) {

    .cptta h2{font-size: 40px;} 
    .cptta h3{margin-top: 10px;font-size: 30px;color: #000000;margin-top: 8px;}

    .pcont1{margin-right: 11%;}


    .cpsort li{font-size: 20px;}
    .ttzz2 .swiper-slide .text_pp .wz{font-size: 30px;}


    .ttzz2 .swiper-slide .text_pp .wz2{font-size: 18px;}



    .box29 .swiper-button-prevp {
        left: auto!important; right: 0%;
      }
      
.box29 .swiper-button-nextp{
       right: 0%;
      }


}
   

@media (max-width: 1280px) {
    .cpsort li{font-size: 18px;}
    .cptta h2{font-size: 30px;} 
    .cptta h3{margin-top: 10px;font-size: 20px;color: #000000;margin-top: 8px;}
}
   

@media (max-width: 1200px) {
    .cpsort li{font-size: 18px;}
    .cptta h2{font-size: 25px;} 
    .cptta h3{margin-top: 10px;font-size: 17px;color: #000000;margin-top: 8px;}
}



@media (max-width: 992px) {
    .ttzz2 .swiper-slide .text_pp{width: 100%;margin-top: 25px;}

    .ttzz2 .swiper-slide .tu{width: 100%;background:url(../images/pk99.png) no-repeat 50%;}
}




@media (max-width: 768px) {
    .pcont1{width: 100%;margin: 0px;margin-top: 25px;}

    .ttzz2 .swiper-slide .text_pp .wz{font-size: 22px;}
    .ttzz2 .swiper-slide .text_pp .wz2{color:#1a1a1a;font-size:16px;overflow:hidden;
        font-size: 15px;
font-weight: normal;
font-stretch: normal;
line-height: 30px;
letter-spacing: 0px;
color: #333333;max-width: 570px;overflow: hidden;height:90px;overflow: hidden;margin-top: 20px;}


.box29 .swiper-button-prevp {
    left: 30px!important; right: auto!important;
  }
  
.box29 .swiper-button-nextp{
   right: 30px;
  }


  .box29 .swiper-button-nextp{
    outline: none;
    position: absolute;
    top:92%;
    z-index: 9999;
    height: 54px;width: 54px;
    -webkit-transition: all .5s ease;
    transition: all .5s ease; background-size: 100% 100%;}


.box29 .swiper-button-prevp {
        outline: none;
        position: absolute;
        top:92%;
        z-index: 9999;
        height: 54px;width: 54px;
        -webkit-transition: all .5s ease;
        transition: all .5s ease; background-size: 100% 100%;}


        .box29{background:#f4f4f4;}
}







/* 好产品用质量说话 */
.box33{background:url(../images/hhbg11.png) no-repeat 50%;background-size: cover;padding: 54px 0;}

.wt1 h2{	font-size: 48px;
	font-weight: 600;
	letter-spacing: 0px;
	color: #ffffff;text-align: center;}

.wt1 h3{	font-size: 18px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 30px;
	letter-spacing: 0px;
	color: #ffffff;text-align: center;margin-top: 10px;}




.pp_239{margin-top: 38px;}
.pp_239 li{background-color: #ffffff;padding: 5px;width: 23.5%;}
.pp_239 li a.img{width: 100%;}
.pp_239 li a.img img{width: 100%;}
.pp_239 li h2{	font-size: 27px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 50px;
	letter-spacing: 0px;
	color: #333333;text-align: center;}



.qua-text{text-align: center;}
.qua-text h2{	font-size: 26px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 30px;
	letter-spacing: 0px;
	color: #ffffff;text-align: center;margin-top: 50px;}



.qua-text h4{	font-size: 30px;
        font-weight: normal;
        font-stretch: normal;
        line-height: 40px;
        letter-spacing: 0px;
        color: #ffffff;margin-top: 13px;}

.qua-text h5{	height: 42px;max-width: 610px;margin:0 auto;
            background-color: #e50112;color:#fff;margin-top: 25px;
            border-radius: 20px;line-height: 42px;font-size: 18px;font-weight: 600;}




@media (max-width: 1440px) {
    .wt1 h2{font-size: 40px;}

    .pp_239 li h2{	font-size: 22px;
        font-weight: normal;
        font-stretch: normal;
        line-height: 45px;
        letter-spacing: 0px;
        color: #333333;text-align: center;}

        .qua-text h2{font-size: 20px;}

        .qua-text h4{font-size: 25px;}

        .qua-text h5{font-size: 16px;}
    
}
            



@media (max-width: 1280px) {
    .wt1 h2{font-size: 30px;}

    .pp_239 li h2{	font-size: 20px;
        font-weight: normal;
        font-stretch: normal;
        line-height: 45px;
        letter-spacing: 0px;
        color: #333333;text-align: center;}

        .qua-text h2{font-size: 18px;}

        .qua-text h4{font-size: 20px;}

        .qua-text h5{font-size: 14px;}
    
}



@media (max-width: 992px) {
    .pp_239 li{background-color: #ffffff;padding: 5px;width: 48%;margin-bottom: 30px;}
    .wt1 h2{font-size: 25px;}
    .wt1 h3{font-size: 16px;}
    .qua-text h2{font-size: 16px;}
    .qua-text h4{font-size: 18px;line-height: 25px;}
    .qua-text h5{font-size: 10px;}
    .qua-text h2{margin-top: 30px;}
}









    /* c5 */

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

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


    .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.2vw;
        padding-bottom: 1.2vw;
        position: relative;
    }
    .tab_list li::before{
        content: '';
        width: 22px;
        height: 22px;
        background: url(../images/kj1.png) no-repeat center;
        position: absolute;
        left: 47.5%;
        top: -11px;
    }


    .tab_list li.active::before{ background: url(../images/kj2.png) no-repeat center;}


    .tab_list li dd{
        font-size: 60px;
        color: #e50112;
        font-family: Arial;
        line-height: 1;font-weight: 600;
    }
    .tab_list li dt{
        font-size: 28px;
        color: #666666;
        font-weight: normal;
        line-height: 1;
        margin-top: 10px;
    }
    
    .tab_list li:last-child{
        border-right: 1px solid #eee;
    }
    .tab_list li.active{
        background: #0e328f;
    }
    .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: 24px;
        color: #888888;
    }
    .about_list li .aby h3{
        font-weight: normal;
        font-size: 30px;
        color: #333333;
        margin-top: 1vw;
    }
    .about_list li .aby h3::after{
        content: "";
        display: block;
        width: 72px;
        height: 5px;
        background: #0e328f;
        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: #0e328f;
        line-height: 40px;
        text-align: center;
        margin-top: 2.8vw;
    }
    
    .about_list li .aby a:hover{ background-color: #ff0000;}




@media (max-width: 1370px) {
    .tab_list li dd{font-size: 50px;}
    .tab_list li dt{font-size: 22px;}

    .about_list li .aby p{
        font-size: 16px;
        line-height: 32px;
        color: #666666;
        margin-top: 10px;
    }
    .about_list li .aby h3{margin-bottom: 20px;font-size: 22px;}
}



@media (max-width: 1280px) {
    .tab_list li dd{font-size: 40px;}
    .tab_list li dt{font-size: 20px;}

    .about_list li .aby p{
        font-size: 16px;
        line-height: 32px;
        color: #666666;
        margin-top: 10px;
    }
    .about_list li .aby h3{margin-bottom: 20px;font-size: 20px;}


    .about_list li .aby a{
        display: block;
        width: 260px;
        height: 40px;
        color: #fff;
        font-size: 16px;
        background-color: #0e328f;
        line-height: 40px;
        text-align: center;
        margin-top: 20px;
    }
    
}


@media (max-width: 992px) {
    .about_list li .abz{width: 100%;}
    .about_list li .aby{
        width: 100%;
        padding: 15px;
    }

    .tab_list li dd{font-size: 30px;}
    .tab_list li dt{font-size: 18px;}
}





@media (max-width: 768px) {


    .tab_list li dd{font-size: 20px;}
    .tab_list li dt{font-size: 14px;}
    .tab_list li{width: 50%;padding: 20px 0;}


    .about_list li .aby h4{font-size: 20px;}
    .about_list li .aby h3{font-size: 16px;margin-top: 10px;}
    .tab_list{
        margin-top: 35px;
        margin-bottom: 2vw;
    }

    .about_list li .aby h3::after{
        content: "";
        display: block;
        width: 72px;
        height: 5px;
        background: #0e328f;
        margin-top: 11px;
    }

    .tab-con1{margin-top: 20px;}

    .c5{
        padding: 20px 0;
        background: #f8f8f8;
    }
}








    /* .news */
    .news{
        padding-top: 55px;
        padding-bottom: 75px;
    }
    
.title h3{	font-size: 48px;
	font-weight: 600;
	letter-spacing: 0px;
	color: #333333;text-align: center;}

.title p{	font-size: 18px;
        font-weight: normal;
        font-stretch: normal;
        line-height: 30px;
        letter-spacing: 0px;
        color: #888888;text-align: center;margin-top: 20px;}

    .new-show{
        margin-top: 40px;
    }
    .new-cfn ul{
        text-align: center;display: flex;justify-content:center;flex-wrap: nowrap;display: -webkit-flex;
    }
    .new-cfn ul li{
        width: 189px;
        margin-left: 20px;
        background: #f4f4f4;
        cursor: pointer;
        display: flex;justify-content: center;flex-wrap: nowrap;display: -webkit-flex;
    }


    .new-cfn ul li + li{   margin-left: 20px;}

    .new-cfn ul li .img{line-height: 60px;}
    .new-cfn ul li .img2{display: none;}
    .new-cfn ul li.cur .img1{display: none;}
    .new-cfn ul li.cur .img2{display: inline-block;}
    .new-cfn ul li.cur{background: #0e328f;}
    .new-cfn ul li h3{
        line-height: 60px;
        font-size: 21px;
        text-align: center;
        margin-left: 13px;
        font-weight: normal;color:#333333
    }
    .new-cfn ul li.cur h3{
        color: #fff;
    }
    
    .new-con{
        margin-top: 55px;
    }
    .new-list{
        display: none;
    }
    .new-top{
        float: left;
        width: 60%;
    }
    .new-hot{
        float: left;
        width: 48%;
    }
    .new-hot:first-child{
        margin-left: 0;
    }
    .new-hot a{
        display: block;
    }
    .new-hot .new-img{
        overflow: hidden;height:216px;
    }
    .new-hot .new-img img{
       width: 100%;
       height: 100%;object-fit: cover;
    }
    .new-hot .new-text{
            padding-top: 30px;
    }
    .new-hot .new-text h3{
        font-size: 18px;
        color: #333333;
        overflow:hidden; white-space:nowrap;text-overflow:ellipsis;
        font-weight: normal;
    }
    .new-hot .new-text .text{
        margin-top: 20px;
        font-size: 14px;
        color: #999;
        line-height: 1.8;
        display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
    }
    .new-hot .new-text span{
        display: block;
        font-size: 14px;
        color: #888;
        line-height: 31px;
        background: url(../images/jt1.png)no-repeat right center;
        margin-top: 30px;
    }
    .new-hot a:hover .new-text h3{
        color: #0e328f;
    }
    .new-hot a:hover .new-text span{
        background: url(../images/jt2.png)no-repeat right center;
    }


    .new-rem{
        float: right;
        width: 36.16%;
    }
    .new-rem ul li{
        border: solid 1px #ddd;
        margin-top: 20px;
        padding: 20px 0;height: 155px;overflow: hidden;;
    }
    .new-rem ul li:first-child{
        margin-top: 0px;
    }
    .new-rem ul li a{
        display: block;
    }
    .new-rem ul li a h4{
        float: left;
        text-align: center;
        width: 90px;
        font-size: 14px;
        font-family: Arial;
        color: #666;
        font-weight: 500;
        height: 100%;
        border-right: solid 1px #ddd;
    }
    .new-rem ul li a h4 span{
        display: block;
        font-size: 40px;
        margin-bottom: 10px;
        font-weight: 600;
        color: #555;
    }
    .new-rem ul li a:hover h4 span{
        color: #0e328f;
    }
    .new-rem ul li a .rem-con{
        float: left;
        width: calc(100% - 95px);
        padding-left: 23px;
    }
    .rem-con h3{
        font-size: 18px;
        color: #333;
        font-weight: normal;
        overflow: hidden;
    text-overflow:ellipsis;
    white-space: nowrap;
    }
    .rem-con p{
        font-size: 14px;
        color: #999;
        line-height: 1.8;
        margin-top: 5px;
        display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    }
    .new-rem ul li a:hover .rem-con h3{
        color: #0e328f;
    }
    .new-rem ul li:hover{
        border: solid 1px #0e328f;
    }






    @media (max-width: 1370px) {
        .new-hot .new-text{
            padding-top: 20px;
    }

    .new-hot .new-text span{margin-top: 20px;}

    .title h3{font-size: 30px;}
    .title p{font-size: 16px;}
      }




      @media (max-width: 992px) {


        .title h3{font-size: 25px;}
        .title p{font-size: 15px;line-height: 23px;margin-top: 5px;}


        .new-top{width: 100%;}

        .new-rem{
            float: right;
            width: 100%;margin-top: 20px;
        }
        .new-cfn ul li .img{line-height: 45px;}
        .new-cfn ul li{width: auto;padding-left: 5px;}
        .new-cfn ul li h3{
            line-height: 45px;
            font-size: 12px;
            text-align: center;
            margin-left: 6px;padding-right: 6px;
            font-weight: normal;color:#333333
        }

        .new-con{
            margin-top: 35px;
        }

        .new-hot{
            float: left;
            width: 100%;
        }

        .new-cfn ul li + li{   margin-left: 10px;}
    

        .new-show{
            margin-top: 20px;
        }
      }









    /* hz_ll */


.wzt h2{	font-size: 34px;
	font-weight: normal;
	letter-spacing: 2px;
	color: #333333;}

.wzt h3{	font-size: 12px;
	font-weight: normal;
	line-height: 24px;
	letter-spacing: 1px;
	color: #3e54c7;background:url(../images/x97.png) no-repeat left 50%;padding-left: 65px;margin-top: 17px;}






.hz_ll{width: calc( 100% - 295px);overflow: hidden;}
.pp1{width:100%;overflow: hidden;position: relative;}
.pp1 .swiper-slide{position: relative;}
.pp1 li{position: relative;}
.pp1 li img{width:100%}
.pp1 li{margin-bottom: 25px;}
.pp1 li:hover{	box-shadow: 2px 3px 8px 0px 
    rgba(0, 0, 0, 0.1);}

.hzgb{background:#f5f5f5;padding: 50px 0;}



@media (max-width: 1280px) {
    .wzt h2{font-size: 24px;}

    .hz_ll{width: calc( 100% - 200px);overflow: hidden;}
  }



  
@media (max-width: 992px) {
    .wzt h2{font-size: 20px;}

    .hz_ll{width: calc( 100% - 0px);overflow: hidden;margin-top: 20px;}
    .pp1 li{margin-bottom: 10px;}
  }



/* 网站底部 */

.link{
    background: #333;
    padding: 20px 0;
    border-bottom: solid 1px #555;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;
}


.ft-link{
    overflow: hidden;display: flex;justify-content: space-between;flex-wrap: nowrap;display: -webkit-flex;
}
.link span{
    font-size: 17px;
    background: url(../images/lk.png)no-repeat left 5px;
    color: #ffffff;
    padding-left: 35px;
    line-height: 24px;
    display: inline-block;width: 130px;
}
.ft-link a{
    font-size: 14px;
    color: #999;
    line-height: 24px;
    margin-left: 15px;
}
.ft-link a:hover{
    color: #ff0000;
}





.foot{
    background: url(../images/dff2.png) repeat-x center bottom;
}


.footed2{  width: 96%;margin:0 auto;
    background: #333;}


.footed{
    width: 96%;margin:0 auto;
    background: #333;
    padding-bottom: 50px;padding-top: 50px;
}
.ft-cfn{
    float: left;
    width: 44.54%;
}
.ft-cfn dl{
    float: left;
}
.ft-cfn dl:first-child{
    margin-left: 0;
}
.ft-cfn dl dt{
    font-size: 20px;
    color: #ffffff;
    font-weight: 500;
    margin-bottom: 30px;
}

.ft-cfn dl dd a{
    font-size: 16px;
    color: #a4a4a4;
    line-height: 2;
}
.ft-cfn dl dd a:hover{
    color: #ff0000;
}




.pp_list{max-width: 220px;}

.plist{width: 110px;float: left;}



.ft-con h3{
    color: #fff;
    font-size: 36px;
    font-family: Arial;font-weight: 600;
}
.ft-con .text{
    font-size: 14px;
    color: #b0b0b0;
    line-height: 2;
    margin-top: 15px; 
}





.ft-tact{
    margin-top: 40px;
}
.ft-tact span:first-child{
    margin-left: 0;
    background: url(../images/ks1.png)no-repeat center #404040;
    position: relative;
}
.ft-tact span{
    float: left;
    display: block;
    height: 46px;
    width: 46px;
    margin-left: 20px;
    cursor: pointer;border-radius: 5px;
}
.ft-tact span a{
    display: block;
    height: 46px;
    width: 46px;
}
.ft-tact span:nth-child(2){
    background: url(../images/ks2.png)no-repeat center #404040;
    position: relative;
}

.ft-tact span:nth-child(3){
    position: relative;
    background: url(../images/ks3.png)no-repeat center #404040;
}


.ft-tact span:nth-child(4) a{
    background: url(../images/ks4.png)no-repeat center #404040;
}

.ft-tact span:nth-child(1):hover{background: url(../images/ks1.png)no-repeat center #ff0000;}
.ft-tact span:nth-child(2):hover{background: url(../images/ks2.png)no-repeat center #ff0000;}
.ft-tact span:nth-child(3):hover{background: url(../images/ks3.png)no-repeat center #ff0000;}

.ft-tact span:nth-child(4) a:hover{background: url(../images/ks4.png)no-repeat center #ff0000;}



.ft-tact span:nth-child(1) p{
    opacity: 0;
    position: absolute;
    width: 100px;
    top: -105px;
    left: -30px;
    -webkit-transform: translateY(20px);
    transform: translateY(20px);
    -webkit-transition: all .5s ease;
    transition: all .5s ease;
}
.ft-tact span:nth-child(2) p{
    opacity: 0;
    position: absolute;
    width: 100px;
    top: -105px;
    left: -30px;
    -webkit-transform: translateY(20px);
    transform: translateY(20px);
    -webkit-transition: all .5s ease;
    transition: all .5s ease;
}



.ft-tact span:nth-child(3) p{
    opacity: 0;
    position: absolute;
    width: 150px;
    top: -120px;
    left: -50px;
    -webkit-transform: translateY(20px);
    transform: translateY(20px);
    -webkit-transition: all .5s ease;
    transition: all .5s ease;
}



.ft-tact span:nth-child(1) p img,
.ft-tact span:nth-child(2) p img,
.ft-tact span:nth-child(3) p img{max-width: 100%;}




.ft-tact span:first-child:hover p,
.ft-tact span:nth-child(2):hover p
{
    opacity: 1;
    visibility: visible;
    -webkit-transform: translateY(0);
    transform: translateY(0);
}


.ft-tact span:nth-child(3):hover p{
    opacity: 1;
    visibility: visible;
    -webkit-transform: translateY(0);
    transform: translateY(0);
}



.copyright_a p{margin: 0px;}
.copyright_a{	font-size: 14px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 50px;
	letter-spacing: 0px;
	color: #ffffff;}

    .copyright_a a{color: #ffffff;}



    
/*样式*/
@media (max-width: 1440px) {
    .dfgg{width: 96%;margin:0 auto;padding: 0 15px;}

    .footed2{  width: 96%;margin:0 auto;
        background: #333;padding: 15px;}
    
    
    .footed{
        width: 96%;margin:0 auto;padding: 0 15px;
        background: #333;
        padding-bottom: 30px;padding-top: 30px;
    }
  }




  @media (max-width: 992px) {
    .copyright_a{margin-top: 10px;}
    .copyright_a p{margin: 0px;}
    .copyright_a{	font-size: 14px;
        font-weight: normal;
        font-stretch: normal;
        line-height: 25px;
        letter-spacing: 0px;
        color: #ffffff;}

    .ft-cfn{display: none;}
    .link{display: none;}
    
    
.x-banner .owl-carousel .owl-dots {
  position: absolute;
  z-index: 999;
  left: 0;
  width: 100%;
  text-align: center;
  font-size: 0;
  bottom: 19px;
}

  }
  
  
  
  /*phone底部导航*/

li {
    list-style: none;
}

.q_d_m {
    float: left;
    width: 100%;
    height: 50px;
}

.pf_down {
    width: 100%;
    float: left;
    position: fixed;
    left: 0;
    bottom: 0;
    height: 50px;
    background: #191919;
    z-index: 999;
    border-top: 1px solid #fff;
}

.pf_down li {
    width: 33.333333%;
    float: left;
    text-align: center;
    padding: 7px 0 4px 0;
    border-right: 1px solid #fff;
}

.pf_down li .ico7 {
    width: 100%;
    float: left;
    height: 20px;
}

.pf_down li .d_name {
    width: 100%;
    float: left;
    margin-top: 4px;
    font-size: 12px;
    color: #fff;
    line-height: 14px;
}

.pf_down li.l1 .ico7 {
    background: url(../images/a1.png) no-repeat center;
    background-size: 20px 20px;
}

.pf_down li.l2 .ico7 {
    background: url(../images/a2.png) no-repeat center;
    background-size: 20px 20px;
}

.pf_down li.l3 .ico7 {
    background: url(../images/a3.png) no-repeat center;
    background-size: 20px 20px;
}

.pf_down li:nth-child(3n) {
    border: none;
}