@font-face {
  font-family: "dingding";font-weight: 700;src: url("./CUCGMckrRnsa.woff2") format("woff2"),
  url("./CUCGMckrRnsa.woff") format("woff");
  font-display: swap;
}

html{ margin: 0; padding: 0;}
header,.index_public{ font-family: "dingding"; }
a{ color: #363636; text-decoration: none; background-color: transparent;}
ul,li{ list-style: none; margin: 0; padding: 0;}
img{ width: 100%;}
.mtt-15{ margin-top: -22rem; z-index: 0;}
.bg0f7896{ background-color: #0f7896;}
.bg0f7896 img{ width: 90%;}
.aligncenter{ display: block; margin: 0 auto; text-align: center; clear: both; }

header{ background: linear-gradient(to bottom, #2675ec 10%, #3b90ef 20%, #f0f5fc 90%);}
.header_logo{ text-align: center;}
.header_logo img{ width: 30%; background-color: #fff; padding: 1rem 1.2rem; border-bottom-left-radius: 20px; border-bottom-right-radius: 20px; }
.header_cont{ text-align: center; z-index: 1;}
.header_cont p{ color: #fff; font-size: 1.4rem; margin-top: 1.2rem;}
.header_cont p.k{ display: inline-block; border-radius: 30px; background-color: #fff;}
.header_cont p.k span{ display: inline-block; padding: .5rem 1rem; border-radius: 30px;}
.header_cont p.k span:nth-child(1){ background-color: #fff; color: #1c63d2; border-top-right-radius: 0; border-bottom-right-radius: 0;}
.header_cont p.k span:nth-child(2){ background-color: #ff9037; border-bottom-left-radius: 0;}
.header_cont h1{ font-size: 3.5rem; letter-spacing: 2px; background-image: linear-gradient(to bottom, #fff 10%, #b4fffb 60%); background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent; filter: drop-shadow(#222 5px 4px 5px);}
.header_box{ border: 1px solid #fff; border-radius: 20px; margin: 1rem .5rem 0 .5rem; text-align: center; padding: 1rem 0 .5rem 0; color: #fff; z-index: 1;}
.header_box.bg1{ background: linear-gradient(to right, #ffa961 10%, #ff9139 100%);}
.header_box.bg2{ background: linear-gradient(to right, #4daefa 10%, #2883fa 100%);}

.menu{ margin-top: 2rem; padding-bottom: 2rem}
.menu li{ text-align: center; margin: 0 1.7rem;}
.menu li i{ background: url(./imgs/icon.webp); width: 32px; height: 32px; display: inline-block; vertical-align: middle;}
.menu li a{ display: block; margin-top: .5rem; }
.menu li:nth-child(1) i{ background-position: 0 0;}
.menu li:nth-child(2) i{ background-position: 0 -32px;}
.menu li:nth-child(3) i{ background-position: 0 -64px;}
.menu li:nth-child(4) i{ background-position: 0 -96px;}
.menu li:nth-child(5) i{ background-position: 0 -128px;}
.menu li:nth-child(6) i{ background-position: 0 -160px;}
.menu li:nth-child(7) i{ background-position: 0 -192px;}
.menu li:nth-child(8) i{ background-position: 0 -224px;}

.fenshu{ text-align: center; z-index: 1; margin-top: -6rem;}
.fenshu_bg1{ display: inline-block; background: linear-gradient(to bottom, #55b6f9 10%, #369df5 100%); padding: .6rem; border-radius: 25px; box-shadow: 0px 0px 6px #369df5;}
.fenshu_bg2{ background-color: #fff; padding: 1rem 1rem .5rem 1rem; border-radius: 25px;}
.fenshu_text{ margin: 0 1.5rem;}
.fenshu_text h3{ color: #1b7bfe;}
.fenshu_text h5{ color: #444;}

.index_public{ margin-top: 5rem; padding-top: 1rem;}
.index_public > div{ border: 1px solid #77d6fe; border-radius: 30px; padding-bottom: 2rem; box-shadow: 0px 0px 6px #369df5;}
.index_public h2{ margin: -2rem 0 2rem 0; text-align: center;}
.index_public h2 span{ display: inline-block; padding: .6rem 3rem; background: linear-gradient(to bottom, #55b6f9 10%, #369df5 100%); box-shadow: 0px 0px 6px #369df5; border-radius: 100px; color: #fff;}

.remen p{ position: absolute; bottom: 0; background: linear-gradient(to bottom, #55b6f9 10%, #369df5 100%); margin-bottom: 0; text-align: center; padding: .3rem 0; color: #fff;}
.remen .col-md-5 p{ width: calc( 100% - 24px );}
.remen .col-md-7 p{ width: calc( 100% - 16px );}
.huanjing .pic{ background: url(./imgs/huanjing_1.webp) no-repeat; width: 1114px; height: 494px; }
.duibi img{ width: 70%;}

.youLink{ margin: 2rem auto;}
.youLink h4{ font-weight: 600; padding-left: .8rem; border-left: 5px solid #ff8d00}
.youLink ul li{ display: inline-block; margin-right: 1rem; }

.footPc{background-color:#536976;padding:2rem 0 1rem;color:#fff}
.footPc h4{font-weight:600;letter-spacing:2px}
.footPc p{font-size:.9rem;letter-spacing:1px}
.footPc p a{ color: #fff;}
.footPc img{width:80%;border-radius:10px}
.foot-m{ margin-top: 5rem;}
.foot-m div{ font-size: .9rem; text-align: center; background-color: #fff; padding: 1rem 0 1rem;}
.foot-m b{ display: block;}

.bottomRight{width:40px;position:fixed;right:100px;bottom:200px}
.bottomRight .icon{ position: relative;}
.bottomRight .icon:hover .page{ visibility:visible; opacity:1}
.bottomRight .icon .page{ min-width: 210px; position: absolute; top: 50%; right: 125%; visibility: hidden; opacity: 0; transition: opacity .8s; transform: translate(0,-50%); padding: 10px; color: #444; background-color: #fff; font-weight: 400; border-radius: 4px; box-shadow: 0 1px 8px rgb(0 0 0 / 30%); text-align: center;
}
.bottomRight .icon .page::after{content:'';position:absolute;width:12px;height:12px;top:calc(50% - 12px);left:100%;transform:translate(-50%,50%) rotate(45deg);background-color:#fff;}
#back-top{visibility:hidden}
.bottomRight .icon .page h5,.bottomRight .icon .page h6{ font-weight: 600; text-align: center; color: #f00; margin-bottom: .5rem;}
.bottomRight .icon .page p{ margin-bottom: .5rem; font-size: .9rem;}
.bottomRight .icon .page img.wechat{ width: 65%;}

.redian a{ margin-bottom: 1rem;}
.redian a:hover p.title{ color: #f47721;}
.redian h4{ font-size: 1.8rem; text-align: center; font-weight: 600; margin-top: 2rem; color: #414141; letter-spacing: 3px; padding-bottom: 1rem; border-bottom: 2px dashed #dfdfdf; margin-bottom: 2rem;}
.redian .date{background-color: #f5f5f5; border-radius: 3px; color: #999; line-height: 1; min-width: 70px; height: 70px; margin: 0 15px 0 0; padding: 7px 0; font-weight: bold; text-align: center;}
.redian .date .day{ display: block; font-size: 2.1em;}
.redian .date .month{ border-top: 1px solid #e6e6e6; display: block; font-size: 0.7em; margin: 4px 0 0 0; padding: 7px 0 0 0;}
.redian .title{ color: #333; font-weight: 600; font-size: 1.1rem; margin-bottom: .8rem;}
.redian .summary{ color: #a1a1a1; font-size: .8rem; margin-bottom: 0;}

.college{ background-color: #f9f9f9; padding: 1.5rem 0; margin-top: 2rem;}
.college h4{ font-weight: 600; font-size: 1.8rem; line-height: 1.4; color: #17a2b8; position: relative; padding-left: 20px; letter-spacing: 2px; margin-bottom: 0;}
.college h4::before{ position: absolute; content: ''; height: 23px; width: 7px; background-color: #17a2b8; top: 6px; left: 0;}
.college a{ position: relative; display: inline-block; margin-top: 1.3rem; border-radius: calc(0.75rem - 1px); overflow: hidden;}
.college a img{ width: 100%; transition: transform .5s; transform: scale(1.0); }
.college a img:hover{ transition: transform .5s; transform: scale(1.1); }

.list{ margin-top: 1.5rem;}
.list h5{ border-bottom: 1px solid #e5e5e5; padding: 1rem 0; margin-bottom: 0; font-weight: 600; color: #8e8787; letter-spacing: 1px;}
.list h5 i{ margin-right: .5rem; color: #ffcc16; }
.list a.d-flex{ margin: 1rem -.9rem; padding: 1rem; border-bottom: 1px solid #e5e5e5;}
.list a.d-flex img{ width: 170px; border-radius: 8px; margin-right: 1.5rem;}
.list a.d-flex p.tit{ padding-right: 1rem; font-weight: 600; color: #292525; font-size: 1.1rem; font-family: -apple-system,BlinkMacSystemFont,PingFang SC,Hiragino Sans GB,Microsoft YaHei,"\5FAE\8F6F\96C5\9ED1",helvetica neue,helvetica,ubuntu,roboto,noto,segoe ui,Arial,sans-serif; letter-spacing: 1px; }
.list a.d-flex p.sum{ font-size: .9rem; color: #8e8787; margin: 0.4rem 0 0;}
.list a.d-flex span{ color: #8e8787; }
.list a.d-flex:hover{ background-color: #f7f7f8; border-radius: 16px;}

.read{ margin-top: 2.5rem; background-color: #fff;}
.read h1{ letter-spacing: 1px; font-weight: 600; font-size: 1.8rem; margin-bottom: 1rem;}
.content{ background-color: #fff; padding-bottom: 1rem;}
.content .author{ color: #768299; font-size: .9rem ;}
.content .time{ color: #999; margin-left: .5rem;}
.content h2{ font-size: 21px; font-weight: 600; border-left: 6px solid #70adf2; padding: 10px 15px; line-height: 20px; background: #fafafa; margin-bottom: 1rem;}
.content p{ line-height: 2; margin-bottom: 1rem; color: #2c2c2c;}
.content p img{ max-width: 640px;}
.content table{ border-left: 1px dashed #a9a9a9; border-top: 1px dashed #a9a9a9; width: 90%; margin: 0 auto; margin-bottom: 1rem;}
.content table tr td,.read table tr th{ border-right: 1px dashed #a9a9a9; border-bottom: 1px dashed #a9a9a9; padding: .5rem; text-align: center;}
.content .chuchu{ background-color: #f9f9f9; border-radius: 3px; margin: 30px 0; font-size: .9rem; line-height: 1.7; padding: 10px; border: 1px solid #efefef; color: #999;}
.breadcrumb{ font-size: .9rem; padding: 0.75rem 1rem; background-color: #e9ecef; border-radius: 0.25rem;}
.breadcrumb > a + a:before {padding: 0 2px 0 5px;color: #dadada;content: "/\00a0";}
.breadcrumb a{ color: #768299;}
.breadcrumb span{ margin-left: .7rem; color: #adadad; font-size: .9rem;}

.related{ padding-bottom: 1rem; }
.related h5{ font-family: fangyuan; border-left: 5px solid #ffac14; padding-left: 0.5rem; font-weight: 600; margin-bottom: 1rem; letter-spacing: 1px;}
.related a p{ font-size: 1rem; line-height: 1.4; margin-top: .3rem; color: #333;}

@media (max-width:768px){
	.mtt-15{ margin-top: -8rem;}
	.header_logo img{ width: 70%;}
	.header_box{ padding: .5rem 0 0 0;}
	.header_box h5{ font-size: .9rem;}
	.header_cont p{ font-size: 1.2rem; margin-top: .8rem; margin-bottom: 0;}
	.header_cont h1{ font-size: 2.7rem; margin: .4rem 0 0 0;}
	.menu{ margin-top: 0;}
	.menu li{ margin: 1.5rem 0 0 0;}
	.fenshu{ margin-top: -3.5rem;}
	.fenshu_text{ margin: 0;}
	.fenshu_text h5{ font-size: .9rem;}
	.index_public{ margin-top: 3rem;}
	.index_public > div{ margin-left: 0; margin-right: 0;}
	.index_public h2{ margin: -2rem 0 1rem 0;}
	.index_public h2 span{ padding: .6rem 2.9rem;}
	.remen .col-md-7 p{ width: calc( 100% - 4px );}
	.kaoshi .border h5{ font-size: 1rem;}
	.huanjing .row{ padding: 0 12px 2rem;}
	.huanjing .pic{ background: url(./imgs/huanjing_2.webp) no-repeat; height: 606px; background-size: contain;}
	.duibi img{ width: 100%;}
	.bg0f7896 img{ width: 100%;}
	.list a.d-flex img{ width: 100px; margin-right: .8rem;}
    .list a p.sum{ display: none;}
    .read h1{ font-size: 1.5rem; line-height: 1.6;}
    .content img{ width: 100%; max-width: 100%; height: auto;}
}