@charset "utf-8";
/*
CSS-xiaohei-mbkfw.com-20170707-2023
*/
/* CSS Document */
/*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(../images/vipbg.png) 0 0 no-repeat;}
.content_vip{/* min-height:600px; */width:100%;margin:0;padding:0;}
.content-service{background:#f8f8f8;padding-bottom:83px}
.screen-one{width:100%;background: #084da5;background-image: linear-gradient(160deg, #0f4b98 20%,#3278d2 80%);position:relative;overflow: hidden;}
.one-content{width: 100%;margin:0 auto;padding-top: 50px;padding-bottom: 1px;}
.one-content p{text-align:center;color:#fff;font-size: 16px;margin-bottom: 15px;}
.one-content p.p-big{font-size: 28px;font-weight: bold;}
.one-content p.p-text{letter-spacing: 1px;}
.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: 40px;background:rgba(0,0,0,0.8);position:absolute;bottom:0;left:0;}
.link-bar ul{width: 100%;margin:0 auto;}
.link-bar ul li{width:33%;text-align:center;font-size: 16px;float:left;line-height: 40px;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{padding: 30px 0 10px 0;background:#fff;}
.screen-two p{text-align:center;font-size: 24px;font-weight: bold;}
.screen-two .scroll-area{margin: 20px auto 0 auto;/* height:258px; */}
.screen-two .scrollArea{width: 100%;margin:0 auto;/* height:258px; *//* position:relative; */overflow: hidden;}
.screen-two .scroll-area .scroll-box{/* position:absolute; */padding: 2%;}
.screen-two ul li{width: 50%;/* height:258px; */text-align:center;font-size: 12px;color:#696969;line-height: 20px;float: left;box-sizing: border-box;margin-bottom: 20px;}
.screen-two ul li img{margin-bottom:8px;width: 95%;}
.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;display: none;}
.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;display: none;}
.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: 16px;margin-bottom:5px;}
.screen-three{padding: 10px 0 20px 0;width:100%;background:#f8f8f8;}
.screen-three p{padding-top: 20px;text-align:center;font-size: 24px;font-weight: bold;}
.screen-three .tabs{margin: 35px auto 0 auto;width: 100%;height: 90px;}
.screen-three .tabs ul li{position:relative;float:left;/* margin:0 18px; */width: 25%;height:96px;text-align:center;color:#636363;font-size: 14px;cursor:pointer;}
.screen-three .tabs ul li.current{color:#000}
.screen-three .tabs ul li a{width: 36px;height: 40px;margin:0 auto 10px auto;display:block;background: url(../images/vipbg.png) 0 -144px no-repeat;}
.screen-three .tabs ul li.current a{width: 36px;height: 53px;background-position: 0 -83px;margin-top:-13px;}
.screen-three .tabs ul li a.a2{width: 46px;height: 40px;background-position: -39px -144px;}
.screen-three .tabs ul li.current a.a2{width: 55px;height: 53px;background-position: -39px -83px;}
.screen-three .tabs ul li a.a3{width: 49px;height: 40px;background-position: -83px -144px;}
.screen-three .tabs ul li.current a.a3{width: 45px;height: 53px;background-position: -93px -83px;}
.screen-three .tabs ul li a.a4{width: 57px;height: 40px;background-position: -127px -144px;}
.screen-three .tabs ul li.current a.a4{width: 51px;height: 53px;background-position: -138px -83px;}
.tab-content{width: 100%;margin:0 auto;}
.tab-content .tab-detail{display:none;position:relative}
.tab-content .tab-detail img{margin:0 auto;display:block;width: 100%;}
.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: 25px;}
.tab-content .tab1 span{right: 5px;top: 75px;background: #ffffff;padding: 20px;box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.2);border-radius: 8px;}
.tab-content .tab-detail span em{color:#064adb}
.tab-content .tab2{margin-top:35px}
.tab-content .tab2 span{right: 5px;top: 20px;background: #ffffff;padding: 20px;box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.2);border-radius: 8px;}
.tab-content .tab3{margin: 50px 0 0 15px;}
.tab-content .tab3 span{right: 5px;top: 20px;background: #ffffff;padding: 20px;box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.2);border-radius: 8px;}
.tab-content .tab4{margin: 50px 0 0 10px;}
.tab-content .tab4 span{right: 10px;top: 50px;background: #ffffff;padding: 20px;box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.2);border-radius: 8px;}
.screen-four{width:100%;padding-top: 20px;background: #FFFFFF;padding-bottom: 30px;}
.screen-four p{text-align:center;font-size: 14px;}
.screen-four p.big{font-size: 26px;font-weight: bold;margin-bottom: 10px;}
.screen-four p.btn_vip{margin-top: 25px;}
.screen-four p.btn_vip a{width:240px;height: 36px;line-height: 36px;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}