html, body { width: 100%; height: 100%;min-width:1200px; }



.topbar { margin: 0 30px; min-width: 1140px; height: 166px; border-bottom: 1px solid rgba(255, 255, 255, 0.5); border-bottom: 1px solid #8e8a88 \9; }
.topbar .logo { float: left; margin: 29px 0 0 0; }
.topbar .top-r { float: right; margin-top: 75px; text-align: right; *width: 450px; position: relative; }
.topbar .srhbox { display: inline-block; vertical-align: middle; *position: absolute; *right: 185px; *top: 0; }
.topbar a.ico-user, .topbar a.ico-mobile { display: inline-block; vertical-align: middle; width: 43px; height: 43px; margin-left: 50px; background: url(/uploads/image/_zimages/ico_index.png) 0 0 no-repeat; opacity: .8; *position: absolute; *top: 0; }
.topbar a.ico-mobile { background-position: -75px -1px; width: 42px; *right: 92px; }
.topbar a.ico-user { background-position: -117px -1px; *right: 0; }
.topbar a:hover { opacity: 1; }
.topbar .srhbox { width: 39px; height: 39px; border: 2px solid #bbbab8; -webkit-border-radius: 21px; -moz-border-radius: 21px; border-radius: 21px; position: relative; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; opacity: .8; }
.topbar .srhbox .btn { width: 23px; height: 23px; background: url(/uploads/image/_zimages/ico_index.png) -30px 0 no-repeat; position: absolute; top: 50%; margin-top: -11px; right: 7px; cursor: pointer; z-index: 9; }
.topbar .srhbox .txt { display: none; height: 19px; padding: 10px; width: 150px; position: absolute; left: 0; top: 0; right: 39px; z-index: 8; background: none; color: #fff; font-size: 16px; }
.topbar .srhbox.open { width: 200px; opacity: 1; }
.topbar .srhbox.open .txt { display: block; }

.hqmain { margin: 0 30px; min-width: 1140px; }

.leftside { position: absolute; left: 30px; top: 177px; bottom: 0; width: 307px; overflow-y: auto; color: #fff; }
.leftside .img { display: table; width: 200px; height: 240px; overflow: hidden; margin: 30px 15px 0; }
.leftside .img span { display: table-cell; vertical-align: middle; text-align: center; }
.leftside .img span img { max-width: 200px; max-height: 240px; }
.leftside .namebar { padding: 10px 0 0; width: 200px; margin: 0 15px; line-height: 30px; }
.leftside .namebar h2 { float: left; font-weight: normal; font-size: 24px; }
.leftside .namebar .linkebx { float: right; font-size: 16px; }
.leftside .namebar .linkebx i.ico-like { display: inline-block; vertical-align: middle; width: 22px; height: 20px; background: url(/uploads/image/_zimages/ico_index.png) 0 0 no-repeat; margin-right: 7px; }
.leftside p.zw { width: 200px; margin: 0 15px; font-size: 14px; text-align: center; }
.leftside .baseinfobar { margin: 15px 0; }
.leftside .baseinfobar .title { width: 208px; border-bottom: 1px solid rgba(255, 255, 255, 0.5); border-bottom: 1px solid #8e8a88 \9; font-size: 20px; line-height: 40px; }
.leftside .baseinfobar .title i.ico-bsif { display: inline-block; width: 21px; height: 22px; margin-right: 16px; vertical-align: middle; background: url(/uploads/image/_zimages/ico_index.png) 0 -25px no-repeat; }
.leftside .baseinfobar .ct { padding: 10px 0 0; margin-right: 15px; }
.leftside .baseinfobar .ct p { line-height: 26px; font-size: 14px; }
.leftside .moreinfo a { display: block; width: 136px; height: 26px; border: 1px solid #ffb901; color: #ffb901; font-size: 12px; text-align: center; line-height: 26px; }
.leftside .moreinfo a:hover { background: #ffb901; color: #fff; }
.leftside .qrcodebar { margin: 58px 0 30px; }
.leftside .shuobobar { margin-bottom: 50px; }
.leftside .shuobobar a { display: block; width: 184px; height: 34px; background: rgba(190, 133, 66, 0.3); background: #be8542\9; font-size: 16px; line-height: 34px; text-indent: 10px; position: relative; margin-bottom: 10px; }
.leftside .shuobobar a i { display: block; width: 11px; height: 9px; background: url(/uploads/image/_zimages/ico_index.png) -1px -52px no-repeat; position: absolute; right: 10px; top: 50%; margin-top: -4px; }
.leftside .shuobobar a:hover { background: #be8542; color: #fff; }

.hq-contetn { margin-left: 370px; }

.rightmenu { height: 74px; width: 100%; background: url(/uploads/image/_zimages/bg_nav.jpg) repeat; margin-top: 10px; position: relative; z-index: 9; }
.rightmenu .navbar li { margin: 0 10px; float: left; height: 74px; font-size: 18px; position: relative; }
.rightmenu .navbar li h3 { display: block; font-weight: normal; }
.rightmenu .navbar li h3 a { float: left; color: #1a1a1a; display: block; padding: 0 10px; -webkit-border-radius: 19px; -moz-border-radius: 19px; border-radius: 19px; height: 38px; line-height: 38px; margin-top: 18px; border: 1px solid transparent; }
.rightmenu .navbar li h3 a:hover { border: 1px solid #fff; color: #fff; }
.rightmenu .navbar .dropdown { display: none; position: absolute; top: 74px; left: 50%; width: 96px; margin-left: -48px; background: rgba(0, 0, 0, 0.4); background: #000 \9; }
.rightmenu .navbar .dropdown .item { font-size: 16px; }
.rightmenu .navbar .dropdown .item a { display: block; padding: 5px 8px; }
.rightmenu .navbar .dropdown .item a:hover { background: #ffb901; color: #fff; }
.rightmenu .navbar li.active h3 a { border: 1px solid #fff; color: #fff; }
.rightmenu .navbar li.active .dropdown { display: block; }

.dropmenu { position: absolute; top: 25px; height: 50px; }
.dropmenu .icon { display: inline-block; width: 11px; height: 7px; background: url(/uploads/image/_zimages/ico_index.png) 0 -67px no-repeat; vertical-align: middle; margin-left: 7px; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
.dropmenu .active .icon { -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -o-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); }
.dropmenu span a { display: inline-block; vertical-align: middle; color: #1a1a1a; font-size: 18px; }
.dropmenu h3 { font-weight: normal; }
.dropmenu .dropdown { display: none; position: absolute; }
.dropmenu.dropmenulage { right: 20px; }
.dropmenu.dropmenulage.active .icon { -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -o-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); }
.dropmenu.dropmenulage h2 a { display: inline-block; vertical-align: middle; margin-top: 5px; }
.dropmenu.dropmenulage .dropdown .item { margin: 2px 0; }

.dropmenumore { right: 112px; }
.dropmenumore h3 { position: relative; }
.dropmenumore span { display: inline-block; height: 50px; }
.dropmenumore.active .icon { -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -o-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); }
.dropmenumore .dropdown { position: absolute; top: 50px; left: 50%; width: 120px; margin-left: -60px; background: rgba(0, 0, 0, 0.4); background: #000 \9; }
.dropmenumore .dropdown .item { font-size: 16px; position: relative; }
.dropmenumore .dropdown .item a { display: block; padding: 5px 8px 5px 25px; }
.dropmenumore .dropdown .item a:hover { background: #ffb901; color: #fff; }
.dropmenumore .dropdown .item.active h3 a { background: #ffb901; color: #fff; }
.dropmenumore .dropdown .dropdown { left: auto; margin-left: 0; right: 120px; top: 0; }

.bigmain { overflow-y: auto; position: relative; }

.qhindex { position: absolute; top: 0px; right: 0; width: 180px; }
.qhindex .r-hd { display: none; }
.qhindex .r-bd li { width: 180px; height: 145px; background: rgba(0, 0, 0, 0.4); background: #000 \9; }
.qhindex .r-bd a { display: block; height: 143px; border-top: 1px solid rgba(255, 255, 255, 0.4); border-top: 1px solid #46423e \9; text-align: center; padding-top: 1px; }
.qhindex .r-bd li:first-child a { border-top: none; }
.qhindex .r-bd i { display: block; width: 29px; height: 29px; background: url(/uploads/image/_zimages/ico_index.png) 0 0 no-repeat; background-color: #8c8c8c; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; overflow: hidden; margin: 36px auto 10px; }
.qhindex .r-bd i.ico-1 { background-position: 7px -83px; }
.qhindex .r-bd i.ico-2 { background-position: -27px -83px; }
.qhindex .r-bd i.ico-3 { background-position: -62px -83px; }
.qhindex .r-bd i.ico-4 { background-position: -96px -83px; }
.qhindex .r-bd i.ico-5 { background-position: -130px -83px; }
.qhindex .r-bd i.ico-6 { background-position: -164px -83px; }
.qhindex .r-bd i.ico-7 { background-position: 5px -111px; }
.qhindex .r-bd h2 { font-weight: normal; font-size: 20px; }
.qhindex .r-bd p { font-size: 12px; }
.qhindex .r-bd a:hover { color: #ffb901; }
.qhindex .r-bd a:hover i { background-color: #ffb901; }
.qhindex .r-bd li.on a { border-left: 2px solid #ffb901; color: #ffb901; }
.qhindex .r-bd li.on a i { background-color: #ffb901; }
.qhindex a.prev, .qhindex .next { display: block; width: 64px; height: 45px; margin: 10px auto; border: 1px solid rgba(255, 255, 255, 0.5); border: 1px solid #fff\9; background: rgba(0, 0, 0, 0.4); background: #000 \9; }
.qhindex a.prev em, .qhindex .next em { display: block; width: 36px; height: 19px; float: left; margin: 15px 0 0 13px; background: url(/uploads/image/_zimages/ico_index.png) 0 0 no-repeat; }
.qhindex a.prev em { background-position: -165px -41px; }
.qhindex a.next em { background-position: -165px -63px; }
.qhindex a.prevstop, .qhindex a.nextstop { border: 1px solid transparent; background: none; }
.qhindex a.prevstop em { background-position: -165px 0; }
.qhindex a.nextstop em { background-position: -165px -22px; }

.bd-item { background: rgba(0, 0, 0, 0.4); min-height: 580px; margin: 68px 20% 0 0; color: #fff; background: #000 \9; }

.bd-item-1 {padding:50px 3%;}
.bd-item-1 p { font-size: 16px; line-height: 36px;  }

.bd-item-2 p { padding: 50px 3%; font-size: 16px; line-height: 36px; }

.bd-item-6 { background: none; }
.bd-item-6 .tit { height: 40px; background: #e3a609; line-height: 40px; margin-left: 10px; }
.bd-item-6 .tit h2 { font-weight: normal; display: block; color: #000; font-size: 14px; margin-left: 10px; }
.bd-item-6 .teaminfo { margin-left: 10px; font-size: 14px; line-height: 30px; }
.bd-item-6 .teaminfo h2 { display: block; margin: 10px 0; }
.bd-item-6 .teambx { margin-left: 11px;margin-bottom: 12px; }
.bd-item-6 .teambx li { float: left; width: 135px; height: 162px; margin: 30px 5% 0 0; overflow: hidden; position: relative; text-align: center; }
.bd-item-6 .teambx li .img { display: table; position: relative; width: 135px; height: 162px; }
.bd-item-6 .teambx li .img span { display: table-cell; vertical-align: middle; text-align: center;border: 1px solid #777; }
.bd-item-6 .teambx li .img span img { max-width: 135px; max-height: 162px; }
.bd-item-6 .teambx li .bg { position: absolute; width: 100%; height: 34px; background: rgba(0, 0, 0, 0.4); background: #000 \9; color: #fff; line-height: 34px; font-size: 14px; bottom: -34px; left: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

.home-foot { margin-right: 20%; text-align: center; color: #fff; line-height: 30px; margin-top: 50px; margin-bottom: 30px; }

@media only screen and (max-width: 1600px) { .leftside { width: 240px; }
  .hq-contetn { margin-left: 270px; }
  .rightmenu .navbar li { margin: 0 3px; }
  .rightmenu .navbar li h3 a { font-size: 16px; } }
.curlocation { border-bottom: 1px solid #ccc; margin: 10px 15px 0; height: 36px !important; line-height: 36px; font-size: 18px; position: relative; color: #fff; }
.curlocation .wrap { display: inline-block; border-bottom: 1px solid #ffb901; height: 36px; }
.curlocation a { color: #fff; }
.curlocation a:hover { color: #ffb901; }
.curlocation i.ico-home { display: inline-block; vertical-align: middle; width: 30px; height: 24px; background: url(/uploads/image/_zimages/ico_index.png) -29px -51px no-repeat; margin-right: 10px; }
.curlocation span { color: #ffb901; }

.inner-list { padding: 20px 10px; }
.inner-list li { padding: 20px 0; font-size: 16px; position: relative; }
.inner-list li i.ico { display: block; width: 8px; height: 9px; background: url(/uploads/image/_zimages/ico_index.png) -81px -57px no-repeat; position: absolute; left: 0; top: 27px; }
.inner-list li h2 { display: block; float: left; margin-left: 16px; font-weight: normal; }
.inner-list li a:hover i.ico { background-position: -81px -72px; }
.inner-list li a:hover h2 { color: #e9a903; }

.pages {     margin-left: auto;
    width: 254px;
    margin-right: auto;
    text-align: center; }
.pages span { display: inline-block; vertical-align: middle; font-size: 16px; color: #fff; margin: 0 8px; }
.pages a { display: inline-block; vertical-align: middle; font-size: 16px; margin: 0 6px; }
.pages a:hover { color: #ffb901; }
.pages a.prevnext { height: 22px; line-height: 22px; padding: 0 5px; color: #000; background: #e6e6e6; }
.pages a.prevnext:hover { color: #fff; background: #e9a903; }
.pages .txt { height: 20px; border: 1px solid #e6e6e6; width: 48px; text-align: center; background: none; color: #fff; font-size: 16px; }
.pages .gobtn { height: 22px; width: 26px; background: #e9a903; color: #fff; cursor: pointer; }

.leftmainct { width: 80%; float: left; color: #fff; }
.leftmainct .wrap { padding: 0 0 0 15px; }
.leftmainct .tits { border-bottom: 1px dotted #9e9d9c; margin: 0 7% 0 40px; padding: 15px 0; text-align: center; line-height: 1.8; }
.leftmainct .tits h2 { display: block; font-size: 18px;    word-wrap: break-word;     word-break: break-word;}
.leftmainct .tits h3 { display: block; font-size: 14px; font-weight: normal; }
.leftmainct .wrap2 { border-right: 1px solid #777370; padding-right: 5%; }
.leftmainct .other { font-size: 12px; color: #e9a903; text-align: center; padding: 15px 0; }
.leftmainct .atc-content { font-size: 14px; line-height: 30px; }
.leftmainct .atc-content h3 { color: #ffb901; font-size: 16px; line-height: 2; margin-top: 10px; }
.leftmainct .atc-content p.img { text-align: center; margin: 10px 0; }
.leftmainct .atc-content p.img img { max-width: 100%; }

.prevnextpage { width: 95%; margin: 0 0 0 15px; margin-top: 50px; font-size: 14px; line-height: 1.3; }
.prevnextpage .l { float: left; max-width: 45%; }
.prevnextpage .r { float: right; max-width: 45%; }
.prevnextpage a:hover { color: #ffb901; }

.right-fj { width: 20%; float: right; margin-top: 100px; }
.right-fj .wrap { width: 90%; margin: 0 auto; }
.right-fj .tits { font-size: 14px; color: #e9a903; border-bottom: 1px solid #9e9d9c; line-height: 30px; }
.right-fj .ct ul li { font-size: 14px; line-height: 30px; margin-bottom: 5px; position: relative; }
.right-fj .ct ul li h2 { display: block; font-weight: normal; margin-left: 24px; *margin-top: -22px; }
.right-fj .ct ul li i.ico { display: block; width: 6px; height: 6px; background: #fff; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; position: absolute; top: 12px; left: 0; }
.right-fj .ct ul li a:hover { color: #ffb901; }
.right-fj .ct ul li a:hover i.ico { background-color: #ffb901; }

.outerbox .bo-inner .bo-hd { display: none; }
.outerbox .bo-bd { position: relative; margin: 25px 48px 20px; height: 50px; }
.outerbox .bo-bd ul li { 
    width: 33.33%;
    text-align: center;
    font-size: 16px;
    height: 45px;
    line-height: 45px;
    float: left; }
.outerbox .bo-bd ul li a { display: inline-block; padding: 0 23px; -webkit-border-radius: 23px; -moz-border-radius: 23px; border-radius: 23px; }
.outerbox .bo-bd ul li.on a { background: #ffb901; }
.outerbox a.prev, .outerbox a.next { display: block; width: 48px; height: 48px; border: 1px solid #ffb901; text-align: center; line-height: 48px; position: absolute; top: 0; }
.outerbox a.prev i, .outerbox a.next i { display: inline-block; vertical-align: middle; width: 17px; height: 31px; background: url(/uploads/image/_zimages/ico_index.png) 0 0 no-repeat; }
.outerbox a.prev { left: -48px; }
.outerbox a.next { right: -48px; }
.outerbox a.prev i { background-position: -127px -48px; }
.outerbox a.next i { background-position: -145px -48px; }
.outerbox a.prevstop i { background-position: -92px -48px; }
.outerbox a.nextstop i { background-position: -110px -48px; }
.outerbox a.prevstop, .outerbox a.nextstop { border: 1px solid #a6a6a6; }
.outerbox .item-bo li { float: left; width: 178px; text-align: center; margin: 20px 0 0px 5%; }
.outerbox .item-bo li .img { display: table; width: 178px; height: 214px; position: relative; overflow: hidden; }
.outerbox .item-bo li .img span { display: table-cell; vertical-align: middle; text-align: center; }
.outerbox .item-bo li .img span img { max-width: 178px; max-height: 214px; }
.outerbox .item-bo li .img img { -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
.outerbox .item-bo li .name { text-align: center; font-size: 16px; padding-top: 20px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.outerbox .item-bo li a:hover { color: #ffb901; }
.outerbox .item-bo li a:hover img { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -o-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); }

.inner-list-pic { padding: 30px 0; /*text-align: center;*/ }
.inner-list-pic ul { display: block; }
.inner-list-pic li { display: inline-block; width: 260px; text-align: center; margin: 20px 2% 0; *display: block; *float: left; }
.inner-list-pic li .img { display: table; width: 260px; height: 200px; position: relative; overflow: hidden; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px;border: 1px solid #787573;
    padding: 5px; }
.inner-list-pic li .img span { display: table-cell; vertical-align: middle; text-align: center; }
.inner-list-pic li .img span img { max-width: 260px; max-height: 200px; }
.inner-list-pic li .img img { -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
.inner-list-pic li .name { text-align: center; font-size: 16px; padding-top: 20px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.inner-list-pic li a:hover { color: #ffb901; }
.inner-list-pic li a:hover img { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -o-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); }

.compro-box { padding: 30px 0; }

.cmp-item { margin-bottom: 15px; }
.cmp-item .tits { height: 50px; border-bottom: 1px solid rgba(255, 255, 255, 0.4); border-bottom: 1px solid #655f5b \9; position: relative; line-height: 50px; margin-top: 10px; }
.cmp-item .tits .l { display: inline-block; border-bottom: 1px solid #ffb901; height: 50px; *float: left; }
.cmp-item .tits span { display: inline-block; vertical-align: middle; line-height: 50px; margin-right: 10px; *float: left; *margin-top: 15px; }
.cmp-item .tits span img { display: inline-block; vertical-align: middle; }
.cmp-item .tits h2 { display: inline-block; color: #ffb901; font-size: 20px; font-weight: normal; vertical-align: middle; }
.cmp-item .tits a.more { position: absolute; right: 0; top: 0; }
.cmp-item .tits a.more:hover { color: #ffb901; }
.cmp-item .ct-1 dl { border-bottom: 1px solid rgba(255, 255, 255, 0.2); border-bottom: 1px solid #524f4d \9; position: relative; padding: 15px 0 5px; }
.cmp-item .ct-1 dt { display: block; position: relative; margin-left: 22px; }
.cmp-item .ct-1 dt h2 { font-weight: normal; font-size: 14px; }
.cmp-item .ct-1 dt i { display: block; width: 6px; height: 6px; background: #b3b3b3; position: absolute; left: -20px; top: 8px; }
.cmp-item .ct-1 dd { margin-left: 22px; padding-top: 5px; }
.cmp-item .ct-1 dd span { font-size: 12px; color: #a5a5a5; }
.cmp-item .ct-1 a:hover { color: #ffb901; }
.cmp-item .ct-1 a:hover i { background: #ffb901; }
.cmp-item .ct-2 ul li { border-bottom: 1px solid rgba(255, 255, 255, 0.2); border-bottom: 1px solid #524f4d \9; position: relative; padding: 15px 0 10px; }
.cmp-item .ct-2 ul a { display: block; position: relative; margin-left: 22px; *zoom: 1; }
.cmp-item .ct-2 ul a:after { clear: both; content: "\200b"; display: block; height: 0; }
.cmp-item .ct-2 ul a h2 { *display: block; font-weight: normal; font-size: 14px; *float: left; width: 80%; }
.cmp-item .ct-2 ul a i { display: block; width: 6px; height: 6px; background: #b3b3b3; position: absolute; left: -20px; top: 8px; }
.cmp-item .ct-2 ul a:hover { color: #ffb901; }
.cmp-item .ct-2 ul a:hover i { background: #ffb901; }
.cmp-item .ct-16 { padding: 20px 0; }
.cmp-item .ct-16 p { font-size: 14px; color: #fff; line-height: 30px; text-indent: 28px; }

.jghul li { float: left; width: 30%; margin: 20px 1.5% 0; }
.jghul li .img { display: table; width: 100%; height: 200px; }
.jghul li .img span { display: table-cell; vertical-align: middle; text-align: center; border: 1px solid #787573;}
.jghul li .img span img { max-width: 100%; max-height: 200px; }