.inban{width:100%;}
.inban img{width:100%;}

.news_sub_bg{width:100%; background:#f2eeed; box-shadow:0px 2px 2px #ccc; padding:15px 0;}
.sub_nav a{ display:inline-block; padding:0 15px; background:none; margin:0; font-size:16px;}
.sub_nav a.nobor{border-right:none;}

.progress{text-align:center;}
.progress a{display:inline-block; margin:0 2px; width:190px; height:99px; border:1px solid #c9c9c9; font-size:18px; color:#5c5a5a; line-height:99px; text-indent:4em; transition:border 1s,color 1s;}
.progress .prog1{background:url(../images/fiveicon.png) 22px center no-repeat;}
.progress .prog2{background:url(../images/fiveicon.png) -172px center no-repeat;}
.progress .prog3{background:url(../images/fiveicon.png) -377px center no-repeat;}
.progress .prog4{background:url(../images/fiveicon.png) -577px center no-repeat;}
.progress .prog5{background:url(../images/fiveicon.png) -777px center no-repeat;}
.progress .prog6{background:url(../images/fiveicon.png) -977px center no-repeat;}
.progress a:hover{/*border:1px solid #eb4951; color:#eb4951;*/}

.join_red_tit{ font-size:24px; color:#e60012; padding-top:15px;}
.join_red_tit2{ font-size:30px; padding-top:20px; color:#000;}
.join_600_wid{ width:500px; margin:10px auto 0 auto; font-size:16px; line-height:30px;}
.join_700_wid{ width:700px; margin:10px auto 0 auto; font-size:16px; line-height:30px;}
	
.join_honor_wrap{width:100%; height:556px; background:url(../images/join19.jpg) center center;}	
.join_ten_wrap{width:100%; height:751px; background:url(../images/join21.jpg) center center;}	
.join_clt_wrap{width:100%; height:434px; background:url(../images/join23.jpg) center center;}	

.imglist{width:100%; display:block;}
.imglist li{width:366px; height:422px; position:relative; float:left; border:1px solid #ccc; margin-right:19px; margin-top:19px; transition:border-color 0.7s;}
.imglist li.nomar{margin-right:0;}
.imglist li:hover{border-color:#f25618;}
.imglist li .zoomwrap{width:366px; height:262px; display:block; overflow:hidden; position:relative;}
.imglist li .zoomwrap img{width:366px; height:262px; position:absolute; left:0; top:0; transition:width 1s,height 1s,top 1s,left 1s;}
.imglist li:hover .zoomwrap img{width:396px; height:292px; left:-15px; top:-15px;}
.imglist li .whatsnew{position:absolute; left:0; top:0; z-index:10;}
.imglist li h1{font-size:16px; color:#000; padding:10px 10px 0 10px;}
.imglist li h2{font-size:14px; padding:10px 10px 0 10px;}
.imglist li .pg_bar{width:94%; height:8px; background:#ececec; margin:15px auto 0 auto; border-radius:4px; overflow:hidden;}
.imglist li .pg_bar .pgs1{width:50%; height:100%; background:#fdb31c;}
.imglist li .totalnum{width:94%; margin:15px auto 0 auto; position:relative; height:27px;}
.imglist li .totalnum .joinum{position:absolute; left:0; top:0;}
.imglist li .totalnum .joinum strong{font-size:20px; color:#fe5842;}
.imglist li .totalnum .neednum{position:absolute; right:0; top:5px; background:#5ad2a4; color:#fff; padding:0 5px; font-size:14px;}
.imglist li .enterbtn{width:167px; height:45px; background:url(../images/enterbtn.jpg) left top no-repeat; margin:0 auto; font-size:14px; color:#fff; line-height:43px; text-indent:1.9em; transition:background 0.5s;}
.imglist li:hover .enterbtn{background:url(../images/enterbtn.jpg) left bottom no-repeat;}
.imglist li .cmt_stars{width:60px; height:12px; background:url(../images/o2o11_66.png) repeat-x; margin-top:20px; position:relative; margin:20px 0 0 14px;}
.imglist li .cmt_stars .cmt_stars_good{height:12px; background:url(../images/o2o11_152.png) repeat-x; display:inline-block; vertical-align:top;}
.imglist li .cmt_stars .cmt_num{position:absolute; top:-4px; left:70px; width:140px; font-size:14px; color:#000;}

div.digg{ margin:0; padding:0; text-align:left; font-size:14px; }
div.digg a{ display:block; float:left; padding:5px 12px; margin:0 0 0 8px; border:1px solid #e1e2e3; line-height:20px; height:20px; color:#999; background:#fff; text-decoration:none; transition:border 0.7s,color 0.7s;}
div.digg a:hover { border:1px solid #f25618; color:#f25618; }
div.digg span{ display:block; float:left; padding:5px 0; line-height:20px; height:20px; }
div.digg span.current { padding:5px 12px; margin:0 0 0 8px; color:#555; font-weight:bold; }
div.digg span.disabled { border:1px solid #eee; padding:5px 12px; margin:0 0 0 8px; color:#ddd; }

.spec_zone{width:100%; height:514px; background:url(../images/specbg.jpg) center top no-repeat;}
.speciality{text-align:center;}
.speciality a{display:inline-block; font-size:18px; color:#fff; width:19%; padding-top:138px; }
.speciality .spec1{background:url(../images/fiveicon2.png) 60px top no-repeat;}
.speciality .spec2{background:url(../images/fiveicon2.png) -152px top no-repeat;}
.speciality .spec3{background:url(../images/fiveicon2.png) center top no-repeat;}
.speciality .spec4{background:url(../images/fiveicon2.png) -576px top no-repeat;}
.speciality .spec5{background:url(../images/fiveicon2.png) -790px top no-repeat;}

.zs_ban_btn{position:absolute; display:inline-block; left:50%; margin-left:-46px; bottom:-26px; cursor:pointer;}

.scrollpic {
	width: 1100px;
	margin:0 auto; padding-top:90px;
}
#myscroll {
	display: block;
	width: 100%;
	position: relative;
	height: 200px;
	overflow: hidden;
}
#myscroll #myscrollbox {
	display: block;
	float: left;
	position: absolute;
	left: 0;
	top: 0;
	width: 1000000px;
}
#myscroll ul {
	display: block;
	float: left;
	list-style-type: none;
	padding: 0;
	margin: 0;
}
#myscroll ul li {
	display: block;
	float: left;
	padding: 0;
	width:280px;
}
#myscroll ul li a {
	display: block;
	float: left;
	width: 260px;
	padding: 0;
	position: relative;
	height: 200px;
	color: #333;
}
#myscroll a .intro {
	position: absolute;
	left: 0;
	z-index: 10;
	background-color: #0057c4;
	filter: alpha(opacity=70);
	width: 260px;
	color: #fff;
	-moz-opacity: 0.7;
	-khtml-opacity: 0.7;
	opacity: 0.7;
	text-align: center;
}
#myscroll a .intro h5 {
	padding: 0;
	margin: 0;
	font-size: 16px;
	height: 40px;
	width: 260px;
	line-height: 30px;
	border-bottom: 1px solid #347fdc;
	font-weight:100;
}
#myscroll a .intro p {
	font-size: 13px;
	line-height: 20px;
	margin: 65px 70px;
	height: 70px;
	overflow: hidden;
}
#myscroll a .intro {
	bottom: -211px;
}
#myscroll a:hover .intro {
	bottom: 0px;
}
#mybtns {
	margin: 10px 0;
	width: 1100px;
	display: block;
	height: 42px;
}
#mybtns a {
	width: 42px;
	height: 42px;
	display: block;
	float: right;
	margin-right: 1px;
	background-color: #c1c1c1;
	margin-left:10px;
}
#mybtns a:hover {
	background-color: #347fdc;
}
#mybtns a:hover, #myscroll, #mybtns a, #myscroll a:hover .intro, #myscroll a .intro, #myscroll #myscrollbox {
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
}
#mybtns #left {
	background-image: url(../images/jt_l.png);
}
#mybtns #right {
	background-image: url(../images/jt_r.png);
}

.j_ten_ul,.j_clt_ul{ width:1050px; display:block; text-align:center; margin:0 auto;}
.j_ten_ul li{ float:left; width:187px; height:257px; padding-top:20px; border:1px solid #d0a972; background:#fff; margin:0 10px 10px 10px; cursor:pointer; transition:background 1s;}
.j_ten_ul li h1{font-size:24px; color:#000; padding:10px 0; transition:color 1s;}
.j_ten_ul li h2{line-height:22px; transition:color 1s;}
.j_ten_ul li:hover{background:#d0a972;}
.j_ten_ul li:hover h1,.j_ten_ul li:hover h2{color:#fff;}

.j_clt_ul li{ width:335px; display:inline-block; height:238px; border:3px solid #fff; position:relative;}
.j_clt_ul li .img{ width:100%; height:100%;}
.j_clt_ul li span{ position:absolute; width:100%; display:block; height:35px; left:0; bottom:-35px; line-height:35px; text-align:center; color:#000;}
.j_clt_ul li .cover201{ position:absolute; display:block; width:100%; height:100%; left:0; top:0; z-index:10; background:rgba(0,0,0,0.5); opacity:0; text-align:center; transition:opacity 1s;}
.j_clt_ul li:hover .cover201{opacity:1;}