@charset "utf-8";
/* CSS Document */
*{
	-moz-box-sizing: border-box; /*Firefox3.5+*/
	-webkit-box-sizing: border-box; /*Safari3.2+*/
	-o-box-sizing: border-box; /*Opera9.6*/
	-ms-box-sizing: border-box; /*IE8*/
	box-sizing: border-box;
}


body{ margin:0px; padding:0px; font-size: 0.14rem; color:#666666; background-color:#f3f3f3; box-sizing: border-box;}
html{ font-size: 100px;}
dl,dt,dd,table,tr,td{ margin:0px; padding:0px; border:0px; outline:none;}
ul,li{ margin:0px; padding:0px; border:0px; list-style:none; outline:none;}
h1,h2,h3,h4,h5,h6{ margin:0px; padding:0px; outline:none;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section{display:block;}
p{ margin: 0; padding: 0; font-size: 0.14rem; }
a{ color: #333; text-decoration: none; }
a:visited{color:#333;}
a:hover,a:active{color:#333; text-decoration:none;}
img{border:0;vertical-align: middle;max-width: 100%;}
input{font-size: .5rem;padding-left:5px;outline:none;border:0;}
textarea{outline:none;}

/* 公共样式 */
.ui-fl{float:left;}
.ui-fr{float:right;}
.ui-clearfix{ zoom:1;}
.ui-clearfix:after{ height:0; display:block; clear:both; content:"."; visibility:hidden;}
.ui-container{ width:94%; margin:0 auto;}
.ui-flex{ display: flex; }
.ui-mtop{ margin-top: .6rem; }
.ui-space{ width: 100%; height: .6rem; }
.ui-mt10{ margin-top: .1rem; }
.ui-wrap{ width:100%; height:100%; max-width:7.50rem; min-width:3.20rem; margin:0 auto; border-radius:.06rem;}

.qf-top{ background-color:#e89f32; background-color:#fff;}
.qf-top .logo{ min-width:2rem; flex:1;}
.qf-top .avatar{ width:.6rem; height:.6rem; padding:.1rem;}
.qf-top .avatar img{ width:.4rem; height:.4rem; border-radius:50%; border:1px solid #a4672e;}
.qf-top .login{ width:.6rem; height:.6rem; line-height:.6rem; text-align:center;}
.qf-top .login a{ color:#a4672e; font-size:.14rem;}
/*轮播图*/
.qf-Slides{ width:100%; margin:0 auto 0; position:relative; z-index:100; overflow:hidden;}
.qf-Slides .qf-slides-focus{ width:100%; height:5px; text-align:center; position:absolute; z-index:1; bottom:0;}
.qf-Slides .qf-slides-focus ul{ height:5px; display:-moz-box; display:-webkit-box; display:box; background-color:rgba(51,51,51,0.5); overflow:hidden;}
.qf-Slides .qf-slides-focus ul li{ -moz-box-flex:1; -webkit-box-flex:1; box-flex:1; font-size:0;}
.qf-Slides .qf-slides-focus ul .on{ background:#b0050b;}
.qf-Slides .qf-slides-image{ position:relative; z-index:0;}
.qf-Slides .qf-slides-image li{ height:auto;}
.qf-Slides .qf-slides-image li img{ width:100%; height: 2rem;}
.qf-Slides .qf-slides-image li a{ -webkit-tap-highlight-color:rgba(0,0,0,0);}

/*八字排盘表单*/
.qf-paipan-form{ padding:.2rem 0; background-color:#fff;}
.qf-paipan-form-name{ line-height:.4rem; font-size:.18rem; text-align:center; color: #a4672e;}
.qf-paipan-form-item{ padding:.05rem .2rem;}
.qf-paipan-form-item-name{ width:.7rem; line-height:.42rem; color:#a4672e;}
.qf-paipan-form-item-box{ flex:1; flex-wrap:wrap;}
.qf-paipan-form-btn{ text-align:center;}
.qf-paipan-form .qf-submit-btn{ width:1.2rem; display:block; margin:0 auto; background-color:#a4672e;}
.qf-paipan-form .qf-sendsms{ width:100%; background-color:#a4672e;}
.qf-paipan-form .layui-input{}
.qf-paipan-form .layui-btn{ height:.42rem;}

.loginname{ padding:0 .1rem; display:inline-block; border-bottom:.02rem solid #a4672e;}
.logintips{ font-size:.13rem;}

.select-item{ margin-bottom:0.05rem; padding:0 .02rem;}
.select-item-space{ flex:1;}
.select-item .layui-input{ padding-left:5px;}
.select-item .layui-form-select .layui-input{ padding-right:.2rem;}
.select-item .layui-form-select .layui-edge{right:6px;}
.select-name{ width:0.2rem; padding:0 0.04rem; line-height:.42rem; font-size:.13rem;}
.select-year{ width:.93rem;}
.select-leap{ width:.40rem; padding:.1rem 0 0 .03rem;}
.select-month{ width:.66rem;}
.select-day{ width:.66rem;}
.select-hour{ width:.93rem;}
.select-minute{ width:.66rem;}
.layui-form-checkbox[lay-skin=primary]{
	padding-left:20px !important;
}

.qf-ads{}
.qf-ads ul{ margin-top:.1rem;}
.qf-ads ul li{ margin-top:.05rem;}

.download_page{ width:100%; margin:.1rem auto; padding:.8rem .50rem 0; min-height:3rem; background-color:#e89f32; border-radius:.8rem .8rem 0 0;}
.download_page .download_btn{ width:100%; height:.6rem; line-height:.54rem; display:block; border:1px solid #9d5512; border-radius:.3rem; background-color:#a4672e; box-shadow:x-shadow 0 .1rem .1rem #f00; text-align:center; color:#fff; font-size:.18rem;}
.download_page .download_btn em{ font-size:28px; vertical-align:top;}
.download_page .download_btn span{ vertical-align:top;}














/* 分页 */
.qf-pagination{ margin:.1rem 0; text-align:center;}  
.qf-pagination li{ margin:0px .05rem; padding:.05rem .1rem; display:inline-block; border:1px solid #c62c30; cursor:pointer;}
.qf-pagination .active{ background-color:#c62c30; color: #fff;}  
.qf-pagination .disabled{ color:#aaa;}

/*顶部导航*/
.qf-header{ width: 100%; height: 60px; background-color: #fff; box-shadow: 0px 0px 5px #999; color: #666; position: fixed; z-index: 1000; top: 0;}
.qf-header .qf-logo{width:50px; height: 60px; line-height: 60px; text-align: center;}
.qf-header .qf-logo em{ font-size:24px; color:#666; }
.qf-header .qf-sitename{ line-height: 60px; text-align: center; flex: 1; font-size: .18rem;}
.qf-header .qf-navbar{ width: 50px; height: 60px; line-height: 60px; text-align:center;}
.qf-header .qf-navbar em{ font-size:20px; }

/* 菜单 */
.qf-overlay{ width:0; height:100%; background-color:rgba(0,0,0,0.5); position:fixed; z-index:19999; top:.6rem; left:0; transition: width 0.3s; overflow:hidden;}
.qf-overlay-on{ width:100%;}
.qf-menu{ width:0; background-color: #fff; position: fixed; top: .6rem; left: 0; bottom: 0; z-index: 20000; transition: width 0.6s; overflow-x:hidden;}
.qf-menu::-webkit-scrollbar{ width:8px;}
.qf-menu::-webkit-scrollbar-thumb{ background-color: rgba(0, 0, 0, 0.2);}
.qf-menu-on{ width:150px;}
.qf-menu ul.submenu{ width:150px; padding: .1rem 0; }
.qf-menu ul.submenu li{ width: 100%; line-height: .28rem;  }
.qf-menu ul.submenu li h3 a{ padding:.08rem .3rem; display: block; font-size: .16rem;}
.qf-menu ul.submenu li p a{ padding:.04rem .2rem .04rem .4rem ; display: block; font-size: .15rem; color:#666;}
/* 底部导航 */
.qf-navigation{ width:100%; height:.6rem; border-top:1px solid #eee; position:fixed; z-index:100000; bottom:0;}
.qf-navigation ul{ width:100%; height:.6rem; background-color:#fff;}
.qf-navigation ul li{ text-align:center; flex:1; position:relative;}
.qf-navigation ul li em{ color:#333; font-size:.28rem; line-height: .3rem; margin:4px 0 0; display:block;}
.qf-navigation ul li span{ color:#333; line-height:.2rem;}
.qf-navigation ul li a{ text-decoration:none;}
.qf-navigation ul li i{ padding:.05rem .08rem; display:inline-block; display:none; border-radius:50%; background-color:#f00; color:#fff; font-style:normal; font-size: .12rem; position:absolute; top:0; right:15%;}

/* 底部版权 */
.qf-copyright{ padding:.2rem 0 .7rem;}
.qf-copyright p{ line-height:.24rem; text-align:center;}



/*分类*/
.qf-class-nav{ flex-wrap:wrap;}
.qf-class-nav a{ width:30%; padding: .1rem 0; line-height:.18rem; display:block; color: #333; border:1px solid #00AAA6; border-radius: 4px; font-size: .13rem; text-align: center;}
.qf-class-nav a:nth-child(3n){ margin:.1rem 1.25% 0 1.25%; }
.qf-class-nav a:nth-child(3n+1){ margin:.1rem 1.25% 0 2.5%;}
.qf-class-nav a:nth-child(3n+2){ margin:.1rem 1.25% 0 1.25%;}
.qf-class-nav a.on{ background-color: #c62c30; color: #fff; text-decoration:none; }
.qf-class-nav a.Al-12{ width: 46.25%; margin:.1rem 1.25% 0 2.5%;}
.qf-class-nav a.Al-13{ width: 46.25%; margin:.1rem 2.5% 0 1.25%;}

/* 通用大标题 */
.qf-caption{ padding: .1rem 0 0; }
.qf-caption h3{ line-height:.4rem; font-size:.2rem;  text-align:center;}
.qf-caption p{ padding:0 .1rem; color:#666; text-align:center; line-height:.2rem; }

/*查看更多*/
.qf-more{ width:1.2rem; height:.4rem; line-height: .4rem; margin:0px auto 0; background-color: #c62c30; border-radius: 2px; text-align: center; color: #fff; display: block; }
.qf-more:visited{ color: #fff; }

/*我们的服务*/
ul.qf-service-list{ padding:0.1rem;}
ul.qf-service-list li{ padding:0.1rem 0.1rem 0.1rem 0.8rem; background-color:#fff; border-bottom:1px solid #e3e3e3; position:relative;}
ul.qf-service-list li .qf-icon{ width:.8rem; height:.8rem; text-align:center; font-size:.5rem; line-height:.8rem; position:absolute; top:.1rem; left:0; z-index:100;}
ul.qf-service-list li h4{ font-size:.16rem; line-height:.28rem; color:#e60012;}
ul.qf-service-list li span{ line-height:.24rem; font-size:.14rem; color:#333;}
ul.qf-service-list li .explain{ line-height:.24rem; font-size:.14rem; color:#868686;}
ul.qf-service-list li .link{ display:none;}

/*选择我们的理由*/
ul.qf-advantage-list{ padding:0.1rem;}
ul.qf-advantage-list li{ padding:0.1rem; background-color:#fff; border-bottom:1px solid #e3e3e3;}
ul.qf-advantage-list li .icon{ display:none;}
ul.qf-advantage-list li h4{ font-size:.16rem; line-height:.28rem; color:#e60012;}
ul.qf-advantage-list li .explain{ font-size:.14rem;}
ul.qf-advantage-list li.nLi-5,
ul.qf-advantage-list li.nLi-8{ display:none;}

/*项目流程*/
ul.qf-process-list{ padding:0.1rem;}
ul.qf-process-list li{ padding:0.1rem 0.1rem 0.1rem 0.8rem; background-color:#fff; border-bottom:1px solid #e3e3e3; position:relative;}
ul.qf-process-list li .qf-icon{ width:.8rem; height:.8rem; text-align:center; font-size:.5rem; line-height:.8rem; position:absolute; top:.1rem; left:0; z-index:100;}
ul.qf-process-list li h4{ font-size:.16rem; line-height:.28rem; color:#e60012;}
ul.qf-process-list li .explain{ line-height:.24rem; font-size:.15rem; color:#868686;}

/*成功案例*/
ul.qf-case-list{ padding:0.1rem; display:flex; flex-wrap:wrap;}
ul.qf-case-list li{ width:50%;}
ul.qf-case-list li:nth-child(2n) a{ margin-left:.05rem;}
ul.qf-case-list li:nth-child(2n+1) a{ margin-right:.05rem;}
ul.qf-case-list li a{ margin-bottom:.1rem; display:block; background-color:#fff; border-radius:6px 6px 4px 4px;}
ul.qf-case-list li .thumb{}
ul.qf-case-list li .thumb img{ width:1.725rem; height:1.725rem; border-radius:4px 4px 2px 2px; display:block; margin:0 auto;}
ul.qf-case-list li h4{ margin:0 0 .05rem 0; padding:.05rem; height:.38rem; line-height:.28rem; font-size:.16rem; font-weight:normal; text-align:center; overflow:hidden;}


/*图片+标题 图宽高4:3 */
ul.qf-list-picture{ padding:0.1rem; display:flex; flex-wrap:wrap;}
ul.qf-list-picture li{ width:50%;}
ul.qf-list-picture li:nth-child(2n) a{ margin-left:.05rem;}
ul.qf-list-picture li:nth-child(2n+1) a{ margin-right:.05rem;}
ul.qf-list-picture li a{ margin-bottom:.1rem; display:block; background-color:#fff; border-radius:6px 6px 4px 4px;}
ul.qf-list-picture li .thumb{}
ul.qf-list-picture li .thumb img{ width:100%; height:1.29375rem; border-radius:4px 4px 2px 2px; display:block; margin:0 auto;}
ul.qf-list-picture li h4{ padding:5px; height:.38rem; line-height:.28rem; font-size:.15rem; font-weight:normal; text-align:center; overflow:hidden;}

/* 关于我们 */
.qf-aboutus{ background-color: #fff; padding:.15rem; line-height: .24rem;}
.qf-aboutus img{ width:1.2rem; height: .9rem; margin: 0 .1rem 0 0; float: left;}
.qf-aboutus .content{ width: 660px; height: 260px; padding: 30px; background-color: #fff; box-shadow: 10px 10px 5px #e3e3e3; position: absolute; z-index: 1000; right: 0; top: 50px;}
.qf-aboutus .content h3{ font-size: 18px; line-height: 40px;}
.qf-aboutus .content p{ line-height: 200%; font-size:.15rem; text-indent: 2em;}

/*图片+标题 图宽高1:1 */
ul.qf-list-photo{}
ul.qf-list-photo{ flex-wrap:wrap; margin:10px 0; }
ul.qf-list-photo li{ width: 1.725rem; background-color:#fff; border-radius:6px 6px 4px 4px;}
ul.qf-list-photo li:nth-child(2n){ margin: .1rem .1rem 0 .05rem;}
ul.qf-list-photo li:nth-child(2n+1){ margin: .1rem .05rem 0 .1rem;}
ul.qf-list-photo li .thumb{}
ul.qf-list-photo li .thumb img{ width:1.725rem; height:1.725rem; border-radius: 4px 4px 2px 2px; display:block; margin:0 auto;}
ul.qf-list-photo li h4{ padding: 5px; line-height: .24rem; font-size: .15rem; font-weight: normal; text-align:center; }

/*图片+标题 图宽高3:4 */
ul.qf-list-image{}
ul.qf-list-image{ flex-wrap:wrap; margin:10px 0; }
ul.qf-list-image li{ width: 1.725rem; background-color:#fff; border-radius:6px 6px 4px 4px;}
ul.qf-list-image li:nth-child(2n){ margin: .1rem .1rem 0 .05rem;}
ul.qf-list-image li:nth-child(2n+1){ margin: .1rem .05rem 0 .1rem;}
ul.qf-list-image li .thumb{}
ul.qf-list-image li .thumb img{ width:1.725rem; height:2.3rem; border-radius: 4px 4px 2px 2px; display:block; margin:0 auto;}
ul.qf-list-image li h4{ padding: 5px; line-height: .24rem; font-size: .15rem; font-weight: normal; text-align:center; }

/*新闻列表 - 图文 */
ul.qf-list-graphic{ padding:.1rem;}
ul.qf-list-graphic li{ padding:.1rem; border-bottom:1px solid #e6e6e6; background-color: #fff;}
ul.qf-list-graphic li a{ display:block; display:flex; }
ul.qf-list-graphic li .thumb{ width:.8rem; }
ul.qf-list-graphic li .thumb img{ width:.8rem; height:.6rem; }
ul.qf-list-graphic li .content{ padding-left:.1rem; flex:1;}
ul.qf-list-graphic li .content h4{ font-size:.16rem; line-height:.2rem; font-weight: normal;}
ul.qf-list-graphic li .content p{ max-height:.4rem; line-height:.2rem; font-size:.14rem; color:#787878; overflow:hidden;}

/*新闻列表 - 纯文本  */
ul.qf-list-text{ padding:.1rem;}
ul.qf-list-text li{ padding:.05rem .1rem; border-bottom:1px solid #efefef; background-color:#fff; border-radius:.04rem;}
ul.qf-list-text li a{ display:block;}
ul.qf-list-text li h4{ height:.28rem; line-height:.28rem; font-size:.15rem; font-weight:normal; overflow:hidden;}
ul.qf-list-text li p{ max-height:.4rem; line-height:.2rem; font-size:.13rem; color:#787878;}

/*我们的服务 */
.service{ margin:0;}
.service ul{ padding:0.05rem; display:flex; flex-wrap:wrap;}
.service ul li{ width:50%;}
.service ul li a{ display:block; margin:0.05rem; background-color:#fff; border-radius:4px;}
.service ul li .thumb{ width:1.2rem; height:1.2rem; background:url(../images/service.png) 0 0 no-repeat; margin:0 auto;}
.service ul li h4{ height:.36rem; line-height:.36rem; text-align:center; font-size:.15rem;}
.service ul li.s-1 .thumb{ background:url(../images/service-01.png) center center no-repeat;}
.service ul li.s-2 .thumb{ background:url(../images/service-02.png) center center no-repeat;}
.service ul li.s-3 .thumb{ background:url(../images/service-03.png) center center no-repeat;}
.service ul li.s-4 .thumb{ background:url(../images/service-04.png) center center no-repeat;}

/* 面包屑位置导航 */
.qf-location{ height:.24rem; line-height:.24rem; padding:0.05rem .1rem; font-size:.14rem;}
.qf-location em{ padding:11px 12px 0 0; background:url(../images/icon-home.png) no-repeat; font-size:0;}
.qf-location a{ font-size:14px;}

/* 内页广告图 */
.qf-ads-banner{ width:100%; margin-top:.6rem; padding:.05rem .1rem 0;}
.qf-ads-banner img{ width:100%; height:1.5rem; border-radius:6px;}

/*文章详情*/
.qf-article{ margin:.1rem; padding:.1rem; background-color:#fff;}
.qf-article h1{ font-size:.18rem; line-height:.28rem; text-align:center;}
.qf-article .author{ line-height:.3rem; text-align:center;}
.qf-article .content{ padding:.1rem 0; font-size:.15rem; line-height:.28rem;}
.qf-article .content p{ font-size:.15rem;}
.qf-article .content img{ max-width:100%;}

.qf-article ul.parameter{ padding:.1rem .15rem; background-color:#efefef; border:1px dashed #ccc;}
.qf-article ul.parameter li{ width:100%; line-height:.3rem; font-size:.14rem;}

.qf-AttachsSlides{ width:100%; margin:0.1rem 0 0; position:relative; z-index:100; overflow:hidden;}
.qf-AttachsSlides .qf-slides-focus{ width:100%; height:5px; text-align:center; position:absolute; z-index:1; bottom:0;}
.qf-AttachsSlides .qf-slides-focus ul{ height:5px; display:-moz-box; display:-webkit-box; display:box; background-color:rgba(51,51,51,0.5); overflow:hidden;}
.qf-AttachsSlides .qf-slides-focus ul li{ -moz-box-flex:1; -webkit-box-flex:1; box-flex:1; font-size:0;}
.qf-AttachsSlides .qf-slides-focus ul .on{ background:#b0050b;}
.qf-AttachsSlides .qf-slides-image{ position:relative; z-index:0;}
.qf-AttachsSlides .qf-slides-image li{ height:auto;}
.qf-AttachsSlides .qf-slides-image li img{ width:100%;}
.qf-AttachsSlides .qf-slides-image li a{ -webkit-tap-highlight-color:rgba(0,0,0,0);}
/* 上下页 */
.prev-next{ padding: 10px 0; }
.prev-next a{ font-size: 14px; color: #666; }
.prev-next .prev,
.prev-next .next{ line-height: 32px; }

.kecheng{ margin:10px 0 0; display:flex; text-align:center;}
.kecheng a{ flex:1; margin:0 5px; padding:0px 10px; font-size:15px; line-height:36px; color:#fff; background-color:#c62c30; border-radius:3px;}

.qf-diy{ margin:.1rem; padding:.1rem; background-color:#fff;}
.diy{ padding:1em;}
.diy h4{ font-size:15px; line-height:2em; font-weight:normal;}
.diy ul{}
.diy ul li{ margin:8px 0; padding:5px 10px 5px 15px; display:block; border:1px solid #eee; font-size:14px;}
.diy ul li .input-radio{ vertical-align:middle; font-size:14px;}
.diy .textarea{ width:100%; padding:10px; border:1px solid #ddd; display:block;}
.diy .inputbox{ padding:10px; border:1px solid #ddd; outline:none;}
.diy .inputcode{ width:60px;}
.diy .subbutton{ width:100%; padding:10px 0; display:block; line-height:20px; background-color:#f25555; border:0; border-radius:3px; cursor:pointer; color:#fff; font-size:15px;}
.diy .name{ width:90px; text-align:right;}
.diy .input{ flex:1;}
.diy .code{ width:130px;}
.diy .qf-flex{ margin:10px 0;}