@charset "utf-8";
body{ background-color: #fafcfd; position: relative;}

.hd{ padding: 0 0 0.23rem 0; border-bottom: 1px solid #d3e2f5; position: relative;}
.hd i{ width:0.3rem; height: 0.3rem; margin-right: 0.1rem; float: left; font-size: 0; border-radius: 0.03rem; background-color: #3978cc; display: block;}
.hd i img{ border-radius: 0.03rem;}
.hd ul{ width: calc(100% - 0.4rem); float: left;}
.hd ul li{ width: calc(100% / 5); float: left;}
.hd ul li a{ font-size: 0.22rem; color: #333333; font-weight: bold; line-height: 0.3rem;}
.hd ul li:hover a, .hd ul li.active a{ color: #3978cc; font-weight: bold;}
.hd .span{ font-size: 0.22rem; color: #3978cc; font-weight: bold; line-height: 0.3rem; display: inline-block;}

.info li{ line-height: 0.6rem;}

.swiper-container { width: 100%; height: 100%; position: relative;}
.swiper-container .swiper-pagination { width: 100%;}

.bg-hdjl{ background: url(../images/bg_hdjl.png) no-repeat center top; background-size: 100%; overflow: hidden;}
.mail{ padding: 0.25rem; box-shadow: 0px 0 0.06rem rgba(193, 208, 227, 0.49); background-color: rgba(250, 252, 253, 0.5); overflow: hidden;}
.mail .L-mail{ width:calc(100% - 4.3rem); padding-right: 0.25rem;}
.mail .L-mail .hd{ padding-bottom: 0; border-bottom: 0;}
.mail .L-mail .title{ margin-top: 0.23rem; font-size: 0.17rem; line-height: 0.45rem; background-color: #e5edf8;}
.mail .L-mail .title span{ color: #666;}
.mail .L-mail .title span.span-01{ margin-left: 0.15rem;}
.mail .L-mail .title span.span-02{ margin-right: 0.15rem;}
.mail .L-mail .bd{}
.mail .L-mail .bd ul{ margin-top: -0.05rem;}
.mail .L-mail .bd ul li{ margin-top: 0.35rem; line-height: 0.24rem;}
.mail .L-mail .bd ul li a{ display: block;}
.mail .L-mail .bd ul li a i{ width:0.5rem; height: 0.24rem; margin-right: 0.1rem; float: left; font-size: 0.15rem; font-weight: bold; text-align: center; border-radius: 0.03rem; display: block;}
.mail .L-mail .bd ul li a i.zx { color: #3b7fcb; background-color: #d8e5f3;}
.mail .L-mail .bd ul li a i.jy { color: #3b7fcb; background-color: #e5f7f0;}
.mail .L-mail .bd ul li a i.ts { color: #e16500; background-color: #f8ebe0;}
.mail .L-mail .bd ul li a i.jy { color: #ea3f78; background-color: #fbeef2;}
.mail .L-mail .bd ul li a i.qt { color: #87b3ed; background-color: #e4eef6;}
.mail .R-mail{ width:4.3rem;}
.mail .R-mail ul{ margin-right: -0.2rem;}
.mail .R-mail ul li{ width: calc(100% / 2); float: left;}
.mail .R-mail ul li a{ height: 1.54rem; margin: 0.2rem 0.2rem 0 0; background-repeat: no-repeat; background-size: cover; position: relative; display: block;}
.mail .R-mail ul li a .box{ width:100%; position: absolute; top:50%; left: 0; transform: translate(0, -50%); z-index: 2;}

.mail .R-mail ul li a i { position: absolute; z-index: 1; background: linear-gradient(rgba(57, 120, 204, 0.3), rgba(57, 120, 204, 0.3));}
.mail .R-mail ul li:nth-of-type(1) a i{ width: 0; height: 100%; top: 0; left: 0;}
.mail .R-mail ul li:nth-of-type(2) a i { width: 0; height: 100%; top: 0; right: 0;}
.mail .R-mail ul li:nth-of-type(3) a i { width: 100%; height: 0; top: 0; left: 0; right: 0;}

.mail .R-mail ul li:nth-of-type(1){ width:100%; float: none;}
.mail .R-mail ul li:nth-of-type(1) a{ background-image: url(../images/bg_hdjl_mail12345.png); background-position: center bottom;}
.mail .R-mail ul li:nth-of-type(1) a.fwrx{ height: 2.12rem; margin: 0 0.18rem 0 0;}
.mail .R-mail ul li:nth-of-type(1) a.fwrx .box img{ width:100%; animation: bounceIn 2s linear infinite; -webkit-animation: bounceIn 2s linear infinite;}

.mail .R-mail ul li a.wyxx{ background-image: url(../images/bg_hdjl_mail_wyxx.png); background-position: right bottom;}
.mail .R-mail ul li a.xjcx{ background-image: url(../images/bg_hdjl_mail_wycx.png); background-position: left bottom;}
.mail .R-mail ul li a.wyxx .box img,.mail .R-mail ul li a.xjcx .box img{ width:0.65rem; height: 0.65rem; margin: 0 auto 0.15rem auto; border-radius: 50%; box-shadow: 0 0 0.6rem rgba(193, 208, 227, 0.49); background-color: #f7fafd; display: block;}
.mail .R-mail ul li a.wyxx .box span,.mail .R-mail ul li a.xjcx .box span { color: #fff; font-weight: bold; text-align: center; letter-spacing: 0.02rem; display: block;}

.mail .R-mail ul li:hover a .box img { animation: upHid 1.6s linear infinite; -webkit-animation: upHid 1s linear infinite;}
.mail .R-mail ul li:nth-of-type(1) a:hover i { width: 100%;}
.mail .R-mail ul li:nth-of-type(2) a:hover i { width: 100%;}
.mail .R-mail ul li:nth-of-type(3) a:hover i { height: 100%;}

.mail-bl{ margin-bottom: 0.35rem;}
.mail-bl .bl-hd{ margin-top: 0.36rem; background: url(../images/bg_hdjl_xjbl_title.png) repeat-x center center; text-align: center;}
.mail-bl .bl-hd a, .mail-bl .bl-hd span{ padding: 0 0.18rem; font-size: 0.22rem; color: #3978cc; font-weight: bold; line-height: 0.3rem; background-color: #e6f3f8; display: inline-block;}
.mail-bl .bl-hd a i, .mail-bl .bl-hd span i{ width:0.3rem; height: 0.3rem; margin-right: 0.1rem; float: left; font-size: 0; border-radius: 0.03rem; background-color: #3978cc; display: block;}
.mail-bl .bl-hd a i img, .mail-bl .bl-hd span i img{ border-radius: 0.03rem;}

.mail-bl .date{ margin-top: 0.3rem; font-size: 0; text-align: center;}
.mail-bl .date .box{ width: 1.45rem; height: 0.35rem; margin: 0 0.1rem; padding:0 0.1rem; font-size: 0.17rem; line-height: 0.35rem; text-align: left; border:1px solid #dbe7f2; background-color: #fbfdff; display: inline-block; position: relative; box-sizing: border-box;}
.mail-bl .date .box input[type="text"]{ width: 100%; height: 100%; float: left; background: transparent;}
.mail-bl .date .box em{ width:0.12rem; height: 0.07rem; position: absolute; top:50%; right: 0.1rem; transform: translate(0, -50%); background: url(../images/img_hdjl_xjbl.png) no-repeat;}
.mail-bl .bl-bd{ margin-top: 0.35rem;}
.mail-bl .bl-bd ul{ margin-right: -0.35rem;}
.mail-bl .bl-bd ul li{ width: calc(99.9999999% / 3); float: left;}
.mail-bl .bl-bd ul li .box{ min-height:2rem; margin-right: 0.35rem; padding: 0.2rem; box-shadow: 0 0 0.06rem rgba(193,208,227,.49);}
.mail-bl .bl-bd ul li .box div{ margin: 0 auto !important;}

.L-infobox{ width:calc(100% - 4.7rem); margin-bottom: 0.2rem; padding-right: 0.25rem;}
.L-infobox .zdyjc{}
.L-infobox .zdyjc .hd ul{ width:auto; float: right; text-align: right;}
.L-infobox .zdyjc .hd ul li{ width: auto; float: none; padding: 0 0.1rem; line-height: 0.3rem; background-image: url(../images/bg_zdyjc_li.png); background-repeat: no-repeat; background-position: right center; background-size: auto; display: inline-block;}
.L-infobox .zdyjc .hd ul li a{ font-size: 0.18rem; font-weight: normal;}
.L-infobox .zdyjc .hd ul li:hover a,.L-infobox .zdyjc .hd ul li.active a{ font-weight: bold;}
.L-infobox .zdyjc .bd{ height: 2.8rem; margin-top: 0.06rem;}
.L-infobox .dc{ margin-top: 0.4rem;}
.L-infobox .dc .hd ul li{ width: auto;}
.L-infobox .dc .hd ul li a{ margin-right: 0.4rem;}
.L-infobox .dc .bd{ height: 2.9rem; margin-top: 0.06rem;}
.L-infobox .dc .bd .info.zj-info li a{ padding-left: 0.9rem; position: relative;}
.L-infobox .dc .bd .info.zj-info li a i { width:0.8rem; padding: 0.02rem 0; font-size: 0.16rem; line-height: 0.28rem; text-align: center; border-radius: 0.03rem; display: inline-block; position: absolute; top:50%; left: 0; transform: translate(0, -50%);}
.L-infobox .dc .bd .info.zj-info li a i.zjz { color: #fff; background-color: #3978cc;}
.L-infobox .dc .bd .info.zj-info li a i.yjs { color: #666; background-color: #e9e9e9;}
.L-infobox .dc .bd .info.zj-info li a .em02{ display: none;}

.R-links{ width:4.7rem; margin-bottom: 0.2rem;}
.R-links .wsxf{}
.R-links .wsxf .bd{ margin-top: 0.06rem;}
.R-links .wsxf .bd ul{ margin-right:-0.2rem;}
.R-links .wsxf .bd ul li{ width: calc(100% / 2); float: left;}
.R-links .wsxf .bd ul li a{ height: 1.21rem; margin: 0.2rem 0.2rem 0 0; padding: 0.15rem 0; border:1px solid #dce8f8; background-repeat: no-repeat; background-position: center; background-size: cover; display: block; position: relative;}
.R-links .wsxf .bd ul li a .box{ width: 100%; position: absolute; top:50%; left: 0; transform: translate(0, -50%);}
.R-links .wsxf .bd ul li a .box img{ width:0.5rem; height: 0.5rem; margin: 0 auto 0.13rem auto; border-radius: 50%; box-shadow: 0 0 0.06rem rgba(193, 208, 227, 0.49); background-color: #f7fafd; display: block;}
.R-links .wsxf .bd ul li a .box span{ color: #3978cc; font-weight: bold; text-align: center; letter-spacing: 0.02rem; display: block;}
.R-links .wsxf .bd ul li a i{ position: absolute; background: linear-gradient(rgba(207,226,243,.8), rgba(207,226,243,.8));}
.R-links .wsxf .bd ul li a:hover .box img{ animation: bounceIn 1.5s linear infinite; -webkit-animation: bounceIn 1.5s linear infinite;}
.R-links .wsxf .bd ul li:nth-child(even) a{ background-image: url(../images/bg_hdjl_wsxfbtn02.png);}
.R-links .wsxf .bd ul li:nth-child(odd) a{ background-image: url(../images/bg_hdjl_wsxfbtn01.png);}
.R-links .wsxf .bd ul li:nth-of-type(1) a i{ width:100%; height: 0; top: 0;}
.R-links .wsxf .bd ul li:nth-of-type(1) a:hover i{ height:100%;}
.R-links .wsxf .bd ul li:nth-of-type(2) a i{ width:0; height: 100%; top: 0; top: 0; left: 0;}
.R-links .wsxf .bd ul li:nth-of-type(2) a:hover i{ width:100%;}
.R-links .wsxf .bd ul li:nth-of-type(3) a i{ width:0; height: 100%; top: 0; right: 0;}
.R-links .wsxf .bd ul li:nth-of-type(3) a:hover i{ width:100%;}
.R-links .wsxf .bd ul li:nth-of-type(4) a i{ width:100%; height: 0; top: 0; bottom: auto;}
.R-links .wsxf .bd ul li:nth-of-type(4) a:hover i{ height:100%;}
.R-links .xmt{ margin-top: 0.2rem; padding: 0.18rem; background: url(../images/bg_hdjl_xmt.png) no-repeat center bottom #3f82da; background-size: cover;}
.R-links .xmt .title{ padding:0.1rem 0 0.28rem 0; background-image: url(../images/bg_hdjl_xmt_title.png); background-repeat: no-repeat; background-position: center bottom; background-color: #3f82da; display: block;}
.R-links .xmt .title a{ font-size: 0.22rem; color: #fff; font-weight: bold; text-align: center; display: block;}
.R-links .xmt .bd{ margin-top: 0.19rem; padding: 0.27rem 0.3rem 0.15rem 0.3rem; background-color: rgba(255,255,255,.85); position: relative;}
.R-links .xmt .bd .box{ padding: 0 0.2rem; text-align: center; display: block;}
.R-links .xmt .bd .box img{ width:1.5rem; height: 1.5rem; margin: 0 auto 0.05rem auto; padding: 0.05rem; border-radius: 0.03rem; background-color: #fff; display: block;}
.R-links .xmt .bd .box span{ height: 0.4rem; font-size: 0.15rem; line-height: 0.2rem; text-align: center; white-space: normal; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2;}
.R-links .xmt .bd .swiper-container{ position: static;}
.R-links .xmt .bd .swiper-container .swiper-button-next{ right: 0; border-top-left-radius: 0.03rem; border-bottom-left-radius: 3/@r;}
.R-links .xmt .bd .swiper-container .swiper-button-prev{ left: 0; border-top-right-radius: 0.03rem; border-bottom-right-radius: 3/@r;}
.R-links .xmt .bd .swiper-container .swiper-button-next, .R-links .xmt .bd .swiper-container .swiper-button-prev{ width:0.3rem; height: 0.5rem; background-color: rgba(0,0,0,.8); background-image: none;}
.R-links .xmt .bd .swiper-container .swiper-button-next::after, .R-links .xmt .bd .swiper-container .swiper-button-prev::after{ font-size:0.15rem; color: #fff;}
.R-links .xmt .bd .swiper-container .swiper-pagination{ bottom: 0.1rem; display: none;}
.R-links .xmt .bd .swiper-container .swiper-pagination span{ width:0.08rem; height: 0.08rem; background-color: #fff; border: 1px solid #467ac0; border-radius: 50%; cursor: pointer;}
.R-links .xmt .bd .swiper-container .swiper-pagination .swiper-pagination-bullet{ opacity: 1;}
.R-links .xmt .bd .swiper-container .swiper-pagination .swiper-pagination-bullet-active{ background-color: #467ac0;}

@keyframes upHid {
    0% { transform: translateY(0);}
    50% { transform: translateY(-0.08rem);}
    100% { transform: translateY(0);}
}
@-webkit-keyframes upHid {
    0% { -webkit-transform: translateY(0);}
    50% { -webkit-transform: translateY(-0.08rem);}
    100% { transform: translateY(0);}
}

.gkxx-dqzlm{ font-size: 0.22rem; font-weight: 600; background: url(../images/bg_list_lm_r.png) repeat-x center bottom; position: relative;}
.gkxx-dqzlm span{ min-width: 2.35rem; padding: 0.2rem 0.15rem; color: #fff; font-weight: bold; line-height: 0.28rem; text-align: center; border-top-left-radius:0.05rem; border-top-right-radius:0.05rem; background-image: linear-gradient(to right , #3276cd, #155db0); display: inline-block; position: relative; z-index: 1;}
.gkxx-dqzlm p{ margin-left: 0.1rem; font-size: 0.16rem; color: #666; display: inline-block; vertical-align: middle;}
.gkxx-dqzlm p strong{ margin: 0 0.05rem; display: inline-block;}
.gkxx-dqzlm .btn{ padding: 0.13rem 0; float: right;}
.gkxx-dqzlm .btn a{ margin-left: 0.1rem; padding: 0 0.2rem; font-size: 0.16rem; color: #fff; line-height: 0.4rem; background-color: #3276cd; display: inline-block;}
.gkxx-dqzlm .btn a:hover{ background-color: #155db0;}

.gkxx-list{ margin-bottom: 0.3rem; overflow: hidden;}
.gkxx-list ul{ margin: 0 -0.25rem 0 0;}
.gkxx-list ul li{ width: calc(100% / 2); float: left;}
.gkxx-list ul li a{ margin: 0.2rem 0.2rem 0 0; padding:0.25rem; background-color: #f3f6fd; display: block; position: relative;}
.gkxx-list ul li a .title{ padding-left: 0.3rem; font-size: 0.16rem; color: #666; font-weight: bold; line-height: 0.3rem; background-image: url(../images/bg_lxxd_a.png); background-repeat: no-repeat; background-position: left center;}
.gkxx-list ul li a .title span{ color:#3978cc; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; display: inline-block; vertical-align: top;}
.gkxx-list ul li a .bd{ margin-top: 0.15rem; border-top:1px solid #e2eff5; overflow: hidden;}
.gkxx-list ul li a .bd span{ margin: 0.15rem 0.25rem 0 0; font-size:0.14rem; color: #999; display: inline-block;}
.gkxx-list ul li a .title, .gkxx-list ul li a .bd{ position: relative; z-index: 1;}
.gkxx-list ul li a i{ width: 100%; height:0; position: absolute; left: 0; right: 0; bottom: 0; background-color: #ecf2ff; -webkit-transition:500ms;-o-transition:500ms;-moz-transition:500ms;transition:500ms;}
.gkxx-list ul li a:hover .bd{ border-top:1px solid #c1d1e3;}
.gkxx-list ul li a:hover i{ height:100%;}

table tr td, table{ border-collapse:collapse;}
.gkxx-content{ margin-bottom: 0.25rem; padding: 0.25rem; background-color: rgba(255,255,255,.9);}
.gkxx-content table{ width: calc(100% + 1px); border-top:1px solid #e2eff5; border-left:1px solid #e2eff5;}
.gkxx-content table td{ width:87%; padding: 0.15rem 0.2rem; text-align: left; border-right: 1px solid #e2eff5; border-bottom: 1px solid #e2eff5;}
.gkxx-content table td span{ width:100%; line-height: 0.4rem; white-space: normal; display: -webkit-box; -webkit-box-orient: vertical;}
.gkxx-content table td.tit{ width:13%; color:#3978cc; font-weight: bold; text-align: right;}

.gkxx-content .layui-form{ width: calc(100% + 1px); min-height: auto; border:1px solid #e2eff5; border-top: 0;}
.gkxx-content .layui-form-label{ width: calc(13% - 1px); padding: 0.15rem 0.2rem; color:#3978cc; font-weight: bold; text-align: right;}
.gkxx-content .layui-form-label span{ width:100%; line-height: 0.4rem; white-space: normal; display: -webkit-box; -webkit-box-orient: vertical;}
.gkxx-content .layui-input-block { width: calc(87% + 1px); min-height: auto; margin-left: 0; padding: 0.15rem 0.2rem; text-align: left; border-left:1px solid #e2eff5;}
.gkxx-content .radio-box{ text-align: center; }
.gkxx-content .radio-box .layui-form-radio *{ font-size: 0.18rem;}
.gkxx-content .radio-box .layui-form-radio>i{ font-size: 0.18rem;}
.gkxx-content .layui-btn-sm { height: auto; margin:0.3rem auto 0.2rem auto; padding: 0 0.4rem; font-size: 0.18rem; line-height: 0.4rem; background-color: #3978cc; display: block;}
.gkxx-content .tips{ color: #EB7350; font-size: 0.15rem; text-align: center;}
.gkxx-content .evaluate-res{ width: calc(100% + 1px); border:1px solid #e2eff5; border-top: 0;}
.gkxx-content .evaluate-res .layui-form-radio *{ font-size: 0.18rem;}
.gkxx-content .evaluate-res .layui-form-radio>i{ font-size: 0.18rem;}

.gkxx-write{ margin-bottom: 0.25rem; padding: 0.25rem; box-shadow: 0px 0 0.06rem rgba(193, 208, 227, 0.49); background-color: rgba(255, 255, 255, 0.8); overflow: hidden;}
.write-tip{ padding: 0.3rem; border-radius: 0.05rem; background-image: linear-gradient(0deg, #f6fbff 0%, #e9f6fe 100%);}
.write-tip .title{ line-height: 0.45rem; text-align: center;}
.write-tip .title img{ height:0.45rem; margin-right: 0.1rem; display: inline-block; vertical-align: middle;}
.write-tip .title span{ font-size: 0.32rem; color: #2e7ce5; font-weight: bold; letter-spacing: 0.05rem; display: inline-block; vertical-align: top;}
.write-tip .tip{ margin-top: 0.3rem; font-size: 0.16rem; padding:0.2rem 0.3rem; line-height: 0.4rem; border-radius: 0.05rem; background-color: #ffffff;}
.write-tip .tip p{ display: block;}
.write-tip .tip .text-sj{ text-indent: 2em;}
.write-tip .tip .text-xx{ color: #206dd7; text-indent: 0; display: inline-block; cursor: pointer;}
.write-tip .tip .text-item{ max-height: 0; overflow: hidden; transition: all .5s;}

.Write-title{ margin-top: 0.3rem; padding: 0 0.15rem; color: #206dd7; font-weight: bold; line-height: 0.5rem; background-color: rgba(39, 96, 183, 0.06); position: relative;}
.Write-title::before{ content: ""; width:0.04rem; height: 0.22rem; background-color: #2383D0; position: absolute; top: 50%; left: 0; transform: translateY(-50%);}

.layui-form{ width:80%; min-height: 3rem; margin: 0 auto;}
.layui-form-item{ margin: 0.25rem auto 0 auto; font-size: 0.16rem;}
.layui-form-item .red{ margin-right: 0.05rem; color: red;}
.layui-form-item .blue{ margin-right: 0.1rem; color: #2383D0;}
.layui-form-item .layui-form-label{ width:2rem; margin-right: 0.1rem; padding: 0; line-height: 0.45rem; float: left;}
.layui-form-item .layui-input-block{ width: calc(100% - 2.1rem); min-height: auto; margin: 0; float: right;}
.layui-form-select { position: relative;}
.layui-form-select dl{ min-width: auto; width:80%;}
.layui-form-select dl dd.layui-this{ background-color: #2383D0;}
.layui-form-item input{ width: 80%; height: 0.45rem;}
.layui-form-item textarea{ width: 80%; height: 3rem; line-height: 0.32rem;}
.layui-form-item input::placeholder,.layui-form-item textarea::placeholder{ font-size: 0.14rem; color: #999; display: block;}
.layui-input, .layui-textarea, .layui-select{ font-size: 0.16rem;}
.layui-form-item .layui-form-radio,.layui-form-item .layui-form-radio * { font-size: 0.16rem; line-height: 0.45rem;}
.layui-form-item .layui-form-radio:hover *,
.layui-form-item .layui-form-radioed, 
.layui-form-item .layui-form-radioed i { color: #2383D0;}
.layui-form-item .layui-form-radio { margin-top: 0;}
.layui-select-title{ width: 80%; position: relative;}
.layui-select-title input{ width:100%;}
.layui-form-item .upload-btn-box { position: relative; display: inline-block;}
.layui-form-item .upload-btn-box button{ height: 0.4rem; padding: 0 0.3rem; line-height: 0.4rem; background-color: #2383D0;}
.layui-form-item .file-item{ margin-top: 0.15rem;}
.layui-form-item .file-item .file-del{ color: red; cursor: pointer;}
.layui-form-item .img-input{ width:30%; margin-top: 0; float: left;}
.layui-form-item .img-code{ width: 0.9rem; height: 0.45rem; float: left; display: inline-block;}
.layui-form-item .img-code img { width: 100%; height: 100%;}
.layui-form-item .img-span{ margin: 0 0.1rem; float: left; color: #265293; line-height: 0.45rem; display: block; cursor: pointer;}
.layui-form-item .getCodeClear { display: none;}
.layui-form-item .layui-btn-sm{ height: 0.45rem; font-size: 0.16rem; line-height: 0.45rem;}
.layui-form-item .btn-submit{ width: 2rem; height: 0.6rem; margin: 0 auto; font-size: 0.16rem; line-height: 0.6rem; background-color: #2383D0; display: block;}

.layui-search .img-input{ width: calc(80%  - 2.4rem);}
.layui-search .layui-btn-sm{ width:1.5rem; padding: 0;}