/** 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; }
#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;}
.page-content{ width: 1000px;margin: 0 auto; }
.total-link{ display: block;width: 273px;height: 67px;background: url(../images/total-link.png) no-repeat;text-align: center;font-weight: bold;font-size: 21px;color: #4b3333;line-height: 57px;margin: 0px auto 30px; }
.page{ width: 100%;margin: 0 auto;padding-bottom: 30px; }
.title1{ margin: 30px auto;width: 331px;height: 93px;background: url(../images/title1.png) no-repeat;background-size: 100% 100%;text-align: center }
.title1 h3{ text-align: center;font-size: 36px;color: #fff;font-weight: bold;line-height: 83px }
.title2{ margin: 30px auto;width: 331px;height: 93px;background: url(../images/title2.png) no-repeat;background-size: 100% 100%;text-align: center }
.title2 h3{ text-align: center;font-size: 36px;color: #1b41cf;font-weight: bold;line-height: 83px }

.body{ display: block }
.mbody,.btnGroup{ display: none; }
.banner{ height: 600px;background: url(../images/banner.jpg) no-repeat;background-size: 100% 100%; }
.banner-content{ margin: 10px auto;width: 1168px; }
.banner-content img{ width: 100%;display: block;margin: 0; }
.mbanner{ display: none }

.page1{ width: 100%;background: #f7f7f9;height: auto; }
.page1-list{ width: 100%;overflow: hidden;margin-bottom: 30px; }
.page1-intro{ width: 210px;float: left;margin: 30px 20px 0; }
.page1-title{ height: 66px;position: relative; }
.page1-title h3{ position: absolute;background: url(../images/page-listIcon.png) no-repeat;background-size: 100% 100%;width: 76px;height: 76px;text-align: center;font-size: 28px;line-height: 76px;left: 50%;bottom: -38px;margin-left: -38px; }
.page1-bg1{ background: url(../images/page1-bg1.png) no-repeat;background-size: 100%;color: #ec81c7 }
.page1-bg2{ background: url(../images/page1-bg2.png) no-repeat;background-size: 100%;color: #ff5e74 }
.page1-bg3{ background: url(../images/page1-bg3.png) no-repeat;background-size: 100%;color: #0070fe }
.page1-bg4{ background: url(../images/page1-bg4.png) no-repeat;background-size: 100%;color: #6860d0 }
.page1-bottom{ height: 122px;display: flex;align-items: center;justify-content: center;background-color: #fff; }
.page1-bottom p{ font-size: 20px;color: #626262;margin: 0 25px;text-align: center }

.page2{ display: block }
.mpage2{ display: none }
.page2 .page2-content{ margin-bottom: 30px;overflow: hidden;position: relative; }
.page2 .page2-img{ float: left;width: 481px;height: 370px; }
.page2 .page2-img img{ width: 100%;vertical-align: bottom }
.page2 .page2-right{ position: absolute;width: 586px;background-color: #fff;height: 330px;top: 20px;right: 10px;box-shadow: 0 0 10px #b9e2fa;z-index: 99;padding-top: 50px }
.page2 .page2-list{ margin: 0px auto 10px 28px;position: relative;padding-right: 62px;height: 50px; }
.page2 .page2-intro{ padding: 5px 15px;font-size: 22px;border-radius: 10px;height: 46px;float: left;margin-top: 2px;border: 1px solid #b9e2fa;position: relative;z-index: 99;color: #626262;background-color: #fff }
.page2 .page2-num{ width: 62px;padding: 0 15px;height: 50px;float: left;line-height: 50px;font-size: 30px;text-align: center;background-color: #b9e2fa;color: #efebf6;position: relative;z-index: 9;left: -10px; }
.page2 .page2-border{ position: absolute;bottom: 10px;right: 0;border: 1px solid #3d5dd6;z-index: 9;width: 566px;height: 310px; }

.page3{ background: url(../images/page3-bg.jpg) no-repeat;background-size: 100% 100%;height: 769px;display: block }
.mpage3{ display: none }
.page3 .page3-content{ padding-top: 50px;overflow: hidden; }
.page3 .page3-list{ width: 326px;height: 233px;margin: 0 3.6px 60px;float: left;position: relative;color: #fff; }
.page3 .page3-title{ position: absolute;background: url(../images/page3-listIcon.png) no-repeat;background-size: 100% 100%;width: 94px;height: 94px;left: 50%;margin-left: -47px;top: -47px;text-align: center;line-height: 94px;font-size: 38px;color: #1b41cf }
.opcity2{ background: rgba(27, 65, 207, .3) }
.opcity1{ background: rgba(27, 65, 207, .1) }
.page3 .page3-list h3{ margin-top: 60px;text-align: center;font-size: 28px;font-weight: bold }
.page3 .page3-list p{ margin: 20px 10px 0;font-size: 18px;line-height: 32px;text-align: center }

.page4-list{ float: left;width: 458px;height: 88px;position: relative;margin: 0 21px 20px; }
.page4-icon1{ display: block;position: absolute;width: 68px;height: 68px;background: url(../images/page4-icon1.png) no-repeat;background-size: 100% 100%;left: 0;top: 10px;z-index:99 }
.page4-icon2{ display: block;position: absolute;width: 68px;height: 68px;background: url(../images/page4-icon2.png) no-repeat;background-size: 100% 100%;left: 0;top: 10px;z-index:99 }
.page4-icon3{ display: block;position: absolute;width: 68px;height: 68px;background: url(../images/page4-icon3.png) no-repeat;background-size: 100% 100%;left: 0;top: 10px;z-index:99 }
.page4-icon4{ display: block;position: absolute;width: 68px;height: 68px;background: url(../images/page4-icon4.png) no-repeat;background-size: 100% 100%;left: 0;top: 10px;z-index:99 }
.page4-icon5{ display: block;position: absolute;width: 68px;height: 68px;background: url(../images/page4-icon5.png) no-repeat;background-size: 100% 100%;left: 0;top: 10px;z-index:99 }
.page4-icon6{ display: block;position: absolute;width: 68px;height: 68px;background: url(../images/page4-icon6.png) no-repeat;background-size: 100% 100%;left: 0;top: 10px;z-index:99 }
.page4-list p{ width: 422px;height: 88px;line-height: 88px;padding-left: 40px;font-size: 22px;color: #626262;border: 1px solid #1b41cf;margin-left: 36px;box-shadow: 2px 2px 5px #b2cef4 }

/*page7*/
.page7{ display: block }
.mpage7{ display: none }
.page7{ width: 100%;margin: 0 auto;position: relative;background: url(../images/page7-bg.jpg);height: 537px;background-size: 100% 100% }
.page7 form{ width: 600px;margin: 30px auto 0}
.page7 li{ width: 600px;height: 60px;margin: 0 auto 25px;border: 1px solid #fff;box-sizing: content-box }
.page7 li p{ float: left;width: 182px;background-color: #fff;line-height: 60px;color: #0377fb;text-align: center;font-size: 24px;letter-spacing: 1px; }
.page7 li input{ color: #f8d172;display: block;line-height: 60px;height: 60px;font-size: 24px;background-color: transparent;width: 418px;float: left;border: none} 
.page7 li select{ color: #f8d172;line-height: 60px;height: 60px;font-size: 24px;display: block;background-color: transparent;width: 418px;float: left;border: none} 
.page7 .btn1{ background-color: #fbb938;margin: 0 auto;font-weight: bold;width: 100%;text-align: center;color: #fff;line-height: 57px;height: 60px;display: block;font-size: 24px;border-radius: 50px;box-shadow: 0 0 10px #e7c29d }
 

/*左侧浮窗*/
#reg { width: 200px; height: 400px; margin: 0px; padding: 0px; position: fixed; top: 120px; left: 5px; background: url(../images/reg_bg.png) no-repeat; z-index: 1000; -webkit-backface-visibility: hidden; -webkit-transform: translateZ(0); backface-visibility: hidden; transform: translateZ(0); }
#cBtn{width:8px; height:8px; margin:0px; padding:0px; position:absolute; top:75px; right:15px;}
#ul_form{width:200px;height:205px; list-style:none; padding:160px 0 0 0px;font-size:12px;}
#ul_form li{line-height:18px; padding: 15px 0 0px 20px;}
#ul_form li span{ color:#c00;}
#ul_form li.btn_submit{padding:0px;margin-top:35px;}
#ul_form li.btn_submit input{line-height: 18px; border: none; margin-left: 0;width:200px; height:44px; padding:0px;background:url(../images/reg_btn.png) center center no-repeat; cursor:pointer;}
#ul_form li input{width:114px; line-height:18px; border: solid 1px #cccccc; margin-left:3px;}
#ul_form li select{width:90px; line-height:18px; border: solid 1px #cccccc; margin-left:3px;}
#reg .close_btn { background: rgba(0, 0, 0, 0) url("../images/close_btn.png") no-repeat scroll 0 0; cursor: pointer; height: 20px; position: absolute; right: 15px; top: 80px; width: 20px; }

.btnGroup{ display: none }

@media screen and (max-width: 1000px) {
  .footer_m_gao{display: block;color: white;width: 100%;text-align: center;margin-top: 2%;margin-bottom:.5rem;font-size: 12px;}
  #reg ,.nav18{ display: none; }
  #doyoo_panel,#doyoo_monitor { display: none !important; }
  .head_nav, .foot { display: none; }
  .nav-wide,.nav-narrow{ display: none }
  .btnGroup{ display: block;width: 100% }
  .page-content{ width: 96%; }
  .page{ padding-bottom: 0 }
  .title1{ margin: .3rem auto;width: 45%;height: .93rem; }
  .title1 h3{ font-size: .36rem;line-height: .83rem }
  .title2{ margin: .3rem auto;width: 45%;height: .93rem; }
  .title2 h3{ font-size: .36rem;line-height: .83rem }

  .banner{ display: none }
  .mbanner{ display: block }
  .mbanner img{ width: 100%; }

  .page1-list{ margin-bottom: .3rem; }
  .page1-intro{ width: 40%;margin: .3rem 5%; }
  .page1-title{ height: .66rem; }
  .page1-title h3{ width: .76rem;height: .76rem;font-size: .28rem;line-height: .76rem;left: 50%;bottom: -.38rem;margin-left: -.38rem; }
  .page1-bottom{ height: 1.22rem; }
  .page1-bottom p{ font-size: .2rem;margin: 0 .25rem; }

  .page2{ display: none }
  .mpage2{ display: block }
  .mpage2 .page2-content{ margin-bottom: .3rem;overflow: hidden;position: relative; }
  .mpage2 .page2-img{ float: left;width: 65%;height: auto; }
  .mpage2 .page2-img img{ width: 100%;vertical-align: bottom }
  .mpage2 .page2-right{ position: absolute;width: 75%;background-color: rgba(255, 255, 255, .8);height: auto;top: .5rem;right: .1rem;box-shadow: 0 0 .1rem #b9e2fa;z-index: 99;padding-top: .1rem }
  .mpage2 .page2-list{ margin: 0px auto .1rem .28rem;position: relative;padding-right: .22rem;height: .5rem; }
  .mpage2 .page2-intro{ padding: .05rem .15rem;font-size: .22rem;height: .46rem;float: left;margin-top: 2px;border-bottom: 1px dashed #a0a0a0;color: #626262; }
  
  .page3{ display: none }
  .mpage3{ display: block;background: url(../images/page3-bg.jpg) no-repeat;background-size: 100% 100%; }
  .mpage3 .page3-content{ overflow: hidden; }
  .mpage3 .swiper-container{ overflow: hidden;position: relative;padding-top: .5rem }
  .mpage3 .page3-list{ width: 45%;height: 2.33rem;margin: 0 2.5% .6rem;float: left;position: relative;color: #fff; }
  .mpage3 .page3-title{ position: absolute;background: url(../images/page3-listIcon.png) no-repeat;background-size: 100% 100%;width: .94rem;height: .94rem;left: 50%;margin-left: -.47rem;top: -.47rem;text-align: center;line-height: .94rem;font-size: .38rem;color: #1b41cf }
  .mpage3 .page3-list h3{ margin-top: .6rem;text-align: center;font-size: .28rem;font-weight: bold }
  .mpage3 .page3-list p{ margin: .2rem .1rem 0;font-size: .18rem;line-height: .32rem;text-align: center }
  .swiper-pagination-bullet-active {opacity: 1;background: #fff;width: 1rem;border-radius: .15rem}
  .swiper-pagination-bullet {background: #fff;}

  .page4-content{ margin-top: .5rem }
  .page4-list{ float: left;width: 46%;height: 1.38rem;position: relative;margin: 0 2% .5rem; }
  .page4-icon1{ width: .68rem;height: .68rem;left: 50%;top: -.34rem;margin-left: -.34rem }
  .page4-icon2{ width: .68rem;height: .68rem;left: 50%;top: -.34rem;margin-left: -.34rem }
  .page4-icon3{ width: .68rem;height: .68rem;left: 50%;top: -.34rem;margin-left: -.34rem }
  .page4-icon4{ width: .68rem;height: .68rem;left: 50%;top: -.34rem;margin-left: -.34rem }
  .page4-icon5{ width: .68rem;height: .68rem;left: 50%;top: -.34rem;margin-left: -.34rem }
  .page4-icon6{ width: .68rem;height: .68rem;left: 50%;top: -.34rem;margin-left: -.34rem }
  .page4-list p{ text-align: center;width: 100%;height: 1.38rem;line-height: .26rem;padding: .5rem .1rem .3rem;font-size: .22rem;color: #626262;border: 1px solid #1b41cf;margin-left: 0;box-shadow: 2px 2px 5px #b2cef4 }

  .page7{ display: none }
  .mpage7{ display: block; }
  .mpage7{ width: 100%;margin: 0 auto .7rem;position: relative;background: url(../images/page7-bg.jpg);height: auto; }
  .mpage7 form{ width: 90%;margin: .6rem auto 0}
  .mpage7 li{ width: 100%;height: .6rem;margin: 0 auto .25rem;border: 1px solid #e7c29d;box-sizing: content-box }
  .mpage7 li p{ float: left;width: 30%;background-color: #fff;line-height: .6rem;color: #0377fb;text-align: center;font-size: .24rem;letter-spacing: 1px; }
  .mpage7 li input{ color: #fff;display: block;line-height: .6rem;height: .6rem;font-size: .24rem;background-color: transparent;width: 70%;float: left;border: none} 
  .mpage7 li select{ color: #e7c29d;line-height: .6rem;height: .6rem;font-size: .24rem;display: block;background-color: transparent;width: 70%;float: left;border: none} 
  .mpage7 .btn1{ background-color: #e7c29d;margin: 0 auto .3rem;font-weight: bold;width: 100%;text-align: center;color: #875222;line-height: .57rem;height: .6rem;display: block;font-size: .24rem;border-radius: .5rem;box-shadow: 0 0 .1rem #e7c29d }
  
  .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: 0.6rem;color: #fff;border-bottom:1px solid #fff;margin: 0.2rem 0;padding: 0.1rem 0;}
  .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.6rem;font-size: 0.20rem;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;}

  .btnGroup{ display:block;position: fixed;bottom: 0;width: 100%;z-index:99999999;height:.7rem;margin: 0 auto; }
  .btnGroup .zxBtn{ display:block;float: left;height: .7rem;width: 100%;line-height: .7rem;background: #1bbc9b; }
  .btnGroup .zxBtn div{float:left;width:24.9%;text-align: center;}
  .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.3rem;background:url(https://qiantum.xdf.cn/images/xm_zaixian_2017041204.png) no-repeat left center;background-size: 0.18rem 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.3rem;background:url(https://qiantum.xdf.cn/images/xm_duanxin_2017041203.png) no-repeat left center;background-size: 0.18rem auto;}
  .btnGroup .zxBtn div.mfpg a{padding-left:0.3rem;background:url(https://qiantum.xdf.cn/images/xm_mianfei_20161118.png) no-repeat left center;background-size: 0.18rem auto;}
  .btnGroup .zxBtn div.grzx a{padding-left: 0.3rem;background: url(https://qiantum.xdf.cn/images/xm_grzx2017041201.png) no-repeat left center;background-size: 0.18rem 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;}

}