@charset "utf-8";

.banner{ width:100%; overflow:hidden; position:relative;}
.banner>img{ width: 100%; height: auto; }
.banner .img1{ display: block; }
.banner .img2{ display: none; }
.banner .item{ width:92%; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); color:#fff; z-index:2; text-align:center}
.banner .item .title{ font-size:50px; color:#fff; line-height:1;}
.banner .item .intro{ font-size:36px; color:rgba(255,255,255,0.5); margin-top:15px; text-transform:uppercase}
@media all and (max-width:1200px){
	.banner .img2{ display: block; }
	.banner .img1{ display: none; }	
	.banner .item .title{ font-size:20px;}	
	.banner .item .intro{ font-size:12px; margin-top:10px}
}
.container{ background:#f8f8f8}
.location{ width:100%; padding:50px 0; font-size:14px; color:#747474}
.location a{ color:#747474}
.location a:hover{ color:#0a7645}
@media (max-width: 1200px){
	.location{ font-size:12px; padding:20px 0}	
}

/*pro*/
.pro{ width:100%; padding-bottom:58.5px}
.pro_sidebar{ width:284px; float:left; background:#fff}
.pro_sidebar .kitem{ border-bottom:20px solid #f8f8f8}
.pro_sidebar h3{ display:block; background:url(g_29.jpg) center center no-repeat; width:100%; height:80px; line-height:80px; text-align:center; font-size:32px; color:#fff; font-weight:bold}
.pro_sidebar .cont{ padding:0}
.pro_sidebar .cont .item .ihd{position:relative;font-size:18px;color:#4c4c4c;font-weight:bold;padding: 10px 0 10px 50px;border-bottom:1px solid #e3e3e3;background:#eeeeee}
.pro_sidebar .cont .item .ihd:hover{ background:#f4f4f4}
.pro_sidebar .cont .item .ihd a{ color:#4c4c4c}
.pro_sidebar .cont .item .ihd.on a{ color:#0a7645}
.pro_sidebar .cont .item .ihd .kai{display:block;width: 39px;height:100%;position:absolute;left:0;top:0;background: url(m2.png) right center no-repeat;cursor:pointer}
.pro_sidebar .cont .item .ihd .kai.guan{ background:url(m1.png) right center no-repeat}
.pro_sidebar .cont .item .ibd ul li a{display:block;font-size:14px;color:#2f2f2f;box-sizing:border-box;background:url(m3.jpg) 30px center no-repeat;line-height:48px;padding-left: 50px;}
.pro_sidebar .cont .item .ibd ul li a.on,.pro_sidebar .cont .item .ibd ul li a:hover{ color:#0a7645}

.pro_content{ width:930px; float:right}
.pro_content .item{ width:285px; background:#fff; float:left; margin-right:37px; margin-bottom:37px}
.pro_content .item:nth-child(3n){ margin-right:0}
.pro_content .item .wk{ width:100%; position:relative; overflow:hidden}
.pro_content .item:hover .wk:after{ content:""; display:block; width:100%; height:100%; box-sizing:border-box; border:1px solid #097746; position:absolute; left:0; top:0}
.pro_content .item .wk .pic{ width:100%; overflow:hidden}
.pro_content .item .wk .pic img{ width:100% ;transition:All 0.4s linear;    -webkit-transition:All 0.4s linear;    -moz-transition:All 0.4s linear;    -o-transition:All 0.4s linear;}
.pro_content .item:hover .wk .pic img{transform:scale(1.1);    -webkit-transform:scale(1.1);    -moz-transform:scale(1.1);    -o-transform:scale(1.1);    -ms-transform:scal(1.1);}
.pro_content .item .title{ width:100%; height:195px; box-sizing:border-box; padding:0 25px}
.pro_content .item .title h3{ font-size:18px; color:#000000; line-height:62px; border-bottom:1px solid #f0f0f0; font-weight:normal;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
.pro_content .item .title .intro{ font-size:14px; color:#747474; line-height:30px; margin-top:15px; height:90px; overflow:hidden}
.pro_content .item .title .intro p{ background:url(g_33.png) left center no-repeat; padding-left:12px;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
.pro_content .item:hover .title h3{ color:#097746}
.pro_content .ifd{ margin-top:35px}
.pro_content .ifd .more a{ display:block; background:url(g_10.jpg) center center no-repeat; width:237px; height:36px; margin:0 auto; color:#fff; text-align:center; line-height:36px; font-size:14px}
.pro_content .ifd .tel{ font-size:14px; color:#545555; text-align:center; margin-top:12px}
@media (max-width: 1300px){
	.pro_sidebar{ width:260px;}
	.pro_content{ width:910px}
	.pro_content .item{ width:280px; margin-right:35px; margin-bottom:35px}
	.pro_content .ifd{ margin-top:60px}
}
@media (max-width: 1200px){
	.pro_sidebar{ width:100%; margin-top:20px}
	.pro_sidebar h3{ background-size:cover; box-sizing:border-box; line-height:46px; font-size:18px; text-align:left; padding-left:20px; position:relative; height:46px}
	.pro_sidebar .amenu{ display:block; background:url(g_01x.png) center center no-repeat; background-size:20px; width:20px; height:100%; position:absolute; right:20px; top:0; cursor:pointer}
	.pro_sidebar .kitem{ border-bottom:10px solid #f8f8f8}
	.pro_sidebar .cont{ display:none}
	.pro_sidebar .cont .item .ihd{ font-size:16px}
	.pro_sidebar .cont .item .ibd ul li a{ line-height:36px}
	
	.pro_content{ width:100%; margin-top:20px}
	.pro_content .item{ width:32%; margin-right:2%; margin-bottom:2%}
	.pro_content .item .title{ padding:0 15px; height:200px}
	.pro_content .item .title h3{ font-size:16px; line-height:50px}
	.pro_content .item .title .intro{ font-size:12px; line-height:2;height:96px;}
	.pro_content .ifd{ margin-top:20px}
}
@media (max-width: 900px){
	.pro_content .item{ width:100%; margin-right:0%; margin-bottom:15px}
	.pro_content .item:nth-child(3n){ margin-right:0%}
	.pro_content .item:nth-child(2n){ margin-right:0}
	.pro_content .item:nth-child(4){ margin-bottom:3%}
	.pro_content .item:nth-child(5){ margin-bottom:3%}
	.pro_content .item:nth-child(6){ margin-bottom:3%}
	.pro_content .item .title{ padding:0 15px 15px; height:auto}
}
.citem{ padding:0 20px}
.citem .ihd{background-image: linear-gradient(to right, #09afbf, #29cf90);-webkit-background-clip: text; color: transparent; font-size:24px; font-weight:bold; line-height:74px; display:inline-block; vertical-align:top;}
.citem ul li{ border-top:1px solid #f0f0f0; padding:25px 0}
.citem ul li .title{ font-size:14px; color:#4c4c4c}
.citem ul li .title a{ color:#4c4c4c }
.citem ul li .time{ font-size:14px; color:#4c4c4c; margin-top:10px}
.citem ul li:hover .title a{ color:#0a7645}
@media (max-width: 1200px){
	.citem{ display:none}
}
.case_content{ width:940px; float:right}
.case_content .ibd{}
.case_content .ibd .item{ width:299px; float:left;  margin-right:21px; margin-bottom:25px}
.case_content .ibd .item .wk{ width:100%; position:relative; box-sizing:border-box; border:1px solid #eeeeee; border-radius:8px; overflow:hidden; background:#fff; padding:17px 18px;}
.case_content .ibd .item:hover .wk:after{ content:""; display:block; width:100%; height:100%; box-sizing:border-box; border:1px solid #097746; border-radius:8px; position:absolute; left:0; top:0}
.case_content .ibd .item:nth-child(3n){ margin-right:0}
.case_content .ibd .item .pic{ width:100%; overflow:hidden; border-radius:5px;}
.case_content .ibd .item .pic img{ width:100% ;transition:All 0.4s linear;    -webkit-transition:All 0.4s linear;    -moz-transition:All 0.4s linear;    -o-transition:All 0.4s linear;}
.case_content .ibd .item:hover .pic img{transform:scale(1.1);    -webkit-transform:scale(1.1);    -moz-transform:scale(1.1);    -o-transform:scale(1.1);    -ms-transform:scal(1.1);}
.case_content .ibd .item .title{ width:100%; padding-bottom:25px }
.case_content .ibd .item .title h3{ font-size:18px; color:#000; margin-top:30px;text-overflow: ellipsis;overflow: hidden;white-space: nowrap; font-weight:normal}
.case_content .ibd .item:hover .title h3{ color:#097746}
.case_content .ibd .item .title .intro{ font-size:14px; color:#333333;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2; height:50px; line-height:25px; margin:15px 0; position:relative}
.case_content .ibd .item .title .p1:after{ content:""; display:block; width:60px; height:1px; background:#ebebeb; position:absolute; left:0; top:0}
.case_content .ibd .item .title .p1{ font-size:14px; color:#747474; padding-top:15px; position:relative}
.case_content .ibd .item .title .p2{ line-height:26px;font-size:14px; color:#747474; margin-top:5px }
.case_content .ibd .item .title .p2 i{ display:inline-block; vertical-align:top; border:1px solid #ebebeb; padding:0 5px; line-height:24px;}

.case_content .ifd{ margin-top:75px}
.case_content .ifd .more a{ display:block; background:url(g_10.jpg) center center no-repeat; width:237px; height:36px; margin:0 auto; color:#fff; text-align:center; line-height:36px; font-size:14px}
.case_content .ifd .tel{ font-size:14px; color:#545555; text-align:center; margin-top:12px}
@media (max-width: 1300px){
	.case_content{ width:910px;}
	.case_content .ibd .item{ width:289px;}
}
@media (max-width: 1200px){
	.case_content{ width:100%}
	.case_content .ibd{ margin-top:10px}
	.case_content .ibd .item{ width:32%; margin-right:2%; margin-bottom:2%; }
	.case_content .ibd .item .wk{ padding:15px}
	.case_content .ibd .item .title{padding-bottom:10px}
	.case_content .ibd .item .title h3{ font-size:16px; margin-top:15px}
	.case_content .ibd .item .title .intro{ font-size:12px; margin:10px 0; line-height:22px; height:44px}
	.case_content .ibd .item .title .p1{ font-size:12px; padding-top:10px}
	.case_content .ibd .item .title .p2{ font-size:12px}
	.case_content .ifd{ margin-top:20px}
}
@media (max-width: 900px){
	
	.case_content .ibd .item{ width:100%; margin-right:0; margin-bottom:15px}
	
}



.video_content{ width:930px; float:right}
.video_content .item{ width:284px; background:#fff; float:left; margin-right:39px; margin-bottom:36px}
.video_content .item:nth-child(3n){ margin-right:0}
.video_content .item .wk{ width:100%; position:relative; overflow:hidden}
.video_content .item:hover .wk:after{ content:""; display:block; width:100%; height:100%; box-sizing:border-box; border:1px solid #097746; position:absolute; left:0; top:0}
.video_content .item .wk .pic{ width:100%; overflow:hidden; position:relative}
.video_content .item .wk .pic span{ display:block; width:100%; height:100%; background:url(g_35.png) center center no-repeat; position:absolute; left:0; top:0}
.video_content .item .wk .pic img{ width:100% ;transition:All 0.4s linear;    -webkit-transition:All 0.4s linear;    -moz-transition:All 0.4s linear;    -o-transition:All 0.4s linear;}
.video_content .item:hover .wk .pic img{transform:scale(1.1);    -webkit-transform:scale(1.1);    -moz-transform:scale(1.1);    -o-transform:scale(1.1);    -ms-transform:scal(1.1);}
.video_content .item .title{ width:100%; height:210px; box-sizing:border-box; padding:0 20px}
.video_content .item .title h3{ font-size:18px; color:#000000; line-height:56px; border-bottom:1px solid #f0f0f0; font-weight:normal;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
.video_content .item .title .intro{ font-size:14px; color:#4c4c4c; line-height:30px; margin-top:15px;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
.video_content .item:hover .title h3{ color:#097746}
.video_content .item .title .t1{ margin-top:5px}
.video_content .item .title .t1 .a1{ float:left; font-size:14px; color:#4c4c4c; margin-right:15px}
.video_content .item .title .t1 .a2{ float:left; font-size:14px; color:#4c4c4c; margin-right:0}
.video_content .item .title .t2{ margin-top:30px}
.video_content .item .title .t2 .a1{ float:left; padding:0 10px; border-radius:3px; background:#198754; font-size:14px; color:#fff; font-weight:bold; line-height:22px;}
.video_content .item .title .t2 .a2{ float:right; background:url(g_36.png) left center no-repeat; padding-left:25px; color:rgba(76,76,76,0.44); font-size:14px}

.video_content .ifd{ margin-top:35px}
.video_content .ifd .more a{ display:block; background:url(g_10.jpg) center center no-repeat; width:237px; height:36px; margin:0 auto; color:#fff; text-align:center; line-height:36px; font-size:14px}
.video_content .ifd .tel{ font-size:14px; color:#545555; text-align:center; margin-top:12px}
@media (max-width: 1300px){
	.pro_sidebar{ width:260px;}
	.video_content{ width:910px}
	.video_content .item{ width:280px; margin-right:35px; margin-bottom:35px}
	.video_content .ifd{ margin-top:60px}
}
@media (max-width: 1200px){
	.pro_sidebar{ width:100%; margin-top:20px}
	.pro_sidebar h3{ background-size:cover; box-sizing:border-box; line-height:46px; font-size:18px; text-align:left; padding-left:20px; position:relative; height:46px}
	.pro_sidebar .amenu{ display:block; background:url(g_01x.png) center center no-repeat; background-size:20px; width:20px; height:100%; position:absolute; right:20px; top:0; cursor:pointer}
	.pro_sidebar .kitem{ border-bottom:10px solid #f8f8f8}
	.pro_sidebar .cont{ display:none}
	.pro_sidebar .cont .item .ihd{ font-size:16px}
	.pro_sidebar .cont .item .ibd ul li a{ line-height:36px}
	
	.video_content{ width:100%; margin-top:20px}
	.video_content .item{ width:32%; margin-right:2%; margin-bottom:2%}
	.video_content .item .title{ padding:0 15px; height:200px}
	.video_content .item .title h3{ font-size:16px; line-height:50px}
	.video_content .item .title .intro{ font-size:12px; line-height:2}
	.video_content .ifd{ margin-top:20px}
}
@media (max-width: 900px){
	.video_content .item{ width:100%; margin-right:0%; margin-bottom:15px}
	.video_content .item:nth-child(3n){ margin-right:0%}
	.video_content .item:nth-child(2n){ margin-right:0}
	.video_content .item:nth-child(4){ margin-bottom:3%}
	.video_content .item:nth-child(5){ margin-bottom:3%}
	.video_content .item:nth-child(6){ margin-bottom:3%}
	.video_content .item .title{ padding:0 15px 15px; height:auto}
}

.news{padding: 0 0 58.5px 0;}
.second_nav{ width:100%}
.second_nav{ font-size:0; text-align:center}
.second_nav ul{ width:fit-content; margin:0 auto; background:#f6f6f8; border-radius:30px; overflow:hidden}
.second_nav ul li{ display:inline-block; vertical-align:top;}
.second_nav ul li a{ display:block; color:#333; padding:0 26px;border-radius:30px;font-size:16px; color:#333333; line-height:48px;  cursor:pointer }
.second_nav ul li.on a,.second_nav ul li:hover a{ background:#097746; color:#fff}
@media (max-width: 1200px){
	.second_nav{ padding-top:40px}
}
@media (max-width: 750px){
	.second_nav{ padding-top:20px}
	.second_nav ul li a{ padding:0 15px; font-size:13px}
	.second_nav.second_nav106 ul li a{ padding:0 8px; font-size:12px}
	
}
@media (max-width: 370px){
	.second_nav ul li a{ padding:0 14px; font-size:12px}
	
}

@media (max-width: 0px){
	.second_nav{ padding-top:0}
	.second_nav .nr{ width:100%}
	.second_nav ul{ width:100%; border-radius:0; text-align:left}
	.second_nav ul li{ width:50%; border-radius:0; text-align:center; box-sizing:border-box; border-right:1px solid rgba(255,255,255,0.2);border-bottom:1px solid rgba(255,255,255,0.2)}
	.second_nav ul li a{ padding:0; font-size:14px; border-radius:0}
}

.news_content{ margin-top:48px}
.news_content .bd{margin-bottom: 0;}
.news_content .item{float:left;width:397px;background:#f2f2f2;margin-right:34px;margin-bottom: 36px;}
.news_content .item:nth-child(3n){ margin-right:0}
.news_content .item .pic{ width:100%; overflow:hidden}
.news_content .item .pic img{ width:100% ;transition:All 0.4s linear;    -webkit-transition:All 0.4s linear;    -moz-transition:All 0.4s linear;    -o-transition:All 0.4s linear; height:14.75vw}
.news_content .item:hover .pic img{transform:scale(1.1);    -webkit-transform:scale(1.1);    -moz-transform:scale(1.1);    -o-transform:scale(1.1);    -ms-transform:scal(1.1);}
.news_content .item .title{ padding:25px}
.news_content .item .title h3{ font-size:18px; color:#000000; font-weight:normal;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2; line-height:30px; height:60px;}
.news_content .item .title .intro{ font-size:14px; color:#4c4c4c;text-overflow: ellipsis;overflow: hidden;white-space: nowrap; margin:20px 0; border-top:1px solid #f0f0f0; padding:20px 0 0}
.news_content .item .title .time{ font-size:14px; color:#4c4c4c; background:url(g_26.png) left center no-repeat; padding-left:26px}
.news_content .item:hover{ background:#097746;}
.news_content .item:hover .title h3{ color:#fff}
.news_content .item:hover .title .intro{ color:#fff}
.news_content .item:hover .title .time{ color:#fff; background:url(g_27.png) left center no-repeat}
.news_content .ifd{ margin-top:35px}
.news_content .ifd .more a{ display:block; background:url(g_10.jpg) center center no-repeat; width:237px; height:36px; margin:0 auto; color:#fff; text-align:center; line-height:36px; font-size:14px}
.news_content .ifd .tel{ font-size:14px; color:#545555; text-align:center; margin-top:12px}

@media (max-width: 1300px){
	.news_content .item{ width:32%; margin-right:2%; margin-bottom:2%}
	.news_content .item .title{ padding:20px}
}
@media (max-width: 1200px){
.news{ padding:0 0 40px 0}
.news_content{ margin-top:30px}
.news_content .ifd{ margin-top:15px}
}
@media (max-width: 750px){
	.news_content .item{ width:48.5%; margin-right:3%; margin-bottom:3%}
	.news_content .item:nth-child(3n){ margin-right:3%}
	.news_content .item:nth-child(2n){ margin-right:0}
	.news_content .item .title{ padding:15px}
	.news_content .item .title h3{ font-size:15px; line-height:25px; height:50px}
	.news_content .item .title .intro{ font-size:12px; margin:15px 0; padding:15px 0 0 0}
	.news_content .item .title .time{ font-size:12px}
	.news_content .item .pic img{ height:auto}
}
@media (max-width: 450px){
	.news_content .bd{ margin-bottom:25px}
	.news_content .item{ width:100%; margin-right:0; margin-bottom:15px}
	.news_content .item:nth-child(3n){ margin-right:0%}
	.news_content .item:nth-child(2n){ margin-right:0}
}


/*cpfw*/
.cpfw01{ width:100%; margin-top:80px}
.cpfw01 .item01{ float:left; width:111px; text-align:center; position:relative}
.cpfw01 .item01:nth-child(1){ margin-left:16px}
.cpfw01 .item01 .pic{ width:100%}
.cpfw01 .item01 .pic img{ width:100%}

.cpfw01 .item01 .pic img{ width:100% ;transition:All 0.3s linear;    -webkit-transition:All 0.3s linear;    -moz-transition:All 0.3s linear;    -o-transition:All 0.3s linear;}
.cpfw01 .item01 .pic:hover img{transform:scale(1.1);    -webkit-transform:scale(1.1);    -moz-transform:scale(1.1);    -o-transform:scale(1.1);    -ms-transform:scal(1.1);}

.cpfw01 .item01 .title{ text-align:center; font-size:16px; color:#353535; line-height:1; margin-top:18px}
.cpfw01 .item01 .num{ width:40px; height:40px; background:#077a43; text-align:center; line-height:40px; border-radius:50%; position:absolute; left:-16px; top:83px; color:#fff; font-size:18px; font-weight:bold; font-style:italic}
.cpfw01 .item02{ float:left; width:115px; height:111px; background:url(g_39.png) center center no-repeat}
@media (max-width: 1300px){
	.cpfw01 .item02{ width:103px}
}
@media (max-width: 1200px){
	.cpfw01{ margin-top:20px}
	.cpfw01>div{ margin-top:20px}
	.cpfw01 .item01{ width:60px}
	.cpfw01 .item01:nth-child(1){ margin-left:0}
	.cpfw01 .item01 .num{ width:24px; height:24px; line-height:24px; font-size:12px; left:-10px; top:46px; font-weight:normal}
	.cpfw01 .item01 .title{ font-size:12px}
	.cpfw01 .item02{ height:60px; background-size:22px; width:calc(20% - 72px)}
}
@media (max-width: 750px){
	.cpfw01 .item01 .num{ width:20px; height:20px; line-height:20px; left:-8px} 
	.cpfw01 .item02{ height:60px; background-size:22px; width:calc(50% - 90px)}
	.cpfw01 .item01 .title{ margin-top:12px}
	.cpfw01 .item02:nth-child(6){ display:none}
}

.cpfw02{ width:100%; margin-top:80px; padding-bottom:40px}
.cpfw02 .item{ width:606px; float:left; position:relative; overflow:hidden; border-radius:10px; margin-bottom:40px}
.cpfw02 .item:nth-child(2n){ float:right}
.cpfw02 .item .cont{ width:100%; box-sizing:border-box; background:rgba(0,0,0,0.5); position:absolute; left:0; bottom:0; z-index:2; color:#fff; padding:25px 30px}
.cpfw02 .item .pic{ width:100%; overflow:hidden}
.cpfw02 .item .cont .title{ font-size:22px}
.cpfw02 .item .cont .intro{ font-size:16px; line-height:30px; height:60px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2; margin-top:10px}
.cpfw02 .item .pic img{ width:100% ;transition:All 0.4s linear;    -webkit-transition:All 0.4s linear;    -moz-transition:All 0.4s linear;    -o-transition:All 0.4s linear;}
.cpfw02 .item:hover .pic img{transform:scale(1.1);    -webkit-transform:scale(1.1);    -moz-transform:scale(1.1);    -o-transform:scale(1.1);    -ms-transform:scal(1.1);}
@media (max-width: 1300px){
	.cpfw02 .item{ width:580px}
}
@media (max-width: 1200px){
	.cpfw02{ margin-top:40px; padding-bottom:20px}
	.cpfw02 .item{ width:48%; margin-bottom:20px }
	.cpfw02 .item .cont{ padding:20px}
	.cpfw02 .item .cont .title{ font-size:16px}
	.cpfw02 .item .cont .intro{ font-size:12px; line-height:20px; height:40px;}
}
@media (max-width: 750px){
	.cpfw02 .item{ width:100%}
}

/*jsfw*/
.jsfw{ width:100%; margin-top:80px; padding-bottom:80px}
.jsfw01 .item01{ float:left; width:116px; text-align:center; position:relative}
.jsfw01 .item01 .pic{ width:100%}
.jsfw01 .item01 .pic img{ width:100%}
.jsfw01 .item01 .pic  img{ width:100% ;transition:All 0.3s linear;    -webkit-transition:All 0.3s linear;    -moz-transition:All 0.3s linear;    -o-transition:All 0.3s linear;}
.jsfw01 .item01 .pic:hover img{transform:scale(1.1);    -webkit-transform:scale(1.1);    -moz-transform:scale(1.1);    -o-transform:scale(1.1);    -ms-transform:scal(1.1);}
.jsfw01 .item01 .title{ text-align:center; font-size:16px; color:#353535; line-height:1; margin-top:15px}
.jsfw01 .item02{ float:left; width:112px; height:116px; background:url(g_39.png) center center no-repeat}
@media (max-width: 1300px){
	.jsfw01 .item01{ width:110px}
	.jsfw01 .item02{ width:108px; height:110px}
}
@media (max-width: 1200px){
	.jsfw{ margin-top:20px; padding-bottom:40px}
	.jsfw01>div{ margin-top:20px}
	.jsfw01 .item01{ width:60px}
	.jsfw01 .item01 .num{ width:24px; height:24px; line-height:24px; font-size:12px; left:-10px; top:46px; font-weight:normal}
	.jsfw01 .item01 .title{ font-size:12px}
	.jsfw01 .item02{ height:60px; background-size:22px; width:calc(20% - 72px)}
}
@media (max-width: 750px){
	.jsfw01 .item01 .num{ width:20px; height:20px; line-height:20px; left:-8px} 
	.jsfw01 .item02{ height:60px; background-size:22px; width:calc(50% - 90px)}
	.jsfw01 .item01 .title{ margin-top:12px}
	.jsfw01 .item02:nth-child(6){ display:none}
}

.jsfw02{ margin-top:80px; position:relative}
.jsfw02 .hd{ position:relative; width:384px; float:left; z-index:3}
.jsfw02 .bd{ width:874px; float:right}
.jsfw02 .bd .con{ width:100%; position:relative; overflow:hidden}
.jsfw02 .bd .intro{ display:none}
.jsfw02 .bd img{ width:100%}
.jsfw02 .bd   img{ width:100% ;transition:All 0.3s linear;    -webkit-transition:All 0.3s linear;    -moz-transition:All 0.3s linear;    -o-transition:All 0.3s linear;}
.jsfw02 .bd:hover img{transform:scale(1.1);    -webkit-transform:scale(1.1);    -moz-transform:scale(1.1);    -o-transform:scale(1.1);    -ms-transform:scal(1.1);}
.jsfw02 .hd li{ width:100%; height:152px; margin-bottom:3px; background:#f4f4f4; transition:all 0.5s;  box-sizing:border-box}
.jsfw02 .hd li.on{ height:224px; }
.jsfw02 .hd li .item{ width:100%; height:100%; box-sizing:border-box; padding:50px 45px 0 45px; /*transition:all 0.5s;*/}
.jsfw02 .hd li .item .title{ float:left;}
.jsfw02 .hd li .item .title .cn{ font-size:20px; color:#353535}
.jsfw02 .hd li .item .title .en{ font-size:16px; color:rgba(53,53,53,0.5); text-transform:uppercase; margin-top:5px}
.jsfw02 .hd li .item .title .intro{ display:none; font-size:16px; color:#fff; margin-top:10px; line-height:2}
.jsfw02 .hd li .item .pic{ float:right; margin-top:10px}
.jsfw02 .hd li.on .item{ width:130%;background:#077a43}
.jsfw02 .hd li.on .item .title .cn{ color:#fff}
.jsfw02 .hd li.on .item .title .en{ display:none}
.jsfw02 .hd li.on .item .pic{ display:none}
.jsfw02 .hd li.on .item .title .intro{ display:block}
@media (max-width: 1300px){
	.jsfw02 .hd{ width:360px}
	.jsfw02 .bd{ width:836px}
	.jsfw02 .hd li{ width:100%; height:142px;}
	.jsfw02 .hd li .item{ padding:40px 40px 0 40px}
}
@media (max-width: 1200px){
	.jsfw02{ margin-top:40px}
	.jsfw02 .hd{ width:100%}
	.jsfw02 .bd{ width:100%}
	.jsfw02 .hd li{ width:25%; float:left; height:auto; box-sizing:border-box; border-right:1px solid rgba(255,255,255,0.7)}
	.jsfw02 .hd li .item .title .en{ display:none}
	.jsfw02 .hd li .item{ padding:5px; text-align:center}
	.jsfw02 .hd li.on .item{ width:100%;background:#077a43;}
	.jsfw02 .hd li.on .item .title .intro{ display:none}
	.jsfw02 .hd li .item .pic{ display:none}
	.jsfw02 .hd li .item .title .cn{ font-size:14px}
	.jsfw02 .hd li.on{ height:auto}
	.jsfw02 .bd .intro{ position:absolute; left:0; bottom:0; background:rgba(0,0,0,0.7); z-index:2; width:100%; box-sizing:border-box; padding:10px; font-size:12px; line-height:2; color:#fff; display:block}
}


/*pjfw*/
.pjfw{ width:100%; margin-top:80px; }
.pjfw01 .item01{ float:left; width:116px; text-align:center; position:relative}
.pjfw01 .item01 .pic{ width:100%}
.pjfw01 .item01 .pic img{ width:100%}
.pjfw01 .item01 .pic   img{ width:100% ;transition:All 0.3s linear;    -webkit-transition:All 0.3s linear;    -moz-transition:All 0.3s linear;    -o-transition:All 0.3s linear;}
.pjfw01 .item01 .pic:hover img{transform:scale(1.1);    -webkit-transform:scale(1.1);    -moz-transform:scale(1.1);    -o-transform:scale(1.1);    -ms-transform:scal(1.1);}
.pjfw01 .item01 .title{ text-align:center; font-size:16px; color:#353535; line-height:1; margin-top:15px}
.pjfw01 .item02{ float:left; width:112px; height:116px; background:url(g_39.png) center center no-repeat}
@media (max-width: 1300px){
	.pjfw01 .item01{ width:110px}
	.pjfw01 .item02{ width:108px; height:110px}
}
@media (max-width: 1200px){
	.pjfw{ margin-top:20px;}
	.pjfw01>div{ margin-top:20px}
	.pjfw01 .item01{ width:60px}
	.pjfw01 .item01 .num{ width:24px; height:24px; line-height:24px; font-size:12px; left:-10px; top:46px; font-weight:normal}
	.pjfw01 .item01 .title{ font-size:12px}
	.pjfw01 .item02{ height:60px; background-size:22px; width:calc(20% - 72px)}
}
@media (max-width: 750px){
	.pjfw01 .item01 .num{ width:20px; height:20px; line-height:20px; left:-8px} 
	.pjfw01 .item02{ height:60px; background-size:22px; width:calc(50% - 90px)}
	.pjfw01 .item01 .title{ margin-top:12px}
	.pjfw01 .item02:nth-child(6){ display:none}
}

.pjfw02{ width:100%; padding:80px 0}
.pjfw02 .bd{ width:100%}
.pjfw02 .bd .con{ width:100%; position:relative; overflow:hidden}
.pjfw02 .bd .con img{ width:100%}
.pjfw02 .bd .con   img{ width:100% ;transition:All 0.3s linear;    -webkit-transition:All 0.3s linear;    -moz-transition:All 0.3s linear;    -o-transition:All 0.3s linear;}
.pjfw02 .bd .con:hover img{transform:scale(1.1);    -webkit-transform:scale(1.1);    -moz-transform:scale(1.1);    -o-transform:scale(1.1);    -ms-transform:scal(1.1);}
.pjfw02 .bd .con .item{ position:absolute; left:80px; width:500px; top:50%; transform:translateY(-50%); z-index:9}
.pjfw02 .bd .con .item .title{ font-size:24px; color:#077a43; padding-bottom:22px; background:url(g_44.jpg) left bottom no-repeat}
.pjfw02 .bd .con .item .intro{ min-height: 96px; font-size:16px; color:#353535; margin-top:20px; line-height:2}
.pjfw02 .hd{ width:100%; margin-top:34px;}
.pjfw02 .hd li{ width:293px; height:220px; background:#f7f7f7; float:left; text-align:center; margin-right:29px; box-sizing:border-box; padding:55px 0 0 0; cursor:pointer}
.pjfw02 .hd li:nth-child(4){ margin-right:0}
.pjfw02 .hd li .pic{ width:100%; text-align:center}
.pjfw02 .hd li .pic .img1{ display:inline-block; vertical-align:top; height:40px}
.pjfw02 .hd li .pic .img2{ display:none;  height:40px}
.pjfw02 .hd li .title .cn{ font-size:16px; color:#353535; line-height:1; margin-top:20px}
.pjfw02 .hd li .title .en{ font-size:16px; font-family:Arial, Helvetica, sans-serif; color:rgba(53,53,53,0.5); text-transform:uppercase; margin-top:10px}
.pjfw02 .hd li.on{ background:#077a43}
.pjfw02 .hd li.on .pic .img1{ display:none}
.pjfw02 .hd li.on .pic .img2{ display:inline-block; vertical-align:top;}
.pjfw02 .hd li.on .title .cn{ color:#fff}
.pjfw02 .hd li.on .title .en{ color:#fff}
@media (max-width: 1300px){
	.pjfw02 .hd li{ width:277px; margin-right:30px}
}
@media (max-width: 1200px){
	.pjfw02{ width:100%; padding:40px 0}
	.pjfw02 .hd{ margin-top:15px}
	.pjfw02 .hd li{ width:23.5%; margin-right:2%; height:200px}
	.pjfw02 .bd .con .item{ width:92%; left:4%}
	.pjfw02 .bd .con .item .title{ font-size:18px; background-size:40px 2px; padding-bottom:15px}
	.pjfw02 .bd .con .item .intro{ font-size:12px; margin-top:10px}
	.pjfw02 .hd li .pic .img1{ height:30px}
	.pjfw02 .hd li .pic .img2{ height:30px}
	.pjfw02 .hd li .title .cn{ font-size:14px; }
	.pjfw02 .hd li .title .en{ font-size:14px;}
	
}
@media (max-width: 750px){
	.pjfw02 .hd{ margin-top:0}
	.pjfw02 .hd li{ width:48.5%; margin-right:3%; margin-top:3%; height:120px; padding-top:24px}
	.pjfw02 .hd li:nth-child(2n){ margin-right:0}
	.pjfw02 .hd li .pic .img1{ height:26px}
	.pjfw02 .hd li .pic .img2{ height:26px}
	.pjfw02 .hd li .title .cn{ font-size:14px; margin-top:10px }
	.pjfw02 .hd li .title .en{ font-size:12px; margin-top:5px}
}


/*shfw*/
.shfw{ width:100%; margin-top:80px; }
.shfw01 .item01{ float:left; width:116px; text-align:center; position:relative}
.shfw01 .item01 .pic{ width:100%}
.shfw01 .item01 .pic img{ width:100%}
.shfw01 .item01 .pic  img{ width:100% ;transition:All 0.3s linear;    -webkit-transition:All 0.3s linear;    -moz-transition:All 0.3s linear;    -o-transition:All 0.3s linear;}
.shfw01 .item01 .pic:hover img{transform:scale(1.1);    -webkit-transform:scale(1.1);    -moz-transform:scale(1.1);    -o-transform:scale(1.1);    -ms-transform:scal(1.1);}
.shfw01 .item01 .title{ text-align:center; font-size:16px; color:#353535; line-height:1; margin-top:15px}
.shfw01 .item02{ float:left; width:112px; height:116px; background:url(g_39.png) center center no-repeat}
@media (max-width: 1300px){
	.shfw01 .item01{ width:110px}
	.shfw01 .item02{ width:108px; height:110px}
}
@media (max-width: 1200px){
	.shfw{ margin-top:20px;}
	.shfw01>div{ margin-top:20px}
	.shfw01 .item01{ width:60px}
	.shfw01 .item01 .num{ width:24px; height:24px; line-height:24px; font-size:12px; left:-10px; top:46px; font-weight:normal}
	.shfw01 .item01 .title{ font-size:12px}
	.shfw01 .item02{ height:60px; background-size:22px; width:calc(20% - 72px)}
}
@media (max-width: 750px){
	.shfw01 .item01 .num{ width:20px; height:20px; line-height:20px; left:-8px} 
	.shfw01 .item02{ height:60px; background-size:22px; width:calc(50% - 90px)}
	.shfw01 .item01 .title{ margin-top:12px}
	.shfw01 .item02:nth-child(6){ display:none}
}

.shfw02{ padding:80px 0}
.shfw02 .item{ width:100%; position:relative; margin-bottom:30px}
.shfw02 .item:last-child{ margin-bottom:0}
.shfw02 .item .pic{ float:right; width:632px; overflow:hidden}
.shfw02 .item .pic img{ width:100%}
.shfw02 .item .pic img{ width:100% ;transition:All 0.4s linear;    -webkit-transition:All 0.4s linear;    -moz-transition:All 0.4s linear;    -o-transition:All 0.4s linear;}
.shfw02 .item:hover .pic img{transform:scale(1.1);    -webkit-transform:scale(1.1);    -moz-transform:scale(1.1);    -o-transform:scale(1.1);    -ms-transform:scal(1.1);}
.shfw02 .item .cont{ width:587px; background:#f5f5f5; box-sizing:border-box; padding:45px; position:absolute; top:50%; transform:translateY(-50%)}
.shfw02 .item .cont .cn{ font-size:24px; color:#077a43}
.shfw02 .item .cont .en{ font-size:16px; color:rgba(53,53,53,0.5); text-transform:uppercase}
.shfw02 .item .cont .intro{ font-size:16px; color:#353535; line-height:2; margin-top:15px}
.shfw02 .item:nth-child(2n) .pic{ float:left}
.shfw02 .item:nth-child(2n) .cont{ float:right; right:0}

.shfw02 .item:hover .cont{ background:#097746}
.shfw02 .item:hover .cont .cn{ color:#fff}
.shfw02 .item:hover .cont .en{ color:rgba(255,255,255,0.5) }
.shfw02 .item:hover .cont .intro{ color:#fff; }



@media (max-width: 1300px){
	.shfw02 .item .pic{ width:600px;}
	.shfw02 .item .cont{ width:560px}
}
@media (max-width: 1200px){
	.shfw02{ padding:40px 0}
	.shfw02 .item .pic{ width:50%;}
	.shfw02 .item .cont{ width:46%; padding:20px}
	.shfw02 .item .cont .cn{ font-size:20px; }
	.shfw02 .item .cont .en{ font-size:14px; }
	.shfw02 .item .cont .intro{ font-size:14px; line-height:1.8; margin-top:10px}
}
@media (max-width: 750px){
	.shfw02 .item{ margin-bottom:15px}
	.shfw02 .item .pic{ width:100%; float:none}
	.shfw02 .item .cont{ width:100%; float:none; position:relative; top:0; transform:translateY(0); left:auto; right:auto}
	.shfw02 .item .cont .cn{ font-size:16px; }
	.shfw02 .item .cont .en{ font-size:12px; }
	.shfw02 .item .cont .intro{ font-size:12px; line-height:1.8; margin-top:10px}
}


/*article*/
.article{ width:100%;}
.article .ihd{ width:calc(100% - 170px);border-bottom:1px solid #e9e9e9; padding-bottom:45px }
.article .ihd .title{ font-size:30px; color:#000000}
.article .ihd .titBar{ margin-top:25px; font-size:14px; color:#747474}
.article .ihd .titBar .a1{ float:left; background:url(g_53.jpg) right center no-repeat; padding-right:30px; margin-right:30px}
.article .ihd .titBar .a2{ float:left; background:url(g_53.jpg) right center no-repeat; padding-right:30px; margin-right:30px}
.article .ihd .titBar .a3{ float:left; }
.article .ibd{  padding:50px 160px 0 0; font-size:16px; color:#333; line-height:2; word-break:break-all; position:relative; min-height:400px}
.article .ibd img{ max-width:100%; height:auto}
.article .ibd video{ max-width:100%; margin:0 auto; height:auto}
.article .ibd .pc_cont{ display:block; padding-bottom: 50px; width:100%;}
.article .ibd .sj_cont{ display:none; padding-bottom: 50px; width:100%;}
.ffd{ padding:40px 0; border-top:1px solid #e9e9e9; border-bottom:1px solid #e9e9e9; font-size:16px; color:#404040; line-height:45px; position:relative}
.ffd.ffd2{ width:100%}
.ffd a{ color:#404040; display:inline-block; vertical-align:top; width:calc(100% - 150px);text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
.ffd .item { }
.ffd .item a:hover{ color:#097746}
.ffd .item:hover{ color:#097746}
.ffd .back{ display:block; width:148px; height:40px; border:1px solid #0e7b44; text-align:center; border-radius:25px; position:absolute; right:0; top:50%; margin-top:-20px; cursor:pointer}
.ffd .back:hover{ background:#0e7b44}
.ffd .back i{ display:inline-block; vertical-align:top; background:url(g_51.png) left center no-repeat; padding-left:70px; font-size:14px; color:#067942; line-height:40px;}
.ffd .back:hover i{ color:#fff;}
.artrt{ position:absolute; right:50%; top:0; background:#f6f6f8;width: 98px;background-color: #f6f6f8;padding: 10px; box-sizing:border-box;margin-right: -600px; z-index: 99;}
.artrt .tit{margin-top: 15px;color: #b4b4bd;margin-bottom: 25px; font-size:16px;text-align: center;}
.artrt .item{ width:28px; margin:0 auto; margin-bottom:25px; position:relative; text-align:center}
.artrt .item .img1{ display:block; width:100%}
.artrt .item .img2{ display:none; width:100%}
.artrt .item .ewm{ width:100px; position:absolute; left:-110px; top:50%; transform:translateY(-50%); opacity:0; visibility:hidden; transition:all 0.5s}
.artrt .item .ewm img { width: 100%; height: auto; }
.artrt .item:hover .ewm{ visibility:visible; opacity:1}
.artrt .item:hover .img1{ display:none; width:100%}
.artrt .item:hover .img2{ display:block; width:100%}
.artrt.fix{ position:fixed; right:50%; margin-right:-600px; top:50px;}
.artrt.fix2{ position:absolute; right:50%; margin-right:-600px; top:auto; bottom:0; z-index:99}
/* 
.artrt{position: relative;display: flex;padding: 25px 0 15px;align-items: center;box-sizing:border-box;width: 230px;justify-content: space-around;}
.artrt .tit{color: #b4b4bd;margin-bottom: 0;font-size:16px;text-align: center;}
.artrt .item{width:28px;margin:0 auto;margin-bottom: 0;position:relative;text-align:center;cursor: pointer;}
.artrt .item .img1{ display:block; width:100%}
.artrt .item .img2{ display:none; width:100%}
.artrt .item .ewm{width:100px;position:absolute;left: 0;bottom: 30px;transform: translateX(-50%);opacity:0;visibility:hidden;transition:all 0.5s;}
.artrt .item:hover .ewm{ visibility:visible; opacity:1}
.artrt .item:hover .img1{ display:none; width:100%}
.artrt .item:hover .img2{ display:block; width:100%}
.artrt.fix{ position:fixed; right:50%; margin-right:-600px; top:50px; z-index:99}
.artrt.fix2{ position:absolute; right:50%; margin-right:-600px; top:auto; bottom:0; z-index:99} */


@media (max-width: 1200px){
	.article .ihd .title{ font-size:18px}
	.article .ihd .titBar{ margin-top:15px; font-size:12px}
	.article .ihd .titBar .a1{ padding-right:10px; margin-right:10px}
	.article .ihd .titBar .a2{ padding-right:10px; margin-right:10px}
	.article .ibd{ font-size:14px; padding:20px 0;}
	.article .ihd{ width:100%; padding-bottom:25px}
	.artrt{ display:none!important}
	.article .ibd .pc_cont{ display:none; width:100%}
	.article .ibd .sj_cont{ display:block; width:100%}
	.ffd{ font-size:14px; line-height:30px; padding:15px 0}
	.ffd .back{ width:80px; height:32px; margin-top:-16px}
	.ffd .back i{ background-size:20px; padding-left:30px; font-size:12px; line-height:32px}
	.ffd.ffd2{ width:100%}
	
}

.xgcp{ width:100%; padding:100px 0}
.xgcp .ihd{ font-size:30px; color:#000000; line-height:1}
.xgcp .ibd{ position:relative}
.xgcp .ibd .swipers{ width:100%; overflow:hidden; padding:40px 20px; margin-left:-20px}
.xgcp .ibd .swipers .swiper-slide .item{ position:relative; width:100%; background:#fff; transition:all 0.3s}
.xgcp .ibd .swipers .swiper-slide:hover .item{ transform:scale(1.1); box-shadow:0 0 20px rgba(00,00,00,.2); }
.xgcp .ibd .swipers .swiper-slide .wk{ width:100%; height:100%;}
.xgcp .ibd .swipers .swiper-slide:hover .wk:after{ content:""; display:block; width:100%; height:100%; border:1px solid #067942; position:absolute; left:0; top:0; box-sizing:border-box}
.xgcp .ibd .swipers .swiper-slide .pic{ width:100%; overflow:hidden}
.xgcp .ibd .swipers .swiper-slide .pic img{ width:100%}
.xgcp .ibd .swipers .swiper-slide img{ width:100% ;transition:All 0.4s linear;    -webkit-transition:All 0.4s linear;    -moz-transition:All 0.4s linear;    -o-transition:All 0.4s linear;}
.xgcp .ibd .swipers .swiper-slide:hover .pic img{transform:scale(1.1);    -webkit-transform:scale(1.1);    -moz-transform:scale(1.1);    -o-transform:scale(1.1);    -ms-transform:scal(1.1);}
.xgcp .ibd .swipers .swiper-slide .cont{ width:100%; height:194px; border:1px solid #ebebeb; box-sizing:border-box; border-top:0; text-align:center}
.xgcp .ibd .swipers .swiper-slide .cont .title{ font-size:20px; color:#000000; padding-top:65px; transition:all 0.3s}
.xgcp .ibd .swipers .swiper-slide .cont .intro{ font-size:14px; color:#4c4c4c; padding:12px 0}
.xgcp .ibd .swipers .swiper-slide .cont .more{ font-size:14px; color:#000000; position:relative; top:10px; transition:all 0.3s; opacity:0; visibility:hidden}
.xgcp .ibd .swipers .swiper-slide:hover .cont .more{ top:0; opacity:1; visibility:visible; color:#067942}
.xgcp .ibd .swipers .swiper-slide:hover  .cont .title{ padding-top:45px; color:#0e7b44}
.xgcp .ibd .nexts{ background:url(g_56.png) center center no-repeat; width:22px; height:100%; position:absolute; right:-100px; top:0; cursor:pointer}
.xgcp .ibd .prevs{ background:url(g_56.png) center center no-repeat; width:22px; height:100%; position:absolute; left:-100px; top:0; cursor:pointer; transform:rotate(180deg)}
.xgcp .ibd .nexts:hover{  background:url(g_55.png) center center no-repeat;transform:rotate(180deg)}
.xgcp .ibd .prevs:hover{  background:url(g_55.png) center center no-repeat;transform:rotate(0)}
.xgcp .ibd .paginations{ text-align:center; display:none}
@media (max-width: 1200px){
	.xgcp{ padding:40px 0}
	.xgcp .ihd{ font-size:20px; text-align:center}
	.xgcp .ibd .swipers{ padding:20px 0; margin:0}
	.xgcp .ibd .swipers .swiper-slide:hover .item{ transform:scale(1)}
	.xgcp .ibd .swipers .swiper-slide .cont{ height:120px}
	.xgcp .ibd .swipers .swiper-slide .cont .title{ font-size:16px; padding-top:35px}
	.xgcp .ibd .swipers .swiper-slide:hover .cont .title{ padding-top:20px}
	.xgcp .ibd .swipers .swiper-slide .cont .intro{ font-size:12px}
	.xgcp .ibd .swipers .swiper-slide .cont .more{ font-size:12px}
	.xgcp .ibd .paginations{ display:block; width:100%; font-size:0}
	.xgcp .ibd .paginations span{ width:8px; height:8px; background:#ccc; border-radius:50%; margin:0 3px; opacity:1}
	.xgcp .ibd .paginations span.swiper-pagination-bullet-active{ background:#067942}
}

.prodisplay{ position:relative}
.prodisplay01 .nr2{ position:relative;margin-top:50px; }
.prodisplay01 .lt{ float:left; width:410px; overflow:hidden}
.prodisplay01 .rt{ float:left; width:587px; margin-left:43px; overflow:hidden}
.prodisplay01 .rt .mySwiper{ width:100%; overflow:hidden}
.prodisplay01 .rt .mySwiper img{ width:100%} 
.prodisplay01 .lt .t1{ font-size:30px; color:#272727; line-height:1}
.prodisplay01 .lt .t2{ font-size:24px; color:#000000; line-height:1; padding:25px 0 30px}
.prodisplay01 .lt .t3{ height:232px}
.prodisplay01 .lt .t3 p{ background:url(g_59.jpg) left center no-repeat; padding-left:10px; font-size:14px; color:#747474; line-height:2;}
.prodisplay01 .lt .mySwiper2{ width:100%; overflow:hidden}
.prodisplay01 .lt .mySwiper2 .swiper-slide{ position:relative; cursor:pointer}
.prodisplay01 .lt .mySwiper2 .swiper-slide img{ width:100%; height:auto; opacity:0.6}
.prodisplay01 .lt .mySwiper2 .swiper-slide.swiper-slide-thumb-active img{ opacity:1}
.prodisplay01 .lt .mySwiper2 .swiper-slide.swiper-slide-thumb-active span{ display:block; border:1px solid #067942; position:absolute; left:0; top:0; width:100%; height:100%; box-sizing:border-box}
@media (max-width: 1200px){
	.prodisplay01 .nr2{ margin:0 auto}
	.prodisplay01 .lt{ float:none; width:100%}
	.prodisplay01 .rt{ float:none; width:100%; margin:0}
	.prodisplay01 .lt .t1{ font-size:20px}
	.prodisplay01 .lt .t2{ font-size:14px; padding:15px 0 }
	.prodisplay01 .lt .t3{ height:auto}
	.prodisplay01 .lt .t3 p{ font-size:12px}
	.prodisplay01 .lt .mySwiper2{ padding:20px 0 10px}
}

.prodisplay02{border-top:1px solid #e9e9e9;margin:100px 0 0;position: relative;padding: 66px 0 0;}
.prodisplay02 .nr2 { padding-right:160px; box-sizing:border-box; }
.prodisplay02 .hd {width: 100%;background: #fff;z-index: 9;position: absolute; top: 0px;}
.prodisplay02 .hd ul li {float:left;position:relative;font-size: 20px;color:#3b3939;padding-right: 2.5vw;margin-right: 2.5vw;}
.prodisplay02 .hd ul li a {position:relative; color:#3b3939; display:block; padding: 15px 0; line-height:36px;}
.prodisplay02 .hd ul li.active a:after,
.prodisplay02 .hd ul li a:hover:after{content:"";display:block;width:100%;height:3px;background:#0e7b44;left: 0;margin-left: 0;top:-1px;position:absolute}
.prodisplay02 .hd ul li.active a,
.prodisplay02 .hd ul li a:hover {color:#0e7b44;font-weight: bold;}

.prodisplay02 .item01 video { display: block; width: 100%; }


.prodisplay02 .hd ul li::before{content:"";display:block;width:1px;height: 16px;background: #ccc;right: 0;top: 50%;margin-top: -8px;position:absolute}
.prodisplay02 .hd ul li:last-child::before { content: none; }
.prodisplay02 .bd{ margin-top:40px;  line-height:2; font-size:16px; color:#494949; word-wrap:break-word;}
.prodisplay02 .bd img{ max-width:100%; height:auto}
.prodisplay02 .ihd{text-align: left;margin:0 auto;/* width:fit-content; */border-top: 1px solid #ccc;margin-top: 20px;padding-top: 58px;}
.prodisplay02 .ihd .en{font-family:Arial, Helvetica, sans-serif;color:#add6ab;display: none;}
.prodisplay02 .ihd .cn{font-size: 28px;color:#333;font-weight:bold;padding-bottom: 0;line-height: 28px;}
.prodisplay02 .ibd{padding: 30px 0 40px;}
.prodisplay02 .ibd img{ max-width:100%; height:auto}
.prodisplay02 .item01 .ibd,.prodisplay02 .item02 .ibd,.prodisplay02 .item03 .ibd{ line-height:2; font-size:16px; color:#494949; word-wrap:break-word;}
.prodisplay02 .item03 .ibd .item{ width:515px; float:left; text-align:center}
.prodisplay02 .item03 .ibd .item:nth-child(2n){ float:right}
.prodisplay02 .item03 .ibd .item .pic{ width:100%; overflow:hidden}
.prodisplay02 .item03 .ibd .item .pic img{ width:100% ;transition:All 0.4s linear;    -webkit-transition:All 0.4s linear;    -moz-transition:All 0.4s linear;    -o-transition:All 0.4s linear;}
.prodisplay02 .item03 .ibd .item .pic:hover img{transform:scale(1.1);    -webkit-transform:scale(1.1);    -moz-transform:scale(1.1);    -o-transform:scale(1.1);    -ms-transform:scal(1.1);}
.prodisplay02 .item03 .ibd .item .tit{ font-size:16px; color:#333;}
.prodisplay02 .item03 .ibd .item .tit a{ display:block; padding:10px 0; color:#333}
.prodisplay02 .item03{ margin-bottom:80px}
@media (max-width: 1200px){
	.prodisplay02 .nr2{ padding-right:0; overflow:auto} 
	.prodisplay02{ margin-top:40px}
	.prodisplay02 .hd{ margin-top:0}
	.prodisplay02 .hd ul li a { padding: 8px 0; }
	.prodisplay02 .bd{ margin-top:20px; font-size:14px}
	.prodisplay02 .ihd{ margin-top:0; padding-top:30px}
	.prodisplay02 .ihd .cn{ font-size:18px}
	.prodisplay02 .item01 .ibd, .prodisplay02 .item02 .ibd{ font-size:14px}
	.prodisplay02 .ibd{ padding:20px 0 }
	.prodisplay02 .item03 .ibd .item{ width:48.5%}
	.prodisplay02 .item03 .ibd .item .tit{ font-size:14px}
	.prodisplay02 .item03{ margin-bottom:30px}
	.prodisplay02 .hd ul{ width:120%}
	.prodisplay02 .hd ul li{ font-size:16px;}
}

/*dsz01*/
.dsz01{ margin-top:80px}
.dsz01 .lt{ width:620px; float:left}
.dsz01 .lt .cn{ font-size:30px; color:#077a43; font-weight:bold; line-height:1}
.dsz01 .lt .en{ font-size:12px; color:#afafaf; text-transform:uppercase; line-height:1; margin-top:16px}
.dsz01 .lt .intro{ color:rgba(60,60,60,0.8); line-height:2; font-size:16px; margin-top:30px}
.dsz01 .lt .intro img{ vertical-align:middle}
.dsz01 .rt{ float:right; margin-top:28px; width:579px; overflow:hidden; border-radius:50%; height:fit-content}
.dsz01 .rt img{ width:100%; height:auto}
.dsz01 .rt img{ width:100% ;transition:All 0.4s linear;    -webkit-transition:All 0.4s linear;    -moz-transition:All 0.4s linear;    -o-transition:All 0.4s linear;}
.dsz01 .rt:hover img{transform:scale(1.1);    -webkit-transform:scale(1.1);    -moz-transform:scale(1.1);    -o-transform:scale(1.1);    -ms-transform:scal(1.1);}
@media (max-width: 1300px){
	.dsz01 .lt{ width:590px;}
	.dsz01 .rt{ width:570px}
}
@media (max-width: 1200px){
	.dsz01{ margin-top:40px}
	.dsz01 .lt{ width:100%;}
	.dsz01 .rt{ width:100%; text-align:center; margin-top:10px}
	.dsz01 .lt .cn{ font-size:20px;}
	.dsz01 .lt .intro{ font-size:14px; margin-top:16px}
	.dsz01 .lt .intro img{ height:80px; float:right}
	.dsz01 .rt img{ max-width:560px}
}
.dsz02{ width:100%; margin-top:70px}
.dsz02 .item{ width:301px; float:left; position:relative; margin-right:18px; border-radius:5px; overflow:hidden; cursor:pointer}
.dsz02 .item:last-child{ margin-right:0}
.dsz02 .item .n1{ width:100%;transition: transform .5s ease-in-out .1s;}
.dsz02 .item .n1 .pic{ width:100%}
.dsz02 .item .n1 .pic img{ width:100%; height:auto}
.dsz02 .item .n1 .cont{ text-align:center; position:absolute; left:0; top:50%; transform:translateY(-50%); z-index:2; color:#fff; width:100%}
.dsz02 .item .n1 .cont .ico{ height:50px;}
.dsz02 .item .n1 .cont .ico img{ height:100%; width:auto}
.dsz02 .item .n1 .cont .cn{ font-size:22px; color:#fff; font-weight:bold; margin-top:15px}
.dsz02 .item .n2{position: absolute; width: 100%; height: 100%; left:0; top:0; z-index:99; /*transform: rotateX(-180deg); -webkit-transform: rotateX(-180deg); -moz-transform: rotateX(-180deg);*/ backface-visibility: hidden;-webkit-backface-visibility: hidden;-moz-backface-visibility: hidden;transition: transform .5s ease-in-out .1s;-webkit-transition: -webkit-transform .5s ease-in-out .1s;-moz-transition: -moz-transform .5s ease-in-out .1s; }
.dsz02 .item .n2 .intro{ margin: 0; position: absolute; font-size: 16px; width: 80%; line-height: 28px; left: 50%; top: 50%;transform: translate(-50%, -50%);text-align: justify;text-align:center; color:#fff; z-index:9; opacity:0; visibility:hidden; transition:all 0.5s}
.dsz02 .item .n2:before{ content:""; display:block; width:100%; height:0%; background:#097746; position:absolute; left:0; top:0; z-index:1; transition:all 0.5s}
.dsz02 .item:hover .n2:before{ height:100%}
.dsz02 .item:hover .n2 .intro{ visibility:visible; opacity:1}
.dsz02 .item:hover .n2{/*transform: rotateX(0deg);-webkit-transform: rotateX(0deg);-moz-transform: rotateX(0deg);*/}
.dsz02 .item:hover .n1{/*transform: rotateX(180deg);-webkit-transform: rotateX(180deg);-moz-transform: rotateX(180deg);*/}
@media (max-width: 1300px){
	.dsz02 .item{ width:23.5%; margin-right:2%}
}
@media (max-width: 1200px){
	.dsz02{ margin-top:30px}
	.dsz02 .item{ width:48.5%; margin-right:3%; margin-top:3%}
	.dsz02 .item:nth-child(2n){ margin-right:0}
	.dsz02 .item .n1 .cont .ico{ height:36px;}
	.dsz02 .item .n1 .cont .cn{ font-size:18px}
	.dsz02 .item .n2 .intro{ font-size:14px}
}


.dsz03{ width:100%; margin-top:70px; margin-bottom:80px}
.dsz03 .ihd .cn{ font-size:30px; color:#097746; font-weight:bold; line-height:1; text-align:center}
.dsz03 .ihd .en{ font-size:12px; color:#afafaf; font-family:Arial, Helvetica, sans-serif; text-transform:uppercase; text-align:center; margin-top:16px}
.dsz03 .ibd{ position:relative; margin-top:50px}
.dsz03 .ibd .item1{ width:100%; position:relative}
.dsz03 .ibd .item1:after{ content:""; display:block; width:110%; height:2px; background:#f7f7f7; top:10px; left:-5%; position:absolute}
.dsz03 .ibd .item1 .mySwiper2{ width:100%; overflow:hidden; position:relative; z-index:2}
.dsz03 .ibd .item1 .mySwiper2 .swiper-slide{ width:60px; text-align:center; margin-right:calc(12.5% - 67.5px); cursor:pointer}
.dsz03 .ibd .item1 .mySwiper2 .swiper-slide span{ background:url(g_63.png) center center no-repeat; display:block; width:100%; height:22px; background-size:auto 100%}
.dsz03 .ibd .item1 .mySwiper2 .swiper-slide p{ font-size:18px; color:#424242; font-family:Arial, Helvetica, sans-serif; line-height:1; margin-top:16px}
.dsz03 .ibd .item1 .mySwiper2 .swiper-slide.swiper-slide-thumb-active span{ background:url(g_64.png) center center no-repeat;  background-size:auto 100%}
.dsz03 .ibd .item2{ margin-top:70px; position:relative}
.dsz03 .ibd .item2 .mySwiper{ width:100%; overflow:hidden}
.dsz03 .ibd .item2 .mySwiper .swiper-slide{ width:100%; box-sizing:border-box; padding:40px 50px; background:#f7f7f7}
.dsz03 .ibd .item2 .mySwiper .swiper-slide .pic{ width:480px; float:left; overflow:hidden}
.dsz03 .ibd .item2 .mySwiper .swiper-slide .pic img{ width:100% ;transition:All 0.4s linear;    -webkit-transition:All 0.4s linear;    -moz-transition:All 0.4s linear;    -o-transition:All 0.4s linear;}
.dsz03 .ibd .item2 .mySwiper .swiper-slide .pic:hover img{transform:scale(1.1);    -webkit-transform:scale(1.1);    -moz-transform:scale(1.1);    -o-transform:scale(1.1);    -ms-transform:scal(1.1);}
.dsz03 .ibd .item2 .mySwiper .swiper-slide .cont{ width:calc(100% - 530px); float:right}
.dsz03 .ibd .item2 .mySwiper .swiper-slide .cont h3{ font-size:36px; color:#097746; font-weight:normal; font-family:Arial, Helvetica, sans-serif; line-height:1; margin-top:30px}
.dsz03 .ibd .item2 .mySwiper .swiper-slide .cont .intro{ font-size:16px; line-height:2; margin-top:25px; height:170px}
.dsz03 .ibd .item2 .mySwiper .swiper-slide .cont .more a{ font-size:14px; color:#424242}
.dsz03 .ibd .item2 .prev{ background:url(g_67.png) center center no-repeat; width:46px; height:46px; background-size:100%; transform:rotate(180deg); position:absolute; left:-65px; top:50%; margin-top:-23px; cursor:pointer; outline:none}
.dsz03 .ibd .item2 .prev:hover{ background:url(g_80_2.png) center center no-repeat;transform:rotate(0); background-size:100%}
.dsz03 .ibd .item2 .next{ background:url(g_67.png) center center no-repeat; width:46px; height:46px; background-size:100%; transform:rotate(0); position:absolute; right:-65px; top:50%; margin-top:-23px; cursor:pointer; outline:none}
.dsz03 .ibd .item2 .next:hover{ background:url(g_80_2.png) center center no-repeat;transform:rotate(180deg); background-size:100%}
@media (max-width: 1366px){
	.dsz03 .ibd .item2 .prev{ left:-50px}
	.dsz03 .ibd .item2 .next{ right:-50px}
}
@media (max-width: 1200px){
	.dsz03{ margin-top:40px; margin-bottom:40px}
	.dsz03 .ihd .cn{ font-size:20px}
	.dsz03 .ihd .en{ margin-top:12px}
	.dsz03 .ibd{ margin-top:25px}
	.dsz03 .ibd .item1 .mySwiper2 .swiper-slide{ margin-right:calc(25% - 75px);}
	.dsz03 .ibd .item2{ margin-top:40px}
	.dsz03 .ibd .item2 .mySwiper .swiper-slide{ padding:30px}
	.dsz03 .ibd .item2 .mySwiper .swiper-slide .pic{ width:100%}
	.dsz03 .ibd .item2 .mySwiper .swiper-slide .cont{ width:100%}
	.dsz03 .ibd .item2 .mySwiper .swiper-slide .cont h3{ font-size:24px}
	.dsz03 .ibd .item2 .mySwiper .swiper-slide .cont .intro{ font-size:14px; height:auto; margin-top:10px; margin-bottom:15px}
}
@media (max-width: 750px){
	.dsz03 .ibd .item1 .mySwiper2 .swiper-slide{ width:40px}
	.dsz03 .ibd .item1 .mySwiper2 .swiper-slide span{height:18px;}
	.dsz03 .ibd .item1 .mySwiper2 .swiper-slide p{ font-size:16px; margin-top:10px}
	.dsz03 .ibd .item1 .mySwiper2 .swiper-slide{ margin-right:calc(25% - 50px);}
	.dsz03 .ibd .item2 .mySwiper .swiper-slide{ padding:20px}
	.dsz03 .ibd .item2 .prev{ left:-550px}
	.dsz03 .ibd .item2 .next{ right:-550px}
}

/*about*/
.ab01{ margin-top:80px; font-size:16px; color:#242424; line-height:2; }
.ab01 p{  text-align:justify}
.ab02{ margin-top:40px}
.ab02 .lt{ width:29.2%; float:left}
.ab02 .lt img{ width:100%; height:auto}
.ab02 .rt{ width:70.8%; float:right; position:relative; overflow:hidden}
.ab02 .rt img{ width:100%; height:auto}
.ab02 .rt img{ width:100% ;transition:All 0.4s linear;    -webkit-transition:All 0.4s linear;    -moz-transition:All 0.4s linear;    -o-transition:All 0.4s linear;}
.ab02 .rt:hover img{}

.ab02 .rt .swiper2{ width:100%; overflow:hidden; position:relative}
.ab02 .rt .swiper2 .swiper-slide{ width:100%; overflow:hidden; margin-right:10px}
.ab02 .rt .swiper2 .swiper-slide:last-child{ margin-right:0}
.ab02 .rt .swiper2 .pagination2{ width:100%; text-align:center; position:absolute; left:0; bottom:25px; font-size:0; z-index:9}
.ab02 .rt .swiper2 .pagination2 span{ width:15px; height:15px; background:rgba(255,255,255,0.46); border-radius:50%; opacity:1;}
.ab02 .rt .swiper2 .pagination2 span.swiper-pagination-bullet-active{ background:#077a43}
.ab03{ margin-top:50px; font-size:16px; color:#242424; line-height:2; }
.ab03 p{ }
@media (max-width: 1200px){
	.ab01{ margin-top:40px; font-size:14px}
	.ab02{ margin-top:20px}
	.ab03{ margin-top:20px; font-size:14px}
}

.ab04{ width:100%; background:url(g_71.jpg) center center no-repeat; background-size:cover; padding:150px 0 115px; margin-top:60px}
.ab04 ul{ padding:0 120px}
.ab04 ul li{ float:left; width:152px; height:152px; background:#fff; border-radius:50%; position:relative; box-shadow:0 0 10px rgba(00,00,00,0.2); margin-right:calc(33.33333333333% - 203px); transition:all 0.5s}
.ab04 ul li:last-child{ margin-right:0}
.ab04 ul li i{ display:inline-block; vertical-align:top; padding:18px 0; width:100%; text-align:center; font-size:30px; color:#077a43; position:absolute; left:0; top:50%; transform:translateY(-55%); line-height:1; transition:all 0.5s}
.ab04 ul li i:after{ content:""; display:block; width:40px; height:1px; background:#077a43; position:absolute; left:50%; margin-left:-20px; bottom:0; transition:all 0.5s}
.ab04 ul li:hover{ background:#077a43;}
.ab04 ul li:hover i{ color:#fff}
.ab04 ul li:hover i:after{ background:#fff}
.ab04 .intro{ margin-top:50px; font-size:16px; color:#fff; line-height:2; padding:0 95px; text-align:center}
@media (max-width: 1300px){
	.ab04 ul{ padding:0}
	.ab04 .intro{ padding:0 0}
	
}
@media (max-width: 750px){
	.ab04{ margin-top:30px; padding:80px  0 60px}
	.ab04 ul li{ width:70px; height:70px;margin-right:calc(33.33333333333% - 94px);}
	.ab04 ul li i{ padding:10px 0; font-size:18px}
	.ab04 ul li i:after{ width:20px; margin-left:-10px}
	.ab04 .intro{ margin-top:20px; font-size:14px}
}
.ab05{ position: relative; width:100%; padding:90px 0 115px; overflow: hidden;}
#waves { position: absolute; left: 0; bottom: 0; width: 100%; height: 400px; }
.ab05 .nr { position: relative; z-index: 9; }

.ab05 ul{ display:flex;justify-content: space-between; font-size:0}
.ab05 ul li{ text-align:center}
.ab05 ul li .p1{ font-size:36px; color:#077a43; line-height:1}
.ab05 ul li .p1 i{ font-size:18px}
.ab05 ul li .p2{ font-size:18px; color:#000000}
.ab05 ul li img{ margin-top:14px}
@media (max-width: 1200px){
	.ab05{ padding:40px 0 30px; background-size:auto 60px}
	.ab05 ul li .p1{ font-size:24px; }
	.ab05 ul li .p1 i{ font-size:12px}
	.ab05 ul li .p2{ font-size:12px; }
	.ab05 ul li img{ margin-top:14px}
}
@media (max-width: 750px){
	.ab05 ul{ font-size:0; display:block}
	.ab05 ul li{ display:inline-block; vertical-align:top; width:32%; text-align:center; margin:0; margin-bottom:20px}
	.ab05 ul li:nth-child(2n){ width:2%}
	.ab05 ul li:nth-child(2n) img{ height:20px; width:1px}
	.ab05 ul li:nth-child(6){ width:0}
	.ab05 ul li:nth-child(7){ width:49%}
	.ab05 ul li:nth-child(9){ width:49%}
}

.ab06{ width:100%; padding:65px 0; background:url(g_17.jpg) top center no-repeat; background-size:cover}
.ab06 .ihd .cn{ font-size:30px; color:#097746; font-weight:bold; line-height:1; text-align:center}
.ab06 .ihd .en{ font-size:12px; color:#afafaf; font-family:Arial, Helvetica, sans-serif; text-transform:uppercase; text-align:center; margin-top:16px}
.ab06 .intro{ font-size:16px; color:#787878; line-height:2; text-align:center; margin-top:30px}
.ab06 .ibd{ margin-top:60px}
.ab06 .ibd .swiper6{ width:100%; overflow:hidden; position:relative; border:1px solid #dfdfdf; border-top:0; border-right:0}
.ab06 .ibd .swiper6 .swiper-slide{ box-sizing:border-box; border-right:1px solid #dfdfdf; border-top:1px solid #dfdfdf}
.ab06 .ibd .swiper6 .swiper-slide img{ width:100% ;transition:All 0.4s linear;    -webkit-transition:All 0.4s linear;    -moz-transition:All 0.4s linear;    -o-transition:All 0.4s linear;}
.ab06 .ibd .swiper6 .swiper-slide:hover img{transform:scale(1.1);    -webkit-transform:scale(1.1);    -moz-transform:scale(1.1);    -o-transform:scale(1.1);    -ms-transform:scal(1.1);}
.ab06 .ibd .swiper6 .swiper-slide:hover { background:rgba(0,0,0,0.1)}
.ab06 .ibd .pagination6{ text-align:center; font-size:0; margin-top:28px}
.ab06 .ibd .pagination6 span{ width:10px; height:10px; background:#7d7d7d; opacity:1; border-radius:50%; margin:0 5px}
.ab06 .ibd .pagination6 span.swiper-pagination-bullet-active{ background:#097746}
.ab06 .ifd{ margin-top:75px}
.ab06 .ifd .more a{ display:block; background:url(g_10.jpg) center center no-repeat; width:237px; height:36px; margin:0 auto; color:#fff; text-align:center; line-height:36px; font-size:14px}
.ab06 .ifd .tel{ font-size:14px; color:#545555; text-align:center; margin-top:12px}
@media (max-width: 1200px){
	.ab06{ padding:40px 0}
	.ab06 .ihd .cn{ font-size:20px; }
	.ab06 .ihd .en{ font-size:12px; margin-top:12px}
	.ab06 .intro{ font-size:14px; margin-top:20px}
	.ab06 .ibd{ margin-top:30px}
	.ab06 .ibd .pagination6{ margin-top:20px}
	.ab06 .ibd .pagination6 span{ width:8px; height:8px; margin:0 4px}
	.ab06 .ifd{ margin-top:20px}
}


.ab07{ width:100%; padding:50px 0 80px}
.ab07 .ihd .cn{ font-size:30px; color:#097746; font-weight:bold; line-height:1; text-align:center}
.ab07 .ihd .en{ font-size:12px; color:#afafaf; font-family:Arial, Helvetica, sans-serif; text-transform:uppercase; text-align:center; margin-top:16px}
.ab07 .ibd{ margin-top:50px;}
.ab07 .item{ width:294px; float:left; position:relative; margin-right:28px; border-radius:5px; overflow:hidden; cursor:pointer}
.ab07 .item:last-child{ margin-right:0}
.ab07 .item .n1{ width:100%;transition: transform .5s ease-in-out .1s;}
.ab07 .item .n1 .pic{ width:100%}
.ab07 .item .n1 .pic img{ width:100%; height:auto}
.ab07 .item .n1 .cont{ text-align:center; position:absolute; left:0; top:50%; transform:translateY(-50%); z-index:2; color:#fff; width:100%}
.ab07 .item .n1 .cont .ico{ height:50px;}
.ab07 .item .n1 .cont .ico img{ height:100%; width:auto}
.ab07 .item .n1 .cont .cn{ font-size:22px; color:#fff; font-weight:bold; margin-top:15px}
.ab07 .item .n2{position: absolute; width: 100%; height: 100%; left:0; top:0; z-index:99; transition: transform .5s ease-in-out .1s;-webkit-transition: -webkit-transform .5s ease-in-out .1s;-moz-transition: -moz-transform .5s ease-in-out .1s; }
.ab07 .item .n2:before{ content:""; display:block; width:100%; height:0; background:#097746; position:absolute; left:0; top:0; z-index:1; transition:all 0.5s}
.ab07 .item:hover .n2:before{ height:100%}
.ab07 .item .n2 .intro{ margin: 0; position: absolute; font-size: 16px; width: 80%; line-height: 28px; left: 50%; top: 50%;transform: translate(-50%, -50%);text-align: justify;text-align:center; color:#fff; visibility:hidden; opacity:0; transition:all 0.5s; z-index:9}
.ab07 .item:hover .n2 .intro{ visibility:visible; opacity:1}
.ab07 .item:hover .n2{/*transform: rotateX(0deg);-webkit-transform: rotateX(0deg);-moz-transform: rotateX(0deg);*/}
.ab07 .item:hover .n1{/*transform: rotateX(180deg);-webkit-transform: rotateX(180deg);-moz-transform: rotateX(180deg);*/}
@media (max-width: 1300px){
	.ab07 .item{ width:23.5%; margin-right:2%}
}
@media (max-width: 1200px){
	.ab07{ padding:0 0 40px 0}
	.ab07 .ihd .cn{ font-size:20px; }
	.ab07 .ihd .en{ font-size:12px; margin-top:12px}
	.ab07 .ibd{ margin-top:10px;}
	.ab07 .item{ width:48.5%; margin-right:3%; margin-top:3%}
	.ab07 .item:nth-child(2n){ margin-right:0}
	.ab07 .item .n1 .cont .ico{ height:36px;}
	.ab07 .item .n1 .cont .cn{ font-size:16px; margin-top:10px}
	.ab07 .item .n2 .intro{ font-size:14px}
}

/*qywh*/
.qywh{background:url(ax1.jpg) top center no-repeat; }
.qywh01{ padding-top:85px}
.qywh01 .item{ background:url(g_77.png) center center no-repeat; width:351px; height:351px; float:left; margin:0 calc(16.6666666% - 176px); text-align:center; background-size:100%}
.qywh01 .item .ico{ padding-top:50px}
.qywh01 .item .ico img{ height:60px; width:auto; transition:all 0.5s}
.qywh01 .item .cn{ font-weight:bold; font-size:22px; color:#393939; margin-top:25px}
.qywh01 .item .en{ font-size:18px; color:#393939; font-family:Arial, Helvetica, sans-serif; margin-top:10px; text-transform:uppercase}
.qywh01 .item .intro{ font-size:16px; color:#393939; margin-top:20px}
.qywh01 .item:hover .ico img{ transform:rotateY(360deg)}
@media (max-width: 1200px){
	.qywh01{ padding-top:40px}
	.qywh01 .item{ width:220px; height:220px; margin:0 calc(16.6666666% - 110px);}
	.qywh01 .item .ico{ padding-top:20px}
	.qywh01 .item .ico img{ height:40px;}
	.qywh01 .item .cn{ font-size:18px; margin-top:15px}
	.qywh01 .item .en{ font-size:14px;}
	.qywh01 .item .intro{ font-size:12px; margin-top:10px}
}
@media (max-width: 750px){
	.qywh01 .item{ width:150px; height:150px; margin:0 auto; margin-left:calc(50% - 75px)}
	.qywh01 .item:nth-child(2){ margin-left:0; margin-right:calc(50% - 150px)}
	.qywh01 .item:nth-child(3){ margin-left:calc(50% - 150px)}	
	.qywh01 .item .ico{ padding-top:15px}
	.qywh01 .item .ico img{ height:30px;}
	.qywh01 .item .cn{ font-size:14px; margin-top:3px}
	.qywh01 .item .en{ font-size:12px; margin-top:3px}
	.qywh01 .item .intro{ font-size:12px; margin-top:3px}
}

.qywh02{ margin-top:120px; background:url(g_87.jpg) bottom center repeat-x; padding-bottom:70px}
.qywh02 .ihd .cn{ font-size:30px; color:#097746; font-weight:bold; line-height:1; text-align:center}
.qywh02 .ihd .en{ font-size:12px; color:#afafaf; font-family:Arial, Helvetica, sans-serif; text-transform:uppercase; text-align:center; margin-top:12px}
.qywh02 .nr{ position:relative; margin-top:40px}
.qywh02 .swiper02{ width:100%; overflow:hidden}
.qywh02 .swiper02 .swiper-slide{ width:50%}
.qywh02 .swiper02 .swiper-slide .pic{ width:100%; overflow:hidden; position:relative;}
.qywh02 .swiper02 .swiper-slide .pic:after{ content:""; display:block; width:100%; height:100%; background:rgba(00,00,00,0.5); position:absolute; left:0; top:0; z-index:2}
.qywh02 .swiper02 .swiper-slide .pic img{ width:100%; height:auto}
.qywh02 .swiper02 .swiper-slide .pic img{ width:100% ;transition:All 0.4s linear;    -webkit-transition:All 0.4s linear;    -moz-transition:All 0.4s linear;    -o-transition:All 0.4s linear;}
.qywh02 .swiper02 .swiper-slide .pic:hover img{transform:scale(1.1);    -webkit-transform:scale(1.1);    -moz-transform:scale(1.1);    -o-transform:scale(1.1);    -ms-transform:scal(1.1);}
.qywh02 .swiper02 .swiper-slide .pic span{ display:block; width:100%; height:8px; background:#077a43; position:absolute; left:0; bottom:0; z-index:2}
.qywh02 .swiper02 .swiper-slide .title{ margin-top:60px; color:#292929; text-align:center; font-size:16px; opacity:0; visibility:hidden; transition:all 0.3s}
.qywh02 .swiper02 .swiper-slide .title a{ display:block; color:#292929}
.qywh02 .swiper02 .swiper-slide:hover .title a{ color:#097746}
.qywh02 .swiper02 .swiper-slide.swiper-slide-active .title{ visibility:visible; opacity:1}
.qywh02 .swiper02 .swiper-slide.swiper-slide-active .pic:after{ background:rgba(00,00,00,0);}
.qywh02 .prev2{ background:url(g_80.png) center center no-repeat; width:47px; height:47px; position:absolute; top:200px; left:-80px; z-index:2; cursor:pointer}
.qywh02 .prev2:hover{ background:url(g_80_2.png) center center no-repeat; background-size:100% }
.qywh02 .next2{ background:url(g_81.png) center center no-repeat; width:47px; height:47px; position:absolute; top:200px; right:-80px; z-index:2; cursor:pointer}
.qywh02 .next2:hover{ background:url(g_81_2.png) center center no-repeat; background-size:100% }
@media (max-width: 1440px){
	.qywh02 .prev2{ left:-50px}
	.qywh02 .next2{ right:-50px}
	.qywh02 .ihd .cn{ font-size:20px; }
	.qywh02 .ihd .en{ font-size:12px; margin-top:12px}
	.qywh02 .nr{ margin-top:20px}
}
@media (max-width:750px){
	.qywh02 .prev2{ left:-0; width:36px; height:36px; background-size:100%; top:50%; margin-top:-33px}
	.qywh02 .next2{ right:-0; width:36px; height:36px; background-size:100%; top:50%; margin-top:-33px}
	.qywh02 .swiper02 .swiper-slide{ width:90%}
	.qywh02 .swiper02 .swiper-slide .title{ margin-top:10px; font-size:14px}
	.qywh02 .swiper02 .swiper-slide .pic span{ height:4px}
	.qywh02{ background-size:auto 60%; margin:40px 0 0 0; padding-bottom:40px}
}

.qywh03{ width:100%; padding:60px 0}
.qywh03 .ihd .cn{ font-size:30px; color:#097746; font-weight:bold; line-height:1; text-align:center}
.qywh03 .ihd .en{ font-size:12px; color:#afafaf; font-family:Arial, Helvetica, sans-serif; text-transform:uppercase; text-align:center; margin-top:12px}
.qywh03 .ibd{ margin-top:50px;}
.qywh03 .nr{ position:relative; overflow:hidden}
.qywh03 .ibd .item{ width:50%; float:left; overflow:hidden}
.qywh03 .ibd .item .mySwiper{ width:100%; height: 411px; overflow:hidden}
.qywh03 .ibd .item .mySwiper .swiper-slide{ width:100%; height: 411px; overflow:hidden}
.qywh03 .ibd .item .mySwiper .swiper-slide img{ width:100% ;transition:All 0.4s linear;    -webkit-transition:All 0.4s linear;    -moz-transition:All 0.4s linear;    -o-transition:All 0.4s linear;}
.qywh03 .ibd .item .mySwiper .swiper-slide:hover img{transform:scale(1.1);    -webkit-transform:scale(1.1);    -moz-transform:scale(1.1);    -o-transform:scale(1.1);    -ms-transform:scal(1.1);}
.qywh03 .ibd .item1{ width:47%; float:right; position:relative}
.qywh03 .ibd .item1:after{ content:""; display:block; width:2px; height:1000px; background:#e3e3e3; position:absolute; left:6px; top:0}
.qywh03 .ibd .item1 .mySwiper2{ width:100%; height:336px; margin-top:37px; overflow:hidden}
.qywh03 .ibd .item1 .mySwiper2 .swiper-slide{ width:100%; height:56px; background:url(g_82.png) left center no-repeat; box-sizing:border-box; line-height:56px;text-overflow: ellipsis;overflow: hidden;white-space: nowrap; font-size:14px; color:#727272; padding-left:28px; cursor:pointer}
.qywh03 .ibd .item1 .mySwiper2 .swiper-slide.swiper-slide-thumb-active{ background:url(g_83.png) left center no-repeat; font-size:16px; color:#097746 }
.qywh03 .ibd .prev{ background:url(g_66.png) center center no-repeat; width:30px; height:30px; background-size:100%; position:absolute; right:0; bottom:100px; cursor:pointer; z-index:99; transform:rotate(90deg)}
.qywh03 .ibd .prev:hover{background:url(g_80_2.png) center center no-repeat; background-size:100%; transform:rotate(90deg)}
.qywh03 .ibd .next{ background:url(g_66.png) center center no-repeat; width:30px; height:30px; background-size:100%; position:absolute; right:0; bottom:50px; cursor:pointer; z-index:99; transform:rotate(270deg)}
.qywh03 .ibd .next:hover{background:url(g_81_2.png) center center no-repeat; background-size:100%; transform:rotate(90deg)}
@media (max-width: 1200px){
	.qywh03{ padding:40px 0}

	.qywh03 .ibd .item1 .mySwiper2{ margin:10px 0 0 0}
	.qywh03 .ibd .item1 .mySwiper2 .swiper-slide{ font-size:14px }
	.qywh03 .ibd .item1 .mySwiper2 .swiper-slide.swiper-slide-thumb-active{ font-size:14px}
	.qywh03 .ihd .cn{ font-size:20px; }
	.qywh03 .ihd .en{ font-size:12px; margin-top:12px}
	.qywh03 .ibd{ margin-top:30px;}
	.qywh03 .ibd .next{ bottom:75px; width:25px; height:25px}
	.qywh03 .ibd .prev{ bottom:105px; width:25px; height:25px}
	.qywh03 .ibd .item .mySwiper{ height:auto}
	.qywh03 .ibd .item .mySwiper .swiper-slide{ height:auto}
}
@media (max-width: 900px){
	.qywh03{ padding:40px 0}
	.qywh03 .ibd .item{ width:100%; margin:0}
	.qywh03 .ibd .item1{ width:100%; height:auto}
}

/*ryzz*/
.ryzz01{ margin-top:80px}
.ryzz01 .swiper1{ width:100%; overflow:hidden}
.ryzz01 .swiper1 .swiper-slide{transform: scale(0.7); text-align:center ;}
.ryzz01 .swiper1 .swiper-slide.swiper-slide-active{ transform: scale(1);}
.ryzz01 .swiper1 .swiper-slide .pic{ width:100%; position:relative; z-index:2; padding-bottom:70px}
.ryzz01 .swiper1 .swiper-slide .pic img{ max-width:76%; height:auto; position:relative; z-index:2}
.ryzz01 .swiper1 .swiper-slide .bj{ background:url(g_89.png) center center no-repeat; background-size:100% 100%; height:100px; position:absolute; left:0; bottom:0; width:100%}
.ryzz01 .swiper1 .swiper-slide .title{ font-size:18px; color:#222222; text-align:center; opacity:0; visibility:hidden}
.ryzz01 .swiper1 .swiper-slide .title a{ display:block; color:#222;text-overflow: ellipsis;overflow: hidden;white-space: nowrap; padding:0 5px}
.ryzz01 .swiper1 .swiper-slide:hover .title a{ color:#097746}
.ryzz01 .swiper1 .swiper-slide.swiper-slide-active .title{ opacity:1; visibility:visible}
.ryzz01 .btn{ text-align:center; font-size:0; margin-top:20px}
.ryzz01 .btn .prev1{ display:inline-block; vertical-align:top; background:url(g_90.png) center center no-repeat; width:47px; height:47px; background-size:cover; cursor:pointer; margin:0 6px}
.ryzz01 .btn .prev1:hover{ background:url(g_81_2.png) center center no-repeat; background-size:cover;transform:rotate(180deg)}
.ryzz01 .btn .next1{ display:inline-block; vertical-align:top; background:url(g_90.png) center center no-repeat; width:47px; height:47px;  background-size:cover; cursor:pointer; margin:0 6px; transform:rotate(180deg)}
.ryzz01 .btn .next1:hover{ background:url(g_81_2.png) center center no-repeat; background-size:cover;transform:rotate(0)}
@media (max-width: 750px){
	.ryzz01{ margin-top:40px}
	.ryzz01 .swiper1 .swiper-slide .pic{ padding-bottom:15%}
	.ryzz01 .swiper1 .swiper-slide .bj{ height:15%}
	.ryzz01 .swiper1 .swiper-slide .title{ font-size:14px}
	.ryzz01 .btn{ margin-top:12px}
	.ryzz01 .btn .prev1{ width:32px; height:32px;}
	.ryzz01 .btn .next1{width:32px; height:32px;}	
}

.ryzz02{ margin-top:80px}
.ryzz02 .nr{ position:relative}
.ryzz02 .nr .pic{ width:100%}
.ryzz02 .nr .pic .img1{ display:block; width:100%; height:auto}
.ryzz02 .nr .pic .img2{ display:none; width:100%; height:auto}
.ryzz02 .nr .cont{ width:350px; position:absolute; left:10%; top:50%; transform:translateY(-46%); z-index:2}
.ryzz02 .nr .cont h3{ font-size:34px; color:#292623; font-weight:normal; line-height:1.2}
.ryzz02 .nr .cont .intro{ font-size:16px; color:#737373; line-height:28px; margin-top:30px}
@media (max-width: 1200px){
	.ryzz02{ margin-top:40px}
	.ryzz02 .nr .cont h3{ font-size:28px }
	.ryzz02 .nr .cont .intro{ font-size:14px; line-height:25px; margin-top:25px }

}
@media (max-width:750px){
	.ryzz02 .nr .pic .img2{ display:block; width:100%; height:auto}
	.ryzz02 .nr .pic .img1{ display:none; width:100%; height:auto}
	.ryzz02 .nr .cont{ position:relative; left:auto; top:auto; transform:translateY(0); width:100% }
	.ryzz02 .nr .cont h3{ font-size:20px; line-height:1.4 }
	.ryzz02 .nr .cont .intro{ width:100%;  margin-top:15px; margin-bottom:15px }

}

.ryzz03{ width:100%; padding:80px 0}
.ryzz03 .ibd .item{ width:228px; height:228px; margin-right:30px; box-sizing:border-box; border:1px solid #bebebe; border-radius:5px; float:left; margin-bottom:30px; background:url(g_93.png) 120px 130px no-repeat; transition:all 0.5s}
.ryzz03 .ibd .item:nth-child(5n){ margin-right:0}
.ryzz03 .ibd .item a{ display:block; padding:30px 25px; position:relative; width:100%; height:100%; box-sizing:border-box}
.ryzz03 .ibd .item a .time{ font-size:14px; color:#838383; font-family:Arial, Helvetica, sans-serif; transition:all 0.5s}
.ryzz03 .ibd .item a .title{ font-size:18px; color:#000000; margin-top:5px; transition:all 0.5s}
.ryzz03 .ibd .item a .more{ position:absolute; left:25px; bottom:30px; visibility:hidden; opacity:0; color:rgba(255,255,255,0.5); font-size:14px; transition:all 0.5s}
.ryzz03 .ibd .item:hover{ border:1px solid #097746; background:url(g_94.png) 120px 130px no-repeat #097746}
.ryzz03 .ibd .item:hover a .time{ color:rgba(255,255,255,0.5)}
.ryzz03 .ibd .item:hover a .title{ color:rgba(255,255,255,1)}
.ryzz03 .ibd .item:hover a .more{ visibility:visible; opacity:1}
.ryzz03 .ifd{ margin-top:50px; text-align:center}
.ryzz03 .ifd a{ display:block; background:url(g_10.jpg) center center no-repeat; width:237px; height:36px; color:#fff; line-height:36px; font-size:16px; margin:0 auto; cursor: pointer;}
.ryzz03 .ifd a:hover { box-shadow: 0 0 10px rgba(0,0,0,0.2); }
@media (max-width: 1300px){
	.ryzz03 .ibd .item{ width:19%; margin-right:1.25%; margin-bottom:1.25%;background:url(g_93.png) 80% 80% no-repeat; background-size:36%; }	
	.ryzz03 .ibd .item:hover{ background:url(g_94.png) 80% 80% no-repeat #097746; background-size:36%; } 
}
@media (max-width: 1200px){
	.ryzz03 { padding:40px 0}
	.ryzz03 .ibd .item a{ padding:20px 15px}
	.ryzz03 .ibd .item a .time{ font-size:12px}
	.ryzz03 .ibd .item a .title{ font-size:16px;}
	.ryzz03 .ibd .item a .more{ font-size:12px; left:20px}
}
@media (max-width: 750px){
	.ryzz03 .ibd .item{ width:48.5%; margin-right:3%; margin-bottom:3%; height:160px}
	.ryzz03 .ibd .item:nth-child(5n){ margin-right:3%}
	.ryzz03 .ibd .item:nth-child(2n){ margin-right:0}
	.ryzz03 .ibd .item{ background:url(g_93.png) 90% 90% no-repeat; background-size:20%; }	
	.ryzz03 .ibd .item:hover{ background:url(g_94.png) 90% 90% no-repeat #097746; background-size:20%; } 
	.ryzz03 .ifd{ margin-top:20px}
	.ryzz03 .ibd .item a .title{ font-size:14px;}
	.ryzz03 .ibd .item a .more{ bottom:20px}
}



/* 内容模式 */
.articles { width:1260px; margin:0 auto; padding:60px 0; line-height:2; font-size:16px; word-wrap:break-word; }
.articles .hd { margin:0 0 30px; padding:0 0 30px; border-bottom: 1px dotted #ccc; }
.articles .hd h1 { color:#000; font-size:24px; }
.articles .hd .titBar { color:#666; font-size:14px; }
.articles .bd { padding-bottom:40px; line-height:2.2; }
.articles .ft { padding:40px 0; border-top:1px dotted #ccc; position:relative; font-size:16px; line-height:40px; color:#333 }
.articles .ft a{ color:#333}
.articles .ft .back{ position:absolute; right:0; top:40px}
.articles .ft ul li {}
    /* 相关信息 */
.m-related { width:1400px; margin:0 auto; padding:30px 0 50px; border-top:1px dotted #ccc; }
.m-related h2 { margin-bottom:20px; font-size:18px; }
.m-related ul li { line-height:30px; font-size:14px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; }
@media all and (max-width:1300px){
	.articles,.m-related{ width:1200px;}
}
@media all and (max-width:1200px){
	.articles,.m-related{ width:92%;}
	.articles .hd h1{ font-size:18px}
	.articles .hd{ padding-bottom:20px; margin-bottom:20px}
	.articles{ font-size:14px}
	.articles .ft{ padding:20px 0; line-height:28px; font-size:14px;}
	.articles .ft .back{ top:20px}
	.articles .ft ul li{ width:100%}
}

/* 分页 */
.page {  line-height:24px; text-align:center; padding-top: 21.5px; }
.page a { display:inline-block; margin:0 2px; padding:5px 10px; border:1px solid #ddd; background:#ddd; color:#333; vertical-align:top; font-size:14px ; min-width:16px; border-radius:5px}
.page a:hover,.page .current { border:1px solid #097746; background:#097746; color:#fff; }
@media all and (max-width:1800px){
	.page a{ padding:3px 10px}
}
@media all and (max-width:1200px){
	.page a { font-size:12px}
	.page a{ padding:3px 5px}
}



/*newsList*/
.newsList{ width:100%;}
.newsNr{ width:1260px; margin:0 auto; margin-top:120px; padding-bottom:100px}
.newsNr .item{ width:100%; height:226px; border-radius:20px; box-shadow:0 0 15px rgba(00,00,00,0.1); margin-bottom:60px}
.newsNr .item .time{ width:226px; height:100%; border-right:1px solid #097746; float:left; text-align:center; color:#313131; font-family:Arial, Helvetica, sans-serif}
.newsNr .item .time .p1{ font-size:22px; line-height:1; padding-top:80px}
.newsNr .item .time .p2{ font-size:18px; line-height:1; padding-top:25px}
.newsNr .item .title{ width:calc(100% - 306px); float:right}
.newsNr .item .title .tt{ font-size:18px; color: #097746;text-overflow: ellipsis;overflow: hidden;white-space: nowrap; margin-top:40px; font-weight:bold}
.newsNr .item .title .tt a{ color:#097746}
.newsNr .item .title .intro{font-size: 14px; color: #636363; margin-top:28px;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
.newsNr .item .title .more{ width: 110px;height: 36px;border: 1px solid #097746;border-radius: 20px;font-size: 14px;color: #097746; text-align:center; line-height:36px; margin-top:40px}
.newsNr .item:hover{ background:#097746}
.newsNr .item:hover .time{ color:#fff;}
.newsNr .item:hover .title .tt{ color:#fff;}
.newsNr .item:hover .title .tt a{ color:#fff;}
.newsNr .item:hover .title .intro{ color:#fff}
.newsNr .item:hover .title .more{ border:1px solid #fff; color:#fff}

@media all and (max-width:1300px){
	.newsNr{ width:1200px; margin-top:60px}
}
@media all and (max-width:1200px){
	.newsNr{ width:92%}
}
@media all and (max-width:640px){
	.newsNr{ margin-top:20px; padding-bottom:50px}
	.newsNr .item{ height:120px; margin-bottom:20px; border-radius:8px}
	.newsNr .item .time{ width:70px;}
	.newsNr .item .time .p1{ font-size:18px; line-height:1; padding-top:40px}
	.newsNr .item .time .p2{ font-size:12px; line-height:1; padding-top:20px}
	.newsNr .item .title{ width:calc(100% - 90px);}
	.newsNr .item .title .tt{ font-size:15px; margin-top:15px}
	.newsNr .item .title .intro{ font-size:12px; height:auto;text-overflow: ellipsis;overflow: hidden;white-space: nowrap; margin-top:5px}
	.newsNr .item .title .more{ margin-top:15px; font-size:12px; width:100px; height:28px; line-height:28px}
}

/*picList*/
.picList{ width:100%}
.picList .nr{ width:1260px; margin:0 auto; margin-top:80px}

.picList .nr .item{ width:23.5%; margin-right:2%; float:left; margin-bottom:3%}
.picList .nr .item:nth-child(4n){ margin-right:0}
.picList .nr .item .pic{ width:100%; overflow:hidden}
.picList .nr .item .pic img{ width:100%}
.picList .nr .item .pic img{transition:All 0.4s linear;    -webkit-transition:All 0.4s linear;    -moz-transition:All 0.4s linear;    -o-transition:All 0.4s linear;}
.picList .nr .item:hover .pic img{transform:scale(1.1);    -webkit-transform:scale(1.1);    -moz-transform:scale(1.1);    -o-transform:scale(1.1);    -ms-transform:scale(1.1);}

.picList .nr .item .title a{ display:block; box-sizing:border-box; padding:15px; background:#EEEEEE;font-size: 16px;color: #000000;text-overflow: ellipsis;overflow: hidden;white-space: nowrap; text-align:center}
.picList .nr .item:hover .title a{ background: #097746; color:#fff}
@media all and (max-width:1300px){
	.picList .nr{ width:1200px;}

}
@media all and (max-width:1200px){
	.picList .nr{ width:92%; margin-top:40px}
	.picList .nr .item{ width:48.5%; margin-right:3%; margin-bottom:3%;}
	.picList .nr .item:nth-child(2n){ margin-right:0}
	.picList .nr .item .title a{ font-size:14px; padding:15px}
}


.video{ width:100%; height:100%; position:fixed; left:0; top:0; z-index:99; background:rgba(00,00,00,0.6); display:none}
.video .s1{ width:1200px; position:absolute; left:50%; margin-left:-600px; top:50%; transform:translateY(-50%); text-align:center}
.video .s1 video{ width:100%}
.video .s1 .gb{ background:url(gb.png) center center no-repeat; width:30px; height:30px; background-size:30px; position:absolute; right:0; top:-40px; cursor:pointer}
.video .s1 img{ max-width:100%}

@media (max-width:750px) {
	.video .s1{ width:80%; margin-left:0;transform:translate(-50%,-50%)}
}



.xx1{ padding:75px 0}
.xx1 .nr{ position:relative}
.xx1 .pic{ float:left; overflow:hidden; width:745px;}
.xx1 .cont{ width:calc(100% - 745px); position:absolute; box-sizing:border-box; padding:0 0 0 95px; position:absolute; right:0; top:50%; transform:translateY(-50%);  font-size:16px; color:#242424; line-height:3; text-align:justify}
.xx1 .pic img{ width:100% ;transition:All 0.4s linear;    -webkit-transition:All 0.4s linear;    -moz-transition:All 0.4s linear;    -o-transition:All 0.4s linear;}
.xx1 .pic:hover img{transform:scale(1.1);    -webkit-transform:scale(1.1);    -moz-transform:scale(1.1);    -o-transform:scale(1.1);    -ms-transform:scal(1.1);}
@media all and (max-width:1300px){
	.xx1 .pic{ width:650px;}
	.xx1 .cont{ width:calc(100% - 650px);   padding:80px 0 0 80px;}

}
@media all and (max-width:1200px){
	.xx1{ padding:40px 0}
	.xx1 .pic{ width:100%; float:none}
	.xx1 .cont{ width:100%;   padding:20px 0 0 0; font-size:14px; position:relative;right:auto; top:auto; transform:translateY(0); line-height:2 }
}


.xx3{ padding:70px 0}
.xx3 .ihd{ text-align:center}
.xx3 .ihd .cn{ font-size:30px; color:#097746; font-weight:bold; line-height:1}
.xx3 .ihd .en{ font-size:12px; font-family:Arial, Helvetica, sans-serif; color:#afafaf; text-transform:uppercase;  line-height:1; margin-top:12px}
.xx3 .ibd{ margin-top:50px; overflow:hidden}
.xx3 .ibd .swiper03{ width:100%; overflow:hidden}
.xx3 .ibd .swiper03 .swiper-slide{ width:397px; margin-right:34px; overflow:hidden; background:#162945; color:#fff}
.xx3 .ibd .swiper03 .swiper-slide:last-child{ margin-right:0}
.xx3 .ibd .swiper03 .swiper-slide .pic{ width:100%; overflow:hidden; position:relative}
.xx3 .ibd .swiper03 .swiper-slide .pic:after{ content:""; display:block; width:100%; height:100%; background:url(g_35.png) center center no-repeat; position:absolute; left:0; top:0}

.xx3 .ibd .swiper03 .swiper-slide .pic img{ width:100% ;transition:All 0.4s linear;    -webkit-transition:All 0.4s linear;    -moz-transition:All 0.4s linear;    -o-transition:All 0.4s linear;}
.xx3 .ibd .swiper03 .swiper-slide:hover .pic img{transform:scale(1.1);    -webkit-transform:scale(1.1);    -moz-transform:scale(1.1);    -o-transform:scale(1.1);    -ms-transform:scal(1.1);}
.xx3 .ibd .swiper03 .swiper-slide .pic span{ background:url(x5.png) center center no-repeat; width:54px; height:30px; text-align:center; display:flex;align-items: center;justify-content: center; font-size:16px; display:flex;align-items: center;justify-content: center; font-weight:bold; position:absolute; right:24px; top:24px; z-index:2; color:#fff}
.xx3 .ibd .swiper03 .swiper-slide .conts{ padding:20px;}
.xx3 .ibd .swiper03 .swiper-slide .conts .cont{ background:url(x3.jpg) left center no-repeat; padding-left:68px; color:#fff}
.xx3 .ibd .swiper03 .swiper-slide .conts .cont .p1{ font-size:16px; padding:5px 0}
.xx3 .ibd .swiper03 .swiper-slide .conts .cont .p2{ font-size:14px; color:rgba(255,255,255,0.67)}
.xx3 .ibd .swiper03 .swiper-slide .conts .title{ margin-top:20px; font-size:16px; color:#fff;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
.xx3 .ibd .swiper03 .btn{ margin-top:65px; text-align:center; font-size:0}
.xx3 .ibd .swiper03 .btn .prev03{ display:inline-block; vertical-align:top; background:url(g_90.png) center center no-repeat; width:47px; height:47px; background-size:cover; cursor:pointer; margin:0 6px}
.xx3 .ibd .swiper03 .btn .prev03:hover{ background:url(g_81_2.png) center center no-repeat; background-size:cover;transform:rotate(180deg)}
.xx3 .ibd .swiper03 .btn .next03{ display:inline-block; vertical-align:top; background:url(g_90.png) center center no-repeat; width:47px; height:47px;  background-size:cover; cursor:pointer; margin:0 6px; transform:rotate(180deg)}
.xx3 .ibd .swiper03 .btn .next03:hover{ background:url(g_81_2.png) center center no-repeat; background-size:cover;transform:rotate(0)}
@media all and (max-width:1300px){
	.xx3 .ibd .swiper03 .swiper-slide{ width:380px; margin-right:30px}	
}
@media all and (max-width:1200px){
	.xx3{ padding:40px 0}
	.xx3 .ihd .cn{ font-size:20px;}
	.xx3 .ihd .en{ margin-top:10px}
	.xx3 .ibd{ margin-top:30px; overflow:hidden}
	.xx3 .ibd .swiper03 .swiper-slide{ width:32%; margin-right:2%}
	.xx3 .ibd .swiper03 .swiper-slide .pic span{ right:10px; top:10px; font-size:12px; width:40px; height:24px; background-size:cover}
	.xx3 .ibd .swiper03 .swiper-slide .conts{ padding:15px}
	.xx3 .ibd .swiper03 .swiper-slide .conts .cont{ background-size:32px; padding-left:40px}
	.xx3 .ibd .swiper03 .swiper-slide .conts .cont .p1{ font-size:14px; padding:3px 0}
	.xx3 .ibd .swiper03 .swiper-slide .conts .cont .p2{ font-size:12px;}
	.xx3 .ibd .swiper03 .swiper-slide .conts .title{ margin-top:12px; font-size:14px}
}
@media all and (max-width:750px){
	.xx3 .ibd .swiper03 .swiper-slide{ width:260px; margin-right:15px}
	.xx3 .ibd .swiper03 .btn{ margin-top:12px}
	.xx3 .ibd .swiper03 .btn .prev03{ width:32px; height:32px;}
	.xx3 .ibd .swiper03 .btn .next03{width:32px; height:32px;}	

}
.xx2{ padding:60px 0 160px; background:url(x9.jpg) center center no-repeat; background-size:cover}
.xx2 .ihd{ text-align:center}
.xx2 .ihd .cn img{ height:132px; width:auto}
.xx2 .ihd .en{ font-size:16px; color:rgba(255,255,255,0.35); margin-top:10px}
.xx2 .ibd{ margin-top:60px; position:relative}
.xx2 .ibd .swiper02{ width:100%; overflow:hidden}
.xx2 .ibd .swiper02 .swiper-slide{ width:398px; margin-right:33px; overflow:hidden}
.xx2 .ibd .swiper02 .swiper-slide:last-child{ margin-right:0}
.xx2 .ibd .swiper02 .swiper-slide a{ display:block; padding:27px; background:#fff}
.xx2 .ibd .swiper02 .swiper-slide .pic{ width:100%; overflow:hidden; position:relative}
.xx2 .ibd .swiper02 .swiper-slide .pic img{ width:100% ;transition:All 0.4s linear;    -webkit-transition:All 0.4s linear;    -moz-transition:All 0.4s linear;    -o-transition:All 0.4s linear;}
.xx2 .ibd .swiper02 .swiper-slide:hover .pic img{transform:scale(1.1);    -webkit-transform:scale(1.1);    -moz-transform:scale(1.1);    -o-transform:scale(1.1);    -ms-transform:scal(1.1);}
.xx2 .ibd .swiper02 .swiper-slide .title{ line-height:65px; border-bottom:1px solid #d8d8d8; font-size:18px; color:#242424;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
.xx2 .ibd .swiper02 .swiper-slide:hover .title{ color:#097746}
.xx2 .ibd .swiper02 .swiper-slide .intro{ font-size:14px; color:#797979; line-height:30px; height:90px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3; margin-top:8px}
.xx2 .ibd .swiper02 .swiper-slide .conts{ font-size:14px; color:#242424; margin-top:5px}
.xx2 .ibd .swiper02 .swiper-slide:hover .conts{ color:#097746}
.xx2 .ibd .prev02{ display:inline-block; vertical-align:top; background:url(x6.png) center center no-repeat; width:47px; height:47px; background-size:cover; cursor:pointer; position:absolute; left:-100px; top:calc(50% - 24px); z-index:9}
.xx2 .ibd .prev02:hover{ background:url(g_81_2.png) center center no-repeat; background-size:cover;transform:rotate(180deg)}
.xx2 .ibd .next02{ display:inline-block; vertical-align:top; background:url(x7.png) center center no-repeat; width:47px; height:47px;  background-size:cover; cursor:pointer; position:absolute; right:-100px; top:calc(50% - 24px); z-index:9}
.xx2 .ibd .next02:hover{ background:url(g_81_2.png) center center no-repeat; background-size:cover;transform:rotate(0)}
@media all and (max-width:1300px){
	.xx2 .ibd .swiper02 .swiper-slide{ width:384px; margin-right:24px;}
	.xx2 .ibd .swiper02 .swiper-slide a{ padding:22px}
	.xx2 .ibd .prev02{ left:-50px}
	.xx2 .ibd .next02{ right:-50px}
}
@media all and (max-width:1200px){
	.xx2{ padding:30px 0 60px; }
	.xx2 .ihd .cn img{ height:80px; width:auto}
	.xx2 .ihd .en{ font-size:12px}
	.xx2 .ibd{ margin-top:30px}
	.xx2 .ibd .swiper02 .swiper-slide{ width:32%; margin-right:2%;}
	.xx2 .ibd .swiper02 .swiper-slide a{ padding:16px}
	.xx2 .ibd .prev02{width:32px; height:32px; top:calc(50% - 16px); left:0;background:url(g_81_2.png) center center no-repeat; background-size:cover;transform:rotate(180deg)}
	.xx2 .ibd .next02{ width:32px; height:32px; top:calc(50% - 16px);right:0;background:url(g_81_2.png) center center no-repeat; background-size:cover;transform:rotate(0)}
	.xx2 .ibd .swiper02 .swiper-slide .title{ font-size:14px; line-height:40px}
	.xx2 .ibd .swiper02 .swiper-slide .intro{ font-size:12px; line-height:25px; height:75px;}
	.xx2 .ibd .swiper02 .swiper-slide .conts{ font-size:12px}
}
@media all and (max-width:750px){
	.xx2 .ibd .swiper02 .swiper-slide{ width:49%; margin-right:2%;}
}
@media all and (max-width:450px){
	.xx2 .ibd .swiper02 .swiper-slide{ width:100%; margin-right:2%;}
}