@charset "utf-8";
*{margin: 0;padding: 0}
body{overflow-x: hidden;}
ul,li{list-style: none}
a{text-decoration: none;color: #333}
/*隐藏显示 2仅电脑端显示 3仅移动端显示*/
.display3{ display: none; }
@media screen and (max-width: 1199px) {
	.display2{ display: none; }
	.display3{ display: block; }
}
/*列表列数（每行个数%）*/
.column1{ width: 100% !important; float: left; }
.column2{ width: 50% !important; float: left; }
.column3{ width: 33.33333% !important; float: left; }
.column4{ width: 25% !important; float: left; }
.column5{ width: 20% !important; float: left; }
.column6{ width: 16.66666% !important; float: left; }
.column7{ width: 14.285% !important; float: left; }
.column8{ width: 12.5% !important; float: left; }
.column9{ width: 11.11111% !important; float: left; }
.column10{ width: 10% !important; float: left; }


/*列表每行个数（px）*/
.component .col2{ width: 720px; }
.component .col3{ width: 480px; }
.component .col4{ width: 360px; }
.component .col5{ width: 288px; }
.component .col6{ width: 240px; }

.mt-10{margin-top: 10px}
.mt-20{margin-top: 20px}
.mt-30{margin-top: 30px}
.mt-40{margin-top: 40px}
.mt-50{margin-top: 50px}

.mb-10{margin-bottom: 10px}
.mb-20{margin-bottom: 20px}
.mb-30{margin-bottom: 30px}
.mb-40{margin-bottom: 40px}
.mb-50{margin-bottom: 50px}

.py-10{padding-top: 10px;padding-bottom: 10px}
.px-20{padding-left: 20px;padding-right: 20px}
.px-50{padding-left: 10%;padding-right: 10%}
.p10{padding:10px}
.p5{padding:5px}

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

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

.content{width: 1400px;margin: 0 auto;z-index: 10;position: relative;}

.banner{width: 100%;position: relative;height: auto;overflow: hidden;}
.banner_right {width: 100%;position: absolute;height: 100%;z-index: 1}
.banner_right img{position: absolute;left: 50%;margin-left: -960px;width: 1920px;top: 50%;margin-top: -300px}
.banner_left{position: relative;z-index: 10;padding: 65px 0 ;display: flex;}
.banner_left1{width: 50%;margin-top:50px;}
.banner_left1 img{width: 600px;height: 400px}
.banner_left2{width: 50%;display: flex;flex-direction: column;justify-content: center;}
.banner_left div{letter-spacing: 1px;}
.banner_t{font-size: 47px;color: #0060be;font-weight: 700;}
.banner_t span{display: inline-block;border-radius: 50%;color: #fff;background: #b41835;width: 140px;height: 140px;line-height: 140px;text-align: center;font-size: 100px;letter-spacing: -1px;}
.banner_t1{color: #111;font-size: 28px;display: flex;align-items: center;}
.banner_t1 img{margin-right: 10px}

.banner_t3{width: 100%;display: flex;margin-top: 20px}
.banner_t3 a{padding: 15px 30px;color: #fff;font-size: 21px;border-radius:5px;font-weight: bold;}
.banner_t3 a:nth-child(1){background: #0060be;margin-right: 20px}
.banner_t3 a:nth-child(2){background: #efbb2b;}
.banner_t3 a:nth-child(1):hover{background: #efbb2b;transition: all 0.8s}
.banner_t3 a:nth-child(2):hover{background: #0060be;transition: all 0.8s}


.banner_bott{width: 100%;height: 253px;background:#f0af0f;color: #fff;margin-bottom: 100px}
.banner_bott ul {height: 100%}
.banner_bott li{height: 100%;display: flex;align-items: center;flex-direction: column;width: 20%}
.banner_bott li font{font-size:64px;font-weight: bold;}
.banner_bott li span{font-size: 32px;}

.title{width: 100%;display: flex;align-items: center;justify-content: center;margin-bottom: 10px}
.title div{padding: 5px 10px;font-size: 50px;font-weight: 700;color: #0060be;position: relative;z-index: 5;letter-spacing: 5px;background-color: #fff;display: inline-block;margin-top: -40px;}
.title1{width: 100%;text-align: center;font-size: 32px;color: #001f17;position: relative;}
.title1 font{color: #f40000}
.title1 a{font-size: 41px}
.xian {    width: 100%;height: 1px;background-color: #ccc;}
.en{width: 100%;text-align: center;font-size: 72px;font-weight: bold;color: rgba(20,46,39,.48);position: absolute;z-index: 1;top:45px;letter-spacing: 10px}

.ys{background: #eeeeee;padding: 60px 0;}
.ys .title div{background: #eeeeee;}
.ys ul{padding: 20px 0}
.ys ul li{position: relative;top: 0;width: calc((100% - (4 - 1) * 25px)/ 4);box-sizing: border-box;margin:0 25px 25px 0;border:5px solid #324f32}
.ys_k{box-sizing: border-box;width:calc( 100% - 10px);margin: 5px;border:5px solid #002500;padding: 40px 10px 60px;display: flex;justify-content: center;flex-direction: column;align-items: center;}
.ys_k div{color: #002500;font-weight: bold}
.ys_k div:nth-child(1){font-size: 48px;letter-spacing: 10px;line-height:100px}
.ys_k div:nth-child(2){font-size: 24px;}
.ys ul li:hover{transition: all 0.5s;top: -20px}

.ys ul li:nth-child(4n){margin-right: 0}
.ys .banner_t3{justify-content: center;margin: 30px 0 70px}
.ys .banner_t3 a{margin: 0 40px}
.ys .banner_t3 a:nth-child(2){background: #f1f0f0;color: #002500}
.ys .banner_t3 a:nth-child(2):hover{background: #002500;color: #fff;transition: all 0.8s}

.product{flex-direction: column;margin-top: 30px;padding: 60px 0}
.nav ul{flex-wrap:wrap;padding: 10px 0}
.nav ul li{padding:5px 30px;border: 2px solid rgba(204, 204, 204, 1);border-radius: 10px;color: rgba(255, 94, 21, 1);margin:5px 10px;cursor: pointer;font-size: 25px}
.nav ul li:hover{background: #0060be;color: #fff;border: 2px solid #0060be;transition: all 0.8s}
.nav ul li:hover a{color: #fff;transition: all 0.8s}
.product_cen{}
.product_cen ul{}
.product_cen ul li{width: calc((100% - (3 - 1) * 40px)/ 3);margin-right:40px;margin-bottom: 40px;flex-direction: column;box-sizing: border-box;}
.product_cen ul li:nth-child(3n){margin-right: 0}
.kuang{overflow: hidden;}
.img_p{overflow: hidden;position: relative;width: 100%;background: #0060be;}
.pro_t{line-height: 50px;text-align: center;color: #fff;font-size: 24px;}

.product_cen ul li img{width: 100%;display: block;border: 2px solid #0060be;box-sizing: border-box;}
.text{padding:10px 5px;color: #333;box-sizing: border-box;}
.text div{box-sizing: border-box;line-height: 30px;position: relative;font-size: 16px}

.kuang1{padding: 10px 20px;justify-content: space-between;}
.kuang1 a{padding: 10px 30px;color: #fff;font-size: 16px;border-radius:5px;}
.kuang1 a:nth-child(1){background: #0060be;}
.kuang1 a:nth-child(2){background: #efbb2b;}
.kuang1 a:nth-child(1):hover{background: #efbb2b;transition: all 0.8s}
.kuang1 a:nth-child(2):hover{background: #0060be;transition: all 0.8s}

.product_cen ul li img:hover{transform:scale(1.1,1.1);transition: all 0.5s}

.product_cen ul li:nth-child(10) span,.product_cen ul li:nth-child(11) span,.product_cen ul li:nth-child(5) span{margin-left: 0}
.product_cen ul li:nth-child(10) .text div font,.product_cen ul li:nth-child(11) .text div font,.product_cen ul li:nth-child(5) .text div font{width: auto}

.ad{background: #e0e0e0;padding: 30px 0}
.ad .content div font{color: #b41835}
.ad .content .ad1{font-size: 60px;color: #002500;font-weight: bold;text-align: center;margin-bottom: 20px}
.ad .content div:nth-child(2) li{font-size: 24px;font-weight: bold;justify-content: center;align-items: center;margin: 0 20px}
.ad .content div:nth-child(2) li img{width: 27px;height: 27px}
.ad .content div:nth-child(2) li div{margin-left: 15px}

.banner1{height: 451px;width: 100%;position: relative;}
.banner1 .banner_bg{width: 1920px;height: 100%;position: absolute;left: 50%;margin-left: -960px;top: 0}
.bann_text{position: relative;z-index: 10;flex-direction: column;height: 100%}
.bann_text div{text-align: center;color: #fff}
.bann_text div:nth-child(1){font-size: 37px;}
.bann_text div:nth-cild(2){font-size: 45px;}
/*.bann_text a{display: inline-block;padding:15px 30px;background: #f0af0f;color: #fff;font-size:32px;border-radius: 30px}
*/
.banner2{height:auto;width: 100%;position: relative;background: #fff;padding:30px 0 0;border-top: 80px solid #e5e5e5}
.banner2 .bann_text div{color: #002400;font-weight: bold}
.banner2 .bann_text font{color: #bb2e48}
.banner2 .bann_text div:nth-child(1){font-size: 58px; }
.banner2 .bann_text div:nth-child(2) ul li{flex-direction: column;font-size: 20px;flex:1;justify-content: center;align-items: center;margin-bottom: 20px}
.banner2 .bann_text div:nth-child(2) ul li img{width: 130px;height: 130px;margin: 0 0 20px 0}
.banner2 .banner_t3 {justify-content: center;margin: 30px 0 50px;}

.why{background: #eee;position: relative;;overflow: hidden;padding-top: 60px;box-sizing: border-box;}
.why .title div{background: #eee}
.why ul li{position: relative;width: 100%;justify-content: space-between;margin-bottom: 80px}
.ys_bg{background: #fff;height: 416px;width: 100%;position: absolute;z-index: 1;left: 0;top: 72px}
.why ul li .img{position: relative;z-index: 10;width: 50%;overflow:hidden;height: 488px}
.why ul li .img img{width: 100%;height: 100%}
.ye_r{position: relative;z-index: 10;width: 50%;background: #fff;margin: 50px 0 0 0;padding:0px 50px 0;box-sizing: border-box;}
.bianhao{font-size: 40px;color: #fff;width: 100px;height: 100px;line-height:100px;background: #0060be;text-align: center;position: absolute;right: 20px;top: -50px;font-family: "Impact"}
.bianhao font{font-size: 70px}

.y_text{}
.y_text div:nth-child(1){font-size: 54px;font-weight: 700;margin: 50px 0 20px;color: #0060be}
.y_text div:nth-child(2){font-size: 32px;font-weight: 700;margin: 0 0 20px;color: #555}
.y_text div:nth-child(3),.y_text div:nth-child(4){font-size: 25px;line-height: 50px;color: #5e5e5e;margin-bottom: }
.y_text .kuang1{padding:40px 0 ;justify-content: start}
.y_text .kuang1 a:nth-child(1){margin-right: 30px}
/*.y_text div:nth-child(5) a{display: block;width: 202px;height: 42px;line-height: 42px;text-align: center;color: #fff;font-size: 16px;margin: 0 30px 0 0;border-radius: 10px}
.y_text div:nth-child(5) a:nth-child(1){background: #002ec5}
.y_text div:nth-child(5) a:nth-child(2){background:#a20000 }*/
.why ul li:nth-child(2n){}


.cf{background: ;padding: 30px 0;margin-top: 60px }
.cf_cen ul li{width: calc((100% - (3 - 1) * 25px)/ 3);margin-right:25px;flex-direction: column;box-sizing: border-box;}
.cf_cen ul li:nth-child(3n){margin-right: 0}
.cf_cen ul li .pro_t{width: 100%;flex-direction: column;align-items: center;padding: 20px 10px ;box-sizing: border-box;}
.cf_cen ul li .pro_t div:first-child{color: #002500;font-size: 24px}
.cf_cen ul li .img_p{background: none}
.cf_cen li img{border: 5px solid #0060be;display: block;width: 100%;box-sizing: border-box;}
.cf_cen li:hover img{transform:scale(1.1,1.1);transition: all 0.5s}

.xd{background-color: #eee;;padding: 60px 0;margin-top: 30px }
.xd .title div{background: #eee}
.xd_cen ul li{width: calc((100% - (4 - 1) * 25px)/ 4);margin-right:25px;flex-direction: column;box-sizing: border-box;}
.xd_cen ul li:nth-child(4n){margin-right: 0}
.xd_cen ul li .pro_t{width: 100%;flex-direction: column;align-items: center;padding: 20px 10px ;box-sizing: border-box;}
.xd_cen ul li .pro_t div:first-child{color: #002500;font-size: 24px}
.xd_cen ul li .img_p{background: none}
.xd_cen li img{border: 5px solid #0060be;display: block;width: 100%;box-sizing: border-box;}
.xd_cen li:hover img{transform:scale(1.1,1.1);transition: all 0.5s}





.hz{}
.hz ul li{width:calc((100% - (5 - 1) * 20px)/ 5);height: 220px;overflow: hidden;margin: 0 20px 20px 0}
.hz ul li:nth-child(5n){margin-right: 0}

.ry ul li{width:calc((100% - (5 - 1) * 20px)/ 5);height: 360px;overflow: hidden;margin: 0 20px 20px 0}
.ry ul li:nth-child(5n){margin-right: 0}

.cfzs ul li{width:calc((100% - (3 - 1) * 20px)/ 3);height: 340px;overflow: hidden;margin: 0 20px 20px 0}
.cfzs ul li:nth-child(3n){margin-right: 0}
.cfzs ul li img{height: 100%}

  @media (max-width: 1440px)  and (min-width: 1000px){
    .content,.why .content{width: 90%}
    .banner_left1{width: 100%;margin-top:30px;}
    .banner_left1 img{width: 100%;height: 100%}
    .banner_left2{width: 55%;margin-left: 5%}
    .banner_t{font-size: 32px}
    .banner_t1{font-size: 24px}
    .banner_bott li font{font-size: 36px}
    .banner_bott li span{font-size: 20px}
  
    .banner_t span{width: 80px;height: 80px;line-height: 80px;font-size:60px;}
    .banner_t3 a{padding:10px 20px;font-size:24px;}
    .title{font-size: 64px}
    .en{font-size: 60px;top: 55px;}

    .product_cen ul li,.product_cen ul li:nth-child(3n){width:49%;margin-right: 2%}
    .product_cen ul li:nth-child(2n){margin-right:0}
    .product_cen ul li:nth-child(15),.cf_cen li:nth-child(9){display: none}
    .text div{font-size: 18px}
    .cf_cen ul li .pro_t div:first-child{font-size: 20px}
    .cf_cen ul li .kuang1{padding: 0}
    .cf_cen ul li .kuang1 a{padding: 10px 20px}
    .ad .content div:nth-child(1){font-size: 42px}

    .res{padding-top: 30px;margin-top: 0;padding-bottom: 0}
   .res ul li{margin-bottom: 0;padding: 0}
   .y_text div{font-size: 18px}
   .y_text div:nth-child(1){font-size: 50px}
   .y_text div:nth-child(3), .y_text div:nth-child(4){line-height: 40px;font-size: 22px}

   .banner2{margin-top: 40px}
   .banner2 .bann_text div:nth-child(1){font-size: 36px}

 }
  @media (max-width: 1000px) and (min-width: 800px){
   .content,.why .content{width: 90%}
    .banner_left1{width: 40%}
    .banner_left1 img{width: 50%;height: 100%}
    .banner_left2{width: 55%;margin-left: 5%}
    .banner_t{font-size: 32px}
    .banner_t1{font-size: 24px}
    .banner_bott li font{font-size: 36px}
    .banner_bott li span{font-size: 20px}
  
    .banner_t span{width: 80px;height: 80px;line-height: 80px;font-size:60px;}
    .banner_t3 a{padding:10px 20px;font-size:24px;}
    .title{font-size: 64px}
    .en{font-size: 60px;top: 55px;}

    .product_cen ul li,.product_cen ul li:nth-child(3n){width:49%;margin-right: 2%}
    .product_cen ul li:nth-child(2n){margin-right:0}
    .product_cen ul li:nth-child(15),.cf_cen li:nth-child(9){display: none}
    .text div{font-size: 18px}
    .cf_cen ul li .pro_t div:first-child{font-size: 20px}
    .cf_cen ul li .kuang1{padding: 0}
    .cf_cen ul li .kuang1 a{padding: 10px 20px}
    .ad .content div:nth-child(1){font-size: 42px}

    .res{padding-top: 30px;margin-top: 0;padding-bottom: 0}
   .res ul li{margin-bottom: 0;padding: 0}
   .y_text div{font-size: 18px}
   .y_text div:nth-child(1){font-size: 50px}
   .y_text div:nth-child(3), .y_text div:nth-child(4){line-height: 40px;font-size: 22px}

   .banner2{margin-top: 40px}
   .banner2 .bann_text div:nth-child(1){font-size: 36px}
  }


@media (max-width: 800px){
    .content,.why .content{width: 90%}
    .banner_left {flex-direction:column;padding: 30px 0}
    .banner_left1{width: 100%;margin-top:0;}
    .banner_left1 img{width: 100%;height: 100%}
    .banner_left2{width: 100%;}
    .banner_t{font-size: 24px}
    .banner_t1{font-size: 16px}
  
    .banner_t span{width: 80px;height: 80px;line-height: 80px;font-size:60px;}
    .banner_t3{justify-content: space-between;}
    .banner_t3 a{padding:10px 20px;font-size:16px;}
    .banner_t3 a:nth-child(1){margin-right: 0}
    .title div{font-size: 32px;margin-top: -30px;}
    .title1{font-size: 16px}
    .nav ul li{font-size: 14px;line-height:24px;padding: 5px 10px;margin:;}
    .product{margin: 0;padding-bottom: 0}
    .product_cen ul li,.product_cen ul li:nth-child(3n){width:100%;margin-right: 0}
    .product_cen ul li:nth-child(2n){margin-right:0}
    .product_cen ul li:nth-child(15),.cf_cen li:nth-child(9){display: none}
    .pro_t{font-size: 16px;line-height: 40px}
    .text div{font-size: 14px}
    .kuang1 a{padding: 10px;font-size: 14px}
    .cf_cen ul li .pro_t div:first-child{font-size: 20px}
    .cf_cen ul li .kuang1{padding: 0}
    .cf_cen ul li .kuang1 a{padding: 10px 20px}
    .ad .content div:nth-child(1){font-size: 42px}

    .res{padding-top: 30px;margin-top: 0;padding-bottom: 0}
   .res ul li{margin-bottom: 0;padding: 0}
   .why ul li{flex-direction: column;margin-bottom:20px;}
   .why ul li:nth-child(2n){flex-direction:column-reverse}
   .why ul li .img,.ye_r{width: 100%;height: auto}
   .bianhao{width: 80px;line-height: 80px;height: 80px;font-size:24px;}
   .bianhao font{font-size: 40px}

   .y_text div{font-size: 18px}
   .y_text div:nth-child(1){font-size: 32px}
   .y_text div:nth-child(2){font-size: 24px}
   .y_text div:nth-child(3), .y_text div:nth-child(4){line-height: 30px;font-size: 14px}

   .cf{margin-top: 30px;padding-bottom: 0}
   .cf_cen ul li,.cf_cen ul li:nth-child(2n),.xd_cen ul li,.xd_cen ul li:nth-child(2n){width:100%;margin-right: 0;margin-bottom: 20px}
   .xd{padding-bottom: 0}
   
   .banner2{margin-top: 40px}
   .banner2 .bann_text div:nth-child(1){font-size: 36px}

   
}

@media (max-width: 400px){
   .content,.why .content{width: 90%}
    .banner_left {flex-direction:column;padding: 30px 0}
    .banner_left1{width: 100%}
    .banner_left1 img{width: 100%;height: 100%}
    .banner_left2{width: 100%;}
    .banner_t{font-size: 24px}
    .banner_t1{font-size: 16px}
  
    .banner_t span{width: 80px;height: 80px;line-height: 80px;font-size:60px;}
    .banner_t3{justify-content: space-between;}
    .banner_t3 a{padding:10px 20px;font-size:16px;}
    .banner_t3 a:nth-child(1){margin-right: 0}
    .title div{font-size: 32px;margin-top: -30px;}
    .title1{font-size: 16px}
    .nav ul li{font-size: 14px;line-height:24px;padding: 5px 10px;margin:;}
    .product{margin: 0;padding-bottom: 0}
    .product_cen ul li,.product_cen ul li:nth-child(3n){width:100%;margin-right: 0}
    .product_cen ul li:nth-child(2n){margin-right:0}
    .product_cen ul li:nth-child(15),.cf_cen li:nth-child(9){display: none}
    .pro_t{font-size: 16px;line-height: 40px}
    .text div{font-size: 14px}
    .kuang1 a{padding: 10px;font-size: 14px}
    .cf_cen ul li .pro_t div:first-child{font-size: 20px}
    .cf_cen ul li .kuang1{padding: 0}
    .cf_cen ul li .kuang1 a{padding: 10px 20px}
    .ad .content div:nth-child(1){font-size: 42px}

    .res{padding-top: 30px;margin-top: 0;padding-bottom: 0}
   .res ul li{margin-bottom: 0;padding: 0}
   .why ul li:nth-child(2n){flex-direction:column-reverse}
   .why ul li .img,.ye_r{width: 100%;height: auto}
   .bianhao{width: 80px;line-height: 80px;height: 80px;font-size:24px;}
   .bianhao font{font-size: 40px}
   .y_text div{font-size: 18px}
   .y_text div:nth-child(1){font-size: 32px}
   .y_text div:nth-child(2){font-size: 24px}
   .y_text div:nth-child(3), .y_text div:nth-child(4){line-height: 30px;font-size: 14px}

   .cf{margin-top: 30px;padding-bottom: 0}
   .cf_cen ul li,.cf_cen ul li:nth-child(2n),.xd_cen ul li,.xd_cen ul li:nth-child(2n){width:100%;margin-right: 0;margin-bottom: 20px}
   .xd{padding-bottom: 0}


   .banner2{margin-top: 40px}
   .banner2 .bann_text div:nth-child(1){font-size: 36px}

   
}