body {
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 14px;
}  
header{
	width: 1000px;
	margin: 0 auto;
	margin-top: 50px;	
}
.clearboth{
	clear: both;
}
.logo{
	float: left;
	margin-right: 10px;
	height: 60px;
}
.logo img{
	height: 70px;
}
.outerslider{
	clear: both;
	margin-top: 20px;
}



.header-nav{ height: 60px;position: relative;z-index: 1000;}
.header-nav-list{ height: 60px; margin: 0 auto; list-style-type: none; }
.header-nav-list li{ float: left;width: 130px;}
.header-nav-list li a{ padding: 0 20px; color: #616161; line-height: 60px; display: block; transition: 0.3s; }
.header-nav-list span{ display: block;line-height: 1.5;text-align: center;}
.header-nav-list .large{padding-top: 12px;font-size: 18px;}
.header-nav-list .small{padding-bottom: 13px;font-size: 12px;}

.header-nav-list li a:hover{ background:#92c328; color:#fff; }
.header-nav-list li a.on{ background:#92c328; color:#fff; }
.header-nav-list .down{ position: absolute; top: 70px; background-color: #92c328; display: none;width: 130px;}
.header-nav-list .down a{ color: #272626; padding-left: 30px; display: block;line-height: 40px;text-align: center;border-top:1px solid #d5d5d5;}
.header-nav-list .down a:hover{ background:#5a7917; color:#fff; }
.nav-on{background:#92c328; color:#fff; }

.search{
	position: absolute;
    width: 177px;
    height: 65px;
    left: 50%;
    margin-left: 322px;
    top: 50px;
    z-index: 1000;
    background: url(../img/search/background.png) no-repeat;
}
.search-text{
	padding-right: 5px;
    padding-left: 5px;
    width: 162px;
    margin-left: 2px;
    margin-top: 3px;
    height: 27px;
    border: none;	
}
.search-btn{
	border: none;
	margin-top: 5px;
    margin-right: 7px;
    float: right;
    width: 27px;
    height: 27px;
    background: url(../img/search/btn.png) no-repeat;
}
.content{
	width: 1000px;
	margin: 0 auto;
}
.content-center{
	margin-top: 20px;

}
.center-left{
	padding-top: 40px;
	width: 560px;
	margin-right: 40px;
	float: left;
}
.center-left .welcome{
	font-size: 25px;
    color: #313131;
	text-align: center;
}
.center-left p{
	line-height: 1.2;
	font-size: 14px;
	color: #717070;
	margin-top: 20px;
}

.center-right{
	width: 400px;
	float: right;
}
.center-right .title{
	color: #676767;
    font-size: 16px;
    line-height: 1.5;
}

.center-right .top-title{
	color: #676767;
    font-size: 18px;
    font-weight: bold;
    line-height: 1.5;
}
.center-right li{
	color: #929292;
    margin-top: 10px;
    padding-left: 10px;
}
.center-right p{
	color: #929292;
	margin-top: 5px;
}
.center-right .chinese{
	font-size: 17px;
}
.center-right .english{
	font-size: 14px;
}
footer{
	padding-top: 30px;
	background: #8ec31f;
	height: 220px;
}
footer ul{
	list-style: none;
	width: 1000px;
	margin: 0 auto;
}
footer ul li{
	width: 170px;
	float: left;
	padding-right: 40px;
	padding-left: 40px;
}
footer .top-name{
	color: #fff;
	font-size: 20px;
}
footer .sub-name{
	padding-top: 10px;
}
footer .sub-name p{
	padding-top: 10px;
	font-size: 15px;
}
footer .foot-info{
    color: #fff;
    text-align: center;
    padding-top: 30px;
    font-size: 16px;
    line-height: 2;
    padding-bottom: 20px;
}
/**********************************手风琴效果*/
.sfqbox{ width:  1000px; height: 450px; margin:100px auto; overflow: hidden;}
.sfqbox div{ width: 11%;  float: left; transition: all 1s;}
.sfqbox img{  width: 560px; cursor: pointer;}
.sfqbox:hover div{ width: 10%; }
.sfqbox div:hover{ width: 55%; }



img{
	border: 0;
}

/****************************************轮播图片****************************/
#outerslider{
	width:1000px;
	margin: 0 auto;
	margin-top: 20px;
}
#slidercontainer{position:relative; height:450px;}
.box_skitter_large {width:1000px; height:450px;}
.box_skitter_large .label_skitter{
	bottom:0px;
	left:0px ; 
	padding:0; background:url(http://www.jq22.com/demo/demo-141017224401/images/opacity-slider-text.png) repeat;
	font-size:12px;
	padding:10px 30px;
	color:#fff;
	font-family:Arial, Helvetica, sans-serif;
}

/* =Skitter styles
----------------------------------------------- */
.box_skitter {position:relative;}
.box_skitter ul {display:none; margin:0; padding:0}
.box_skitter ul li{margin:0; padding:0; border:solid 5px #ff9900}
.box_skitter .container_skitter {overflow:hidden;position:relative;}
.box_skitter .image {overflow:hidden;}
.box_skitter .image img {display:none;}

.box_skitter .box_clone {position:absolute;top:0;left:0;width:100px;overflow:hidden;display:none;z-index:20;}
.box_skitter .box_clone img {position:absolute;top:0;left:0;z-index:20;}

.box_skitter .prev_button {position:absolute;top:50%;left:30px;z-index:100;width:49px;height:49px;overflow:hidden;text-indent:-9999em;margin-top:-25px;background:url(http://www.jq22.com/demo/demo-141017224401/images/prev.png) no-repeat left top; opacity: 1!important;}
.box_skitter .prev_button:hover{background-position:0 -49px !important;}
.box_skitter .next_button {position:absolute;top:50%;right:30px;z-index:100;width:49px;height:49px;overflow:hidden;text-indent:-9999em;margin-top:-25px;background:url(http://www.jq22.com/demo/demo-141017224401/images/next.png) no-repeat left top; opacity: 1!important;}
.box_skitter .next_button:hover{background-position:0 -49px !important;}
.box_skitter .info_slide {position:absolute;top:25px;left:15px;z-index:100; color:#fff;font:bold 11px arial;padding:5px 0 5px 5px;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;opacity:0.75;}
.box_skitter .info_slide .image_number {background:#333;float:left;padding:4px 10px;margin:0 5px 0 0;cursor:pointer;-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px;}
.box_skitter .info_slide .image_number_select {background:#dc6a4d;float:left;padding:4px 10px;margin:0 5px 0 0;}

.box_skitter .container_thumbs {position:relative;overflow:hidden;height:50px;}
.box_skitter .info_slide_thumb {-moz-border-radius:0;-webkit-border-radius:0;border-radius:0;overflow:hidden;height:45px;top:auto;bottom:-5px;left:-5px;padding:5px;opacity:1.0;}
.box_skitter .info_slide_thumb .image_number {overflow:hidden;width:70px;height:40px;position:relative;}
.box_skitter .info_slide_thumb .image_number img {position:absolute;top:-50px;left:-50px}

.box_skitter .box_scroll_thumbs {padding:0 10px;}
.box_skitter .box_scroll_thumbs .scroll_thumbs {position:absolute;bottom:60px;left:50px;background:#ccc;background:-moz-linear-gradient(-90deg, #555, #fff);background:-webkit-gradient(linear, left top, left bottom, from(#555), to(#fff));width:200px;height:10px;overflow:hidden;text-indent:-9999em;z-index:101;-moz-border-radius:20px;-webkit-border-radius:20px;border-radius:20px;cursor:pointer;border:1px solid #333;}

.box_skitter .info_slide_dots {position:absolute;bottom:30px;z-index:151;padding:5px 0 5px 5px;-moz-border-radius:50px;-webkit-border-radius:50px;border-radius:50px;}
.box_skitter .info_slide_dots .image_number {background:#333;float:left;margin:0 5px 0 0;cursor:pointer;-moz-border-radius:50px;-webkit-border-radius:50px;border-radius:50px;width:18px;height:18px;text-indent:-9999em;overflow:hidden;}
.box_skitter .info_slide_dots .image_number_select {background:#dc6a4d;float:left;margin:0 5px 0 0;}

.box_skitter .label_skitter {z-index:150;position:absolute;display:none;}

.loading {position:absolute; top:50%; right:50%; z-index:10000; margin:-16px -16px;color:#fff;text-indent:-9999em;overflow:hidden;background:url(http://www.jq22.com/demo/demo-141017224401/images/ajax-loader.gif) no-repeat left top;width:32px;height:32px;}

.label_skitter {z-index:150;position:absolute;color:#fff;display:none;}
.info_slide * {font-family:Consolas,arial,tahoma !important;}

.box_skitter .progressbar { background:#000; position:absolute; top:10px;left:15px;height:5px; width: 200px; z-index:99; border-radius:20px; }

/* =Preview slide
----------------------------------------------- */
#preview_slide { display:none; position:absolute; z-index:152; bottom:30px; left:-40px; width:100px; height:100px; background:#fff; border:1px solid #222; -moz-box-shadow:rgba(0,0,0,0.7) 2px 2px 5px; -webkit-box-shadow:rgba(0,0,0,0.7) 2px 2px 5px; box-shadow:rgba(0,0,0,0.7) 2px 2px 5px; overflow:hidden; }
#preview_slide ul { height:100px; overflow:hidden; margin:0; list-style:none; display:block; position:absolute; top:0; left:0; }
#preview_slide ul li { width:100px; height:100px; overflow:hidden; float:left; margin:0; padding:0; position:relative; display:block; }
#preview_slide ul li img { position:absolute; top:0; left:0; height:150px; width:auto; }

/* =Focus
----------------------------------------------- */
#overlay_skitter { position:absolute; top:0; left:0; width:100%; z-index:9998; opacity:1; background:#000; }

.box_skitter .focus_button {position:absolute;top:50%;z-index:100;width:42px;height:42px;overflow:hidden;text-indent:-9999em;margin-top:-25px;background:url(http://www.jq22.com/demo/demo-141017224401/images/focus-button.png) no-repeat left top;opacity:0;}
.box_skitter .play_pause_button {position:absolute;top:50%;z-index:151;width:42px;height:42px;overflow:hidden;text-indent:-9999em;margin-top:-25px;background:url(http://www.jq22.com/demo/demo-141017224401/images/pause-button.png) no-repeat left top;opacity:0;}
.box_skitter .play_pause_button.play_button {background:url(http://www.jq22.com/demo/demo-141017224401/images/play-button.png) no-repeat left top;}

/* =Example for dimenions:
----------------------------------------------- */

/*二级页面*/
.content{
	margin-top: 20px;
}
.second img{
	max-width: 100%;
}
.second{
	display: flex;
}
.second-left{
	width: 100%;
}
.border-line{
	height: 15px;
	background-color: #92c328;
}
.second-left-top-img{
	padding-top: 5px;
	padding-bottom: 5px;
}
.second-left-top-img img{
	width: 100%;
	height: 324px;
}
.second-left-main{
	padding-top:20px;
	padding-bottom: 20px;
}
.second-right{
	padding-left: 20px;
	width: 280px;
}
.second-right input{
	height: 35px;
	border:2px solid #b1d269;
	background-color: #92c328;
	border-radius: 5px;
	width: 98%;
	line-height: 35px;
	margin-bottom: 5px;
	color: #fff;
    font-size: 20px;
    padding-left: 5px;
}
.second-right-icon{
	height: 20px;
    padding-top: 10px;
    padding-left: 10px;
}
.second-right-2{
	padding-top: 5px;
}
.second-right-title{
	height: 40px;
	background-color: #b1d269;
	color: #fff;
	line-height: 40px;
	font-size: 20px;
	border-radius: 2px;
}
.second-right-content1{
	height: 306px;
	background-color: #92c328;
	color: #fff;
	padding:10px 20px;
}
.second-right-subtitle{
	background-color: #b1d269;
	height: 40px;
	padding-left: 10px;
	margin-top: 5px;
	margin-bottom: 10px;
	font-size: 20px;
	line-height: 40px;
	border-radius: 5px;
}
.second-right-tips{
	font-size: 16px;
}
.second-right-btn{
	display: block;
	margin:0px auto;
	background-color: #b1d269;
	color: #fff;
	width: 100px;
	padding: 10px;
	border:0px solid #b1d269;
	border-radius: 5px;
	margin-top: 5px;
}
.second-right-content2 p{
	color: #92c328;
	font-size: 20px;
	padding-top: 15px;
}
.chujin_ul{
	flex-flow: row wrap;
	display: flex;
	width: 100%;
}
.chujin_li{
	list-style-type: none;
    width: 50%;
    margin-bottom: 20px;
}
.chujin_title{
	font-size: 20px;
    line-height: 2;
}
.chujin_subtitle{
    font-size: 15px;
    margin-bottom: 10px;
}
.chujin_div{
	width: 461px;
    border: 1px solid #333;
    padding: 5px;
}
.chujin_img{
    width: 480px;
    height: 211px;
    margin: 0px auto;
    text-align: center;
}
.chujin_link{
	margin-top: 5px;
    color: #333;
}
.chujin_link a{
    color: #c2dc96;
}
.chujin_summary{
	overflow : hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient: vertical;
}
::-webkit-input-placeholder { /* WebKit browsers */ 
    color: rgba(228, 228, 228, 0.4) !important;
} 
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ 
    color: rgba(228, 228, 228, 0.4) !important;
} 
::-moz-placeholder { /* Mozilla Firefox 19+ */ 
    color: rgba(228, 228, 228, 0.4) !important;
} 
:-ms-input-placeholder { /* Internet Explorer 10+ */ 
    color: rgba(228, 228, 228, 0.4) !important;
} 