*{

    margin:0px;

    padding:0px;

}

body{

    /*font: 12px/1.5 宋体, Arial, sans-serif;*/

    min-width:1200px;

}

img {

    max-width: 100%;

}

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td {

    margin: 0;

    padding: 0;

}

h1, h2, h3, h3, h4, h5, h6 {

    font-weight: normal;

}

a{

    text-decoration:none;

    color:#333;

}

ul {

    list-style: none;

}

img {

    max-width: 100%;

}

.c{

    clear:both;

}

.none{

    display:none;

}

.n, em {

    font-weight: normal;

    font-style: normal;

}

.fix:after, .fix:before {

    display: block;

    content: "clear";

    height: 0;

    clear: both;

    overflow: hidden;

    visibility: hidden;

}







.wp{

    width:100%;

    max-width:62%;

    margin:0 auto;

}

#hd{

    height:90px;

    width:100%;

    background:#F3F3F3;

    position:fixed;

    left:0px;

    top:0px;

    z-index:100;

    min-width: 1160px;

    transition: all .3s;

}

#hd .wp{

    position:relative;

}

#hd .logo {

    float: left;

    margin-right:30px;

}

#hd .logo a {

    display: flex;

    height: 100%;

    align-items: center;

}

#hd .logo a img{

    width: 257px;

}

#nav{

    position: relative;

	height: 90px;

}

#nav ul li {

    float: left;

	color: #333;

    margin: 0 1.2%;

	height: 86px;

}

#nav ul li a {

    display: inline-block;

	line-height: 82px;

    width: 100%;

    text-align: center;

    font-size: 20px;

    font-family: '张海山锐线体2.0';

	padding: 4px 2px 0 2px;

    /*border-bottom: 3px solid #3E65C7;*/

}

#nav ul li a:hover{

    color:#3E65C7;

	font-weight: bold;

    border-bottom: 4px solid #3E65C7;

}

.li_a{

    color:#3E65C7;

    font-weight: bold;

    border-bottom: 4px solid #3E65C7;

}

.hcolor{

    color:#3E65C7;

	font-weight: bold;

    border-bottom: 4px solid #3E65C7;

}



.experiment{

    position:absolute;

	background-color: #F3F3F3;

	top: 0px;

	right:0px;

	height: 88px;

	display: flex;

	align-items: center;

	justify-content: flex-end;

}

.experiment img{

	width: 40px;

	height: 40px;

	border-radius: 50%;

	margin-right: 6px;

	border: 1px solid #ccc;

}

.experiment em{

	width: 0;

	height: 18px;

	border-left: 1px solid #aaa;

	margin: 0 10px;

}

.experiment span a{

    font-size:18px;

	color: #333;

    width:90px;

	cursor: pointer;

}



@media all and (max-width: 1540px) {

	.experiment span a{

	    font-size:18px;

	}

	#nav ul li {

	    margin: 0 1%;

	}

	#nav ul li a {

	    font-size: 18px;

	}

	#hd .logo a img{

	    width: 210px;

	}

}

@media all and (max-width: 1405px) {

	.experiment span a{

	    font-size:16px;

	}

	#nav ul li {

	    margin: 0 0.8%;

	}

	#nav ul li a {

	    font-size: 16px;

	}

}

@media all and (max-width: 1340px) {

	#hd .logo {

	    margin-right:5px;

	}

	#nav ul li {

	    margin: 0 0.6%;

	}

	.experiment em{

		margin: 0 3px;

	}

}





.introduce{

    position:relative;

    height:410px;

    width:100%;

    margin-top:90px;

}

.introduce img{

    height:100%;

    width:100%;

    z-index:-100;

}







#bd{

	margin-bottom: 80px;

}

.box{

	display: flex;

}

.box .box_list{

	width: 20%;

	color: #333;

}

.box_list li{

	width: 100%;

	height: 140px;

	cursor: pointer;

	display: flex;

	justify-content: center;

	align-items: center;

	box-sizing: border-box;

}

.box_list p{

	font-size: 16px;

}

.box_list .li_content{

	display: none;

}



.show{

	font-weight: bold;

	color: #3E65C7;

	border-left: 3px solid #3E65C7;

	background-color: #eee;

}



.box .box_content{

	width: 80%;

	/*background-color: #F3F3F3;*/

	padding: 30px 20px;

}