/*
* @Author: shiwan135
* @Date:   2016-10-24 11:12:18
* @Last Modified by:   shiwan135
* @Last Modified time: 2016-11-21 15:41:28
*/
@charset "utf-8";
/*CSS*/
body, ul, dl, dd, dt, ol, li, p, h1, h2, h3, h4, h5, h6, textarea, form, select, fieldset, table, td, div, input {margin:0;padding:0;/* -webkit-text-size-adjust: none */}
h1, h2, h3, h4, h5, h6{font-size:12px;font-weight:normal}
body>div{margin:0 auto}
div {text-align:left}
a img {border:0}
body { color: #333; text-align: center; font: 14px Microsoft Yahei; }
ul, ol, li {list-style-type:none;vertical-align:0;margin:0;padding:0;}
input{margin:0;padding:0;-webkit-appearance: none;};
button{margin:0;padding:0;-webkit-appearance: none;}
a {outline-style:none;color:#999;text-decoration:none}
.index-nav .li a{
color:#fff;
}
body{
	overflow-y: hidden;
}
a:hover { color: #D40000; text-decoration: none}
.mBan2 { overflow: hidden; }
.mBan2 .slideBox{ width:100%; height:auto; position:relative; }
.mBan2 .slideBox .hd{ height: 10px; overflow: hidden; position: absolute; bottom: 4px; z-index: 1; width: 81px; background: url(../images/btnBg.png) no-repeat; margin-left: -46px; left: 50%; padding: 4px 0px 0px 11px; }
.mBan2 .slideBox .hd ul{ zoom: 1; }
.mBan2 .slideBox .hd ul li{ float: left; width: 6px; height: 6px; background: url(../images/btn1.png) no-repeat; cursor: pointer; margin-right: 10px; }
.mBan2 .slideBox .hd ul li.on{ background: url(../images/btn2.png) no-repeat; }
.mBan2 .slideBox .bd{ position:relative; height:100%; z-index:0;   }
.mBan2 .slideBox .bd ul,.slideBox .bd ul li{width:100%!important}
.mBan2 .slideBox .bd img{ width:100%; height:auto; display:block;  }
p{color:#666;}
.zhezhao{
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(36, 36, 36, 0.3);
	z-index: 100;
	display: none;
}
.jituanvideo{
	position: fixed;
	width:640px;
	height:360px;
	top: 50%;
	left: 50%;
	margin-left: -320px;
	margin-top: -180px;
	z-index: 102;
	background: #fff;
	padding: 20px;
	border-radius: 6px;
	display: none;

}
.fa-close{
	position: absolute;
	top: 3px;
	right: 3px;
	font-size: 18px;
}
.jituanvideo #movie{
	width: 100%;
	height: 100%;
}
.response-img{
	position: relative;
}
.fl{
	float: left;
}
.mrbg{
	color: #fff;
	background:#E81A2F;
	
}
.index-snone{
	min-width: 1356px;
	position: relative;
}
.cover{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.cor-white{
	color: #fff;
}
.db{
	display: block;
}
.f16{
	font-size: 16px;
}
.pa{
	position: absolute;
}
.chang{
	padding-bottom: 40px;
	top: -20px;
}
.out-circle{
	width: 100px;
	height:100px;
	border-radius: 50%;
	background: transparent;
	float: left;
	margin: 0 10px;

}
.out-circle:nth-child(2){
	width: 130px;
	height:130px;
	position: relative;
	top: -15px;
}
.index-snone .cover .header{
	width: 1280px;
	height: 70px;
	margin: 0 auto;
	/* background: #fff; */
}
.index-snone .cover .header .logo{
	/* height: 100%; */
	/* margin-top: 7px; */
	float: left;
}
.index-snone .cover .header .logo img{
	/* vertical-align: middle; */
	margin-top: 12px;
}
.index-snone .cover .header #select{
	float: right;
	width: 23%;
	height:24px;
	line-height: 24px;
	background: #fff;
	border: 1px solid #C4CBD6;
	margin-top: 23px;
	border-radius: 4px;
}
.index-snone .cover .header .lang{
	float: right;
	/* width: 10%; */
	height: 20px;
	line-height: 20px;
	text-align: center;
	margin-top: 25px;
	margin-right: 30px;
	/* border-right: 1px solid red; */
}
.index-snone .cover .header a{
	height: 20px;
	line-height: 20px;
	padding: 0 5px;
	/* border-right: 1px solid #333; */
}
.index-snone .cover .index-nav{
	width: 1280px;
	height: 50px;
	margin: 0 auto;
	background:rgba(35,35,35,0.3);
	/* padding: 5px 0; */
}
.index-snone .cover #nav{
	width: 340px;
	height: 30px;
	margin: 0 auto;
	background:rgba(199, 207, 218,0.3);
	/* padding: 5px 0; */
}
.index-snone .cover .index-nav .ul{
	display: block;
	/* margin: 5px; */
	word-spacing: -3px;
}
.index-snone .cover .index-nav .ul .li{
	position: relative;
	float: left;
	height:50px;
	line-height: 50px;
	text-align: center;
	width: 12%;
	color: #fff;
	font-size: 14px;
	/* background: #fff; */
}
.index-snone .cover .index-nav  .sou{
	width: 90%;
	height: 20px;
	line-height: 20px;
	margin: 14px auto;
	border: 1px solid #ccc;
	border-radius: 4px;
	background: #fff;
}
.index-snone .cover .index-nav  .sou input[type="text"]{
	float: left;
	width:80%;
	height: 16px;
	line-height: 16px;
	border: none;
	background: #fff;
	color: #333;
	padding: 2px 3px;
	border-radius: 4px 0 0 4px;
}
.index-snone .cover .index-nav  .sou button{
	float: right;
	width: 15%;
	height: 20px;
	line-height: 20px;
	text-align: center;
	color:#FA1A2C;
	background: #fff;
	border: none;
	border-radius:0 4px 4px 0;
	
}
.bg{
	background:rgba(255,255,255,0.7); 
}
.bgimg{
	display: block;
	width: 100%;
	min-width: 1366px;
}
.index-snone .cover .index-nav .down{
	width:100%;
	position: absolute;
	top: 50px;
	/* height: 0; */
	 overflow: hidden;
	display:none;
	
}
.index-snone .cover .index-nav .down li{
	height: 36px;
	line-height: 36px;
	border-top: 2px solid rgba(60,60,60,0.1);
}
.index-snone .cover .index-nav .down a{
	color: #767676;
}
/* .index-snone .cover .index-nav .down a li{
	color: #767676;
} */
.index-snone .cover .index-nav .expand{
	position: absolute;
	width: 485px;
	top:50px;
	left: 153.59px;
	z-index:1;
	/* background:rgba(35,35,35,0.3);   */
	/* border: 1px solid red; */
	display: none; 
	overflow: hidden;
}
.index-snone .cover .index-nav .only-w{
	width: 359px;
}

.index-snone .cover .index-nav .expand .expand-img{
	float: left;
	margin: 10px 0 0 15px;
}
.index-snone .cover .index-nav .expand .expand-text{
	float: right;
	width: 240px;
	margin: 15px 15px 0 0;
	overflow:hidden;
	text-overflow:ellipsis
}
.index-snone .cover .index-nav .expand .text-wxonly-w{
	width: 145px;
}
.index-snone .cover .index-nav .expand .expand-text .tit{
	line-height: 20px;
}
.index-snone .cover .index-nav .expand .expand-text h1{
	display: inline-block;
	line-height: 20px;
	font-size: 15px;
	color: #767676;
}
.index-snone .cover .index-nav .expand .expand-text img{
	vertical-align: middle;
	float: right;
	margin: 1.5px 0 0 0;
}
.index-snone .cover .index-nav .expand .expand-text p{
	line-height: 18px;
	font-size: 12px;
	margin-top: 18px;
	text-align: justify;
	color: #767676;
}
.index-snone .cover .foot-nav{
	width: 100%;
	height: 120px;
	background:rgba(35,35,35,0.3);
	position: absolute;
	bottom: 15%;
}
.leadimg{
	position: absolute;
	bottom: 5%;
	left: 50%;
	width: 100px;
	height: 50px;
	line-height: 50px;
	text-align: center;
	margin-left: -50px;
}
.leadimg img{
	vertical-align: middle;
}
.index-snone .cover .foot-nav ul{
	height: 70px;
	margin: 25px 0;

}
.index-snone .cover .foot-nav ul li{
	float: left;
	width: 16.6%;
	height: 70px;
	border-right: 2px solid rgba(60,60,60,0.3);
	
}
.index-snone .cover .foot-nav .img{
	width: 100%;
	height: 50px;
	line-height: 50px;
	text-align: center;	
	color: #fff;
}
.index-snone .cover .foot-nav .img img{
	height: 50px;
}
.index-snone .cover .foot-nav .t{
	width: 100%;
	height: 20px;
	line-height: 20px;
	text-align: center;	
	color: #fff;
}
.index-sntwo{
	width: 100%;
	min-width: 1366px;
	position: relative;
}
.index-sntwo .bgimg{
	width: 100%;
}
.index-sntwo .cover{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.middle{
	width: 1280px;
	margin:8% auto;
}
.index-sntwo .cover .middle article h1{
	font-size: 18px;
	/* font-weight: 700; */
	height: 40px;
	line-height: 40px;
}
.index-sntwo .cover .middle article p{
	width: 60%;
	max-height: 100px;
	color: #666;
	overflow-y:auto;
	line-height: 20px;
}
/* .index-sntwo .cover .sd-zh-img{
	margin-top: 10%;
	margin-left:16%;
} */
.index-sntwo .cover .middle #sd-zh-img img{
	width: 320px;
}
.index-sntwo .cover .middle #about-img{
	margin: 0.5% 0;
}
.index-sntwo .cover .middle .news-img{
	margin: 3% 0 0;
}
.index-sntwo .cover .middle .news-img .zixun{
	/* margin-left: 5px;
	color: #D40000; */
	    font-size: 18px;
    /* font-weight: 700; */
    height: 40px;
    line-height: 40px;
}
@media screen and (max-width: 1480px){
	.index-sntwo .cover .middle .news-img .zixun{
	/* margin-left: 5px;
	color: #D40000; */
	    font-size: 18px;
    /* font-weight: 700; */
    height: 40px;
    line-height: 40px;
    color: #fff;
	text-shadow: 1px 1px 1px #000;
}
}
.index-sntwo .cover .middle .news-img .news{
	width:380px;
	height: 61px;
	overflow: hidden;
	text-overflow: ellipsis;
	position: relative;

}
.index-sntwo .cover .middle .news-img .news ul{
	width:760px;
	height: 61px;
	font-size: 0;
	position: absolute;
	top:0;
	left:0;
}
.index-sntwo .cover .middle .news-img .news li{
	width: 380px;
	font-size: 12px;
	display: inline-block;
}
.index-sntwo .cover .middle .news-img .news li span{
	color: #666;

}
@media screen and (max-width: 1480px){
	.index-sntwo .cover .middle .news-img .news li span{
		color: #fff;
		text-shadow: 1px 1px 1px #000;
	}
}
.index-sntwo .cover .middle .news-img .news-tit{
	width: 380px;
	height: 20px;
	line-height: 20px;
	padding: 5px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.index-snthree{
	width: 100%;
	min-width: 1366px;
	position: relative;
}
.index-snthree .cover .middle .touzi-img{
	width: 65%;
	float: right;
	text-align: left;
	margin-bottom: 5px;
}
.index-snthree .cover .middle .right-tit{
	float: right;
	width: 189px;
	height: 191px;
	font-size: 55px;
	font-weight: 700;
	color: #777;
	 background: url('../images/textbg.png') no-repeat; 
}
.index-snthree .cover .middle .right-arc{
	float: right;
	width:80%;
}
.index-snthree .cover .middle .right-arc .group{
	margin: 50px 0;
	width: 50%;
	float: left;
}
.index-snthree .cover .middle .right-arc .group p{
	color: #fff;
}
.txt-cen{text-align:center;}
.index-snthree .cover .middle .right-arc .dotted{
	width: 100%;
	margin: 20px 0;
	border: 1px dotted #fff;
}
.index-snthree .cover .middle .right-arc .shuanglinian{
	float: right; 
	
}
.index-snthree .cover .middle .arc{
	float: right;
	width:76%;
	margin-right: 50px;
	color: #333;
}
.index-snthree .cover .middle .arc p{
	line-height: 20px;
}
.index-snthree .cover .middle .arc h1{
	font-size: 16px;
	font-weight: 600;
	height: 30px;
	line-height: 30px;
}
.index-snthree .cover .middle .arc .more{
	float: right;
	/* width: 50px; */
	padding: 5px 10px;
	background:#8F848A; 
	border-radius: 4px;
	color: #fff;
	margin: 20px 0 0 0;
}
.index-snthree .cover .middle .right-tit .txt{
	width:150px;
	height:150px;
	line-height: 75px;
	text-align: center;
	margin: 5px 0 0 6px;
}
.index-snfour{
	width: 100%;
	min-width: 1366px;
	position: relative;
}
.cover .middle .area-tit{
	width: 442px;
	height:138px;
	margin: 0 auto;
	text-align: center;
	/* background: url('../images/kuang.png') */
}
.cover .middle .area-tit .area-p{
	font-size: 55px;
	font-weight: 600;
	text-align: center;
	color: #333;
}
.index-snfour .cover .example{
	width: 94%;
	margin: 0 auto;
}
.index-snfour .cover .example ul{
	font-size: 0
}
.index-snfour .cover .example ul li{
	float: left;
	width: 14.6%;
	margin: 20px 1%;
	font-size: 12px;
	background: #eee;
	border-radius: 4px;
	position: relative;
}
.index-snfour .cover .example ul li img{
	display: block;
	width: 99%;
	margin:1% auto;
}
.index-snfour .cover .example ul li h1{
	display: block;
	margin-left: 5px;
	max-width: 182px;
	height: 17px;
	line-height: 17px;
	overflow: hidden;
	color: #666;
}
.index-snfour .cover .example ul li p{
	display: block;
	margin: 5px;
}

.index-snfive{
	width: 100%;
	min-width: 1366px;
	position: relative;
}
.index-snfive .cover .middle .word{
	float: left;
	width: 75%;
}
.index-snfive .cover .middle .word .kong{
	font-size: 22px;
	color: #aaa;
}
.index-snfive .cover .middle .word h1{
	display: inline-block;
	font-size: 55px;
	font-weight: 800;
	color: #333;
}
.index-snfive .cover .middle .word img{
	vertical-align: bottom;
}
.index-snfive .cover .middle .word .detail-txt{
	max-height: 300px;
	margin-top: 15px;
	line-height: 20px;
	overflow-y: auto;
}
.index-snfive .cover .middle .photo{
	float:right;
	width: 25%;
	text-align: center;
	color: #fff;
}
.index-snfive .cover .middle .photo .first-photo{
	width: 213px;
	height: 340px;
	margin: 0 auto;
	background: #eee;
	border-radius: 6px;
}
.index-snfive .cover .middle .photo .first-photo h1{
	height: 16px;
	line-height:16px;
	text-align: center;
	font-size: 14px;
	color: #666;
	margin-top: 10px;
}
.index-snfive .cover .middle .photo .first-photo p{
	height: 16px;
	line-height: 16px;
	text-align: center;
	font-size: 14px;
	margin-bottom: 20px;
}
.index-snfive .cover .middle .photo .gaoguan{
	width: 41%;
	margin: 0 auto;
	padding: 5px 10px;
	text-align: center;
	background: rgba(35,35,35,0.3);
	border-radius: 4px;
	font-size: 16px;
	color: #fff;
}
.index-snfive .cover .middle .photo .gaoguan img{
	vertical-align: middle;
}
.index-snfive .cover .middle .photo .dong-img{
	display: block;
	margin: 0 auto;
	vertical-align: middle;
}
.index-snfive .cover .middle .photo .verline{
	height: 54px;
	width: 1px;
	background: #aaa;
	margin: 20px auto;
}
.index-snsix{
	width: 100%;
	min-width: 1366px;
	position: relative;
}
.index-snsix .cover .middle .slogan{
	height: 55px;
	line-height: 55px;
	width: 50%;
	margin: 0 auto;
	color:#777;
	text-align: center;
	font-size: 30px;
	background: url('../images/culture.png') no-repeat;
	background-position: 100%;
}

.index-snsix .cover .middle .introdue{
	display: none;
	margin: 50px 0 0 0;
}
.index-snsix .cover .middle .active{
	display: block;
	margin: 100px 0 0 0;
}
.index-snsix .cover .middle .timedown{
	margin: 20px 0 0 0;
}
.index-snsix .cover .middle .introdue time{
	margin-bottom: 40px;
}
.index-snsix .cover .middle .introdue p{
	height: 25px;
	line-height: 25px;
}
.index-snsix .cover .middle .area-tit{
	height: 85px;
	background: none;
}
.index-snsix .cover .middle .show{
	width: 390px;
	height: 100px;
	margin:50px auto 0;
	text-align: center;
}
.index-snsix .cover .middle .show .circle{
	width: 80px;
	height:80px;
	margin: 0 20px;
	border-radius: 50%;
	background: #fff;
	overflow: hidden;
	margin-top: 10px;
	margin-left:10px;
}
.index-snsix .cover .middle .show .circle img{
	width: 100%;
	height:100%;	
}
.index-snseven{
	width: 100%;
	min-width: 1366px;
	position: relative;
}
.index-snseven .cover .bg-trans{
	position: absolute;
	bottom: 0;
	width: 100%;
	height: 329px;
	background:rgba(35,35,35,0.3);

}
.index-snseven .cover .bg-trans ul{
	font-size: 0;

}
.index-snseven .cover .bg-trans li{
	float: left;
	width: 16.6%;
	height:329px;
	text-align: center;
	position: relative;
	font-size: 18px;
	/* background: red; */
}
.index-snseven .cover .bg-trans li img{
	margin-top:54px;
}
.index-snseven .cover .bg-trans li .mess{
	width: 100%;
	height: 30px;
	line-height: 30px;
	z-index: 2;
	top: 190px;
	color: #fff;
}
.index-snlast{
	position: relative;
	width: 100%;
	min-width: 1366px;
	background: url('../images/bgxiexian.jpg');
	/* background:#ebebeb; */
}
.index-snlast .detail{
	width: 1280px;
	margin: 0 auto;
	padding: 50px 0;
}
.index-snlast .detail .list{
	width:10%;
	
}
.index-snlast .detail .list a:hover{
	color: #444;
	
}
.index-snlast .detail .list h1{
	height: 35px;
	line-height: 35px;
	width:60%;
	font-size: 16px;
	font-weight: 600;
	text-align: center;
	border-bottom: 1px dotted #333;
}
.index-snlast .detail .list ul{
	width:70%;
	
}
.index-snlast .detail .list ul li{
	height: 25px;
	line-height: 25px;
	text-align:left;
}
.index-snlast .detail .map{
	float: left;
}
.index-snlast .detail .map h1{
	height: 35px;
    line-height: 35px;
    font-weight: 600;
	font-size: 16px;
	color: #999;
}
.index-snlast .detail .map img{
	margin-top: 20px;
}
.index-snlast .detail .follow{
	float: right;
}
.index-snlast .detail .follow .phone{
	float:left;
	margin-right: 10px;
	text-align: right;
}
.index-snlast .detail .follow .phone h1{
	font-size: 16px;
	font-weight: 600;
	color: #999;
}
.index-snlast .detail .follow .phone p{
	font-size:26px;
	font-weight: 700;
	color: #999;
}
.index-snlast .detail .follow .wechat{
	float: right;
}
.index-snlast .detail .follow .wechat .scan{
	color: #aaa;
	font-size: 13px;
	text-align: center;
}

.index-snlast .foot{
	/* height: 40px; */
	/*padding: 10px 0;*/
	width: 100%;
	/* background: #e0e0e0; */
	font-size: 14px;
	border-top: 1px dotted #8d8d8d;
}
.index-snlast .foot .door{
	height: 40px;
	line-height: 40px;
	width: 1280px;
	margin: 0 auto;
	color: #8d8d8d;
	text-align: center;
}
.index-snlast .foot .door ul{
	float: left;
	height: 16px;
	margin-top: 12px;
}
.index-snlast .foot .door .logo_foot{
	float: right;
	height: 40px;
	line-height: 40px;
}
.index-snlast .foot .door .logo_foot .foot-shuxian{
	float: right;
	height: 16px;
	width: 1px;
	background: #fff;
	margin: 12px 5px 0;
}
.index-snlast .foot .door .logo_foot span{
	float: right;
	height: 16px;
	line-height: 16px;
	margin-top:12px;
}
.index-snlast .foot .door li{
	float: left;
	width: 65px;
	height: 16px;
	line-height:16px;
	padding: 0 5px;
	color: #8d8d8d;
	text-align: center;
	border-right: 1px solid #fff;
}
.index-snlast .foot .door li:after{
	content: '';
	clear: both;
}
.index-snlast .foot .door .door-right .count{
	height: 20px;
	line-height: 20px;
	text-align: right;
}

.ch-grid {
	margin: 0;
	padding: 0;
	list-style: none;
	display: block;
	text-align: center;
	width: 100%;
}
.ch-grid .j{
	margin-top: 10px;
	color: #fff;
}

.ch-grid:after {
	clear: both;
}

.ch-grid li {
	width:172px;
	height:172px;
	display: inline-block;
	margin: 2% 13%; */
}
.ch-item {
	width: 172px;
	height: 172px;
	border-radius: 50%;
	position: relative;
	box-shadow: 0 1px 2px rgba(0,0,0,0.1);
	cursor: default;
}
.ch-info-wrap{
	position: absolute;
	 width:152px;
    height:152px;
	border-radius: 50%;
	-webkit-perspective: 800px;
	-moz-perspective: 800px;
	-o-perspective: 800px;
	-ms-perspective: 800px;
	perspective: 800px;
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	-ms-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
	top: 10px;
    left: 10px;
	/* background: #f9f9f9 url(../images/bg.jpg);
	box-shadow: 0 0 0 20px rgba(255,255,255,0.2), 
				inset 0 0 3px rgba(115,114, 23, 0.8); */
}
.ch-info{
	position: absolute;
	width:152px;
    height:152px;
    border-radius: 50%;
	-webkit-border-radius: 50%;
	-o-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	-ms-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;	
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	-o-transform-style: preserve-3d;
	-ms-transform-style: preserve-3d;
	transform-style: preserve-3d;
}
.ch-info > div {
	display: block;
	position: absolute;
	width: 152px;
	height: 152px;
	border-radius: 50%;
	background-position: center center;
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-o-backface-visibility: hidden;
	-ms-backface-visibility: hidden;
	backface-visibility: hidden;
}
.ch-info .ch-info-back {
	-webkit-transform: rotate3d(0,1,0,180deg);
	-moz-transform: rotate3d(0,1,0,180deg);
	-o-transform: rotate3d(0,1,0,180deg);
	-ms-transform: rotate3d(0,1,0,180deg);
	transform: rotate3d(0,1,0,180deg);
	background:#A1682C;
	text-align: center;
	line-height: 152px;
	color: #fff;
	font-size: 14px;
}
.ch-info .ch-info-back a{
	color: #fff;
	font-size: 14px;
}
.ch-info .ch-info-back a:hover{
	color: #fff;
	font-size: 14px;
}

.ch-img-1 { 
	background-image: url(../images/shiyetouzi.png);
}

.ch-img-2 { 
	background-image: url(../images/jinrong.png);
}

.ch-info h4 {
  color: #fff;
  text-transform: uppercase;
  letter-spacing: 2px;
  font-size: 1.4em;
  margin: 0 15px;
  padding: 113px 0 0 0;
  height: 159px;
  font-family: 'Open Sans', Arial, sans-serif;
  text-shadow: 0 0 1px #fff, 
 0 1px 2px rgba(0,0,0,0.3);
}

.ch-info h5 {
	color: #fff;
	padding: 10px 5px;
	font-style: italic;
	margin: 0 30px;
	font-size: 18px;
	border-top: 1px solid rgba(255,255,255,0.5);
}

.ch-info p a {
	display: block;
	color: #fff;
	color: rgba(255,255,255,0.7);
	font-style: normal;
	font-weight: 700;
	text-transform: uppercase;
	font-size: 9px;
	letter-spacing: 1px;
	padding-top: 4px;
	font-family: 'Open Sans', Arial, sans-serif;
}

.ch-info p a:hover {
	color: #fff222;
	color: rgba(255,242,34, 0.8);
}

.ch-item:hover .ch-info-wrap {
	box-shadow: 
		0 0 0 0 rgba(255,255,255,0.8), 
		inset 0 0 3px rgba(115,114, 23, 0.8);
}

.ch-item:hover .ch-info {
	-webkit-transform: rotate3d(0,1,0,-180deg);
	-moz-transform: rotate3d(0,1,0,-180deg);
	-o-transform: rotate3d(0,1,0,-180deg);
	-ms-transform: rotate3d(0,1,0,-180deg);
	transform: rotate3d(0,1,0,-180deg);
}

.more-example{
	width: 110px;
	height: 30px;
	line-height: 30px;
	text-align: center;
	background: rgba(35,35,35,0.3);
	border-radius: 6px;
	color: #fff;
	margin: 0 auto;
	cursor: pointer;
	font-size: 15px;
}