@charset "utf-8";
body{ background: url(../images/bg.png) no-repeat;}

.title{text-align:left; position: relative; padding: 20px 10px; overflow: hidden; background: #f9f8f8; border-top: 2px solid #00748a;}
.title span{ color: #00748a; font-size: 24px; font-weight: bold;}
.title a{ float: right; }



.header .top{ height: 35px; background: rgba(255, 255, 255, 0.4); border-bottom: 2px solid rgba(255, 255, 255, 0.7);}
.header .top .container{ display: flex; justify-content: space-between; color: #000; line-height: 35px;} 
.header .top .container div:nth-child(2) a{ color: #00748a;}

.topLogo{ padding: 0px 0px 0px 0px; display: flex; justify-content: space-between; border-bottom: 5px solid #00748a;}
.topLogo .searchs{ margin-top: 40px;}
.topLogo .searchs dd{ background: #fff; height: 40px; line-height: 40px; width: 340px; border-radius: 40px; display: flex; justify-content: space-between;}
.topLogo .searchs dd input{ border: none; background: none; padding: 0 10px; width: calc(100% - 60px); font-size: 16px;}
.topLogo .searchs dd button{ width: 60px; height: 40px; background: url(../images/search.png) no-repeat center center; border: none;}
.topLogo .searchs ul{ display: flex; justify-content: space-between; flex-wrap: wrap;}
.topLogo .searchs ul li{ margin: 25px 0px; position: relative; width: 25%; text-align: center; font-size: 16px;}
.topLogo .searchs ul li::before{content: ''; height: 15px; width: 1px; background: #d0d0d0; position:  absolute; top: 3px; right: 0;}
.topLogo .searchs ul li:last-child::before{display: none;}

.header .topnav{width: 100%; margin-bottom: 30px;}
.header .topnav .yiji{ display: flex; flex-wrap: wrap;}
.header .topnav .yiji li{ width: calc(100% / 8); text-align: center; margin-top: 20px; position: relative;}
.header .topnav .yiji li a{
	font-size: 16px;
	padding: 10px 20px;
	text-align: center;
	transition: all .3s;
}
.header .topnav .yiji li a.active,.header .topnav .yiji li a:hover{ background:#00748a; color:#fff; border-radius:5px; }
.header .topnav .yiji li::before{content: ''; height: 15px; width: 1px; background: #d0d0d0; position:  absolute; top: 3px; right: 0;}
.header .topnav .yiji li:nth-child(8n)::before{display: none;}


@media screen and (max-width: 1400px){
	
	
}

.footer{background: #f8f8f8; display: block;}
.contact{ background: linear-gradient(to right,#1a8aa3,#4fbed9);}
.contact .container{ display: flex; flex-wrap: wrap;}
.contact .container dd{ width: calc(100%/4); text-align: center; color: #fff; padding: 35px 0px;}
.contact .container dd p{ margin-top: 10px; line-height: 23px;}

.link{ margin: 15px 0px 15px 0px; display: flex; flex-wrap: wrap;}
.link .container{ display: flex; flex-wrap: wrap;}
.link .xddw{ width: calc((100% - 80px) / 4); margin: 0 10px; }
.link select{ height: 40px; width: 100%; padding: 0 5px; border: 1px #e5e5e5 solid;}
.link select option{ font-size: 18px; line-height: 30px; height: 40px; color: #1F1F1F; }


.footer .logo{ margin: 80px 0px 24px 0px;}
.footer .footer1{
	width: 100%;
	padding: 40px 0 40px;
	border-top: #ECECEC solid 1px ;
}
.footer .footer1 .copyright{text-align: center;  color: #333333; line-height: 25px;}
.footer .footer1 .copyright a{ color: #333333; text-align: center; }

.location{
	background: url(../images/home.png) no-repeat left 26px;
	padding: 20px 0px 20px 35px;
	line-height: 30px;
	font-size: 20px; font-weight: 600;
	border-bottom: 1px solid #d8d8d8;
	display: flex;
	justify-content: space-between;
}
.location dd{ display: flex;}
.location .l a{display: block; position: relative; margin-right: 10px; padding-right: 20px;}
.location .l a::before{ content: '>'; position: absolute; right: 0;}
.location .l a:last-child::before{ display: none;}
.location .menu{ font-size: 18px; display: flex; justify-content: right;}
.location .menu a{ font-size: 18px; font-weight: 500; height: 40px; line-height: 40px; display: block; width: 120px; text-align: center;}
.location .menu a.active{ background: #00748a; height: 40px; line-height: 40px; color: #fff;}
/*分页*/ 
.pagination-wrapper{ 
  	margin: 50px 0 0px 0;
  	text-align: center;
  	font-size: 0;
} 
.pagination{  
  	
} 
.pagination li{
	display: inline-block;
	vertical-align: top;
  	margin-right: 10px; 
  	margin-top: 10px;
}
.pagination li a{ 
  	display: inline-block;
  	font-size: 14px; 
  	color: #666666; 
  	height: 40px; 
  	line-height: 40px; 
  	padding: 0 15px;
  	transition: all .3s;
  	border: 1px solid #e3e3e3;
  	border-radius: 5px;
  	font-family: "微软雅黑";
} 
.pagination li span{ 
  	display: inline-block;
  	font-size: 14px; 
  	color: #666666; 
  	height: 40px; 
  	line-height: 40px; 
  	padding: 0 15px;
  	transition: all .3s;
  	border: 1px solid #e3e3e3;
  	border-radius: 5px;
  	font-family: "微软雅黑";
} 
.pagination li:last-child{
	margin-right: 0;
}
.pagination li a:hover{ 
  	background:#00748a!important; 
  	color:#fff; 
  	border-color: #00748a!important;
} 
.pagination li.active span { 
  	background: #00748a; 
  	color: #fff;
  	border-color: #00748a;
}