body{background: #fff;font-family: '微软雅黑', 'Microsoft Yahei', "Segoe UI", Helvetica, Arial, sans-serif!important;}



@charset "utf-8";

::-webkit-scrollbar {

	width: 8px

}



::-webkit-scrollbar-track {

	background: #fff

}



::-webkit-scrollbar-thumb {

	background: #1b1b1b

}



::-webkit-scrollbar-thumb:window-inactive {

	background: #1b1b1b

}



::-webkit-scrollbar-thumb:vertical:hover {

	background: #1b1b1b

}



html,

body,

div,

span,

applet,

object,

iframe,

h1,

h2,

h3,

h4,

h5,

h6,

p,

blockquote,

pre,

a,

abbr,

acronym,

address,

big,

cite,

code,

del,

dfn,

em,

img,

ins,

kbd,

q,

s,

samp,

small,

strike,

strong,

sub,

sup,

tt,

var,

b,

u,

i,

center,

dl,

dt,

dd,

ol,

ul,

li,

fieldset,

form,

label,

legend,

table,

caption,

tbody,

tfoot,

thead,

tr,

th,

td,

article,

aside,

canvas,

details,

embed,

figure,

figcaption,

footer,

header,

hgroup,

menu,

nav,

output,

ruby,

section,

summary,

time,

mark,

audio,

video {

	padding: 0;

	border: 0;

	margin: 0

}



li {

	list-style: none

}



html {

	font-size: 625%

}



body {

	font-size: 16px;

	overflow-x: hidden

}



a {

	text-decoration: none;

	color: black;

	outline: 0

}



a:focus {

	outline: 0

}



a:visited {

	text-decoration: none

}



.clear {

	clear: both

}



.iphone {

	width: 100%;

	height: 100%;

	position: fixed;

	top: 0;

	left: 0;

	z-index: 9999;

	background: rgba(0, 0, 0, .2);

	display: none!important;

}



.iphone form {

	display: none;

	/*display: inline-block;*/

	width: 400px;

	position: absolute;

	top: 0;

	left: 0;

	right: 0;

	bottom: 0;

	margin: auto;

	height: 250px;

	background: white;

	border-radius: 5px;

}





@media(max-width:414px) {

	.iphone form {

		width: 90%;

	}

	.iphone h1 {

		font-size: 20px;

	}

	.iphone .f-tip {

		display: none;

		visibility: hidden;

	}

}



.iphone .f-tip {

	display: none;

	position: absolute;

	top: 0;

	right: 103%;

	width: 300px;

	background: #FFECBF;

	padding: 15px 30px;

	font-size: 12px;

}



.iphone .f-tip span {

	color: #C60;

}



.iphone .f-tip-right {

	position: absolute;

	left: 100%;

	top: 60%;

	width: 0;

	height: 0;

	border: 10px solid transparent;

	border-left: 10px solid #FFECBF;

}



.iphone form input {

	display: block;

	width: 90%;

	margin: 0 auto;

	text-align: center;

	color: rgb(127, 127, 127);

}



.iphone h1 {

	text-align: center;

	margin-top: 50px;

	margin-bottom: 30px;

}



.iphone .number {

	border-bottom: 1px solid red;

	margin-bottom: 30px;

}



.iphone .submit {

	background: red;

	color: white;

	font-size: 22px;

	line-height: 33px;

	border-radius: 5px;

}



.iphone .cuo {

	float: right;

	margin-right: 10px;

	margin-top: 10px;

	cursor: pointer;

}



input,

textarea {

	background: 0;

	outline: 0;

	resize: none;

	border: 0;

	appearance: none;

	-moz-appearance: none;

	-webkit-appearance: none;

	border-radius: 0;

	-webkit-border-radius: 0;

	-moz-border-radius: 0;

	padding-left: 10px;

}



/*.top {

	z-index: 999999;

	display: inline-block;

	*display: inline;

	*zoom: 1;

	width: 30px;

	height: 30px;

	border-radius: 50%;

	background: url(../image/top.png) no-repeat center center;

	-webkit-transition: all ease-out .3s;

	-moz-transition: all ease-out .3s;

	transition: all ease-out .3s;

	background-size: cover;

	position: fixed;

	right: 50px;

	bottom: 50px;

	display: none;

	opacity: .5;

	-webkit-opacity: .5;

	-moz-opacity: .5;

	filter: alpha(opacity=50)

}



.top:hover {

	opacity: 1;

	-webkit-opacity: 1;

	-moz-opacity: 1;

	filter: alpha(opacity=100)

}*/



@media(max-width:480px) {

	/*.top {

		right: 20px;

		bottom: 40px

	}*/

}



.w100 {

	width: 100%

}



.Copy {

	text-align: center;

	background: #1e1e1e;

	color: #777;

	font-size: 12px;

	line-height: 22px;

	font-family: Arial, sans-serif;

	padding: 20px 0

}



.Copy img {

	position: relative;

	top: 2px;

	margin: 0 10px

}



.fr {

	float: right;

	display: inline

}



.float-right-box {

	width: 600px;

	position: fixed;

	right: 0;

	top: 50%;

	margin-top: -127px;

	background-color: #191919;

	z-index: 1000;

	transition: width .3s ease 0s;

	overflow: hidden

}



.float-right-box.on {

	width: 60px

}



.float-right-box .top-list {

	width: 100%

}



.float-right-box .top-list ul {

	width: 100%

}



.float-right-box .top-list li {

	width: 100%;

	position: relative;

	border-bottom: 1px solid #3b3b3b;

	transition: background .3s ease 0s;

	height: 61px

}



.float-right-box .top-list a {

	display: block;

	width: 100%

}



.float-right-box .top-list .ico {

	display: inline-block;

	width: 60px;

	height: 60px;

	position: absolute;

	right: 0;

	top: 0;

	transition: background .3s ease 0s;

	z-index: 2

}



.float-right-box .top-list .ico1 {

	background: url(../image/ico_58.png) no-repeat center #191919

}



.float-right-box .top-list .ico2 {

	background: url(../image/ico_59.png) no-repeat center #191919;

	background-size: 20px 20px

}



.float-right-box .top-list .ico3 {

	background: url(../image/ico_60.png) no-repeat center #191919;

	background-size: 20px 20px

}



.stt {

	display: inline-block;

	font-size: 14px;

	line-height: 60px;

	color: #fff;

	transition: color .3s ease 0s;

	position: absolute;

	left: 410px;

	top: 0;

	z-index: 1;

	width: 110px;

	text-align: right

}



.stt1,

.stt2 {

	text-align: left;

	width: 300px;

	left: 20px;

	font-size: 13px

}



.stt2 {

	font-size: 13px

}



.stt3 {

	top: 15px

}



.stt4 {

	top: -5px

}



.float-right-box .top-list li:hover .stt {

	color: #15191e

}



.float-right-box .top-list li:hover .ico1 {

	background: url(../image/ico_58_h.png) no-repeat center #fff

}



.float-right-box .top-list li:hover .ico2 {

	background: url(../image/ico_59_h.png) no-repeat center #fff;

	background-size: 20px 20px

}



.float-right-box .top-list li:hover .ico3 {

	background: url(../image/ico_60_h.png) no-repeat center #fff;

	background-size: 20px 20px

}



.float-right-box .top-list li:hover {

	background-color: #fff

}



.float-right-box .top-list .return-webtop .stt {

	font-family: "Arial";

	font-weight: bold

}



.float-right-box .bot-share {

	position: relative;

	height: 60px

}



.float-right-box .bot-share a {

	display: inline-block;

	width: 60px;

	height: 60px;

	float: left;

	transition: background .3s ease 0s;

	margin: 0;

	padding: 0

}



.float-right-box .bot-share .share {

	width: 240px;

	position: absolute;

	left: 0;

	top: 0;

	z-index: 1

}



.sina {

	background: url(../image/ico_63.png) no-repeat center!important

}



.float-right-box .bot-share .wx {

	background: url(../image/ico_64.png) no-repeat center

}



.tx {

	background: url(../image/ico_65.png) no-repeat center!important

}



.qzone {

	background: url(../image/ico_66.png) no-repeat center!important;

	background-size: 20px 20px!important

}



.float-right-box .bot-share a:hover {

	background-color: #525354!important

}



.float-right-box .bot-share .share-ico {

	background: url(../image/ico_67.png) no-repeat center #191919;

	width: 60px;

	height: 60px;

	display: inline-block;

	cursor: pointer;

	z-index: 2;

	position: relative

}



#bdshare_weixin_qrcode_dialog {

	height: 310px!important

}



.touming {

	position: fixed;

	left: 0;

	top: 0;

	background: rgba(0, 0, 0, .4);

	z-index: -1;

	width: 100%;

	height: 100%;

	opacity: 0;

	-webkit-transition: all ease-out .4s;

	-moz-transition: all ease-out .4s;

	transition: all ease-out .4s

}



.touming1 {

	opacity: 1

}



.touming2 {

	z-index: 1001

}



.to-1 {

	width: 100%;

	max-width: 700px;

	height: 100%;

	max-height: 500px;

	background: rgba(0, 0, 0, .8);

	margin: auto;

	position: absolute;

	left: 50%;

	top: 50%;

	margin-left: -350px;

	margin-top: -250px

}



#qrcode {

	padding: 5px;

	background: white;

	width: 190px;

	height: 190px;

	margin: 0 auto;

	margin-top: 80px

}



.to-1 p {

	text-align: center;

	color: white;

	margin-top: 50px

}



.to-1 a {

	display: block;

	width: 90px!important;

	height: 80px!important;

	color: white;

	text-decoration: none;

	margin: 10px 37px!important;

	text-align: center;

	position: relative

}



.to-1 a:hover {

	color: whitesmoke!important

}



.to-1 span {

	position: absolute;

	top: 110%;

	width: 100%;

	left: 0

}



.guan {

	float: right;

	margin-top: 20px;

	margin-right: 20px;

	cursor: pointer;

	opacity: .7;

	-webkit-opacity: .7;

	-moz-opacity: .7;

	-webkit-transition: all ease-out .3s;

	-moz-transition: all ease-out .3s;

	transition: all ease-out .3s

}



.guan:hover {

	opacity: 1;

	-webkit-opacity: 1;

	-moz-opacity: 1;

	transform: rotate(180deg);

	-webkit-transform: rotate(180deg);

	-moz-transform: rotate(180deg)

}



.ch {

	width: 45px;

	float: right;

	margin-top: 50px;

	margin-right: 178px

}



@media screen and (max-width:769px) {

	.Copy {

		padding: 10px;

		box-sizing: border-box

	}

	.Copy img {

		display: none

	}

	.wxfx,

	.float-right-box {

		display: none

	}

}



.bdshare-button-style0-16 a,

.bdshare-button-style0-16 .bds_more {

	padding-left: 0!important

}



.nav-2 {

	background: black;

	padding-top: 60px;

	position: fixed;

	width: 250px;

	height: 100%;

	right: 0;

	top: 0;

	z-index: 999;

	-ms-transform: translateX(250px);

	-moz-transform: translateX(250px);

	-webkit-transform: translateX(250px);

	-o-transform: translateX(250px);

	transform: translateX(250px)

}



.nav-3 {

	-ms-transform: translateX(0);

	-moz-transform: translateX(0);

	-webkit-transform: translateX(0);

	-o-transform: translateX(0);

	transform: translateX(0)

}



.nav-2 a {

	display: block;

	padding: 13px 0;

	color: white;

	text-decoration: none;

	height: 100%;

	padding-left: 20px;

	transition: all .4s ease;

	-webkit-transition: all .4s ease;

	-moz-transition: all .4s ease

}



.nav-2 a:hover {

	background: #3c3c3c

}



.nav-2 li {

	color: white;

	cursor: pointer;

	margin-left: 0;

	float: none;

	border-bottom: 1px solid white;

	position: relative;

	background: black;

	z-index: 100

}



.nav-2 img {

	width: 10px;

	transform: rotate(180deg);

	-ms-transform: rotate(180deg);

	-moz-transform: rotate(180deg);

	-webkit-transform: rotate(180deg);

	-o-transform: rotate(180deg)

}



.nav-2 span {

	float: right;

	margin-right: 13px;

	font-size: 20px;

	margin-top: 0

}



.nav-2-1,

.nav-2-2,

.nav-2-3 {

	background: black;

	font-size: 14px;

	width: 250px;

	height: 100%;

	overflow: hidden;

	transition: all .8s cubic-bezier(0.66, 0.01, 0.35, 1) 0s;

	-webkit-transition: all .8s cubic-bezier(0.66, 0.01, 0.35, 1) 0s;

	-moz-transition: all .8s cubic-bezier(0.66, 0.01, 0.35, 1) 0s;

	position: fixed;

	top: 0;

	right: 0;

	z-index: 9999;

	-ms-transform: translateX(250px);

	-moz-transform: translateX(250px);

	-webkit-transform: translateX(250px);

	-o-transform: translateX(250px);

	transform: translateX(250px)

}



.home {

	-ms-transform: translateX(0px);

	-moz-transform: translateX(0px);

	-webkit-transform: translateX(0px);

	-o-transform: translateX(0px);

	transform: translateX(0px)

}



.fanhui {

	background: #3c3c3c

}



.zinav a {

	height: 20px

}



.zinav img {

	width: 10px;

	transform: rotate(0deg);

	-ms-transform: rotate(0deg);

	-moz-transform: rotate(0deg);

	-webkit-transform: rotate(0deg);

	-o-transform: rotate(0deg)

}



.p_icon{display: none;}



@media (max-width:768px) {

	.p_icon{

		position: fixed;

		bottom: 8%;

		display: block;

		width: 90%;

		margin-left: 5%;

		background: #000;

		height: 40px;

		border-radius: 20px;

		z-index: 99;

	}

	.p_icon2{

		border-left: 1px solid #666;

		border-right: 1px solid #666;

	}

	.p_icon ul{

		width: 95%;

		margin: 0 auto;

	}

	.p_icon ul:after{

		display: block;

		content: "";

		clear: both;

	}

	.p_icon ul li{

		float: left;

		width: 33%;

		text-align: center;

		line-height: 40px;

	}

	.p_icon ul li img{

		width: 26%;

		vertical-align: middle;

		margin-top: -2px;

	}

	a.top{display: none!important;}

}