@charset "utf-8"; /*----------------- Author:xq update:2019 -------------------*/ body { font-family: "微软雅黑", Arial, sans-serif; font-size: 14px; background: #f3f5f8; } i,em{ font-style: normal; } .radius-3{ -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; } .radius-4{ -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; } .radius-6, .lq-rMenu li{ -webkit-border-radius: 6px; -moz-border-radius: 6px; -ms-border-radius: 6px; -o-border-radius: 6px; border-radius: 6px; } .box-shadow{ -webkit-box-shadow: 0px 0px 9px 3px rgba(230,230,230,0.6); -moz-box-shadow: 0px 0px 9px 3px rgba(230,230,230,0.6); box-shadow: 0px 0px 9px 3px rgba(230,230,230,0.6); } .lq-userbox{ min-height: 85px; padding: 6px 6px; } .lq-user{ text-align: center; width: 100%; } .lq-user img{ width: 85px; /*height: 85px;*/ -webkit-border-radius: 50%; border-radius: 50%; } .lq-user p{ line-height: 30px; font-size: 16px; color: #000; font-weight: bold; margin-top: 5px; } .lq-userItem{ height: 34px; background: #eff4f6; overflow: hidden; margin-top: 12px; } .lq-userItem dt, .lq-userItem dd{ float: left; height: 34px; line-height: 34px; } .lq-userItem dt{ width: 40%; text-align: center; color: #6c7781; font-size: 16px; font-style: italic; } .lq-userItem dd{ font-size: 16px; color: #000; } .lq-userItem dd span{ font-family: arial; } /*lqjc*/ .l-container{ width: 100%; /*max-width: 1680px;*/ min-width: 1340px; margin-left: auto; margin-right: auto; } .l-main{ margin: 30px 10px 10px 10px; position: relative; padding-right: 110px; overflow: hidden; } .l-icon{ width: 24px; height: 24px; display: inline-block; position: relative; } .l-icon img{ width: 100%; height: 100%; vertical-align: top; } .fl { float: left; } .fr { float: right; } .lq-left{ /*width: 20%;*/ min-width: 260px; margin-top: 10px } .lq-left1{ padding: 6% 5%; background: #7b8e9f; } .lq-left1-from{ margin-bottom: 20px; } .lq-left1 .lq-left1-from:last-child{ margin-bottom: 0; } .lq-left1 .lq-left1-from .layui-form-label{ color: #fff; padding: 9px 0; text-align: left; font-size: 16px; } .lq-left1 .lq-left1-from .layui-input-block{ margin-left: 80px; } .lq-left1 .layui-form-select .layui-edge{ border-top-color: #666; } .lq-left1 .layui-input-block .layui-input{ font-size: 16px; color: #000; } .lq-left1 .layui-form-select dl dd.layui-this{ background: #7b8e9f; } .lq-left2{ background: #fff; overflow: hidden; /*margin-top: 20px;*/ margin-top: 10px; } .lq-left2-list{ width: 100%; } .lq-left2-list li{ height: 20px; line-height: 20px; overflow: hidden; position: relative; padding: 3.5% 6%; } .lq-left2-list li h3{ float: left; color: #6c7781; font-size: 16px; font-style: italic; } .lq-left2-list li>em{ float: right; color: #000; font-size: 16px; } .lq-left2-list li h3 span{ background: #6c7781; width: 4px; height: 4px; margin-right: 10px; position: relative; top: -2px; } .lq-left2-list li:nth-child(2n){ background: #f8f9fa; } .lq-center{ width: 77%; position: relative; padding-bottom: 50px; overflow: hidden; } .lq-cTop{ margin-top: 10px; } .lq-cTop-1, .lq-cTop-2, .lq-cTop-3, .lq-cTop-3-2, .lq-cTop-4-2, .lq-cTop-4{ padding: 10px 0; overflow: hidden; height: 80px; text-align: center; color: #fff; } .lq-cTop-1{ background: url(../img/dzhwk/grain/lq-c-bg1.png) no-repeat; background-size: 100% 100%; width: 29%; } .lq-cTop-2{ background: url(../img/dzhwk/grain/lq-c-bg2.png) no-repeat; background-size: 100% 100%; width: 29%; } .lq-cTop-3{ background: url(../img/dzhwk/grain/lq-c-bg3.png) no-repeat; background-size: 100% 100%; width: 19.5%; } .lq-cTop-3-2{ background: url(../img/dzhwk/grain/lq-c-bg3.png) no-repeat; background-size: 100% 100%; } .lq-cTop-4{ background: url(../img/dzhwk/grain/lq-c-bg4.png) no-repeat; background-size: 100% 100%; width: 19.5%; } .lq-cTop-4-2{ background: url(../img/dzhwk/grain/lq-c-bg4.png) no-repeat; background-size: 100% 100%; } .ml4{ margin-left: 1%; } .lq-cTop-item{ background: url(../img/dzhwk/grain/lq-li-bg.png) right center no-repeat; } .lq-cTop-item:last-child{ background: none; } .lq-cTop-item p{ height: 40px; line-height: 40px; font-size: 16px; margin-top: 5px; overflow: hidden; } .lq-cTop-item h4{ font-size: 14px; line-height: 20px; margin-top: 5px; height: 25px; overflow: hidden; } .lq-cTop-item p span{ font-size: 28px; } .lq-wendu{ width: 90px; height: 200px; position: absolute; bottom: 0; z-index: 99; left: 0; } .lq-wendu-color, .lq-wendu-color img{ width: 10px; height: 200px; } .lq-wendu-num{ width: 75px; } .lq-wendu-num p{ line-height: 20px; color: #000; font-size: 14px; margin-bottom: 70px; } .lq-cPic-box{ width: 80%; margin: 3% auto 0 auto; text-align: center; } .lq-cPic{ width: 100%; margin: 0 auto; } .lq-right{ width: 90px; position: absolute; right: 0; top: 0; z-index: 99; height: 100%; } .lq-r-fx{ width: 80px; margin-left: 10px; margin-top: 25px; height: 80px; background: url(../img/dzhwk/grain/img-dnxb.png) center no-repeat; overflow: hidden; position: relative; } .lq-r-fx p{ line-height: 15px; font-size: 12px; height: 15px; overflow: hidden; color: #000; text-align: center; margin-bottom: 17px; width: 100%; } .lq-rMenu{ position: absolute; bottom: 0; width: 90px; z-index: 99; } .lq-rMenu li{ width: 90px; height: 90px; margin-top: 10px; text-align: center; background: #fff; } .lq-rMenu li a{ display: block; width: 100%; height: 100%; } .lq-rMenu li a span{ width: 48px; height: 48px; margin-top: 5px; } .lq-rMenu li a p{ line-height: 20px; color: #FFF; font-size: 14px; height: 20px; overflow: hidden; font-weight: bold; } .lq-rMenu li .lq-rMenu-icon1{ background: url(../img/dzhwk/grain/lq-r-icon1.png); } .lq-rMenu li .lq-rMenu-icon2{ background: url(../img/dzhwk/grain/lq-r-icon2.png); } .lq-rMenu li .lq-rMenu-icon3{ background: url(../img/dzhwk/grain/lq-r-icon3.png); } .lq-rMenu li .lq-rMenu-icon4{ background: url(../img/dzhwk/grain/lq-r-icon4.png); } .lq-rMenu li .lq-rMenu-icon5{ background: url(../img/dzhwk/grain/lq-r-icon5.png); } .lq-rMenu li .lq-rMenu-icon6{ background: url(../img/dzhwk/grain/lq-r-icon6.png); } .lq-a1{ background: url(../img/dzhwk/grain/lq-c-bg1.png) no-repeat; background-size: 100% 100%; border-radius: 6px; } .lq-a2{ background: url(../img/dzhwk/grain/lq-c-bg2.png) no-repeat; background-size: 100% 100%; border-radius: 6px; } .lq-a3{ background: url(../img/dzhwk/grain/lq-c-bg3.png) no-repeat; background-size: 100% 100%; border-radius: 6px; } .lq-a4{ background: url(../img/dzhwk/grain/lq-c-bg4.png) no-repeat; background-size: 100% 100%; border-radius: 6px; } .lq-a5{ background: url(../img/dzhwk/grain/lq-c-bg5.png) no-repeat; background-size: 100% 100%; border-radius: 6px; } .lq-a6{ background: url(../img/dzhwk/grain/lq-c-bg6.png) no-repeat; background-size: 100% 100%; border-radius: 6px; } .lq-rMenu li:hover, .lq-rMenu li.active{ background: #53adce; } .lq-rMenu li:hover a p, .lq-rMenu li.active a p{ color: #fff; } .lq-rMenu li:hover .lq-rMenu-icon1, .lq-rMenu li.active .lq-rMenu-icon1{ background: url(../img/dzhwk/grain/lq-r-icon1-h.png); } .lq-rMenu li:hover .lq-rMenu-icon2, .lq-rMenu li.active .lq-rMenu-icon2{ background: url(../img/dzhwk/grain/lq-r-icon2-h.png); } .lq-rMenu li:hover .lq-rMenu-icon3, .lq-rMenu li.active .lq-rMenu-icon3{ background: url(../img/dzhwk/grain/lq-r-icon3-h.png); } .lq-rMenu li:hover .lq-rMenu-icon4, .lq-rMenu li.active .lq-rMenu-icon4{ background: url(../img/dzhwk/grain/lq-r-icon4-h.png); } .lq-rMenu li:hover .lq-rMenu-icon5, .lq-rMenu li.active .lq-rMenu-icon5{ background: url(../img/dzhwk/grain/lq-r-icon5-h.png); } .lq-rMenu li:hover .lq-rMenu-icon6, .lq-rMenu li.active .lq-rMenu-icon6{ background: url(../img/dzhwk/grain/lq-r-icon6-h.png); } .lq-cLow{ background: #fff; height: 30px; padding: 8px 15px; overflow: hidden; width: 740px; left: 60px; bottom: 0px; position: absolute; } .lq-cLow-left{ line-height: 24px; } .top5{ margin-top: 5px; } .lq-cLow-1{ width: 90px; color: #000; font-size: 14px; border-right: 1px solid #eceef0; } .lq-cLow-1 span{ color: #37bd34; } .lq-cLow-2{ margin-left: 20px; } .lq-cLow-left .layui-form-item{ margin-bottom: 0; clear: initial; } .lq-cLow-left .layui-form-label{ padding: 2px 0; text-align: left; width: auto; } .lq-cLow-left .layui-input-block{ min-height: 24px; margin-left: 5px; float: left; } .lq-cLow-left .layui-form-switch{ margin-top: 0; } .lq-cLow-left .layui-form-switch{ padding: 0; } .lq-cLow-left .layui-form-onswitch { border-color: #53adce; background-color: #53adce; } .lq-cLow-right .layui-btn{ height: 30px; line-height: 30px; /*color: #324251;*/ font-size: 14px; /*padding: 0 8px;*/ /*background-color: #53adce;*/ } .lq-cLow-right .layui-btn:hover{ border-color: #7b8e9f; background: #7b8e9f; color: #fff; } @media all and (max-width: 1650px) { .lq-cPic-box { margin: 5% auto 0 auto; } .lq-center{ padding-bottom: 80px; } .lq-left2-list li { padding: 3% 6%; } .lq-cTop-item p span{ font-size: 24px; } }