@charset "utf-8";
@import url("./style.css");
* { padding:0; margin:0; }
html { overflow-x:hidden; }
body { font-family:\5fae\8f6f\96c5\9ed1; font-size:14px; color:#545454; }
li { list-style-type:none; list-style-image:none; }
img { border:none; vertical-align:top; }
a:link { color:#545454; text-decoration:none; }
a:visited { text-decoration:none; color:#545454; }
a:hover { text-decoration:none; color:#545454; }
a:active { text-decoration:none; color:#545454; }
.clear { clear:both; }

.h1 { display:block; width:380px; height:110px; padding-top:40px; text-align:center; margin:0 auto 20px auto; color:#333; }
.h1 b { display:block; width:380px; height:46px; line-height:46px; font-size:36px; margin-bottom:10px; font-weight:normal; }
.h1 span { display:block; width:380px; height:40px; line-height:40px; font-weight:normal; }

.top { width:1200px; height:96px; margin:0 auto; }
.logo { width:215px; height:73px; padding-top:12px; float:left; margin-right:25px; }
.nav { width:960px; height:96px; float:left; }
.nav dl { width:960px; height:96px; margin:0 auto; }
.nav dl dd { display:inline-block; width:120px; height:96px; float:left; }
.nav dl dd p { width:120px; height:96px; display:block; }
.nav dl dd p a { display:block; width:120px; height:96px; font-size:16px; line-height:96px; text-align:center; float:left; color:#000; }
.nav ul { margin-left:0px; height:auto; width:120px; display:none; background:#000; opacity:0.9; filter:alpha(Opacity=90); position:relative; z-index:999; }
.nav ul li { position:relative; width:120px; text-align:center; line-height:35px; font-size:13px; border-bottom:#7c7a7e 1px solid; }
.nav ul li ul { width:120px; position:absolute; left:121px!important; top:0px!important; }
.nav ul li ul li { width:120px; color:#fff!important; }
.nav ul li a { display:block; width:100%; height:100%; color:#fff; }
.nav ul li a:hover { background:#1e50af; }
.hover { background:#1e50af; }
.hover a { color:#fff!important; }

.focus { position:relative; width:100%; height:auto; overflow:hidden; background:url(../images/focus.png) repeat-x top; z-index:9; }
.focus .pic { position:relative; z-index:0; }
.focus .pic img { width:100%; height:auto; display:block; vertical-align:top; }
.focus .prev,.focus .next { width:60px; height:90px; margin:-55px 100px 0 100px; display:none; background:url(../images/ad_ctr.png) no-repeat 0 0; position:absolute; top:50%; z-index:10; cursor:pointer; text-indent:-999px; filter:alpha(opacity=20);opacity:0.2; }
.focus .prev { left:0; }
.focus .next { background-position:0 -90px; right:0; }
.focus .prev:hover,.focus .next:hover { filter:alpha(opacity=50)!important;opacity:0.5!important; }

.company { height:556px; position:relative; color:#333; }
.company-1 { width:65%; height:418px; background:#f7f5f6; position:absolute; right:0; top:0; }
.company-1 div { margin-left:305px; width:500px; height:420px; }
.company-1 div h1 { width:500px; height:65px; line-height:65px; padding-top:60px; margin-bottom:8px; text-align:right; font-size:48px; }
.company-1 div b { display:block; width:500px; height:50px; line-height:50px; margin-bottom:20px; text-align:right; font-size:32px; font-weight:normal; }
.company-1 div span { display:block; width:500px; height:130px; line-height:28px; font-size:16px; font-family:"Microsoft YaHei"; }
.company-1 div span a { color:#1e50ae; font-size:14px; }

.company-2 { width:55%; height:188px; background:#1e50af; position:absolute; left:0; bottom:0; }
.company-3 { width:648px; height:400px; position:absolute; left:10%; top:80px; }
.company-4 { display:block; width:120px; height:44px; line-height:44px; text-align:center; color:#fff!important; background:#1e50ae; position:absolute; right:20%; bottom:60px; font-size:14px; }

.service { height:973px; background:#ececec; }

.selected-projects { height:680px; }
.selected-projects div { width:1184px; padding-left:16px; height:516px; margin:0 auto; }
.selected-projects div img { cursor:pointer; transition:all 0.8s; }
.selected-projects div img:hover { transform:scale(1.08); }

.s-1 { display:block; width:310px; height:490px; margin-right:16px; float:left; overflow:hidden; position:relative; }
.s-1 img { display:block; width:310px; height:490px; }
.s-1 b { display:block; width:310px; height:70px; line-height:70px; text-align:center; font-size:18px; color:#fff; position:absolute; left:0; bottom:0; }
.s-2 { display:block; width:508px; height:490px; margin-right:16px; float:left; overflow:hidden; position:relative; }
.s-2 img { display:block; width:508px; height:490px; }
.s-2 b { display:block; width:508px; height:70px; line-height:70px; text-align:center; font-size:18px; color:#fff; position:absolute; left:0; bottom:0; }
.s-3 { display:block; width:320px; height:516px; float:left; }
.s-3 a { display:block; width:320px; height:237px; margin-bottom:16px; overflow:hidden; position:relative; }
.s-3 a img { display:block; width:320px; height:237px; }
.s-3 a b { display:block; width:320px; height:70px; line-height:70px; text-align:center; font-size:18px; color:#fff; position:absolute; left:0; bottom:0; }

.group { height:470px; }
.group-box { width:1170px; height:278px; padding-top:20px; overflow:hidden; margin:0 auto; }
.group-content { width:1320px; height:278px; }
.group a { display:block; width:512px; height:105px; float:left; margin-right:146px; margin-bottom:33px; background:#f5f5f5; overflow:hidden; }
.group a:hover { background:#1e50af; color:#fff; }
.group a img { width:162px; height:105px; float:left; display:block; margin-right:15px; cursor:pointer; transition:all 0.8s; }
.group a img:hover { transform:scale(1.08); }
.group a em { width:330px; height:100px; padding-top:10px; float:left; display:block; font-style:normal; }
.group a em b { display:block; width:330px; height:35px; line-height:35px; text-align:center; font-size:16px; }
.group a em span { display:block; width:330px; height:52px; line-height:26px; }

.footer { height:436px; background:#262626; color:#fff; }
.footer-content { width:1210px; height:436px; margin:0 auto; padding-left:16px; }
.footer-left { width:872px; height:436px; float:left; margin-right:6px; }
.footer-left dl { width:122px; height:370px; padding-top:66px; float:left; }
.footer-left dl dt { line-height:50px; font-size:18px; text-align:center; color:#ddd; }
.footer-left dl dd { line-height:32px; font-size:16px; text-align:center; color:#999; }
.footer-left dl dd a { color:#999; font-size:14px; }
.footer-right { width:332px; height:361px; padding-top:75px; float:left; }
.footer-right-top { width:332px; height:173px; }
.footer-right-top a { display:block; width:128px; height:165px; line-height:37px; text-align:center; float:left; margin-right:27px; color:#999; }
.footer-right-top a img { display:block; width:128px; height:128px; }
.footer-right-center { width:280px; padding-left:42px; height:22px; }
.footer-right-center img { margin-right:20px; float:left; }
.footer-right-bottom { width:332px; height:60px; padding-top:30px; line-height:30px; text-align:center; color:#fff; }
.footer-right-bottom a { display:block; color:#fff; }