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

    /* 公用 */

    /* 栏目 */

.pc{
	display: block;
}
.mobile{
	display: none;
}
.hideme,#fd{
	opacity: 0;
}
.row1-tit {
	height: 240px;
}
.row1-tit ul{
	padding-top: 20px;
}
.row1-tit li{
	font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
	font-size: 16px;
	text-transform: uppercase;
	width: 49%;
	float: left;
	text-align: center;
	height: 160px;
	position: relative;
}

.row1-tit span{
	position: absolute;
	bottom:0;
	width: 180px;
	left: 50%;
	margin-left: -90px;
	font-size: 16px;
}
.row1-tit span em{
	border-bottom: 2px solid #fff;
	font-weight: bold;
}
.row1-tit a{
	color: #8a8a8a;
	float: left;
}
.row1-tit li.hover a,.row1-tit a:hover em{
	color: #00463f;
}
.row1-tit li.hover span em,.row1-tit a:hover em{
	border-bottom: 2px solid #f1bc2e;
}
.row1-tit a img{
	position:absolute;
	margin:auto;
	top:0;
	bottom:0;
	left:0;
	right:0;
}
.row1-con{
	min-height: 530px;
	height: 652px;
	position: relative;
}
.tit1{text-align: center;padding:40px 0 60px 0; }
.tit1 li{
	display: inline;
	margin: 0 50px 0 0;
}
.tit1 li.hover a{
	color: #00463f;
	font-weight: bold;
}
.tit1 li a{
	font-size: 16px;
	color: #8a8a8a;
}

.row1{
	background:#f9f9f9 url(../images/r1.jpg) repeat-x left top;
	border-bottom: 1px solid #ebebeb;
	position: relative;
	height: 920px;
}
.row1-bg{
	position: absolute;
	bottom: 60px;
	left: 50px;
}
.tit1-con {overflow: hidden;
  position: absolute;
  top: 80px;
  left: 0;
  width: 1000px;
}
.tit1-con .l{
	float: left;
	width: 460px;
	margin-right: 60px;

}
.tit1-con .r{
	width: 460px;
}
.tit1-con p{
	font-size: 14px;
	line-height: 24px;
	margin-bottom: 10px;
}
.side-url{
	padding: 40px 0 0 0;
	text-align: center;
	background: url(../images/dt2.gif) no-repeat center top;
	color: #828282;
	position: absolute;
	bottom: 0;
	width: 100%;
}
.tit2{text-align: center;
	padding: 40px 0 20px 0;
	background: url(../images/dt.gif) no-repeat center 80px;
}
.tit2 span{
	font-size: 25px;
	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: 12px;
}
.ul-news li{
	float: left;
	width: 190px;
	margin: 0 10px 13px 0;
}

.ul-news li img{
	width: 190px;
	height: 190px;
	display: block;
}
.ul-news2 li img{margin-bottom: 8px;padding: 4px;background-color: #e6e6e6;border: 1px solid #dcdcdc;width: 150px;height: 150px;}
.ul-news2 li a:hover img {background:#00463F; background:#00463F;}
.ul-news li span{
	display: block;
	padding: 14px;
	background-color: #efefef;
	-o-transition:.5s;
	-ms-transition:.5s;
	-moz-transition:.5s;
	-webkit-transition:.5s;
	transition:.5s;
 height:35px;
}
.ul-news li.hover span{
	background-color: #4d8e88;
}
.ul-news li.hover span a{
	color: #fff;
}

.ul-news2 {text-align: center;}
.ul-news2 li{text-align: center;width:156px; float: none; display: inline-block;}
.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%);
	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%);
 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: 14px;
	font-weight: bold;
}
.ul-news li span a:hover{
	color: #fff;
}

.row2{
	overflow: hidden;
	padding: 0 0 100px 0;
}
.row3{
	background: #f9f9f9 url(../images/sd.jpg) repeat-x left top;
	border-bottom: 1px solid #ebebeb;
}
.row3 .exp-wp{
	background: url(../images/l2.gif) repeat-y 500px 60px;
	width: 1120px;
	margin: 40px 0 100px 0;
}
.dl-exp {
	float: left;
	width: 460px;
	margin: 0 90px 80px 0;
}
.dl-exp dt{
	float: left;
	width: 110px;
	position: relative;
	margin-right: 10px;
 height:136px;
}
.dl-exp dd{
	padding: 16px 10px 0 0;
}
.dl-exp h3{
	font-size: 14px;
	padding-bottom: 10px;
	color: #393939;
}
.dl-exp dt img{
	max-width: 97px;
	height: 136px;
	_width: 97px;
	_height: 136px;
}

.dl-exp i{
	position: absolute;
	width: 97px;
	height: 136px;
	background: url(../images/mask.png) no-repeat left top;
	z-index: 10;
	top: 0;
	left: 0;
}

.dl-exp p{
	color: #696969;
}
.h70{
	height: 70px;
	line-height: 0;
	overflow: hidden;
	font-size: 0;
	clear: both;
}
.tit-3{text-align: center;margin: 10px 0 30px 0;}
.tit-3 li{
	display: inline;
}
.tit-3 li a{
	margin: 0 14px;
	font-size: 14px;
	border-bottom: 2px solid #fff;
}
.tit-3 li.hover a,.tit-3 li a:hover{
	color: #00463f;
	font-weight: bold;
	border-bottom: 2px solid #f1bc2e;
}
.apply-member a{
	display: inline-block;
	width: 165px;
	height: 42px;
	line-height: 42px;
	text-align: center;
	font-size: 14px;
	border: 1px solid #e1e1e1;
	background: url(../images/ic1.gif) no-repeat 20px center;
}
.row5{
	text-align: center;
}
.row5 ul{
	padding: 20px 0 100px 0;
}
.row5 li{
	display: inline-block;
	vertical-align: middle;
	margin: 0 30px;
}
.row4{
	padding: 10px 0 60px 0;
}
.row4_c{
	background-color: #f9f9f9;
	border-top: 1px solid #d8d9d7;
	border-bottom: 1px solid #d8d9d7;
	padding: 40px 0 40px 0;
}
.dl-hall dt{
	float: left;
	width: 190px;
	margin-right: 30px;
	height: 250px;
}
.dl-hall dt img{
	width: 190px;
}
.dl-hall dd{
	padding-left: 200px;
	width: 500px;
}
.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: 4px;
}

#slides,#slides div {height:600px;overflow: hidden;}
#slides  {position:relative;}
#slides .pagination {
        height:20px;
        width:100%;
        text-align:center;
        right:10px;
        bottom:15px;
        z-index:88;
        position:absolute;
}
#slides .pagination li {display:inline;}
#slides .pagination li a {
  display: inline-block;
  font-size: 0;
  width: 17px;
  height: 17px;
  overflow: hidden;
  line-height: 0;
  background: url(../images/dt.png) no-repeat left top;
  margin: 0 5px;
 }
#slides .pagination li.current a {
	background-position: right 0;

}


.row4_c .wp{
	position: relative;
}
.x-win{
	position: absolute;
	right: 0;
	top: -40px;
	width: 47px;
	height: 47px;
	background: url(../images/x.gif) no-repeat left top;
	display: block;
}
#slides{
	position: absolute;
	width: 1920px;
	left:50%;
	margin-left: -960px;
	height: 600px;
}
#slides .prev,#slides .next{
	top: 210px;
	position: absolute;
	width: 60px;
	height: 60px;
	font-size: 0;
	line-height: 0;
	overflow: hidden;
	background: url(../images/ac.png) no-repeat left top;
	z-index: 60;
	opacity: 0;
}
#slides .next{
	background-position: right top;

}


.fd-bg {background: url(../images/fd_bg.jpg) no-repeat center top; height: 350px; overflow: hidden;}

.op0-100 li,.op0-100 dl {opacity: 0;}