@charset "utf-8";
/*Technical Support SudyTech*/
@font-face {
  font-family: 'SourceHanSansCN-Medium';
  src: url(../fonts/SourceHanSansCN-Medium.ttf);
}
blockquote,body,button,caption,dd,div,dl,dt,fieldset,figure,form,h1,h2,h3,h4,h5,h6,hr,html,input,legend,li,menu,ol,p,pre,table,td,textarea,th,ul{margin:0;padding:0}
address,article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}
table{border-collapse:collapse;border-spacing:0}
caption,th{text-align:left;font-weight:400}
abbr,body,fieldset,html,iframe,img{border:0}
img{vertical-align:top}
html{overflow-x:hidden;font-size:100px;--size:calc(100vw / 19.20);font-size:var(--size)}
address,cite,dfn,em,i,var{font-style:normal}
[hidefocus],summary{outline:0}
li{list-style:none}
h1,h2,h3,h4,h5,h6,small{font-size:100%}
sub,sup{font-size:83%}
code,kbd,pre,samp{font-family:inherit}
q:after,q:before{content:none}
textarea{overflow:auto;resize:none}
label,summary{cursor:default}
a,button{cursor:pointer}
b,em,h1,h2,h3,h4,h5,h6,strong{font-weight:700}
a,a:hover,del,ins,s,u{text-decoration:none}
body,button,input,keygen,legend,select,textarea{font:13px/1 arial,\5b8b\4f53;color: #333333;outline:0}
:focus{outline:0}
.none{display:none}
.wcb{width:100%;height:30px;border:2px dashed #97cbe0}
.hidden{visibility:hidden}
.clear{width:100%;height:0;line-height:0;font-size:0;overflow:hidden;clear:both;display:block}
.clearfix:after{clear:both;content:".";display:block;height:0;visibility:hidden}
.clearfix{display:block;zoom:1}
::-webkit-input-placeholder{color:#ccc}
:-moz-placeholder{color:#ccc}
::-moz-placeholder{color:#ccc}
:-ms-input-placeholder{color:#ccc}
body{line-height:1;font-size:13px;font-family:PingFang,"Microsoft YaHei","\u5b8b\u4f53",Tahoma,Geneva,sans-serif;color: #333333;background:url(../images/bigbg.png) no-repeat top center/cover;font-family: 'SourceHanSansCN-Medium';}
:root{--mainColor:#BB2614;--hoverColor:#BB2614;--bigSize:0.2rem;--titleSize:0.18rem;--smailSize:0.16rem;--smailSizex:0.14rem;--innerWidth:13.96rem}
p{line-height:1.75}
a{color:#333;text-decoration:auto;transition:all .4s ease-in-out}
a:hover{color:var(--hoverColor)}
.line1{text-overflow:-o-ellipsis-lastline;overflow:hidden;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical}
.line2{text-overflow:-o-ellipsis-lastline;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.line3{text-overflow:-o-ellipsis-lastline;overflow:hidden;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}
.line4{text-overflow:-o-ellipsis-lastline;overflow:hidden;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical}
.wrapper{width:100%;margin:0 auto}
.wrapper .inner{width:var(--innerWidth);margin:0 auto}
.fix-top{padding-top:100vh;position:relative;transition:all .7s cubic-bezier(.5,0,.2,1) 0s;-webkit-transition:all .7s cubic-bezier(.5,0,.2,1) 0s;-moz-transition:all .7s cubic-bezier(.5,0,.2,1) 0s;-ms-transition:all .7s cubic-bezier(.5,0,.2,1) 0s;-o-transition:all .7s cubic-bezier(.5,0,.2,1) 0s;z-index:-1}
.fix-top.fixed{padding-top:0}
#browser-modal{width:100%;height:100%;top:0;left:0;text-align:center;color:#303233;position:fixed;z-index:9999;display:flex;align-items:center}
#browser-modal .browser-modal-cover{position:fixed;left:0;top:0;height:100%;width:100%;background-color:#111;opacity:.9;z-index:-1}
#browser-modal .browser-content{width:700px;margin-left:auto;margin-right:auto;padding-bottom:80px;padding-top:30px;background-color:#fff;border-radius:5px}
#browser-modal .browser-content .browser-dpc-logo{height:62px;margin:45px auto 30px;background:url(../images/logo.png) no-repeat center/100% 100%}
#browser-modal .browser-content .browser-text-title{text-transform:uppercase;font-size:24px}
#browser-modal .browser-content .browser-text-desc{margin-top:30px;margin-bottom:40px;font-size:14px}
#browser-modal .browser-content .browser-list{width:600px;margin:40px auto;height:130px}
#browser-modal .browser-content .browser-item{float:left;width:150px;padding-top:20px;padding-bottom:20px;margin-left:auto;margin-right:auto}
#browser-modal .browser-content .browser-item .iconfont{width:80px;height:80px;margin:0 auto;font-size:80px;line-height:80px;margin-bottom:30px;background-size:100%}
#browser-modal .browser-content .browser-item .iconfont.iconchrome{background-image:url(../images/Chrome.svg)}
#browser-modal .browser-content .browser-item .iconfont.iconfirefox{background-image:url(../images/Firefox.svg)}
#browser-modal .browser-content .browser-item .iconfont.iconsafari{background-image:url(../images/Safari.svg)}
#browser-modal .browser-content .browser-item .iconfont.iconEdge{background-image:url(../images/Edge.svg)}
#browser-modal .browser-content .browser-item a{color:#921041;cursor:pointer;display:block}
#browser-modal .browser-content .browser-item a img{display:block;margin:0 auto;max-width:100px;width:100px;height:100px}
#browser-modal .browser-content .browser-item a h4{text-align:center;margin-top:20px;font-size:18px;font-weight:700}
.header{border-bottom:none;height:auto;line-height:inherit;background-size:cover;position:relative;z-index:3;position:absolute;width:100%;top:0;transition:1s}
.header:after{content:"";width:100%;height:2.43rem;position:absolute;left:0;top:0;background:linear-gradient(180deg,#000,rgba(0,0,0,0) 100%);opacity:.67;z-index:-1}
.header.fix{background:var(--mainColor)}
.header .inner{position:relative;transition:all .4s ease-in-out;width:100%;padding:0 1.11rem}
.header .sitelogo{display:flex;margin:.5rem 0}
.header .sitelogo img{width:3.13rem}
.header .sitelogo .logo{margin-right:.29rem;display:inline-block}
.header .sitelogo h1{font-size:inherit;font-weight:400;background:0 0;padding-left:0}
.header .sitelogo .sitetitle{display:inline-block;margin-left:.19rem;color:#fff;min-height:.52rem;vertical-align:middle;margin-top:-.1rem}
.header .sitelogo a{align-items:center}
.header .sitelogo .tago img{width:3.82rem}
.header .sitelogo .sitetitle span{display:block}
.header .sitelogo img.logo{width:3.4rem;transition:all .6s ease-in-out}
.header .head-main{float:left;margin-top:10px}
.header .mod{display:flex;justify-content:space-between;align-items:center}
.header .head-top{display:flex;align-items:center;gap:.15rem}
.header .head-right{display:flex;align-items:flex-end;gap:.1rem;flex-direction:column}
.mbanner img{width:100%;position: absolute;top: 0;left: 0;height: 100%;object-fit: cover;}
.mbanner .con{mask:url(../images/banner-mask.png) center bottom/100% 100%;padding-top: 43.95%;position: relative;}
.news_imgs a,.news_imgs span{display:block;overflow:hidden}
.post .news:hover .news_imgs a img,.post .news:hover .news_imgs span img{transform:scale(1.1)}
.news_imgs a img,.news_imgs span img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;transition:all .6s ease-in-out}
.news_imgs{overflow:hidden;background:#ccc;position:relative}
.news_imgs.bg:after{content:"";width:100%;position:absolute;height:1.4rem;background:linear-gradient(0deg,#151515 3.433%,rgba(57,57,57,0) 96.567%);bottom:0;opacity:.7;pointer-events:none}
span.underLine{background-image:linear-gradient(var(--mainColor),var(--mainColor));background-position:0 100%;background-repeat:no-repeat;background-size:0 1px;transition:background-size .4s}
.news:hover span.underLine{background-size:100% 1px;color:var(--mainColor)}
.post .tt {display: flex;align-items: center;margin-bottom: 0.48rem;justify-content: space-between;}

.ttbg {
    color: #fff;
    font-size: 0.3rem;
    display: block;
    line-height: 1.6;
    text-align: center;
    padding: 0 0.7rem;
    border-radius: 0px 0.24rem 0px 0px;
    background: linear-gradient(260.39deg, rgb(242, 203, 186) 2.381%,rgb(185, 50, 46) 67.009%);
    position: relative;
    margin-left: 0.05rem;
    font-weight: bold;
}
.ttbg:before{
    content:"";
    width: 0.13rem;
    position: absolute;
    height: 100%;
    background: url(../images/ttbg.svg) no-repeat center/100% 100%;
    left: -0.05rem;
    top: 0;
    z-index: 1;
}
.ttbg:after{
    content:"";
    width: 100%;
    position: absolute;
    height: 100%;
    border: 0.01rem solid #B9322E;
    border-radius: 0px 0.24rem 0px 0px;
    left: 0.1rem;
    top: 0.1rem;
    z-index: -1;
}
.post .more_text{
    font-size: var(--smailSize);
}

.main1 .inner{
    padding: 0.2rem 0 0.6rem;
}
.main1 .post .tt{
    justify-content: center;
}
.post-11{margin-bottom:0.6rem}
.post-11 .con{
    background: url(../images/textbg.jpg) no-repeat center/cover;
    border-radius: 0 0.5rem 0 0;
    padding: 0.45rem 0.4rem;
}
.post-11 .con .news_text{
    background: rgb(255 255 255 / 80%);
    border-radius: 0 0.5rem 0 0;
    padding: 0.4rem;
}
.post-11 .con .news_text p{
    font-size: var(--titleSize);
    line-height: 2.77;
    text-indent: 2em;
}
.linkbox {
    display: flex;
    flex-wrap: wrap;
    --num: 5;
    --gap: 0.24rem;
    gap: var(--gap);
}
.linkbox .news{
    width: calc((100% - (var(--num) - 1) * var(--gap)) / var(--num));
}

.linkbox .news a {
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
    gap: 0.15rem;
    font-size: var(--bigSize);
    color: #B9322E;
    height: 1.17rem;
    background: #fff;
    border-radius: 0 0.25rem 0 0;
    text-align: center;
    position: relative;
    z-index: 1;
    line-height: 1.5;
}
.linkbox .news a:hover{color: #fff;}
.linkbox .news a:hover svg path{stroke:#fff}
.linkbox .news a:hover:after{opacity:1}
.linkbox .news a:after {
    content: "";
    width: 100%;
    height: 100%;
    border-radius: 0 0.25rem 0 0;
    background: linear-gradient(180.04deg, rgba(239, 196, 179, 1) 0%, rgba(185, 50, 46, 1) 100%);
    top: 0;
    transition: all .4s ease-in-out;
    position: absolute;
    z-index: -1;
    opacity: 0;
}
.linkbox .news a .addSvg{
    height: 0.32rem;
}
.linkbox .news:last-child a .addSvg {
    display: none;
}
.linkbox .news a .news_title span{
    display: block;
}
.main2 {
    position: relative;
}
.main2:after{
    content:"";
    width: 100%;
    height: 7.73rem;
    position: absolute;
    background: linear-gradient(0.00deg, rgb(247, 227, 226) 25.913%,rgb(255, 255, 255) 100%);
    opacity: 0.8;
    top: 0;
    z-index: -1;
    }
.main2 .inner{
    padding: 0.6rem 0 0.38rem;
}
.main2 .mod {
    display: flex;
    justify-content: space-between;
}

.main2 .post {
    width: 6.7rem;
}
.main2 .post .tt .tit{
    width: 2.95rem;
}
.main2 .post .news_list .news{
    height: 0.82rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
    border-bottom: 1px dashed #B9B9B9;
    gap: 0.08rem;
}
.main2 .post .tt{
    margin-bottom: 0.3rem;
}
.post .news_list .news_date{
    font-size: var(--smailSizex);
    color: #A72126;
}
.post .news_list .news_title{
    font-size: var(--titleSize);
    line-height: 1.5;
}

#l-container .inner{padding:.91rem 0 1.4rem;position:relative}
.col_metas .con {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.col_metas .col_path ,.col_metas .col_path a{
    font-size: var(--smailSize);
    color: #666666;
}
.col_metas {
    margin-bottom: 0.22rem;
}
.mrlist .col_news_list .news_list .news {
    height: 0.82rem;
    display: flex;
    justify-content: space-between;
    border-bottom: 1px dashed #B9B9B9;
    gap: 0.05rem;
    align-items: center;
}

.mrlist .col_news_list .news_list .news_title {
      font-size: var(--bigSize);
    line-height: 1.5;
}

.mrlist .col_news_list .news_list .news_date {
    font-size: var(--smailSizex);
    color: #A72126;
    flex: none;
    margin-left: 0.3rem;
}
.info .col_metas.clearfix{height:.63rem}
.infobox{padding:.56rem 0;margin:0 auto;width:auto}
.article {
    padding: 30px 0;
}
.article h1.arti_title{line-height:1.3;font-size: .3rem;text-align:center;margin-bottom:.2rem}
.article h2.arti_title{line-height:2;font-family:"Microsoft YaHei";font-size:.2rem;text-align:center;color:#1b1b1bc7;margin-bottom:.2rem}
.article .arti_metas{text-align:center;line-height:1.3;margin:0}
.article .arti_metas>span{margin:0 .16rem;font-size:var(--smailSize);color:#666}
.article .arti_info{position:relative;display:flex;align-items:center;justify-content:center}
.article .entry{margin:0 auto;overflow:hidden;margin-top:.4rem;min-height:400px}
.article .entry .read,.article .entry .read p{line-height:1.75;font-size:var(--smailSize);color:#333}
.article .entry .read p{margin-bottom:10px}
.article .entry .read img{margin:0 auto;max-width:940px}
.article .entry .read table{margin:0 auto;border:none!important}
.sibi_art{margin-top:1.3rem}
.wp_artfuns .wp_art_adjoin{display:flex;line-height:.48rem;font-size:var(--titleSize);flex-wrap:wrap}
span.next-title,span.prev-title{width:calc(100% - .8rem)}
.wp_artfuns .wp_art_adjoin .next{padding:0}
.wp_artfuns .wp_art_adjoin .next,.wp_artfuns .wp_art_adjoin .prev{pointer-events:none;width:auto}
#footer{position:relative;bottom: 0;background: url(../images/footbg.png) no-repeat top center / cover;}
.footer .inner{padding: 2.59rem 0 0;box-sizing:border-box;position:relative;z-index:1}
#footer .inner .mod{
    text-align: center;
}
img.footlogo {
    width: 3.13rem;
    margin-bottom: 0.92rem;
}

#footer .inner p{font-size:var(--smailSize);line-height:1.7;color:#fff;opacity: 0.4;padding: 0.1rem 0;}


.form_head {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 0.46rem;
}

.form_box {
    margin-top: 0.64rem;
}

.layui-btn {
    background: #B9322E;
    border-radius: 0.25rem;
    opacity: 1;
    font-size: var(--bigSize);
    font-family: 'SourceHanSansCN-Medium';
    line-height:0.48rem;
    height:0.48rem;
    padding: 0 0.23rem;
}

.sudy-form li {
    display: flex;
    width: 100%;
    align-items: center;
    margin-bottom: 0.24rem;
    font-size: var(--bigSize);
    color: #191818;
}
.sudy-form li.textarea{
    align-items: flex-start;
    position: relative;
}
.sudy-form li.textarea .input_tt{
    width: auto;
    margin-right: 0.1rem;
}
.sudy-form {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.sudy-form li.w50 {
    width: 47%;
}

.sudy-form li .input_tt {
    width: 4em;
    flex: none;
    margin-right: 0.22rem;
    text-align: right;
}
.sudy-form li i{
    color: #B9322E;
}
.sudy-form .layui-input, .sudy-form .layui-select, .sudy-form .layui-textarea {
    height: 0.53rem;
    line-height: 0.53rem;
    border-radius: 0 0.23rem 0 0;
    padding: 0 0.2rem;
    font-size: var(--bigSize);
    font-family: 'SourceHanSansCN-Medium';
    color: rgb(25 24 24 / 60%);
}
.sudy-form .layui-input::-webkit-input-placeholder,.sudy-form .layui-select::-webkit-input-placeholder,.sudy-form .layui-textarea::-webkit-input-placeholder {
     color: rgb(25 24 24 / 60%);
    line-height: 0.53rem;
}
.sudy-form .layui-form-select dl{
    top: 0.53rem;
    
}
.sudy-form .layui-form-select dl dd{line-height: 1.7;}
.sudy-form .layui-form-select dl dd.layui-this{color:var(--mainColor)}
.sudy-form .layui-textarea{
    background: #fff url(../images/formbg.png) no-repeat top right -0.23rem/3.59rem;
    height: 2.66rem;
    overflow: auto;
}
.sudy-form .layui-form-select{flex:1}
.layui-form-select .layui-edge{
    width: 0.14rem;
    height: 0.06rem;
    border: none;
    background: url(../images/s_arrow.svg) no-repeat center/100% 100%;
    right: 0.2rem;
}
.sudy-form li:last-child {
    margin: 0;
    justify-content: space-between;
}

.sudy-form  input.validateCode {
    line-height: 0.46rem;
    border: none;
    height: 0.46rem;
}

.sudy-form li:last-child .r {
    display: flex;
    align-items: center;
    gap: 0.13rem;
}
.sudy-form li:last-child .r span{
    flex: none;
}
.sudy-form  img#validate {
    height: 0.46rem;
}

.sudy-form .changeImg {
    opacity: 0.6;
}
.layui-form-mid {
    position: absolute;
    bottom: 0.1rem;
    right: 0.1rem;
}

@media (max-width: 600px){
.header .sitelogo img {
    width: 1.49rem;
}
}