/** 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;}
.total-title{ width: 676px;margin: 30px auto;height: 38px;background: url(../images/total-title.png) no-repeat;background-size: 100% 100% }
.total-title h3{ font-size: 48px;text-align: center;line-height: 38px;color: #4c4cd9;font-weight: bold }
.total-title1{ width: 676px;margin: 30px auto;height: 38px;background: url(../images/total-title1.png) no-repeat;background-size: 100% 100% }
.total-title1 h3{ font-size: 48px;text-align: center;line-height: 38px;color: #fff;font-weight: bold }
.page-content{ width: 1200px;margin: 0 auto; }
.totalLink{ display: block;width: 744px;height: 60px;margin: 30px auto;text-align: center;font-size: 30px;color: #fff;line-height: 60px;background: url(../images/total-link.png) no-repeat;background-size: 100% 100%;font-weight: bold; }


/*右侧浮窗*/
.nav-wide,.nav-narrow{ display: block }
.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;}


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

.page1{ background: url(../images/page1-bg.jpg) no-repeat;background-size: 100% 100%; }
.page1-list{ margin: 40px auto; }
.page1-left{ box-shadow: #c9c6c6 0px 0px 20px;margin-left: 50px;float: left;width: 564px;height: 280px;background-color: #fff;border-radius: 15px;position: relative;margin-top: 30px;padding: 50px 20px; }
.page1-left::before{ content: '';background: url(../images/douhao-icon.png) no-repeat;width: 42px;height: 34px;background-size: 100% 100%;position: absolute;top: 0px;z-index: 2;left: 0; }
.page1-left::after{ content: '';background: url(../images/douhao-icon1.png) no-repeat;width: 42px;height: 34px;background-size: 100% 100%;position: absolute;bottom: 0px;z-index: 2;right: 0; }
.page1-left li{ font-size: 18px;color: #666666;line-height: 30px;margin-bottom: 15px;padding-left: 25px;background: url(../images/list-icon.png) left 8px no-repeat;background-size: 15px 15px; }
.page1-intro{ float: left;width: 332px;height: 131px;margin: 0 34px;background-size: 100% 100%; }
.page1-bg1{ background: url(../images/page1-list1.png) no-repeat; }
.page1-bg2{ background: url(../images/page1-list2.png) no-repeat; }
.page1-bg3{ background: url(../images/page1-list3.png) no-repeat; }
.page1-intro p{ font-size: 18px;color: #666666;text-align: center;margin: 50px 20px }

.page2{ background: url(../images/page2-bg.jpg) no-repeat;background-size: 100% 100% }
.page2-content{ margin: 50px auto 100px;background: url(../images/page2-content.png) no-repeat;background-size: 100% 100%;width: 922px;height: 514px;; }

.page3{ background: url(../images/page3-bg.jpg) no-repeat;background-size: 100% 100%; }
.page3-list{ margin: 50px auto;width: 1100px; }
.page3-topList{ box-shadow: #c9c6c6 0px 0px 30px;float: left;background-color: #fff;width: 250px;height: 160px;border-radius: 20px 0 20px 0;margin: 0 12.5px 20px }
.page3-topList img{ display: block;margin: 15px auto 0; }
.page3-topList p{ font-size: 18px;color: #666666;text-align: center;margin: 10px auto; }
.page3-bottomIntro{ box-shadow: #c9c6c6 0px 0px 20px;width: 30%;float: left;height: 144px;margin: 0px 1.6% 30px;background-color: #fff;display: table;border-radius: 10px }
.page3-bottomIntro p{ font-size: 18px;color: #666666;display: table-cell;text-align: center;vertical-align: middle;padding: 0 20px }
.page3-bd1{ border-top: 7px solid #4094f6 }
.page3-bd2{ border-top: 7px solid #feb413 }



/*page7*/
.page7{ width: 100%;margin: 0 auto;position: relative;background: url(../images/form-bg.jpg) no-repeat;background-size: 100% 100%;padding-top: 50px;padding-bottom: 50px }
.page7-content{ width: 1200px;margin: 0 auto;}
.page7 form{ width: 590px;margin: 50px auto; }
.page7 form li{ font-size: 20px;background-color: #fff;height: 55px;line-height: 55px;margin: 0 0 20px;box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.1);padding: 0 10px; }
.page7 form li span{ display: block;width: 49px;float: left;height: 55px; }
.page7 form li span img{ display: block;margin-top: 10px; }
.page7 form li input{ line-height: 55px;font-size: 22px;display: block;float: left;width: 710px;margin-left: 10px;height: 55px;border: none;background-color: #fff;color: #000 }
.page7 form li select{ line-height: 55px;font-size: 22px;display: block;float: left;width: 710px;margin-left: 10px;height: 55px;border: none;background-color: #fff;color: #000 }
.btn1{ font-weight: bold;width: 100%;text-align: center;color: #231b5a;line-height: 30px;height: 50px;display: block;font-size: 24px;background: url(../images/total-link.png) no-repeat;background-size: 100% 100% }
 

/*左侧浮窗*/
#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; }


@media screen and (max-width: 1000px) {
  .footer_m_gao{display: block;color: white;width: 100%;text-align: center;margin-top: 5%;margin-bottom:.2rem;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 }
  .mbody,.btnGroup{ display: block;width: 100% }
  .body{ display: none }
  .w1200{ margin: 0px auto .7rem;width: 96%;position: relative; }
  .total-title{ width: 96%;margin: .3rem auto;height: .66rem; }
  .total-title h3{ font-size: .48rem;line-height: .66rem; }

  .totalLink{ display: block;width: 80%;height: .6rem;margin: .3rem auto;text-align: center;font-size: .3rem;color: #fff;line-height: .6rem;background: url(../images/total-link.png) no-repeat;background-size: 100% 100%;font-weight: bold; }

  .banner{ width: 100%;height: auto;background: no-repeat;margin: 0 auto; }
  .banner-content{ display: none }
  .banner img{ width: 100% }

  .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;}

  .page-content{ width: 100%; }
  .total-title{ width: 80%;margin: .3rem auto;height: .38rem; }
  .total-title h3{ font-size: .48rem;line-height: .38rem; }
  .total-title1{ width: 80%;margin: .3rem auto;height: .38rem; }
  .total-title1 h3{ font-size: .48rem;line-height: .38rem; }
  .page1-list{ margin: .4rem auto;width: 96% }
  .page1-list img{ display: block;float: left;width: 30% }
  .page1-left{ box-shadow: #c9c6c6 0px 0px .2rem;margin-left: 0;width: 70%;height: 2.8rem;border-radius: .15rem;margin-top: .4rem;padding: .4rem .2rem; }
  .page1-left::before{ width: .42rem;height: .34rem; }
  .page1-left::after{ width: .42rem;height: .34rem; }
  .page1-left li{ font-size: .18rem;line-height: .3rem;margin-bottom: .15rem;padding-left: .25rem;background: url(../images/list-icon.png) left .08rem no-repeat;background-size: .15rem .15rem; }
  .page1-intro{ width: 30%;height: 1.8rem;margin: 0 1.6%; }
  .page1-intro p{ font-size: .18rem;margin: .8rem .1rem;text-indent: .36rem }

  .mpage2-content{ margin: .3rem auto .6rem;width: 96% }
  .mpage2-list{ float: left;width: 48%;margin: 0 1% .2rem;background-color: #5c3389;height: 1.4rem;display: table;padding: 0 .2rem }
  .mpage2-list p{ display: table-cell;vertical-align: middle;text-align: center;color: #fff;font-size: .24rem; }
  

  .page3-list{ margin: .5rem auto;width: 96%; }
  .page3-topList{ box-shadow: #c9c6c6 0px 0px .3rem;float: left;background-color: #fff;width: 48%;height: 2.3rem;border-radius: 0px 0 0px 0;margin: 0 1% .2rem }
  .page3-topList img{ display: block;margin: .05rem auto 0; }
  .page3-topList p{ font-size: .18rem;color: #666666;text-align: center;margin: 0rem auto; }
  .mpage3-content{ width: 100% }
  
  /*page7*/
  .page7{ width: 100%;margin: 0 auto;position: relative;height: auto;padding-bottom: 1rem }
  .page7-content{ width: 70%;margin: 0.5rem auto 0;}
  .page7-content form{ float: none;width: 100%;margin: 0 auto;display: block }
  .page7-content form li{ background-color: #fff;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 ; }
  .page7-content form li span{ display: block;width: 0.49rem;float: left;height: 0.74rem;width: 14%; }
  .page7-content form li span img{ display: block;margin: 0 auto;width: 80%;margin-top: .1rem }
  .page7-content form li input{ background-color: #fff;line-height: 0.74rem;font-size: 0.22rem;display: block;float: left;width: 80%;margin-left: 0.2rem;height: 0.75rem;border: none; }
  .page7-content form li select{ -webkit-appearance: none;background-color: #fff;line-height: 0.64rem;font-size: 0.22rem;display: block;float: left;width: 80%;margin-left: 0.2rem;height: 0.75rem;border: none; }
  .btn{ width: 100%;background-color: #f3a040;text-align: center;color: #fff;line-height: 0.3rem;height: 0.7rem;display: block;font-size: 0.22rem;font-weight: bold }


  .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;}
}