@charset "utf-8";
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video { margin:0;padding:0;border: 0;} 
a,area{blr:expression(this.onFocus=this.blur())}
a { text-decoration:none;}
a:hover { text-decoration:none;}
html, body { font-family:"微软雅黑";-webkit-text-size-adjust:none;-moz-text-size-adjust:none;-ms-text-size-adjust:none;text-size-adjust:none;} /*Reset Android and IOS font*/
input { border-radius:0;} /*Reset IOS input style*/
div, span, h1, h2, h3, h4, h5, h6, p, a, img, dl, dt, dd, ol, ul, li, form { list-style:none;}
@-webkit-viewport { width:device-width;}
@-moz-viewport { width:device-width;}
@-ms-viewport { width:device-width;}
@-o-viewport { width:device-width;}
@viewport { width:device-width;}
.boxcenter { margin:0 auto;}


/* screen 992 */

body { font-family:Helvetica,"微软雅黑";overflow-x:hidden;width:100%;}
.container { overflow:hidden;max-width:990px;min-width:290px;padding:0;}
.menubox { position: fixed;top:0px;left:0;right:0;z-index:999999;height:42px;background:url(../images/menu_alpha_bg.png) top center repeat;min-width:300px;}
.menubox1_logo { width:180px;float: left;}
.menubox1_logo img { width:150px;margin-top:8px;margin-left:10px;}
.menubox1_sch { display:none;}
.menubox1_menu { position:absolute;top:42px;left:0;right:0;background:url(../images/menu_alpha_bg.png) top center repeat;display:none;padding-bottom:100px;}
.menubox1_menu_p { float:none;display:block;width:auto;text-align:left;line-height:38px;padding-left:20px;border-bottom:1px #d8d8d8 solid;overflow: hidden;}
.menubox1_menu_p a { float:left;color: #333;display: inline-block;}
.menubox1_menu_p img { float:right;display:inline-block;width:18px;height:18px;margin:11px 21px 0px 0px;}
.menubox1_mmneu { float:right;display:inline-block;margin-right:10px;}
.menubox1_mmneu img { display:block;width:40px;height:40px;}
.menubox1_menu_menu{display:none;}
.menubox2 { display:none;position:static;top:auto;left:auto;right:auto;background:none;padding:0;border-top:0;}
.menubox2 li.ms1 { text-align:left;padding:6px 0;}
.menubox2 li.ms1 a { margin:0;display:inline-block;line-height:36px;width:49.9%;float:left;text-indent:36px;font-size: 14px;color: #333;}
.menubox2 li.ms1 a:hover {margin:0; width:49.9%;float:left;  }
.menubox2 li.ms1 .fwyzc_480{display: none;}

.menubox2 li.ms2 dl { float:none;display:block;width:auto;margin:15px 10px 0px;overflow: hidden;}
.menubox2 li.ms2 dl dt { width:140px;float: left;display: inline;overflow: hidden;}
.menubox2 li.ms2 dl dt img { width:120px;height:84px;} 
.menubox2 li.ms2 dl dd { line-height:22px;overflow: hidden;font-size: 12px;color: #818181;}
.menubox2 li.ms2 dl dd span { display:none;}
.menubox2 li.ms2 dl dd a { margin-left:0px;color:#1250ae;}
.menubox2 li.ms2 dl dd h1 { font-size:16px;line-height:24px;padding-bottom:12px;color: #464646;}
.menubox2 li.ms2 div { float:none;display:block;width:auto;margin:15px 10px 10px;overflow: hidden;}
.menubox2 li.ms2 div a { display:block;font-size:14px;color:#545454;line-height:28px;padding-bottom:9px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.menubox2 li.ms2 div a:hover { color:#1250ae;}
.menubox2 li.ms3{padding-bottom: 15px;overflow: hidden;}
.menubox2 li.ms3 a{font-size: 15px;text-align: left;}
.menubox2 li.ms3 .div_L{border-right:none;width:50%;padding-left: 20px;}
.menubox2 li.ms3 .div_R{float:left;width:30%;padding-left: 40px;}
.menubox2 li.ms3 .div_R a{width: 100%;}

.boxa1 { background-color:#180c22;min-height:220px;min-width:300px;text-align: center;}
.boxa1 img{ max-width:100%;margin-top:40px;}
.boxa2 { position:static;top:auto;width:auto;z-index:999;overflow: hidden;}
.boxa2 ul li { position:static;float:none;display:block;height:auto;width:auto;*width:auto;margin:0 15px;border-bottom:1px #e9e9e9 solid  }

.boxa3 { position: static;display:block;left:auto;bottom:auto;right:auto;background:none;height:auto;margin:0px 0px 30px 0px;}
.boxa3 h1 { font-size:20px;line-height:40px;font-weight: normal;color: #0f57b2;text-align:center;}
.boxa3 h1 a { font-size:20px;line-height:40px;font-weight: normal;color: #0f57b2;text-align:center;}
.boxa3 h2 { font-size:14px;font-weight: normal;color: #707070;line-height:18px;text-align:center;}
.boxa3 h3 { display:block;font-size:14px;line-height:22px;padding:20px 10px 10px;text-align:center;color:#303030;font-weight:normal;}
.boxa3 h4 { display:block;font-size:13px;font-weight:normal;line-height:22px;padding:0px 10px;color:#7e7e7e;text-align:center;}
.boxa3 img { width:88%;max-width:400px;display:block;margin:30px auto 5px; }

.boxb { padding:40px 0px 28px 0px;background:#f6f6f6;margin-top:40px;overflow: hidden;}
.boxb dt { font-size:26px;color:#000000;line-height:40px;text-align:center;}
.boxb dd { font-size:12px;color:#ababab;line-height:16px;text-align:center;}
.boxb em { width:36px;height:3px;line-height:0px;background:#23ac38;margin:15px auto 0;display:block;}
.boxb1 { background:#f7f7f7; }
.boxb2 { border-bottom:1px #c7c7c7 dotted;padding:10px 0px 10px 0px;overflow:hidden;}
.boxb2 dt { width:30%;max-width:140px;height:auto;margin-right:15px;background:none;}
.boxb2 dt.fr { float:left;display:inline; }
.boxb2 dt img { width:96%;margin:0 auto;}
.boxb2 .zwB{width:34%;float:left;display:block;min-height:10px;}

.boxb2 dd { font-size:12px;line-height:22px;padding:0px 0px 0px 10px;overflow:hidden;color: #575757;}
.boxb2 dd h1 { font-size:20px;line-height:26px;font-weight:bold;margin:10px 0 20px 0;color: #0168be;}  
.boxb2 dd h1 p { font-size:10px;color:#3588cd;font-weight:normal;margin-left:10px;}

.boxc1 { padding:20px 0 50px;}
.boxc2 {  }
.boxc2 dt { float:none;display:block;width:auto;padding-top:20px;overflow: hidden;}
.boxc2 dt h1 { font-size:30px;text-align:center;line-height:60px;margin-bottom:0px;font-weight: normal;}
.boxc2 dt h2 { font-size:17px;text-align:center;line-height:20px;margin-bottom:25px;font-weight: normal;}
.boxc2 dt p { padding:0px 15px; text-align:Justify;/*火狐 chrome*/ text-justify:inter-ideograph;/*IE*/ margin-bottom:20px;}
.boxc2 dt a { color:#666;font-size:14px;}
.boxc2 dd { float:none;display:block;width:auto;margin:0 10px;}
.boxc2 dd img { display:block;float:none;max-width:611px;width:100%;margin:20px auto 0;}

.boxd { background:none;margin-bottom:30px;}
.boxd_l { float:none;display:block;height:auto;width:auto;background:#f6f6f6;padding:0px; }
.boxd1 { width:auto;float:none;}
.boxd2 { padding:45px 0px 32px 0px;overflow:hidden;}
.boxd2 dt { font-size:26px;color:#000000;line-height:40px;text-align:center;}
.boxd2 dd { font-size:12px;color:#ababab;line-height:16px;text-align:center;}
.boxd2 em { width:36px;height:3px;margin:15px auto 0;line-height: 0px;background: #23ac38;display: block;}
.boxd3 { overflow:hidden;padding:0 15px 45px;}
.boxd3 a { line-height:36px;color:#696969;font-size:14px;}
.boxd3 a:hover {  color:#ff6000;}

.footer { padding:30px 0px 46px 0px;min-width:300px;background:#3f3f3d;}
.footer1_l {border-bottom:1px #585856 solid;margin:0px 15px 25px 15px }
.footer1_l a { font-size:12px;color:#b8b8b8;display:block;text-indent:0px;font-size: 14px;font-weight: bold; line-height:36px;}
.footer1_l ul { float:left;width:30%;border-left:none;height:auto;}
.footer1_l ul.ul_first{width:35%;}

.footer1_l ul.wsm { width:35%;}
.footer1_r { float:none;width:auto;margin:0 15px;padding-top:10px;display: inline-block;overflow: hidden;}
.footer1_r h3 { font-weight: normal;font-size: 12px;color: #b8b8b8;line-height: 36px;display: block;width: 120px;}
.footer1_r h4 { font-weight: normal;}
.footer2 { display:block;/*text-align:center;*/text-align: left;font-size:19px;color:#dcb66e;line-height:30px;margin-bottom:10px;overflow:hidden; }
.footer2 span{font-size:14px;display:block;}
.footer3 { display:block;overflow:hidden;}
.footer4 { overflow:hidden;font-size:14px;margin-top:10px;line-height:20px;}
.footer4 a.ftel { float:none;display:block;overflow:hidden;margin:12px auto 0;color:#b8b8b8;background: url(../images/footer3.png) left center no-repeat;padding-left: 23px;}
.footer4 a.fmail { float:none;display:block;overflow:hidden;margin:12px auto 0;color:#b8b8b8;background: url(../images/footer2.png) left center no-repeat;padding-left: 23px;}
.footer5 { font-size:12px;line-height:18px;padding:12px 0;color: #b8b8b8; text-align:center;}

.btn_down{ background-color:#090;color:#fff;padding:2px 10px;margin-bottom:20px;}
/*-关于*/
.gywm_Ba{overflow: hidden;font-size:14px;line-height:28px;color:#000;padding:0 10px}
.gywm_Ba p{margin:0 0 14px;}
/*产品*/
.pro{overflow:hidden;}
.pro ul li{ width:100%;overflow:hidden;text-align:center;margin-bottom:1rem;border-bottom: #eee 1px solid;}
.pro ul li p{ color:#333;height:36px;}
.pro ul li img{ width:80%;}
.pro_Ba{overflow: hidden;font-size:14px;line-height:28px;color:#000;padding:0 10px}
.pro_Ba p{margin:0 0 14px;}
/*案例*/
.case_Ba{overflow: hidden;font-size:14px;line-height:28px;color:#000;padding:0 10px;text-align: center;}
.case_Ba h1{ font-size:18px; font-weight:normal; line-height:30px;}
/*方案*/
.news_Ba{overflow: hidden;font-size:14px;line-height:28px;color:#000;padding:0 10px;}
.news_Ba h1{ font-size:16px; line-height:50px; border-bottom:solid 1px #eee; text-align:center; display:block; width:100%;}
.news_Ba em{ color:#999; font-size:12px; display:block;}
/*下载*/
.down_Ba{overflow: hidden;font-size:16px;line-height:50px;color:#000;padding:0 0 0 20px;}
.down_Ba a ins{ background-color:#0C0; color:#fff; text-decoration:none;}
.down_Ba a{ color:#666;}

/*---分页--*/
.pages{clear:both;margin:30px 0;color:#ccc;text-align:center;font-size:14px;}
.pages li{ display: inline-block;display:inline;margin:0 2px;}
.pages a{display: inline-block;padding:2px 8px;background: #eee;color: #3f3f3f;}
.pages a.selected{background:#23ac38;color:#fff}

.preNext{ width:100%;height:20px;padding:20px 10%;border-top:#eee solid 1px;}
.preNext a{ display:block;float:left;width:33%;height:20px;color:#666;font-size:14px;}

@media screen and (max-width:850px){  
 .boxb2 .zwB{width:32%;float:left;}
}
@media screen and (max-width:800px){  
 .boxb2 .zwB{width:30%;float:left;}
}
@media screen and (max-width:710px){  
 .boxb2 .zwB{width:28%;float:left;}
}
@media screen and (max-width:650px){  
 .boxb2 .zwB{width:26%;float:left;}
}
 
 
@media screen and (max-width:640px){ 
 .boxa3 h4 { text-align:left; text-align:Justify;/*火狐 chrome*/ text-justify:inter-ideograph;/*IE*/ }
 .menubox2 li.ms1 a.a_640{float: none;width: auto;display: block;}
} 
 
@media screen and (max-width:580px){  
 .boxb2 .zwB{width:24%;float:left;}
} 
 
@media screen and (max-width:520px){  
 .boxb2 .zwB{width:20%;float:left;}
} 
 
@media screen and (max-width:480px){  
 .boxb2 .zwB{width:18%;float:left;}
 .footer1_r h3{text-align:left;margin-bottom:10px;}
 .footer1_r h4{float:left;clear:both;}
} 

@media screen and (max-width:420px){  
 .boxb2 .zwB{width:12%;float:left;}
} 

 
/*IE6-8 max-992 Hack*/
@media \0screen\,screen\9 { @media screen and (max-width:992px){.topbox1_r a.t400 { background-position:left -6px; } .boxa { background:url(../images/boxa_bg_ie.jpg) top right no-repeat #c8dbec;}} }