@charset "gb2312";
/* CSS Document */
*{ margin:0; padding:0;}
html {/* min-width:1200px;*/ max-width:1920px;}
body {font-family: "Microsoft Yahei","Helvetica Neue",Helvetica,Arial,sans-serif; font-size:14px; color:#333; padding:0; margin:0; background:url(/sp_img/imgkuaiji/background.jpg);}
div,img,ul,li,dl,dt,dd,p,input,button,span,h1,h2,h3,h4,h5,h6 { margin:0; padding:0; border:0;}
ul,li { list-style:none;}
img { border:none}
.clearfix:after { content:"."; display:block; height:0; clear:both; overflow:hidden; }
.fl { float:left} .fr { float:right} .tc { text-align:center} .red { color:#c00;} .mr10 { margin-right:10px;} .tr { text-align:right} .mt50 { margin-top:50px;} .f24 { font-size:24px}
.w1200 { width:1200px; margin:0 auto; overflow:hidden;}
a { color:#333; text-decoration:none;}
a:hover { color:#c00;}
.h20 { height:20px; width:100%; display:block; overflow:hidden;}

.nav_top {
	width:100%;
	height:80px;
	background:#fff;
	}
.lgimg { margin-top:5px;}
.searchbox {
	float:right;
	width:560px;
	margin-left:100px;
	margin-top:20px;
	}
.searchbox form{
	position:relative;
	float:right;
	}
.searchbox .sbox {
	border:1px solid #ff8c00;
	border-right:medium;
	display: block;
    float: left;
    height: 32px;
    overflow: hidden;
    width: 477px;
	}
.searchbox .sbox .sx{
	border: medium none;
    font-size: 14px;
    height: 32px;
    line-height: 32px;
    padding: 0 0 0 10px;
    width: 466px;
	color:#999;
	}
.searchbox .st {
	display: block;
    float: left;
    height: 34px;
	line-height:34px;
    overflow: hidden;
    width: 80px;
	margin-bottom:5px;
	}
.searchbox .st .btn {
	background-color: #ff8c00;
    border: medium none;
    color: #ffffff;
    font-size: 15px;
	font-weight:700;
    height: 34px;
	line-height:34px;
    text-align: center;
    width: 80px;
	cursor:pointer;
	}

/*nav*/	
.nav {
	height:39px;
	background:#cd7f32;
	}
.nav li {
	float:left;
	height:39px;
	line-height:39px;
	font-weight:bold;
	font-size:16px;
	}
.nav li a {
	padding:0 20px;
	display:block;
	color:#fff;
	}
.nav li a:hover {
	color:#fff;
	background-color:#c00
	} 
.nav li .cur { background-color:#c00;}
/*main*/
.main {
	background-color:#F14E12;
	-webkit-box-shadow: #999 0px 0px 15px;
	-moz-box-shadow: #999 0px 0px 15px;
	box-shadow: #999 0px 0px 15px;
	height:729px;
	}
.main_box {
	margin:2px 2px;
	background-color:#fff;
	}
.main_left {
	width:238px;
	margin-top:20px;
	}
.main_left li {
	height:220px;
	background:url(/sp_img/imgkuaiji/button_01.png) center bottom no-repeat;
	position:relative;
	}
.main_left .left_tit a{
	height:220px;
	width:238px;
	color:#fff;
	display:block;
	}
.main_left .left_tit a:hover {
	height:238px;
	height:220px;
	background:url(/sp_img/imgkuaiji/butt.gif) center top no-repeat;
	font-size:18px;
	display:block;
	border-right:2px solid #fff;
	cursor:pointer;
	}
.main_left .left_tit span {
	position:absolute;
	top:106px;
	width:100%;
	text-align:center;
	font-size:22px;
	font-family:"΢���ź�";
	}

/*�ڿ�*/
.main_qk {
	width:941px;
	padding-left:15px;
	padding-top:20px;
	height:705px;
	border-left:2px solid #F14E12;
	}
.main_qk h3 {
	font-size:18px;
	height:36px;
	margin-bottom:15px;
	border-bottom:1px dashed #ccc;
	margin-right:15px;
	font-weight:normal;
	}
.main_qk h3 span { color:#999;}
.periodical-way li{
	position:relative;
	float:left;
	display: inline-block;
	overflow:hidden;
	margin-right:15px;
	margin-bottom:15px;
	padding:10px;
	width:16%;
	border: 1px solid #EFEFEF;
	border-radius:3px;
	background-color:#fff;
	font-size:12px;
	}
.periodical-way li:nth-child(5n){margin-right:0;}
.periodical-way .thumbnail {
	position: relative;
	display:flex;
	overflow:hidden;
	height:120px;
	width:70%;
	margin:0 auto;
	}
.periodical-way .thumbnail img{
	width: auto\9; /* ie8 */
	height: auto;
	max-width:100%;
	transition:all 1s;
	}
.periodical-way .thumbnail:hover img{transform:scale(1.05);}

.periodical-way .caption{
	padding:5px 0 0;
	color:#333;
	text-align: center;
	}
.periodical-way .caption h4{
	overflow: hidden;
	margin:0 0 3px;
	height: 20px;
	color: #555;
	font-weight:500;
	font-size:14px;
	line-height: 20px;
	}
.periodical-way .caption p {
	width:154px;
	height:30px;
	line-height:30px;
	font-size:14px;
	margin:0 auto;
	background:url(/sp_img/imgkuaiji/btn.png) center center  no-repeat;
	}
.periodical-way .caption p a {
	display:block;
	color:#fff;
	}
.periodical-way .caption p a:hover {
	display:block;
	color:#fff;
	}
.periodical-way a:hover .caption h4{color:#ff5e52;}

/**/
.lwen_cont {
	width:941px;
	padding-left:15px;
	padding-top:20px;
	height:705px;
	border-left:2px solid #F14E12;
	}
.lwen_cont h3 {
	font-size:18px;
	height:36px;
	margin-bottom:15px;
	border-bottom:1px dashed #ccc;
	margin-right:15px;
	font-weight:normal;
	}
.lwen_cont h3 span { color:#999;}
.lwen_cont ul li {
	float:left;
	width:455px;
	padding-bottom:15px;
	margin-right:15px;
	border-bottom:1px dotted #ccc;
	margin-top:15px;
	display:inline-block;
	}
.lwen_cont ul li h4 a{
	display:block;
	font-size:16px;
	line-height:30px;
	color:#126a9f;
	}
.lwen_cont ul li h4 a:hover { color:#c00;}
.lwen_cont ul li i {
	width:38px;
	height:60px;
	background:url(/sp_img/imgkuaiji/number.png) 0 0 no-repeat;
	display:inline-block;
	float:left;
	margin-right:15px;
	}
.lwen_cont ul li p {
	height:40px;
	overflow:hidden;
	line-height:20px;
	color:#666;
	}
.lwen_cont ul li p a { color:#c00;}

.footer {
	text-align:center;
	padding:10px 0;
	}
	








/*自适应*/
@media only screen and (min-width: 100px) and (max-width: 640px) {
	.w1200{
		width: auto;
		    height: auto;
	}
	.main_left{
		width: 100%;
	}
	.nav_top{
		height: auto;
	}
	.nav li {
	    height: 39px;
	    line-height: 39px;
	    font-size: 14px;
	    width: 20%;
	}
	.nav li a {
    	padding: 0 1px;
    }
    .main_qk h3{
    	height: auto;
    }
    .periodical-way li{
    	width: 100%;
    }
    .periodical-way .thumbnail {
	    position: relative;
	    display: block;
	    overflow: hidden;
	    height: auto;
	     width: auto; 
	    margin: 0 auto;
	    text-align: center;
	}
	.periodical-way .thumbnail img {
    width: auto;
    height: auto;
    max-width: auto;
    }
    .periodical-way li {
    width: auto;
    display: block;
    float: none;
}
.main_qk,.lwen_cont {
    width: auto;
    height: auto;}
    .lwen_cont ul li{width: auto;}
    
    .fr.lwen_cont{
    	display: block!important;
    }
    .fl.main_left{
    	display: none;
    }
	
	
}