.w90{
	width: 90%;
	margin: 0 auto;
}
.w1600{
	width: 1600px;
	margin: 0 auto;
}
.w1500{
	width: 1500px;
	margin: 0 auto;
}
.w1360{
	width: 1360px;
	margin: 0 auto;
}

header{
	width: 100%;
	background: #FFFFFF;
}
.header-nav{
	zoom: 1;
}
.header-nav:after{
	display: block;
	content: '';
	clear: both;
}
.logo{
	float: left;
	margin-top: 15px;
}
.logo img{
	max-width: 100%;
	max-height: 100%;
}
.header-fr{
	float: right;
	zoom: 1;
}
.header-fr:after{
	display: block;
	content: '';
	clear: both;
}
.header-menu{
	float: left;
	margin-right: 60px;
}
.header-menu ul li{
	float: left;
	font-size: 20px;
	font-weight: bold;
	line-height: 110px;
	margin-right: 60px;
}
.header-menu ul li:last-child{
	margin-right: 0;
}
.header-menu ul li a{
	color: #333333;
}
.search{
	float: left;
	width: 50px;
	height: 50px;
	border-radius: 50%;
	background: #198383;
	position: relative;
	cursor: pointer;
	margin-top: 30px;
}
.search img{
	display: block;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%);
}



.footer-top{
	padding: 50px 0 80px;
	background: url(../images/foot-bg01.jpg) no-repeat center center;
	background-size: cover;
}
.footer-topBox{
	zoom: 1;
}
.footer-topBox:after{
	display: block;
	content: '';
	clear: both;
}
.footer-menu{
	float: left;
	zoom: 1;
}
.footer-menu:after{
	display: block;
	content: '';
	clear: both;
}
.footer-menu dl{
	float: left;
	margin-right: 70px;
}
.footer-menu dl:last-child{
	margin-right: 0;
}
.footer-menu dl dt{
	font-size: 20px;
	margin-bottom: 30px;
}
.footer-menu dl dt a{
	color: #ffffff;
	transition-duration: 0.5s;
}
.footer-menu dl dt:hover a{
	opacity: 0.8;
}
.footer-menu dl dd{
	font-size: 14px;
	line-height: 1.6;
	margin-bottom: 15px;
	padding-left: 12px;
	box-sizing: border-box;
	position: relative;
}
.footer-menu dl dd:before{
	display: block;
	content: '';
	width: 6px;
	height: 8px;
	background: url(../images/jt02.png) no-repeat;
	background-size: 100% 100%;
	position: absolute;
	left: 0;
	top: 50%;
	margin-top: -4px;
	transition-duration: 0.2s;
}
.footer-menu dl dd a{
	color: #ffffff;
	transition-duration: 0.5s;
}
.footer-menu dl dd:hover:before{
	left: 2px;
}
.footer-menu dl dd:hover a{
	opacity: 0.6;
}
.footer-fr{
	float: right;
	width: 320px;
}
.footer-logo{
	display: block;
	margin-bottom: 24px;
}
.footer-list{
	display: block;
	width: 100%;
	height: 44px;
	border: 1px solid rgba(255,255,255,0.15);
	border-radius: 5px;
	padding: 0 20px;
	zoom: 1;
	margin-bottom: 15px;
}
.footer-list:after{
	display: block;
	content: '';
	clear: both;
}
.footer-list img{
	float: left;
	margin-top: 12px;
}
.footer-list p{
	float: left;
	font-size: 16px;
	color: #FFFFFF;
	line-height: 44px;
	margin-left: 10px;
}
.footer-wl{
	margin-top: 25px;
}
.footer-wl ul li{
	float: left;
	width: 30px;
	height: 30px;
	border-radius: 5px;
	background: #ffffff;
	margin-right: 15px;
}
.footer-wl ul li:last-child{
	margin-right: 0;
}
.footer-beian{
	padding: 20px 0;
	background: #015883;
}
.footer-beian p{
	font-size: 16px;
	color: #FFFFFF;
	text-align: center;
	line-height: 1.6;
}

/*小屏导航*/
.xs-top{display: none;}
.logo-mobile{
	width: 45%;
    float: left;
    margin-top: 5px;
    margin-left: 3%;
}
.mobile{width: 100%; z-index: 9999; position: fixed; top: 0; left: 0; height: 55px; background: #fff;box-shadow: 0 0 8px 2px #CCCCCC;}
.mobile-inner{ margin-right: auto;margin-left: auto;background-color: #fafafa; position: relative;}

.mobile-inner-header{width: 100%; height: 55px; position: fixed; top: 0; left: 0;background: #fff;}
.mobile-inner-header-icon{color: #ffffff;background: #006090; height: 55px; font-size:25px; text-align: center; float:right; width: 55px; position: relative; -webkit-transition: background 0.5s; -moz-transition: background 0.5s; -o-transition: background 0.5s;transition: background 0.5s;}
.mobile-inner-header-icon span{position: absolute; left: calc((100% - 25px) / 2); top: calc((100% - 5px) / 2); width: 30px; height: 3px; background-color: #fff;transition-duration: 0.5s;}
.mobile-inner-header-icon span:nth-child(1){transform: translateY(10px) rotate(0deg); }
.mobile-inner-header-icon span:nth-child(2){transform: translateY(-10px) rotate(0deg);}
.mobile-inner-header-icon span:nth-child(3){ width:20px;}
.mobile-inner-header-icon-click span:nth-child(1){animation-duration: 0.5s; animation-fill-mode: both; animation-name: clickfirst;}   
.mobile-inner-header-icon-click span:nth-child(2){ animation-duration: 0.5s; animation-fill-mode: both; animation-name: clicksecond;}
.mobile-inner-header-icon-out span:nth-child(1){ animation-duration: 0.5s; animation-fill-mode: both; animation-name: outfirst; }   
.mobile-inner-header-icon-out span:nth-child(2){ animation-duration: 0.5s;animation-fill-mode: both; animation-name: outsecond; }
.mobile-inner-nav{ background:#006090; width: 100%; position: absolute; top: 55px;left: 0px; display: none;}
.active_mobile span:nth-child(3){ opacity:0;}
.active_mobile span:nth-child(1){transform: rotate(45deg);width: 30px;}
.active_mobile span:nth-child(2){transform: rotate(-45deg);width: 30px;}
.subNavBox1{width:100%;}
.subNav1{display: block;
  width: 100%;
  border-bottom: 1px solid rgba(255,255,255,0.2);
  line-height: 50px;
  font-size: 16px;
  color: #555;
  padding:0 15px;
  background: url(../images/jia1.png) no-repeat 96% center;
  color:#fff;
}

.currentDt1{
	background: url(../images/jian1.png) no-repeat 96% center rgba(255,255,255,0.2);
}
.navContent1{display: none; border-bottom: 1px solid rgba(255,255,255,0.2); padding:10px 0; background:#299898;}
.navContent1 li{ line-height:30px;}
.navContent1 li a{display:block; font-size:14px; color:#fff; padding-left: 40px;}
.so-mobile-fl{ width:100%; padding:10px 10px 10px 40px;}
.so-mobile-fl p{ font-size:14px; padding-bottom:10px; color:#fff; position:relative;}
.so-mobile-fl a{ display:block; font-size:14px; color:#fff; padding-bottom:10px; float:left; padding-right:10px;}
.xg-mobile-bt{ font-size:14px;font-weight: normal; padding:10px 20px;}
.xg-mobile-bt a{ color:#fff; position:relative; padding-left:20px;display: block;}
.xg-mobile-bt a:before{content: '';
    width: 15px;
    height: 15px;
    background: url(../images/m_anniu1.png) no-repeat center;
    position: absolute;
    left: 0;
    top: 2px;
    background-size: cover;}
/*菜单结束*/

.mobile-en{
	float: right;
	width: 55px;
	height: 55px;
}
.mobile-en a{
	display: block;
	font-size: 20px;
	color: #006090;
	font-weight: bold;
	text-align: center;
	line-height: 55px;
}


@media only screen and (max-width: 1500px){
	.w1600{
		width: 1200px;
		margin: 0 auto;
	}
	.w1500{
		width: 1100px;
		margin: 0 auto;
	}
	.w1360{
		width: 1080px;
		margin: 0 auto;
	}
	.logo{
		width: 256px;
	}
	.header-menu{
		margin-right: 40px;
	}
	.header-menu ul li{
		font-size: 18px;
		line-height: 100px;
		margin-right: 36px;
	}
	.search{
		margin-top: 25px;
	}
	.footer-fr{
		width: 300px;
	}
	.footer-list{
		padding: 0 10px;
	}
	.footer-menu dl{
		margin-right: 44px;
	}
	.footer-top{
		padding: 40px 0 60px;
	}
	
	
}
@media only screen and (max-width: 1366px){
	
}
@media only screen and (max-width: 769px){
	header{
		display: none;
	}
	.xs-top{display: block;}
	.w1600{
		width: 94%;
		margin: 0 auto;
	}
	.footer-menu{
		display: none;
	}
	.footer-fr{
		width: 100%;
	}
	.footer-top{
    	padding: 30px 0 40px;
	}
	.footer-beian{
		padding: 10px 0;
	}
	.w1360{
		width: 94%;
	}
	.w1500{
		width: 94%;
	}
	
}

@keyframes icon-bounce {
0%, 100% {-moz-transform: rotate(0deg);-ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); transform: rotate(0deg);}
25% { -moz-transform: rotate(15deg); -ms-transform: rotate(15deg);-webkit-transform: rotate(15deg);transform: rotate(15deg);}
50% { -moz-transform: rotate(-15deg); -ms-transform: rotate(-15deg); -webkit-transform: rotate(-15deg); transform: rotate(-15deg);}
75% { -moz-transform: rotate(5deg); -ms-transform: rotate(5deg);-webkit-transform: rotate(5deg); transform: rotate(5deg);}
85% { -moz-transform: rotate(-5deg);-ms-transform: rotate(-5deg);-webkit-transform: rotate(-5deg);transform: rotate(-5deg);}
}
@-webkit-keyframes icon-bounce {
0%, 100% {-moz-transform: rotate(0deg);-ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); transform: rotate(0deg);}
25% { -moz-transform: rotate(15deg); -ms-transform: rotate(15deg);-webkit-transform: rotate(15deg);transform: rotate(15deg);}
50% { -moz-transform: rotate(-15deg); -ms-transform: rotate(-15deg); -webkit-transform: rotate(-15deg); transform: rotate(-15deg);}
75% { -moz-transform: rotate(5deg); -ms-transform: rotate(5deg);-webkit-transform: rotate(5deg); transform: rotate(5deg);}
85% { -moz-transform: rotate(-5deg);-ms-transform: rotate(-5deg);-webkit-transform: rotate(-5deg);transform: rotate(-5deg);}
}
@-moz-keyframes icon-bounce {
0%, 100% {-moz-transform: rotate(0deg);-ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); transform: rotate(0deg);}
25% { -moz-transform: rotate(15deg); -ms-transform: rotate(15deg);-webkit-transform: rotate(15deg);transform: rotate(15deg);}
50% { -moz-transform: rotate(-15deg); -ms-transform: rotate(-15deg); -webkit-transform: rotate(-15deg); transform: rotate(-15deg);}
75% { -moz-transform: rotate(5deg); -ms-transform: rotate(5deg);-webkit-transform: rotate(5deg); transform: rotate(5deg);}
85% { -moz-transform: rotate(-5deg);-ms-transform: rotate(-5deg);-webkit-transform: rotate(-5deg);transform: rotate(-5deg);}
}
@-o-keyframes icon-bounce {
0%, 100% {-moz-transform: rotate(0deg);-ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); transform: rotate(0deg);}
25% { -moz-transform: rotate(15deg); -ms-transform: rotate(15deg);-webkit-transform: rotate(15deg);transform: rotate(15deg);}
50% { -moz-transform: rotate(-15deg); -ms-transform: rotate(-15deg); -webkit-transform: rotate(-15deg); transform: rotate(-15deg);}
75% { -moz-transform: rotate(5deg); -ms-transform: rotate(5deg);-webkit-transform: rotate(5deg); transform: rotate(5deg);}
85% { -moz-transform: rotate(-5deg);-ms-transform: rotate(-5deg);-webkit-transform: rotate(-5deg);transform: rotate(-5deg);}
}
@keyframes changeright{       	 
0%{-moz-transform: rotate(0deg);-ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); transform: rotate(0deg);}
50%{-moz-transform: rotate(180deg);-ms-transform: rotate(180deg); -webkit-transform: rotate(180deg); transform: rotate(180deg);}
100%{-moz-transform: rotate(360deg);-ms-transform: rotate(360deg); -webkit-transform: rotate(360deg); transform: rotate(360deg);}
}


@keyframes changeScale
{   0%   {transform: scale(1.1, 1.1);-o-transform: scale(1.1, 1.1);-ms-transform: scale(1.1, 1.1);-moz-transform: scale(1.1, 1.1);-webkit-transform: scale(1.1, 1.1); opacity: .2;}
100% {transform: scale(1, 1);-o-transform: scale(1, 1);-ms-transform: scale(1, 1);-moz-transform: scale(1, 1);-webkit-transform: scale(1, 1);opacity: 1}
}


@-moz-keyframes changeScale 
{   0%   {transform: scale(1.1, 1.1);-o-transform: scale(1.1, 1.1);-ms-transform: scale(1.1, 1.1);-moz-transform: scale(1.1, 1.1);-webkit-transform: scale(1.1, 1.1); opacity: .2;}
100% {transform: scale(1, 1);-o-transform: scale(1, 1);-ms-transform: scale(1, 1);-moz-transform: scale(1, 1);-webkit-transform: scale(1, 1);opacity: 1}
}


@-webkit-keyframes changeScale
{   0%   {transform: scale(1.1, 1.1);-o-transform: scale(1.1, 1.1);-ms-transform: scale(1.1, 1.1);-moz-transform: scale(1.1, 1.1);-webkit-transform: scale(1.1, 1.1); opacity: .2;}
100% {transform: scale(1, 1);-o-transform: scale(1, 1);-ms-transform: scale(1, 1);-moz-transform: scale(1, 1);-webkit-transform: scale(1, 1);opacity: 1}
}


@-o-keyframes changeScale 
{   0%   {transform: scale(1.1, 1.1);-o-transform: scale(1.1, 1.1);-ms-transform: scale(1.1, 1.1);-moz-transform: scale(1.1, 1.1);-webkit-transform: scale(1.1, 1.1); opacity: .2;}
100% {transform: scale(1, 1);-o-transform: scale(1, 1);-ms-transform: scale(1, 1);-moz-transform: scale(1, 1);-webkit-transform: scale(1, 1);opacity: 1}
}