﻿@charset "utf-8";
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, p, blockquote, th, td {
margin:0;
padding:0;
}
body {
font-family:"Microsoft YaHei", Arial, Helvetica, sans-serif;
font-size:16px;
text-align:left;
color:#000;
}
a:link, a:visited {
color:#000;
text-decoration:none;
}
a:hover{
color:#f00;
text-decoration:none;
}
fieldset, img {
border:none;
}
legend {
display:none;
}
img {
vertical-align:top;
}
em {
font-style:normal;
}
li {
list-style:none;
}
h1, h2 {
font-size:14px;
}
h3, h4, h5, h6{
	font-size:12px;
}
input, button, textarea, select {
*font-size:100%;
}

.fn{ font-weight:normal;}
.fb{ font-weight:bold;}

.fl{ float:left;}
.fr{ float:right;}

.white{ color:#ffffff;}
.white a:link{ color:#ffffff;}
.white a:visited{ color:#ffffff;}
.white a:hover{ color:#ffffff;}
.white a:active{ color:#ffffff;}

.w1200{
	width:1200px;
	margin:0 auto
}
.w560{
	width:560px;
}
.w585{
	width:585px;
}
.text-center {
    text-align: center;
}
.lh20{
line-height:20px;
}
.lh22{
line-height:22px;
}
.lh24{
line-height:24px;
}
.lh26{
line-height:26px;
}
.lh30{
line-height:30px;
}
.lh35{
line-height:35px;
}
.font12{ font-size:12px;}
.font13{ font-size:13px;}
.font14{ font-size:14px;}
.font16{ font-size:16px;}
.font17{ font-size:17px;}
.font18{ font-size:18px;}
.font20{ font-size:20px;}

.clearfix:after{
	display:block;clear:both;content:"";visibility:hidden;height:0
}
.clearfix{
	zoom:1
}

.mgt40{ margin-top:40px;}
.mgt60{ margin-top:60px;}

.tex_cen{
text-align:center;
}

.banner{
	background:url(../images/banner.jpg) no-repeat center top;
	height:629px;
}
.logo{
	width:1200px;
	margin:0 auto;
	padding:50px 0 0 35px
}
.abstract{
	background:url(../images/abstract_bg.png) repeat-x;
	height:212px;
}
.abstract p{
	font-size:18px;
	line-height:30px;
	color:#3763d3;
	padding:35px 40px 0;
	text-indent:2em
}
.sty02{
	padding:0 0 40px;
}
.box01 h2{
	width:885px;
	height:38px;
	margin:0 auto;
	text-align:center;
	background:url(../images/box01_h2_bg.gif) repeat-x center center;
}
.leftLoop02{ overflow:hidden; height:285px; margin-top:40px; position:relative; } 
.leftLoop02 .hd{ overflow:hidden;  } 
.leftLoop02 .hd .prev,.leftLoop02 .hd .next{ display:none;} 
.leftLoop02 .hd ul{ position:absolute; width:100%; bottom:0; text-align:center; overflow:hidden; zoom:1; } 
.leftLoop02 .hd ul li{ position:relative; display:inline-block; width:40px; height:8px; overflow:hidden; background:#e4e4e4; margin-right:12px; text-indent:-9999px; cursor:pointer; 
    -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; behavior: url(../../wxbk/css/PIE.htc); transition: all .5s;} 
.leftLoop02 .hd ul li.on{ background:#76aaff; transition: all .5s;} 
.leftLoop02 .bd{ padding:0;   } 
.leftLoop02 .bd ul{ overflow:hidden; zoom:1; } 
.leftLoop02 .bd ul li{ margin:10px 30px 10px 0; width:565px; background:#eef3ff; padding:10px; float:left;display:_inline;  } 
.box02{ border:#dce6ff solid 1px; height:175px; padding:20px 25px 0;}
.box02 .tit{ display:flex;height:60px;justify-content:center;align-items:center}
.box02 h3{  font-size:18px; line-height:30px; text-align:center;}
.box02 p{ font-size:14px; line-height:24px; text-indent:2em; padding:10px 0 0}
.leftLoop02 .bd ul li:hover{box-shadow: 0 0 12px #bad6eb}
.main_image{ width:555px; height:370px; float:left; overflow:hidden;position:relative;}
.main_image ul{width:9999px;position:absolute;top:0;left:0}
.main_image li{float:left;width:100%;height:370px;}
.main_image li a{display:block;width:100%; height:100%; color:#fff}
.main_image li .pic,.main_image li .pic img{ display:block; width:100%; height:100%;}
.main_image .swiper-pagination-bullets{ position:absolute; height:10px; bottom:22px !important; z-index:100 !important;}
.main_image .swiper-pagination-bullet{ background:#fff !important}
.main_image .swiper-pagination-bullet-active{background:#d50000 !important}
.main_image li .tit{ position:absolute; width:100%; left:0; right:0; height:45px; line-height:45px; bottom:0; font-size:16px; color:#fff; text-indent:1em; background:url(../images/trans70.png) repeat; z-index:9999}
.main_image .swiper-button-white{ opacity:0.2; transition:all ease-in 0.3s}
.main_image:hover .swiper-button-white{opacity:1}
.swiper-pagination-bullet{ width:12px !important; height:12px !important;}

.leftLoop{ width:100%; margin-top:50px; position:relative;} 
.leftLoop .hd{} 
.leftLoop .hd .prev,.leftLoop .hd .next{ display:block;  width:47px; height:52px; position:absolute; top:160px; overflow:hidden;   
     cursor:pointer; background:url(../images/icoLeft.gif) no-repeat; z-index:99} 
.leftLoop .hd .prev{ left:-80px;}
.leftLoop .hd .next{ right:-80px; background:url(../images/icoRight.gif) no-repeat;  } 
.leftLoop .bd{ padding:0 ;} 
.leftLoop .bd ul{ overflow:hidden; zoom:1;} 
.leftLoop .bd ul li{ margin:0 25px 0 0; float:left; width:267px; height:418px; display:_inline; background:#c1e4ff; padding:6px;-webkit-border-radius: 6px;-moz-border-radius: 6px;border-radius: 6px;} 

.list01{
	margin-left:-22px;
	padding:40px 0 0;
}
.list01 li{
	float:left;
	width:545px;
	font-size:18px;
	line-height:42px;
	margin:0 0 0 22px;
	border-bottom:#efefef solid 1px;
	background:url(../images/grey_dot.gif) no-repeat 10px center;
	padding:0 20px 0 23px;
}
.list01 li .riqi{
	color:#666666
}
.video_show{
	width:555px;
	height:313px;
}
.sty01{
	padding:0 25px 0
}
.list02 li{
	line-height:42px;
	background:url(../images/grey_dot.gif) no-repeat left center;
	padding-left:16px;
	font-size:18px
}
.list02 li .riqi{
	color:#666666
}
.box03{
	height:139px;
	background:#eef3ff
}
.box03 img{
	display:block;
	width:199px;
	height:139px;
}
.box03 p{
	width:325px;
	font-size:16px;
	line-height:30px;
	margin:20px 0 0 25px;
}
.list03{
	padding:20px 8px 0
}
.list03 li{
	font-size:18px;
	line-height:40px;
	background:url(../images/blue_dot.gif) no-repeat left center;
	padding-left:18px;
}
.list03 li .riqi{
	font-size:16px;
	color:#666666
}
.footer{
	background:#3763d3;
	padding:30px 0
}
.foot_nav{
	line-height:41px;
}
.foot_nav a:hover{
	text-decoration:underline;
}
.foot_con{
    position:relative;
	padding:15px 60px;
	padding-bottom:0;
	line-height:24px;
	font-size:14px
}
.foot_con p{
	margin-bottom:10px;
}
.zhaocuo{text-indent:220px;}
.jiucuowx{position:absolute;top:5px;right:100px;}
.govlogo{position:absolute;top:0px;left:150px;}
.footer .foot_nav,.footer .foot_con{padding-left:300px; text-align:left}

@media (max-width: 768px) {
.banner{
	background-size:auto 100%;
	height:60vw;
}
.abstract {
	background:#eef3ff;
	height:auto
}
.abstract p{
	font-size:1rem;
	padding:10px 15px;
	line-height:1.5rem
}
.logo{
	width:90%;
	padding:15px 0 0 10%
}
.logo img{
	width:50%
}
.w1200{
	width:100%
}
.sty02{
	padding:0 0 20px;
}
.mgt60{
	margin-top:30px;
}
.box01 h2{
	width:90%;
	height:auto
}
.box01 h2 img{
	width:80%
}
.box01 .h2_xsp img{
	width:50%
}
.leftLoop02{
	width:95%;
	margin:20px auto 0
}
.leftLoop02 .bd ul li{
	width:95%;
}
.box02{
	height:auto;
	padding:10px;
}
.box02 h3{
	font-size:14px;
}
.main_image{
	width:100%;
	height:75vw;
}
.main_image li{
	height:75vw;
}
.main_image li .tit{
	width:100%;
	padding:0 2%;
	text-indent:0;
	overflow: hidden;white-space: nowrap;text-overflow: ellipsis;
}

.leftLoop{
	width:100%;
	padding-top:2em;
	margin-top:0px;
}
.leftLoop .hd .prev, .leftLoop .hd .next{
	width:35px;
	height:45px;
	background-size:contain
}
.leftLoop .hd .prev{
	left:0;
}
.leftLoop .hd .next{
	right:0;
}
.leftLoop .bd{
	padding:0 15% 0 12% ;
}
.leftLoop .bd ul li{
	width:100%;
	margin:0
}
.leftLoop .bd ul li img{
	width:100%
}
.list01{
	margin:0;
	padding:20px 10px 0
}
.list01 li{
	width:92%;
	margin:0;
	font-size:16px;
	line-height:24px;
	padding:8px 5px 8px 20px;
	background-position:8px 16px;
}
.list01 li .riqi{
	display:none;
}
.adv01 img{
	width:100%
}
.mgt40{
	margin-top:20px;
}
.video_show{
	width:100%
}
.w560{
	width:96%
}
.sty01{
	padding:2%;
}
.list02 li{
	font-size:16px;
	line-height:24px;
	padding:8px 0 8px 20px;
	background-position:8px 18px;
}
.list02 li .riqi{
	display:none;
}
.w585{
	width:100%
}
.box03{
	width:80%;
	margin:0 auto;
	height:auto
}
.box03 img{
	width:100%;
	height:50vw
}
.box03 p{
	width:90%;
	padding:3% 5%;
	font-size:15px;
	line-height:1.5rem;
	margin:0
}
.list03 li{
	font-size:16px;
	line-height:24px;
	padding:8px 0 8px 20px;
	background-position:8px 18px;
}
.list03 li .riqi{
	display:none;
}
.footer{
	padding:10px 0;
}
.foot_nav{
	line-height:1.5rem;
}
.govlogo,.zhaocuo,.jiucuowx{
	display:none;
}
.footer .foot_nav, .footer .foot_con{
	padding-left:5%
}
}

