/* CSS Document */
@charset "utf-8";

* {padding:0; margin:0;}

html, body{background:#fff;margin: 0;padding: 0;width: 100%;height: 100%;min-height: 100%;font-family: "Microsoft Yahei" ,Helvetica, Arial, sans-serif;
font-size: 16px; color:#333; line-height: 1.231;-webkit-touch-callout: none;display: -webkit-box;-webkit-box-orient: vertical;-webkit-box-align:stretch;position: relative;}

img{ border:0; -ms-interpolation-mode:bicubic; margin:0; padding:0;} /*解决图片缩放失真问题*/

a {text-decoration:none;outline:none;color:#333}
a:hover{text-decoration:none; color:#00B4F1;}

.clearBoth{clear:both;height:0;}

ul,li {list-style:none;}

img {border:none;}

.main{max-width:740px; min-width:320px; margin:auto;min-height:100%;background-color:#eee;position: relative; padding-bottom:51px;}

.hide{display:none;}

.main .titlebanner{height:40px;width:94%;margin:0 auto;color:#ccc;font-size:87.5%;line-height:40px; border-bottom:solid 1px #343434;}



/*头部*/
.main .header{width:100%;background:#fff;position:relative;}
.main .header .logo{margin-left:2%;float:left;width:60%;}
.main .header .logo img{width:100%; display:block;} /*display:block 去掉下面空白*/ 
.main .header .back{float:right;margin-right:4%;width:8%;}
.main .header .back img{width:100%;margin-top:38%; display:block;}
.main .header .search{float:right;margin-right:4%;width:8%;}
.main .header .search img{width:100%;margin-top:38%; display:block;}
.main .header .banner{float:right;margin-right:4%;width:8%;}
.main .header .banner .close img , .main .header .banner .open img{width:100%;margin-top:38%; display:block;}
/*头部下拉导航菜单*/
.main .header .banner .xla{width:100%;position:absolute;right:0px;background:#ccc;z-index:99999;top:100%;display:none;}
.main .header .banner .xla li{border-bottom:1px solid #aaa;}
.main .header .banner .xla li a{height:42px;line-height:42px;width:100%;display:block;border-bottom:1px solid #aaa;}
.main .header .banner .xla li a font{color:#333;font-size:100%;height:42px;margin-left:10%;float:left;}
.main .header .banner .xla li a span{float:right;width:6px;height:11px;margin-right:10%;margin-top:16px;}
.main .header .banner .xla li a img{float:right;width:6px;height:11px;margin-right:10%;margin-top:16px;}

.main .header .banner .xla li .zilan a{height:37px;line-height:37px;background:#ddd;border:none; padding-left:10%; width:90%;}
.main .header .banner .xla li .zilan a:hover{background:#ccc;}
.main .header .banner .xla li .zilan{display:none;}

.main .header .banner .xla li .zilan01 a{height:37px;line-height:37px;background:#ddd;border:none; padding-left:10%; width:90%;}
.main .header .banner .xla li .zilan01 a:hover{background:#ccc;}
.main .header .banner .xla li .zilan01{display:;}


/*滚动图*/
#main {width:100%;margin:0 auto;padding:0px 0px;background:#000;position:relative;}

.swiper-main {width:100%;position:relative;}
.swiper1,.swiper1 .swiper-slide {width:100%;}
.swiper-slide img{width:100%;}
#main .pagination1 .swiper-pagination-switch {display:inline-block;width:9px;height:9px;border-radius:9px;background:#fff;/*box-shadow:0px 1px 2px #555 inset;*/margin:0 5px;cursor:pointer;}
#main .dian{position:absolute;bottom:15px;z-index:999;width:100%;}
#main .pagination1 {margin-top:5px;text-align:center;}
#main .pagination1 .swiper-active-switch {background:#0065CD;}

.swiper-container {
	margin:0 auto;
	position:relative;
	overflow:hidden;
	-webkit-backface-visibility:hidden;
	-moz-backface-visibility:hidden;
	-ms-backface-visibility:hidden;
	-o-backface-visibility:hidden;
	backface-visibility:hidden;
	/* Fix of Webkit flickering */
	z-index:1;
}

.swiper-wrapper {
	position:relative;
	width:100%;
	-webkit-transition-property:-webkit-transform, left, top;
	-webkit-transition-duration:0s;
	-webkit-transform:translate3d(0px,0,0);
	-webkit-transition-timing-function:ease;
	
	-moz-transition-property:-moz-transform, left, top;
	-moz-transition-duration:0s;
	-moz-transform:translate3d(0px,0,0);
	-moz-transition-timing-function:ease;
	
	-o-transition-property:-o-transform, left, top;
	-o-transition-duration:0s;
	-o-transform:translate3d(0px,0,0);
	-o-transition-timing-function:ease;
	-o-transform:translate(0px,0px);
	
	-ms-transition-property:-ms-transform, left, top;
	-ms-transition-duration:0s;
	-ms-transform:translate3d(0px,0,0);
	-ms-transition-timing-function:ease;
	
	transition-property:transform, left, top;
	transition-duration:0s;
	transform:translate3d(0px,0,0);
	transition-timing-function:ease;
	
}

.swiper-slide {
	float: left;
}

/* IE10 Windows Phone 8 Fixes */
.swiper-wp8-horizontal {
	-ms-touch-action: pan-y;
}
.swiper-wp8-vertical {
	-ms-touch-action: pan-x;
}

/* Specify Swiper's Size: */
.swiper-container, .swiper-slide {
	width: 100%;
}



/*新闻列表*/
.main .news{width:94%;margin:3% auto;}

.main .news .newslist .procate {width:100%; margin:2% auto;}
.main .news .newslist .procate ul{width:100%; background:#fff; overflow:hidden; padding:2% 0;}
.main .news .newslist .procate ul li{float:left;width:50%;margin:1% 0;}
.main .news .newslist .procate ul li a{display:block;width:70%; margin:0 auto; padding:8% 10%; overflow:hidden;vertical-align:middle;text-align:center;border:1px solid #ddd;border-radius:8px; font-size:87.5%; color:#333;}
.main .news .newslist .procate ul li a:hover{color:#00B4F1; background:#f8f8f8;}
/*.main .news .newslist .procate ul li:nth-last-of-type(1) a{color:#00B4F1;}*/



.main .news .newslist .qtao{width:100%; margin:2% auto;}
.main .news .newslist .qtao .mg{width:100%;background:#fff;}
.main .news .newslist .qtao .mg .mgl{width:32%; padding:2% 2%;}

.main .news .newslist .qtao .mg .mgl img{width:100%; display:block;}
.main .news .newslist .qtao .mg .mgl,.main .news .newslist .qtao .mg .mgr{float:left;}

.main .news .newslist .qtao .mg .mgr{width:58%;margin-left:4%; margin-top:2%;}
.main .news .newslist .qtao .mg .mgr span{color:#000;font-size:100%;}
.main .news .newslist .qtao .mg .mgr .jianj{color:#555;font-size:87.5%;line-height:160%;margin-top:2%; text-indent:2em;}

.main .news .newslist .qtao .mg .mgr ul{width:100%; margin-top:2.5%;}
.main .news .newslist .qtao .mg .mgr ul li{}
.main .news .newslist .qtao .mg .mgr ul li dt{width:100%; overflow:hidden; font-size:87.5%; height:23px; line-height:23px;}
.main .news .newslist .qtao .mg .mgr ul li dt a{color:#555;}
.main .news .newslist .qtao .mg .mgr ul li dt a:hover{color:#00B4F1;}
.main .news .newslist .qtao .mg .mgr ul li dd{font-size:75%; color:#999; padding:0 0 2% 0;}

.main .news .newslist .qtao .mg .mgr .ydu{width:100%; margin-top:2%; padding-bottom:2%;}
.main .news .newslist .qtao .mg .mgr .ydu .anniu{float:right; text-align:right;}
.main .news .newslist .qtao .mg .mgr .ydu .anniu a{color:#666; font-size:87.5%;}
.main .news .newslist .qtao .mg .mgr .ydu .anniu a:hover{color:#00B4F1;}


/*底部*/
.main .bottom{width:94%; height:110px; border-top:solid 1px #999; margin:0 auto;}
.main .bottom-bot{height:30px; line-height:30px; text-align:center; font-size:87.5%; color:#666; padding:10px 0 0 0; width:100%; overflow:hidden;}
.main .bottom-lang{height:30px; line-height:30px; text-align:center; font-size:87.5%; color:#666;}
.main .bottom-lang a{color:#666;}
.main .bottom-lang a:hover{color:#00B4F1;}
.main .bottom-top{height:30px; line-height:30px; text-align:center; font-size:87.5%; padding:0 0 10px 0; color:#666;}
.main .bottom-top a{color:#666;}
.main .bottom-top a:hover{color:#00B4F1;}


/*底部浮动样式*/
.float_footer{width:100%; height:51px; background:url(nav01.jpg) left bottom repeat-x; position:fixed; bottom:0; z-index:9999;}
.float_footer ul{width:100%;}
.float_footer ul li{width:25%; float:left; background:url(line00.jpg) right top no-repeat;}

.float_footer ul li:last-child{width:25%; float:left; background:none;}/*最后一个li*/

.float_footer ul li:hover{width:25%; float:left; background:url(nav02.jpg) left bottom repeat-x;}
.float_footer ul li a{width:100%; display:block; color:#fff; padding-top:5px; padding-bottom:5px;}
.float_footer ul li a:hover { color:#00B4F1;}
.float_footer ul li dl{width:auto; margin:0 auto; text-align:center;}
.float_footer ul li dt{width:auto; height:25px; overflow:hidden;}
.float_footer ul li dd{width:auto; font-size:12px; overflow:hidden;}