.mainz{ max-width:1440px; width:96%; height:auto; padding:50px 0px 70px 0px; margin:0 auto;}
.t_menu{ width:100%; height:auto; height:70px; line-height:50px; border-bottom:1px solid #DEDEDE; ;}
.t_menu1{ width:auto; float:left; font-size:36px; color:#333;}
.t_menu2{ float:right;}
.t_menu2 li{ height:68px; margin-left:25px; float:left; font-size:16px; }
.t_menu2 li:hover{border-bottom:2px solid #3FC298;}
.t_menu2 li:hover a{ color:#3FC298;}

.link{ max-width:1440px;  height:480px; margin:65px auto; background:#fff;}
.link1{ width:50%; height:480px; float:left; }
.link1 img{ width:100%; height:100%;}
.link2 { width:50%; padding:70px; float:right;}
.link2 h2{ width:100%; line-height:50px; font-size:28px; color:#333;}
.link2 li{ width:100%; height:94px; background: url(../images/h2.png) left center no-repeat; padding-left:75px; padding-top:15px; padding-bottom:15px; border-bottom:1px solid #DEDEDE;}
.link2 li h3{ font-size:16px; color:#999}
.link2 li p{ width:100%; color:#333; font-size:16px;}
.link2 li:nth-child(2){ background: url(../images/h2.png) left center no-repeat;}
.link2 li:nth-child(3){ background: url(../images/h3.png) left center no-repeat;}
.link2 li:nth-child(4){ background: url(../images/h4.png) left center no-repeat;}

@media(max-width:1200px){
.t_menu{ width:100%; height:auto; height:50px; line-height:30px; border-bottom:1px solid #DEDEDE; ;}
.t_menu1{ width:auto; float:left; font-size:28px; color:#333;}
.t_menu2 li{ height:48px; margin-left:25px; float:left; font-size:16px; }
.link2 h2{ width:100%; line-height:50px; font-size:22px;}
.link{ max-width:1440px;  height:400px; margin:65px auto; background:#fff;}
.link1{ width:50%; height:400px;}
.link2 { width:50%; padding:30px; float:right;}
.link2 li{ width:100%; height:84px; background: url(../images/h2.png) left center no-repeat; padding-left:75px; padding-top:10px; padding-bottom:10px; border-bottom:1px solid #DEDEDE;}

}

@media(max-width:800px){
	.t_menu{ width:100%; height:auto; height:33px; line-height:30px; border-bottom:1px solid #DEDEDE; ;}
.t_menu1{ width:auto; float:left; font-size:22px; color:#333;}
.t_menu2 li{ height:38px; margin-left:15px; float:left; font-size:14px; }
.link{ max-width:1440px;  height: auto; padding-bottom:40px;}
.link1{ width:100%; height: auto;}
.link1 img{ width:100%; height: auto;}
.link2 { width:100%; padding:15px; float:right;}	
.link2 h2{ width:100%; line-height:50px; font-size:22px;}
.link2 li{ width:100%; height:74px; background: url(../images/h2.png) left center no-repeat; padding-left:70px; padding-top:5px; padding-bottom:5px; border-bottom:1px solid #DEDEDE;}
.mainz{ padding-top:30px; padding-bottom:40px;}
}
@media(max-width:600px){

.t_menu2 li{ height:38px; margin-left:10px; float:left; font-size:12px; }
}

/*分页*/
.nx_pg{width:100%; height: auto ; padding:50px 0px 40px 0px; text-align:center; }
.nx_pg a{display:inline; padding:7px 14px 7px 14px; background:#fff; color:#4c4c4c;font-size:14px; border:1px solid #757575; margin:0px 3px 0px 3px; -webkit-transition:all 0.1s ease-out;-moz-transition:all 0.1s ease-out;-o-transition:all 0.1s ease-out;transition:all 0.1s ease-out;}
.nx_pg a:hover{background:#3FC298;; color:#fff;border:1px solid #3FC298;}
.nx_pg .on{ background:#3FC298;; color:#fff;border:1px solid #3FC298;}

.product-top{ background:#fff;box-shadow:0 3px 10px rgba(0,0,0,.1); margin-top:50px}
.product-top .left{ width:45%; padding:2%; position:relative}
.product-top .left img{ width:100%; height:auto; display:block}
.product-top .right{ width:53%; padding-top:4%; padding-right:4%; padding-bottom:3%}
.product-top .right h2{ color:#151515; font-size:30px;position:relative; margin-bottom:20px}
.product-top .right strong { font-size:18px; color:#333;}
.product-top .right .intro{font-size:16px; line-height:30px;}
.product-con{ margin-top:30px; font-size:16px; background:#fff; padding:30px 60px; }

.main2 {width: 100%;margin:60px auto 60px auto; padding:80px 140px; background:#fff}
.tab {overflow: hidden;width: 100%;height: 50px;border-bottom: 1px solid #DEDEDE;;cursor: pointer; text-align:center}
.tab li {text-align: center; color:#333; font-size:20px; padding:0px 30px; display:inline-block; height:48px;border-right: 1px solid #fff;       transition: All 0.4s ease-in-out;}

.tab li.on { border-bottom:2px solid #3FC298; color:#3FC298;;}
.con {width: 100%;padding-top:30px;}
.con img{ display:inline-block; max-width:100%;}

.FengTabCon_1 table{width:100%;border-collapse: collapse;}
.FengTabCon_1 td{border:1px solid #cccccc;}

@media(max-width:1100px){
.main2 {width: 100%;margin:40px auto; padding:40px 80px; background:#fff}
}
@media(max-width:800px){
	.main2 {width: 100%;margin:40px auto; padding:25px 10px; background:#fff}
	.tab {overflow: hidden;width: 100%;height: 40px;border-bottom: 1px solid #DEDEDE;;cursor: pointer; text-align:center}
	.tab li {text-align: center; color:#333; font-size:16px; padding:0px 15px;height:38px;}
	.product-top{ margin-top:25px;}
.product-top .left{ width:100%; padding:2%; position:relative}
.product-top .right{ width:100%; padding-top:4%; padding-right:3%; padding-left:3%; padding-bottom:3%}
.product-top .right h2{ color:#151515; font-size:22px;position:relative; margin-bottom:10px}
}

.art_detail{ width:100%; height:auto; background:#fff; padding:100px 140px; margin-top:45px;box-sizing: border-box;box-shadow: 0px 0px 12px 1px rgba(0,0,0,0.0500);}
#info-T{width:100%; min-height:45px; padding-top:0px; color:#242424; padding-bottom:5px; line-height:26px; text-align: center; font-size:24px; font-weight:bold;}
#info-M{width:100%; height:60px; line-height:45px; text-align: center;  border-bottom:1px solid #DEDEDE;}
#info-C{width:100%; line-height:28px; margin-top:40px; font-size:14px;}
#info-C img{ max-width:100%; display:inline-block;}
#info-C2{width:100%; line-height:28px; margin:0 auto; margin-top:20px; font-size:14px;}
#info-N{width:100%; height: auto; padding-top:10px; line-height:28px; margin-top:45px; border-top:#DEDEDE 1px solid;}
#info-C1{width:100%; line-height:28px; margin-top:0px; font-size:14px; text-align:center; padding-bottom:10px;}

@media(max-width:1200px){
.art_detail{ width:100%; height:auto; background:#fff; padding:50px 60px; margin-top:45px;box-sizing: border-box;}
}

@media(max-width:800px){
.art_detail{ width:100%; height:auto; background:#fff; padding:30px 10px; margin-top:45px;box-sizing: border-box;}
#info-T{width:100%; min-height:35px; padding-top:0px; color:#242424; padding-bottom:5px; line-height:26px; text-align: center; font-size:18px; font-weight:bold;}
#info-M{width:100%; height:45px; line-height:45px; text-align: center;  border-bottom:1px solid #DEDEDE;}
#info-C{width:100%; line-height:28px; margin-top:20px; font-size:14px;}
#info-N{width:100%; height: auto; padding-top:10px; line-height:28px; margin-top:25px; border-top:#DEDEDE 1px solid;}
}

.artile{ width:100%; height:auto; margin:60px auto 55px auto;}
.artile li{ max-width:1440px; margin:0 auto;; height:360px; background:#fff; transition:all 0.5s;box-shadow: 0px 0px 12px 1px rgba(0,0,0,0.1500);}
.xman{ width:100%;  margin:0 auto; }
.art1{ width:580px; height:360px; float:left; margin-right:38px;}
.art1 img{width:580px; height:360px;}
.art2{ height:360px;overflow: hidden; }
.art2 h2{ width:96%; font-size:18px; color:#333333;transition:all 0.5s; height: auto; margin-top:52px; font-weight: bold; line-height:30px; height:30px; margin-bottom:20px; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:1; overflow: hidden; }
.art2 .art_p{ width:96%; height:120px; line-height:30px;transition:all 0.5s; color:#828282 ; font-size:14px; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:4; overflow: hidden;;}
.art2 .art2_1{ width:96%; height:40px; line-height:40px; padding-top:25px;}
.art2 .art2_1 span{ color:#fff; font-size:16px; float:left; padding:3px 30px; color:#3FC298;; border:1px solid #3FC298;transition:all 0.5s; }
.artile li:hover .art2 h2 { color:#3FC298;}
.artile li:hover .art2 .art2_1 span{  color:#fff;; background:#3FC298 ;}
@media(max-width:1200px){
.artile li{ max-width:1440px; margin:0 auto;; height:200px; background:#fff; transition:all 0.5s;box-shadow: 0px 0px 12px 1px rgba(0,0,0,0.1500);}
.xman{ width:100%;  margin:0 auto; }
.art1{ width:320px; height:200px; float:left; margin-right:38px;}
.art1 img{width:320px; height:200px;}
.art2{ height:200px;overflow: hidden; }
.art2 h2{ margin-top:20px; margin-bottom:10px;}
.art2 .art_p{ width:96%; height:60px; line-height:30px;transition:all 0.5s; color:#828282 ; font-size:14px; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:2; overflow: hidden;;}
.art2 .art2_1{ width:96%; height:40px; line-height:40px; padding-top:15px;}
}
@media(max-width:800px){
	.artile{ width:100%; height:auto; margin:30px auto 35px auto;}
.artile li{ max-width:1440px; margin:0 auto;; height:100px; background:#fff; transition:all 0.5s;box-shadow: 0px 0px 12px 1px rgba(0,0,0,0.1500);}
.xman{ width:100%;  margin:0 auto; }
.art1{ width:160px; height:100px; float:left; margin-right:15px;}
.art1 img{width:160px; height:100px;}
.art2{ height:100px;overflow: hidden; }
.art2 h2{ margin-top:5px; margin-bottom:5px; font-size:16px;}
.art2 .art_p{ width:96%; height:50px; line-height:25px;transition:all 0.5s; color:#828282 ; font-size:14px; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:2; overflow: hidden;;}
.art2 .art2_1{ width:96%; height:40px; line-height:40px; padding-top:15px; display:none;}
}

.artile1{ width:100%; height:auto; margin:60px auto 0px auto;}
.artile1 li{width:48%; margin-right:4%; float:left; margin-bottom:30px;; height:180px; background:#fff; transition:all 0.5s;box-shadow: 0px 0px 12px 1px rgba(0,0,0,0.1500);}
.artile1 li:nth-child(2n){ margin-right:0px;}
.xman1{ width:100%;  margin:0 auto; }
.art11{ width:290px; height:180px; float:left; margin-right:38px;}
.art11 img{width:290px; height:180px;}
.art21{ height:180px;overflow: hidden; }
.art21 h2{ width:96%; font-size:18px; color:#333333;transition:all 0.5s; height: auto; margin-top:22px; font-weight: bold; line-height:32px; height:64px; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:2; overflow: hidden; }
.art21 .art_p1{ display:none;width:96%; height:120px; line-height:30px;transition:all 0.5s; color:#828282 ; font-size:14px; }
.art21 .art2_11{ width:96%; height:40px; line-height:40px; padding-top:25px;}
.art21 .art2_11 span{ color:#fff; font-size:16px; float:left; padding:3px 30px; color:#3FC298;; border:1px solid #3FC298;transition:all 0.5s; }
.artile1 li:hover .art21 h2 { color:#3FC298;}
.artile1 li:hover .art21 .art2_11 span{  color:#fff;; background:#3FC298 ;}

@media(max-width:1100px){
.artile1 li{width:100%; margin-right:0%;margin-bottom:20px;;	}
.artile1{ width:100%; height:auto; margin:40px auto 0px auto;}

}

@media(max-width:800px){
	.artile1{ width:100%; height:auto; margin:30px auto 0px auto;}
.artile1 li{ height:90px;}
.art11{ width:145px; height:90px; float:left; margin-right:12px;}
.art11 img{width:145px; height:90px;}
.art21 h2{ width:96%; font-size:14px; margin-top:2px; margin-bottom:0px;	line-height:25px; height:50px; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:2; overflow: hidden;}
.art21 .art2_11{ width:96%; height:28px; line-height:25px; padding-top:2px;}
.art21 .art2_11 span{ color:#fff; font-size:12px; display:block; height:25px; line-height:25px; width:90px; text-align:center; float:left; padding:0px 0px; color:#3FC298;; border:1px solid #3FC298;transition:all 0.5s; }
}


.cntx{ max-width:1440px; width:96%; height: auto; margin:60px auto 40px auto; position:relative; overflow:hidden; }
.cntxh{ width:100%; height:80px; line-height:40px; font-size:36px; color:#333;}
.cntx .layer3List{ position:relative;}

.layer3_box{width:100%; height: auto; border:1px solid #DEDEDE;box-sizing: border-box;transition: all 0.8s; float:left; margin-right:40px; margin-bottom:30px;}
.layer3_box img{ width: 100%; height: auto; cursor: pointer;transition: all 1.2s;}
.layer3_box img:hover{transform: scale(1.1);}
.layer3_box p{ width:100%; height:60px; border:1px solid #DEDEDE; border-bottom:0px; color:#333;transition: all 0.5s; line-height:60px; text-align:center;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.layer3_box:hover p{color:#3FC298;}
.cntx  .swiper-button-next{ top:0;right:50px;position:absolute;;transition: all 0.8s; width:44px; height:44px; background: url(../images/a8n1.png); background-size:100% 100% ; margin: 0;}
.cntx  .swiper-button-prev{top:0;right:0px !important; position:absolute;;transition: all 0.8s;; width:44px; height:44px; background: url(../images/a9n1.png); background-size:100% 100% ; margin: 0;}
.cntx  .swiper-button-next:hover{background: url(../images/a8n11.png);}
.cntx  .swiper-button-prev:hover{background: url(../images/a9n11.png);}
.swiper-button-next:after, .swiper-button-prev:after{ display:none;}
@media(max-width:1000px){
.layer3_box p{ height:40px; line-height:40px;}
.cntx{ max-width:1440px; width:96%; height: auto; margin:40px auto 40px auto; position:relative; overflow:hidden; }
.cntxh{ width:100%; height:65px; line-height:30px; font-size:28px; color:#333;}

}

.culture{ width:100%;}
.culture li{ width:25%; float:left; position:relative; cursor: pointer}
.culture .pic{ overflow:hidden}
.culture .pic img{ display:block; width:calc(100% + 20px);}
.culture .txt{ color:#fff; position:absolute; left:0;top:0;right:0;bottom:0; margin:auto; padding:15%; text-align:center; display:flex; display:-webkit-flex; align-items:center; flex-wrap:wrap; align-content:center;}
.culture .txt>*{ display:block; width:100%; line-height:26px; font-size:15px}
.culture .txt h3{ font-size:20px; margin:20px 0}
.culture .txt .icon img{ display:block; margin:auto; height:65px}
.culture .txt .icon, .culture .pic img{ -moz-transition:.5s;-webkit-transition:.5s;transition:.5s;}
.culture li:hover .icon{ -webkit-transform:translateY(-10px);-moz-transform:translateY(-10px);transform:translateY(-10px)}
.culture li:hover .pic img{ -webkit-transform:translateX(-20px);-moz-transform:translateX(-20px);transform:translateX(-20px)}
@media screen and (max-width:1024px){
.culture li{ width:50%}
}
@media screen and (max-width:768px){
.culture li{ width:100%}
}