* { margin:0;padding:0; }
body{ background-color:#222; font-family:"Î¢ÈíÑÅºÚ"}
li { list-style:none; }
a { text-decoration:none; }
.clear {clear:both; }

header{width:1200px; height:auto; margin:50px auto; font-size:10px}
nav{width:1200px; height:100px; float:right}
nav ul{list-style-type: none; float:right}
nav ul li{float:left; text-align:right; width:90px}
nav ul li a{font-size:16px; color:#999; text-decoration: none}
nav ul li a:focus{color:#FFF}
nav ul li a:hover{color:#FFF}
.navbar{float:right}
.navbar ul{list-style-type:none; font-size:14px}
.navbar ul li{float:left; text-align:center; width:40px; height:50px; line-height:50px}
.navbar ul li a{color:#999; text-decoration: none}
.navbar ul li a:focus{color:#FFF}
.navbar ul li a:hover{color:#FFF}
.nav-logo{width:190px; float:left}
.nav-logo img{width:100%}
.font{width:10px; height:50px; text-align:center; line-height:50px; color:#FFF}
footer{width:1200px; height:50px; background-color:#222; text-align:center; color:rgba(255,255,255,0.8); margin:0 auto; font-size:14px}
.featurette-divider{border-color:#b58e49; opacity:0.5}
.featurette-divider-1{border-color:#b58e49; opacity:0.5; margin-top:20px}


#featured-area{height:337px;width:950px; margin:100px auto 220px auto}
.roundabout-holder{list-style:none;width:600px;height:400px;margin:0px auto}
.roundabout-moveable-item{font-size:12px!important;height:600px;width:900px;cursor:pointer;padding:5px;border:1px solid #CCC;-webkit-border-radius:5px;-moz-border-radius:5px;background:#CCC }
.roundabout-moveable-item img{height:100%;width:100%;background-color:#FFF;margin:0}
.roundabout-in-focus{cursor:auto}
.roundabout-in-focus:hover{-webkit-box-shadow:0px 0px 20px #787878;-moz-box-shadow:0px 0px 20px #787878;background:#CCC}
.roundabout-holder span{display:none}
.roundabout-in-focus:hover span{display:inline;position:absolute;bottom:5px;right:5px;padding:8px 20px;background:#f9f9f9;color:#3366cc;z-index:999;-webkit-border-top-left-radius:5px;-moz-border-radius-topLeft:5px;border-left:1px solid #aaaaaa;border-top:1px solid #aaaaaa}
.roundabout a:active, .roundabout a:focus, .roundabout a:visited{outline:none;text-decoration:none}
.roundabout li{margin:0}

section{width:1200px; margin:0 auto 0; font-size:14px}
section header{width:1200px;}
section .column{font-size:20px; color:#b58e49}
section .column-1{width:1200px; font-size:16px}
section .column-1 ul{list-style-type:none; padding:0}
section .column-1 ul li{color:#FFF; float:left; margin-right:20px}
section .column-1 ul li a{color:#FFF; text-decoration: none}
section h1{text-align:center; color:#FFF; font-size:18px}
/*section p{ color:rgba(255,255,255,0.8);} */
section .picture{width:1200px; height:auto; text-align:center; margin-top:50px}
section .picture img{width:70%}
section .font{width:1200px; height:auto; margin-bottom:50px}
section .font ul{list-style-type:none; padding:0; margin:50px 0}
section .font ul li h1{font-weight:normal; color:#b58e49}
section .font .font-left{float:left; width:600px; text-align:center}
section .font .font-left p{line-height:2}
section .font .font-right{float:right; width:600px; text-align:center}
section .font .font-right p{line-height:2}
section .font img{width:50%; padding:0}

article{width:830px; height:500px; margin:50px auto}
.article-1{width:380px; float:left; margin-right:60px; margin-left:-20px}
.article-1 img{width:100%}
.article-2{width:150px; float:left; margin-right:48px; margin-top:40px}
.article-2 img{width:100%; float:left}
.article-4{width:150px; float:left; margin-top:40px}
.article-4 img{width:100%; float:left}
.article-3{float:left; margin-top:-25px; margin-left:20px}
.article-3 h1{text-align:left; font-size:20px}
.article-3 p{font-size:18px}

.xiangmu_liebiao {width:1200px; height:564px; margin:0 auto}
.xiangmu_liebiao1 {width:273px; height:430px; float:left; margin:0; padding:94px 0 0 0}
.xiangmu_liebiao2 {width:833px; height:564px; float:right; margin:0 0 0 47px}
.xiangmu_liebiao2_1 {font-size:16px; color:#b58e49; margin:92px 0 16px 0}
.flexcroll ul {display:block; width:768px; height:29px; padding:0 0 0 10px; cursor:pointer; color:#c3c3c3; list-style-type:none}
.flexcroll ul a {color:#c3c3c3}
.flexcroll ul:hover {background:#b58e49; color:#fff}
.flexcroll ul:hover a {color:#fff}
.flexcroll ul li {float:left; height:29px; line-height:29px; font-size:14px}
.flexcroll ul .proj_name {width:462px}
.flexcroll ul .proj_add {width:118px}
.flexcroll ul .proj_time {width:145px}
.scrollgeneric {line-height:1px; font-size:1px; position:absolute; top:0; left:0;}
.vscrollerbase {height:294px; width:7px}
.case-xq2 .vscrollerbase {height:326px; width:7px}
.vscrollerbar {width:5px; margin:0 1px; padding:7px 0; background-color:#666}
.mcontentwrapper{width:550px}
.flexcroll  tr{height:29px;padding:0 0 0 10px; float:left}
.flexcroll  tr:hover{height:29px; background-color:#b58e49; color:#FFFFFF; padding:0 0 0 10px; float:left}
#EIMS_C_10_1_ImageBoxH{display:none}
#EIMS_C_10_1_BigImageDiv img{height:400px}

.wrapper-scroll{-webkit-overflow-scrolling: touch; overflow-scrolling: touch; overflow: auto; height:465px}
.wrapper-scroll-1{-webkit-overflow-scrolling: touch; overflow-scrolling: touch; overflow: auto; height:530px}
.content{width: 1200px; width: -moz-max-content; width: -webkit-max-content; width: -o-max-content; width: -ms-max-content; width: max-content; }
.content-1{float: left; overflow: hidden; width: 1185px; margin-top:3px}
.content-1 img{width:100%}
.content-1 .rsp{width:100%; height:100%; overflow:hidden; position: absolute;background:#000; top:0px; left:0px;}
.content-1 .text{width:100%; height:100%; top:0px; display:none; position:absolute}
.content-1 .text p{width:100%; text-align:center; color:#FFF; font-size:14px; margin-top:50px}
.content-1 .text .p2{width:100%; text-align:center; color:#FFF; font-size:14px; margin-top:50%}
.content-2{float: left; max-width: 750px; margin:10px 10px}
.content-2 img{max-width:100%; max-height:421px}
.content-3{width:200px; height:465px; color:#FFF; float:left}
.content-4{width:200px; color:#FFF}
.content-5{width:180px; color:#999; margin-top:20px}
.content-img{width:15px; margin:20px 10px}
.content-img img{width:100%}
.article {float: left; width:220px; margin-top:15px; margin-left:17px; position:relative}

.box{width:1200px}
.box .box-1{width:220px; height:200px; background-color:#999; float:left; margin:10px}
.box .box-1 h1{text-align:center; line-height:150px}



#imgbox-overlay{position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #000; display: none}
.imgbox-wrap{position: absolute; top: 0; left: 0; background: #FFF; display: none}

#demo{width:1150px;height:450px;margin:20px auto;overflow:hidden;padding:0;list-style-type: none}
#demo li{float:left;position:relative;width:52px;height:444px;overflow:hidden;filter:alpha(opacity=50);-moz-opacity:0.5;opacity:0.5;cursor:pointer;border:3px solid #CCC}
#demo li img{width:850px; height:450px}
#demo li:first-child{width:850px;filter:alpha(opacity=100);-moz-opacity:1;opacity:1}

/* Let's get this party started */
::-webkit-scrollbar {
    width: 8px;
	height:4px;
}
 
/* Track */
::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0); 
    -webkit-border-radius: 10px;
    border-radius: 10px;
}
 
/* Handle */
::-webkit-scrollbar-thumb {
    -webkit-border-radius: 10px;
    border-radius: 10px;
    background: #666; 
}
::-webkit-scrollbar-thumb:window-inactive {
	background: #999; 
}

#main { margin:20px 0px; }

#left { float:left; width:150px; background:#333; margin:20px 0px; }
#left li { font-size:18px; margin:30px 0; text-align:center; }
#left li a { color:#999; }
#left li a:hover { color:#FFF }

#right { float:left; width:1010px; padding:20px 0px 0px 40px; color:#999; }
#right a { color:#999; }
#right a:hover { color:#FFF }

#right .list { width:100%; }
#right .list li { width:100%; border-bottom: 1px dotted #f1f1f1; padding-bottom:5px; height:30px; line-height:30px; }

#right .plist { width:100%; margin-top:10px; }
#right .plist li { width:260px; height:190px; float:left; margin: 0px 35px 30px 35px ; }
#right .plist li img { width:260px; height:160px; }
#right .plist .title { height:30px; width:260px; overflow:hidden; line-height:30px; text-align:center; }

.particle { line-height:24px; padding-bottom:20px; color:#999; }

#copyright { padding-top:20px; }
#copyright a { color:#999; }
#copyright a:hover { color:#FFF }

#page { margin:20px 0px; }
#page a { padding:8px; color:#999; }
#page a:hover { color:#FFF }