/* reset */
body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,fieldset,legend,button,input,textarea,th,td{margin:0;padding:0;}body,button,input,select,textarea{font:12px/1.5 \5FAE\8F6F\96C5\9ED1, tahoma, arial, \5b8b\4f53, sans-serif;}h1,h2,h3,h4,h5,h6{font-size:100%;}address,cite,dfn,em,var{font-style:normal;}code,kbd,pre,samp{font-family:courier new,courier,monospace;}small{font-size:12px;}ul,ol,menu,li{list-style:none outside none;}a,a:hover{text-decoration:none;}sup{vertical-align:text-top;}sub{vertical-align:text-bottom;}legend{color:#000;}fieldset,img{border:0;}button,input,select,textarea{font-size:100%;}table{border-collapse:collapse;border-spacing:0;}html{overflow-y:scroll;}a,area{blr:expression(this.onFocus=this.blur())}:focus{outline:none;}
/* html5 */
article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section,dialog{display:block;}
/* clearfix */
.clear { clear:both;}
.clearfix:after{content:"\0020";display:block;height:0;clear:both;}.clearfix{zoom:1;}
a { text-decoration: none; color: #333333; }
a:hover { text-decoration: none; }
body { background:#333;}
.menu { position: absolute; right: 0; top: 55px; background-color: #009b7a; display: none;width: 50%;z-index: 999;padding-bottom: 100px; }
.menu li { position: relative; }
.menu li i { position: absolute; top: 16px; right: 16px; }
.menu li i:before { content: ""; display: block; border-right: 0; border-left: 6px solid #fff; border-top: 6px solid transparent; border-bottom: 6px solid transparent; }
.menu li i.on { top: 18px; right: 16px; }
.menu li i.on:before { border-right: 6px solid transparent; border-left: 6px solid transparent; border-top: 6px solid #fff; border-bottom: 0; }
.menu li > a { color: #fff; padding: 10px 20px; display: block; border-bottom: 1px solid #006A35;font-size: 14px;}
.menu li > a.active { background-color: #12702C; }
.submenu { display: none; }
.submenu li { text-align: center; }
/* 主体框架
----------------------------------------------- */
#wrapper { width: 100%; min-width: 320px; margin: 0 auto; max-width: 640px; background-color: #F5F5F5; overflow: hidden; position: relative; }
/* -- header -- */
#header { zoom: 1; overflow: hidden; height: 60px; color: #333; text-align: left; font-size: 16px; position: relative;background: #fff;padding: 0px 10px 0 174px;line-height: 60px;}

#header img{height: 100%;width: auto;}
#header .logo {position: absolute;top: 0px;left: 0px;height: 60px;}
#header .logo img { height:50px; margin:5px;}
#header .fire {position: absolute;top: 15px;right: 10px;height: 30px;width: 30px;background: url(../images/icon.png) no-repeat 0 -46px;background-size: 100% auto;text-indent: -999px;overflow: hidden;}
#header .icon {background: url(../images/icon.png) no-repeat 0 0 ;background-size: 100% auto;}
/* 首页样式
----------------------------------------------- */
/* -- 幻灯 -- */
.slideShow { position: relative; padding: 0;  *zoom: 1;
}
.slideShow .slideBox { background: #fff; /*fix other elements on the page moving (on Chrome)*/
-webkit-transform: translatez(0); -moz-transform: translatez(0); -ms-transform: translatez(0); -o-transform: translatez(0); transform: translatez(0); }
.slideShow .slideBox .slides img { max-width: 100%; display: block; }
/* -- slideLoading -- */
.slideShow .slideLoading { min-height: 50px; background: url(../images/slide_loader.gif) center center no-repeat #fff; height: 100%; width: 100%; position: absolute; top: 0; left: 0; z-index: 2000; }
/* -- previous 和 next 按钮 -- */
.slideShow .arrowBox a { z-index: 50; font-family: \5b8b\4f53, sans-serif; position: absolute; display: block; margin-bottom: -20px; width: 40px; height: 40px; bottom: 50%; line-height: 40px; text-decoration: none; text-align: center; color: #fff; font-size: 2em; background-color: #333; background-color: rgba(50,50,50,.3); }
.slideShow .arrowBox a.disabled { display: none; }
.slideShow .arrowBox .arrowPrev { left: 20px; }
.slideShow .arrowBox .arrowNext { right: 20px; }
.slideShow .arrowBox a:hover { background-color: rgba(50,50,50,.6); }
/* -- controlBox -- */
.slideShow .controlBox { z-index: 30; position: absolute; bottom: 6px; width: 100%; text-align: center; font-size: .85em; font-family: Arial; font-weight: bold; color: #666; }
.slideShow .controlBox .control { display: inline-block;  *zoom: 1;
 *display: inline;
}
.slideShow .controlBox.controlDefault a { background: url(../images/inactive.png) no-repeat 50% 50%; text-indent: -9999px; width: 24px; height: 16px; clear: none; display: block; }
.slideShow .controlBox.controlDefault a:hover, .slideShow .controlBox.controlDefault a.active { background: url(../images/active.png) no-repeat 50% 50%; }
.slideShow .arrowBox{display: none;}



.slideShow2 { position: relative; padding: 0;  *zoom: 1;width: 76%;margin: 0 auto;padding: 2px;border: solid 1px #ccc;}
.slideShow2 .slideBox { background: #fff; /*fix other elements on the page moving (on Chrome)*/
-webkit-transform: translatez(0); -moz-transform: translatez(0); -ms-transform: translatez(0); -o-transform: translatez(0); transform: translatez(0); }
.slideShow2 .slideBox .slides2 img { max-width: 100%; display: block; }
/* -- slideLoading -- */
.slideShow2 .slideLoading { min-height: 50px; background: url(../images/slide_loader.gif) center center no-repeat #fff; height: 100%; width: 100%; position: absolute; top: 0; left: 0; z-index: 2000; }
/* -- previous 和 next 按钮 -- */
.slideShow2 .arrowBox a { z-index: 50; font-family: \5b8b\4f53, sans-serif; position: absolute; display: block; margin-bottom: -20px; width: 30px; height: 50px; bottom: 50%; line-height: 50px; text-decoration: none; text-align: center; color: #ccc; font-size: 4em; /* background-color: rgba(50,50,50,.6); */}
.slideShow2 .arrowBox a.disabled { display: none; }
.slideShow2 .arrowBox .arrowPrev { left: -40px; }
.slideShow2 .arrowBox .arrowNext { right: -40px; }
.slideShow2 .arrowBox a:hover { background-color: rgba(50,50,50,.5);color: #fff; }
/* -- controlBox -- */
.slideShow2 .controlBox { z-index: 30; position: absolute; bottom: 6px; width: 100%; text-align: center; font-size: .85em; font-family: Arial; font-weight: bold; color: #666;display: none; }
.slideShow2 .controlBox .control { display: inline-block;  *zoom: 1;
 *display: inline;
}
.slideShow2 .controlBox.controlDefault a { background: url(../images/inactive.png) no-repeat 50% 50%; text-indent: -9999px; width: 24px; height: 16px; clear: none; display: block; }
.slideShow2 .controlBox.controlDefault a:hover, .slideShow2 .controlBox.controlDefault a.active { background: url(../images/active.png) no-repeat 50% 50%; }
.slideShow2 .slideTitle{height: 30px;line-height: 30px;text-align: center;font-size: 16px;color: #666;}


.server{background: #fff;padding: 15px 2%;}
h2.title{width: 80%;font-size: 20px;color: #009b7a;margin: 0 auto;text-align: center;height: 30px;line-height: 30px;position: relative;}
h2.title span.leftline{width: 30%;position: absolute;top:15px;left: 0;font-size: 0;line-height: 0;height: 2px;background: #009b7a;display: block;}
h2.title span.rightline{width: 30%;position: absolute;top:15px;right: 0;font-size: 0;line-height: 0;height: 2px;background: #009b7a;display: block;}
div.subtitle{width: 80%;font-size: 12px;color: #717272;margin: 0 auto 15px auto;text-align: center;font-weight: normal;line-height: 24px;}
.server .serverlist{}
.server .serverlist a{display: inline-block;width: 48%;position: relative;}
.server .serverlist a.serverleft{float: left;}
.server .serverlist a.serverright{float: right;}
.server .serverlist a img{width: 98%;padding: 1%;border: solid 1px #ccc;}
.server .serverlist a p{text-align: center;color: #fff;font-size: 18px;height: 40px;line-height: 40px;overflow: hidden;width: 54%;background-color: rgba(0,0,0,0.5);position: absolute;top:35%;left: 23%;}


.case{background: #fff;padding: 15px 2%;}
.case .caselist{margin: 10px 0;}
.case .caselist a {width: 48%;display: inline-block;float: left;margin: 1%;}
.case .caselist a img {width: 100%;display: block; height:210px;}
.case .caselist a p{text-align: center;font-size: 14px;color: #444;height: 30px;line-height: 30px;overflow: hidden;position: relative;padding: 5px 0 0 0;}

.btnmore{width: 50%;display: block;margin: 15px auto 5px auto;height: 36px;text-align: center;line-height: 36px;border:solid 2px #009b7a;color: #009b7a;font-size: 16px;border-radius:5px;}
.ccc{clear: both;height: 10px;line-height: 0;font-size: 0;overflow: hidden;}


.news{background: #fff;padding: 15px 2%;}


.slideTxtBox .hd{ height:40px;width: 60%;margin: 0 auto 15px auto;}
.slideTxtBox .hd ul{}
.slideTxtBox .hd ul li{ float:left;cursor:pointer;margin: 0 4%;height: 32px;width: 40%;text-align: center;font-size: 16px;color: #4B4C4B;border: solid 1px #ccc;line-height: 32px;}
.slideTxtBox .hd ul li.on{}


.news .newslist a{width: 100%;height: 86px;overflow-y: hidden;margin: 0 0 11px 0;position: relative;display: block;background: #F5F5F5;}
.news .newslist a .date{width: 86px;height: 86px;float: left;background:#009b7a url(../images/xdate2.png) no-repeat 50% 50%;color: #fff;font-size: 34px;position: relative;margin: 0 15px 0 0;}
.news .newslist a .date .m{width: 44px;height: 42px;position: absolute;top: 5px;left: 5px;line-height: 42px;text-align: center;}
.news .newslist a .date .d{width: 40px;height: 22px;position: absolute;top: 54px;left: 42px;line-height: 22px;text-align: center;font-size: 16px;}
.news .newslist a h3{font-size: 14px;color: #707070;line-height: 38px;height: 40px;overflow:hidden;}
.news .newslist a span{font-size: 13px;color: #777;line-height: 22px;height: 44px;overflow:hidden;}




.about{background: #fff;padding: 15px 0;}
.about img.title{width: 100%;}
.about img.aboutimg{width: 100%;padding: 0 0 10px 0;}
.about .aboutc{padding:0 10px;font-size: 14px; line-height:180%;color: #4A4B4C;text-indent: 2em;}

/* footer
----------------------------------------------- */
#footer { background-color: #F1F1F1;width: 100%;padding: 20px 0 15px 0;}
#footer a {width: 96%;display: block;margin: 0 auto;}
#footer a img{width: 100%;display: block;}
#footer .copy{width: 100%;height: auto;text-align: center;display: block;color: #666262;line-height: 30px;font-size: 12px;padding: 10px 0 0 0;}


.xiangmu { background:#fff; width:100%;}
.xiangmu li { background:#009b7a; width:23%; margin:0 1%; float:left; height:60px; line-height:60px; text-align:center; margin-bottom:7px;}
.xiangmu li a { color:#fff; line-height:60px;}


.zybanner { background:url(../images/zybanner1.jpg) no-repeat center center; height:120px;}
.weizhi { padding:10px;}
.parts { padding:10px; background:#fff;}

#articlebox .h1_title { font-size:18px; text-align:center; padding:10px 0; line-height:24px; border-bottom:1px solid #ddd;}
#articlebox .artcontent { font-size:14px; padding-top:10px;}
#articlebox .artcontent p { padding-bottom:12px;}
#articlebox .artcontent img { width:100%;}

.doc_pro_list { background:#fff; padding:10px;}
.doc_pro_list li { padding-bottom:10px; text-align:center;}
.doc_pro_list li img { width:100%;}

#articeBottom { text-align:center; background:#fff; padding:10px 0;}

.probox { padding:10px; background:#fff;}
.probox .h1 { font-size:18px; text-align:center; padding:10px 0; line-height:24px; border-bottom:1px solid #ddd;}
.probox .docmain li { padding:5px 0;}
.probox .docmain li img { width:100%;}
.probox .protxt { font-size:14px; padding-top:10px;}
.probox .protxt p { padding-bottom:12px;}
.probox .protxt img { width:100%;}