*{
	margin: 0;
	padding: 0;
	font-family: "微软雅黑";
	font-style: inherit;
}
body{
	width: 100%;
	min-width: 1200px;
}
button{
	cursor: pointer;
}
/*bannner 开始*/
header{
	display: block;
	position: relative;
	width:100%;
	min-width: 1200px;
	overflow: hidden;
	height: 710px;
}
header>img{
	position: relative;
	float:left;
	z-index:1;
}
.banner{
	position: relative;
	margin:0 auto;
	width:1200px;
	z-index: 2;
}
.banntit{
	position: absolute;
	left:50%;
	top:190px;
	width:856px;
	height:134px;
	background: url(../wenlv/bannerfont.png) no-repeat;
	transform:translateX(-50%);
	-webkit-transform:translateX(-50%);
	-moz-transform:translateX(-50%);
	-ms-transform:translateX(-50%);
	-o-transform:translateX(-50%);
}
.banntit>p{
	position: absolute;
	width:173px;
	height:43px;
	line-height: 40px;
	right:123px;
	bottom: 6px;
	font-size: 36px;
	font-weight: bold;
	color:#fff;
	text-align: center;
	background-color:#1bb9bb;
}
.bannblue{
	position:absolute;
	display: block;
	width:994px;
	height:56px;
	line-height:56px;
	top:400px;
	/*background: rgba(17,203,199,.83);*/
	left:50%;
	transform:translateX(-50%);
	-webkit-transform:translateX(-50%);
	-moz-transform:translateX(-50%);
	-ms-transform:translateX(-50%);
	-o-transform:translateX(-50%);
	font-size: 26px;
	text-align: center;
	z-index: 2;
}
.bannin{
	position: relative;
	display: block;
	width:940px;
	height:100%;
	margin:0 auto;
}
.bannin>span{
	position: relative;
	display: block;
	float:left;
	margin:0 16px;
	color:#fff;
	
}
.fontdot{
	display: block;
	position: absolute;
	top:27px;
	left:-18px;
	width:6px;
	height:6px;
	border-radius: 6px;
	background-color:#fff;
	

}
.bannp{
	position: absolute;
	display: block;
	width:870px;
	height:72px;
	left:50%;
	top:490px;
	text-align: center;
	z-index: 2;
	transform:translateX(-50%);
	-webkit-transform:translateX(-50%);
	-moz-transform:translateX(-50%);
	-ms-transform:translateX(-50%);
	-o-transform:translateX(-50%);
	
}
.bannp>p{
	position: absolute;
	display: block;
	font-family: '新宋体';
 	font-weight: bolder; 
	font-size: 24px;
	color:#fff;
	letter-spacing: 1px;
	line-height: 36px;
	left:82px;
	-webkit-text-stroke:.5px #ace0c7;
}
.bannp>p:nth-of-type(2){
	top:36px;
}
.bannp>hr{
	position: absolute;
	display: block;
	float:left;
	width:70px;
	height:1px;
	border:none;
	background: #fff;
}
.bannp>hr:nth-of-type(1){
	left:0;
	top:18px;
}
.bannp>hr:nth-of-type(2){
	right:0;
	top:18px;
}
.bannp>hr:nth-of-type(3){
	left:0;
	bottom:18px;
}
.bannp>hr:nth-of-type(4){
	right:0;
	bottom:18px;
}
header>a>button{
	display: block;
	position: absolute;
	width:210px;
	height:44px;
	left:50%;
	top:598px;
	z-index: 3;
	font-size: 22px;
	transform:translateX(-50%);
	-webkit-transform:translateX(-50%);
	-moz-transform:translateX(-50%);
	-ms-transform:translateX(-50%);
	-o-transform:translateX(-50%);
	transition:.3s all;
	color:#fff;
	border-radius: 5px;
	letter-spacing: 3px;
	background-color: #1bbb6d;
	border:none;
}
header>a>button:hover{
	background-color: #047940 !important;
}
/* 水平按钮居中 */
.horizonmid{
	position: relative;
	top:815px;
	margin:0 auto;
}
/* banner结束 */
/*title of beginning*/
.gdtitlinebox{
	position: relative;
	width: 100%;
	height: 62px;
	/*float: left;*/
	margin: 71px auto 62px;
	border-bottom: 1px solid #02a757;
}
.titlinectn{
	margin: 0 auto;
	width: 1200px;
	height: 66px;
	position: relative;
}
.titleimgbox{
	position: absolute;
	height: 58px;
	width: 95px;
	top: 0px;
	left: 45px;
	border-bottom: 8px solid #02a757;
}
.titleimgbox img{
	position: relative;
	display: block;
	margin: 0 auto;

}
.titlep{
	position: absolute;
	top: 0px;
	left: 140px;
	display: block;
	width: 320px;
	height: 66px;
	line-height: 62px;
	padding-left: 15px;
	font-size: 24px;
	font-family: "微软雅黑";
	color: #363636;
	letter-spacing: 1px;
	margin:0;
}
.garden1{
	position: relative;

}
.qgarden1{
	position: relative;
	width:1200px;
	margin:0 auto;
}
.whatimg1{
	position: relative;
}
.whatimg2{
	position: relative;
	left:18px;
}

.whathr1{
	position: absolute;
	left:751px;
	top:150px;
	width:302px;
	height:3px;
	background-color: #02a757;
	transform:rotate(90deg);
	-webkit-transform:rotate(90deg);
	-o-transform:rotate(90deg);
	-ms-transform:rotate(90deg);
	border:0;
}
@keyframes g1whatimg
{
0%   {left:-830px;transform:rotate(90deg);}
100% {left:84px;transform:rotate(0deg);}
}

@-moz-keyframes g1whatimg /* Firefox */
{
0%   {left:-830px;transform:rotate(90deg);}
100% {left:84px;transform:rotate(0deg);}
}

@-webkit-keyframes g1whatimg /* Safari 和 Chrome */
{
0%   {left:-830px;transform:rotate(90deg);}
100% {left:84px;transform:rotate(0deg);}
}
@-o-keyframes g1whatimg /* Opera */
{
0%   {left:-830px;transform:rotate(90deg);}
100% {left:84px;transform:rotate(0deg);}
}
.whatimg3{
	position: relative;
	top:-10px;
	left:84px;
}
.g1whatimgbox{
	animation:g1whatimg 2s ;
	-webkit-animation:g1whatimg 2s;
	-o-animation:g1whatimg 2s;
	-ms-animation:g1whatimg 2s;
}
.whathr2{
	position: absolute;
	left:446px;
	top:282px;
	width:763px;
	height:3px;
	background-color: #02a757;
	border:0;
}
.whatimg4{
	position: relative;
	top:20px;

}
.whatdiv1{
	position: relative;
	top:-12px;
	display: inline-block;
	left:51px;
	width:730px;
	height:195px;
	font-size:14px;
	font-family: "微软雅黑";
	font-weight: normal;
	color:#363636;
	line-height: 24px;
}
.whatdiv2{
	position: relative;
	display: block;
	width:300px;
	height:246px;
	font-size:32px;
	font-family: "微软雅黑";
	font-weight: normal;
	color:#656565;
	float:right;
	top:20px;
	text-align: center;
	vertical-align: center;
	padding-top:60px;
}
.whathr3{
	position:absolute;
	top:612px;
	left:287px;
	/*right:242px;*/
	width:140px;
	background-color: #c5c5c5;
	border:1px solid #c5c5c5;
	transform:rotate(90deg);
	-webkit-transform:rotate(90deg);
	-o-transform:rotate(90deg);
	-ms-transform:rotate(90deg);
}
/* 小黑点 */
.blackdot{
	width:4px;
	height:4px;
	border-radius: 100%;
	background-color: #000;
	border:1px solid #000;
}
.blackdot1{
	position: relative;
	top:41px;
	left:355px;
}
.blackdot2{
	position: relative;
	top:51px;
	left:355px;
}
.blackdot3{
	position: relative;
	top:61px;
	left:355px;
}
/* 功能区域构成 */
.qgarden2{
	position: relative;
	width:1195px;
	height:598px;
	border-width:2px 0 1px 2px;
	border-style:solid;
	border-color: #c5c5c5;
	margin:176px auto 0;
}
.caption1{
	position: relative;
	width:262px;
	top:-20px;
	left:308px;
	background-color:#fff;
	text-align: center;
}
.gnqygcwen{
	position: relative;
	left:28px;
	top: -5px;
}
.gnqygcwen h4{
	font-size:20px;
	font-family: "微软雅黑";
	font-weight: normal;
	line-height: 30px

}
.gnqygcwen p{
	font-size:14px;
	font-family: "微软雅黑";
	font-weight: normal;
	line-height: 20px;
	width: 700px;
}
.greentipcir{
	position: relative;
	width:20px;
	height:20px;
	border-radius: 100%;
	background-color:#fff;
	border:1px solid #02a757;
}
.greencentercir{
	position: absolute;
	width:14px;
	height:14px;
	border-radius: 100%;
	background-color:#02a757;
	left:3px;
	top:3px;
}
.tipdirect{
	position: relative;
	top:42px;
	left:-12px;
}
/* 右边框的div和img */
.rgtdiv_01{
	position: absolute;
	top:-2px;
	left:809px;
	width:384px;
	height:488px;
	border-width:0 1px 1px 1px;
	border-style: solid;
	border-color:#c5c5c5;
}
.rgtimg_01{
	position: absolute;
	left:779px;
	top:-66px;
}
/*如何打造文旅项目开始*/
.howtobuildprojectbox{
	width: 1200px;
	height: 546px;
	margin: 0 auto;
	position: relative;
}
.buildprojectcenter{
	background: url(../wenlv/buildprojectboxbg.png) no-repeat;
	background-position: center 1px;
	position: absolute;
	width: 1200px;
	height: 546px;
	left: 0;
	top: 200px;
	opacity: 0;
	transition:.7s all;
}
.buildprojectctnturn{
	top: 0 !important;
	opacity: 1;
}
.buildprojectcenter img{
	position: absolute;
	display: block;
}
.buildprojectcenter>img:first-child{
	left: 0;
	top: 108px;
}
.buildprojectcenter>img:nth-child(2){
	left: 461px;
	top: 84px;
}
.buildprojectcenter>img:nth-child(3){
	right: 0;
	top: 108px;
}
.buildprojectcenter dl{
	display: block;
	width: 220px;
	height: 209px;
	position: absolute;
	top: 127px;
	color: #363636;
}
.buildprojectdl1{
	left: 265px;
	line-height: 32px;
}
.buildprojectdl2{
	right: 222px;
	line-height: 26.5px;
}
.buildprojectcenter dl dt{
	display: block;
	width: 100%;
	height: 45px;
	position: relative;
	margin: 0 auto;
	font-size: 22px;
}
.buildprojectcenter dl dd{
	display: block;
	width: 100%;
	position: relative;
	margin: 0 auto;
	background: url(../wenlv/hookicon.png) no-repeat;
	background-position: 0 9.5px;
	text-indent: 1.7em;
	font-size: 14px;
}
.buildprojectbtn{
	position: absolute;
	display: block;
	top: 480px;
	left: 449px;
	width: 302px;
	height: 52px;
	line-height: 52px;
	background-color: #1bbb6d;
	border-radius: 26px;
	border: 0;
	font-size: 24px;
	color: #fff;
	letter-spacing: 1px;
}
/*如何打造文旅项目结束*/

/* 第三个功能框 */
.qgarden3{
	position: relative;
	margin:0 auto;
	width:1195px;
	height:799px;
	border-width: 0 0 0 2px;
	border-style: solid;
	border-color:#c5c5c5;
}
.g3dot1{
	position: absolute;
	left:969px;
	top:-4px;
}
.g3dot2{
	position: absolute;
	left:979px;
	top:-4px;
}
.g3dot3{
	position: absolute;
	left:989px;
	top:-4px;
}
.funct02{
	position: absolute;
	left:-7px;
	top:76px;
}
.graytit{
	position: absolute;
	top:-1px;
	right:0;
	width:114px;
	height:230px;
	background-color: #363636;
	-webkit-display:block;
	display: flex;
	align-items:center;
}
.graytit img{
	display: block;
	margin:0 auto;
}
.gnqygcwen02{
	position: absolute;
	top:180px;
	right:-1px;
	width:638px;
	height:456px;
	border-width:2px 1px 2px 2px;
	border-style:solid;
	border-color:#c5c5c5;
}
.gnqygcwen02 .laotitogg{
	display: none;
}
.gnqygcwen02 .laotitoggg{
	display: block;
}
.clsplay{
	display: none;
}
/* 切换标题 */
.laotitogg{
	position: absolute;
	left:147px;
}
.laotitogg h2{
	font-size:26px;
	color:#363636;
	line-height: 132px; 
	font-weight: inherit;
}
.laotitogg p{
	font-size:16px;
	color:#363636;
	line-height: 30px;
	width: 448px;
}
.laotia{
	position: relative;
	left:230px;
	top:352px;
	width: 390px;
}
.laotia img{
	margin-left:30px;
}

/*文旅项目系统构建方案*/
.gardenpolicy1{
	position: relative;
	height: 720px;
}
.policyread2{
	position: absolute;
	left:446px;
	top: 0px;
}
.policyread3{
	position: absolute;
	left:585px;
	top: 48px;
	-webkit-animation: rogo 1.5s infinite;
	-o-animation: rogo 1.5s infinite;
	animation: rogo 1s infinite;
}
 .policy002{
	position: relative;
	margin:0px auto;
	width:1200px;
	height: 170px;
}
@keyframes rogo{
	0% {top: 48px;}
	50%{top: 59px;}
	100%{top: 48px;}
}
@-o-keyframes rogo{
	0% {top: 48px;}
	50%{top: 59px;}
	100%{top: 48px;}
}
@-webkit-keyframes rogo{
	0% {top: 48px;}
	50%{top: 59px;}
	100%{top: 48px;}
}
@-ms-keyframes rogo{
	0% {top: 48px;}
	50%{top: 59px;}
	100%{top: 48px;}
}
/* 申报方案内容要素 */
.policy003{
	position: relative;
	margin:0 auto;
	width:1200px;
	height:372px;
}



/* 灰色方框 */
.graysquare{
	display: block;
	font-size:30px;
	color:#fff;
	width:50px;
	height:50px;
	line-height: 50px;
	background-color: #363636;
	text-align: center;
	
	
}
.graysquarelf{
	float:right;
}
.graysquarergt{
	float:left;
}
.tysbyslf{
	position: absolute;
	display: block;
	width:384px;

}
.tysbysrgt{
	position: absolute;
	display: block;
	width:384px;

}
.tysbys01{
	top:0;
	left:0;
}
.tysbys02{
	top:0;
	right:0;
}
.tysbys03{
	bottom:0;
	left:0;
}
.tysbys04{
	bottom:0;
	right:0;
}
.tysbysrgt h2{
	display: block;
	width: 323px;
	text-align: left;
	padding-top:11px;
	padding-left:64px;
	height:50px;
	line-height: 50px;
	font-size: 24px;
	font-weight: inherit;
	color: #363636;

}
.tysbysrgt p{
	display: block;
	width:352px;
	padding-top:6px;
	padding-left: 26px;
	color: #363636;
	font-size: 16px;
	font-weight: inherit;
}
.tysbyslf h2{
	display: block;
	vertical-align: bottom;
	font-weight: inherit;
	width: 323px;
	height:50px;
	text-align: right;
	line-height: 50px;
	padding-top:13px;
	font-size: 24px;
	color: #363636;
}
.tysbyslf p{
	display: block;
	padding-top:6px;
	width:352px;
	color: #363636;
	font-size: 16px;
	font-weight: inherit;
}
/* 中心区域 */
.tysbyscenter{
	position: relative;
	width:370px;
	height: 370px;
	background:url(../wenlv/greencenter.png) no-repeat;
	background-position: center;
	/*left:414px;
	top:0px;*/
	margin:0 auto;
}
/* 中心图片 */
.tysbysmain{
	position: absolute;
	width: 283px;
	height: 283px;
	border-radius: 100%;
	left:45px;
	top:45px;
	background-color: #000;
}
.tysbysmain img{
	position: absolute;
	left:0px;
	top:0px;
	filter:alpha(opacity=75);          
    -moz-opacity:0.75;          
    -khtml-opacity: 0.75;          
    opacity: 0.75; 
}
/*.tysbysfour{
	position: absolute;
	top: 83px;
	left: 102px;
	width: 80px;
	height: 115px;
	border-radius: 5px;
	background-color: rgba(0,0,0, .4);
}
.tysbyscenter:hover .tysbysfour{
	border-bottom: 58px solid #fff;
	border-top: 57.5px solid #fff;
	border-left: 40px solid #fff;
	border-right: 40px solid #fff;
	width: 0px;
	height: 0px;
	transition:1s all;
	border-radius: 5px;
	background-color: rgba(0,0,0, .4);
}*/
.tysbysfour{
	position: absolute;
	top: 83px;
	left: 102px;
	width: 80px;
	height: 115px;
	border-radius: 5px;
	background-color: rgba(0,0,0, .4);
}
.tysbysfourtop{
	position: absolute;
	top: 83px;
	left: 102px;
	width: 80px;
	height: 0px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	background-color: #fff;
}
.tysbyscenter:hover .tysbysfourtop{
	height: 57.5px;
	transition:1s all;
}
.tysbysfourdown{
	position: absolute;
	top: 198px;
	left: 102px;
	width: 80px;
	height: 0px;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
	background-color: #fff;
}
.tysbyscenter:hover .tysbysfourdown{
	transition:1s all;
	top: 140.5px;
	height: 57.5px;
}
.tysbysfourleft{
	position: absolute;
	top: 83px;
	left: 102px;
	width: 0px;
	height: 115px;
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;
	background-color: #fff;
}
.tysbyscenter:hover .tysbysfourleft{
	transition:1s all;
	width: 51px;
}
.tysbysfourrigt{
	position: absolute;
	top: 83px;
	left: 182px;
	width: 0px;
	height: 115px;
	border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;
	background-color: #fff;
}
.tysbyscenter:hover .tysbysfourrigt{
	transition:1s all;
	width: 51px;
	left: 132px;
}

.tysbysfourbox{
	position: absolute;
	top: 82px;
	left: 101px;
	width: 80px;
	height: 115px;
	border: 1px solid #fff;
	background-color: rgba(255,255,255, 0);
	border-radius: 6px;
}
.tysbysfourbox i{
	display: block;
	width: 17px;
	height: 20px;
	position: relative;
	margin:0 auto;
	margin-top: 25px;
	background: url(../wenlv/newadd2.png) no-repeat center;
}
.tysbysfourbox>hr{
	width: 22px;
	height: 2px;
	border: none;
	display: block;
	margin: 0 auto;
	margin-top: 14px;
	background-color: #fff;
}

.tysbysfourbox span{
	display: block;
	font-size: 12px;
	text-align: center;
	margin: 0 auto;
	margin-top: 15px;
	color: #fff;
	width: 100%;
}
.tysbyscenter:hover .tysbysmain>img{
	filter:alpha(opacity=100);          
    -moz-opacity:1;          
    -khtml-opacity: 1;          
    opacity: 1; 
	transition:.3s all;
}
.tysbyscenter:hover .tysbysfourbox{
	transition:.3s all;
}
.tysbyscenter:hover .tysbysfourbox>i{
	background: url(../wenlv/newaddmaizi.png) no-repeat center;
	transition:.3s all;
}
.tysbyscenter:hover .tysbysfourbox>hr{
	background-color: #02a757;
	transition:.3s all;
}
.tysbyscenter:hover .tysbysfourbox>span{
	color: #02a757;
	transition:.3s all;
}
.tysbysbottom{
	display: block;
	width: 366px;
	height: 48px;
	background-color: #1bb9bb;
	font-size: 24px;
	color: #fff;
	letter-spacing: 3px;
	border: 0;
	border-radius: 5px;
	margin: 0 auto;
	margin-top: 75px;
}

/*文化旅游常见类型开始*/
.commontourismbox{
	width: 1200px;
	height: 484px;
	margin: 0 auto;
	position: relative;
}
.commontourismbox ul{
	position: absolute;
	display: block;
	list-style: none;
	width: 490px;
	height: 395px;
	top: 0;
}
.commonulleft{
	left: 0;
}
.commonulright{
	right: 0;
}
.commontourismbox ul li{
	display: block;
	position: absolute;
	width: 291px;
	height: 62px;
	opacity: 0;
}
.commontourismbox ul li span{
	position: absolute;
	left: 0;
	width: 100%;
	height: 100%;
	font-size: 18px;
	line-height: 78px;
	color: #fff;
	text-align: center;
}
.commonulright li{
	right: 0;
}
.commontourismbox ul li:first-child{
	top: 21.5px;
}
.commontourismbox ul li:nth-child(2){
	top: 96.5px;
}
.commontourismbox ul li:nth-child(3){
	top: 168.5px;
}
.commontourismbox ul li:nth-child(4){
	top: 239.5px;
}
.commontourismbox ul li:last-child{
	top: 309.5px;
}
.commontourismctn{
	position: absolute;
	width: 388px;
	height: 341px;
	top: 27px;
	left: 50%;
	transform:translateX(-50%);
}
.commontourismctn img{
	display: block;
	position: absolute;
}
.commontourismctn img:nth-child(2){
	top: 66px;
	left: 50%;
	transform:translateX(-50%);
}
.commontourismctn img:nth-child(3){
	top: 105px;
	left: 50%;
	transform:translateX(-50%);
}
.commontourbtn{
	display: block;
	position: absolute;
	width: 100px;
	height: 30px;
	font-size: 16px;
	color: #fff;
	border: 0;
	top: 150px;
	left: 50%;
	transform:translateX(-50%);
	border-radius: 3px;
	background-color: #1bb9bb;
}
.commontourbtn:hover{

}
/*文化旅游常见类型结束*/

/*投资引领 寻找风口*/ 
.top27more{
	padding-top: 27px !important;
}
.invetmentthirdbox{
	margin: 0 auto;
	margin-top: 8px;
	width: 1200px;
	height: 645px;
}
.invementcontentbox{
	width: 1200px;
	height: 280px;
	margin: 0 auto;
}
.invementcontentbox ul{
	list-style: none;
	display: block;
	width: 100%;
	height: 280px;
	margin: 0 auto;
}
.invementcontentbox ul:not(:first-child){
	display: none;
}
.invent01cont li{
	display: block;
	width: 296px;
	height: 280px;
	float: left;
	position: relative;
}
.invent01cont li:not(:last-child){
	margin-left: 5.3px;
}
.invent01cont li>img{
	position: absolute;
}
.invent01cont li>em{
	position: absolute;
	display: block;
	width: 150px;
	height: 40px;
	border: 1px solid #fff;
	top: 80px;
	color: #fff;
	font-size: 24px;
	left: 50%;
	text-align: center;
	line-height: 40px;
	letter-spacing: 1px;
	transform:translateX(-50%);
}
.invent01cont li>p{
	position: absolute;
	display: block;
	width: 252px;
	height: 130px;
	line-height: 20px;
	top: 140px;
	color: #fff;
	text-align: justify;
	left: 50%;
	font-size: 15px;
	transform:translateX(-50%);
}
.invent02cont li{
	width: 50%;
	height: 200px;
	display: block;
	float: left;
	position: relative;
	color: #363636;
}
.invent02cont li>i{
	display: block;
	left: 20px;
	position: absolute;
}
.invent02cont li>em{
	position: absolute;
	top: 40px;
	left: 234px;
	font-size: 16px;
	font-weight: bold;
	display: block;
	width: 70px;
	height: 20px;
	line-height: 20px;
	font-style: inherit;
}
.invent02cont li>p{
	position: absolute;
	top: 72px;
	left: 234px;
	font-size: 14px;
	line-height: 22px;
	width: 324px;
	height: 60px;
	display: block;
}
.invent03cont li{
	margin-top: 22px;
	display: block;
	float: left;
	width: 150px;
	height: 210px;
}
.invent03cont li:not(:last-child){
	margin-right: 25px;
}
.invent03cont li span{
	display: block;
	width: 100%;
	height: 70px;
	text-align: center;
	font-size: 18px;
	line-height: 70px;
}
.invementtitlebox{
	width: 1200px;
	height: 120px;
	margin: 45px auto auto auto;
	position: relative;
}
.invettitle{
	position: absolute;
	width: 398.5px;
	height: 120px;
	border: 1px solid #d5d5d5;
	background-color: #f9f9f9;
	transition:.3s all;
}
.invettitle:first-child{
	top: 0;
	left: 0;
}
.invettitle:nth-child(2){
	top: 0;
	left: 400px;
}
.invettitle:last-child{
	top: 0;
	right: 0;
}
.invettitle span{
	position: absolute;
	top: 0px;left: 181px;
	display: block;
	width: 0;height: 0;
	border-width: 18px;
	border-style: solid;
	opacity: 0;z-index: 0;
	transition:.2s all;
	border-color: #fff #fff #1bbb6d #fff;
}
.top45{
	display: block;
	top: -45px !important;
}
.top36{
	opacity: 1 !important;
	display: block;
	top: -36px !important;
}
.bgf9{
	background-color: #1bbb6d !important;
	border-color: #1bbb6d;
}
.colorfff{
	color: #fff !important;
}
.invettitle i{
	display: block;
	position: absolute;
	width: 45px;
	height: 45px;
	overflow: hidden;
	top: 18px;
	left: 177px;
}
.invettitle i img{
	display: block;
	position: absolute;
	top: 0;
	transition:.3 all;
}
.invettitle em{
	display: block;
	position: absolute;
	width: 100%;
	top: 80px;
	left: 0;
	text-align: center;
	font-size: 18px;
	color: #1bbb6d;
}
.invementbtn{
	display: block;
	margin: 0 auto;
	margin-top: 55px;
	width: 300px;
	height: 48px;
	font-size: 24px;
	color: #fff;
	letter-spacing: 1px;
	border: 1px solid #1bb9bb;
	border-radius: 24px;
	background-image:linear-gradient(45deg,#40d4b6, #4bd8a4);
}
/* 第四块 */
.qgarden4{
	position: relative;
	width:1195px;
	height:642px;
	margin:0 auto;
	/*border-width: 0 0 2px 2px;
	border-style: solid;
	border-color:#c5c5c5;*/
}
/*.caption3{
	position: relative;
	width:367px;
	background-color: #fff;
	left:727px;
	top:-15px;
	display: flex;
	-webkit-display:flex;
	align-items:center;
	justify-content:center;

}*/
/*.g4dot1{
	position: absolute;
	right:39px;
	top:-3px;
}
.g4dot2{
	position: absolute;
	right:49px;
	top:-3px;
}
.g4dot3{
	position: absolute;
	right:59px;
	top:-3px;
}*/
/* 左边三个点 */
/*.g4dot4{
	position: relative;
	left:-4px;
	top:76px;
}
.g4dot5{
	position: relative;
	left:-4px;
	top:82px;
}
.g4dot6{
	position: relative;
	left:-4px;
	top:88px;
}
.vertihr01{
	position: absolute;
	width:48px;
	border:1px solid #c5c5c5;
	transform:rotate(90deg);
	-webkit-transform:rotate(90deg);
	-o-transform:rotate(90deg);
	-ms-transform:rotate(90deg);
	right:-20px;
	top:14px;
}*/
/*.caption4{
	position: relative;
    width: 367px;
    background-color: #fff;
    left: 76px;
    top: 650px;
    display: flex;
    -webkit-display: flex;
    align-items: center;
    justify-content: center;
}*/
/* 长矩形 */
.lendic01{
	position: absolute;
	background-color: #fff;
	width:1200px;
	height:508px;
	
	bottom:0px;
	left:-4px;
}
.grayblock{
	display: block;
	width:230px;
	height:332px;
	background-color: rgba(54,54,54, .9);
	/*opacity: .9;*/
}
.greenblock{
	display: block;
	width:230px;
	height:332px;
	background-color: rgba(27,187,109, .9);

}
.scalebig{
	transition:.5s all;
	cursor: pointer;
}
.scalebig:hover{
	transform:scale(1.12);
}
.grayblock01{
	position: absolute;
	left:100px;
	top:42px;
}
.greenblock01{
	position: absolute;
	left:357px;
	top:42px;
}
.grayblock02{
	position: absolute;
	left:613px;
	top:42px;
}
.greenblock02{
	position: absolute;
	left:870px;
	top:42px;
}
.grayblock p,.greenblock p{
	font-size:12px;
	text-align: center;
	padding:36px 25px;
	color:#fff;
}
.grayblock img,.greenblock img{
	margin:48px 50px 0;
}
.vertihr02{
	position: absolute;
	width:105px;
	height:1px;
	background-color:#c5c5c5;
	transform:rotate(90deg);
	-webkit-transform:rotate(90deg);
	-o-transform:rotate(90deg);
	-ms-transform:rotate(90deg);
	left:-54px;
	bottom:-33px;
	border:0;
	
}
.vertihr03{
	position: absolute;
	width:46px;
	height:2px;
	background-color:#c5c5c5;
	transform:rotate(90deg);
	-webkit-transform:rotate(90deg);
	-o-transform:rotate(90deg);
	-ms-transform:rotate(90deg);
	right:-18px;
	bottom:-30px;
	border:0;
	
}
.vertihr04{
	position: absolute;
	width:393px;
	height:2px;
	background-color:#c5c5c5;
	right:-1px;
	bottom:-15px;
	border:0;
	
}
.vertihr05{
	position: absolute;
	width:393px;
	height:2px;
	background-color:#c5c5c5;
	left:-1px;
	bottom:-15px;
	border:0;
}
/*文化旅游常见类型部分*/
.vertihr06{
	position: absolute;
	width:71px;
	height:2px;
	background-color:#c5c5c5;
	left:-1px;
	bottom:-745px;
	border:0;
}
.vertihr07{
	position: absolute;
	width:106px;
	height:2px;
	background-color:#c5c5c5;
	transform:rotate(90deg);
	-webkit-transform:rotate(90deg);
	-o-transform:rotate(90deg);
	-ms-transform:rotate(90deg);
	left:-53px;
	bottom:-770px;
	border:0;
}
.vertihr08{
	position: absolute;
	width:36px;
	height:2px;
	background-color:#c5c5c5;
	right:-1px;
	bottom:-737px;
	border:0;
}
.vertihr09{
	position: absolute;
	width:112px;
	height:2px;
	background-color:#c5c5c5;
	transform:rotate(90deg);
	-webkit-transform:rotate(90deg);
	-o-transform:rotate(90deg);
	-ms-transform:rotate(90deg);
	right:-52px;
	bottom:-705px;
	border:0;
}
.g4dot7{
	position:absolute;
	bottom:-44px;
	left:-4px;
}
.g4dot8{
	position:absolute;
	bottom:-54px;
	left:-4px;
}
.g4dot9{
	position:absolute;
	bottom:-64px;
	left:-4px;
}
.g4dot10{
	position:absolute;
	bottom:-17px;
	right:28px;
}
.g4dot11{
	position:absolute;
	bottom:-17px;
	right:38px;
}
.g4dot12{
	position:absolute;
	bottom:-17px;
	right:48px;
}
.g4dot13{
	position:absolute;
	bottom:-695px;
	right:1px;
}
.g4dot14{
	position:absolute;
	bottom:-705px;
	right:1px;
}
.g4dot15{
	position:absolute;
	bottom:-715px;
	right:1px;
}
/*第三模块解析经典案例开始*/
/*浮上去 案例图片变淡开始*/
.g3b1left:hover .g3box1caseimg{
	filter:alpha(opacity=78);          
    -moz-opacity:.78;          
    -khtml-opacity: .78;          
    opacity: .78; 
}
.opacti{
	filter:alpha(opacity=78);          
    -moz-opacity:.78;          
    -khtml-opacity: .78;          
    opacity: .78; 
}
.g3b3picone:hover{
	filter:alpha(opacity=78);          
    -moz-opacity:.78;          
    -khtml-opacity: .78;          
    opacity: .78; 
}
.g3b4picone:hover{
	filter:alpha(opacity=78);          
    -moz-opacity:.78;          
    -khtml-opacity: .78;          
    opacity: .78; 
}
.g3b4pictwo:hover{
	filter:alpha(opacity=78);          
    -moz-opacity:.78;          
    -khtml-opacity: .78;          
    opacity: .78; 
}
/*浮上去 案例图片变淡结束*/

.garden3{
	width: 100%;
	height: 1870px;
	margin: 0 auto;
	clear: both;
}
.g3box1{
	margin: 0 auto;
	width: 1200px;
	height: 703px;
	/*padding-top: 93px;*/
}
.g3b1left{
	float: left;
	width: 649px;
	height: 610px;
	margin-top: 93px;
	position: relative;
}
.g3b1picone{
	position: absolute;
	width:  315px;
	height: 510px;
	top: 99px;
	left: 0;
}
.g3b1pictwo{
	position: absolute;
	width:  315px;
	height: 510px;
	top: 9px;
	left: 331px;
}
.g3b1decorate{
	position: absolute;
	width: 153px;
	height: 161px;
	top: 5px;
	left: 213px;
}
.g3b1rgt{
	float: left;
	width: 551px;
	height: 610px;
	margin-top: 93px;
	padding-top: 38px;
	
}
.g3casefont{
	color: #363636;
	letter-spacing: 1px;
	font-family: "微软雅黑";
}
.g3case1txtbox{
	float: right;
	width: 486px;
	height: 484px;
}
.g3b1{
	font-size: 22px;
	display: block;
	height: 22px;
	float: left;
	line-height: 22px;
}
.g3b1rgttop{
	width: 100%;
	height: 236px;
	padding-top: 48px;
	float: left;
}
.g3span{
	display: block;
	height: 40px;
	font-size: 14px;
	font-weight: bold;
	letter-spacing: 1px;
}
.g3pbox{
	display: block;
	width: 100%;
	text-align: justify;
	font-size: 14px;
	letter-spacing: -0.09px;
}
.g3b1rgtdwn{
	width: 100%;
	height: 220px;
	padding-top: 27px;
	float: left;
}
.g3box2{
	margin: 0 auto;
	height: 845px;
}
.g3b2top{
	width: 1200px;
	height: 845px;
	margin: 0 auto;
	position: relative;
}
.g3b2picone{
	position: absolute;
	width: 491px;
	height: 272px;
	top: 190px;
	left: 0;
}
.g3b2pictwo{
	position: absolute;
	width: 334px;
	height: 400px;
	top: 63px;
	left: 510px;
}
.g3b2decorate{
	position: absolute;
	width: 256px;
	height: 224px;
	top: 223px;
	left: 790px;
}
.g3b2picthee{
	position: absolute;
	width: 334px;
	height: 418px;
	top: 424px;
	left: 865px;
}
.g3b2dwn{
	position: absolute;
	width: 800px;
	height: 342px;
	top: 503px;
	left: 0;
}
.g3b2rgttop{
	width: 100%;
	height: 160px;
	padding-top: 44px;
	float: left;
}
.g3b2rgtdwn{
	width: 100%;
	height: 103px;
	float: left;
}
.g3box3{
	margin: 0 auto;
	height: 607px;
	width: 1200px;
}
.g3b3left{
	float: left;
	width: 760px;
	height: 524px;
	position: relative;
}
.g3b3picone{
	position: absolute;
	width: 652px;
	height: 522px;
	top: 85px;
	left: 0;
}
.g3b3decorate{
	position: absolute;
	width: 143px;
	height: 134px;
	top: 140px;
	left: 612px;
}
.g3b3rgt{
	float: left;
	width: 440px;
	height: 607px;
	overflow: hidden;
}
.g3case3txtbox{
	float: right;
	width: 422px;
	height: 607px;
	padding-top: 210px;
}
.g3b3rgttop{
	width: 100%;
    height: 183px;
    padding-top: 48px;
    float: left;
}
.g3box4{
	margin: 0 auto;
	height: 700px;
	width: 1200px;
	font-family: "微软雅黑";
	position: relative;
	color: #363636;
}
.g3b4lefttxtbox{
	position: absolute;
	width: 296px;
	height: 438px;
	top: 76px;
	left: 0;
}
.g3b4righttxtbox{
	position: absolute;
	width: 296px;
	height: 438px;
	top: 260px;
	left: 917px;
}
.g3b4{
	display: block;
	background-color: #363636;
	color: #fff;
	text-align: center;
	font-size: 22px;
	letter-spacing: 1px;
}
.g3b4firstempositon{
	position: absolute;
	width: 290px;
	height: 50px;
	line-height: 50px;
	top: 515px;
	left: 77px;
}
.g3b4secdempositon{
	position: absolute;
	width: 268px;
	height: 48px;
	line-height: 48px;
	top: 190px;
	left: 862px;
}
.g3b4picone{
	position: absolute;
	width: 271px;
	height: 452px;
	top: 128px;
	left: 316px;
}
.g3b4pictwo{
	position: absolute;
	width: 300px;
	height: 526px;
	top: 174px;
	left: 603px;
}
.g3b4decorate{
	position: absolute;
	width: 105px;
	height: 97px;
	top: 113px;
	left: 550px;
}
.g3b4rgttop1{
	width: 100%;
    height: 250px;
    padding-top: 36px;
    float: left;
}
.g3b4rgttop2{
	width: 100%;
    height: 275px;
    float: left;
}
.g3b4rgtdwn{
	width: 100%;
	height: 159px;
	float: left;
}
.g3box5{
	margin: 0 auto;
	height: 940px;
	width: 1200px;
	font-family: "微软雅黑";
	position: relative;
	color: #363636;
}
.g3b5picone{
	position: absolute;
	width: 288px;
	height: 464px;
	top: 190px;
	left: 0;
}
.g3b5onedecorate{
	position: absolute;
	width: 213px;
	height: 195px;
	top: 44px;
	left: 187px;
}
.g3b5pictwo{
	position: absolute;
	width: 422px;
	height: 479px;
	top: 86px;
	left: 320px;
}
.g3b5picthee{
	position: absolute;
	width: 424px;
	height: 653px;
	top: 286px;
	left: 775px;
}
.g3b5twodecorate{
	position: absolute;
	width: 260px;
	height: 287px;
	top: 186px;
	left: 869px;
}
.g3b5secdempositon{
	position: absolute;
	width: 408px;
	height: 49px;
	line-height: 49px;
	top: 622px;
	left: 437px;
}
.g3b5righttxtbox{
	position: absolute;
	width: 750px;
	height: 235px;
	top: 695px;
	left: 0;
}
.g3b5rgttop2{
	width: 100%;
    height: 148px;
    float: left;
}
.g3b5pbox{
	display: block;
    width: 100%;
    text-align: justify;
    font-size: 14px;
    line-height: 19px;
    letter-spacing: -0.3px;
}
.g3b5span{
	display: block;
    height: 30px;
    line-height: 30px;
    font-size: 14px;
    font-weight: bold;
    letter-spacing: 1px;
}
.g3downbox{
	width: 520px;
	height: 168px;
	margin: 0 auto;
	padding-top: 90px;
}
.g3downbox p{
	font-family: "微软雅黑";
	display: block;
	width: 520px;
	height: 34px;
	text-align: center;
	letter-spacing: 7px;
	color: #363636;
	font-size: 16px;
}
.g3downbtn{
	width: 100%;
	height: 49px;
	margin: 0 auto;
	color: #363636;
}
.g3downbtn button{
	width: 515px;
	height: 47px;
	border:1px solid #02a757;
	margin: 0 auto;
	text-align: center;
	line-height: 47px;
	font-size: 18px;
	letter-spacing: 0px;
	background-color: inherit;
	color: #363636;
	font-family: "微软雅黑";
	transition:.1s all;
}
.g3downbtn button:hover{
	background-color: #02a757;
	color: #fff;
}
.nowaitbtn{
	margin: 0 auto;
	margin-top: 123px;
	display: block;
	width: 516px;
	height: 47px;
	border-radius: 3px;
	font-size: 18px;
	letter-spacing: 2px;
	color: #fff;
	border: 0px;
	background-image: linear-gradient(-45deg,#1bbb6d, #25e085);
}
/*第三模块解析经典案例结束*/
/*第四模块海岸服务案例开始*/
.garden4{
	width: 100%;
	height: 2586px;
	margin: 0 auto;
	color: #363636;
	font-family: "微软雅黑";
}
.g4box1{
	width: 1200px;
	height: 818px;
	margin: 0 auto;
	margin-top: 65px;
	position: relative;
	text-align: justify;
	/*transition:all .2s linear;*/
}
.g4b1proshow:hover .g4b1promanu{
	left: 848px;
	filter:alpha(opacity=0);          
	-moz-opacity:0;          
	-khtml-opacity: 0;          
	opacity: 0;  
	}
	.g4b1proshow:hover .g4b2promanu{
	left: 0;
	filter:alpha(opacity=0);          
	-moz-opacity:0;          
	-khtml-opacity: 0;          
	opacity: 0;  
	}
	.g4b1proshow:hover .g4b3promanu{
	left: 848px;
	filter:alpha(opacity=0);          
	-moz-opacity:0;          
	-khtml-opacity: 0;          
	opacity: 0;  
	}
.g4b1proshow:hover .singlebtnbox{
	filter:alpha(opacity=100) !important;          
    -moz-opacity:1 !important;          
    -khtml-opacity: 1 !important;          
    opacity: 1 !important;  
}
.g4b1introdtxt{
	position: absolute;
	width: 746px;
	height: 234px;
	border-top: 5px solid #8a8a8a;
	border-left: 5px solid #8a8a8a;
	border-bottom: 5px solid #8a8a8a;
	top: 482px;
	left: 0;
}
.g4b1introdtxt p{
	display: block;
	width: 533px;
	height: 98px;
	float: left;
	margin-top: 105px;
	margin-left: 165px;
	font-size: 14px;
	letter-spacing: 1px;
}
.g4b1introdimg{
	position: absolute;
	width: 420px;
	height: 241px;
	top: 575px;
	left: 747px;
}
.g4b1decorate{
	position: absolute;
	top: 750px;
    left: 62px;
	width:130px;
	height: 5px;
	transform:rotate(90deg);
	-ms-transform:rotate(90deg); 	/* IE 9 */
	-moz-transform:rotate(90deg); 	/* Firefox */
	-webkit-transform:rotate(90deg); /* Safari 和 Chrome */
	-o-transform:rotate(90deg); 	/* Opera */
	background-color: #8a8a8a;
}
.g4b1proshowbox{
	position: absolute;
	width: 1200px;
	height: 558px;
	top: 83px;
	left: 0;
}

.shulunbobtnbox{
	float: left;
	width: 109px;
	height:89px;
	padding-top: 87px;
} 
.shubtn{
	display: block;
	float: left;
	clear: both;
	padding-top:55px;
	width: 100%;
	text-align: center;
	height: 80px;
	margin:0 auto;
}
.shubtn img{
	cursor: pointer;
}
/*.shubtn:first-child{
	margin-top: 77px;
}*/
.g4b1proshow{
	float: left;
	width: 1088px;
	height: 474px;
	border: 1px solid #8a8a8a;
	overflow: hidden;
	background-color: #000;
	position: relative;
	z-index: 2;
}
.g4b1proshow>ul{
	width: 1088px;
	position: relative;
	float: left;
}
.g4b1proshow>ul li{
	float: left;
	display: block;
	overflow: hidden;
	width: 1088px;
	height: 474px;
}
.g4b1proshow>ul li img{
	float:left;
	display: block;
}
.g4b1promanu{
	position: absolute;
	top: 0px;
	left: 640px;
	width: 286px;
	height: 474px;
	-moz-box-sizing: border-box; /*Firefox3.5+*/
	-webkit-box-sizing: border-box; /*Safari3.2+*/
	-o-box-sizing: border-box;/*Opera9.6*/
	-ms-box-sizing: border-box;  /*IE8*/
	box-sizing: border-box; /*W3C标准(IE9+，Safari5.1+,Chrome10.0+,Opera10.6+都符合box-sizing的w3c标准语法)*/
	padding-top: 114px;
	padding-right: 35px;
	padding-left: 64px;
	transition: .3s all;
	z-index: 1;
	background: url(../wenlv/g4promanu1.png);
}
.shufocus1{
float: left !important;
}
.singlebtnbox{
position: absolute;
bottom: 10px;
right: 166px;
width: 128px;
height: 38px;
background-color: rgba(255,255,255, .8);
line-height: 38px;
font-size: 16px;
color: #02a4a7;
padding-left: 22px;
padding-right: 22px; 
font-weight: bold;
letter-spacing: 3px;
z-index: 1;
filter:alpha(opacity=0);          
    -moz-opacity:0;          
    -khtml-opacity: 0;          
    opacity: 0;   
    cursor: pointer;
-moz-box-sizing: border-box; /*Firefox3.5+*/
-webkit-box-sizing: border-box; /*Safari3.2+*/
-o-box-sizing: border-box;/*Opera9.6*/
-ms-box-sizing: border-box;  /*IE8*/
box-sizing: border-box; /*W3C标准(IE9+，Safari5.1+,Chrome10.0+,Opera10.6+都符合box-sizing的w3c标准语法)*/
}
.opacitymax{
transition:.5s all;
filter:alpha(opacity=100);          
    -moz-opacity:1;          
    -khtml-opacity: 1;          
    opacity: 1;   
}
.singlebtnbox img{
display: block;
float: right;
margin-top: 9px;
}
.greentitle{
	width: 95px;
	height: 30px;
	text-align: center;
	background-color: #02a757;
	font-size: 16px;
	color: #fff;
	letter-spacing: 1px;
	line-height: 30px;
}
.flotright{
	float: right;
}
.flotleft{
	float: left;
}
.g4b1ul{
	float: left;
	display: block;
	width: 170px;
	clear: both;
	height: 100px;
	margin: 225px auto;
	list-style: none;
}
.g4b1ul li{
	float: left;
	font-size: 14px;
}

/*第二个盒子*/
.g4b2introdtxt{
	position: absolute;
	width: 784px;
	height: 235px;
	border-top: 5px solid #8a8a8a;
	border-right: 5px solid #8a8a8a;
	border-bottom: 5px solid #8a8a8a;
	top: 482px;
	right: 0;
}
.g4b2introdtxt p{
	display: block;
	width: 537px;
	height: 108px;
	float: right;
	margin-top: 105px;
	margin-right: 165px;
	font-size: 14px;
	letter-spacing: 1px;
}
.g4b2introdimg{
	position: absolute;
	width: 420px;
	height: 241px;
	top: 575px;
	left: 32px;
}
.g4b2decorate{
	position: absolute;
	top: 750px;
    right: 61px;
	width:130px;
	height: 5px;
	transform:rotate(90deg);
	-ms-transform:rotate(90deg); 	/* IE 9 */
	-moz-transform:rotate(90deg); 	/* Firefox */
	-webkit-transform:rotate(90deg); /* Safari 和 Chrome */
	-o-transform:rotate(90deg); 	/* Opera */
	background-color: #8a8a8a;
}
.g4b2promanu{
	position: absolute;
	top: 0px;
	left: 151px;
	width: 300px;
	height: 474px;
	-moz-box-sizing: border-box; /*Firefox3.5+*/
	-webkit-box-sizing: border-box; /*Safari3.2+*/
	-o-box-sizing: border-box;/*Opera9.6*/
	-ms-box-sizing: border-box;  /*IE8*/
	box-sizing: border-box; /*W3C标准(IE9+，Safari5.1+,Chrome10.0+,Opera10.6+都符合box-sizing的w3c标准语法)*/
	padding-top: 96px;
	padding-right: 23px;
	padding-left: 18px;
	transition: .3s all;
	z-index: 1;
	background: url(../wenlv/g4promanu2.png);
}
.g4b2ul{
	float: right;
	display: block;
	width: 86px;
	clear: both;
	height: 180px;
	margin-top: 120px;
	font-family: "微软雅黑";
	color: #363636;
	list-style: none;
	writing-mode:vertical-rl;/*文字竖排展示右至左*/
	writing-mode:tb-rl;/*IE浏览器文字竖排展示右至左*/
}
.g4b2ul li{
	font-size: 14px;
}
/*第三个盒子*/
.g4b3promanu{
	position: absolute;
	top: 0px;
	left: 640px;
	width: 286px;
	height: 474px;
	-moz-box-sizing: border-box; /*Firefox3.5+*/
	-webkit-box-sizing: border-box; /*Safari3.2+*/
	-o-box-sizing: border-box;/*Opera9.6*/
	-ms-box-sizing: border-box;  /*IE8*/
	box-sizing: border-box; /*W3C标准(IE9+，Safari5.1+,Chrome10.0+,Opera10.6+都符合box-sizing的w3c标准语法)*/
	padding-top: 114px;
	padding-right: 35px;
	padding-left: 64px;
	transition: .3s all;
	z-index: 1;
	background: url(../wenlv/g4promanu3.png);
}
/*第四模块海岸服务案例结束*/
.easytit{
	display: block;
	width: 100%;
	margin: 0 auto;
	height: 97px;
	text-align: center;
	font-size: 32px;
}


/*了解海岸开始*/
.knowusbox{
	width: 1200px;
	height: 648px;
	margin: 0 auto;
	position: relative;
}
.knowuspicbox{
	position: absolute;
	width: 662px;
	height: 441px;
	left: 0;
	top: 0;
}
.knowusmain{
	width: 662px;
	height: 440px;
	position: absolute;
	top: 90px;
	right: 0;
	background-color: #96999a;
}
.knowusmaintxtbox{
	width: 434px;
	height: 208px;
	display: block;
	position: absolute;
	top: 55.5px;
	right: 51.5px;
	color: #fff;
	border-bottom: 1px solid #c4c6c6;
}
.knowusmaintxtbox li{
	position: absolute;
	width: 434px;
	height: 208px;
	display: block;
	list-style: none;
}
ul>li{
	list-style: none;
}
.knowusmaintxtbox li em{
	font-size: 24px;
	display: block;
	position: absolute;
	top: 0;
	width: 100%;
	height: 24px;
}
.knowusmaintxtbox li p{
	position: absolute;
	display: block;
	font-size: 16px;
	top: 58.5px;
	width: 100%;
	height: 140px;
	text-align: justify;
}
.knowusmaintxtbox li:not(:first-child){
	display: none;
}
.knowuspicbox li:not(:first-child){
	display: none;
}
.knowusmaintitbox{
	width: 434px;
	height: 105px;
	display: block;
	position: absolute;
	top: 300px;
	right: 51.5px;
}
.knowusmaintitbox li{
	position: absolute;
	display: block;
	width: 104px;
	height: 104px;
	border-radius: 50px;
	top: 1px;
	/*background: url(../wenlv/knowustitfocuslibg.png);*/
}
.knowusmaintitbox li img{
	display: block;
	position: absolute;
	top: 2px;
	left: 2px;
}
.knowusmaintitbox li:first-child{
	left: 25.5px;
}
.knowusmaintitbox li:nth-child(2){
	left: 167.5px;
}
.knowusmaintitbox li:last-child{
	left: 308.5px;
}/*
.knowusmaintitbox li:first-child:hover{
	border: 2px solid #b6b6b6; 
	top: 1px;
	left: 23.5px;
}
.knowusmaintitbox li:nth-child(2):hover{
	border: 2px solid #b6b6b6; 
	top: 1px;
	left: 165.5px;
}
.knowusmaintitbox li:last-child:hover{
	border: 2px solid #b6b6b6; 
	top: 1px;
	left: 306.5px;
}*/
.knowuscallus{
	position: absolute;
	width: 225px;
	height: 90px;
	top: 0;
	right: 0;
}
.knowuscallus button{
	position: relative;
	display: block;
	width: 148px;
	height: 40px;
	margin: 0 auto;
	margin-top: 14px;
	border-radius: 20px;
	background-color: #1bb9bb;
	border: 0;
	color: #fff;
	font-size: 18px;
}
.knowuscallus span{
	position: relative;
	color: #1bb9bb;
	font-size: 14px;
	display: block;
	width: 100%;
	height: 30px;
	line-height: 30px;
	text-align: center;
}
/*了解海岸结束*/

/*选择就是信任*/
.boxcont5{
	width: 1200px;
	height: 558px;
	margin: 0 auto;
    clear: both;
}
.boxcont5ul{
	display: block;
	width: 1200px;
    height: 341px;
    margin: 0 auto;
    text-align: center;
    background: url(../wenlv/customersbg.png) no-repeat;
    background-position: center 10px;
    border: 1px solid #d8d8d8;
    list-style: none;
   /* padding-left: 9px;
    padding-right: 9px;*/
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.boxcont5ul li{
	display: block;
	width: 236px;
	height: 166px;
	float: left;
	/*background-color: #ddd;*/
	margin-top: 3px;
	margin-bottom: 0.5px;
	position: relative;
	background-position: center 10px;
}
.boxcont5ul li:not(:nth-child(5n)){
	margin-right: 4px;
}
.boxcont5ul li img{
	display: block;
	position: absolute;
	top: 50%;
	left: 50%;
  	transition:.3s all;
	transform:translateX(-50%) translateY(-50%);
}
.boxcont5ul li:hover img{
	transform:translateX(-50%) translateY(-54%);
}
.boxcont5ul li:hover{
	/*box-shadow: 0 0 0 #fff,
   0 0 0 #fff,
   0 2px 0 red,
  0 0 0 #fff;*/
  transition:.3s all;
  background: url(../wenlv/customlogobg.png) no-repeat;
  /*background-attachment:fixed;*/
  background-position: center 8px ;
}
.boxcont5 button{
	display: block;
	border:0px;
	margin: 0 auto;
	margin-top: 50px;
	letter-spacing: 9px;
	width: 302px;
	height: 46px;
	font-size: 22px;
	color: #fff;
	line-height: 46px;
	font-family: "微软雅黑";
	background: url(../wenlv/customerbtnbg.jpg) no-repeat;
}
.garden6{
	width: 1200px;
	height: 740px;
	margin: 0 auto;
	clear: both;
	position: relative;
	font-family: "微软雅黑";
}
.g6introdtxt{
	position: absolute;
	width: 486px;
	height: 276px;
	border: 1px solid #aaaaaa;
	background-color: #fff;
	top: 211px;
	left: 683px;
	padding-top: 146px;
	padding-left: 36px;
	padding-right: 36px;
	-moz-box-sizing: border-box; /*Firefox3.5+*/
	-webkit-box-sizing: border-box; /*Safari3.2+*/
	-o-box-sizing: border-box;/*Opera9.6*/
	-ms-box-sizing: border-box;  /*IE8*/
	box-sizing: border-box; /*W3C标准(IE9+，Safari5.1+,Chrome10.0+,Opera10.6+都符合box-sizing的w3c标准语法)*/
}
.g6introdtxt p{
	font-size: 15px;
	color: #363636;
	letter-spacing: 1px;
	text-align: justify;
}
.g6proshowbox{
	position: absolute;
	width: 1200px;
	height: 520px;
	top: 92px;
	left: 0;
}
.g6proshow{
	float: left;
	position: relative;
	width: 800px;
	height: 520px;
	overflow: hidden;
}
.g6proshow ul{
	position: absolute;
	height: 520px;
	list-style: none;
}
.g6proshow ul li{
	width: 800px;
	overflow: hidden;
	height: 520px;
	float: left;
}
.g6proshow ul li img{
	width: 100%;
}
.henglunbobtnbox{
	float: left;
	width: 360px;
	height: 115px;
	margin-top: 400px;
}
.hengbtn{
	width: 50%;
	padding-top: 45px;
	float: left;
	text-align: center;
	cursor: pointer;
	filter:alpha(opacity=50);          
    -moz-opacity:0.5;          
    -khtml-opacity: 0.5;          
    opacity: 0.5;   
}
.hengbtn:hover{
	filter:alpha(opacity=100);          
    -moz-opacity:1;          
    -khtml-opacity: 1;          
    opacity: 1;   
}
.g6introdname{
	position: absolute;
	width: 313px;
	height: 57px;
	top: 255px;
	left: 888px;
	font-family:"宋体";
	/*font-weight: bold;*/
	background-color: #363636;
	color: #fff;
}
.g6introdname em{
	display: block;
	float: left;
	line-height: 57px;
	height: 57px;
	width: 210px;
	font-size: 30px;
	text-align: center;
	letter-spacing: 6px;
}
.g6introdname span{
	display: block;
	width: 75px;
	float: left;
	height: 57px;
	font-size: 16px;
	line-height: 70px;
	text-align: center;
}
 /*底部footer区开始*/
/*footer{
	border-top: 1px solid #a7a7a7;
	width: 100%;
	height: 334px;
	margin: 0 auto;
	font-family: "微软雅黑";
}
.footermain{
	width: 1200px;
	height: 334px;
	margin: 0 auto;
}
.footleft{
	float: left;
	width: 290px;
	height: 210px;
}
.foot_nav li{
	font-size: 16px;
    text-align: left;
    float: left;
    height: 36px;
    line-height: 34px;
    margin-top: 20px;
    margin-bottom: 24px;
    list-style: none;
    width: 92px;
    text-align: center;
    cursor:pointer;
}
.foot_nav>ul li:first-child{
	background: #1c1f1c;
	color: #fff;
}
.foot_nav>ul li:last-child{
	color:#363636;
	background: #8a8a8a;
}
.footcent em{
	display: block;
	font-size: 16px;
	font-weight: bold;
	text-align: left;
	float: left;
	color: #363636;
	height: 42px;
	line-height: 42px;
	margin-top: 30px;
}
.alinkbox{
	float: left;
	width: 100%;
	height: 140px;
	color: #616161;
	list-style: none;
}
.alinkbox li{
	float: left;
	display: inline-block;
	letter-spacing: -0.3px;
	width: 33.3%;
	cursor: pointer;
	height: 24px;
	line-height: 24px;
	font-size: 14px;
	text-align: left;
}
.alinkbox li>a:hover{
	color: #02a757;
}
.alinkbox2 li>a:hover{
	color: #616161;
}
.alinkbox:last-child li:nth-child(2n){
	margin-left:40px;
}
.footcent{
	display: block;
	float: left;
	width: 470px;
	height: 210px;
	padding-left: 150px;
	overflow: hidden;
	list-style: none;
	-moz-box-sizing: border-box; 
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;  
	box-sizing: border-box; 
}
.footcent li{
	float: left;
	width: 160px;
	height: 210px;
	display: block;
}
.footcent li img{
	display: block;
	float: left;
	margin-top: 2px;
	margin-left: 12px;
}
.fotcentem{
	padding-left: 13px;
}
.footrigt{
	width: 320px;
	height: 211px;
	float: right;
}
.footrigt em{
	display: block;
	float: left;
	margin: 0 auto;
	width: 100%;
	font-weight: bold;
	text-align: center;
	height: 105px;
    line-height: 160px;
	font-size: 26px;
	color: #616161;
}
.footrigt span{
	display: block;
    float: left;
    margin: 0 auto;
    color: #616161;
    font-size: 14px;
    text-align: center;
    width: 100%;
    height: 47px;
    line-height: 39px;
    letter-spacing: 1px;
    font-family: "微软雅黑";
}
.footrigt button{ 
	width: 260px;
	height: 42px;
	text-align: center;
	border: 0px;
	outline: none;
	background-color: #02a757;
	font-size: 18px;
	line-height: 42px;
	letter-spacing: 1px;
	font-family: "微软雅黑";
	transition:all .5s;
	color: #fff;
	margin-left: 29px;
}
.footrigt button:hover{
	transform:scale(1.1);
}
 .footrigt button a{
    color: #fff;
 }
.footerdown{
	width: 100%;
    float: left;
    clear: both;
    position: relative;
    margin: 0 auto;
    margin-top: 28px;
    text-align: center;
    font-size: 12px;
    height: 30px;
    line-height: 40px;
    color: #464646;
}
.footerdown p{
	height:23px
}*/

footer{width: 100%;clear: both;bottom: 0px;}
.clsply{
	display: none;
}
.footertop{
	position: relative;
	display: block;
	width:1200px;
	height:434px;
	margin:0 auto;
}
.nav{
	position: relative;
    display: block;
    top: 33px;
    height: 40px;
    width: 1200px;
    background-color: #f1f1f1;
}
.lfnavline{
	position: relative;
	display: block;
	width:39px;
	height:40px;
	float:left;
}
ul.footul{
	position: relative;
	display: block;
	float:left;
}
ul.footul>li{
	list-style: none;
	width:120px;
	height:40px;
	float:left;
	font-size: 14px;
	color:#666666;
	text-align: center;
	line-height: 40px;
	cursor:pointer;
}
ul.footul>li:first-child{
	color:#fff;
	background:#535353;
}
.rgtnavline{
	position: relative;
	display: block;
	width:993px;
	height:40px;
	float:right;
}
ul.menuul{
	position: absolute;
	top:87px;
}
ul.menuul li{
	display: block;
	float:left;
	list-style: none;
	padding:3px 9px;
}
ul.menuul li a{
	font-size: 14px;
	color:#666666;
}
ul.menuul a:hover{
	color:#02a757;
	text-decoration:underline;
}
.footlf{
	position: absolute;
	display: block;
	top:240px;

}
.footlf img{
	display: block;
}
.footlf p{
	position: relative;
	top:20px;
	font-size: 14px;
	color:#232323;
	line-height: 27px;
}
.footerhr{
	position: relative;
	top: 193px;
	left: 0;
	width: 100%;
	display: block;
	border: none;;
	height: 1px;
	background-color: #dbdbdb;
}
.footmid{
	position: absolute;
	display: block;
	top:239px;
	width:261px;
	left:50%;
	transform:translateX(-50%);
	-webkit-transform:translateX(-50%);
	-moz-transform:translateX(-50%);
	-ms-transform:translateX(-50%);
	-o-transform:translateX(-50%);
}
.erweimod{
	position: absolute;
	display: block;
	width:118px;
	float:left;

}
.erweimod:nth-of-type(1){
	left:0px;
}
.erweimod:nth-of-type(2){
	right:0px;
}
.erweimod img{
	position: absolute;
	left:50%;
	transform:translateX(-50%);
	-webkit-transform:translateX(-50%);
	-moz-transform:translateX(-50%);
	-ms-transform:translateX(-50%);
	-o-transform:translateX(-50%);
	display: block;

}
.erweimod p{
	position: absolute;
	top:120px;
	width:100%;
	font-size: 14px;
	color:#232323;
	text-align: center;
}
.footrgt{
	display: block;
	position: absolute;
	right:18px;
	top:247px;
	width:281px;
}
.footrgt span{
	display: block;
	position: absolute;
	top:-2px;
	font-size: 32px;
	color:#232323;
	font-weight: bold;
	right:0;
}
.footrgt button{
	position: absolute;
	display: block;
	width:270px;
	height:41px;
	right:0;
	background-color: #02a757;
	font-size:18px;
	color:#ffffff;
	text-align: center;
	border: none;
	top:73px;
}
.footrgt button:hover{
	background: #047940;
}
.footrgt img{
	width:43px;
}
.footp{
	width: 100%;
	position: relative;
	height: 60px;
	min-width: 1200px;
	display: block;
	float: left;
	background-color: #e9e9e9;
}
.footp>p{
	display: block;
	position: absolute;
	top: 3px;
	width:100%;
	font-size:12px;
	line-height: 20px;
	color:#ababab;
	text-align: center;

}
.cnzz{
	position: absolute;
	bottom: 2px;
	left:49%;
}

/*底部footer区结束*/




/*字体图标开始*/
@font-face {font-family: "iconfont";
  src: url('iconfont.svg'); /* IE9*/
  src: url('iconfont.svg') format('embedded-opentype'), /* IE6-IE8 */
  url('iconfont.svg') format('woff'), /* chrome, firefox */
  url('iconfont.svg') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/
  url('iconfont.svg') format('svg'); /* iOS 4.1- */
}
.iconfont {
  font-family:"iconfont" !important;
  font-size:16px;
  font-style:normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.icon-shendurz:before { color:red; font-size: 50px;} 
/*字体图标结束*/
/*第五模块海岸的服务开始*/




@media screen and (max-width:1280px){
	.gdtitlinebox1{
		width: 1200px;
		height: 62px;
		float: left;
		margin: 0 auto;
		border-bottom: 1px solid #02a757;
	}
	.garden3{
		width: 1200px;
		height: 4040px;
		margin: 0 auto;
	}
	.garden4{
		width: 1200px;
		height: 2706px;
		margin: 0 auto;
	}
	footer{
		border-top: 1px solid #a7a7a7;
		width: 1200px;
		height: 334px;
		margin: 0 auto;
		font-family: "微软雅黑";
	}
}
/* 百叶窗 */

.bling{
	position: absolute;
	width:1090px;
	height:476px;
	overflow: hidden;
}
.bling .qspan{
	position: relative;
	display: block;
	width:155px;
	height:476px;
	overflow:hidden;
	float:left;
}
.bling .qspan span{
	position:absolute;
	display: block;
	width:155px;
	height:476px;
}
 .boxbig{
        position: fixed;
        top: 0px;
        width: 100%;
        z-index: 200;
        height: 100%;
        background: rgba(0,0,0,0.7);
        display: none;
    }
.box1{
	margin: 0px auto;
	font-family: "微软雅黑";
    width: 330px; 
    position: fixed;
    left: 50%; top: 25%;
    margin-left: -187.5px;
    padding-top: 17px;
    background: #fff;
    /*letter-spacing: 1px;*/
} 
.close{
	/*margin-top: 15px;*/
	float: right;
	padding-left: 1px;
	margin-right: 15px;
	display: block;
    width: 24px;
    height: 24px;
    font-family: "微软雅黑";
    background: rgba(255,255,255, .15);
    border-radius: 12px;
    line-height: 20px;/*padding-top: 2px;*/
    font-size: 22px;
    transition:.5s all;
    text-align: center;
    color: gray;
}
.close:hover{
	background: rgba(0,0,0, .15);
	color: #000;
	transform:rotate(180deg);
}
.iptbox{
	/*width: 75%;
	height: 350px;*/
	width: 80%;
	height: 390px;
	margin: 0px auto;
	color: #9e9e9e;
}
.iptbox em{
	display: block;
	margin-top:5px;
	width: 100%;
	height: 35px;
	line-height: 47px;
	color: #a02426;
	font-size: 16px;
	font-weight: bold;
}
 
.iptbox span{
	display: block;
	width: 100%;
	height: 23px;
	color: #2a2a2a;
	font-size: 14px;
}
.iptbox input{
	width: 256px;
	color: #252525; 
	margin-top: 8px;
	float: left;
	border: 1px solid #cfcdcd;
	text-indent:1em;
	cursor: text;
	height: 30px; 
	text-indent:1em;
	color: #252525;
	font-size: 12px;
}
/* 侧边弹框表单验证码开始 */
#now_code{
	cursor: pointer;
	width:110px;
	height:33px;
	margin-top:9px;
	margin-left:10px;
}

.iptbox .inp{
	width:135px;
	height:35px;
}
/* 验证码结束 */

.plceadarea input{
	display: block;
	width: 128px;
	height: 40px;
	float: left;
}
.tanboxarea{
	width: 128px;
	height: 38px;
	float: right;
	position: relative;
color: #2a2a2a;
}
.tanboxarea input{
	position: absolute;
	top: 0;
	left: 0;
}
.tanboxarea span{
	position: absolute;
	display: block;
	top: 8px;
	width: 31px;
	height: 38px;
	right: 0px;
	text-align: center;
	line-height: 38px;
}
.textarea{
	padding-top: 10px;
	width: 97%;
	height: 80px;
	color: #ababab;
	float: left;
	margin-top: 10px;
	outline: none;
	resize:none;
	text-align: left;
	border: 1px solid #cfcdcd;
}
/* 页面底部表单通用 */
.tablemain{
	width: 625px;
	height: 100px;
	padding-left:5px;
	float: left;
	padding-top: 12px;
}
.tablemain input {
    width: 114px;
    height: 36px;
    margin-bottom: 5px;
    margin-left: 5px;
    color: #252525;
    cursor: text;
    text-indent: 1.5em;
    font-size: 12px;
}
.tablemain input[name="para180"]{
    position: absolute;
    left: 0;
    top: 41px;
    height: 46px;
}
input#code {
    display: block;
    float: left;
    width: 107px;
    margin-left: 5px;
}
#btnnow {
    display: block;
    float: right;
    width: 163px;
    /* margin-top: -41px; */
    height: 87px;
    text-align: center;
    text-indent: 0em;
    background-color: #a02426;
    cursor: pointer;
    font-size: 18px;
    color: #fff;
    border: none;
}


/* 表单非验证码部分 */
.formmainleft{
	width:452px;
	height:86px;
	float:left;
    position: relative;
}

/* 验证码区块 */
.codebox{
    position: absolute;
	width:214px;
	height:38px;
    right: 0;
    top:0;
}
#new_code{
    cursor: pointer;
   /* margin-left: 5px;*/
    width:102px;
    height:36px;
}
#btnone{ 
	display: block;
	width: 100%;
	float: left;
	text-indent:0;
	margin-top: 10px; 
	height: 37px;
	text-align: center;
	background-color: #a02426;
	font-size: 18px;
	color: #fff;
	border: none;
	outline: none;
	cursor: pointer;
}
.button input{
	display: block;
	width: 100%;
	float: left;
	margin-top: 10px;
	line-height: 37px;
	height: 37px;
	text-align: center;
	background-color: #a02426;
	font-size: 18px;
	color: #fff;
	border: none;
	outline: none;
}
.iptbox p{
	display: block;
	width: 100%;
	float: left;
	height: 30px;
	line-height: 40px;
	color: #828282;
	font-size: 12px;
	margin-bottom: 25px;
}
.iptbox textarea{
	 color: #252525;
	font-size: 12px;
}
/*底部小手循环运动*/
@keyframes smallhandmove
{
0%   {margin-left:0px;}
50%  {margin-left:15px;}
100% {margin-left:0px;}
}

@-moz-keyframes smallhandmove /* Firefox */
{
0%   {margin-left:0px;}
50%  {margin-left:15px;}
100% {margin-left:0px;}
}

@-webkit-keyframes smallhandmove /* Safari 和 Chrome */
{
0%   {margin-left:0px;}
50%  {margin-left:15px;}
100% {margin-left:0px;}
}

@-o-keyframes smallhandmove /* Opera */
{
0%   {margin-left:0px;}
50%  {margin-left:15px;}
100% {margin-left:0px;}
}
.downtable{
	display: none;
	font-family: "微软雅黑";
	width: 100%;
	border-radius: 0 10px 10px 0;
	height: 110px;
	float: left;
	clear: both;
	z-index: 50;
	/*transition:.5s all;*/
	position: fixed;
	background-color: rgba(0,0,0,.85);
	bottom: 0px !important; 
}
.downtbctn{
	position: relative;
	width: 1220px;
	margin: 0px auto;
	height: 100px;
	display: block;
	/*background-color: #000;*/
}
.tableimg{
	height: 100px;
	width: 300px;
	padding-top: 30px;
	float: left;
	padding-right: 8px;
	/*background-color: rgba(255,255,255, .5);*/
}
.tableimg img{
	float: left;
	display: block;
	width: 55px;
	height: 45px;
	animation:smallhandmove 1s infinite;
	-webkit-animation:smallhandmove 1s infinite;
	-moz-animation:smallhandmove 1s infinite;
	-o-animation:smallhandmove 1s infinite;
}
.tableimg span{
	float: right;
	letter-spacing: 1px;
	display: block;
	height: 45px;
	font-weight: bold;
	line-height: 45px;
	text-align: right;
	color: #941b1d;
	font-size: 24px;
}
 
 .theareabox{
	width: 205px;
	height: 41px;
	float: left;
	position: relative;
	color: #999999;
	text-indent: 1.5em;
}
.theareabox input{
	position: absolute;
	width: 200px;
	height: 36px;
	top: 0;
	left: 0;
	float: left;
	color: #999999;
	text-indent: 1.5em;
}
.theareabox span{
	position: absolute;
	display: block;
	width: 42px;
	text-indent: 0em;
	height: 36px;
	text-align: center;
	line-height: 36px;
	right: 0px;
	top: 0px;
	font-size: 12px;
	color: #232323;
}
.tablemain button{
	width: 170px;
	height: 78px;
	background-color: #a02426;
	color: #fff;
	border:none;outline:none
	font-size: 18px;
	float: right;
	cursor: pointer;
	margin-right: 5px;
	border: none;
}
.tablemain textarea{
	position: absolute;
    padding-top: 10px;
    padding-left: 10px;
    left: 124px;
    top: 41px;
    width: 328px;
    height: 46px;
    color: #252525;
    float: left;
    /* margin-top: 10px; */
    outline: none;
    resize: none;
    text-align: left;
    border: 1px solid #cfcdcd;
    resize: none;
    font-size: 12px;
}
.tablergt{
	float: right;
	height: 100px;
	padding-top: 18px;
	width: 270px;
}
.button input{
	display: block;
	width: 100%;
	float: left;
	margin-top: 10px;
	line-height: 37px;
	height: 37px;
	text-align: center;
	background-color: #a02426;
	font-size: 18px;
	color: #fff;
	border: none;
	outline: none;
}
.tablergt span{
	width: 100%;
	text-align: left;
	height: 30px;
	line-height: 30px;
	font-size: 18px;
	display: block;
	color: #fff;
}
.tablergt em{
	color: #941b1d;
	font-size: 40px;
	display: block;
	width: 100%;
	height: 44px;
	line-height: 44px;
	cursor: pointer;
}
.tablergt .taba{
	color: #941b1d;
	font-size: 40px;
	display: block;
	width: 100%;
	height: 44px;
	line-height: 44px;
	cursor: pointer;
}

/*底部样式*/
/* 底部关闭按钮 */
.close0{
	color:#fff;
	font-size:30px;
	float:right;
	margin-top:5px;
	cursor:pointer;
}
/* 立即预约 */
.order{
	display:block;
	position:absolute;
	padding:5px;
	width:27px;
	height:100px;
	border-radius: 0 10px 10px 0;
	background-color: red;
	color:#fff;
	cursor:pointer;
}
/*底部log*/
.footzxlg {
    width: 480px;
    height: 150px;
    float: left;
    text-align: center;
    padding-top: 50px;
    /* opacity: .2; */
}


/* 站点统计 */
/*.cnzz {
    padding-top: 300px;
    text-align: center;
    width: 100px;
    height: 20px;
    margin: 0 auto;
    display: block;
}
span#cnzz_stat_icon_1262177712 {
    float: left;
    margin: 0 auto;
    width: 50px;
    margin-top: 16px;
    height: 20px;
    margin-left: 24%;
    display: block;
}*/
/* 海岸动态 */
.met-index-news .tem_index_news_tab{
	display: inline-block;
    margin: 0 0 10px;
    margin-top: 20px;
    height: 35px;
    border-right: 1px solid #8c989f;
    list-style: none;
    line-height: 37px;
}
/* 新增 */
.met-index-news{
	text-align: center;
	/*margin-top: 48px;*/
	/*border-top: 1px solid;*/
}
.met-index-news .neWeb_title{
	/*padding-top: 60px;*/
    text-align: center;
    font-size: 30px;
    color: #4b2f19;
    font-weight: 400;
}
.met-index-news .neWeb_new_desc{
	margin-top: 16px;
    font-size: 14px;
    color: #555555;
    /* letter-spacing: 1px; */
    text-align: center;
}
.met-index-news hr{
	margin: 0 auto;
    margin-top: 14px;
    width: 61px;
    height: 2px;
    background-color: #e50202;
    border: none;
}
.tem_index_news_tab li{
	float: left;
}
.tem_index_news_tab li.flex-active h3{
	background: #8c989f;
    color: #fff;
}
.tem_index_news_tab li h3{
	padding: 0 40px;
    height: 35px;
    font-size: 14px;
    border: 1px solid #8c989f;
    border-right: 0;
    font-weight: normal;
    line-height: 33px;
    cursor: pointer;
}
.tem_index_news_tab li h3:hover{
	background: #8c989f;
    color: #fff;
}
.tem_index_news_list{
	margin:20px 0 0;
}

.met_none{
	display: none;
}

.flex-viewport {
    max-height: 2000px;
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -o-transition: all 1s ease;
    transition: all 1s ease;
}
.met_clear{
	clear: both;
}
.tem_index_news_list li dl.tem_even {
    margin-right: 0;
    margin-left: 10px;
}
.tem_index_news_list li a {
   	display: block;
}
.tem_index_more{
	margin-left: 42%;
}
.tem_index_more a{
	display: block;
    height: 40px;
    background: #02a757;
    color: #fff;
    font-weight: normal;
    font-size: 14px;
    line-height: 40px;
    width: 200px;
    text-align: center;
    margin-top: 30px;
    margin-bottom: 60px;
    text-decoration: none;
}
.tem_index_more a:hover{
	color: #fff;
	background: #047940;
	text-decoration: none;
}
.tem_index_news_list_txt a hr{
    margin-top: 6px;
    width: 380px;
    height: 1px;
    background-color: #EFEFEF;
    border: none;
}
.tem_index_news_list_txt a hr:nth-child(2){
	position: relative;
	top: 7px;
	background-color: #232323;
	width: 10px;
	margin-left: 0;
}
.tem_index_news_list dd:hover{
	background-color: #F7F8FA;
	transition:.3s all;
}
.tem_index_news_list dd a {
    padding: 0 10px;
    text-decoration: none;
}
.tem_index_news_list dd a:hover,.tem_index_news_list dd a:focus{
	color: transparent;
}
.tem_index_news_list_txt h3 {
    overflow: hidden;
    margin-bottom: 3px;
    height: 32px;
    font-weight: normal;
    line-height: 32px;
    text-align: left !important;
    font-size: 14px !important;
    color: #000 !important;
}

.tem_index_news_list_txt p {
    overflow: hidden;
    height: 42px;
    color: #818181;
    font-size: 13px;
    margin-top: 18px;
    margin-bottom: 0;
}
.tem_index_news_list_txt span.time {
    display: block;
    height: 25px;
    color: #818181;
    line-height: 25px;
}
.tem_index_news_list_txt h3,.tem_index_news_list_txt hr,.tem_index_news_list_txt p{
	margin-left: -3px;
}
.tem_inner, .met_section {
    position: relative;
    margin: 0 auto;
    margin: 0 auto;
    width: 1200px;
}
@media screen and (min-width: 0px) and (max-width: 1200px){
	.tem_inner, .met_section {
    	padding: 0;
    	width: 1100px;
	}
}
@media screen and (min-width: 1325px) and (max-width: 1900px) {
	.tem_inner, .met_section {
    	padding: 0;
    	width: 1200px;
	}
}

a.show:focus,a.show:hover{
	color: #fff;
}
.H_link{
	display: none;
}
.shownone{
	display: none;
}