/* CSS Document */
 @media (max-width: 768px) {
	 
	 .slides-box {
	width: 100%;
	height: 100%;
	margin: auto;
	overflow: hidden;

}
.slides {
	position: relative;
	height: 100%;
	width: 100%;
	margin: auto;
	float: left;
	
}
.slides-box .slides span {
	width: 100%;
	height: auto;
	font-size: 25px;
	line-height:3em;
	top: 12%;
	position: absolute;
	z-index: 1;
	color: #FFF;
	text-align: center;
}
.slides-box .zsbtt {
	display: block;
	position: absolute;
	z-index: 1;
	bottom: 60px;
	width: 100%;
	text-align: center;

}
.slides-box .zsbtt a {
	width: 3.7em;
	height: 3.7em;
	text-align: center;
	color: #FFF;
	line-height: 3.7em;
	display: inline-block;
	background: -moz-linear-gradient(top, rgba(51,33,117,0.7) 0%, rgba(47,198,205,0.7) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(51,33,117,0.7)), color-stop(100%, rgba(47,198,205,0.7)));
	background: -webkit-linear-gradient(top, rgba(51,33,117,0.7) 0%, rgba(47,198,205,0.7) 100%);
	background: -o-linear-gradient(top, rgba(51,33,117,0.7) 0%, rgba(47,198,205,0.7) 100%);
	background: -ms-linear-gradient(top, rgba(51,33,117,0.7) 0%, rgba(47,198,205,0.7) 100%);
	background: linear-gradient(to bottom, rgba(51,33,117,0.7) 0%, rgba(47,198,205,0.7) 100%);
	border-radius: 50%;
	border: 1px solid #666;
	margin-left:3%;
	font-size:1.2em;
}
.slides-box .zsbtt a:hover {
	background: rgba(51,33,117,1);
}
.slides li {
	position: absolute;
	width: 100%;
	height: 100%;
	top:20px;
	display: block;
}
.slides li img {
	display: block;
	width: 100%;
	
	margin: auto;
}
.prev, .next {
	position: absolute;
	z-index: 99;
	top: 50%;
	margin-top: -40px;
	left: 0;
	height: 70px;
	width: 30px;
	color: #fff;
	cursor: pointer;
	background-color: #000;
	opacity: 0;
}
.prev:hover, .next:hover {
	opacity: .7;
}
.pagination {
	position: absolute;
	bottom: 5px;
	z-index: 99;
}
.pagination li {
	padding: 5px 3px;
	float: left;
}
.pagination li a {
	display: block;
	width: 48px;
	height: 8px;
	line-height: 25px;
	background: #fff;
	color: #fff;
	text-align: center;
	font-family: Arial;
	text-decoration: none;
}
.pagination .active {
	background: #4280A0;
}
.s1 {
	position: fixed;
	z-index: 10;
	left: 50%;
	top: 50%;
	margin: -150px 0 0 -250px;
	width: 500px;
	height: 300px;
	background: rgba(255,255,255,.7);
	box-shadow: 0 0 15px rgba(0,0,0,.3);
}
.s1 p {
	margin: 0;
	padding: 50px 0 20px 0;
	font-family: Arial;
	font-size: 60px;
	font-weight: bold;
	text-align: center;
}
.s1 span {
	display: block;
	font-family: Arial;
	font-size: 25px;
	color: #666;
	text-align: center;
}
.s1 a {
	margin: 20px auto 0 auto;
	display: block;
	width: 220px;
	height: 50px;
	border-radius: 5px;
	text-align: center;
	line-height: 50px;
	color: #fff;
	text-decoration: none;
	font-family: Arial;
	font-size: 25px;
	background: #f88371;
}
.s1 a:hover {
	background: #ed6f5c;
}

/*==================================*/
.header {
	font-size: 14px;
	display: block;
	background: rgba(44,114,149,1);
	height: 84px;
	text-align: center;
	width: 100%;
	line-height: 84px;
	color: #FFF;
	position: relative;
	display: block;

	position: absolute;
	top: 0;
	left: 0;
	z-index: 999;
	border-bottom: 1px solid #FFF;
}
.header .logo {
	float: left;
	margin-top: 8px;
	margin-left: 10px;
	display: block;
	width: 213px;
	height: 50px;
}
.header .logo img{ width:213px; height:50px;}
.header .nav {
	width: 100%;
	height: 84px;
	text-align: center;
	display:none;

}
.header .nav a {
	display: inline-block;
	padding-left: 20px;
	position: relative;
	padding-right: 20px;
	height: 84px;
	line-height: 84px;
	color: #FFF;
	font-size: 16px;
}
.header .nav a:hover {
	background: #316097;
}
.header .nav a dl {
	display: none;
}

.header .nav a:hover dl {
	display: block;
	position: absolute;
	color: #666;
	padding: 0;
	left: -12px;
	margin: 0;
	position: absolute;
	z-index: 9999999;
	background: rgba(241,241,241,0.9);
}
.header .nav a:hover dd {
	display: block;
	border-bottom: 1px solid #AEAEAE;
	width: 100px;
	height: auto;
	font-size: 14px;
	line-height: normal;
	padding-bottom: 15px;
	padding-top: 15px;
	text-align: center;
	margin: 0;
	padding-left: 20px;
	padding-right: 20px;
	margin: 0 auto;
}
.header .nav a:hover dd:hover {
	background: #FFF;
}
.header .nav a:hover .llx{ background:rgba(204,204,204,0.7)}
.header .nav a:hover .llx .lx{ background:url(../images/u40.png) no-repeat 10px 20px; padding:0; margin:0; padding-top:15px; padding-bottom:10px;
padding-left:25px; width:120px; color:#FFF; font-style:italic; font-size:14px; border-bottom:1px solid #FFF;}
.header .nav a:hover .llx .lx:hover{ background:none;background:url(../images/u40.png) no-repeat 10px 20px;}
.header .nav a:hover .llx .erweima{ padding:0; margin:0; margin-left:10px; margin-top:5px;}
.header .nav a:hover .llx .erweima:hover{ background:none;}
.wapnav{position:absolute; right:10px; bottom:6px; width:35px; height:30px; z-index:999;}
.wapnav dl dt a{display:block;width:23px; height:20px;}
.wapnav dl dt a span{ display:block;width:23px; height:20px;}
.wapnav dl dt a.minus span{ background:url(../images/nav.png) no-repeat; background-size:23px 20px;}
.wapnav dl dt a.plus span{background:url(../images/nav.png) no-repeat; background-size:23px 20px;}
.wapnav dl dd{ position:absolute; width:120px; height:auto; top:36px; overflow:hidden; right:0px; z-index:9999; padding-top:10px; padding-bottom:10px;background: rgba(241,241,241,0.97); border-bottom-left-radius:10px;border-bottom-right-radius:10px;webkit-box-shadow: 0 0 10px rgba(63, 63, 63, .5);
    -moz-box-shadow: 0 0 10px rgba(63, 63, 63, .8);
    box-shadow: 0 0 10px rgba(63, 63, 63, .8);}

.wapnav dl dd li{height:34px;line-height:34px;background:url(images/lineleft.gif) no-repeat 4px -6px;}
.wapnav dl dd li a{ color:#999; font-size:16px;}


.header .cn a {
	width: 70px;
	background: #FFF;
	border-radius: 5px;
	height: 30px;
	line-height: 30px;
	text-align: center;
	color: #2C7295;
	display: block;
	position: absolute;
	right: 10px;
	top: 10px;
}
.footer {
	font-size: 14px;
	display: block;
	background: #2C7295;
	height:auto;
	overflow:hidden;
	text-align: center;
	width: 100%;
	line-height: 30px;
	padding-top:10px;
	padding-bottom:10px;
	color: #FFF;
}

.lujing{margin-top:84px; width:100%;  height:56px; text-indent:10px; line-height:56px; font-size:14px; background:#FFF; border-bottom:1px solid #ddd;}
.lujing span{ color:#468CAF;}
.w1200{ width:100%; height:auto; overflow:hidden; margin:0 auto; margin-top:20px; margin-bottom:20px;}
.w1200 .aboutleft{ width:95%;  margin:0 auto; margin-bottom:10px; height:auto; overflow:hidden;padding-bottom:15px; background:#FFF; border-radius:10px; display:block;}
.w1200 .aboutleft dl dt{ background:#3CC;  text-align:center; line-height:45px; background:#316097; color:#FFF; font-size:18px;}
.w1200 .aboutleft dl dd a{ width:47%; display:block; float:left; font-size:15px; margin-top:10px; background:#f1f1f1 90%; text-align:center; margin-left:2%; line-height:45px; border-radius:10px;}
.w1200 .aboutleft dl  .hover{background:#468CAF; color:#FFF;}

.w1200 .aboutleft dl dd a:hover{ background:#468CAF; color:#FFF;}

.w1200 .aboutright h2 span{ display:block; width:100%; text-align:center; text-indent:1em; }
.w1200 .aboutright h2 dl{ display:block; width:100%; margin-right:0.5em; text-align:center; padding-bottom:20px;}
.w1200 .aboutright h2 dl select{ height:28px; border:1px solid #CCCCCC; color:#666;}
.w1200 .aboutright h2 dl dd{ display:inline-block;margin-right:10px;}
.w1200 .aboutright h2 dl dd input{ height:24px; border:1px solid #CCCCCC; color:#666;}
.w1200 .aboutright h2 dl dd .btt{ border:1px solid #468CAF; background:#199ED8; height:28px; line-height:24px; border-radius:5px; color:#FFF; width:73px;}


.w1200 .aboutright{ border-radius:10px; background:#FFF; width:92%; margin:0 auto; height:auto; overflow:hidden; display:block; padding:2%; padding-top:0px;}
.w1200 .aboutright h2{ width:100%; height:auto; overflow:hidden;  line-height:45px; background:#f1f1f1; text-align:center; border-radius:10px; font-size:18px; font-weight:normal; color:#468CAF;}
.w1200 .aboutright .center{ border-top:1px solid #f1f1f1; height:auto; overflow:hidden; padding-top:20px;}
.w1200 .aboutright .center img{ width:100%; height:auto;}

.pages{ width:100%; display:block; height:auto; padding-bottom:20px; padding-top:20px; overflow:hidden; text-align:center;}
.pages a{ border:1px solid #f1f1f1;background: #FFFFFF;
    padding: 6px 13px;
	display:inline-block;
	border-radius:3px;
    text-decoration: none;
    color: #666;
    margin-bottom: 10px;}
	.pages a:hover{ color:#FFF; background:#468CAF;}
	.pages .hover{color:#FFF; background:#468CAF;}
    .pages .cpb {
        background: #468CAF;
        padding: 6px 13px;
        display: inline-block;
        border-radius: 3px;
        text-decoration: none;
        color: #666;
        margin-bottom: 10px;
        display: inline-block;
        color: #FFF;
    }
	
#xiazai li{ border-bottom:1px solid #f1f1f1; width:100%; margin-bottom:10px; height:auto; overflow:hidden; padding-bottom:15px;}
#xiazai li h2{ background:none; padding:0; margin:0;}
#xiazai li h2 a{ display:block; width:100%; float:left; height:auto; overflow:hidden; line-height:25px; font-size:15px; text-align:left;background:url(../images/lb.png) no-repeat 0px 9px; padding-left:15px;}
#xiazai li h2 a:hover{ color:#316097;}
#xiazai li strong{ font-weight:normal; display:block; width:100%; padding:0;}
#xiazai li strong a{ color:#316097; background:none;}
#xiazai li span{ width:100%; display:block; color:#999; text-align:left; padding-left:15px;}
	#imgContainer {
	width: 100%;
	height: 230px;
}

.w1200 .indexleft{ width:100%; height:auto; overflow:hidden;padding-bottom:15px; background:#FFF; padding-top:15px; display:block; text-align:center;}
.w1200 .indexleft dl dd{ width:85%; display:inline-block;} 
.w1200 .indexleft dl dd a{ width:100%; display:inline-block; text-align:left; margin:0 auto; font-size:14px; margin-top:10px; background:url(../images/u102.png) no-repeat  #f1f1f1 90%; text-indent:20px; line-height:45px; border-radius:10px;}
.w1200 .indexleft dl  .hover{background:url(../images/u100.png) no-repeat #468CAF 90%; color:#FFF;}
.w1200 .indexleft dl dd a:hover{ background:url(../images/u100.png) no-repeat #468CAF 90%; color:#FFF;}
 }
