@charset "utf-8";

*{ margin:0; padding:0;}

body{ background-color:#efefef;font-family:"微软雅黑";/*overflow: hidden; */font-size:12px; color:#555555; margin:0; padding:0; overflow-y:auto;height:100%;height:2150px;}

h1,h2,h3,h4,h5{ font-size:12px; margin:0; padding:0}

ul,li,dl,dt,dd{ list-style:none; margin:0; padding:0}

a {cursor:pointer; text-decoration:none; color:#535353}

.clear{ clear:both; width:100%; height:0; overflow:hidden;}

img{ border:0;}

em{ font-style:normal}



.page { width: 100%; height: 100%; position: relative;z-index: 1; color: #3c3b38;}

.wrapper{ width:996px;height: 100%; margin: 0 auto;}

#home .wrapper { width:996px;height: 100%; margin:0 auto; position:relative}

#solution .wrapper { width:996px;height: 100%; margin: 0 auto; position:relative}

#about .wrapper { width:996px;height: 100%; margin: 0 auto; position:relative}

#home{ width:100%; height:700px;}

#case{  width:100%; height:700px;}

#solution{  width:100%; height:700px;}

#advantage{  width:100%; height:700px;}

#about{  width:100%; height:700px;}

#contact{  width:100%; height:700px;}



/*---------------------------导航-----------------------------*/

* html #nav {}

#nav { width:101px;  }

#nav li { width:101px; position:absolute; right:0}

#nav li a{outline:none; blr:expression(this.onfucs=this.blur());}

#nav_01{top:0}

#nav_02{top:46px;}

#nav_03{top:92px;}

#nav_04{top:138px;}

#nav_05{top:184px;}

#nav_06{top:230px;}

#nav_07{top:276px;}

#nav_08{top:322px;}





/*---------------------------首页-----------------------------*/

.logo{ width:140px; height:97px; position:absolute; top:18px; left:0; z-index:1;}

.TopMenuBar{ padding:0 0 0 10px; position:absolute; left:792px; top:2px; height:26px;width:338px;background:#cccccc;  line-height:26px; z-index:1; font-size:14px; text-align:left;}

.notice{ background:url(../images/notice.png) no-repeat left center; padding:0 0 0 20px; position:absolute; left:250px; top:38px; height:26px; line-height:26px; z-index:1;}

.zhangshang_title{ border:1px dashed #cc0000; padding:12px 0 0 20px; position:absolute; left:220px;width:600px; height:66px;top:85px; z-index:1;font-size:16px;text-align:center; }
.zhangshang_title a{ margin:0 16px 0 0; color:#cc0000;}
.zhangshang_title  a.on{ background:#ffc000; color:#cc0000} 
.zhangshang_title  a:hover{ background:#ffc000; color:#cc0000}

.zhangshang_Phone{  padding:0 0 0 10px; position:absolute; left:220px; top:123px;  z-index:1;font-size:16px; color:#3c3b38; }




#scrollDiv{width:195px;height:26px; line-height:26px;overflow:hidden; position:absolute; left:80px; top:0;}
#scrollDiv li{height:25px;padding-left:10px;}


#slideshow{width:996px;height:569px; position:absolute; top:134px; left:0}
#slideshow ul{height:569px;overflow:hidden;position:absolute; top:0; left:0;width:996px;}

#slideshow li{position:absolute;display:none;z-index:10;}
#slideshow li:first-child{display:block;z-index:-1000;}
#slideshow .slideActive{z-index:-1000;}

#slideshow canvas{display:none;position:absolute;z-index:100000; left:0; top:0}
#slideshow .arrow{height:42px;width:90px;position:absolute;}
#slideshow .previous{ background:url(../images/arrow_left.png) no-repeat;width:90px;  height:42px;position:absolute; left:578px;bottom:125px; z-index:1000;outline:none; blr:expression(this.onfucs=this.blur()); cursor:pointer}
#slideshow .previous:hover{ background-position:left bottom;}
#slideshow .next{background:url(../images/arrow_right.png) no-repeat;width:90px;  height:42px; position:absolute;left:712px; bottom:125px; z-index:1000;outline:none; blr:expression(this.onfucs=this.blur()); cursor:pointer}
#slideshow .next:hover{}



/*---------------------------案例-----------------------------*/

.pic_main{ height:640px; position:relative}

.more{ width:32px; height:30px; position:absolute; top:110px; left:134px; z-index:10000}

.pic_txt{ display:none; position:absolute; z-index:100; color:#fff; left:0; bottom:0; height:257px; width:257px; background:url(../images/pic_bg.png) no-repeat; text-align:center; cursor:pointer}

.pic_txt h2{ font-size:16px; margin-bottom:6px; margin-top:92px;}

.pic_txt h2 a{ color:#ffd200;}

.pic_txt p{ font-size:14px; color:#fff;margin-bottom:10px;}

.pic{ width:257px; height:257px;}

.pic_img{ width:257px; height:257px; position:absolute; left:0; top:0; z-index:10}

#pic01{ position:absolute; left:48px; top:158px;}

#pic02{ position:absolute; left:48px; top:416px;}

#pic03{ position:absolute; left:304px; top:158px;}

#pic04{ position:absolute; left:430px; top:31px;}

#pic05{ position:absolute; left:304px; top:415px;}

#pic06{ position:absolute; left:430px; top:289px; z-index:100}

#pic07{ position:absolute; left:686px; top:31px;}

#pic08{ position:absolute; left:686px; top:289px;}



/*---------------------------我们的服务-----------------------------*/

.text{ line-height:24px; padding:168px 148px 0 44px;}

.text p{ line-height:24px;}

.text strong{ font-size:16px; color:#ffae00}

.switch{ width:431px; height:268px; overflow:hidden; position:absolute; left:480px; bottom:109px;}

.box1{ width:370px; height:223px;padding:45px 26px 0 35px;float:left; overflow:hidden; }

.box1 h2{ font-size:25px; font-family:"黑体"; color:#ffae00; height:67px; margin-bottom:14px;}

.box1 h2 *{ vertical-align:text-bottom;}

.box1 h2 em{ margin-right:5px;}

.box1 p{ line-height:24px;}

#solution .arrow_total{ height:30px; position:absolute; z-index:10; left:178px; top:222px;}

.arrow_total .prev, .arrow_total .next{ width:17px; height:30px;outline:none; blr:expression(this.onfucs=this.blur());}

.arrow_total span{ width:9px; height:30px; margin:0 11px;}

.featureUL {position: relative;  width: 2800px; float: left;left: 0px}

.featureBox { width:431px; float: left; height: 268px; overflow: hidden;}

#botton-scroll {width:431px; float: left; height:268px; overflow: hidden;}

#block { width:431px; float: left; height:268px;}



/*---------------------------优势(我们的优势)-----------------------------*/

.service_left{ border:0px dashed #ff0000; background:url(../images/icon04.png) no-repeat 0 100px; width:420px; height:502px; float:left; margin:198px 0 0 0; padding:0 0 0 240px;}

.bar1{ height:134px; margin-bottom:24px;}

.text3{ color:#fff; width:408px; line-height:24px; height:110px;}
.text31{ color:#fff; width:340px; line-height:24px; height:110px;padding:0 0 0 120px;}
.text32{ border:1px dashed #ff0000;color:#fff; width:320px; line-height:24px; height:110px;margin:0 0 0 120px;padding:12px 0 0 15px;}

.line{ color:#8b8b8b; display:block; margin-bottom:10px;}

.line span{ font-size:22px; color:#272727; display:inline-block; text-align:center}

.line em{ font-style:normal; font-size:20px; color:#fff; margin-right:5px;}

.service_right{ width:292px; height:505px; margin:150px 0 0 0; float:right; background:url(../images/icon05.png) no-repeat;}

.service_right ul{ width:269px; height:453px; overflow:hidden;}

.service_right ul li{ float:left; width:134px; height:74px; border-right:1px dotted #474747; border-bottom:1px dotted #474747}

.service_right ul li img{ width:134px; height:74px;}

.service_right ul li.no{ border-right:none; }

.arrow_top,.arrow_bottom{ text-align:center; width:30px; height:17px; margin:0 auto}

.btntop,.btnbottom{height:12px;overflow:hidden;background:url(../images/arrowtopbottom.gif) no-repeat;cursor:pointer;}

.btntop{background-position:60px 0;}

.btnbottom{background-position:60px -12px;}

#scrollbox{height:453px; overflow:hidden;  margin:13px 0 13px 8px;}

.scrollcon{height:800%;}



/*---------------------------优质服务(关于我们)-----------------------------*/

.agency{ color:#fff; width:390px; position:absolute; top:176px; left:23px; padding:18px 0 0 20px;}

.text2{ line-height:24px; }

.text2 span{ width:210px; height:21px; display:inline-block; line-height:21px; font-size:16px; color:#000; font-weight:bold; }

.pic2{ width:236px; height:117px; position:absolute}

#pic_01{ left:403px; top:170px;}

#pic_02{ left:285px; top:288px;}

#pic_03{ left:168px; top:405px;}

#pic_04{ left:637px; top:170px;}

#pic_05{ left:403px; top:405px;}

#pic_06{ left:284px; top:523px;}

#pic_07{ left:637px; top:405px;}

#pic_08{ left:518px; top:523px;}

#pic_09{ left:755px; top:523px;}

#about .arrow_total{ height:30px; position:absolute; z-index:10; left:42px; top:220px;}



/*---------------------------联系我们-----------------------------*/

.address{ width:340px; margin:0 0 0 34px; padding:238px 0 0 0; float:left; display:inline;}

.address h2{ font-size:20px; margin-bottom:16px;}

.address p{ font-size:13px; line-height:20px;}

.message{ background:url(../images/message_bg.png) no-repeat; float:right; width:616px; height:328px; margin:155px 2px 0 0; padding:54px 0 0 0; font-size:13px; color:#666}

.c1{ overflow:hidden; display:block; margin-bottom:14px; padding:0 0 0 28px;}

.c1 span{ height:28px; line-height:28px; float:left; width:65px; display:block;}

.c1 textarea{ width:399px; height:135px; border:1px solid #d7d7d7; font-size:13px;}

.input_txt1{ width:150px; height:26px; border:1px solid #d7d7d7; line-height:26px; float:left}

.input_btn1{ background:url(../images/btn1.png) no-repeat; border:none; width:105px; height:40px; cursor:pointer}



.foot{ height:44px; line-height:44px; overflow:hidden; margin:53px 0 0 0;}

.foot span{ float:left; color:#919191}

.foot em{ float:right; font-style:normal;}

.foot em a{ background:url(../images/icon02.png) no-repeat right center; padding:0 12px; color:#cccccc}

.foot em a.no{ background:none !important;}



.link{ height:56px; line-height:20px; padding:10px 0 0 0}

.link a{ color:#a1a1a1; padding:0 16px 0 0}

.link span{ color:#cccccc}





.float0831 {position: fixed; bottom:0px; left:0px; _position: absolute;  z-index:100; height:81px; width:100%}

.float0831 A {COLOR: #00a0e9}

.float0831 A:hover {COLOR: #ff8100; TEXT-DECORATION: none}

.float0831 .floatL {position: absolute; width:39px; float: left; background:url(../images/icon1.png) no-repeat; z-index:100}

.float0831 .floatL a {DISPLAY: block; width:39px; height:81px; text-indent:-999px;}

.float0831 .floatR { height:81px;  background:url(../images/bg.png) repeat-x; position:absolute; left:0px; width:100%; text-align:center}

.float0831 .floatR {float: left; }

.float0831 .cn ul {}

.float0831 .cn ul li { background:url(../images/icon03.jpg) repeat-x left bottom; padding:10px 15px}

.float0831 .btnOpen {}

.float0831 .btnOpen_n {}

.float0831 .btnCtn { }

.float0831 .btnOpen {POSITION: relative; width:39px;  height:81px;}

.float0831 .btnOpen_n {POSITION: relative;width:39px; height:81px; bottom:0; left:0}

.float0831 .btnCtn {POSITION: relative; WIDTH:79px; HEIGHT: 89px;bottom:0; left:0}

.float0831 .btnOpen {bottom:0; left:0px}

.float0831 .btnOpen_n {bottom:0; left:0px}

.float0831 .btnCtn {bottom:0; left:0px}

.close{ position:absolute; right:0; top:0}

.qiatan{ padding:23px 0 0 0;}

.qiatan *{ vertical-align:middle}

.qiatan span{ background:url(../images/bg2.png) no-repeat; width:482px; height:39px; display:inline-block; margin:0 4px; }

.qiatan span a{ background:url(../images/qq.png) no-repeat left center; color:#fff; height:39px; line-height:39px; display:inline-block; padding:0 0 0 22px; margin:0 8px}

.qiatan samp{ background:url(../images/phone3.png) no-repeat; width:211px; height:39px; display:inline-block; margin:0 0 0 4px;}

.qiatan em{ padding:8px 0 0 0; display:inline-block}


	.clear{overflow:hidden; clear:both; width:0px; height:0px; }
	.imgbox{width:996px; padding-top:117px; }
	ul{padding:0px; margin:0px;}
	ul li{float:left; list-style:none; }
	ul li.select{display:block;}
	.imgnum span{border-radius:10px; font:normal normal bold 12px/15px 微软雅黑; color:#FFF; margin-left:5px; padding:3px 6px 3px 6px;  background-color:#F90; cursor:pointer;}
	.imgnum span.onselect{background-color:#F00;}
	.imgnum{text-align:center; float:left; margin:-80px 35px; position:relative;}