/*
ST05-CSS-xiaohei-dtmuban.com-20170707
*/
@charset "utf-8";

/*con*/
.success p span,.service-list table tr td em,.service-list table tr td i,.service-list span.fade,.one-content p a em,.link-bar ul li em,.sideBar li span,.screen-two .scroll-area span{background:url(img/vipbg.png) 0 0 no-repeat}
.content_vip{min-height:600px;width:100%; min-width: 1200px;margin:0;padding:0}
.content-service{background:#f8f8f8;padding-bottom:83px}
.screen-one{width:100%;background:url(img/vipindex_bg.jpg) center top no-repeat;background-attachment:fixed;background-size:100% 100%;position:relative;}
.one-content{width:1200px;margin:0 auto;padding-top:200px}
.one-content p{text-align:center;color:#fff;font-size:26px;font-weight:100; margin-bottom: 5px;}
.one-content p.p-big{font-size:60px;font-weight:normal}
.one-content p.p-text{letter-spacing:2px}
.one-content p.price{margin-top:50px;font-weight:normal}
.one-content p a{width:266px;height:66px;border:solid 2px #fff;color:rgba(255,255,255,0);text-align:center;line-height:66px;border-radius:50px;display:inline-block;margin-top:15px}
.one-content p a em{width:184px;height:32px;display:inline-block;background:url(img/zx-qq.png) 0 0 no-repeat;vertical-align:-7px;margin-top:15px}
.one-content p a:hover em{-webkit-transition:all .4s ease;transition:all .4s ease;background-position:0 -32px}
.content-service p{text-align:center;font-size:20px;font-weight:100;color:#000;margin-top:80px}
.link-bar{width:100%;height:80px;background:rgba(0,0,0,0.8);position:absolute;bottom:0;left:0}
.link-bar ul{width:1200px;margin:0 auto}
.link-bar ul li{width:33%;text-align:center;font-size:18px;float:left;line-height:80px;cursor:pointer}
.link-bar ul li a{display:block;width:100%;height:100%;color:#fff}
.link-bar ul li:hover{background:#064adb}
.link-bar ul li em{width:18px;height:18px;display:inline-block;background-position:-210px 0;margin-left:5px; vertical-align: 7px;}
.screen-two{height: 500px;padding: 200px 0 10px 0;background:#fff;}
.screen-two p{text-align:center;font-size:34px;color:#000}
.screen-two .scroll-area{margin:120px auto 0 auto;height:258px}
.screen-two .scrollArea{width:1086px;margin:0 auto;height:258px;position:relative;    overflow: hidden;}
.screen-two .scroll-area .scroll-box{position:absolute;}
.screen-two ul li{float:left;width:237px;height:258px;margin:0 55px;text-align:center;font-size:14px;color:#696969;line-height:24px}
.screen-two ul li img{margin-bottom:8px}
.screen-two span{width:43px;height:86px;display:block;position:absolute;cursor:pointer}
.scroll-area span.prev{background-position:0 0;left:0;top:41px}
.scroll-area span.prev:hover{background-position:-95px 0}
.scroll-area span.prev.default,.scroll-area span.prev.default:hover{background-position:0 0}
.scroll-area span.next{background-position:-49px 0;right:0;top:41px}
.scroll-area span.next:hover{background-position:-144px 0}
.scroll-area span.next.default,.scroll-area span.next.default:hover{background-position:-49px 0}
.scroll-area .opacity{width:497px;height:258px;background:rgba(255,255,255,0.8);position:absolute;left:-517px;top:0}
.scroll-area .opacity1{width:437px;height:258px;background:rgba(255,255,255,0.8);position:absolute;right:-447px;top:0}
.screen-two .scroll-area .scroll-box p{font-size:18px;margin-bottom:5px}
.screen-three{height:832px;padding:60px 0 50px 0;width:100%;background:#f8f8f8}
.screen-three p{padding-top:100px;text-align:center;font-size:34px;color:#000}
.screen-three .tabs{margin:40px auto 0 auto;width:650px;height: 90px;}
.screen-three .tabs ul li{position:relative;float:left;margin:0 18px;width:126px;height:96px;text-align:center;color:#636363;font-size:18px;cursor:pointer}
.screen-three .tabs ul li.current{color:#000}
.screen-three .tabs ul li a{width:45px;height:48px;margin:0 auto 10px auto;display:block;background:url(img/vipbg.png) 0 -186px no-repeat}
.screen-three .tabs ul li.current a{width:59px;height:60px;background-position:0 -95px;margin-top:-13px}
.screen-three .tabs ul li a.a2{width:65px;height:49px;background-position:-68px -186px}
.screen-three .tabs ul li.current a.a2{width:81px;height:62px;background-position:-67px -99px}
.screen-three .tabs ul li a.a3{width:56px;height:47px;background-position:-150px -190px}
.screen-three .tabs ul li.current a.a3{width:71px;height:62px;background-position:-152px -102px}
.screen-three .tabs ul li a.a4{width:65px;height:49px;background-position:-223px -190px}
.screen-three .tabs ul li.current a.a4{width:69px;height:59px;background-position:-228px -105px}
.tab-content{width: 1045px;margin:0 auto;}
.tab-content .tab-detail{display:none;position:relative}
.tab-content .tab-detail img{margin:0 auto;display:block}
.tab-content .tab-detail:first-child{display:none}
.tab-content .tab-detail span{font-size:14px;position:absolute;color:#000}
.tab-content .tab1{margin-top:29px}
.tab-content .tab1 span{left:855px;top:210px}
.tab-content .tab-detail span em{color:#064adb}
.tab-content .tab2{margin-top:35px}
.tab-content .tab2 span{right: -67px;top:70px;}
.tab-content .tab3{margin:70px 0 0 60px}
.tab-content .tab3 span{top:0;right: 185px;}
.tab-content .tab4{margin:70px 0 0 35px}
.tab-content .tab4 span{right:108px;top:60px}
.screen-four{height:489px;width:100%;padding-top:210px;background:url(img/four_bg.png) left top no-repeat}
.screen-four p{text-align:center;font-size:26px;font-weight:100;color:#000}
.screen-four p.big{font-size:60px;font-weight:700;color:#000;margin-bottom: 20px;}
.screen-four p.btn_vip{margin-top:100px}
.screen-four p.btn_vip a{width:240px;height:56px;line-height:56px;text-align:center;color:#fff;border-radius:50px;display:inline-block;background:#064adb;border:solid 2px #064adb}
.screen-four p.btn_vip a:hover{background:#0041cc}
.screen-four p.btn_vip a.qq{margin-left:55px;background:#fff;color:#064adb}
.screen-four p.btn_vip a.qq:hover{background:#064adb;color:#fff}

/*hydb*/
.banner{width: 100%;height: 530px;border-bottom: solid 1px #f3f3f3;background: url(img/2017_banner.jpg) center top no-repeat;}
.banner h2{width:1200px;margin:0 auto;text-align:center;padding-top:100px;font-size:60px;color:#fff}
.banner p{color:#ffffff;margin-top: 20px;}
.service-list{width:1200px;margin:-127px auto 0 auto;position:relative}
.service-list table{width:1200px;border:solid 1px #e6e6e6;border-right:0;border-bottom:0;box-shadow:0 5px 15px #c2beb6;background:#fff}
.service-list table tr th{height:125px;border-right:solid 1px #e6e6e6;border-bottom:solid 1px #e6e6e6;font-size: 20px;color:#000;font-weight:normal;}
.service-list table tr td{border-right:solid 1px #e6e6e6;border-bottom:solid 1px #e6e6e6}
.service-list table tr th span{width:103px;height:125px;background:url(img/hydb_table.png) left top no-repeat;display:block}
.service-list table tr td.title{font-size:20px;color:#000;font-weight:bold}
.service-list table tr td{padding:13px 0;text-align:center}
.service-list table tr td.text-left{text-align:left;padding:13px 25px;font-size:16px;color:#333}
.service-list table tr td.text-small{font-size:14px;color:#333}
.service-list table tr td.text-big{font-size:18px;color:#000;background:#fffef3;border-bottom:solid 1px #e6e6e6}
.service-list table tr th.yellow{background:#fffef3}
.service-list table tr td.dashed{border-bottom:solid 1px #e6e6e6}
.service-list table tr td.orange,.service-list table tr th.orange{color: #FF8400;font-weight:bold;}
.service-list table tr td.title{line-height:24px}
.service-list table tr td em{display:block;margin:0 auto}
.service-list table tr td em.ok{width:25px;height:24px;background-position:-99px -264px}
.service-list table tr td em.no{width:30px;height:21px;background-position:-99px -298px}
.service-list table tr td em.bng_pu,.service-list table tr td em.bng_vip {background-position:0;}
.service-list table tr td em.bng_pu a{background:#0B89EE;color:#fff;padding:5px 20px}
.service-list table tr td em.bng_vip a{background:#ff8840;color:#fff;padding:5px 20px}
.service-list table tr td em.bng_pu a:hover,.service-list table tr td em.bng_vip a:hover{opacity:.8;filter:alpha(opacity=80);}
.service-list table tr td i{width:33px;height:22px;display:block;background-position:-160px -263px;margin:0 auto 6px auto}
.service-list table tr td.current,.service-list table tr th.current{border-right: solid 1px #FF8400;border-bottom: solid 1px rgba(255, 179, 15, 0.33);box-shadow: 1px 3px 10px #FF8400;}
.service-list table tr td.current1,.service-list table tr th.current1{border-right: solid 1px #FF8400;color:#0B89EE;}
.service-list span.top{display:none;width: 281px;height:34px;background-position:0 -371px;position:absolute;left: 520px;top:-33px;}
.service-list span.bottom_vip{display:none;width:283px;height:34px;background-position:0 -424px;position:absolute;left:520px;bottom:-33px}
.service-list span.top.fade,.service-list span.bottom_vip{display:block}



@media(min-height:480px) and (max-height:700px){.one-content{width:1200px;margin:0 auto;padding-top:130px}
.screen-two{height:500px;padding:100px 0 10px 0;background:#fff}
.screen-three{height:832px;padding:0 0 50px 0;width:100%;background:#f8f8f8}}@media(min-height:700px) and (max-height:800px){.one-content{width:1200px;margin:0 auto;padding-top:170px}
.screen-three{height:832px;padding:50px 0 50px 0;width:100%;background:#f8f8f8}}@media(min-width:1280px) and (max-width:1600px){.screen-two .scroll-area{width:1085px;margin:100px auto 0 auto;overflow:hidden}
.scroll-area span.prev{background-position:0 0;left:0;top:41px}
.scroll-area span.next{background-position:-49px 0;right:0;top:41px}
.scroll-area .opacity,.scroll-area .opacity1{display:none}}