@charset "utf-8";
/* 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/shiyan/bg.png);}
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;}
body{ padding:0px; margin:0px; font-size:14px; font-family:宋体; color:#333333; line-height:23px; background-color:#F3F3F3;}
a{ color:#333333; text-decoration:none;}
a:hover{ color:#DA281A; text-decoration:underline;}
img{ border:0px;}
ul,li,dt,dl,dd,em,span,p{ margin:0px; padding:0px; font-style:normal; list-style:none; list-style-type:none;}
.zhuantcs{padding:0px 10px;}
h1,h2,h3,h4{ margin:0px; padding:0px; font-size:15px; color:#000000;}
.fl{ float:left;}.fr{ float:right;}.cls{ clear:both;}.mt10{ margin-top:10px;}.mt15{ margin-top:15px;}
.tip{ height:30px; background:url(/imgs/bg_tip.jpg) 0px 0px repeat-x; overflow:hidden;}
.tip .cont{ width:980px; height:30px; line-height:30px; margin:0px auto;}
.tip .cont strong{ float:left; font-size:12px;}
.tip .cont span{ float:right; font-size:12px;}
.tip .cont span a{ margin:0px 10px;}
.header{ height:90px; background-color:#87D6FF;}
.header .cont{ width:980px; margin:0px auto;}
.header .cont em{ float:left; display:block; width:275px; height:55px; padding-top:20px;}
.header .cont em a{ display:block; width:275px; height:55px; overflow:hidden; text-indent:-999px; background:url(/imgs/logo.png) 0px 0px no-repeat;}
.header .cont .search{ float:right; padding-top:30px;}
.header .cont .search .sp_key{ display:block; float:left; width:250px; height:25px; overflow:hidden; border:2px solid #e0e0e0; border-right:none; background-color:#FFFFFF;}
.header .cont .search .sp_key #search-keyword{ border:none; line-height:23px; height:25px; font-size:14px; padding:0px 0px 0px 5px; width:242px;}
.header .cont .search .sp_btn{ float:left; height:29px; width:80px; display:block; overflow:hidden;}
.header .cont .search .sp_btn .sbtn{ width:80px; height:29px; text-align:center; font-size:15px; color:#FFFFFF; background-color:#3398CC; border:none; font-family:微软雅黑,幼圆;}
.menu{ background-color:#3398CC; height:35px;}
.menu .nav{ width:980px; height:35px; margin:0px auto; position:relative;}
.menu .nav ul li{ float:left; border-left:1px solid #B3D3E2; line-height:35px; width:120px; text-align:center; display:block; overflow:hidden; position:relative;}
.menu .nav ul li a{ font-size:14px; color:#FFFFFF; font-weight:bold; display:block; line-height:35px;}
.menu .nav ul li a:hover{ text-decoration:none;}
.menu .nav ul li.act{ border:none;}
.menu .nav ul li.act a,.menu .nav ul li a:hover{ background-color:#C1E1FA;}

.menu #nav ul li .subnav{ position:absolute; width:125x; /*height:500px;*/ top:35px; _top:37px; left:0px; padding:5px 0px 5px 0px; background:#ffffff; color:#000000; text-align:left; z-index:2001; _z-index:2001;}
.menu #nav ul li .subnav ul li{ float:none; border:none; height:30px; line-height:30px;}
.menu #nav ul li .subnav ul li a{text-decoration:none;font-weight:normal; color:#333333; height:30px; line-height:30px;}
.menu #nav ul li .subnav ul li a:hover{ color:#333333; background-color:#8DC3FF;}

.nav_top {
	width:100%;
	height:100px;
	background:#fff;
	}
.lgimg { margin-top:15px;}
.searchbox {
	float:right;
	width:560px;
	margin-left:100px;
	margin-top:35px;
	}
.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 {
	height:39px;
	background:#0090d3;
	border-top:1px solid #0076a4;
	}
.nav li {
	float:left;
	height:39px;
	line-height:39px;
	font-weight:bold;
	font-size:16px;
	}
.nav li a {
	padding:0 25px;
	display:block;
	color:#fff;
	}
.nav li a:hover {
	color:#fff;
	background-color:#0084b7
	}
/********期刊*******/
.main_qk { background:#F14E12;}
.main_qk ul { padding:8px 15px;}
.main_qk li {
	padding:10px 20px;
	width:330px;
	float:left;
	margin:10px 10px;
	background:#fff;
	}
.main_qk li:hover {
	Z-INDEX: 8; 
	box-shadow: rgba(0,0,0,0.7) 0 0 8px; 
	-webkit-transform: translateY(-5px); 
	transform: translateY(-5px);
	}
.main_qk li img {
	float:left;
	width:114px;
	height:156px;
	}
.main_qk li h3 {
	float:left;
	width:304px;
	height:40px;
	line-height:40px;
	overflow:hidden;
	}
.main_qk li h4 {
	float:right;
	width:180px;
	height:34px;
	line-height:30px;
	overflow:hidden;
	}
.main_qk .textjs {
	float:right;
	width:180px;
	height:80px;
	overflow:hidden;
	font-size:12px;
	line-height:20px;
	color:#666;
	}
.main_qk .buttom {
	float:right;
	width:180px;
	margin-top:10px;
	}
.main_qk .buttom a {
	width:180px; 
	height:31px; 
	float:left; 
	text-indent:-9999px;
	}
.main_qk .buttom .dd1 { background:url(/sp_img/shiyan/tg.png) 0 0 no-repeat;}

/*******main-cont*******/
.main_cont {
	background:#fff;
	padding:8px 20px 20px;
	width:1160px;
	}
.main_lt_lw {width:560px;}
.main_lt_lw h2 {
	font-size:26px;
	font-weight:normal;
	padding-left:85px;
	line-height:49px;
	position:relative;
	border-bottom:1px solid #ccc;
	}
.main_lt_lw h2 span {
	position:absolute;
	background:url(/sp_img/shiyan/long_bg03.png) 0 0 no-repeat;
	width:50px;
	height:40px;
	left:20px;
	top:13px;
	}
.main_lt_lw ul { padding:15px 0;}
.main_lt_lw li {
	margin-left:20px;
	width:260px;
	float:left;
	line-height:24px;
	}
.dot2 {
	width:4px;
	height:4px;
	display:block;
	overflow:hidden;
	vertical-align:middle;
	margin-right:6px;
	margin-top:11px;
	float:left;
	background:#8c3714;
	}
.main_rt_lw {width:560px;}
.main_rt_lw h2 {
	font-size:26px;
	font-weight:normal;
	padding-left:85px;
	line-height:49px;
	position:relative;
	border-bottom:1px solid #ccc;
	}
.main_rt_lw h2 span {
	position:absolute;
	background:url(/sp_img/shiyan/long_bg03.png) 0 0 no-repeat;
	width:50px;
	height:40px;
	left:20px;
	top:13px;
	}
.main_rt_lw ul { padding:15px 0;}
.main_rt_lw li {
	margin-left:20px;
	width:260px;
	float:left;
	line-height:24px;
	}
.bont a{
	width:100%;
	height:45px;
	display:block;
	text-align:center;
	}
.bont .dj1 { background:url(/sp_img/shiyan/ban2.png) top center no-repeat}
.bont .dj2 { background:url(/sp_img/shiyan/ban3.png) top center no-repeat}
	
/*************** footer *****************/
.footer {
	background:#b8b8b8;
	padding:15px 0;
	margin-top:20px;
	text-align:center;
	font-size:12px;
	}
.footer a {
	width:90px;
	display:inline-block;
	text-align:center;
	}






/*自适应*/
@media only screen and (min-width: 100px) and (max-width: 640px) {
	.tip .cont,.w1200 {
    width: auto;
    }
    .searchbox{
    	display: none;
    }
    .menu .nav,.menu .nav ul li {
    width: auto;
    height: auto;
    }
    .nav li a {
    padding: 0 19px;
    }
    .menu{
    	height: 72px;
    }
    .tip,.tip .cont{
    	height: auto;
    	    font-size: 12px;
    }
    .w1200 img{
    	width: 100%;
    }
    .main_qk li,.main_qk li h3,.main_lt_lw,.main_rt_lw{
    	width: auto;
    }
    .main_qk li img {
	    float: left;
	    width: 39%;
	    height: auto;
	}
	.main_qk li h4 {
	    width: 59%;
	}
	.main_qk .textjs,.main_qk .buttom {
    width: 58%;
    }
    .main_qk .buttom a {
    width: 100%;
    }
    .main_qk .buttom .dd1,.bont .dj2 {
	    background-size: 100%;
	}
	.bont .dj1 {
	    background-size: 100%;
	}
	.main_rt_lw li {
    width: auto;
     float: none; 
   }
	
	
	
}