@charset "utf-8";
/*全局初始化样式*/
body{font-size:16px;line-height:24px;font-family:"Arial","Microsoft YaHei";color:#333;width:100%;min-width:320px;zoom:1;/*禁用Webkit内核浏览器的文字大小调整功能*/-webkit-text-size-adjust:none;/*取出点击出现半透明的灰色背景*/-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight:rgba(0,0,0,0);/*设置字体的抗锯齿或者说光滑度*/-webkit-font-smoothing:antialiased;overflow-x:hidden;padding:0;margin:0 auto;-webkit-box-sizing:border-box;box-sizing:border-box;background-color: #e3dfde;}
*,
:before,
:after{-webkit-box-sizing:border-box;box-sizing:border-box;}
input:-moz-placeholder,textarea:-moz-placeholder{color:#a7a7a7;opacity:1;}
input::-moz-placeholder,textarea::-moz-placeholder{color:#a7a7a7;opacity:1;}
input:-ms-input-placeholder,textarea:-ms-input-placeholder{color:#a7a7a7;}
input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{color:#a7a7a7;}
/*默认去除ul、li的默认样式*/
.h1,.h2,.h3,.h4,.h5,.h6,.p{margin:0;padding:0;}
.ul,.ul>li,.dl,.dl>dd,.dl>dt{list-style:none;margin:0;padding:0;font-weight:normal;}
/*初始化下拉菜单、单行输入框、多行输入框的样式*/
select,input,textarea{border-radius:0;-webkit-border-radius:0;color:#333;}
/*表单元素获得焦点时不显示虚线框*/
input:focus{outline:none;}
input,button,select,textarea{font-family:"Arial","Microsoft YaHei";outline:none;/*强制去除表单自带的样式*/}
/*不允许多行输入文本框有滚动条*/
textarea{resize:none;/*强制去除textarea自带的样式*/}
/*初始化表单元素*/
textarea,input,select{background:none;border:none;margin:0;padding:0;}
/*去除figure*/
figure,figcaption{margin:0;padding:0;}
canvas{display:block;}
/*初始化图片*/
img{border:none;border:0;vertical-align:top;max-width:100%;}
/*初始化a*/
a,a:focus{color:#444;text-decoration:none;}
a:hover{color:#ee9815;}
a,a:hover{outline:none;text-decoration:none;-webkit-transition:all 0.25s linear 0.01s;transition:all 0.25s linear 0.01s;}

/*全局样式*/
.qui-warp{max-width: 1200px;margin: 0 auto;}
.qui-warp1000{max-width: 1000px;margin: 0 auto;}
.qui-clear{clear:both;height:0;overflow:hidden;}
.qui-clearfix{zoom:1;}
.qui-clearfix:after{content:'';display:block;height:0;visibility:hidden;clear:both;}
.qui-ytable{display:table;width:100%;table-layout:fixed;}
.qui-ytable-cell{display:table-cell;vertical-align:middle;}
.qui-tl{text-align:left!important;}
.qui-tr{text-align:right!important;}
.qui-tc{text-align:center!important;}
.qui-tj{text-align:justify!important;}
.qui-fl{float:left!important;}
.qui-fr{float:right!important;}
.qui-fonw-b{font-weight: bold!important;}
.qui-font-n{font-style: normal!important;}
.qui-text{display: block;line-height: 22px;width: 100%;}
.qui-dis-inb{display: inline-block;vertical-align: top;}
.qui-dot{overflow:hidden;text-overflow:ellipsis;-o-text-overflow:ellipsis;white-space:nowrap;}
.qui-dot2{-webkit-line-clamp: 2;height: 48px;overflow : hidden;text-overflow: ellipsis;display:-webkit-box;-webkit-box-orient:vertical;}
.qui-dot3{-webkit-line-clamp: 3;height: 72px;overflow : hidden;text-overflow: ellipsis;display:-webkit-box;-webkit-box-orient:vertical;}
.qui-pic{position:relative;height: 0;overflow: hidden;}
.qui-pic img{position: absolute;left: 0;top: 0;width: 100%;display: block;min-height: 100%;}
/*布局*/
.qui-flex{display: flex;display: -webkit-flex;justify-content: space-between;align-items:center;}
.qui-flex-c{display: flex;display: -webkit-flex;justify-content: space-around;align-items:center;}
.qui-flex1{flex: 1;}
/*颜色*/
.qui-col-df{color:#b40707!important;}/*默认*/
.qui-col-ccc{color:#ccc!important;}
.qui-col-333{color:#333!important;}
.qui-col-666{color:#666!important;}
.qui-col-999{color:#999!important;}
.qui-col-ee9815{color: #ee9815!important;}
/*背景*/
.qui-bg-fff{background-color: #fff!important;}
.qui-bg-f8f8f8{background-color: #f8f8f8!important;}
.qui-bg-f5f5f5{background-color: #f5f5f5!important;}
/*字号*/
.qui-fons12{font-size: 12px!important;}
.qui-fons14{font-size: 14px!important;}
.qui-fons16{font-size: 16px!important;}
.qui-fons18{font-size: 18px!important;}
.qui-fons20{font-size: 20px!important;}
.qui-fons22{font-size: 22px!important;}

/*滚动条样式*/
.qui-gdt::-webkit-scrollbar{width:5px;}
.qui-gdt::-webkit-scrollbar-track{background-color:#f2f2f2;}
.qui-gdt::-webkit-scrollbar-thumb{background-color:#bbb;}
.qui-gdt::-webkit-scrollbar-thumb:hover{background-color:#555}
.qui-gdt::-webkit-scrollbar-thumb:active{background-color:#666} 
.qui-gdt{overflow:auto!important;padding-right:8px!important;}

/*图片放大*/
.qui-img{-webkit-transition:all .4s ease-out;transition:all .4s ease-out;}
a:hover .qui-img{-webkit-transform:scale(1.1);transform:scale(1.1);}

.qui-flex-s{display: flex;display: -webkit-flex;flex-direction: column;align-items: stretch;}
.qui-flex{display: flex;display: -webkit-flex;justify-content: space-evenly;}
.qui-flex1{flex: 1;}

/* 主体 */
.qui-main-box{max-width: 1200px;margin: 0 auto;}

.qui-bg-box{width: 100%;height: 100vh;position: relative;overflow: hidden;background-position: center;background-repeat: no-repeat;background-size: cover;background-color: #e3dfde;}

.qui-logo{padding: 5.208333333333333% 0;text-align: center;}
.qui-logo a{display: inline-block;vertical-align: top;}
.qui-logo img{display: block;height: 110px;}

.qui-login-box{position: absolute;width: 100%;left: 50%;top: 50%;transform: translateX(-50%) translateY(-50%);-webkit-transform: translateX(-50%) translateY(-50%);max-width: 1200px;}
.qui-login-box .li{padding: 7.5px;width: 33.3333333333%;float: left;}
.qui-login-box .li .qui-allbox{background: rgba(255, 255, 255, .8);border-radius: 5px;position: relative;height: 200px;padding: 3% 60px 3% 110px;}
.qui-login-box .li .h3{font-size: 24px;color: #444;font-weight: normal;}
.qui-login-box .li .qui-divbox{margin-top: 10px;font-size: 0;}
.qui-login-box .li .qui-divbox .qui-na{display: inline-block;vertical-align: top;font-size: 16px;color: #888;}
.qui-login-box .li .qui-divbox em{display: inline-block;vertical-align: top;font-style: normal;font-size: 14px;color: #c6c6c6;padding: 0 14px;position: relative;margin-top: -1px;}

.qui-login-box .li .qui-allbox:after{content: '';width: 14px;height: 24px;background: url('../images/hico4.png') center right no-repeat;position: absolute;right: 30px;top: 50%;margin-top: -12px;}
.qui-login-box .li .qui-allbox:before{content: '';position: absolute;left: 30px;top: 50%;margin-top: -30px;width: 60px;height: 60px;background: center left no-repeat;}
.qui-login-box .li1 .qui-allbox:before{background-image: url('../images/hico1.png')}
.qui-login-box .li2 .qui-allbox:before{background-image: url('../images/hico2.png')}
.qui-login-box .li3 .qui-allbox:before{background-image: url('../images/hico3.png')}

.qui-page-box2 .qui-login-box{position: relative;left: 0%;top: 0%;transform: translateX(-0%) translateY(-0%);-webkit-transform: translateX(-0%) translateY(-0%);margin: 0 auto;}

@media (max-width:1260px){
.qui-login-box{padding: 2% 1%;}
.qui-login-box .li{padding: 1%;}
.qui-login-box .ul{margin: -1%;}
.qui-login-box .li .qui-divbox em{display: none;}
.qui-login-box .li .qui-divbox .qui-na{font-size: 14px;margin-right: 10px;}
.qui-login-box .li .qui-divbox .qui-na:last-child{margin-right: 0;}
.qui-login-box .li .h3{font-size: 18px;}
.qui-login-box .li .qui-allbox{height:140px;}
.qui-login-box .li .qui-allbox{padding-right: 15px;}

}
@media (max-width:1000px){
/* .qui-login-box .li .qui-allbox:before{width: 42px;height: 42px;background-size:contain;margin-top:-21px;left: 20px;}
.qui-login-box .li .qui-allbox{padding-left: 80px;} */
.qui-login-box .li{width: 100%;}
.qui-login-box{max-width: 600px;position: relative;left: 0%;top: 0%;transform: translateX(-0%) translateY(-0%);-webkit-transform: translateX(-0%) translateY(-0%);margin: 0 auto;}
.qui-logo{padding: 4% 0 0}
.qui-logo img{height: 80px;}

.qui-bg-box{overflow: auto;}

}
@media (max-width:640px){
.qui-login-box .li .qui-allbox{height: 120px;}
.qui-login-box .li .qui-allbox:before{width: 42px;height: 42px;background-size:contain;margin-top:-21px;}
.qui-login-box .li .qui-allbox{padding-left: 85px;}
}

.qui-logo2{text-align: center;padding-bottom: 20px;}
.qui-logo2 a{display: inline-block;vertical-align: top;}
.qui-logo2 img{display: block;height: 110px;}

.qui-page-box2::-webkit-scrollbar{width:5px;}
.qui-page-box2::-webkit-scrollbar-track{background-color:#f2f2f2;}
.qui-page-box2::-webkit-scrollbar-thumb{background-color:#bbb;}
.qui-page-box2::-webkit-scrollbar-thumb:hover{background-color:#555}
.qui-page-box2::-webkit-scrollbar-thumb:active{background-color:#666} 
.qui-page-box2{overflow:auto!important;}

.qui-page-box2{position: absolute;width: 100%;left: 50%;top: 50%;transform: translateX(-50%) translateY(-50%);-webkit-transform: translateX(-50%) translateY(-50%);max-width: 1200px;overflow: auto;max-height: 92%;}
.qui-page-box3{background: #fff;border-radius: 7px;padding: 50px;box-shadow:  0 0 10px rgba(0,0,0,.1);}
.qui-page-box3 .qui-tt .span{font-size: 24px;color: #444;display: inline-block;vertical-align: top;padding-left: 42px;line-height: 28px;background-position: left center;background-repeat: no-repeat;background-size: auto 26px;background-image: url('../images/hico1.png');}
.qui-page-box3 .qui-tt .span2{background-image: url('../images/hico0.png');padding-left: 47px;}
.qui-page-box3 .qui-tt{padding-bottom: 20px;border-bottom: 1px solid #ddd;margin-bottom: 20px;overflow: hidden;}
.qui-page-box3 .qui-tt .p{color: #888;float: right;padding-left: 10px;padding-top: 2px;}

.qui-page-box3 .qui-divfiles{width: 140px;float: right;}
.qui-page-box3 .qui-divfiles input[type="file"]{opacity: 0;position: absolute;width: 100%;top: 0;left: 0;height: 100%;cursor: pointer;}
.qui-page-box3 .qui-divfiles .divbox{position: relative;height: 0;padding-bottom: 128.5714285714286%;overflow: hidden;background-position: center;background-repeat: no-repeat;background-size: cover;background-color: #f5f5f5;border-radius: 5px;}
.qui-page-box3 .divname{color: #555;font-size: 18px;margin-bottom: 10px;}
.qui-page-box3 .qui-ulbox2{margin-right: 170px;}
.qui-page-box3 .ULLIST{margin:-7.5px -15px;font-size: 0;}
.qui-page-box3 .ULLIST .li{width: 50%;padding:7.5px 15px;font-size: 16px;display: inline-block;vertical-align: top;}
.qui-page-box3 .ULLIST .li3{width: 33.333333333333%;}
.qui-page-box3 .ULLIST .li1{width: 100%;}
.qui-page-box3 .ULLIST .li .divin{position: relative;}
.qui-page-box3 .ULLIST .lisel .divin:after{content: '';width: 50px;height: 100%;position: absolute;right: 0;top: 0;background: #f5f5f5 url('../images/selbg.png') center no-repeat;}
.qui-page-box3 .qui-text{display: block;width: 100%;line-height: 22px;padding: 14px;background: #f5f5f5;border-radius: 5px;height: 50px;font-size: 16px;}
.qui-page-box3 select{display: block;width: 100%;line-height: 22px;padding: 14px;background: #f5f5f5;border-radius: 5px;height: 50px;font-size: 16px;}

.qui-page-box3 .ULLIST .libtn{margin-top: 20px;}
.qui-fm-btn{width: 200px;display: inline-block;vertical-align: top;cursor: pointer;line-height: 50px;background: #ee9815;color: #fff!important;text-align: center;margin:2.5px 5px;font-size: 18px;border-radius: 50px;}

.qui-zlz-btn .qui-fm-btn{width: 160px;max-width: 45%;}
.qui-zlz-box{background-position: center;background-size: 100% 100%;background-repeat: no-repeat;background-image: url('../images/zkzbg.jpg');padding: 40px 40px 20px;min-height: 400px;max-width: 740px;margin: 0 auto 50px;color: #222;}

.qui-page-box3 .qui-tt2{padding-bottom: 25px;overflow: hidden;font-size: 24px;line-height: 1;text-align: center;}
.qui-page-box3 .qui-tt3{border-bottom: 1px solid #ddd;margin-bottom: 25px;}

.qui-page-box3 .qui-divr{width: 120px;float: right;}
.qui-page-box3 .qui-divl{margin-right: 120px;padding-right: 15px;}
.qui-page-box3 .qui-pic{background:#f2f2f2 center no-repeat;background-size: cover;padding-bottom: 133.3333333333333%;}
.qui-page-box3 .divtxt{padding: 2px 0;}

.qui-page-box3 .qui-imgbox{padding-top: 15px;margin-top: 25px;border-top: 1px solid #ddd;overflow: hidden;}

.qui-page-box3 .quibgbg{float: left;width: 80px;height: 80px;background: center no-repeat;background-size: contain;}
.qui-page-box3 .quiinfo{margin-left: 100px;font-size: 14px;padding-top: 4px;font-weight: bold;}

.qui-page-box3 .qui-ulbox3{max-width: 390px;margin: 80px auto 40px;}
.qui-page-box3 .qui-ulbox3 .li .divname{float: left;line-height: 50px;}
.qui-page-box3 .qui-ulbox3 .li .divin{margin-left: 85px;}

.qui-zlz-boxinfo{max-width: 240px;margin: 0 auto;}

.qui-result-box{margin: 30px auto 40px;padding: 40px 50px;background-position: center;background-repeat: repeat-x;background-image: url('../images/divbg5.jpg');background-size: auto 100%;position:relative;}
.qui-result-box:after,
.qui-result-box:before{content: '';position: absolute;top: 0;height: 100%;width: 8px;background-position: center;background-repeat: no-repeat;background-size: 100% 100%;}
.qui-result-box:before{left: 0;background-image: url('../images/divbg4.jpg');}
.qui-result-box:after{right: 0;background-image: url('../images/divbg6.jpg');}

.qui-max600{max-width: 600px;}
.qui-max740{max-width: 740px;}

@media (max-width:1700px){
.qui-result-box{margin: 4% auto 3%;}
.qui-page-box3 .qui-ulbox3{margin: 4% auto 3%;}
.qui-page-box3 .ULLIST .libtn{margin-top: 2%;}
}
@media (max-width:1300px){
.qui-result-box{padding: 30px;}
.qui-page-box3 .qui-tt3{margin-bottom: 20px;}
}

@media (max-width:1400px){
body{font-size: 14px;}
.qui-logo2 img{display: block;height: 80px;}
.qui-logo2{padding-bottom: 15px;}
.qui-page-box3{padding: 4%;}
.qui-page-box3 .qui-tt .span{font-size: 20px;}
.qui-page-box3 .qui-tt{padding-bottom: 18px;margin-bottom: 20px;}
.qui-page-box3 .divname{font-size: 15px;margin-bottom: 5px;}
.qui-page-box3 select,
.qui-page-box3 .qui-text{font-size: 14px;padding: 10px 14px;height: 42px;}
.qui-page-box3 .ULLIST{margin:-5px -7.5px;}
.qui-page-box3 .ULLIST .li{padding: 5px 7.5px;}
.qui-page-box3 .ULLIST .libtn{margin-top: 0;}

.qui-page-box2{max-width: 800px;}
.qui-fm-btn{width: 160px;line-height: 42px;border-radius: 42px;font-size: 16px;}
.qui-page-box3 .qui-ulbox2{margin-right: 140px;padding-right: 15px;}

.qui-page-box5{max-width: 1200px;}

.qui-zlz-box{margin-bottom: 2%;}

.qui-page-box3 .qui-ulbox3 .li .divname{line-height: 42px;}
.qui-page-box3 .qui-ulbox3{margin-top: 50px;margin-bottom: 20px;}



}
@media (max-width:1300px){
.qui-page-box3 .qui-ulbox3{margin: 4% auto 2%;}
}

@media (max-width:900px){
.qui-page-box2{max-width: 96%;max-height: 96%;}
}
@media (max-width:700px){
.qui-page-box3 .qui-tt .p{text-align: center;float: none;margin-top: 5px;}
.qui-page-box3 .qui-divfiles{float: none;padding-bottom: 15px;}
.qui-page-box3 .qui-ulbox2{margin: 0;padding: 0;}
.qui-logo2 img{height: 60px;}
.qui-page-box3 .ULLIST .li3{width: 50%;}
.qui-page-box3 .ULLIST .lisel{width: 100%;}

.qui-zlz-box{background-image: url('../images/zkzbg_03.jpg');background-repeat: repeat;background-size: auto;padding: 4% 4%;}
.qui-page-box3 .qui-tt{padding-bottom: 15px;margin-bottom: 15px;}
.qui-page-box3 .qui-tt2{font-size: 20px;padding-bottom: 15px;}

.qui-page-box3 .qui-imgbox{margin-top: 15px;}

.qui-page-box3 .qui-ulbox3 .li .divname{width: 70px;text-align: right;}


.qui-page-box3 .qui-divr{width: 90px;}
.qui-page-box3 .qui-divl{margin-right: 90px;}
.qui-result-box{padding: 22px;}

}