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

* { margin: 0px; padding: 0px; } 
body { font-size: 12px; font-family: "微软雅黑"; color: #525252; background: #fff; } 
a { text-decoration: none; outline: none; transition: all 0.2s; }
a:hover { text-decoration: none; }
img { border: 0; vertical-align: middle;}
a {text-decoration: none;color: #333;padding:0;margin:0;}
ul {list-style: none;padding:0;margin:0;}
li {list-style: none;padding:0;margin:0;}
ul li {list-style: none;padding:0;margin:0;}
img {border: none;padding:0;margin:0; vertical-align:middle; max-width:100%;}
a img{border: none;padding:0;margin:0;}
input,button,select,textarea{outline:none}
textarea{resize:none}
p{padding:0;margin:0;}
body {font-family: Verdana, Arial, Helvetica, sans-serif;font-size:12px; line-height:1.6;color:#333;padding:0;margin:0; font-family:"微软雅黑", "宋体", "黑体","SourceHanSansCN Medium";}
table ,tr, td { margin: auto; padding:0; margin:0;}
input[type="text"]:focus, input[type="password"]:focus, textarea:focus { outline: none; }
@media screen and (min-width:320px){
.tt1{font-size:12px;} 
.tt2{font-size:12px;} 
.tt3{font-size:14px;} 
.tt4{font-size:16px;} 
.tt5{font-size:16px;} 
.tt6{font-size:18px;} 
.tt7{font-size:19px;} 
.tt8{font-size:20px;} 
.tt9{font-size:26px;} 
.tt10{font-size:28px;} 
.tt11{font-size:28px;} 
.tt12{font-size:38px;}
}
@media screen and (min-width: 414px){
.tt1{font-size:12px;} 
.tt2{font-size:12px;} 
.tt3{font-size:14px;} 
.tt4{font-size:16px;} 
.tt5{font-size:16px;} 
.tt6{font-size:18px;} 
.tt7{font-size:18px;} 
.tt8{font-size:20px;} 
.tt9{font-size:26px;} 
.tt10{font-size:28px;} 
.tt11{font-size:28px;} 
.tt12{font-size:38px;}
}
@media screen and (min-width: 480px){
.tt1{font-size:12px;} 
.tt2{font-size:12px;} 
.tt3{font-size:14px;} 
.tt4{font-size:16px;} 
.tt5{font-size:18px;} 
.tt6{font-size:18px;} 
.tt7{font-size:20px;} 
.tt8{font-size:22px;} 
.tt9{font-size:26px;} 
.tt10{font-size:28px;} 
.tt11{font-size:28px;} 
.tt12{font-size:38px;}
}
@media screen and (min-width: 640px) {
.tt1{font-size:12px;} 
.tt2{font-size:14px;} 
.tt3{font-size:16px;} 
.tt4{font-size:18px;} 
.tt5{font-size:18px;} 
.tt6{font-size:20px;} 
.tt7{font-size:20px;} 
.tt8{font-size:22px;} 
.tt9{font-size:28px;} 
.tt10{font-size:30px;} 
.tt11{font-size:30px;} 
.tt12{font-size:48px;}
}
@media (max-width:768px){
.pc{ display:none;} 
.app{ display:block;} 
.mhj{ height:5px;} 
.mhj2{overflow:hidden; clear:both; height:10px;}
}
@media (min-width:769px) {
.tt1{font-size:14px;} 
.tt2{font-size:16px;} 
.tt3{font-size:18px;} 
.tt4{font-size:20px;} 
.tt5{font-size:22px;} 
.tt6{font-size:24px;} 
.tt7{font-size:24px;} 
.tt8{font-size:24px;} 
.tt9{font-size:32px;} 
.tt10{font-size:36px;} 
.tt11{font-size:40px;} 
.tt12{font-size:60px;} 
.mhj{ height:20px;} 
.fl{ float:left;} 
.fr{ float:right;} 
.pc{ display:block;} 
.app{ display:none;} 
.mhj{ height:10px;} 
.mhj2{overflow:hidden; clear:both; height:20px;}
}
@media (min-width:1024px) {
.tt1{font-size:14px;} 
.tt2{font-size:16px;} 
.tt3{font-size:18px;} 
.tt4{font-size:20px;} 
.tt5{font-size:22px;} 
.tt6{font-size:24px;} 
.tt7{font-size:28px;} 
.tt8{font-size:32px;} 
.tt9{font-size:36px;} 
.tt10{font-size:40px;} 
.tt11{font-size:48px;} 
.tt12{font-size:68px;} 
.pc{ display:block;} 
.app{ display:none;}
}
@media (min-width:1180px) {
.tt1{font-size:14px;} 
.tt2{font-size:16px;} 
.tt3{font-size:18px;} 
.tt4{font-size:20px;} 
.tt5{font-size:22px;} 
.tt6{font-size:24px;} 
.tt7{font-size:28px;} 
.tt8{font-size:32px;} 
.tt9{font-size:36px;} 
.tt10{font-size:40px;} 
.tt11{font-size:48px;} 
.tt12{font-size:68px;} 
.pc{ display:block;} 
.app{ display:none;}
} 
.clear { clear: both; }
/*头部*/ 

.header{width: 100%; z-index: 999; position: fixed;left:0px; top:0px; width:100%; z-index:9999999999999;background:#fff; /*box-shadow:0 0 10px rgba(0, 0, 0, 0.1);*/} 
.logo_p1{ float:left; width:33%;} 
.logo_p2{ float:right; color:#5cb07a; padding:2% 2% 0 0;}
.logo_p21{ float:left; margin-top:5px;}
.logo_p22{ float:right; padding-left:20px;}
.logo_p2 a{ color:#5cb07a;}
.logo_p22 a{ display:block; margin:0 5px; padding:5px 3px; float:left; border:1px solid rgba(255,255,255,0);}
.logo_p22 a:hover,.logo_p22 a.logo_p22_no{ border:1px solid #5cb07a;}
.nav { width:75%; margin:0 auto;} 
.nav_c{ position:relative; clear:both; width:100%;} 
.nav_c .nav_1{ position: relative;text-align: center; float:left; font-size:20px; padding:0 30px; /*width:calc(100% / 7)*/;} 
.nav_1a{ display:block; line-height:50px; color:#666; text-transform:uppercase; } 
.nav_1:hover .nav_1a{ color:#028b83; font-weight:bold;} 
.nav_1 a.nav_1_a { color:#028b83; font-weight:bold;} 
.nav_warp { position: absolute; top:50px; left:0px; display: none; z-index:99;/* -webkit-transition: all 0.4s ease-in-out;*/white-space: nowrap; min-width:100%;}
.nav_warp_m{ background:#FFF; border-bottom-left-radius:5px; border-bottom-right-radius:5px; border-top:3px solid #028b83; padding:10px; position:relative; margin-top:5px; box-shadow:0 0 5px rgba(0, 0, 0, 0.3);}
.nav_warp_m:before{ position:absolute; left:calc(50% - 1px); top:-25px; width:2px; height:2px; content: ""; transition: all 0.8s;transform: translateX(-50%); border:10px solid transparent; border-bottom-color: #028b83;}
.nav_warp a{ display:block; line-height:40px; text-align:center; color:#666; font-size:16px;} 
.nav_warp a:hover { -webkit-transition: all 0.4s ease-in-out; color: #fff; background:#028b83;} 
.nav_warp ul{display:none;} 
.nav_warp li:hover  ul{display:block;position: absolute; float:left; margin-left:140px; margin-top:-40px;background-color: #fff;width:150px;} 
.nav_2{ float:right; font-size:16px; padding-left:20px;}
.dw1{ left:0px;}
.dw2{ left:-25px;}
.dw3{ left:0px;}
.dw5{ left:0px;}
.dw6{ left:0px;}
/*面包屑*/ 
@media (max-width:1600px) { 
.nav_c .nav_1{  font-size:16px; padding:0 25px;} 
	.dw1{ left:-15px;}
.dw2{ left:-40px;}
.dw3{ left:-10px;}
.dw5{ left:0px;}
.dw6{ left:-10px;}
	}

.btn-nav { position: absolute; top: 15px; right: 0px; background: transparent; padding-right: 10px; border: none; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -ms-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; cursor: pointer; z-index: 99999; } 
.btn-nav:focus { outline: 0; } 
.icon-bar { display: block; margin: 5px 0; width: 26px; height: 3px; background-color: #0090ff; background-color: #028b83; } 
.btn-nav:hover .icon-bar { -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -ms-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; background-color: #028b83; } 
.nav-item { margin: 40px auto; text-align: center; } 
.icon-bar { -webkit-transition: all .7s ease; -moz-transition: all .7s ease; -ms-transition: all .7s ease; -o-transition: all .7s ease; transition: all .7s ease; z-index: 999999; } 
.btn-nav.close.icon-bar { z-index: 999999; background-color: #028b83; } 
.btn-nav.close .topt { -webkit-transform: translateY(10px) rotateZ(45deg); -moz-transform: translateY(10px) rotateZ(45deg); -ms-transform: translateY(10px) rotateZ(45deg); -o-transform: translateY(10px) rotateZ(45deg); transform: translateY(10px) rotateZ(45deg) } 
.btn-nav.close .bottom { -webkit-transform: translateY(-6px) rotateZ(-45deg); -moz-transform: translateY(-6px) rotateZ(-45deg); -ms-transform: translateY(-6px) rotateZ(-45deg); -o-transform: translateY(-6px) rotateZ(-45deg); transform: translateY(-6px) rotateZ(-45deg); } 
.btn-nav.close .middle { width: 0; } 
.cai { display: none; } 
.showy_warp { display: none; } 
#header0{position:absolute;left:0px; top:0px; width:100%; z-index:9999999999999; background:none;}
#header1{position: fixed;left:0px; top:0px; width:100%; z-index:9999999999999; display:none;background:#fff; box-shadow:0 0 10px rgba(0, 0, 0, 0.1);}
#header0 .nav_1a,#header0 .logo_p2,#header0 .logo_p2 a{ color:#FFF;}
#header0 .logo_p22 a:hover,#header0 .logo_p22_no{ border:1px solid #fff;}
#header0 .logo_p2{ padding:4% 2% 0 0;}



@media screen and (max-width:1023px)and (min-width:300px) { 
.header { width: 100%; display: none;} 
.head_logo { max-width:92%;} 
.head_logo a { display: block; cursor: pointer;} 
.head_logo img { height:60px;} 
.cai {/* width: 100%;  background: rgba(1,79,135,0.9); background-color: #fff; position:relative;*/display:block;width:100%; z-index:99999; position:fixed; top:0; left:0; background:rgba(255,255,255,0.9);} 
.cai_list { width: 100%; height: 100vh; background-color: #fff; display: none; } 
.zhez { width: 100%; height: 100vh; position: fixed;/* background-color: #fff;*/ background-color: rgba(0,0,0,0.8); top:60px; z-index:999; display: none; } 
.mnav { width:92%; height: auto; margin:0 auto;/* background: #FFF;*/ position: relative; margin: auto; z-index: 1000; border-radius: 10px; left: 0px; display: none; top: 63px; position: absolute;} 
.mnav li { line-height:50px; border-bottom: 1px solid rgba(255,255,255,0.3); font-size:16px; background: url(../images/jl.png) no-repeat; background-position: 96% 17px; list-style: none; } 
.mnav li.mnav_li { background: none; } 
.mnav li.mnav_li1 { border-top: 10px solid #f6f7fe; } 
.mnav li a { width: 100%; display: block; color: #fff; } 
.mnav .mnavhor { border-bottom: 1px solid rgba(255,255,255,0.3);} 
.mnav .mnavhor a { width: 100%; display: block; color: #fff; } 
.mnav .mnavhor dl { display: block; } 
.mnav li dl { z-index: 1000; top: 75px; left: -52px; overflow: hidden; border-top: 1px solid rgba(255,255,255,0.3); width: auto; display: none; } 
.mnav li dl dd { height:40px; line-height:40px; text-align: left; padding-left: 20px; border-bottom: 1px #f2f1f1 dashed; width: auto; } 
.mnav li dl dd.mnav_1 { height: 34px; line-height: 34px; text-align: left; padding-left: 20px; border-bottom: none; width: auto; } 
.mnav .mnavhor dl dd a { color: #fff; } 
.mnav .mnavhor dl dd a:hover { color: #0090ff; } 
.mnav .mnavhor dl .mnavdd a { color: #0090ff } 
.mnavdl{ padding:5px 10px; width:calc(100% - 20px); overflow:hidden; font-size:14px; } 
.mnavdl a{ border-bottom: 1px dashed rgba(255,255,255,0.3); padding-left:5%;} 
.mnavdl a:last-child{ border:none;}

} 
.main,.ftit,.link,.foot,.top { width:96%; max-width:1200px;margin:0px auto;overflow:hidden;clear:both;} 
.head,.main2{ width:96%; max-width:1200px;margin:0 auto; position:relative;} 
.top{ line-height:30px; padding:3px 0;}
.top_r{ float:right;}
.top_r span{ color:#F00;}
.top_r a{ display:block; float:right; background:#e32322; padding:0 15px; color:#fff; margin-left:15px;}
.hj{overflow:hidden; clear:both; height:10px;} 
.hj2{overflow:hidden; clear:both; height:20px;} 
.hj3{overflow:hidden; clear:both; height:30px;} 
.pp1{ padding:1% 0;} 
.pp2{ padding:2% 0;} 
.pp3{ padding:3% 0;} 
.pp4{ padding:4% 0;} 
.pp5{ padding:5% 0;} 
.clear{ overflow:hidden; clear:both;} 
.img1{ display:block; position:relative; width:100%; padding-bottom:75.4%; overflow:hidden;} 
.img2{ display:block; position:relative; width:100%; padding-bottom:92.2%; overflow:hidden;} 
.img3{ display:block; position:relative; width:100%; padding-bottom:39.2%; overflow:hidden;} 
.img4{ display:block; position:relative; width:100%; padding-bottom:62.3%;} 
.img5{ display:block; position:relative; width:100%; padding-bottom:55.5%;} 
.img6{ display:block; position:relative; width:100%; padding-bottom:50%;overflow:hidden;} 
.img7{ display:block; position:relative; width:100%; padding-bottom:100%;} 
.img8{ display:block; position:relative; width:100%; padding-bottom:100%;} 
.img1 img,.img2 img,.img3 img,.img4 img,.img5 img,.img6 img,.img7 img,.img8 img{ position:absolute; top:0; left:0; width:100%; height:100%;} 
.cc{ display: flex;  justify-content:center;  align-items:Center; text-align:center;} 
.img1,.img2,.img3,.img4{ overflow:hidden;} 
.img1 img,.img2 img,.img3 img,.img4 img{ transition: all 0.8s;} 
.img1:hover img,.img2:hover img,.img3:hover img,.img4:hover img{ transform: scale(1.1);} 

.qq{ width:100%; margin:0 auto; position:relative;} 
.fullSlide{ position: absolute; top:0; left:0;width:100%; height:100%;} 
.fullSlide .bd{position:relative;z-index:0;overflow:hidden;height:100%; box-shadow:0 0 30px rgba(0, 0, 0, 0.2);} 
.fullSlide .bd ul{width:100% !important; height:100%;} 
.fullSlide .bd li{width:100% !important; height:100%;overflow:hidden;text-align:center;} 
.fullSlide .hd{position:absolute; top:calc(43% - 13px); left:-45%; width:240px;height:22px;line-height:20px;} 
.fullSlide .hd ul{text-align:center; width:100%; margin:0 auto; max-width:1200px;/* display: flex;  justify-content:center;  align-items:Center; text-align:center;*/} 
.fullSlide .hd ul li{cursor:pointer;display:inline-block;*display:inline;zoom:1;width:13px; max-width:50px;height:13px;margin:5px 10px;overflow:hidden;filter:alpha(opacity=90);line-height:999px; border:1px solid #008a83; background:rgba(0,138,131,0); border-radius:50px;} 
.fullSlide .hd ul .on{ background:rgba(0,138,131,1);opacity:1;} 
.fullSlide .prev,.fullSlide .next{display:block;position:absolute;z-index:1;top:43%;margin-top:-15px;left:-23%;z-index:1;width:30px;height:30px; cursor:pointer;filter:alpha(opacity=100);opacity:1;} 
.fullSlide .next{left:-20%;}

.bd_p1{ position:relative;}
.bd_p1 .img1{ padding-bottom:38.8%;}
.bd_p2{ background:#FFF; padding:5% 8%; text-align:left;}
.bd_p3{ padding-top:1%; line-height:35px; height:105px; overflow:hidden;}
.none {display: none;} 

.adv1{ position:relative;}
.adv1_p1{ position:absolute; bottom:0; left:10%; width:80%; clear:both; color:#fff;}
.adv1_p11{ font-weight:bold;}
.adv1_p12 li{ float:left; height:70px; display: flex; align-items: flex-end; justify-content: flex-end;}
.adv1_p12 li a{ padding: 0 30px; position: relative; display: block; color:#FFF; background:#5aab77;line-height: 56px;}
/*.adv1_p12 li:hover{ height: 70px;}
*/.adv1_p12 li:hover a{background: #0a887c;line-height: 70px;}
.adv1_p12 li:hover a:before{ position:absolute; left:0px; width:100%; height:100%; content: ""; box-shadow:0 0 15px 0  rgba(0, 0, 0, 0.5); z-index:999999}
.bg1{ padding:5% 0;}
.nr1_p2{ color:#fff;}
.nr1_p2 .tt10{ font-weight:bold;}
.more1{ display:block; float:right; background:#fff; color:#008a83; padding:0 15%; border-radius:8px; line-height:2;}
.more1:hover{ background:#008a83; color:#fff;}
.span12 { position:relative;}
.owl-carousel .owl-wrapper-outer {overflow: hidden;position: relative;width: 100%;}
.owl-carousel .owl-item {float: left;}
.item{  margin:0px; padding-right:5%;}
.owl-theme .owl-controls{ height:0; opacity:0; }
.owl-theme .owl-controls .owl-buttons div{ color: #FFF; display: inline-block; zoom: 1; *display: inline; margin: 5px; padding: 3px 10px; font-size: 12px; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; background: #869791; filter: Alpha(Opacity=50);/*IE7 fix*/ opacity: 0.5; } 
.owl-buttons div:hover{ filter: Alpha(Opacity=100); opacity: 1; text-decoration: none; }
.owl-page{ display: inline-block; zoom: 1; *display: inline;} 
.owl-theme .owl-controls .owl-page span{ display: block; width: 12px; height: 12px; margin: 5px 7px; filter: Alpha(Opacity=50); opacity: 0.5; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; background: #869791; } 
.owl-theme .owl-controls .owl-page.active span, .owl-theme .owl-controls.clickable .owl-page:hover span{ filter: Alpha(Opacity=100);/*IE7 fix*/ opacity: 1; } .owl-theme .owl-controls .owl-page span.owl-numbers{ height: auto; width: auto; color: #FFF; padding: 2px 10px; font-size: 12px; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; } /* preloading images */ .owl-item.loading{ min-height: 150px; background: url(AjaxLoader.gif) no-repeat center center }
.customNavigation{ position:absolute; bottom:3%; right:-12%;}
.customNavigation a{ -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); /*float:left;*/ display:block; margin-bottom:10px;}
/*.customNavigation a.next,.customNavigation a.next2{ float:right;}*/
.customNavigation a img{ box-shadow:0 0 10px rgba(0, 0, 0, 0.1); border-radius:50%;}
.nr1_p11{ background:#FFF; text-align:right;}
.nr1_p12{ padding:6% 4%; line-height:2;}
.nr1_p15{ color:#008a83; display:block; overflow: hidden; text-overflow:ellipsis; white-space: nowrap;}
.nr1_p13{ display:block; overflow: hidden; text-overflow:ellipsis; white-space: nowrap; margin:5px 0;}
.nr1_p14{ color:#999;}

/* scrollDiv */
.scrolldd{ clear:both;overflow: hidden; position:relative;}
.scrollDiv {/*height: 25px;*//* 必要元素 */ position:relative;overflow: hidden;/* 必要元素 */transition: all 0.8s;}
.scrollDiv li:first-child{ margin-top:-90%;}
.scrollDiv li { padding:5%;transition: all 0.8s;}
.scrollDiv li .img2{ box-shadow:0px 5px 50px rgba(0, 0, 0, 0.3);}
#s2, #s3 {/*height:950px;*/ height:100%;}
.nr1_p31{ font-weight:bold; color:#028b83; line-height:1.2; padding:2% 0;}
.nr1_p32{ color:#000; text-transform:uppercase; line-height:1.4; padding:2% 0;}
.nr1_p33{ color:#777; padding:5% 0;}

/*案例图册*/
.wrap{ width:50%;}
.scrollbox{ position: relative; padding:0 10% 0 5%;}
#scrollDiv{ width:100%; height:100vh; overflow:hidden; display: block;}
#scrollDiv ul{ width: 100%; }
#scrollDiv li{width:94%;transition: 0.5s all; -webkit-transition: 0.5s all; -moz-transition: 0.5s all; -o-transition: 0.5s all; padding:5% 3%;}
#scrollDiv li a{ box-shadow:0 10px 30px rgba(0, 0, 0, 0.2);}
#scrollDiv ul li{ margin-top:-72%; margin-bottom:72%}
.scroltit{ position: absolute; right:-5%; top:50%;width:60px; text-align:center;}
.scroltit small{ display:block;text-align: center; margin:2px 0; transition: 0.5s all; -webkit-transition: 0.5s all; -moz-transition: 0.5s all; -o-transition: 0.5s all;}
.scroltit small img{margin:6px 0;-webkit-filter: grayscale(100%); /* <-变灰，变白-> */ filter: grayscale(100%);}
.scroltit small:hover img{ -webkit-filter: grayscale(0%); /* Chrome, Safari, Opera */ filter: grayscale(0%);}
.scroltit small:hover{ color:#018a83;}

.nr1_p5{ margin:0 -2%;}
.nr1_p5 li{ float:left; width:21%; padding:0 2%;}
.nr1_p51{ background:#FFF; border-radius:12px; padding:5%; margin-top:10%;transition: all 0.3s; box-shadow:0px 5px 20px rgba(0, 0, 0, 0.1);}
.nr1_p51 .img3{ border-radius:10px;}
.nr1_p52{ display:block; line-height:30px; height:60px; margin:8% 0 4% 0;overflow: hidden;display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; clear:both;}
.nr1_p53{ color:#8d8d8d;overflow: hidden;display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp:4; margin:5% 10% 25% 0;clear:both; line-height:1.6}
.nr1_p54{ margin:0% 6%; padding-top:10%; border-top:1px solid #ddd; overflow: hidden; clear:both;}
.nr1_p54 a{ display:block; border:1px solid #000; color:#000; padding:2% 15%;}
.nr1_p55{ display:block; float:left; border:1px solid #5cb07a; color:#5cb07a; padding:5px 2%;}
.nr1_p55:hover{color:#fff; background:#5cb07a; border:1px solid #5cb07a;}

.nr1_p5 li:hover .nr1_p51{ margin-top:0;background:linear-gradient(to top, #5cb07a, #018a83);transition: all 0.3s;}
.nr1_p5 li:hover .nr1_p52,.nr1_p5 li:hover .nr1_p53{ color:#FFF;}
.nr1_p5 li:hover .nr1_p54{ border-top:1px solid #fff;}
.nr1_p5 li:hover .nr1_p54 a{color:#5cb07a; background:#fff; border:1px solid #fff;}
.nr1_p61{ padding:4% 5%; overflow:hidden; clear:both;}
.nr1_p62{ float:left; width:20%; font-family:"宋体"; font-weight:bold; color:#008a83;}
.nr1_p621{-webkit-transform:rotate(-270deg);-moz-transform:rotate(-270deg);	rotation:-2700deg; float:left; margin-top:20px; letter-spacing:2px;}
.nr1_p622{ float:left; text-align:center; margin:-5px;}
.nr1_p623{ border-top:1px solid #008a83;}
.nr1_p63{ float:right; width:72%; padding-right:3%;}
.nr1_p631{ display:block;overflow: hidden; text-overflow:ellipsis; white-space: nowrap; line-height:2;}
.nr1_p632{ margin:2% 0; height:100px; line-height:25px;overflow: hidden;}
.nr1_p6320{overflow: hidden;display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2;}
.nr1_p633{ display:block; color:#999;}
.nr1_p633 span{ color:#008a83;}
.nr1_p61:hover{ background:url(../images/bg4.png) no-repeat center right #5cb07a; background-size:auto 100%; color:#fff;}
.nr1_p61:hover .nr1_p62,.nr1_p61:hover a{ color:#FFF;}
.nr1_p61:hover .nr1_p623{ border-top:1px solid #fff;}
.nr1_p61:hover .nr1_p633 span{ color:#FFF;}
.nr1_p61:hover .nr1_p6320{overflow: hidden;display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4;}
.nr1_p7 .img1{ padding-bottom:141%; box-shadow:0px 5px 15px rgba(0, 0, 0, 0.15); border-radius:8px;}
.nr1_p81{ border-bottom:1px solid rgba(255,255,255,0.9); color:#FFF; clear:both; margin-bottom:-10px; position:relative;}
.nr1_p81 p{ float:left; position:relative; font-weight:bold;}
/*.nr1_p81 p:before{ position:absolute; left:0; bottom:-7px; width:100%; height:5px; content: ""; background:url(../images/ico3.png) no-repeat center bottom;  transition: all 0.8s; border-top:2px solid #fff;}*/
.nr1_p81 a{ display:block; float:right; color:#fff; position:absolute; bottom:18%; right:1%;}
.nr1_p821{ background:#FFF; border-radius:3px; padding:5%; transition: all 0.3s; box-shadow:0px 5px 20px rgba(0, 0, 0, 0.1);margin-top:8%;}
.nr1_p822{ color:#888;}
.nr1_p822 span{  color:#008a83;}
.nr1_p823{ display:block;overflow: hidden;display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; line-height:30px; height:60px;}
.nr1_p82 li:hover .nr1_p821{ margin-top:0;background:linear-gradient(to left, #5cb07a, #018a83);transition: all 0.3s;}
.nr1_p82 li:hover .nr1_p822,.nr1_p82 li:hover .nr1_p822 span,.nr1_p82 li:hover .nr1_p823{ color:#fff;}
.nr1_p820{ position:relative; padding:6%;}
.nr1_p82 li:hover .nr1_p820:before{ position:absolute; left:0;top:0px; width:30%; height:5px; content: ""; background:url(../images/ico3.png) no-repeat center bottom;  transition: all 0.8s; border-top:3px solid #fff;}
.bg5{ background:url(../images/bg6.jpg) no-repeat center bottom;}
.bg6{ background:url(../images/bg7.png) no-repeat center  right;}
.nr1_p91{ font-weight:bold; color:#5cb07a; float:left;}
.nr1_p91r{ float:right; width:100px;}
.nr1_p91r .nr1_p55{ display:block; float: none; border:1px solid #5cb07a; color:#5cb07a; padding:5px; text-align:center;}

.nr1_p91r .nr1_p55:hover{color:#fff; background:#5cb07a; border:1px solid #5cb07a;}

.nr1_p92 li div{ padding:10%; border-radius:10px; position:relative; margin-top:8%; transition: all 0.3s;}
.nr1_p92 li .img4:before{ position:absolute; left:0; top:0;width:100%; height:100%; content: ""; background:rgba(0,0,0,0.4); transition: all 0.8s; z-index:9999;}
.nr1_p92 li .img4{ border-radius:10px;}
.nr1_p92 li:hover div{ padding:0; margin-top:0;}
.nr1_p92 li:hover .img4:before{ background:rgba(0,0,0,0);}
.nr1_p93{ transition: all 0.8s;}
.nr1_p931{ padding:5% 0 0 5%; position:relative;}
.nr1_p931:before{ position:absolute; left:0; top:0;width:95%; height:95%; content: ""; background:#CCC; transition: all 0.8s;}
.nr1_p93:hover .nr1_p931:before{background:linear-gradient(to left, #5cb07a, #018a83);}
.nr1_p941,.nr1_p944{ display:block; color:#5cb07a;}
.nr1_p941 span{ display:block; float:left; background:#5cb07a; color:#fff; padding:0 20px; margin-right:5px;}
.span13{ position:relative; padding:30px;}
.span13 .item{ margin:0px; padding-right:0%; text-align:center;}
.span13 .item img{ width:200px ; height:100px;}
.customNavigation2{ position:absolute; left:0; top:calc(50% - 20px); width:100%; text-align: center;}
.customNavigation2 a{ -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; z-index:999; float:left;}
.customNavigation2 a.next2{ float:right;}
.customNavigation2 a img{ box-shadow:0 0 10px rgba(0, 0, 0, 0); border-radius:0;}
.fbg{ background:#5cb07a; color:#FFF;}
.foot_p20{ border:1px solid #b2dac0;}
.foot_p21 li{ float:left; width:50%; text-align:center; background:rgba(255,255,255,0.5); color:#FFF; font-weight:bold; padding:2% 0;}
.foot_p21 .active{ background:#008a83;}
.foot_p22{ padding:3% 5%;  ;min-height:240px;}
.foot_p22 a{ color:#fff;line-height:1.5;}
.f_sear1{ background:#FFF; padding:0 5px; border-radius:8px; border:none; line-height:32px;}
.f_sear2{ background:#FFF; padding:0 10px; border-radius:8px; border:none; line-height:32px; color:#333}
.f_sear2:hover{ background:#028b83; color:#FFF;}
.tit1{ border-bottom:1px solid #999; line-height:36px;}
.tit1_p1{ float:left;}
.tit1_p2{ float:right;}
.nr2_p1 li{ padding:2% 0;transition: all 0.3s;}
.nr2_p11{ padding:1%;}
.nr2_p12{ float:left; width:205px;}
.nr2_p13{ float:right; width:calc(98% - 205px);}
.nr2_p14{ display:block; font-weight:bold; color:#028b83; overflow: hidden; text-overflow:ellipsis; white-space: nowrap; border-left:3px solid #028b83; padding-left:15px;}
.nr2_p15{overflow: hidden;display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp:3; color:#888; margin:2%;}
.nr2_p1 li:hover .nr2_p11{background:linear-gradient(to right, #5cb07a, #018a83); color:#FFF;}
.nr2_p1 li:hover .nr2_p14,.nr2_p1 li:hover .nr2_p15{ color:#FFF;}
.page1 a{ display:block; float:left; margin:5px; border:1px solid #ddd; padding:0 8px; line-height:2;}

.nr2_p21{ text-align:center;}
.nr2_p22{ line-height:1.8;}
.copy { border-top:1px solid #fff; text-align:center; color:#FFF}
.copy a{   color:#FFF}

.pages{padding: 20px 0;width:100%;text-align: center;clear: both;}
.pages a,.pages span{color: #666;padding: 0 15px;margin: 0 3px;display: inline-block;vertical-align: middle;line-height: 34px;background: #f9f9f9;border: 1px solid #f2f2f2;}
.pages a:hover{display:inline-block;color: #fff;background: #5cb07a;border-color: #5cb07a;box-shadow: 0 0 14px rgba(0, 0, 0, .2);}
.pages span{display:inline-block;color: #666;}
.pages a.page-num-current{display:inline-block;color: #fff;background: #5cb07a;border-color: #5cb07a;box-shadow: 0 0 14px rgba(0, 0, 0, .2);}

.about_p1{}
.about_p11 { float:left; width:38%; text-align:center}
.about_p12 { float:right; width:60%}
.bao_tit { border-radius:8px; background-image:linear-gradient(to right, #0c8d81,#5bb07a); height:50px; line-height:50px; text-align:center; color:#FFF; font-weight:bold }
.gjlist {width:70%; margin:0 auto;border-bottom-left-radius:8px;border-bottom-right-radius:8px; box-shadow: 0 0 14px rgba(0, 0, 0, .2); padding:10px 20px; }
.gjlist li { padding:10px;   border-bottom:1px solid #CCC}
.gjlist li.on { background:#5cb07a}
.gjlist li.on a { color:#FFF}
.gjlist li:hover { background:#5cb07a}
.gjlist li:hover a { color:#FFF}

.bao_left { float:left; width:15%;}
.bao_right { float:right; width:80%}

.ho2_map {
  width: 100%;
  position: relative;
}
 .ho2_map .mo {
  position: absolute;
  transform: translate(-50%, -50%);
  cursor: pointer;
}
 .ho2_map .mo:hover .hd,  .ho2_map .mo.on .hd {
  display: none;
}
 .ho2_map .mo:hover .bd,  .ho2_map .mo.on .bd {
  display: block;
}
 .ho2_map .mo_box {
  position: relative;
}
 .ho2_map .mo_box .hd {
  position: relative;
  width: 1.2rem;
  height: 1.2rem;
}
 .ho2_map .mo_box .hd .dd {
  width: 10px;
  height: 10px;
  background-color: #515151;
  border-radius: 50%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
 .ho2_map .mo_box .hd::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  border: solid 1px #0b8b7f;
  border-radius: 50%;
  -webkit-animation: bb1 3s 1.4s infinite linear;
          animation: bb1 3s 1.4s infinite linear;
}
 .ho2_map .mo_box .hd::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  border: solid 1px #0b8b7f;
  border-radius: 50%;
  -webkit-animation: bb1 3s infinite linear;
          animation: bb1 3s infinite linear;
}
 .ho2_map .mo_box .bd {
  display: none;
  position: relative;
  width: 3rem;
  height: 3rem;
   margin-top:-35px;
}
 .ho2_map .mo_box .bd .bd_ {
  /*background-color: #b80a1f;*/
  background:url(../images/bgon.png) bottom no-repeat;
  color: #fff;
  text-align: center;
  font-family: Mont;
  width: 15rem;
  height: 5.7rem;
 /* border-radius: 50%;*/
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: 1%;
  left: 50%;
 transform: translate(-50%, -50%);
  z-index: 5;
  line-height:2;
}
 .ho2_map .mo_box .bd .bd_  span{ padding-top:8px;}
  .ho2_map .mo_box .bd .bd_  span a{ color: #fff;}
 .ho2_map .mo_box .bd::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-color: #0b8b7f;
  border-radius: 50%;
  -webkit-animation: bb1 3s 1.4s infinite linear;
          animation: bb1 3s 1.4s infinite linear;
}
 .ho2_map .mo_box .bd::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-color: #0b8b7f;
  border-radius: 50%;
  -webkit-animation: bb1 3s infinite linear;
          animation: bb1 3s infinite linear;
}
 .ho2_map .mo1 {
  top: 30.4%;
  left: 74%;
}
 .ho2_map .mo2 {
  top: 57.5%;
  left: 77%;
}
 .ho2_map .mo3 {
  top: 53.5%;
  left: 73%;
}
 .ho2_map .mo4 {
  top: 57.5%;
  left: 45.5%;
}
 .ho2_map .mo5 {
  top: 56%;
  left: 47%;
}
 .ho2_map .mo6 {
  top: 66%;
  left: 27%;
}
 .ho2_map .mo7 {
  top: 40%;
  left: 12%;
}

 .ho2_map .mo8 {
  top: 47%;
  left: 72.5%;
}

 .ho2_map .mo9 {
  top: 60%;
  left: 18%;
}

 .ho2_map .mo10 {
   top: 52.5%;
  left: 41.7%;
}

.baise{ background:#FFF }

.title{ margin:0 auto; text-align:center}
.hxinput{ border:none; border-bottom:1px solid #000; line-height:2 }
.hxinput2{ border:none; border-bottom:1px solid #000; width:90%; line-height:2 }
.formdc { clear:both; font-family:Arial}
.formdc li { padding:10px 0; line-height:2}
.formdc li p { padding:5px;}
.formdc li p input { margin-left:15px;}

.formdc li button { background:#3b7705; padding:10px 15px; width:150px; margin:0 auto;border-radius: 10px;border:none; color:#FFF; font-weight:bold; font-size:18px; text-align:center}




@media (max-width:768px){
.pc{ display:none;} 
.app{ display:block;} 
.mm1{ padding:1%; width:96%; margin:0 auto;} 
.f14{ font-size:12px;} 
.f16{ font-size:14px;} 
.f18{ font-size:15px;} 
.pp1{ padding:5px 0;} 
.pp2{ padding:10px 0;} 

.nr1_p010{ width:96%; margin:3% auto;}
.qt{ position:relative; width:100%; padding-bottom:90%; height:0; margin:5% 0 10% 0;} 
.fullSlide .bd{position:relative;z-index:0;overflow:hidden;height:100%; box-shadow:0 0 10px rgba(0, 0, 0, 0.2);} 
.fullSlide .hd{position:absolute; top:100%; left:calc(50% - 100px); width:180px;height:22px;line-height:20px;} 
.fullSlide .hd ul li{cursor:pointer;display:inline-block;*display:inline;zoom:1;width:12px; max-width:50px;height:12px;margin:5px 8px;overflow:hidden;filter:alpha(opacity=90);line-height:999px; border:1px solid #008a83; background:rgba(0,138,131,0); border-radius:50px;} 
.fullSlide .prev,.fullSlide .next{display:block;position:absolute;z-index:1;top:calc(100% + 8px);margin-top:-15px; left:calc(50% + 100px);z-index:1;width:30px;height:30px; cursor:pointer;filter:alpha(opacity=100);opacity:1;} 
.fullSlide .next{ left:calc(50% + 130px);}
.nr1_p010 .nr1_p31{ padding:4% 0;}
.adv1_p1{ position:absolute; bottom:10%; left:2%; width:96%;}
.adv1_p12{ display:none}
.adv1_p12 li{ height:36px; line-height:36px; width:25%; text-align:center;}
.adv1_p12 li a{ padding:0px; position: relative; display: block; color:#FFF;}
.adv1_p12 li:hover{ height:50px;line-height:50px;}
.m_c{ padding:1%; width:96%; margin:0 auto;}
.m_cd{ padding:1%; width:96%; margin:0 auto;}
.bg1{ background:url(../images/bg1.jpg) no-repeat center; background-size:auto 100%;}
.bg2{ background:url(../images/bg2.jpg) no-repeat center; background-size:auto 100%;}
.bg3{ background:url(../images/bg3.jpg) no-repeat center top;}
.bg4{ background:url(../images/bg5.jpg) no-repeat center top;}
.nr1_p1{ width:90%; padding:5% 0 2% 2%;}
.nr1_p2{ width:90%; margin:5% auto; text-align:right; color:#fff;}
.customNavigation{ right:-30px;}
.customNavigation a{width:30px;}
.scrollDiv li:first-child{ margin-top:-70%;}
#s2, #s3 {height:560px;}
.wrap{ width:100%;}
.scrollbox{ position: relative; padding:0 10% 0 5%;}
#scrollDiv li a{ box-shadow:0 5px 15px rgba(0, 0, 0, 0.2);}
#scrollDiv{ width:100%; height:66vh; overflow:hidden; display: block;}
.scroltit{ right:-2%; width:40px;}
.nr1_p3{ padding:5%; text-align:left;}
.nr1_p5 li{ float:left; width:46%; padding:0 2%;}
.nr1_p61{ padding:3% 1%;}
.nr1_p62{ float:left; width:30%; font-family:"宋体"; font-weight:bold; color:#008a83;}
.nr1_p621{-webkit-transform:rotate(-270deg);-moz-transform:rotate(-270deg);	rotation:-2700deg; float:left; margin-top:2px; letter-spacing:2px; font-size:12px;}
.nr1_p622{ float:left; text-align:center; margin:-2px; margin-top:-15px;}
.nr1_p623{ border-top:1px solid #008a83;}
.nr1_p63{ float:right; width:66%; padding-right:3%;}
.nr1_p7{ padding:5% 2%;}

.nr1_p81 p:before{ position:absolute; left:0; bottom:-7px; width:100%; height:5px; content: ""; background:url(../images/ico3.png) no-repeat center bottom;  transition: all 0.8s; border-top:2px solid #fff;}
.nr1_p821{margin-top:3%;}
.nr1_p820{ position:relative; padding:2% 3%;}
.nr1_p82 li:hover .nr1_p820:before{ position:absolute; left:0;top:0px; width:0%; height:0px; content: ""; background:url(../images/ico3.png) no-repeat center bottom;  transition: all 0.8s; border-top:0px solid #fff;}
.nr1_p92 li div{ padding:2% 3%; border-radius:10px; position:relative; margin-top:3%; transition: all 0.3s;}
.nr1_p94{ padding:6% 3%;}
.foot_p1,.foot_p2{ padding:2%;}
.foot_p3{ width:240px; margin:2% auto;}
.nr2_p12{ float:left; width:130px;}
.nr2_p13{ float:right; width:calc(98% - 130px);}
.nr2_p2{ width:96%; margin:0 auto;}


.zlapp_p1{ line-height:2; border-bottom:1px dashed #ddd;}
.zlapp_p2 span{ color:#728304;}
.zlapp_p3{ background:#285502; line-height:44px; padding-left:12px; color:#fff;}
.zlapp_p4 li{ background: url(../images/tuic6.jpg) no-repeat left center #f3f3f3; padding-left:36px; line-height:2.5; border-bottom:1px solid #fff; width:calc(50% - 36px); float:left}
.zlapp_p4 li a:hover{ color:#285502;}

.bao_left {  width:100%;}
.bao_right {  width:100%}

.gjlist {width:90%; margin:0 auto;border-bottom-left-radius:8px;border-bottom-right-radius:8px; box-shadow: 0 0 14px rgba(0, 0, 0, .2); padding:10px 20px; overflow:hidden; clear:both;   }
.gjlist li { padding:10px 1%; border-bottom:1px solid #CCC; float:left; width:calc(92% / 3); text-align:center}


 }
@media (min-width:769px) {

.fl{ float:left;} 
.fr{ float:right;} 
.f14{ font-size:14px;} 
.f16{ font-size:16px;} 
.f18{ font-size:18px;} 
.pp1{ padding:10px 0;} 
.pp2{ padding:20px 0;} 
.qt{ position:relative; width:100%; padding-bottom:63.8%; height:0;} 
.cc1{ display: flex;  justify-content:center;  align-items:Center; text-align:center;} 

.nr1_p010{ position:relative; padding-left:30%;}
.nr1_p010 .nr1_p31{ position:absolute; left:0; top:0;}
.nr1_p010 .nr1_p34{ position:absolute; left:0; bottom:0; width:25%;}
.bg1{ background:url(../images/bg1.jpg) no-repeat center;}
.bg2{ background:url(../images/bg2.jpg) no-repeat center; background-size:100% 100%; padding:4%;}
.bg3{ background:url(../images/bg3.jpg) no-repeat center top; background-size:100% auto;}
.bg4{ background:url(../images/bg5.jpg) no-repeat center top; background-size:100% auto;}
/*.bg2{ position:relative; padding-bottom:56%; height:0;}
.bg2 .m_c{ position:absolute; top:0; height:100%;width:80%; left:10%;}
*/.m_c{ width:80%; margin:0 auto;}
.m_cd{ width:92%; margin:0 auto;}
.nr1_p1{ width:50%; padding-right:5%;}
.nr1_p2{ width:42%; padding-right:0; text-align:right; color:#fff;}
.nr1_p3{ width:40%; padding-right:3%; text-align:left;}
.nr1_p4{ width:50%; padding-right:7%;}
.nr1_p6{ width:66%;}
.nr1_p7{ width:30%;}
.nr1_p82 li{ float:left;/* width:29.333%; padding:2% 2%;*/ width:33.333%;}
.nr1_p92{ width:90%; margin:0 auto;}
.nr1_p92 li{ float:left; width:33.333%;}
.nr1_p93{ width:45%;}
.nr1_p94{ width:44%; padding:3%;}
.foot_p1{ width:25%;}
.foot_p2{ width:51%;}
.foot_p3{ width:20%; width:240px; padding-top:60px;}

.nr2_p2{ width:85%; margin:0 auto;}


}