/*==========全局==========*/
html{overflow-y:scroll; overflow-x:hidden; -webkit-text-size-adjust:none; _background-image:url(about:blank); _background-attachment:fixed;}
body {font-family:"Microsoft Yahei",Arial,"宋体",Helvetica;  font-size:12px; color:#333333;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td,sup,sub{margin:0;padding:0}
.table{border-collapse:collapse;border-spacing:0}
fieldset,img{border:0}
ul,ol,li {list-style:none;}
img{-ms-interpolation-mode: bicubic; vertical-align:top;}
input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}
.imgmiddle,input,select{vertical-align:middle;}
.clear{clear:both; height:0; overflow:hidden;}
.clearbox:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.clearbox{zoom:1;}
.fl{float:left; display:inline;}
.fr{float:right; display:inline;}
.auto{margin-left:auto; margin-right:auto;}
a { text-decoration:none; color:#333333; blr:expression(this.onFocus=this.blur()); /* IE Opera */ outline:none; /* FF Opera */ position:relative;}
a:focus{ -moz-outline-style: none; /* FF */ } 
a:hover{ text-decoration:none; color:#f60; transition:all 0.3s ease; -moz-transition:all 0.3s ease; -webkit-transition:all 0.3s ease; -o-transition:all 0.3s ease; -ms-transition:all 0.3s ease;}
.ffyh{font-family:"Microsoft Yahei";}
.ffarial{font-family:"arial";}
.tc{text-align:center;}
.tl{text-align:left;}
.tr{text-align:right;}
.word{word-break:break-all;}
.dn{display:none;}
.mt30{margin-top:30px;}
 

img{
-webkit-transform:scale(1,1);
-moz-transform:scale(1,1);
-ms-transform:scale(1,1);
-o-transform:scale(1,1);
transform:scale(1,1);
-webkit-transition-duration:200ms;
-moz-transition-duration:200ms;
-o-transition-duration:200ms;
transition-duration:200ms;
-webkit-transition-timing-function:ease-out;
-moz-transition-timing-function:ease-out;
-o-transition-timing-function:ease-out;
transition-timing-function:ease-out
}

.about_list li:hover img{
-webkit-transform:scale(1.08,1.08);
-moz-transform:scale(1.08,1.08);
-ms-transform:scale(1.08,1.08);
-o-transform:scale(1.08,1.08);
transform:scale(1.08,1.08);
-webkit-transition-duration:200ms;
-moz-transition-duration:200ms;
-o-transition-duration:200ms;
transition-duration:200ms;
-webkit-transition-timing-function:ease-out;
-moz-transition-timing-function:ease-out;
-o-transition-timing-function:ease-out;
transition-timing-function:ease-out
}
 

.foot_linksbg{width:100%; background:#202020; padding:10px 0 30px 0;}
.foot_links{width:960px; margin:0 auto; position:relative;}
.width960 .foot_links{width:960px;}       /* add */
.width1200 .foot_links{width:1200px;}     /* add */
.links{margin-top:15px; width:100%;}
.links h3{color:#0689f9; font-size:24px; font-weight:normal;}
.links_con{color:#7d7d7d; line-height:24px; margin-top:5px;}
.links_con a{color:#7d7d7d; display:inline-block;}
.links_con a:hover{color:#fff;}
.keyword{margin-top:15px; width:100%;}
.keyword h3{color:#fdd813; font-size:24px; font-weight:normal;}
.address{line-height:32px; color:#c1c5cb; font-size:14px; margin-top:15px; width:100%;}
.address a{color:#c1c5cb;}
.address a:hover{ color:#fff;}
.link_btn{position:absolute; bottom:10px; right:0;}
.link_btn li{float:left; margin-right:12px; position:relative;}
.link_qq{width:129px; height:40px; background:url(../images/indexicon.png) -30px 0 no-repeat; display:block;}
.link_qq:hover{background:url(../images/indexicon.png) -30px -50px no-repeat;}
.link_sina{width:129px; height:40px; background:url(../images/indexicon.png) -160px 0 no-repeat; display:block;}
.link_sina:hover{background:url(../images/indexicon.png) -160px -50px no-repeat;}
.link_weixin li{height:40px;}
.link_weixin{width:129px; height:40px; background:url(../images/indexicon.png) -290px 0 no-repeat; display:block; position:relative; z-index:2;}
.link_weixin:hover{background:url(../images/indexicon.png) -290px -50px no-repeat;}
.link_weixin_ewm{position:absolute; top:-138px; height:0px; overflow:hidden; width:129px; background-image:url(about:blank); }

.footbg{width:100%; padding:15px 0; background:#0a0a0a; overflow:hidden;}
.foot{width:960px; margin:0 auto; color:#999;}
.width960 .foot{width:960px;}     /* add */
.width1200 .foot{width:1200px;}     /* add */
.foot a{color:#999;}
.foot a:hover{color:#fff;}

#loading{width:100%; display:block; height:100%; _height:700px; background:#262626; z-index:9999; overflow: visible; position: fixed; left:-100%; top:0px; _position: absolute; _top: expression(documentElement.scrollTop + 0 + "px");}
#loading img{position:absolute; top:50%; left:50%; margin:-35px 0 0 -60px;}
#workpop{width:100%; background:#fff; overflow:hidden; position:absolute; top:0 ;left:0; display:none; z-index:9997;}

.subindex{width:100%; overflow:hidden;}

/* 案例页面 */
.sub_headbg{width:100%; height:40px; background:url(../images/searchpopbg.png) repeat; z-index:999; overflow: visible; position: fixed; top: 0px; _position: absolute; _top: expression(documentElement.scrollTop + 0 + "px");}
.sub_head{width:960px; margin:0 auto; height:40px; position:relative;}
.width960 .sub_head{width:960px;}       /* add */
.width1200 .sub_head{width:1200px;}     /* add */
.sub_headbtn{position:absolute; left:0; top:0;}
.sub_headbtn li{float:left;position:relative;}
.sub_headbtn li.head_btn4{display:none;}
.sub_headbtn li a{display:block; width:50px; height:40px; overflow:hidden;}
.sub_headbtn li a span{display:block; width:50px; height:80px; background:url(../images/indexicon.png) no-repeat;}
.sub_headbtn li a:hover{transition:all 0s ease; -moz-transition:all 0s ease; -webkit-transition:all 0s ease; -o-transition:all 0s ease; -ms-transition:all 0s ease;}
.sub_headbtn li.head_btn1 a span{background-position:-600px 0;}
.sub_headbtn li.head_btn2 a span{background-position:-650px 0;}
.sub_headbtn li.head_btn3 a span{background-position:-700px 0;}
.sub_headbtn li.head_btn4 a span{background-position:-750px 0;}
.sub_headbtn li.head_btnselect a span{background-position:-800px 0;}
.head_selectbox{width:200px; position:absolute; height:0px; overflow:hidden;}
.head_selectbox li{background:#5a5a5a; width:100%;}
.head_selectbox li a{height:36px; line-height:36px; padding-left:10px; width:190px; display:block; border-bottom:1px solid #4e4e4e; color:#fff;}
.head_selectbox li a:hover,.head_selectbox li.active a{background:#0076db; transition:all 0.3s ease; -moz-transition:all 0.3s ease; -webkit-transition:all 0.3s ease; -o-transition:all 0.3s ease; -ms-transition:all 0.3s ease;}

.share{position:absolute; right:0; top:10px; color:#999; line-height:20px;}

.sub_search{position:absolute; right:120px; background:#000; top:8px; width:200px; height:22px; border:1px solid #333;}
.sub_search_txt{width:160px; height:20px; line-height:20px; border:0; background:none; color:#FFF; margin:1px 0 0 5px; float:left; display:inline;}
.sub_search_btn{width:20px; height:20px; float:right; margin:1px 5px 0 0; display:inline; background:url(../images/indexicon.png) 0 -30px no-repeat; border:0; cursor:pointer;}

.bigpic{width:100%; margin:0 auto;}
.bigpic div{width:300%; text-align:center; margin-left:-100%;}
.sub_container{width:960px; margin:0 auto;}
.width960 .sub_container{width:960px;}       /* add */
.width1200 .sub_container{width:1200px;}     /* add */
.work_about{background:url(../images/searchpopbg.png) repeat; padding:20px 25px;}
.work_about h3{font-size:16px; color:#fff;}
.work_about h3 a{color:#fff;font-weight:normal;}
.work_about h3 a:hover{color:#f90;}
.work_about p{font-size:14px; color:#f0f0f0; line-height:24px; margin-top:5px;}
.width960 .work_pic img{max-width:960px;width:expression((this.offsetWidth > 960) ? (this.width = 960 +'px') : true);}
.width1200 .work_pic img{max-width:1200px;width:expression((this.offsetWidth > 1200) ? (this.width = 1200 +'px') : true);}
.qqico{width:67px; height:65x; z-index:9998; position:fixed; bottom:50px; right:1px; _position:absolute; _top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop, 50)||50)-(parseInt(this.currentStyle.marginBottom, 50)||50)));}

/* 案例列表页面s */
.picbox{ padding-top:4px; width:956px; overflow:hidden; margin:10px auto;}
.picbox li{ width:314px; height:236px;  margin:3px 7px 7px 3px; overflow:hidden; float:left; position:relative; }
.picbox li img{ width:314px; height:249px; cursor: pointer;} 
.pic_hover{ width:304px; height:139px;  padding: 16px 0px 0px 10px; overflow:hidden; position:absolute; left:0; bottom:-155px;  background-color:#FFFFFF; filter:alpha(opacity=80); opacity:0.8;  }
.pic_hover h4{font-family:�o��,hei,Arial; font-size:16px;margin-bottom:7px;}
.pic_hover p{line-height:16px; width:298px; padding-bottom:8px; border-bottom:1px solid #cecece; text-align:justify;}
.pic_hover .inf{ float:left; padding:6px 2px 0px 1px; width:193px; height:32px; overflow:hidden;}
.pic_hover .inf .time{ line-height:20px; font-size:12px;font-family:�o��,hei,Arial;}
.pic_hover .inf span{font-family:Arial, Helvetica, sans-serif; font-size:9px; line-height:14px;  }
.infbutton a{ display:block; margin-left:31px; margin-top:21px;background: url(../images/pic.gif) 0px -28px no-repeat; cursor:pointer; width:65px; height:17px; float:left; text-indent:-9999px; overflow:hidden;}
.infbutton a:hover{ background: url(../images/ckxx.jpg)  no-repeat; cursor:pointer; width:65px; height:17px; float:left; text-indent:-9999px; overflow:hidden;}
.clear2{ clear:both; margin:0 auto;}

.sharelist{ width:681px; float:left;}.shareone{ width:100%; overflow:hidden;}
#bottomSpace{height:33px; background-color:#212121;}
#DIVNotice{position:fixed; right:1.8%; top:218px; width:141px; height:374px; display:block;background:url(../images/notice.png) center center no-repeat; cursor:pointer;	}
#DIVNotice .close{position:absolute; top:0px; right:0px; width:30px; height:30px;}
#DIVNotice .CallInfo{position:absolute; top:0px; left:0px;width:141px; height:374px;}
div#black_overlay {display: none;position: absolute;top: 0%;left: 0%;width: 100%;height: 100%;z-index:10000; background:url(fancybox_overlay.png); cursor:pointer;}
div#Zoom{position:fixed; z-index:10001; left:-368px; background:#fff url(../image/loading.gif) no-repeat center center; bottom:10%; width:366px; height:650px;-webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2); border:1px solid #e4e3e3; opacity:0; -moz-opacity:0; -webkit-opacity:0;filter: alpha(opacity=0); display:none;}

/* 案例列表页面e */