/** 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:#000;}
.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: #eff6fd; }
#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{ width: 100%;margin: 0 auto;padding-bottom: 30px; }
.title{ width: 1000px;margin: 0 auto;text-align: center;margin: 0 auto;height: 82px;}
.title h3{ font-size: 40px;font-weight: bold }
.titleColor1{ color: #2cb515; }
.titleColor2{ color: #fff; }



.body{ display: block;position: relative; }
.mbody,.btnGroup{ display: none; }
.header {width: 100%;height: 550px;background: url(../images/banner-bg.jpg) center 0/cover no-repeat;}
.header .wrapper {width: 1000px;margin: 120px auto 0;overflow: hidden;}
.header .wrapper img{ width: 100%; }

.mheader{ display: none }

.nav{ width: 1000px;background-color: #fff;box-shadow: 0 0 15px #dae9fa;margin: 0 auto;height: 70px;overflow: visible; }
.nav a{ display: block;float: left;width: 33.3%;line-height: 70px;font-size: 20px;text-align: center;font-weight: bold; }
.nav-linear{ background-color: #0963f8; /* 不支持线性的时候显示 */background-image: linear-gradient(to right, #0963f8 , #00c6ff);color: #fff; }
.decorate1{ position: absolute;top: 550px;left: 0;width: 413px;height: 248px;z-index: -1; }
.decorate2{ position: absolute;top: 1300px;right: 0;width: 259px;height: 498px;z-index: -1; }

.page1{ width: 1000px;margin: 50px auto 0; }
.mpage1{ display: none; }
.page1 .content{ width: 100%;height: 687px;background: url(../images/mz-img/page1-bg.png) no-repeat center center;background-size: 30px 687px;position: relative; }
.page1-intro{ position: absolute;width: 408px;height: 200px;background-color: #fff; }
.page1-pos1{ top: 10px;left: 30px; }
.page1-pos2{ top: 80px;right: 30px; }
.page1-pos3{ top: 245px;left: 30px; }
.page1-pos4{ top: 315px;right: 30px; }
.page1-pos5{ top: 480px;left: 30px; }
.page1-title{ height: 48px;background-color: #38ac05;background-image: linear-gradient(to right, #38ac05 , #7ec909);position: relative; }
.page1-title p{ font-size: 16px;color: #fff;line-height: 48px;padding-left: 15px;font-weight: bold; }
.page1-title h3{ font-size: 20px;color: #ffc600;position: absolute;right: 10px;line-height: 48px;top: 0;font-weight: bold; }
.page1-titleRight{ height: 48px;background-color: #38ac05;background-image: linear-gradient(to right, #38ac05 , #7ec909);position: relative; }
.page1-titleRight p{ font-size: 16px;color: #fff;line-height: 48px;padding-right: 15px;font-weight: bold;text-align: right; }
.page1-titleRight h3{ font-size: 20px;color: #ffc600;position: absolute;left: 10px;line-height: 48px;top: 0;font-weight: bold; }
.page1-list{ border-left: 1px solid #13a808;border-right: 1px solid #13a808;border-bottom: 1px solid #13a808; }
.page1-listIntro{ height: 38px;border-top: 1px solid #d0d0d0;line-height: 38px;padding-left: 30px;background: url(../images/mz-img/page1-icon.jpg) no-repeat;background-size: 5px 5px;background-position: 17px 17px; }
.page1-listIntro a{ color: #666666; }
.page1-listIntro a:hover{ color: #13a808;font-weight: bold; }
.btn-group{ margin: 30px auto;overflow: hidden; }
.btn-group a{ display: block;float: left;width: 288px;height: 70px;line-height: 70px;color: #fff;font-size: 20px;font-weight: bold;text-align: center;margin: 0 106px;border-radius: 50px; }
.btn-linear1{ background-color: #fca301;background-image: linear-gradient(to right, #fca301 , #fcda01); }
.btn-linear2{ background-color: #3bad05;background-image: linear-gradient(to right, #3bad05 , #7ec909); }

.page2{ width: 1000px;margin: 0 auto 30px; }
.page2 .content{ width: 970px;margin: -30px auto 0;box-shadow: 0 0 15px #bee8b7;border-radius: 15px;position: relative;z-index: 9;background-color: #fff;border-top: 10px solid #0c6c04;padding: 30px 0; }
.page2 .list{ width: 438px;height: 258px;float: left;margin: 20px 23.5px 0; }
.page2 .list img{ float: left;display: block; }
.page2 .list .intro{ float: left;margin: 24px 0 0 16px; }
.page2 .list .intro .intro-title{ border-bottom: 1px solid #d3d3d3;position: relative;margin-bottom: 15px; }
.page2 .list .intro .intro-title a{ display: inline-block;position: absolute;right: 0;top: 15px;border: 1px solid #2cb515;color: #2cb515;font-size: 14px;border-radius: 10px;text-align: center;padding: 0 5px; }
.page2 .list .intro .intro-title h3{ line-height: 40px;font-size: 20px;color: #2cb515;display: inline-block;border-bottom: 3px solid #2cb515;font-weight: bold; }
.page2 .list .intro li{ font-size: 16px;color: #666666;margin-bottom: 15px;background: url(../images/mz-img/page1-icon.jpg) no-repeat;background-size: 5px 5px;background-position: 0 8px;padding-left: 10px; }
.page2 .list .intro li a:hover{ color: #2cb515; }

.page3{ width: 100%;margin: 30px auto;background: url(../images/mz-img/page3-bg.jpg) no-repeat;background-size: 100% 100%;height: 976px;padding-top: 50px; }
.page3 .wrapper{ width: 1000px;margin: 30px auto; }
.page3 .list{ float: left;width: 480px;height: 250px;margin: 30px 10px 0; }
.page3 .intro{ background-color: #fff;position: relative;width: 100%;overflow: hidden;height: 70px; }
.page3 .intro p{ font-size: 16px;color: #333333;text-align: center;margin-top: 15px; }
.page3 .intro span{ position: absolute;display: block;width: 100%;text-align: right;line-height: 70px;height: 70px;font-size: 66px;color: #cdedff;top: 0;right: 0;font-weight: bold; }
.page3-btn{ margin: 30px auto;overflow: hidden; }
.page3-btn a{ display: block;width: 288px;height: 70px;line-height: 70px;color: #fff;font-size: 20px;font-weight: bold;text-align: center;margin: 0 auto;border-radius: 50px; }



/*page7*/
.page7{ width: 100%;margin: 0 auto;position: relative;height: 553px;display: block; }
.mpage7{ display: none }
.page7 .wrapper{ margin: -100px auto 0;width: 1000px;background-color: #fff;box-shadow: 0 0 10px #d0e6ff;padding: 30px 0; }
.page7-content{ width: 1000px;margin: 30px auto;}
.page7 form{ width: 600px;margin: 0px auto; }
.page7 form li{ font-size: 20px;background-color: transparent;height: 55px;line-height: 55px;margin: 0 0 20px;box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.1);border-radius: 50px;overflow: hidden;border: 1px solid #047aff; }
.page7 form li span{ font-weight: bold;display: block;width: 184px;float: left;height: 55px;text-align: center;background-color: #047aff;background-image: linear-gradient(to right, #24b8fe , #047aff);color: #fff;border-radius: 50px; }
.page7 form li input{ background-color: transparent;line-height: 55px;font-size: 22px;display: block;float: left;width: 410px;margin-left: 0px;height: 55px;border: none;color: #047aff }
.page7 form li select{ background-color: transparent;line-height: 55px;font-size: 22px;display: block;float: left;width: 410px;margin-left: 0px;height: 55px;border: none;color: #047aff }
.btn{ width: 100%;text-align: center;color: #fff;line-height: 30px;height: 55px;display: block;font-size: 22px;font-weight: bold;background-color: #fdaf01;background-image: linear-gradient(to right, #f4bb13 , #fdaf01);border-radius: 50px; }
.btn-linear{background: #f7b500}  
.page7 input[type='button']:hover{ color: #fff }  


/*左侧浮窗*/
#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) {
  #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% }
  .title{ width: 100%;height: .82rem;}
  .title h3{ font-size: .4rem; }


  .header{ display: none }
  .mheader{ display: block;width: 100%;position: relative; }
  .mheader img{ width: 100%; }
  .nav{ width: 100%;height: .7rem; }
  .nav a{ line-height: .7rem;font-size: .2rem; }
  .decorate1{ display: none; }
  .decorate2{ display: none; }

  .page1{ display: none; }
  .mpage1{ display: block;padding-top: .3rem;padding-bottom: .3rem; }
  .mpage1 .swiper-container{ overflow: hidden;width: 100%;margin: 0 auto;padding-bottom: .3rem; }
  .mpage1 .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {bottom: 0;}
  .mpage1 .swiper-pagination-bullet-active {background: #2cb515;}
  .page1-intro{ position: relative;width: 80%;height: auto;margin: 0 auto;}
  .page1-title{ height: .48rem; }
  .page1-title p{ font-size: .24rem;line-height: .48rem;padding-left: .15rem; }
  .page1-title h3{ font-size: .24rem;right: .1rem;line-height: .48rem; }
  .page1-listIntro{ height: .48rem;line-height: .48rem;padding-left: .3rem;background-position: .15rem .19rem; }
  .page1-listIntro a{ font-size: .24rem; }
  .btn-group{ margin: .3rem auto;width: 100%; }
  .btn-group a{ width: 40%;height: .7rem;line-height: .7rem;font-size: .24rem;margin: 0 5%;border-radius: .5rem; }

  .page2{ width: 96%;margin: 0 auto; }
  .page2-title{ width: 100%; }
  .page2-title img{ width: 100%; }
  .page2 .content{ width: 96%;margin: -.3rem auto 0;box-shadow: 0 0 .15rem #bee8b7;border-radius: .15rem;border-top: .1rem solid #0c6c04;padding: .3rem 0; }
  .page2 .list{ width: 96%;height: auto;margin: .2rem auto 0;float: none;overflow: hidden; }
  .page2 .list img{ float: left;display: block;width: 35%;height: 3.3rem; }
  .page2 .list .intro{ float: left;margin: .24rem 0 0 5%;width: 60%; }
  .page2 .list .intro .intro-title{ margin-bottom: .15rem; }
  .page2 .list .intro .intro-title a{ top: .15rem;font-size: .14rem;border-radius: .1rem;padding: 0 .05rem; }
  .page2 .list .intro .intro-title h3{ line-height: .4rem;font-size: .2rem; }
  .page2 .list .intro li{ font-size: .16rem;margin-bottom: .15rem;background-position: 0 8px;padding-left: .1rem; }

  .page3{ width: 100%;margin: .1rem auto;background: url(../images/mz-img/page3-bg.jpg) no-repeat;background-size: 100% 100%;height: auto;padding-top: .3rem; }
  .page3 .wrapper{ width: 100%;margin: .3rem auto; }
  .page3 .list{ width: 46%;height: 3rem;margin: .1rem 2% 0; }
  .page3 .list img{ width: 100%; }
  .page3 .intro{ width: 100%;overflow: hidden;height: 1.5rem;display: flex;align-items: center; }
  .page3 .intro p{ font-size: .16rem;margin-top: 0; }
  .page3 .intro span{ display: none; }
  .page3-btn{ margin: .1rem auto; }
  .page3-btn a{ width: 45%;height: .7rem;line-height: .7rem;font-size: .2rem;border-radius: .5rem; }


  
  .page7{ display: none }
  .mpage7{ padding: .3rem 0;display: block;width: 100%;margin: 0 auto 1rem;background: url(../images/page7-bg.jpg) no-repeat;background-size: 100% 100%;position: relative;height: auto; }
  .mpage7 .page7-content{ width: 90%;margin: 0.5rem auto 0;}
  .mpage7 .page7-content form{ float: none;width: 100%;margin: 0 auto;display: block }
  .mpage7 .page7-content form li{ background-color: #fbc500;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 ; }
  .mpage7 .page7-content form li span{ display: block;width: 0.45rem;float: left;height: 0.45rem;width: 10%; }
  .mpage7 .page7-content form li span img{ display: block;margin: 0 auto;width: 80%;margin-top: .1rem }
  .mpage7 .page7-content form li input{ color: #fff;background-color: #fbc500;line-height: 0.74rem;font-size: 0.22rem;display: block;float: left;width: 80%;margin-left: 0.1rem;height: 0.75rem;border: none; }
  .mpage7 .page7-content form li select{ color: #fff;-webkit-appearance: none;background-color: #fbc500;line-height: 0.64rem;font-size: 0.22rem;display: block;float: left;width: 80%;margin-left: 0.2rem;height: 0.75rem;border: none; }
  .mpage7 .btn{ width: 100%;background-color: #fbc500;text-align: center;color: #fff;line-height: 0.3rem;height: 0.7rem;display: block;font-size: 0.22rem;font-weight: bold }



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



  /*底部固定按钮*/
  .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%; }
}