@charset "utf-8";
/* CSS Document */
*{ margin:0px; padding:0px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
img {border:0;margin:0; padding:0;}
ul,li,ol,h1,h2,h3,dl,dt,dd,form,p,span,b,u,s,i{
	list-style:none;
	margin:0;
	padding:0;
	text-decoration: none;	
}
.clearfix{display:inline-table;}
* html .clearfix{height:1%;/*ie6*/overflow-x:hidden;}
*+html .clearfix{min-height:1px;}
.clearfix:after { content:"."; display:block; height:0; clear:both; visibility:hidden;font-size: 0;}
.clearfix { display:inline-block; }
.clear{clear:both;}
* html .clearfix { height:1%; }
.clearfix { display:block; }
.clearfloat {clear:both;height:0;font-size: 1px;line-height: 0px;}
input,textarea {outline:none;}/*去掉输入框得到焦点时边框会出现阴影效果----例如370 火狐*/
a{ blr:expression(this.onFocus=this.blur()); /* IE Opera */ outline:none; /* FF Opera */ } 
a:focus{ -moz-outline-style: none; /* FF */ } /*去掉a标签超链接的虚线框*/
body {margin: 0px; color:#3F3F3F; font-size: 12px; font-family: Microsoft YaHei,宋体,Arial, Helvetica, sans-serif;max-width: 640px;
    min-width: 320px;
    overflow-x: hidden;
    overflow-y: auto;
    height: 100%;
    padding-bottom: 5rem;}
a:link { text-decoration: none;color: #131313;}
a:visited {text-decoration: none; color: #131313;}
a:hover { text-decoration: none;}
a:active {text-decoration: none; color: #131313;}

.logo{
	width: 100%;
	margin:0 auto;
}
.logo img{
	max-height: 50px;
}
.logo_img{
	text-align: center;
}
.nav{
	width: 100%;
	border-top: 2px solid #3285ff; 
}
.nav ul li{
	float: left;
	width: 20%;
	text-align: center;
    /*background: #3285ff;*/
}
.nav ul li a{
    display: block;
    height: 2rem;
    line-height: 2rem;
    color: #3285ff;
}
.active a{
    color: #fff!important;
    background: #3285ff;
}
.banner{
	width: 100%;
}
.banner img{
	max-width: 100%;
	height: auto;
	display: block;
}
.Prott{
	border-bottom: 1px solid #3285ff; 
    font-size: .7rem;
    width: 100%;
    position: relative;
}
.Protitle{
	width: 6rem;
    padding-right: .8rem;
    background-color: #3285ff;
    -webkit-border-radius: 0 1rem 0 0;
    -ms-border-radius: 0 1rem 0 0;
    -moz-border-radius: 0 1rem 0 0;
    -o-border-radius: 0 1rem 0 0;
    border-radius: 0 1rem 0 0;
    color: #fff;
    font-size: 1.25rem;
    white-space: nowrap;
}
.Mtop{
	margin-top: 2rem;
}
.showcp{
	overflow: hidden;
	padding: 2%;
}
.showcp li{
	float: left;
	width: 45%;
    margin-left: 2.5%;
    margin-right: 2.5%;
    margin-bottom: 2%;
	text-align: center;
}
.showcp_img img{
	max-width: 100%;
	height: auto;
}
.showcp_name{
	text-align: center;
}
.aboutcon{
	padding: 2%;
	overflow: hidden;
    width: 96%;
    margin: 0 auto;
}
.about_text{
    line-height: 1.5rem;
}
.about_img img{
    max-width: 100%;
    height: auto;
    display: block;
}
.about_img{
	float: left;
    width: 32%;
    padding-right: 2%; 
}
.Prott span{
	position: absolute;
    right: 18px;
    bottom: 8px;
    color: #3285ff;
}
.Prott span a{
	color: #3285ff;
}
.newsT{
	padding-left: .5rem;
    clear: both;
    position: relative;
    background-repeat: no-repeat;
    background-position: .25rem 1rem;
    padding-left: .5rem;
    padding-right: 1.6rem;
    border-bottom: 1px solid #ccc;
    line-height: 2rem;
}
.newsT a{
	padding-left: 1rem;
}
.newsT:before{
	content: "";
    position: absolute;
    width: .4rem;
    height: .4rem;
    top: .9rem;
    left: .5rem;
    background: #eee;
    -webkit-box-shadow: 0.225rem 0 0 #3285ff inset;
    -ms-box-shadow: .225rem 0 0 #3285ff inset;
    -moz-box-shadow: .225rem 0 0 #3285ff inset;
    -o-box-shadow: .225rem 0 0 #3285ff inset;
    box-shadow: 0.225rem 0 0 #3285ff inset;
}
.abo_con{
    line-height: 1.5rem;
    text-indent: 2em;
}
.Ntime{
    float: right;
}
.ty_con{
    line-height: 1.5rem;
}
.ty_con h1{
    font-size: 14px;
}
.new_art{
    text-indent: 2em;
}
.footer{
    width: 100%;
    background: #3285ff;
    border-top: 1px solid #e1e1e1;
    margin-top: 20px;
    position: fixed;
    bottom: 0;
    left: 0;
}
.footer ul{
    margin-top: 10px;
}
.footer ul li{
    width: 25%;
    text-align: center;
    float: left;
    margin-bottom: 5px;
}
.footer ul li img{
    width: 24px;
    height: 22px;
}
.footer > ul > li > a > i{
    width: 24px;
    height: 22px;
}
.footer > ul > li > a > i{
    display: inline-block;
}
.footer > ul > .d1 > a > i{
    background: url(../images/fot01.png) no-repeat;
    background-size: 100% 100%;
}
.footer > ul > .d2 > a > i{
    background: url(../images/fot02.png) no-repeat;
    background-size: 100% 100%;
}
.footer > ul > .d3 > a > i{
    background: url(../images/fot03.png) no-repeat;
    background-size: 100% 100%;
}
.footer > ul > .d4 > a > i{
    background: url(../images/fot04.png) no-repeat;
    background-size: 100% 100%;
}
.footer > ul > li > a > p{
    font-size: 10px;
}
.footer ul li .fot_ico{
    height: 44px;
    display: inline-block;
}
.footer ul li a{
    cursor: pointer;
    color: #fff;
    display: inline-block;
}
.tag{
    line-height: 1.5rem;
}
.box_swipe{
    overflow:hidden;
    position:relative;
}
.box_swipe ul{
    -webkit-padding-start: 0px;
}
.box_swipe>ol{
    height:20px;
    position: relative;
    z-index:10;
    margin-top:-25px;
    text-align:right;
    padding-right:15px;
    background-color:rgba(0,0,0,0.3);
}
.box_swipe>ol>li{
    display:inline-block;
    margin:5px 0;
    width:8px;
    height:8px;
    background-color:#757575;
    border-radius: 8px;
}
.box_swipe>ol>li.on{
    background-color:#ffffff;
}
.pages{
    text-align: center;
}