﻿@charset "utf-8";
/* CSS Document */
*{margin:0;padding:0;}
body{

}
a{text-decoration:none;-webkit-tap-highlight-color:rgba(255,255,255,0);color:#333;}
.l{float:left;}
.r{float:right;}
.textcenter{text-align:center;}
li{list-style-type:none;}
em{font-style:normal}
.block{display:block;}
.none{display:none;}
.border3{border-radius:3px;}
.border5{border-radius:3px;}


body, head {
  display: block;
  /*font-size: 52px;*/
  color: transparent;
}


head::before, head::after,
body::before, body::after {
  position: fixed;
  z-index:-1;
  top: 50%;
  left: 50%;
  width: 3em;
  height: 3em;
  content: '.';
  mix-blend-mode: screen;
  animation: 44s -27s move infinite ease-in-out alternate;
}

body::before {
  text-shadow: 0.933301652em 1.5673124938em 7px rgba(255, 20, 0, 0.9), 0.24102608em 0.9917424137em 7px rgba(175, 0, 255, 0.9), 0.0293982711em 1.8649102951em 7px rgba(210, 255, 0, 0.9), 2.171635548em -0.332469831em 7px rgba(0, 255, 10, 0.9), 2.3004237767em 2.4436182492em 7px rgba(255, 0, 113, 0.9), 2.0545966741em 2.4092067773em 7px rgba(0, 255, 39, 0.9), 1.3280429536em 0.4988731001em 7px rgba(255, 0, 165, 0.9), -0.2179260621em 1.5077686898em 7px rgba(0, 129, 255, 0.9), 1.6665785384em 2.0538057218em 7px rgba(46, 255, 0, 0.9), 0.9257684865em 0.0881921826em 7px rgba(0, 222, 255, 0.9), 0.3007786426em 2.3348194676em 7px rgba(0, 42, 255, 0.9), 0.6942120296em 2.4103469465em 7px rgba(0, 169, 255, 0.9), -0.0930772146em 0.9371120474em 7px rgba(236, 255, 0, 0.9), 0.973814108em 1.194224426em 7px rgba(58, 0, 255, 0.9), 2.4373618103em 0.011549485em 7px rgba(0, 98, 255, 0.9), 0.1586143043em 0.4138636226em 7px rgba(255, 0, 136, 0.9), 2.4853038886em 0.3587019547em 7px rgba(196, 0, 255, 0.9), 0.3306920223em 1.0179620275em 7px rgba(255, 188, 0, 0.9), 0.428424569em 0.623546227em 7px rgba(255, 224, 0, 0.9), 0.9662807953em 1.102352105em 7px rgba(118, 0, 255, 0.9), 0.052739773em 0.2987829177em 7px rgba(0, 142, 255, 0.9), 2.2044889704em -0.3600193772em 7px rgba(0, 7, 255, 0.9), 0.6255947812em 1.1539943956em 7px rgba(92, 0, 255, 0.9), 1.077176581em 1.8142247067em 7px rgba(255, 0, 38, 0.9), 1.8283252128em -0.2640429538em 7px rgba(72, 0, 255, 0.9), 1.4829698378em 0.9399468042em 7px rgba(0, 255, 143, 0.9), 1.3449270289em 0.6614414596em 7px rgba(46, 0, 255, 0.9), 0.998731257em 0.5951981511em 7px rgba(255, 0, 186, 0.9), 0.7089949395em 0.0806998119em 7px rgba(98, 255, 0, 0.9), 0.6304402313em 2.3128552658em 7px rgba(0, 255, 36, 0.9), 1.5523072217em 0.2035227256em 7px rgba(255, 0, 230, 0.9), 0.1451068427em 1.4000728704em 7px rgba(69, 255, 0, 0.9), 2.2696169156em 2.0488710391em 7px rgba(255, 0, 114, 0.9), -0.186037035em 2.4255444605em 7px rgba(122, 255, 0, 0.9), 1.3879597725em 0.8566685656em 7px rgba(247, 0, 255, 0.9), 2.1882728106em 1.7076029657em 7px rgba(0, 255, 131, 0.9), 1.0571902543em 2.144410251em 7px rgba(31, 255, 0, 0.9), -0.0794577423em -0.2754596987em 7px rgba(0, 255, 75, 0.9), 1.7603859473em 2.36891561em 7px rgba(0, 27, 255, 0.9), 2.3699137535em 0.0653426433em 7px rgba(0, 25, 255, 0.9), 0.5818530743em -0.4783217245em 7px rgba(0, 173, 255, 0.9);
  animation-duration: 44s;
  animation-delay: -27s;
}

body::after {
  text-shadow: 1.8191120921em 0.6945916857em 7px rgba(147, 0, 255, 0.9), 2.3027104219em -0.1014678049em 7px rgba(87, 255, 0, 0.9), 1.6184184493em 1.77576573em 7px rgba(0, 81, 255, 0.9), -0.3658796926em 2.165872874em 7px rgba(0, 64, 255, 0.9), 2.3790434636em 0.7006449714em 7px rgba(255, 225, 0, 0.9), 1.9258008925em 1.6127872474em 7px rgba(0, 191, 255, 0.9), 0.390518403em 0.3529644623em 7px rgba(0, 8, 255, 0.9), -0.2864215644em 2.3153844086em 7px rgba(255, 198, 0, 0.9), 0.619991229em 1.5169973339em 7px rgba(255, 0, 223, 0.9), -0.4036524434em 0.7575500241em 7px rgba(200, 0, 255, 0.9), 2.4035783093em 2.3519288194em 7px rgba(0, 255, 243, 0.9), -0.4763987099em 1.5379256845em 7px rgba(0, 7, 255, 0.9), 0.689616248em 2.2241142774em 7px rgba(50, 0, 255, 0.9), -0.0950194282em 1.7885630008em 7px rgba(255, 0, 177, 0.9), 0.1448654473em 2.0084987786em 7px rgba(255, 0, 20, 0.9), 0.3147469478em 1.9695324201em 7px rgba(255, 71, 0, 0.9), 0.4480357374em -0.472025206em 7px rgba(61, 255, 0, 0.9), 1.4582895269em -0.3129105375em 7px rgba(0, 255, 193, 0.9), 0.3770580457em 0.3034614262em 7px rgba(255, 184, 0, 0.9), -0.3310588572em 1.4589104297em 7px rgba(255, 0, 244, 0.9), 0.7175109637em 0.9856454946em 7px rgba(255, 0, 68, 0.9), 1.0020888168em 1.3896854116em 7px rgba(0, 44, 255, 0.9), -0.4426637987em 0.5379112089em 7px rgba(0, 255, 238, 0.9), 1.8705702094em 0.297048697em 7px rgba(255, 165, 0, 0.9), 1.4077973255em 2.4800915908em 7px rgba(255, 16, 0, 0.9), 1.4779817224em 1.1191183607em 7px rgba(0, 255, 176, 0.9), 0.9012381088em 0.6027440565em 7px rgba(0, 199, 255, 0.9), 2.0833395786em 1.8224028766em 7px rgba(255, 0, 7, 0.9), 1.499418801em 1.850592944em 7px rgba(0, 161, 255, 0.9), 1.9008404366em -0.3316817386em 7px rgba(0, 255, 196, 0.9), 1.129973179em 0.0438569169em 7px rgba(255, 0, 34, 0.9), 0.5225293251em 0.4470552985em 7px rgba(10, 255, 0, 0.9), 1.0337720398em 0.3231139954em 7px rgba(255, 3, 0, 0.9), 1.8798858929em 0.2150804293em 7px rgba(255, 203, 0, 0.9), 1.9578186333em 2.2944945672em 7px rgba(255, 0, 79, 0.9), 1.4412802522em 0.5152953175em 7px rgba(255, 215, 0, 0.9), 0.8771585796em 0.6675045053em 7px rgba(125, 0, 255, 0.9), 1.4198082621em 0.5560999535em 7px rgba(127, 0, 255, 0.9), 1.554990333em 1.5037165698em 7px rgba(124, 255, 0, 0.9), 0.1248077085em 2.4599152431em 7px rgba(255, 251, 0, 0.9), 1.0807757369em 1.5188802589em 7px rgba(255, 0, 194, 0.9);
  animation-duration: 43s;
  animation-delay: -32s;
}

head::before {
  text-shadow: 1.0377343093em -0.1700623339em 7px rgba(255, 63, 0, 0.9), 0.7688517047em -0.1562966342em 7px rgba(0, 255, 225, 0.9), 1.3948474613em 0.3813420625em 7px rgba(169, 255, 0, 0.9), -0.3388911212em -0.1677457921em 7px rgba(255, 0, 53, 0.9), 2.2933561134em -0.3685489707em 7px rgba(255, 231, 0, 0.9), 2.4967892532em 2.0984316552em 7px rgba(255, 0, 104, 0.9), 0.8106792111em 2.2178390439em 7px rgba(79, 255, 0, 0.9), 2.0447231103em -0.3541048139em 7px rgba(0, 82, 255, 0.9), 0.6857380852em 1.1641225112em 7px rgba(216, 0, 255, 0.9), 2.4848074086em 1.5865848308em 7px rgba(194, 255, 0, 0.9), 0.1459344217em 0.208763223em 7px rgba(255, 175, 0, 0.9), 0.7269759218em 1.7883430426em 7px rgba(0, 160, 255, 0.9), 1.6441860419em 1.6757518628em 7px rgba(255, 0, 26, 0.9), 1.8296694859em 1.0256397572em 7px rgba(255, 0, 43, 0.9), -0.1885032044em -0.4272393047em 7px rgba(0, 255, 213, 0.9), -0.2302733109em 1.8281820575em 7px rgba(116, 255, 0, 0.9), 2.2866565565em 2.0495804635em 7px rgba(0, 255, 127, 0.9), 1.9626187482em 0.3660142158em 7px rgba(131, 255, 0, 0.9), 0.40997298em 2.1821424278em 7px rgba(0, 74, 255, 0.9), 0.4972376465em -0.4000253521em 7px rgba(0, 71, 255, 0.9), 2.001601239em 2.136233945em 7px rgba(171, 255, 0, 0.9), 0.220436498em 1.3415136565em 7px rgba(255, 167, 0, 0.9), 0.0025053226em 2.3235525116em 7px rgba(0, 255, 144, 0.9), 1.1731977752em 0.6209403268em 7px rgba(255, 0, 5, 0.9), 1.3381901295em 0.3413836498em 7px rgba(0, 151, 255, 0.9), 0.0732802021em 0.1439514174em 7px rgba(0, 255, 104, 0.9), 2.0502121001em 2.378141179em 7px rgba(197, 255, 0, 0.9), 2.0953245625em -0.4900751231em 7px rgba(157, 255, 0, 0.9), 1.8756559838em 1.8490123489em 7px rgba(255, 133, 0, 0.9), 1.5868027981em -0.3268064826em 7px rgba(173, 0, 255, 0.9), 2.4688918991em 0.553983619em 7px rgba(0, 107, 255, 0.9), 0.8457980899em 1.4332931235em 7px rgba(246, 0, 255, 0.9), -0.4305543497em 1.1294895376em 7px rgba(238, 255, 0, 0.9), 0.6702932085em -0.008441072em 7px rgba(255, 24, 0, 0.9), 0.6537758804em 1.2859829113em 7px rgba(0, 255, 58, 0.9), -0.4366353602em 1.0620809383em 7px rgba(255, 0, 30, 0.9), 0.4419894571em 2.4557767272em 7px rgba(13, 0, 255, 0.9), 0.6072547731em 0.1916169594em 7px rgba(255, 77, 0, 0.9), 0.8815739116em 0.7953883371em 7px rgba(255, 61, 0, 0.9), 0.1786038184em 1.8585371106em 7px rgba(255, 113, 0, 0.9), 0.134002775em 2.0018067461em 7px rgba(0, 255, 8, 0.9);
  animation-duration: 42s;
  animation-delay: -23s;
}

head::after {
  text-shadow: -0.0382223348em 1.4138434763em 7px rgba(42, 255, 0, 0.9), 0.6738305095em 1.5728291472em 7px rgba(133, 0, 255, 0.9), 0.8538784502em 1.2319574833em 7px rgba(78, 0, 255, 0.9), 0.0555594576em 1.5869748011em 7px rgba(255, 170, 0, 0.9), 1.7422968529em -0.4615493737em 7px rgba(255, 0, 163, 0.9), 1.1223143793em 0.7620579248em 7px rgba(70, 255, 0, 0.9), 1.8888834256em 2.4755289879em 7px rgba(0, 255, 190, 0.9), 1.6896367294em 0.9913929491em 7px rgba(243, 255, 0, 0.9), 1.8047137179em 1.6505537858em 7px rgba(0, 130, 255, 0.9), 2.410026998em 1.667284329em 7px rgba(210, 255, 0, 0.9), 2.1329874006em -0.2952545199em 7px rgba(83, 255, 0, 0.9), 1.0229016404em 0.2629053841em 7px rgba(255, 0, 56, 0.9), 1.5254366612em 0.240626219em 7px rgba(255, 109, 0, 0.9), -0.4804715087em 0.5027156746em 7px rgba(72, 0, 255, 0.9), 2.0666206506em 0.3963287479em 7px rgba(0, 255, 50, 0.9), 2.1403913393em -0.2947863954em 7px rgba(123, 255, 0, 0.9), 1.4193725978em 1.1519492692em 7px rgba(255, 0, 24, 0.9), 0.8443572521em 1.8374273799em 7px rgba(255, 0, 201, 0.9), 0.2159705113em 2.3876755433em 7px rgba(255, 0, 142, 0.9), 0.2997578207em 2.3743293249em 7px rgba(0, 202, 255, 0.9), 1.8534396222em 1.8737315976em 7px rgba(255, 0, 193, 0.9), -0.0321414453em 1.9116464118em 7px rgba(0, 255, 120, 0.9), 1.1296794534em 2.0840082501em 7px rgba(0, 255, 236, 0.9), 1.0708410634em 0.6345515926em 7px rgba(0, 40, 255, 0.9), -0.2766314193em 1.0770443677em 7px rgba(194, 0, 255, 0.9), -0.420640668em 2.3528036382em 7px rgba(0, 255, 112, 0.9), 0.2353672942em 1.3270723798em 7px rgba(0, 255, 48, 0.9), 0.7065824758em 2.3171390508em 7px rgba(255, 18, 0, 0.9), -0.3260822012em 1.296688229em 7px rgba(255, 175, 0, 0.9), 1.7850114253em 2.4017164747em 7px rgba(0, 255, 239, 0.9), 0.8218028422em 2.3175568857em 7px rgba(255, 0, 35, 0.9), 2.191795061em -0.1943912667em 7px rgba(255, 0, 216, 0.9), 0.6543406547em 0.4467691485em 7px rgba(0, 255, 179, 0.9), 0.7997411872em -0.0650882783em 7px rgba(0, 255, 110, 0.9), 1.2712875887em 0.9890628064em 7px rgba(42, 0, 255, 0.9), 0.5177371781em 0.3563709278em 7px rgba(157, 0, 255, 0.9), 0.0006015558em 0.296581091em 7px rgba(0, 213, 255, 0.9), 0.642232986em -0.1921965783em 7px rgba(255, 191, 0, 0.9), 0.0174027552em 0.7604013843em 7px rgba(90, 0, 255, 0.9), 2.4948887966em 1.6922256887em 7px rgba(245, 0, 255, 0.9), 1.4599343788em 1.453296517em 7px rgba(60, 255, 0, 0.9);
  animation-duration: 41s;
  animation-delay: -19s;
}

html::before {
  content: '';
  letter-spacing: .5em;
  text-shadow: 0 0 5px #000;
  white-space: pre;
  color: #fff;
  position: fixed;
  top: 50%;
  left: 50%;
  z-index: 1;
  transform: translate(-50%, -50%);
  text-align: center;
  color: #999;
}

html:first-line {
  font-size: 300%;
  font-style: italic;
  letter-spacing: 0;
  color: #fff;
}

@keyframes move {
  from {
    transform: rotate(0deg) scale(12) translateX(-20px);
  }
  to {
    transform: rotate(360deg) scale(18) translateX(20px);
  }
}


/*悬浮链接*/
.suspension{position:fixed;z-index:55;right:0;top:140px;width:70px;height:240px;}
.suspension-box{position:relative;float:right;}
.suspension .a{display:block;width:44px;height:44px;background-color:#353535;margin-bottom:4px;cursor:pointer;outline:none;}
.suspension .a.active,
.suspension .a:hover{background:#F05352;}
.suspension .a .i{float:left;width:44px;height:44px;background-image:url(../images/side_icon.png);background-repeat:no-repeat;}
/* .suspension .a-service .i{background-position:0 0;} */
.suspension .a-service .i{width:20px;height:20px;margin-top:12px;margin-left:12px;background-image:url(../images/suspension-bg.png);background-repeat:no-repeat;background-position:0 0;}
.suspension .a-service-phone .i{width:20px;height:20px;margin-top:12px;margin-left:12px;background-image:url(../images/suspension-bg.png);background-repeat:no-repeat;background-position:-27px 0;}
.suspension .a-qrcode .i{background-position:-44px 0;}
.suspension .a-cart .i{background-position:-88px 0;}
.suspension .a-top .i{background-position:-132px 0;}
.suspension .a-top{background:#D2D3D6;display:none;}
.suspension .a-top:hover{background:#c0c1c3;}
.suspension .d{display:none;width:223px;background:#fff;position:absolute;right:67px;min-height:90px;border:1px solid #E0E1E5;border-radius:3px;box-shadow:0px 2px 5px 0px rgba(161, 163, 175, 0.11);}
.suspension .d .arrow{position:absolute;width:8px;height:12px;background:url(../images/side_bg_arrow.png) no-repeat;right:-8px;top:31px;}
.suspension .d-service{top:0;}
.suspension .d-service-phone{top:34px;}
.suspension .d-qrcode{top:78px;}
.suspension .d .inner-box{padding:8px 22px 12px;}
.suspension .d-service-item{border-bottom:1px solid #eee;padding:14px 0;}
.suspension .d-service .d-service-item{border-bottom:none;}
.suspension .d-service-item .circle{width:44px;height:44px;border-radius:50%;overflow:hidden;background:#F1F1F3;display:block;float:left;}
.suspension .d-service-item .i-qq{width:44px;height:44px;background:url(../images/side_con_icon03.png) no-repeat center 15px;display:block;transition:all .2s;border-radius:50%;overflow:hidden;}
.suspension .d-service-item:hover .i-qq{background-position:center 3px;}
.suspension .d-service-item .i-tel{width:44px;height:44px;background:url(../images/side_con_icon02.png) no-repeat center center;display:block;}
.suspension .d-service-item h3{float:left;width:112px;line-height:44px;font-size:15px;margin-left:12px; color:#333;}
.suspension .d-service-item .text{float:left;width:112px;line-height:22px;font-size:15px;margin-left:12px;}
.suspension .d-service-item .text .number{font-family:Arial,"Microsoft Yahei","HanHei SC",PingHei,"PingFang SC","Helvetica Neue",Helvetica,Arial,"Hiragino Sans GB","Heiti SC","WenQuanYi Micro Hei",sans-serif;}
.suspension .d-service-intro{padding-top:10px;}
.suspension .d-service-intro p{float:left;line-height:27px;font-size:12px;width:50%;white-space:nowrap;color:#888;}
.suspension .d-service-intro i{background:url(../images/side_con_icon01.png) no-repeat center center;height:27px;width:14px;margin-right:5px;vertical-align:top;display:inline-block;}
.suspension .d-qrcode{text-align:center;}
.suspension .d-qrcode .inner-box{padding:20px 0;}
.suspension .d-qrcode p{font-size:16px;color:#93959c;}
/*大于1024像素*/
@media all and (min-width: 1024px){
/*显示与隐藏*/
.pdis{display:block;}
.idis{ display:none;}
.mdis{display:none;}	
/*====头部====*/
header{
	width:100%;
	height:140px;
	background:url(img/top_bj.jpg) repeat-x;
}
header .h-main{
	width:100%;
	max-width:1600px;
	height:140px;
	margin:0 auto;
	
}
header .h-main .hm-top{
	width:100%;
	height:40px;
	
}
header .h-main .hm-top h2{
	display:block;
	float:left;
	font:14px/40px 'microsoft yahei';
	color:#fff;
	margin-left:10px;
}
header .h-main .hm-top .hmt-right{
	height:40px;
	float:right;
	margin-right:10px;
}
header .h-main .hm-top .hmt-right a{
	display:block;
	float:left;
	height:28px;
	padding:0 18px;
	background-color:#E8E8E8;
	color:#333;
	font:14px/28px 'microsoft yahei';
	margin:6px 10px 0 0;
	transition-duration: 0.2s;
}
header .h-main .hm-top .hmt-right a:hover{ background-color:#bb0511;color:#fff;}
header .h-main .hm-top .hmt-right span{
	display:block;
	float:left;
	height:28px;
	padding:0 18px;
	color:#333;
	font:14px/28px 'microsoft yahei';
	margin:6px 0px 0 0;
	transition-duration: 0.2s;
}

header .h-main .hm-top .hmt-right i{
	display:block;
	float:left;
	width:28px;
	height:28px;
	font-size:20px;
	line-height:30px;
	color:#666;
	margin:4px 0 0 6px;
	transition-duration: 0.2s;
}
header .h-main .hm-top .hmt-right i:hover{
	color:#bb0511;
}
header .h-main nav{
	width:100%;
	height:100px;
}
header .h-main nav a.logo{
	display:block;
	height:100px;
	float:left;
	margin-left:10px;
}
header .h-main nav a.logo img{
	display:block;
	height:80px;
	margin-top:10px;
}
header .h-main nav .menuMain{
	display:block;
	height:80px;
	float:right;
}
header .h-main nav .menuMain .mn-top{
	display:none;
	width:100%;
	height:46px;
	background-color:#bb0511;
}
header .h-main nav .navmain{
	display:block;
	float:right;
	height:100px;
}
header .h-main nav .navmain .son{
	display:block;
	height:46px;
	float:left;
	margin:26px 10px 0 0;
	position:relative;
}
header .h-main nav .navmain .son .mbut{
	display:block;
	padding:4px 15px;
	font:16px/46px 'microsoft yahei';
	color:#333;
	transition-duration:0.2s;
	cursor:pointer;
}
header .h-main nav .navmain .son:hover .mbut{
	background-color:#bb0511;
	border-bottom:4px solid #333;
	color:#fff;
}
header .h-main nav .navmain .son .mbut span{
	display:block;
	width:100%;
	font:18px/28px 'microsoft yahei';
	color:#333;
}
header .h-main nav .navmain .son:hover .mbut span{
	color:#fff;
}
header .h-main nav .navmain .son .mbut em{
	display:block;
	width:100%;
	font:14px/18px 'microsoft yahei';
	color:#333;
	text-align:center;
}
header .h-main nav .navmain .son:hover .mbut em{
	color:#fff;
}
header .h-main nav .navmain .son dl{
	transition-duration:0.2s;
}

header .h-main nav .navmain .son ul{
	display:block;
	width:100%;
	height:0px;
	overflow:hidden;
	position:absolute;
	top:58px;
	transition-duration:0.2s;
	z-index:999999;
}
header .h-main nav .navmain .son:hover ul{
	display:block;
	width:100%;
	height:auto;
	overflow:hidden;
	background: rgba(0,0,0, 0.8);
	position:absolute;
	top:58px;
	padding:8px 0;
}
header .h-main nav .navmain .son:hover ul li{
	display:block;
	width:100%;
	height:34px;
}
header .h-main nav .navmain .son:hover ul li a{
	display:block;
	width:100%;
	height:34px;
	text-align:center;
	font:14px/34px 'microsoft yahei';
	color:#fff;
	transition-duration:0.2s;
}
header .h-main nav .navmain .son:hover ul li:hover a{
	font:15px/34px 'microsoft yahei';
	color:#fff;
}
header .h-main nav .so{
	width:34px;
	height:36px;
	float:right;
	margin-top:30px;
	margin-left:15px;
	margin-right:10px;
}
header .h-main nav .so i{
	display:block;
	width:34px;
	height:36px;
	font-size:36px;
	line-height:36px;
	color:#666;
	cursor:pointer;
}
header .h-main nav .menu{
	display:none;
}
/*====底部样式====*/
footer{
	width:100%;
	height:auto;
	overflow:hidden;
	padding:30px 0 20px 0;
	background-color:#1a1a1a;
}
footer .f-main{
	max-width:1600px;
	min-width:1024px;
	height:auto;
	overflow:hidden;
	margin:0 auto;
}
footer .f-main .left{
	width:25%;
	height:auto;
	overflow:hidden;
	float:right;
}
footer .f-main .left .fl-but{
	display:block;
	float:left;
	height:40px;
	margin-left:10px;
	border-radius:20px;
	padding:0 20px;
	background-color:#e83522;
}
footer .f-main .left .fl-but i{
	display:block;
	height:40px;
	float:left;
	font-size:20px;
	color:#FFF;
	line-height:40px;
	transition-duration:0.2s;
}
footer .f-main .left .fl-but:hover i{font-size:24px;line-height:40px;}
footer .f-main .left .fl-but span{
	display:block;
	height:40px;
	float:left;
	font-size:15px;
	color:#FFF;
	margin-left:8px;
	line-height:38px;
	transition-duration:0.2s;
}
footer .f-main .left .fl-tel{
	float:left;
	margin-left:10px;
	height:auto;
	clear:both;
}
footer .f-main .left .fl-tel dl{
	display:block;
	float:left;
	font:14px/24px 'microsoft yahei';
	color:#CCC;
	margin-top:16px;
}
footer .f-main .left .fl-tel span{
	clear:both;
	display:block;
	float:left;
	font:30px/34px 'microsoft yahei';
	color:#fff;
}
footer .f-main .left .fl-copyright{
	float:left;
	margin-left:10px;
	margin-top:18px;
	height:auto;
	clear:both;
}
footer .f-main .left .fl-copyright p{
	clear:both;
	display:block;
	float:left;
	font:14px/22px 'microsoft yahei';
	color:#fff;
}
footer .f-main .right{
	width:52%;
	height:auto;
	overflow:hidden;
	float:right;
}
footer .f-main .right ul{
	display:block;
	float:right;
	width:22%;
}
footer .f-main .right ul h2{
	display:block;
	height:30px;
	float:left;
	padding-right:5%;
	font:16px/30px 'microsoft yahei';
	color:#fff;
	margin-bottom:8px;
	border-bottom:1px solid #666;
}
footer .f-main .right ul li{
	clear:both;
	display:block;
	height:30px;
	float:left;
}
footer .f-main .right ul li a{
	font:14px/30px 'microsoft yahei';
	color:#CCC;
	transition-duration:0.2s;
}
footer .f-main .right ul li a:hover{
	color:#F30;
}
footer .f-main .in{
	width:20%;
	height:auto;
	overflow:hidden;
	float:right;
	margin-left:3%;
}
footer .f-main .in .ewm{
	width:96%;
	max-width:206px;
	height:auto;
	border-left:1px solid #666;
	border-right:1px solid #666;
	padding:0 10px;
}
footer .f-main .in .ewm img{
	display:block;
	width:70%;
	margin:10px auto 0 auto;
}
footer .f-main .in .ewm span{
	display:block;
	width:70%;
	font:14px/30px 'microsoft yahei';
	color:#fff;
	text-align:center;
	margin:6px auto 0 auto;
}
/*==地图样式==*/
.iw_poi_title {color:#CC5522;font-size:14px;font-weight:bold;overflow:hidden;padding-right:13px;white-space:nowrap}
.iw_poi_content {font:12px arial,sans-serif;overflow:visible;padding-top:4px;white-space:-moz-pre-wrap;word-wrap:break-word}
#dituContent{width:100%;height:500px;}

/*====*/
.in-title{
	width:100%;
	height:auto;
	margin:20px 0 20px 0;
	overflow:hidden;
}
.in-title .name{
	width:100%;
	height:auto;
	overflow:hidden;
	text-align:center;
}
.in-title .name img{
	display:block;
	max-height:80px;
	margin:0 auto;
}
.in-title .name > span{
	display:inline-block;
	vertical-align: middle;
	height:50px;
	font:40px/50px 'microsoft yahei';
	color:#e10808;
}
.in-title .name > dl{
	display:inline-block;
	vertical-align: middle;
	height:50px;
	font:40px/50px 'microsoft yahei';
	color:#000;
}
.in-title em{
	display:block;
	width:100%;
	height:auto;
	overflow:hidden;
	text-align:center;
	font:20px/30px 'microsoft yahei';
	color:#555;
}
/*==单页内容头部横幅==*/
.pagetop-banner{
	display:block;
	width:100%;
	height:400px;
	overflow:hidden;
}
.pagetop-banner .curnav{
	max-width:1200px;
	width:96%;
	height:56px;
	padding:0 2%;
	margin:0 auto;
	background: rgba(0,0,0, 0.6);
	border-radius: 0px 0px 28px 28px;
}
.pagetop-banner .curnav a{
	display:block;
	float:left;
	height:56px;
	font:14px/56px 'microsoft yahei';
	color:#fff;
}
.pagetop-banner .curnav a{
	display:block;
	float:left;
	height:56px;
	font:14px/56px 'microsoft yahei';
	color:#fff;
}
.pagetop-banner .curnav i{
	display:block;
	float:left;
	height:56px;
	margin:0 8px;
	font:12px/56px 'microsoft yahei';
	color:#d6d6d6;
}
.pagetop-banner .curnav span{
	display:block;
	float:left;
	height:56px;
	font:14px/56px 'microsoft yahei';
	color:#fff;
}
.pagetop-banner .text{
	max-width:1200px;
	width:96%;
	height:auto;
	margin:120px auto 0 auto;
	text-align:center;
}
.pagetop-banner .text h1{
	display:block;
	text-align:center;
	width:100%;
	font:50px/56px 'microsoft yahei';
	color:#fff;
}
.pagetop-banner .text em{
	display:inline-block;
	vertical-align: middle;
	text-align:center;
	padding:0 15px;
	font:30px/40px 'microsoft yahei';
	color:#d71825;
	text-transform:uppercase;
	background: rgba(0,0,0, 0.6);
	margin-top:10px;
}
.pagetop-banner .text2{
	max-width:1200px;
	width:96%;
	height:auto;
	margin:120px auto 0 auto;
	text-align:center;
}
.pagetop-banner .text2 h1{
	display:block;
	text-align:center;
	width:100%;
	font:50px/56px 'microsoft yahei';
	color:#fff;
}
.pagetop-banner .text2 a{
	display:inline-block;
	vertical-align: middle;
	text-align:center;
	padding:0 18px;
	font:14px/36px 'microsoft yahei';
	color:#fff;
	text-transform:uppercase;
	background: rgba(0,0,0, 0.6);
	margin-top:40px;
	margin:80px 6px 4px 6px;
	transition-duration:0.2s;
	border-radius:4px;
}
.pagetop-banner .text2 a:hover{
	font-size:16px;
}
.pagetop-banner .text2 a.cur{
	background: rgba(170,7,19, 0.9);
}

.pagetop-banner .text3{
	max-width:1200px;
	width:96%;
	height:auto;
	margin:120px auto 0 auto;
	text-align:center;
}
.pagetop-banner .text3 .search{
	width:600px;
	height:56px;
	margin:0 auto;
	
}
.pagetop-banner .text3 .search .textKey{
	display:block;
	border:0;outline:none;
    padding:0 0;
    height: 54px;
	float:left;
    width:500px;
	padding:0 10px;
    font-size: 16px;
	line-height:54px;
    background: none;
	margin:0 auto;
    border: none;
    color: #333;
	background-color:#FF0;
}
.pagetop-banner .text3 .search .soBut{
    -webkit-appearance: none;
    background:#d71825;
    border: none;
    color: #fff;
    cursor: pointer;
    height:54px;
	float:right;
    font:18px/54px 'microsoft yahei';
    letter-spacing: 0.05em;
    text-align: center;
    text-transform: uppercase;
    transition: background 0.3s ease-in-out;
    width:80px;
	margin:0 auto 20px auto;
}

/*==提示框==*/
.TipsInfo{
	width:600px;
	height:auto;
	padding:10px;
	border:1px solid #FAAD94;
	background-color:#fbe5dd;
	margin:0 auto;
	text-align:center;
	font:14px/24px 'microsoft yahei';
}

	
}

/*小于1024像素*/
@media all and (max-width:1024px){
/*显示与隐藏*/
.pdis{display:none;}
.idis{ display:block;}
.mdis{display:none;}
/*====头部====*/
header{
	width:100%;
	height:auto;
	background-color:#fff;
}
header .h-main{
	width:100%;
	max-width:1024px;
	height:auto;
	margin:0 auto;
}
header .h-main .hm-top{
	width:100%;
	height:40px;
	background-color:#fff;
}
header .h-main .hm-top h2{
	display:block;
	float:left;
	font:14px/40px 'microsoft yahei';
	color:#666;
}
header .h-main .hm-top .hmt-right{
	height:40px;
	float:right;
}
header .h-main .hm-top .hmt-right a{
	display:block;
	float:left;
	height:28px;
	padding:0 18px;
	background-color:#E8E8E8;
	color:#333;
	font:14px/28px 'microsoft yahei';
	margin:6px 10px 0 0;
	transition-duration: 0.2s;
}
header .h-main .hm-top .hmt-right a:hover{ background-color:#bb0511;color:#fff;}
header .h-main .hm-top .hmt-right span{
	display:block;
	float:left;
	height:28px;
	padding:0 18px;
	color:#333;
	font:14px/28px 'microsoft yahei';
	margin:6px 0px 0 0;
	transition-duration: 0.2s;
}
header .h-main .hm-top .hmt-right i{
	display:block;
	float:left;
	width:28px;
	height:28px;
	font-size:20px;
	line-height:30px;
	color:#666;
	margin:4px 0 0 6px;
	transition-duration: 0.2s;
}
header .h-main .hm-top .hmt-right i:hover{
	color:#bb0511;
}
header .h-main nav{
	width:100%;
	height:100px;
}
header .h-main nav a.logo{
	display:block;
	height:100px;
	float:left;
}
header .h-main nav a.logo img{
	display:block;
	height:80px;
	margin-top:10px;
}
header .h-main nav .so{
	width:34px;
	height:36px;
	float:right;
	margin-top:25px;
	margin-left:15px;
	margin-right:10px;
}
header .h-main nav .so i{
	display:block;
	width:34px;
	height:36px;
	font-size:36px;
	line-height:36px;
	color:#666;
	cursor:pointer;
}
header .h-main nav .menu{
	display:block;
	float:right;
	margin-right:10px;
	margin-top:20px;
	height:46px;
	cursor:pointer;
}
header .h-main nav .menu i{
	display:block;
	height:46px;
	line-height:46px;
	font-size:30px;
	color:#666;
}

header .h-main nav .menuMain{
	display:none;
	width:40%;
	height:auto;
	overflow:hidden;
	position:fixed;
	top:0;
	right:0;
	z-index:999999;
}
header .h-main nav .menuMain .mn-top{
	width:100%;
	height:46px;
	background-color:#bb0511;
}
header .h-main nav .menuMain .mn-top h1{
	display:block;
	height:46px;
	float:left;
	margin-left:10px;
	line-height:46px;
	font-size:16px;
	color:#E4E4E4;
}
header .h-main nav .menuMain .mn-top .menuClose{
	display:block;
	float:right;
	margin-right:10px;
	height:46px;
	cursor:pointer;
}
header .h-main nav .menuMain .mn-top .menuClose i{
	display:block;
	height:46px;
	line-height:46px;
	font-size:20px;
	color:#fff;
}
header .h-main nav .navmain{
	width:100%;
	height:auto;
	overflow:auto;
	background: rgba(219,218,218, 0.95);
}
header .h-main nav .navmain .son{
	width:100%;
	height:auto;
	overflow:auto;
}
header .h-main nav .navmain li.son .mbut{
	display:block;
	width:92%;
	height:46px;
	padding:0 4%;
	line-height:46px;
	font-size:16px;
	color:#fff;
	background: rgba(40,40,40, 0.8);
	border-bottom:1px solid #fff;
	cursor:pointer;
}
/*二级菜单样式*/
header .h-main nav .navmain li.son ul.SonContent{
	width:100%;
	height:auto;
	padding:8px 0;
	overflow:hidden;
	z-index:999999;
}
header .h-main nav .navmain li.son ul.SonContent li{
	display:block;
	width:100%;
	height:36px;
}
header .h-main nav .navmain li.son ul.SonContent li a{
	display:block;
	float:left;
	height:36px;
	line-height:36px;
	margin-left:20px;
	font-size:14px;
	color:#000;
} 

/*====底部样式====*/
footer{
	width:100%;
	height:auto;
	overflow:hidden;
	padding:30px 0 20px 0;
	background-color:#1a1a1a;
}
footer .f-main{
	width:96%;
	height:auto;
	overflow:hidden;
	margin:0 auto;
}
footer .f-main .left{
	width:60%;
	height:auto;
	float:left;
	overflow:hidden;
}
footer .f-main .left .fl-but{
	display:block;
	width:94px;
	height:40px;
	margin-left:10px;
	border-radius:20px;
	padding:0 20px;
	background-color:#e83522;
}
footer .f-main .left .fl-but i{
	display:block;
	height:40px;
	float:left;
	font-size:20px;
	color:#FFF;
	line-height:40px;
	transition-duration:0.2s;
}
footer .f-main .left .fl-but:hover i{font-size:24px;line-height:40px;}
footer .f-main .left .fl-but span{
	display:block;
	height:40px;
	float:left;
	font-size:15px;
	color:#FFF;
	margin-left:8px;
	line-height:38px;
	transition-duration:0.2s;
}
footer .f-main .left .fl-tel{
	float:left;
	margin-left:10px;
	height:auto;
	clear:both;
}
footer .f-main .left .fl-tel dl{
	display:block;
	float:left;
	font:14px/24px 'microsoft yahei';
	color:#CCC;
	margin-top:16px;
}
footer .f-main .left .fl-tel span{
	clear:both;
	display:block;
	float:left;
	font:30px/34px 'microsoft yahei';
	color:#fff;
}
footer .f-main .left .fl-copyright{
	float:left;
	margin-top:18px;
	height:auto;
	clear:both;
}
footer .f-main .left .fl-copyright p{
	clear:both;
	display:block;
	float:left;
	font:14px/22px 'microsoft yahei';
	color:#fff;
}
footer .f-main .right{
	width:100%;
	height:auto;
	overflow:hidden;
	margin-bottom:20px;
	text-align:center;
	padding-bottom:20px;
	border-bottom:1px solid #444;
}
footer .f-main .right > ul{
	display:inline-block;
	vertical-align: middle;
	width:24%;
}
footer .f-main .right ul h2{
	display:block;
	height:30px;
	text-align:center;
	font:16px/30px 'microsoft yahei';
	color:#fff;
	margin-bottom:8px;
	border-bottom:1px solid #444;
}
footer .f-main .right ul li{
	clear:both;
	display:block;
	height:30px;
	text-align:center;
}
footer .f-main .right ul li a{
	font:14px/30px 'microsoft yahei';
	color:#CCC;
	transition-duration:0.2s;
}
footer .f-main .right ul li a:hover{
	color:#F30;
}
footer .f-main .in{
	width:40%;
	height:auto;
	float:left;
	overflow:hidden;
}
footer .f-main .in .ewm{
	width:96%;
	max-width:206px;
	height:auto;
	
	padding:0 10px;
}
footer .f-main .in .ewm img{
	display:block;
	width:70%;
	margin:10px auto 0 auto;
}
footer .f-main .in .ewm span{
	display:block;
	width:70%;
	font:14px/30px 'microsoft yahei';
	color:#fff;
	text-align:center;
	margin:6px auto 0 auto;
}

/*==地图样式==*/
.iw_poi_title {color:#CC5522;font-size:14px;font-weight:bold;overflow:hidden;padding-right:13px;white-space:nowrap}
.iw_poi_content {font:12px arial,sans-serif;overflow:visible;padding-top:4px;white-space:-moz-pre-wrap;word-wrap:break-word}
#dituContent{width:100%;height:400px;}

/*====*/
.in-title{
	width:100%;
	height:auto;
	margin:40px 0 20px 0;
	overflow:hidden;
}
.in-title .name{
	width:100%;
	height:auto;
	overflow:hidden;
	text-align:center;
}
.in-title .name img{
	display:block;
	max-height:70px;
	margin:0 auto;
}
.in-title .name > span{
	display:inline-block;
	vertical-align: middle;
	height:50px;
	font:40px/50px 'microsoft yahei';
	color:#e10808;
}
.in-title .name > dl{
	display:inline-block;
	vertical-align: middle;
	height:50px;
	font:40px/50px 'microsoft yahei';
	color:#000;
}
.in-title em{
	display:block;
	width:100%;
	height:auto;
	overflow:hidden;
	text-align:center;
	font:20px/30px 'microsoft yahei';
	color:#555;
}

/*==单页内容头部横幅==*/
.pagetop-banner{
	display:block;
	width:100%;
	height:400px;
	overflow:hidden;
}
.pagetop-banner .curnav{
	max-width:1020px;
	width:90%;
	height:56px;
	padding:0 4%;
	margin:0 auto;
	background: rgba(0,0,0, 0.6);
	border-radius: 0px 0px 28px 28px;
}
.pagetop-banner .curnav a{
	display:block;
	float:left;
	height:56px;
	font:14px/56px 'microsoft yahei';
	color:#fff;
}

.pagetop-banner .curnav i{
	display:block;
	float:left;
	height:56px;
	margin:0 8px;
	font:12px/56px 'microsoft yahei';
	color:#d6d6d6;
}
.pagetop-banner .curnav span{
	display:block;
	float:left;
	height:56px;
	font:14px/56px 'microsoft yahei';
	color:#fff;
}
.pagetop-banner .text{
	max-width:1200px;
	width:96%;
	height:auto;
	margin:120px auto 0 auto;
	text-align:center;
}
.pagetop-banner .text h1{
	display:block;
	text-align:center;
	width:100%;
	font:50px/56px 'microsoft yahei';
	color:#fff;
}
.pagetop-banner .text em{
	display:inline-block;
	vertical-align: middle;
	text-align:center;
	padding:0 15px;
	font:30px/40px 'microsoft yahei';
	color:#d71825;
	text-transform:uppercase;
	background: rgba(0,0,0, 0.6);
	margin-top:10px;
}

.pagetop-banner .text2{
	width:96%;
	height:auto;
	overflow:hidden;
	margin:80px auto 0 auto;
	text-align:center;
}
.pagetop-banner .text2 h1{
	display:block;
	text-align:center;
	width:100%;
	font:50px/56px 'microsoft yahei';
	color:#fff;
	margin-bottom:20px;
}
.pagetop-banner .text2 a{
	display:inline-block;
	vertical-align: middle;
	text-align:center;
	padding:0 18px;
	font:14px/36px 'microsoft yahei';
	color:#fff;
	text-transform:uppercase;
	background: rgba(0,0,0, 0.6);
	margin-top:40px;
	margin:10px 6px 4px 6px;
	transition-duration:0.2s;
	border-radius:4px;
}
.pagetop-banner .text2 a:hover{
	font-size:16px;
}
.pagetop-banner .text2 a.cur{
	background: rgba(170,7,19, 0.9);
}
/*==提示框==*/
.TipsInfo{
	width:94%;
	height:auto;
	padding:2%;
	border:1px solid #FAAD94;
	background-color:#fbe5dd;
	margin:0 auto;
	text-align:center;
	font:14px/24px 'microsoft yahei';
}
.pagetop-banner .text3{
	max-width:1200px;
	width:96%;
	height:auto;
	margin:120px auto 0 auto;
	text-align:center;
}
.pagetop-banner .text3 .search{
	width:600px;
	height:56px;
	margin:0 auto;
	
}
.pagetop-banner .text3 .search .textKey{
	display:block;
	border:0;outline:none;
    padding:0 0;
    height: 54px;
	float:left;
    width:500px;
	padding:0 10px;
    font-size: 16px;
	line-height:54px;
    background: none;
	margin:0 auto;
    border: none;
    color: #333;
	background-color:#FF0;
}
.pagetop-banner .text3 .search .soBut{
    -webkit-appearance: none;
    background:#d71825;
    border: none;
    color: #fff;
    cursor: pointer;
    height:54px;
	float:right;
    font:18px/54px 'microsoft yahei';
    letter-spacing: 0.05em;
    text-align: center;
    text-transform: uppercase;
    transition: background 0.3s ease-in-out;
    width:80px;
	margin:0 auto 20px auto;
}
	
}



/*小于400像素*/
@media all and (max-width:480px){
/*显示与隐藏*/
.pdis{display:none;}
.idis{ display:none;}
.mdis{display:block;}
/*====头部====*/
header .h-main{
	width:96%;
	max-width:480px;
}
header .h-main .hm-top h2{
	display:none;
}
header .h-main nav{
	height:70px;
}
header .h-main nav a.logo{
	height:70px;
}
header .h-main nav a.logo img{
	height:60px;
	margin-top:5px;
}
header .h-main nav .so{
	margin-top:18px;
}
header .h-main nav .menu{
	margin-right:10px;
	margin-top:14px;
}

header .h-main nav .menuMain{
	width:100%;
	height:100vh;
}


/*====底部样式====*/
footer .f-main .right{
	display:none;
}
footer .f-main .in{
	width:100%;
	height:auto;
	overflow:hidden;
}
footer .f-main .in .ewm{
	width:70%;
	height:auto;
	margin:0 auto;
}
footer .f-main .in .ewm img{
	width:100%;
}
footer .f-main .in .ewm span{
	width:100%;
}
footer .f-main .left{
	width:100%;
	height:auto;
	overflow:hidden;
	text-align:center;
	margin-top:20px;
}
footer .f-main .left .fl-but{
	display:inline-block;
	vertical-align: middle;
	width:94px;
	height:40px;
	border-radius:20px;
	padding:0 20px;
	background-color:#e83522;
	margin:0 auto;
}
footer .f-main .left .fl-tel{
	width:100%;
	height:auto;
	overflow:hidden;
}
footer .f-main .left .fl-tel dl{
	display:block;
	width:100%;
	text-align:center;
	font:14px/24px 'microsoft yahei';
	color:#CCC;
	margin-top:16px;
}
footer .f-main .left .fl-tel span{
	display:block;
	width:100%;
	text-align:center;
	font:30px/34px 'microsoft yahei';
	color:#fff;
}
footer .f-main .left .fl-copyright{
	width:100%;
	margin-top:18px;
	height:auto;
	clear:both;
}
footer .f-main .left .fl-copyright p{
	display:block;
	width:100%;
	text-align:center;
	font:14px/22px 'microsoft yahei';
	color:#999;
}
/*==地图样式==*/
#dituContent{width:100%;height:300px;}
/*====*/
.in-title .name img{
	display:block;
	max-height:50px;
	margin:0 auto;
}
.in-title em{
	display:block;
	width:100%;
	height:auto;
	overflow:hidden;
	text-align:center;
	font:16px/30px 'microsoft yahei';
	color:#555;
}
/*==单页内容头部横幅==*/
.pagetop-banner{
	display:block;
	width:100%;
	height:280px;
	overflow:hidden;
}
.pagetop-banner .curnav{
	max-width:480px;
	width:88%;
	height:auto;
	overflow:hidden;
	padding:12px 6%;
	margin:0 auto;
	background: rgba(0,0,0, 0.6);
	border-radius: 0px 0px 0px 0px;
}
.pagetop-banner .curnav a{
	display:block;
	float:left;
	height:22px;
	font:14px/22px 'microsoft yahei';
	color:#fff;
}

.pagetop-banner .curnav i{
	display:block;
	float:left;
	height:22px;
	margin:0 8px;
	font:12px/22px 'microsoft yahei';
	color:#d6d6d6;
}
.pagetop-banner .curnav span{
	display:block;
	float:left;
	height:22px;
	font:14px/22px 'microsoft yahei';
	color:#fff;
}
.pagetop-banner .text{
	max-width:1200px;
	width:96%;
	height:auto;
	margin:80px auto 0 auto;
	text-align:center;
}
.pagetop-banner .text h1{
	display:block;
	text-align:center;
	width:100%;
	font:40px/50px 'microsoft yahei';
	color:#fff;
}
.pagetop-banner .text em{
	display:inline-block;
	vertical-align: middle;
	text-align:center;
	padding:0 15px;
	font:20px/36px 'microsoft yahei';
	color:#d71825;
	text-transform:uppercase;
	background: rgba(0,0,0, 0.6);
	margin-top:10px;
}

.pagetop-banner .text2{
	width:96%;
	height:auto;
	overflow:hidden;
	margin:40px auto 0 auto;
	text-align:center;
}
.pagetop-banner .text2 h1{
	display:block;
	text-align:center;
	width:100%;
	font:40px/50px 'microsoft yahei';
	color:#fff;
	margin-bottom:20px;
}
.pagetop-banner .text2 a{
	display:inline-block;
	vertical-align: middle;
	text-align:center;
	padding:0 18px;
	font:14px/36px 'microsoft yahei';
	color:#fff;
	text-transform:uppercase;
	background: rgba(0,0,0, 0.6);
	margin-top:40px;
	margin:5px 2px 4px 2px;
	transition-duration:0.2s;
	border-radius:4px;
}

/*==提示框==*/
.TipsInfo{
	width:94%;
	height:auto;
	padding:2%;
	border:1px solid #FAAD94;
	background-color:#fbe5dd;
	margin:0 auto;
	text-align:center;
	font:14px/24px 'microsoft yahei';
}

.pagetop-banner .text3{
	max-width:1200px;
	width:96%;
	height:auto;
	margin:60px auto 0 auto;
	text-align:center;
}
.pagetop-banner .text3 .search{
	width:100%;
	height:56px;
	margin:0 auto;
	
}
.pagetop-banner .text3 .search .textKey{
	display:block;
	border:0;outline:none;
    padding:0 0;
    height: 54px;
    width:94%;
	padding:0 3%;
    font-size: 16px;
	line-height:54px;
    background: none;
	margin:0 auto;
    border: none;
    color: #333;
	background-color:#FF0;
}
.pagetop-banner .text3 .search .soBut{
    -webkit-appearance: none;
    background:#d71825;
    border: none;
    color: #fff;
    cursor: pointer;
    height:54px;
	float:left;
    font:18px/54px 'microsoft yahei';
    letter-spacing: 0.05em;
    text-align: center;
    text-transform: uppercase;
    transition: background 0.3s ease-in-out;
    width:120px;
	margin:8px auto 20px auto;
}



}




/*LoginHint*/
#LoginHint{
	width:98%;
	height:16px;
	font:14px/16px 'microsoft yahei';
	color:#f30;
	display:block;
	margin:0 auto;
	padding-bottom:20px;
}
#LoginHint .ok{
	font:15px/16px 'microsoft yahei';
	color:#73B339;
}
#UpdateHint{
	width:300px;
	height:40px;
	display:none;
	margin:0 auto;
	margin:-20px 0 0 -150px;
	padding-bottom:20px;
	position:fixed;
	left:50%;
	top:50%;
	z-index:99999999;
	text-align:center;
}
#UpdateHint span{
	display:inline-block;
	vertical-align: middle;
	padding:0 10px;
	background: rgba(0,0,0, 0.4);
	font:16px/40px 'microsoft yahei';
	text-align:center;
	color:#fff;
}
#UpdateHint .ok{
	font:16px/40px 'microsoft yahei';
	color:#fff;
	background: rgba(18,166,10, 0.5);
}
/*loadingstyle*/
.loadingstyle {
  width: 50px;
  height: 60px;
  text-align: center;
  font-size: 10px;
  position:fixed;
  left:50%;  
  top:50%;  
  margin:-30px 0 0 -25px;
  z-index:99999999;
  display:none;
}
 
.loadingstyle > div {
  /*background-color: #67CF22;*/
  height: 100%;
  width: 6px;
  display: inline-block;
   background-color:#85c30c;
  -webkit-animation: stretchdelay 1.2s infinite ease-in-out;
  animation: stretchdelay 1.2s infinite ease-in-out;
}
 
.loadingstyle .rect2 {
	
  -webkit-animation-delay: -1.1s;
  animation-delay: -1.1s;
}
 
.loadingstyle .rect3 {
  -webkit-animation-delay: -1.0s;
  animation-delay: -1.0s;
}
 
.loadingstyle .rect4 {
  -webkit-animation-delay: -0.9s;
  animation-delay: -0.9s;
}
 
.loadingstyle .rect5 {
  -webkit-animation-delay: -0.8s;
  animation-delay: -0.8s;
}
 
@-webkit-keyframes stretchdelay {
  0%, 40%, 100% { -webkit-transform: scaleY(0.4) } 
  20% { -webkit-transform: scaleY(1.0) }
}
 
@keyframes stretchdelay {
  0%, 40%, 100% {
    transform: scaleY(0.4);
    -webkit-transform: scaleY(0.4);
  }  20% {
    transform: scaleY(1.0);
    -webkit-transform: scaleY(1.0);
  }
}




.UserNoData{
	width:100%;
	height:160px;
}
.UserNoData span{
	display:block;
	width:100%;
	height:50px;
	font:13px/50px 'microsoft yahei';
	color:#7D7D7D;
	text-align:center;
}


