@charset "utf-8";


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;}
table{ 
border-collapse: collapse; 
border-spacing: 0; 
} 
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; padding-top: 124px;}
.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{ text-decoration:underline;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;
	border-radius:2px;
}
.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 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-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:"????????????";font-family:Microsoft Yahei;}

.w{ 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)}

}




/* DNS???????????????????????? */
.topBar{ height:32px; background:#0e89cb; width:100%; line-height:32px; color:#b8eefe}
.minMenu{margin:0 auto;}
.minMenu li{ float:left; margin-left:10px;}
.minMenu li a{ color:#b8eefe; 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("../../style/css/img/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:#0e7ab4; display:none;}
.minMenu li.menu .dd{ position:absolute;  width:80px; text-align:center; background:#0e7ab4; 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.wd2{width:260px;}
.minMenu li.menu .dd a{ display:block; line-height:26px;}
.minMenu li.menu .dd a:hover{ text-decoration:none; background:#0c71a7;}

.logoNav{ height:72px; width:100%; background:#1299e1}

/***********************/
.logo{ float:left; margin-top:10px;width:155px;}

/*******************/

.navBox{ float:left; width:690px;}


.navList a{
    display:block;
    float:left;
    height:72px;
    line-height:72px;
    color:#fff;
    text-decoration:none;
    font-size:16px;
    padding:0 15px;
    margin: 0 1px;}

/*********************/
.navList a.cur,.navList a:hover{ background:#0e89cb}
.navList a.now{ background:#0e89cb}
.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("../../style/css/img/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("../../style/css/img/ico.png") no-repeat -38px -4px;}
.cart.cur dt i{background:url("../../style/css/img/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("../../style/css/img/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("../../style/css/img/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:690px; overflow:hidden;}
.quickMenu dl{ float:left; line-height:24px; width:240px;}
.quickMenu dl.small{ width:210px;}
.quickMenu dl dt{ font-size:20px; padding-bottom:16px;}
.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("../../style/css/img/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("../../style/css/img/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:999; left:10px; top:1110px; text-align:center; color:#999; line-height:20px; box-shadow:0 0 10px rgba(0,0,0,0.2); overflow:hidden; display:none; width:190px;}
.erweimaBox img{ width:180px; height:180px;}
.erweimaBox .t{ padding-bottom:8px;}

.navMain{ width:100%; background:rgba(0,0,0,0.9);filter:progid:DXImageTransform.Microsoft.gradient(startcolorstr=#DD000000,endcolorstr=#DD000000); position:absolute; left:0px; top:104px;color:#ccc; z-index:1999; overflow:hidden;}
.navItems{ width:1000px; padding:20px 0; margin:0 auto; overflow:hidden;}

/**********************/
.navDrop{ margin-left:210px; overflow:hidden; line-height:24px;}
#nav03Cont .navDrop {margin-left: 300px;}
#nav04Cont .navDrop{ margin-left:390px;}
#nav05Cont .navDrop{ margin-left:490px;}
#nav06Cont .navDrop{ margin-left:600px;}
#nav07Cont .navDrop{ margin-left:710px;}
.v2015 .navItems{margin: 0 auto;
    max-width: 1300px;
    min-width: 1000px;
    width: 80%;}
.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}

.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{
    width: 1000px;
    margin: 0 auto;
    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("../../style/css/img/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("../../style/css/img/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("../../style/css/img/ico.png") no-repeat -8px -112px; height:15px; width:15px; display:inline-block; vertical-align:middle}
.valInfo i{ background:url("../../style/css/img/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("../../style/css/img/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; right:10px; bottom:10px;}
.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("../../style/css/img/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;}


/*????????????*/
.footer{ position:relative; z-index:100;}
.footQuickBox{ position:relative; z-index:100;}
.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("../../style/css/img/kf_01.png") no-repeat;}
.kf-btn-s2{ background:#2bc669;}
.kf-btn-s2:hover{ background:#3ad678}
.kf-btn-s2 s{ background:url("../../style/css/img/kf_02.png") no-repeat;}
.contactBox .close{ width:20px; height:20px; position:absolute; right:10px; top:20px; background:url("../../style/css/img/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}
}



.rightSideSupport{ position:fixed; right:0px; top:25%; 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("../../style/css/img/kf_01.png") no-repeat;}
.rightSideSupport .rs_btn:hover{ text-decoration:none; background:#fca66d}
.rightSideSupport .rs_qq{ position:absolute; right:-199px; top:146px; width:200px; 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("../../style/css/img/kf_03.png") no-repeat;}
.rightSideSupport .rs_lineBtn s{ display: block;  height: 9px; position:absolute; width:7px; left:16px; bottom:13px; background:url("../../style/css/img/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("../../style/css/img/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}


.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;}

.home_news .list_box{ display: none; }
.home_news .list_box.active{ display: block;; }
.home_news .list_box ul li{width:50%;float:left;margin-top:24px;padding:0 26px}
.home_news .list_box ul li .pull-left{width:110px;height:120px;float:left;border:1px solid #0b0b0b;color:#0b0b0b;text-align:center;-webkit-transition:all .6s;transition:all .6s}
.home_news .list_box ul li .pull-left span{display:block;font-size:24px;margin-top:10px}
.home_news .list_box ul li .pull-left i{width:25px;height:2px;display:block;background:#0b0b0b;margin:4px auto 10px}
.home_news .list_box ul li .pull-right{width:76%}
.home_news .list_box ul li .pull-right span{font-size:18px;color:#333;margin-top:10px;display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.home_news .list_box ul li .pull-right p{color:#666;line-height:22px;margin-top:8px;height:88px;overflow:hidden;
isplay: -webkit-box; 
-webkit-box-orient;
text-overflow: ellipsis; 
overflow : hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 4;
-webkit-box-orient: vertical;
}
.home_news .list_box ul li:hover .pull-left{background:#0b0b0b;color:#fff}
.home_news .list_box ul li:hover .pull-left i{background:#fff}
.home_box4{padding-bottom:20px}

.float{ width: 80px; position: fixed; right: 0; top: 50%; margin-top: -202.5px; z-index: 99;}
.float a{ width: 100%; height: 80px; float: left; text-align: center; color: #fff; margin-top: 1px; text-decoration: none; opacity: 0.9; position: relative;}
.float a:hover{ opacity: 1;}
.float a i{ display: block; margin-top: 13px;}
.float a i img{ height: 35px !important; width: auto !important;}
.float a.clr1{ background: #ff3366;}
.float a.clr2{ background: #3398cc;}
.float a.clr3{ background: #cc6698;}
.float a.clr4{ background: #ff6634;}
.float a.clr5{ background: #be1518;}
.float a span{ width: 0; height: 100%; line-height: 80px; background: #cc6698; overflow: hidden; position: absolute; right: 80px; top: 0; transition: all .6s;}
.float a:hover span{ width: 140px; padding: 0 20px;}
@media only screen and (max-width: 1000px) {
  .home_news .list_box ul li{ width: 100%; margin-top:2px;}
  .float,.home_news .list_box ul li .pull-left{display: none;}
  .home_news .list_box ul li .pull-right{width:100%}
}

 .w2-1{width: 1200px; margin: 0 auto; background: #fff;}.newsList_main{padding: 0px 0 125px 0;} .bch-general{width: 1200px; margin: 0 auto; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} .titleBox2{width: 1200px; height: 50px; line-height: 50px; margin: 0 auto; background: #e6e6e6; margin-top: 30px;} .titleBox2 table{width: 1000px; background: #fff;} .cloud_red{font-size: 14px; font-family: "微软雅黑"; color:red; margin-bottom: 30px;}
.articleContent{display: none !important;}
.newsList_main{padding: 0px 0 0px 0;} .cndnsnew_head_logo_bg_5text3{float:right;height:60px;line-height:60px;border-left: 1px solid #ee5b03;} 
.cndnsnew_head_logo_bg_5text4{float:right;height:60px;line-height:60px;border-left: 1px solid #ee5b03;} 
.cndnsnew_head_logo_bg_5text3 a{height:60px;line-height:60px;color:#fff;font-size:14px;padding:0 0 0 30px;} 
.cndnsnew_head_logo_bg_5text4 a{height:60px;line-height:60px;color:#fff;font-size:14px;padding:0 30px 0 30px;}
.x3_c2_con div{transition: .6s;}.x3_c2_con div:hover{transform:rotateY(-360deg)}
.w2_banner{width: 100%;overflow: hidden;}.w2_banner img{width: 100%;} 
#go_sitestar{background: #fff; border: 1px solid #ffd8bf; padding: 20px; width: 580px; margin: 0 auto; display: none;} .go_sitestar_font01{float: left; font-family: "Microsoft Yahei"; color: #f60; font-size: 14px;} .go_sitestar_font02{font-family: "Microsoft Yahei"; color: #333; font-size: 24px;} .go_sitestar_font03{color: #333; font-size: 12px;} .go_sitestar_a{color: #f60; font-size: 12px; text-decoration: underline;} .mask{padding: 0px; margin: 0; background: #555; position: absolute;}
.newsList_main{padding: 0px !important;}
  .newsList_main{
    padding: 0px !important;
  }
  .articleContent{
    display: none;
  }