﻿@charset "utf-8";
/* CSS Document */
* {margin: 0px;padding: 0px;}
body {margin: 0px;padding: 0px;color:#CCC;font-size: 12px;line-height: 24px;color: #606060;text-align: left;background: url(../images/bg.jpg) no-repeat  top center #000 fixed ;}
div,span,ul,li,dl,dt,dd,img{margin:0;padding:0;border:0; list-style:none;}
a {text-decoration:none;color:#606060;}
a:hover{text-decoration:none;color:#bf9958;}
a img {border: none;}
p.clear{clear:both;padding:10px 0 0 0;}
form {margin:0;padding:0;}
.clear{clear:both;font-size:1px;height:0;visibility:hidden;line-height:0;}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden; height:auto;}
.clearfix{*zoom:1;}

/* Menu */
#menuPan {width:100%; height:60px; z-index:100; _top:0px; margin:0 auto;_top: expression(documentElement.scrollTop + "px"); z-index: 100;overflow: visible;position: fixed;top: 0px; /* position fixed for IE6 */}
#menuPan2 { width:1003px; height:60px;margin:0 auto;}
#menuPan_nav {width:600px; height:60px; display:block; float:left;}
#menuPan_nav li {width:auto;height:60px;line-height:60px;padding:0px 15px;float:left;text-align:center;}
#menuPan_nav li a {color:#ffffff;font-size:14px;text-decoration:none;}
#menuPan_nav li:hover {background-color:#bf9958;}
p {text-align:center;}
#logo{width:190px; height:60px; float:left;}
#blog{ width:200px; height:60px; float:left; line-height:60px; text-align:right; padding-right:13px;}

/* Con */
#wrapper{ width:100%;margin: 0 auto;overflow:auto; height:auto; clear:both; }
#main{ width:1003px; height:2000px; margin: 0 auto; }
.headline{width:1003px; height:130px; float:left;background:rgba(0, 0, 0, 0.3); margin-top:90px; padding-top:25px;}
img { border: 0px;}
.slideshow { width: 1003px; height: 350px; overflow: hidden; clear:both; float:left;}
#focus { width: 1003px; height: 350px; clear: both; overflow: hidden; position: relative; float: left; }
#focus ul { width: 1003px; height: 350px; float: left; position: absolute; clear: both; padding: 0px; margin: 0px; }
#focus ul li { width: 1003px; height: 350px; float: left; overflow: hidden; position: relative; padding: 0px; margin: 0px; }
#focus .preNext { width: 550px; height: 350px; position: absolute; top: 0px; cursor: pointer; }
#focus .pre { left: 0; background: url(../images/sprite.png) no-repeat left center; }
#focus .next { right: 0; background: url(../images/sprite1.png) no-repeat right center; }
.container{width:1003px; height:auto; float:left; background-color:#FFF;}
.foreword{width:1003px; height:200px; float:left; background: url(../images/pattern_2.gif) repeat; }
.forewordLeft{width:540px; height:140px; float:left; padding:30px;}
.forewordRight{width:103px; height:110px; float:left; background:url(../images/topic.png) no-repeat top right; padding:90px 25px 0 275px; color:#FFF; font-size:20px; font-family:"微软雅黑";}
.subnav{width:1003px; height:88px; float:left; background-color:#000;text-align:left;}
.subnav li {width:auto;height:71px;padding:17px 60px 0 8px;float:left;text-align:center; background:url(../images/subnav.gif) no-repeat top right; }
.subnav li a{ font-size:14px; font-family:"微软雅黑"; color:#c69c6d;}
.layout{width:1003px; height:auto; float:left; background-color:#FFF;}
.layoutLeft{ width:600px; height:auto; float:left;}
.layoutLeft_Group{ width:540px; height:auto; float:left; border-bottom:#ecebeb 1px solid; padding:30px;}
.layoutLeft_Group .img{ float:left; margin-right:10px;}
.box{width:142px; height:136px; float:left; padding:9px; background-color:#bf9958;color:#ffffff;}
.box .line{border-bottom:#cbb083 1px solid; margin:5px 0 5px; width:142px;}
.box2{width:142px; height:136px; float:left; padding:9px; background-color:#bf9958;color:#ffffff; margin-right:30px;}
.box2 .line{border-bottom:#cbb083 1px solid; margin:5px 0 5px; width:142px;}
.layoutLeft_Groupimg{ width:540px; height:auto; float:left;padding:30px;}
.case_1{width:222px; height:237px; float:left; margin-right:15px;}
.case_2{width:301px; height:237px; float:left;}
.case_1Tit{width:222px; height:30px; float:left; position: absolute; display: block; background:rgba(0, 0, 0, 0.5); margin-top:207px; text-align:center; color:#FFF; line-height:30px;}
.case_2Tit{width:301px; height:30px; float:left; position: absolute; display: block; background:rgba(0, 0, 0, 0.5); margin-top:207px; text-align:center; color:#FFF; line-height:30px;}
.conTit{color:#000; font-size:18px; font-family:"微软雅黑";}
.conTit_2{color:#c69c6d; font-size:18px; font-family:"微软雅黑";}
.conTit_2 a{color:#c69c6d; font-size:18px; font-family:"微软雅黑";}
.conTit_2 a:hover{color:#f1f1f1; font-size:18px; font-family:"微软雅黑";}
.layoutRight{ width:403px; height:auto; float:left; background-color:#000; line-height:22px;}
.layoutRight_Group{ width:353px; height:auto; float:left; border-top:#2e2a2b 1px solid; padding:25px; color:#775f44;}
.layoutRight_Group .img{ float:left; margin-right:10px;}
.dividing_line { width:1003px; height:15px; float:left; background-color:#000;}
.layoutGroup{width:943px; height:auto; float:left; padding:30px;background: url(../images/pattern_2.gif) repeat; }
.layoutGroup .img{ float:left; margin-right:10px;}
.box3{width:270px; height:auto; float:left; background-color:#f1f1f1;margin-right:60px; border:#e7e7e7 1px solid;}
.box3Tit{width:90px; height:25px; float:left; margin-right:164px; background-color:#bf9958; color:#FFF; font-weight:bold; text-align:center;}
.box3Con{width:252px; height:auto; float:left; padding:9px;}
.box4{width:270px; height:auto; float:left; background-color:#f1f1f1;border:#e7e7e7 1px solid;}
.box5{width:203px; height:140px; float:left; background-color:#fff;margin-right:40px; border:#e7e7e7 1px solid;}
.box5Tit{width:203px; height:25px; float:left; background-color:#f1f1f1; color:#bf9958; font-weight:bold; text-align:center;}
.box5Con{width:185px; height:auto; float:left; padding:9px;}
.box6{width:203px; height:140px; float:left; background-color:#fff;border:#e7e7e7 1px solid;}
.layoutGroup2{width:943px; height:auto; float:left; padding:30px; clear:both;}
.layoutGroup2 .img{ float:left; margin-right:10px;}
.weibo { width:943px; height:91px; float:left;}
.weiboLeft{width:94px; height:91px; float:left;}
.weiboRight{ width:765px; height:51px; float:right; background:url(../images/weibo_bg.gif) no-repeat top left; padding:20px 35px 20px 45px; font-size:14px;}
.case{ width:943px; height:360px; float:left;}
.case2{ width:943px; height:440px; float:left; background-color:#FFF;}
.layoutGroup3{width:943px; height:auto; float:left; padding:30px;}
.layoutGroup3 .img{ float:left; margin-right:10px;}
.case3{ width:911px; height:auto; float:left; background-color:#f1f1f1; border:#e7e7e7 1px solid; padding:15px 15px 0 15px;}
.case3_box{width:329px; height:auto; float:left; margin-right:15px;}
.case3_boxPic{ width:319px; height:auto; float:left; background-color:#FFF; padding:5px; margin-bottom:20px; text-align:center;}
.case3_box2{width:268px; height:auto; float:left; margin-right:15px;}
.case3_boxPic2{ width:258px; height:auto; float:left; background-color:#FFF; padding:5px; margin-bottom:20px; text-align:center;}
.case3_box3{width:280px; height:auto; float:left;}
.case3_boxPic3{ width:270px; height:auto; float:left; background-color:#FFF; padding:5px; margin-bottom:20px; text-align:center;}
.layoutGroup4{width:1003px; height:auto; float:left;}
.layoutGroup5{width:1003px; height:auto; float:left;}
.layoutGroup5_Left{width:540px; height:auto; float:left; padding:30px;background: url(../images/pattern_2.gif) repeat; }
.layoutGroup5_Left2{ width:540px; height:auto; float:left;}
.layoutGroup5_Left3{ width:255px; height:auto; float:left; padding-right:25px;}
.layoutGroup5_Left4{ width:260px; height:auto; float:left;}
.layoutGroup5_Right{ width:343px; height:auto; float:left; background-color:#000; border-top:#2e2a2b 1px solid; padding:30px 30px 45px 30px; text-align:center;}
.form{ float:left; line-height:24px;}
.textfield{ width:155px; float:left; border:#dcdcdc 1px solid;}
.textarea{ width:155px; float:left; border:#dcdcdc 1px solid; height:80px;}
.button{ width:80px; height:22px; float:left; background:#bf9958; color:#FFF; font-weight:bold; text-align:center; border:0;}
#footer{width:1003px; height:auto; background-color:#000; float:left; text-align:center; padding-top:15px; padding-bottom:15px;}
.backToTop {display: none;width: 18px;line-height: 1.2;padding: 5px 0;background-color: #bf9958;color: #fff;font-size: 12px;text-align: center;position: fixed;_position: absolute;right:300px;bottom:300px;_bottom: "auto";cursor: pointer;opacity: .6;color:#FFF;}
