@charset "utf-8";
/* CSS Document */


/**********内页************/
.m2banner{ position:relative;}
.m2banner .bgImg{ height:24vw; position:relative;}


.m2banner .bgImg:before{
	content:'';
	position:absolute;
	left:0px;
	top:0px;
	width:100%;
	height:100%;
	background: rgb(0 0 0 / 50%);
	z-index: 1;
}
.m2banTxt{ position:absolute; left:0; width:100%; top:50%; transform:translateY(-50%); color:#fff; text-align:center;}
.m2banTxt strong{ font-size: 48px; line-height:1.5; display: block; letter-spacing: 3px; font-weight: normal; }
.m2banTxt p{font-size: 28px; line-height:1.5; display: block; letter-spacing: 3px; }


/************企业文化****************/
.about-n-banner {position: relative;display: flex;align-items: center;height:auto;background: #000;}
.about-n-banner:before{content:'';position:absolute;left:0px;top:0px;width:100%;height:100%;background:rgba(0, 0, 0, 0.2);z-index: 0;}
.about-n-bg{position:relative;background: #000;}
.about-n-bg:before{content:'';position:absolute;left:0px;top:0px;width:100%;height:100%;background:rgba(0, 0, 0, 0.4);z-index: 0;}
.about-n-bg img{ width:100%;}
.about-n-box{ position:absolute; top:0; left:0; width:100%; height:100%;display: flex;align-items: center;}
.about-n-inner { width:100%;}

.tabs_wenhua{ overflow:hidden;  display:flex;}
.tabs_wenhua li {width: 33.3%;position: relative;float: left;text-align:center;cursor: default;overflow: hidden;background: rgb(1 4 10 / 38%);padding:50px 10px;border-right: 1px solid rgba(255, 255, 255, 0.25);}
.tabs_wenhua li:last-child{ border-right:none;}
.con-name{color:#ffffff;font-size:26px;line-height: 1.8;}
.con-name:after{content: "";width: 25px;height: 2px;background: rgba(255, 150, 0, 1);display: block;margin:5px auto;}
.con-title{font-size: 14px;color:#ffffff;margin-top: 14px;}




/********标题**************/
.hmc2m { line-height: 55px; position: relative; padding-left: 14px; display: inline-block; margin-bottom:30px; }
.hmc2m span {font-size: 22px;color: #fff;font-weight:bold;display: inline-block;position: relative;z-index: 2;transition: all 0.5s ease-in-out;}
.hmc2m i { height: 55px; width: 55px; position: absolute; left: 0px; top: 0px; display: block; transition: all 0.5s ease-in-out; }
.hmc2m i:after {content: "";position: absolute;left: 0;top: 0;right: 0;bottom: 0;border-radius: 50%;border: 1px dashed #fff;animation: rotate 8s linear infinite;}
.hmc2m:hover i:after { animation: rotate 8s linear infinite; }
.hmc2m:hover i { transform: scale(1.2); }
.hmc2m:hover span { transform: translateX(5px); }


/*************关于我们******************/
.about{padding:50px 0;overflow:hidden;width:100%;background: #262a36 url(../images/bg4.png) no-repeat left bottom;background-size: contain;}
.index_title { position: relative;}
.index_title .content0 { font-size: 18px; color: #999;}
.index_title .content1 { font-size: 38px; margin-top: 10px; color: #3d9338;}

.about .boxRight {
    width: 60%;
    padding-top:30px;
    color: #666;
    line-height: 1.8;
}
.about .boxRight p{font-size:17px;line-height:1.8;margin-bottom:10px;color: #fff;}



/********合作伙伴***********/
.huoban_bg{background: rgb(38 42 54);overflow:hidden;padding:60px 0px;border-bottom: 1px solid #ffffff5c;}
.huoban_box {/* margin-top:30px; */position: relative;width: 100%;overflow: hidden;height: 145px;}
.huoban_box ul {margin-left: -1%;overflow:hidden;}
.huoban_box li{float:left;width: 270px;margin-left: 10px;margin-bottom:20px;background: rgba(255, 255, 255, 0.8);/* text-align:center; */}
.huoban_box li img{ max-width:100%;}


.culture{padding:60px 0px 40px; overflow:hidden;}
.culture_tit{margin: 0 auto;text-align: center;}                                     
.culture_tit h3{font-size: 30px;color: #333;/* margin:20px auto 10px; */line-height: 1.5;}
.culture_tit span{display: block;font-size: 18px;color: #41953c;font-family: "Arial";text-transform: uppercase;}


@media screen and (max-width: 769px){

.about-n-bg { position: absolute; background: #000;  width: 100%; height: 100%;}	
.about-n-bg img {  height: 100%; object-fit: cover;}	
.about-n-box { position: relative;flex-wrap: wrap;}
.tabs_wenhua{overflow:hidden;display:flex;flex-wrap: wrap;}
.tabs_wenhua li {width: 100%;padding:20px 10px;border-right:none; margin-bottom:12px;}


.about .boxRight {
    width: 100%;
    padding-top:30px;
    color: #666;
    line-height: 1.8;
}
}

/*************产品新nbanner********************/
.product-banner {position: relative;height: 450px;display: flex;align-items: center; background:url(../images/pro_banner.jpg) center center no-repeat; background-size:cover;}

.index_type_box{ max-width:500px; width:100%;  margin: 0 auto;}
.type_box_tit{width:100%;font-size:28px;color:#fff;text-align: center;}
.type_box_form{margin-top: 20px;/* max-width: 600px; *//* margin: 0 auto; */width: 100%;}
.type_box_form .type_search{display: block;}
.type_box_form .type_search .type_txt{outline:none;/* max-width: 500px; */border-radius: 0px;height:50px;line-height: 50px;border: none;float:left;font-size: 16px;overflow:hidden;padding: 10px 20px;width: calc(100% - 50px);}
.type_box_form .type_search .type_btn{outline:none;width: 50px;border-radius: 0px;height: 50px;vertical-align: top;font-size: 0;border:none;background: #3d9338 url(../images/search.png) no-repeat center;background-size: contain;cursor:pointer;overflow:hidden;}


@media (max-width: 769px){
.product-banner { position: relative; height: 340px;}
}

/****************************产品******************************/
.m2proItem{background: #000;}

.sidebar-box {display: flex; flex-wrap: wrap;-webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; padding:50px 0px;}

.sidebar-box .keywords{color:#fff; font-size:30px; line-height:2;width: 100%; margin-bottom: 30px;}
.sidebar-box .keywords span{color:#F03; margin:0px 5px;}

.sidebar-box .sidebar-left {width: 240px;}
.sidebar-box .sidebar-left .sidebar-nav {padding: 30px 0px;}
.sidebar-box .sidebar-left .sidebar-nav h3 {font-size: 32px;line-height: 1.5;color: #000;text-transform: uppercase;font-weight: 900;}
.sidebar-box .sidebar-left .sidebar-nav .pro-nav { /* margin-top: 20px; */}
.sidebar-box .sidebar-left .sidebar-nav .pro-nav li { margin-bottom: 10px;}
.sidebar-box .sidebar-left .sidebar-nav .pro-nav li a { display: block; padding: 10px 20px; margin-bottom: 10px;  font-size: 16px; color: #fff; line-height: 1.5; text-transform: uppercase; position: relative; -webkit-transition: .3s; -moz-transition: .3s;transition: .3s;}
.sidebar-box .sidebar-left .sidebar-nav .pro-nav li.active a{background: #3d9338;color:#fff;font-weight:bold;} 
.sidebar-box .sidebar-left .sidebar-nav .pro-nav li a:before {content: "";display: block;width: 4px;height: 0;transition-duration: .5s;background: #3d9338;position: absolute; left: 0;top: 50%;transform: translateY(-50%);}
.sidebar-box .sidebar-left .sidebar-nav .pro-nav li:hover a:before {height: 100%; }

.sidebar-box .sidebar-right {width:100%;background: #000;}

.ajax-mains{margin-bottom: 20px;}
.ajax-mains .pro-item {position: relative;flex: 0 0 32.2666666%;background: #ffffff;margin-right: 1.6%;margin-bottom:20px;transition-duration: .5s;box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);}
.ajax-mains .pro-item:nth-child(3n) {margin-right: 0; }

.ajax-mains .pro-item .img-wrap { overflow: hidden;position: relative;}
.ajax-mains .pro-item .img-wrap .img100 {display: block;width: auto;margin: 0 auto;transition: all 1s ease;left: 50%;top: 50%;height: 90%;z-index: 2;transform: translate3d(-50%,-50%,0);-webkit-transform: translate3d(-50%,-50%,0);}

.ajax-mains .pro-item .txts-wrap {width: 100%;padding: 20px 10px;font-size: 14px;line-height:1.5; text-align:center;}
.ajax-mains .pro-en {font-size: 14px;color: #333;line-height:1.5;transition-duration: .5s; }
.ajax-mains .pro-cn {color: #666;line-height:1.5;font-size: 18px; font-weight:bold;}
.ajax-mains .pro-item:hover {box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); }
.ajax-mains .pro-item:hover .pro-en, .ajax-mains .pro-item:hover .pro-cn {color: rgba(61, 147, 56, 1); }

/*.ajax-mains .pro-item:hover .img-wrap .img100 { transform: scale3D(1.1, 1.1, 1.1); }*/
.ajax-mains .pro-item .pro-des{padding: 10px;font-size: 18px;line-height:1.6;color: #fff;background: #0964a1;text-align: center;}

.ajax-mains .pro-item::before { content: ""; position: absolute; left: 0; bottom: 0;z-index: 1; width: 100%; height: 1px;background: #e2e0e0;}
.ajax-mains .pro-item::after {content: ""; position: absolute;left: 0; bottom: 0;z-index: 1;width: 0;height: 1px; background: rgba(61, 147, 56, 1);transition: all .36s;}
.ajax-mains .pro-item:hover::after { width: 100%; }

@media screen and (max-width: 769px){
.ajax-mains .pro-item {flex: 0 0 100%;margin-right: 0%;}

}

.product-top{padding-bottom:40px;display:flex;justify-content:space-between; margin-top:30px;}

@media (max-width: 668px){.product-top{padding-bottom:20px;flex-wrap:wrap}}
.product-topslide{width: 40%; text-align:center; }
.product-topslide .swiper-slide{ background:#fff;}
.pro-topimg{  margin-bottom:30px;}
.pro-topimg .gallery-top{ border:0px solid #3d9338;}



.pro-topimg .gallery-top .swiper-button-prev{
    background: url(../images/fsBtn1.png) no-repeat center center;
    height: 30px;
    width: 30px;
    border: 2px solid rgb(61 147 56);
    transition: all 0.5s ease;
    border-radius: 50%;
    transform: rotate(180deg); 
    background-size: 50% 50%;
}

.pro-topimg .gallery-top .swiper-button-next{
    background: url(../images/fsBtn1.png) no-repeat center center;
    height: 30px;
    width: 30px;
    border: 2px solid rgb(61 147 56);
    transition: all 0.5s ease;
    border-radius: 50%;
    background-size: 50% 50%;
}





.pro-topimg .gallery-thumbs .swiper-slide{ border:1px solid #eee;}

.pro-topimg .gallery-thumbs .swiper-slide img{ max-height:60px;}







.product-toptxt{width: 60%;padding-left:50px;}
.product-toptxt .title01{font-size:26px;line-height:2;color: #3d9338;}

.product-toptxt .canshu{line-height:2; color: #333}
.product-toptxt .canshu p{line-height:2;color: #333;font-size:16px;margin-top:10px;}
.product-toptxt .canshu div{line-height:2;color: #333;font-size:16px;margin-top:10px;}

.product-toptxt .des{font-size:16px;line-height:30px;color: #333;padding:30px 0;}

.product-toptxt .des p{ margin-bottom:10px;}
.product-toptxt .des p span{/* background: #0964a1; */color: #0964a1;/* padding:5px 20px; */margin-right:10px;font-weight: bold;}


.product-topslide .more a { border: 1px solid #3d9338; transition: all 0.36s; display: inline-block; width:170px;  padding: 9px 0px; position: relative; background:#3d9338; border-radius: 5px; overflow: hidden;font-size: 16px;color: #fff; text-align:center; line-height: 1.75; z-index: 2; margin:10px;}

@media screen and (max-width: 769px){
.product-top {flex-wrap:wrap;}
.product-topslide{width: 100%; margin-bottom:10px;}
.product-toptxt{width: 100%;padding-left:0px;}
}

/**********xinwen***************/
.n-news-bg{position:relative;width:100%;padding:40px 0px;overflow:hidden;background: #262a36;}

.mc_e1_list {  margin: 0 -20px;padding-bottom: 10px;overflow:hidden;}
.mc_e1_li {float: left; width: 33.333333%;  padding:20px; margin-bottom: 25px;}
.mc_list_png { width: 100%; position: relative; z-index: 1; top: 0;left: 0;}
.mc_e1_lisbox {position: relative; display: block;transition: all .36s;}
.mc_list_imgbox { position: relative;overflow: hidden;}
.mc_e1_imgbox img {object-fit: cover;z-index: initial;transition: all .36s;}
.mc_list_img {width: 100%;height: 100%;position: absolute;z-index: 2;top: 0; left: 0;object-fit: cover;}
.mc_e1_lisbox::before { content: ""; position: absolute; left: 0; bottom: 0;z-index: 1; width: 100%; height: 1px;background: #e2e0e0;}
.mc_e1_lisbox::after {content: ""; position: absolute;left: 0; bottom: 0;z-index: 1;width: 0;height: 1px; background: rgba(61, 147, 56, 1);transition: all .36s;}
.mc_e1_txtbox {padding: 18px 28px 38px;}
.mc_e1_txt {font-size: 16px;line-height: 30px;height: 60px;overflow: hidden;color: #fff;margin-bottom: 35px;}
.mc_e1_date {font-size: 16px;color: #ffffffc2;}
.mc_e1_lisbox:hover { box-shadow: 0 5px 15px 4px rgba(214, 211, 211, .75);}
.mc_e1_lisbox:hover::after { width: 100%; }
.mc_e1_lisbox:hover .mc_e1_imgbox img { transform: scale(1.1); }

@media screen and (max-width: 769px){
 .mc_e1_li {float: left; width: 100%;  padding:20px; margin-bottom: 25px;}
}

/*****详细页*****/
.news_box {padding: 0.5rem 0px;background: #262a36;overflow: hidden;}
.news-art-main{background: #fff0;margin:0px auto;padding:5%;}
.art-tit h4{text-align: center;font-size:20px;font-weight: normal;line-height: 36px;padding-bottom: 20px;color: #fff;}
.art-tit h5{text-align: center;font-size: 12px;font-weight: normal;line-height: 38px;color: #fff;border-top: 1px solid #e2e2e2;border-bottom: 1px solid #e2e2e2;}
.art-tit h5 span{display: inline-block;max-width: 300px; width:50%;}
.art-main{padding-top: 30px;padding-bottom: 40px;}
.art-main p{font-size: 16px;line-height:1.8;color: #fffffff0;}
.art-main p img{}
.art-main h3{font-size:28px;line-height:1.5;color: #333; font-weight:normal;}
.art-main h4{font-size:20px;line-height:1.8;color: #333;}
.art-main img { max-width: 100% !important; height: auto;}
.art-back li{font-size: 14px;color: #fff;}
.art-footer-last{border-top: 1px solid #e2e2e2;padding-top: 6px;line-height: 30px;color: #fff;}
.art-footer-next{border-bottom: 1px solid #e2e2e2;padding-bottom: 6px;line-height: 30px;}
.art-footer-last a,.art-footer-next a {line-height: 30px;color: #fff;}
.art-footer-last a:hover,.art-footer-next a:hover {color:rgba(255, 150, 0, 1);}

.art-footer-back{padding-top: 26px;float: right;margin-top: -82px;margin-right: 20px;}
.art-footer-back a{display: block;position: relative;width: 130px;height: 40px;overflow: hidden;border: 2px solid rgba(255, 150, 0, 1);line-height:36px;text-align: center;box-sizing: border-box;color: rgba(255, 150, 0, 1);}
.art-footer-back a span{display: block;position: relative;top: 0;}
.art-footer-back a:hover span{background: rgba(255, 150, 0, 1);color: #fff;top: -100%;line-height:40px;}
.art-footer-back a:hover{border: 2px solid rgba(61, 147, 56, 1);color: rgba(61, 147, 56, 1);}

.art-footer-back a:after {
    content: '';
    display: inline-block;
    background-image: url(../images/47.png);
    background-position: center center;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    width: 13px;
    height: 13px;
    margin: 0 0 0 .2rem;
}




/***-----------案例---------****/
.n-case-bg{position:relative;width:100%;padding:40px 0px;overflow:hidden;background: #262a36;}
.n-case-box .li { width: 30.5%;margin-right:4.25%; display:block;  margin-bottom: 20px;}
.n-case-box  .li img { max-width: 100%;}
.n-case-box .li:nth-child(3n){margin-right:0;}
.n-case-box .img { overflow: hidden; position: relative;}

.n-case-box .li .img1{transform:scale3d(1,1,1);transition: all .3s linear 0s;}
.n-case-box .li:hover .img1{transform:scale3d(1.1,1.1,1);}

.n-case-box .li .video-btn { width: 60px; height: auto; min-width: 35px; position: absolute; right: 0; left: 0; top: 0; bottom: 0; margin: auto; z-index: 2;border-radius:50%;overflow: hidden;}
.n-case-box .li:hover .video-btn{
	animation: spinner 2000ms infinite linear;
}
.n-case-box .li .p {
  color: #393939;
  text-align: center;
  margin-top:10px;
  color: #fff;
  font-size: 16px;
}


@-webkit-keyframes spinner {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}

@keyframes spinner {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
/***-----------加入我们---------****/
.join_bg{
    position: relative;
    padding: 40px 0px 60px;
}
.recruit-ul{padding: 1rem 0 0.5rem;}
.recruit-li{margin-bottom: 1rem;position: relative;text-align: left;}
.recruit-swp{width: 50%;display: inline-block;position: relative;}
.recruit-swiper{width: 100%;}
.recruit-slide{width: 100%;height: 300px;background: no-repeat center;background-size: cover;}
.recruit-span span{background: #fff;opacity: 1;width: 8px;height: 8px;border-radius: 100%;}
.recruit-span span.swiper-pagination-bullet-active{background: #e60012;}

.recruit-txt{width: calc(50% + 40px);height: 240px;background: rgba(255,255,255,.9);position: absolute;top: 50%;right: 0;z-index: 3;margin-top: -120px;padding-left: 85px;padding-right: 60px;padding-top: 60px;box-shadow:  0 0 20px #eee;}
.recruit-j{font-size: 30px;line-height: 1;margin-bottom: 30px;}
.recruit-j>span{font-size: 16px;color: #8b8b8b;margin-left: 8px;text-transform: uppercase;}

.recruit-k{line-height: 1.5;font-size: 15px;color: #111;max-height: 250px;min-height: 220px;overflow-y: auto;}
.clo555{color: #555;}
.recruit-li:nth-child(2n + 0){text-align: right;}
.recruit-li:nth-child(2n + 0) .recruit-txt{text-align: left;right: 0;left: 0;padding-left: 60px;padding-right: 85px;}

@media (max-width: 1200px){
.recruit-slide {height: 380px;}
.recruit-k {/* line-height: 22px; */max-height: 190px;min-height: initial;}
}
@media (max-width: 1000px){
.recruit-swp { width: 100%; z-index: 4;}
.recruit-txt { position: relative;width: 100%; left: inherit;  right: initial;  top: initial; margin: 0;padding: 30px !important; height: auto;}
.recruit-k {  max-height: initial;}
}

@media (max-width: 750px){
.recruit-txt { padding: .4rem .3rem !important;}
.recruit-j { font-size: .36rem; margin-bottom: .3rem;}
.recruit-k {font-size: .24rem;/* line-height: .45rem; */}
.recruit-slide { height: 4rem;}
}



.recruits-list {overflow:hidden;background: #3d9338;}
.recruits-list .recruits-nav {float: left;width: 250px;padding: 40px 25px;}
.recruits-list .recruits-nav-name {font-size: 18px;color: #fff;line-height: 2;;}
.recruits-list .recruits-nav-a {display: block;position: relative;font-size: 16px;line-height: 1.5;color: #fff;padding: 7px 20px;transition-duration: .5s;}
.recruits-list .recruits-nav-a:before {left: 0;top: 50%;transform: translateY(-50%);content: "";display: block;width: 3px;height: 0;transition-duration: .5s;background: #ff9600;position: absolute;}

.recruits-list .recruits-nav-a.cur {background: #ff9600;color: #fff;}
.recruits-list .recruits-nav-a:hover:before, .recruits-list .recruits-nav-a.cur:before {height: 100%; }
.recruits-list .recruits-info {float:right;width: calc(100% - 250px);background: #f9f9f9;}
.recruits-list .recruits-info-contents {padding: 40px;transition-duration: .3s;border-left: 1px solid #dcdcdc;display:none;position:relative;}
.recruits-list .recruits-info-contents:first-child {display: block;}
.recruits-list .recruits-position-name {font-size: 18px;line-height:2;color: #3d9338;font-family: "SourceHanSansCN-Medium";}
.recruits-list .para-item {font-size: 15px;line-height:1.8;color: #787f88;position: relative; }
.recruits-list .recruits-bot-item {font-size: 14px;line-height: 34px;padding-top: 30px; }
.recruits-list .recruits-bot-h5 {color: #1c1c1c;font-size: 18px;line-height: 1.5;}
.recruits-list .recruits-bot-h5:after { content: "";display: block; width: 35px;height: 3px;line-height: 1px; background: #ff9600;margin:5px 0px 12px;}
.recruits-list .recruits-bot-detial {color: #666;line-height: 2;}
.recruits-list .recruits-bot-detial p{color: #666;line-height: 2;font-size:15px;/* padding-left: 12px; */position:relative;}
.recruits-list .recruits-bot-detial p::before {/* content: "●"; */position: absolute;left: 0;top:0px;font-size: 14px;line-height: inherit;color:#3d9338;}
.recruits-info .recruits-more {margin-top: 2rem;color: #3d9338;font-size: 14px;display: inline-block;}
.recruits-info .recruits-btn {position:absolute;right: 1.5rem;top:10px;display:inline-block;margin-top: 0.5rem;width: 160px;height: 40px;line-height: 40px;color: #fff;font-size: 15px;text-align: center;background: #3d9338;transition-duration: .3s;border-radius: 10px;}
@media (max-width: 1920px) {
.recruits-list .recruits-info-contents {padding: 40px;transition-duration: .3s;border-left: 1px solid #dcdcdc;display:none;position:relative;}
}

@media (max-width: 769px) {
.join_four .swiper-button-next{ display:block;background: url(../images/feel4.png) no-repeat center center; position: absolute;right: 5px;top: 50%;margin-top: -30px; width: 30px;height: 60px;}
.join_four .swiper-button-prev{ display:block;background: url(../images/feel3.png) no-repeat center center; position: absolute;left: 5px;top: 50%;margin-top: -30px; width: 30px;height: 60px;}

.recruits-list .recruits-info {float:right;width:100%;background: #f8f8f8;}
.recruits-info .recruits-btn {bottom:1rem; top:auto;}

}





/********联系我们*********/
.n_contact{padding:13.5rem 0;background:url(../images/map01.png) center no-repeat;}
.n_contact dl{ font-size:0; overflow:hidden;}
.n_contact dl dt{ display:inline-block; width:34%; height:179px;}
.n_contact dl dt h2{font-family:Impact;font-size: 3rem;line-height:1;color: #c32d31;text-transform:uppercase;}
.n_contact dl dt h3{font-weight:bold;font-size: 1.5rem;color:#33383e;margin:1rem 0 1rem;}
.n_contact dl dt h4{font-size: 1.3rem;color:#33383e;}
.n_contact dl dd{ display:inline-block; width:22%; text-align:center}
.n_contact dl dd h3{ height:5.375rem}
.n_contact dl dd h3 img{ max-width:100%;}
.n_contact dl dd h4{ font-size:1.5rem; color:#33383e; font-weight:bold; text-transform:uppercase;line-height:2;}
.n_contact dl dd p{font-size:1rem;color:#33383e;line-height:1.6;}

.contact-second{width: 100%;height:580px;position: relative;}
.contact-second .consec-map{position: absolute;top: 0px;left: 0px;z-index: 1;width: 100%;height:580px;}
                      

@media (max-width: 767px) {
.n_contact dl dt{ display:inline-block; width:100%;}
.n_contact dl dd{ display:inline-block; width:50%; text-align:center; margin-bottom:20px;}
}


/*联系*/
.n_banner05{ position:relative}
.video_box{position:absolute;width:100%;height:100%;z-index:0;}
.video_box video{position:absolute;z-index:1;top:50%;left:50%; height:100%!important; width:100%!important; -webkit-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);transform:translate(-50%, -50%);filter: alpha(opacity=100);opacity: 1;-moz-opacity: 1;-khtml-opacity: 1;}
.video_box:after{content:"";background: rgba(0,0,0,0.6);position:absolute;width:100%;height:100%;z-index: 1;}


.n_banner05 dl{overflow:hidden;height:100%;}
.n_banner05 dl dt,.n_banner05 dl dd{position:relative;overflow:hidden;padding: 20% 0px;height:100%; float:left; width:33.33%; border-right:rgba(255,255,255,0.2) 1px solid}

.n_banner05 dl dt h3{font-size: 3.5rem;color: #fff;font-family:Impact;}
.n_banner05 dl dt h4{font-size: 1.3rem; line-height:2;color: #fff;margin:1.875rem 0 0.875rem;}
.n_banner05 dl dt h2{font-size:1.2rem;line-height:2;color: #fff;font-weight:bold;margin-bottom:1.75rem;}
.n_banner05 dl dt h6{font-size:1rem;line-height:1.5rem;color: #fff;text-transform:uppercase;}

.n_banner05 dl dd h3{ height:4.5rem; line-height:4.5rem;margin:0 auto; margin-bottom:.5rem;}
.n_banner05 dl dd h4{font-size:1.5rem;color: #fff;margin:0 0 1.875rem;text-transform:uppercase;font-weight:bold;}
.n_banner05 dl dd h2{font-size: 1.8rem;color: #fff;margin-bottom:1.125rem;}
.n_banner05 dl dd h2 img{ max-width:80%;}
.n_banner05 dl dd h5{font-size: 1rem;color: #fff;text-transform:uppercase;margin-top: 6px;}

.n_banner05 dl dd h6{font-size: 1rem;line-height:2.1875rem;color: #fff;text-transform:uppercase;margin-bottom:2rem;}
.n_banner05 dl dd h5 a{font-size:0.875rem;color: #fff;text-decoration:underline;}
.n_banner05 dl dd ul{ font-size:0}
.n_banner05 dl dd ul li{ display:inline-block; *display:inline; *zoom:1; margin:0 1.25rem; }
.n_banner05 dl dd ul li h5{ font-size:0.875rem; margin-top:0.25rem; color:#fff;}

.n_banner05 dl dd .con{ text-align:center;position:relative;}
.n_banner05 dl dd{ position:relative}
.n_banner05 dl dd:before{ content:""; position:absolute; right:0; top:0; width:0; height:100%; -moz-transition: all 0.6s ease-in-out;-webkit-transition: all 0.6s ease-in-out;-o-transition: all 0.6s ease-in-out;-ms-transition: all 0.6s ease-in-out;transition: all 0.6s ease-in-out;}
.n_banner05 dl dd:before{filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#BFD5042C', endColorstr='#BFD5042C');background:rgba(61,147,56,0.75);}
:root .n_banner05 dl dd:before{filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#00D5042C', endColorstr='#00D5042C');}/*for IE9*/
:root .n_banner05 dl dd:before{filter:none;}/*for IE9*/

.n_banner05 dl dd:hover:before{ left:0; width:100%}



.n_banner05 dl dd h6{margin-bottom:10px;}
.n_banner05 dl dd h6 h3{ height:auto; line-height:inherit}
.n_banner05 dl dd h6 h3 img{ width:35px; height:35px; cursor:pointer}
.n_banner05 dl dd h6 h3 span{display:inline-block;height:20px;line-height:20px;font-size:12px;color: #fff;margin-top:5px;white-space:nowrap;}
.n_banner05 dl dd h6 a{ margin-right:.5rem}


@media (min-width: 1400px){
.n_banner05 dl dt h2{font-size: 1.2rem;}
.n_banner05 dl dt h6{ font-size:1rem;}
.n_banner05 dl dt .con{ max-width:80%;margin: 0 auto;}
}
@media (max-width:769px){
.n_banner05 dl dt, .n_banner05 dl dd {
    overflow: hidden;
    padding: 20% 0px;
    height: 100%;
    float: left;
    width: 100%;
    border-bottom: rgba(255,255,255,0.2) 1px solid;
}

}
@media (max-width: 480px){
.n_banner05 dl dd h6 h3 span{ display:none;}
.n_banner05 dl dt h6{ font-size:.75rem;}
}



/********分页*********/
.text-center {text-align: center; border-top: 1px solid #ddd;}
.pagination{display: inline-block; padding-left: 0; margin:20px 0px 20px; border-radius: 4px; font-size: 12px;}
.pagination > li{display: inline;}
.pagination > li > a,
.pagination > li > span{position: relative; float: left; padding: 6px 12px; margin-left: -1px; line-height: 1.42857143; color: #4d4d4d; text-decoration: none; background-color: #fff; border: 1px solid #ddd;}
.pagination > li:first-child > a,
.pagination > li:first-child > span{margin-left: 0; border-top-left-radius: 4px; border-bottom-left-radius: 4px;}
.pagination > li:last-child > a,
.pagination > li:last-child > span{border-top-right-radius: 4px; border-bottom-right-radius: 4px;}
.pagination > li > a:hover,
.pagination > li > span:hover,
.pagination > li > a:focus,
.pagination > li > span:focus{z-index: 3; color: #000; background-color: #eee; border-color: #ddd;}
.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus{z-index: 2; color: #fff; cursor: default; background-color: #3d9338; border-color: #3d9338;}
.pagination > .disabled > span,
.pagination > .disabled > span:hover,
.pagination > .disabled > span:focus,
.pagination > .disabled > a,
.pagination > .disabled > a:hover,
.pagination > .disabled > a:focus{color: #777; cursor: not-allowed; background-color: #fff; border-color: #ddd;}
.hmc1bgs{position:fixed; left:0!important; top:0!important; right:0!important; bottom:0!important; height:100%!important; visibility:hidden; opacity:0; display:none!important;}

.hmc1bgs.in{visibility:visible; opacity:1;}

.page { text-align: center; margin-bottom:2.6vw }

.page .pagination li { display: inline-block; }

.page .pagination li a { padding: 0px 8px; height: 46px; min-width: 46px; text-align: center; display: inline-block; margin: 0px 6px; vertical-align: middle; border: 1px solid #CCD7E2; color: #333; border-radius: 50%; font-size: 16px; line-height: 44px; }

.page .pagination li.active a, .page .pagination li a:hover { color: #004b9f; border: 1px solid #004b9f; }

.m2banner{ position:relative;}

.m2banner .bgImg{ height:24vw;}

.m2banTxt{position:absolute;left:0;width:100%;top:50%;transform:translateY(-50%);color:#fff;text-align:center;z-index: 3;}

.m2banTxt strong{ font-size: 58px; line-height: 90px; display: block; letter-spacing: 3px; font-weight: normal; }

.m2banTxt p{font-size: 58px; line-height: 90px; display: block; letter-spacing: 3px; }

.m2banTxt h5{ font-weight: normal; font-size: 16px; line-height: 24px; letter-spacing: 1px; margin-top: 30px; display: block; max-width:1360px; margin-left:auto; margin-right:auto;}

.m2banTxt p i{font-size:20px; display:inline-block; margin:0 10px; font-style:normal;}

.m2posWpr{ line-height: 66px; background: #fff; height: 67px; z-index: 6; border-bottom: 1px solid #EAEAEA; z-index:5; }

.m2posWprFixed{ position: -webkit-sticky; position: sticky; top: 85px;}

.m2pos{ float: left; background: url(../images/m2pos_ico.png) no-repeat left center; padding-left: 40px; font-size: 16px; }

.m2pos_home{ background: url(../images/m2n_hico.png) no-repeat center center; float: left; height: 66px; width: 14px; margin-right:8px; }

.m2pos i{ background: url(../images/m2pos_ar.png) no-repeat center center; float: left; height: 66px; width: 28px; }

.m2pos_a{float:left; font-size:18px;}

.m2pos span{ font-size: 18px; float:left;}

.m2menu{ float:right;}

.m2menu_a{ display: inline-block; padding: 0 10px; line-height: 66px; position: relative; font-size: 18px; letter-spacing: 1px; margin-left:2.08vw; }

.m2menu_a.on{ color: #1865d7; }

.m2menu_a:after{ content: ""; height: 4px; width: 0%; position: absolute; left: 50%; bottom: 0px; transition:all 0.5s ease; transform:translateX(-50%);background:#1865D7;}

.m2menu_a.on:after,.m2menu_a:hover:after{ width:100%;}

@media (max-width:1799px){

.m2banTxt strong{font-size:32px; line-height:50px;}

.m2banTxt p{font-size:32px; line-height:50px;}

.m2posWpr{line-height:60px; height:60px;}

.m2menu_a{line-height:60px; font-size:15px; padding:0 6px;}

.m2menu_a:after{height:3px;}

.m2pos{font-size:15px;}

.m2pos_a{font-size:15px;}

.m2pos i{height:56px;}

.m2pos_home{height:56px;}

.m2pos span{font-size:16px;}

.page .pagination li a { padding: 0px 6px; height: 40px; min-width: 42px; margin: 0px 4px; font-size: 14px; line-height: 38px; }

.m2pos i{height:60px;}

.m2posWpr{top:80px;}

.m2banTxt h5{margin-top:15px; font-size:15px;}

}


@media (max-width:1199px){

.m2banner .bgImg{height:32vw;}

.m2banTxt strong{font-size:28px; line-height:44px;}

.m2banTxt p{font-size:28px; line-height:44px;}

}

@media (max-width:993px){

.m2banner .bgImg{height:200px;}

.m2banTxt strong{font-size:24px; line-height:36px;}

.m2banTxt p{font-size:24px; line-height:36px; margin-top:2px;}

.m2posWpr{line-height:50px; height:50px;}


.m2pos{display:none;}

.m2menu{float:none; text-align:center;}

.m2menu_a{line-height:50px; font-size:15px;}


.m2banner .bgImg{height:275px;}

.m2posWpr{top:0;}

}

@media (max-width:767px){

.m2banTxt strong{font-size:20px; line-height:28px;}

.m2banTxt p{font-size:20px; line-height:28px; margin-top:2px;}

.m2posWpr .container{ overflow-x:auto;}

.m2menu{ white-space:nowrap; padding-right:15px;}

.m2menu_a{margin:0 10px;}

.m2banTxt strong{font-weight:normal;}

.m2banner .bgImg{height:225px;}

.m2banTxt strong{line-height:30px;}

.m2banTxt p{margin-top:3px;}

.page .pagination li a { padding: 0px 4px; height: 36px; min-width: 36px; margin: 0px 2px; font-size: 12px; line-height: 34px; }

.m2banTxt h5{font-size:12px; line-height:22px; margin-top:8px;}

.m2banTxt h5{max-height:88px; overflow:auto; padding-right:15px; margin-right:-15px;}

}






/* e6 */
.t_e6k1{
    position: relative;
    width: 100%;
    background: #5F6973;
}
.t_e6k1bg .t_map{
    width: 100%;
    height: 100%;
}
.t_e6k1bg img{
     object-fit: cover;
    z-index: initial;
    transition: all .36s;
    max-width: initial;
    width: 100%;
    height: 100%;
}
.t_e6k1dian{
    position: absolute;
    left:51.15%;
    top:51.39%;
    transform: translate(-50%,-50%);
    display: none;
}
.t_e6k1img{
    width: 67px;
    position: absolute;
    left:50%;
    bottom: -12px;
    transform: translateX(-50%);
}
.t_e6k1img img{
    width: 100%;
}
.t_e6k1box{
    max-width: 510px;
    background: rgb(255 255 255 / 90%);
    padding: 50px 30px 50px 30px;
    width: 100%;
}
.t_e6k1icon{
    width: 27px;
    margin-right: 14px;
}
.t_e6k1icon img{
    width: 100%;
    vertical-align: middle;
}
.t_e6k1rg{
    width: calc(100% - 41px);
}
.t_e6tel a{
    color: #3d9338;
    font-weight: bold;
}
.t_e6tel{
    color:#ED1D24;
    font-size: 26px;
    line-height: 1.5; 
    margin-left: 8px;
}
.t_e6k2le{
    width: 122px;
    margin-right: 27px;
}
.t_e6k2le img{
    width: 100%;
}
.t_e6k2rg{
    width: calc(100% - 149px);
    padding-top: 10px;
}
.t_e6k2ic{
    width: 39px;
    margin-bottom: 11px;
}
.t_e6k2ic img{
    width: 100%;
}
.t_e6k2rg .t_duan16p p{
    color:#353D42;

}
.t_e6k1rg .t_duan16p p,.t_e6k1icon{
    line-height: 39px;
    font-size: 16px;
}
.t_e6k1li {
    margin-bottom: 19px;
}
.t_e6k1top {
    /* margin-bottom: 65px; */
}
.t_e6k2code {
    display: flex;
    align-items: center;
}
.t_e6k1nr{
    padding-top: 114px;
    padding-bottom: 165px;
}
.t_e6k1nr .t_font48{
    margin-bottom: 36px;
    color: #fff;
    line-height: 1.5;
    font-size: 36px;
}
.t_e6k1 .container{
    position: relative;
    z-index: 4;
}
.t_e6k1dianzi{
    font-size: 24px;
    line-height: 1.75;
    color:#fff;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: 21px;
    white-space: nowrap;
}
.t_e6k1jia{
    width: 100%;
    position: absolute;
    height: 100%;
    top: 0;
    left: 0;
}
.t_e6k1bg{
    height: 100%;
    position: absolute;
    width: 100%;
    top: 0;
    left: 0;
}
.t_e6k1{
    overflow: hidden;
}






/*********产品总页****************/
.product__index{ padding:70px 0px;}
.product__index>ul{margin:0;padding:0;display:flex;flex-wrap:wrap}
.product__index>ul>li{list-style-type:none;width: calc(33.33% - 20px);margin: 10px 5px;}
@media (max-width: 668px){.product__index>ul>li{width:100%}
}
.product__index>ul>li .item{display:block;width:100%;height:380px;position:relative;overflow:hidden;transition:all 0.5s}
@media (max-width: 1681px){.product__index>ul>li .item{height:300px}}

.product__index>ul>li .item_before{display:block;width:100%;height:100%;position:relative;overflow:hidden;transition:all 0.5s}
.product__index>ul>li .item_before:before{content:'';position:absolute;left:0px;top:0px;width:100%;height:100%;background: rgb(0 0 0 / 14%);}
.product__index>ul>li .item_before:after{content:"";display:block;width: 66px;height: 75px;background-repeat:no-repeat;background-position:center center;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size: contain;background-image:url(../images/logo_bg.png);position:absolute;left: 5px;top: 0px;z-index:1;opacity:0.5;transition:all 0.5s;}
.product__index>ul>li .item_before .txt{display:block;/* width:100%; *//* padding-left:60px; */position:absolute;left: 50%;top:50%;transform: translate(-50%,-50%);z-index:2;}
@media (max-width: 1681px){.product__index>ul>li .item_before .txt{padding-left:40px}
}
@media (max-width: 968px){.product__index>ul>li .item_before .txt{padding-left:20px}
}
.product__index>ul>li .item_before .txt .icon{width:65px;height:65px}
@media (max-width: 1380px){.product__index>ul>li .item_before .txt .icon{width:50px;height:50px}
}
.product__index>ul>li .item_before .txt .icon svg{vertical-align:top;width:100%;height:100%;color:#004098}
.product__index>ul>li .item_before .txt b.t{margin:30px 0;display:block;font-size: 28px;color:#fff;font-weight: bold;transition:all 0.5s;text-shadow: 2px 2px 2px #000;}

.product__index>ul>li .item_before .txt .more{display:inline-block;width:100px;height:42px;line-height:40px;border:1px solid #fff;border-radius:22px;text-align:center;color:#fff;font-size:12px;transition:all 0.5s}
@media (max-width: 1681px){.product__index>ul>li .item_before .txt .more{height:36px;line-height:34px}}
@media (max-width: 1380px){.product__index>ul>li .item_before .txt .more{width:80px}}
.product__index>ul>li .item_before .img{width: 100%;height:100%;overflow:hidden;background: #fff;}
.product__index>ul>li .item_before .img span{display:block;width: 100%;height: 100%;background-color: #fff;background-repeat:no-repeat;background-position:center center;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size: contain;transition:all 1s;}
.product__index>ul>li .item_after{display:block;width:100%;height:100%;background-color:rgba(61,147,56,0.9);position:absolute;left:0;top:0;z-index:2;opacity:0;transition:all 0.5s;}

.product__index>ul>li .item_after .inner{/* padding:15px; *//* height:100%; */display:flex;justify-content:space-between;align-items:center;position: absolute;/* text-align: center; */z-index: 2;left: 50%;top: 50%;color: #fff;/* font-size: 14px; */transform: translate(-50%, -50%);}
@media (max-width: 1681px){.product__index>ul>li .item_after .inner{padding:15px}}
.product__index>ul>li .item_after .inner .icon{margin-right:45px;width:90px;height:auto;text-align:center;position:relative;/* padding-bottom:30px; */}
.product__index>ul>li .item_after .inner .icon svg{width:50px;height:50px;color:#fff}
.product__index>ul>li .item_after .inner .icon b{display:block;text-align:center;font-size: 20px;color:#fff;/* white-space:nowrap; *//* position:absolute; *//* left:50%; *//* top:50px; *//* transform:translateX(-50%); */}
.product__index>ul>li .item_after .inner .icon .more{display:inline-block;width: 80px;height: 32px;line-height: 30px;border:1px solid #fff;border-radius:22px;text-align:center;color:#fff;font-size: 12px;transition:all 0.5s;margin-top: 30px;}
.product__index>ul>li .item_after .inner .list{flex:1}
.product__index>ul>li .item_after .inner .list ul{margin:0 -5px;padding:0;display:flex;flex-wrap:wrap;}
.product__index>ul>li .item_after .inner .list ul>li{/* list-style-type:none; *//* padding:0 5px; *//* width: 100%; */margin-bottom:5px;min-width: 120px;}
.product__index>ul>li .item_after .inner .list ul>li a{display:block;font-size:12px;line-height:20px;color:#fff}
.product__index>ul>li .item:hover{position:relative;z-index:10;box-shadow:0 0 60px 0px rgba(0,0,0,0.3)}
.product__index>ul>li .item:hover .item_before:after{opacity:0}
.product__index>ul>li .item:hover .item_before .txt{opacity:0}
.product__index>ul>li .item:hover .item_before .img span{transform:scale(1.1)}
.product__index>ul>li .item:hover .item_after{opacity:1}



@media (max-width: 1181px){
.product__index>ul>li .item_after { opacity: 1;display: block;background-color: rgba(61,147,56,0.5);}
.product__index>ul>li .item .item_before .txt{opacity:0}

}

/*************留言*******************/
.n-message-bg {background:#262a36;position:relative;padding: 80px 0px;}
.n-message-bg  .bgbox{position:absolute;left:0;top:0;width:100%;height:100%;overflow: hidden;}
.n-message-bg  .bgbox img{ width:100%;}


.n-message-box{ position: relative;background: #ffffff7a;padding:40px;
    -webkit-box-shadow: -2px 0px 20px 0px rgba(0, 0, 0, 0.04);
    -moz-box-shadow: -2px 0px 20px 0px rgba(0, 0, 0, 0.04);
    box-shadow: -2px 0px 20px 0px rgba(0, 0, 0, 0.04);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.n-message-box .mktitle {font-size: 3rem;color: #3d9338; text-transform: uppercase;line-height: 1.5;}
.n-message-box h4 {font-size:16px;color: #444;line-height: 1.5; font-weight:normal;}

.n-message-box .table { margin-top:2%; }
.n-message-box .table input,.n-message-box .table textarea {display: block; outline: none; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;box-sizing: border-box;background-color: rgb(255 255 255 / 10%);color: #fff;}
  
.n-message-box .table .inpbox {margin-bottom: 3%; width: 100%;overflow: hidden; }
.n-message-box .table .inpbox input {display: block;width: 23.5%; float: left;  margin-right: 2%; padding: 0 20px;height: 46px;}
.n-message-box .table .inpbox input:last-child { margin-right: 0; }
.n-message-box .table textarea {height: 150px;resize: none; width: 100%; margin-bottom: 40px; padding: 18px 20px;}
.n-message-box .table .moreBtnBox {text-align: center;}
.n-message-box .table  .btn-text { padding: 12px 30px; background: #3d9338;border:none; display: inline-block; color: #fff; cursor: pointer;}

@media (max-width: 769px){
.n-message-box { padding: 20px;}
.n-message-box .mktitle {font-size: 1.8rem;}	
.n-message-box h4 {font-size: 14px;}
.n-message-box .table .inpbox input {display: block;width: 100%; float: none;  margin-right: 0%; margin-bottom:10px; padding: 0 20px;height: 46px;}
}