@charset "utf-8";
html,body{ _overflow-x:hidden}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,input,button,textarea,p,blockquote,th,td,form{margin:0;padding:0;}
body{ font-size:12px; font-family:Arial, Helvetica, sans-serif,"宋体"; color:#8a8a8a; background:#f8f8f8 url(../images/bg.png) center 629px no-repeat;}
img{border:none;}
em,strong{font-style:normal;font-weight:normal;}
ul,ol,li{list-style:none;}
table {border-collapse:collapse;border-spacing:0;}
input,select,label{ vertical-align:middle;}
.f-left{ float:left}
.f-right{ float:right}
.m-auto{ margin:0 auto}
.f-weight{ font-weight:bold}
.t-center{ text-align:center}
a{color:#8a8a8a;text-decoration:none;}
a.blue:link,a.blue:visited,a.blue:hover,a.blue:active{ color:#1b72de}
a.q-blue:link,a.q-blue:visited,a.q-blue:hover,a.q-blue:active{ color:#0f85d8}
q:before,q:after{content:'';}/* 消除q前后的内容 */
button,input,select,textarea{font-size:100%;}/* 使得表单元素在 ie 下能继承字体大小 */
input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}
address,cite,dfn,em,var{font-style:normal;} /* 将斜体扶正 */
.clearfix:after{ display:block; content:""; visibility:hidden; height:0; clear:both}
.clearfix{_zoom:1}
.p-t-15{ padding-bottom:15px}
.topbar{ width:100%; min-width:980px; height:76px; border-bottom:3px solid #395ad1; background:#f1f1f1}

.focus-box{ min-width:980px; position:relative;  height:546px; overflow:hidden; border-bottom:3px solid #395ad1; background:#efefef; margin-bottom:14px}	
.focus-box .bd{ position:relative; z-index:0; }	
.focus-box .bd ul{ width:100% !important;  }	
.focus-box .bd li{ width:100% !important;  height:546px; overflow:hidden; text-align:center;  }	
.focus-box .bd li a{ display:block; height:546px;}	
.focus-box .hd{ width:100%;bottom:15px; left:0; position:absolute; z-index:1; overflow:hidden; text-align:center  }
.focus-box .hd ul li{ margin:0 5px; display:inline-block; *display:inline; zoom:1; cursor:pointer; width:16px; height:16px; background:#fff; }
.focus-box .hd ul li.on { background:#686868}
.focus-box .prev,.focus-box .next { width:81px; height:97px; position:absolute; top:40%; z-index:3; filter:alpha(opacity=50); -moz-opacity:.5; opacity:.5; -webkit-transition:All .5s ease;-moz-transition:All .5s ease;-o-transition:All .5s ease;transition:All .5s ease;}
.focus-box .prev { background:url(../images/btn.png) 0 0; left:0 }
.focus-box .next { background:url(../images/btn.png) -82px 0; right:0}
.focus-box .prev:hover,.focus-box .next:hover{ filter:alpha(opacity=80); -moz-opacity:.8; opacity:.8; }
.wraper{ width:980px; margin:0 auto}
.border-box{ border:1px solid #d2d4d5; background:#fff}
.jianjie{ width:282px; height:272px; margin-right:12px; overflow:hidden}
.title{ height:34px; background:url(../images/imgbg.png) no-repeat}
.jianjie .title{ background-position:0 0}
.jianjie p{ text-indent:2em; line-height:22px; padding:10px 20px}
.img-box{ width:284px; height:274px; overflow:hidden; float:left; position:relative;}
.img-box .bd{ position:relative; z-index:0; }	
.img-box .bd li{height:274px; width:284px}	
.img-box .hd{ display:none}
.news-box{ width:387px; height:272px; overflow:hidden}
.news-box .title{ background-position:0 -41px}
.more{ width:12px; height:12px; display:inline; float:right; text-indent:-9999px; overflow:hidden; margin:12px 10px 0 0}
.more-white{ background:url(../images/imgbg.png) no-repeat -305px -12px}
.more-black{ background:url(../images/imgbg.png) no-repeat -321px -12px}
.news-box h2{ font-size:14px; font-weight:bold; width:368px; margin:0 auto; height:45px; line-height:45px; overflow:hidden; text-align:center; border-bottom:1px solid #dfdfdf;}
.news-box ul{ width:344px; margin:0 auto; padding-top:10px}
.news-box ul li{ height:34px; line-height:34px; overflow:hidden; background:url(../images/imgbg.png) no-repeat -384px -2px; padding-left:14px}
.news-box ul li span{ float:right;}
.m-tb-13{ margin-top:13px}
.hr{ width:576px; height:211px; float:left; overflow:hidden}
.hr .hr-title{ height:34px; background:url(../images/hrbg.png) no-repeat left top;}
.hr-box{ width:576px; padding-top:15px;}
.hr-box li{ width:142px; height:161px; float:left; margin-right:2px; position:relative; overflow:hidden}
.hr-bg{ position: absolute; z-index:2;}
.hr-bg1,.hr-bg2,.hr-bg3,.hr-bg4{ width:142px; height:161px; background:url(../images/hr-bg.jpg) no-repeat}
.hr-bg1{ background-position:0 0}
.hr-bg2{ background-position:-144px 0}
.hr-bg3{ background-position:-288px 0}
.hr-bg4{ background-position:-432px 0}
.hr-list{ border:2px solid #5d75cc; height:142px; overflow:hidden; text-align:center; padding-top:15px}
.hr-list a{ display:block; height:20px; line-height:20px;}
.project{ width:389px; height:210px; overflow:hidden; float:right}
.project img{ width:389px; height:210px;-ms-transform: scale(1, 1); -ms-transition: all 1000ms ease 0s; -moz-transform: scale(1, 1); -moz-transition: all 1000ms ease 0s; -webkit-transform: scale(1, 1); -webkit-transition: all 1000ms ease 0s; -o-transform: scale(1, 1); -o-transition: all 1000ms ease 0s; transform: scale(1, 1); transition: all 1000ms ease 0s;}
.project a:hover img{-ms-transform:scale(1.1, 1.1); -ms-transition: all 1000ms ease 0s;-moz-transform:scale(1.1, 1.1); -moz-transition: all 1000ms ease 0s;-webkit-transform:scale(1.1, 1.1); -webkit-transition: all 1000ms ease 0s;-o-transform:scale(1.1, 1.1); -o-transition: all 1000ms ease 0s;transform:scale(1.1, 1.1); transition: all 1000ms ease 0s;}
.footer{ width:100%; min-width:980px; height:150px; background:#e0e0e0; padding-top:30px; margin-top:80px}
.btm-logo{ width:201px; height:68px; padding:10px 30px 0 30px}
.btm-link{ color:#4d4d4d; line-height:30px}
.btm-link a,.btm-link a:hover{ color:#4d4d4d; padding:0 10px}
.btm-link p{ text-indent:10px;}
.tool{position:fixed; z-index:20;_position:absolute; right:0; bottom:150px; width:50px; height:204px; _bottom:auto;
    _top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop,10)||0)-(parseInt(this.currentStyle.marginBottom,10)||0))); }
.tool li{ height:50px; margin-bottom:1px; position:relative; width:50px;}
.tool li span{ display:block; width:50px; height:50px; text-indent:-999px; overflow:hidden; background:url(../images/toolbg.png) no-repeat; position:absolute; z-index:21; right:0}
.tool li.t-list-1 span{ background-position:-140px 0}
.tool li.t-list-2 span{ background-position:-140px -51px}
.tool li.t-list-3 span{ background-position:-140px -102px}
.tool li.t-list-4 span{ background-position:-140px -153px}
.tool li.t-list-5 span{ background:url(../images/chuanceng.png) no-repeat -140px 0}

.tool li a{ display:block; height:50px; margin-bottom:1px; width:125px; position:absolute; z-index:30; right:-125px; background:url(../images/toolbg.png) no-repeat; text-indent:-999px; overflow:hidden;}
.tool li.t-list-1 a{ background-position:0 0}
.tool li.t-list-2 a{ background-position:0 -51px}
.tool li.t-list-3 a{ background-position:0 -102px}
.tool li.t-list-4 a{ background-position:0 -153px}
.tool li.t-list-5 a{ background:url(../images/chuanceng.png) no-repeat 0 0}

.weixin{ width:129px; height:129px; background:url(../images/weixin.jpg) no-repeat; position:absolute; z-index:33; left:-134px; bottom:0; text-indent:-999px; display:none; overflow:hidden}


.banner{ width:100%; min-width:980px; height:250px;}
.banner1{ background:url(../images/banner1.jpg) no-repeat center top;}
.banner2{ background:url(../images/banner2.jpg) no-repeat center top;}
.banner3{ background:url(../images/banner3.jpg) no-repeat center top;}
.banner4{ background:url(../images/banner4.jpg) no-repeat center top;}
.banner5{ background:url(../images/banner5.jpg) no-repeat center top;}
.banner6{ background:url(../images/banner6.jpg) no-repeat center top;}
.banner7{ background:url(../images/banner7.jpg) no-repeat center top;}
.banner8{ background:url(../images/banner8.jpg) no-repeat center top;}

.crumbs{ width:980px; margin:0 auto; padding-top:185px; font-family:"宋体"}
.crumbs i{ float:left; width:15px; height:15px; background:url(../images/imgbg.png) no-repeat -367px -84px;}
.crumbs span{ margin:0 8px}
.kuang{ border:1px solid #d7d7d7; width:850px; margin:0 auto}
.kuang h2{ text-align:center; line-height:58px; font-family:"Microsoft YaHei","微软雅黑"; font-size:22px; color:#000; font-weight:500}
.content{ width:852px; margin:0 auto; color:#808080; line-height:20px; padding:25px 0}
.content p{ text-indent:2em}
.content h3{font-family:"Microsoft YaHei","微软雅黑"; font-size:14px; color:#000; font-weight:500; padding:15px 0}
.content .qute li{ text-indent:3em}
.content .luok{ padding:30px 0 15px 0; text-align:right}
.main{ width:611px;}
.sidebar{width:328px;}
.m-title{ height:34px; padding-left:10px; background:url(../images/jianbian1.png) no-repeat;font-family:"Microsoft YaHei","微软雅黑"; font-size:14px;}
.m-title li,.m-title a{ float:left; width:110px; height:28px; line-height:28px; margin-top:3px; margin-right:1px; padding-left:20px; color:#fff; cursor:pointer; text-align:left}
.m-title i{ width:11px; height:7px; background:url(../images/png-32.png) no-repeat; display:inline; float:right; overflow:hidden; margin:12px 15px 0 0}
.m-title li.on,.m-title a:hover,.m-title a.on{ color:#5d75cc; background:#fff; text-decoration:none}
.m-title li.on i,.m-title a:hover i,.m-title a.on i{ background:url(../images/png-32.png) no-repeat -22px 0}
.news-list{ width:600px; margin:10px auto 0 auto}
.news-list li{ height:38px; line-height:38px; border-bottom:1px solid #e6e6e6;  padding:0 10px; overflow:hidden}
.news-list li span{ float:right; margin-left:15px}

#long-title li{ width:180px}
.news-list li.pager,.pager{ font-size:12px; text-align:center; padding-top:25px; clear:both; border-bottom:0 none;}
.news-list li.pager a,.pager a{ text-decoration:none;color: #8a8a8a;display: inline-block;margin:0 2px;vertical-align: middle; line-height:20px}
.news-list li.pager a:hover,.pager a:hover,.news-list li.pager i,.pager i{color: #1860e3;display: inline-block;margin:0 2px;vertical-align: middle; font-style:normal;line-height:20px}
.s-title{ height:34px; background:url(../images/imgbg.png) no-repeat 0 -84px}

.hot-news{ padding:15px 5px; border-bottom:1px solid #e6e6e6; overflow:hidden}
.hot-news img{ width:134px; height:134px; float:left; margin-right:15px}
.hot-news h3{ color:#0f85d8; text-align:center; height:22px; line-height:22px; overflow:hidden}
.hot-news p{ text-indent:2em; height:84px; line-height:21px; overflow:hidden; margin:6px 0}
.news-p p{ line-height:24px; margin-bottom:20px}
.all-title{ background:url(../images/jianbian2.png) no-repeat center center; height:34px; line-height:34px; text-align:center; color:#fff; font-family:"Microsoft YaHei","微软雅黑"; font-size:16px; }
.logo-box{ overflow:hidden; width:944px; margin:0 auto; padding-bottom:24px;}
.logo-box li{ width:172px; height:172px; border:1px solid #dbdbdb; padding:1px; float:left; background:#f6f6f6; text-align:center; margin:24px 30px 0; display:inline; overflow:hidden; zoom:100%}
.logo-box li div{ width:172px; height:145px; display: table-cell;vertical-align:middle; *display:block; *font-size:127px; *font-family:Arial;}
.logo-box li div img{vertical-align:middle;}
.logo-box li p{ height:27px; line-height:27px; width:172px; background:#d9d9d9}
.logo-box li.curr{ border:1px solid #5d75cc}
.logo-box li.curr p{ background:#5d75cc}
.logo-box li.curr p a,.logo-box li.curr p a:hover{ color:#fff; text-decoration:none}
.map-wrap{ width:830px; margin:0 auto; overflow:hidden}
.map-list{ width:880px; padding-top:25px}
.map-list li{ width:380px; float:left; margin:10px 60px 10px 0}
.map-list li h3{ border-bottom:1px solid #8fbce6; height:36px; line-height:36px; overflow:hidden; font-family:"Microsoft YaHei","微软雅黑"; font-size:18px; font-weight:500 }
.map-list li h3 a,.map-list li h3 a:hover{ color:#1478e8}
.map-list li span{ display:block; float:left; width:30px; height:30px; background:url(../images/imgbg.png) no-repeat; margin-right:10px}
.map-list li span.NO-1{ background-position:0 -125px}
.map-list li span.NO-2{ background-position:-38px -125px}
.map-list li span.NO-3{ background-position:-82px -125px}
.map-list li span.NO-4{ background-position:-122px -125px}
.map-list li span.NO-5{ background-position:-163px -125px}
.map-list li span.NO-6{ background-position:-207px -125px}
.map-list li span.NO-7{ background-position:-251px -125px}

.map-con{ line-height:22px; padding:10px 0 10px 41px}
.map-con i{ margin:0 5px}

.busi-wrap{ width:948px}
.busi-wrap .map-list{ width:1020px}
.busi-wrap .map-list li{ width:450px;}
.busi-wrap .map-list li h3{ color:#1478e8; font-size:14px; padding-left:15px}
.busi-wrap .map-list li div{ padding:5px 15px; line-height:22px; height:auto!important; min-height:150px; _height:150px}
.busi-wrap .map-list li div p{ padding:8px 0}

.huoban-list{ width:970px; margin:40px auto 0}
.huoban-list li{ width:192px; height:192px; text-align:center; float:left; margin:0 2px 2px 0; background:#fff; position:relative; z-index:1}

.h-img-box1,.h-img-box2{ width:192px; height:192px; position:absolute; z-index:3; left:0; top:0}
.huoban-list li .h-img-box1 a,.huoban-list li .h-img-box2 a{ width:192px; height:192px;display: table-cell; text-align:center; vertical-align:middle; *display:block; *font-size:168px; *font-family:Arial;}
.h-img-box2{ z-index:2}
.huoban-list li a img{vertical-align:middle; margin:0 auto;}


.r-main{ width:634px; float:left; margin-top:30px}
.r-sidebar{ width:334px; float:right; margin-top:30px}
.r-title{ border-bottom:2px solid #5d80cc; margin-bottom:2px; height:30px; line-height:30px; font-family:"Microsoft YaHei","微软雅黑"; font-size:14px; color:#5d75cc; padding-left:10px; font-weight:700}
.r-list li{ border-bottom:1px solid #e3e3e3; padding:10px 30px}
.r-list h3{ color:#0f85d8; font-size:14px; font-weight:700; background:url(../images/imgbg.png) no-repeat -390px -126px; padding-left:10px; line-height:30px}
.r-list p{ padding-left:10px; height:20px; line-height:20px; overflow:hidden}
.chakan{ width:67px; height:20px; text-align:center; line-height:20px; color:#fff; background:#3578d7; margin-left:15px}
.chakan:hover{ background:#5d75cc; color:#fff; text-decoration:none}

.r-h-list li{ border:0 none; background:#f2f2f2; padding:10px 30px 10px 24px; margin-bottom:3px}
.r-h-list h3{ background:none;}
.r-h-list p{ margin-bottom:4px}
.recu-box{ padding:10px}
.recu-box p{ line-height:22px}
.recu-box ul{ margin-top:30px}
.recu-box ul li{ line-height:24px}
.job-btn{ display:block; width:180px; height:35px; background:url(../images/jobbtn.png) no-repeat; text-indent:-999px; margin:20px 0 0 20px}
.job-btn:hover{ background-position:0 -38px;}

.about-bg{width:100%; min-width:980px;}
.about-bg1{ height:647px; background:url(../images/about-bg1.jpg) no-repeat center top}
.about-bg2{ height:448px; background:url(../images/about-bg2.jpg) no-repeat center top}
.about-bg3{ height:559px; background:url(../images/about-bg3.jpg) no-repeat center top}
.about-bg4{ height:561px; background:url(../images/about-bg4.jpg) no-repeat center top}
.about-bg5{ height:519px; background:url(../images/about-bg5.jpg) no-repeat center top; margin-bottom:-80px}
.about{ width:300px; font-family:"Microsoft YaHei","微软雅黑"; color:#000; line-height:22px; float:right; padding-right:50px; padding-top:30px}
.about p{ text-indent:2em; margin-bottom:20px}
.sidemenu{ width:103px; height:350px; position:fixed; z-index:20; left:10px; top:30%; _position:absolute;_top: expression(documentElement.scrollTop + 300 + "px");left:expression(documentElement.scrollLeft + 100 + "px")}
.sidemenu li{width:103px; height:103px;  margin-bottom:10px}
.sidemenu li a{ display:block;width:103px; height:103px; background:url(../images/png-32.png) no-repeat; text-indent:-999px;}
.sidemenu li.a-menu-1 a{ background-position:0 -40px}
.sidemenu li.a-menu-1 a:hover{ background-position:-146px -40px}
.sidemenu li.a-menu-2 a{ background-position:0 -164px}
.sidemenu li.a-menu-2 a:hover{ background-position:-146px -164px}
.sidemenu li.a-menu-3 a{ background-position:0 -286px}
.sidemenu li.a-menu-3 a:hover{ background-position:-146px -286px}

.game-list{ margin-top:40px}
.game-list li{ height:242px; margin-bottom:10px;}
.game-img{ border:1px solid #ebebeb; width:270px; height:240px; overflow:hidden}
.game-con{ border:1px solid #ebebeb; width:660px; height:220px; background:#f2f2f2;padding:20px 20px 0 20px}
.g-tool{ height:40px; overflow:hidden; border-left:2px solid #3880e2; padding-left:8px; margin-bottom:18px}
.g-tool a{ width:139px; height:40px; background:url(../images/imgbg.png) no-repeat; text-indent:-999px; overflow:hidden;} 
.g-tool a.g-a-1{ background-position:-160px -164px; margin-left:10px}
.g-tool a.g-a-1:hover{ background-position:-160px -208px}
.g-tool a.g-a-2{ background-position:0 -164px}
.g-tool a.g-a-2:hover{ background-position:0 -208px}
.g-tool dl dt{ color:#3880e2; font-family:"Microsoft YaHei","微软雅黑"; font-size:18px; line-height:18px}
.g-tool dl dd{ color:#3c3c3c; line-height:28px}
.g-tool dl dd span{ margin-right:20px}
.g-tool dl dd em{ color:#06a32e}
.game-con p{ line-height:26px; height:130px;overflow:hidden}

.wraper-404{ width:100%; min-width:980px; height:651px; background:url(../images/jianbian.jpg) repeat-x; margin-bottom:-80px; overflow:hidden;border-bottom:3px solid #395ad1;}
.con-404{ width:727px; height:300px; background:url(../images/pic404.jpg) no-repeat center 185px; margin:0 auto; padding-top:450px}
.con-404 p{ height:32px; line-height:32px; padding-left:100px}
.con-404 em{font-family:"Microsoft YaHei","微软雅黑"; font-size:16px; color:#676c72}
.con-404 a{ width:109px; height:32px; text-indent:-999px; overflow:hidden; background:url(../images/imgbg.png) no-repeat; float:left; display:inline; margin-left:75px}
.con-404 a.return{ background-position:0 -256px}
.con-404 a.return-index{ background-position:-113px -256px}
.wordwrap { 
   white-space: pre-wrap;      /* CSS3 */   
   white-space: -moz-pre-wrap; /* Firefox */    
   white-space: -pre-wrap;     /* Opera <7 */   
   white-space: -o-pre-wrap;   /* Opera 7 */    
   word-wrap: break-word;      /* IE */
}
.huoban-list li img{
    max-height: 192px;
    max-width: 192px;
}
.logo-box li img{
    max-height: 145px;
    max-width: 172px;
}