@charset "utf-8";
/* CSS Document */

*{ margin:0; padding:0;list-style-type:none;}
html{ overflow-x:hidden;}
body{font-family:"微软雅黑"; background:#f0f0f1; font-size:14px;}
a{ text-decoration:none;}
h2{ border-bottom:1px solid #eaeaea; line-height:40px; font-size:16px; margin-bottom:10px; text-align:left;}
header{ display:block; width:100%; min-width:1200px; height:60px; background:#1b1b1b;}
.head-list{ width:1200px; margin:0 auto; color:#fff;}
.head-list li{ float:left;}
.head-list-left{ float:left;}
.head-list a{ color:#fff;}
.head-list-left li{ margin-right:40px;}
.head-list-left .logo{ padding-top:12px;}
.head-list-left .search{ padding-top:12px;}
.head-list-left .search input{ width:225px; height:30px; outline:none; display:block; float:left;}
.head-list-left .search .hd_thtext{ background:none; border:1px solid #3a62f4; text-indent:1em; color:#fff;}
.head-list-left .search .hd_thsubmit{background:#3a62f4;border:1px solid #3a62f4; height:32px; width:60px; color:#fff; margin-left:-5px; cursor:pointer;}

.head-list-right{ float:right;}
.head-list-right li{margin-left:40px;line-height:60px;}
.head-list-right a:hover{ color:#577bff;}

.mb_header{ display:none;}



aside{ display:block; float:left;}
aside a{ color:#fff;}
aside .nav,aside .active,aside .reference,aside .contact{ background:#fff; width:200px; margin:20px 0;}
.nav a{display: block;overflow: hidden;padding-left:15px;line-height:55px;max-height:55px;color: #686868;transition: all .3s;border-bottom: 1px solid #eaeaea;}
.nav a span{margin-left: 40px;}
.nav-item{position: relative;}
.nav-item.nav-show{border-bottom: none;}
.nav-item ul{display: none;}
.nav-item.nav-show ul{display: block;}
.nav-item>a:before{content: "";position: absolute;left: 0px;width: 2px;height:55px;background:#3a62f4;opacity:0;transition: all .3s;}
.nav .nav-icon{font-size: 20px;position: absolute;margin-left:-1px; line-height:65px;}
/* 此处修改导航图标 可自定义iconfont 替换*/

/*---------------------*/
.nav-more{float:right;margin-right:15px;font-size: 12px;transition: transform .3s;}
/* 此处为导航右侧箭头 如果自定义iconfont 也需要替换*/
.nav-more::after{content: "\e621";}
/*---------------------*/
.nav-show .nav-more{transform:rotate(90deg);}
.nav-show,.nav-item>a:hover{background:rgba(0,0,0,0.1);}
.nav-show>a:before,.nav-item>a:hover:before{opacity:1;}
.nav-item li:hover a{color: #FFF;background:#3a62f4;}

/* nav-mini */
.nav-mini.nav{width: 60px;}
.nav-mini.nav .nav-icon{/* margin-left:-2px; */}
.nav-mini.nav .nav-item>a span{display: none;}
.nav-mini.nav .nav-more{margin-right: -20px;}
.nav-mini.nav .nav-item ul{position: absolute;top:0px;left:60px;width: 180px;z-index: 99;background:#3C474C;overflow: hidden;}
.nav-mini.nav .nav-item:hover{background:rgba(255,255,255,.2);}
.nav-mini.nav .nav-item:hover .nav-item a{color:#FFF;}
.nav-mini.nav .nav-item:hover a:before{opacity:1;}
.nav-mini.nav .nav-item:hover ul{display: block;}

aside .active{width:180px;margin:20px 0; padding:5px 10px;}
section h2{ border-bottom:1px solid #eaeaea; line-height:40px; font-size:16px; margin-bottom:10px; text-align:left;}
aside .active li{ margin:10px 0;}
aside .reference{width:180px;margin:20px 0; padding:5px 10px;}
aside .reference li{ height:91px; background: url(../images/reference-left01.png) center no-repeat; background-size:cover;  margin:10px 0;}
aside .reference li:nth-child(2){background: url(../images/reference-left02.png) center no-repeat; background-size:cover;}
aside .reference li:nth-child(3){background: url(../images/reference-left03.png) center no-repeat; background-size:cover;}
aside .reference li p{ padding:8px 5px; line-height:20px;}
aside .contact{width:180px;margin:20px 0 10px; padding:5px 10px; text-align:center;}
aside .contact{}
aside .contact p{  line-height:20px; padding-bottom:15px;}


footer{ width:100%; min-width:1200px; height:120px; background:#1b1b1b; clear:both;}
footer p{ width:1200px; margin:0 auto; color:#fff; text-align:center; line-height:25px; padding:20px 0;}
footer p e{ display:block;}
footer a{ color:#fff;}
.page_number {
	margin: 30px auto;
	text-align: center;}
.page_number a,.page_number .current {
	display: inline-block;
	border: 1px #eee solid;
	padding: 5px 10px;
	margin: 0 10px;
	color:#666;}

.page_number .current{ background:#3a62f4; color:#fff; border:none;}

@media screen and (max-width: 768px){

	.page_number e{ display:none;}

}

@media screen and (max-width: 768px){
header{ display:none;}	
.mb_header{ display:block;}	
.sp_header{height:40px;overflow:hidden;background:rgba(0,0,0,0.9);position:fixed;z-index:999;width:100%;}
.sp_logo{padding:8px;float:left;height:25px}
.sp_logo img{margin:auto;max-height:25px;}

.enter_bg{width:55px; height:25px; color:#fff; float:right; border:1px solid ; text-align:center; line-height:25px; border-radius:4px; margin:6px;}
.enter_bg:hover{ background:#3a62f4; border:none;}
.sp_nav{width:45px;float:right;position:relative;cursor:pointer;height:25px;margin-top:11px}
.sp_nav span{display:block;background:#fff;width:20px;height:2px;position:absolute;left:10px;transition:all ease 0.35s}
.sp_nav span:nth-of-type(1){top:0px}
.sp_nav span:nth-of-type(2){top:8px}
.sp_nav span:nth-of-type(3){top:16px}
.sp_nav_se span:nth-of-type(1){top:10px;transform:rotate(45deg)}
.sp_nav_se span:nth-of-type(2){width:0}
.sp_nav_se span:nth-of-type(3){top:10px;transform:rotate(-45deg)}

.sjj_nav,.enter_nav{position:fixed;z-index:998;background:#f2f2f3;width:100%;height:calc(100% - 104px);font-size:14px;line-height:40px;top:-100%;left:0;overflow:auto;overflow-x:hidden;transition:top ease 0.35s;}
.nav_show{top:40px}
.sjj_nav ul li i{position:absolute;top:5px;right:5px;height:30px;padding:5px 7px 0 7px;}
.sjj_nav ul li i svg{transform:rotate(-90deg);transition:all ease 0.35s}
.sjj_nav ul li .sjj_nav_i_se svg{transform:rotate(0deg)}
.sjj_nav ul li,.enter_nav li{border-top:1px #ddd solid;margin-left:20px;position:relative;line-height:50px;font-size:14px; font-weight:bold;}
.sjj_nav>ul >li:last-child{border-bottom:1px #ddd solid;}
.sjj_nav ul li ul{display:none}
.sjj_nav ul li a{color:#666;width:80%}
.sjj_nav ul li ul li a{display:block;text-align:left;}
.sjj_nav ul li i svg{width:20px;height:20px;fill:#555;}
.sjj_nav ul li .sjj_nav_i_se svg{fill:#3a62f4}
.sjj_nav ul li ul li>ul{margin-left:10px}


aside{ display:none;}


footer{ width:100%; min-width:360px; height:80px;}
footer p{ width:100%;text-align:center; padding:15px 0 0; font-size:12px;}
footer p span{ display:none;}
	
.contents img{width:80% !important;height:80% !important;}
}