*{margin:0;padding:0;outline:0;}
body,html{overflow-x:hidden;color:#000;font:14px/30px 'Noto Serif', serif,Arial;}
blockquote,body,dd,div,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,input,li,ol,p,pre,td,textarea,th,ul{margin:0;padding:0;}
input[type=text],input[type=submit],textarea,button{-webkit-border-radius:0;font-family:'Noto Serif', serif,Arial;-webkit-appearance:none;}
input:focus{outline:0;}
textarea{resize:none;}
h1,h2,h3,h4,h5,h6{font-style:normal;font-size:100%;}
abbr,em,i,li,ol,ul{list-style-type:none;font-style:normal;}
img{border:0;vertical-align:middle;}
*{box-sizing:border-box;}
a{color:#000;text-decoration:none;-webkit-transition:.3s;-moz-transition:.3s;-o-transition:.3s;transition:.3s;-ms-transition:.3s;}
a:hover{color:#012754;text-decoration:none;}
.hide,.none,ins{display:none;}
.wrap{clear:both;display:block;margin:0 auto;max-width:1200px;width:100%;padding:0 0;}
.animate img{position:relative;opacity:1;-webkit-transition:.5s all;-moz-transition:.5s all;-o-transition:.5s all;transition:.5s all;-webkit-transform:scale(1,1) rotate(0);-ms-transition:.5s all;}
a:hover .animate img{-webkit-transform:scale(1.06,1.06);-moz-transform:scale(1.06,1.06);-o-transform:scale(1.06,1.06);transform:scale(1.06,1.06);-ms-transform:scale(1.06,1.06);}
.animate img:hover{-webkit-transform:scale(1.06,1.06);-moz-transform:scale(1.06,1.06);-o-transform:scale(1.06,1.06);transform:scale(1.06,1.06);-ms-transform:scale(1.06,1.06);}
.tran,.tran a,a.tran,.tran img{-webkit-transition:all .3s;-moz-transition:all .3s;transition:all .3s;-ms-transition:all .3s;}


#header{width:100%;}
#header .wrap{height:100px;;display:flex;justify-content:space-between ;align-items:center;}
#header .logo img{ height:50px}
#header .nav{ position:relative;display:flex;align-items:center;gap:0 30px}
#header .nav ul{display:flex;justify-content:center;}
#header .nav ul li{height:100px;display:flex;align-items:center; position:relative;}
#header .nav ul li h3 a{display:flex;align-items:center; font-size:15px;line-height:40px;padding:0 20px; font-family:'Noto Sans', sans-serif; font-weight:normal;text-transform:uppercase}
#header .nav ul li h3 a img{ margin-left:5px}
#header .nav ul li .sub{display:none; position:absolute; left:0; top:100px; z-index:99; background:#012754; width:300px; border-radius:6px}
#header .nav ul li .sub dl{ padding:20px;}
#header .nav ul li .sub dl dd{ padding:2px 0}
#header .nav ul li .sub dl dd a{ color:#fff; display:block}
#header .nav ul li.on h3 a img{transform: rotate(180deg);}
#header .nav ul li:hover h3 a img{transform: rotate(180deg);}
#header .nav .search{display:flex;align-items:center;}
#header .nav .search-btn{cursor:pointer;}
#header .nav .search-btn img{ height:20px}
#header .nav .search-layer{display:none;position:absolute;right:0;top:100px; padding:30px 50px;background:#f8f9f9; border-radius:10px;z-index:9;}
#header .nav .search-layer.show{display:block;}
#header .nav .search-input{padding:8px 12px;border:1px solid #012754;width:300px;margin-right:8px;}
#header .nav .search-submit{padding:8px 16px;border:none;background:#012754;color:#fff;cursor:pointer;}
#header .mnav{display:none;}

#banner{width:100%;}
#banner .focus{position:relative;z-index:2;}
#banner .focus .swiper-slide{position:relative;height:450px;overflow:hidden;}
#banner .focus .swiper-slide .img{height:450px;}
#banner .focus .swiper-slide .img img{width:100%;height:100%;object-fit:cover;}
#banner .focus .swiper-slide .info{position:absolute;left:0;top:0;height:100%;width:100%;display:flex;align-items:center;}
#banner .focus .swiper-slide .info .text{width:100%;}
#banner .focus .swiper-slide .info .text .text1{font-size:40px;color:#fff;font-family:'Playfair Display', serif;}
#banner .focus .swiper-slide .info .text .text2{color:#fff;margin-top:30px;line-height:1.6; padding-right:50%;}
#banner .focus .swiper-slide .info .text .more{margin-top:40px;}
#banner .focus .swiper-slide .info .text .more a{color:#fff; border:1px solid #fff; padding:8px 15px; border-radius:50px; display:inline-block}
#banner .focus .swiper-slide .info .text .more .v{ display:flex;align-items:center;}
#banner .focus .swiper-slide .info .text .more .v span{color:#fff; }
#banner .focus .swiper-slide .info .text .more .v img{ height:20px; margin-left:10px;transition:all .3s;}
#banner .focus .swiper-slide .info .text .more a:hover .v img{ margin-left:20px}

#news{ width:100%; margin-top:80px}
#news a{display:flex;justify-content:space-between ;align-items:center}
#news .img{ width:48%}
#news .img img{ width:100%}
#news .info{ width:48%}
#news .info .cate{ color:#012754; font-family:'Noto Sans', sans-serif}
#news .info .title{margin-top:20px;font-size:32px; font-family:'Playfair Display', serif;line-height:1.2}
#news .info .desc{ margin-top:20px; font-size:16px; line-height:1.6;}
#news .info .time{ margin-top:30px; font-size:12px; color:#999}

.btitle{position:relative;width:100%;font-size:30px;text-align:center;font-family:'Playfair Display', serif;}
.btitle:before{content:' ';position:absolute;top:50%;left:0;display:block;height:1px;width:100%;background:#e7e7e7}
.btitle .inner{position:relative;z-index:1;display:inline-block;padding:0;padding:0 20%}
.btitle .inner:before{content:' ';position:absolute;top:50%;display:inline-block;margin-top:-9px;margin-left:-20px;height:18px;width:20px;background:#fff;border-left:1px solid #e7e7e7}
.btitle .inner:after{content:' ';position:absolute;top:50%;display:inline-block;margin-top:-9px;margin-right:-20px;height:18px;width:18px;background:#fff;border-right:1px solid #e7e7e7}
.btitle .inner .innerwrap{background:#fff; letter-spacing:5px}

#article{ margin-top:80px}
#article .list{ margin-top:50px}
#article .list ul{display:flex ;gap:0 30px}
#article .list ul li{ width:calc((100% - 50px) / 2)}
#article .list ul li .img{ overflow:hidden}
#article .list ul li .img img{ width:100%}
#article .list ul li .info{ margin-top:20px}
#article .list ul li .info .cate{ color:#012754; font-family:'Noto Sans', sans-serif; font-size:12px; background:url(../images/blog.png) no-repeat left center; background-size:auto 50%; padding-left:20px}
#article .list ul li .info .title{font-size:24px; font-family:'Playfair Display', serif; line-height:1.3}
#article .list ul li .info .time{ margin-top:30px; color:#999; font-size:12px}
#article .more{ margin-top:30px; text-align:center}
#article .more a{border:1px solid #ddd; padding:8px 30px; border-radius:50px; background:#f8f8fa; display:inline-block}
#article .more .v{ display:flex;align-items:center;}
#article .more .v img{ height:20px; margin-left:10px;transition:all .3s;}
#article .more:hover .v img{ margin-left:20px}

#footer{ width:100%; border-top:1px solid #eee; margin-top:80px; padding:20px 0}
#footer .map{ display:flex;justify-content:space-between; padding:50px 0;}
#footer .map .follow{ width:30%}
#footer .map .follow .title{ font-size:12px;}
#footer .map .follow .list{ display:flex;gap:0 20px; margin-top:10px}
#footer .map .follow .list img{ width:20px; border-radius:2px;filter: grayscale(100%);-webkit-filter: grayscale(100%); opacity:.4;} 
#footer .map .follow .list a:hover img{ filter: grayscale(0%);-webkit-filter: grayscale(0%); opacity:1;} 
#footer .map .follow .content{ margin-top:10px}
#footer .map .link{ width:20%;} 
#footer .map .link a{ display:block}
#footer .map .policy{ width:20%;} 
#footer .map .policy a{ display:block}
#footer .map .about{ width:30%} 
#footer .copyright{ border-top:1px solid #eee; text-align:center; padding:10px 0}


@media (max-width:800px){
	body,html{font-size:.21rem;line-height:.34rem;}
	#header{ position:fixed; left:0; top:0; width:100%; z-index:888; background:#fff;box-shadow:2px 1px 10px 5px rgba(0,0,0,.05);}
	#header .wrap{height:.9rem; padding:0 .25rem;display:flex;justify-content:space-between ;align-items:center;}
	#header .logo img{ height:.5rem}
	#header .nav{ position:absolute; left:0; top:-100vh; width:100%; background:#fff;padding:.25rem; min-height:100vh; z-index:0; border-top:1px solid #eee; display:block}	
	#header .nav ul{display:block;width:100%; }
	#header .nav ul li{height:auto;display:block; border-bottom:1px solid #eee}
	#header .nav ul li h3 a{font-size:.24rem;line-height:.7rem;padding:0;justify-content:space-between ; }
	#header .nav ul li .sub{display:none; position: inherit; left:0; top:0; z-index:99; background:none; width:100%;}
	#header .nav ul li .sub dl{ padding:.2rem 0;}
	#header .nav ul li .sub dl dd{ padding:0}
	#header .nav ul li .sub dl dd a{ color:#666; font-size:.22rem; padding:.05rem 0}
	#header .nav .lan{display:none;}
	#header .mnav{position:relative;display:block;width:.34rem;height:.25rem;cursor:pointer;}
	#header .mnav span{position:absolute;display:block;width:.34rem;height:.03rem;background:#012754;transition:all .5s;border-radius:.05rem;}
	#header .mnav .s1{top:0;}
	#header .mnav .s2{top:.1rem;width:.26rem;}
	#header .mnav .s3{top:.2rem;}
	#header.active .mnav .s1{top:.1rem;transform:rotate(45deg);}
	#header.active .mnav .s2{width:0;opacity:0;}
	#header.active .mnav .s3{top:.1rem;transform:rotate(-45deg);}
	#header.active .nav{ top:.9rem}	
	#header .nav .search{ display:none}
	
	#banner{ margin-top:.9rem;}
	#banner .focus .swiper-slide{height:7rem;}
	#banner .focus .swiper-slide .img{height:7rem;}
	#banner .focus .swiper-slide .info .text{ padding:0 .25rem}
	#banner .focus .swiper-slide .info .text .text1{font-size:.4rem;}
	#banner .focus .swiper-slide .info .text .text2{margin-top:.3rem;padding-right:0;}
	#banner .focus .swiper-slide .info .text .more{margin-top:.3rem;}
	#banner .focus .swiper-slide .info .text .more a{ padding:.1rem .2rem; border-radius:.6rem;}
	
	#news{margin-top:.8rem; padding:0 .25rem}
	#news a{display:block}
	#news .img{ width:100%}
	#news .img img{ width:100%}
	#news .info{ width:100%; margin-top:.3rem}
	#news .info .cate{ font-size:.2rem}
	#news .info .title{margin-top:.2rem;font-size:.36rem;}
	#news .info .desc{ margin-top:.2rem; font-size:.21rem;}
	#news .info .time{ margin-top:.3rem; font-size:.2rem;}
	
	.btitle{font-size:.36rem; line-height:1.2;}
	
	#article{ margin-top:.8rem; padding:0 .25rem}
	#article .list{ margin-top:.5rem}
	#article .list ul{gap:.5rem; flex-wrap:wrap;}
	#article .list ul li{ width:100%}
	#article .list ul li .img img{ width:100%}
	#article .list ul li .info{ margin-top:.3rem}
	#article .list ul li .info .cate{font-size:.2rem; padding-left:.4rem}
	#article .list ul li .info .title{font-size:.36rem;}
	#article .list ul li .info .time{ margin-top:.2rem;font-size:.2rem}
	#article .more{ margin-top:.3rem;}
	#article .more a{padding:.1rem .3rem; border-radius:.6rem;}
	
	#footer{ margin-top:.8rem; padding:.2rem .25rem}
	#footer .map{flex-wrap:wrap; padding:.5rem 0;}
	#footer .map .follow{ width:100%}
	#footer .map .follow .title{ font-size:.2rem;}
	#footer .map .follow .list{gap:0 .2rem; margin-top:.1rem}
	#footer .map .follow .list img{ width:.3rem;} 
	#footer .map .follow .content{ margin-top:.1rem}
	#footer .map .link{ width:100%; margin-top:.5rem; display:flex;flex-wrap:wrap} 
	#footer .map .link a{ display: inline-block; width:50%}
	#footer .map .policy{ width:100%; margin-top:.3rem; padding:.2rem 0; display:flex;border-top:1px solid #eee;border-bottom:1px solid #eee;flex-wrap:wrap;gap:0 .2rem} 
	#footer .map .policy a{ display: inline-block; font-size:.2rem}
	#footer .map .about{ width:100%; margin-top:.3rem} 
	#footer .copyright{ border-top:1px solid #eee; text-align:center; padding:10px 0}
}

#catename{ color:#fff; text-align:center; height:200px;background:url(../images/banner_bg.jpg) no-repeat center center; text-align: center; font-size:40px; font-family:'Playfair Display', serif;display:flex;justify-content:center ;align-items:center; }
#catename{ text-transform:uppercase}

#featured{ width:100%; padding-top:80px}
#featured a{display:flex;justify-content:space-between ;align-items:center}
#featured .img{ width:48%}
#featured .img img{ width:100%}
#featured .info{ width:48%}
#featured .info .cate{ color:#012754; font-family:'Noto Sans', sans-serif}
#featured .info .title{margin-top:20px;font-size:32px; font-family:'Playfair Display', serif;line-height:1.2}
#featured .info .desc{ margin-top:20px; font-size:16px; line-height:1.6;}
#featured .info .time{ margin-top:30px; font-size:12px; color:#999}

#catelist{ margin-top:80px;}
#catelist .list{ margin-top:30px}
#catelist .list ul li{ padding:30px 0; border-bottom:1px solid #eee}
#catelist .list ul li a{display:flex;justify-content:space-between ;align-items:center}
#catelist .list ul li .img{ width:30%}
#catelist .list ul li .img img{ width:100%}
#catelist .list ul li .info{ width:65%}
#catelist .list ul li .info .cate{ color:#012754; font-family:'Noto Sans', sans-serif; font-size:12px; background:url(../images/blog.png) no-repeat left center; background-size:auto 50%; padding-left:20px}
#catelist .list ul li .info .title{margin-top:20px;font-size:24px; font-family:'Playfair Display', serif;line-height:1.3}
#catelist .list ul li .info .time{ margin-top:30px; font-size:12px; color:#999}

#details{ width:100%; padding-top:80px; border-top:1px solid #eee}
#details .details-title{font-size:32px; font-family:'Playfair Display', serif;line-height:1.3}
#details .details-box{ margin-top:50px;display:flex;justify-content:space-between;flex-direction:row-reverse;}
#details .details-box .user{ width:260px; border-right:1px solid #eee; padding-right:20px}
#details .details-box .user ul li{ margin-bottom:30px}
#details .details-box .user ul li .img img{ width:130px;}
#details .details-box .user ul li .info{ margin-top:10px}
#details .details-box .user ul li .info .title{ font-weight:600;line-height:1.3;}
#details .details-box .user ul li .info .desc{ line-height:1.3; color:#555; margin-top:5px}
#details .details-box .right{ width:calc(100% - 340px)}
#details .details-box .right .share{ display:flex}
#details .details-box .right .share a{ width:36px; height:36px; border:1px solid #000; border-right:0; overflow:hidden}
#details .details-box .right .share a{display:flex;justify-content:center;align-items:center;}
#details .details-box .right .share a:last-child{ border-right:1px solid #000}
#details .details-box .right .share a img{ max-width:40%; max-height:40%}
#details .details-box .right .info{ margin-top:20px}
#details .details-box .right .info .author{font-size:16px}
#details .details-box .right .info .time{ color:#666}
#details .details-box .right .info .pdf{margin-top:10px}
#details .details-box .right .info .pdf a{ border:1px solid #012754; color:#012754; border-radius:4px;padding:3px 10px; display:inline-block}
#details .details-box .right .content{ margin:30px 0; line-height:1.8; font-size:18px}
#details .details-box .right .content img{ max-width:100%}
#details .details-box .right .content p{ margin-bottom:10px}

#policy{ width:100%; padding-top:80px; border-top:1px solid #eee}
#policy .details-box{ display:flex;justify-content:space-between;flex-direction:row-reverse;}
#policy .details-box .cate{ width:260px; border-right:1px solid #eee; padding-right:20px}
#policy .details-box .cate a{ display:block;border-bottom:1px solid #eee; color:#012754; font-size:16px; padding:10px 0}
#policy .details-box .cate a.active{color:#000; font-size:20px; font-family:'Playfair Display',serif}
#policy .details-box .right{ width:calc(100% - 300px)}
#policy .details-box .right .title{font-size:32px; font-family:'Playfair Display', serif;line-height:1.3}
#policy .details-box .right .content{ margin:30px 0; line-height:1.8; font-size:18px}
#policy .details-box .right .content img{ max-width:100%}

#page{padding:80px 0 0px;display:flex;align-items:center;justify-content:center;gap:0 8px;}
#page a,
#page span{color:#5a5a5a;height:44px;min-width:44px;border:1px solid #ddd;border-radius:6px;display:flex;align-items:center;justify-content:center; background:#f8f8f9}
#page a.page-num-current{color:#fff;background:#012754;border:1px solid #012754;}
#page a:hover{background:#012754;color:#fff;border:1px solid #012754;}


@media (max-width:800px){
	#catename{height:2rem; font-size:.34rem;margin-top:.8rem; }

	#featured{margin-top:.8rem; padding:0 .25rem}
	#featured a{display:block}
	#featured .img{ width:100%}
	#featured .img img{ width:100%}
	#featured .info{ width:100%; margin-top:.3rem}
	#featured .info .cate{ font-size:.2rem}
	#featured .info .title{margin-top:.2rem;font-size:.36rem;}
	#featured .info .desc{ margin-top:.2rem; font-size:.21rem;}
	#featured .info .time{ margin-top:.3rem; font-size:.2rem;}
	
	#catelist{ margin-top:.8rem; padding:0 .25rem}
	#catelist .list{ margin-top:.5rem}
	#catelist .list ul li{padding:.3rem 0; }
	#catelist .list ul li a{ display:block}
	#catelist .list ul li .img{ width:100%}
	#catelist .list ul li .img img{ width:100%}
	#catelist .list ul li .info{width:100%; margin-top:.3rem}
	#catelist .list ul li .info .cate{font-size:.2rem; padding-left:.4rem}
	#catelist .list ul li .info .title{font-size:.36rem; margin-top:.2rem;}
	#catelist .list ul li .info .time{ margin-top:.2rem;font-size:.2rem}
	#catelist .more{ margin-top:.3rem;}
	#catelist .more a{padding:.1rem .3rem; border-radius:.6rem;}
	
	#details{ margin-top:.8rem; padding:.8rem .25rem 0}
	#details .details-title{font-size:.36rem;}
	#details .details-box{ margin-top:.5rem; display:block}
	#details .details-box .user{ width:100%; border-right:0; padding-right:0; margin-top:.5rem}
	#details .details-box .user ul li{ margin-bottom:.3rem}
	#details .details-box .user ul li img .img{ width:1.5rem;}
	#details .details-box .user ul li .info{ margin-top:.1rem}
	#details .details-box .user ul li .info .desc{  margin-top:.1rem}
	#details .details-box .right{ width:100%}
	#details .details-box .right .share a{ width:.5rem; height:.5rem;}
	#details .details-box .right .info{ margin-top:.2rem}
	#details .details-box .right .info .author{font-size:.22rem; line-height:1.5}
	#details .details-box .right .content{ margin:.3rem 0; line-height:1.7;font-size:.24rem}
	#details .details-box .right .content p{ margin-bottom:.2rem}
	
	#policy{}
	#policy .details-box{flex-wrap:wrap;}
	#policy .details-box .cate{ width:100%; border-right:0; padding:0 .25rem; border-top:1px solid #eee}
	#policy .details-box .cate a{font-size:.24rem; padding:.15rem 0}
	#policy .details-box .cate a.active{font-size:.24rem;}
	
	#policy .details-box .right{ width:100%; padding:.8rem .25rem 0}
	#policy .details-box .right .title{font-size:.36rem;}
	#policy .details-box .right .content{ margin:.3rem 0; line-height:1.7;font-size:.24rem}

}