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(../images/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(../images/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:160px}

.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:#fff;text-align:center;line-height:66px;border-radius:50px;display:inline-block;margin-top:15px}

.one-content p a:hover{background:#fff;color:#6aafd7!important;}

.one-content p a em{width:184px;height:32px;display:inline-block;background:url(../images/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:relative;bottom:80px;left:0}

.link-bar ul{width:1200px;margin:0 auto}

.link-bar ul li{width:25%;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{width:100%;min-width: 1200px;padding:50px 0;}

.screen-box{width:1200px;margin:0 auto;height:400px;}

.screen-h1{text-align: center;font-size: 26px;margin-bottom:100px;}

.screen-two1{float: left;width:50%;position: relative;}

.lxgkt2{position: absolute;right:-50px;top:-50px;}

.lxgkt3{margin-right:20px;}

.lxgkp1{font-size: 22px;margin-bottom:0;}

.lxgkp2{color:#4561b4;font-size: 18px;}

.screen-two2{float: right;padding-top:30px;width:45%;}

.screen-three{background:#313596;width:100%;min-width:1200px;padding:50px 0;}

.screen-three1{padding-top:70px;}

.screen-three2{position: relative;width:480px;}

.pmxzt1{margin-right:15px;}

.pmxzp1{color:#fff;font-size: 22px;margin:0;}

.pmxzp2{color:#bdbdbd;font-size: 20px;}

.screen-five{width:100%;min-width:1200px;padding:50px 0;}

.screen-five1{position: relative;width:600px;}

.mfjzt2{margin-right:15px;}

.mfjzp1{margin:0;font-size: 22px;}

.mfjzp2{color:#4561b4;font-size: 20px;}

.screen-six{width:100%;min-width: 1200px;padding:50px 0;background:#313596;}

.swmsp1{color:#fff;font-size: 22px;margin:0;}

.swmsp2{color:#bdbdbd;font-size: 20px;}

.screen-six1{padding-top:60px;}

.screen-six2{width:250px;position: relative;}

.screen-four{height:489px;width:100%;padding-top:150px;background:url(../images/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:50px;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{background:#fff;color:#064adb}

.screen-four p.btn_vip a.qq:hover{background:#064adb;color:#fff}

/*动画*/

.down1{height:130px;width:760px;margin:0 auto;position: relative;}

.down2{position: absolute;top:-30px;left:0;opacity: 0;}

.lxgk{opacity: 0;}

.lxgkt1{position: absolute;left:-100px;opacity: 0;}

.lxgkt2{opacity: 0;}

.lxgkt3{opacity: 0;}

.pmxz{opacity: 0;}

.pmxzt2{opacity: 0;}

.pmxzt3{opacity: 0;position: absolute;right:-50px;}

.mfjz{opacity: 0;}

.mfjzt1{opacity: 0;position: absolute;left:-50px;}

.mfjzt3{opacity: 0;}

.swms{opacity: 0;}

.swmst2{opacity: 0;position: absolute;top:-50px;}

.swmst3{opacity: 0;}

.swmst4{opacity: 0;position: absolute;right:-50px;}

.hy1{position: relative;height:140px;width:1200px;margin:0 auto;}

.hy2{position: absolute;top:-50px;left:0;opacity: 0;width:1200px;}

.btn_vip{opacity: 0;}

/*动画-End*/

/*hydb*/

.banner{width: 100%;height: 530px;border-bottom: solid 1px #f3f3f3;background: url(../images/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(../images/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}



/* table */

.table{width:1200px;margin:0 auto;border:1px solid #E6E6E6;padding-bottom:50px;-moz-box-shadow:0px 0px 10px #E6E6E6; -webkit-box-shadow:0px 0px 10px #E6E6E6; box-shadow:0px 0px 10px #E6E6E6;position: relative;top:-80px;background:#fff;}

.table-ul:after{content:".";display:block;clear:both;height:0;overflow:hidden; visibility:hidden;}

.table img{width:22px;height:22px;}

.table-li1{height:81px;line-height: 80px;}

.table-ul div{float: left;text-align: center;}

.table-li-t1{width:154px;border-right:1px solid #ddd;font-size: 18px;color:#ababab;border-bottom:1px solid #ddd;}

.table-li-t2{width:250px;border-right:1px solid #fcc358;font-size: 18px;color:#506ab7;background:#f9f9f9;border-bottom:1px solid #ddd;}

.table-li-t3{width:250px;border-right:1px solid #fcc358;font-size: 20px;color:#fcc358;font-weight: bold;background:#fffcf5;border-bottom:1px solid #fcc358;}

.table-li-t4{width:260px;font-size: 18px;color:#ababab;border-bottom:1px solid #ddd;}

.table-ul .table-li-t1{text-align: left;padding-left:30px;}

.table-li2{height:51px;line-height: 50px;}

.hui{color:#8c8c8c;font-size: 14px;}

.hong{color:#ff181c;font-size: 16px;}

.lv{color:#27d268;font-size: 16px;}

.huang{color:#fe910e;font-size: 16px;}

.table-li-t5{width:184px;}

.table-li-t6{width:251px;border-right:1px solid #fcc358;}

.table-li-t7{width:260px;}

.table-ul2{width:1200px;height:64px;}

.table-ul2 li{float: left;height:64px;}

.table-up{display:block;width:200px;height:44px;line-height: 44px;background:#fe910e;color:#fff!important;text-align: center;margin:0 auto;border-radius: 5px;margin-top:10px;}

.table-up:hover{background:#EB660E;}



/* grade */

.grade{width:1200px;margin:0 auto;border-top:5px solid #0B89EE;margin-top:20px;border-bottom:1px solid #f0f0f0;}

.grade:after{content:".";display:block;clear:both;height:0;overflow:hidden; visibility:hidden;}

.grade li{float: left;}

.grade-li1{width:199px;padding:30px 100px;border-left:1px solid #f0f0f0;}

.grade-li2{width:198px;padding:30px 100px;border-left:1px solid #f0f0f0;border-right:1px solid #f0f0f0;}

.grade-li3{width:199px;padding:30px 100px;border-right:1px solid #f0f0f0;}

.grade-h2{font-size: 20px;margin-bottom:15px;}

.grade-p1{color:#aaa;font-size:14px;margin-bottom:0;}

.grade-s1{color:#27d268;font-size: 18px;}

.grade-p2{color:#aaa;font-size:14px;margin-bottom:30px;}

.grade-s2{color:#ff181c;font-size: 18px;}

.grade-d1{width:180px;height:40px;line-height: 40px;border:1px solid #ddd;color:#aaa;text-align: center;border-radius: 20px;}

.grade-d2{width:180px;height:40px;cursor: pointer;line-height: 40px;border:1px solid #506ab7;color:#506ab7;text-align: center;border-radius: 20px;background:#fff;}

.grade-d2:hover{width:180px;height:40px;line-height: 40px;border:1px solid #506ab7;color:#fff;text-align: center;border-radius: 20px;background:#506ab7;}

.grade-form{width:1200px;margin:0 auto;}

.grade-box{width:450px;margin:0 auto;}

.grade-box h1{font-size:30px;margin-bottom:20px;text-align: center;}

.grade-f1{margin-bottom:30px;height:50px;line-height: 50px;position: relative;}

.grade-t{font-size: 16px;margin-right:10px;}

.grade-f1-s1{color:#fe910e;font-size: 14px;margin-right:10px;}

.grade-f1-s2{color:#ff181c;margin:0 3px;}

.grade-f1 input{float: right;width:350px;border:1px solid #ddd;height:50px;line-height: 50px;padding-left:10px;resize: none;border-radius: 5px;}

.grade-f1 textarea{float: right;width:350px;border:1px solid #ddd;height:70px;line-height: 50px;padding-left:10px;resize: none;border-radius: 5px;}

#sub{width:250px;height:50px;font-size:20px;cursor:pointer;margin:0 auto;background:#506ab7;color:#fff;border-radius: 30px;border:0;display: block;margin-top:60px;}

#sub:hover{background:#475FA3;}

.f_red{position: absolute;top:0;right:-120px;}

.nav_hd_top{width: 100%; background: #fff; height: 55px; padding: 12px 0; position: relative; min-width: 1200px; border-bottom: 0;margin-bottom:0!important ;}
.nav_top{width: 1200px; height: 55px; background: #fff; margin: 0 auto; position: relative;}

/* wab */

.wab1{width:100%;min-width: 1200px;position: fixed;top: 128px;left:0;z-index: 0;}

.wab1-banner{width:100%;}

.wab1-main{width:100%;min-width: 1200px;position: absolute;top:0;left:0;}

.wab1-box{width:1200px;margin:0 auto;text-align: center;color:#fff;padding-top:35px;}

.wab1-box1{height:90px;position: relative;margin-bottom:20px;}

.wab1-box h1{font-size: 42px;font-weight: 100;position: absolute;left:0;top:-30px;width: 1200px;opacity: 0;}

.wab1-box2{opacity: 0;}

.wab1-box p{font-size: 20px;margin-bottom:10px;}

.wab1-jg{font-size: 24px;padding-top:10px;width:300px;margin:0 auto;height:45px;margin-bottom:15px;}

.wab1-jg span{float: left;}

.wab1-jg i{float:left;display: inline-block;background:#2e3989;border-radius: 30px;width:140px;overflow: hidden;height:42px;line-height: 42px;opacity: 0;}

.wab1-sq{width:150px;text-align: center;margin:0 auto;height:40px;line-height: 40px;font-size: 20px;border-radius: 30px;background:#fff;color:#2e3989;}

.wab1-sq:hover{background:#2e3989;color:#fff;}

.wab1-skip{margin-top:15px;}



.wab2{width:100%;min-width: 1200px;margin-top:567px;background:#fff;z-index: 1;position: relative;}

.wab2-box{width:1200px;margin:0 auto;height:400px;padding:70px 0 20px;}

.wab2-l{float: left;padding-top:50px;width:800px;}

.wab2-l h1{font-size: 28px;color:#4f539a;font-weight: 100;margin-bottom:10px;}

.wab2-l h1 span{color:#4f5299;font-weight: bold;}

.wab2-l1{position: relative;top:-30px;left:0;opacity: 0;}

.wab2-l2{opacity: 0;}

.wab2-p1{color:#d8d8d8;font-size: 18px;margin-bottom:20px;}

.wab2-p2{color:#969696;font-size: 14px;margin-bottom:10px;}

.wab2-r{float: left;}

.wab2-r img{width:330px;position: relative;right:-30px;opacity: 0;}



.wab3{width:100%;min-width: 1200px;background:#4f5299;z-index: 1;position: relative;}

.wab3-box{width:1200px;margin:0 auto;height:400px;padding:70px 0 20px;}

.wab3-r{float: left;padding-top:50px;}

.wab3-r h1{font-size: 28px;color:#fff;font-weight: 100;margin-bottom:10px;}

.wab3-r h1 span{color:#fff;font-weight: bold;}

.wab3-r1{position: relative;top:-30px;opacity: 0;}

.wab3-r2{opacity: 0;}

.wab3-p1{color:#7d7eb4;font-size: 18px;margin-bottom:20px;}

.wab3-p2{color:#b9bcdd;font-size: 14px;margin-bottom:10px;}

.wab3-l{float: left;width:500px;}

.wab3-l img{width:330px;position: relative;left:-30px;opacity: 0;}



.wab4{width:100%;min-width: 1200px;background:#fff;z-index: 1;position: relative;}

.wab4-box{width:1200px;margin:0 auto;height:400px;padding:70px 0 20px;}

.wab4-l{float: left;padding-top:50px;width:800px;}

.wab4-l h1{font-size: 28px;color:#4f539a;font-weight: 100;margin-bottom:10px;}

.wab4-l h1 span{color:#4f5299;font-weight: bold;}

.wab4-l1{position: relative;top:-30px;opacity: 0;}

.wab4-l2{opacity: 0;}

.wab4-p1{color:#d8d8d8;font-size: 18px;margin-bottom:20px;}

.wab4-p2{color:#969696;font-size: 14px;margin-bottom:10px;}

.wab4-r{float: left;}

.wab4-r img{width:330px;position: relative;right:-30px;opacity: 0;}



.wab5{width:100%;min-width: 1200px;background:#4f5299;z-index: 1;position: relative;}

.wab5-box{width:1200px;margin:0 auto;height:400px;padding:70px 0 20px;}

.wab5-r{float: left;padding-top:50px;}

.wab5-r h1{font-size: 28px;color:#fff;font-weight: 100;margin-bottom:10px;}

.wab5-r h1 span{color:#fff;font-weight: bold;}

.wab5-r1{position: relative;top:-30px;opacity: 0;}

.wab5-r2{opacity: 0;}

.wab5-p1{color:#7d7eb4;font-size: 18px;margin-bottom:20px;}

.wab5-p2{color:#b9bcdd;font-size: 14px;margin-bottom:10px;}

.wab5-l{float: left;width:500px;}

.wab5-l img{width:330px;opacity: 0;position: relative;left:-30px;}



.wab6{width:100%;min-width: 1200px;background:#fff;z-index: 1;position: relative;}

.wab6-box{width:1200px;margin:0 auto;height:500px;padding:70px 0 20px;}

.wab6-h1{font-size:28px;color:#4d5a7c;margin-bottom:20px;position: relative;right:-30px;opacity: 0;}

.wab6-p{font-size: 20px;margin-bottom:40px;color:#d8d8d8;position: relative;right:-30px;opacity: 0;}

.wab6-ul{width:1200px;}

.wab6-ul:after{content:".";display:block;clear:both;height:0;overflow:hidden; visibility:hidden;}

.wab6-li1{float: left;border:1px solid #ddd;padding:60px 60px 10px;position: relative;top:-30px;opacity: 0;}

.wab6-li1 img{margin-bottom:20px;width:60px;height:62px;}

.wab6-li1 p{font-size: 16px;color: #505050;}

.wab6-li2{margin:0 15px;padding-top:75px;float: left;}

.wab6-mb{width:200px;text-align: center;margin:0 auto;font-size: 20px;color:#fff;height:40px;line-height: 40px;border-radius: 30px;background:#ffb04b;margin-top:60px;}

.wab6-mb:hover{background:#f6a236;}



.clear{background:#fff;z-index: 1;position: relative;}



/* skin */

.skin-main{width:1200px;margin:0 auto;padding:50px 0;}

.skin-main ul:after{content:".";display:block;clear:both;height:0;overflow:hidden; visibility:hidden;}

.skin-main li{float: left;margin-right:20px;width:386px;cursor: pointer;border-radius: 5px;}

.skin-main li:hover{background:#ddd;}

.skin-main li img{width:374px;padding:5px;border:1px solid #ddd;border-radius: 5px;}

.skin-main li p{font-size: 16px;text-align: center;}

.skin-big{position: fixed;width:100%;height:100%;top:120px;left:0;background:rgba(101,99,99,0.3);z-index: 99;display: none;}

.skin-big-box{width:800px;margin:15px auto 0;position: relative;}

.skin-big-box img{width:100%;}

.skin-big-close{width:30px;height:30px;border-radius: 50%;background:#ddd;font-size: 36px;text-align: center;line-height: 25px;position: absolute;top:-12px;right:-12px;color:#fff;cursor: pointer;}

.skin-big-close:hover{transform:scale(1.1);transform: all 0.6s;}

.skin-big-close:active{background:#4d4949;}