/** 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; }
body{ background-color: #f2f9ff }
#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{ width: 262px;height: 71px;margin: 30px auto; }
.title2{ width: 262px;height: 71px;margin: 30px auto; }

.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: 1000px; }
.banner-content img{ width: 100%;display: block;margin: 0; }
.mbanner{ display: none }

.page1-list{ width: 230px;height: 226px;float: left;margin: 0 10px;background: url(../images/page1-listBg.jpg) no-repeat;background-size: 100% 100%;box-shadow: 0 0 5px #cfe6ff }
.page1-list img{ display: block;margin: 30px auto 0 }
.page1-list p{ font-size: 20px;color: #333333;text-align: center;margin: 20px 0 0 0  }

.page2-list{ width: 480px;height: 154px;margin: 0 10px 20px;float: left;background-color: #019bfe;position: relative; }
.page2-list img{ float: left;display: block }
.page2-intro{ float: left;display: table;height: 154px;padding: 0 20px;width: 312px }
.page2-intro p{ display: table-cell;vertical-align: middle;font-size: 24px;color: #fff;position: relative;z-index: 9 }
.page2-list span{ display: block;position: absolute;font-size: 99px;right: 0;bottom: 0;text-align: right;width: 100%;z-index: 0;color: #1ea6fe;line-height: 99px;font-weight: bold }

.mpage3{ display: none }
.page3{ background: url(../images/page3-bg.jpg) no-repeat;background-size: 100% 100%;height: 650px;display: block }
.page3-content{ overflow: hidden;margin: 60px auto 0; }
.page3-list{ float: left;position: relative;background-color: #fff;height: 200px;width: 240px;margin: 0 5px 10px }
.page3-pop{ display: none;width: 100%;background:url(../images/page1-listBg.jpg) no-repeat;background-size: 100% 100%;position: absolute;left: 0;top: 0;z-index: 99;height: 200px; }
.page3-pop ul{ margin: 30px 5px auto 20px;list-style-type: disc;padding-left: 10px }
.page3-pop ul li{ color: #333333;font-size: 16px;margin-bottom: 5px; }
.page3-list h3{ margin: 50px auto 0;text-align: center;font-size: 24px;color: #f73f7c; }
.page3-list h4{ width: 70%;position: absolute;background-color: #f73f7c;color: #fff;line-height: 40px;left: 50%;bottom: 60px;margin-left: -35%;z-index: 9;text-align: center;font-size: 18px }

.page4-list{ float: left;width: 480px;height: 147px;margin: 0 10px 20px }
.page4-list p{ margin: 30px 0 30px 150px;font-size: 30px;color: #fff; }
.page4-bg1{ background: url(../images/page4-bg1.jpg) no-repeat;background-size: 100% 100% }
.page4-bg2{ background: url(../images/page4-bg2.jpg) no-repeat;background-size: 100% 100% }
.page4-bg3{ background: url(../images/page4-bg3.jpg) no-repeat;background-size: 100% 100% }
.page4-bg4{ background: url(../images/page4-bg4.jpg) no-repeat;background-size: 100% 100% }

/*page7*/
.page7{ display: block }
.mpage7{ display: none }
.page7{ width: 100%;margin: 0 auto;position: relative;background: url(../images/page7-bg.jpg);height: 580px; }
/* .page7 form{ width: 600px;margin: 60px auto 0}
.page7 p{ width: 600px;height: 60px;margin: 0 auto 25px;border: 1px solid #fff;box-sizing: content-box }
.page7 p p{ float: left;width: 182px;background-color: #fff;line-height: 60px;color: #0377fb;text-align: center;font-size: 24px;letter-spacing: 1px; }
.page7 p input{ color: #fff;display: block;line-height: 60px;height: 60px;font-size: 24px;background-color: transparent;width: 418px;float: left;border: none} 
.page7 p select{ color: #fff;line-height: 60px;height: 60px;font-size: 24px;display: block;background-color: #335ada;width: 418px;float: left;border: none} 
.page7 .btn1{ background-color: #f33070;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 p{line-height:18px; padding: 15px 0 0px 20px;box-sizing: border-box;}
#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) {
  #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%; }
  .title1{ width: 35%;height: .71rem;margin: .3rem auto; }
  .title1 img{ width: 100% }
  .title2{ width: 50%;height: .71rem;margin: .3rem auto; }
  .title2 img{ width: 100%;margin-left: .5rem }
  .footer_m_gao{display: block;color: black;width: 100%;text-align: center;margin-top: 5%;font-size: 12px;}

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

  .page1-list{ width: 46%;height: 1.4rem;float: left;margin: 0 2% .2rem;display: flex;align-items: center;justify-content: center }
  .page1-list img{ display: block;margin: 0 auto 0;width: .9rem;height: .9rem;margin-left: .3rem}
  .page1-list p{ font-size: .2rem;text-align: left;margin-left: .2rem ;flex: 2;margin-top: 0  }

  .page2-list{ width: 48%;height: 1.54rem;margin: 0 1% .1rem;float: left;display: flex;align-items: center;justify-content: center }
  .page2-list img{ float: none;width: 1.68rem;height: 1.54rem; }
  .page2-intro{ float: none;display: flex;height: 1.54rem;padding: 0 0 0 .2rem;align-items: center }
  .page2-intro p{ font-size: .24rem;display: block;}
  .page2-list span{ font-size: .7rem;line-height: .7rem;}

  .page3{ display: none }
  .mpage3{ display: block;background: url(../images/page3-bg.jpg) no-repeat;background-size: 100% 100%;height: auto; }
  .swiper-container{ padding-bottom: .2rem }
  .mpage3-list{ width: 48%;margin: 0 1% .15rem;background: url(../images/page1-listBg.jpg) no-repeat;height: 3rem;float: left;background-size: 100% 100% }
  .mpage3-list h3{ font-size: .28rem;color: #f33070;text-align: center;line-height: .64rem;font-weight: bold;background: url(../images/img/mpage3-border.png) no-repeat bottom;padding-bottom: .11rem }
  .mpage3-list ul{ margin: .1rem .3rem;list-style-type: disc;padding-left: .2rem }
  .mpage3-list ul li{ color: #333333;font-size: .24rem; }
  .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {bottom: 0;}
  .swiper-pagination-bullet-active {background: #fff;}

  .page4-list{ float: left;width: 48%;height: 1.47rem;margin: 0 1% .2rem;display: flex;justify-content: center;align-items: center }
  .page4-list p{ margin: 0 0 0 1rem;font-size: .3rem; }
  
  .page7{ display: none }
  .mpage7{ display: block; }
  .mpage7{ width: 100%;margin: 0 auto .7rem;position: relative;background: url(../images/page7-bg.jpg);height: auto;background-size: 100% 100% }
  .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: #fff;line-height: .6rem;height: .6rem;font-size: .24rem;display: block;background-color: #335ada;width: 70%;float: left;border: none} 
  .mpage7 .btn1{ background-color: #f33070;margin: 0 auto;font-weight: bold;width: 100%;text-align: center;color: #fff;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;}

}