@charset "utf-8";

@media (max-width:1920px) {
	html {font-size: 16px;}
}
@media (min-width:1400px) and (max-width:1600px) {
	html {font-size: 16px;}
}
@media (min-width:640px) and (max-width:1399px) {
	html {font-size: 15px;}
}
@media (min-width:471px) and (max-width:639px) {
	html {font-size: 14px;}
}
@media (min-width:320px) and (max-width:470px) {
	html {font-size: 14px;}
}
/*返回顶部*/
.backtop { position: fixed; right: 30px; bottom: 30px; cursor: pointer; display: none; width: 50px; height: 50px;-webkit-animation: more 2s infinite;animation: more 2s infinite; }
.backtop img{display: block;width: 100%;}
@-webkit-keyframes more {  
	0%, 60%, 80%, 100% {-webkit-transform: translateY(0);}
	  20% {-webkit-transform: translateY(-10x);}
	  40% {-webkit-transform: translateY(10px);}
	}
	@keyframes more {  
	0%, 60%, 80%, 100% {-webkit-transform: translateY(0);}
	  20% {-webkit-transform: translateY(-10px);}
	  40% {-webkit-transform: translateY(10px);}
	}
	@media(max-width: 768px) {
	.backtop{width: 30px;height: 30px;right: 10px;}
	
	}

/*==========================================公共 开始=============================================*/
.link-banner {
  margin-top: 15px;
  overflow: hidden;
}
.link-banner .bd li {
    width: 24.2%;
    height: 80px;
    margin-right: 0.8% !important;
    float: left;
}
.link-banner .bd li a,
.link-banner .bd li img {
  width: 100%;
  height: 100%;
  display: block;
}
.link-banner .bd li:hover img {

}


a{word-break: normal;}
p{word-break: normal;}


.leardh{
	margin-top:20px;
	width:100%;
	height:auto;
	}
.leardh .leardh_lm{
	height:36px;
	line-height:60px;
	margin-bottom:25px;
	background:  repeat-x left bottom;
	text-align:center;
	}
.leardh .leardh_lm .lm{
font-size: 1.625rem;
    color: #333;
	display:inline-block;
	padding:0 25px;
	background-color:#fff;
	}
.leardh .leardh_lm .lm h5{     font-size: 1.4rem;
    color: #666;}

.leardh .leardh_list{
	width:100%;
	height:auto;
	text-align:center;	
	}	
.leardh .leardh_list a{
	display:inline-block;
	padding:15px 15px;
	font-size:16px;
float: left;
	}	
.leardh .leardh_list a:hover{
}








.w10{width:100%;margin: 0 auto;}
.wrap {max-width: 1300px;width: 100%;margin: 0 auto;}
.clam1{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden;text-overflow: ellipsis;}
.clam2{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;text-overflow: ellipsis;}
.clam3{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;text-overflow: ellipsis;}
.clam4{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 4;overflow: hidden;text-overflow: ellipsis;}
.head-box{background:#33639f;     width: 100%; left: 0;}
.xqhead-box{background:#b2333e;}





.yjly ul li{
 float: left;
    display: inline-block;
    margin-right: 1.15%;
    margin-left: 1.15%;
    width: 31%;
    max-width: 370px;
    margin-bottom: 1.5em;
    vertical-align: top;}
.yjly ul li img{    width: auto\9;
    height: auto;
    width: 100% !important;
    vertical-align: middle;
    border: 0;
    -ms-interpolation-mode: bicubic;}
.tile-link {
    margin-bottom: 1em;
    background: #1b5d90;}
.tile-link h2{font-size: 1.2em;
    margin:0em 0 0.5em;line-height: 1.2em;}
.tile-link h2 a{    display: block;
    color: #ffffff;
    padding: 0px 12px 12px;}



.yjly2 ul li{
 float: left;
    display: inline-block;
    margin-right: 1.15%;
    margin-left: 1.15%;
    width: 17%;
    max-width: 370px;
    margin-bottom: 1.5em;
    vertical-align: top;}
.yjly2 ul li img{    width: auto\9;
    height: auto;
    max-width: 100%;
    vertical-align: middle;
    border: 0;
    -ms-interpolation-mode: bicubic;}
.tile-link2 {
    margin-bottom: 1em;
  }
.tile-link2 h2{
font-size: 1em;
margin: 0em 0 0.5em;
line-height: 1.2em;
text-align: center;}
.tile-link2 h2 a{    display: block;

    padding: 0px 12px 12px;}
.yjly2 li a .pic{margin: 0 auto;
    text-align: center;}






.top{padding: 1.575rem 0;position: relative;}
.top .logo{}
.top .logo img{display: block;width: 100%;}
.top-r-t{margin-bottom: 10px;}
.top-r-t ul{float: left;}
.top-r-t ul li{float: left;margin-left: 10px;}
.top-r-t ul li a{font-size: 0.75rem;color: #fff;transition: 0.6s all;}
.top-r-t ul li a:hover{color: #a3dfea;transition: 0.6s all;}
.top-r-t ul li a img{display: block;transition: 0.6s all;max-height: 12px;}
.top-r-t ul li a img:hover{opacity: 0.6;transition: 0.6s all;}
.top-r-t .search-btn{float: left;margin-left: 16px;}
.jz a{transition: 0.6s all;display: block;background: #fff; width: 5rem;height: 1.625rem;line-height: 1.625rem;font-size: 0.875rem;color: #323232;text-align: center;}
.jz a:hover{color:#33639f;transition: 0.6s all;}
header {z-index: 1000;width: 100%;}
header .fl {position: relative;margin: 15px 0;}
header .fl a {display: block;}
header .fl embed {width: 13.375rem;display: inline-block;vertical-align: middle;}
header .fl embed.wap {display: none}
header .w9{position: relative;}
.right_icon ul {font-size: 0;margin-top: 35px;}
.right_icon ul li {display: inline-block;margin-left: 1.25rem;float: left;}
.right_icon ul li a{display: block;}
.right_icon ul li a p{color: white;height: 16px; width: 20px;}
/*下滑*/
.mouseIco {width: 21px;height: 36px;display: block;margin: 0px auto;border-radius: 6px;position: absolute;left: 50%;margin-left: -11px;bottom: 35px;z-index: 900;}
.mouseIco i {background: url(https://webvpn.xmu.edu.cn/https/77726476706e69737468656265737421e7f2438a373e2648731dc7a99c406d36c2/https/77726476706e69737468656265737421e7f2438a373e2648731dc7a99c406d36c2/https/77726476706e69737468656265737421e7f2438a373e2648731dc7a99c406d36c2/https/77726476706e69737468656265737421e7f2438a373e2648731dc7a99c406d36c2/https/77726476706e69737468656265737421e7f2438a373e2648731dc7a99c406d36c2/https/77726476706e69737468656265737421e7f2438a373e2648731dc7a99c406d36c2/https/77726476706e69737468656265737421e7f2438a373e2648731dc7a99c406d36c2/https/77726476706e69737468656265737421f3fa528822237c1e66059ce29d51367b2088/system/_owners/cpst/_webprj/images2020/down.png) center no-repeat;width: 16px;height: 9px;border-radius: 1px;display: block;position: absolute;left: 50%;margin-left: -8px;-webkit-animation: mouse-dot 1.5s cubic-bezier(0.23, 1, 0.32, 1) infinite;animation: mouse-dot 1.5s cubic-bezier(0.23, 1, 0.32, 1) infinite;}
@keyframes mouse-dot {
	from {opacity: 0;}
	33% {opacity: 1;}
	to {transform: translateY(15px);-webkit-transform: translateY(15px);opacity: 0;}
}

@-webkit-keyframes mouse-dot {
	from {opacity: 0;}
	33% {opacity: 1;}
	to {transform: translateY(15px);-webkit-transform: translateY(15px);opacity: 0;}
}
.scrool {height: 52px;width: 36px;position: absolute;left: 50%;margin-left: -18px;bottom: 30px;text-align: center;z-index: 1000;text-transform: uppercase;background: rgba(255, 255, 255, 0.3);border-radius: 18px;border: #fff 1px solid;}
.scrool a {font-size: 12px;color: #fff}

.animenu__toggle {display: none;cursor: pointer;background-color:#33639f;border: 0;padding: 0.3rem;height: 2.5rem;width: 2.5rem;}
.animenu__toggle.animenu__toggle--active {background-color:#33639f;}
.animenu__toggle.animenu__toggle--active .animenu__toggle__bar {background: #fff}
.animenu__toggle__bar {display: block;width: 1.875rem;height: 2px;background-color: #fff;-webkit-transition: 0.15s cubic-bezier(0.75, -0.55, 0.25, 1.55);-o-transition: 0.15s cubic-bezier(0.75, -0.55, 0.25, 1.55);transition: 0.15s cubic-bezier(0.75, -0.55, 0.25, 1.55);}
.animenu__toggle__bar+.animenu__toggle__bar {margin-top: 0.45rem;}
.animenu__toggle--active .animenu__toggle__bar {margin: 0;position: absolute;}
.animenu__toggle--active .animenu__toggle__bar:nth-child(1) {-webkit-transform: rotate(45deg);-ms-transform: rotate(45deg);-o-transform: rotate(45deg);transform: rotate(45deg);}
.animenu__toggle--active .animenu__toggle__bar:nth-child(2) {opacity: 0;}
.animenu__toggle--active .animenu__toggle__bar:nth-child(3) {-webkit-transform: rotate(-45deg);-ms-transform: rotate(-45deg);-o-transform: rotate(-45deg);transform: rotate(-45deg);}

.animenu {/* position: absolute;right: 0;top: 2.5rem;width: 73%; */     padding-bottom: 10px;}
.animenu__nav__child>li a {
    color: #494949;
}

.animenu ul {padding: 0;list-style: none;text-align: left;}
.animenu li,.animenu a {display: inline-block;font-size: 1.125rem;}
.animenu a {color: #fff;text-decoration: none;}
.animenu__nav {}
.animenu__nav>li {
position: relative;width: 8.7%;text-align: center;
    z-index: 999;
}
.animenu__nav>li:hover {
background: #33639f;
    border: 0px solid;
    border-radius: 10px;
    transform: scale(1);
    transition: box-shadow 0.6s, transform 0.5s;
    box-shadow: 0px 0px 11px -5px rgba(0,0,0,0.9);
}


.animenu__nav2 {}
.animenu__nav2>li {
position: relative;width: 9.6%;text-align: center;
    z-index: 999;
}

.animenu__nav2>li:hover {
background: #d24955;
    border: 0px solid;
    border-radius: 10px;
    transform: scale(1);
    transition: box-shadow 0.6s, transform 0.5s;
    box-shadow: 0px 0px 11px -5px rgba(0,0,0,0.9);
}
.animenu__nav2>li>a{font-size: 1.25rem; line-height: 3.125rem;}



.navss{
background: #33639f;
    border: 0px solid;
    border-radius: 10px;
    transform: scale(1);
    transition: box-shadow 0.6s, transform 0.5s;
    box-shadow: 0px 0px 11px -5px rgba(0,0,0,0.9);
}
.navss2{
background: #d24955;
    border: 0px solid;
    border-radius: 10px;
    transform: scale(1);
    transition: box-shadow 0.6s, transform 0.5s;
    box-shadow: 0px 0px 11px -5px rgba(0,0,0,0.9);
}



.animenu__nav>li>a{font-size: 1.25rem; line-height: 3.125rem;}


.animenu__nav>li>a {text-transform: uppercase;color: #fff;}
.animenu__nav>li>a:first-child:nth-last-child(2):before {content: "";position: absolute;border: 4px solid transparent;border-bottom: 0;border-top-color: currentColor;top: 50%;margin-top: -2px;right: 10px;display: none;}
.animenu__nav>li:hover>ul {    opacity: 1;
    visibility: visible;
    margin: 0px 0 0;
    background-color: #fff;
    border: 0px solid;
    border-radius: 10px;
    transform: scale(1);
    padding: 6px;}
.animenu__nav>li:hover>a {
color: #fff;

}
.animenu__nav__child {min-width: 140%;position: absolute;top: 100%;z-index: 9;opacity: 0;visibility: hidden;margin: 10px 0 0 0;background-color: #4e78ad;transition: margin .15s, opacity .15s; color:#494949}
.animenu__nav__child>li {width: 100%;text-align: center;border-bottom: 1px solid rgba(255, 255, 255, 0.2);position: relative;}
.animenu__nav__child>li:first-child>a:after {content: '';position: absolute;height: 0;width: 0;left: 50%;margin-left: -6px;top: -6px;border: 6px solid transparent;border-top: 0;border-bottom-color: #4e78ad;}
.animenu__nav__child>li:last-child {border: 0;}
.animenu__nav__child a {padding: 10px;width: 100%;border-color:#33639f;font-size: 0.875rem;}
.animenu__nav__child a:hover {
background-color:#33639f;
    border-color: #214986;
    color: #fff;
    border-radius: 4px;
    box-shadow: 0px 0px 11px -5px rgba(0,0,0,0.9);}
.animenu__nav--open {display: block !important;}
.animenu__nav--open .animenu__nav__child {}
.animenu__nav__child>li dl{position: absolute;left: -100%; top: 0;background-color:#33639f;width: 100%;display: none;}
.animenu__nav__child>li:hover dl{display: block;}
.animenu__nav>li>a.on{color:#33639f;}

@media(max-width: 1360px) {
	.head-box{padding: 0 15px;}
	.logo {width: 37%;}
	.animenu__nav>li>a {font-size: 1rem;}
	.animenu__nav>li{width: 8.6%;}
	.animenu__nav__child{}
	.animenu{top: 1.375rem;}


}
@media(max-width: 1200px) {
	.right_icon ul{margin-top: 20px;}

}
@media screen and (max-width: 1000px) {
	.jz{margin-right: 40px;}
	header .w9,.top .w9{max-width: calc(100% - 30px);}
	.logo {width: 50%;}
	.animenu__nav__child>li {border-bottom: #e5e5e5 1px solid;}
	.animenu>ul{background: rgba(26,26,26,0.95);}
	.animenu {padding: 0;position: absolute;right: 0;top:6.5625rem;z-index: 9;width: 76%;}
	.right_icon ul {margin-right: 5rem;}
    .animenu__toggle {display: inline-block;position: absolute;right: 0;top: 48px;}
    .animenu__nav,.animenu__nav__child {display: none;}
	.animenu__nav__child a{color: #323232;font-size: 16px; text-align: left;}
    .animenu__nav>li {width: 100%;border-right: 0;border-bottom: 1px solid #33639f;height: auto;background: none;}
    .animenu__nav>li .jt{ content:""; position:absolute; right:0; top:0; width:4rem; height:3rem; background:rgba(255,255,255,0.05) url(https://webvpn.xmu.edu.cn/https/77726476706e69737468656265737421e7f2438a373e2648731dc7a99c406d36c2/https/77726476706e69737468656265737421e7f2438a373e2648731dc7a99c406d36c2/https/77726476706e69737468656265737421e7f2438a373e2648731dc7a99c406d36c2/https/77726476706e69737468656265737421e7f2438a373e2648731dc7a99c406d36c2/https/77726476706e69737468656265737421e7f2438a373e2648731dc7a99c406d36c2/https/77726476706e69737468656265737421e7f2438a373e2648731dc7a99c406d36c2/https/77726476706e69737468656265737421e7f2438a373e2648731dc7a99c406d36c2/https/77726476706e69737468656265737421f3fa528822237c1e66059ce29d51367b2088/system/_owners/cpst/_webprj/2020images/jiantou.png) center no-repeat; background-size:6px auto; z-index:1000;}
	.animenu__nav>li>a.on{color: #fff;    line-height: 3.125rem;}
	.animenu__nav>li:last-child {border: 0;}
	.animenu__nav>li:first-child>a:after {content: '';position: absolute;height: 0;width: 0;left: 1em;top: -6px;border: 6px solid transparent;border-top: 0;border-bottom-color: inherit;display: none;}
	.animenu__nav>li>a {width: 100%;color: #fff; padding: 0 0 0 2rem !important;border-color: #111;background: rgba(41, 85, 138, 0.9);position: relative;text-align: left;}
	.animenu__nav a:hover {background-color:#33639f;border-color:#33639f;color: #fff;}
	.animenu__nav__child {position: static;background-color: #f8f8f8;margin: 0;transition: none;visibility: visible;opacity: 1;}
	.animenu__nav__child>li:first-child>a:after {content: none;}
	.animenu__nav__child>li dl{display: block;position: relative;left: auto;top: auto;background: #f8f8f8;margin:0 50px 50px;width: auto;}
	.animenu__nav__child>li dl dd{border-top: 1px solid #e5e5e5;}
	.animenu__nav__child>li dl dd a{line-height: 26px;font-size: 14px;}
	.animenu__nav>li:hover>a{color: #fff;}
	.head-box2 #header .logo{width: 50%;}
	.head-box2 .animenu{top:4.25rem;width: 76%;}

}
@media(max-width: 768px) {
.animenu{margin-top: -4px;}
.animenu__nav>li{margin:0px;}
.animenu__nav>li{margin:0px;}
.yjly ul li{width: 47%;}
.tile-link h2{font-size:0.5em;}

}

@media(max-width: 414px) {
	.top .logo.fl{float: none;}
	.top-r{float: none;}
.top .logo{width: 100%;margin-bottom: 1.875rem;}
.animenu{top: 8.4375rem;}
.head-box2 #header .logo{width: 72%;}
.top-r-t{float: left;margin-bottom: 0;margin-top: 5px;}
.animenu__toggle{top: 85px;}
}
@media(max-width: 375px) {
	.animenu{top: 8.75rem;}
}
@media(max-width: 360px) {
	
}
@media(max-width: 320px) {
	.jz{margin-right: 28px;}
	.animenu__toggle{top: 75px;}
}

/* 搜索 */
.tc2 form {border-radius: 4px;overflow: hidden;background: #fff;height: 60px;width: 100%;}
.tc2 input[type="text"] {border: none;width: 94%;display: block;height: 60px;text-align: left;color: #434343;font-size: 14px;background: none;line-height: 60px;padding: 0 20px;}
.tc2 input[type="text"]:focus {text-align: left;}
.tc2 input[type="image"] {position: absolute;right: 0;top: 50%;padding:0;z-index:2;height: 60px;width: 70px;cursor: pointer;border: none;background: url(../2020images/icon_search_hover.png) no-repeat center; background-size: 20px 20px;margin-top:-30px;}
.tc2 input[type="image"]:hover {background: url(../2020images/icon_search_hover.png) no-repeat center; background-size: 20px 20px;}
.tc2 .tc {transition: all ease 300ms;position: fixed;width: 100%;height: 100%;top: 0;left: 0;z-index: 999;display: none}
.tc2 .tc {pointer-events: none;filter: alpha(opacity=0);-moz-opacity: 0;-khtml-opacity: 0;opacity: 0;transform: scale(1.1);}
.tc2 .tc.act {filter: alpha(opacity=100);-moz-opacity: 1;-khtml-opacity: 1;opacity: 1;pointer-events: auto;transform: scale(1);}
.tc2 .close:hover {transform: rotate(180deg);}
.tc2 .close,.tc {transition: all ease 400ms;-moz-transition: all ease 400ms;-ms-transition: all ease 400ms;-o-transition: all ease 400ms;-webkit-transition: all ease 400ms;}
.tc2 .tc-box {position: absolute;border-radius: 4px;overflow: hidden;top: 50%;z-index: 9999;background: #fff;height: 60px;width: 50%;left: 50%;margin-left: -25%;margin-top: -40px;}
.tc2 .tc.act {display: block;}
.tc2 .close {position: absolute;cursor: pointer;font-size: 20px;right: 30px;top: 30px;}
.tc2 .tc-bg {height: 100%;background: rgba(0, 0, 0, .6);position: absolute;top: 0;left: 0;width: 100%;z-index: 0;}

/*==========================================公共 结束=============================================*/
/* banner */
/*banners  css*/
.banners {position: relative;overflow: hidden;width: 100%;z-index: 2;margin: 30px auto 0 auto;}
.banners .hd ul {position: absolute;bottom: 2.5rem;z-index: 3;left: 50%;margin-left: -54px;}
.banners .hd li {display: inline-block;overflow: hidden;width: 24px;height: 24px;line-height: 24px;margin: 0 10px;font-size: 1rem;color: #b0252a;width: 0.75rem;height: 0.75rem;line-height: 2.5rem;border-radius: 50%;border: 1px solid #fff;}
.banners .hd li.on {background: #fff;}
.banners .bd {position: relative;z-index: 1;}
.banners .bd li {position: relative;overflow: hidden;}
.banners .bd li a{display: block;}
.banners .bd li .text{position: absolute;left: 0;bottom: 3.75rem;padding: 2.5rem 1.25rem;background: url(https://webvpn.xmu.edu.cn/https/77726476706e69737468656265737421e7f2438a373e2648731dc7a99c406d36c2/https/77726476706e69737468656265737421e7f2438a373e2648731dc7a99c406d36c2/https/77726476706e69737468656265737421e7f2438a373e2648731dc7a99c406d36c2/https/77726476706e69737468656265737421e7f2438a373e2648731dc7a99c406d36c2/https/77726476706e69737468656265737421e7f2438a373e2648731dc7a99c406d36c2/https/77726476706e69737468656265737421e7f2438a373e2648731dc7a99c406d36c2/https/77726476706e69737468656265737421e7f2438a373e2648731dc7a99c406d36c2/https/77726476706e69737468656265737421f3fa528822237c1e66059ce29d51367b2088/system/_owners/cpst/_webprj/2020images/banner-text.png);font-size: 1.625rem;line-height: 2.375rem;color: #fff;max-width: 30rem;}
.banners .bd li .pic img {vertical-align: top;width: 100%; -webkit-animation-name: centerBig;animation-name: centerBig;animation-iteration-count: infinite;}
.banners .prev {position: absolute;z-index: 9;left: 0;top: 50%;margin-top: -50px; display: block;width: 40px;background: url(https://webvpn.xmu.edu.cn/https/77726476706e69737468656265737421e7f2438a373e2648731dc7a99c406d36c2/https/77726476706e69737468656265737421e7f2438a373e2648731dc7a99c406d36c2/https/77726476706e69737468656265737421e7f2438a373e2648731dc7a99c406d36c2/https/77726476706e69737468656265737421e7f2438a373e2648731dc7a99c406d36c2/https/77726476706e69737468656265737421e7f2438a373e2648731dc7a99c406d36c2/https/77726476706e69737468656265737421e7f2438a373e2648731dc7a99c406d36c2/https/77726476706e69737468656265737421e7f2438a373e2648731dc7a99c406d36c2/https/77726476706e69737468656265737421f3fa528822237c1e66059ce29d51367b2088/system/_owners/cpst/_webprj/2020images/banner-left.png) no-repeat;height: 40px;cursor: pointer;}
.banners .next {position: absolute;z-index: 10;left: auto;right: 0;top: 50%;margin-top: -50px;display: block;width: 40px;;background: red;background: url(https://webvpn.xmu.edu.cn/https/77726476706e69737468656265737421e7f2438a373e2648731dc7a99c406d36c2/https/77726476706e69737468656265737421e7f2438a373e2648731dc7a99c406d36c2/https/77726476706e69737468656265737421e7f2438a373e2648731dc7a99c406d36c2/https/77726476706e69737468656265737421e7f2438a373e2648731dc7a99c406d36c2/https/77726476706e69737468656265737421e7f2438a373e2648731dc7a99c406d36c2/https/77726476706e69737468656265737421e7f2438a373e2648731dc7a99c406d36c2/https/77726476706e69737468656265737421e7f2438a373e2648731dc7a99c406d36c2/https/77726476706e69737468656265737421f3fa528822237c1e66059ce29d51367b2088/system/_owners/cpst/_webprj/2020images/banner-right.png) no-repeat;height: 40px;cursor: pointer;}
@keyframes centerBig {
	from {transform: scale(1.0, 1.0);}
	to {transform: scale(1.03, 1.03);}
}


@media only screen and (max-width:1440px) {
	.banners .bd li img {height: 460px;}
}
@media only screen and (max-width:1366px) {
	.banners .bd li img {height: 440px;}
}
@media only screen and (max-width:1024px) {
	.banners .bd li img {height: 425px;}
}
@media only screen and (max-width:768px) {
	.banners{margin: 0 auto;}
	.banners .bd li img {height: 320px;}
	.banners .prev,.banners .next{display: none;}
	.banners .hd ul{bottom: 5px;}
	.tc2 .tc-box{width: 80%;left: 50%;margin-left: -40%;}
}
@media only screen and (max-width:414px) {
	.banners .bd li img {height: 171px;}
	.banners .bd li .text{bottom: 0;font-size: 1rem;padding: 0.9375rem;line-height: 1.375rem;}
}
@media only screen and (max-width:360px) {
	.banners .bd li img {height: 150px;}
}
@media only screen and (max-width:320px) {
	.banners .bd li img {height: 132px;}
}
/* part */
.part{margin: 1.8rem auto;}
.part1{width:31%;}




.part1-01{padding:1.875rem 1.875rem 0rem 1.875rem;background: #f7f7f7;}
.title{margin-bottom: 1.875rem;}
.title h5{float: left; font-size: 1.625rem;color: #333;padding-bottom: 0.75rem;background: url(https://webvpn.xmu.edu.cn/https/77726476706e69737468656265737421e7f2438a373e2648731dc7a99c406d36c2/https/77726476706e69737468656265737421e7f2438a373e2648731dc7a99c406d36c2/https/77726476706e69737468656265737421e7f2438a373e2648731dc7a99c406d36c2/https/77726476706e69737468656265737421e7f2438a373e2648731dc7a99c406d36c2/https/77726476706e69737468656265737421e7f2438a373e2648731dc7a99c406d36c2/https/77726476706e69737468656265737421e7f2438a373e2648731dc7a99c406d36c2/https/77726476706e69737468656265737421e7f2438a373e2648731dc7a99c406d36c2/https/77726476706e69737468656265737421f3fa528822237c1e66059ce29d51367b2088/system/_owners/cpst/_webprj/2020images/title01.png) no-repeat bottom left;}
.title a{float: right;line-height: 1.875rem; font-size: 0.875rem;color: #333;transition: 0.6s all;}
.title a:hover{color:#33639f;transition: 0.6s all;}
.part1-01{margin-bottom: 2.025rem;}
.part1-01 li{padding-bottom: 0.8rem;border-bottom: 1px solid #e5e5e5;     margin-top: 10px;}
.part1-01 li a{display: block;} 
.part1-01 li h5{font-size: 1rem;color:#33639f;margin-bottom: 0.6rem;height: 1.2rem;overflow: hidden;}
.part1-01 li h4{font-size: 1rem;color: #e75200;margin-bottom: 0.5rem;line-height: 1rem;word-break: normal;}
.part1-01 li h3{overflow: hidden;transition: 0.6s all;font-size: 1rem;line-height: 1.35rem;color: #333;margin-bottom: 0.375rem;font-weight: normal;overflow: hidden;
text-overflow:ellipsis; white-space: nowrap;}
.part1-01 li p{font-size: 1rem;color: #666;}
.part1-01 li p i{font-style: normal;margin-right: 0.9375rem;}
.part1-01 li:hover h3{color:#33639f;transition: 0.6s all;}
.part1-01 li:last-child{padding-bottom: 0;margin-bottom: 0;border-bottom: none;}
.part1-02{padding:1.875rem;background: #f7f7f7;}
.part1-02 ul li a{display: block;overflow: hidden;}
.part1-02 ul li .time{padding-right: 10px;position: relative;float: left;border-right: 2px solid #c6c6c6;padding-bottom:2.3rem;}
.part1-02 ul li .day{transition: 0.6s all;text-align: right;font-size: 1.75rem;color: #333;font-weight: bold;margin-bottom: 8px;}
.part1-02 ul li .year{text-align: right;font-size: 0.74rem;color: #999;}
.part1-02 ul li p{transition: 0.6s all;margin-left: 5rem;font-size: 1rem;line-height: 1.625rem;height: 3.25rem;overflow: hidden; color: #323232;}
.part1-02 ul li:last-child .time{padding-bottom: 0;}
.part1-02 ul li:hover p{color:#33639f;transition: 0.6s all;}
.part1-02 ul li:hover .day{color:#33639f;transition: 0.6s all;}

.part2{width: 31%;margin-left: 3.5%; }
.part2-01{padding: 2.14rem 1.875rem;background: #f7f7f7;}
.part2-01 li{margin-bottom: 2.5rem;}
.part2-01 li a{display: block;}
.part2-01 li h5{font-size: 1rem;margin-bottom: 0.375rem; line-height: 1.75rem;height: 3.5rem;overflow: hidden; color:#33639f;font-weight: normal;}
.part2-01 li .text p{font-size: 0.875rem;line-height: 1.375rem;height: 6.875rem;overflow: hidden; color: #999;}
.part2-01 li{margin-bottom: 2.125rem;}

.part2-01 li .text{overflow: hidden;}
.part2-01 li .text .pic{float: right;overflow: hidden; position: relative;margin-left: 0.9375rem;margin-bottom: 0.9375rem;}
.part2-01 li .text .pic img{display: block;width: 145px;height: 100px;transition: 0.6s all;}
.part2-01 li .text p{font-size: 0.875rem;line-height: 1.375rem;color: #999;word-break: normal;}
.part2-01 li:hover .pic img{transform: scale(1.1);transition: 0.6s all;}

.part3{width: 31%;}
.part3-01{padding: 1.9rem 1.875rem;background: #f7f7f7;}
.part3-01 ul li{margin-bottom: 1.69rem;}
.part3-01 ul li a{display: block;overflow: hidden;}
.part3-01 ul li .pic{width: 38%;
    height: 90px;
    position: relative;
    float: left;
    overflow: hidden;
    margin-right: 10px;}
.part3-01 ul li .pic img{display: block;width: 100%;transition: 0.6s all;}
.part3-01 ul li .text{}
.part3-01 ul li .text p{overflow: hidden; font-size: 1rem;line-height: 1.625rem;height: 4.875rem;color: #323232;transition: 0.6s all;}
.part3-01 ul li .text i{font-style: normal;color: #999;font-size: 0.75rem;margin-top: 0.25rem;}
.part3-01 ul li:last-child{margin-bottom: 0;}
.part3-01 ul li:hover .pic img{transform: scale(1.1);transition: 0.6s all;}
.part3-01 ul li:hover .text p{color:#33639f;transition: 0.6s all;}
.part3-02{margin-top: 2.5rem;}




/* footer */
.footer{background:#33639f;padding: 1.875rem 0;}
.xqfooter{background:#b2333e;padding: 3.375rem 0;}

.footer-l{width: 25%;float: left;    margin-top: 1.25rem;}
.footer-l img{display: block;}
.footer-c{float: left;margin-left: 10%;  font-size: 0.875rem;
    margin-bottom: 0.9375rem;
    color: #fff;
    line-height: 1.5rem;}
.footer-c ul{padding:10px 0 10px 86px;background: url(https://webvpn.xmu.edu.cn/https/77726476706e69737468656265737421e7f2438a373e2648731dc7a99c406d36c2/https/77726476706e69737468656265737421f3fa529d233d615e301084b9d6502720d2613d/system/_owners/cpst_test/_webprj/2020images/footer02.png) no-repeat left center;}
.footer-c li{font-size: 0.875rem;
    margin-bottom: 0.625rem;
    color: #fff;
    line-height: 0.875rem;}
.footer-r{float: right;}
.footer-r ul{overflow: hidden;}
.footer-r li{float: left;margin-left: 1.25rem;}
.footer-r li .pic{margin-bottom: 0.625rem;}
.footer-r li .pic img{display: block;width: 110px;height: 110px;}
.footer-r li p{font-size: 0.875rem;color: #fff;text-align: center;}
@media only screen and (max-width:1366px) {
	.footer{padding: 4.375rem 0.9375rem;}
}
@media only screen and (max-width:1024px) {
	.part{padding: 0 0.9375rem;}
	.footer-l{float: none;width: 50%;margin: 0 auto;}
	.footer-l img{width: 100%;}
	.footer-c{float: none;padding: 2.5rem 0;display: table;margin: 0 auto;}
	.footer-r{float: none;display: table;margin: 0 auto;}
}
@media only screen and (max-width:768px) {
	.part1{width: 100%;}
	.part1.fl{float: none;}
	.part2{width: 100%;margin:2.5rem 0 2.5rem 0;}
	.part2.fl{float: none;}
	.part3{width: 100%;}
	.part3 .fr{float: none;}
}
@media only screen and (max-width:414px) {
	
}
@media only screen and (max-width:360px) {
	
}
@media only screen and (max-width:320px) {
	
}
/* list01 */
.list-box{padding:1.5rem 0 1.375rem 0;position: relative;}
.position{overflow: hidden;margin-bottom: 1.875rem;background: #f7f7f7;padding: 0 0.625rem;position: relative;}
.position h5{float: left;width: 16%;font-size: 1rem;line-height: 2.5rem;color: #323232;display: none;}
.position p{padding-left: 4%;font-size: 0.875rem;line-height: 2.5rem; color: #888888;background: url(/https/77726476706e69737468656265737421f3e7528869286545300d8db9d6562d/2020images/position.png) no-repeat 2% center;}
.position p a{color: #888888;transition: 0.6s all;}
.position p a:hover{color: #00bcd4;transition: 0.6s all;}
.list-nav-icon{position: absolute;right: 0;top: 3.75rem;display: none;}

.ny_left{float:left; width: 18.3%;}
.ny_left_top h5{background: none !important;height: 4.375rem;line-height: 4.375rem;font-size: 1.5rem;color: #fff;padding-left: 0.9375rem;}
.ny_left_top1 h5{background:#b2333e;height: 4.375rem;line-height: 4.375rem;font-size: 1.5rem;color: #fff;padding-left: 0.9375rem;}

.sidenav{ overflow:hidden; display:block;border-left: 15px solid #33639f;}
.sidenav1{ overflow:hidden; display:block;border-left: 15px solid #b2333e;}

.accordion { width:100%; }
.accordion .nav-link {padding-left: 1.875rem; font-size: 1rem;color: #000;display: block;line-height: 3.75rem;height: 3.75rem;border-bottom: 1px solid #d9d9d9;}
.accordion .nav-link a{ display: block;color: #000; }
.accordion .nav-link:hover{color: #00bcd4;font-weight:normal;}
.accordion .nav-link:hover a{color:#33639f;padding-left: 1.25rem;background: url(https://webvpn.xmu.edu.cn/https/77726476706e69737468656265737421e7f2438a373e2648731dc7a99c406d36c2/https/77726476706e69737468656265737421e7f2438a373e2648731dc7a99c406d36c2/https/77726476706e69737468656265737421e7f2438a373e2648731dc7a99c406d36c2/https/77726476706e69737468656265737421e7f2438a373e2648731dc7a99c406d36c2/https/77726476706e69737468656265737421e7f2438a373e2648731dc7a99c406d36c2/https/77726476706e69737468656265737421e7f2438a373e2648731dc7a99c406d36c2/https/77726476706e69737468656265737421e7f2438a373e2648731dc7a99c406d36c2/https/77726476706e69737468656265737421f3fa528822237c1e66059ce29d51367b2088/system/_owners/cpst/_webprj/2020images/left-nav01.png) no-repeat left center;}
.accordion .nav-link.hover{color: #00bcd4;font-weight: bold;}
.accordion .nav-link.hover a{color:#33639f;padding-left: 1.25rem;background: url(https://webvpn.xmu.edu.cn/https/77726476706e69737468656265737421e7f2438a373e2648731dc7a99c406d36c2/https/77726476706e69737468656265737421e7f2438a373e2648731dc7a99c406d36c2/https/77726476706e69737468656265737421e7f2438a373e2648731dc7a99c406d36c2/https/77726476706e69737468656265737421e7f2438a373e2648731dc7a99c406d36c2/https/77726476706e69737468656265737421e7f2438a373e2648731dc7a99c406d36c2/https/77726476706e69737468656265737421e7f2438a373e2648731dc7a99c406d36c2/https/77726476706e69737468656265737421e7f2438a373e2648731dc7a99c406d36c2/https/77726476706e69737468656265737421f3fa528822237c1e66059ce29d51367b2088/system/_owners/cpst/_webprj/2020images/left-nav01.png) no-repeat left center;}
.currentnav{ background:#f7f8fa !important; color: #fff !important; }
.nav-link1{ width:50px; height:53px; line-height:53px; cursor: pointer; position:absolute; top:0; right:3px;}
.accordion li{position: relative;font-size:16px;border-bottom:2px solid #fff;/* background:#f7f8fa; */overflow:hidden;}
.accordion li i { display:block; width:30px; height:30px; background:url(/https/77726476706e69737468656265737421f3e7528869286545300d8db9d6562d/2020images/xia.png) center no-repeat; position: absolute;top:12px;right: 12px;font-size: 18px; color: #595959; -webkit-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease; }
.accordion li.open .nav-link { background:#f3f3f3;}
.accordion li.open .nav-link a{}
.accordion li.open i.fa-chevron-down {-webkit-transform: rotate(180deg);-ms-transform: rotate(180deg);-o-transform: rotate(180deg);transform: rotate(180deg);}
.sidemenu {display: none;padding: 0.9375rem 0;}
.sidemenu li {font-size:1rem;border-bottom:none;padding-left: 0.875rem; }
.sidemenu li:hover {font-size:1rem;border-bottom:none;padding-left: 0.875rem;}
.sidemenu a { display: block;line-height: 2.5rem;font-size: 0.92rem;color: #676767;text-decoration: none;-webkit-transition: all 0.25s ease;-o-transition: all 0.25s ease; transition: all 0.25s ease; padding-left:10px; }
.sidemenu a.on{color: #00bcd4;} 
.sidemenu a:hover{color:#33639f;transition: 0.6s all; background:#fff;}

.sidemenu .sjons{color:#33639f;transition: 0.6s all; background:#fff;}

.sjon{display: block; } 








.list-r{float: right;width: 81.4%;}
.list01{}
.list01 ul{overflow: hidden;margin-left: -3%;margin-bottom: -1.875rem;}
.list01 li{float: left;width: 27%;margin-left: 6%;margin-bottom: 1.875rem;}
.list01 li .pic{width: 100%;overflow: hidden;position: relative;}
.list01 li .pic img{display: block;width: 100%;height: 198px;transition: 0.6s all;}
.list01 li p{transition: 0.6s all;font-size: 1rem;line-height: 1rem;height: 1rem; color: #000000;font-weight: bold;text-align: center;margin-top: 0.9375rem;}
.list01 li:hover .pic img{transition: 0.6s all;transform: scale(1.1);}
.list01 li:hover p{color:#33639f;transition: 0.6s all;}


.fanye{margin-top: 3.75rem;}

.fanye img{display: block;max-width: 100%;margin: 0 auto;}
@media(max-width: 1360px) {
	.list-box{width: calc(100% - 30px);margin: 0 auto;}	
	.list01 li .pic img{height: 198px;}
}
@media(max-width: 1200px) {
	.list01 li .pic img{height: 247px;}
	.list-nav-icon{display: block;width: 30px;right: 10px;top: 5px;}
	.list-nav-icon img{display: block;width: 100%;}
	.position h5{width: 100%;text-align: left;display: block;}
	.position p{display:block;}
	.list-nav{position: absolute;top: 80px;width: 100%;z-index: 9;background: #f9f9f9;display: none;}
	.list-nav h5{display: none;}
	.list-nav .sidenav{border-left: none;}
	.list-nav .nav-link{padding:0 0.9375rem;}
	.list-r{float: none;width: 100% !important;padding-left: 0;border-left: none;}
}
@media screen and (max-width: 1000px) {
	.list01 li .pic img{height: 189px;}
	.list05 li{float: left;width: 27%;margin-left: 7%;margin-bottom: 1.875rem;}
}
@media(max-width: 768px) {
	.list01 li .pic img{height: 143px;}
.list05 li{    width: 30% !important;}
.link-banner .bd li {
    width: 48%;
    height: 80px;
    margin-right: 0.8%;
    float: left;
}

}
@media(max-width: 414px) {
	.list01 li{width: 100%;}
	.list01 li .pic img{height: 249px;}
.list05 li{width: 43% !important;     margin-left: 5% !important;}
}
@media(max-width: 375px) {
.list01 li .pic img{height: 224px;}
}
@media(max-width: 360px) {
	.list01 li .pic img{height: 214px;}
}
@media(max-width: 320px) {
	.list01 li .pic img{height: 188px;}
}
/* part2 */
.list02 li{margin-bottom: 2.25rem;}
.list02 li a{display: block;overflow: hidden;border: 1px solid #e5e5e5;}
.list02 li .pic{width:15%;float: left;position: relative;overflow: hidden;}
.list02 li .pic img{display: block;width: 100%;transition: 0.6s all;}
.list02 li .text{padding: 20px;float: right;width: calc(100% - 15%);box-sizing: border-box;}
.list02 li .text h5{transition: 0.6s all;font-size: 1rem;color: #333;line-height: 1.25rem;height: 1.25rem;overflow: hidden;margin-bottom: 0.75rem;}
.list02 li .text p{font-size: 0.875rem;line-height: 1.5rem;height: 4.5625rem;overflow: hidden;color: #999;padding-top: 1.5625rem;background: url(https://webvpn.xmu.edu.cn/https/77726476706e69737468656265737421e7f2438a373e2648731dc7a99c406d36c2/https/77726476706e69737468656265737421e7f2438a373e2648731dc7a99c406d36c2/https/77726476706e69737468656265737421e7f2438a373e2648731dc7a99c406d36c2/https/77726476706e69737468656265737421e7f2438a373e2648731dc7a99c406d36c2/https/77726476706e69737468656265737421e7f2438a373e2648731dc7a99c406d36c2/https/77726476706e69737468656265737421e7f2438a373e2648731dc7a99c406d36c2/https/77726476706e69737468656265737421e7f2438a373e2648731dc7a99c406d36c2/https/77726476706e69737468656265737421f3fa528822237c1e66059ce29d51367b2088/system/_owners/cpst/_webprj/2020images/list03.png) no-repeat top left;background-size: 12%;margin-bottom: 1.25rem;}
.list02 li .text i{font-style: normal;font-size: 0.75rem;color: #999;}
.list02 li:hover .pic img{transform: scale(1.1);transition: 0.6s all;}
.list02 li:hover h5{color:#33649f;transition: 0.6s all;}

@media(max-width: 1360px) {
	
}
@media(max-width: 1200px) {
	
}
@media screen and (max-width: 1000px) {
	
}
@media(max-width: 768px) {
.list02 li .pic{width:25%;}
.list02 li .text{width: calc(100% - 25%);}	
}
@media(max-width: 1024px) {

.ny_left{width: 100%!important;
}


	.list02 li .pic{width: 100%;}
	.list02 li .text{width: 100%;margin-left: 0;}
}
@media(max-width: 375px) {

}

@media(max-width: 320px) {
	
}
/* list03 */
.list03 li{margin-bottom: 1.25rem;padding-bottom: 1.25rem;border-bottom: 1px solid #cccccc;}
.list03 li a{display: block;overflow: hidden;}
.list03 li p{transition: 0.6s all;font-size: 1rem;color: #333;line-height: 1.125rem;height: 1.125rem;overflow: hidden;float: left;width: calc(100% - 85px);padding-left: 1.25rem;
background: url(/https/77726476706e69737468656265737421f3e7528869286545300d8db9d6562d/2020images/list04.png) no-repeat left center;box-sizing: border-box;}
.list03 li i{float: right;width: 80px;font-style: normal;font-size: 0.875rem;color: #999;}
.list03 li:hover p{color:#33639f;transition: 0.6s all;}
/* show */

.show01{margin-bottom: 2.5rem;}
.show01 h5{font-size: 1.5rem;line-height: 2.25rem;text-align: center;margin-bottom: 1.5625rem;}
.show01 p{text-align: center;font-size: 0.75rem;color: #666666;}
.show01 i{font-style: normal;margin: 0 8px;}
.show02{padding-bottom: 1rem;border-bottom: 1px solid #d9d9d9;margin-bottom: 0.8125rem;}
.show02 p{
font-size: 16px !important;;
color: #323232 !important;;
line-height: 33px !important;
background: none !important;
text-align: justify;
background: none !important;
text-indent: 2em;
font-weight: normal;
}
.show02 p em{
font-size: 16px !important;;
color: #323232 !important;;
line-height: 33px !important;
background: none !important;
text-align: justify;
background: none !important;
}
.show02 span{
font-size: 16px !important;;
color: #323232 !important;;
line-height: 33px !important;
background: none !important;
text-align: justify;
background: none !important;
}
.show02 span a:hover{ color:#33639f}




.nei_text {
font-size: 16px !important;;
color: #323232 !important;;
line-height: 33px !important;
background: none !important;
text-align: justify;
background: none !important;
}
.show02 table{margin: 0 auto;}

.show02 p a {
font-size: 16px !important;;
color: #323232 !important;;
line-height: 33px !important;
background: none !important;
text-align: justify;
background: none !important;
text-indent: 2em;
font-weight: normal;
text-decoration:none !important;
}

.show02 p a:hover {
font-size: 16px !important;;
color: #33639f!important;;
line-height: 33px !important;
background: none !important;
text-align: justify;
background: none !important;
text-indent: 2em;
font-weight: normal;
text-decoration:none !important;
}


.show02 img{max-width: 100%;    margin: 0 auto;display: block;height: auto;}
.show03 p{font-size: 1rem;color: #666666;margin-bottom: 1.25rem;line-height: 1.5rem;}
.show03 p a{color: #666666;transition: 0.6s all;}
.show03 p a:hover{color:#33639f;transition: 0.6s all;}
/* list04 */
.list04-title{background:#33639f;height: 2.5rem;line-height: 2.5rem;overflow: hidden;padding-right: 0.75rem;}
.list04-title h5{float: left; padding-left: 18px;background: url(https://webvpn.xmu.edu.cn/https/77726476706e69737468656265737421e7f2438a373e2648731dc7a99c406d36c2/https/77726476706e69737468656265737421e7f2438a373e2648731dc7a99c406d36c2/https/77726476706e69737468656265737421e7f2438a373e2648731dc7a99c406d36c2/https/77726476706e69737468656265737421e7f2438a373e2648731dc7a99c406d36c2/https/77726476706e69737468656265737421e7f2438a373e2648731dc7a99c406d36c2/https/77726476706e69737468656265737421e7f2438a373e2648731dc7a99c406d36c2/https/77726476706e69737468656265737421e7f2438a373e2648731dc7a99c406d36c2/https/77726476706e69737468656265737421f3fa528822237c1e66059ce29d51367b2088/system/_owners/cpst/_webprj/2020images/list05.png) no-repeat left center;font-size: 1rem;color: #fff;}

.list04-title h5 a{ float: left;
 padding-left: 18px;
 font-size: 1rem;
 color: #fff;}

.list04-title .pic{width: 40px;height: 40px;float: right;background: url(https://webvpn.xmu.edu.cn/https/77726476706e69737468656265737421e7f2438a373e2648731dc7a99c406d36c2/https/77726476706e69737468656265737421e7f2438a373e2648731dc7a99c406d36c2/https/77726476706e69737468656265737421e7f2438a373e2648731dc7a99c406d36c2/https/77726476706e69737468656265737421e7f2438a373e2648731dc7a99c406d36c2/https/77726476706e69737468656265737421e7f2438a373e2648731dc7a99c406d36c2/https/77726476706e69737468656265737421e7f2438a373e2648731dc7a99c406d36c2/https/77726476706e69737468656265737421e7f2438a373e2648731dc7a99c406d36c2/https/77726476706e69737468656265737421f3fa528822237c1e66059ce29d51367b2088/system/_owners/cpst/_webprj/2020images/list06.png) no-repeat center;}
.list04-01{margin-bottom: 1.5rem;}
.list04-01 ul{background: #f7f7f7;padding: 1.5rem 0;overflow: hidden;display: block;}
.list04-01 li{margin: 0 0.75rem 1.25rem 0.75rem;float: left;}
.list04-01 li a{display: block;text-align: center;font-size: 1rem;color: #333; width: 120px;height: 38px;line-height: 38px;background: #fff;border: 1px solid #dcdcdc;}
.list04-01 li a:hover{background:#33639f;border: 1px solid #33639f;color: #fff;}


.list05{}
.list05 ul{overflow: hidden;margin-left: -3%;margin-bottom: 0.575rem;}
.list05 li{float: left;width: 17%;margin-left: 3%;margin-bottom: 1.875rem;height: 21rem;overflow: hidden;}
.list05 li .pic{overflow: hidden;position: relative;width: auto;min-width: 100%;display: block;min-height: 5rem;padding-top: 0;overflow: hidden;}
.list05 li .pic img{display: block;width: auto;transition: 0.6s all;margin:0 auto;max-width: 100%;height: 130px;}
.list05 li p{transition: 0.6s all;font-size: 1rem;line-height: 1.3rem;max-height: 2.5rem;min-height: 1rem;color: #000000;margin-top: 0.6rem;font-size: 15px;overflow-y: auto;}
.list05 li:hover .pic img{transition: 0.6s all;transform: scale(1.1);}
.list05 li:hover p{color:#33639f;transition: 0.6s all;}


@media(max-width: 1360px) {
	
}
@media(max-width: 1200px) {
	
}
@media screen and (max-width: 1000px) {
	
}
@media(max-width: 768px) {


}
@media(max-width: 414px) {
	.list04-01 li a{width: 107px;}
}
@media(max-width: 375px) {
.list04-01 li a{width: 150px;}
}

@media(max-width: 320px) {
	.list04-01 li a{width: 120px;}
}


.countdown {
    width: 8.95rem;
    height: 15.2rem;
    padding: .8rem .15rem .15rem;
    background: url(../2020images/bg1.jpg) no-repeat 60% 60% #d8422a;
    background-size: auto 100%;
    position: absolute;
    top: 100vh;
    left: 0;
    z-index: 9;
    text-align: center;
    border-radius: 2px;}
.countdown img {
    vertical-align: top;}
.countdown .text {
    margin: 2.2rem 0 .1rem;
    font-size: 0.8rem; 
    line-height: 1.6rem;
    color: #eec78f;}
.countdown .num {
    display: inline-block;
    padding: 0 .2rem;
    font-size: 2rem;
    color: #eec78f;
    background: #d8422a;}
.countdown .num span {
    display: inline-block;
    font-size: 2rem;
    font-weight: 700;
    line-height: 3rem;}

.close2 {
    position: absolute;
    top: 19px;
    right: 6px;
    width: 25px;
    cursor: pointer;
    opacity: .7;
    transition: all .3s;}
.close2:hover {
    opacity: 1;}
.close2 i {
    display: block;
    width: 100%;
    height: 3px;
    background: #fff;
border-radius: 3px;}
.close2 i:nth-child(1) {
    transform: translate(0px, 1px) rotate(45deg);} 
.close2 i:nth-child(2) {
    transform: translate(0px, -2px) rotate(-45deg);}
