@charset "gb2312";
/* CSS Document */
/*公共代码*/
body{font-family:"Microsoft YaHei"; font-size:15px;}
*{padding:0;margin:0;font-family:"Microsoft YaHei"; border-image:none;}
li,ul,dl,dt,dd,ol,ul{list-style:none; text-decoration:none;}
a{text-decoration:none; color:none;}
img{ border:0; text-decoration:none;}
h1, h2, h3, h4, h5, h6{font-size: 100%; font-weight: normal;}
u,b{ font-weight:normal; text-decoration:none;}
.clear{clear:both;}
/***** 水平居中 *****/
.cen{margin:0 auto; }
/*清除浮动*/
.cf:before,.cf:after{display:table;line-height:0;content:"";}
.cf:after{clear:both;}
*.cf{zoom:1;}


.main_a{width:100%; margin:auto; height:auto; background:url(../images/banner_list.png) no-repeat center top; padding-top:182px; min-width: 1200px;}
.main_box{width:1200px; margin:auto;}

/*左边下拉菜单*/
/*侧栏样式*/
.nav_box{width:220px; padding-bottom:45px; height:auto; float:left; background:#fff;}
.nav_wrap{width: 220px; background:#fff!important; -webkit-transition: all .5s;-o-transition: all .5s;-moz-transition: all .5s;-ms-transition: all .5s;transition: all .5s;}
.nav_wrap .nav_list{width: 100%; height: auto; cursor: pointer;}
.nav_wrap .nav_list h5{display:block; width:80%;  border-bottom:1px #f3f7fb solid;  line-height:20px; padding:8px 10%; color:#333; font-weight: normal; font-size:15px; text-align: left; position:relative; }

.nav_wrap .nav_list h5 a{display:block; width:90%;color:#333; font-weight: normal; font-size:15px;  padding-right: 10%; text-align: left; position: relative;}
.nav_wrap .nav_list h5 .xiala{position: absolute; right: 20px; top:2px; display: inline-block; vertical-align: middle; line-height: 35px; -webkit-transition: all .15s;-o-transition: all .15s;-moz-transition: all .15s;-ms-transition: all .15s;transition: all .15s;}
.nav_wrap .nav_title{display: block; width:80%; padding:10% 10%; border-bottom:1px #f3f7fb solid; font-size:24px; font-weight:bold; color:#185fae;}

.sub{width: 100%; height: auto; display: none; overflow: hidden; }
.sub li{width: 100%; height: auto;  margin: 0 auto; }
.sub a{display: block; width:82%; height: 100%;  color:#333; padding: 7.5px 0;  padding-left:18%; font-size: 13px; text-decoration: none;
       line-height:18px;  text-align: left; border-bottom:1px #f3f7fb solid; background:url(../images/22.jpg) no-repeat 12% center;}

.nav_wrap .nav_list h5:hover{color:#185fae; background:#fff url(../images/1.jpg) no-repeat left center;}
.nav_wrap .nav_list h5:hover a{color:#185fae; }
.sub li:hover a{color:#185fae;  background:url(../images/2.jpg) no-repeat 12% center;}
.nav_wrap .nav_list.on{background: #f1f1f3; color:#333;}
.nav_wrap .nav_list.on h5{color:#185fae; background:#fff url(../images/1.jpg) no-repeat left center;}
.nav_wrap .nav_list.on h5 a{color:#185fae; }
.nav_wrap .nav_list.on h5 .xiala{-webkit-transform: rotate(90deg);-ms-transform: rotate(90deg);-o-transform: rotate(90deg);transform: rotate(90deg);}
.sub li.on a{color:#185fae;background-color: rgba(255,255,255,.02);  background:url(../images/2.jpg) no-repeat 12% center;}
.nav_wrap .nav_list.on .sub{display: block;}
.nav_off{left: -100%;}

/*右边主要内容框架*/
.main_right{width:900px; min-height:560px; float:right; height:auto; background:#fff; padding:20px 30px 50px;}
.main_right h2{display:block; width:100%; float:left; font-size:18px; color:#185fae; font-weight:bold; margin-bottom:15px; text-align:center;}
.title_box{width:100%; float:left; border-bottom:1px #f3f7fb solid; padding-bottom:5px; margin-bottom:20px;}
.title_box h1{display:block; float:left; width:auto; font-size:18px; color:#185fae; font-weight:bold;}
.title_list{width:auto; float:right;}
.title_list u{display:block; float:left; width:13px; height:12px; background:url(../images/icon2.png) no-repeat center; margin-top:5px;}
.title_list span{display:block; float:left; width:6px; height:7px; background:url(../images/icon3.png) no-repeat center;  margin-top:8px;}
.title_list a{display:block; float:left; width:auto; font-size:14px; color:#777; padding:0 5px;}
.title_list a:hover{color:#185fae; text-decoration:underline;}


#container{width:1200px; height:auto; overflow:hidden; margin:auto; padding-top:30px;}
/** header **/
.header{width:100%;background:#fff;}
.head{width:1200px; margin:auto; overflow:hidden;padding:20px 0;}
.head .logo{width:auto; float:left; overflow:hidden;}
.head .language{float:right;padding-top:12px;}
.head .language li{float:left;margin-right:20px;}
.head .language li a{color:#666369;font-size:16px;}
/*导航*/
.nav_a{width:100%; height:46px; background:#275cad;}
.nav_main{width:1200px; margin:auto; height:50px;}

.nav_main ul{display: flex;
	flex-direction: row;
	justify-content: space-between;
	flex-wrap: nowrap;
	align-content: stretch;}
.nav_main ul li{display:block; float:left; padding:0 20px;}
.nav_main ul li a{ line-height:46px; color:#fff; font-size:16px;}
.nav_main ul li:hover{ background:#204c8f; color:#fff;}
.nav_main ul li:hover a{color:#fff;}
.nav_main ul li.tab{background:#204c8f;}
.nav_main ul li.tab a{ line-height:46px; color:#fff; font-size:16px;}
/* 大图轮播 本例子css banner大图轮播*/
.focusBox { position: relative; width:100%;overflow: hidden; margin:auto;}
.focusBox .pic{ position:relative; z-index:0; width:100%;}
.focusBox .pic li{ position:relative; z-index:0; height:580px; overflow:hidden; width:100%; margin:auto;}
.focusBox .pic img { width:100%; height:580px; display: block; margin:auto; overflow:hidden;}
.focusBox .hd {background:rgba(255,255,255,0.5);width:auto;left:50%;border-radius:20px;padding:4px;position:absolute;bottom:25px;text-align: center; font-size:0; z-index:1; height:auto; overflow:hidden;}
.focusBox .hd li{margin: 0 5px; overflow: hidden; width:10px; height:10px; background:#fff; border-radius:100%; -moz-border-radius:100%; -ms-border-radius:100%; -o-border-radius:100%; -webkit-border-radius:100%;
                cursor: pointer; display:inline-block;}
.focusBox .hd .on{ background:#275cad; width:10px; height:10px; border-radius:10px;}
.content{
	background: url(../images/bg.png)no-repeat;
}
/*footer部分*/
.footer {
	margin-top:60px;
	background:#1a1d22;
	padding:42px 0 38px 0;
}
.walk_into {
	width:1200px;
	margin:0 auto;
}
.walk{
	float: left;
}
.address{
	float: right;
	text-align: right;
	font-size:14px;
	color:#afafaf;
}


.footer02{width:100%; height:280px; overflow: hidden; background:url(../images/footer.png) top center no-repeat;}
.footer02 ul{display:block; width:1200px; margin:auto; padding:20px 0;}
.footer02 ul li h1{display:block; width:100%; font-size:14px; color:#59606c; font-weight:bold; margin-bottom:6px;}
.footer02 ul li{display:block; float:left; width:130px; margin-right:20px; height:28px;}
.footer02 ul li a{display:block; float:left; width:100%; font-size:14px; color:#77828f; line-height:18px;}
.footer02 ul li a:hover{ color:#59606c; text-decoration:underline;}
.footer02 ul li.gsjj  { width:205px; height:40px; float:left; display:block;}
.footer02 ul li.gsjj a{ width:100px; height:40px; line-height:18px;}
.footer02 ul li.ywbk  { width:200px; margin-right:28px;}


.footer02 ul .sao_a{display:block; float:right; margin-right:0px; width:86px; height:120px; overflow:hidden; text-align:center; font-size:16px; color:#777; margin-top:5px;}
.footer02 ul .sao_a img{display:block; width:86px; height:86px; overflow: hidden;}
.footer02 .footer_a{width:50%;}
.footer_b{width:100%; height:auto; padding:25px 0; background:#262834;}
.footer_b_a{width:1200px; margin:auto;}
.footer_b_left{width:30%; float:left;}
.footer_b_left ul li a{display: block; float:left; font-size:14px; color:#afafaf;}
.footer_b_left ul li a:hover{ color:#fff;}
.footer_b_left img{display:block; float: left; margin-top:10px;}
.footer_b_right{width:50%; float:right; font-size:14px; color:#afafaf; line-height:24px; text-align:right;}
.footer_b_right a{ margin-left:20px; color:#afafaf;}
.footer_b_right a:hover{ color:#fff;}