/*
         ╭──╮╭──╮╭─╮  ╭─╮  TM
         │╭─╯│╭╮│╰╮│  ╰╮│ 
         │╰─╮│╰╯│  ││    ││  
         ╰─╮││╭╮│  ││    ││  
         ╭─╯││╰╯│╭╯╰╮╭╯╰╮
         ╰──╯╰──╯╰──╯╰──╯
                         
      Web: www.5811.com.cn  Tel: 4006-120-950
  
*/

.pc{
	display: none;
}
.temp{
	display: none;
}
.mobile{
	display: block;
}
body{
	border-top: 4px solid #008579;
	padding-top: 96px;
}
header{
	padding: 14px 10%;
	position: fixed;
	width: 80%;
	background-color: #fff;
	top: 0;
	z-index: 20;
	box-shadow: 0 2px 3px rgba(0,0,0,.2);
	overflow: hidden;
}
.dn{
	display: none;
}
.list {
	border-top: 1px solid #e1e1e1;
}
.list li{
	padding: 10px 10%;
	border-bottom: 1px solid #e1e1e1;
}
.list li:hover {background: #069D88; }
.list li a{
	padding-left: 40px;
	background: url(../images/m/ic2.png) no-repeat left center;
}
.list li:hover a {color: #fff; background-image: url(../images/m/ar.png); display: block;}

#fd{
  background-color: #111111;
  padding: 40px 0 40px 0;
  text-align: center;
  color: #fff;
  line-height: 40px;
}

.focus{ width:100%; max-width:640px; height:300px;  margin:0 auto; position:relative; overflow:hidden;padding-bottom: 9px;background: url(../images/m/banner_bg.jpg) repeat-x left bottom;   }
.focus .hd{ width:100%; height:14px;  position:absolute; z-index:1; bottom:22px; text-align:center;  }
.focus .hd ul{  font-size:0; vertical-align:top;
}
.focus .hd ul li span{
	display: inline-block;
	margin-top: 2px;
	width: 10px;
	height: 10px;
	border-radius: 50%;
	-webkit-border-radius:50%; -moz-border-radius:50%;
	background-color: #b8b8b8;
	font-size: 0;
	line-height: 0;
	overflow: hidden;
}
.focus .hd ul li{ display:inline-block; width:14px; height:14px;line-height: 14px; -webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%; background:#fff; margin:0 5px;  vertical-align:middle; overflow:hidden;  background-color: #fff; border: 1px solid #b8b8b8; }
.focus .hd ul li.on span{ background:#5f5954;  }

.focus .bd{ position:relative; z-index:0; }
/*.focus .bd li img{ width:100%;  height:300px; background:url(images/loading.gif) center center no-repeat;  }*/
.focus .bd li img{ width:640px;  height:300px; background:url(images/loading.gif) center center no-repeat;  }
.focus .bd li a{ -webkit-tap-highlight-color:rgba(0, 0, 0, 0); }

.t1{
	overflow: hidden;
	padding: 40px 10%;
	height: 54px;
	line-height: 54px;
}
.t2{
	padding: 0 14%;
	height: 46px;
	line-height: 46px;
	background-color: #FFFFFF;
	color: #333;
  border-bottom: 1px solid #E1E1E1;
  cursor: pointer;
}
.t2-b{
	background-color: ;
}
.t1 h3{
	float: left;
}
.t1 h3 strong{
	text-transform: uppercase;
	color: #07524b;
}
.t1 h3 em{
	color: #444444;
	font-style: normal;
	font-size: 14px;
	padding-left: 6px;
}
.t1 .logo-2{
	float: right;
}
.t1-b h3 strong{
	color: #cf5e42;
}
.t2 strong{
	padding-left: 20px;
	background: url(../images/m/ar-1.png) no-repeat left center;
	font-weight: normal;
}
.t2 .arrow{
	margin: 9px 0 0 0;
	float: right;
	width: 32px;
	height: 32px;
	background: url(../images/m/ar2-1.png) no-repeat left top;
    -webkit-transition:0.5s ease;
    -moz-transition:0.5s ease;
    -webkit-transition-property:all;
    -moz-transition-property:all;
}
.t2ok{color:#fff;background:#33a398;}
.t2ok strong{background:url(../images/m/ar.png) no-repeat left center;}
.t2ok .arrow {
    background: url(../images/m/ar2.png) no-repeat left 5px;
    -webkit-transform:rotateX(180deg);
    -moz-transform:rotateX(180deg);
    margin-right: 12px;
}

.t2ok2{color:#fff;background:#CF5E42;}

.con-a{
	background-color: #f9f9f9;
	padding: 44px 14%;
 display: none;
}
.img-c{
	max-width: 100%;
	margin: 0 auto;
}
.con-a p{
	text-indent: 2em;
	padding-bottom: 30px;
}
.url-a{
	text-align: center;
	color: #828282;
	font-size: 14px;
	margin: 20px 0 0 0;

	padding: 40px 0 0 0;
	background: url(../images/dt2.gif) no-repeat center top;
	color: #828282;
}
.tit2{
	text-align: center;
	padding: 40px 0 20px 0;
	background: url(../images/dt.gif) no-repeat center 80px;
}
.tit2 span{
	font-size: 28px;
	text-transform: uppercase;
	font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
	font-weight: bold;
	color: #00463f;
	display: inline-block;
	padding: 0 0 20px 0;
}
.tit2 p {
color: #828282;
font-size: 16px;
}
.ul-news{
 text-align: center;}

.ul-news li{
	display:inline-block;
	width: 30%;
 margin-bottom: 10px;
 overflow: hidden;
}

.ul-news2 li{text-align: center;}
.ul-news li img{
	width: 100%;
	height: auto;
	display: block;
}
.ul-news2 li img{margin-bottom: 8px;padding: 4px;background-color: #e6e6e6;border: 1px solid #dcdcdc;width: 100%;height: auto}
.ul-news li span{
	display: block;
	padding: 12px;
	background-color: #efefef;
	-o-transition:.5s;
	-ms-transition:.5s;
	-moz-transition:.5s;
	-webkit-transition:.5s;
	transition:.5s;
}
.ul-news li.hover span{
	background-color: #4d8e88;
}
.ul-news li.hover span a{
	color: #fff;
}
.ul-news2 li a{font-size: 14px;font-weight: bold;color: #00463f;}
.ul-news li a img{
	-o-transition:.5s;
	-ms-transition:.5s;
	-moz-transition:.5s;
	-webkit-transition:.5s;
	transition:.5s;
	filter: saturate(30%);
	-webkit-filter: saturate(30%);
	-moz-filter: saturate(30%);
	-o-filter: saturate(30%);
	-ms-filter: saturate(30%);
}
.ul-news li a:hover img,.ul-news li.hover a img{
	filter: saturate(100%);
	-webkit-filter: saturate(100%);
	-moz-filter: saturate(100%);
	-o-filter: saturate(100%);
	-ms-filter: saturate(100%);
	opacity: .9;
	-ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity= 90)';
	filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=90);
}
.ul-news li span a{
	line-height: 1.2;
	color: #3d3d3d;
 font-size: 12px;
	font-weight: bold;
 height: 35px;
 display: inline-block;
}
.ul-news li span a:hover{
	
}
.ul-news2{
	padding: 20px 0 20px 0;
	text-align: center;
	width: 100%;
}
.ul-news2 li{display: inline-block;text-align: center;width: 30%;}
.ul-news2 li img{margin-bottom: 8px;padding: 1%;background-color: #e6e6e6;border: 1px solid #dcdcdc;width: 95%;height: auto;}
.ul-news2 li a{font-size: 14px;line-height: 1.2;font-weight: bold;color: #00463f;}
.news-wp{
	overflow: hidden;
}
.news-wp{
	width: 100%;
}
.hall-wp{
	background-color: #f9f9f9;
	padding: 40px 10%;
	border-top: 1px solid #dddedc;
	border-bottom: 1px solid #dddedc;
}
.exp-wp{
	overflow: hidden;
	background-color: #fff;
}
.dl-exp {
	padding: 0 14%;
	overflow: hidden;
}
.dl-exp dt{
	float: left;
	width: 20%;
	position: relative;
	top: 10px;
	margin-right: 10px;
}
.dl-exp dd{
	padding: 5% 0 0 24%;
}
.dl-exp h3{
	font-size: 16px;
	padding-bottom: 4px;
	font-weight: bold;
	color: #393939;
}
.dl-exp dt img{
	width: 100%;
}
.dl-exp i{
	position: absolute;
	z-index: 10;
	top: 0;
	left: 0;
	bottom:0;
	right:0;
}

.dl-exp p{
	color: #696969;
	font-size: 14px;
	line-height: 1.4;
}

.tit-3 a{
	color: #00463f;
	font-weight: bold;
	border-bottom: 2px solid #f1bc2e;	
	margin: 0 14px;
	font-size: 14px;
}
.tit-3{
	text-align: center;
}
.dl-hall{overflow: hidden;}
.dl-hall dt{
	float: left;
	width: 20%;
	padding-top: 9px;
}
.dl-hall dt img{
	width: 100%;
}
.dl-hall dd{
	padding-left: 24%;
}
.dl-hall h3{
	font-size: 16px;
	color: #00463f;
	padding-bottom: 6px;
}
.dl-hall p{
	color: #696969;
	line-height: 22px;
	font-size: 14px;
}
.ul-add{
	padding: 10px 0 0 0;
}
.ul-add li{
	font-size: 14px;
	height: 16px;
	color: #696969;
	margin-bottom: 6px;
}
.media{
	text-align: center;
	padding: 20px 0;
}
.media li{
	display: inline-block;
	vertical-align: middle;
	margin: 0 10px;
	width: 18%;
}
.media li img{max-width:100%}
.logo{
	float: left;
}
.menu-btn{
	width: 45px;
	height: 45px;
	background: url(../images/m/ic3.png) no-repeat center -60px;
	float: right;
	border: 1px solid #ddd;
	cursor: pointer;
}

.menu{
	position: fixed;
	z-index: 999;
	right: -100%;
	top: 80px;
	width: 100%;
	background-color: #fff;
	border-radius: 0 0 0 10px;
	background-color: rgba(255,255,255);
	-webkit-transition: ease all .5s;
	-moz-transition: ease all .5s;
	transition: ease all .5s;
}
.menu-show {
	right: 0;
}
#top-c .ok{
	border: 1px solid #fff;
	background-color: #f1bc2e;
	background-position: center 16px;
}


.con-a img {max-width:99%;}

.fd-bg { background:url(../images/fd_bg.jpg) no-repeat center top;background-size:contain; height:60px;}

.hall-wp {position: relative;}
.x-win-m {
position: absolute;
right: 0;
top: 0;
width: 47px;
height: 47px;
background: url(../images/x.gif) no-repeat left top;
display: block;
}

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

  .ul-news li{
  	width: 40%;
  }

  .t1 h3 {width: 50%; line-height: 1.2em;}
  .t1 h3 em {display: block; padding: 0;}

  .media li {width: 40%;}

}