/* CSS Document */
html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td, hr, button, article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	margin: 0;
	padding: 0
}
html {
	height: 100%;
}
body {
	font-size: 100%;
	color: #333;
	font-family: "Microsoft YaHei";
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
	margin: 0 auto;
	min-height:100%;
	background:url(../img/bg.jpg) left top repeat;
	position: relative;
	padding-bottom:35px;
}
form {
	display: inline;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display: block
}
audio, canvas, video {
	display: inline-block;
*display:inline;
*zoom:1
}
button, input, select, textarea {
	font-size: 100%;
	vertical-align: middle;
	outline: none;
	font-family: "Microsoft YaHei";
}
table {
	border-collapse: collapse;
	border-spacing: 0
}
th {
	text-align: inherit
}
img {
	border: 0;
	-ms-interpolation-mode: bicubic;
}
input, img {
	vertical-align: middle
}
ol, ul {
	list-style: none
}
em, i {
	font-style: normal
}
a {
	text-decoration: none;
	color: #333;
}
a:hover {
	text-decoration: underline;
}
textarea {
	resize: none
}
* {
	-webkit-tap-highlight-color: rgba(0,0,0,0)
}
* {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}
:after, :before {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}
.left {
	float: left;
}
.right {
	float: right;
}
.clearfix:after {
	clear: both;
	content: " ";
	display: block;
	font-size: 0;
	height: 0;
	visibility: hidden;
}
/* ---- banenr Style ---- */
.banner_coat {
	width: 100%;
	background: url(../img/banner_bg.png) center center no-repeat;
	background-size: auto 100%;
}
.banner {
	max-width: 1200px;
	margin: 0 auto;
	position: relative;
}
.banner img.banner_logo {
	position:absolute;
	top:5.35%;
	left:10.25%;
	display: block;
	width: 28.17%;
	height:auto;
	animation: banner_logo 3s;
	-moz-animation: banner_logo 3s;
	-webkit-animation: banner_logo 3s;
	-o-animation: banner_logo 3s;
}
.banner img.banner_map {
	position:absolute;
	top:5.8%;
	right:4.17%;
	display: block;
	width: 54.75%;
	height:auto;
}
.banner img.banner_slogan {
	position:absolute;
	top:54.7%;
	right:3.25%;
	display: block;
	width: 53.42%;
	height:auto;
	animation: banner_slogan 5s;
	-moz-animation: banner_slogan 5s;
	-webkit-animation: banner_slogan 5s;
	-o-animation: banner_slogan 5s;
}
/*  LOGO  */	
@keyframes banner_logo {
from {
	opacity:0;
	-webkit-transform: scale(0);
	transform: scale(0);
}
to {
	opacity:1;
	-webkit-transform: scale(1);
	transform: scale(1);
}
}
@-moz-keyframes banner_logo {
from {
	opacity:0;
	-webkit-transform: scale(0);
	transform: scale(0);
}
to {
	opacity:1;
	-webkit-transform: scale(1);
	transform: scale(1);
}
}
@-webkit-keyframes banner_logo {
from {
	opacity:0;
	-webkit-transform: scale(0);
	transform: scale(0);
}
to {
	opacity:1;
	-webkit-transform: scale(1);
	transform: scale(1);
}
}
@-o-keyframes banner_logo {
from {
	opacity:0;
	-webkit-transform: scale(0);
	transform: scale(0);
}
to {
	opacity:1;
	-webkit-transform: scale(1);
	transform: scale(1);
}
}

/*  banner_slogan  */	
@keyframes banner_slogan {
from {
	opacity:0;
}
to {
	opacity:1;
}
}
@-moz-keyframes banner_slogan {
from {
	opacity:0;
}
to {
	opacity:1;
}
}
@-webkit-keyframes banner_slogan {
from {
	opacity:0;
}
to {
	opacity:1;
}
}
@-o-keyframes banner_slogan {
from {
	opacity:0;
}
to {
	opacity:1;
}
}
@media (max-width:768px) {
.banner img.banner_logo {
	position:absolute;
	top:4.35%;
	left:3.25%;
	display: block;
	width: 28.17%;
	height:auto;
}
.banner img.banner_map {
	position:absolute;
	top:4.8%;
	right:2.17%;
	display: block;
	width: 62.75%;
	height:auto;
}
.banner img.banner_slogan {
	position:absolute;
	top:57.7%;
	right:1.25%;
	display: block;
	width: 66.42%;
	height:auto;
}
}
@media (max-width:413px) {
.banner img.banner_logo {
	top:6.35%;
}
.banner img.banner_map {
	top:16.8%;
}
.banner img.banner_slogan {
	display:none;
}
}
/* ---- 框架 Style ---- */
.container_coat{
	width:100%;
	background:url(../img/banner_shadow.png) center top no-repeat;
	padding:70px 0 0;}
.container{
	max-width:1220px;
	padding:0 10px;
	margin:0 auto;}
@media (max-width:1200px) {
.container_coat{
	background:  center top no-repeat;
	background-size:100% auto;
	padding:50px 0 0;}
}
@media (max-width:768px) {
.container_coat{
	padding:30px 0 0;}
}

/* ---- 头条 Style ---- */
.headlineBox{
	padding:0 0 0 130px;
	position:relative;
	margin-bottom:50px;}
.headlineBox .head{
	width:105px;
	position:absolute;
	left:0px;
	top:14px;}
.headlineBox .head img{
	width:100%;}
.headlineBox h1{
	min-height:63px;
	line-height:50px;
	padding:6px 0;
	border-bottom:1px solid #666666;
	font-size:42px;
	color:#ca1010;
	margin-bottom:10px;
	position:relative;
	}
.headlineBox h1 i{
	position:absolute;
	right:0px;
	bottom:-1px;
	width:8px;
	height:8px;
	background:#666;}
.headlineBox p{
	min-height:20px;
	line-height:20px;
	font-size:16px;
	color:#666;}
.headlineBox a{
	color:#ca1010;}

@media (max-width:1220px) {
.headlineBox{
	padding:0 0 0 116px;
	margin-bottom:40px;}
.headlineBox .head{
	width:95px;
	top:10px;}
.headlineBox h1{
	min-height:53px;
	line-height:42px;
	padding:5px 0;
	font-size:36px;
	margin-bottom:8px;
	}
.headlineBox p{
	font-size:15px;}
}
@media (max-width:768px) {
.headlineBox{
	padding:0 0 0 80px;
	margin-bottom:20px;}
.headlineBox .head{
	width:68px;
	top:12px;}
.headlineBox h1{
	min-height:36px;
	line-height:26px;
	font-size:18px;
	margin-bottom:5px;
	}
.headlineBox p{
	font-size:12px;
	min-height:16px;
	line-height:16px;}
}
/* ---- 主图文新闻slider Style ---- */

.mainNewsBox{
	padding:20px;
	background:#fff;}
.mainNewsBox_shadow{
	width:100%;
	line-height:0px;
	margin-bottom:15px;}
.mainNewsBox_shadow img{
	width:100%;
	height:auto;}
.main_device{
	width:52.6%;
	position:relative;}
.swiper-main{
	width:100%;
	position:relative;
	}
.swiper-main .swiper-container {
	backface-visibility: hidden;
    margin: 0 auto;
    overflow: hidden;
    position: relative;
    z-index: 1;
	height:100%;
	width:100%;}
.swiper-main .swiper-slide {
    float: left;
	position:relative;
	overflow:hidden;
}
.swiper-main .swiper-slide img{
	width:100%;
	height:100%;
	-webkit-transform: scale(1);
	transform: scale(1);
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;}
.swiper-main:hover .swiper-slide img{

	-webkit-transform: scale(1.1);
	transform: scale(1.1);}
.swiper-main .swiper-slide p{
	position:absolute;
	left:0px;
	bottom:0px;
	width:100%;
	min-height:44px;
	padding:10px 130px 10px 20px;
	line-height:24px;
	font-size:18px;
	color:#fff;
	background:rgba(0,0,0,0.7);}
.main_device .pagination{
	height:9px;
	position:absolute;
	bottom:18px;
	right:6px;
	text-align:right;
	line-height:0px;
	z-index:99;}
.main_device .pagination .swiper-pagination-switch{
	height:9px;
	width:9px;
	background:#fff;
	border-radius:50%;
	display:inline-block;
	margin:0 4px;}
.main_device .pagination .swiper-active-switch {
    background: #1c8dd5;
}
@media (max-width:768px) {
.mainNewsBox{
	padding:10px;}
.main_device{
	width:100%;
	margin-bottom:15px;}
.swiper-main .swiper-slide p{
	min-height:32px;
	padding:6px 70px 6px 10px;
	line-height:20px;
	font-size:14px;}
.main_device .pagination{
	height:8px;
	bottom:18px;
	right:4px;}
.main_device .pagination .swiper-pagination-switch{
	height:8px;
	width:8px;
	margin:0 2px;}
.mainNewsBox_shadow{
	margin-bottom:10px;}
}
/* ---- 主图文新闻列�?Style ---- */
.mainNews_list{
	width:43.1%;}
.mainNews_list li{
	margin-bottom:18px;}
.mainNews_list li:last-child{
	margin-bottom:0px;}
.mainNews_list li h1{
	height:50px;
	line-height:50px;
	font-size:26px;
	color:#333;
	font-weight:normal;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	-o-text-overflow: ellipsis;}
.mainNews_list li p{
	height:60px;
	line-height:30px;
	font-size:16px;
	color:#666;
	overflow:hidden;}
@media (max-width:1200px) {
.mainNews_list li h1{
	font-size:22px;}
.mainNews_list li p{
	font-size:14px;}
}
@media (max-width:768px) {
.mainNews_list{
	width:100%;}
.mainNews_list li{
	margin-bottom:6px;}
.mainNews_list li h1{
	height:auto;
	min-height:38px;
	line-height:28px;
	padding:5px 0;
	font-size:18px;
	overflow: auto;
	white-space: normal;
	text-overflow: normal;
	-o-text-overflow: normal;}
.mainNews_list li p{
	height:48px;
	line-height:25px;
	font-size:14px;
	color:#666;
	overflow:hidden;}
}

/* ---- 城市头部 Style ---- */
.cityHead{
	overflow:hidden;
	margin-bottom:30px;
	position:relative;}
.cityHead .city_logo{
	float:left;
	width:26.5%;
	height:auto;}
.cityHead .dec_coat{
	width:73.5%;
	position:absolute;
	right:0px;
	bottom:0px;
	height:100%;}
.cityHead .dec{
	position:absolute;
	left:0px;
	width:100%;
	height:32px;
	border-bottom:1px solid #333333;}
.cityHead .dec h3{
	position:absolute;
	right:0px;
	bottom:0px;
	height:31px;
	line-height:0px;
	padding:0 15px;
	background:#4278bf;}
.cityHead .dec h3 img{
	height:100%;
	width:auto;}
.cityHead .dec h4{
	position:absolute;
	right:0px;
	top:32px;
	height:34px;
	line-height:34px;
	padding:0 8px;
	font-size:20px;
	color:#333;
	letter-spacing:2px;
	font-weight:normal;}


@media (max-width:768px) {
.cityHead{
	margin-bottom:18px;}
.cityHead .city_logo{
	width:26.5%;}
.cityHead .dec_coat{
	width:73.5%;}
.cityHead .dec{
	height:23px;}
.cityHead .dec h3{
	height:22px;
	padding:0 10px;}
.cityHead .dec h4{
	top:23px;
	height:20px;
	line-height:20px;
	padding:0 7px;
	font-size:14px;
	letter-spacing:1px;}	
}
@media (max-width:520px) {
.cityHead{
	margin-bottom:12px;}
.cityHead .city_logo{
	width:42%;}
.cityHead .dec_coat{
	width:58%;}
.cityHead .dec{
	height:21px;}
.cityHead .dec h3{
	height:20px;
	padding:0 8px;}
.cityHead .dec h4{
	top:21px;
	height:18px;
	line-height:18px;
	padding:0 7px;
	font-size:12px;
	letter-spacing:1px;}	
}

/* ---- 城市slider Style ---- */
.cityNews{
	overflow:hidden;
	margin-bottom:50px;}
.city_device{
	width:46%;
	position:relative;}
.swiper-city{
	width:100%;
	position:relative;
	}
.swiper-city .swiper-container {
	backface-visibility: hidden;
    margin: 0 auto;
    overflow: hidden;
    position: relative;
    z-index: 1;
	height:100%;
	width:100%;}
.swiper-city .swiper-slide {
    float: left;
	position:relative;
	overflow:hidden;
}
.swiper-city .swiper-slide img{
	width:100%;
	height:100%;
	-webkit-transform: scale(1);
	transform: scale(1);
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;}
.swiper-city:hover .swiper-slide img{
	-webkit-transform: scale(1.1);
	transform: scale(1.1);}
.swiper-city .swiper-slide p{
	position:absolute;
	left:0px;
	bottom:0px;
	width:100%;
	min-height:44px;
	padding:10px 100px 10px 20px;
	line-height:24px;
	font-size:18px;
	color:#fff;
	background:rgba(0,0,0,0.7);}
.city_device .pagination{
	height:9px;
	position:absolute;
	bottom:18px;
	right:6px;
	text-align:right;
	line-height:0px;
	z-index:99;}
.city_device .pagination .swiper-pagination-switch{
	height:9px;
	width:9px;
	background:#fff;
	border-radius:50%;
	display:inline-block;
	margin:0 4px;}
.city_device .pagination .swiper-active-switch {
    background: #1c8dd5;
}
@media (max-width:768px) {
.cityNews{
	margin-bottom:20px;}
.city_device{
	width:100%;
	margin-bottom:15px;}
.swiper-city .swiper-slide p{
	min-height:32px;
	padding:6px 70px 6px 10px;
	line-height:20px;
	font-size:14px;}
.city_device .pagination{
	height:8px;
	bottom:18px;
	right:4px;}
.city_device .pagination .swiper-pagination-switch{
	height:8px;
	width:8px;
	margin:0 2px;}
.city_device{
	margin-bottom:10px;}
}
/* ---- 城市新闻列表 Style ---- */
.cityNews_list{
	width:49.25%;}
.cityNews_list li{
	margin-bottom:18px;}
.cityNews_list li:last-child{
	margin-bottom:0px;}
.cityNews_list li h1{
	height:42px;
	line-height:42px;
	font-size:24px;
	color:#333;
	font-weight:normal;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	-o-text-overflow: ellipsis;}
.cityNews_list li p{
	height:60px;
	line-height:30px;
	font-size:16px;
	color:#666;
	overflow:hidden;}
@media (max-width:1200px) {
.cityNews_list li h1{
	font-size:20px;}
.cityNews_list li p{
	font-size:14px;}
}
@media (max-width:768px) {
.cityNews_list{
	width:100%;}
.cityNews_list li{
	margin-bottom:6px;}
.cityNews_list li h1{
	height:auto;
	min-height:38px;
	line-height:28px;
	padding:5px 0;
	font-size:18px;
	overflow: auto;
	white-space: normal;
	text-overflow: normal;
	-o-text-overflow: normal;}
.cityNews_list li p{
	height:48px;
	line-height:24px;
	font-size:14px;}
}
/* ---- 城市图片列表 Style ---- */
.cityPic{
	overflow:hidden;
	margin-bottom:60px;}
.cityPic li{
	width:31%;
	margin-right:3.5%;
	float:left;
	position:relative;
	overflow:hidden;}
.cityPic li:last-child{
	margin-right:0px;}
.cityPic li img{
	width:100%;
	height:100%;
	-webkit-transform: scale(1);
	transform: scale(1);
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;}
.cityPic li:hover img{
	-webkit-transform: scale(1.1);
	transform: scale(1.1);}
.cityPic li p{
	position:absolute;
	left:0px;
	bottom:0px;
	width:100%;
	min-height:38px;
	line-height:28px;
	padding:5px 20px;
	background:rgba(0,0,0,0.8);
	font-size:16px;
	color:#fff;
	text-align:center;}
@media (max-width:1200px) {
.cityPic{
	margin-bottom:45px;}
}
@media (max-width:768px) {
.cityPic{
	margin-bottom:25px;}
	.cityPic li{
	width:48.5%;
	margin-right:3%;
	float:left;
	position:relative;}
.cityPic li:last-child{
	display:none;}
.cityPic li:nth-child(2n){
	margin-right:0%;}
.cityPic li p{
	min-height:28px;
	line-height:24px;
	padding:2px 10px;
	font-size:14px;}
}

/* ---- 众说 Style ---- */
.talkHead{
	width:100%;
	height:100px;
	background: -moz-linear-gradient(left, #1c3781 0%, #0d8ae4 100%);
    background: -webkit-gradient(linear, left top, right top, color-stop(0%,#1c3781), color-stop(100%,#0d8ae4));
    background: -webkit-linear-gradient(left, #1c3781 0%,#0d8ae4 100%);
    background: -o-linear-gradient(left, #1c3781 0%,#0d8ae4 100%);
    background: -ms-linear-gradient(left, #1c3781 0%,#0d8ae4 100%);
    background: linear-gradient(to right, #1c3781 0%,#0d8ae4 100%);
	line-height:0px;
	text-align:center;
	margin-bottom:40px;}
.talkHead img{
	height:100%;
	width:auto;}
.talkerList{
	overflow:hidden;}
.talkerList li{
	width:17.5%;
	margin-right:3.125%;
	float: left;
	margin-bottom:30px;}
.talkerList li:nth-child(5n){
	margin-right:0px;}
.talkerList li .pic{
	width:100%;
	border:8px solid #e5e5e5;
	border-radius:50%;
	overflow:hidden;}
.talkerList li .pic img{
	width:100%;
	height:100%;
	border-radius:50%;
	z-index:0;
	-webkit-transform: scale(1);
	transform: scale(1);
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;}
.talkerList li:hover .pic img{
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
	z-index:0;}
.talkerList li p{
	width:100%;
	height:80px;
	display:table;}
.talkerList li p span{
	display:table-cell;
	height:100%;
	width:100%;
	line-height:26px;
	font-size:18px;
	text-align:center;
	vertical-align:middle;}
@media (max-width:1200px) {
.talkHead{
	margin-bottom:20px;
	height:80px;}
.talkerList li{
	margin-bottom:30px;}
.talkerList li .pic{
	border:5px solid #e5e5e5;}
.talkerList li p span{
	font-size:15px;}
}
@media (max-width:768px) {
.talkHead{
	margin-bottom:20px;
	height:52px;}
.talkerList li{
	width:31%;
	margin-right:3.5%;
	margin-bottom:12px;}
.talkerList li:nth-child(5n){
	margin-right:2%;}
.talkerList li:nth-child(3n){
	margin-right:0;}
.talkerList li .pic{
	border:3px solid #e5e5e5;}
.talkerList li p{
	height:60px;
	display:table;}
.talkerList li p span{
	display:table-cell;
	height:100%;
	width:100%;
	line-height:20px;
	font-size:14px;
	text-align:center;
	vertical-align:middle;}
}
@media (max-width:414px) {

.talkerList li p{
	height:60px;
	display:table;}
.talkerList li p span{

	font-size:12px;}
}
/* ---- 线上活动 Style ---- */
.onlineList{
	overflow:hidden;
	background:#fff;
	padding:15px 0;
	margin-bottom:60px;}
.onlineList li{
	margin:0 1.75%;
	width:46.5%;
	float:left;
	background:url(../img/onlineList_bg.png) right top no-repeat;
	background-size:20% auto;
	}
.onlineList li>div{
	width:80%;
	position:relative;}
.onlineList li img.bg{
	width:100%;
	height:auto;}
.onlineList li img.qrcode{
	position:absolute;
	width:43%;
	left:28.5%;
	top:40.5%;
	height:auto;}
@media (max-width:768px) {
.onlineList{
	padding:10px 0;
	margin-bottom:40px;}
.onlineList li{
	margin:0 2% 20px;
	width:96%;
	background-size:10% auto;
	}
	
.onlineList li>div{
	width:80%;
	margin:0 auto;}
}
/* ---- 参与网站 Style ---- */
.webList{
	border:1px solid #d5d5d5;
	border-top:none;
	padding:45px 40px 20px;
	position:relative;
	margin-bottom:50px;}
.webList .head{
	height:32px;
	position:absolute;
	left:0px;
	width:100%;
	top:-17px;}
.webList .head i{
	position:absolute;
	top:50%;
	width:41%;
	height:1px;
	line-height:0px;
	font-size:0px;
	background:#d5d5d5;}
.webList .head i.l{
	left:0px;}
.webList .head i.r{
	right:0px;}
.webList .head h3{
	margin:0 auto;
	width:16.5%;
	height:32px;
	line-height:32px;
	font-size:30px;
	color:#145da2;
	text-align:center;
	border-left:4px solid #145da2;
	border-right:4px solid #145da2;}
.webList ul{
	overflow:hidden;}
.webList ul li{
	width:22.6%;
	margin-right:3.2%;
	float:left;
	display:table;
	background:#fff;
	margin-bottom:20px;}
.webList ul li a{
	display:table-cell;
	width:100%;
	height:100%;
	text-align:center;
	vertical-align:middle;
	font-size:14px;
	color:#666;}
.webList ul li a img{
	width:100%;
	height:100%;
	}
.webList ul li:nth-child(4n){
	margin-right:0px;}
@media (max-width:1200px) {
.webList .head h3{
		font-size:24px;}
}
@media (max-width:768px) {
.webList{
	padding:25px 10px 0px;
	margin-bottom:30px;}
.webList .head{
	height:20px;
	top:-10px;}
.webList .head i{
	width:32%;}
.webList .head h3{
	width:30%;
	height:20px;
	line-height:20px;
	font-size:18px;
	border-left:2px solid #145da2;
	border-right:2px solid #145da2;}
.webList ul li{
	width:48%;
	margin-right:4%;
	margin-bottom:10px;}
.webList ul li a{
	display:table-cell;
	width:100%;
	height:100%;
	text-align:center;
	vertical-align:middle;
	font-size:12px;
	color:#666;}
.webList ul li a img{
	width:100%;
	height:100%;
	}
.webList ul li:nth-child(4n){
	margin-right:4%;}
.webList ul li:nth-child(2n){
	margin-right:0px;}
}

/* ---- footer Style ---- */
.footer_coat {
	position: absolute;
	bottom: 0px;
	left: 0px;
	background: #5c5c5c none repeat scroll 0 0;
	color: #fff;
	font: 12px/35px "微软雅黑", "黑体";
	height: 35px;
	width: 100%;
}
.footer {
	margin: 0 auto;
	position: relative;
	max-width: 970px;
	padding: 0 10px;
}
.footer p {
	position: absolute;
	right: 0px;
	top: 0;
}
.footer p a {
	color: #e4e4e4;
	display: inline-block;
	padding: 0 12px;
}
@media (max-width:1220px) {
.footer p a {
	color: #e4e4e4;
	display: inline-block;
	padding: 0 8px;
}
}
@media (max-width:768px) {
.footer{
	text-align:center;}
.footer p {
	display:none;
	
}
}