@charset "utf-8";
/* 学术视频 专题新闻 设计理念 师资力量 名师名家 教育教学 本科生 研究生 留学生 继续教育 附中 院系设置 视觉传达设计大乐透新浪 建筑与景观设计大乐透新浪 工业设计大乐透新浪 服装大乐透新浪 造型艺术大乐透新浪 现代手工艺术大乐透新浪 数字艺术与传媒大乐透新浪 人文艺术大乐透新浪 应用设计大乐透新浪 继续教育大乐透新浪 公共课教学部 艺术与设计实践教学中心 马克思主义大乐透新浪 创新创业大乐透新浪 基础教学部 科学研究 招生就业 本科生 研究生 继续教育 就业信息 合作交流 国际交流 合作发展 走进校园 校园导航 视觉校园 联系我们 人才招聘 信息公开 搜索结果页*/

.pb_sys_style2 .p_no_d {
    border: 1px solid #ff6a01 !important;
    color: #fff;
    background-color: #ff6a01 !important;
}


.n_header{ background: #ff6a01;}
.n_header .logo{transform: translate(0);max-width: 16%;}
.n_header .logo img.i1, .n_header .topr a:hover {
    color: #fff;
}
.n_header .topr .navbtn{ display: none;}
.n_header .logo img.i1, .n_header .topr a{ color: #fff;}
.n_header .logo img.i1, .n_header .topr a img.i1{ opacity: 0; }
.n_header .logo img.i2, .n_header .topr a img.i2{ opacity: 1; }

.topnav dl{position: static;z-index: 1;margin: 0 .35vw;}
.topnav dl dt a{ font-size: .18rem; color: #fff;}
.topnav dl .box{position: absolute;top: 100%;width: 100%;height: auto;left: 0;background: #fff;box-shadow: 0px 4px 38px 0px rgba(0, 0, 0, 0.16);transform: scaleY(0);transform-origin: top;transition: .5s;opacity: 0;visibility: hidden;}
.topnav dl:hover .box{ transform: scaleY(1); opacity: 1; visibility: visible}

.topnav dl .box .dd{display: flex;justify-content: center;padding: .15rem 0;flex-wrap: wrap;} 
.topnav dl .box .dd dd{padding: 0 1.5vw;line-height: 2;}
.topnav dl dd a{font-size: .18rem;color: #000000;transition: .5s;display: block;position: relative;padding: 0 0 0 .24rem;}
.topnav dl dd a:before{content: "";position: absolute;width: .1rem;height: .1rem;background: #c6c6c6;border-radius: .02rem;transform: rotate(45deg) translateX(-.08rem);left: .06rem;top: 50%;transition: .5s;}
.topnav dl dd a:hover{color: #ff6a01;font-weight: bold;}
.topnav dl dd a:hover:before{ background: #ff6a01}


.n_container{padding: 1.6rem 0 1.6rem;position: relative;z-index: 1;min-height: 8rem;overflow: hidden;}
.n_container .wp{ max-width: 14.6rem;}
.n_yj{position: absolute;left: 0;top: 0;width: 5.729%;border-right: #dcdcdc 1px solid;height: 100%;padding: 1.3rem 0 0;text-align: center;background: #fff;z-index: 2;}
.n_yj h3{font-size: .36rem;color: #ff6a01;text-align: center;margin: 0 auto;font-family: Microsoft YaHei;width: .36rem;line-height: 1.05;}

footer:after{content: "";position: absolute;left: calc(5.729% - 1px);width: 1px;height: 1.18rem;background: #dcdcdc;top: 0;z-index: 1;}

.n_tit1{align-items: flex-end;position: relative;z-index: 1;padding-bottom: .25rem;margin-bottom: .9rem;}
.n_tit1:before{content: "";position: absolute;left: 50%;bottom: 0;width: 100vw;height: 1px;background: #dcdcdc;transform: translateX(-50%);}
.n_tit1 .ll{align-items: flex-end;margin: .15rem 0;}
.n_tit1 h3{font-size: .48rem;color: #000000;font-family: "思源黑体 Heavy";font-family: 'Microsoft YaHei';}
.n_tit1 small{font-size: .3rem;color: #ff6a01;font-family: 'Century Gothic';margin: 0 0 0 .15rem;transform: translateY(-.05rem);}

.breadcrumb{align-items: center;line-height: 1.35;padding-bottom: .05rem;}
.breadcrumb *{font-size: .16rem;color: #9d9d9d;}
.breadcrumb img{width: .18rem;margin: 0 .1rem 0 0;}
.breadcrumb span{margin: 0 .06rem;}
.breadcrumb em{color: #ff6a01;font-weight: bold;}

.list11{margin: .6rem -2vw 1rem;position: relative;}
.list11 .line{position: absolute;width: 1px; height: 1.2rem;background: #dcdcdc;left: 50%;top: -.15rem;}
.list11 .line:before{ content: ""; position: absolute; top: 0; width: 100vw; height: 1px; left: 0; background: #dcdcdc;}
.list11 .line:after{ content: ""; position: absolute; bottom: 0; width: 100vw; height: 1px; right: 0; background: #dcdcdc;}
.list11 li{flex: 1;padding: 0 1vw;}
.list11 .a{display: flex;flex-direction: column;align-items: center;}
.list11 h3{font-size: .72rem;color: #ff6a01;font-family: 'Century Gothic Bold ltalic';font-weight: normal;margin-bottom: .4rem;}
.list11 p{font-size: .14rem;color: #000000;line-height: 1.35;text-align: left;/* display: contents; */ width: 100%}

@media(min-width: 1024px){
    
}
@media(max-width: 1024px){
    .topnav{ display: none;}
    .n_yj{/* display: none; */position: relative;border: none;width: 100%;padding: 0;}
    .n_yj h3{writing-mode: inherit;text-align: center;padding: 0 .7rem;width: 100%;margin-bottom: .1rem;}
    .n_header .topr .navbtn{ display: block;}

    .n_container{padding: 1rem 0;}
    .breadcrumb{/* display: none; */width: 100%;margin: .15rem 0 0;}

    .n_tit1 h3{ font-size: .5rem;}
}
@media(max-width: 800px){
    .n_container{padding: .4rem 0;min-height: 5.5rem;}

    .n_tit1{margin-bottom: .3rem;padding-bottom: .15rem;}
    .n_tit1 h3{font-size: .26rem;}
    .n_tit1 small{ font-size: .18rem;}

    .arc-con p{font-size: .16rem;margin-bottom: .2rem;text-indent: 0.32rem;}

    .list11 .line{ display: none;}
    .list11 h3{font-size: .36rem;margin-bottom: .05rem;}
    .list11{ margin: .3rem -1.5vw}
    .list11 li{ width: 33.33%; flex: auto; margin-bottom: .15rem}

    .breadcrumb *{ font-size: .14rem}

    .n_yj h3{padding: 0 15px;font-size: .26rem;}
}
@media(max-width: 560px){
    .n_tit1 h3{font-size: .24rem;}
    .n_tit1 small{ font-size: .16rem;}
} 

.n_tit2{margin-bottom: .6rem;position: relative;z-index: 1;padding-bottom: .3rem;}
.n_tit2:before{content: "";position: absolute;left: 50%;bottom: 0;width: 100vw;height: 1px;background: #dcdcdc;transform: translateX(-50%);}
.n_tit2:after{content: "";position: absolute;left: 0; width: .45rem; height: .04rem; background: #ff6a01; bottom: 0; z-index: 1}
.n_tit2 h3{font-size: .48rem;color: #000000;font-family: "思源黑体 Heavy";}

.jgsz{margin: -1.9rem 0 0;}
.jgsz .box{ margin-bottom: .5rem;}

.list12{ margin: 0 -.1rem;}
.list12 li{width: 25%;padding: 0 .1rem;margin-bottom: .45rem;}
.list12 .a{display: inline-block;padding: 0 .2rem 0 0;transition: .5s;background: url(/images/list12_s.svg) right .04rem no-repeat;background-size: .09rem .13rem;}

@media(min-width: 1024px){
}
@media(max-width: 1024px){
    .jgsz{ margin: 0;}
}
@media(max-width: 800px){
    .list12 li{ width: 33.33%}

    .n_tit2 h3{ font-size: .26rem;}
    .n_tit2{margin-bottom: .3rem;padding-bottom: .2rem;}

    .jgsz .box{ margin-bottom: .3rem;}
} 
@media(max-width: 560px){
    .list12 li{width: 50%;margin-bottom: .2rem;}
} 

.list13 li{ margin-bottom: .32rem;}
.list13 .a{ position: relative; z-index: 1; transition: .5s;}
.list13 .a::before{ content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: -1; background: url(/images/list13_b1.jpg) center no-repeat; background-size: cover; opacity: 0; transition: .5s;}
.list13 .imgBox{ width: 4.76rem;}
.list13 .imgBox .img{ padding-bottom: 56.30%}
.list13 .txt{flex: 1;overflow: hidden;padding: .25rem .5rem;}
.list13 h6{font-size: .18rem;margin-bottom: .22rem;}
.list13 h4{font-weight: bold;font-family: Microsoft YaHei;}
.list13 hr{width: 1.28rem;height: .04rem;background: #ff6a01;margin: .2rem 0;border: none;transition: .5s;float: left;}
.list13 p{ font-size: .14rem}

.j_pages {margin: .8rem auto 0 auto;display: flex;align-items: center;justify-content: center }
.j_pages .box {text-align: center;display: flex;align-items: center;flex-wrap: wrap }.j_pages .box * {font-size: .16rem }
.j_pages a {padding: 0 .1rem;height: .36rem;display: flex;margin: 0 .03rem;box-sizing: border-box;border-radius: 0;transition: .5s;min-width: .36rem;border: #d2d5da 1px solid;color: #333;align-items: center;border-radius: .04rem;justify-content: center }
.j_pages a font {padding: 0 10px }
.j_pages a svg {width: .16rem;height: .16rem }
.j_pages a:hover, .j_pages a.on {background: #0062b3;color: #fff!important;border: #0062b3 1px solid }

.p_pages svg {width: .16rem;height: .16rem;transition: .5s }
.p_pages a:hover, .p_pages a.on, .p_goto a:hover {color: #7c0d2b!important }
.p_pages a:hover svg {fill: #fff }
.p_first_d, .p_last_d, .p_first, .p_last {display: none !important;}
.p_prev_d, .p_prev {position: absolute !important;left: 0;padding: 0 !important;}
.p_prev_d a, .p_prev a {font-size: .14rem }
.p_next_d, .p_next {position: absolute !important;right: 0;font-size: .14rem;padding: 0 !important;}

@media(max-width: 1024px){
}
@media(max-width: 800px){
    .pagebar {margin: .4rem auto 0 auto !important;}
    .p_pages span{padding: 10px;min-width: .2rem;height: .6rem;}
    .p_pages span a{padding: 0;width: auto;}

    .pagebar *{font-size: .16rem !important;}
} 
@media(max-width: 560px){
} 

@media(min-width: 1024px){
    .list13 .a:hover{ box-shadow: 0px 0px .28rem 0px rgba(0, 0, 0, 0.35); transform: scale(1.08);}
    .list13 .a:hover *{ color: #fff !important;}
    .list13 .a:hover::before{ opacity: 1;}
    .list13 .a:hover hr{ background: #fff}
}
@media(max-width: 1024px){
}
@media(max-width: 800px){
    .list13 .imgBox{ width: 100%}
    .list13 .txt{flex: auto;width: 100%;padding: .25rem 0 .15rem;}
    .list13 h6{ margin-bottom: .1rem}

    .list13 hr{ margin: .1rem 0; width: .8rem; height: .03rem}
} 
@media(max-width: 560px){
} 

.n_sanji{margin: -.5rem 0 .5rem 0;padding-right: .5rem;position: relative;z-index: 1;height: .5rem;overflow: hidden;cursor: pointer;}
.n_sanji li{margin: 0 .1rem .2rem 0;}
.n_sanji .a{display: flex;height: .5rem;border: #9d9d9d 1px solid;border-radius: 50vw;justify-content: center;align-items: center;padding: 0 1.25vw;transition: .5s;font-size: .18rem;}
.n_sanji li.on .a, .n_sanji .a:hover{border: #ff6a01 1px solid;background: #ff6a01;color: #fff;}

.down1{position: absolute;top: .1rem;right: 0;width: .24rem; -webkit-animation: shubiao1 1.4s infinite linear;animation: shubiao1 1.4s infinite linear;}
.down1 img{width: 100%;transition: .5s;}
@-webkit-keyframes shubiao1{ 
    0% { -webkit-transform: translateY(-10px); transform: translateY(-10px);opacity: 0; }
    100% { -webkit-transform: translateY(0px); transform: translateY(0px);opacity: 1; } 
}
@keyframes shubiao1{ 
    0% { -webkit-transform: translateY(-10px); transform: translateY(-10px);opacity: 0; }
    100% { -webkit-transform: translateY(0px); transform: translateY(0px);opacity: 1; } 
}
.on.n_sanji{ height: auto}
.on .down1 img{ transform: rotateX(180deg)}

@media(min-width: 1024px){
    
}
@media(max-width: 1024px){
    .n_sanji{margin: 0rem 0 .3rem 0;padding-right: .3rem;}
}
@media(max-width: 800px){
 
    .down1{ width: .2rem}
    .n_sanji li{ margin-bottom: .1rem}
    .n_sanji .a{height: .45rem;font-size: .16rem;border: none;padding: 0;height: auto;}
    .n_sanji li.on .a, .n_sanji .a:hover{border: none;background: none;color: #ff6a01;}
} 
@media(max-width: 560px){
} 

.detail .left{ width: 58.90%;}
.detail .left .bottom{border-bottom: #cecece 1px solid;padding: 0 0 .1rem;margin: .8rem 0 0}
.detail .left .bottom .ll{line-height: 2;}
.detail .right{width: 35.06%;padding: .5rem 0 0;}
.detail .right h3{font-size: .36rem;color: #333333;font-family: "思源黑体 Heavy";border-bottom: #dcdcdc 1px solid;padding: 0 0 .25rem;margin-bottom: .35rem;}

.list14 li{border-bottom: #e7e7e7 1px solid;padding-bottom: .3rem;margin-bottom: .3rem;}
.list14 .a{ align-items: center}
.list14 .imgBox{ width: 1.77rem; margin: 0 .16rem 0 0;}
.list14 .imgBox .img img{height: auto;width: auto;top: 50%;left: 50%;transform: translate(-50%, -50%);}
.list14 .txt{flex: 1;overflow: hidden;padding: 0;}
.list14 .txt h4{margin: .1rem 0 0;font-size: .18rem;}

.arc-tit{ margin-bottom: .5rem}
.arc-tit h3{font-size: .48rem;color: #000000;font-family: 'Microsoft YaHei';border-bottom: #dcdcdc 1px solid;padding: 0 0 0.25rem;margin-bottom: 0.3rem;}
.arc-tit h6{ font-size: .16rem; color: #939393}
.arc-tit h6 span{ margin: 0 .2rem 0 0}

.ar_f{padding: .4rem 0 0;}
.ar_f .a{font-size: .2rem;color: #ff6a01;display: block;padding: .08rem 0;}
.ar_f .a span{ color: #333333;}

@font-face{font-family:"socialshare";src:url("/fonts/iconfont.eot");src:url("/fonts/iconfont.eot?#iefix") format("embedded-opentype"),url("/fonts/iconfont.woff") format("woff"),url("/fonts/iconfont.ttf") format("truetype")}.social-share{
    display: flex;
    align-items: center;
    font-size: .14rem;
    color: #666666;
}

.social-share *{font-family:"socialshare" !important}.social-share .icon-tencent:before{content:"\f07a"}.social-share .icon-qq:before{content:"\f11a";}.social-share .icon-weibo:before{content:"\f12a"}.social-share .icon-wechat:before{content:"\f09a";}.social-share .icon-douban:before{content:"\f10a"}.social-share .icon-heart:before{content:"\f20a"}.social-share .icon-like:before{content:"\f00a"}.social-share .icon-qzone:before{content:"\f08a";}.social-share .icon-linkedin:before{content:"\f01a"}.social-share .icon-diandian:before{content:"\f05a"}.social-share .icon-facebook:before{content:"\f03a"}.social-share .icon-google:before{content:"\f04a"}.social-share .icon-twitter:before{content:"\f06a"}.social-share a{position:relative;text-decoration:none;margin: 0;display:inline-block;outline:none;border: none !important;}.social-share .social-share-icon{position:relative;display: flex;width: .32rem;height: .32rem;border-radius: 50vw;background: inherit;color:#666;text-align:center;vertical-align:middle;transition:.5s;align-items: center;justify-content: center;font-size: .17rem;}.social-share .social-share-icon:hover{color: #2c2c2c;}.social-share .icon-weibo{/* color:#EC763B; *//* border:#EC763B 1px solid; */}.social-share .icon-weibo:hover{/* background:#ff763b; */}.social-share .icon-tencent{color:#56b6e7;border-color:#56b6e7}.social-share .icon-tencent:hover{background:#56b6e7}.social-share .icon-qq{/* color:#56b6e7; *//* border:#56b6e7 1px solid; */}.social-share .icon-qq:hover{/* background:#56b6e7; */}.social-share .icon-qzone{/* color:#FDBE3D; *//* border:#FDBE3D 1px solid; */}.social-share .icon-qzone:hover{/* background:#FDBE3D; */}.social-share .icon-douban{color:#33b045;border-color:#33b045}.social-share .icon-douban:hover{background:#33b045}.social-share .icon-linkedin{color:#0077B5;border-color:#0077B5}.social-share .icon-linkedin:hover{background:#0077B5}.social-share .icon-facebook{color:#44619D;border-color:#44619D}.social-share .icon-facebook:hover{background:#44619D}.social-share .icon-google{color:#db4437;border-color:#db4437}.social-share .icon-google:hover{background:#db4437}.social-share .icon-twitter{color:#55acee;border-color:#55acee}.social-share .icon-twitter:hover{background:#55acee}.social-share .icon-diandian{color:#307DCA;border-color:#307DCA}.social-share .icon-diandian:hover{background:#307DCA}.social-share .icon-wechat{position:relative;/* color:#7bc549; *//* border:#7bc549 1px solid; */}.social-share .icon-wechat:hover{/* background: #7bc549; */}.social-share .icon-wechat .wechat-qrcode{display:none;border:1px solid #eee;position:absolute;z-index:9;top: -188px;left: -62px;width: 160px;height: 156px;color:#666;font-size:12px;text-align:center;background-color:#fff;box-shadow:0 2px 10px #aaa;transition:all 200ms;-webkit-tansition:all 350ms;-moz-transition:all 350ms;}.social-share .icon-wechat .wechat-qrcode.bottom{top:40px;left:-84px}.social-share .icon-wechat .wechat-qrcode.bottom:after{display:none}.social-share .icon-wechat .wechat-qrcode h4{font-weight:normal;height:26px;line-height:26px;font-size:12px;background-color:#f3f3f3;margin:0;padding:0;color:#777}.social-share .icon-wechat .wechat-qrcode .qrcode{width:105px;margin:10px auto}.social-share .icon-wechat .wechat-qrcode .qrcode table{margin:0 !important}.social-share .icon-wechat .wechat-qrcode .help p{font-weight:normal;line-height:16px;padding:0;margin:0}.social-share .icon-wechat .wechat-qrcode:after{content:'';position:absolute;left:50%;margin-left:-6px;bottom: -15px;width:0;height:0;border-width:8px 6px 6px 6px;border-style:solid;border-color: #fff transparent transparent transparent;}.social-share .icon-wechat:hover .wechat-qrcode{display:block}.help{ display: none;}
.social-share .social-share-icon:before{ transform: translateY(0rem)}

@media(min-width: 1024px){
    
}
@media(max-width: 1024px){
    .detail .left{ width: 100%;}
    .detail .right{ width: 100%;}
}
@media(max-width: 800px){
    .list14 .imgBox{ width: 1.3rem;}
    .list14 .txt h4{ margin: .05rem 0 0;}
    .list14 .txt{ padding: .1rem 0 0;}

    .list14 li{ padding-bottom: .15rem; margin-bottom: .15rem;}
    .detail .right h3{font-size: .26rem;padding: 0 0 .18rem;}
    .ar_f .a{ padding: 0}

    .arc-tit{ margin-bottom: .25rem}
    .arc-tit h3{font-size: .24rem;padding: .1rem 0 .2rem;margin-bottom: .2rem;}
    .arc-tit h6 span{margin: 0;display: inline-block;line-height: 1.75;min-width: 50%;font-size: .15rem;padding: 0 .1rem 0 0;}
    .arc-tit h6{font-size: 0;}
} 
@media(max-width: 560px){
} 

.list15{ margin: 0 -.3rem;}
.list15 li{ width: 50%; padding: 0 .3rem; margin-bottom: .5rem}
.list15 .a{height: 2.8rem;align-items: center;position: relative;z-index: 1}
.list15 .txt{padding: 0 .35rem;position: relative;z-index: 1}
.list15 .txt:before{content: "";position: absolute;top: 0rem;left: -1px;width: 3px;height: .28rem;background: #ff6a01; transition: .5s;}
.list15 .a:before{ content: ""; position: absolute; top: .55rem; right: 0; bottom: 0; left: .2rem; background: #faf9f8; z-index: -1; transform: translate(.08rem, .08rem);}
.list15 .a:after{ content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; border: #d2d2d2 1px solid; background: #ffffff; z-index: -1; transition: .5s;}
.list15 h4{ min-height: .56rem}
.list15 p{margin: .18rem 0 .5rem;}
.list15 h6{ transition: .5s;}

@media(min-width: 1024px){
    .list15 .a:hover:after{ background: #ff6a01;}
    .list15 .a:hover .txt:before{ background: #fff;}
    .list15 .a:hover *{ color: #fff !important;}
}
@media(max-width: 1024px){
    
}
@media(max-width: 800px){
    .list15 li{ width: 100%; margin-bottom: .2rem;}
    .list15 .txt{ padding: 0 .25rem;}
} 
@media(max-width: 560px){
} 

.list16{margin: 0 -2.08vw -.52rem;}
.list16 li{ width: 25%; padding: 0 2.08vw; margin-bottom: .52rem;}
.list16 .a{ display: block; background: url(/images/list16_b1.jpg) center no-repeat; background-size: cover;}
.list16 .imgBox{ transform: translate(-.06rem, -.06rem);}
.list16 .imgBox .img{ padding-bottom: 134%;}
.list16 .imgBox:after{ content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; border: #ff6a01 1px solid;}
.list16 .txt{ padding: 0 .18rem}
.list16 h4{color: #fff !important;padding: .05rem 0 .12rem;}

@media(min-width: 1024px){
    
}
@media(max-width: 1024px){
    
}
@media(max-width: 800px){
    .list16{margin: 0 -2.08vw -.3rem;}
    .list16 li{ width: 33.33%; margin-bottom: .3rem}
} 
@media(max-width: 560px){
} 

.list17{ margin-bottom: .4rem; position: relative; z-index: 1; padding: 0 0 0 .2rem}
.list17:before{ content: ""; position: absolute; left: 0; top: .1rem; bottom: .16rem; width: 1px; background: #ff6a01}
.list17 dt .a{font-size: .36rem;color: #ff6a01;font-family: "思源黑体";font-weight: bold;margin-bottom: .2rem;display: inline-block;}
.list17 .dd{display: flex;flex-wrap: wrap;}
.list17 .dd dd{min-width: 16.66%;padding: .1rem 0;}
.list17 .dd dd .a{font-size: .2rem;color: #000000;display: inline-block;line-height: 1.5;transition: .5s;position: relative; padding: 0 0 0 .24rem}
.list17 .dd dd .a:before{content: "";position: absolute;left: 0;top: .08rem;transform: rotate(45deg);width: .1rem;height: .1rem;background: #e5e5e5;transition: .5s;}

@media(min-width: 1024px){
    .list17 .dd dd .a:hover{ color: #ff6a01;}
    .list17 .dd dd .a:hover:before{ background: #ff6a01}
}
@media(max-width: 1024px){
    .list17 .dd dd{min-width: 25%;}
}
@media(max-width: 800px){
    .list17 .dd dd{min-width: 33.33%;}

    .list17 dt .a{font-size: .22rem;margin-bottom: .1rem;}
    .list17 .dd dd .a{font-size: .18rem;}
} 
@media(max-width: 560px){
    .list17 .dd dd{ padding: .05rem 0;    margin-right: 20px;}    
}

.list18{margin: 0 -.16rem -.52rem;}
.list18 li{width: 33.33%;padding: 0 .16rem;margin-bottom: .36rem;}
.list18 .a{display: block;}
.list18 .imgW{ position: relative; z-index: 1}
.list18 .imgW:before{ content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: #ff6a01; z-index: -1}
.list18 .imgBox{ transform: translate(-.04rem, -.04rem);}
.list18 .imgBox .img{padding-bottom: 62%;}
.list18 .imgBox:after{ content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; border: #ff6a01 1px solid;}
.list18 .txt{padding: .05rem 0 0;}
.list18 h4{padding: .05rem 0 .12rem;font-family: '思源黑体';font-weight: bold;font-size: .24rem;line-height: 1.5;}

.contact{ align-items: center;}
.contact dl{ margin: 0 0 .55rem}
.contact dl dt{ font-size: .3rem; color: #ff6a01; font-family: '思源黑体';font-weight: bold; margin-bottom: .12rem;}
.contact dl dd{ font-size: .2rem; color: #010101; line-height: 1.5; padding: .02rem 0;}
.contact dl dd span{ font-family: '思源黑体';font-weight: bold;}

.contact dl:last-child{ margin-bottom: 0;}

.contact .right img{ width: 2.3rem}
.contact .right h6{ font-size: .3rem; color: #ff6a01; font-family: '思源黑体';font-weight: bold; padding: 0 .1rem }

@media(min-width: 1024px){
    
}
@media(max-width: 1024px){
    
}
@media(max-width: 800px){
    .list18{margin: 0 -.1rem -.3rem;}
    .list18 li{width: 50%;margin-bottom: .3rem;padding: 0 .1rem;}

    .contact .right{margin: .4rem 0 0;text-align: center;width: 100%;}
    .contact dl{ margin: 0 0 .4rem}

    .contact dl dt, .contact .right h6{ font-size: .24rem; padding: 0;}
    .contact dl dd{ font-size: .17rem;}

    .contact .left{ width: 100%; text-align: center}
    .contact .right img{width: 1.2rem;margin: .15rem auto 0;display: block;}
} 
@media(max-width: 560px){
    .list18 li{ margin-bottom: .15rem;}
} 


.news .fl1{padding: .46rem 0 .6rem;margin: .36rem 0 0;position: relative;z-index: 1;}
.news .fl1:before{content: "";position: absolute;top: 0;bottom: .85rem;left: .48rem;background: #ff6a01;width: 100vw;z-index: -1;}
.news .fl1 .bd{width: calc(100% - 31%);background: #fff;}
.news .fl1 .bd .bd_li{ display: none;}
.news .fl1 .hd{width: 31%;}

.list19 li{height: 100%;}
.list19 .a{display: block;position: relative;z-index: 1;height: 100%;}
.list19 .imgBox{ height: 100%}
.list19 .imgBox::after{ content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: url(/images/list19_b1.png) center 101% no-repeat; background-size: 100% auto;}
.list19 .imgBox .img{height: 100%;padding-bottom: 0;}
.list19 .imgBox .img img{height: auto;width: auto;top: 50%;left: 50%;transform: translate(-50%, -50%);}
.list19 .txt{position: absolute;right: 0;bottom: 0;left: 0;padding: 0 .5rem .5rem;}
.list19 h4{color: #fff !important;font-family: '思源黑体';font-weight: bold;font-size: .24rem;}
.list19 p{ color: #fff; margin: .18rem 0 0}

.list20 li{ position: relative; }
.list20 .a{display: flex;align-items: center;position: relative;z-index: 1;transition: .5s;}
.list20 .a:before{content: "";position: absolute;top: 0;right: 0;bottom: 0;left: 0;background: #fff;z-index: -1;transition: .5s;}
.list20 .a::after{ content: ""; position: absolute; right: 0; bottom: 0; left: 0; height: 1px; background: #e6e6e6; z-index: -1; transition: .5s;}
.list20 .imgBox{ width: 2.28rem; order: 1}
.list20 .imgBox .img{padding-bottom: 66.88%;background: #fff;}
.list20 .imgBox .img img{height: auto;width: auto;top: 50%;left: 50%;transform: translate(-50%, -50%);}
.list20 .txt{ flex: 1; overflow: hidden; padding: 0 .25rem}
.list20 h6{ font-size: .14rem; color: #717171}
.list20 h4{ font-size: .16rem; color: #000000; margin: .06rem 0 0}

.list20 li.on .a{ transform: scale(1.08);}
.list20 li.on .a:before{ background: #000000; transform: scale(1.03, 1.1);}
.list20 li.on  .imgBox .img{ background: #000}
.list20 li.on{ z-index: 2;}
.list20 li.on .a::after{ opacity: 0; z-index: -2;}
.list20 li.on .a h6{ color: #fff;}
.list20 li.on .a h4{ font-weight: bold; color: #fff;}

.news .fl2{ padding: .6rem 0;}
.news .fl2 .left{width: 62%;}
.news .fl2 .right{ width: 32.73%; position: relative; z-index: 1;}
.news .fl2 .right:before{content: "";position: absolute;top: -.36rem;bottom: .36rem;left: .34rem;background: #f9f9f9;width: 100vw;z-index: -1;}

.miso_tab1 .hd{width: 1.5rem;margin: 0;}
.miso_tab1 .bd{width: calc(100% - 1.5rem - .5rem);}

.list21{position: relative;z-index: 1;padding-bottom: .05rem;margin-top: -.1rem;}
.list21::before{ content: ""; position: absolute; top: 0; left: 0; width: .06rem; height: 100%; z-index: -1; background: #ff6a01 }
.list21::after{ content: ""; position: absolute; top: 0; right: 0; width: 1px; height: 100%; z-index: -1; background: #e6e6e6; }
.list21 li{ padding: 0 0 0 2px}
.list21 .a{ display: block; padding: 0 .26rem; font-size: .2rem; color: #000000; line-height: .5rem; transition: .5s; position: relative; z-index: 1}
.list21 .a:before{content: "";position: absolute;top: 0;right: 0;bottom: 0;border-top: #e6e6e6 1px solid;border-bottom: #e6e6e6 1px solid;width: 0;transition: .5s;background: #fff;z-index: -1;}
.list21 .a span{position: absolute;top: 50%;right: .1rem;transform: translateY(-50%);font-family: 'swiper-icons';font-weight: 300;opacity: 0;transition: .5s;}

.list21 li.on .a:before{ width: 100%}
.list21 li.on .a{line-height: .6rem;margin: .1rem 0; font-family: 'Microsoft YaHei'; font-weight: bold; color: #ff6a01}
.list21 li.on .a span{ opacity: 1}

.list22 li{ margin-bottom: .35rem}
.list22 .a{display: flex;flex-wrap: wrap;position: relative;padding: 0 0 0 .16rem;}
.list22 .time{position: absolute;bottom: .24rem;left: 0;width: .62rem;height: .62rem;background: #ff6a01;z-index: 1;flex-direction: column;justify-content: center;align-items: center;}
.list22 .time h3{font-size: .27rem;color: #fff;line-height: 1;}
.list22 .time h6{ font-size: .12rem; color: #fff}
.list22 .imgBox{width: 3.1rem;margin: 0 .2rem 0 0;}
.list22 .imgBox .img{padding-bottom: 56.58%;}
.list22 .txt{ flex: 1; overflow: hidden; padding: .16rem 0 0}
.list22 h4{margin: .05rem 0 .15rem;font-family: 'Microsoft YaHei';font-weight: bold}

.miso_tab2{position: relative;z-index: 1;background: #ff6a01;overflow: hidden;}
.miso_tab2 .bd{ padding: .5rem}

.list23 li{ width: 50%;}
.list23 li .a{display: flex;height: .75rem;align-items: center;justify-content: center;font-size: .2rem;font-family: 'Microsoft YaHei';font-weight: bold;background: #f9f9f9;color: #ff6a01;position: relative;transition: .5s;}
.list23 li .a:after{ content: ""; position: absolute; left: 0; top: 50%; width: 0; height: 1px; background: #fff; transition: .5s}
.list23 li.on .a{ background: #ff6a01; color: #fff;}
.list23 li.on .a:after{width: 28%;}

.more1W{justify-content: flex-end;position: relative;z-index: 1;margin: .5rem 0 0;}
.more1{ font-family: 'Century Gothic'; font-size: .18rem; color: #261e1d; display: flex; align-items: center; margin: .1rem 0 0; position: relative; z-index: 1; transition: .5s}
.more1:before{ content: ""; position: absolute; right: 120%; top: 50%; background: #dcdcdc; height: 1px; width: 100vw}
.more1 img{margin: 0 0 0 .1rem;filter: grayscale(1); transition: .5s}

.list24 li{ border-bottom: rgba(255,255,255,.2) 1px solid;}
.list24 .a{ display: block; padding: .27rem 0;}
.list24 h4{color: #fff !important;font-weight: 600;}
.list24 p{ color: rgba(255,255,255,.58); margin: .18rem 0 0}

.miso_tab2 .bd .more1:before{ background: rgba(255,255,255,.2)}
.miso_tab2 .bd .more1{ color: #fff}

.list24 li:last-child{ border: none}
.list24 li:last-child .a{ padding-bottom: .1rem}

.news .fl3 h3{font-size: .72rem;color: #261e1c;margin-bottom: .2rem;}

.list25Box{ width: calc((100vw - 14.6rem)/2 + 100%);}
.list25 .txt{ padding: 0 0 .5rem; position: relative; z-index: 1}
.list25 .txt:before{ content: ""; position: absolute; left: 0; bottom: 0; right: 0; width: .46rem; height: 1px; background: #ff6a01}
.list25 h4{margin: .17rem 0 0; font-family: 'Microsoft YaHei';font-weight: bold;}

@media(min-width: 1024px){
    .miso_tab1 .bd .more1:hover img{ filter: grayscale(0);}
}
@media(max-width: 1024px){
    .news .fl1 .bd{ width: 100%;}
    .news .fl1 .hd{ width: 100%; display: none;}

    .list19 .imgBox .img{ height: auto; padding-bottom: 60%;}

    .news .fl2 .left{ width: 100%;}
    .news .fl2 .right{width: 100%;margin: .8rem 0 0;}

    .list25Box{ width: 100%;}
    .n_header .logo{max-width: 45%;}
}
@media(max-width: 800px){
    .news .fl1{padding: .25rem 0;margin: .1rem 0 0;}
    .list19 .txt{ padding: 0 .2rem .15rem;}
    .list19 p{ margin: .12rem  0 0;}

    .miso_tab1 .hd{ width: 100%;}
    .miso_tab1 .bd{width: 100%;margin: .3rem 0 0;}

    .list21{display: flex;align-items: center;}
    .list21 li{ flex: 1; text-align: center}
    .list21 .a{ padding: 0; font-size: .15rem}

    .news .fl2{ padding: .4rem 0}

    .list22 .imgBox{width: 100%;margin: 0;}
    .list22 .txt{ width: 100%; flex: auto}
    .list22 .time{ top: .24rem}

    .miso_tab2 .bd{ padding: .1rem .3rem .5rem}

    .news .fl3 h3{ font-size: .26rem; margin-bottom: .2rem}
    .list25 .txt{ padding: 0 0 .2rem;}

    .list21::before, .list21::after{ display: none;}

    .list24 .a{ padding: .25rem 0;}
    .list24 p{ margin: .15rem 0 0;}

    .n_header .logo{max-width: 47%;}
} 
@media(max-width: 560px){
} 

.fontsize {
    align-items: center;
    display: none;
}

.fontsize .line {
    width: 1px;
    height: .16rem;
    background: #ebebeb;
    margin: 0 .15rem;
}

.fontsize i img {
    height: .21rem;
    opacity: .66;
    transition: .5s;
    cursor: pointer
}

.fontsize i:hover img {
    opacity: 1
}

@media(min-width: 1200px) {
    .ar_f .ll a:hover h4 {
        color: #9d0c3a
    }
}

@media(max-width: 1600px) {
}

@media(max-width: 1199px) {
}

@media(max-width: 1024px) {
}

@media(max-width: 800px) {

    .fontsize i img {
        height: .15rem;
    }
}ze: .17rem;}

    .contact .left{ width: 100%; text-align: center}
    .contact .right img{width: 1.2rem;margin: .15rem auto 0;display: block;}
} 
@media(max-width: 560px){
    .list18 li{ margin-bottom: .15rem;}
} 


.news .fl1{padding: .46rem 0 .6rem;margin: .36rem 0 0;position: relative;z-index: 1;}
.news .fl1:before{content: "";position: absolute;top: 0;bottom: .85rem;left: .48rem;background: #ff6a01;width: 100vw;z-index: -1;}
.news .fl1 .bd{width: calc(100% - 31%);background: #fff;}
.news .fl1 .bd .bd_li{ display: none;}
.news .fl1 .hd{width: 31%;}

.list19 li{height: 100%;}
.list19 .a{display: block;position: relative;z-index: 1;height: 100%;}
.list19 .imgBox{ height: 100%}
.list19 .imgBox::after{ content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: url(/images/list19_b1.png) center 101% no-repeat; background-size: 100% auto;}
.list19 .imgBox .img{height: 100%;padding-bottom: 0;}
.list19 .imgBox .img img{height: auto;width: auto;top: 50%;left: 50%;transform: translate(-50%, -50%);}
.list19 .txt{position: absolute;right: 0;bottom: 0;left: 0;padding: 0 .5rem .5rem;}
.list19 h4{color: #fff !important;font-family: '思源黑体';font-weight: bold;font-size: .24rem;}
.list19 p{ color: #fff; margin: .18rem 0 0}

.list20 li{ position: relative; }
.list20 .a{display: flex;align-items: center;position: relative;z-index: 1;transition: .5s;}
.list20 .a:before{content: "";position: absolute;top: 0;right: 0;bottom: 0;left: 0;background: #fff;z-index: -1;transition: .5s;}
.list20 .a::after{ content: ""; position: absolute; right: 0; bottom: 0; left: 0; height: 1px; background: #e6e6e6; z-index: -1; transition: .5s;}
.list20 .imgBox{ width: 2.28rem; order: 1}
.list20 .imgBox .img{padding-bottom: 66.88%;background: #fff;}
.list20 .imgBox .img img{height: auto;width: auto;top: 50%;left: 50%;transform: translate(-50%, -50%);}
.list20 .txt{ flex: 1; overflow: hidden; padding: 0 .25rem}
.list20 h6{ font-size: .14rem; color: #717171}
.list20 h4{ font-size: .16rem; color: #000000; margin: .06rem 0 0}

.list20 li.on .a{ transform: scale(1.08);}
.list20 li.on .a:before{ background: #000000; transform: scale(1.03, 1.1);}
.list20 li.on  .imgBox .img{ background: #000}
.list20 li.on{ z-index: 2;}
.list20 li.on .a::after{ opacity: 0; z-index: -2;}
.list20 li.on .a h6{ color: #fff;}
.list20 li.on .a h4{ font-weight: bold; color: #fff;}

.news .fl2{ padding: .6rem 0;}
.news .fl2 .left{width: 62%;}
.news .fl2 .right{ width: 32.73%; position: relative; z-index: 1;}
.news .fl2 .right:before{content: "";position: absolute;top: -.36rem;bottom: .36rem;left: .34rem;background: #f9f9f9;width: 100vw;z-index: -1;}

.miso_tab1 .hd{width: 1.5rem;margin: 0;}
.miso_tab1 .bd{width: calc(100% - 1.5rem - .5rem);}

.list21{position: relative;z-index: 1;padding-bottom: .05rem;margin-top: -.1rem;}
.list21::before{ content: ""; position: absolute; top: 0; left: 0; width: .06rem; height: 100%; z-index: -1; background: #ff6a01 }
.list21::after{ content: ""; position: absolute; top: 0; right: 0; width: 1px; height: 100%; z-index: -1; background: #e6e6e6; }
.list21 li{ padding: 0 0 0 2px}
.list21 .a{ display: block; padding: 0 .26rem; font-size: .2rem; color: #000000; line-height: .5rem; transition: .5s; position: relative; z-index: 1}
.list21 .a:before{content: "";position: absolute;top: 0;right: 0;bottom: 0;border-top: #e6e6e6 1px solid;border-bottom: #e6e6e6 1px solid;width: 0;transition: .5s;background: #fff;z-index: -1;}
.list21 .a span{position: absolute;top: 50%;right: .1rem;transform: translateY(-50%);font-family: 'swiper-icons';font-weight: 300;opacity: 0;transition: .5s;}

.list21 li.on .a:before{ width: 100%}
.list21 li.on .a{line-height: .6rem;margin: .1rem 0; font-family: 'Microsoft YaHei'; font-weight: bold; color: #ff6a01}
.list21 li.on .a span{ opacity: 1}

.list22 li{ margin-bottom: .35rem}
.list22 .a{display: flex;flex-wrap: wrap;position: relative;padding: 0 0 0 .16rem;}
.list22 .time{position: absolute;bottom: .24rem;left: 0;width: .62rem;height: .62rem;background: #ff6a01;z-index: 1;flex-direction: column;justify-content: center;align-items: center;}
.list22 .time h3{font-size: .27rem;color: #fff;line-height: 1;}
.list22 .time h6{ font-size: .12rem; color: #fff}
.list22 .imgBox{width: 3.1rem;margin: 0 .2rem 0 0;}
.list22 .imgBox .img{padding-bottom: 56.58%;}
.list22 .txt{ flex: 1; overflow: hidden; padding: .16rem 0 0}
.list22 h4{margin: .05rem 0 .15rem;font-family: 'Microsoft YaHei';font-weight: bold}

.miso_tab2{position: relative;z-index: 1;background: #ff6a01;overflow: hidden;}
.miso_tab2 .bd{ padding: .5rem}

.list23 li{ width: 50%;}
.list23 li .a{display: flex;height: .75rem;align-items: center;justify-content: center;font-size: .2rem;font-family: 'Microsoft YaHei';font-weight: bold;background: #f9f9f9;color: #ff6a01;position: relative;transition: .5s;}
.list23 li .a:after{ content: ""; position: absolute; left: 0; top: 50%; width: 0; height: 1px; background: #fff; transition: .5s}
.list23 li.on .a{ background: #ff6a01; color: #fff;}
.list23 li.on .a:after{width: 28%;}

.more1W{justify-content: flex-end;position: relative;z-index: 1;margin: .5rem 0 0;}
.more1{ font-family: 'Century Gothic'; font-size: .18rem; color: #261e1d; display: flex; align-items: center; margin: .1rem 0 0; position: relative; z-index: 1; transition: .5s}
.more1:before{ content: ""; position: absolute; right: 120%; top: 50%; background: #dcdcdc; height: 1px; width: 100vw}
.more1 img{margin: 0 0 0 .1rem;filter: grayscale(1); transition: .5s}

.list24 li{ border-bottom: rgba(255,255,255,.2) 1px solid;}
.list24 .a{ display: block; padding: .27rem 0;}
.list24 h4{color: #fff !important;font-weight: 600;}
.list24 p{ color: rgba(255,255,255,.58); margin: .18rem 0 0}

.miso_tab2 .bd .more1:before{ background: rgba(255,255,255,.2)}
.miso_tab2 .bd .more1{ color: #fff}

.list24 li:last-child{ border: none}
.list24 li:last-child .a{ padding-bottom: .1rem}

.news .fl3 h3{font-size: .72rem;color: #261e1c;margin-bottom: .2rem;}

.list25Box{ width: calc((100vw - 14.6rem)/2 + 100%);}
.list25 .txt{ padding: 0 0 .5rem; position: relative; z-index: 1}
.list25 .txt:before{ content: ""; position: absolute; left: 0; bottom: 0; right: 0; width: .46rem; height: 1px; background: #ff6a01}
.list25 h4{margin: .17rem 0 0; font-family: 'Microsoft YaHei';font-weight: bold;}

@media(min-width: 1024px){
    .miso_tab1 .bd .more1:hover img{ filter: grayscale(0);}
}
@media(max-width: 1024px){
    .news .fl1 .bd{ width: 100%;}
    .news .fl1 .hd{ width: 100%; display: none;}

    .list19 .imgBox .img{ height: auto; padding-bottom: 60%;}

    .news .fl2 .left{ width: 100%;}
    .news .fl2 .right{width: 100%;margin: .8rem 0 0;}

    .list25Box{ width: 100%;}
    .n_header .logo{max-width: 45%;}
}
@media(max-width: 800px){
    .news .fl1{padding: .25rem 0;margin: .1rem 0 0;}
    .list19 .txt{ padding: 0 .2rem .15rem;}
    .list19 p{ margin: .12rem  0 0;}

    .miso_tab1 .hd{ width: 100%;}
    .miso_tab1 .bd{width: 100%;margin: .3rem 0 0;}

    .list21{display: flex;align-items: center;}
    .list21 li{ flex: 1; text-align: center}
    .list21 .a{ padding: 0; font-size: .15rem}

    .news .fl2{ padding: .4rem 0}

    .list22 .imgBox{width: 100%;margin: 0;}
    .list22 .txt{ width: 100%; flex: auto}
    .list22 .time{ top: .24rem}

    .miso_tab2 .bd{ padding: .1rem .3rem .5rem}

    .news .fl3 h3{ font-size: .26rem; margin-bottom: .2rem}
    .list25 .txt{ padding: 0 0 .2rem;}

    .list21::before, .list21::after{ display: none;}

    .list24 .a{ padding: .25rem 0;}
    .list24 p{ margin: .15rem 0 0;}

    .n_header .logo{max-width: 47%;}
} 
@media(max-width: 560px){
} 

.fontsize {
    align-items: center;
    display: none;
}

.fontsize .line {
    width: 1px;
    height: .16rem;
    background: #ebebeb;
    margin: 0 .15rem;
}

.fontsize i img {
    height: .21rem;
    opacity: .66;
    transition: .5s;
    cursor: pointer
}

.fontsize i:hover img {
    opacity: 1
}

@media(min-width: 1200px) {
    .ar_f .ll a:hover h4 {
        color: #9d0c3a
    }
}

@media(max-width: 1600px) {
}

@media(max-width: 1199px) {
}

@media(max-width: 1024px) {
}

@media(max-width: 800px) {

    .fontsize i img {
        height: .15rem;
    }
}