.context {
	margin: auto;
	text-align: center;
}

.context p {
	font-size: 1.2rem;
	line-height: 2.5rem;
}

.fl-box {
	width: auto;
	margin: auto;
	height: auto;
}

.fl-box1 {
	float: left;
	width: 71.5%;
	height: 68vh;
}

.fl-box-1 {
	width: 20vw;
	height: 32vh;
	float: left;
	overflow: hidden;
	position: relative;
	
	transition: all .5s;
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
}

		.fl-box-1 a,.fl-box-2 a ,.fl-box-3 a   { display: block; text-align: center;}
		
		.wap1 {
			position: absolute;
			top: 0;
			left: 0;
			width: 100%;
			height: 100%;
			z-index: 100;
			background-color: rgba(47,101, 241, 0.7);
			color: #fff;
			display: none;
		}
		
		.wap1 h3 {
			font-size: 2.5rem;
			margin-top: 23%;
			color: #fff;
			font-style: normal;
			font-weight: 100;
			line-height: 2.5rem;
		}
		
		.wap1 p {
			width: 3rem;
			height:  3rem;
			border: 2px #fff solid;
			border-radius:50% ;
			margin: auto;
			text-align: center;
			color: #fff;
			line-height: 2.8rem;
			font-size: 2rem;
			margin-top: 7%;
		}
		
		.fl-box-1:hover .wap1 ,
		.fl-box-1:active .wap1 {
			display: block;
			
			transition: all .5s;
			-webkit-transition: all .5s;
			-moz-transition: all .5s;
		}

.fl-box-2 {
	width:35.5vw;
	height: 32vh;
	float: right;
	overflow: hidden;
	position: relative;
}

		.wap2 {
			position: absolute;
			top: 0;
			left: 0;
			width: 100%;
			height: 100%;
			z-index: 100;
			background-color: rgba(0,0,0, 0.7);
			color: #fff;
			display: none;
		}
		
		.wap2 p {
			width: 20vw;
			height:  9vh;
			border: 3px #fff solid;
			margin: auto;
			text-align: center;
			color: #fff;
			line-height: 9vh;
			font-size: 2rem;
			margin-top: 16%;
		}
		
		.ani {
			animation: scroller .5s;
			-webkit-animation: scroller .5s;
		}
		
		@-webkit-keyframes scroller{
			from{
				transform: scale(0.1);
			}
			to{ transform: scale(1);}
		}
		
		@keyframes scroller{
			from{
				transform: scale(0);
			}
			to{ transform: scale(1);}
		}
		
		.fl-box-2:hover .wap2 {
			display: block;
		}

.fl-box-3 {
	width: 100%;
	height: 34vh;
	float: left;
	margin-top: 2vh;
	overflow: hidden;
	position: relative;
}

		.wap3 {
			position: absolute;
			top: 0;
			left: 0;
			width: 100%;
			height: 100%;
			z-index: 100;
			display: none;
			color: #fff;
		}
		
		.wap3 p {
			width: 95%;
			height:  30vh;
			border: 2px #000 solid;
			margin: auto;
			text-align: center;
			color: #fff;
			line-height: 9vh;
			font-size: 2rem;
			margin-top: 2%;
		}
		
		.fl-box-3:hover .wap3, .fl-box-3:active .wap3 { display: block;}


.fl-box4 {
	float: right;
	width: 27.5%;
	height: 68vh;
	overflow: hidden;
	position: relative;
}

		.wap4 {
			position: absolute;
			top: 0;
			left: 0;
			width: 100%;
			height: 100%;
			z-index: 100;
			background-color: rgba(0,0,0, 0.7);
			color: #fff;
			text-align: center;
			display: none;
		}
		
		.wap4 p {
			display: inline-block;
			margin: auto;
			text-align: center;
			color: #fff;
			line-height: 9vh;
			font-size: 2.8rem;
			margin-top: 51%;
			position: relative;
		}
		
		.wap4 p:after {
			content: "";
			width: 2px;
			height: 35vh;
			background: #fff;
			position: absolute;
			top: -10vh;
			right: -1vw;
			
			animation: zoo 0.6s;
			-webkit-animation: zoo 0.6s;	
			transition-delay: 1.2s;		
		}
		
		
		@-webkit-keyframes zoo{
			from{
				transform: translateY(-130px);
				
			}
			to{ transform: translateY(0px);}
		}
		
		@keyframes zoo{
			from{
				transform: translateY(-130px);
				
			}
			to{ transform: translateY(0px); }
		}
		
		
		.y-slide {
			animation: zoo 0.6s;
			-webkit-animation: zoo 0.6s;
		}
		

		.fl-box4:hover .wap4,
		.fl-box4:active .wap4 {
			display: block;
		}

.gg-ban {
	margin: auto;
	margin-top: 5vh;
}


.newslist { width: auto; margin: auto; margin-top: 5vh;}

		.newslist dl {
			width: 48%;
			height: 40vh;
			float: left;
			margin: 0 1%;
		}
		
		.newslist dt {
			width: 100%;
			height: 7vh;
			border-bottom: 1px #ccc solid;
			line-height: 7vh;
		}
		
		.newslist dt p {
			padding: 0 1rem;
			font-size: 1.1rem;
			color: #a59ca7;
		}
		
		.newslist dt p i {
			font-style: normal;
			display: inline-block;
			color: #3f92eb;
			height: 100%;
			font-size: 1.5rem;
			border-bottom: 2px #ff8d00 solid;
		}
		
		.newslist dt p span a { color: #a59ca7;}
		
		.newslist dt p span ,.newslist dd p span{ float: right; }
		
		.newslist dd {
			width: 100%;
			margin: 0;
			padding: 0;
			line-height: 6vh;
			border-bottom:1px #d0d0d0 dashed;
		}
		
		.newslist dd p {
			padding: 0 1rem ;
			color: #a59ca7;
			background-image: url(../image/left_listicon.gif);
			background-repeat: no-repeat;
			background-position-y: center;
		}
		
		.newslist dd p a { color: #a59ca7; display: inline;}
		
		.newslist dd:hover p a ,
		.newslist dd:active p a{
			color: #437446;
			display: inline;
			font-size: 1.1rem;
		}

.news-detail {
	width: 85%; margin: auto; height: auto;
}

.news-detail h1 { text-align: center; line-height: 5rem;}

.news-d { border-bottom: 1px #A59CA7 dashed; margin-bottom: 3vh;}

.news-d em { font-style: normal; font-size: 0.9rem; color: #636060;}

.type-top {	margin: auto;  margin-top: 3vh;}

.left-lable { width: 49%;	float: left;}

.top-title { width: 100%;}

		.top-title h3 {
			font-size: 3rem;
			color: #d0121b;
			font-family: "times new roman";
			line-height: 2rem;
			width: 37%;
			float: left;
			margin-top: 1.5vh;
			margin-right: 1.5rem;
			border-right: 1px  #d0121b solid;
		}
		
		.top-title h3 em{
			font-size: 2.1rem;
			color: #d0121b;
			font-family: "times new roman";
			font-style: normal;
			font-weight: 100;
		}
		
		.top-title h3 span {
			font-family:"妤蜂綋" ;
			line-height: 2.5rem;
			font-size: 2.5rem;
			color: #39b5ee;
		}

		.top-title p {
			float: left;
			font-size: 2rem;
			color: #d0121b;
			font-family: "妤蜂綋";
			line-height: 1.8rem;
		}
		
		.top-title p em {
			font-style: normal;
			font-size: 1rem;
			margin-left: 0.2rem;
			font-family: "times new roman";
		}
		
		.top-title p span {
			font-family: "寰蒋闆呴粦";
			font-size: 1rem;
			color: #a59ca7;
		}

.left-rt-d { width: 100%; }

		.left-pic {
			float: left;
			width: 37%;
			margin-right: 2.5vh;
			margin-top: 4vh;
			background: red;
			height: 33vh;
		}
		
		.left-rt-d dl {
			float: left;
			margin-top: 4vh;
			width: 58.5%;
		}
		
		.left-rt-d dt {
			height: 8vh;
			background: #f3f2f1;
			font-family:"榛戜綋" ;	
		}
		
		.left-rt-d dt p {
			padding: 2vh 1.5vh;
			width: 90%;
			display: block;
			font-size: 1.7rem;
			color: #D0121B;
			line-height: 1.1rem;
			font-family: "妤蜂綋";			
		}
		
		.left-rt-d dt p span {
			font-size: 1rem;
			font-family: "times new roman";
		}
		
		.left-rt-d dd {
			display: block;
			width: 100%;
			height: 23.8vh;
			margin-top: 1vh;
			background: #f3f2f1;
		}
		
		.left-rt-d dd p {
			padding: 2vh;
			line-height: 3vh;
			width: 90%;
			font-size: 1rem;
		}
		
		.left-rt-d dd span {
			font-size: 0.7rem;
			color: #636060;	
		}

.right-lable {	float: left; width: 49%; margin-left: 5%;}

		.right-lable dl {
			display: block;
			width: 100%;
			height: 27.5vh;
			margin-bottom: 0.5vh;
		}
		
		.right-lable dt {
			float: left;
			width: 34%;
			height: 100%;
			overflow: hidden;
		}
		
		.right-lable dd {
			float: left;
			display: block;
			width: 65%;
			background: #f3f2f1;
			height: 100%;
			margin-left: 1%;
		}
		
		.right-lable dd p {
			display: block;
			width: 90%;	
			margin: 3vh;
			font-size: 1.6rem;
			line-height: 1.2rem;
			color: #D0121B;
			font-family: "妤蜂綋";
		}
		
		.right-lable dd p em { 
			font-size: 1rem;
			font-style: normal;
			font-family: "times new roman";
			color: #D0121B;
		}
		
		.right-lable dd p span {
			font-size: 0.8rem;
			color: #636060;
			font-family: "microsoft yahei";
		}


.main-about {
	width: auto; margin: auto; margin-top: 2vh;
}

		.about-lt {
			width: 48%;
			float: left;
			height: auto;
			margin-right: 2%;
		}
		
		.about-rt {
			width: 50%;
			float: left;
			padding-top: 4rem;
			padding-bottom: 3rem;
			font-size: 1.2rem;
		}


.main-service { margin: auto; height: auto; margin-top: 3vh;}

.tab-title {
	float: left;
	margin-right: 4%;
	width: 55%;
}

.tab-title dl {
	width: 100%;
	height: auto;
	margin-bottom: 2.5vh;
}

.tab-title dt {
	width: 100%;
	height: auto;
	margin-bottom: 2vh;
}

.small-bt { height: 6.3vh; margin-bottom: 2vh; border-bottom: 2px #3F92EB solid;}

		.small-bt p {
			border-bottom:1px #3F92EB solid;
			height: 6vh;
			line-height: 6vh;
			color: #3F92EB;
			font-size: 1.7rem;
			font-family: "times new roman";
			position: relative;
			padding-left: 1.2vw;
		}
		
		.small-bt p b { font-family: "妤蜂綋";font-size: 2rem;}
		
		.small-bt p:before {
			content: "";
			width: 1vw;
			height: 4vh;
			background-color: #3F92EB;
			position: absolute;
			left: 0vw;
			top: 1vh;
		}
		
		.small-top {  
			color: #D0121B; 
			font-family: "microsoft yahei"; 
			font-size: 1.8rem;
			line-height: 3rem;
		}
		
		.small-top-2 { color: #D0121B; font-size: 1.3rem;line-height: 3rem;}
		
		.small-list { color: #636060;	line-height: 2rem;	font-size: 1.1rem;}
		
		.small-list-2 { color: #636060; line-height: 1.5rem;  font-size: 1.1rem;}


.tab-title2 {
	float: left;
	width: 38%;
	margin-left: 3%;
}

.tab-title2 dl { width: 100%; margin-bottom: 2vh;}

.bt-2 { height: 10.5vh; margin-bottom: 2vh; border-bottom: 2px #3F92EB solid;}

		.bt-2 p {
			border-bottom:1px #3F92EB solid;
			height:8vh;
			line-height: 3.3vh;
			color: #3F92EB;
			font-size: 1.4rem;
			font-family: "times new roman";
			position: relative;
			padding: 2vh 1.5vw 0 1.5vw;
		}
		
		.bt-2 p b { font-family: "妤蜂綋";font-size: 2rem;}
		
		.bt-2 p:before {
			content: "";
			width: 1vw;
			height: 8vh;
			background-color: #3F92EB;
			position: absolute;
			left: 0vw;
			top: 1vh;
		}


.map-pic {
	position: relative;
	margin: auto;
}		

		.add-ch {
			position: absolute;
			top: 30vh;
			left: 28%;
			font-size: 1.5rem;
		}
		
		.add-ch p, .add-fo p {
			width: 3vh;
			height: 3vh;
			background: #D0121B;
			border: 2px #fff solid;
			text-align: center;
			line-height: 2.5vh;
			color: #fff;
			position: absolute;
			border-radius: 50%;
			font-size: 1.5rem;
		}
		
		.add-ch p:hover, .add-fo p:hover{
			background: #1E48B4;
		}
		
		.add-fo {
			position: absolute;
			top: 40vh;
			left: 50%;
			font-size: 1.5rem;
		}
		
		#map {
			position: absolute;
			right: 14%;
			top: 0;
		}

.map-line {
	color: #fff;
	position: absolute;
	right: 18%;
	top: 19vh;
	font-size: 2.5vw;
	line-height: 2.5rem;
	
	animation: zoo 0.6s;
	-webkit-animation: zoo 0.6s;	
	transition-delay: 1.2s;	
}

		.map-line strong {
			color: #fff;
			font-size: 4vw;
			font-style: normal;
			line-height: 2rem;
		}
		
		.map-line em {
			font-style: normal;
			font-size: 1.8vw;
			line-height: 2rem;
		}
		
		.map-line span {
			font-size: 1.7vw;
			color: #e9ae10;
			line-height: 2rem;
		}
		
		.map-line b { font-size: 3vw;line-height: 4rem;}


.item-1 {
	width: 100%;
	height: auto;
	margin: auto;
	float: left;
}

		.item-1 dt {
			float: left;
			width: 60%;
			height: auto;
			padding-left: 5%;	
			
		}
		
		.item-1 h3 {
			background-image: url(../image/icon-t_03.png);
			background-repeat: no-repeat;
			background-position-y: top;
			background-size: 5vw auto;
			line-height: 10vh;
			font-size: 3vh;
			padding-left: 2vw;
		}
		
		.item-1 dt p { margin-left: 5%;}
		
		.item-1 dd {
			width: 20%;
			float:right;
			display: block;
			margin-right: 5%;
		}
		
		.item-2 {
			width: 100%;
			height: auto;
			margin: auto;
			float: left;
			margin-top: 5vh;
		}
		
		.item-2 dt {
			float: left;
			width: 30%;
		    margin-left: 5%;
		}
		
		.item-2 dd {
			text-align: right;
			float: right;
			width: 60%;
			margin-right: 5%;
			display: block;
		}
		
		.item-2 dd h3 {
			background-image: url(../image/icon-t_04.png);
			background-repeat: no-repeat;
			background-position-y: top;
			background-position-x: right;
			background-size: 5vw auto;
			line-height: 10vh;
			font-size: 3vh;
			padding-right: 2vw;
		}


.yunshu {
	width: 100%;
	height: 10vh;
	background: #eee;
	color: #283A68;
	font-size: 1vw;
	margin-bottom: 1vh;
	border: 2px #eee solid;
}

		.yunshu p a ,.yunshu p{
			padding: 0.3vh;
			display: block;
			width: 100%;
			height: 100%;
		}
		
		#land-sport {
			background-image: url(../image/ship_04.png);
			background-repeat: no-repeat;
			background-position-y: bottom;
			background-position-x: right;
			background-size: 5vw auto;
		}
		
		#Container {
			background-image: url(../image/ship_06.png);
			background-repeat: no-repeat;
			background-position-y: bottom;
			background-position-x: right;
			background-size: auto 5vw ;
		}
		
		#overseas {
			background-image: url(404.png);
			background-repeat: no-repeat;
			background-position-y: bottom;
			background-position-x: right;
			background-size: 4.3vw 5vw;
		}
		
		.yunshu:hover { border: 2px #283A68 solid;}


.zhaopin {
	width: 100%;
}

.zhaopin dl {
	width: 100%;
	height: 15vh;
	border-bottom: 1px #636060 solid;
	margin-bottom: 1.5vh;
}

.zhaopin dt {
	height: 15vh;
	overflow: hidden;
}

.zhaopin dt h3 {
	font-size: 1.5rem;
	line-height: 2.5rem;
}

.zhaopin dt p { line-height: 1.8rem; font-size: 1rem;}

 .btn-zp {
	display: block;
	text-align: right;
	color: #D1BD8D;
}

.btn-zp {
	background: #D0121B;
	text-align: right;
	width: 7vw;
	height:3vh;
	line-height: 3vh;
	font-size: 0.8rem;
	margin: 0;
	text-align: center;
	float: right;
}

.bnt-zp a {  border: #fff;}

.btn-zp2 { 
	background: #D1BD8D;
	text-align: right;
	width: 7vw;
	height:3vh;
	line-height: 3vh;
	font-size: 0.8rem;
	margin: 0;
	text-align: center;
	float: right;
}