@charset "utf-8";
* {
	margin:0;
	padding:0;
	font-family:"微软雅黑", "\5b8b\4f53", Arial, sans-serif;
}
* html body {
	overflow:visible;
}
* html iframe, * html frame {
	overflow:auto;
}
* html frameset {
	overflow:hidden;
}
body {
	color:#666666;
	background:#fff;
	font-family: Verdana, Arial, sans-serif;
	font-size: 12px;
	text-align:center;
}
body, ul, ol, li, p, h1, h2, h3, h4, h5, h6, form, fieldset, table, td, img, div, tr {
	margin:0;
	padding:0;
}
input, select {
	font-size:12px;
	vertical-align:middle;
}
body div {
	text-align:left;
}
textarea, input {
	word-wrap:break-word;
	word-break:break-all;
	padding:0px;
}
li {
	list-style-type:none;
}
img {
	border:0;
}
a {
	color:#000;
	text-decoration:none;
	cursor:pointer; font-size:12px
}
a:hover {
	color:#1578bc;
}
* {/*box-sizing:content-box;*/
	box-sizing:border-box;
}
.main{width:100%; margin:0 auto; max-width:640px; }
.head{width:100%; float:left; background:#f9f9f9; color:#333; padding:10px; font-size:14px; position:relative}
.head .menu{ display:block; position:absolute; right:10px; top:10px; height:16px; border-top:2px solid #333;border-bottom:2px solid #333;width:23px; z-index:999;transition:all 0.6s;-webkit-transition: all 0.6s;}
.head .menu:before{ content:''; background:#333; height:2px; float:left;width:100%; position:absolute; top:5px;transition:all 0.4s;-webkit-transition: all 0.4s;}
.head .menuon{ position:fixed; left:10px;transform:rotate(45deg); border-bottom:0px; width:30px; top:25px}
.head .menuon:before{transform:rotate(90deg); top:-1px}
.menupage{width:120px; position:fixed; right:-150px; top:0px; background:rgba(0,0,0,.8); z-index:999; height:100%; color:#fff; padding:20px; line-height:20px;transition:all 0.4s;-webkit-transition: all 0.4s;}
.menupage a{ color:#fff; display:block; font-size:14px}
.bg{ position:fixed; z-index:998; width:100%; height:100%; left:0px; top:0px; background:rgba(0,0,0,0.6); display:none}


.banner{ width:100%; max-width:640px; height:160px; overflow:hidden; position:relative; margin:0 auto  }
.banner .hd{ height:15px; overflow:hidden; position:absolute; left:0px; bottom:5px; z-index:1; text-align:center;width:100% }
.banner .hd ul{ overflow:hidden; zoom:1; display:inline-block;}
.banner .hd ul li{ float:left; margin:0px 5px;  width:10px; height:10px; line-height:10px; text-align:center; background:#fff; cursor:pointer;border-radius:15px }
.banner .hd ul li.on{ background:#f00; color:#fff; }
.banner .bd{ position:relative; height:100%; z-index:0;   }
.banner .bd li{ zoom:1; vertical-align:middle; }
.banner .bd img{ width:100%; height:160px; display:block;  }
.banner .prev,
.banner .next{ position:absolute; left:3%; top:50%; margin-top:-25px; display:block; width:32px; height:40px; background:url(images/slider-arrow.png) -110px 5px no-repeat; filter:alpha(opacity=50);opacity:0.5;   }
.banner .next{ left:auto; right:3%; background-position:8px 5px; }
.banner .prev:hover,
.banner .next:hover{ filter:alpha(opacity=100);opacity:1;  }
.banner .prevStop{ display:none;}
.banner .nextStop{ display:none;}


.protype{width:100%; float:left; background:#f9f9f9; color:#333; padding:15p x 0px}
.protype .t{ text-align:center; font-size:16px; float:left;width:100%; padding-bottom:10px;padding-top:10px;}
.protype ul{ text-align:center; font-size:16px;width:100%; float:left; padding-right:10px;padding-bottom:10px;}
.protype li{ display:block; float:left;width:50%; padding-left:10px; margin-top:10px;}
.protype li a{ display:block;width:100%; height:30px; background:#fff; color:#333; line-height:30px;border-radius:5px}
.protype li a.ahover{ background:#fd73c2; color:#fff}

#TouchNav{width:100%;height: 46px;padding: 0 5px;padding-top: 10px;overflow:hidden;border-bottom:1px solid #ebebeb;}
#TouchNav .swiper-slide{min-width: 6rem;max-width: 8rem;padding: 0 5px;letter-spacing:2px;text-align:center;}
#TouchNav .swiper-slide a{transition:all .3s ease;display:block;text-align: center;line-height: 36px;font-size: 14px;}
#TouchNav .swiper-slide .ahover{transform:scale(1.1);color:#FF2D2D;box-shadow: 0 0 10px #ccc;border-radius:5px;}



.homepro{width:100%; float:left; text-align:center;}
.homepro ul{width:100%; float:left; margin-top:20px; padding-right:20px}
.homepro li{width:50%; float:left; margin-bottom:154px; padding:0px 0px 0px 20px}
.homepro li a{ display:block;width:100%; margin:0 auto; text-align:center; border:1px solid #eeeeee; padding:10px; color:#5a5a5a; line-height:40px; padding-bottom:0px}
.homepro li a img{width:100%}
.more{ display:inline-block;border-radius:5px; border:1px solid #000; padding:5px 20px; color:#000; font-size:14px}

.hometel{width:100%; float:left;background:#f9f9f9; color:#000; padding:20px; margin:20px 0px 10px 0px}
.hometel div{width:20%; float:left; text-align:right;}
.hometel div img{width:70%;}
.hometel span{ display:block; float:left;width:70%; line-height:25px; padding-left:10px}
.hometel font{ font-size:24px}

.homeabout{width:100%; float:left; text-align:center}
.homeabout .t{width:100%; float:left; background:url(../images/xgray_line02.png); height:5px; margin-top:20px; text-align:center}
.homeabout .t span{ display:inline-block; padding:5px 20px; background:#fff; font-size:16px; color:#000; margin-top:-15px}
.homeabout .c{width:100%; float:left; font-size:14px; padding:30px 10px; font-size:12px; line-height:23px; text-align:left}

.homenews{width:100%; float:left; padding:10px; margin-top:10px}
.homenews li{width:100%; float:left; border-bottom:1px dashed #e2e2e2; padding-bottom:10px; margin-bottom:10px}
.homenews li img{ float:left;width:26%}
.homenews li a{ display:block;  float:left;width:65%; padding-left:10px; color:#b8b8b8; text-align:left}
.homenews li span{font-size:12px;color:#5a5a5a; margin-bottom:5px; float:left;width:100%}

.homecontact{width:100%; float:left; background:#1578bc; color:#fff; padding:20px; line-height:20px; margin-top:20px}
.foot{width:100%; float:left; background:#000; color:#fff; padding:15px; line-height:20px; text-align:center;}
.foot a{ color:#fff; display:inline-block; padding:0px 10px}
.pages{width:100%; float:left; text-align:center; margin-bottom: 30px;color: #666;font-size: 12px;}
.pagination{line-height: 40px;margin: 0 40px !important;}
.pagination li{display: inline-block;}
.pagination li:active span,.pagination li:active a{background: #d0121c;border-color: #d0121c;color: #fff;}
.pagination li.active span,.pagination li.active a{background: #d0121c;border-color: #d0121c;color: #fff;}
.pagination li span,.pagination li a{display: block;padding: 0 12px;height: 35px;line-height: 35px;border-radius: 3px;border: 1px solid #ededed;color: #666;-webkit-transition: all ease .3s;transition: all ease .3s;}
.pager{display:inline-block;padding-left:0;border-radius:4px;}
.pager li{display:inline; float:left}
.pager li a,.pager li span{position:relative;float:left;padding:6px 12px;line-height:1.42857143;color:#393D49;background:#fff;margin:0 0 0 8px;border:1px solid #eee;border-radius: 3px;}
.pager li a:hover{background: #d0121c;border-color: #d0121c;color: #fff;}
.pager .active span{background: #d0121c;border-color: #d0121c;color: #fff;}
.pager .disabled{}

.h_div{ width:100%;min-height: 300px; float:left; padding:10px;padding-top:20px;}
.h_div .t{width:100%; float:left; text-align:center; font-size:18px;}
.h_div .p_img img{width: auto!important;height: auto!important;}