@charset "utf-8";
* {margin:0; padding:0;}
* html body {overflow:visible;}
* html iframe, * html frame {overflow:auto;}
* html frameset {overflow:hidden;}
body {color:#222; background:#FFF; font-family: "Helvetica Neue","Hiragino Sans GB","Microsoft YaHei","\9ED1\4F53",Arial,sans-serif; font-size: 14px;line-height: 1.6em;}
body, ul, ol, li, p, h1, h2, h3, h4, h5, h6, form, fieldset, table, td, img, div, tr {margin:0; padding:0;}
body div {text-align:left;}
input, select {font-size:12px; vertical-align:middle;}
textarea, input {word-wrap:break-word; word-break:break-all; padding:0px;}
li {list-style-type:none;}
img {border:0 none;}
a {color:#222; text-decoration:none;}
a:hover {color:#222;}
a {outline:none; star:expression_r(this.onFocus=this.blur());}

.bkgray{background:#e7e8eb}
.wrap{width:1200px;margin:0 auto;}

body{background:#ef8131!important;}
.body{padding:60px 0;position:relative;}

.fl{float:left}
.fr{float:right}

/*顶部栏*/
.head{
	height:60px;
	border-top:4px solid #f60;
	border-bottom:1px solid #d9dadc;
	background:#fff;
}

.head .bwrap{width:100%;}
.body .bwrap{width:100%;}
.body img{width:100%;}
.logo{float:left;padding:14px 0;}
.logo img{width:175px;}


@media screen and (min-width:1000px) {
	.body{padding:100px 0;}
	.head .bwrap{width:1000px;margin:0 auto;}
	.body .bwrap{width:1000px;margin:0 auto;}
	.logo{float:left;padding:10px 0;}
	.logo img{width:210px;}
}

.headtips{float:right}
.headtips p{margin-top:32px;font-size:11px;color:#666;}
.headtips a{color:#f60;margin:0 2px;}
.headtips a:hover{text-decoration:underline;}

.head .menu{display:none}
.head .menu{float:right;font-size:16px;padding:14px 0;}
.head .menu ul li{float:left;line-height:30px;margin:0 15px;}
.head .menu .selected{border-bottom:2px solid #f60;}
.head .menu .selected a{color:#f60!important;font-weight:700;}


@media screen and (min-width:700px) {
	.head .menu{display:block}
}


/* banner */

.banner_t{text-align:center;margin:10px 0 30px;}
.banner_t img{width:70%;}
.banner_pic{text-align:center;}
.banner_pic img{width:90%;}
@media screen and (min-width:700px) {
	.banner_t{text-align:center;margin:10px 0 40px;}
	.banner_t img{width:420px;}
}

.banner_dl{margin:30px auto 0;padding:10px;z-index:999;position:relative}
.banner_qr{width:50%;padding:10px;background:#fff;margin:0 auto;-moz-border-radius:6px;-webkit-border-radius:6px;border-radius:6px;}
.banner_qr img{width:100%}

.banner_dlr{width:50%;color:#fff;margin:30px auto 0;}
.banner_dlr .dl_t{width:100%;}
.banner_dlr .dlbtn{width:100%;margin:15px 0;border:solid 1px #fff;display:block;-moz-border-radius:6px;-webkit-border-radius:6px;border-radius:6px;-webkit-transition: all 0.4s;-moz-transition: all 0.4s;-o-transition: all 0.4s;}
.banner_dlr .dlbtn img{width:100%;}
.banner_dlr .dlbtn:hover{background:#353535;border:solid 1px #353535;}

@media screen and (min-width:500px) {
	.banner_dl{width:380px;margin:30px auto 0;z-index:999;position:relative}
	.banner_qr{width:62px;margin: 30px 0;float:left;-moz-border-radius:6px;-webkit-border-radius:6px;border-radius:6px;}
	.banner_qr img{width:62px}

	.banner_dlr{padding-left:190px;color:#fff;margin:0;}
	.banner_dlr .dl_t{width:180px;}
	.banner_dlr .dlbtn{width:160px;padding:0 10px;margin:15px 0;border:solid 1px #fff;display:block;-moz-border-radius:6px;-webkit-border-radius:6px;border-radius:6px;-webkit-transition: all 0.4s;-moz-transition: all 0.4s;-o-transition: all 0.4s;outline:none;}
	.banner_dlr .dlbtn img{width:100%;}
	.banner_dlr .dlbtn:hover{background:#353535;border:solid 1px #353535;}
}

#particles-js{
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
	z-index:0;
	-webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none;
}

/* Foot 底部部分 */
.foot {
    padding: 24px 0;
    color: #f1f1f1;
    text-align: center;
    background: #353535;
}

.ft{}
.ft .links_item {
    display: inline-block;
    vertical-align: middle;
    padding: 0 1em;
    line-height: 1em;
    border-left: 1px solid #d9dadc;
}
.ft .links_item.no_extra{border-width:0}
.ft .links_item a{color:#fff;font-size:12px;}
.ft .links_item p{color:#fff;font-size:12px;}
