/* reset */
body{line-height: 1.8; }
body,input,textarea,select{font-size:12px;font-family:SimSun,arial,sans-serif;}
body,h1,h2,h3,p,ul,ol,dl,dd,form{margin:0;}
em,i{font-style:normal;}
ul,ol{list-style-type:none;padding-left:0;}
img{border:0;}
a{text-decoration:none;}
a:hover{text-decoration:none;}

/* common */
.region,.mod,.mhd,.mbd{clear:both;content:".";display:block; height:auto;overflow:hidden;*zoom:1}
.l{float: left;}
.r{float: right;}
.cl{clear: both;}
.auto{margin-left: auto;margin-right: auto;}
.ovh{overflow: hidden;}
.abs{position: absolute;}

.fw{font-family:\5FAE\8F6F\96C5\9ED1;}
.fs{font-family:\5B8B\4F53;}
.f0{font-size: 0;}
.f12{font-size: 12px;}
.f14{font-size: 14px;}
.f16{font-size: 16px;}
.f18{font-size: 18px;}
.f20{font-size: 20px;}
.f22{ font-size:22px;}
.f24{font-size: 24px;}
.n{font-weight: normal;}
.b{font-weight: bold;}
.tc{text-align: center;}
.tr{text-align: right;}
.vm{vertical-align: middle;}
.dnone{display: none;}
.dblock{ display:block;}

.ln14{ line-height:14px;}
.ln18{ line-height:18px;}
.ln20{ line-height:20px;}
.ln24{ line-height:24px;}

.tit-m{display: block;position:absolute;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#90000000, endColorstr=#90000000);background-color:rgba(000,000,000,0.6);overflow: hidden;}
.btn{display: block;position:absolute;overflow: hidden;}

.dot .item{background: url(t11.png) 0 13px no-repeat;padding:2px 0px 0px 15px;}

/* layout */
.layout{width: 1000px;margin-left: auto;margin-right: auto; clear:both;}
.lay-a,
.lay-b,
.lay-c,.lay-d{float:left;display:inline;}

.lay-a{width: 550px;}
.lay-b{width: 406px;}
.lay-c{width: 1000px;}
.lay-d{width: 260px;}

.mt5{margin-top: 7px;}
.mt10{margin-top: 10px;}
.mt20{margin-top: 20px;}
.mt30{margin-top: 30px; margin-top:30px!important;_margin-top:30px;}
.mt32{margin-top: 32px;}
.mt36{margin-top: 36px;}

.mr10{margin-right: 10px;}
.mr20{margin-right:20px;}
.mr30{margin-right:30px;}
.mr44{margin-right:44px;}

.mb5{margin-bottom:5px;}
.mb20{margin-bottom:12px;}
.mbn20{margin-bottom:20px;}
.mb16{margin-bottom: 16px;}
.mb30{margin-bottom: 30px;}
.mb18{ margin-bottom:18px;}

.pr5{padding-right:5px;}
.pl10{padding-left:20px;}
.pt20{padding-top:20px;}

/* color */
.c1{color: #fff;}
.c2{color: #0b6cd5;}
.c3{color: #8d8d8d;}
.c4{color: #c21010;}
.c5{color:#333333;}
.c6{color:#878787;}
.c7{color:#545454;}

/* header+nav2 */
.top-bar{height: 123px; background:url(top.jpg) no-repeat center 0px; width:100%;}
.nav{height: 50px;width:100%; background-color:#318ed2;}
.nav-menu{position: relative; width:1000px;margin:0 auto;  }
.nav-menu .item{float: left;}
.nav-menu .cat{line-height: 45px; display: block; padding:0 11px;height:50px; }
.nav-menu .cat a{font-size: 18px; display: block; text-decoration: none; color: #fff;}
.nav-menu .item:hover{transition: background .3s ease-out; background-color:#e35b1e; }
.nav-menu .sub{position: absolute; display:none; top: 46px; padding:0 40px;*padding:0px 0px 0 40px!important; *width:418px!important;  height: 0; border:1px solid #e5e5e5}
.nav-menu .on{z-index: 100; height: auto;}
.nav-menu .sub li{ float:left; margin: 5px;  *margin: 0px 5px 10px 5px!important;}
.nav-menu .sub a{font-size: 14px; padding: 2px 5px; text-decoration: none; color: #4d4d4d;}
.nav-menu .sub a:hover{color: #4d4d4d; text-decoration:underline;}
#seat1{ left:0px;}
#seat2{ left:80px;}
#seat3{ left:200px;}
#seat4{ left:290px;}
#seat5{ left:320px;}
#seat6{ left:390px;}
#seat7{ left:438px;}

/* wrapper */
.focus-pic{position: relative;width: 550px;}
.focus-pic .pan,
.focus-pic .item{width: 550px;height: 367px;overflow: hidden;}
.focus-pic .item .it1{position: absolute; left: -1000px;}
.focus-pic .item .it2{position: absolute; left: -500px;}
.focus-pic .item .it3{position: absolute; left: 0px;}
.focus-pic .tit-m{width: 550px;height: 34px;margin-top: 323px;padding: 5px 20px;}
.focus-pic .tabs{position: absolute;margin-top: 340px;margin-left: 479px;z-index: 2;}
.focus-pic .tab{background: #fff;width: 11px;height: 11px;display: inline-block;margin-right: 5px; border-radius:50%;}
.focus-pic .on{background: #0e6eb8;}
.focus-pic .pan{position: relative; overflow: hidden; }
.focus-pic .btn-l{background: url(left.png); margin-left:16px;}
.focus-pic .btn-r{background: url(right.png);right: 0;margin-right:16px;}
.focus-pic .btn{width: 32px;height: 32px;background-repeat: no-repeat;background-position: 50% 50%;z-index: 1000;margin-top: 126px;cursor: pointer;}

.mhdA li:nth-child(1){ padding-top:2px;}
.mhdA li{ border-bottom:1px dashed #e3e3e3; padding:10px 0 10px 0;}

.mhdB{ background:url(nav_left.jpg) no-repeat 0 0 #318ed2; height:35px;font-family:\5FAE\8F6F\96C5\9ED1; width:100%;}
.mhdB .tit{ padding-left:30px; line-height:35px;}
.mhdB-A1 .c6,.mhdB-A .c6,.mhdB .mt5{ padding-right:8px;}

.mhdB-A{ border-top:2px solid #d1d1d1;width: 100%; float:left; height:32px; }
.mhdB-A1{ border-top:2px solid #d1d1d1;width: 100%; float:left; height:32px;  }
.mhdB-A1 .mhdB-A-tit, .mhdB-A .mhdB-A-tit{border-top:2px solid #318ed2; padding:3px 10px; color:#318ed2; font-size:16px; vertical-align:middle;font-family:\5FAE\8F6F\96C5\9ED1; float:left;position: absolute; margin-top:-2px;}
.listA{  padding-left:20px; float:left;}
.listA li{ margin-left: -7px;margin-top: -6px;padding-bottom: 24px;border-left:1px solid #318ed2; float:left;}
.listA li:last-child{ border:none;padding-bottom:0;}
.mbd-dot{ background:url(dot1.png) no-repeat 0 0; }
.listA li p{padding-left: 22px; margin-left: -7px;}

.listB{margin-top:6px; width:280px;float:left;}
.listB li{ float:left; padding-right:20px; margin-top:10px; width:120px; text-align:center;}
.listB li i{}
.listB li .listB-pic{ position:absolute; z-index:2; margin:28px 0 0 45px;}
.listB li .listB-txt{ line-height:12px; font-size:12px;width:100%;}

.listC{float: left;}
.item-dot{ background:url(dot2.png) no-repeat 0 50%; padding:5px 0 5px 14px;}
.item-dotN{ background:url(dot2.png) no-repeat 0 50%; padding:2px 0 2px 14px;}

.ico-box{}
.ico-box li{ width:137px; float:left; text-align:center;}
.ico-box li i{ width:137px; float:left;}

.ico-circle{}
.ico-circle li{ width:101px; float:left; text-align:center;}
.ico-circle li i{ width:101px; float:left;}

/* mqxl */
.mqxl{ width:1000px;}
#scroll {width:936px; height:120px; overflow:hidden; float:left;position: relative; }
.mqxl .list{width: 1080px;position: absolute;top:0;}
.mqxl .scroll2{left: 1080px;}
.mqxl .item{width: 168px;height: 120px;margin-right: 12px;float: left;text-align: center;}
.mqxl .btn-m{cursor: pointer;width: 32px;height: 120px;}
.mqxl .ico-l2{background:  url(cleck_L.jpg) 50% 50% no-repeat;}
.mqxl .ico-r2{background:  url(cleck_R.jpg) 50% 50% no-repeat;}
.mqxl .item img{ width:168px; height:120px;   background-color:#e9eef2;}

.PicA{ border-radius:100%; width:20%; float:left; margin-right:4%;}
.lay-a-cont{ width:75%; float:right;}
.lay-a-cont i{ width:100%; float:left;}

.server{ float:left; width:164px; margin-right:30px;}
.server-tit{color:#318ed2;}
.server-list li{background:url(dot3.jpg) no-repeat 0 50%; padding:4px 0 4px 18px;}
.server-box{ width:582px;}


/* footer */
.footer{background:#fff;overflow:hidden;}
.flink{background: #b0afaf;padding: 15px;}
.flink .item{width: 200px;margin-right: 20px;}

.copyright{width: 800px;}

.Box-pic{ width:20%; float:left; margin-right:4%;}
.boxK{ position:absolute;z-index:2;}
.boxN{ position:absolute;z-index:1;}