@charset "utf-8";
/* CSS Document */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,blockquote,p{margin:0;padding:0;}
body{ color:#333; font-size:12px; font-family:"微软雅黑";}
body,html{
	min-width: 1140px;
}
section,article,aside,header,footer,nav,dialog,figure{display:block;}
ul, ol { list-style: none;} 
img{
    max-width: 100%;
}
img,fieldset{vertical-align:middle;border:0;}
h1,h2,h3,h4,h5,h6 {font-size:100%; font-weight:normal;}
address,cite,code,em,th {font-weight:normal; font-style:normal;}
input,button,textarea,select{font:100% Arial,''; vertical-align:middle;border: none;}
input[type="submit"],input[type="reset"],input[type="button"],button { -webkit-appearance: none;}
table,td,tr,th{font-size:12px;}
.nodispaly{ display:none}
.line{height:20px; line-height:20px; font-size:0px; clear:both; overflow:hidden; display:block;}
.clearfix{*zoom:1;}
.clearfix:after{display:block; overflow:hidden; clear:both; height:0px; visibility:hidden; content:".";}
a{color:#333; text-decoration:none; transition:all 0.3s;}
a:hover {color:#111; text-decoration:none;}

.header{ background:#1b1b1b; box-sizing: border-box; height:100px; position:fixed; top:0px; z-index:100; width:100%; min-width: 1140px;padding:0px 30px; box-shadow:0 0 20px #CCC; transition:all 0.3s;}
.header .box{ height: 100px;  margin: 0 auto; position:relative; max-width: 1440px;}
.header .box h1{ width:170px; position:absolute; left:0px; top:28px; z-index:100; margin: 0px;}
.header .box h1 img{ max-width:100%; height:40px;}

.yybb{ position:absolute; right:0px; top:40px; margin-left: 2%}
.yybb ul{}
.yybb li{ float:left; width:35px; height:25px; text-align:center; background:#666; font-size:12px !important; padding: 0 !important;}
.yybb li a{ display:block; line-height:25px; color:#FFF;}
.yybb li a:hover{ display:block; text-decoration:none;}
.yybb li a.current{ background:#1f4396; color:#FFF;}

.header .box .nav{float: right;width: 80%;}
.header .box .nav ul{ height:100px; font-size:0px; text-align:center;}
.header .box .nav li{ display:inline-block; position:relative; z-index:100; padding:0 32px; font-size:16px;}
.header .box .nav li.cp-menu{ position:static; z-index:auto; }
@media(max-width:1400px) {
.header .box .nav li{padding:0 25px; }
}
.header .box .nav li p{ line-height:100px; text-transform:uppercase;}
.header .box .nav li p a{ display:block; color: #eee;font-size:17px; font-weight: bold;}
.header .box .nav li:hover p a{ color:#eee; text-decoration:none; display:block;}
.header .box .nav li a.current{ color:#fff;}
.header .box .nav li dl{ visibility:hidden; position:absolute; left:50%;transform:translate(-50%,0); top:120px; width:120%; padding: 5px 0px; background:#f7f7f7; line-height:45px; transition:all 0.3s; opacity:0; font-size:14px;}
.header .box .nav li .nav2{ visibility:hidden; position:absolute; left:-10%;twidth:120%; padding: 5px 0px; background:#f7f7f7; line-height:45px; transition:all 0.3s; opacity:0; font-size:14px;}
.header .box .nav li:hover dl,.header .box .nav li:hover .nav2{ visibility:visible; top:100px; opacity:1;}
.header .box .nav dd a{ position: relative; z-index: 1; display:block; color: #4d4d4d; font-size: 14px;transition:all .4s;}
.header .box .nav dd a:hover{ display:block; color: #fff;}
.header .box .nav dd>a:after{ content:""; position: absolute;  z-index:-1;bottom: 0px;left: 0%;width: 0%;height: 100%;background-color:#1f4396;transition:all .4s;}
.header .box .nav dd>a:hover:after{ content:""; width: 100%;}
.header .box .nav dd{ position:relative; }
.header .box .nav dd:last-child{ border:0 none;}

.header .box .nav dd .sanji{ visibility:hidden; position:absolute; left:110%; top:0px; width:100%; background:#FFF; box-shadow:0 0 3px #CCC; transition:all 0.3s; opacity:0;}
.header .box .nav dd:hover .sanji{ visibility:visible; left:100%; opacity:1;}
.header .box .nav dd:hover .sanji a{ color:#333; background:#FFF;}
.header .box .nav dd:hover .sanji a:hover{ color:#FFF; background:#0968d2;}
.header .box .nav dd:hover .sanji .list{ border-bottom:1px solid #DDD;}
.header .box .nav dd .sanji .list:last-child{ border:0 none;}
.menu{ display:none;}
.sub_menu{ display:none;}

.header .box .nav li .nav2{
	position:absolute;
	z-index: 2;
	top: 130%;
	left: 0px;
	width: 100%;
	box-sizing: border-box;
	padding: 30px;
	background: #f7f7f7;
	color: #4d4d4d;
	text-align: left;
	box-shadow: 0px 0px 8px rgba(0,0,0,0.15);
}
.header .box .nav li:hover .nav2{
	top: 100%;
}
.tab-button{
	width: 100%;
	height: auto !important;
	text-align: left !important;
	font-size: 0px !important;
}
.tab-button>li{
	display: inline-block;
	vertical-align: bottom;
	padding: 0px !important;
}
.tab-button>li.active{
	background: #fff;
}
.tab-button>li a{
	display: inline-block;
	padding: 0px 60px;
	font-size: 15px;
	line-height: 46px;
	color: #666;
	font-weight: bold;
}.tab-button>li.active a{
	color: #1f4396;
}
.tab-content{
	padding: 30px;
	background: #fff;
}
.header .box .nav li .nav2 .tab-content ul{
	display: block;
	height: auto;
	font-size: 0px;
	line-height: 0px;
	text-align: left;
	margin-bottom: 25px;
}
.header .box .nav li .nav2 .tab-content ul ol{
	display:block;
	width: auto;
	height: auto;
	padding: 0px;
	margin: 0px;
	margin-bottom: 10px;
	font-size: 0px;
	line-height: 0px;
	border-bottom: 1px dashed #e5e5e5;
	overflow: hidden;
}
.header .box .nav li .nav2 .tab-content ul ol img{
	width: 40px;
	vertical-align: bottom;
	margin-bottom: 10px;
}

.header .box .nav li .nav2 .tab-content ul ol a{
	position: relative;
	z-index: 1;
	display: inline-block;
	padding-bottom: 10px;
	margin-left: 15px;
	text-align: left;
	font-size: 15px;
	line-height: 24px;
	color: #1f4396;
	font-weight: bold;
	transition:all .3s;  
}
.header .box .nav li .nav2 .tab-content ul ol>a:after{ content:""; position: absolute;  z-index:-1;bottom: 0px;left: 0%;width: 0%;height: 2px;background-color:#1f4396;transition:all .3s;}
.header .box .nav li .nav2 .tab-content ul ol>a:hover:after{ content:""; width: 100%;height: 2px;}

.header .box .nav li .nav2 .tab-content ul ol a:hover{
	color: #1f4396;
	background: none;
}
.header .box .nav li .nav2 .tab-content ul li{
	display:inline-block;
	width: 25%;
	padding:8px 0px;
	font-size: 0px;
	line-height: 0px;
}
.header .box .nav li .nav2 .tab-content ul li a img{
	display: inline-block;
	float: left;
	width: 40px;
	vertical-align: bottom;
	margin-right: 10px;
	opacity: 0.7;
	transition:all .4s;
}
.header .box .nav li .nav2 .tab-content ul li a:hover img{
	opacity: 1;
}
.header .box .nav li .nav2 .tab-content ul li a{
	display: inline-block;
	font-size: 0px;
	white-space:nowrap;
	text-overflow:ellipsis;
	-o-text-overflow:ellipsis;
	overflow:hidden;
}
.header .box .nav li .nav2 .tab-content ul li a span{
	position: relative;
	z-index: 1;
	display: inline-block;
	font-size: 13px;
	margin-top: 6px;
	line-height: 30px;
	vertical-align:bottom;
	color: #4d4d4d;
	white-space:nowrap;
	text-overflow:ellipsis;
	-o-text-overflow:ellipsis;
	overflow:hidden;
}
.header .box .nav li .nav2 .tab-content ul li a:hover span{
	color: #1f4396;
	background: none;
}
.header .box .nav li .nav2 .tab-content ul li a span:after{
	content:"";
	position: absolute; 
	z-index:-1;
	bottom: 0px;
	left: 0%;
	width: 0%;
	height: 1px;
	background-color:#1f4396;
	transition:all .3s;
}
.header .box .nav li .nav2 .tab-content ul li a:hover span:after{
	content:"";
	width: 100%;
}
.foot{ background:#1b1b1b; padding:2.5% 0 0;}
.foot .box{ max-width:90%; margin:0 auto;}
.foot .box .foot_t{ margin-bottom: 3.5%}
.foot .box .foot_t .foot_t_l{ float:left; width:60%; margin-right: 3%}
.foot .box .foot_t .foot_t_l dl{ float:left; color:#FFF; width:20%;}
.foot .box .foot_t .foot_t_l dt{ text-transform:uppercase; border-bottom:1px solid #303030; padding:15px 0; margin-bottom:10px; font-size: 16px;}
.foot .box .foot_t .foot_t_l dd{ line-height:27px; font-size: 14px;}
.foot .box .foot_t .foot_t_l dd a{ color:#ccc;}
.foot .box .foot_t .foot_t_l dd a:hover{ color:#0968d2;}
.foot .box .foot_t .foot_t_m{ float:left; width:12%;}
.foot .box .foot_t .foot_t_m img{max-width:100%;}
.foot .box .foot_t .foot_t_r{ float:right;}
.foot .box .foot_t .foot_t_r .fenxiang{ box-sizing: content-box; text-transform:uppercase; color:#FFF; padding:15px 0;height: 35px; margin-bottom: 10px; text-align: center;}
.foot .box .foot_t .foot_t_r .fenxiang a{ float: left; width: 33.33%;  } 
.foot .box .foot_t .foot_t_r .fenxiang img{max-width:100%;}
.foot .box .foot_t .foot_t_r .lxhm{width: 225px;line-height:40px; font-size: 14px;  background-color: #1f4396; border-radius: 20px; text-align: center; color:#FFF; padding:0; margin-bottom: 10px;}

.foot .box .copyright{ text-align:left; padding:1.6% 0; color:#FFF; text-transform:uppercase;border-top:1px solid #303030;font-size: 14px; color:#ccc;}