﻿@import "global.css";
@charset "utf-8";
.hidden{ display: none;}
.pr{ position: relative;}
body.gz{ background-color:#f5f5f5;}
.warp{ max-width:1200px; margin:0 auto;}
.header{ background-color:#fff;}
.nav{ min-width:1002px; height:60px; line-height:60px; text-align:center; background-color:#0076c6;}
.nav > ul{ display:-webkit-flex; display:flex; justify-content:space-between; align-items:center;}
.nav > ul > li{ width:16.6%; position:relative;}
.nav > ul > li a{ display:block; *height:60px; *line-height:60px; font-size:18px; color:#fff; }
.nav > ul > li.active a,.nav > ul > li a:hover{ background-color:#0388d4;}
.nav > ul > li i{ *margin-top:15px; display:inline-block; vertical-align:middle; width:25px; height:25px; background:url(../images/all-icon.png) 0 0 no-repeat;}
.nav > ul > li > ul{ display:none; position:absolute; top:60px; right:0; left:0; z-index:9999; background-color:#fff; border:1px solid #d3d3d3;}
.nav > ul > li > ul > li:not(:last-child){border-bottom:1px solid #d3d3d3;}
.nav > ul > li > ul > li a{ display:block; line-height:50px;color:#434343; font-size:16px; }
.nav > ul > li > ul > li a:hover{ color:#0076c6; background-color:#f5f5f5;}
.nav > ul > li:hover > ul{ display:block}
.nav > ul.G{ justify-content:inherit;}


.aside1{ width:620px;}
.aside2{ flex:1; padding-left:2%;}
.flexbox{ display:-webkit-flex; display:flex; justify-content:space-between;}

#slides,#slides2 { position: relative;}
.slides_container{ height:420px;}
.caption {width:100%; padding-left:20px;  position: absolute; bottom:0; left:0; height:50px; line-height:50px; font-size:16px; color:#fff; background-color:#000; opacity:.7; text-overflow:ellipsis;  white-space:nowrap; overflow: hidden;}

.pagination { position: absolute;z-index: 20; bottom:15px; right:20px; width: 20%; text-align: center; text-align: right; }
.pagination li { display:inline-block; margin:0 1px;}
.pagination li a {display:block;width:12px;height:0;padding-top:12px;background-image:url(../images/pagination.png);background-position:0 0;float:left;overflow:hidden;}
.pagination li.current a {background-position:0 -12px;}

#Tab1 .tit{height:50px; align-items:center; line-height:50px; background-color:#f5f5f5; padding-right:20px;}
#Tab1 .tit p,.sub-nav p{ flex:1}
#Tab1 .tit p span{ display:inline-block; padding:0 30px; cursor: pointer; font-size:20px; font-weight: bold;}
#Tab1 .tit p span.hover{ background-color:#1150a1; color:#fff;}
#Tab1 .tit a,.sub-nav a{ display:inline-block; vertical-align: middle; font-size:16px;}
#Tab1 .tit a i,.sub-nav i{ display:inline-block; width:7px; height:11px; vertical-align: middle; background:url(../images/all-icon.png) 0 -35px no-repeat;}
#Tab1 dl{ padding-top:20px; list-style:none;}
#Tab1 dl a,#Tab2 dl{ align-items:center;}
#Tab1 dt{ padding-top:7px; width:64px; height:54px; line-height:1.2; text-align:center; font-size:14px; background: url(../images/all-icon.png) -45px 0;}
#Tab1 dt b{ display:block; font-size:24px; color:#e64241;}
#Tab1 dd,#Tab2 dd{ flex:1; padding-left:4%; font-size:16px; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2;-webkit-box-orient: vertical; overflow:hidden;}
.sub-nav{height:50px; line-height:50px; border-bottom:1px solid #dcdcdc;}
.sub-nav span{ display:inline-block; font-size:20px; border-bottom:3px solid transparent; font-weight: bold;}
.sub-nav span.hover{ border-bottom-color:#1150a1; color:#1150a1;}
.sub-nav span.line{ width:6%; position: relative;}
.sub-nav span.line::after{content:''; width:1px; height:20px; background-color:#dcdcdc; position:absolute; top:0; right:0; bottom:0; left:0; margin:auto;}
.sub-time{ display:inline-block; font-size:16px; color:#5d5d5d;}

#Tab2 dl,#Tab3 dl{ margin-bottom:15px;}
#Tab2 dd,#Tab3 dd{ position: relative; padding-left:20px; text-overflow:ellipsis; white-space:nowrap; overflow: hidden;}
#Tab2 dd::before,#Tab3 dd::before{ content:''; position:absolute; top:0; bottom:0; left:0; margin:auto 0; width:4px; height:4px; background-color:#e64241;}
#Tab3 dd::before{ width:10px; height:10px; border-radius:50%;}
#Tab3 dd{ font-size:16px;}
#Tab3 dl  p.tit{ margin-top:15px; padding-left:15px;}
#Tab3 dl  p.tit span{ display:inline-block; margin-right:5%; font-size:14px;}
#Tab3 dl  p.tit span i{ display:inline-block; margin-right:5px; vertical-align: middle; width:16px; height:16px; background:url(../images/all-icon.png) -127px 0 no-repeat;}
#Tab3 dl  p.tit span.s i{ background-position-y:-22px;}

.iser{ padding:0 5%; background-color:#f5f5f5;}
.iser ul{ align-items:center; flex-wrap:wrap;}
.iser ul li,.GZser li{ margin-bottom:30px; width:30%; text-align:center;}
.iser ul li.first,.iser ul li.second{ width:30%;}
.iser ul li .pic{ padding:15px 0; background-color:#f5b400; vertical-align: middle;}
.iser ul li .pic i,.GZser li .pic i{ display:inline-block; width:68px; height:68px; background:url(../images/all-icon.png) -163px 0 no-repeat;}
.iser ul li .name,.GZser li .name{ font-size:16px; line-height:50px; text-overflow:ellipsis; white-space:nowrap; overflow: hidden; background-color:#fff;}
.iser ul li.second .pic{ background-color:#db4537;}
.iser ul li.second .pic i{ background-position-x: -242px;}
.iser ul li.three .pic{ background-color:#ff685a;}
.iser ul li.three  .pic i{ background-position-x: -320px;}
.iser ul li.four .pic{ background-color:#119e5a;}
.iser ul li.four .pic i{ background-position: 0 -79px;}
.iser ul li.five .pic{ background-color:#339be4;}
.iser ul li.five .pic i{ background-position: -80px -79px;}
.iser ul li.six .pic{ background-color:#9b5cb6;}
.iser ul li.six .pic i{ background-position: -163px -79px;}
.iser ul li.sevent .pic{ background-color:#f56500;}
.iser ul li.sevent .pic i{ background-position: -242px -79px;}

.iser ul li.eight .pic{ background-color:#dddce9;}
.iser ul li.eight .pic i{ background-position: -242px -155px;}

.iser ul li.nine .pic{ background-color:#7d7acc;}
.iser ul li.nine .pic i{ background-position: -320px -79px;}

.bot-list{ border:1px solid #dcdcdc; align-items:inherit;}
.bot-list ul{ flex:1; padding:30px; align-items:center;}
.bot-list ul li{ width:19%;}
.bot-list .btn{ display:inline-flex; justify-content:center; align-items:center; width:60px; text-align:center; color:#fff; font-size:18px; background-color:#1150a1;}
.bot-list .btn span{ display:inline-block; width:1em;}

.bg{ padding:30px; background-color:#fff;}
#slides2{ width:625px; overflow: hidden;}
#slides2 .slides_container{ height:420px;}
.GZser{ padding:30px; background-color:#f5f5f5;}
.GZser ul{ flex-wrap:wrap;}
.GZser li{ padding:20px 0 10px; background-color:#f5b400;}
.GZser li .pic i{ background-position: 0 -244px;}
.GZser li .name{ background-color:transparent; color:#fff; line-height:2.5;}
.GZser li.second .pic i{ background-position-x: -80px;}
.GZser li.three .pic i{ background-position-x: -163px;}
.GZser li.four .pic i{ background-position-x: -242px;}
.GZser li.five .pici{ background-position:-80px -162px;}
.GZser li.six .pic i{ background-position:-163px -162px;}
.GZser li.second{ background-color:#db4537;}
.GZser li.three{ background-color:#ff685a;}
.GZser li.four{ background-color:#119e5a;}
.GZser li.five{ background-color:#339be4;}
.GZser li.six{ background-color:#9b5cb6;}

/*???*/
.footer{ font-size:14px; border-top:#dcdcdc 1px solid; background-color:#f5f5f5; }
.footer .cont1{ padding:30px 0; align-items:inherit;}
.footer .cont1 .menu{ padding-top:30px; width:42%; border-left:1px solid #dcdcdc; border-right:1px solid #dcdcdc;text-align:center;}
.footer .cont1 .menu a{ display:inline-block; padding:0 30px;}
.footer .cont1 .menu a:not(:last-child){ border-right:1px solid #dcdcdc;}
.footer .cont1 .zwm span{ display:inline-block; margin-right:30px;text-align:center;}
.footer .cp{ padding:20px 0; background-color:#e8e8e8;text-align:center;}

/*???*/
.cur{ padding-bottom:15px; text-align: right;}
.cur i{ display:inline-block; vertical-align: middle; width:16px; height:20px; margin-right:5px; background:url(../images/all-icon.png) -17px -36px no-repeat;}
.left-aside{ width:260px; border:1px solid #dcdcdc;}
.left-aside li{ border-bottom:1px solid #dcdcdc; line-height:1.5;}
.left-aside li a i{ display:inline-block; vertical-align: middle; margin-right:3px; width:8px; height:16px; background:url(../images/all-icon.png) -148px 0 no-repeat;}
.menu ul li a.active{ color:#fff; background-color:#1150a1;}
.menu ul li a.active i{ background-position-y: -27px;}
.left-aside li  ul  li ul{ border-top:1px solid #dcdcdc;}
.menu ul li a{display:block; padding:10px; font-size:16px; cursor: pointer;}
.menu ul li ul{display:none; padding:0 10px; margin-bottom:-1px; overflow: hidden;}
.menu ul li ul li{display:block; text-indent:1em;}
.menu ul li ul li a{ font-size:14px; position: relative;}
.menu ul li ul li a i{ position: absolute; top:50%; right:20px; transform: translateY(-50%); margin:auto 0; width:15px; height:9px; background:url(../images/all-icon.png) -116px -53px no-repeat;}
.menu ul li ul li a.active{ background-color:transparent; color:#1150a1; font-weight: bold;}
.menu ul li ul li a.active i{ background-position: -139px -53px;}
.menu ul li ul li ul li{ border-bottom-style:double;}

.right-aside{ flex:1; padding-left:3%;}
.right-aside .content{padding:0 30px 30px; height:100%; border:1px solid #dcdcdc;}
.content p {
    margin-bottom: 20px;
    font-size: 16px;
    line-height: 1.75;
}
.right-aside h3{ line-height:3; font-size:24px; color:#1150a1;border-bottom:1px solid #dcdcdc;}
.right-aside ul  li a{ display:-webkit-flex; justify-content:center; padding:0 20px; align-items:center; font-size:16px;line-height:3;}
.right-aside ul li i{ display:inline-block; width:12px; height:12px; border:1px solid #dcdcdc; border-radius:50%;}
.right-aside ul li .tit{ flex:1; display:inline-flex; padding:0 5% 0 20px; text-overflow:ellipsis; white-space:nowrap; overflow: hidden;}
.right-aside ul li .date{ display:inline-block;}
.right-aside ul li:hover{ background-color:#f7f7f7;-webkit-tap-highlight-color:rgba(255,0,0,0);-webkit-transition: all 0.35s ease-in-out;-moz-transition: all 0.35s ease-in-out; transition: all 0.35s ease-in-out;}
.right-aside ul li:hover i{ border-color:#e64241; background-color:#e64241;}
.right-aside article h2{ font-size:36px; color:#1150a1; margin-bottom:50px; text-align: center;}
.right-aside article p{ margin-bottom:30px;}

.pub-cont{ padding:50px 5%; margin-bottom:50px; border:1px solid #dcdcdc;}
.pub-cont .tit{ padding-bottom:30px; border-bottom:1px solid #dcdcdc; text-align: center;}
.pub-cont .tit h3{ margin-bottom:20px;color:#1150a1; text-align: center;font-size: 26px;line-height: 1.4;}
.pub-cont .tit span{ display:inline-block;}
.pub-cont .tit span i{ display:inline-block; vertical-align: middle; width:19px; height:19px; background:url(../images/all-icon.png) 0 -162px no-repeat;}
.pub-cont .tit span.s{ margin:0 30px;}
.pub-cont .tit span.s i{ background-position-x: -29px;}
.pub-cont .tit span.t i{ background-position-x: -55px;}
.pub-cont h4{ margin-bottom:30px; font-size:20px; text-align:center; color:#000; font-weight: bold;}
.pub-cont p{ margin-bottom:20px; font-size: 16px;line-height: 1.75;}

.Tab3dd{ font-size:16px; font-weight: bold;}

.focus {
    background: url(../images/bg_focus.png) no-repeat;
    width: 620px;
    height: 420px;
    float: left;
}
.focusBox { 
	position: relative; 
    width: 620px;
    height: 420px;
	overflow: hidden; 
	font: 12px/1.5 Verdana, Geneva, sans-serif; 
	text-align: left; 
}
.focusBox .pic img { 
    width: 620px;
    height: 420px;
	display: block; 
}
.focusBox .txt-bg { 
	position: absolute; 
	left:0px;
	bottom: 0px;
	z-index: 0;
	height: 50px; 
	width:620px;  
	background: #000; 
	filter: alpha(opacity=60); opacity: 0.6; 
	overflow: hidden; 
}
.focusBox .txt { 
	position: absolute; 
	left:20px;
	bottom: 10px; 
	z-index: 2; 
	height: 58px; 
	width:70%; 
	overflow: hidden; 
}
.focusBox .txt li{ 
	height:32px;
	line-height:32px;
	position:absolute; 
	bottom:-36px;
}
.focusBox .txt li a{ 
	display: block; 
	color: #FFFFFF; 
	padding: 0 0 0 10px; 
	font-size: 18px; 
	font-weight: none; 
	text-decoration: none; 
	font-family: "微软雅黑";
}
.focusBox .txt .long_title{
	height:32px!important;;
	line-height:16px!important;;
	position:absolute;
	bottom:-36px;
}
.focusBox .txt .long_title a{
	display: block;
	color: #FFFFFF;
	padding: 0 0 0 10px;
	font-size: 14px!important;
	font-weight: none;
	text-decoration: none;
	font-family: "微软雅黑";
}

.focusBox .num { 
	position: absolute; 
	z-index: 3; 
	bottom: 19px;
	right: 20px; 
}
.focusBox .num li{ 
	float: left; 
	position: relative; 
	width: 12px;
	height: 12px;
	line-height: 15px; 
	overflow: hidden; 
	text-align: center; 
	margin-right: 8px; 
	cursor: pointer; 
	border-radius: 10px;
}
.focusBox .num li a,.focusBox .num li span { 
	position: absolute; 
	z-index: 2; 
	display: block; 
	color: white; 
	width: 100%; 
	height: 100%; 
	top: 0; 
	left: 0; 
	text-decoration: none;
    background-color: #fff;
}
.focusBox .num li span { 
	z-index: 1; 
	background: #81aae1; 
	filter: alpha(opacity=50); 
	opacity: 0.5; 
}
.focusBox .num li.on a,.focusBox .num a:hover{ 
	background: #f76626;
}

@media (max-width: 1399px) and (min-width: 1200px){
    .warp{ width:1300px;}
    /* .aside1{ width:615px;} */
}
@media (max-width: 1199px){
    .warp{ width:1002px;}
    /* .aside1{ width:515px;} */
    #Tab1 dd{ font-size:16px;}
}