@charset "utf-8";
/*
 * name:layout
 * author:ciecc
 * date:2018-10-27
 */
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { zoom:1; }
body{
    font-family:'\5FAE\8F6F\96C5\9ED1';
    color:#000;
	background:#f7f7f7;
    font-size:14px;
	min-width: 1100px;
}
/******辅助*******/
.f-p25{padding:25px;}
.f-p30{padding:30px 25px 25px;}	
.f-w1100{
	width: 1100px;
	margin-left: auto;
	margin-right: auto;
}
.f-w366{
	width: 366px;
}
.f-w706{
	width: 706px;
}
.header{
	height:90px;
	line-height: 90px;
	color: #fff;
	background: rgba(150, 167, 182, 0.8);
	font-size: 28px;
	z-index: 2;
	position: relative;
	text-shadow: 2px 2px 2px #484848;
}
.header em{
	display: block;
	width: 194px;
	float:right;
	text-align: right;
	padding-top: 10px;
}
.header em img{
	margin-left: 10px;
}
.u-box{
	border:1px solid #e0e0e0;
	background: rgba(255, 255, 255, 0.9);
	height:411px;
}
.u-tab-txt{
	font-size: 19px;
	height:54px;
}
.u-tab-txt li{
	float: left;
	width: 50%;
	height:54px;
	line-height: 54px;
	text-align: center;
	background: #ebebeb;
	color: #5e5e5e;
	cursor: pointer;
}
.u-tab-txt li.z-crt{
	background: #fff;
	font-weight: bold;
	color:#d70415;
}
.u-txt-box{
	height:300px;
}
.u-img-box{
	display: block;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
}
.u-img-box img{
	width: 100%;
	transition: all 0.6s;
}
.u-img-box:hover img {
    transform: scale(0.9);
}
.u-tit01{
	font-size: 17px;
	color:#3c3c3c;
	line-height: 26px;
	padding:22px 0 8px 0px;
	text-align: center;
}
.u-tit01 a{
	color:#3c3c3c;
}
.u-tit01 a:hover{
	color:#d70415;
}
.u-txt{
	font-size: 15px;
	color:#757575;
	line-height: 24px;
	padding:0px 0px 0px 0px;
	text-indent: 2em;
}
.u-txt a{color:#000}
.u-txt a:hover{color:#d70415;}
.u-tit02{
	height:54px;
	line-height: 54px;
	background: #ebebeb;
	font-size: 19px;
}
.u-tit02 em{
	display: block;
	width: 180px;
	text-align: center;
	background: #fff;
	height:54px;
	color:#d70415;
}
.u-system{
	height:350px;
}
.u-system li{
	float: left;
	width: 130px;
	text-align: center;
	padding: 30px 5px 0 5px;
	height:142px;
}
.u-system li a{
	display: block;
	width: 142px;
	height:142px;
}
.u-system li i{
	display: block;
	width:77px;
	height:60px;
	text-align: center;
	border-radius: 15px;
	margin-left: auto;
	margin-right: auto;
	padding-top: 17px;
	transition: all 0.6s;
}
.u-system li i.icon01{ 
	background:#e7eef5 url(/swb/img/icon/icon01.png) center center no-repeat;
}
.u-system li i.icon02{ 
	background:#e7eef5 url(/swb/img/icon/icon02.png) center center no-repeat;
}
.u-system li i.icon03{ 
	background:#e7eef5 url(/swb/img/icon/icon03.png) center center no-repeat;
}
.u-system li i.icon04{ 
	background:#e7eef5 url(/swb/img/icon/icon04.png) center center no-repeat;
}
.u-system li i.icon05{ 
	background:#e7eef5 url(/swb/img/icon/icon05.png) center center no-repeat;
}
.u-system li i.icon06{ 
	background:#e7eef5 url(/swb/img/icon/icon06.png) center center no-repeat;
}
.u-system li i.icon07{ 
	background:#e7eef5 url(/swb/img/icon/icon07.png) center center no-repeat;
}
.u-system li i.icon08{ 
	background:#e7eef5 url(/swb/img/icon/icon08.png) center center no-repeat;
}
.u-system li i.icon09{ 
	background:#e7eef5 url(/swb/img/icon/icon09.png) center center no-repeat;
}
.u-system li i.icon10{ 
	background:#e7eef5 url(/swb/img/icon/icon10.png) center center no-repeat;
}

.u-system li span{
	font-size: 15px;
	line-height: 22px;
	padding-top: 10px;
	color:#333;
	display: block;
	width: 142px;
}
.u-system li a:hover span, .u-system li a:hover{
	color:#d70415;
	text-decoration: none;
}
.u-system li a:hover i.icon01{ 
	background:url(/swb/img/icon/icon01.gif) center center no-repeat;
}
.u-system li a:hover i.icon02{ 
	background:url(/swb/img/icon/icon02.gif) center center no-repeat;
}
.u-system li a:hover i.icon03{ 
	background:url(/swb/img/icon/icon03.gif) center center no-repeat;
}
.u-system li a:hover i.icon04{ 
	background:url(/swb/img/icon/icon04.gif) center center no-repeat;
}
.u-system li a:hover i.icon05{ 
	background:url(/swb/img/icon/icon05.gif) center center no-repeat;
}
.u-system li a:hover i.icon06{ 
	background:url(/swb/img/icon/icon06.gif) center center no-repeat;
}
.u-system li a:hover i.icon07{ 
	background:url(/swb/img/icon/icon07.gif) center center no-repeat;
}
.u-system li a:hover i.icon08{ 
	background:url(/swb/img/icon/icon08.gif) center center no-repeat;
}
.u-system li a:hover i.icon09{ 
	background:url(/swb/img/icon/icon09.gif) center center no-repeat;
}
.u-system li a:hover i.icon10{ 
	background:url(/swb/img/icon/icon10.gif) center center no-repeat;
}


.u-newsList01{
	}
.u-newsList01 li{
	background:url(/swb/img/icon/list-bg.png) left 11px no-repeat;
	font-size:15px;
	color:#333333;
	line-height:26px;
	padding:0px 0 10px 10px;}
.u-newsList01 li a{
	color:#333333;}
.u-newsList01 li a:hover{
	color:#d70415;
}
.u-newsList01 li span{
	color:#b6b6b6;
	padding-left:15px;}
/* listTitle */
.listTitle_01 {
	margin-left: 10px;
	margin-right: 10px;
	padding:0 0 8px 2px;
	height: 36px;
	background: url(/swb/img/bg/listTitBg_01.png) repeat-x bottom;
}
.listTitle_01 h3 {
	color: #000;
	font: bold 20px/34px '';
}
.article .hd {
	border-bottom: 1px solid #ddd;
}
.article .hd h1 {
	font: bold 21px/42px '';
}
.article .hd p {
	margin-top: 20px;
	color: #888;
	font: normal 15px/30px '';
}
.article .hd p a {
	color: #888;
}
.artCon {
	padding: 0 2em 2em;
	color: #000;
	font: normal 15px/2em '';
}
.artCon p {
	margin-top: 25px;
}

#header {
	height: 97px;
	background: #fff;
	border-bottom: 3px solid #d70416;
}
.logo_01 a {
	float: left;
	margin-top: 11px;
}
.location {
	margin-top: 20px;
	padding-left: 10px;
	line-height: 20px;
	font-size: 15px;
	color: #000;
	text-shadow:-1px 0 #fff,
                0 1px #fff,
                1px 0 #fff,
                0 -1px #fff;
}
.location a{
	color:#000;
}
.location1 {
	margin-top: 20px;
	padding-left: 10px;
	line-height: 20px;
	font-size: 15px;
}
.location1 a{
}
.m-box-01 {
	padding: 25px;
	background: #fff;
	border: 1px solid #e0e0e0;
}

.container{
	position: relative;
	width: 100%;
	overflow: hidden;
}
.container .container-bg{
	position: absolute;
	top: 0;
	left: 50%;
	height: 543px;
	margin-left: -50%;
	transform: scale(1.2);
	transition: all 6s;
	z-index: 1;
	animation: zoomout 6s ease-in-out 1s 1 forwards;
}
@keyframes zoomout{
	form{transform:scale(1.4)}to{transform:scale(1)}
}
.m-con-01{
	z-index: 2;
	position: relative;
}