@charset "utf-8";

/* CSS Document */

body{ padding:0px; margin:0px; background: url(images/bg.jpg); color:#434343;  font-size:12px; font-family:"微软雅黑"; }

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

img { display:inline-block; border:0; -ms-interpolation-mode:bicubic }

a { text-decoration:none; color:inherit; color:#434343}
a:hover{ text-decoration:none; color:#74642B}

.clear { clear:both; padding:0px; margin:0px;}

h1, h2, h3, h4 ,h5, h6{ padding:0; margin:0; font-weight:normal }

.fl{ float:left}

.fr{ float:right}



html, body{ height:100%; margin:0; padding:0; }



#logo{ text-align:center; padding:0px; margin:0 auto 34px auto; padding:24px 0 0 }
#logo a:hover{opacity:0.7;filter(alpha=70);}

div.nav { text-align:center; padding: 0; height:70px;left:0px; width:900px; margin:0 auto; z-index:21; font-family: "微软雅黑"; font-weight:bold }

div.nav ul{ margin:0px; padding:0px; }

div.nav ul li{display:inline;list-style:none; margin:0; }

div.nav ul a{text-decoration:none; outline:none; font-size:15px; color:#262423; padding:0 12px;  letter-spacing:.1em ;text-transform:uppercase; }

div.nav ul .current a, div.nav ul a.active{ color:#4b4b4b;}
div.nav ul a:hover{ color:#74642B}

div.nav ul .current ul a{ }

div.nav ul li { background:url(../images/spacer.png) repeat top left; }

div.nav ul li li a{ font-size:12px;}

div.nav ul .current ul li.current a, div.nav ul .current ul li a:hover{ color:#4b4b4b;}



.nav ul ul { margin:0; width:870px; display:none; text-align:center; padding:15px 15px; } 

.nav ul ul a{ padding:0px 12px 1.5em ;}

.nav li:hover ul, .nav li.sfhover ul, li.current ul { display:block; float:left; }

.nav ul a canvas, .nav ul a cufon{ position:relative;}

.index-icon { bottom: 0px; left: 0; width: 100%; height: 10px; text-align: center; }
.index-icon span { margin: 0 5px; display: inline-block; width: 6px; height: 6px; background: #fff; cursor: pointer; vertical-align: middle; }
.index-icon span.active { width: 8px; height: 8px; border: solid 2px #fff; background: none; }

.ui-abs { position: absolute; }
.container { position: absolute; z-index:-1; top:0px; width: 100%; overflow: hidden; }
.banner section { top: 0; left: 0; width: 100%; height: 100%; }
.banner section.banner-item,.banner section.projectinfo-item { display: none; }
.content { top: 50%; right: 0; margin-top: -105px; width: 510px; height: 210px; }
.content .content-top { position: relative; padding: 0px 25px; height: 50px; background: #000; overflow: hidden; }
.content .content-top ul { position: absolute; }
.content .content-top ul li { position: relative; padding: 10px 0; height: 30px; line-height: 30px; }
.content-box { padding-top: 40px; height: 120px; }
.content-box-bg { top: 0; left: 0; width: 100%; height: 160px; background: #000; opacity: .7; filter: alpha(opacity=70); }
.content-company,.content-service { float: left; margin-left: 25px;  width: 220px; }
.content-company h4,.content-service h4 { margin-bottom: 10px; color: #fff; }
.content-company a,.content-service-info a { line-height: 1.8; color: #999; }
.content-company a:hover, .content-service-info a:hover { color: #fff; }
.content-service-icon { position: absolute; top: 2px; right: 0; width: 100%; text-align: right; }
.content-service-icon a { margin-left: 10px; display: inline-block; background: url(images/icon.png) no-repeat; width: 10px; height: 15px; }
.content-service-icon a.prev { background-position: 0 -40px; }
.content-service-icon a.next { background-position: -40px -39px; }
.content-service-icon a:hover.prev { background-position: -80px -40px; }
.content-service-icon a:hover.next { background-position: -120px -39px; }
.content-service-info { position: relative; width: 220px; height: 63px; overflow: hidden; }
.content-service-info ul { position: absolute; }
.content-service-info ul li { position: relative; width: 220px; height: 63px; }

#office{ font-size:14px; padding:0 0 30px 0px; color:#fff}

#office a{color:#fff}

#photo{ width:860px; background:url(images/xbg.jpg); padding:56px 70px 94px 70px; margin:0 auto;}

#photo a:hover{opacity:0.7;filter(alpha=70);}

#photo1{ margin:17px 0 0 65px; float:left; background-color:#FFF}

#photo2{ margin:0 0 0 16px; float:left; background-color:#FFF}

#photo3{ margin:40px 0 0 14px; float:left; background-color:#FFF}

#photo4{ margin:-4px 0 0 17px; float:left; background-color:#FFF}

#photo5{ margin:36px 0 0 7px; float:left; background-color:#FFF}

#photo6{ margin:-18px 0 0 54px; float:left; background-color:#FFF}

#photo7{ margin:-19px 0 0px 23px; float:left; background-color:#FFF}

#photo8{ margin:-19px 0 0 17px; float:left; background-color:#FFF}

#photo9{ margin:35px 0 0 -40px; float:left; background-color:#FFF}

#photo10{ margin:3px 0 0 21px; float:left; background-color:#FFF}

#photo11{ margin:-43px 0 0 104px; float:left; background-color:#FFF}

#photo12{ margin:9px 0 0 14px; float:left; background-color:#FFF}

#photo13{ margin:-37px 0 0 45px; float:left; background-color:#FFF}

#photo14{ margin:37px 0 0 -115px; float:left; background-color:#FFF}

#photo15{ margin:8px 0 0 10px; float:left; background-color:#FFF}

#photo16{ margin:-6px 0 0 50px; float:left; background-color:#FFF}

#photo17{ margin:2px 0 0 24px; float:left; background-color:#FFF}

#photo18{ margin:-26px 0 0 5px; float:left; background-color:#FFF}

#photo19{ margin:-65px 0 0 7px; float:left; background-color:#FFF}

#photo20{ margin:-18px 0 0 26px; float:left; background-color:#FFF}

#photo21{ margin:26px 0 0 4px; float:left; background-color:#FFF}

#photo22{ margin:9px 0 0 5px; float:left; background-color:#FFF}

#photo23{ margin:-24px 0 0 15px; float:left; background-color:#FFF}

#photo24{ margin:-14px 0 0 39px; float:left; background-color:#FFF}

#photo25{ margin:-43px 0 0 35px; float:left; background-color:#FFF}

#photo26{ margin:20px 0 0 8px; float:left; background-color:#FFF}

#photo27{ margin:-36px 0 0 30px; float:left; background-color:#FFF}

#photo28{ margin:19px 0 0 47px; float:left; background-color:#FFF}

#photo29{ margin:27px 0 0 69px; float:left; background-color:#FFF}

#nav{margin:0 auto; width:600px;  height:202px; overflow:hidden}

#nav ul{list-style:none;}

#nav ul li{float:left;width:100px;line-height:32px;position:relative; font-size:15px; }

#nav div{width:100px;position:absolute;left:0px;padding-bottom:0px;float:left;height:0;overflow:hidden;}

#nav li .a{text-decoration:none;line-height:32px;display:block;}

#nav div{ font-size:12px; text-align:left;}

#nav div a{text-decoration:none;line-height:26px;display:block;}

#nav div a:hover{ }



#about{ width:1000px; padding:0px; margin:0 auto; line-height:24px; font-size:13px;}


#sykj{ width:1024px; padding:0px; margin:0 auto;}

#sykj li{ width:312px; padding:0px; margin:0 14px; _margin:0 13px; float:left}

#sykj li img{ width:312px; height:220px;}

#sykj li span{ padding:10px 0 0; height:45px; overflow:hidden; text-align:center; display:block}


#news{ width:1024px; padding:0px; margin:0 auto;}

#news li{width:226px; padding:0px; margin:0 15px; float:left}

#news li img{ width:226px; height:280px; }

#news li span{ padding:10px 0 0; height:45px; overflow:hidden; text-align:center; display:block}



#newsny{width:1000px; padding:0px; margin:0 auto; line-height:24px; }
#newsny_job{width:535px; padding:0px; margin:0 auto; line-height:24px; text-align:center }

.newsny_left{width:100px; float:left; margin:153px 0px 0px 0px}

.newsny_middle{ width:800px; float:left;}

.newsny_middle ul{padding:0px; margin:0px;}

.newsny_middle li { float:left;margin:0 10px 0 0; width:300px; }

.newsny_middle li img{ width:300px; height:400px;}

.newsny_right{ float:right; text-align:right; width:100px; margin:153px 0px 0px 0px}







div.press .scrollboxes .items {/* this cannot be too large */width:20000em;	position:absolute;}

div.press .scrollboxes {/* required settings */position:relative;overflow:hidden;width: 996px;height:452px;}

div.content .box{ float:left; margin-bottom:30px; width: 312px ; margin-right: 29px; text-transform:uppercase;}

.box a{ text-decoration:none; text-align: center; color: #000;}

.box img{  width:332px; height:452px; margin:0px;}

div.press .box{ width:332px; height:452px; margin:0px; }

div.content .pressyear img{ width:226px; }

div.content .pressyear .box{ width:226px; min-height:310px; }



.prevPage, .nextPage{ position:absolute; height:100%; width:27px;   top:0px; cursor:pointer;}

.prevPage{ background: transparent url(images/left.png) no-repeat center 445px; _background: transparent url(images/jian1.gif) no-repeat center center; left:0px; z-index:10; margin:0 0 0 10px;}

.nextPage{ background: transparent url(images/right.png) no-repeat center 445px; _background: transparent url(images/jian2.gif) no-repeat center center; right:0px; z-index:9; margin:0 10px 0 0;}





.prevPage1, .nextPage1{ position:absolute; height:100%; width:27px;   top:0px; cursor:pointer;}

.prevPage1{ background: transparent url(images/left.png) no-repeat center; _background: transparent url(images/jian1.gif) no-repeat center center; left:0px; z-index:10; vertical-align: middle; margin:0 0 0 10px;}

.nextPage1{ background: transparent url(images/right.png) no-repeat center; _background: transparent url(images/jian2.gif) no-repeat center center; right:0px; z-index:9; vertical-align: middle; margin:0 10px 0 0;}














.scrollable{ text-align: center; position:absolute; z-index:1;  top:0px;}

.scrollable .image{ margin:0 auto; padding:0; display:block; }

.scrollable div { margin:0px; padding:0px; display:none; }

.scrollable div img {margin: 0 auto;}




#job{ width:1000px; padding:0px; margin:0 auto; text-align:center}

#job li{ height:30px; line-height:30px;}

.scroll-pane {width: 100%;height:100%;overflow: auto;}

#fd {

	background:#353435;

	color:#fff;

	overflow:hidden;

	position:absolute;

	left:30%;

	top:50%;

	cursor:move;

	float:left;/*filter:alpha(opacity=50);*/

	z-index: 10;

}

.contentup {

	padding:20px;

}



#sykjny{ width:800px; padding:0px; margin:0 auto; }

.xaboutrnr_left{width:100px; float:left; margin:153px 0px 0px 0px}

.xaboutrnr_middle{ width:600px; float:left;}

.xaboutrnr_middle ul{padding:0px; margin:0px;}

.xaboutrnr_middle li { float:left;margin:0px; width:600px; text-align:center}

.xaboutrnr_middle li img{ }

.xaboutrnr_middle li span{ line-height:45px; background:url(images/rybt.jpg) no-repeat top center; text-align:center; display:block}

.xaboutrnr_right{ float:right; text-align:right; width:100px; float:left; margin:153px 0px 0px 0px}



#more1{ width:960px; padding:0 40px 0 0; margin:0 auto; text-align:right}

#hcase{ width:1000px; padding:0px; margin:0 auto;}

#hcase img:hover {opacity:0.7;filter(alpha=70); background-color:#000000}

#case1{ float:left; width:332px; border-right:1px solid #fff; border-bottom:1px solid #fff; background-color:#000}

#case1 img{ width:332px; height:444px;}

#casebt{color:#fff; display:block; font-size:14px; margin:-53px 0 0; height:53px; line-height:53px; padding:0; overflow:hidden; text-align:center; z-index:1;position: relative;background:rgba(0,0,0,0.3) }

#case2{ float:left; width:667px;border-bottom:1px solid #fff; background-color:#000}

#case2 img{ width:667px; height:444px;}



#case3{ float:left; width:332px; border-right:1px solid #fff; border-bottom:1px solid #fff;background-color:#000}

#case3 img{ width:332px; height:444px;}

#case4{ float:left; width:333px; border-right:1px solid #fff; border-bottom:1px solid #fff;background-color:#000}

#case4 img{ width:333px; height:444px;}

#case5{ float:left; width:333px; border-bottom:1px solid #fff;background-color:#000}

#case5 img{ width:333px; height:444px;}



#case6{ float:left; width:666px; border-right:1px solid #fff; border-bottom:1px solid #fff;background-color:#000}

#case6 img{ width:666px; height:444px;}

#case7{ float:left; width:333px; border-bottom:1px solid #fff;background-color:#000}

#case7 img{ width:333px; height:444px;}



#case8{ float:left; width:332px; background-color:#000}

#case8 img{ width:332px; height:444px;}

#case9{ float:left; width:667px; border-bottom:1px solid #fff;border-left:1px solid #fff;background-color:#000}

#case9 img{ width:667px; height:444px;}



#newsnybt{ font-size:14px; text-align:center}



#footly{ width:1000px; margin:0 auto; background-color:#202020; text-align:center; padding:20px 0 40px 0; color:#FFFFFF; font-size:12px;}
.qing{ float:left; padding:28px 15px 0 200px; font-family:"宋体"}
.styled-select select {background: transparent;width: 210px;padding:0px;height:33px; -webkit-appearance: none; /*for chrome*/
}
.styled-select {width: 210px;height:33px; overflow: hidden;background: url(images/xlk.jpg) no-repeat right #fff; margin:20px 15px 0 0;  float:left;}
.txdh{ float:left; margin:20px 15px 0 0; }
.tijiao{ float:left; margin:20px 0 0 0;}
.template2014 #fx{width:100%; position:fixed; left:0; bottom:15px; margin:58px auto 5px auto; text-align:center; }
.template2014 #bq{width:100%; position:fixed; left:0; bottom:0;text-align:center; padding:0 0 4px 0; font-size:12px; color:#6E6E6E}

#fx1{ text-align:center; padding:0px; margin:58px auto 0px auto; }



#bq1{ text-align:center; padding:0 0 10px 0; font-size:12px; color:#6E6E6E}
.weixin{position: relative;}
.weixin .xixi{display:none}
.weixin:hover .xixi{position:absolute;display:block;left:-55px; bottom:50px;z-index:9}