@charset "UTF-8";
@font-face {
    font-family: "MontserratRegular";
    src: url("../font/MontserratRegular.woff2") format("woff2"),
        url("../font/MontserratRegular.woff") format("woff"),
        url("../font/MontserratRegular.ttf") format("truetype"),
        url("../font/MontserratRegular.eot") format("embedded-opentype"),
        url("../font/MontserratRegular.svg") format("svg");
}
body{
	 font-family: -apple-system, "BlinkMacSystemFont", "PingFang SC", 'MontserratRegular',"Hiragino Sans GB", "Microsoft YaHei", sans-serif;
}
.txt-c{text-align: center;}
textarea,input{  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  font-family: inherit;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td { margin:0; padding:0; }
h1,h2,h3,h4,h5,h6{font-weight: normal;}
a {COLOR: #666; TEXT-DECORATION: none}
em {FONT-STYLE: normal; FONT-WEIGHT: normal}
ul {PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px}
li {PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px}

.container{width:1600px; margin:0 auto}
.container12{width:1200px; margin:0 auto}
.container14{width:1400px; margin:0 auto}
.container15{width:1500px; margin:0 auto}
.container16{width:1600px; margin:0 auto}
.containers{width:96%; margin:0 auto}

.header {position: fixed; top: 0; z-index: 99999;     width: 100%; background: #ffffff; transition: .5s;}
.header .container {width: 1700px; margin: auto;}
.header .box {display: flex; justify-content: space-between; align-items: center; height: 7.56rem;}
.header .h-nav {display: flex; width: 60%; justify-content: space-between;}
.header .h-nav > li {line-height: 7.56rem;}
.header .h-nav > li > a {font-size: 1.06rem;color: #333333;font-weight: 400; position: relative;}
.header .h-nav > li > a::after {content: ""; position: absolute; bottom: -10px; width: 0; left: 50%; height: 1px; background: #000000; transition: .5s;}
.header .h-nav > li:hover > a::after {width: 100%; left: 0;}
.header .h-nav > li.on > a::after {width: 100%; left: 0;}
.header .h-re {display: flex; gap: 4.5rem; align-items: center;}
.header .h-re img {display: block;}
.header .h-re .luange {font-size: 1.13rem;color: #333333;font-weight: 400;font-family: Arial, Arial-Regular;}

/* 产品下拉 */
.diskSlide .diskDown {position: absolute; width: 100%; left: 0;  top: 7.56rem; background: #fff; display: none; box-shadow: 0px 7px 10px rgb(0 0 0 / 10%); box-sizing: border-box;}
.diskSlide .diskDown .diskBox {width: 71%; line-height: initial; margin: auto; display: flex; align-items: flex-start; justify-content: space-between; padding: 2.5rem 0 4rem 0;}
.diskSlide .diskDown .diskBox .hd {width: 250px;}
.diskSlide .diskDown .diskBox .bd {width: calc(100% - 220px);margin-left: 30px}
.diskSlide .diskDown .diskBox .bd ul li{
        margin-right: 15px;
    float:left;
    width: 25%;
}
.diskSlide .diskDown .hd ul {/*display: grid; grid-template-columns:  repeat(4 ,1fr); grid-template-rows: auto;  row-gap: 3rem;*/  width: 100%;}
.diskSlide .diskDown .hd ul li {text-align: left; margin: auto;padding: 0 0.5rem;     border-bottom: 1px solid #fff;}
.diskSlide .diskDown .hd ul li.on{border-color: #eee}
.diskSlide .diskDown .hd ul li .img{display: none;}
.diskSlide .diskDown .hd ul li.on .img{display: block;}
/*.diskSlide .diskDown .hd ul li img {margin: auto; transition: .5s; width: 65%;}*/
.diskSlide .diskDown .hd ul li span {font-size: 1rem; font-weight: 400;color: #333333; margin-top: 0.6rem; display: inline-block;margin-bottom: 0.6rem}
.diskSlide .diskDown .hd ul li:hover img {transform: scale(1.05);}
.diskSlide .diskDown .hd ul li:hover span {color: #015097;}
.diskSlide .diskDown .hd ul li.on span {color: #015097;}
.diskSlide .diskDown .hd ul li a{
	    align-items: center !important;
    justify-content: space-between;
    display: flex
;
}
.diskSlide .diskDown .diskDownRe {background: #f5f5f5; padding: 1rem 0;    width: 100%; text-align: center;border-radius: 15px;margin-bottom:1rem; }
.diskSlide .diskDown .diskDownRe img {margin: auto; display: block; width: 90%;}
.diskSlide .diskDown .diskDownRe span {font-size: 0.88rem;color: #333333;font-weight: 400; margin-top: 1rem; display: block;}
.diskSlide .diskDown .diskDownRe:hover span {color: #015097;}

/* 关于我们下拉 */
.aboutSlide .aboutDown {position: absolute; width: 100%; left: 0;  top: 7.56rem; background: #fff; display: none; box-shadow: 0px 7px 10px rgb(0 0 0 / 10%); box-sizing: border-box;}
.aboutSlide .aboutDown dl {display: flex; justify-content: center; gap: 2rem; line-height: initial; padding: 2rem;}
.aboutSlide .aboutDown dl .imgBox {overflow: hidden;}
.aboutSlide .aboutDown dl img {display: block; width: 100%; transition: .5s;}
.aboutSlide .aboutDown dl span {display: block; color: #333; font-size: 1.1rem; text-align: center; margin-top: 1rem;}
.aboutSlide .aboutDown dl dd:hover img {transform: scale(1.1);}
.aboutSlide .aboutDown dl dd:hover span {color: #015097;}

/* 搜索页面 */
.search-page .container {width: 60%;}
.search-page .box {margin-top: 18vh;}
.search-page form {width: 60%;margin: auto; margin-bottom: 60px; border: 1px solid #333; border-radius: 50px; padding:5px 20px; box-sizing: border-box; display: flex;     align-items: center; justify-content: space-between; }
.search-page form .search-text {padding: 5px 0; width: 95%; line-height: 35px; outline: none; border: none; box-sizing: border-box; font-size: 16px;}
.search-page form .sub {width: 23px;  height: 23px; display: block; cursor: pointer; background: url(../images/search-icon.png) no-repeat center; outline: none; border: none; background-size: 100%; filter: brightness(0);}
.search-page ul {width: 100%;}
.search-page li {width: 100%; padding: 30px; margin-top: 20px; box-sizing: border-box; background: #f5f5f5;}
.search-page li span {background: #015097; color: #fff; font-size: 12px; padding: 2px 5px; }
.search-page li h3 {font-size: 18px; margin: 10px 0; color: #000000; font-weight: 700;}
.search-page li p {font-size: 16px; color: #666; line-height: 20px; display: -webkit-box;overflow: hidden;  	-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.search-page li .le {width: 95%;}
.search-page li a {display: flex; align-items: flex-end; justify-content: space-between;}
.search-page li img {transition: .5s; margin-right: 20px;}
.search-page li:hover img {transform: translateX(20px);}
.search-page .box h3 {font-size: 3rem; font-weight: 700; text-align: center;color: #015097;margin-bottom: 2rem;}
.search-page .box .more {display: flex; align-items: center; margin-top: 1rem;}
.search-page .box .more dl {display: flex;gap: 1rem;}
.search-page .box .more strong {font-size: 1.2rem; font-weight: 700;}
.search-page .box .more dl dd a {font-size: 1rem; color: #333;}
.search-page .box .more dl dd a:hover {color: #015097;}
.search-page form {width: 100%;}


/* 首页 */
.banner .bannerSwiper {overflow: hidden; position: relative;}
.banner .banner-bj{width: 100%;}
.banner .swiper-slide {overflow: hidden;}
.banner .swiper-slide .box {position: absolute;left:0;right:0;top:25%;width:100%;margin:0 auto;text-align: center;}
.banner .swiper-slide .box em {display: block; color: #222; font-size:2rem;line-height: 1.8rem;}
.banner .swiper-slide .box h3 {color: #1d1d1f; font-size:4rem; font-weight: bold; font-family: Arial; line-height: 4rem; margin: 1rem 0;}
.banner .swiper-slide .box h4 {font-size:1.05rem;font-weight: 400;color: #1d1d1f;line-height: 1.25rem;}
.banner .swiper-slide .box span{display: block;margin-top: 1rem;}
.banner .swiper-slide .box span a{font-size: 1rem;line-height: 1rem;color:#015198;margin:0 1.5rem;}
.banner .swiper-slide .box span a img{margin-left: 1rem;transition: all .5s;}
.banner .swiper-slide .box span a:hover{text-decoration: underline;}
.banner .swiper-pagination {display: none;}
@media screen and (min-width: 200px) and (max-width: 640px) {.banner .swiper-pagination{display: block;}}
.banner .swiper-button-prev {width: 14px; height: 25px; background: url(../images/banner-jt.png) no-repeat center; background-size: 100%; left: 2%;}
.banner .swiper-button-next {width: 14px; height: 25px; background: url(../images/banner-jt.png) no-repeat center; background-size: 100%; right: 2%; transform: rotate(180deg);}
@keyframes heart {from {  transform: translate(0, 0);}to {  transform: translate(0, 30px);}}


.indexOne {padding: 2rem; box-sizing: border-box;}
.indexOne ul {display: flex; flex-wrap: wrap; justify-content: space-between; row-gap: 1rem; }
.indexOne ul li {background: #f5f5f5; padding: 9rem 2rem 6rem 4.3rem;  box-sizing: border-box;width: calc(50% - 8px);}
.indexOne ul li strong {font-size:2.9rem;font-weight: 700;color: #333333;font-family: Arial, Arial-Bold;     line-height: 60px;}
.indexOne ul li h3 {font-size:1.3rem;font-weight: 400;color: #333333;     line-height: 30px;}
.indexOne ul li em {display: inline-block; padding-right: 1.5rem; box-sizing: border-box; transition: .5s; font-size: 1.19rem;font-weight: 400;color: #015097; margin-top: 1rem; background: url(../images/indexOne-more-jt.png) no-repeat right;     background-position-y: 11px;}
.indexOne ul li:hover em{text-decoration:underline;}
.indexOne ul li a {display: flex; align-items: center;height: 100%; justify-content: space-between; gap: 2rem;}
.indexOne ul li a .le {width: 50%;}
.indexOne ul li a .re {width:80%}
.indexOne ul li img {display: block; width: 100%; transition: .5s;}
.indexOne ul li a:hover img {transform: scale(1.05);}
.indexOne ul li a:hover em {}


.twoOne .index-title{margin-bottom: 3.875rem;}
.twoOne .index-title h2{ font-weight: normal;font-size: 2rem;}

.app-list{overflow: hidden;}
.app-list ul{display: flex;    flex-wrap: wrap;    justify-content: space-between;}
.app-list ul li{  position: relative; margin-bottom: 3.125rem;transition:0.6s; width: 32.4%}
.app-list ul li .pic{overflow: hidden;}
.app-list ul li .pic img{display: block; width: 100%; -webkit-transition: opacity 1s, -webkit-transform 1s; transition: opacity 1s, transform 1s; -webkit-backface-visibility: hidden;backface-visibility: hidden;opacity: 1;}
.app-list ul li:hover .pic img{-webkit-transform: scale3d(1.1,1.1,1);transform: scale3d(1.1,1.1,1);-webkit-transition: opacity 1s, -webkit-transform 1s;transition: opacity 1s, transform 1s;-webkit-backface-visibility: hidden;backface-visibility: hidden;}
.app-list ul li .info {position: absolute; width: 100%; bottom: 2.75rem; left: 1.875rem;z-index: 9999}
.app-list ul li .info strong{display: block; font-size: 1.625rem; color: #fff; margin-bottom: 2rem;}
.app-list ul li .info span{display: block; width: 8.4375rem; font-size: 0.875rem; line-height: 3rem;background: #e30613; color: #fff; text-align: center; transition:0.6s}
.app-list ul li:hover .info span{background: #fff; color: #000; }
.show-box{
        width: 100%;
    height: 100%;
    position: absolute;
    display: none;
    z-index: 999;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.4) !important;
}
.app-list ul li:hover .show-box{display: block;}


.indexThree {background: #f5f5f5; margin-top: 2rem;}
.indexThree .box {display: flex;  gap: 4.25rem; align-items: center; justify-content: space-between;}
.indexThree .box h3 {font-size: 2.25rem;font-weight: 700;color: #333333;}
.indexThree .box i {width: 2.06rem; height: 0.19rem;background: #222222; display: inline-block;}
.indexThree .box p {text-align: justify;font-size: 0.94rem;font-weight: 400;color: #787878; margin: 2rem 0 3rem 0;display: -webkit-box;overflow: hidden;  	-webkit-line-clamp: 8;-webkit-box-orient: vertical; line-height: 1.5}
.indexThree .box a {font-size: 1rem;display: inline-block; padding-right: 1.5rem; transition: .5s; font-weight: 400;color: #015097;background: url(../images/indexOne-more-jt.png) no-repeat right;     background-position-y: 4px;}
.indexThree .box a:hover {padding-right: 2rem;}
.indexThree .box .le {    width: 37%; margin-left: 9%;}
.indexThree .box .re {overflow: hidden; width: 50%;height: 28.5rem;  }
.indexThree .box .re .imgBox {height: 102%; width: 102%; background: url(../images/indexThree-img.jpg) no-repeat center; background-size: cover;transition: .5s;    }
.indexThree .box .wraoImg {display: none;}
.indexThree .box .wraoImg img { width: 100%; display: block;}

/* 底部 */
.footer {background: #f5f5f7; padding: 1.63rem 0 3rem 0;margin-top:3rem;}
.footer .box {display: flex; justify-content: space-between; align-items: center;}
.footer .box .le {padding-right: 1rem;}
.footer .box .le .list {display: flex; gap: 1.3rem; margin: 1rem 0;}
.footer .box .le .list .li {width: 2.88rem; height: 2.88rem; border: 0.06rem solid #e0e0e0; border-radius: 50%; display: flex; align-items: center; justify-content: center; position: relative;}
.footer .box .le .list .li img {display: block; }
.footer .box .le .list .li a img {transition: .5s;}
.footer .box .le .list .li:hover a img {transform: scale(1.1);}
.footer .box .le .list .er {  display: none; position: absolute; top: 100%; left: 50%; transform: translateX(-50%);background-color: #fff;margin-top: 5px;}
.footer .box .le .list .er img {width: 5rem; height: 5rem; display: block;}
.footer .box .le .text {font-size: 0.75rem;font-weight: 400;color: #666666; line-height: 30px;}
.footer .box .le .text a {font-size: 0.75rem;font-weight: 400;color: #666666;}
.footer .box .le .text a:hover {color: #015097;}
.footer .footer-nav {display: flex; width: 58%; justify-content: space-between;}
.footer .footer-nav dl {padding-right: 1rem; box-sizing: border-box;}
.footer .footer-nav dt {font-size: 1rem;font-weight: 400;color: #111111; margin-bottom: 1rem; white-space: nowrap;}
.footer .footer-nav dt a{font-size: 1rem;font-weight: 400;color: #111111; margin-bottom: 1rem; white-space: nowrap;}
.footer .footer-nav dd {margin-top: 0.8rem;}
.footer .footer-nav dd a {font-size: 0.88rem;font-weight: 400;color: #777777; display: block; line-height: 1.2rem; text-transform: capitalize;}
.footer .footer-nav dd:hover a {color: #015097;}
.footer .footer-nav dl:last-child dd {font-size: 0.88rem;font-weight: 400;color: #555555; margin-top: 1rem;}
.footer .footer-nav dl:last-child dd:nth-child(2) {white-space: nowrap;}
.footer .footer-nav dl:last-child strong {font-size: 1.38rem;font-weight: bold; color: #015198;}
.footer .re {text-align: center;padding-left: 30px;}
.footer .re span {font-size: 0.88rem;font-weight: 400;color: #666666; display: block; white-space: nowrap;}

.foterPop {position: fixed;right: 1%; bottom: 0; z-index: 99; transform: translateY(calc(100% - 45px)); transition: .5s;}
.foterPop .box {width: 350px; border-radius: 15px 15px 0 0;overflow: hidden;}
.foterPop .tit {position: relative;display: flex; justify-content: space-between; align-items: center;background: #013874; color: #fff;}
.foterPop .tit {height: 45px;padding: 0 20px; cursor: pointer;}
.foterPop .tit i {transition: .5s;}
.foterPop .tit .icBox {display: none;}
.foterPop .form { border: 1px solid #013874;position: relative; background: #fff;overflow-y: auto; padding-bottom: 20px;width: 100%;}
.foterPop .form form {padding: 20px 20px 5px;}
.foterPop .form .inBox {margin-bottom: 10px; border: 1px solid #e5e5e5;height: 39px; padding: 0 13px;  border-radius: 25px;}
.foterPop .form .inBox input ,.foterPop .form .inBox textarea {width: 100%; height: 100%; border: 0; background: none; font-size: 12px; resize: none;}
.foterPop .form .inText {height: 100px;}
.foterPop .form .inBox textarea {padding: 10px 0;}
.foterPop .form .inCode {display: flex; justify-content: space-between; padding-right: 0; overflow: hidden;}
.foterPop .form .inCode input {padding-right: 15px;}
.foterPop .form .inCode img {height: 100%; border-radius: 15px;}
.foterPop .form .sub button {width: 100%; background: #EE7700;border-radius: 25px; color: #fff; height: 36px; cursor: pointer; border: 0;}
.foterPop.show {transform: translateY(0);}
.foterPop .tit.on i {transform: rotateX(180deg);}
@media (max-width: 640px) {
.foterPop .tit {width: auto; background: #fff; display: inline-flex; padding: 0 15px;}
.foterPop .tit span {display: none;}
.foterPop .tit i {display: none;}
.foterPop .tit .icBox {display: block;}
.foterPop {width: 96%; right: 2%;}
.foterPop  .box {width: 100%; border-radius: 0; display: flex; flex-direction: column; justify-content: flex-end; align-items:flex-end;}
}



.ny-banner {position: relative;margin-top: 8rem}

.ny-banner .box {top:78%; display: flex; align-items: flex-end; justify-content: space-between;  flex-wrap: wrap;}

.ny-banner .bjBox img {width: 100%; min-height: 4.24rem; object-fit: cover;}

.ny-banner .box .cn {line-height: 1; text-transform: uppercase;}
.jddwjz {position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%);}
.tit-66 {
    font-size: 66px;
}
.cor-000 {
    color: #000;
}
.layui-breadcrumb {display: flex; align-items: center; flex-wrap: wrap;margin-top: 5px;}

.layui-breadcrumb span { color: #000 !important;}

.layui-breadcrumb a {color: #000 !important;}

.layui-breadcrumb a:hover {color: #0084CD !important;}

.layui-breadcrumb>* {font-size: var(--font16);}
.layui-breadcrumb span[lay-separator] {
    margin: 0 10px;
    color: #999;
}


.pronav {background: #fff; border-bottom: 1px solid #CFCFCF; position: relative;}

.pronav .swiper {--swiper-navigation-color: #333; --swiper-navigation-size: 20px; position: static;}

.pronav .swiper .swjt {display: none;}

.pronav .swiper .swiper-slide {width: auto;margin-right: 5rem}

.pronav .swiper .swiper-slide a {display: block; padding: 4rem 0; font-size: 18px; color: #333; position: relative;}

.pronav .swiper .swiper-slide a::after {content: ''; position: absolute; bottom: 0; width: 0; height: 3px; background: #153a86; transition: .5s; left: 0;}

.pronav .swiper .swiper-slide a:hover , .pronav .swiper .swiper-slide a.on {}

.pronav .swiper .swiper-slide a:hover::after , .pronav .swiper .swiper-slide a.on::after {width: 100%;}



.prolist {background: #f8f8f8;padding: 7rem 0;}

.prolist ul {display: grid; grid-template-columns: repeat(4,24%); gap: 2rem;}

.prolist li {background: #f5f5f5; padding: 4rem 2rem;border-radius: 15px}

/* .prolist li .imgBox {height: 1.5rem;} */

.prolist li .imgBox img {max-width: 100%; max-height: 100%; object-fit: contain; transition: .5s;}

.prolist li .tit {margin-top: 3rem;}

.prolist li .xh {margin-top: 2rem;}

.prolist li:hover .imgBox img {transform: scale(1.05);}
.prolist li h4{font-size: 21px}

.proDateTwo .btn{
    margin-top: 1.5rem;
    vertical-align: middle;
        display: inline-block;
    width: 10rem;
    height: 3.125rem;
    line-height: 3.125rem;
    background: #F3DC86;
    border-radius: 3px;
    text-align: center;
    font-size: 1rem;
    color: #fff;
    transition: .6s;
}
.proDateTwo .btn img {
    vertical-align: middle;
    margin: -3px 0.5rem 0 0;
}

.tc1 {
    position: relative;
    z-index: 10000000;
}

.tc1 .tc {
    transition: all ease 300ms;
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;

    z-index: 1;
}

.tc1 .tc {
    pointer-events: none;
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0;
    transform: scale(1.1);
    display: none;
}

.tc1 .tc.act {

    filter: alpha(opacity=100);
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;
    pointer-events: auto;
    transform: scale(1);
}

.tc1 .close:hover {
    transform: rotate(180deg);
}

.tc1 .close,
.tc {
    transition: all ease 400ms;
    -moz-transition: all ease 400ms;
    -ms-transition: all ease 400ms;
    -o-transition: all ease 400ms;
    -webkit-transition: all ease 400ms;
}

.tc1 .tc-box {
    overflow: hidden;
    z-index: 9999;

    height: 100%;
    width: 100%;
    -webkit-animation-duration: 1.2s;
    animation-duration: 1.2s;

    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;












    -webkit-animation-name: anim-close-2;
    animation-name: anim-close-2;
    position: relative;
    z-index: 1;
}

.tc1 .tc-box h3 img {
    border: #fff 10px solid
}

.tc1 .tc.act {
    display: block;
}

.tc1 .close {
    position: absolute;
    cursor: pointer;
    right: 1.5rem;
    top: 1.5rem;
    z-index: 10;
}

.tc1 .close svg {
    width: 2rem;
    height: 2rem;
    fill: #ababab;
    vertical-align: top;
}

.tc1 .tc-bg {
    height: 100%;
    background: rgba(0, 0, 0, .9);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 0;
}

.tc1 .tc-box h3 img {
    width: 12rem;
    height: 12rem;
}

.tc1 .tc-box h5 {
    width: 12rem;
    height: 3rem;
    line-height: 3rem;
    font-size: 1rem;
    color: #fff;
    text-align: center
}

.tc1 .tc.act .tc-box {
    -webkit-animation-name: anim-open-2;
    animation-name: anim-open-2;
    transform: scale(1);
}
.box_table {
    display: table;
    table-layout: fixed;
    text-align: center;
    width: 100%;
    height: 100%
}

.box_table_cell {
    display: table-cell;
    vertical-align: middle
}

.box_table_cell * {
    white-space: normal;
    word-wrap: break-word;
}

.xmsm {
    background: #fff;
    width: 41.25rem;
    display: inline-block;
    max-width: 94%;
    margin: 0 auto;
    border-radius: 5px;
    padding: 3.375rem 4.375rem;
    position: relative;
}

.xmsm .title {
    margin-bottom: 2rem;
}

.xmsm .title h3 {
    font-size: 1.5rem;
    color: #333;
    font-weight: bold;
}

.xmsm .title h6 {
    font-size: 1rem;
    line-height: 1.5rem;
    color: #737373;
    margin-top: 0.5rem
}

.xmsm .title h6 font {
    color: #ff7373
}

.xmsm .title h3 a {
    color: #999;
    display: inline-block;
    margin: 0 1rem;
    transition: .6s
}

.xmsm .title h3 a.on,
.xmsm .title h3 a:hover {
    color: #073190;
    font-weight: bold;
}

.xmsm .content {
    margin: 0 -0.875rem;
}

.xmsm .content .box {
    width: 100%;
    padding: 0 0.875rem
}

.xmsm .content .yzm_box {
    width: 100%
}

.form-actions a {
    font-weight: bold;
    color: #073190;
    transition: .6s;
}

.xmsm .layui-form-pane .layui-form-label {
    text-align: left;
    width: 15rem;
    height: 3.4375rem;
    line-height: 3.4375rem;
    /* background: none; */
    padding-left:1rem ;
    font-size: .9375rem;
    color: #000000;
}

.xmsm .layui-form-pane .layui-form-label font {
    color: #ff0000
}

.xmsm .layui-form-pane .layui-input-block {
    margin-left: 15rem;
}

.xmsm .layui-input,
.xmsm .layui-select,
.xmsm .layui-textarea {
    height: 3.4375rem;
    color: #585858
}

.xmsm .layui-input,
.xmsm .layui-textarea {
    padding: 0 1.25rem;
    min-height: auto;
}

.xmsm .layui-form-select .layui-input {
    color: #585858;
    font-size: 12px;
}

.xmsm .layui-form-pane .textarea .layui-form-label {
    text-align: left;
    height: 7.1825rem;
    line-height: 7.1825rem;
}

.xmsm .layui-textarea {
    padding: 1rem;
    height: 7.1825rem;
    resize: none;
}

.xmsm .layui-form-pane .yzm_box .layui-form-label {}

.xmsm .layui-form-pane .yzm_box .layui-input-block {
    position: relative;
}

.xmsm .layui-form-pane .yzm_box .layui-input-block .yzm {
    position: absolute;
    top: 0;
    right: 1rem;
    line-height: 3.4375rem;
    font-size: 0.875rem;
    color: #ff7373;
    border: none;
}

.layui-badge-rim, .layui-colla-content, .layui-colla-item, .layui-collapse, .layui-elem-field, .layui-form-pane .layui-form-item[pane], .layui-form-pane .layui-form-label, .layui-input, .layui-layedit, .layui-layedit-tool, .layui-quote-nm, .layui-select, .layui-tab-bar, .layui-tab-card, .layui-tab-title, .layui-tab-title .layui-this:after, .layui-textarea {
    border-color: #e6e6e6;
}
.layui-elip, .layui-form-checkbox span, .layui-form-pane .layui-form-label {
    text-overflow: ellipsis;
    white-space: nowrap;
}
.layui-form-label {
    float: left;
    display: block;
    width: 110px;
    font-weight: 400;
    line-height: 20px;
    text-align: right;
}
.layui-form-label, .layui-form-mid, .layui-form-select, .layui-input-block, .layui-input-inline, .layui-textarea {
    position: relative;
}
.layui-form-pane .layui-form-label {
    width: 110px;
    height: 38px;
    line-height: 20px;
    border-width: 1px;
    border-style: solid;
    border-radius: 2px 0 0 2px;
    text-align: center;
    background-color: #FBFBFB;
    overflow: hidden;
    box-sizing: border-box;
}
.layui-form-pane .layui-input-block {
    margin-left: 110px;
    left: -1px;
    min-height: 0;
}
.layui-input, .layui-select, .layui-textarea {
    height: 38px;
    line-height: 1.3;
    line-height: 38px\9;
    border-width: 1px;
    border-style: solid;
    background-color: #fff;
    border-radius: 2px;
}
.layui-input, .layui-textarea {
    display: block;
    width: 100%;
    padding-left: 10px;
}
.layui-form-item:after {
    content: '\20';
    clear: both;
    display: block;
    height: 0;
}
.layui-form-item {
    margin-bottom: 15px;
    clear: both;
}
.layui-form-label, .layui-form-mid, .layui-form-select, .layui-input-block, .layui-input-inline, .layui-textarea {
    position: relative;
}
.layui-btn, .layui-input, .layui-select, .layui-textarea, .layui-upload-button {
    outline: 0;
    -webkit-appearance: none;
    transition: all .3s;
    -webkit-transition: all .3s;
    box-sizing: border-box;
}
form>button, .form-actions button.btn {
    width: 20.9375rem;
    height: 3.4375rem;
    line-height: 3.4375rem;
    background: #F3DC86;
    font-size: 1rem;
    color: #fff;
    margin-top: 1.25rem;
    transition: .6s;
    cursor: pointer;
    border: none;
}
.xmsm .imgCode{
    position: absolute;
    top: 0;
    right: 1rem;
    border: none;
}
.lan{
    padding: 20px;
    position: relative;
}
.lan .dd {
    padding-bottom: 10px;
    padding-top: 10px;
    position: absolute;
    top: 60px;
    width: 100%;
    text-align: center;
    background: #092b82;
    left: 0;
    border: 1px solid #092b82;
    opacity: 0;
    visibility: hidden;
    transition: 400ms;
    transform: translateY(15px);
}
.lan .dd:before {
    content: "";
    display: inline-block;
    border: 8px solid transparent;
    border-bottom: 8px solid #092b82;
    position: absolute;
    top: -16px;
    left: 50%;
    margin-left: -8px;
}
.lan:hover .dd {
    opacity: 1;
    visibility: visible;
    transform: translate(0);
}
.lan .dd a {
    display: block;
    text-align: center;
    line-height: 30px;
    color: #fff;
    font-size: 13px;
    padding: 0 10px;
}