@charset "utf-8"; /* 通用 */
* { margin:0px ; padding:0px; }
table { border-collapse: collapse;}
.clr { clear:both; }
img { border:0; }
li { list-style: none; }
a{ color:#54b9e9; font-size: 12px; text-decoration:none; }
a:hover { color: #0172bf; text-decoration:underline; }
body,html { overflow-x: hidden;}
body { background: #f1f1f1; font-family: Arial,"microsoft yahei"; font-size:12px; line-height: 2em; color:#555; }
body.dagang { background: #f1f1f1 url(../images/bg_dagang.jpg) repeat-x center bottom fixed; }
body.intro { background: #b3ccd1 url(../images/bg_intro.jpg) repeat-x center top fixed; }
body.about { background: #ececec url(../images/bg_about.jpg) repeat-x center top fixed; }
body.checkin { background: #222222 url(../images/bg_checkin.jpg) repeat-x center top; }
.red{ color: red; }
input { color: #777;}
.fl { float: left;}
.fr { float: right;}
.pri { color: #c00; font-family:  Arial; font-size: 14px; font-weight: bold;}
.pro { color: #aaa; font-family:  Arial; font-size: 12px; text-decoration: line-through;}
.hoverList {}

.pages { background: #f1f1f1;}
.pages.dagang { background: #f1f1f1 url(../images/bg_dagang.jpg) repeat-x center bottom fixed; }
.pages.intro { background: #b3ccd1 url(../images/bg_intro.jpg) repeat-x center top;; }
.pages.about { background: #ececec url(../images/bg_about.jpg) repeat-x center top;; }
.pages.checkin { background: #222222 url(../images/bg_checkin.jpg) repeat-x center top; }
.pages#page1 { background: #b3ccd1 url(../images/bg_company.jpg) repeat-x center top; min-height:880px; }
.pages#page2 { background: #b3ccd1 url(../images/bg_intro.jpg) repeat-x center top; }
.pages#page3 { background: #f1f1f1 url(../images/bg_dagang.jpg) repeat-x center bottom; }
.pages#page4 { background: #ececec url(../images/bg_about.jpg) repeat-x center top; }
.pages#page5 { background: #222222 url(../images/bg_checkin.jpg) repeat-x center top; }

.box { width:1050px; margin:0 auto;  }
.inbox { overflow: hidden; background: #fff; }
.inBox { float: left; margin-bottom: 10px;}

.main { width:1050px;}
.m10 { margin-top: 10px; }
#main { margin: 0 auto;}
.main { background: #fff url(../images/b_03.gif) repeat-x 0 bottom; min-height: 300px; _height: 300px;}

.pageBox { float: left; width: 100%; padding-bottom: 15px;}
#page{ margin-top: 15px; padding: 10px 0; text-align: center;}
#page a{ padding: 4px 9px; color: #666; border: 1px solid #ddd; font-size: 14px;}
#page a:hover,#page .on{ color: #000; background: #f1f1f1; text-decoration: none;}
#page span{ margin: 0 2px;}
#page .on { padding: 4px 9px;}


#foot{}
#foot .box{ color: #54b9e9;  font-size: 12px; background: #333 url(../images/i_03.gif) repeat-x 0 0; height: 49px;}
#foot .ft { float: left; font-size: 24px; line-height: 49px; padding-left: 90px;}
.copyright { float: right; line-height: 40px; display: inline; margin-right: 40px;}
.copyright a {  float: left; color: #54b9e9; display: inline; margin-right: 10px;}

.bd { border: 1px solid #bce0fc;}

.box .box1 { float: left; width: 597px; overflow: hidden;}

.indexBox { float: left; width: 1050px; margin-top: 10px;}

.ibox { float: left; display: inline; width: 840px; margin-left: 90px;}
.ibox .tt,.ibox .cont,
.ibox .tab,.ibox .tab li,
.ibox .list,.ibox .list li { float: left; width: 100%; overflow: hidden;}
.ibox1 { width: 724px; margin-right: 8px;}
.ibox2 { width: 264px;}


.tt { float: left; width: 100%; line-height: 38px;}
.tt .tit { float: left; padding-left: 40px; background: url(../images/i_25.gif) no-repeat 10px center; font-size: 14px; color: #0172bf; font-weight: bold;}
.more { float: right; width: 46px; height: 38px; background: url(../images/i_43.gif) no-repeat center center;}


.banner { padding-bottom: 5px;}


#nav { width: 257px; height: 100%; top: 0; left: -189px; padding: 0; background: #2e2e2e url(../images/i_19.jpg) right 0 repeat-y; z-index:9999; position: absolute; overflow: hidden;}
#nav .navin { float: left; padding-top: 150px; width:257px;}
#nav .navin ul { float: left; width: 100%;}
#nav .navin ul li { float: left; width: 100%; height: 50px;display: inline; padding: 0;}
#nav .navin ul li i { float: left; width: 68px; height: 50px; background: url(../images/i_05.gif) no-repeat center -40px;}
#nav .navin ul li a { float: left; text-align: right; padding-right: 9px; height: 50px; line-height: 50px; color: #adadad; font-size: 18px; width: 180px; }
#nav .navin ul li.h a,#nav .navin ul li.sel a{ color: #fff; text-decoration: none; }
#nav .navin ul li.h i,#nav .navin ul li.sel i{ background-position: center 15px;  }
#nav .navin ul li.mid {  position: relative; width: 179px; padding: 10px 0; padding-right: 78px; overflow: hidden; height: 142px;}
#nav .navin ul li.mid .logo { position: absolute; right:0; top:0;}
#nav .navin ul li.mid .arr { float: right; background: url(../images/i_14.jpg) no-repeat right center; padding: 40px 0; padding-right: 15px;}
#nav .navin ul li.mid a { padding: 0; width: 165px; line-height:20px; height: 20px; color: #e0c979; background: none; font-size: 14px;}
#nav .navin ul li.mid a:hover { color: #fff; text-decoration: underline;}

#xx { width: 100px; height: 91px; top: 50px; right: 10px; z-index:9999; position: absolute;}

#slide { background: url(../images/i_02.jpg) no-repeat center 0; height: 983px;}

#regBar { height: 36px; line-height: 36px; padding: 23px 0; background: #fff;}
#regBar .regLink { float: left; padding-left: 20px; background: url(../images/d_06.png) no-repeat 0 center; color: #b5b5b5; font-size: 18px;}
#regBar .regLink i { color: #00a6ff; font-style: normal;}
#regBar .form { float: left;}
#regBar .form .text{ float: left; margin-left: 30px; border: 1px solid #ddd; background: #fff; height: 35px; line-height: 35px; color: #333; width: 235px;}
#regBar .form .text:focus{ border: 2px solid #f00; line-height: 33px; height: 33px; width: 233px;}
#regBar .form .submit { float: left; background: url(../images/d_02.png) no-repeat; width: 97px; height: 37px; cursor: pointer; border: none; margin-left: 25px;}

.pageTt { background: #000; height: 54px; line-height: 54px; padding: 23px 0;}
.pageTt .tit { float: left; height: 54px; line-height: 54px; background: url(../images/d_11.png) no-repeat 0 center; padding-left:370px; font-size: 36px; font-weight: bold; color: #fff; text-decoration: none;}

.dgList { float: left; width: 100%; background: url(../images/d_23.png) repeat-y 502px 0; padding-top: 30px;}
.dgList .listEven,.dgList .listOdd { float: left; position: relative; width: 514px;}
.dgList .listOdd { margin-left: -16px; padding-top: 70px;}
.dgList .list { }
.dgList .list li { float: left; width: 514px; height:218px; margin-bottom: 20px; position: relative; overflow: hidden; background: url(../images/da_03.png) no-repeat 0 0; }
.dgList .listOdd li { background-image: url(../images/da_07.png); }
.dgList .list li .cont { position: absolute; height:194px; width: 431px; overflow: hidden; }
.dgList .list li .cont .pic { position: absolute; z-index: 0; height: 245px; width: 431px;}
.dgList .list li .cont .detail {overflow: hidden; color: #fff; position: absolute; width: 100%; height: 130px; bottom: 0;}
.dgList .list li .cont .detail .bg { position: absolute; z-index: 1; width: 100%; height: 100%; background: #000; opacity: 0.6; filter: alpha(opacity=60); }
.dgList .list li .cont .detail .litem { position: absolute; z-index: 2; width: 421px; padding: 5px; padding-bottom:0;}
.dgList .list li .cont .detail .name { float: left; width: 100%; height: 24px; line-height: 24px; font-size: 16px;}
.dgList .list li .cont .detail .demo { float: left; width: 410px; padding-left: 0; line-height: 28px; font-size: 14px;}
.dgList .list li .cont .detail .check { position: absolute; background: url(../images/d_27.png); width: 77px; height: 21px; line-height: 21px; text-align: center; font-size: 14px; color: #fff; bottom: 5px; right: 5px; z-index: 2;}
.dgList .list li .cont .detail .check.ljxq {right:90px;}
.dgList .listEven li .cont { left: 19px; top: 11px;}
.dgList .listOdd li .cont { left: 67px; top: 11px;}
.demoTable { font-size:14px; line-height:24px; width: 800px; }
.demoTable td, .demoTable th { padding: 5px; border: 1px solid #999;}
.demoTable th { background:#B7B7B7; color:#fff; font-weight:bold;}
.dgList .demoTable {width: 408px; margin:1px 0 0 1px;}
.dgList .demoTable td {border:1px dashed #999999; padding:2px 5px;}
.dgList .c3rd {display:none;}
.dgList .demoTable th {display:none;}


.introBox { padding-top: 100px; }
.introBox  .tt { float: left; width: 100%; background: url(../images/intro_03.jpg) no-repeat right center3; color: #535353; }
.introBox  .tt .t1 { float: left; width: 100%; line-height: 34px; height: 34px; font-size: 30px;}
.introBox  .tt .t2 { float: left; width: 100%; line-height: 22px; height: 22px; font-size: 22px;}
.introBox  .tab { float: left; width: 960px; padding: 80px 0 20px 90px; border-bottom: 1px solid #ffff; }
.introBox  .tab li { float: left; padding: 0 60px; line-height: 51px; background: url(../images/intro_07.jpg) no-repeat 0 0; color: #fff; font-size: 30px; cursor: pointer;}
.introBox  .tab li.p1.on { background-position: 0 bottom; color: #535353;}
.introBox  .tab li.p2 { background: url(../images/intro_09.jpg) no-repeat 0 0;}
.introBox  .tab li.p2.on { background-position: 0 bottom; color: #535353;}
.introBox  .list { padding: 30px; width: 980px; float: left;}
.introBox  .list .tabCont { padding: 20px 15px; background: #cadbdf; width: 785px; font-size: 18px; color: #414141; line-height: 40px; border-radius: 10px;	}


.aboutBox { padding-top: 70px; padding-bottom: 50px; width: 890px; margin: 0 auto; }
.aboutBox  .tt { float: left; width: 100%; color: #535353; padding-bottom: 30px; }
.aboutBox  .tt .t1 { float: left; width: 100%; line-height: 34px; height: 34px; font-size: 30px;}
.aboutBox  .tt .t2 { float: left; padding-right: 200px; line-height: 60px; height: 60px; font-size: 60px; background: url(../images/intro_03.jpg) no-repeat right bottom3;}
.aboutBox  .list { padding: 30px; width: 790px; float: left;}
.aboutBox  .list li { float: left; margin-left: 1px; margin-top: 1px;width: 220px; height: 220px; overflow: visible;}
.aboutBox  .list li.h {position: relative; }
.aboutBox  .list li .demo { position: absolute; background: #8e273c; top:0; left:0; width: 190px; height: 200px; padding: 10px 15px; line-height:20px; color: #fff; font-size: 14px; display:none; opacity:1; filter:alpha(opacity=110); }
.aboutBox  .list li .demo a { color: #fff; font-size: 14px; }
.aboutBox  .list li .demo div { font-size: 1.4em; line-height: 24px;}
.aboutBox  .list li.h .demo { display: block;}

.checkinBox { padding-top: 70px; padding-bottom: 50px;}
.checkinBox  .tt { float: left; width: 100%; color: #535353; padding-bottom: 30px; }
.checkinBox  .tt .t1 { float: left; width: 100%; line-height: 60px; height: 60px; font-size: 36px; font-family: '方正准圆_GBK', microsoft yahei;}
.checkinBox  .tt .t2 { float: left; width: 100%; line-height: 36px; height: 36px; font-size: 36px; color: #919191; font-family:Calibri; font-style: italic;}
.checkinBox  .tt2 { float: left; width: 100%; color: #535353; padding-bottom: 30px; height: 50px; line-height: 50px; font-size: 28px; padding-top: 77px; background: url(../images/c_01.jpg) no-repeat left 30px;}
.checkinBox  .tt2 .tit { float: left; padding-left: 70px; width:500px; font-family: '方正综艺简体', microsoft yahei; color: #fff; text-transform:uppercase; word-break:keep-all;}
.checkinBox  .tt2 .hotline { float: right; padding-left: 40px; background: url(../images/c_03.jpg) no-repeat 0 center; font-size: 28px; color: #919191;  font-family: '方正准圆_GBK', microsoft yahei;}
.checkinBox .form { float: left; width: 800px;}
.checkinBox .form table { border-collapse: collapse;}
.checkinBox .form table td { padding: 7px; font-size: 12px; color: #999999; line-height: 38px; vertical-align: top;}
.checkinBox .form table td.row1 { text-align: right; width: 100px;}
.checkinBox .form table td .text { float: left; border: 3px solid #333; background: #191919; color: #ddd; line-height: 32px; height: 32px; width: 155px; padding: 0 5px;}
.checkinBox .form table td .text2 { width: 210px;}
.checkinBox .form table td .text3 { width: 325px;}
.checkinBox .form table td .text4 { width: 256px;}
.checkinBox .form table td .text5 { width: 382px;}
.checkinBox .form table td .text6 { width: 358px;}
.checkinBox .form table td .text7 { width: 70px;}
.checkinBox .form table td .text8 { width: 108px;}
.checkinBox .form table td .text9 { width: 608px;}
.checkinBox .form table td .text10 { width: 325px;}
.formspan2 { float: left; padding-left: 20px;}
/* .checkinBox .form table td.row3 span { padding-left: 10px; padding-right: 30px;} */
.formspan { padding-left: 10px; padding-right: 30px;}
.checkinBox .form table td .submit { float: left; width: 90px; color: #fff; background: #8e273c; text-align: center; line-height: 30px; height: 30px; border:0; cursor: pointer;}


.companyBox { padding-top: 100px; }
.companyBox  .tt { float: left; width: 100%; background: url(../images/intro_03.jpg) no-repeat 80% center3; color: #535353; }
.companyBox  .tt .t1 { float: left; width: 100%; line-height: 34px; height: 34px; font-size: 30px;}
.companyBox  .tt .t2 { float: left; width: 100%; line-height: 30px; height: 30px; font-size: 20px;}
.companyBox  .content { float: left; width: 885px; padding: 80px 0 20px 0px; font-size:14px; line-height:30px;}