/* CSS Document */
*{padding:0; margin:0}
html, body, div, ul, li, ol, h1, h2, h3, h4, h5, h6, table, tbody, th, tr, td, dl, dt, dd, span, marquee, embed, p, a, b, i{
	margin: 0;
	padding: 0;
	border: 0 none;
	outline: 0;
     }
html,body{background:#fff;}
body{ font:normal 1rem/1.6rem "Microsoft YaHei",Arial, Helvetica, sans-serif; color:#555;}
form, input, button, select, label{vertical-align: middle; outline: 0;}
ul, li, ol{list-style:none;}
a, a:visited{text-decoration:none; color:#555;}
a:hover, a:active{text-decoration:none; color:#555;}
img{border:0 none;}
.proimg{height:278px}
.newimg{height:242px}
.clear{ clear:both;}
.ov{ overflow:hidden;}
.fl{ float:left;}
.fr{ float:right;}
.p0{ padding:0;}
.m0{ margin:0;}
.mr0{ margin-right:0 !important;}
.bn{ border:0 none !important;}
.tc{ text-align:center;}
.ab{ position:absolute;}
.bg{ width:100%; clear:both; overflow: hidden;}

/*head*/
.top{width: 100%;height: 750px;position: relative;}
.nav{ width: 100%; height: 6rem; top:0; left: 0; position:absolute; z-index: 9997;}
.logo{display: block;width: 14%;top: 15%;left: 2%;position:absolute;/* background-color: #1b866e; */color: #fff;font-weight: bold;font-size: 3rem;line-height: 6rem;text-align: center;z-index: 9998;}
.inav{ width: 64%; height: 5rem; padding-top: 1rem; top:0; right: 0; position:absolute; z-index: 9999;}
.inav .nav-box{width:100%; margin: 0 auto;}
.inav .nav-box li{ width: 11%; float: left;text-align: center; font-size: 1rem; line-height: 5rem;margin-left: 1%;}
.inav .nav-box a{ display: block; color: #fff;}
.inav .nav-box a:hover{  background:#1b866e;filter:alpha(opacity=80);background:rgba(27,134,110,.8);}
.nav-con{ display: none; }
.nav-btn{display: none;}
.sz{position: absolute;bottom: 6px;left: 0;width: 86%;height: 6rem;padding: 1.5% 7%;z-index: 9995;background:#000;filter:alpha(opacity=40);background:rgba(0,0,0,.4);}
.sz li{ width: 20%; float: left; text-align: center; color: #fff;}
.sz li h1{font-size: 3.4rem; line-height: 4rem;}
.sz li p{ font-size: 1rem;}

/*banner*/
.flexslider{width:100%;height: 754px;top: 0;left: 0;margin:0 auto;position:absolute;overflow:hidden;zoom:1;z-index: 100;}
.flex-viewport{max-height:2000px;-webkit-transition:all 1s ease;-moz-transition:all 1s ease;transition:all 1s ease;}
.flexslider .slides{zoom:1; text-align: left;}
.flexslider .slides img{ width: 100%;}
.flex-direction-nav a{width:60px;height:90px;line-height:99em;overflow:hidden;margin:-60px 0 0;display:block;background:url(../images/ad_ctr.png) no-repeat;position:absolute;top:50%;z-index:10;cursor:pointer;opacity:0;filter:alpha(opacity=0);-webkit-transition:all .3s ease;}
.flex-direction-nav .flex-next{background-position:0 -90px;right:0;}
.flex-direction-nav .flex-prev{left:0;}
.flexslider:hover .flex-next{opacity:0.8;filter:alpha(opacity=25);}
.flexslider:hover .flex-prev{opacity:0.8;filter:alpha(opacity=25);}
.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover{opacity:1;filter:alpha(opacity=50);}
.flex-control-nav{width:20%;position:absolute;bottom:24%; right:5%;text-align:center;display: none;}
.flex-control-nav li{margin:0 8px;display:inline-block;zoom:1;*display:inline;}
.flex-control-paging li a{background:url(../images/dot.png) no-repeat 0 -22px;width:20px;height:20px;overflow:hidden;text-indent:-99em;display:block;cursor:pointer;}
.flex-control-paging li a.flex-active{background-position:0 0;}

/*视频*/
.syshipin{ padding: 5% 0;}
.shipinl{ width: 50%; height: 720px; padding: 5% 0 0 14%; background:url(../images/sy_05.jpg) no-repeat 0 0; }
.shipinl video{ width: 90%; height: 100%;}
.shipinr{width: 25%; padding: 8% 7% 0 0; text-align: right;}
.shipinr .ship1{ font:normal 3rem/3.6rem "Microsoft YaHei",Arial, Helvetica, sans-serif; color:#1a856e;}
.shipinr .ship2{ font-size: 1.8rem; color: #000; padding-top: 20px;}
.shipinr .ship3{ padding-left: 20%; font-size: 0.9rem; line-height: 1.8rem; color: #000;}
.shipinr .shu{ width: 20px; height: 2px; background-color: #080808; margin: 5% 0; float: right;}

/*方案*/
.fang{ height: 900px; background:url(../images/sy_09.jpg) no-repeat 0 0; }
.fangtit{padding: 6% 7% 5%;color: #fff;font-size: 1.6rem;line-height: 60px;}
.fangtit p{font-size: 2rem;}
/* tab */
#tab{width:86%;position:relative;margin:0 auto; color: #fff;}
#tab .tab_menu{width:100%;position:absolute;z-index:1;}
#tab .tab_menu li{width:40%;height: 105px;margin-bottom: 1px;line-height: 105px;cursor:pointer;font-size: 1.4rem;background:#000;filter:alpha(opacity=20);background:rgba(0,0,0,.2);}
#tab .tab_menu li i{ display: inline-block; width: 2px; height: 30px; background-color: #fff; margin: 0 8%; vertical-align: middle; }
#tab .tab_menu li b{display: block;width: 20px;height: 29px;background:url(../images/icon2.png) no-repeat 0 0;margin: 6.5% 8% 0;float: right;}
#tab .tab_menu li:hover{ background:#1b866e; filter:alpha(opacity=80); background:rgba(27,134,110,.8);}
#tab .tab_menu .selected{cursor:pointer;}
#tab .tab_box{width:45%; clear:both;top:0px; left: 50%; position:relative;}
#tab .tab_box h1{width: 50%;font-weight: normal;font-size: 2rem;line-height: 4rem;}
#tab .tab_box .p1{width: 50px;height: 4px;background:#1b866e;margin: 1% 0;}
#tab .tab_box p{ font-size: 0.9rem; line-height: 1.8rem;overflow:hidden;text-overflow: ellipsis;-webkit-line-clamp:8;display: -webkit-box;-webkit-box-orient: vertical;}
.hide{display:none;}
.tab_box div{/* padding:10px; */} 

/*æ–°é—»*/
.synewt{ padding: 5% 7% 3%; color: #555; font-size: 50px; line-height: 60px;}
.synewt p{ font-size: 60px;}
.synewz{ width:86%; height: 900px; padding: 0 7% 3%; position: relative; }
.synewz a{ display: block; position: absolute; overflow: hidden;}
.synewz a img { width: 100%; height: 100%; transition: all 1s; -webkit-transition: all 1s; }
.synewz a:hover img { transform: scale(1.2); -webkit-transform: scale(1.2); -moz-transform: scale(1.2); -ms-transform: scale(1.2); }
.synew1{ width:35%; height: 84.5%; top: 0; left: 7%;}
.synew2{ width:24%; height: 32%; top: 0; left: 43.5%;}
.synew3{ width:24%; height: 49%; top: 35.5%; left: 43.5%;}
.synew4{ width:24%; height: 49%; top: 0; left: 69%;}
.synew5{ width:24%; height: 32%; top: 52%; left: 69%;}
.synewbg{position: absolute; left: 0; bottom: 0; padding: 4%; color: #fff; background:#000;filter:alpha(opacity=60);background:rgba(0,0,0,0.6); transition: all 1s; -webkit-transition: all 1s; opacity: 0;}
.synewbg h1{ font-size: 1.4rem; padding: 0 0 3%;}
.synewbg h1 span{ font-size: 0.8rem; font-weight: normal; float: right;}
.synewbg p{ font-size: 0.9rem;}
.synewz a:hover .synewbg{ opacity: 1;}

/*留言*/
.liuyan{ background-color: #054e3e;}
.lyleft{width: 36%; padding: 7% 7% 5% 7%; color: #fff;}
.lyleft h1{ font-weight: normal; font-size: 1.2rem; }
.lyleft h2{ font-size: 3.4rem; line-height: 5rem;}
.lyleft h3{ font-weight: normal; font-size: 1.2rem; padding-top: 10%;}
.lyleft h4{ font-weight: normal; font-size: 0.9rem; padding-top: 2%; padding-bottom: 10%;}
.lyleft span{ vertical-align: top;}
.lyleft .name{ width: 94%; height: 2rem; padding:0.8rem 0;  font-size: 0.9rem; line-height: 2rem; border-bottom: 1px solid #69958b;}
.lyleft .name input, .liuyan .lyleft .name textarea{ width: 75%;height: 2rem; line-height: 2rem;  border:0 none; background: none;color: #fff;}
.lyleft .btn { padding: 60px 0 0;}
.lyleft .btn input{border:0 none; background: none; border-bottom: 1px solid #fff; line-height: 2rem; color: #fff; font-size: 0.9rem; cursor: pointer;}
.lyright{ width: 50%; height: 900px; background:url(../images/sy_26.jpg) no-repeat 0 0; background-size: cover; }

/*foot*/
.foot{height: 560px;padding-top: 5%;background:url(../images/sy_28.jpg) no-repeat center bottom;background-size: 100% 100%;position: relative;}
.foota{ text-align: center;}
.foota h1{ font-weight: normal; font-size: 1.2rem; color: #1b866e;}
.foota h2{ font-weight: normal; font-size: 3rem; color: #555; line-height: 4rem;}
.foota p{padding: 0.5% 10% 0%;font-size: 0.9rem;color: #777;}
.footb{ padding: 0 20%;}
.footb li{ display: block; float: left; width: 20%; color: #1b866e; font-size: 1.1rem; text-align: center;}
.footb li i{ display: block; width: 86px; height:80px; margin: 0 auto; background:url(../images/icon.png) no-repeat;}
.footb li i.foo1{ background-position: 10px 0;}
.footb li i.foo2{ background-position: -77px 0;}
.footb li i.foo3{ background-position: -177px 0;}
.footb li i.foo4{ background-position: -264px 0;}
.footb li i.foo5{ background-position: -352px 0;}
.footc{ width: 86%; padding:0 7%; position: absolute; bottom: 0; left: 0; line-height: 40px; color: #fff; font-size: 0.9rem; line-height: 3rem; background:#000;filter:alpha(opacity=40);background:rgba(0,0,0,0.4);}
.fool{ float: left;}
.foor{ float: right;}

/*内页*/
.nytop{ background-position: center center; }
.nu{ width: 86%; margin:0 7% 5%;}
.nt{ position: relative; z-index: 10;}
.ntl{ float: left; width: 16%; padding: 6% 2% 6% 3%; background-color: #1b866e; color: #fff; margin-top: -10%;  z-index: 400; }
.ntl h1{ font-weight: normal; font-size: 1.2rem; line-height: 1.2rem;}
.ntl h2{font-weight: normal;font-size: 2.4rem;line-height: 3.8rem;}
.ntl div{ width: 30px; height: 2px; margin:15% 0; background-color: #fff;}
.ntl p{/* font-size: 1rem; */}
.ntr{ float: left; width: 79%; padding: 3% 0 0 0 ;}
.ntul{ overflow: hidden;; text-align: right;}
.ntul a{display: inline-block;width: 15%;margin:0 0 0 1%;margin-bottom: 1%;/* font-size: 14px; */padding: 5px 0;/* line-height: 2.6rem; */text-align: center;background-color: #1b866e;color: #fff;}
.ntul a:hover{  background-color: #f0a400;}
.ntrm{ display: inline-block; float: right; font-size: 3rem;line-height: 4.6rem; border-bottom: 2px solid #1b866e; color: #1b866e; margin-top: 4%;}
.nc{ display: block; clear: both; width: 100%; padding: 3% 0 0; margin-bottom: -3%; line-height: 1.8rem;}
.nc p{ padding-bottom: 1%;}
.prolist { width: 100%; overflow: hidden;}
.prolist li{ float: left; width:23%; padding: 0 1% 2%;  }
.proimg img{ width: 100%; height:100%;}
.protxt{ text-align: center; line-height: 2rem;overflow:hidden;text-overflow: ellipsis;-webkit-line-clamp:1;display: -webkit-box;-webkit-box-orient: vertical;}
/*分页*/
.page{ padding-top:6%; text-align: center;}
.page li{ margin: 0 1%;}
.page li, .page li a{ display: inline-block; width: 3rem; height: 3rem; text-align: center; line-height: 3rem;}
.page li a{ background:#fff; border:1px solid #1b866e;}
.page li a.act ,.page li a:hover{ background-color: #1b866e; color:#fff;}

.protit{ text-align: right; font-size: 2rem; border-bottom: 1px solid #ccc; line-height:2rem; padding-bottom: 0.5%; margin-bottom: 2%;}
.protit p{ font-size: 1rem;}

.newlist { width: 100%; overflow: hidden;}
.newlist li{ float: left; width:23%; padding: 0 0 2%; margin:0 1% 3%; border-bottom: 2px solid #ababab; }
.newimg img{ width: 100%; height:100%;}
.newtit{ line-height: 2rem; font-weight: bold; color: #000;overflow:hidden;text-overflow: ellipsis;-webkit-line-clamp:1;display: -webkit-box;-webkit-box-orient: vertical;}
.newp{ font-size: 0.9rem; line-height: 1.4rem;overflow:hidden;text-overflow: ellipsis;-webkit-line-clamp:1;display: -webkit-box;-webkit-box-orient: vertical;}
.newlist li:hover{ border-bottom: 2px solid #1b866e;}
.next{border-top: 1px solid #ababab; padding-top: 2%; margin-top: 2%; }
.lxl{ float: left; width:30%;}
.lxr{ float: left; width: 70%;}


@media screen and (max-width:1560px){
	 .shipinl{ width: 60%; padding: 5% 0 0 7%; }
	 #tab .tab_menu li i{ margin: 0 3% 0 5%;  }
	 #tab .tab_menu li b{margin: 12% 5% 0;}
	 .synewz{height: 740px;}
	 .lyright{ height: 780px;}
	 .foot{ height: 480px;padding-top: 7%;}
	 .footb li{/* color: #fff; */}
	 /*内页*/
	 .top{background-size: cover;height: 560px;}
	 .ntl h2{ font-size: 2rem;}
}

@media screen and (max-width:1420px){
	.shipinl{height: 630px;}
	#tab .tab_box h1{ width: 80%;}
	.synewz{height: 670px;}
	.foot{ height: 430px;padding-top: 9%;}
}

@media screen and (max-width:1366px){
	.logo{ width: 16%; height: 4.6rem; font-size: 2.3rem; line-height: 4.6rem;}
	.shipinl{height: 570px;}
	.shipinr .ship1{ font-size: 2.6rem; line-height: 3.2rem;}
	.fang{ height: 810px;}
	.synewz{height: 640px;}
	.lyleft h2{ font-size: 3rem; line-height: 4rem;}
	.lyleft h3{ padding-top: 5%;}
	.lyleft h4{ padding-bottom: 5%;}
	.lyright{ height: 700px;}
}

@media screen and (max-width:1024px){
	.top{ height: 550px;}
	.logo{ width: 18%; height: 5rem; font-size: 2.4rem; line-height: 5rem;}
	.inav{ width: 100%; padding: 0; position: relative;}
	.nav-con{ display: none; }
	.nav-box{  display: none;}
	.nav-btn{display: block; width: 30px; height: 23px; float: right; margin: 3% 3% 0 0; background:url(../images/icon3.png) repeat-x 0 0; position: relative; z-index: 2000;}
	.nav-con:checked ~ .nav-box{ display: block; }
	.inav .nav-box{ position:absolute; width: 100%; padding-top: 5rem; margin-top: -5rem; background:#000; filter:alpha(opacity=80);background:rgba(0,0,0,0.8); overflow: hidden;z-index: 1000;}
	.inav .nav-box li{ width: 100%; clear: both; font-size: 0.9rem; line-height: 3rem; border-bottom: 1px solid #555;}
	.flexslider{ height:550px !important;}
	.flexslider .slides img{ width: 100%;}
	.sz{ width: 94%; height: 4.8rem; padding: 0.5rem 3%; background:#1b866e;filter:alpha(opacity=100);background:rgba(27,134,110,1);bottom: 40px;}
	.sz li h1{font-size: 2.4rem;line-height: 2.8rem;}
	.sz li p{font-size: 0.8rem;}
	.shipinl{ width: 94%; padding:3%; text-align: right;}
	.shipinr{ width: 94%; padding: 3%; text-align: left;}
	.shipinr .shu{ float: left; margin: 3% 0;}
	.shipinr .ship3{ padding:0;}
	.fang{ height: 560px;}
	.fangtit{padding: 5% 3% 5%; font-size: 2.4rem;}
	.fangtit p{  font-size: 3rem;}
	#tab{ width: 94%;}
	#tab .tab_menu{ display: none;}
	#tab .tab_box{ width: 100%; left: 0;}
	#tab .tab_box h1{ font-size: 2rem;}
	#tab .tab_box .p1{margin: 1% 0;}
	.tab_box div{ padding: 0;}
	.synewt{padding: 5% 2% 3%;font-size: 2.4rem;}
	.synewt p{  font-size: 3rem;}
	.synewz{width: 93%;height:500px;padding: 0 3% 3%;}
	.synew1{width: 39%; left: 3%;}
	.synewbg{display: none;}
	.lyleft{ width: 56%;}
	.lyright{ width: 30%; height: 650px;}
	.foota p{padding: 1% 6% 5%;}
	.footb{padding: 0 3%;}
	.footc{ width:94%; line-height: 1.2rem; padding: 1% 3%;}
	.fool,.foor{ float:none; text-align: center; }
	/*内页*/
	.nu{width: 94%;margin: 0 3% 5%;}
	.ntl{width: 20%;}
	.ntr{width: 75%;}
	.lxl,.lxr{ clear: both; width: 100%;}
}

@media screen and (max-width:768px){
	.top{ height: 410px;}
	.logo{height: 4rem;font-size: 2rem;line-height: 4rem;}
	.flexslider{ height: 390px !important;}
	.flexslider .slides img{ width: 100%;}
	.flex-control-nav{bottom: 4%;}
	.sz{ display: none;}
	.synewz{ height: auto; padding-bottom: 8%;}
	.synewz a{ position: relative; top:auto; left: auto; width: 100%; height: auto; padding-bottom: 3%; overflow: hidden; clear: both;}
	.synewz a .newimg{ width: 20%; height: 100px; float: left;}
	.synewbg{ display: block; opacity: 1; position: relative; top:auto; left: auto; width: 77%; padding:0 0 0 3%; height: auto; background: none; color: #555;float: left;}
	.synewbg h1{font-size: 1.2rem; padding: 1.5% 0 1.5%;}
	.synewbg p{ height: 3rem; overflow: hidden;}
	.ntl{ display: none;}
	.ntr{ width: 100%;}
	.ntrm{margin-top: 2%;}
	/*内页*/
	.ntul a{ width: 23%;}
	.prolist li{ width: 48%;}
	.page li, .page li a{ width: 1.4rem; height: 1.4rem; line-height: 1.4rem;}
	.newlist li{width: 48%;}
	.newtit{ line-height: 1.4rem;}
	.nc{ font-size: 0.8rem;}
	.nc img{max-width: 100%;}
	.xzhs{overflow:hidden;text-overflow: ellipsis;-webkit-line-clamp:1;display: -webkit-box;-webkit-box-orient: vertical;}
}

@media screen and (max-width:560px){
	.nav{/* background: rgba(256,256,256,0.3); */height:4.3rem;}
	.top{ height: 260px;}
	.logo{ width: 30%; height: 3rem;font-size: 1.4rem;line-height: 3rem;}
	.logo img{width:88px!important;}
	.nav-btn{margin-top:7%;}
	.flexslider {height: 240px !important;}
	.flexslider .slides img{width: 160%;}
	.flex-control-nav{ width: 30%;}
	.flex-control-paging li a{ width: 10px; height: 10px; margin:0 3px;}
	.syshipin{ padding: 0 0 5%}
	.shipinl{ text-align: center; height: auto; background:none;}
	.shipinl video {width: 100%;}
	.shipinr .ship1 { font-size: 2rem; line-height: 2.2rem;}
	.fangtit{padding: 8% 3% 5%;font-size: 2rem; line-height: 2.2rem;}
	.fangtit p{  font-size: 2.4rem;}
	#tab .tab_box .p1{ margin:3% 0;}
	#tab .tab_box h1{ width: 100%; font-size: 1.6rem; line-height: 3.4rem;}
	#tab .tab_box p{line-height: 1.4rem;overflow:hidden;text-overflow: ellipsis;-webkit-line-clamp:12;display: -webkit-box;-webkit-box-orient: vertical;}
	.synewt{padding: 8% 3% 5%;font-size: 2rem; line-height: 2.2rem;}
	.synewt p{  font-size: 2.4rem;}
	.synewbg h1 span{ display: block; float: none; clear: both;}
	.lyleft{ width: 94%; padding:8% 3% 10%;}
	.lyleft h2{font-size: 2rem;line-height: 2.4rem;}
	.lyleft .name input, .liuyan .lyleft .name textarea{ width: 70%;}
	.lyleft .btn{padding: 5% 0 0;}
	.lyright{ display: none;}
	.foot{height: auto;}
	.foota h1,.foota h2,.foota p{/* color: #fff; */}
	.foota h2{ font-size: 2.2rem;}
	.foota p{padding: 1% 3% 8%;}
	.footb{ display: none;}
	.footc{ font-size: 0.8rem;}
	/*内页*/
	.ntrm{font-size: 2rem;line-height: 2.6rem;}
	.ntul a{width: 31%;}
	.proimg {
	    height: 115px;
	}
	.newimg {
	    height: 105px;
	}
	.protit{font-size:1rem;}
	.ntul a{font-size: 14px;}
}

@media screen and (max-width:420px){
	/*内页*/
	
}