/*Plugin CSS*/
a,ul,li{margin:0;padding:0}
.str_wrap{
			/*background: #fefefe;*/
		height:auto;
			line-height: 2em;
			font-size: 1.2em;
		}
		.str3 { font-size:0 !important}
		.str3-2 { background:none !important;}
.str3-2 span { border:5px solid #ccc; background:#f1f1f1; color:#999; margin:0 5px; text-align:center; font:40px/100px Arial, Helvetica, sans-serif; width:100px; height:100px; display:inline-block; vertical-align:top;}
		.str4 .str_item {
			font-size:0;
			line-height:0
		}
		.str4 img { opacity:1;}
		.str4 img:hover { opacity:1}
		.str4.str_wrap.str_active {
			background:#fff;
		}
.str_wrap {
	overflow-x: hidden;
	//zoom:1;
	width:1200px;
	font-size:12px;
	line-height:16px;
	position:relative;
	-moz-user-select: none;
	-khtml-user-select: none;
	user-select: none;  
	/*background:#fff;*/
	white-space:nowrap;
    margin-bottom: 20px;
    margin:0 auto;
    margin-top:30px;
}
.str_wrap li div{
	height:30px;
	line-height:30px;
	background-color: #fff;
	text-align:center;
}
.str_wrap li:hover div{

/*
	background-color: #292d36;
	color:#ffdb61;
*/
}
/*
.str_wrap.str_active {
	background:#fff;
}
*/
.str_wrap a {
display: inline-block;
text-align: center;
height: auto;
letter-spacing: 2px;
width: 282px;
position: relative;
overflow: hidden;
}

.str_wrap li{
display: inline-block;
margin: 0 10px;
position: relative;
border:1px solid #e7e7e7;
/*cursor:pointer*/
/*border: 1px solid #187562;*/
}

.str_wrap li span{
    display: block;
    height: 40px;
    width: 100%;
    color:#fff;
    font-size: 18px;
    font-weight: initial;
    line-height: 36px;
    text-align: center;
    z-index: 9;
    bottom: 0;
    cursor: pointer;
/*    background: rgba(106, 122, 130, 0.7);*/
    position: absolute;
}
.str_wrap li:hover span{
/*
    background: rgba(0, 142, 216, 0.7);
    color: #fff
*/
}
.str_move { 
	white-space:nowrap;
	position:absolute; 
	top:0; 
	left:0;
	cursor:move;
}
.str_move_clone {
	display:inline-block;
	//display:inline;
	//zoom:1;
	vertical-align:top;
	position:absolute; 
	left:100%;
	top:0;
}
.str_vertical .str_move_clone {
	left:0;
	top:100%;
}
.str_down .str_move_clone {
	left:0;
	bottom:100%;
}
.str_vertical .str_move,
.str_down .str_move {
	white-space:normal;
	width:100%;
}
.str_static .str_move,
.no_drag .str_move,
.noStop .str_move{
	cursor:inherit;
}


.str_wrap img {
max-width: none !important;
width: 100%;
height: auto;
-moz-transform:scale(1.0);
-webkit-transform:scale(1.0);
-ms-transform:scale(1.0);
transform:scale(1.0);
    transition: all .3s ease-in .0s;
}


.str_wrap li:hover a img{
/*
  -moz-transform:scale(1.2);
-webkit-transform:scale(1.2);
-ms-transform:scale(1.2);
transform:scale(1.2);
*/
}
.strkan{
	clear: both;
	height:100px;
	width:100%;
	padding-top:40px;
}
.strkan div a{
	width:120px;
	display: block;
	font-size:14px;
	height:35px;
	text-align:center;
	line-height:35px;
	background-color: #d7ba57;
	border-radius: 5px;
	color:#292d36;
	margin:auto;
}
.cpin-nav{
	width:1200px;
    height:120px;
	margin:0 auto;
    padding-top:30px;
}
.cpin-nav-l{
	float:left;
	width:10%;
	line-height:50px;
	height:50px;
	font-weight:600;
	font-size:20px;
	background: url(../images/img/222_03.jpg) left bottom no-repeat;
	
}
.cpin-r{
	float:right;
	height:50px;
	margin-top:15px;
}
.cpin-r ul li {
	float:left;
	height:30px;
	line-height:30px;
	text-align:center;
	width:120px;
	background-color: #292d36;
	margin-right:5px;
	margin-top:5px;
}
.cpin-r a{
	color:#ffdb61;
	display: block;
	height:30px;
	width:120px;
	font-size:14px;
}
.cpin-r li:hover a{
	background-color: #ffdb61;
	color:#292d36;
}