@charset "utf-8";
/* CSS Document */
/*@font-face{font-family:'QTypeCompBook';
src:url('fonts/qtypecomp-book-webfont.eot');
src:url('fonts/qtypecomp-book-webfont.eot?iefix') 
format('eot'),url('fonts/qtypecomp-book-webfont.ttf') 
format('truetype'),url('fonts/qtypecomp-book-webfont.svg#webfontgiHXErbZ') 
format('svg');font-weight:700;font-style:normal}

@font-face{font-family:'HelveticaNeueLTStd45Light';src:url('fonts/helveticaneueltstd-lt-webfont.eot');src:url('fonts/helveticaneueltstd-lt-webfont.eot?#iefix') format('embedded-opentype'),url('fonts/helveticaneueltstd-lt-webfont.ttf') format('truetype'),url('fonts/helveticaneueltstd-lt-webfont.svg#HelveticaNeueLTStd45Light') format('svg');font-weight:normal;font-style:normal}*/
html,body{ height:100%}
a{outline-width:medium;outline-color:invert;outline-style:none;text-decoration:none}
a:hover{text-decoration:none;}
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{margin:0;padding:0;outline:0}
div{ margin:0 auto;}
img{border:none; /*display:block*/}
ol,ul,li{list-style:none;margin:0;padding:0}
.clear{clear:both;}
.yh{font-family:"microsoft yahei"}
body{margin:0;padding:0;font-size:12px;color:#333;font-family:"microsoft yahei"}

.wb_auto{width:1100px;margin:0 auto;}
/*头部*/
#header {position:fixed; top:0; left:0; width:100%; z-index: 9999; height:80px; _position:absolute; _top:expression(eval(document.documentElement.scrollTop));overflow:hidden;}
.wb_head{height:80px;display:block;overflow:hidden;position:relative; background:url(../images/bg_dot_home.jpg);}
.wb_head .wb_logo{width:290px;height:80px;display:inline;float:left;background:url(../images/wb_logo.png) no-repeat;}
.wb_head .wb_logo a{width:290px;height:80px;display:block;text-indent:-9999px}

.wb_head .wb_nav{float:right;display:inline; width:660px;}
.wb_nav_c{background:#000 url(../images/nav.gif) no-repeat left 0;position:relative;height:32px; float:right;display:inline;width:628px;padding-left:32px; margin-top:24px;}
.wb_nav_c a{ display:inline; float:left; line-height:32px; height:32px; color:#FFF; font-size:14px; padding:0 20px 0 0; text-align:center; }
.wb_nav_c a.nav_right{ display:inline; float:right; padding:0;}
.wb_nav_c a:hover{ color:#F00;}
.wb_nav_e{ clear:both; font-size:11px; text-transform:uppercase; padding-left:30px;}
.wb_nav_e a{ display:inline; float:left;  color:#737373; width:45px;  }
.wb_nav_e a.nav_right{ display:inline; float:right; padding:0; text-align:right }
span.black{background:#040000;position:absolute;z-index:999;width:50%;height:32px;top:24px;left:50%;margin-left:550px}
.wb_tel{position:absolute;top:24px;right:0;line-height:32px;color:#fff;z-index:999;padding-right:15px;  }

/*video*/
.header-wrapper {width:100%; height:100%; background: #333; padding:0; margin:0; overflow:hidden;background:url(../images/video/starimg.jpg) no-repeat center top; background-size:cover;z-index: 1; }
.header-video {left: 0;top: 0;min-height: 100%;min-width: 100%;}
video {display: inline-block;vertical-align: baseline;}
.header-content {position: absolute;top: 0; left: 0; bottom:0; width: 100%;height: 100%; background:url(../images/video/tile-pattern.png); display: table;}
.header-content i {position: absolute; bottom: 30px; left:50%; margin-left: -17px; right: 0; background: url(../images/video/down_ico.png) no-repeat; width:34px; height:18px;}
.header-content i:hover {cursor: pointer; background:url(../13/down_ico.png) -38px 0}
.header-content .f-row {text-align: center;display: table-cell;vertical-align: middle; width:100%; height:100%;}
.slogan {background-image: url('../images/video/slogan.png') ;background-position: center center; background-repeat: no-repeat; height: 157px; width:748px; margin: 0 auto; text-indent: -9999px; top:50%; _margin-top:-78.5px;}
.header-content .section-header {font-weight: 100;letter-spacing: 0.05em;color: #fff;font-size: 55px;position: relative;margin-bottom: 20px;line-height: 1.4;}
.header-content .p-header {font-weight: 100;letter-spacing: 0.05em;color: #fff;font-size: 20px;position: relative;line-height: 1.4;width:700px;margin: 0 auto;}

.kong{ position:absolute; margin-top:-80px;}
/* who */
.wb_who{ background:#000; height:147px;  line-height:24px; color:#fff;}
/*.wb_who_con{ height:100%; width:1280px; background-color:#FFF;   margin:0px auto; }*/
.title_who{ font:normal 24px/50px "Microsoft YaHei";  }

.wb_title span{ display:block; text-align:center; font:normal 16px/30px "Microsoft YaHei";}
.wb_title span img{ display:inline;}
 
/*我们的服务*/
.wb_ser{ display:block; width:1100px; padding-top:40px; padding-bottom:40px; }
.wb_ser ul{ width:1200px;}
.wb_ser li{ background:#000; width:253px; height:153px; cursor:pointer; margin-right:27px; display:inline; float:left; border:1px #e6e6e7 solid}
.wb_ser li .pic{ height:86px;  text-align:center; }
.wb_ser li .pic span{ height:86px; display:block; }
.wb_ser li .pic span.bg1{background:url(../images/i1.png) no-repeat center center}
.wb_ser li .pic span.bg2{background:url(../images/i2.png) no-repeat center center}
.wb_ser li .pic span.bg3{background:url(../images/i3.png) no-repeat center center}
.wb_ser li .pic span.bg4{background:url(../images/i4.png) no-repeat center center}
.wb_ser li .txt{ text-align:center; display:block; color:#c1c1c1; font-size:18px; line-height:15px;}
.wb_ser li .txt span{ display:block; color:#504f4f; font-size:11px; padding-bottom:8px;}
.wb_ser li:hover{  background:#c00000;border:1px #e6e6e7 solid}
.wb_ser li:hover .txt{  color:#fff; }
.wb_ser li:hover .txt span,.wb_ser li .txt a:hover,.wb_ser li a:hover{  color:#fff;text-decoration:none }
/*.wb_ser li:hover .pic span.bg1{background:url(../images/i1_2.png) no-repeat center center; }*/
.wb_ser li:hover .pic span.bg1{background:url(../images/i1_2.png) no-repeat center center}
.wb_ser li:hover .pic span.bg2{background:url(../images/i2_2.png) no-repeat center center}
.wb_ser li:hover .pic span.bg3{background:url(../images/i3_2.png) no-repeat center center}
.wb_ser li:hover .pic span.bg4{background:url(../images/i4_2.png) no-repeat center center}

/*我们的案例*/
.wb_case {background:url(../images/case_bg.gif) repeat-x center 0;  margin-top:40px; padding:30px 0 0 0;}
/*.wb_case ul{ width:1050px;   }
.wb_case li{ width:236px; height:167px; position:relative; margin-bottom:20px; float:left; margin-right:18px; display:inline;}
.wb_case li .txt{width:236px; display:none; height:167px; background:#666; left:0; top:0; position:absolute; background:url(../images/i_bg_hover.jpg) #09C; color:#FFF; text-align:center; font-size:20px}
.wb_case li .txt p{ padding-top:40px;}
.wb_case li .txt span{ font-size:12px; padding-top:8px; display:block}*/

.Case00{width:1128px; }
.thumb{ background:#000000; position:relative; width:254px; height:152px; margin-right:28px; margin-bottom:30px; overflow:hidden; float:left;}
.divLeft,.divRight{ width:127px; height:160px; overflow:hidden; position:relative; top:-160px; overflow:hidden; float:left;}
.divLeft{ margin-right:-10px;}
.divLeftImage{ width:127px; height:100%; float:left;}
.divLeftShadow{ width:10px; height:100%; float:left; background:transparent url(../img/'shadow.png') repeat-y 0 0;}
.divRight{ width:137px; background-position:-108px 0;}
.thumbnail-shadow{ float:left; height:33px; position:relative; top: -320px; width:100%;}

.someContent{ position:relative; width:254px; height:150px; padding:10px 0px 0px; font-size:12px; font-family:Arial; text-align:justify; background:transparent url(../images/thumbnail-overlay.png) no-repeat scroll 0px -167px; font-family:"微软雅黑";}
.someContent .case_txt{ color:#fff; height:97px; font-size:11px; padding:0 10px; overflow:hidden; }
.someContent .case_more{ bottom:0; float:right; position:relative; right:0; width:60px; display:inline-block; margin-right:10px; margin-top:3px; text-align:center; line-height:24px;}
.someContent .case_more a{ background:#c00000; height:24px; width:60px; display:inline-block; margin-right:10px; margin-top:8px; text-align:center; line-height:24px; color:#fff;}
/*.someContent .case_more a:hover{ color:#fff; background:#c00000;}*/
.someContent .case_txt .S1{ font-size:20px; display:block;   padding-bottom:8px;}
.someContent .case_txt .S2{ line-height:22px; }

.case_btn{ width:100px; text-align:center; line-height:28px; padding-top:10px;}
.case_btn a{ width:100px; height:28px; line-height:28px; -moz-border-radius:3px; -webkit-border-radius:3px;border-radius:3px; background:#c00000; display:block; color:#fff;}
.case_btn a span{ background:url(../images/CTop-pic1.png) left no-repeat; padding-left:19px;}
.case_btn a:hover{ background:#e30016;}

/*我们的信息*/
.wb_news{ width:1100px; overflow:hidden;  margin-top:40px;}

.news_con1{width:1140px;} 
.news_con_s li{float:left;width:340px;margin-right:40px;margin-bottom:10px; }
.news_con_s li span{ background-color:#000; display:block;}
.news_con_s li a{position:relative;width:340px;height:130px; display:block;filter:alpha(opacity=40);opacity:0.4 !important;overflow:hidden;}
.news_con_s li a:hover{filter:none;filter:alpha(opacity=100);opacity:1 !important;}
.news_con_s li a em{width:335px;height:124px;border:3px solid #777;position:absolute;left:-1px;top:0px;background: url(../images/works_ahover.png) no-repeat center -92px;transition: all 0.3s linear 0s;}
.news_con_s li a:hover em{border:3px solid #BA292D;background: url(../images/works_ahover.png) no-repeat center center;transition: all 0.3s linear 0s;}
.news_con_s li h4{margin-top:10px;border-bottom:4px solid #666;padding-bottom:10px;}
.news_con_s li h4{color:#666;font-size:20px;font-family:'微软雅黑';font-weight:normal;}
.news_con_s li p{color:#999;font-size:12px;font-family:'微软雅黑';margin-top:5px;line-height:20px;}

.news_bg{margin:0 auto;background-color:#f9f9f9;}
.news_con2{width:1100px;margin:0 auto;padding-top:20px; padding-bottom:40px;}
.news_con_left{float:left;width:520px; padding-right:29px; border-right:1px solid #eee;}
.news_con_right{float:left;width:520px; padding-left:29px;}
.news_con_left dl,.news_con_right dl{border-bottom:dashed 1px #d8d8d8;padding:20px 0 10px 0;}
.news_title{font-size:14px;font-weight:bold;}
.news_title a{color:#666;}
.news_title a:hover{color:#c00000;}
.news_date{color:#999;font-family:Arial;}
.news_con_left dl dd,.news_con_right dl dd{line-height:20px;margin-top:10px;}
.news_con_left dl dd a,.news_con_right dl dd a{color:#999;}
.news_con_left dl dd a:hover,.news_con_right dl dd a:hover{color:#666;}
/*.wb_news dl{ width:1100px; height:288px;}
.wb_news dd{ width:304px; float:left; margin-right:44px; display:inline;overflow:hidden; text-overflow:ellipsis}
.wb_news dd h1{ position:relative; height:29px; background:url(../images/title1.jpg) no-repeat; line-height:15px; font-size:18px; font-weight:normal; color:#000; }
.wb_news dd h1 .news_more{ position:absolute; right:13px; top:3px; font-size:12px; color:#dcdcdc}
.wb_news dd h1 .news_more a,.wb_news dd h1 .news_more a:hover{color:#dcdcdc}
.wb_news dd ol li{ width:304px; height:85px; overflow:hidden; float:left; color:#656565; line-height:19px; padding-top:12px; font-size:13px}
.wb_news dd ol li span{ padding-bottom:14px; display:block; font-size:16px; color:#000}
.wb_news dd ol li img{ border:1px #efefef solid; margin-right:9px; float:left;}

.wb_news dd ul li{ width:304px; float:left; height:26px; line-height:30px; font-size:13px; color:#666}
.wb_news dd ul li a{color:#666}
.wb_news dd ul li a:hover{color:#c00000}*/


/*我们的客户*/
.wb_customer{width:1100px; overflow:hidden;  margin-top:40px; margin-bottom:40px;}
.wb_customer ul{clear:both;border:2px solid #000;display:table;border-bottom:0;overflow:auto;height:auto;zoom:1}
.wb_customer ul li{float:left;display:inline-block;line-height:70px;vertical-align:middle;text-align:center;border-bottom:2px solid #000;border-right:2px solid #000;background:#21201c;
width:155px;height:70px;display:table;-webkit-transition:all .3s ease-in-out}
.wb_customer ul li.last{border-right:0;width:154px}
.wb_customer ul li a{display:table-cell;-webkit-transition:all .5s ease-in-out;vertical-align:middle;-moz-transform:scaleX(-1);}
.wb_customer ul li img{margin:0 auto;display:block}
.wb_customer ul li:hover{background:#000}

/* 底部样式 */
.wb_foot{ height:345px; background-color:#000;clear:both;}
.wb_foot .wb_dibu{ width:1100px; margin:0 auto; padding-top:30px; }
.wb_foot .foot_con{ width:300px; float:left;}
.wb_foot .foot_con .foot_con_1{ line-height:45px; display:block; height:45px; color:#888;}
.wb_foot .foot_con .weibo{ height:40px;}
.wb_foot .foot_con .weibo ui{}
.wb_foot .foot_con .weibo li{width:40px; height:40px; float:left; margin-right:15px;}
.wb_foot .foot_con .weibo li.qq{ background:url(../images/qq.gif) no-repeat top; display:block;}
.wb_foot .foot_con .weibo li.qq a{ background:url(../images/qq.gif) no-repeat top; display:block;}
.wb_foot .foot_con .weibo li.qq a:hover{ background:url(../images/qq.gif) no-repeat bottom; display:block;}
.wb_foot .foot_con .weibo li.xl{ background:url(../images/xl.gif) no-repeat top; display:block;}
.wb_foot .foot_con .weibo li.xl a{ background:url(../images/xl.gif) no-repeat top; display:block;}
.wb_foot .foot_con .weibo li.xl a:hover{ background:url(../images/xl.gif) no-repeat bottom; display:block;}
.wb_foot .foot_con .weibo li.tx{ background:url(../images/tx.gif) no-repeat top; display:block;}
.wb_foot .foot_con .weibo li.tx a{ background:url(../images/tx.gif) no-repeat top; display:block;}
.wb_foot .foot_con .weibo li.tx a:hover{ background:url(../images/tx.gif) no-repeat bottom; display:block;}
.wb_foot .foot_con .dh{ clear:both; margin-top:15px;}
.wb_foot .foot_con .gzsj{ line-height:16px; padding-top:15px; color:#888;}
.wb_foot .foot_con .gzsj a{ color:#888;}
.wb_foot .foot_con .gzsj a:hover{ line-height:16px; color:#c00000;}
.wb_foot .wb_ly{ width:490px; height:225px; float:right;}

#nameundis{width:226px; height:28px; padding-left:10px; color:#888; line-height:30px; background-color:#fff; border:1px solid #ccc;}
#namedis{width:226px;  height:28px; padding-left:10px; color:#888; line-height:30px; background-color:#fff; border:1px solid #ccc;}
#phundis{width:226px;background-color:#ccc; border:1px solid #ccc; height:28px; padding-left:10px;background-color:#fff; color:#888; float:right; line-height:30px;}
#phdis{width:226px; background-color:#ccc; border:1px solid #ccc; height:28px; padding-left:10px;color:#888;background-color:#fff;  float:right; line-height:30px;}
#mailundis{background-color:#ccc; width:478px; height:28px; clear:both;background-color:#fff; border:1px solid #ccc; padding-left:10px; color:#888; margin-top:10px; line-height:28px;}
#maildis{background-color:#ccc; width:478px; height:28px; clear:both; background-color:#fff; border:1px solid #ccc; padding-left:10px; margin-top:10px;color:#888;line-height:28px;}
#texttextfs{ width:476px; height:93px; background-color:#ccc;  clear:both; margin-top:10px; color:#888;background-color:#fff; border:1px solid #ccc; padding-left:10px; line-height:20px; font-size:12px; padding-top:5px;}
#textdis{width:476px; height:93px; background-color:#ccc;  clear:both; margin-top:10px; color:#888;background-color:#ccc; border:1px solid #ccc; padding-left:10px; line-height:20px; padding-top:5px;}

.wb_foot .tj{ width:490px; height:30px; text-align:center; background:url(../images/tjbj.gif) no-repeat; margin:0 auto; margin-top:10px;}
.wb_foot .tjan{}
.wb_foot .tjan a{display:block; background:url(../images/tj.gif) no-repeat top; width:120px; height:30px; text-align:center; margin:0 auto;}
.wb_foot .tjan a:hover{display:block; background:url(../images/tj.gif) no-repeat bottom; width:120px; height:30px; text-align:center; margin:0 auto;}
.wb_foot .foot_nav{ height:35px; border-top:1px solid #ccc; clear:both; padding-top:20px;}
.wb_foot .foot_nav a{ color:#888; text-decoration:none;}
.wb_foot .foot_nav a:hover{ color:#c00000; text-decoration:none; }

.h40px{	height:34px;clear:both;display:block;font-size:1px;line-height:34px;}
.bqsy{ float:right; font-size:10px; font-family:Arial, Helvetica, sans-serif; color:#888888}

.wb_foot1{ width:100%; margin:0 auto; background-color:#000;  }
.wb_foot1 .link{ width:1100px; margin:0 auto; padding:10px 0 10px 0; line-height:24px; border-top:1px solid #ccc; color:#888888}
.wb_foot1 .link a{color:#888; padding:0 10px;}
.wb_foot1 .link a:hover{ color:#c00000;}
/* 底部样式 end*/

/* side */ 
.side{position:fixed;width:54px;height:275px;right:0;top:418px;z-index:100;}
.side ul li{width:54px;height:54px;float:left;position:relative;border-bottom:1px solid #000;}
.side ul li .sidebox{position:absolute;width:54px;height:54px;top:0;right:0;background:#000; color:#fff;font:14px/54px "微软雅黑";overflow:hidden;}
.side ul li .sidetop{width:54px;height:54px;line-height:54px;display:inline-block;background:#000;}
.side ul li .sidetop:hover{background:#c00000;opacity:1;}
.side ul li img{float:left;}