@charset "utf-8";
/*鍏ㄥ眬鍙傛暟*/
body,select,option{font-family: "瀹嬩綋" ,Helvetica, Arial,sans-serif;-webkit-text-size-adjust: none;font-size:12px;/* background: #211519; */z-index:0;}
body,div,ul,li,ol,dl,dt,dd,h1,h2,h3,h4,h5,h6,h7,form,img,p,pre,textarea,blockquote,fieldset {margin:0;padding:0}
ul,ol,li{list-style-type:none}
form{ display:inline;}
h1,h2,h3,h4,h5,h6,ul{ margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align:baseline; background:transparent; list-style:outside none none;}
table{ border-collapse:collapse}
img {border:none;display: block;}
em {font-style:normal}
a {text-decoration:none;}
a:focus {outline:none}
.clear {clear:both;display:block;height:0;overflow:hidden;font-size:0}
.clearfix:after {clear:both;content:".";display:block;height:0;overflow:hidden;visibility:hidden}
.clearfix {display:inline-block;}
.clearfix {display:block;} 
.floatleft{float: left;}
.floatright{float: right;}
.fr {float: right;}
.fl {float: left;}
.marginauto{margin: 0 auto;}

.wrap {width: 1140px;margin:0 auto;position: relative;height: 100%;color: #FFF;}
h3{font-size: 18px;font-family: "寰蒋闆呴粦" ,Helvetica, Arial,sans-serif;font-weight: 100;}
/* 澶撮儴瀵艰埅 */
.header{height: 38px;position: fixed;top:0px;left: 0;width: 100%;z-index: 99999;padding-bottom: 12px;}
.logo{height: 34px;padding-top:3px;margin: 0 auto;width: 140px;float: left;}
.logo a img{border: none;}
.nav{height: 38px;float: right;}
.nav li{height: 38px;line-height: 38px;float: left;overflow: hidden;margin-right: 6px;padding: 0 5px;background: url(../images/icons/nav_li.gif) no-repeat right center;}
.nav li a{height: 38px;display: block;color: #e9d28e;} 
.nav li span {color: #9b9a8a;padding-right: 20px;font-family: "Verdana",sans-serif;font-size: 13px;}
.nav li a:hover{color: #FFF;-webkit-transition: 0.8s ease all; -moz-transition: 0.8s ease all;}
.nav li .on{color: #FFF;}
.nav .nobgImg {background: none;}
.contop{position: relative;padding-top: 1%;}
/*搴曢儴鐗堟潈*/
.foot{width: 100%;height:24px;border-top: 1px #63452e solid;background:#3f291e;filter:alpha(opacity=90);-moz-opacity:0.90;opacity: 0.90;position:fixed;bottom: 0;left: 0;color: #a9875b;line-height: 24px;z-index: 99999;}
.footlist{float: left;padding-left:40px;}
.footlist a{padding-left: 8px;padding-right: 8px;color: #a9875b}
.footlist a:hover{color: #D0B452}
.design{font-size:8px;color: #6F5A42;font-family: Verdana, "瀹嬩綋" ,Helvetica, Arial,sans-serif;}
.design a{color: #816E58}
.design a:hover{color: #a9875b}
.confoot{border: none;background:none;color: #7E6443;padding: 10px 0;position: relative;}
.confoot a{color: #7E6443;}

/*鍝佺墝*/
.conbgtop{position: fixed;top: 0;*/height: 60px;width: 100%;z-index: 99999;overflow: hidden;}

.opacity {width: 100%;height: 60px;background: #000;position: absolute;top: 0;left: 0;filter:alpha(opacity=60);-moz-opacity:0.6;opacity: 0.6;}
.conbgdown{position: fixed;height: 77px;bottom: 40px;width: 100%;/* z-index: 99997; */}
.conbgfoot{height: 40px;line-height: 38px; background: #000;position: fixed;bottom: 0;z-index: 99997;width: 100%;color: #7E6443;filter:alpha(opacity=60);-moz-opacity:0.6;opacity: 0.6;color: #adadad;font-family: Verdana, "瀹嬩綋" ,Helvetica, Arial,sans-serif;}
#intro{height:720px;margin: 0 auto;padding: 0;z-index: 10;}
#second{height: 720px;margin: 0 auto;padding: 0;z-index: 10;}
#third{height:720px;margin: 0 auto;padding: 0;z-index: 10;}
#four{background: url(../images/scroll03.jpg) repeat-x;height: 720px;margin: 0 auto;padding: 0;z-index: 10;}


.story{width: 100%;position: relative;}
.slides_container{width:100%;}
.slides_container div{display: block;width: 100%;height: 720px;position: relative;z-index:20;}
.slides_container div b{display: block;position: absolute;left: 0;top: 0;width: 100%;height: 720px;z-index: 21;background-size: 100%;}
#slides{position: relative;width: 100%;height: 720px;}
#slides .slides_container div b.bg01{background: url(../images/scroll.jpg) repeat-x;}
#slides .slides_container div b.bgover{background: url(../images/cooperate.jpg) repeat-x;}

#slides .slides_container div b.designbg01{background: url(../images/scroll04.jpg) repeat-x;}
#slides .slides_container div b.designbg02{background: url(../images/scroll09.jpg) repeat-x;}
#coopover {position: absolute;left: 835px;top: 225px;width: 350px;}
#coopover .font {text-indent: 0 !important;}
#coopover .laout {font-size: 20px;color: #FFF;padding-bottom: 10px;}
#coopover em {display: block;line-height: 30px;}
#coopover .aboutbtn {left: 30px !important;}

#slides #slides_container01 .abouttxt {position: absolute;left: 830px;top: 277px;}
#second #slides_container02 div b.bg01 {background: url(../images/scroll05.jpg) repeat-x;}
#second #slides_container02 .abouttxt {position: absolute;left: 215px;top: 261px;}
#third  #slides_container03 div b.bg01 {background: url(../images/scroll06.jpg) repeat-x;}
#third  #slides_container03 .abouttxt {position: absolute;left:820px;top: 270px;}
#four   #slides_container04 .abouttxt {position: absolute;left:205px;top: 230px;}
#abouttxt {position: absolute;left:830px !important;top: 275px !important;}
#slides #slides_container011 .abouttxt {position: absolute;left: 210px;top: 290px;}
#slides #slides_container02 .abouttxt {position: absolute;left: 210px;top: 290px;}
#second #slides_container022 div b.bg01 {background: url(../images/scroll10.jpg) repeat-x;}
#second #slides_container022 .abouttxt {position: absolute;left: 840px;top: 230px;}

#third #slides_container033 div b.bg01 {background: url(../images/scroll11.jpg) repeat-x;}
#third #slides_container033 .abouttxt {position: absolute;left: 210px;top: 270px;}

#four #slides_container044 div b.bg01 {background: url(../images/scroll12.jpg) repeat-x;}
#four #slides_container044 .abouttxt {position: absolute;left: 825px;top: 262px;}
#slides_container055 .abouttxt {position: absolute;left: 225px !important;top: 272px  !important;}

#slides .pagination{z-index: 100;width:500px;top: 200px;margin: 0 auto;left:240px;position: absolute;}
.pagination li{float: left;width: 92px;height: 92px;margin-right:4px;}
.pagination li a{position: relative;width: 92px;height: 92px;font-family:"寰蒋闆呴粦" ,Helvetica, Arial,sans-serif;color: #fff;font-size: 18px;text-align: center;display: block;line-height: 92px;}
.pagination li a span{background: #000;filter:alpha(opacity=60);-moz-opacity:0.6;opacity: 0.6;position: absolute;left: 0;top: 0;width: 92px;height: 92px;z-index:-1;border-radius: 50%;}
.pagination li a:hover span,.pagination li.current span{background: #D8B140;filter:alpha(opacity=70);-moz-opacity:0.7;opacity: 0.7;}
.abouttxt{display: block;padding:30px 20px 60px 28px;position: absolute;left:510px;z-index: 30;top:240px;color: #d7cf9c;line-height: 1.9em;font-size: 12px;width:330px;font-family:Arial,sans-serif;}
.abouttxt .laout {display: block;font-weight: 700;font-size: 14px;text-indent:20px !important;}
.abouttxt .font {display: block;text-indent: 20px;padding-bottom: 5px;}
#second .abouttxt {position: absolute;left:840px;z-index: 30;top:225px;width: 330px;}
#third .abouttxt {position: absolute;left:215px;z-index: 30;/* top:225px; */width: 330px;top: 170px;}
#four .abouttxt {position: absolute;left:835px;z-index: 30;/* top:225px; */top: 150px;width: 330px;}
.pb15 {padding-bottom: 15px!important;padding-top: 10px;}

.abouttxt a {color: #fff;}
.abouttxt strong,.newslist strong,.Tab_list strong,.Contact strong{width: 100%;height:100%;position: absolute;left: 0;top: 0; background: #000;filter:alpha(opacity=60);-moz-opacity:0.6;opacity: 0.6; display: block;z-index: -1}
.aboutbtn{position: absolute;width: 80px;bottom: 10px;left: 20px;display: block;padding-bottom: 15px;}
.aboutbtn a{display: block;width: 12px;height: 12px;float: left;margin-right: 6px;background: url(../images/no.png) no-repeat;}
.aboutbtn a:hover,.aboutbtn a.current{background: url(../images/off.png) no-repeat;}

.block{display: block;}
.dblock{display: none;}
.none {display: none;}
#secondslides{position: relative;width: 100%;height: 720px;}
#secondslides .slides_container div b.bg01{background: url(../images/scroll01.jpg) repeat-x;}
/* #secondslides .slides_container div b.bg02{background: url(../images/bg001_1.jpg);} */
#secondslides .pagination{z-index: 100;width:210px;top: 200px;margin: 0 auto;left:550px;position: absolute;}
.newslist{display: block;padding: 20px 20px 60px 20px;position: absolute;left:420px;z-index: 30;top:330px;color: #fff;width: 490px;}
.newslist a{display: block;line-height: 28px;background: url(../images/icons/you4.gif) no-repeat 0 center;padding-left: 22px;color: #fff;font-size: 14px;}
.newslist a em{float: right;}
.newslist a:hover{color: #D3B455 !important;}
.newslist a.more{background:#D8B140;position: absolute;bottom: 10px;left: 10px;width: 70px;color: #fff;}
.newslist a:hover.more{color: #000!important;;}
#thirdslides{position: relative;width: 100%;height: 720px;}
#thirdslides .slides_container div b.bg01{background: url(../images/scroll02.jpg) repeat-x;z-index: 1}
#thirdslides .slides_container div b.bg02{background: url(../images/bg002_1.jpg);z-index: 1}
#thirdslides .pagination{z-index: 100;width:210px;top: 60px;margin: 0 auto;left:120px;position: absolute;}