/** CSS Reset **/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form, fieldset,input,textarea,p,blockquote,th,td { margin:0; padding:0; }
table { border-collapse:collapse; border-spacing:0; }
fieldset,img { border:0; vertical-align: top;}
address,caption,cite,code,dfn,em,strong,th,var { font-style:normal; font-weight:normal; }
ol,ul { list-style:none; }
caption,th { text-align:center; }
h1,h2,h3,h4,h5,h6 { font-size:100%; font-weight:normal; }
abbr,acronym { border:0; }
textarea, input, select{resize: none;outline:none;background:none;border:none;}
button {overflow:visible;width:auto;margin:0;padding:0;border:0 none;outline:none;}
input{border:0}
a{text-decoration:none; color:#333;}
a:hover{ text-decoration:none;color:#fff;}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;font-size: 0;}
.fl{float:left;}
.fr{float:right;}
html { font-family: "Microsoft Yahei"; font-size: 100px; overflow-x: hidden; }
body { overflow-x: hidden; }
.totalLink{ border-radius: 15px;background-color: #f8a93e;text-align: center;margin: 30px auto;width: 362px;display: block;height: 50px;line-height: 50px;font-size: 18px;color: #fff;font-weight: bold }
.m1200 {width: 1200px;margin: 0 auto;}
#to_top{display:none;width:100px; height:100px; padding:20px;text-align:center; font-size: 20px;background:#ccc; position:fixed; cursor:pointer; color:#fff;bottom:50px;right:15px;text-decoration:none;filter:Alpha(opacity=80); opacity: 0.8;}
.bgnav{ background-color: #dbe9f3;color: #303030; }
.totalTitle1{ position: relative;font-size: 30px;color: #0e548a;height: 45px;line-height: 45px;text-align: center;font-weight: bold;margin: 40px auto }
.totalTitle1:before {content: "";position: absolute;width: 164px;height: 2px;top: 50%;background-color: #0e548a;left: 22%;}
.totalTitle1:after {content: "";position: absolute;width: 164px;height: 2px;top: 50%;background-color: #0e548a;right: 22%;}
.totalTitle2{ position: relative;font-size: 30px;color: #fff;height: 45px;line-height: 45px;text-align: center;font-weight: bold;margin: 40px auto }
.totalTitle2:before {content: "";position: absolute;width: 164px;height: 2px;top: 50%;background-color: #fff;left: 35%;}
.totalTitle2:after {content: "";position: absolute;width: 164px;height: 2px;top: 50%;background-color: #fff;right: 35%;}

.mbody,.btnGroup{ display: none; }
.conentQt{ width: 100%; }

/*右侧浮窗*/
.nav-wide{ position: relative;;position: fixed;right: 10px;top: 280px;width: 120px;z-index: 11111999;overflow: hidden;border-radius: 15px;border: 2px solid #752a0d;background-color: #fff4e5;height: 310px; }
.nav-wideicon{ position: absolute;right: 0;top: 0;z-index: 999;cursor: pointer; }
.nav-content18{ width: 100%; }
.nav-list18 li{ border-bottom: 1px solid #752a0d;font-size:14px;height: 25px;line-height: 25px; }
.nav-list18 li:hover{ background-color: #ffd599; }
.nav-content18 a{ display: block;width: 80%;margin: 0 auto;color:#3a1202; }
.nav-content18 a img{ vertical-align: text-bottom; }
.nav-code18{ width: 90%;margin: 10px auto;overflow: hidden; }
.nav-code18 img{ display: block;margin: 0 auto; }
.nav-code18 p{ font-size: 12px;text-align:center;border-top: 1px solid #752a0d;margin-top: 10px;color: #3a1202; }
.nav-narrow{ position: fixed;right: -100%;top: 280px;width: 60px;z-index: 11111999;border-radius: 15px;border: 2px solid #752a0d;background-color: #fff4e5;height: 225px; }
.nav-narrow li{ border-bottom: 1px solid #752a0d;font-size:14px;height: 27.5px;line-height: 27px;text-align: center;position: relative; }
.nav-narrow li:hover{ background-color: #ffd599; }
.nav-narrow li img{ vertical-align: baseline; }
#navIconLeft{ cursor: pointer; }
.bubbleItem{width: 86px;position: absolute;left: -100px;top: 0;z-index: 111111px;text-align: center;display: none}
.bubble{ position: relative;line-height: 27px;height: 27.5px;border-radius: 7px;padding-right: 5px;padding-left: 5px;display: inline-block;background-color: #939aa0;width: 100%;text-align: center;color: #fff;}
.rightBubble{position: relative;float: right;border: 1px solid #939aa0;}
.rightBubble .bottomLevel{position: absolute;bottom: 6px;right: -7px;border-left: 7px solid #939aa0;border-bottom: 7px solid transparent;border-top: 7px solid transparent;}
.rightBubble .topLevel{position: absolute;bottom: 6px;right: -7px;border-left: 7px solid #939aa0;border-bottom: 7px solid transparent;border-top: 7px solid transparent;z-index: 100;}

.header_banner{ min-width: 1200px;height: 539px;background: url(../images/banner.jpg) no-repeat center;background-size: cover;margin: 0 auto; }
.banner-title{ width: 1003px;height: 441px;background: url(../images/banner-title.png) no-repeat;background-size: 100% 100%;margin: 0px auto 0;display: block; }
.banner-content{ width: 780px;height: 142px;background-color: #e2ccf6;margin: 10px auto; }
.banner-intro{ margin: 5px;border: 1px dashed #1837a0;height: 130px; }
.banner-intro p{ margin: 15px 30px;font-size: 18px;line-height: 32px;color: #1837a0;font-weight: 700 }

.nav{ min-width: 1200px;margin: 0 auto;background-color: #3275aa;height: 40px; }
.nav a{ color: #fff;font-weight: bold }
.navfixed{ position:fixed;top:0;left:0;z-index:999;width:100%;background-color: #3275aa;height: 40px; }
.nav-content{ width: 1200px;margin: 0 auto;color: #071954; }
.nav-content a{ display: block;float: left;height: 40px;width: 150px;text-align: center;line-height: 40px;font-size: 18px;color: #fff;font-weight: bold }
.nav-content a:hover{ background-color: #dbe9f3;color: #303030; }

/*step1*/
.page1{ width: 1200px;margin: 0 auto; }
.page1-content{ width: 1200px;margin: 0 auto;overflow: hidden; }
.page1-list{ padding: 0 20px 0 75px;width: 580px;height: 133px;display: table;box-sizing: border-box;float: left;margin-right: 40px; }
.page1-list:last-child{ margin-right: 0; }
.page1-list p{ font-size: 18px;color: #303030;display: table-cell;vertical-align:middle; }
.page1-bg1{ background: url(../images/page1-list1.jpg) no-repeat;background-size: 100% 100%; }
.page1-bg2{ background: url(../images/page1-list2.jpg) no-repeat;background-size: 100% 100%; }

/*step2*/
.page2{ width: 1200px;margin: 0 auto; }
.page2Title{ position: relative;font-size: 30px;color: #0e548a;height: 45px;line-height: 45px;text-align: center;font-weight: bold;margin: 40px auto }
.page2Title:before {content: "";position: absolute;width: 164px;height: 2px;top: 50%;background-color: #0e548a;left: 18%;}
.page2Title:after {content: "";position: absolute;width: 164px;height: 2px;top: 50%;background-color: #0e548a;right: 18%;}
.page2-content{ height: 306px;background-color: #dbe9f3;width: 1200px;margin: 0 auto; }
.page2-list{ width: 260px;height: 244px;background-color: #fff;float: left;margin: 31px 20px; }
.page2-top{ border-bottom: 3px solid #dbe9f3; }
.page2-top img{ display: block;width: 61px;height: 56px;margin: 20px auto; }
.page2-list p{ font-size: 18px;color: #303030;margin: 15px 30px;line-height: 30px }

/*step3*/
.page3{ background: url(../images/page3-bg.jpg) no-repeat;background-size: 100% 100%; }
.page3-content{ width: 1200px;margin: 0 auto 40px; }
.page3-list{ float: left;width: 336px;background-color: #3b7db1;margin: 100px 32px 0;height: 180px;position: relative; }
.page3-bottom{ margin: 10px;border: 1px solid #a2bed5;height: 160px;display: table;width: 316px }
.page3-bottom p{ color: #fff;display: table-cell;vertical-align:middle;text-align: center;font-size: 18px;line-height: 30px }
.page3-top{ position: absolute;border: 18px solid #5e9fd3;width: 160px;height: 160px;display: table;left: 50%;margin-left: -84px;background-color: #fff;border-radius: 50%;top: -120px; }
.page3-top p{ font-size: 21px;color: #0e548a;display: table-cell;vertical-align:middle;text-align: center;font-weight: bold }


/*step4*/
.page4{ width: 1200px;margin: 0 auto }
.totalTitle4{ position: relative;font-size: 30px;color: #0e548a;height: 45px;line-height: 45px;text-align: center;font-weight: bold;margin: 40px auto }
.totalTitle4:before {content: "";position: absolute;width: 164px;height: 2px;top: 50%;background-color: #0e548a;left: 26%;}
.totalTitle4:after {content: "";position: absolute;width: 164px;height: 2px;top: 50%;background-color: #0e548a;right: 26%;}
.page4-content{ width: 1200px;margin: 60px auto 0;}
.page4-list{ position: relative;border: 1px solid #5c9dd1;width: 532px;height: 240px; }
.page4-title{ position: absolute;width: 190px;height: 50px;left: 50%;margin-left: -95px;top: -25px;background-color: #dbe9f3; }
.page4-title p{ line-height: 50px;font-size: 18px;color: #0e548a;text-align: center;font-weight: bold }
.bx1{ box-shadow: -8px -8px 0px #0e548a }
.bx2{ box-shadow: 8px -8px 0px #0e548a }
.page4-intro{ margin-top: 40px; }
.page4-intro p{ text-align: center;font-size: 18px;color: #303030;margin-bottom: 10px }

/*step5*/
.page5{ background: url(../images/page5-bg.jpg) no-repeat;background-size: 100% 100% }
.page5-content{ width: 1200px;margin: 0 auto; }
.page5-content img{ display: block;margin: 30px auto; }

/*step6*/
.page6{ width: 100%;min-width: 1200px;height: 508px;background: url(../images/page6-bg.jpg) no-repeat;background-size: 100% 100%;overflow: hidden;margin: 0 auto }
.page6-content{ width: 570px;height: 395px;background: url(../images/page6-icon.png) no-repeat left;background-size: 62px 395px;margin: 0 auto;padding-top: 50px; }
.page6-list{ margin-left: 130px;margin-bottom: 55px; }
.page6-list h3{ font-size: 18px;color: #0e548a;font-weight: bold }
.page6-list p{ font-size: 18px;color: #303030;text-indent: 18px;line-height: 32px }
.page6-link{ border-radius: 15px;background-color: #f8a93e;text-align: center;margin: 30px auto;width: 362px;display: block;height: 50px;line-height: 50px;font-size: 18px;color: #fff;font-weight: bold }


/*step7*/
.page8{ width: 100%;margin: 0 auto;background: url(../images/page8-bg.jpg) no-repeat;background-size: 100% 100%;height: 624px; }
.page8-content{ width: 1200px;margin: 0 auto;background-color: #fff;height: 344px;overflow: hidden; }
#prew {position:relative;width:936px;height:278px;margin: 33px auto; }
#prew ul.list {width:1140px;height:100%;margin: 0 auto;}
#prew ul.list li.item {float:left;position:relative;width:100px;height:100%;overflow:hidden;margin: 0;margin-right: 15px;transition: width 0.3s ease;}
.page8-tab{ width: 100px;background-color: #61a2d4;height: 100%;display: table;padding: 5px;box-sizing: border-box;cursor: pointer; }
.page8-tab p{ color: #fff;font-size: 18px;display: table-cell;vertical-align: middle;text-align: center; }
.page8-list {border: 1px solid #61a2d4;position:absolute;left:100px;top:0px;width: 465px;height: 100%;overflow: hidden;} 
.page8-intro{ padding: 30px 40px;border-bottom: 1px solid #0e548a; }
.page8-intro h3{ font-weight: bold;font-size: 18px;color: #0e548a; }
.page8-intro p{ font-size: 18px;color: #303030; }


/*step8*/
.page9{ background: url(../images/page9-bg.jpg) no-repeat;background-size: 100% 100%;height: 700px; }
.page9-content{ width: 1200px;margin: 0 auto; }
.page9-nav{ margin: 30px auto;color: #0e548a;width: 100%;overflow: hidden;text-align: center; }
.page9-nav p{ text-align: center;line-height: 60px;font-size: 18px;font-weight: bold;cursor: pointer;width: 264px;height: 60px;display: inline-block;margin: 0 50px;background-color: #deecf6;border-left: 6px solid #9dc4e1;border-right: 6px solid #9dc4e1; }
.page9-bottom{ margin: 50px auto;width: 1200px;overflow: hidden; }
.page9-bottom img{ display: block;float: left;box-shadow: 13px 13px 0px #629ecc;width: 470px;height: auto; }
.page9-tab{ float: left;margin-left: 60px;width: 670px;height: 419px;overflow-y: scroll }
.page9-intro{ display: none }
.page9-list{ margin-bottom: 20px; }
.page9-list h3{ font-size: 18px;color: #0e548a;font-weight: bold;border-bottom: 1px solid #61a2d4;padding-bottom: 15px }
.page9-list p{ font-size: 18px;color: #303030;line-height: 32px;margin-top: 10px }



/*page7*/
.page7{ min-width: 1200px;margin: 0 auto;background: url(../images/page7-bg.jpg) no-repeat;background-size: 100% 100%;position: relative;height: 547px;overflow: hidden; }
.page7-content{ width: 1200px;margin: 0 auto;}


@media screen and (max-width: 1000px) {
  .footer_m_gao{display: block;color: black;width: 100%;text-align: center;margin-top: 5%;margin-bottom:.2rem;font-size: 12px;}
  .nav-wide,.nav-narrow{ display: none }
  #to_top{ opacity: 0; }
  #reg ,.nav18{ display: none; }
  #doyoo_panel,#doyoo_monitor { display: none !important; }
  .head_nav, .foot { display: none; }
  .page{ min-width: 100% !important;width: 100% !important;margin: 0 auto; }
  .header_banner{ min-width: 100% !important;width: 100% !important;height: auto; }
  .banner-title{ width: 100% !important;height: auto; }
  .banner-content{ width: 100% !important;height: auto; }
  .nav{ min-width: 100% !important;width: 100% !important;height: .5rem !important; }
  .nav-content{ width: 100% !important; }
  .nav-content a{ width: auto !important;font-size: .18rem !important;margin: 0 .05rem !important;padding: 0 .05rem !important;white-space: nowrap;height: .5rem !important;line-height: .5rem !important; }
  .navfixed{ width: 100% !important;height: .5rem !important; }
  .m1200{ width: 100% !important; }
  .conentQt{ width: 100% !important;overflow: hidden; }
  .mbanner{ width: 100%;overflow: hidden;position: relative; }
  .mbanner-title{ width: 100%;vertical-align: bottom }
  .totalLink{ text-align: center;margin: .3rem auto;width: 70%;display: block;height: .6rem;line-height: .6rem;font-size: .24rem;color: #fff;font-weight: bold }

  .header_banner{ min-width: 7.5rem;height: 4.6rem;background: url(../images/1_01.jpg) no-repeat center;background-size: cover;margin: 0 auto; }

  .nav-icon{ position: absolute;right: 0.3rem;top: 0.2rem;z-index: 10;display: block;width: 0.86rem;height: 0.72rem; }
  .nav-icon img{ width: 100%;vertical-align: bottom; }
  /*菜单浮层-meauMask start*/
  .meauMask{position: fixed;bottom: 0px;top: 0px;left: -100%;z-index: 3000000000;width: 100%;height: 100%;}
  .meauMask div{width: 40%;height: 100%;overflow-y: auto;background: rgba(0,0,0,.7);}
  .meauMask dl{line-height: 2rem;color: #fff;border-bottom:1px solid #fff;margin-bottom: 0rem;margin-top:0rem;padding: 0.25rem 0;}
  .meauMask dl a {color: #fff;display: block;}
  .meauMask dl dt {font-size: 0.28rem;padding-left: 0.6rem;font-weight: bold;}
  .meauMask dl dd {line-height: 0.6rem;font-size: 0.2rem;padding-left: 0.6rem;}
  .meauMask dl dd a{ font-size: 0.24rem; }
  .meauMask dl dt.meauIcon_1 {background: url(https://qiantum.xdf.cn/images/xm_meau_home_20161118.png) no-repeat 0.2rem center;background-size: 0.3rem auto;}
  .meauMask dl dt.meauIcon_2 {background: url(https://qiantum.xdf.cn/images/xm_meau_lxgj_20161118.png) no-repeat 0.2rem center;background-size: 0.3rem auto;}
  .meauMask dl dt.meauIcon_3 {background: url(https://qiantum.xdf.cn/images/xm_zyx_wt_20161118.png) no-repeat 0.14rem center;background-size: 0.4rem auto;}
  .meauMask dl dt.meauIcon_4 {background: url(https://qiantum.xdf.cn/images/xm_zgw_wt_20161118.png) no-repeat 0.14rem center;background-size: 0.4rem auto;}
  .meauMask dl dt.meauIcon_5 {background: url(https://qiantum.xdf.cn/images/xm_zcp_wt_20161118.png) no-repeat 0.14rem center;background-size: 0.4rem auto;}
  .meauMask dl dt.meauIcon_6 {background: url(https://qiantum.xdf.cn/images/xm_zal_wt_20161118.png) no-repeat 0.14rem center;background-size: 0.4rem auto;}
  .meauMask dl dt.meauIcon_7 {background: url(https://qiantum.xdf.cn/images/xm_zhd_wt_20161118.png) no-repeat 0.14rem center;background-size: 0.4rem auto;}
  .meauMask dl dt.meauIcon_8 {background: url(https://qiantum.xdf.cn/images/xm_grzx2017041201.png) no-repeat 0.2rem center;background-size: 0.3rem auto;}

  .totalTitle1{ position: relative;font-size: .32rem;color: #0e548a;height: .45rem;line-height: .45rem;text-align: center;font-weight: bold;margin: .3rem auto }
  .totalTitle1:before {content: "";position: absolute;width: 20%;height: 2px;top: 50%;background-color: #0e548a;left: 10%;}
  .totalTitle1:after {content: "";position: absolute;width: 20%;height: 2px;top: 50%;background-color: #0e548a;right: 10%;}
  .page2Title{ position: relative;font-size: .32rem;color: #0e548a;height: .45rem;line-height: .45rem;text-align: center;font-weight: bold;margin: .3rem auto }
  .page2Title:before {content: "";position: absolute;width: 20%;height: 2px;top: 50%;background-color: #0e548a;left: 6%;}
  .page2Title:after {content: "";position: absolute;width: 20%;height: 2px;top: 50%;background-color: #0e548a;right: 6%;}
  .totalTitle2{ position: relative;font-size: .32rem;color: #fff;height: .45rem;line-height: .45rem;text-align: center;font-weight: bold;margin: .3rem auto .5rem }
  .totalTitle2:before {content: "";position: absolute;width: 20%;height: 2px;top: 50%;background-color: #fff;left: 13%;}
  .totalTitle2:after {content: "";position: absolute;width: 20%;height: 2px;top: 50%;background-color: #fff;right: 13%;}




  /*step1*/
  .page1{ width: 100%;margin: 0 auto; }
  .page1-content{ width: 100%;margin: 0 auto; }
  .page1-content .page1-list{ padding: .2rem ;width: 96%;height: 1.72rem;display: table;margin:0 auto .3rem;background-color: #dbe9f3;float: none !important;clear: both; }
  .page1-content .page1-list p{ font-size: .24rem;color: #303030;display: table-cell;vertical-align:middle;border: 1px dashed #436a88;padding: 0 .2rem }
  .page2{ width: 100%;margin: 0 auto; }
  .page2-content{ height: auto;background-color: #dbe9f3;width: 96%;padding: .3rem 0 0 0;margin: 0 auto; }
  .page2-list{ width: 48%;height: 2.36rem;background-color: #fff;float: left;margin: 0 1% .3rem; }
  .page2-top{ border-bottom: 3px solid #dbe9f3; }
  .page2-top img{ display: block;width: .61rem;height: .56rem;margin: .2rem auto; }
  .page2-list p{ font-size: .18rem;color: #303030;margin: .15rem .3rem;line-height: .3rem }

  /*step3*/
  .page3{ background: url(../images/page3-bg.jpg) no-repeat;background-size: 100% 100%; }
  .page3-content{ width: 96%;margin: 0 auto .4rem; }
  .page3-list{ float: left;width: 30%;background-color: #3b7db1;margin: .5rem 1.6% 0;height: 1.8rem;position: relative; }
  .page3-bottom{ margin: .3rem 2%;border: 1px solid #a2bed5;height: 1.4rem;display: table;width: 96% }
  .page3-bottom p{ color: #fff;display: table-cell;vertical-align:middle;text-align: center;font-size: .18rem;line-height: .3rem;padding: 0 2% }
  .page3-top{ position: absolute;border: .18rem solid #5e9fd3;width: 70%;height: 1.5rem;display: table;left: 7%;margin-left: 0px;background-color: #fff;border-radius: 50%;top: -1rem; }
  .page3-top p{ font-size: .21rem;color: #0e548a;display: table-cell;vertical-align:middle;text-align: center;font-weight: bold }

  /*step4*/
  .page4{ width: 100%;margin: 0 auto }
  .totalTitle4{ position: relative;font-size: .32rem;color: #0e548a;height: .45rem;line-height: .45rem;text-align: center;font-weight: bold;margin: .3rem auto }
  .totalTitle4:before {content: "";position: absolute;width: 20%;height: 2px;top: 50%;background-color: #0e548a;left: 13%;}
  .totalTitle4:after {content: "";position: absolute;width: 20%;height: 2px;top: 50%;background-color: #0e548a;right: 13%;}
  .page4-content{ width: 96%;margin: .6rem auto 0;overflow: hidden; }
  .page4-list.fl{ position: relative;border: 1px solid #5c9dd1;width: 48%;height: 2.32rem;margin-right: 2%;float: left; }
  .page4-list.fr{ position: relative;border: 1px solid #5c9dd1;width: 48%;height: 2.32rem;margin-left: 1%;float: right; }
  .page4-title{ position: absolute;width: 70%;height: .5rem;left: 15%;margin-left: -0;top: -.25rem;background-color: #dbe9f3; }
  .page4-title p{ line-height: .5rem;font-size: .24rem;color: #0e548a;text-align: center;font-weight: bold }
  .bx1{ box-shadow: -.08px -.08px 0px #0e548a }
  .bx2{ box-shadow: .08px -.08px 0px #0e548a }
  .page4-intro{ margin-top: .4rem; }
  .page4-intro p{ text-align: center;font-size: .18rem;color: #303030;margin-bottom: .05rem }

  /*step5*/
  .page5{ background: url(../images/page5-bg.jpg) no-repeat;background-size: 100% 100% }
  .page5-content{ width: 96%;margin: 0 auto; }
  .page5-content img{ display: block;margin: .3rem auto;width: 100% }

  /*step6*/
  .page6{ width: 100%;min-width: 100%;height: auto;background: url(../images/page6-bg.jpg) no-repeat;background-size: 100% 100%;overflow: hidden;margin: 0 auto }
  .page6-content{ width: 96%;height: 4rem;background: url(../images/page6-icon.png) no-repeat left;background-size: .62rem 4rem;margin: 0 auto;padding:0 }
  .page6-list{ margin-left: 1.3rem;margin-bottom: .55rem; }
  .page6-list h3{ font-size: .24rem;color: #0e548a;font-weight: bold }
  .page6-list p{ font-size: .24rem;color: #303030;text-indent: .24rem;line-height: .32rem }
  .page6-link{ border-radius: 15px;background-color: #f8a93e;text-align: center;margin: .3rem auto;width: 70%;display: block;height: .5rem;line-height: .5rem;font-size: .24rem;color: #fff;font-weight: bold }

  /*step7*/
  .page8{ width: 100%;margin: 0 auto;background: url(../images/page8-bg.jpg) no-repeat;background-size: 100% 100%;height: auto; }
  .page8-content{ width: 96%;margin: 0 auto;background-color: #fff;height: auto;padding: .2rem 0; }
  #prew {position:relative;width:100%;height:auto;margin: 0 auto; }
  #prew ul.list {width:100%;height:4.2rem;margin: 0 auto 0 .15rem}
  #prew ul.list li.item {float:left;position:relative;width:13.5%;height:100%;overflow:hidden;margin: 0;margin-right: .05rem;}
  .page8-tab{ width: 1rem;background-color: #61a2d4;height: 100%;display: table;padding: .05rem; }
  .page8-tab p{ color: #fff;font-size: .18rem;display: table-cell;vertical-align: middle;text-align: center;cursor: pointer; }
  .page8-list {border: 1px solid #61a2d4;position:absolute;left:1rem;top:0px;width: 70%;height: 100%;overflow: hidden;} 
  .page8-intro{ padding: .3rem .4rem; }
  .page8-intro h3{ font-weight: bold;font-size: .18rem;color: #0e548a; }
  .page8-intro p{ font-size: .18rem;color: #303030; }


  /*step8*/
  .page9{ background: url(../images/page9-bg.jpg) no-repeat;background-size: 100% 100%;height: auto; }
  .page9-content{ width: 96%;margin: 0 auto; }
  .page9-nav{ margin: .3rem auto; }
  .page9-nav p{ text-align: center;line-height: .6rem;font-size: .24rem;color: #0e548a;font-weight: bold;cursor: pointer;width: 30%;height: .6rem;float: left;margin: 0 0.8%;background-color: #deecf6;border-left: .06rem solid #9dc4e1;border-right: .06rem solid #9dc4e1; }
  .page9-bottom{ margin: .5rem auto;width: 100%; }
  .page9-tab{ float: none;margin:0 auto;width: 100%;height: 4.2rem;overflow-y: scroll }
  .page9-intro{ display: none;width: 96%;margin: 0 auto }
  .page9-list{ margin-bottom: .2rem; }
  .page9-list h3{ font-size: .24rem;color: #0e548a;font-weight: bold;border-bottom: 1px solid #61a2d4;padding-bottom: .15rem }
  .page9-list p{ font-size: .24rem;color: #303030;line-height: .32rem;margin-top: .1rem }



  /*step9*/
  .page7{ min-width: 100%; }
  .mpage9{ margin: 0 auto;background: url(../images/page7-bg.jpg) no-repeat;background-size: 100% 100%;position: relative;padding-bottom: 0.3rem;overflow: hidden;margin-bottom: 1rem }
  .mpage9-title{ width: 96%;margin: 0.3rem auto 0.2rem; }
  .mpage9-title img{ width: 100%; }
  .page7-content{ width: 96%;margin: 0.5rem auto 0;}
  .page7-content form{ float: none;width: 100%;margin: 0 auto;display: block }
  .page7-content form li{ font-size: 0.2rem;background-color: #fff;height: 0.65rem;line-height: 0.65rem;margin: 0 0 0.2rem;box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.1);padding: 0 ; }
  .page7-content form li span{ display: block;width: 0.49rem;border-right: 1px solid #55aaff;float: left;height: 0.65rem;width: 14%; }
  .page7-content form li span img{ display: block;margin: 0 auto;width: 70%; }
  .page7-content form li input{ -webkit-appearance: none;line-height: 0.65rem;font-size: 0.22rem;display: block;float: left;width: 80%;margin-left: 0.2rem;height: 0.65rem;border: none;background-color: #fff; }
  .page7-content form li select{ -webkit-appearance: none;line-height: 0.45rem;font-size: 0.22rem;display: block;float: left;width: 80%;margin-left: 0.2rem;height: 0.65rem;border: none;background-color: #fff; }
  .btn{ width: 100%;background-color: #30bf9e;text-align: center;color: #fff;line-height: 0.3rem;height: 0.5rem;display: block;font-size: 0.22rem;font-weight: bold }

  .btnGroup{ display:block;position: fixed;bottom: 0;width: 100%;z-index:99999999;height:1rem; }
  .btnGroup .zxBtn{ display:block;float: left;height: 1rem;width: 100%;line-height: 1rem;background: #1bbc9b; }
  .btnGroup .zxBtn div{float:left;width:24.9%;text-align: center;height: 1rem;line-height: 1rem;font-size: .26rem}
  .btnGroup .zxBtn div.zxzx{border-left: 1px solid #fff;border-right: 1px solid #fff;-moz-box-sizing:border-box;-o-box-sizing:border-box;-webkit-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;}
  .btnGroup .zxBtn div.grzx{border-left: 1px solid #fff;}
  .btnGroup .zxBtn div.dxzx a{padding-left:0.4rem;background:url(https://qiantum.xdf.cn/images/xm_zaixian_2017041204.png) no-repeat left center;background-size: 0.27rem auto;}
  .btnGroup .zxBtn div.fire2 {position: relative;}
  .btnGroup .zxBtn div.fire2 img {width: 14%;position: absolute;right: 0.1rem;top: -0.1rem;}
  .btnGroup .zxBtn div.zxzx a{padding-left:0.4rem;background:url(https://qiantum.xdf.cn/images/xm_duanxin_2017041203.png) no-repeat left center;background-size: 0.27rem auto;}
  .btnGroup .zxBtn div.mfpg a{padding-left:0.4rem;background:url(https://qiantum.xdf.cn/images/xm_mianfei_20161118.png) no-repeat left center;background-size: 0.27rem auto;}
  .btnGroup .zxBtn div.grzx a{padding-left: 0.4rem;background: url(https://qiantum.xdf.cn/images/xm_grzx2017041201.png) no-repeat left center;background-size: 0.27rem auto;}
  .btnGroup .zxBtn a{color:#fff;}
  .btnGroup .functionBtn{position: absolute;bottom: 0.65rem;right: 0.13rem;width:0.83rem;display: none;}
  .btnGroup .functionBtn div{font-size: 0;width:0.7rem;height:0.7rem;margin-bottom:0.1rem;}
}
.xdf_bottomForm_new .ax_img {
  width: 300px;
  height: 196px;
  background: url(../images/bottomFormImg.png) no-repeat center top;
}
.xdf_bottomForm_title_img .xdf_bottomForm.form-wrap .form {
  padding: 0px 0 0 298px;
  display: block;
  box-sizing: border-box;
}
.page10{background: linear-gradient(to bottom, #ccc, #ccc);}
.page10 .form-wrap{width: 80%;margin: 0 auto;}
.page10 .qt_form .label{display: block;width: 100%;margin-bottom: 15px;}
.page10 .qt_form .label .input{width: 100%;box-sizing: border-box;}
.page10 .qt_form .xdf_formbtn{width: 250px;height: 46px;border-radius: 6px;margin: 15px auto;background: linear-gradient(147deg,#fb9425,#ff6e1f);display: flex;justify-content: center;align-items: center;font-size: 16px;color: #fff;font-weight: bold;float: none;border: none;padding: 0;}
.page10 .qt_form .xdf_formbtn.fd{width: 250px;height: 46px;border-radius: 6px;margin: 15px auto;background: linear-gradient(147deg,#fb9425,#ff6e1f);display: flex;justify-content: center;align-items: center;font-size: 16px;color: #fff;font-weight: bold;float: none;border: none;padding: 0;}
.page10 .title-inner h3{ font-weight: 900;color: #fff;text-align: center; padding-top: 0.4rem; padding-bottom: 0.4rem; font-size: 0.4rem;}

.isPc .xdf_slide{width: 100px;}
.isPc .xdf_slide .xdf_slidebg{width: 100%;height: auto;display: block;}
.isPc .xdf_slide .xdf_slidebtn {
  bottom: -20px;
}