*{margin:0;padding:0;}
html{color:#595959;background:#f4f3f3;}
body{width:100%;margin:0 auto;font-size:14px;font-family:"Microsoft YaHei";}
ol,ul,li{list-style:none;}
table{border-collapse:collapse;border-spacing:0;}
h1,h2,h3,h4,h5,h6{font-size:100%;}
img{border:0 none;-ms-interpolation-mode:bicubic;}
.clear,.clearfix{zoom:1;}
.clear:after,.clearfix:after{content:' ';display:block;clear:both;height:0;visibility:hidden;}
.hidden,.hide{display:none;}
a{color:#2c2c2c;text-decoration:none; cursor: pointer;}
.fixed{position:fixed;top:0;z-index:99;_position:absolute;_top:expression(documentElement.scrollTop + documentElement.clientHeight-this.offsetHeight);*zoom:1;}
.navhigh{ width: 100%; display: none;}
.fl{float: left;}
.fr{float: right;}
.mc{margin:0 auto;}
.wa{width:100%;}
.over{ overflow: hidden;}
#main h2{ color: #151515; font-size: 48px; text-align: center; line-height: 1; margin-top: 50px; overflow:hidden}
.wrapper{ width: 1180px; height: auto; margin: 0 auto;}
h3{ font-size: 18px; color: #595959; font-weight: normal; text-align: center; line-height: 1.7; margin-top: 15px;}

.banner{ background:url(../images/quban-images-banner.jpg) no-repeat center #040301; width: 100%; height: 550px;}
#subnav{ background: #000000; height: 60px; width: 100%; overflow:hidden;}
#subnav a{ float: left; width: 125px; height: 60px; text-align: center; line-height: 60px; font-size: 24px; color: #efefef}
#subnav a:hover,#subnav a.cur{ background: #e8a93f;}
.itembox{ overflow: hidden; width: 1200px; margin-top: 30px;}
.itembox dl{ float: left; width: 380px; height: 620px; background: #e8e7e7; border-bottom: 8px solid #e8a93f; display: inline; margin-right: 20px;}
.itembox dd{ padding: 5px 10px; font-size: 14px; color: #000000; line-height: 1.7;}
.itembox dd.title{ font-size: 24px; font-weight: bold;}
a.btn{ display: block; width: 260px; height: 70px; background: #e8a93f; text-align: center; line-height: 70px; font-size: 36px; color: #fff; margin: 30px auto;}
.bg1{ background: #e8a93f; width: 100%; height: auto;  overflow: hidden; margin-top: 20px;}
.bg1 h2,.bg2 h2{ color: #fff;}
.itembox2{ width: 948px; overflow: hidden; margin: 40px auto;}
.itembox2 dl{ float: left; width: 296px; height: 293px; float: left; display: inline; margin-right: 20px; position: relative; cursor: pointer;}
.itembox2 dd{opacity: 0.702;position: absolute; width: 100%; height: 65px; background: #000; bottom: 0; left: 0;}
.itembox2 span{ position: absolute; width: 100%; height: 65px; line-height: 65px; text-indent: 20px; font-size: 24px; color: #fff; left: 0; bottom: 0;}
.itembox2 div{opacity: 0.702;position: absolute; width: 100%; height: 100%; background: #000; bottom: 0; left: 0; display: none;}
.itembox2 p{  display: none; overflow: hidden; position: absolute; left: 0; top: 100px; font-size: 14px; color: #fff; line-height: 2; padding:0 20px;}
.itembox2 p strong{ font-size: 24px;}
.imgbox1{ display: inline; margin-left: 140px; margin-top: 60px;}
.conts{ display: inline; margin-right: 100px; margin-top: 120px; width: 325px; font-size: 14px; line-height: 1.7; color: #000;}
.conts .title{ font-size: 24px; font-weight: bold;}
.conts a{ display: block; width: 140px; height: 35px; background: #e8a93f; font-size: 16px; color: #fff; line-height: 35px; text-align: center; margin-top: 60px;}
.bg2{ background: #e8a93f; width: 100%; height: 210px; overflow: hidden; margin-top: 60px;}
#tabnav{ width: 777px; height: 35px; margin: 40px auto; background: #fff;}
#tabnav a{ display: block; float: left; width: 258px; height: 35px; border-right: 1px solid #e8a93f; text-align: center; line-height: 35px; font-size: 18px; color: #202020}
#tabnav a:hover,#tabnav a.cursor{ background: #282828; border-right: 1px solid #282828; color: #fff;}
.mt45{ margin-top: 45px}
.w535{ width: 540px; display: inline; margin-left: 25px; color: #000; font-size: 14px; line-height: 1.7;}
.w535 .title{font-size: 24px; font-weight: bold; margin-bottom: 30px;}
.w535 li{ width: 100%; overflow: hidden;}
.p20{ padding: 20px 0; overflow: hidden;}
.w535 span{ display: block; float: left; width: 33.3333%;}
.w535 a{ display: block; width: 140px; height: 35px; background: #e8a93f; font-size: 16px; color: #fff; line-height: 35px; text-align: center; overflow: hidden; margin-top: 30px;}

.content1{ background: url(../images/bg1.jpg) no-repeat  center; width: 985px; height: 267px; margin: 40px auto 0;}
.content2{background: url(../images/bg2.jpg) no-repeat  center; width: 985px; height: 410px; margin:0 auto; color: #202020; line-height: 1.7;}
.content3{background: url(../images/bg3.jpg) no-repeat  center; width: 985px; height: 267px; margin:0 auto; color: #202020; margin-bottom: 35px;}
.content1 ul{ float: right; display: inline; margin-right: 35px; width: 285px; font-size: 14px; color: #202020; line-height: 1.7;}
.content1 li.title,.content2 .left .title,.content2 .right .title,.content3 .right .title{font-size: 30px; font-weight: bold;padding-top: 25px; line-height: 1;}
.content1 span,.content2 .left span,.content2 .right .rno span,.content3 .right  span{ display: block; width: 60px; height: 60px; border-bottom: 2px solid #202020; font-size: 30px; font-weight: bold; line-height: 60px; margin-bottom: 20px;}
.content2 ul.left{ float: left; width: 220px; display: inline;margin-left: 20px;}
.content2 .left .title{ margin-top: 20px;}
.content2 .left span{ margin-top: 10px; margin-bottom: 30px;}
.content2 .right{ float: right; text-align: right; overflow: hidden; margin-top: 260px; margin-right: 25px; color: #fff;}
.content2 .right .title{ padding-top: 5px; overflow: hidden; width: 100%;}
.content2 .right .rcon{ float: left; width: 287px; display: inline; margin-top: 15px;}
.content2 .right .rno{ float: left; width: 60px; display: inline; margin-left: 20px; overflow: hidden;}
.content2 .right .rno span{ border-bottom: 2px solid #fff;}
.content3 .left{ float: left; width: 773px; margin-left: 8px; margin-top: 217px; display: inline; height: 52px; line-height: 52px; text-align: center; font-size: 18px; color: #202020; margin-right: 10px;}
.content3 .left li{ float: left; width: 25%;}
.content3 .right{ float: left; width: 180px;}
.content3 .right .title{ padding-top: 15px; font-size: 24px}
.bg4{ background: url(../images/bg4.jpg) no-repeat center 20px #fff; overflow: hidden; width: 100%; height: 835px;}
.box1{ overflow:  hidden; width: 1220px; margin-top: 575px}
.box1 ul{ float: left; display: inline; width: 375px; margin-right: 30px; color: #000; line-height: 1.7;}
.box1 .title{font-size: 18px; padding-bottom: 10px; font-weight: bold;}

.part8{height:635px;background:url(../images/part8_bg.jpg) top no-repeat;position:relative; margin-top:60px;}
.part8 h3{ font-size: 30px; font-weight: bold; text-align: left; color: #151515}
#scroll5 h4{ color: #3a3a3a}
.docs{max-width:1680px;height:635px;position:relative;overflow:hidden; color: #151515}
.docs .btn{position:absolute;top:50%;margin-top:-65px;width:40px;padding:24px 0;display:block;z-index:3;background:url(../images/white50.png) repeat;text-align:center;}
.docs .btnPre{left:50%;margin-left:-590px;}
.docs .btnNext{right:50%;margin-right:-590px;}
.docs .btn:hover{background:url(../images/black50.png) repeat;}
.docs .docs_wrap{position:absolute;left:0px;top:0px;z-index:2;}
.docs .docs_wrap li{width:1680px;float:left;height:635px;}
.docs .docs_wrap li .con{width:1180px;height:635px;margin:0 auto;position:relative;}
.docs .docs_wrap li .pic{position:absolute;bottom:0;left:0;}
.docs .docs_wrap li .text{width:540px;position:absolute;left:50%;margin-left:-30px;top:80px;}
.docs .docs_wrap li .text h3{font-size:42px;}
.docs .docs_wrap li .text h4{font-size:20px;}
.docs .docs_wrap li .text p{line-height:22px;font-size:16px;padding-top:20px;}
.docs .docs_wrap li .text dl{font-size:14px;line-height:22px;padding-top:20px;}
.docs .docs_wrap li .text dt{font-weight:bold;}
.docs .docs_wrap .con a.zx_doc{ display: block; width: 137px; height: 40px; line-height: 40px; background: url(../images/a_icon2.png) no-repeat 15px center #e8a93f; text-indent: 45px; font-size: 19px; color: #fff; border-radius: 6px; position: absolute; left: 0; bottom: 30px; left: 50%; margin-left: -30px;}
#scroll7 h2{ margin-top: 70px;}
#scroll7 h3{ font-size: 24px; color: #000; font-weight: bold; margin-top: 30px;}
#scroll7 h4{ color: #000; font-size: 14px; line-height: 1.7; text-align: center; font-weight:normal; margin-top: 10px;}
#scroll7 .img1{ display: block; width: 930px; height: 513px; margin:50px auto 20px;}
.casebox{ overflow: hidden; width: 1220px;  margin-top:40px; }
.casebox li{ float: left; width: 364px; height: 188px; display: inline; padding: 7px 7px; border: 1px solid #dbdada; background: #fff; margin-right: 20px; margin-bottom: 20px}
#scroll7 a.mb50{ margin-bottom: 80px;}

.bgstitle{ background:#e8a93f; height:140px; line-height:140px; text-align:center; color:#000; font-size:48px; position:relative}
.bgstitle span{ display:block; background:url(../images/icons.jpg) no-repeat; width:46px; height:11px; position:absolute; left:50%; margin-left:-23px; bottom:-11px;}
.width1000{ width: 1000px; margin:20px auto 45px; overflow:hidden}
.width1000 img{ display:block; float:left; width:505px;}
.width1000 p{ float:right; display:inline; margin-top: 140px; padding:65px 40px; background:#f8e5c5; font-size: 20px;color:#636363; width: 350px; line-height: 1.7;}
.w945{ width:945px; overflow:hidden;border-top: 1px dashed #bebebe; margin: 0 auto 50px; text-align:center; font-size:20px;}
.tc p{ text-align:center; font-size:20px; margin-top: 50px;}
.tc .imgtc{ float:left; width:384px; margin:70px 110px 85px 83px; display:inline}
.tc .texttc{ float:left; width:480px; display:inline; margin-top: 65px;}
.tc .texttc li{ width:200px; display:block; height:105px; float:left; border: 10px solid #e8a93f; text-align:center; margin-bottom: 45px; font-size:24px;padding-top: 35px; margin-left:20px;}
.tc2 p{ font-size:20px; margin: 40px 0; line-height:1.7;}
.tc2img{ text-align:center; margin-bottom: 50px;}

.bgb{ background: #e8a93f; width: 100%; height: 333px; overflow: hidden;}
#main .bgb h2{ font-size: 24px; color: #fff; font-weight: normal; margin-top: 35px;}
.position{ width: 932px; height: 150px; position: relative; margin: 30px auto;}
.position a{ display: block; width: 120px; height:120px; padding: 18px 0 0 25px; font-size: 18px; color: #fff; position:absolute; line-height: 1.7; }
.position a.p1{ left:0; top: 0; background: #00d9ce; border-radius:200px;}
.position a.p2{ left:200px; top: 0; background: #ff814e;border-radius:200px; }
.position a.p3{ left:400px; top: 0; background: #97aaf0; border-radius:200px;}
.position a.p4{ left:600px;  background: #97aaf0; border-radius:200px;}
.position a.p5{ left:800px;  background: #97c8f0; border-radius:200px;}

.tjbox{clear:both;overflow:hidden;padding:20px 0;}
.tjbox .l_btn{width:21px;height:82px;cursor:pointer;margin-top:75px;float:left;}
.tjbox .r_btn{width:21px;height:82px;float:left;cursor:pointer;margin-top:75px;}
.tjbox .l_btn:hover{background:url(../images/black50.png) repeat;}
.tjbox .r_btn:hover{background:url(../images/black50.png) repeat;}
.tjbox .cont{width:1134px;overflow:hidden;float:left;margin:0 2px;}
.tjbox .scrcont{width:11340px;}
.tjbox .cont li{float:left;width: 378px; text-align:center;padding:5px 0;}
.tjbox .cont li img{width:355px;box-shadow:0 0 5px #000;}
.tjbox ul{float:left;}
#scroll9 h2{margin-top: 30px; font-size: 24px; }