/** 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;}
.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; }
#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;}



.body{ max-width: 750px;margin: 0 auto; }
.banner{ width: 100%;margin-top: .56rem;position: relative; }
.banner img{ width: 100%;vertical-align: bottom }
.daoyu{ padding: .3rem .3rem 0 .3rem;width: 96%;margin: 0 auto;background-color: #fff;border-bottom: .1rem solid #2e0dea;border-right: 1px solid #2e0dea;border-left: 1px solid #2e0dea;position: relative;top: -.5rem }
.daoyu img{ width: 90%;display: block;margin: 0 auto .3rem; }
.daoyu .swiper-pagination{ bottom: 0; }

.total-nav{ color: #fff;z-index: 999;width: 100%;margin: 0 auto;border: 1px solid #d9d4fd;height: .56rem;position: fixed;top: 0;left: 0;background-color: #351df0 }
.total-nav a{ display: block;float: left;color: #fff;width: 16.6%;text-align: center;font-size: .24rem;line-height: .56rem;cursor: pointer; }
.nav-bg1{ color: #351df0;background-color: #fff }

.total-title{ width: 60%;margin: 0 auto }
.total-title img{ width: 100%;vertical-align: bottom }

.page{ padding-bottom: .5rem;padding-top: .2rem }
.page-content{ width: 96%;margin: 0 auto; }
.total-link{ display: block;width: 60%;text-align: center;font-size: .3rem;color: #000000;margin: .3rem auto 0;background-color: #fbf201;border-radius: .3rem;line-height: .6rem;font-weight: bold; }
.swiper-container{ overflow: hidden;position: relative; }

.swiper-container2{ padding-bottom: .4rem; }
.swiper-container2 .swiper-slide{ background-color: #2508f4;height: 4rem;margin-top: .3rem; }
.swiper-container2 .swiper-pagination{ bottom: 0; }
.swiper-container2 .swiper-slide h3{ width: 40%;margin: .2rem auto;border-radius: .2rem;text-align: center;font-size: .28rem;color: #2508f4;background-color: #e3e11e;line-height: .4rem;font-weight: bold; }
.swiper-container2 .swiper-slide ul{ list-style-type: disc;margin: .2rem;padding-left: .3rem; }
.swiper-container2 .swiper-slide ul li{ font-size: .24rem;color: #fff;margin: 0 .1rem ; }


.page2{ background: url(../images/page2-bg.jpg) no-repeat;background-size: 100% 100%; }
.page2-top{ width: 96%;margin: .5rem auto 0;background: url(../images/page2-topbg.png) no-repeat;background-size: 100% 100%;height: 3.25rem; }
.page2-topIntro{ width: 50%;float: left;display: flex;align-items: center;justify-content: center;margin: .3rem 0; }
.page2-topIntro i{ display: block;width: .91rem;height: .91rem; }
.page2-icon1{ background: url(../images/page2-icon1.png) no-repeat;background-size: 100% 100%; }
.page2-icon2{ background: url(../images/page2-icon2.png) no-repeat;background-size: 100% 100%; }
.page2-icon3{ background: url(../images/page2-icon3.png) no-repeat;background-size: 100% 100%; }
.page2-icon4{ background: url(../images/page2-icon4.png) no-repeat;background-size: 100% 100%; }
.page2-topIntro p{ font-size: .24rem;color: #0a043c;width: 60%; }
.page2-bottom{ width: 92%;height: 8.8rem;background: url(../images/page2-bottom.png) no-repeat;background-size: 100% 100%;margin: .3rem auto 0;position: relative; }
.page2-bIntro{ position: absolute;z-index: 9; }
.page2-bIntro h3{ color: #fbf201;font-size: .26rem;font-weight: bold;margin: 0 0 .1rem 3%; }
.page2-bIntro p{ font-size: .22rem;color: #fff;width: 94%;margin: 0 auto; }
.page2-bpos1{ width: 2.78rem;height: 1.28rem;right: 0;top: .9rem; }
.page2-bpos2{ width: 2.78rem;height: 1.5rem;left: 0;top: 1.4rem; }
.page2-bpos3{ width: 2.78rem;height: 1.8rem;right: 0;top: 2.6rem; }
.page2-bpos4{ width: 2.78rem;height: 2.1rem;left: 0;top: 3.25rem; }
.page2-bpos5{ width: 2.78rem;height: 1.27rem;left: 0;top: 5.7rem; }
.page2-bpos6{ width: 2.78rem;height: 1.8rem;right: 0;top: 4.7rem; }
.page2-bpos7{ width: 2.78rem;height: 1.56rem;left: 0;bottom: 0rem; }
.page2-bpos8{ width: 2.78rem;height: 1.56rem;right: 0;bottom: 0.4rem; }


.page3{  }
.page3-tab{ margin: .5rem auto 0;width: 96%;border: 1px solid #0000ff;height: .6rem;display: flex;flex-direction: row }
.page3-tab p{ flex: 1;text-align: center;font-size: .24rem;line-height: .6rem;border: 1px solid #0000ff;cursor: pointer; }
.page3-bg1{ background-color: #0000ff;color: #fff; }
.page3-list{ display: none;width: 96%;margin: .3rem auto 0;height: auto;box-shadow: 0 0 .1rem #ceceff;border-radius: .2rem .2rem 0 0 }
.page3-title{ height: .9rem;background: url(../images/page2-bg.jpg) center no-repeat;text-align: center;border-radius: .2rem .2rem 0 0 }
.page3-title h3{ color: #fff;font-size: .42rem;line-height: .9rem; }
.page3-content{ width: 96%;margin: 0 auto;padding: .3rem 0;}
.page3-content h3{ flex: 1;text-align: left;font-size: .28rem;color: #030286;font-weight: bold; }
.page3-top{ width: 100%;display: flex;flex-direction: row  }
.page3-content ul{ flex: 3;list-style-type: disc; }
.page3-content p{ flex: 3 }
.page3-content ul li{ font-size: .24rem;color: #333333;margin: 0 0 .1rem .1rem }
.page3-content ul p{ font-size: .24rem;color: #333333;margin: 0 0 .1rem .1rem }
.page3-contentb{ width: 96%;margin: 0 auto; }
.page3-contentb-title{ font-size: .28rem;color: #030286;margin: .3rem 0;font-weight: bold; }
.page3-blist{ width: 48%;float: left;margin: 0 1% .3rem; }
.page3-blist a img{ width: 100%; }
.page3-blist h4{ font-size: .24rem;color: #030286;margin: .1rem 0;font-weight: bold; }

.page4{  }
.page4-intro{ margin: .5rem auto 0;width: 96%; }
.page4-list{ width: 46%;float: left;display: flex;margin: 0 2% .2rem;height: .7rem;align-items: center;justify-content: center;box-sizing: border-box;border: 1px solid #333333; }
.page4-list h3{ text-align: center;background-color: #0000ff;color: #fff;text-align: center;line-height: .7rem;width: 30%;font-size: .3rem; }
.page4-list p{ font-size: .24rem;width: 70%;text-align: center;color: #333333;line-height: .7rem; }


.pagebottom{ background: url(../images/bottom-bg.jpg) no-repeat;background-size: 100% 100%; }
.page8-tabBg {
    background-color: #fffc00;
    color: #2427f6;
}
/* .page8-tabBg {background-color: ;} */
.long-title{ width: 70%;margin: .2rem auto; }
.long-title img{ width: 100%; }
.page8-tab{ width: 96%;margin: .3rem auto;height: .6rem;line-height: .6rem;color: #fff; }
.page8-tab>p{ float: left;width: 16.666%;text-align: center;border: 1px solid #fff;cursor: pointer;font-size: .24rem;font-weight: bold; }
/* .page8-content .swiper-slide{width: 6.9rem!important;margin: 0 auto;margin-left: 0.12rem;} */
.page8-content .box_bgc{background: url(../images/0725change.jpg) no-repeat;background-size: 100% 100%;width: 6.9rem;height: 3.84rem;margin: 0 auto;text-align: center;overflow: hidden;}
.page8-content .box_bgc p:first-child {font-size: 0.32rem;margin: 0 auto;margin-top: 0.36rem;color: #0c07be;}
.page8-content .box_bgc p:nth-child(2) {font-size: 0.3rem;margin: 0 auto;margin-top: 0.28rem;color: #ffd40a;}
.page8-content .box_bgc p:last-child {font-size: 0.84rem;margin: 0 auto;margin-top: 0.14rem;color: #0c07be;font-weight: 700;}
.page8-content .box_bgc span {font-size: 0.34rem}
.swiper-container3{ padding-bottom: .3rem; }
.swiper-container3 .swiper-pagination{ bottom: -0.06rem; }
.swiper-container3 .swiper-pagination-bullet-active {opacity: 1;background: #fffc00;}

.tip{ width: 92%;display: block;margin: 0 auto;font-size: .18rem;color: #fffc00;text-align: center; }


/*page7*/



#reg ,.nav18{ display: none; }
#doyoo_panel,#doyoo_monitor { display: none !important; }
.head_nav, .foot { display: none; }


/*page7*/
.page7{ width: 100%;margin: 0 auto .7rem;position: relative;height: auto;display: block;padding-top: .2rem; }

.page7-content{ width: 90%;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;height: 0.75rem;line-height: 0.75rem;margin: 0 0 0.2rem;box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.1);padding: 0 ;border: 1px solid #bd6f11;border-radius: .1rem; }
.page7-content form li input{ background-color:#fff;line-height: 0.74rem;font-size: 0.22rem;display: block;float: left;width: 100%;height: 0.75rem;border: none;color: #333 }
.page7-content form li select{ -webkit-appearance: none;background-color:#fff;line-height: 0.64rem;font-size: 0.22rem;display: block;float: left;width: 100%;height: 0.75rem;border: none;color: #333333 }
.btn{ width: 100%;background-color: #e3e11e;text-align: center;color: #000000;line-height: 0.3rem;height: 0.7rem;display: block;font-size: 0.24rem;font-weight: bold;border-radius: .5rem; }


.nav-icon{ position: absolute;right: 0.3rem;top: 0.3rem;z-index: 10;display: block;width: .6rem;height: .6rem;display: block }
.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%;display: block}
.meauMask div{width: 40%;height: 100%;overflow-y: auto;background: rgba(0,0,0,.7);}
.meauMask dl{line-height: 1rem;color: #fff;border-bottom:1px solid #fff;margin: 0;padding: .2rem 0.1rem;}
.meauMask dl a {color: #fff;display: block;}
.meauMask dl dt {font-size: 0.24rem;padding-left: 0.6rem;font-weight: bold;}
.meauMask dl dd {line-height: 0.4rem;font-size: 0.24rem;padding-left: 0.6rem;}
.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;}


.btnWrap {
    height: 1rem;
    line-height: 1rem;
    font-size: .2rem;
}
.duanxin { width: 33%; }
.leyuMobile { width: 33%; border-left: 1px solid #fff; border-right: 1px solid #fff; -webkit-box-sizing: border-box; box-sizing: border-box; }
.adviceBtn { width: 33%; }
.footer_m_gao{display: block;color: white;width: 100%;text-align: center;margin-top: 2%;}