@charset "utf-8";
html{-webkit-tap-highlight-color: rgba(0,0,0,0);-webkit-overflow-scrolling: touch;-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;
	-ms-overflow-style: -ms-autohiding-scrollbar;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
li{list-style:none;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q:before,q:after{content:'';}
abbr,acronym{border:0;font-variant:normal;}
input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}
input,textarea,select{*font-size:100%;}
legend{color:#444;}
header,footer,nav{display: block;}
::-moz-selection{background:#671462; color:#fff;}
::selection {background:#671462; color:#fff;}
html,body{background:#fff;}
body{font-family: "Microsoft YaHei", Arial, Helvetica, sans-serif;color:#333; background: #FFFFFF; font-size: 14px; -webkit-font-smoothing:antialiased;}
i{font-style:normal;}
a{text-decoration: none;color: #333;border: 0;font-size: 100%;margin: 0;padding: 0; transition: all 0.3s;}

.clear:after{clear: both;content:'\0020';display: block;visibility:hidden;height:0;}
.clear{zoom:1;}
.container{ width: 1100px; margin: 0 auto;}
.none{ display: none; }
.clear-input{
	display: inline-block;
	width: 80px;
	height: 30px;
	padding-left:6px;
	font-size: 14px;
	line-height: 1;
	color: #555;
	background-color: #fff;
	background-image: none;
	border: 1px solid #ccc;
	border-radius: 4px;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
	-webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
	-o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
	transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;}

.head-logo{ padding: 20px 0; position: relative; background: #FFFFFF;}
.head-logo .container{ position: relative; height: 50px; }
.head-logo .call{ position: absolute; right: 0; bottom: 0;}
.head-logo .call .qr{ position: relative; }
.head-logo .call .qr .img1{ position: relative; top: 5px; }
.head-logo .call .qr .img2{ position: absolute; right: 0; top: 25px; z-index: 999; display: none; }
.head-logo .call .qr:hover .img2{ display: block;
	width:130px;height: 130px; }

.logo-img {
	height: 50px;
	float: left;
	display: inline-block;
}

#QQsever_btn {
	background-image: url(../images/QQsever.png);
	background-repeat: no-repeat;
	background-position: 0px 2px;
	display: inline-block;
	text-indent: -9999em;
	overflow: hidden;
	padding-top: 10px;
	padding-left: 70px;
	position: relative; top: 10px;
}

.navBar{ height: 45px; background: #671462;}
.navBar li{ width: 120px; text-align: center; float: left; height: 45px; line-height: 45px; }
.navBar li a{  font-size: 14px; color: #FFFFFF; }
.navBar li:hover{  background: #78196e;}
.navBar-warp{ position: relative}
.navBar .ri{ height: 45px; background: #FE9900; position: absolute; right: 0; top: 0; color: #FFFFFF; padding: 0 30px;}
.navBar .ri a{ line-height: 45px; font-size: 14px; color: #FFFFFF; }

.footer{ padding: 30px 0; text-align: center; background: #78196e; color: #FFFFFF; }















































