/** 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; }
.title{ margin: 50px auto 40px;overflow: hidden; }
.title img{ display: block;margin: 0 auto }


.body{ display: block }
.mbody,.btnGroup{ display: none; }
.web-icon{ display: none }
.mbanner{ display: none }
.banner{ background: url(../images/banner.jpg) no-repeat;background-size: 100% 100%;height: 808px; }
.banner-text{ width: 1000px;margin: 30px auto 0 }
.banner-content{ width: 1000px;margin: 80px auto 0;overflow: hidden;height: 248px;background-color: #fff;box-shadow: 0 0 10px #c8e0f3 }
.banner-content img{ display: block;float: left; }
.banner-intro{ float: left;width: 728px;height: 248px; }
.banner-intro h3{ font-size: 26px;color: #0c95ff;font-weight: bold;margin: 35px auto 15px 35px }
.banner-intro p{ font-size: 18px;color: #333;line-height: 36px;margin: 0 35px 0 35px }

.page1{ background: url(../images/page1-bg.jpg) no-repeat;background-size: 100% 100%;height: 427px;overflow: hidden; }
.page1-content{ margin: 30px auto }
.page1-list{ float: left;width: 230px;height: 200px;background-color: #fff;margin: 0 10px; }
.page1-list h3{ font-size: 46px;color: #0c95ff;text-align: center;margin: 15px auto 0;font-weight: bold }
.page1-line{ width: 90%;margin: 15px auto 5px; }
.page1-list p{ margin: 0 20px;text-align: center;font-size: 18px;color: #333 }

.page2{ background: url(../images/page2-bg.jpg) no-repeat;background-size: 100% 100%;height: 773px; }
.page2-content{ margin: 30px auto;overflow: hidden; }
.page2-list{ width: 486px;height: 258px;background-color: #fff;box-shadow: 0 0 10px #d1dde3;float: left;margin: 0 7px 14px }
.page2-list img{ float: left;display: block }
.page2-intro{ display: table;height: 258px; }
.page2-intro p{ display: table-cell;vertical-align: middle;color: #333;font-size: 20px;line-height: 32px; }

.page3{ background: url(../images/page3-bg.jpg) no-repeat;background-size: 100% 100%;height: 454px;overflow: hidden; }
.page3-content{ margin: 30px auto;overflow: hidden; }
.page3-list{ float: left;width: 230px;height: 230px;margin: 0 10px }
.page3-list p{ font-size: 20px;color: #fff;margin: 80px 15px 0 15px;line-height: 32px }
.page3-bg1{ background: url(../images/page3-listBg1.jpg) no-repeat;background-size: 100% 100% }
.page3-bg2{ background: url(../images/page3-listBg2.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: 722px; }
.page7-content{ width: 1000px;height: 530px;border: 3px solid #0c95ff;margin: 90px auto }
.page7 form{ width: 600px;margin: 30px auto 0}
.page7 li{ width: 600px;height: 60px;margin: 0 auto 15px;border: 1px solid #0c95ff;box-sizing: content-box }
.page7 li p{ float: left;width: 182px;background-color: #0c95ff;line-height: 60px;color: #fff;text-align: center;font-size: 24px;letter-spacing: 1px; }
.page7 li input{ color: #0c95ff;display: block;line-height: 60px;height: 60px;font-size: 24px;background-color: transparent;width: 418px;float: left;border: none} 
.page7 li select{ color: #0c95ff;line-height: 60px;height: 60px;font-size: 24px;display: block;background-color: #fff;width: 418px;float: left;border: none} 
.page7 .btn1{ background-color: #ffb709;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) {
  #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%; }
  .web-icon{ display: block }

  .title{ margin: .5rem auto .4rem;overflow: hidden; }
  .title img{ display: block;margin: 0 auto;width: 80% }

  

  .banner{ height: auto; }
  .banner-text{ width: 96%;margin: .3rem auto 0 }
  .banner-text img{ width: 100% }
  .banner-content{ width: 96%;margin: .8rem auto 0;height: 3.24rem;box-shadow: 0 0 .1rem #c8e0f3 }
  .banner-content img{ width: 35%;height: 3.24rem; }
  .banner-intro{ width: 65%;height: 3.24rem; }
  .banner-intro h3{ font-size: .26rem;margin: .35rem auto .15rem .35rem }
  .banner-intro p{ font-size: .18rem;line-height: .36rem;margin: 0 .35rem 0 .35rem }

  .page1{ height: auto; }
  .page1-content{ margin: .3rem auto }
  .page1-list{ width: 46%;height: 2rem;margin: 0 2% .2rem; }
  .page1-list h3{ font-size: .46rem;margin: .15rem auto 0; }
  .page1-line{ margin: .15rem auto .05rem; }
  .page1-line img{ width: 100% }
  .page1-list p{ margin: 0 .2rem;font-size: .18rem; }

  .page2{ height: auto; }
  .page2-content{ margin: .3rem auto; }
  .page2-list{ width: 96%;height: 1.9rem;box-shadow: 0 0 .1rem #d1dde3;float: none;margin: 0 auto .14rem }
  .page2-list img{ width: 40%;height: 1.9rem; }
  .page2-intro{ height: 1.9rem; }
  .page2-intro p{ font-size: .2rem;line-height: .32rem; }

  .page3{height: auto; }
  .page3-content{ margin: .3rem auto; }
  .page3-list{ width: 46%;height: 2.3rem;margin: 0 2% .2rem }
  .page3-list p{ font-size: .2rem;margin: .8rem .15rem 0 .15rem;line-height: .32rem }

  .page7{ display: none }
  .page7-content{ width: 96%;height: auto;margin: .9rem auto .1rem;padding-bottom: .3rem }
  .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: #0c95ff;line-height: .6rem;color: #fff;text-align: center;font-size: .24rem;letter-spacing: 1px; }
  .mpage7 li input{ color: #0c95ff;display: block;line-height: .6rem;height: .6rem;font-size: .24rem;background-color: transparent;width: 70%;float: left;border: none} 
  .mpage7 li select{ color: #0c95ff;line-height: .6rem;height: .6rem;font-size: .24rem;display: block;background-color: #fff;width: 70%;float: left;border: none} 
  .mpage7 .btn1{ background-color: #ffb709;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;}

}