@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;}
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
.links-nr .bd li dd p{color:#eed097 !important;background:none !important;}
}
/*低版本跳转样式*/
.ie_bg{width:100%;height:100%;position:fixed;top:0;left:0;background-color:#000;opacity:0.9;filter: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;}
/*返回顶部*/
.backtop { position: fixed; right: 30px; bottom: 30px; cursor: pointer; display: none; width: 93px;-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;}
}
/*==========================================公共 开始=============================================*/
.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;}
.top-r{margin-bottom: 2.5rem;}
.top-r .search{float: left;margin-right: 1.5rem;overflow: hidden;width: 144px;}
.top-r .search .text{height: 1rem;line-height: 1rem;width: 125px;background: transparent;border: none; border-bottom: 1px solid #8c5bac;font-size: 0.75rem;color: #fff;}
.top-r .search .btn{width: 12px;height: 12px;float: right;cursor: pointer;}
.top-r p{float: left;font-size: 0.75rem;}
.top-r p a{color: #fff;padding-left: 20px;background: url(../2020images/home.png) no-repeat left center;}
header {z-index: 1000;width: 100%;padding-top: 1.25rem;}
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 .logo {width: 45%;}
#header .logo img {width: 100%;}
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;}
.head-box{position: absolute;left: 0;top: 0;width: 100%;z-index: 9;}
.head-box .wrap{position: relative;z-index: 2;}
.head-box2::after{content: "";width: 100%;height: 126px;position: absolute;left: 0;top: 0;background: url(../2020images/head-bg.png) repeat-x top center;z-index: 1;}
.head-r{width: 55%;}
/*下滑*/
.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 {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:#d6b97f;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 {}
.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: 16.1%;text-align: center;}
.animenu__nav>li>a{font-size: 1.125rem;line-height: 26px;}
.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;}
.animenu__nav>li:hover>a {color: #d6b97f;}
.animenu__nav__child {min-width: 100%;position: absolute;top: 100%;z-index: 9;opacity: 0;visibility: hidden;margin: 10px 0 0 0;background-color: #550882;transition: margin .15s, opacity .15s;}
.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: #550882;}
.animenu__nav__child>li:last-child {border: 0;}
.animenu__nav__child a {padding: 10px;width: 100%;border-color: #550882;font-size: 0.875rem;}
.animenu__nav__child a:hover {border-color: #550882;color: #d6b97f;}
.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: #550882;width: 100%;display: none;}
.animenu__nav__child>li:hover dl{display: block;}
.animenu__nav>li>a.on{color: #d6b97f;}
@media only screen and (max-width:1440px) {
#header .logo {width: 40%;}
.head-r{width: 58%;}
.animenu__nav>li>a {font-size: 1rem;}
.animenu__nav>li{width: 16.2%;}
}
@media(max-width: 1366px) {
.head-box{padding: 0 0.9375rem;}
#header .logo {width: 50%;}
.head-r{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:86px;z-index: 9;width: 76%;}
.animenu__toggle {display: inline-block;float: right;margin-top: 30px;position: absolute;right: 0;}
.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 #4f0779;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(../2020images/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: #550882;position: relative;height: 4rem;line-height: 4rem;text-align: left;}
.animenu__nav a:hover {background-color: #550882;border-color: #550882;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;}
}
@media screen and (max-width: 1024px) {
}
@media(max-width: 768px) {
#header{position: relative;}
.top-r{position: absolute;margin-bottom: 0;right: 0;top: 0.625rem;}
#header .logo{width: 72%;}
.head-r{width: 28%;}
.animenu{margin-top: 0;top: 74px;}
.animenu__toggle{margin-top: 1rem;right: 0;}
.head-box{position: relative;background: #550882;}
.head-box::after{content: "";display: none;}
}
@media(max-width: 414px) {
}
@media(max-width: 375px) {
}
@media(max-width: 360px) {
}
@media(max-width: 320px) {
}
/*==========================================公共 结束=============================================*/
/* banner */
/*banners css*/
.banners::after{content: "";width: 100%;position: absolute;left: 0;top: 0;background: url(../2020images/head-bg.png) repeat-x top center;height: 486px;z-index: 1;}
.banners {position: relative;overflow: hidden;width: 100%;z-index: 2;margin: 0 auto;}
.banners .hd ul {position: absolute;bottom: 18px;z-index: 3;right: 10%;display: none;}
.banners .hd li {display: inline-block;overflow: hidden;width: 24px;height: 24px;line-height: 24px;margin: 0 3px;font-size: 1rem;color: #b0252a;}
.banners .hd li.on {padding: 0 26px; }
.banners .bd {position: relative;z-index: 1;}
.banners .bd li {position: relative;text-align: center;overflow: hidden;}
.banners .bd li img {vertical-align: top;width: 100%;height: 700px;object-fit: cover;-webkit-animation-name: centerBig;animation-name: centerBig;animation-duration: 5s;animation-iteration-count: infinite;}
.banners .prev {position: absolute;z-index: 999;left: 20px;top: 50%;margin-top: -40px; display: block;width: 80px;background: url(../2020images/banner-left.png) no-repeat;height:80px;cursor: pointer;}
.banners .next {position: absolute;z-index: 999;left: auto;right: 20px;top: 50%;margin-top: -40px;display: block;width:80px;;background: red;background: url(../2020images/banner-right.png) no-repeat;height: 80px;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: 523px;}
}
@media only screen and (max-width:1366px) {
.banners .bd li img {height: 498px;}
}
@media only screen and (max-width:1024px) {
.banners .bd li img {height: 373px;}
}
@media only screen and (max-width:768px) {
.banners::after{background: none;}
.banners .bd li img {height: 280px;}
.banners .prev,.banners .next{display: none;}
.banners .hd ul{bottom: 5px;}
}
@media only screen and (max-width:414px) {
.banners .bd li img {height: 151px;}
}
@media only screen and (max-width:360px) {
.banners .bd li img {height: 131px;}
}
@media only screen and (max-width:320px) {
.banners .bd li img {height: 117px;}
}
/* links */
.links{padding: 1.625rem 0; background: url(../2020images/links-bg.png) no-repeat center;background-size: 100% 100%;}
.links-l{width: 69.53%;position: relative;}
.links-title{width: 23.67%;position: absolute;top: 50%;margin-top: -22px;}
.links-title a{display: block;}
.links-title img{display: block;}
/*links css*/
.links-nr {position: relative;overflow: hidden;width: 69.69%;z-index: 2;margin: 0 auto;}
.links-nr .hd{position: absolute;right: 0;top: 0;height: 100%;width: 7px; z-index: 3;background: url(../2020images/links07.png) no-repeat center;}
.links-nr .hd ul {position: absolute;top: 50%;margin-top: -16px;}
.links-nr .hd li {overflow: hidden;width: 7px;height: 7px;line-height: 7px;background: #550882;border: 1px solid #9e8746;border-radius: 50%; margin: 3px 0;font-size: 1rem;color: #b0252a;}
.links-nr .hd li.on{background: #9e8746;}
.links-nr .bd {position: relative;z-index: 1;}
.links-nr .bd li {position: relative;overflow: hidden;}
.links-nr .bd li dd{float: left;width: 25%;position: relative;}
.links-nr .bd li dd a{display: block;}.links-nr .bd li dd .pic{width: 70px;height: 70px;line-height: 70px;text-align: center; background: url(../2020images/links02.png) no-repeat center;}
.links-nr .bd li dd .pic i{display: block;width: 70px;height: 70px;background: url(../2020images/links03.png) no-repeat center;}
.links-nr .bd li dd+dd .pic i{background: url(../2020images/links04.png) no-repeat center;}
.links-nr .bd li dd+dd+dd .pic i{background: url(../2020images/links05.png) no-repeat center;}
.links-nr .bd li dd+dd+dd+dd .pic i{background: url(../2020images/links06.png) no-repeat center;}
.links-nr .bd li dd p{margin-top: 0.75rem;letter-spacing: 3px; font-size: 1.125rem;line-height: 1.5rem; color: #eed097;background-image: linear-gradient(1deg, #ebcf97 0%, #f2d69f 51%, #fffcf7 53%, #ffedc9 100%);-webkit-background-clip: text;/* background-color: #ebcf97; */-webkit-text-fill-color: transparent;}
.links-nr .bd li dd:hover .pic img{-webkit-animation: jello 1s; -moz-animation: jello 1s; animation: jello 1s;}
@-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) }
}
.links-nr .prev {display: none;}
.links-nr .next {display: none;}
/* links-r */
.links-r{width: 19.23%;}
.links-r .pic{position: relative;}
.links-r .pic img{display: block;margin: 0 auto 16px auto;}
.links-r p{font-size: 0.875rem;color: #c0a863;text-align: center;}
.links-r h5{font-size: 1.25rem;color: #fee59d;text-align: center;margin: 0.625rem 0;}
.links-r h5 i{font-style: normal;font-size: 1.625rem;font-family: impact;margin: 0 5px;}
@media(max-width: 1360px) {
.links{padding: 1.25rem 0.9375rem;margin: 0 auto;}
}
@media(max-width: 1200px) {
}
@media screen and (max-width: 1024px) {
}
@media(max-width: 768px) {
.links-l{width: 100%;float: none;margin-bottom: 1.875rem;}
.links-r{width: 100%;float: none;}
}
@media(max-width: 414px) {
.links-title{width: auto;display: table; float: none;position: relative;top: auto;margin: 0 auto 1.875rem auto;}
.links-nr{float: none;width: 100%;}
.links-nr .bd li dd a{text-align: center;}
.links-nr .bd li dd p{letter-spacing: 0;font-size: 0.875rem;}
.links-nr .hd{display: none;}
.links{background: #f3f2ff;}
.links-title::after{content: "";width: 100%;height: 100%;position: absolute;top: 0;left: 0; background:#f3f2ff url(../2020images/links01-phone.png) no-repeat center;background-size: 80%;}
.links-nr .bd li dd .pic{width: 50px;height: 50px;line-height: 50px;margin: 0 auto;background: url(../2020images/links02-phone.png) no-repeat center;background-size: 100% 100%;}
.links-nr .bd li dd .pic i{width: 26px;max-height: 50px;background-size: 100%;margin: 0 auto;background: url(../2020images/links03-phone.png) no-repeat center;background-size: 100%;}
.links-nr .bd li dd+dd .pic i{width: 26px;max-height: 50px;background-size: 100%;margin: 0 auto;background: url(../2020images/links04-phone.png) no-repeat center;background-size: 100%;}
.links-nr .bd li dd+dd+dd .pic i{width: 26px;max-height: 50px;background-size: 100%;margin: 0 auto;background: url(../2020images/links05-phone.png) no-repeat center;background-size: 100%;}
.links-nr .bd li dd+dd+dd+dd .pic i{width: 26px;max-height: 50px;background-size: 100%;margin: 0 auto;background: url(../2020images/links06-phone.png) no-repeat center;background-size: 100%;}
.links-nr .bd li dd p{background-image: linear-gradient(1deg, #323232 0%, #323232 51%, #323232 53%, #323232 100%);color: #323232 !important;}
.links-r .pic::after{content: "";width: 100%;height: 100%;position: absolute;top: 0;left: 0; background:#f3f2ff url(../2020images/links08-phone.png) no-repeat center;background-size: 32%;}
.links-r h5,.links-r p,.links-r p{color: #550882;}
}
@media(max-width: 375px) {
/* .links-nr .bd li dd{width: 50%;}
.links-nr .bd li dd a{display: table;margin: 0 auto 1.25rem auto;} */
}
@media(max-width: 360px) {
}
@media(max-width: 320px) {
}
/* part1 */
.part1{background: url(../2020images/part1-05.png) no-repeat left bottom;padding: 5rem 0;}
.title{margin-bottom: 1.875rem;position: relative;}
.title-c{margin: 0 auto;display: table;position: relative;}
.title-c h5{font-size: 4.375rem;font-family: impact;position: relative;float: left;margin-right: 0.625rem;color: #550882;}
.title-c div{float: left;}
.title-c div h4{font-size: 2.25rem;color: #323232;font-weight: normal;letter-spacing: 6px;margin-top: 5px;}
.title-c div i{font-style: normal;display: block;font-family: arial;font-size: 1.5rem;color: #999999;letter-spacing: 2px;}
.title::after{content: "";width: 650px;height: 1px;background: #ebebeb;position: absolute;bottom: 15px;right: 0;}
.title a{display: block;position: absolute;right: 0;top: 1.5rem;font-size: 0.875rem;color: #999999;transition: 0.6s all;}
.title a:hover{color: #550882;transition: 0.6s all;}
.part1-pic{position: relative;width: 48.84%;float: left;top: 0; transition: 0.6s all;}
.part1-pic a{display: block;position: relative;}
.part1-pic .pic{overflow: hidden;}
.part1-pic .pic img{display: block;width: 100%;transition: 0.6s all;height: 376px;}
.part1-pic .text{position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: url(../2020images/part1-02.png) repeat-x bottom center;}
.part1-pic .text p{position: absolute;bottom: 1.25rem;left: 0;padding: 0 1.25rem; width: 100%;font-size: 1.125rem;color: #fff;line-height: 2rem;height: 4rem;overflow: hidden;}
.part1-pic:hover .pic img{transform: scale(1.1);transition: 0.6s all;}
.part1-pic:hover{top: -8px; transition: 0.6s all;}
.part1-nr ul{float: right;width: 48.84%;}
.part1-nr ul li{float: left;width: 48%;background: #550882;position: relative;top: 0; height: 376px;transition: 0.6s all;}
.part1-nr ul li a{display: block;padding: 3.4375rem 1.25rem;}
.part1-nr ul li h5{margin-bottom: 1.875rem;font-weight: normal;color: #fff;font-size: 0.75rem;line-height: 1.25rem;}
.part1-nr ul li h5 b{float: left;font-weight: normal;}
.part1-nr ul li h5 i{float: right;font-style: normal;padding-left: 20px;background: url(../2020images/part1-03.png) no-repeat left center;}
.part1-nr ul li h4{font-size: 1.125rem;color: #fff;line-height: 1.875rem;height: 3.75rem;overflow: hidden;font-weight: normal;margin-bottom: 2.5rem;}
.part1-nr ul li p{font-size: 0.875rem;color: #af9ac1;line-height: 1.5rem;height: 6rem;overflow: hidden;}
.part1-nr ul li+li{margin-left: 4%;background: transparent;}
.part1-nr ul li+li h5{color: #550882;}
.part1-nr ul li+li h5 i{color: #999999;background: url(../2020images/part1-04.png) no-repeat left center;}
.part1-nr ul li+li h4{color: #323232;}
.part1-nr ul li+li p{color: #999;}
.part1-nr2{margin-top: 1.625rem;}
.part1-nr2 .part1-pic{float: right;}
.part1-nr2.part1-nr ul{float: left !important;}
.part1-nr2.part1-nr ul li{background: transparent;}
.part1-nr2.part1-nr ul li h5{color: #550882;}
.part1-nr2.part1-nr ul li h5 i{color: #999999;background: url(../2020images/part1-04.png) no-repeat left center;}
.part1-nr2.part1-nr ul li h4{color: #323232;}
.part1-nr2.part1-nr ul li p{color: #999;}
.part1-nr2.part1-nr ul li+li{background: #9e8746;}
.part1-nr2.part1-nr ul li+li h5{color: #fff;}
.part1-nr2.part1-nr ul li+li i{color: #fff;background: url(../2020images/part1-03.png) no-repeat left center;}
.part1-nr2.part1-nr ul li+li h4{color: #fff;}
.part1-nr2.part1-nr ul li+li p{color: #cdc3a9;}
.part1-nr ul li:hover{top: -8px; transition: 0.6s all;}
@media(max-width: 1360px) {
.part1{width: calc(100% - 30px);margin: 0 auto;}
.part1-pic .pic img{height: 376px;}
.part1-nr ul li{height: 376px;}
}
@media(max-width: 1200px) {
.part1-pic .pic img{height: 338px;}
.part1-nr ul li{height: 338px;}
}
@media screen and (max-width: 1024px) {
.part1-pic .pic img{height: 287px;}
.part1-nr ul li{height: 287px;}
.part1-nr ul li h4{margin-bottom: 1.25rem;}
.title::after{content: "";display: none;}
}
@media(max-width: 768px) {
.part1-pic{width: 100%;float: none;margin-bottom: 1.875rem;}
.part1-nr ul{width: 100%;float: none;}
.part1-nr2 ul{margin-bottom: 1.875rem;}
.part1-pic .pic img{height: auto;}
}
@media(max-width: 414px) {
}
@media(max-width: 375px) {
.part1-nr ul li{float: none;width: 100%;height: auto;}
.part1-nr ul li a{padding: 1.25rem;}
.part1-nr ul li+li{margin-left: 0;}
}
@media(max-width: 360px) {
}
@media(max-width: 320px) {
}
/* part2 */
.container{background: #f3f2ff url(../2020images/part3-bg.png) no-repeat center bottom;padding-bottom: 5rem;}
.part2{background: url(../2020images/part2-bg.png) no-repeat top center;background-size: 100%; padding: 5rem 0;}
.part2-l{width: 100%;position: relative;}
/* 本例子css -------------------------------------- */
.part2-l .hd{position:relative;border-bottom: 1px solid #905ead;line-height: 4.75rem;margin-bottom: 2.125rem;}
.part2-l .hd ul{position: relative;}
.part2-l .hd ul li{float:left;margin-right: 3.75rem;font-size: 2.25rem;color: #fff;letter-spacing: 4px;cursor: pointer;}
.part2-l .hd ul li i{font-style: normal;}
.part2-l .hd ul li.on i{border-bottom: 2px solid #fff;position: relative;font-style: normal;display: table;}
.part2-l .hd ul li.on i::after{content: "";position: absolute;bottom: -7px;background: url(../2020images/part2-01.png) no-repeat center bottom;width: 10px;height: 5px;left: 50%;margin-left: -5px;}
.part2-l .hd ul li.on .more{display: block;}
.part2-l .more{position: absolute;top: 0;right: 0;font-size: 0.875rem;z-index: 9;display: none;}
.part2-l .more a{color: #fff;transition: 0.6s all;}
.part2-l .more a:hover{color: #b29ac3;transition: 0.6s all;}
.part2-l .tempWrap{/* position: inherit !important;overflow-x: hidden !important; */}
.part2-l .bd{/* position: inherit !important;overflow-x: hidden !important; */}
.part2-l .bd ul{/* position: relative; */}
.part2-l .bd li{float: left;width: 31.97%;margin-right: 2.045%;background: #e8e6fe;margin-bottom: 1.25rem;position: relative;top: 0;transition: 0.6s all;}
.part2-l .bd li+li+li{margin-right: 0;}
.part2-l .bd li+li+li+li{margin-right: 2.045%;}
.part2-l .bd li+li+li+li+li+li{margin-right: 0;}
.part2-l .bd li a{display: block;padding: 1.25rem;}
.part2-l .bd li h5{font-family: impact;font-size: 1.875rem;color: #550882;margin-bottom: 0.4375rem;transition: 0.6s all;}
.part2-l .bd li h5 i{transition: 0.6s all;font-style: normal;font-size: 0.875rem;padding-top: 0.8125rem;margin-left: 0.25rem; display: inline-table; color: #b7b5c8;padding-left: 12px;background: url(../2020images/part2-03.png) no-repeat left center;}
.part2-l .bd li p{transition: 0.6s all;font-size: 1.125rem;color: #323232;line-height: 1.875rem;height: 3.75rem;overflow: hidden;}
.part2-l .bd li:hover{background: #550882;top: -8px;transition: 0.6s all;}
.part2-l .bd li:hover h5{color: #fff;transition: 0.6s all;}
.part2-l .bd li:hover h5 i{color: #a68fba;transition: 0.6s all;}
.part2-l .bd li:hover p{color: #fff;transition: 0.6s all;}
.part2-r{width: 20.23%;position: relative;top: 0;transition: 0.6s all;}
.part2-r a{display: block;overflow: hidden;}
.part2-r a img{display: block;width: 100%;height: 374px;transition: 0.6s all;}
.part2-r:hover a img{transition: 0.6s all;}
.part2-r:hover{top: -8px;transition: 0.6s all;}
/* part3 */
.part3{padding-bottom: 4.375rem;}
.part3-l{width: 32.3%;position: relative;top: 0;transition: 0.6s all;}
.part3-l a{display: block;}
.part3-l .pic{overflow: hidden;}
.part3-l .pic img{display: block;width: 100%;transition: 0.6s all;height: 280px;}
.part3-l .text{background: #fff;padding: 2.5rem 1.875rem;position: relative;}
.part3-l .text .time{position: absolute;top: -0.9375rem;left: 1.875rem;padding: 0 0.9375rem;line-height: 1.875rem;height: 1.875rem;background: url(../2020images/part3-04.png);}
.part3-l .text .time i{font-style: normal;padding-left: 20px;background: url(../2020images/part3-02.png) no-repeat left center;font-size: 0.75rem;color: #fff;}
.part3-l .text h5{transition: 0.6s all;font-size: 1.125rem;font-weight: normal; color: #323232;line-height: 1.875rem;height: 3.75rem;overflow: hidden;}
.part3-l .text p{margin-top: 1.5rem;padding-top: 1.5rem;background: url(../2020images/part3-05.png) no-repeat left top;font-size: 0.875rem;color: #999;line-height: 1.5rem;height: 9rem;overflow: hidden;}
.part3-l:hover .pic img{transition: 0.6s all;transform: scale(1.1);}
.part3-l:hover .text h5{color: #550882;transition: 0.6s all;}
.part3-l:hover{top: -8px;transition: 0.6s all;}
.part3-r{width: 67.7%;}
.part3-r ul{margin-bottom: -1.875rem;}
.part3-r li{width: 30%;float: left;margin-left: 3.333%;margin-bottom: 1.875rem;position: relative;top: 0;transition: 0.6s all;}
.part3-r li a{display: block;}
.part3-r li .pic{overflow: hidden;}
.part3-r li .pic img{display: block;width: 100%;transition: 0.6s all;height: 179px;object-fit: cover;}
.part3-r li .text{background: #fff;padding: 2.0625rem 1.25rem 1.375rem 1.25rem;position: relative;}
.part3-r li .text .time{position: absolute;top: -0.9375rem;left: 1.25rem;padding: 0 0.9375rem;line-height: 1.875rem;height: 1.875rem;background: url(../2020images/part3-04.png);}
.part3-r li .text .time i{font-style: normal;padding-left: 20px;background: url(../2020images/part3-02.png) no-repeat left center;font-size: 0.75rem;color: #fff;}
.part3-r li .text h5{transition: 0.6s all;font-size: 1rem;color: #323232;line-height: 1.375rem;height: 2.75rem;overflow: hidden;font-weight: normal;}
.part3-r li:hover .pic img{transform: scale(1.1);transition: 0.6s all;}
.part3-r li:hover{top: -8px;transition: 0.6s all;}
.part3-r li:hover .text h5{color: #550882;transition: 0.6s all;}
/* part4 */
.part4{ border-top: 2px solid #56158b;border-bottom: 2px solid #56158b;padding: 2.5rem 0;}
.part4 h5{font-size: 1.625rem;color: #56158b;font-weight: normal;margin-bottom: 1.125rem;}
.part4 dd{float: left;margin-right: 1.53%;width: 18.76%;}
.part4 dd:last-child{margin-right: 0;}
.part4-link{position: relative;}
.part4-link h4{cursor: pointer; position: relative; height: 38px;line-height: 38px;background: rgba(255,255,255,0.48);border-radius: 0.5rem;border: 1px solid #b0a2bb;padding:0 1.25rem;font-weight: normal;}
.part4-link h4 i{position: absolute;right: 1.25rem;width: 8px;height: 38px;background: url(../2020images/part4-01.png) no-repeat center;}
.part4-link ul{box-shadow: 0px 1px 7.84px 0.16px rgba(101, 101, 101, 0.15); display: none;transition: 0.6s all; position: absolute;z-index: 99;top: 0;background: #fff;border-radius: 0.5rem;width: 100%;max-height: 100px;overflow-y: scroll;padding:0.625rem 1.25rem;}
.part4-link ul li{margin-bottom: 0.9375rem;}
.part4-link ul li a{display: block;font-size: 0.875rem;color: #999;transition: 0.6s all;}
.part4-link:hover ul{display: block;transition: 0.6s all;top: 38px;}
.part4-link ul li:hover a{color: #56158b;transition: 0.6s all;}
.list-link{border-top: 1px solid #56158b;border-bottom: none;}
/* footer */
.footer{background: #56158b;}
.footer-nr{padding: 2.5rem 0;}
.footer-l{width: 30.76%;margin-top: 0.375rem;}
.footer-l ul{}
.footer-l li{padding-left: 16px;background: url(../2020images/footer01.png) no-repeat left 6px;padding-bottom: 24px;}
.footer-l li+li{background: url(../2020images/footer03.png) no-repeat left 3px;}
.footer-l li+li+li{background: url(../2020images/footer04.png) no-repeat left 3px;}
.footer-l li p{font-size: 0.75rem;color: #fff;line-height: 1.5rem;}
.footer-l li p i{font-style: normal;margin-left: 2.375rem;padding-left: 1.125rem;background: url(../2020images/footer02.png) no-repeat left center;}
.footer-l li+li+li p i{background: url(../2020images/footer05.png) no-repeat left center;}
.footer-l li:last-child{padding-bottom: 0;}
.footer-r{width: 24.61%;}
.footer-r li{float: left;width: 31.25%;margin-right: 3.125%;}
.footer-r li:last-child{margin-right: 0;}
.footer-r li .pic{overflow: hidden;}
.footer-r li .pic img{display: block;width: 100%;}
.footer-r li p{height: 1.875rem;line-height: 1.875rem;background: #7844a2;text-align: center;font-size: 0.75rem;color: #fff;}
.copyright{padding: 0.9375rem 0;border-top: 1px solid #9a73b9;font-size: 0.75rem;color: #fff;text-align: center;line-height: 1.5rem;}
.copyright i{font-style: normal;margin-left: 1.25rem;}
@media(max-width: 1360px) {
.part2{padding: 5rem 0.9375rem;}
.part3{width: calc(100% - 30px);margin: 0 auto;}
.part4{width: calc(100% - 30px);margin: 0 auto;}
.footer{padding: 0 0.9375rem;}
.part2-r a img{height: 374px;}
.part3-l .pic img{height: 280px;}
.part3-r li .pic img{height: 179px;}
}
@media(max-width: 1200px) {
.part2-r a img{height: 337px;}
.part3-l .pic img{height: 252px;}
.part3-r li .pic img{height: 161px;}
}
@media screen and (max-width: 1024px) {
.part2{background-size:150%;}
.part2-r a img{height: auto;}
.part3-l .pic img{height: 209px;}
.part3-r li .pic img{height: 133px;}
.part4-link{float: none;margin-right: 0;margin-bottom: 0.625rem;}
.footer-l{width: 50%;}
.footer-r{width: 40%;}
}
@media(max-width: 768px) {
.part2{padding:2rem 0.9375rem 5rem 0.9375rem;}
.part2-l{width: 100%;float: none;}
.part2-r{width: 100%;float: none;}
.part2-r a img{height: auto;}
.part3-l{width: 100%;float: none;}
.part3-l .pic img{height: auto;}
.part3-r{width: 100%;float: none;margin-top: 1.875rem;}
.part3-r li{width: 48%;margin-left: 4%;}
.part3-r li:nth-child(even){margin-left: 0;}
.part3-r li .pic img{height: 240px;}
.part4 dd{width: 100%;float: none;}
.part4-link h4{width: 100%;}
.footer-l{width: 100%;float: none;margin-bottom: 1.875rem;}
.footer-r{width: 60%;float: none;margin: 0 auto;display: table;}
.part4-link:hover ul{display: block;transition: 0.6s all;top: auto;position: relative;}
.part2-l .bd li{width: 48%;margin-right: 2%;}
}
@media(max-width: 598px) {
.part3-r li .pic img{height: 170px;}
.footer-r{width: 100%;}
}
@media(max-width: 414px) {
.part2-l .hd ul li{font-size: 1.375rem;letter-spacing: normal;line-height: 1.875rem;}
.part2{padding: 1.875rem 0.9375rem;}
.part2-l .bd li{width: 100%;margin-right: 0;}
.part2-l .bd li:nth-child(even){margin-right: 0;}
.part2-l .bd li+li+li{margin-right: 0;}
.part2-l .bd li+li+li+li{margin-right: 0;}
.part3-r li .pic img{height: 125px;}
.part3{padding-bottom: 1.25rem;}
.part1{padding: 1.875rem 0;}
}
@media(max-width: 375px) {
.part3-r li .pic img{height: 122px;}
}
@media(max-width: 360px) {
.part3-r li .pic img{height: 107px;}
}
@media(max-width: 320px) {
.part3-r li{width: 100%;margin-left: 0;}
.part3-r li .pic img{height: auto;}
}
/* list01 */
.list-head{position: relative;background: #550882;}
.list-head::after{content: "";display: none;}
.list-banner{position: relative;width: 100%;}
.list-banner img{display: block;position: relative;margin: 0 auto;width: 100%;}
.list-box{position: relative;}
.list-nav{float: left;width: 17.69%;position: relative;margin-top: -6.25rem;}
.list-nav h5{height: 6.25rem;background: url(../2020images/list-nav02.png);font-weight: normal;text-align: center;}
.list-nav h5 i{font-style: normal;font-size: 1.75rem;color: #fff;text-align: center;padding-bottom: 1.25rem;background: url(../2020images/list-nav01.png) no-repeat bottom center;padding-top: 1.625rem;display: block;}
.list-nav ul{}
.list-nav li{padding: 0 1.25rem;border-bottom: 1px solid #dbdbdb;}
.list-nav li a{font-size: 1.125rem;color: #000;display: block;line-height: 3.75rem;height: 3.75rem;background: url(../2020images/list-nav03.png) no-repeat right center;}
.list-nav li:hover a{color: #550882;}
.list-r{float: right;width: 79.23%;padding: 1.25rem 0 3.75rem 0;}
.list-line{position: absolute;left: 17.69%;width: 1px;height: 100%;background: #dbdbdb;}
.position{overflow: hidden;background: #f6f6f6;line-height: 2.5rem;padding: 0 1.875rem;margin-bottom: 1.25rem;}
.position h5{display: none; float: left; font-size: 1.25rem; text-align: center; color: #550882;}
.position p{float: left; font-size: 0.875rem;color: #999;padding-left: 28px;background: url(../2020images/position.png) no-repeat left center;}
.position p a{color: #999;padding: 0 4px;}
.position p a:hover{color: #550882;}
.position p a.on{color: #550882;}
.list-nav-icon{float: right;margin-top: 7px; display: none;}
.list-nav-icon img{display: block;height: 20px;}
.list01{}
.list01 ul{}
.list01 li{transition: 0.6s all;}
.list01 li a{position: relative; display: block;border-top: 1px solid #e6e6e6;padding: 1.25rem 1.625rem;}
.list01 li .time{position: absolute;left: 1.25rem; top: 50%;margin-top: -29px;}
.list01 li .day{margin-bottom: 0.625rem; font-size: 2.25rem;color: #666666;font-family: impact;text-align: center;}
.list01 li .year{font-size: 0.75rem;color: #999999;text-align: center;letter-spacing: 2px;}
.list01 li .pic{float: left;width: 200px;margin-left: 90px;overflow: hidden;}
.list01 li .pic img{display: block;width: 100%;transition: 0.6s all;height: 140px;}
.list01 li .text{margin-left: 310px;margin-top: 1.25rem;}
.list01 li .text h5{font-size: 1.125rem;color: #323232;line-height: 1.25rem;height: 1.25rem;font-weight: normal;margin-bottom: 1.25rem; overflow: hidden;}
.list01 li .text p{font-size: 0.75rem;color: #999999;line-height: 1.375rem;height: 4.125rem;overflow: hidden;}
.list01 li:hover{box-shadow: 0px 1px 43px 0px rgba(0, 0, 0, 0.1);background: #fff;transition: 0.6s all;}
.list01 li:hover .pic img{transition: 0.6s all;transform: scale(1.1);}
.list01 li:hover .day{color: #550882;}
.list01 li:hover .text h5{color: #550882;}
.fanye{margin-top: 2.5rem;}
.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: 140px;}
}
@media(max-width: 1200px) {
.list-nav .on{background: #b0252a;}
.list-nav li:hover>a{background: #b0252a;}
.list01 li .pic img{height: 140px;}
.list-nav-icon{display: block;}
.list-nav{position: absolute;top: 150px;width: 100%;z-index: 9;background: #f9f9f9;display: none;}
.list-nav h5{display: none;}
.list-r{float: none;width: 100%;padding-left: 0;border-left: none;}
.list-line{display: none;}
}
@media screen and (max-width: 1000px) {
.list01 li .pic img{height: 140px;}
}
@media(max-width: 768px) {
.list01 li .pic{width: 130px;}
.list01 li .pic img{height: 91px;}
.position p{display: none;}
.position h5{display: block;}
.list01 li .time{display: none;}
.list01 li .pic{margin-left: 0;}
.list01 li .text{margin-left: 150px;margin-top: 0;}
}
@media(max-width: 414px) {
}
@media(max-width: 375px) {
.list01 li .pic{width: 100%;float: none;}
.list01 li .pic img{height: 210px;}
.list01 li .text{margin-left: 0;margin-top: 1.875rem;}
}
@media(max-width: 360px) {
.list01 li .pic img{height: 199px;}
}
@media(max-width: 320px) {
.list01 li .pic img{height: 171px;}
}
/* part2 */
.list02{}
.list02 ul{}
.list02 li{}
.list02 li a{display: block;overflow: hidden;position: relative;}
.list02 li .time{position: relative;float: left;width: 100px;padding-right: 30px;padding-top: 10px; box-sizing: border-box;}
.list02 li .day{font-size: 2.25rem;color: #999999;font-family: impact; text-align: right;font-weight: bold;margin-bottom: 0.25rem;transition: 0.6s all;}
.list02 li .year{font-size: 0.875rem;color: #999999;letter-spacing: 2px; text-align: right;}
.list02 li .text{border-bottom: 1px solid #f4f4f4;border-left: 1px solid #f4f4f4; margin-left: 100px;position: relative;padding-left: 30px;transition: 0.6s all;}
.list02 li .text i{display: block;position: absolute;top: 50%;margin-top: -7px; left: -7px; width: 15px;height: 15px;background: url(../2020images/list02.png) no-repeat center;}
.list02 li .text h5{font-weight: normal; font-size: 1.125rem;line-height: 4.25rem;height: 4.25rem; color: #000;transition: 0.6s all;}
.list02 li:hover .text h5{color: #550882;transition: 0.6s all;}
.list02 li:hover .text i{background: url(../2020images/list02-on.png) no-repeat center;transition: 0.6s all;}
.list02 li:hover .day{color: #550882;transition: 0.6s all;}
.list02 li:last-child .text{padding-bottom: 0;}
@media(max-width: 1360px) {
}
@media(max-width: 1200px) {
}
@media screen and (max-width: 1000px) {
}
@media(max-width: 768px) {
}
@media(max-width: 414px) {
.list02 li .time{width: 80px;}
.list02 li .text{margin-left: 80px;}
}
@media(max-width: 375px) {
}
@media(max-width: 360px) {
.list02 li .time{padding-right: 15px;}
.list02 li .text{padding-left: 15px;}
.list02 li .time{width: 65px;}
.list02 li .text{margin-left: 65px;}
}
@media(max-width: 320px) {
}
/* list03 */
.list03{}
.list03 ul{margin-left: -1.7%;margin-bottom: -1.875rem;}
.list03 li{position: relative;transition: 0.6s all;top: 0; width: 31.55%;float: left;margin-left: 1.7%;margin-bottom: 1.875rem;box-shadow: 2.121px 2.121px 10px 0px rgba(0, 0, 0, 0.05);}
.list03 li a{display: block;}
.list03 li .pic{overflow: hidden;}
.list03 li .pic img{display: block;width: 100%;transition: 0.6s all;height: 216px;}
.list03 li .text{background: #fff;padding: 1.875rem 1.25rem;border-bottom: 2px solid #550882;position: relative;}
.list03 li .text .time{position: absolute;top: -2.3125rem;left: 1.25rem;width: 56px;height: 56px;background: url(../2020images/list-nav02.png);}
.list03 li .text .day{font-size: 1.5rem;color: #fff;text-align: center;font-weight: bold;font-family: impact;line-height: 2.125rem;}
.list03 li .text .year{font-size: 0.75rem;color: #fff;text-align: center;}
.list03 li h5{transition: 0.6s all;font-size: 1rem;line-height: 1.5rem;color: #323232;font-weight: normal;margin-bottom: 1.125rem;overflow: hidden;height: 3rem;}
.list03 li p{font-size: 0.75rem;color: #999;line-height: 1.375rem;height: 4.125rem;overflow: hidden;}
.list03 li:hover{top: -8px;transition: 0.6s all;}
.list03 li:hover .pic img{transform: scale(1.1);transition: 0.6s all;}
.list03 li:hover h5{color: #550882;transition: 0.6s all;}
@media(max-width: 1360px) {
.list03 li .pic img{height: 216px;}
}
@media(max-width: 1200px) {
.list03 li .pic img{height: 243px;}
}
@media screen and (max-width: 1000px) {
.list03 li .pic img{height: 201px;}
}
@media(max-width: 768px) {
.list03 li .pic img{height: 153px;}
}
@media(max-width: 414px) {
.list03 ul{margin-left: 0;}
.list03 li{width: 100%;margin-left: 0;}
.list03 li .pic img{height: 248px;}
}
@media(max-width: 375px) {
.list03 li .pic img{height: 223px;}
}
@media(max-width: 360px) {
.list03 li .pic img{height: 213px;}
}
@media(max-width: 320px) {
.list03 li .pic img{height: 187px;}
}
/* show */
.show{}
.show01{margin-bottom: 1.875rem;padding-bottom: 0.625rem;border-bottom: 1px solid #eeeeee;}
.show01 h5{font-size: 1.875rem;line-height: 2.75rem;text-align: center;margin-bottom: 1.875rem;}
.show01 p{text-align: center;font-size: 0.875rem;color: #999999;}
.show01 i{font-style: normal;margin: 0 0.9375rem;padding-left: 23px;background: url(../2020images/show01.png) no-repeat left center;}
.show01 i+i{background: url(../2020images/show02.png) no-repeat left center;}
.show02{padding-bottom: 1.25rem;border-bottom: 1px solid #d9d9d9;margin-bottom: 2.8125rem;}
.show02 p{text-indent: 2.25rem;font-size: 1.125rem;color: #333333;line-height: 2.375rem;margin-bottom: 2.25rem;}
.show02 img{display: block;margin: 0 auto 0.9375rem auto;max-width: 100%;}
.show02 i{color: #666666;text-align: center;font-style: normal;display: block;}
.show03 p{font-size: 1.125rem;color: #323232;margin-bottom: 1.25rem;line-height: 1.5rem;}
.show03 p a{color: #666666;transition: 0.6s all;}
.show03 p a:hover{color: #56158b;transition: 0.6s all;}
/* strategy01 */
.strategy-nav{box-shadow: 0px 7px 13px 0px rgba(0, 0, 0, 0.05);background: #fff;padding: 1rem 0;line-height: 2.875rem;}
.strategy-nav h5{font-size: 1.75rem;color: #550882;float: left;position: relative;padding-right: 120px;margin-right: 10px;}
.strategy-nav h5::before{content: "";width: 100px;height: 1px;background: #eaeaea;position: absolute;right: 0;top: 50%;}
.strategy-nav ul{float: left;}
.strategy-nav li{float: left;margin-right: 0.9375rem;}
.strategy-nav li a{display: block;padding: 0 1.875rem;font-size: 1.125rem;color: #4d4d4d;border-radius: 1.4375rem;transition: 0.6s all;}
.strategy-nav li.on a{background: #550882;color: #fff;}
.strategy-nav li a:hover{background: #550882;color: #fff;transition: 0.6s all;}
.strategy01{padding: 3.75rem 0;}
.strategy-top{margin-bottom: 4.375rem;position: relative;}
.strategy-l{position: absolute;width: 36.15%;z-index: 9;}
.strategy-logo{margin-top: 3.125rem;}
.strategy-logo .pic img{display: block;max-width: 70%;}
.strategy-logo h5{font-size: 1.75rem;font-weight: normal;display: table; color: #550882;margin-top: 1.875rem;position: relative;padding: 0 3.75rem;}
.strategy-logo h5::after{content: "";width: 50px;height: 1px;background: #550882;position: absolute;left: 0;top: 50%;}
.strategy-logo h5::before{content: "";width: 50px;height: 1px;background: #550882;position: absolute;right: 0;top: 50%;}
.strategy-text{background-color: #550882;background-image: linear-gradient(147deg, #550882 0%, #298ad8 100%);margin-top: 1.875rem;}
.strategy-text ul{padding: 3.125rem;margin-bottom: -1.25rem;}
.strategy-text li{line-height: 35px;font-size: 0.875rem;color: #fff;padding-left: 45px;background: url(../2020images/strategy04.png) no-repeat left center;margin-bottom: 1.25rem;}
.strategy-text li+li{background: url(../2020images/strategy05.png) no-repeat left center;}
.strategy-text li+li+li{background: url(../2020images/strategy06.png) no-repeat left center;}
.strategy-text li+li+li+li{background: url(../2020images/strategy07.png) no-repeat left center;}
.strategy-text li a{color: #fff;text-decoration: underline;}
.strategy-text li a:hover{text-decoration: inherit;}
/*strategy-r css*/
.strategy-r {position: relative;float: right; overflow: hidden;width: 71.53%;z-index: 2;margin: 0 auto;}
.strategy-r .hd{position: absolute;bottom: 20px;z-index: 3;width: 100%;}
.strategy-r .hd ul {text-align: center;margin: 0 auto;display: table;}
.strategy-r .hd li {display: inline-block;overflow: hidden;width: 10px;height: 10px;line-height: 9999px;margin: 0 10px;border: 1px solid #fff;border-radius: 50%;}
.strategy-r .hd li.on {background: #fff;}
.strategy-r .bd {position: relative;z-index: 1;}
.strategy-r .bd li {position: relative;text-align: center;overflow: hidden;}
.strategy-r .bd li img {height: 530px;vertical-align: top;width: 100%; object-fit: cover;-webkit-animation-name: centerBig;animation-name: centerBig;animation-duration: 5s;animation-iteration-count: infinite;}
.strategy-r .prev {display: none;}
.strategy-r .next {display: none;}
.strategy-bottom p{font-size: 1.125rem;color: #323232;line-height: 2.75rem;text-indent: 2.25rem;margin-bottom: 3.125rem;}
.strategy-bottom p:last-child{margin-bottom: 0;}
@keyframes centerBig {
from {transform: scale(1.0, 1.0);}
to {transform: scale(1.03, 1.03);}
}
@media only screen and (max-width:1440px) {
}
@media only screen and (max-width:1366px) {
}
@media only screen and (max-width:1024px) {
}
@media only screen and (max-width:768px) {
}
@media only screen and (max-width:414px) {
}
@media only screen and (max-width:360px) {
.strategy-text ul{padding: 1.25rem;}
}
@media only screen and (max-width:320px) {
}
/*strategy02*/
.strategy02{padding: 3.75rem 0;}
.strategy02 .strategy-r{width: 38.46%;margin: 0 0 1.875rem 3.125rem;}
.strategy02-text p{font-size: 1.125rem;color: #323232;line-height: 2.75rem;text-indent: 2.25rem;margin-bottom: 3.125rem;}
.strategy02-text p:last-child{margin-bottom: 0;}
.strategy02-title{margin-bottom: 1.875rem;}
.strategy02-title h5{font-size: 1.75rem;color: #550882;font-weight: normal;letter-spacing: 2px;padding:0 65px;display: table;margin: 0 auto 1.25rem auto;position: relative;}
.strategy02-title h5::after{content: "";width: 50px;height: 1px;background: #550882;position: absolute;left: 0;top: 50%;}
.strategy02-title h5::before{content: "";width: 50px;height: 1px;background: #550882;position: absolute;right: 0;top: 50%;}
.strategy02-title a{transition: 0.6s all;font-size: 0.875rem;color: #323232;display: table;margin: 0 auto;line-height: 2.5rem;padding-left: 50px;background: url(../2020images/strategy08.png) no-repeat left center;}
.strategy02-title a:hover{color: #550882;transition: 0.6s all;}
.strategy02 .strategy-r .bd li img{height: 750px;}
@media only screen and (max-width:1440px) {
.strategy02 .strategy-r .bd li img{height: 750px;}
}
@media only screen and (max-width:1366px) {
.strategy02{padding: 3.75rem 0.9375rem;}
.strategy02 .strategy-r .bd li img{height: 734px;}
}
@media only screen and (max-width:1024px) {
.strategy02 .strategy-r .bd li img {height: auto;}
.strategy-logo{display: table;margin: 0 auto;}
.strategy02 .strategy-r{width: 38.46%;;float: right;}
.strategy-top{margin-bottom: 1.875rem;}
.strategy02 .strategy-r{margin: 0 0 0.9375rem 0.9375rem;}
}
@media only screen and (max-width:768px) {
.strategy02-text{width: 100%;}
.strategy02 .strategy-r{width: 100%;margin-bottom: 2.5rem;}
}
@media only screen and (max-width:414px) {
}
@media only screen and (max-width:360px) {
}
@media only screen and (max-width:320px) {
}
/* 海外学习 */
.study{width: 100vw;height: 100vh;overflow: hidden;}
.study-l{width: 46.35%;height: 100%;}
.study01{height: 54.25%;background: url(../2020images/study01.png) no-repeat center;background-size: 100% 100%;}
.study01 .w10{background: rgba(102,7,116,0.8);width: 100%;height: 100%;position: relative;}
.study01 .study-logo{}
.study01 .study-logo img{position: absolute;left: 3.125rem;top: 3.125rem;max-width: 56.17%;}
.study01 .study-logo02{max-height: 65px;position: absolute;top: 50%;margin-top: -32px;width: 100%;}
.study01 .study-logo02 img{display:table;margin: 0 auto;max-width: 70%;}
.study-l-b{height: 45.75%;}
.study02{width: 50%;height: 100%; background:url(../2020images/study09.png) no-repeat center;background-size: 100% 100%;}
.study02 .w10{background: rgba(255,255,255,0.8);width: 100%;height: 100%;padding: 3.75rem 2.5rem;}
.study02-nr{overflow: hidden;width: 100%;height: 100%;}
.study-tit{margin-bottom: 2.5rem;}
.study-tit h5{font-weight: normal;}
.study-tit h5 a{font-size: 2.25rem;letter-spacing: 4px;color: #323232;transition: 0.6s all;}
.study-tit h5 a:hover{color: #550882;transition: 0.6s all;}
.study02 ul{overflow-y: scroll;height: 100%;}
.study02 li{margin-bottom: 2.1875rem;padding-left: 0.75rem;background: url(../2020images/study14.png) no-repeat left 7px;font-size: 1.125rem; line-height: 1.5rem;}
.study02 li a{color: #323232;transition: 0.6s all;}
.study02 li a:hover{color: #550882;transition: 0.6s all;padding-left: 0.375rem;}
.study03{width: 50%;height: 100%;background:#d19938 url(../2020images/study10.png) no-repeat bottom center;position: relative;background-size: 100%;}
.study03 .w10{padding: 3.75rem 2.5rem;}
.study03 .study-tit h5 a{color: #fff;transition: 0.6s all;}
.study03 .study-tit h5 a:hover{padding-left: 0.375rem; transition: 0.6s all;}
.study03-nr img{position: absolute;display: block;bottom: 0;right: 2.5rem;max-width: 50%;}
.study-c{width: 26.56%;height: 100%;}
/*study04 css*/
.study04 {position: relative;overflow: hidden;width: 100%;height: 54.25%;z-index: 2;margin: 0 auto;}
.study04 .swiper-pagination{position: absolute;bottom: 20px;width: 100%;z-index: 3;height: 10px;}
.study04 .swiper-pagination .swiper-pagination-bullet {display: inline-block;overflow: hidden;width: 10px;height: 10px;line-height: 30px;margin: 0 7px;border: 1px solid #ffffff;background: transparent;opacity: 1; border-radius: 50%;}
.study04 .swiper-pagination .swiper-pagination-bullet-active {background: #fff;}
.study04 .swiper-slide {position: relative;z-index: 1;;text-align: center;overflow: hidden;}
.study04 .swiper-slide img {vertical-align: top;width: 100%;height: 100%; object-fit: cover;-webkit-animation-name: centerBig;animation-name: centerBig;animation-duration: 5s;animation-iteration-count: infinite;}
@keyframes centerBig {
from {transform: scale(1.0, 1.0);}
to {transform: scale(1.03, 1.03);}
}
.study05{width: 100%;height: 45.75%;background: url(../2020images/study12.png) no-repeat center;background-size: 100% 100%;}
.study05 .w10{background: rgba(224,116,47,0.9);padding: 3.75rem 2.5rem;width: 100%;height: 100%;}
.study05 .study-tit h5 a{color: #fff;}
.study05 .study-tit h5 a:hover{padding-left: 0.375rem; transition: 0.6s all;}
.study05 li{margin-bottom: 1.125rem;padding-bottom: 1.125rem;border-bottom: 1px solid rgba(255,255,255,0.2);}
.study05 li a{display: block;overflow: hidden;position: relative;}
.study05 li .pic{overflow: hidden;position: relative;float: left;}
.study05 li .pic img{display: block;width: 145px;height: 100px;transition: 0.6s all;}
.study05 li p{margin-left: 165px;font-size: 1.125rem;color: #fff;line-height: 1.875rem;height: 5.625rem;overflow: hidden;}
.study05 li:hover .pic img{transform: scale(1.1);transition: 0.6s all;}
.study05 li:hover p{text-decoration: underline;}
.study-r{width: 27.09%;height: 100%;}
.study06{background: #8d6f39 url(../2020images/study08.png) no-repeat left bottom;height: 100%;background-size: 65%;}
.study06-tit{height: 23.4%;background: url(../2020images/study06.png) no-repeat center;background-size: 100% 100%;position: relative;}
.study06-tit h5{position: absolute;left: 2.5rem;bottom: 2.5rem;font-weight: normal;}
.study06-tit h5 a{font-size: 2.25rem;color: #323232;letter-spacing: 4px;}
.study06-nr{background: url(../2020images/study07.png) no-repeat 2.5rem top;padding: 3.75rem 5rem;}
.study06-nr li{font-size: 1.125rem;margin-bottom: 2.25rem;padding-left: 12px;background: url(../2020images/study16.png) no-repeat left 7px;}
.study06-nr li a{color: #fff;transition: 0.6s all;}
.study06-nr li:hover a{padding-left: 6px;transition: 0.6s all;}
@media only screen and (max-width:1440px) {
}
@media only screen and (max-width:1366px) {
}
@media only screen and (max-width:1024px) {
.study{width: 100%;height: auto;overflow: hidden;}
.study-l,.study-c,.study-r{width: 100%;}
.study01{height: 21.875rem;}
.study01{}
.study-l-b{height: 20.625rem;}
.study04{height:100%;}
.study06-tit{height: 12.5rem;}
.study03-nr img{max-width: 30%;}
}
@media only screen and (max-width:768px) {
}
@media only screen and (max-width:414px) {
.study-tit h5 a,.study06-tit h5 a{font-size: 1.5rem;letter-spacing: 0;}
.study06-tit{height: 6.25rem;}
.study01{height: 18.75rem;}
.study03-nr img{max-width: 60%;}
}
@media only screen and (max-width:360px) {
}
@media only screen and (max-width:320px) {
}
/* 关于我们 */
.about01{margin-bottom: 3.125rem;}
.about01-l{width: 50.77%;}
.about01-l p{font-size: 1.125rem;color: #323232;line-height: 2.625rem;text-indent: 2.25rem;}
.about01-r{width: 44.27%;position: relative;}
.about01-r .pic{width: 76.75%;}
.about01-r .pic img{display: block;width: 100%;}
.about01-r .text{width: 57.01%;padding: 1.875rem; position: absolute;right: 0;bottom: -3.125rem;border-left: 4px solid rgba(255,255,255,0.8);border-top: 4px solid rgba(255,255,255,0.8);background: rgba(85,8,130,0.8);}
.about01-r .text p{font-size: 1rem;color: #fff;line-height: 2rem;max-height: 19.375rem;overflow: hidden; padding-top: 3.375rem;background: url(../2020images/about03.png) no-repeat top left;}
.about02-t{width: 78.44%;margin: 0 auto;}
.about02-t h3{padding-bottom: 2.875rem;background: url(../2020images/about08.png) no-repeat bottom center;}
.about02-t h3 a{display: table; width: 138px;height: 138px; background: url(../2020images/about05.png) no-repeat center;padding: 20px;text-align: center;margin: 0 auto;}
.about02-t h3 p{font-size: 1rem;color: #fff;line-height: 1.5rem;height: 3rem; text-align: center;vertical-align: middle;display: table-cell;}
.about02-t ul{background: url(../2020images/about09.png) no-repeat center top;position: relative;margin-top: -117px;padding: 1.875rem 1rem 0 1rem;}
.about02-t li:first-child{background: none;position: absolute;width: 138px;height: 138px;top: -5rem;left: 50%;margin-left: -69px;}
.about02-t li+li{float: left;width: 11.11%;padding-top: 50px;background: url(../2020images/about06.png) no-repeat top center;}
.about02-t li a{display: table;margin: 0 auto;}
.about02-t li p{width: 18px;font-size: 1.125rem;color: #66218f;text-align: center;}
.about02-t li+li+li{margin-top: 3.125rem;}
.about02-t li+li+li+li{margin-top: 5.3125rem;}
.about02-t li+li+li+li+li{margin-top: 6.25rem;}
.about02-t li+li+li+li+li+li{margin-top: 6.875rem;}
.about02-t li+li+li+li+li+li+li{margin-top: 6.25rem;}
.about02-t li+li+li+li+li+li+li+li{margin-top: 5.3125rem;}
.about02-t li+li+li+li+li+li+li+li+li{margin-top: 3.125rem;}
.about02-t li+li+li+li+li+li+li+li+li+li{margin-top: 0;background: url(../2020images/about07.png) no-repeat top center;}
/* .about02-t li+li+li+li+li+li+li+li+li+li p{color: #666666;} */
.about02-b{margin-top: 1.875rem;}
.about02-b h3{height:3.125rem;font-weight: normal; line-height:3.125rem;font-size: 1.125rem;color: #323232; padding:0 1.875rem;border-bottom:1px solid #eaeaea; background:#f6f6f6; cursor:pointer;}
.about02-b h3 em{ float:right; display:block; width:19px; height:3.125rem;background: url(../2020images/about18.png) no-repeat center; cursor:pointer; }
.about02-b-box.active h3 em{background: url(../2020images/about17.png) no-repeat center;}
.about02-b-box.active h3{background: #550882;color: #fff;}
.about02-b-nr{ display:none; /* 默认都隐藏 */padding-bottom: 0; }
.about02-b-nr dl{padding: 1.25rem 1.875rem;border-bottom: 1px solid #eaeaea;overflow: hidden;color: #323232;}
.about02-b-nr dl dd{float: left;width: 15.76%;margin-right: 6.1%;overflow: hidden;padding-left: 20px;font-size: 0.875rem;line-height: 1.5rem;}
.about02-b-nr dl dd+dd{width: 26.86%;background: url(../2020images/about13.png) no-repeat left 5px;}
.about02-b-nr dl dd+dd+dd{width: 12.37%;background: url(../2020images/about14.png) no-repeat left 5px;}
.about02-b-nr dl dd+dd+dd+dd{width: 25.23%;margin-right: 0;background: url(../2020images/about16.png) no-repeat left 5px;}
.about02-b-nr dl dd p{width: 50%;float: left;font-size: 1rem;font-weight: bold;}
.about02-b-nr02 dd{background: url(../2020images/about13.png) no-repeat left 5px;}
.about02-b-nr02 dd+dd{background: url(../2020images/about14.png) no-repeat left 5px !important;}
.about02-b-nr02 dd+dd+dd{background: url(../2020images/about15.png) no-repeat left 5px !important;}
.about02-b-nr02 dd+dd+dd+dd{background: url(../2020images/about16.png) no-repeat left 5px !important;}
.about03{}
.about03 .map{border: 10px solid #f5f5f5;}
.about03 .map img{display: block;width: 100%;border: 1px solid #d9d9d9;}
.about03-text{margin-top: 1.875rem;}
.about03-text p{font-size: 1.125rem;color: #323232;line-height: 2.625rem;text-indent: 2.25rem;}
@media only screen and (max-width:1440px) {
}
@media only screen and (max-width:1366px) {
}
@media only screen and (max-width:1024px) {
.about02-t ul{background: none;margin-top: 0;padding: 1.875rem 0 0;}
.about02-t{width: 100%;}
.about02-t li:first-child{top: -12rem;}
.about02-t li+li+li,.about02-t li+li+li+li,.about02-t li+li+li+li+li,.about02-t li+li+li+li+li+li,.about02-t li+li+li+li+li+li+li,.about02-t li+li+li+li+li+li+li+li,.about02-t li+li+li+li+li+li+li+li+li,.about02-t li+li+li+li+li+li+li+li+li+li{margin-top: 0;}
}
@media only screen and (max-width:768px) {
.about01-l{width: 100%;margin-bottom: 1.25rem;}
.about01-r{width: 100%;}
.about03-l{width: 100%;margin-bottom: 1.875rem;}
.about03-r{width: 100%;}
.about02-b-nr dl dd{word-break: break-all;}
.about02-b-nr dl{padding:0 0.9375rem;}
.about02-b h3{padding: 0 0.9375rem;}
.about02-b-nr dl dd,.about02-b-nr dl dd+dd,.about02-b-nr dl dd+dd+dd,.about02-b-nr dl dd+dd+dd+dd{width: 100%;float: none;margin: 0.9375rem 0;}
}
@media only screen and (max-width:414px) {
.about02-t li+li{width: 100%;padding-top: 0;padding-left: 50px;line-height: 50px; background: url(../2020images/about06.png) no-repeat left center;}
.about02-t li+li a{display: block;}
.about02-t li+li p{width: auto;text-align: left;}
.about02-t li+li+li+li+li+li+li+li+li+li{background: url(../2020images/about07.png) no-repeat left center;}
}
@media only screen and (max-width:360px) {
}
@media only screen and (max-width:320px) {
}
/* outbound01 */
.left-list{position: relative;width: 17.69%;float: left;}
.left-list .list-nav{width: 100%;float: none;}
.left-links{background: #e8e6fe;margin-top: 1.25rem;/* margin-top: 8.75rem; */}
.left-links a{display: block;position: relative;padding: 0.9375rem 1.25rem;overflow: hidden;}
.left-links .pic{position: relative;float: left;}
.left-links .pic img{display: block;width: 70px;height: 70px;}
.left-links p{margin-left: 85px;line-height: 70px;font-size: 1.125rem;color: #323232;}
.left-links:hover .pic img{-webkit-animation: jello 1s; -moz-animation: jello 1s; animation: jello 1s;}
.left-links:hover p{text-decoration: underline;}
.outbound01-l{width: 44.66%;position: relative;}
.outbound01-l .pic{overflow: hidden;width: 73.91%;}
.outbound01-l .pic img{display: block;width: 100%;}
.outbound01-l .outbound01-l-school{position: absolute;bottom: 0;right: 0;background: #4b127a;padding: 2.1875rem 2.8125rem;border-top: 10px solid #fff;border-left: 10px solid #fff;}
.outbound01-l .outbound01-l-school .links-r{width: 100%;}
.outbound01-l .outbound01-l-school .links-r .pic{width: 100%;}
.outbound01-r{width: 52.42%;}
.outbound01-r li{float: left;width: 33.33%;margin-bottom: 3.75rem;}
.outbound01-r li a{display: table;margin: 0 auto;}
.outbound01-r li .pic{background: url(../2020images/outbound08.png) no-repeat center;width: 70px;height: 70px;line-height: 70px;text-align: center;display: table;margin: 0 auto;}
.outbound01-r li .pic img{vertical-align: middle;}
.outbound01-r li p{margin-top: 0.625rem;font-size: 1.125rem;color: #323232;text-align: center;line-height: 1.375rem;transition: 0.6s all;}
.outbound01-r li:hover p{color: #56158b;transition: 0.6s all;}
.outbound01-r li:hover .pic img{-webkit-animation: jello 1s; -moz-animation: jello 1s; animation: jello 1s;}
@-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) }
}
/* outbound02 */
.outbound02{padding-top: 3.125rem;}
.outbound02 .clear{margin-bottom: 3.125rem;}
.outbound02-l{width: 72.3%;}
.out-title{margin-bottom: 1.875rem;}
.out-title h5{font-size: 2.25rem;color: #323232;font-weight: normal;letter-spacing: 2px;float: left;}
.out-title a{float: right;color: #999999;font-size: 0.875rem;line-height: 2.25rem;transition: 0.6s all;}
.out-title a:hover{color: #550882;transition: 0.6s all;}
.outbound02-l-01{margin-bottom: 3.125rem;}
.outbound02-l-01 ul{overflow: hidden;}
.outbound02-l-01 li{position: relative; float: left;width: 49.4%;margin-right: 0.6%;line-height: 3.75rem;height: 3.75rem;overflow: hidden; background: #f2f0ff;margin-bottom: 0.625rem;}
.outbound02-l-01 li::before{content: "";width: 3px;height: 3.75rem;background: #550882;display: block;position: absolute;left: 0;top: 0;}
.outbound02-l-01 li:nth-child(even){margin-right: 0;}
.outbound02-l-01 li a{display: block;padding: 0 1.25rem;position: relative;}
.outbound02-l-01 li p{font-size: 1.125rem;color: #323232;width: 90%;transition: 0.6s all;}
.outbound02-l-01 li em{transition: 0.6s all;position: absolute;top: 0; display: block;width: 22px;height: 3.75rem;background: url(../2020images/outbound10.png) no-repeat center;right: 1.25rem;}
.outbound02-l-01 li:hover::before{width: 100%;transition: width 1s;-webkit-transition: width 1s; /* Safari */}
.outbound02-l-01 li:hover p{color: #fff;transition: 0.6s all;}
.outbound02-l-01 li:hover em{background: url(../2020images/outbound10-on.png) no-repeat center;transition: 0.6s all;}
.outbound02-l-02 ul{margin-right: -2%;margin-top: -1.25rem;}
.outbound02-l-02 li{float: left;padding: 1.25rem 0; width: 32%;margin-right: 1.33%; border-bottom: 1px solid #d3d0e4;}
.outbound02-l-02 li a{display: block;line-height: 1.25rem;height: 1.25rem;overflow: hidden;padding-left: 14px;background: url(../2020images/outbound11.png) no-repeat left center;font-size: 1.125rem;color: #323232;transition: 0.6s all;}
.outbound02-l-02 li:hover a{padding-left: 20px;color: #550882;transition: 0.6s all;}
.outbound02-r{width: 24.61%;}
.outbound02-r-01{margin-bottom: 3.125rem;}
.outbound02-r-01 li{ border-bottom: 1px solid #d3d0e4;padding: 1.25rem 0;}
.outbound02-r-01 li:first-child{padding: 0 0 1.25rem 0;}
.outbound02-r-01 li a{display: block;line-height: 1.25rem;height: 1.25rem; overflow: hidden;padding-left: 14px;background: url(../2020images/outbound11.png) no-repeat left center;font-size: 1.125rem;color: #323232;transition: 0.6s all;}
.outbound02-r-01 li:hover a{padding-left: 20px;color: #550882;transition: 0.6s all;}
.outbound02-r-02{background: #4b127a;}
.outbound02-r-02 a{display: table;margin: 0 auto; position: relative;padding: 0.9375rem 1.25rem;}
.outbound02-r-02 .pic{position: relative;float: left;}
.outbound02-r-02 .pic img{display: block;width: 70px;height: 70px;}
.outbound02-r-02 p{margin-left: 85px;line-height: 70px;font-size: 1.125rem;color: #fff;}
.outbound02-r-02:hover .pic img{-webkit-animation: jello 1s; -moz-animation: jello 1s; animation: jello 1s;}
.outbound02-r-02:hover p{text-decoration: underline;}
.outbound03-01 h5{font-size: 1.875rem;color: #323232;text-align: center;margin-bottom: 1.875rem;}
.outbound03-01 p{font-size: 1.125rem;color: #323232;line-height: 2.375rem;text-indent: 2.25rem;}
.outbound03-02 table {width: 100%;}
.outbound03-02 .table {margin-bottom: 1.25rem;border-collapse: collapse;border-spacing: 0;empty-cells: show;}
.outbound03-02 .table td,.outbound03-02 .table th {border-left: 1px solid #fff;border-width: 0 0 0 1px;font-size: 0.875rem;line-height: 1.25rem; margin: 0;overflow: visible;padding: 1.875rem 0.625rem;text-align: center;}
.outbound03-02 .table thead{background-color: #8064a2;color: #fff;vertical-align: bottom;}
.outbound03-02 .table tbody tr{background: #d8d3e0;border-top: 1px solid #fff;}
.outbound03-02 .table tbody tr:nth-child(odd){background: #edeaf0;}
.outbound03-02 table.bt thead,.outbound03-02 table.bt tbody th {display: none;}
.outbound03-02 table.bt tfoot th,
.outbound03-02 table.bt tfoot td,
.outbound03-02 table.bt tbody td {border: none;display: block;vertical-align: top;}
.outbound03-02 table.bt tfoot th:before,
.outbound03-02 table.bt tfoot td:before,
.outbound03-02 table.bt tbody td:before {content: attr(data-th) ": ";font-weight: bold;width: 6.5em;display: inline-block;}
.outbound03-02 table.bt td{padding: 0.625rem 1.25rem;text-align: left;}
.outbound03-02 table.bt tfoot th.bt-hide,
.outbound03-02 table.bt tfoot td.bt-hide,
.outbound03-02 table.bt tbody td.bt-hide {display: none;}
.outbound03-02 table.bt tfoot th .bt-content,
.outbound03-02 table.bt tfoot td .bt-content,
.outbound03-02 table.bt tbody td .bt-content {vertical-align: top;}
.outbound03-02 .bt-wrapper.active {max-height: 310px;overflow: auto;-webkit-overflow-scrolling: touch;}
/* .outbound03-02{margin-bottom: 1.25rem;}
.outbound03-02-tit{}
.outbound03-02-tit ul{}
.outbound03-02-tit li{float: left;width: 4.368%;border-right: 1px solid #fff;text-align: center;background: #8064a2;}
.outbound03-02-tit li+li{width: 8.252%;}
.outbound03-02-tit li+li+li{width: 6.504%;}
.outbound03-02-tit li+li+li+li{width: 6.504%;}
.outbound03-02-tit li+li+li+li+li{width: 32.42%;}
.outbound03-02-tit li+li+li+li+li+li{width: 11.45%;}
.outbound03-02-tit li+li+li+li+li+li+li{width: 15.04%;}
.outbound03-02-tit li+li+li+li+li+li+li+li{width: 15.462%;}
.outbound03-02-tit li h5{font-size: 0.875rem;color: #fff;padding: 0.625rem 0.3125rem;line-height: 1.25rem;font-weight: normal;display: inline-block;vertical-align: middle;}
.outbound03-02-tit li+li+li+li+li h5,.outbound03-02-tit li+li+li+li+li+li+li+li h5{padding: 0 0.3125rem;display: block;vertical-align: center;}
.outbound03-02-tit li+li+li+li+li+li h5{padding: 0.625rem 0.3125rem;display: inline-block;vertical-align: middle;}
.outbound03-02-tit li+li+li+li+li dl{overflow: hidden;}
.outbound03-02-tit li+li+li+li+li dd{float: left;width: 23.05%;border-right: 1px solid #fff;background: #d8d3e0;font-size: 0.875rem;color: #323232;line-height: 1.25rem !important;padding: 0.625rem 0.3125rem;}
.outbound03-02-tit li+li+li+li+li dd+dd{width: 53.29%;}
.outbound03-02-tit li+li+li+li+li dd+dd+dd{width: 23.66%;}
.outbound03-02-tit li+li+li+li+li+li+li+li dd{width: 50%;}
.outbound03-02-nr ul:nth-child(even){background: #d8d3e0;}
.outbound03-02-nr ul:nth-child(odd){background: #edeaf0;}
.outbound03-02-nr ul{border-top: 1px solid #fff;}
.outbound03-02-nr li p{font-size: 0.75rem;color: #323232;word-break: break-all;line-height: 1.25rem !important;display: inline-block;vertical-align: middle;}
.outbound03-02-nr li h4{display: none;}
.outbound03-02-nr li{float: left;width: 4.368%;border-right: 1px solid #fff;text-align: center;padding: 1.875rem 0.3125rem;}
.outbound03-02-nr li+li{width: 8.252%;}
.outbound03-02-nr li+li+li{width: 6.504%;}
.outbound03-02-nr li+li+li+li{width: 6.504%;}
.outbound03-02-nr li+li+li+li+li{width: 7.475%;}
.outbound03-02-nr li+li+li+li+li+li{width: 17.2%;}
.outbound03-02-nr li+li+li+li+li+li+li{width: 7.7%;}
.outbound03-02-nr li+li+li+li+li+li+li+li{width: 11.5%;}
.outbound03-02-nr li+li+li+li+li+li+li+li+li{width: 15.04%;}
.outbound03-02-nr li+li+li+li+li+li+li+li+li+li{width: 7.7%;}
.outbound03-02-nr li+li+li+li+li+li+li+li+li+li+li{width: 7.72%;} */
.outbound04-nr{padding: 3.125rem 0;}
.outbound-position{position: absolute;z-index: 1; top: 50%;width: 100%;margin: 0 auto;margin-top: -43px;}
.outbound-position i{font-style: normal;display: table;margin: 0 auto;}
.outbound-position h5{font-size: 1.75rem;font-weight: normal;text-align: center;padding-bottom: 18px;background: url(../2020images/outbound16.png) no-repeat bottom center;margin-bottom: 1.25rem;}
.outbound-position h5 a{color: #fff;}
.outbound-position p{font-size: 0.875rem;color: #fff;padding-left: 28px;background: url(../2020images/outbound17.png) no-repeat left center;line-height: 1.25rem;}
.outbound-position p a{color: #fff;}
.outbound04-nr li:last-child{margin-right: 0;}
.outbound04-nr li{float: left;width: 31.76%;margin-right: 2.36%;box-shadow: 0px 2px 21px 0px rgba(0, 0, 0, 0.13);background: #fff;border-bottom: 4px solid #550882;}
.outbound04-nr .outbound04-nr-tit{height: 96px;background: #f2f0ff;position: relative;}
.outbound04-nr .outbound04-nr-tit a{display: block;}
.outbound04-nr .outbound04-nr-tit h5{height: 3.75rem;line-height: 3.75rem;font-size: 1.625rem;color: #550882;font-weight: normal;text-align: center;}
.outbound04-nr .outbound04-nr-tit .pic i{background: #550882;z-index: 1;border-radius: 50%;display: block;width: 54px;height: 54px;line-height: 54px;text-align: center;margin: 0 auto;}
.outbound04-nr .outbound04-nr-tit .pic{position: absolute;bottom: -35px;left: 50%;margin-left: -35px; border: 8px solid rgba(85,8,130,0.4);width: 70px;height: 70px;border-radius: 50%;}
.outbound04-nr .outbound04-nr-tit .pic img{vertical-align: middle;}
.outbound04-nr dl{padding: 3.4375rem 1.25rem 1.875rem 1.25rem;}
.outbound04-nr dd{margin-bottom: 1.5rem;font-size: 1rem;line-height: 1.5rem;padding-left: 16px;background: url(../2020images/outbound12.png) no-repeat left 8px;}
.outbound04-nr dd a{color: #323232;transition: 0.6s all;}
.outbound04-nr dd:hover a{color: #550882;transition: 0.6s all;}
.outbound04-nr p{padding: 3.4375rem 1.25rem 1.875rem 1.25rem;font-size: 1rem;line-height: 2.4375rem;color: #323232;}
.outbound04-nr .outbound04-nr-tit:hover .pic img{-webkit-animation: jello 1s; -moz-animation: jello 1s; animation: jello 1s;}
.outbound05-nr p{font-size: 1.125rem;color: #323232;line-height: 2.625rem;text-indent: 2.25rem;}
.outbound05-nr{margin-bottom: 1.875rem;}
.outbound05 ul{display: table;margin: 0 auto;}
.outbound05 li{float: left;padding: 0 0.9375rem;}
.outbound05 li a{display: block;}
.outbound05 li .pic{width: 70px;height: 70px;line-height: 70px;text-align: center; background: url(../2020images/outbound08.png) no-repeat center;display: table;margin: 0 auto;}
.outbound05 li .pic img{vertical-align: middle;}
.outbound05 li p{margin-top: 0.9375rem;font-size: 1.125rem;color: #323232;text-align: center;transition: 0.6s all;}
.outbound05 li:hover .pic img{-webkit-animation: jello 1s; -moz-animation: jello 1s; animation: jello 1s;}
.outbound05 li:hover p{color: #56158b;transition: 0.6s all;}
/* outbound06 */
.outbound06 ul{margin-right: -2.916%;margin-bottom: -1.875rem;}
.outbound06 li{float: left;width: 22%;margin-right: 2.916%;margin-bottom: 1.875rem;}
.outbound06 li a{display: block;}
.outbound06 li .pic{overflow: hidden;margin-bottom: 0.9375rem;}
.outbound06 li .pic img{display: block;width: 100%;height: 130px;transition: 0.6s all;}
.outbound06 li p{font-size: 1.125rem;color: #323232;text-align: center;line-height: 1.375rem;height: 1.375rem;overflow: hidden;transition: 0.6s all;}
.outbound06 li:hover .pic img{transform: scale(1.1);transition: 0.6s all;}
.outbound06 li:hover p{color: #4b127a;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) }
}
@media only screen and (max-width:1440px) {
}
@media only screen and (max-width:1366px) {
.outbound02{padding: 3.125rem 0.9375rem 0 0.9375rem;}
.outbound04{padding: 0 0.9375rem 3.125rem 0.9375rem;}
}
@media only screen and (max-width:1200px) {
.left-list .list-nav{top: 248px;}
.left-list{width: 100%;float: none;}
.left-links a{display: table;margin: 0 auto;}
.outbound-position{display: none;}
.outbound06 li .pic img{height: 147px;}
}
@media only screen and (max-width:1024px) {
.outbound02-l,.outbound02-r{width: 100%;float: none;}
.outbound06 li{width: 32%;margin-right: 1.2%;}
.outbound06 ul{margin-right: -2%;}
.outbound06 li .pic img{height: 179px;}
}
@media only screen and (max-width:768px) {
.outbound01-l{width: 70%;float: none;margin: 0 auto 1.875rem auto;}
.outbound01-r{width: 100%;float: none;}
.outbound02-l-01 li{width: 100%;margin-right: 0;}
.outbound02-l-02 li{width: 49%;margin-right: 2%;}
.outbound02-l-02 li:nth-child(even){margin-right: 0;}
/* .outbound03-02-tit{display: none;}
.outbound03-02-nr li,.outbound03-02-nr li+li,.outbound03-02-nr li+li+li,.outbound03-02-nr li+li+li+li,.outbound03-02-nr li+li+li+li+li,.outbound03-02-nr li+li+li+li+li+li,.outbound03-02-nr li+li+li+li+li+li+li,.outbound03-02-nr li+li+li+li+li+li+li+li,.outbound03-02-nr li+li+li+li+li+li+li+li+li,.outbound03-02-nr li+li+li+li+li+li+li+li+li+li,.outbound03-02-nr li+li+li+li+li+li+li+li+li+li+li{width: 50%;height: 120px !important; text-align: left;padding: 1.25rem 0.9375rem;}
.outbound03-02-nr li p{height: 120px !important;}
.outbound03-02-nr li{border-bottom: 1px solid #fff;}
.outbound03-02-nr li:first-child{display: none;}
.outbound03-02-nr li h4{display: block;} */
.outbound04-nr li{width: 100%;margin-right: 0;float: none;margin-bottom: 2.5rem;}
.outbound06 li{width: 48%;margin-right: 2%;}
.outbound06 li .pic img{height: 200px;}
}
@media only screen and (max-width:414px) {
.outbound01-l{width: 100%;}
.outbound02-l-02 li{width: 100%;margin-right: 0;}
.outbound06 li{width: 100%;margin-right: 0;}
.outbound06 ul{margin-right: 0;}
.outbound06 li .pic img{height: auto;}
}
@media only screen and (max-width:360px) {
}
@media only screen and (max-width:320px) {
}
/* 海外学习-关于我们 */
.list-study01-r{width: 53.398%;}
.list-study01-r p{font-size: 1.125rem;line-height: 2.625rem;text-indent: 2.25rem;margin-bottom: 2.5rem;}
.list-study01-r h5{font-size: 1.125rem;line-height: 56px; color: #323232;font-weight: normal;display: table;margin: 0 auto;padding-left: 70px;background: url(../2020images/study19.png) no-repeat left center;}
.list-study01-l{width: 42.718%;}
.list-study01-l ul{padding: 3.125rem;background: url(../2020images/study18.png) no-repeat center;background-size: 100% 100%;}
.list-study01-l li{margin-bottom: 0.9375rem;padding-bottom: 0.9375rem;border-bottom: 1px solid rgba(255,255,255,0.2);padding-left: 60px;background: url(../2020images/study17.png) no-repeat left top;}
.list-study01-l li p{font-size: 1rem;color: #fff;margin-bottom: 0.625rem;}
.list-study01-l li h5{font-size: 1.5rem;color: #fff;font-family: arial;}
.list-study01-l li h5 a{color: #fff;}
.list-study01-l li:hover h5 a{color: #fff;}
@media only screen and (max-width:1440px) {
}
@media only screen and (max-width:1366px) {
}
@media only screen and (max-width:1200px) {
}
@media only screen and (max-width:1024px) {
.list-study01-l ul{padding: 1.875rem;}
.list-study01-l{width: 60%;}
.list-study01-r{width: 36%;}
.list-study01-r h5{height: 56px;line-height: 24px;}
}
@media only screen and (max-width:768px) {
.list-study01-r{width: 100%;float: none;margin-bottom: 1.875rem;}
.list-study01-l{width: 100%;float: none;}
.list-study01-r h5{line-height: 56px;}
}
@media only screen and (max-width:414px) {
.list-study01-r h5{line-height: 24px;}
}
@media only screen and (max-width:360px) {
.list-study01-l li p{line-height: 18px;}
}
@media only screen and (max-width:320px) {
}