a,abbr,acronym,address,applet,article,aside,audio,b,blockquote,big,body,center,canvas,caption,cite,code,command,datalist,dd,del,details,dfn,dl,div,dt,em,embed,fieldset,figcaption,figure,font,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,keygen,label,legend,li,meter,nav,object,ol,output,p,pre,progress,q,s,samp,section,small,span,source,strike,strong,sub,sup,menu,table,tbody,tfoot,thead,th,tr,td,video,tt,u,ul,var{background:transparent;font-size:100%;margin:0;padding:0;border:0;outline:0;}
a{color: #000; text-decoration:none;}
a:link{color: #000;}
a:visited{color: #000;}
a:active{color: #000;}
a:hover{color: #344F7E;}
ol,ul,li{list-style:none;}
body{font-size:14px; line-height: 1.75;}
pre{font-family: "微软雅黑";}
.pic{overflow: hidden;}
.pic img{object-fit:cover; transition:all .5s ease 0s;}
.pic img:hover{ transform:scale(1.1);}
.row{position: relative; overflow: hidden;}
.container{width:94%;max-width:1600px; margin:0 auto;}
.left{float:left;}
.right{float:right;}
@font-face { font-family: "iconfont"; src:url('../font/iconfont.woff2') format('woff2'), url('../font/iconfont.woff') format('woff'), url('../font/iconfont.ttf') format('truetype'); }
#translate{display: none;}
.aos-animate .tzSwiper ,.aos-animate .tabSwiper { padding-bottom:2rem !important;}
.swiper-pagination-fraction{ position: absolute;left:auto;right:.5rem;bottom:.5rem;width:2.5rem;color:#fff; font-size:1.125rem }
.autoplay-progress{position: absolute;right: .5rem;bottom: .5rem;z-index: 10;width: 2rem;height: 2rem;display: flex;align-items: center;justify-content: center;color: #fff;opacity:.8;}
.autoplay-progress svg{--progress: 0;position: absolute;left: 0;top: 0px;z-index: 10;width: 100%;height: 100%;stroke-width: 4px;stroke: #fff;fill: none;stroke-dashoffset: calc(125.6 * (1 - var(--progress)));stroke-dasharray: 125.6;transform: rotate(-90deg);}

/* 头部 */
#header{position: fixed; z-index: 100; left: 0; top: 0; right:0;opacity: 1;color:#fff; text-align:center;}
#header:before{content:""; position: absolute;z-index:-1;top:0;right:0;bottom:0;left:0; background:linear-gradient(to bottom, rgba(52,79,126,.75), rgba(255,255,255,0)); transition:all 1s ease 0s;}
#header .container{position: relative;padding:1.5rem 0;display: flex; justify-content: space-between; transition:all .5s ease 0s;}
.ding #header:before{background:#344F7E;opacity:.8; box-shadow: 0 .5rem 1rem rgba(0,0,0,.2); backdrop-filter:blur(2px);}
.ding #header .container{padding:.75rem 0;}
#header a{color:#fff;}
#logo{margin-top:1rem;display:flex; overflow: hidden;}
#logo img{max-width: 100%; max-height:3rem; transition:all .5s ease 0s; object-fit:cover;}
/* 顶部功能区 */
.topfunction{display: flex; flex-wrap: wrap; justify-content: flex-end; padding-right:.5rem;}
/* 链接 */
#linkgroup{float:left;}
#linkgroup li{position: relative; float:left;line-height: 2rem;}
#linkgroup li a:after{content:"|"; position: absolute;top:0;right:0;bottom:0;}
#linkgroup li a{display:block; padding:0 1rem;}
#linkgroup li:last-child a:after{display: none;}
/* 搜索框 */
#searchBox{display: flex; flex-wrap: wrap; justify-content: flex-end;}
.s-form{display:flex;}
/*
.s-form .input-box ,.s-form .select-box{display: none;}
.s-form #inputkeyword{flex:1; padding:0;width:0;height:2rem; border:0px #fff solid; border-radius:2rem; background:none; color:#fff; transition:all .5s ease 0s;}
.s-form:hover #inputkeyword{margin-right:10px;padding:0 .75rem;width:8rem;border-width:1px;}
.s-form .inputsubmit{float:right;}
.s-form .inputsubmit input{width:2rem; height:2rem; line-height:2rem; border:none;font-size:1.5rem; padding:0;overflow: hidden; cursor: pointer;}
*/
.s-form .select-box,.s-form .dropdown-word {display: none;}
.s-form #inputkeyword{flex:1; padding:0;width:0;height:2rem; border:0px #fff solid; border-radius:2rem; background:none; color:#fff; transition:all .5s ease 0s;}
.s-form:hover #inputkeyword{margin-right:10px;padding:0 .75rem;width:8rem;border-width:1px;}
.s-form .btn-box{float:right;}
.s-form .btn-box a{ display:block; width:2rem; height:2rem; line-height:2rem; padding:0; font-size:1.5rem; overflow: hidden; cursor: pointer;}
.s-form .btn-box a:before{font-family: "iconfont" !important; content: "\e62c";}
/* 导航 */
#nav{display:flex;justify-content: space-between; flex-wrap: wrap;}
#nav .mainNav{display:flex; margin-top:.25rem;}
#nav .mainNav .li1{ position: relative; flex: 1;}
#nav .mainNav .li1 h3{font-weight: normal;}
#nav .mainNav .li1 .a1{position: relative;padding:0 .5rem;padding-bottom:.5rem; height:2rem; line-height:2rem; display: block; font-size:1.125rem; cursor: pointer; overflow: hidden;}
#nav .mainNav .li1:before{content:""; position: absolute;left:50%;bottom:0;width:0; border-bottom:1px solid #fff; transition:all .5s ease 0s;}
#nav .mainNav .li1.on1:before,#nav .mainNav .li1:hover:before{left:0;width:100%;}
#nav .mainNav .li1 ul{display: none; position: absolute;top:100%;left:-20%;min-width:8rem; width:140%; line-height: 2rem;overflow: hidden;}
#nav .mainNav .li1.on1 ul{  background-color:rgba(0,0,0,.4); box-shadow: 0 .3rem 1rem rgba(0,0,0,.2); }
#nav .mainNav .li1 ul li a{ display:block;padding:.5rem 0; line-height:1.5rem;}
#nav .mainNav .li1 ul li a:hover{background-color:rgba(255,255,255,.25)}
.ding #nav .mainNav .li1 ul{ background-color:rgba(52,79,126,.6);}
#li-home{display: none;}

/* 正文 */
#content .container{padding:1.5rem 0; position: relative; z-index: 1;}
.container .header{padding:1rem 0; background:url(../img/jz1.png) no-repeat 4rem center; background-size: auto 100%; text-align:center;overflow: hidden;}
.container .header h3{ float:left; }
.container .header h3 a{position: relative; font-size:1.75rem; color:#344F7E;}
.container .header h3 a:before,.container .header h3 a:after{content:""; position: absolute;bottom:-.5rem;right:51%;width:1.5rem;height:3px; background-color:#268FFF;}
.container .header h3 a:after{left:51%; background-color:#32D6BA;}
.container .header h3 span{margin-left:.5rem; text-transform:uppercase;}
.container .header .more{position: relative; z-index: 2; float:right; margin-top:.5rem; padding:0 1.5rem; line-height: 2rem; border-radius:1rem;overflow: hidden;}
.container .header a:hover.more{color:#fff;}
.container .header .more:before,
.container .header .more:after{content:""; position: absolute; z-index: -1; top:0;left:0;height:100%;width:0; background-color:#344F7E; border-radius:1rem; transition:all .5s ease 0s;}
.container .header .more:before{width:100%; z-index: -2; background-color:#ddd;}
.container .header .more:hover:after{width:100%;}
.container .cont{ position: relative; padding:1rem 0 ;overflow: hidden;}
/* 首屏焦点图 */
#home-focus:after{ font-family: "iconfont" !important; content: "\e608"; font-size:2rem; color:#fff; z-index: 99; position: absolute;left:50%; bottom:6%; margin-left:-1rem; width: 2rem ;height:2rem; background-size:cover; animation:mouse 2s linear infinite; transition:all 1s ease 0s;}
.ding #home-focus:after{opacity:0;}
@keyframes mouse { 0% {margin-bottom:0;} 50% {margin-bottom:1rem;} 100% {margin-bottom:0;} }
#home-focus .swiper{position: relative; margin: 0 auto; height: 100vh;overflow: hidden; transition:all .5s ease 0s;}
#home-focus .swiper:before{content:""; position: absolute;z-index:2;right:0;bottom:0;left:0;height:100px; background:linear-gradient(to bottom,  rgba(255,255,255,0),rgba(0,0,0,.5)); transition:all 1s ease 0s;}
#home-focus .swiper .swiper-wrapper{height: auto;}
#home-focus .swiper li{ position: relative;overflow: hidden;}
#home-focus .swiper li:after{display: none; content:""; position: absolute; z-index: 9; left:25%;top:50%; margin-top:-7rem; width:9rem;height:15rem;  background-size:auto 100%; animation:focustxt 5s linear;}
#home-focus .swiper img{width:100%; height:100vh; object-fit:cover; }
#home-focus .swiper .swiper-slide-active img{animation:focus 5s linear;}
@keyframes focus {0% { transform:scale(1);}100% {transform:scale(1.1);}}
#home-focus .swiper-pagination .swiper-pagination-bullet{margin:0 .5rem;background:#fff;width:.75rem;height:.75rem;}
#home-focus .swiper-pagination .swiper-pagination-bullet-active{ position: relative; background:#fff;}
#home-focus .swiper-pagination .swiper-pagination-bullet-active:before{ content: ''; position: absolute; top: 50%; left: 50%; margin:-11px 0 0 -11px; width: 20px; height: 20px;border-radius: 100%; border:1px solid #fff; }
#home-focus .hd{display: none;}
/* 综合新闻 */
#row1{position: relative;}
#row1:after{content:""; position: absolute;top:18%;left:0;bottom:5%;width:0%; background-color:#dae7ff;transition:all 3s ease 0s;}
#row1.show:after{width:44%;}
#row1 .topbg:before{content:"";z-index: -1;position: absolute;left: 0%;top: -120%;width: 800px;height: 1000px;opacity: .15;border-radius: 30px;transform: rotate(45deg);background:#fff;box-shadow: 0 1rem 2rem rgba(0,0,0,.2);}
#row1 .topbg:after{content:"";z-index: -1;position: absolute;left: 40%;top: -160%;width: 400px;height: 1000px;opacity: 0.35;border-radius: 30px;transform: rotate(45deg);background:#fff;}
#row1 .header{background:url(../img/jz1.png) no-repeat 3rem center; background-size: auto 100%;}
#row1 .toplist {padding-top:.5rem ;}
#jdt{float:left; width:45%;margin-right:3rem;}
#jdt .pic img{height:380px;}
#jdt .hd{display: none;}
/* 通知公告 */
#row2 .container{ padding-top:0; }
#row2 .header {background-image:url(../img/jz2.png) ;background-position: 5rem center; background-size:auto 70%;}
#row2 .cont{padding:0.5rem 0;}
#row2 .ttlist li{ width:24%; padding:1rem .5rem; border:1px solid #ddd; border-left:2px solid #344F7E}
#row2 .ttlist li a{ display:block; margin:0 .5rem; font-size:1.125rem;line-height: 2rem;height:4rem; white-space:normal; text-overflow: ellipsis; overflow: hidden; }
#row2 .ttlist li a:hover{ font-weight:bold; }
#row2 .ttlist li .dates{ margin:.325rem 0 0 .25rem;}
#row2 .ttlist li .dates{line-height: 2rem;}
#row2 .swiper-wrapper{ padding:.5rem 0 1.5rem;}
#row2 .swiper-scrollbar-drag{ background:#344F7E;}

/* 校园动态 */
#row3 { position: relative; background:#f2f3f9 url(../img/xydtbg.jpg) no-repeat center top;overflow: hidden;}
#row3:after{content:""; position: absolute;top:20%;right:0;bottom:7%;width:0%; background-color:#344F7E;transition:all 2s ease 0s;}
#row3.show:after{width:39%;}
#row3 .header { padding:0; background-image:url(../img/jz3.png) ;}
#row3 ul{ margin:0;padding-top:1.5rem; position: relative;height:360px;}
#row3 ul li { float: none; width:auto; text-align:left;}
#row3 ul li .pic {position: absolute; top:0; right:0; width:40%; background-color:#344F7E;}
#row3 ul li .pic img{ display:block;width:100%; height:360px;opacity:0; transition:all .75s ease 0s; }
#row3 ul li .title{ padding:1rem .5rem; font-size:1.125rem;width:56%; transition:all .5s ease 0s;}
#row3 ul li .title a{ display:block; white-space: nowrap; text-overflow: ellipsis;overflow: hidden;}
#row3 ul li.active .pic{ z-index: 2; display:block;}
#row3 ul li.active .pic img{ opacity:1; }
#row3 ul li.active .title{font-weight:bold; background:#f5f5f5;transform:translateY(-0.5rem); box-shadow: 0 .25rem .5rem rgba(0,0,0,.1); }

/* 新媒体动态 */
#row4 { background:url(../img/xmtbg.jpg) no-repeat center bottom; background-size:cover;}
#row4 .header { background-image:url(../img/jz4.png) ; background-size: auto 70%;}
#row4 .piclist li .title{ position: absolute; z-index: 3; left:0;right:0;bottom:0;height:2rem;line-height: 2rem;}
#row4 .piclist li:after{content:"";position: absolute; z-index: 2; left:0;right:0;bottom:0;height:2rem;background:linear-gradient(to bottom, rgba(0,0,0,.0), rgba(0,0,0,.8));}
#row4 .piclist li .title a{ display:block; text-align:center;overflow: hidden; white-space: nowrap; text-overflow: ellipsis;color:#fff;}
@media screen and (min-width:800px) {
#row4 .piclist{ position: relative; height: 360px;}
#row4 .piclist li{ position: absolute;}
#row4 .piclist li:nth-child(1){width:32%;height:360px;}
#row4 .piclist li:nth-child(1) .pic img{width:100%;height:360px;}
#row4 .piclist li:nth-child(2){left:34%;top:0; width:32%;height:170px;}
#row4 .piclist li:nth-child(2) .pic img{width:100%;height:170px;}
#row4 .piclist li:nth-child(3){left:34%;top:190px;width:32%;height:170px;}
#row4 .piclist li:nth-child(3) .pic img{width:100%;height:170px;}
#row4 .piclist li:nth-child(4){left:67.5%;top:0;width:32%;height:220px;}
#row4 .piclist li:nth-child(4) .pic img{width:100%;height:220px;}
#row4 .piclist li:nth-child(5){left:67.5%;top:240px;width:14.5%;height:120px;}
#row4 .piclist li:nth-child(5) .pic img{width:100%;height:120px;}
#row4 .piclist li:nth-child(6){right:0;top:240px;width:14.5%;height:120px;}
#row4 .piclist li:nth-child(6) .pic img{width:100%;height:120px;}
}
/* 师生风采 */
#row5 .header { background-image:url(../img/jz5.png) ;background-position: 4rem 0; background-size: auto 3rem;}
#row5 .ss-tab-list{ display:inline-block; *display:inline; margin-left:-2rem; background-color:#fff; border-bottom:2px solid #ddd;}
#row5 .ss-tab-list li{ margin-bottom:-2px; display:inline-block; *display:inline; padding:0 1.5rem;line-height: 3rem; font-size:1.125rem; cursor: pointer; }
#row5 .ss-tab-list li.active{ border-bottom:2px solid #268FFF; font-weight:bold; color:#268FFF}
#row5 .swiper-wrapper{ padding:1rem 0;}
#row5 .piclist{display: none;}
#row5 .piclist.active{ display:block; }
#row5 .piclist li { position: relative;max-width: 240px; transition:all .5s ease 0s;}
#row5 .piclist li .pic img{width: 100%;height:280px;}
#row5 .piclist li .title{ position:absolute; z-index: 2;top:0; left: 0;padding:1rem .5rem;height: 9rem;background: linear-gradient(180deg, rgba(52, 79, 126, 1) 40%, rgba(204, 204, 204, 0) 100%);letter-spacing: .25rem; text-align:center;}
#row5 .piclist li .title a,#row5 .piclist li .title span{ float:left; display:block;color:#fff;padding：0 .25rem;line-height: 1.5rem;writing-mode: vertical-rl; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
#row5 .piclist li .title a{ display:block; font-size:1.25rem; font-weight:bold; }
#row5 .piclist li:hover,#row5 .piclist li.active{ box-shadow: 0 .25rem 1rem rgba(0,0,0,.2); transform: translate3d(0, -.5rem, 0);}
#row5 .piclist li:hover .pic img,#row5 .piclist li.active .pic img{ transform:scale(1);}

/* 数据校园*/
#row6 { background:#eee url(../img/szxybg.jpg) no-repeat center ; background-size:cover;}
#row6 .header { background-image:url(../img/jz6.png) ; background-size: auto 70%;}
#row6 ul li{ margin: 1.5rem 0;text-align:center;}
#row6 ul li a{ position: relative; display:inline-block; *display:inline; width:9rem;height:9rem;line-height: 1.5rem; border-radius:100%; transition:all .5s ease 0s;}
#row6 ul li i{display: block; margin:1rem 0 .5rem; width: 100%;height:2.5rem; line-height:2.5rem; font-size:2.5rem;  filter: invert(1); transition:all .5s ease 0s;}
#row6 ul li i:before{font-family: "iconfont" !important; content: "\e661"; font-style: normal; color:#fff;}
#row6 ul .li2 i:before{content: "\e696"; }
#row6 ul .li3 i:before{content: "\e62e"; }
#row6 ul .li4 i:before{content: "\e64c"; }
#row6 ul .li5 i:before{content: "\e62f"; }
#row6 ul .li6 i:before{content: "\e61a"; }
#row6 ul .li7 i:before{content: "\e609"; }
#row6 ul .li8 i:before{content: "\e812"; }
#row6 ul .li9 i:before{content: "\e638"; }
#row6 ul .li10 i:before{content: "\ec94"; }
#row6 ul .li11 i:before{content: "\e677"; }
#row6 ul .li12 i:before{content: "\e605"; }
#row6 ul .li13 i:before{content: "\e606"; }
#row6 ul .li14 i:before{content: "\e64b"; }
#row6 ul .li15 i:before{content: "\e72d"; }
#row6 ul li b{ font-size:2rem; letter-spacing: -.1rem; }
#row6 ul li strong{ font-size:1.125rem; }
#row6 ul li span{ display:block; padding:0 .5rem;}
#row6 ul li s{position: absolute; z-index: -1; left:-5.5%;top:-5.5%; width:110%;height:110%; border-radius:100%; border:1px dashed #aaa; animation:btnRotate 10s linear infinite;}
#row6 ul li s:after{content:""; position: absolute;top:-4px;left:50%; margin-left:-3px; width:6px;height:6px; border-radius:100%; background-color:#aaa;}
@keyframes btnRotate {0% {transform: rotate(0);}100% {transform: rotate(360deg)}}
#row6 ul li:hover,#row6 ul li.active{ position: relative; z-index: 2;}
#row6 ul li a:hover,#row6 ul li.active a{ background-color:#344F7E; color:#fff; box-shadow: 0 1rem 2rem rgba(0,0,0,.2); transform: translate3d(0px, -1rem, 0px);}
#row6 ul li a:hover i,#row6 ul li.active a i{filter: invert(0);}
#row6 ul li a:hover s,#row6 ul li.active a s{animation-duration: 2s;}


/* 专题专栏 */
#row7 .header { background-image:url(../img/jz7.png) ;background-position: 5rem center; background-size: auto 70%;}
#row7 .piclist li{ position: relative; margin-bottom:0;height:100px; overflow: hidden;}
#row7 .piclist .pic img{height:100px;}
#row7 .piclist .title a{ position: absolute; z-index: 2; top:50%;left:0;right:0; padding:2.6rem 1rem;line-height: 1rem; z-index: 112;text-align:center; white-space: nowrap; text-overflow: ellipsis;color:#fff; overflow: hidden; transition:all .5s ease 0s;opacity:0;}
#row7 .piclist .title:after{content:"";position: absolute;z-index:1;top:0;left:0;right:0;bottom:0; background-color:rgba(0,0,0,.5); transition:all .5s ease 0s;opacity:0;}
#row7 .piclist li:hover .title a{top:0; opacity:1;}
#row7 .piclist li:hover .title:after{opacity:1;}
#row7 .aos-animate .tabSwiper{ padding:0 !important;}
#row7 .piclist .swiper-button-prev,#row7 .piclist .swiper-button-next{ background-color:#344F7E; opacity:.7}
#row7 .piclist .swiper-button-prev:after,#row7 .piclist .swiper-button-next:after{ color:#fff; font-size:1.5rem;}

/* 底部 */
#footer{ position: relative; z-index: 9; padding:2rem 0; background-color:#344F7E;color:#fff; text-align:center;}
#footer .container{display:flex;font-size:.875rem;}
#footer a{color:#fff;}
#footer a:hover{color:#dae7ff;}
#footer ul{display:flex;overflow: hidden;margin:0 -.75rem; font-size:.75rem;}
#footer ul:hover{overflow: visible;}
#footer li{flex: 1; position: relative;}
#footer li a{  text-align:center; cursor: pointer; }
#footer li i { display:inline-block; *display:inline; margin:0 .5rem .5rem; width:3.5rem;height:3.5rem;line-height:3.5rem; font-size:1.7rem;font-style: normal;  border-radius: 5px;background: rgba(38, 143, 255, .1); transition:all .5s ease 0s;}
#footer li i:before{font-family: "iconfont" !important; content: "\e665";}
#footer li span{ display:block; }
#footer li:nth-child(2) i:before{content: "\eaa9";}
#footer li:nth-child(3) i:before{content: "\e75e"; }
#footer li:nth-child(4) i:before{content: "\e664"; }
#footer .medialink li .qr{ position: absolute;bottom:100%;left:0; margin-left:-2rem; width:8rem;height:8rem; background:url(../img/qr-wechat.jpg) no-repeat center; background-size:cover;opacity:0; transition:all .5s ease 0s;}
#footer .medialink li i:before{ font-size:1.5rem; }
#footer .medialink li:nth-child(1) i:before{content: "\e627"; }
#footer .medialink li:nth-child(2) i:before{content: "\e623"; }
#footer .medialink li:nth-child(3) i:before{content: "\e603"; }
#footer .medialink li:nth-child(2) .qr{background-image: url(../img/qr-shipin.jpg);}
#footer .medialink li:nth-child(3) .qr{background-image: url(../img/qr-douyin.jpg);}
#footer li a:hover i{ background-color: rgba(38, 143, 255, .3); box-shadow: 0 1rem 2rem rgba(0,0,0,.2); transform: translate3d(0, -.5rem, 0);}
#footer li a:hover .qr{ display:block; bottom:120%; opacity:1;}
#footer .copyright{flex: 2;padding-top:3.75rem; background:url(../img/logo.png) no-repeat center top; background-size:auto 3rem;}

.pop-yzxx{display: none; position: fixed; z-index: 101; left:50%;top:50%;margin:-8rem 0 0 -16rem; width:28rem;min-height:12rem; padding:3rem 2rem 2rem; background-color:#fff; border-radius:.5rem;  box-shadow: 0 1rem 2rem rgba(0,0,0,.2);}
.pop-yzxx .close{ position: absolute;top:0;right:0;width:3rem;height:3rem;line-height: 3rem; font-size:1.2rem; text-align:center;  cursor: pointer;}
.pop-yzxx .close:before{content:"\e611";font-family: "iconfont" !important;}
.pop-yzxx .close:hover:before{color:#268FFF;}
.pop-yzxx .intro{ font-size:1.2rem; }
.pop-mask{display: none; position: fixed; z-index: 100; top:0; right:0;bottom:0; left:0; background-color:rgba(0,0,0,.5)}

@media screen and (min-width:1600px) {
    #nav .mainNav .li1 .a1{ padding-left: 1rem;padding-right: 1rem;}
}  
/* 1200 以下 */
@media screen and (max-width:1200px) {
    #logo{ margin:0; }
    #logo img{max-height:2.2rem;}
    #nav .mainNav .li1 .a1{ padding:0 .2rem;}
    #home-focus .swiper,#home-focus .swiper img{height:60vh;}
    #jdt{ width:50%;}
    #row1.show:after{width:48%;}
    #row3 ul li .pic,#row3 ul li .title{width:48%;}
    #row3.show:after{width:48%;}
}
/* 1000 以下 */
@media screen and (max-width:1000px) {
    .navshow #header:before,.navshow.ding #header:before{ background:none; box-shadow:none;}
    #header .container,.ding #header .container{ display:block; padding:.5rem; }
    .topnav,#linkgroup{display: none;}
    #nav,.topfunction,#searchBox{ display:block; }
    .s-form {margin:1rem 0;  display:block; overflow: hidden;}
    .s-form .input-box{ float:left; width:90%;}
    .s-form #inputkeyword{ margin:0;width:90%; padding:0 5%; border-width:2px;}
    .s-form .btn-box{margin-top:.125rem;}
    .s-form .btn-box a{width:2.5rem; font-size:2rem; }
    #nav .mainNav{ display:block; }
    #nav .mainNav .li1 { padding:.5rem 0; border-bottom:1px dotted rgba(255,255,255,.25);overflow: hidden;}
    #nav .mainNav .li1 .h1{ text-align:left; padding-right:2.5rem;}
    #nav .mainNav .li1:before{left:0;}
    #nav .mainNav .li1:after{content:">"; position: absolute;top:.7rem;right:2%;  font-family: serif; transform:rotate(90deg);}
    #nav .mainNav .li1 .a1{ padding:0; }
    #nav .mainNav .li1 ul{ position: relative; left:0;right:0;width:auto;}
    #nav .mainNav .li1 ul li{ float:left; width:25%;}
    #home-focus .swiper,#home-focus .swiper img{height:40vh;}
    #jdt{display: none; }
    #row5 .piclist li .pic img{height:180px;}
    #row5 .piclist li:hover,#row5 .piclist li.active{transform: none;}
    #row6 ul li a{zoom: .8;}
    #row7 .piclist li,#row7 .piclist .pic img{height:80px;}
    #footer{padding:1rem 0;}
    #footer .container{ display:block; }
    #footer .copyright{ margin-top:1rem;padding-top:2.5rem; background-size:auto 2rem;}
    #footer .medialink{display: none;}
}
/* 768px 以下 */
@media screen and (max-width:768px) {
    .piclist li{width:46%; margin-left:2%; margin-right:2%; }
    .piclist li .pic img{height: 120px;}
    .container .header{ padding:0; }
    .autoplay-progress{zoom:.7;}
    #content .container{ padding:1rem 0 0;}
    #home-focus:after{display: none;}
    #home-focus .swiper-button-prev,#home-focus .swiper-button-next{display: none;}
    #home-focus .swiper li:after{ margin-top:-3rem;  height:8rem;}
    #row1:after{display: none;}
    #row3:after{display: none;}
    #row3 ul{height:auto; padding:0; }
    #row3 ul li .pic{display: none; width:100%;position: relative;}
    #row3 ul li .pic img{height: auto;}
    #row3 ul li .title{width:auto; margin:0; padding:.5rem;}
    #row3 ul li.active .pic{ display:block; }
    #row3 ul li.active .title{transform: none;}
    #row5 .ss-tab-list{ clear:both; display:block; }
    #row6 ul li a{zoom: .6;}
}

@media screen and (max-width:500px) {
    #nav .mainNav .li1 ul li{ width:33%;}
    #nav .mainNav .li1 ul li a{ display:block;  white-space: nowrap; text-overflow: ellipsis;overflow: hidden;}
    #home-focus .swiper,#home-focus .swiper img{height:25vh;}
    .s-form .input-box{width:85%;}
    .pop-yzxx{margin-left:-11rem;padding:2rem 1rem; width:20rem;}
}