@charset "gb2312";
/* 8dwww.com底层初始化样式 */

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre, 
form,fieldset,input,textarea,p,blockquote,th,td,label { 
padding: 0; 
margin: 0; 
} 

header, footer, nav, section, article, aside,figure{ display:block; margin:0px; padding:0px;}/*html5初始化*/

fieldset,img { 
border: 0; 
} 


address,caption,cite,code,dfn,th,var { 
font-weight: normal; 
font-style: normal;

} 

ol,ul { 
list-style: none; 
}
select, input, select, img, label{
    vertical-align: middle;
}

input{ font-family:"微软雅黑";font-family:Microsoft Yahei;}
input:focus{outline:none;}
input:disabled{	border: 1px solid #dedede;	color:#bbb;}

.cen{width:960px; margin:0 auto;}



body{ line-height:150%; color:#333333; font-family:Microsoft Yahei; font-size:12px; width:100%; overflow-x:hidden; background-color:#fff;}
.fnm1{ font-family:"宋体"}
.fnm2{ font-family:"微软雅黑";font-family:Microsoft Yahei;}
em{ font-style:normal;}
.b{ font-weight:bold;}

.clearfix:before,
.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  visibility: hidden;
}
.clearfix:after {clear: both;}
.clearfix {zoom: 1;} /* IE < 8 */
.fl{ float:left;}
.fr{ float:right;}

a{ color:#333; text-decoration:none; cursor:pointer;}
a:hover{ color:#2277ee}
a.blue{color:#2277ee}

.tcen{ text-align:center;}
.tlt{ text-align:left;}
.trt{ text-align:right;}
.lth{ text-decoration:line-through;}

/*字体大小*/
.f12{ font-size:12px;}
.f14{ font-size:14px;}
.f16{ font-size:16px;}
.f18{ font-size:18px;}
.f20{ font-size:20px;}
.f22{ font-size:22px;}
.f24{ font-size:24px;}
.f26{ font-size:26px;}
.f28{ font-size:28px;}
.f30{ font-size:30px;}

/*颜色*/
.red{ color:#cc0000;}
.red2{ color:#fc0000;}
.red3{ color:#cc0900;}
.green{ color:#247D08;}
.green2{ color:#039300;}
.orange{ color:#ff6000}

.blue{ color:#3F98CD;}
.grey{ color:#999;}

/*间距*/
.m10{ margin:10px;}
.mt15{ margin-top:15px;}
.mt20{ margin-top:20px;}
.mt25{ margin-top:25px;}
.mt32{ margin-top:32px;}
.mr8{ margin-right:8px;}
.mr20{ margin-right:20px;}
.mtp10{ margin-top:10px;}
.mlt10{margin-left:10px;}
.mlt16{margin-left:16px;}
.mlt20{margin-left:20px;}
.mlt25{margin-left:25px;}
.mlt30{margin-left:30px;}
.mlt36{margin-left:36px;}
.mlt66{margin-left:66px;}
.mlrt10{ margin:0 10px;}

.pd10{ padding:10px;}
.pd15{ padding:15px;}
.pt10{padding-top:10px;}
.pt30{padding-top:30px;}
.ptb10{padding:10px 0;}
.ptb15{padding:15px 0;}
.ptb20{padding:20px 0;}
.ptb30{padding:30px 0;}
.pb10{ padding-bottom:10px;}
.pb30{ padding-bottom:30px;}

/*宽度*/
.w30{ width:30px;}
.w50{ width:50px;}
.w100{ width:100px;}
.w150{ width:150px;}
.w200{ width:200px;}
.w205{ width:205px;}
.w220{ width:220px;}
.w250{ width:250px;}
.w290{ width:290px;}
.w300{ width:300px;}
.w500{ width:500px;}
.w670{ width:670px;}
.w720{ width:720px;}
.w755{ width:755px;}
.w770{ width:770px;}

.linet{ text-decoration:line-through;}

select{ padding:2px; border:1px solid #ddd; min-width:50px;}


/*btn*/
.btn{ 
  display:inline-block; 
  vertical-align: middle;
  cursor: pointer;
  text-align: center;
  *display: inline;
  padding: 6px 12px;
  margin-bottom: 0;
  line-height: 20px;
  color:#fff;
  border:none;
  font-size: 12px;
  background-color:#1299e1;-webkit-transition: all 0.2s ease-in 0s;
	-moz-transition: all 0.1s ease-in 0s;
	-o-transition: all 0.1s ease-in 0s;
	transition: all 0.1s ease-in 0s;
}
.btn:hover{
	background-color:#21a6ed; text-decoration:none;	color: #fff;}
.btn.disabled,
.btn[disabled],
.btn.disabled:active,
.btn[disabled]:active,.btn.disabled:hover,
.btn[disabled]:hover {
  color: #777;
  background-color: #ccc; text-decoration:none; cursor:pointer;
}
.btn:active,
.btn.active {
  background-color: #118fd2;
}
.btn:first-child {
  *margin-left: 0;
}
.btn.disabled,
.btn[disabled] {
  cursor: default;
  opacity: 0.65;
  filter: alpha(opacity=65);
}

.btn-yellow{ background-color:#ff6600}
.btn-yellow:hover{ color:#fff1e3; background-color:#fc6f11}
.btn-yellow:active,
.btn-yellow.active {
  background-color: #f06101;
}
.btn-white{ background-color:#e6e6e6; color:#666;}
.btn-white:hover{ color:#555; background-color:#e8e8e8}
.btn-white:active,
.btn-white.active {
  background-color: #e4e4e4;
}
.btn-red{ background-color:#e42d1b; color:#fff;}
.btn-red:hover{ color:#ffe7e5; background-color:#ed3321}
.btn-red:active,
.btn-red.active {
  background-color: #dc2614;
}

.btn-red2{ background-color:#e4393c; color:#fff;}
.btn-red2:hover{ color:#fff9f9; background-color:#e73d40}
.btn-red2:active,
.btn-red2.active {
  background-color: #dd3033;
}
.btn-red3{ background-color:#ff636b}
.btn-red3:hover{ color:#fff1e3; background-color:#ff6e76}
.btn-red3:active,
.btn-red3.active {
  background-color: #f85962;
}

.btn-green{ background-color:#3bc200; color:#fff;}
.btn-green:hover{ color:#ebffe2; background-color:#3fce01}
.btn-green:active,
.btn-green.active {
  background-color: #37b600;
}

.btn-blue1{ background-color:#61c0f2; color:#fff;}
.btn-blue1:hover{ color:#fff; background-color:#68c5f6}
.btn-blue1:active,
.btn-blue1.active {
  background-color: #5bbaec;
}

.btn-green1{ background-color:#84d58a; color:#fff;}
.btn-green1:hover{ color:#fff; background-color:#8adc90}
.btn-green1:active,
.btn-green1.active {
  background-color: #7ed084;
}

.btn-light{ background-color:#fff; color:#666; border:1px solid #ddd;}
.btn-light:hover{ color:#555; background-color:#f8f8f8}
.btn-light:active,
.btn-light.active {
  background-color: #f5f5f5;
}

.btn-big{
	padding: 15px 45px;	 font-size:18px;
}

.btn-mid{
	padding: 10px 35px;	 font-size:16px;
}

.btn-radius{  -webkit-border-radius: 2px;
     -moz-border-radius: 2px;
          border-radius: 2px;}
.table{ width:755px}
.table th, .table td{
    line-height: 24px;
    padding: 8px;
    text-align: center;
    vertical-align: top;
}
.table th.tcen,.table td.tcen{ text-align:center;}
.table th.tlt,.table td.tlt{ text-align:left;}
.table th.trt,.table td.trt{ text-align:right;}
.table th {
    font-weight: bold;
}
.table th{ font-size:16px}
.table-bordered {
  border: 1px solid #dadada;
  border-collapse: collapse; 
  border-spacing: 0; 
}

.table-bordered th,
.table-bordered td {
  border: 1px solid #dadada
}

.table-striped tbody > tr:nth-child(odd) > th
 {
  background-color: #f5f5f5;
}
.table-striped tbody > tr:nth-child(odd) > td
 {
  background-color: #fcfcfc;
}
.table-striped tbody > tr:hover > td
 {
  background-color: #f8f9fd;
}


/*input text*/
.inp{ border:1px solid #ccc; background:#fff; color:#666; font-family:"微软雅黑";}

.w{ width:1100px; margin:0 auto;}

/*loading 大*/
#circularG{
position:relative;
width:128px;
height:128px; margin:0 auto;}

.circularG{
position:absolute;
background-color:#f75a53;
width:29px;
height:29px;
-moz-border-radius:19px;
-moz-animation-name:bounce_circularG;
-moz-animation-duration:1.04s;
-moz-animation-iteration-count:infinite;
-moz-animation-direction:linear;
-webkit-border-radius:19px;
-webkit-animation-name:bounce_circularG;
-webkit-animation-duration:1.04s;
-webkit-animation-iteration-count:infinite;
-webkit-animation-direction:linear;
-ms-border-radius:19px;
-ms-animation-name:bounce_circularG;
-ms-animation-duration:1.04s;
-ms-animation-iteration-count:infinite;
-ms-animation-direction:linear;
-o-border-radius:19px;
-o-animation-name:bounce_circularG;
-o-animation-duration:1.04s;
-o-animation-iteration-count:infinite;
-o-animation-direction:linear;
border-radius:19px;
animation-name:bounce_circularG;
animation-duration:1.04s;
animation-iteration-count:infinite;
animation-direction:linear;
}

#circularG_1{
left:0;
top:50px;
-moz-animation-delay:0.39s;
-webkit-animation-delay:0.39s;
-ms-animation-delay:0.39s;
-o-animation-delay:0.39s;
animation-delay:0.39s;
}

#circularG_2{
left:14px;
top:14px;
-moz-animation-delay:0.52s;
-webkit-animation-delay:0.52s;
-ms-animation-delay:0.52s;
-o-animation-delay:0.52s;
animation-delay:0.52s;
}

#circularG_3{
top:0;
left:50px;
-moz-animation-delay:0.65s;
-webkit-animation-delay:0.65s;
-ms-animation-delay:0.65s;
-o-animation-delay:0.65s;
animation-delay:0.65s;
}

#circularG_4{
right:14px;
top:14px;
-moz-animation-delay:0.78s;
-webkit-animation-delay:0.78s;
-ms-animation-delay:0.78s;
-o-animation-delay:0.78s;
animation-delay:0.78s;
}

#circularG_5{
right:0;
top:50px;
-moz-animation-delay:0.91s;
-webkit-animation-delay:0.91s;
-ms-animation-delay:0.91s;
-o-animation-delay:0.91s;
animation-delay:0.91s;
}

#circularG_6{
right:14px;
bottom:14px;
-moz-animation-delay:1.04s;
-webkit-animation-delay:1.04s;
-ms-animation-delay:1.04s;
-o-animation-delay:1.04s;
animation-delay:1.04s;
}

#circularG_7{
left:50px;
bottom:0;
-moz-animation-delay:1.17s;
-webkit-animation-delay:1.17s;
-ms-animation-delay:1.17s;
-o-animation-delay:1.17s;
animation-delay:1.17s;
}

#circularG_8{
left:14px;
bottom:14px;
-moz-animation-delay:1.3s;
-webkit-animation-delay:1.3s;
-ms-animation-delay:1.3s;
-o-animation-delay:1.3s;
animation-delay:1.3s;
}

/*loading 中*/
#circularG2{
position:relative;
width:80px;
height:80px; margin:0 auto;}

.circularG2{
position:absolute;
background-color:#F75B53;
width:18px;
height:18px;
-moz-border-radius:12px;
-moz-animation-name:bounce_circularG;
-moz-animation-duration:1.04s;
-moz-animation-iteration-count:infinite;
-moz-animation-direction:linear;
-webkit-border-radius:12px;
-webkit-animation-name:bounce_circularG;
-webkit-animation-duration:1.04s;
-webkit-animation-iteration-count:infinite;
-webkit-animation-direction:linear;
-ms-border-radius:12px;
-ms-animation-name:bounce_circularG;
-ms-animation-duration:1.04s;
-ms-animation-iteration-count:infinite;
-ms-animation-direction:linear;
-o-border-radius:12px;
-o-animation-name:bounce_circularG;
-o-animation-duration:1.04s;
-o-animation-iteration-count:infinite;
-o-animation-direction:linear;
border-radius:12px;
animation-name:bounce_circularG;
animation-duration:1.04s;
animation-iteration-count:infinite;
animation-direction:linear;
}

#circularG2_1{
left:0;
top:32px;
-moz-animation-delay:0.39s;
-webkit-animation-delay:0.39s;
-ms-animation-delay:0.39s;
-o-animation-delay:0.39s;
animation-delay:0.39s;
}

#circularG2_2{
left:8px;
top:8px;
-moz-animation-delay:0.52s;
-webkit-animation-delay:0.52s;
-ms-animation-delay:0.52s;
-o-animation-delay:0.52s;
animation-delay:0.52s;
}

#circularG2_3{
top:0;
left:32px;
-moz-animation-delay:0.65s;
-webkit-animation-delay:0.65s;
-ms-animation-delay:0.65s;
-o-animation-delay:0.65s;
animation-delay:0.65s;
}

#circularG2_4{
right:8px;
top:8px;
-moz-animation-delay:0.78s;
-webkit-animation-delay:0.78s;
-ms-animation-delay:0.78s;
-o-animation-delay:0.78s;
animation-delay:0.78s;
}

#circularG2_5{
right:0;
top:32px;
-moz-animation-delay:0.91s;
-webkit-animation-delay:0.91s;
-ms-animation-delay:0.91s;
-o-animation-delay:0.91s;
animation-delay:0.91s;
}

#circularG2_6{
right:8px;
bottom:8px;
-moz-animation-delay:1.04s;
-webkit-animation-delay:1.04s;
-ms-animation-delay:1.04s;
-o-animation-delay:1.04s;
animation-delay:1.04s;
}

#circularG2_7{
left:32px;
bottom:0;
-moz-animation-delay:1.17s;
-webkit-animation-delay:1.17s;
-ms-animation-delay:1.17s;
-o-animation-delay:1.17s;
animation-delay:1.17s;
}

#circularG2_8{
left:8px;
bottom:8px;
-moz-animation-delay:1.3s;
-webkit-animation-delay:1.3s;
-ms-animation-delay:1.3s;
-o-animation-delay:1.3s;
animation-delay:1.3s;
}

@-moz-keyframes bounce_circularG{
0%{
-moz-transform:scale(1)}

100%{
-moz-transform:scale(.3)}

}

@-webkit-keyframes bounce_circularG{
0%{
-webkit-transform:scale(1)}

100%{
-webkit-transform:scale(.3)}

}

@-ms-keyframes bounce_circularG{
0%{
-ms-transform:scale(1)}

100%{
-ms-transform:scale(.3)}

}

@-o-keyframes bounce_circularG{
0%{
-o-transform:scale(1)}

100%{
-o-transform:scale(.3)}

}

@keyframes bounce_circularG{
0%{
transform:scale(1)}

100%{
transform:scale(.3)}

}




/* 官网前台公共样式 */
.topBar{ height:32px; background:#565050; width:100%; line-height:32px;color:#fff}
.minMenu{ width:100%,margin:0 auto;;}
.minMenu li{ float:left; margin-left:10px;}
.minMenu li a{ color:#fff; text-decoration:none;}
.minMenu li a:hover{ text-decoration:none;color:#e3f9ff}

.minMenu li.menu{ float:left; position:relative; margin-left:0px; z-index:1600;}
.minMenu li.menu .f{ height:32px; width:80px;text-indent:10px;}
.minMenu li.menu .f a{ position:relative; z-index:2;  width:78px;}
.minMenu li.menu .f a:hover{text-decoration:none;}
.minMenu li.menu .f b{ display:block; position:absolute; top:15px; z-index:2; width:7px; height:4px; right:8px; background:url(/images/ico.png) no-repeat -8px -9px;	-webkit-transition: all 0.2s ease-in 0s;
	-moz-transition: all 0.2s ease-in 0s;
	-o-transition: all 0.2s ease-in 0s;
	transition: all 0.2s ease-in 0s;}
.minMenu li.menu:hover .f b{ 	-webkit-transform:rotate(180deg); 
	-moz-transform:rotate(180deg); 
	-o-transform:rotate(180deg);
	transform:rotate(180deg);
	filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);}
.minMenu li.menu .f i{ display:block; position:absolute; left:0px; height:30px; width:80px; top:2px; z-index:1; background:#000; display:none;}
.minMenu li.menu .dd{ position:absolute;  width:80px; text-align:center; background:#000; border-top:none; left:0px; display:none; box-shadow:0 0 8px rgba(0,0,0,0.2);}
.minMenu li.menu .dd.wd1{width:90px;}
.minMenu li.menu .dd a{ display:block; line-height:26px;}
.minMenu li.menu .dd a:hover{ text-decoration:none; background:#0c71a7;}
.navList a.cur,.navList a:hover{ background:#0e89cb}
.navList a.now{ background:#0e89cb}
.logoNav{ height:100px; width:100%;background:#1299e1}
.logo{ float:left; margin-top:10px;width:190px;}
.logo img{width:190px; margin-top:10px}
.navBox{ float:left; width:810px;}
.navList a{display:block; float:left; height:100px; line-height:100px; color:#fff; text-decoration:none; font-size:16px; padding:0 20px;margin: 0 1px;}
.cart{ width:150px; height:72px; position:relative; z-index:1500;}
.cart dt{ height:72px; width:122px; position:absolute; right:0px; top:0px; z-index:2; text-align:center; padding-left:10px; line-height:72px;}
.cart dt .cartNum{ position:absolute; display:block; width:15px; height:17px; background:url(/images/ico.png) no-repeat -63px -5px; top:20px; right:8px; text-align:center; color:#fff; font-size:12px; line-height:12px; font-family:"宋体"}
.cart dt i{ display:block; position:absolute; left:12px; top:27px; width:20px; height:18px;background:url(/images/ico.png) no-repeat -38px -4px;}
.cart.cur dt i{background:url(/images/ico.png) no-repeat -38px -27px;}
.cart dt s{ display:none; position:absolute;}
.cart dt a{ color:#c0f0fe; font-size:14px;}
.cart dd{ display:none; width:350px;background:#fff;border:1px solid #ddd; border-top:none; position:absolute; right:-1px; top:72px; z-index:1;}
.cart.cur dt{ background:#fff; box-shadow:0 0 10px rgba(0,0,0,0.2)}
.cart.cur dt s{ position:absolute; right:1px; top:72px; width:142px; z-index:1; height:10px; background:#fff}
.cart.cur dd{ margin-top:0px; box-shadow:0 0 10px rgba(0,0,0,0.2)}
.cart.cur dt a{ color:#1299e1; font-size:14px;}
.emptyCart{ padding:25px; color:#888;}
.emptyCart img{ margin-right:15px;}
.cartList .h{ height:40px; line-height:40px; border-bottom:1px solid #e4e4e4; font-size:14px; padding:0 10px;}
.cartFoot{ background:#f4f4f4; padding:10px; line-height:20px; text-align:right;}
.cartFoot .gopay{ padding-top:6px;}
.cartFoot .gopay .btn{ padding:4px 10px;}
.cartFoot .price{ font-size:18px; font-weight:normal; color:#e30000;}
.productUl li{ padding:5px 10px;border-bottom: 1px solid #f1f1f1;clear: both; overflow:hidden; height:35px; line-height:35px; color:#666; background:#fff;}
.productUl li:hover{background:#fbfbfb;}
.productUl li .productName {
    background: url("/images/proli.jpg") no-repeat 0 center;
    float: left;
    font-size: 12px;
    overflow: hidden;
    text-indent: 10px;
    width: 240px;
}
.productPrice {
    float: left;
    overflow: hidden;
    width: 75px;
}
.productDel {
    background: url("/images/prodel.jpg") no-repeat 0 0;
    float: right;
    height: 14px;
    margin-top: 11px;
    overflow: hidden;
    text-indent: -999em;
    width: 14px;
}

.footQuickBox{ background:#f4f4f4; width:100%; padding:30px 0; color:#666;}
.footInfoBox{ text-align:center; padding:10px; color:#888; line-height:24px;}
.footInfoBox a:hover img{ opacity:0.7;-webkit-transition: all 0.2s ease-in 0s;
	-moz-transition: all 0.2s ease-in 0s;
	-o-transition: all 0.2s ease-in 0s;
	transition: all 0.2s ease-in 0s;}
.quickMenu{ float:left; width:1200px; position:relative;margin:0 auto}
.quickMenu img{ float:left}
.quickMenu dl{ float:left; line-height:24px; width:170px;}
.quickMenu dl.small{ width:170px;}
.quickMenu dl dt{ font-size:20px; padding-bottom:16px;}
.quickMenu dl.lianxi{float:left; width:250px; overflow:hidden;}
.quickMenu dl.xinxi{float:left; width:300px; overflow:hidden; padding-left:8px}
.quickMenu dl dt{ font-size:20px; padding-bottom:16px;}
.imagee{ right:0px;bottom:10px}
.footContact{ text-align:right;}
.footQuickBox a{ color:#666;}
.conOnline{ overflow:hidden;padding-bottom:6px;}
.contactBtn{ float:right; padding:8px 15px;}
.contactBtn s{ display:block; float:left; width:24px; height:20px; overflow:hidden; background:url(/images/ico.png) no-repeat -5px -26px;margin-right:6px; }
.footQuickBox .btn{color:#fff;}
.contTel { color:#777; padding-top:10px;}
.contTel b{ color:#555; font-size:22px; font-weight:bold; line-height:26px; }
.contEr{ padding-top:15px;}
.contEr .wei{ float:right; display:block; width:32px; height:27px; background:url(/images/ico.png) no-repeat;line-height:400px; overflow:hidden; margin-left:8px;	-webkit-transition: all 0.2s ease-in 0s;
	-moz-transition: all 0.2s ease-in 0s;
	-o-transition: all 0.2s ease-in 0s;
	transition: all 0.2s ease-in 0s;}
#weiboIco{ background-position:-118px -5px;}
#weixinIco{ background-position:-158px -5px;}
#weiboIco:hover,#weiboIco.cur{ background-position:-118px -37px;}
#weixinIco:hover,#weixinIco.cur{ background-position:-158px -36px;}
.erweimaBox{ padding:4px; background:#fff; border:1px solid #ccc; position:absolute; z-index:9999; left:150px; top:440px; text-align:center; color:#999; line-height:20px; box-shadow:0 0 10px rgba(0,0,0,0.2); overflow:hidden;}
.erweimaBox img{ width:100%;}
.erweimaBox .t{ padding-bottom:2px;}

.navMain{ width:100%; background:rgba(0,0,0,0.9);filter:progid:DXImageTransform.Microsoft.gradient(startcolorstr=#DD000000,endcolorstr=#DD000000); position:absolute; left:0px; top:132px;color:#ccc; z-index:1999; overflow:hidden;}
.navItems{ width:1200px; padding:20px 0; margin:0 auto; overflow:hidden;}
.navDrop{ overflow:hidden; line-height:24px;}
#nav01Cont .navDrop{ margin-left:380px;}
#nav02Cont .navDrop{ margin-left:260px;}
#nav03Cont .navDrop{ margin-left:580px;}
#nav04Cont .navDrop{ margin-left:580px;}
#nav05Cont .navDrop{ margin-left:300px;}
#nav06Cont .navDrop{ margin-left:730px;}
#nav07Cont .navDrop{ margin-left:745px;}
.navDrop dl{ float:left; min-width:160px; margin-left:30px; overflow:hidden;}
.navDrop dl.two{ width:200px;}
.navDrop dl.two dd{ width:50%; float:left;}
.navDrop dl.two dd a{ display:inline-block; width:100%;}
.navDrop dt{ font-size:16px; padding-bottom:10px; border-bottom:1px solid #999; margin-bottom:10px;}
.navMain a{ color:#ccc}
#xiala:hover #nav07Cont{display:block};

.titleBox{ width:100%; height:50px; overflow:hidden; border-bottom:1px solid #ccc; line-height:50px; font-size:18px;}
.titleBox h3{ font-weight:normal; font-size:18px;}
.titleBox a{ text-decoration:none;}

.titleBox2{ width:100%; height:56px; overflow:hidden; border-bottom:1px solid #e7e6e6; position:relative; background:#f4f4f4; line-height:56px; font-size:18px;}
.titleBox2 h3{ font-weight:normal; font-size:18px; text-indent:20px;}
.titleBox2 a{ text-decoration:none;}

.titleBox3{ width:100%; height:56px; overflow:hidden; position:relative; background:#f4f4f4; line-height:56px; font-size:18px;}
.titleBox3 h3{ font-weight:normal; font-size:18px; text-indent:20px;}
.titleBox3 a{ text-decoration:none;}

.titleBox4{ width:100%; height:56px;position:relative; line-height:56px; font-size:16px; border-bottom:1px solid #e8e8e8;}
.titleBox4 h3{ font-weight:normal; height:55px; font-size:18px; padding:0 14px; float:left; border-bottom:2px solid #1299e1; position:relative; z-index:1;}
.titleBox4 a{ text-decoration:none;}


.helpTipBox{ line-height:18px; padding:6px 10px; border:1px solid #e0d09b; background:#fff7dd; position:absolute; max-width:310px;_width:300px; border-radius:2px 2px 2px 2px; box-shadow:0px 0px 10px rgba(0,0,0,0.2); left:0px; top:30%; color:#666; z-index:9000; display:none;}

.yellowTipBox{ line-height:18px; padding:4px 10px; border:1px solid #fed5b1; background:#fff2e0; color:#d06212;}
.yellowTipBox2{ line-height:18px; padding:4px 10px; border:1px solid #f4dd83; background:#ffffe0; color:#dd695a;}

.picVerMidBox{ width:100%;height:80px; vertical-align:middle; display:table-cell; text-align:center; *display: block; *font-size: 70px; *font-family:Arial;}
.picVerMidBox img{ vertical-align:middle;}
.paddBox1{ padding:15px 25px;}

.tbListInfo{ padding:18px 0;}
.tbListInfo li{ padding:20px 0; overflow:hidden; font-size:14px;}
.tbListInfo li img{ float:left; margin-right:15px;}
.tbListInfo li h6{ font-size:14px; line-height:26px; font-weight:bold; padding-top:6px; padding-bottom:10px; padding-left:85px;}
.tbListInfo li p{ color:#888; line-height:20px; padding-left:85px;}

.dx_Faq{ padding:16px 15px 50px 15px;}
.dx_Faq dl{ padding:16px 0; line-height:24px; overflow:hidden;}
.dx_Faq dt{ padding-left:22px; position:relative; font-weight:bold; padding-bottom:10px; font-size:14px;}
.dx_Faq dd{ padding-left:22px; position:relative; color:#666; font-size:12px;}
.dx_Faq dt:before{ content:""; display:block; width:16px; height:16px; overflow:hidden; position:absolute; left:0px; top:4px; background:url(/images/ico.png) no-repeat -108px -69px;}
.dx_Faq dd:before{ content:""; display:block; width:16px; height:16px; overflow:hidden; position:absolute; left:0px; top:4px; background:url(/images/ico.png) no-repeat -129px -69px;}

.highLightBox{ background:#fff2e0; padding:10px 14px; line-height:24px; color:#666;}

.input2{ border:1px solid #ccc; color:#333; padding:4px 6px; line-height:30px; background:#fff; font-family:"微软雅黑";-webkit-transition: all 0.2s ease-in 0s;
	-moz-transition: all 0.2s ease-in 0s;
	-o-transition: all 0.2s ease-in 0s;
	transition: all 0.2s ease-in 0s}
.input2:focus{ box-shadow:0 0 6px rgba(18,153,225,0.6);border-color:#1299e1;}


.valInfo{ font-size:12px; margin-left:10px; font-weight:normal;}
.valInfo b{ font-weight:normal;display:inline-block; vertical-align:middle; margin-left:4px;}
.valInfo i{ background:url(/images/ico.png) no-repeat -8px -112px; height:15px; width:15px; display:inline-block; vertical-align:middle}
.valInfo i{ background:url(/images/ico.png) no-repeat -8px -112px; height:15px; width:15px; display:inline-block; vertical-align:middle}
.valInfo.right b{ color:#1dbb2c;}
.valInfo.wrong b{ color:#e15142;}
.valInfo.notice b{ color:#c9ae18;}
.valInfo.tip b{ color:#999;}
.valInfo.right i{ background-position:-5px -112px;}
.valInfo.wrong i{ background-position:-5px -131px;}
.valInfo.notice i{ background-position:-5px -150px;}
.valInfo.tip i{ background-position:-5px -170px;}

.valInfo2{ font-size:12px; margin-left:10px; font-weight:normal; color:#999;}
.valInfo2.right{ color:#1dbb2c;}
.valInfo2.wrong{ color:#e15142;}
.valInfo2.notice{ color:#c9ae18;}
.valInfo2.right .input2{ border-color:#1dbb2c;}
.valInfo2.wrong .input2{ color:#e15142; border-color:#e15142;}
.valInfo2.notice .input2{ color:#c9ae18; border-color:#c9ae18;}
.valInfo2 .input2:focus{ box-shadow:0 0 6px rgba(18,153,225,0.6);border-color:#1299e1;}


/*弹框*/
.btmMask{ position:fixed; z-index:9000; background-color:#000; left:0px; top:0px; width:100%; height:100%; filter:alpha(opacity="50"); opacity:0.5;_position:absolute; display:none;}
.dialogBox{ position:fixed; z-index:9001; width:550px; background-color:#fff; left:50%;background-clip:content-box; margin-left:-275px;border:15px solid rgba(0,0,0,0.5);  top:16%;  _position:absolute;box-shadow: 0 0 20px rgba(0, 0, 0, 0.8);border-radius: 2px;}
.dialogBox .ds_top{ height:55px; background-color:#f2f2f2; border-bottom:1px solid #d5d5d5; position:relative;}
.dialogBox .ds_top h3{ float:left; font-size:18px; color:#333; font-weight:normal; line-height:55px; text-indent:14px; float:left;}
.dialogBox .ds_top h3 span{ font-weight:normal; margin-left:5px;}
.dialogBox .ds_top .close{ float:right; width:16px; height:16px; background:url(/images/close.png) no-repeat; text-indent:-9999em; overflow:hidden; margin-top:20px; margin-right:16px; cursor:pointer;}
.dialogBox .ds_cont{ background:#fff; padding:10px; line-height:24px;}
.dialogBox .ds_cont p{ text-indent:2em; padding-bottom:8px;}
.dialogBox .ds_btn{ padding:10px 0 15px 0; text-align:center;}

/*分页*/
.pagesBox{ padding:50px 0 80px 0; text-align:right; overflow:hidden;}
.pagesBox a{ padding:8px 16px; background:#fcfcfc; border:1px solid #dddddd; font-size:16px; color:#666; margin-left:6px;}
.pagesBox a:hover,.page a.now{ text-decoration:none; background:#1299e1; border-color:#1299e1; color:#fff;}

/*焦点图*/
.yFocus .footNav{ display:block; position:absolute; z-index:10; left:50%; bottom:10px;mar-left:-16px}
.yFocus .footNav li{ width:12px; overflow:hidden; height:12px; background:#fff; float:left; margin:4px; border-radius:6px 6px 6px 6px; cursor:pointer; opacity:0.6;}
.yFocus .footNav li.cur{ background:#fc7b00; opacity:1;}
.yFocus .controls{ background:#000; height:68px; line-height:68px; width:35px; position:absolute;z-index:10;top:50%; margin-top:-40px; cursor:pointer; opacity:0.2; color:#fff; font-size:22px; text-align:center; -moz-user-select: none; /*火狐*/-webkit-user-select: none;  /*webkit浏览器*/-ms-user-select: none;   /*IE10*/-khtml-user-select: none; /*早期浏览器*/ user-select: none; font-family:"宋体"; display:none;}
.yFocus .controls:hover{ opacity:0.5;}
.yFocus .leftControls{ left:0px;}
.yFocus .rightControls{ right:0px;}
.yFocus .yFocusViewPic{ position:absolute; z-index:30; width:120px; border:4px solid #fff; bottom:40px; display:none; box-shadow:0 0 10px rgba(0,0,0,0.4);}

.high_red{ padding:2px 8px; background:#f57164; color:#fff; display:inline-block;}

/*select*/
.ySelectColor{ position:relative; display:inline-block;z-index:500}
.ySelectColor_selected{ height:30px; white-space:nowrap; border:1px solid #ccc; overflow:hidden; background:#fff; overflow:hidden;text-overflow:ellipsis; line-height:30px; cursor:pointer; position:relative;-moz-user-select: none;  
-webkit-user-select: none;  
-ms-user-select: none; min-width:80px; max-width:200px;-webkit-transition: all 0.2s ease-in 0s;
	-moz-transition: all 0.2s ease-in 0s;
	-o-transition: all 0.2s ease-in 0s;
	transition: all 0.2s ease-in 0s}
.ySelectColor_selected span{ display:block; text-indent:10px;padding-right:30px; overflow:hidden;text-overflow:ellipsis;}
.ySelectColor_selected.on{ border-color:#ccc; box-shadow:0 0px 10px rgba(0,0,0,0.1);}
.ySelectColor_selected.wrong{ border-color:#e15142;}
.ySelectColor_selected i{display:block; width:30px; height:30px; background:url(/images/arrdown.png) no-repeat center center; position:absolute; right:0px; top:0px;-webkit-transition: all 0.2s ease-in 0s;
	-moz-transition: all 0.2s ease-in 0s;
	-o-transition: all 0.2s ease-in 0s;
	transition: all 0.2s ease-in 0s }
.ySelectColor_selected.on i{-webkit-transform:rotate(180deg); 
	-moz-transform:rotate(180deg); 
	-o-transform:rotate(180deg);
	transform:rotate(180deg);}
.ySelectColor_drop{ position:absolute; white-space:nowrap; z-index:2222; min-width:80px; background:#fff; left:0px; border:1px solid #ccc; top:31px; max-height:300px; overflow:auto; box-shadow:0 10px 10px rgba(0,0,0,0.1); display:none;max-width:300px; white-space:nowrap;}
.ySelectColor_drop li{ line-height:30px; color:#666; font-size:14px; padding:0 10px; cursor:pointer; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.ySelectColor_drop li.cur,.ySelectColor_drop li.hov{ background:#ebf0f2; color:#333;}
.ySelectColor.active{ z-index:5000;}


.highText{ padding:2px 10px; background:#8c9fd8; color:#fff; display:inline-block; line-height:20px;}
.highTxt-green{ background:#72c074;}


.huakuaiBigCont{ width:260px; height:12px; background:#ededef;  float:left; border-radius:10px;}
.huakuaiBigCont .huaKuaiBox{ width:260px; height:12px; position:relative; border-radius:10px;}
.huakuaiBigCont .huaKuaiBox .currentjd{ width:0px; position:absolute; height:12px; background:#48c308; z-index:3; overflow:hidden; text-indent:-999em; cursor:pointer; border-radius:10px 0 0 10px;}
.huakuaiBigCont .huaKuaiBox .ydBtn{ display:block; position:absolute; height:22px; width:15px; border-radius:2px 2px 2px 2px; background:#fff; border:1px solid #dddddd; left:0%; top:-7px; z-index:5; overflow:hidden; cursor:pointer;}
.huakuaiBigCont .huaKuaiBox .ydBar{ width:100%; height:100%; z-index:4; left:0px; top:0px; position:absolute; background:none; cursor:pointer;}

.dialog_picTip2{ padding:60px 40px 70px; overflow:hidden;}
.dialog_picTip2 .imgb{ float:left; margin-right:15px;}
.dialog_picTip2 img{ float:left; max-width:110px;}
.dialog_picTip2 h2{ font-size:22px; font-weight:normal; padding-bottom:10px; line-height:40px; padding-top:10px; color:#409602;}
.dialog_picTip2 p{ text-indent:0px; color:#999; font-size:14px;}
.dialog_picTip2.wrong h2{  color:#dd471d}
.dialog_picTip2.warn h3{  color:#333; font-size:16px; font-weight:normal; line-height:30px;}
.ct_loginAgain,.ct_loginAgain p{ color:#666; line-height:28px;}
.ct_loginAgain a{color:#1299e1;}


/*底部客服*/
.footerimage{display:block; margin:0 auto; margin-bottom:30px}
.footer{ position:relative; z-index:100;}
.footQuickBox{ position:relative;}
.footInfoBox{ background:#fff; position:relative; z-index:100;}
.contactBox{ position:absolute; width:288px; height:230px; background:#f4f4f4; top:0; left:50%; margin-left:160px; padding:26px 26px 0 26px; border:10px solid #fff;}
.contactBox .items { overflow:hidden; padding-bottom:3px;}
.contactBox .items h3{ font-weight:normal; font-size:14px; float:left; }
.contactBox .items em{ color:#999; font-size:12px; margin-left:25px; float:left;}
.contactBox .btbox{ padding:16px 10px 20px;}
.kf-btn{ width:82px; height:36px; padding:0px; padding-left:28px; position:relative; line-height:36px; font-size:12px; color:#fff; border-radius:2px; margin-right:10px;}
.kf-btn s{ display:block; position:absolute; left:12px; top:8px; width:20px; height:20px;}
.kf-btn-s1{ background:#fa9e61;}
.kf-btn-s1:hover{ background:#fda86f}
.kf-btn-s1 s{ background:url(/images/kf_01.png) no-repeat;}
.kf-btn-s2{ background:#2bc669;}
.kf-btn-s2:hover{ background:#3ad678}
.kf-btn-s2 s{ background:url(/images/kf_02.png) no-repeat;}
.contactBox .close{ width:20px; height:20px; position:absolute; right:10px; top:20px; background:url(/images/close.png) no-repeat; background-size:14px 14px; cursor:pointer;}
.contactBox .telb{ font-size:14px;}

/*css3 loading by yao 2015-03-04*/
.yloading{ width:50px; height:10px; position:relative;}
.yloading s{ width:10px; height:10px; position:absolute; top:0px; border-radius:50%;left:0px; overflow:hidden; font-size:0px; line-height:3000px; text-indent:-555px; display:block;
-moz-animation-name:yloading_animte;
-moz-animation-duration:1.2s;
-moz-animation-iteration-count:infinite;
-moz-animation-direction:ease-in-out;
-webkit-animation-name:yloading_animte;
-webkit-animation-duration:1.2s;
-webkit-animation-iteration-count:infinite;
-webkit-animation-direction:ease-in-out;
-ms-animation-name:yloading_animte;
-ms-animation-duration:1.2s;
-ms-animation-iteration-count:infinite;
-ms-animation-direction:ease-in-out;
-o-animation-name:yloading_animte;
-o-animation-duration:1.2s;
-o-animation-iteration-count:infinite;
-o-animation-direction:ease-in-out;
animation-name:yloading_animte;
animation-duration:1.2s;
animation-iteration-count:infinite;
animation-direction:ease-in-out;}
.yloading  s.s1{background:#b5e749;-moz-animation-delay:0;
-webkit-animation-delay:0;
-ms-animation-delay:0s;
-o-animation-delay:0s;
animation-delay:0s;}
.yloading s.s2{background:#fc5753;
-moz-animation-delay:0.4s;
-webkit-animation-delay:0.4s;
-ms-animation-delay:0.4s;
-o-animation-delay:0.4s;
animation-delay:0.4s;
}
.yloading s.s3{background:#ffd83d;
-moz-animation-delay:0.8s;
-webkit-animation-delay:0.8s;
-ms-animation-delay:0.8s;
-o-animation-delay:0.8s;
animation-delay:0.8s;
}
@-moz-keyframes yloading_animte{
0%{left:0}
25%{left:40px}
50%{left:20px}
75%{left:20px}
100%{left:0px}
}
@-webkit-keyframes yloading_animte{
0%{left:0}
25%{left:40px}
50%{left:20px}
75%{left:20px}
100%{left:0px}
}
@-ms-keyframes yloading_animte{
0%{left:0}
25%{left:40px}
50%{left:20px}
75%{left:20px}
100%{left:0px}
}
@-o-keyframes yloading_animte{
0%{left:0}
25%{left:40px}
50%{left:20px}
75%{left:20px}
100%{left:0px}
}
@keyframes yloading_animte{
0%{left:0}
25%{left:40px}
50%{left:20px}
75%{left:20px}
100%{left:0px}
}

/*css3 loading by yao 2015-03-04*/



/*右侧客服*/
.rightSideSupport{ position:fixed; right:0px; top:10%; z-index:900;}
.rightSideSupport .rs_btn{ display:block; width:16px; height:90px; overflow:hidden; position:absolute; right:0px; top:0px; background:#fa9e61; color:#fff; font-size:14px; line-height:18px; text-decoration:none; border-radius:4px 0 0 4px; padding:45px 10px 0 14px; -webkit-transition: all 0.2s ease-in 0s;
	-moz-transition: all 0.2s ease-in 0s;
	-o-transition: all 0.2s ease-in 0s;
	transition: all 0.2s ease-in 0s}
.rightSideSupport .rs_btn i{ display: block;  height: 20px;  left: 12px; position: absolute;  top: 15px;  width: 20px; background:url(/images/kf_01.png) no-repeat;}
.rightSideSupport .rs_btn:hover{ text-decoration:none; background:#fca66d}
.rightSideSupport .rs_qq{ position:absolute; right:-100px; top:100px; width:406px; padding-left:39px;}
.rightSideSupport .rs_lineBtn{ display:block; cursor:pointer; width:16px; height:90px; overflow:hidden; position:absolute; left:0px; top:0px; background:#2bc669; color:#fff; font-size:14px; line-height:18px; text-decoration:none; border-radius:4px 0 0 4px; padding:45px 10px 12px 14px; float:left;-webkit-transition: all 0.2s ease-in 0s;
	-moz-transition: all 0.2s ease-in 0s;
	-o-transition: all 0.2s ease-in 0s;
	transition: all 0.2s ease-in 0s;}
.rightSideSupport .rs_lineBtn:hover{ background:#33ce71}
.rightSideSupport .rs_lineBtn i{ display: block;  height: 24px;  left: 10px; position: absolute;  top: 15px;  width: 24px; background:url(/images/kf_03.png) no-repeat;}
.rightSideSupport .rs_lineBtn s{ display: block;  height: 9px; position:absolute; width:7px; left:16px; bottom:13px; background:url(/images/kf_arr.png) no-repeat;}
.rightSideSupport .rs_lineBtn.cur s{-webkit-transform:rotate(180deg); 
	-moz-transform:rotate(180deg); 
	-o-transform:rotate(180deg);
	transform:rotate(180deg);-webkit-transition: all 0.2s ease-in 0s;
	-moz-transition: all 0.2s ease-in 0s;
	-o-transition: all 0.2s ease-in 0s;
	transition: all 0.2s ease-in 0s;}
.rightSideSupport .rs_lineBox{ background:#fff; border:1px solid #ddd; border-right:0px;}
.rightSideSupport .rs_lineBox h3{ line-height:30px; padding:10px 10px 0px 20px; color:#666;}
.rightSideSupport .rs_qqlist p{ padding:0px 20px; padding-top:10px; text-align:center;}
.rightSideSupport .rs_qqlist p .btn{ width:120px; margin-right:0px;}
.rightSideSupport .rs_qqlist p .btn s{ left:30px}
.rightSideSupport .kf-btn s{ background:url(/images/kf_02.png) no-repeat;}
.rightSideSupport .rs_tel{ text-align:center; color:#cc0000; font-size:20px; height:45px; line-height:34px;}
.rightSideSupport .rs_ftinfo{ font-size:12px; color:#666; height:36px; line-height:36px;padding-left:12px; background:#f6f6f6;}
.rightSideSupport .kf-btn-s2{ background:#1299e1;}
.rightSideSupport .kf-btn-s2:hover{ background:#21a6ed}

/*150422活动过期*/
.activeExpires{ position:fixed; left:0px; top:0px; height:100%; bottom:0px; right:0px; background:rgba(0,0,0,0.7); z-index:9999;}
.activeExpires-main{ text-align:center; width:700px; height:370px; position:absolute; left:50%; margin-left:-390px; top:50%; margin-top:-240px}
.activeExpires-main .btn{ position:absolute; right:0px; top:260px;}




/*微信页面*/
.dange{float:left; width:200px; height:405px; margin-left:40px; margin-top:30px; background-image:url(/images/beijing.png)}
.dange img{ margin-left:15px; margin-top:57px}




/*右侧客服弹出框内容*/
.background{ width:400px; background-color:#fff; opacity:0.9;}
.qq_leftlx{ width:365px; height:610px; float:left; border-right:2px solid #dedede; background:url(/images/qq_leftbg.jpg) no-repeat; margin-left:30px; display:inline;}
.qq_leftlx .qq_24sh{ margin-top:205px;}
.loginpd h3{ float:right;}
.qq_rightlx{ width:540px; float:left; display:inline; margin-left:25px;}
.qq_sqzxnr{ height:215px; border-bottom:2px solid #dedede; font-size:14px;}
.qq_sqzxnr ul li{ float:left; margin-top:20px; line-height:22px; height:22px; margin-left:15px; display:inline;}
.qq_sqzxnr ul li img,.dakehu ul li img{ float:left; margin-right:8px; display:inline;}
.dkhcw{ height:165px;border-bottom:2px solid #dedede; }
.dkhcw h1{ margin-top:21px;}
.dakehu{ width:220px; float:left; margin-left:15px; display:inline;}
.dakehu ul li{ margin-top:22px;}
.qq_24sh ul li{ font-size:12px; height:38px; line-height:38px; padding-left:30px; margin-left:22px;}
.qq_24sh ul li.qiyeqq{ background:url(/images/qqtubiao.gif) no-repeat 0 10px;}
.qq_24sh ul li.jjdianhua{background:url(/images/qqtubiao1.gif) no-repeat 0 10px;}
.qq_24sh ul li span,.qq_24sh ul li a,.qq_dianhua ul li span{ color:#fb6e53; font-family:Arial, Helvetica, sans-serif; font-size:18px;}
.qq_dianhua ul li{font-size:12px; margin-left:25px; margin-top:15px;}


/*友情链接*/
.yq_link{ background:#f7f7f7; border-top:1px solid #e1e1e1;}
.yq_link .linknr{ width:1000px; margin:0 auto;;}
.yq_link .linknr h2{ font-size:30px; margin-top:20px; margin-bottom:20px;}
.yq_link .linknr h2 span{ color:#EA2626;}
.yq_link .linknr a{  margin-right:15px; height:20px; line-height:24px;}
.yq_link .linknr a:hover{ color:#EA2626;}

.juzhong{text-align:center;margin-left:auto; margin-right:auto;}