@charset "utf-8";

body {}



.border-box {

    box-sizing: border-box;

    -webkit-box-sizing: border-box;

}



.table-responsive {

    display: block;

    width: 100%;

    overflow-x: auto;

}





/*topNav-warp*/



.topNav-warp {

    width: 100%;

    background: #fff;

    padding-top: 15px;

    padding-bottom: 15px;

    display: none;

    position: relative;

    z-index: 99;

}



.fixed-menu {

    display: block;

}



#topNav .swiper-slide {

    width: 150px;

    height: 40px;

    line-height: 40px;

    text-align: center;

    font-size: 14px;

    position: relative;

    border-radius: 4px;

    overflow: hidden;

    transition: all 0.4s ease;

    -webkit-transition: all 0.4s ease;

    margin-right: 20px;

}



#topNav .swiper-slide a {

    color: #666;

    display: block;

    width: 100%;

    height: 100%;

    transition: all 0.4s ease;

    -webkit-transition: all 0.4s ease;

}



#topNav .swiper-slide.active a,

#topNav .swiper-slide:hover a {

    color: #333;

}



#topNav .swiper-slide.active,

#topNav .swiper-slide:hover {

    background: #093B78;

}



.topNav-warp.fixed {

    position: fixed;

    top: 100px;

    left: 0;

    border-top: 1px solid #e1e1e1;

    -webkit-box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.07);

    box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.07);

}





/* 图片放大 */



.img_scale {

    overflow: hidden;

}



.img_scale img {

    transition: transform 1s;

    -ms-transition: transform 1s;

    -o-transition: transform 1s;

    -webkit-transition: transform 1s;

    -moz-transition: transform 1s;

}



.img_scale:hover img {

    transform: scale(1.1);

    -ms-transform: scale(1.1);

    -o-transform: scale(1.1);

    -webkit-transform: scale(1.1);

    -moz-transform: scale(1.1);

}



.nice-select .option.disabled {

    display: none;

}



.banner {

    position: relative;

    width: 100%;

    overflow: hidden;

}



.main-con .main-tit {

    margin-top: 11.4832%;

    margin-bottom: 7.655%;

}



.main-con .con {

    padding-bottom: 7.03125%;

    color: #999;

}

.news_det_con{

    padding-left: 8%;

    padding-right: 8%;

    color: #999;

}



.main-con .con p {

    color: #999999;

    font-size: 14px;

    line-height: 24px;

    margin-bottom: 45px;

}



.main-con .con p img {

    max-width: 100%;

    display: block;

    margin: 0 auto;

}



.main-con .con p.last-child {

    margin-bottom: 0;

}



.fixed-menu {

    position: fixed;

    right: 2.08%;

    top: 50%;

    transform: translateY(-50%);

    -ms-transform: translateY(-50%);

    -o-transform: translateY(-50%);

    -webkit-transform: translateY(-50%);

    -moz-transform: translateY(-50%);

    display: none;

}



.fixed-menu ul {

    display: inline-block;

    vertical-align: middle;

    padding-top: 20px;

    padding-bottom: 20px;

}



.fixed-menu ul li {

    margin: 10px 0;

}



.fixed-menu ul li a {

    color: #666666;

    transition: all 0.4s ease;

    -ms-transition: all 0.4s ease;

    -o-transition: all 0.4s ease;

    -webkit-transition: all 0.4s ease;

    -moz-transition: all 0.4s ease;

    display: block;

    width: 150px;

    height: 40px;

    line-height: 40px;

    text-align: center;

    font-size: 14px;

    position: relative;

    border-radius: 4px;

    overflow: hidden;

}



.fixed-menu ul li a:after {

    content: "";

    position: absolute;

    width: 0%;

    height: 100%;

    background: #093B78;

    left: 0;

    top: 0;

    z-index: -1;

    transition: all 0.4s ease;

    -ms-transition: all 0.4s ease;

    -o-transition: all 0.4s ease;

    -webkit-transition: all 0.4s ease;

    -moz-transition: all 0.4s ease;

}



.fixed-menu ul li a:hover {

    color: #333333;

}



.fixed-menu ul li a:hover:after {

    width: 100%;

}



.fixed-menu ul li.cur a {

    color: #333333;

}



.fixed-menu ul li.cur a:after {

    width: 100%;

}



.fixed-menu .rule {

    content: "";

    width: 31px;

    background: url(../images/ruler1.png) repeat top;

    display: inline-block;

    vertical-align: middle;

    margin-left: 8px;

    position: relative;

}



.fixed-menu .rule .rue-color {

    position: absolute;

    width: 100%;

    height: 0px;

    left: 0;

    top: 0;

    background: url(../images/ruler2.png) repeat top;

    transition: all 0.4s ease;

    -ms-transition: all 0.4s ease;

    -o-transition: all 0.4s ease;

    -webkit-transition: all 0.4s ease;

    -moz-transition: all 0.4s ease;

}



.couse-overview {

    padding-top: 3.125%;

    padding-bottom: 3.125%;

    /*background: #f6f6f6;*/

    font-size: 0;

}



.couse-overview>div>div {

    display: inline-block;

    vertical-align: middle;

}



.couse-overview .overview-img {

    width: 54.15%;

}



.couse-overview .overview-con {

    width: 39.85%;

    padding-left: 3.98%;

}



.couse-overview .tit1 {

    font-size: 24px;

    line-height: 1;

    color: #093B78;

    margin-bottom: 10px;

}



.couse-overview .tit2 {

    color: #999999;

    line-height: 1;

    text-transform: uppercase;

    font-family: "Arial";

    margin-bottom: 7.5%;

    font-size: 12px;

}



.couse-overview .txt {

    color: #666666;

    line-height: 30px;

    font-size: 15px;

    margin-bottom: 6.666%;

}



.couse-overview .lesson {

    color: #333333;

    line-height: 1;

    font-size: 18px;

    margin-bottom: 10px;

}



.couse-overview .lesson-con {

    font-size: 14px;

    color: #333333;

}



.main-tit2 {

    text-align: center;

    margin-bottom: 8.5333%;

}



.main-tit2 .zh {

    color: #333333;

    font-size: 30px;

    line-height: 1;

}



.main-tit2 .en {

    color: #999999;

    line-height: 1;

    margin-top: 10px;

    font-size: 12px;

    font-family: "Arial";

    text-transform: uppercase;

}



.course-content {

    padding-bottom: 10.24%;

}



.course-content .item-img {

    width: 290px;

    height: 290px;

    border-radius: 50%;

    float: left;

    position: relative;

    margin: 0 5% 50px 5%;

    overflow: hidden;

}



.course-content .item-img img {

    max-width: 100%;

}



.course-content .item_info {

    position: relative;

    padding-top: 60px;

    padding-right: 5.96%;

}



.course-content .title {

    font-size: 30px;

    line-height: 1;

    color: #333333;

}



.course-content .title span {

    color: #999999;

    font-size: 14px;

    margin-left: 10px;

}



.course-content .description {

    margin-top: 105px;

    color: #666666;

    line-height: 29px;

    font-size: 14px;

}



.course-content .pc-slide .view .swiper-slide:after {

    position: absolute;

    bottom: 0;

    left: 0;

    z-index: -1;

    width: 100%;

    height: 217px;

    background-color: #f6f6f6;

    content: '';

}



.preview {

    margin-top: 35px;

    text-align: center;

    position: relative;

    margin-left: -50px;

    margin-right: -50px;

}



.preview .swiper-container {

    padding-left: 50px;

    padding-right: 50px;

}



.preview .photo {

    width: 100px;

    height: 100px;

    border-radius: 50%;

    overflow: hidden;

    margin: 0 auto 20px;

    position: relative;

}



.preview .photo img {

    border-radius: 50%;

}



.preview .photo svg {

    position: absolute;

    left: 0;

    top: 0;

    width: 100%;

    height: 100%;

    background: transparent;

    border-radius: 50%;

    stroke-dasharray: 314;

    stroke-dashoffset: 314;

    transition: all 3s linear;

    -ms-transition: all 3s linear;

    -o-transition: all 3s linear;

    -webkit-transition: all 3s linear;

    -moz-transition: all 3s linear;

}



.preview .title {

    line-height: 1;

    color: #333333;

    font-size: 14px;

    margin-bottom: 5px;

}



.preview .subtitle {

    color: #999999;

    font-size: 14px;

    line-height: 1;

}



.preview .swiper-slide-active svg {

    animation: roundgo 3s linear forwards;

    -webkit-animation: roundgo 3s linear forwards;

    -moz-animation: roundgo 3s linear forwards;

    -o-animation: roundgo 3s linear forwards;

}



@keyframes roundgo {

    0% {

        stroke-dashoffset: 314;

    }

    100% {

        stroke-dashoffset: 0;

    }

}



@-webkit-keyframes roundgo {

    0% {

        stroke-dashoffset: 314;

    }

    100% {

        stroke-dashoffset: 0;

    }

}



/*.arrow-left,

.arrow-right {

    width: 49px;

    height: 49px;

    border: 1px solid #999999;

    position: absolute;

    top: 50%;

    margin-top: -24.5px;

    display: block;

    border-radius: 50%;

    cursor: pointer;

    z-index: 99;

}



.arrow-left:after,

.arrow-right:after {

    content: "";

    width: 8px;

    height: 8px;

    position: absolute;

    left: 50%;

    top: 50%;

    display: block;

    transition: all 0.6s ease;

    -ms-transition: all 0.6s ease;

    -o-transition: all 0.6s ease;

    -webkit-transition: all 0.6s ease;

    -moz-transition: all 0.6s ease;

}



.arrow-left:hover,

.arrow-right:hover {

    background: #f8c80f;

    border: 1px solid #f8c80f;

}



.arrow-left {

    left: 0;

}



.arrow-left:after {

    border-top: 1px solid #232323;

    border-left: 1px solid #232323;

    transform: rotate(-45deg);

    -ms-transform: rotate(-45deg);

    -o-transform: rotate(-45deg);

    -webkit-transform: rotate(-45deg);

    -moz-transform: rotate(-45deg);

    border-color: #232323;

    margin-left: -1px;

    margin-top: -4px;

}



.arrow-right {

    right: 0;

}



.arrow-right:after {

    border-top: 1px solid #232323;

    border-right: 1px solid #232323;

    transform: rotate(45deg);

    -ms-transform: rotate(45deg);

    -o-transform: rotate(45deg);

    -webkit-transform: rotate(45deg);

    -moz-transform: rotate(45deg);

    margin-left: -4px;

    margin-top: -3px;

}*/





/*profile.html*/



.profile-con.main-con .main-tit {

    margin-top: 10.52%;

    margin-bottom: 2.87%;

}



.profile-txt {

    text-align: center;

    font-size: 14px;

    line-height: 2;

    color: #999999;

    position: relative;

    padding-top: 3.43%;

    padding-bottom: 8.6%;

}



.profile-txt:after {

    content: "";

    width: 72.888%;

    height: 100%;

    z-index: -1;

    position: absolute;

    left: 50%;

    top: 50%;

    transform: translate(-50%, -50%);

    -ms-transform: translate(-50%, -50%);

    -o-transform: translate(-50%, -50%);

    -webkit-transform: translate(-50%, -50%);

    -moz-transform: translate(-50%, -50%);

    background: url(../images/year.png) no-repeat;

    background-size: auto 100%;

}



.map {

    position: relative;

    height: 520px;

    width: 100%;

}



.map .icon {

    overflow: hidden;

    width: 96px;

    height: 96px;

    margin: 0 auto 6.33%;

    position: relative;

}



.map .icon span {

    position: absolute;

    left: 0;

    top: 0;

    width: 96px;

    height: 96px;

    visibility: hidden;

}



.map .desc ul li:nth-child(1) .icon span {

    background: url(../images/map-icon1.png) no-repeat center;

}



.map .desc ul li:nth-child(2) .icon span {

    background: url(../images/map-icon2.png) no-repeat center;

}



.map .desc ul li:nth-child(3) .icon span {

    background: url(../images/map-icon3.png) no-repeat center;

}



.map .icon i {

    position: absolute;

    left: 0;

    top: 0;

    content: '';

    width: 96px;

    height: 96px;

    border: 1px solid #916f02;

    border-radius: 50%;

    visibility: hidden;

}



.map .icon.animated i {

    visibility: visible!important;

    animation: icon cubic-bezier(0.68, 0.18, 0.13, 0.98) 1.6s 1 both;

    -webkit-animation: icon cubic-bezier(0.68, 0.18, 0.13, 0.98) 1.6s 1 both;

    -moz-animation: icon cubic-bezier(0.68, 0.18, 0.13, 0.98) 1.6s 1 both;

    -o-animation: icon cubic-bezier(0.68, 0.18, 0.13, 0.98) 1.6s 1 both;

}



.map .icon.animated span {

    visibility: visible!important;

    animation: icon_show cubic-bezier(0.63, 0.32, 0.17, 0.98) 1.4s 0.9s 1 both;

    -webkit-animation: icon_show cubic-bezier(0.63, 0.32, 0.17, 0.98) 1.4s 0.9s 1 both;

    -moz-animation: icon_show cubic-bezier(0.63, 0.32, 0.17, 0.98) 1.4s 0.9s 1 both;

    -o-animation: icon_show cubic-bezier(0.63, 0.32, 0.17, 0.98) 1.4s 0.9s 1 both;

}



.point-list {

    position: absolute;

    width: 19px;

    height: 31px;

    opacity: 0;

}



.point-list.animate {

    animation: pointShow2 1.6s alternate forwards;

    -webkit-animation: pointShow2 1.6s alternate forwards;

    -moz-animation: pointShow2 1.6s alternate forwards;

    -o-animation: pointShow2 1.6s alternate forwards;

}



.point-list span:before {

    content: "";

    width: 19px;

    height: 29px;

    display: block;

    position: relative;

    background: url(../images/map-point.png) no-repeat;

    animation: jump 1s cubic-bezier(0.61, 0.07, 0.35, 0.88) alternate infinite;

    -webkit-animation: jump 1s cubic-bezier(0.61, 0.07, 0.35, 0.88) alternate infinite;

    -moz-animation: jump 1s cubic-bezier(0.61, 0.07, 0.35, 0.88) alternate infinite;

    -o-animation: jump 1s cubic-bezier(0.61, 0.07, 0.35, 0.88) alternate infinite;

}



.point-list span:after {

    content: "";

    width: 13px;

    height: 5px;

    display: block;

    margin: 0 auto;

    background: url(../images/map-icon.png) no-repeat center;

    background-size: cover;

    animation: sf 1s cubic-bezier(0.61, 0.07, 0.35, 0.88) alternate infinite;

    -webkit-animation: sf 1s cubic-bezier(0.61, 0.07, 0.35, 0.88) alternate infinite;

    -moz-animation: sf 1s cubic-bezier(0.61, 0.07, 0.35, 0.88) alternate infinite;

    -o-animation: sf 1s cubic-bezier(0.61, 0.07, 0.35, 0.88) alternate infinite;

}



@keyframes jump {

    0% {

        transform: translateY(0);

        -ms-transform: translateY(0);

        -o-transform: translateY(0);

        -webkit-transform: translateY(0);

        -moz-transform: translateY(0);

    }

    100% {

        transform: translateY(-5px);

        -ms-transform: translateY(-5px);

        -o-transform: translateY(-5px);

        -webkit-transform: translateY(-5px);

        -moz-transform: translateY(-5px);

    }

}



@keyframes sf {

    0% {

        transform: scale(1);

        -ms-transform: scale(1);

        -o-transform: scale(1);

        -webkit-transform: scale(1);

        -moz-transform: scale(1);

    }

    100% {

        transform: scale(1.2);

        -ms-transform: scale(1.2);

        -o-transform: scale(1.2);

        -webkit-transform: scale(1.2);

        -moz-transform: scale(1.2);

    }

}



.point_1 {

    left: 1053px;

    top: 211px;

    animation-delay: 300ms!important;

}



.point_1:before,

.point_1:after {

    animation-delay: 100ms!important;

}



.point_2 {

    left: 1199px;

    top: 212px;

    animation-delay: 600ms!important;

}



.point_2:before,

.point_2:after {

    animation-delay: 200ms!important;

}



.point_3 {

    left: 1190px;

    top: 243px;

    animation-delay: 900ms!important;

}



.point_3:before,

.point_3:after {

    animation-delay: 300ms!important;

}



.point_4 {

    left: 1212px;

    top: 230px;

    animation-delay: 1200ms!important;

}



.point_4:before,

.point_4:after {

    animation-delay: 400ms!important;

}



.point_5 {

    left: 1225px;

    top: 301px;

    animation-delay: 1500ms!important;

}



.point_5 span:before,

.point_5 span:after {

    animation-delay: 500ms!important;

}



.point_6 {

    left: 1227px;

    top: 324px;

    animation-delay: 1800ms!important;

}



.point_6 span:before,

.point_6 span:after {

    animation-delay: 600ms!important;

}



.point_7 {

    left: 1247px;

    top: 347px;

    animation-delay: 2100ms!important;

}



.point_7 span:before,

.point_7 span:after {

    animation-delay: 700ms!important;

}



.point_8 {

    left: 1389px;

    top: 163px;

    animation-delay: 2400ms!important;

}



.point_8 span:before,

.point_8 span:after {

    animation-delay: 800ms!important;

}



.point_9 {

    left: 1416px;

    top: 221px;

    animation-delay: 2700ms!important;

}



.point_9 span:before,

.point_9 span:after {

    animation-delay: 900ms!important;

}



.point_10 {

    left: 1441px;

    top: 213px;

    animation-delay: 3000ms!important;

}



.point_10 span:before,

.point_10 span:after {

    animation-delay: 100ms!important;

}



.point_11 {

    left: 1383px;

    top: 268px;

    animation-delay: 3300ms!important;

}



.point_11 span:before,

.point_11 span:after {

    animation-delay: 200ms!important;

}



.point_12 {

    left: 1436px;

    top: 227px;

    animation-delay: 3600ms!important;

}



.point_12 span:before,

.point_12 span:after {

    animation-delay: 300ms!important;

}



.point_13 {

    left: 1420px;

    top: 265px;

    animation-delay: 3900ms!important;

}



.point_13 span:before,

.point_13 span:after {

    animation-delay: 400ms!important;

}



.point_14 {

    left: 1444px;

    top: 275px;

    animation-delay: 4200ms!important;

}



.point_14 span:before,

.point_14 span:after {

    animation-delay: 500ms!important;

}



.point_15 {

    left: 1428px;

    top: 298px;

    animation-delay: 4500ms!important;

}



.point_15 span:before,

.point_15 span:after {

    animation-delay: 600ms!important;

}



.point_16 {

    left: 1336px;

    top: 387px;

    animation-delay: 4800ms!important;

}



.point_16 span:before,

.point_16 span:after {

    animation-delay: 700ms!important;

}



.point_17 {

    left: 1459px;

    top: 367px;

    animation-delay: 5100ms!important;

}



.point_17 span:before,

.point_17 span:after {

    animation-delay: 800ms!important;

}



.point_18 {

    left: 1484px;

    top: 392px;

    animation-delay: 5400ms!important;

}



.point_18 span:before,

.point_18 span:after {

    animation-delay: 900ms!important;

}



.point_19 {

    left: 1398px;

    top: 453px;

    animation-delay: 5700ms!important;

}



.point_19 span:before,

.point_19 span:after {

    animation-delay: 100ms!important;

}



.point_20 {

    left: 1459px;

    top: 470px;

    animation-delay: 6000ms!important;

}



.point_20 span:before,

.point_20 span:after {

    animation-delay: 200ms!important;

}



.desc {

    color: #fff;

    width: 62.5%;

    margin: 0 auto;

}



.desc li {

    float: left;

    width: 33.33%;

    text-align: center;

}



.desc .txt {

    color: #999999;

    font-size: 16px;

}



.desc .data {

    font-size: 14px;

}



.desc .data span {

    font-size: 90px;

    font-family: arialnb;

    line-height: 1;

}



.course-list ul {

    margin-left: -11px;

    margin-right: -11px;

}



.course-list ul li {

    float: left;

    width: 33.3333%;

    padding-left: 11px;

    padding-right: 11px;

    transition: all 0.6s ease 0s;

    -ms-transition: all 0.6s ease 0s;

    -o-transition: all 0.6s ease 0s;

    -webkit-transition: all 0.6s ease 0s;

    -moz-transition: all 0.6s ease 0s;

    position: relative;

    margin-bottom: 30px;

    cursor: pointer;

}



.course-list ul li:nth-child(3n) {

    margin-right: 0;

}



.course-list a {

    display: block;

    overflow: hidden;

    border: 1px solid #e1e1e1;

    border-radius: 5px;

    position: relative;

}



.course-list .course-img {

    overflow: hidden;

    position: relative;

    border-radius: 5px;

}



.course-list .course-img img {

    transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;

    -ms-transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;

    -o-transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;

    -webkit-transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;

    -moz-transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;

    max-width: 100%;

    height: auto;

}



.course-list .course-img:after {

    content: "";

    width: 100%;

    height: 0;

    background-color: #000;

    position: absolute;

    top: 0px;

    opacity: 0;

    transition: all 0.3s ease 0s;

    -webkit-transition: all 0.3s ease 0s;

    -ms-transition: all 0.3s ease 0s;

    -moz-transition: all 0.3s ease 0s;

    -o-transition: all 0.3s ease 0s;

    z-index: 9;

}



.course-list .course-img .course-mask {

    width: 100%;

    position: absolute;

    left: 50%;

    top: 50%;

    transform: translate(-50%, -50%);

    -ms-transform: translate(-50%, -50%);

    -o-transform: translate(-50%, -50%);

    -webkit-transform: translate(-50%, -50%);

    -moz-transform: translate(-50%, -50%);

    z-index: 10;

}



.course-list .course-img .course-mask .txt1 {

    font-size: 24px;

    color: #f8c80f;

    font-family: "Didot";

    text-transform: uppercase;

    line-height: 1.2;

    text-align: center;

    padding-left: 8%;

    padding-right: 8%;

    opacity: 0;

    transform: translateY(-100%);

    -ms-transform: translateY(-100%);

    -o-transform: translateY(-100%);

    -webkit-transform: translateY(-100%);

    -moz-transform: translateY(-100%);

    transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;

    -ms-transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;

    -o-transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;

    -webkit-transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;

    -moz-transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;

}



.course-list .course-img .course-mask .txt2 {

    margin-top: 20px;

    text-align: center;

    opacity: 0;

    transform: translateY(-100%);

    -ms-transform: translateY(-100%);

    -o-transform: translateY(-100%);

    -webkit-transform: translateY(-100%);

    -moz-transform: translateY(-100%);

    transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;

    -ms-transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;

    -o-transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;

    -webkit-transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;

    -moz-transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;

}



.course-list .course-info {

    position: relative;

}



.course-list .course-info>div {

    padding: 25px 20px 35px 15px;

    transition: all 0.6s ease 0s;

    -ms-transition: all 0.6s ease 0s;

    -o-transition: all 0.6s ease 0s;

    -webkit-transition: all 0.6s ease 0s;

    -moz-transition: all 0.6s ease 0s;

    border-bottom-left-radius: 5px;

    border-bottom-right-radius: 5px;

}



.course-list .course-info .title {

    font-size: 20px;

    line-height: 1;

    transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;

    -ms-transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;

    -o-transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;

    -webkit-transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;

    -moz-transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;

    color: #222222;

    text-align: left;

    padding: 0;

    overflow: hidden;

    white-space: nowrap;

    text-overflow: ellipsis;

    display: block;

}



.course-list .course-info .subtitle {

    overflow: hidden;

    display: -webkit-box;

    -webkit-box-orient: vertical;

    -webkit-line-clamp: 2;

    color: #999999;

    font-size: 14px;

    margin-top: 13px;

    line-height: 24px;

    position: relative;

    transition: all 0.6s ease 0s;

    height: 48px;

}



.course-list ul li:hover a {

    box-shadow: 0px 5px 32px rgba(0, 0, 0, 0.15);

    -webkit-box-shadow: 0px 5px 32px rgba(0, 0, 0, 0.15);

    border: 1px solid transparent;

}



.course-list ul li:hover .course-img>img {

    transform: scale(1.1);

    -ms-transform: scale(1.1);

    -o-transform: scale(1.1);

    -webkit-transform: scale(1.1);

    -moz-transform: scale(1.1);

}



.course-list ul li:hover .course-img:after {

    height: 100%;

    opacity: 0.85;

    filter: alpha(opacity=85);

}



.course-list ul li:hover .course-info>div {

    margin-left: 15px;

}



.course-list ul li:hover .course-mask .txt1 {

    transform: none;

    -ms-transform: none;

    -o-transform: none;

    -webkit-transform: none;

    -moz-transform: none;

    opacity: 1;

}



.course-list ul li:hover .course-mask .txt2 {

    transform: none;

    -ms-transform: none;

    -o-transform: none;

    -webkit-transform: none;

    -moz-transform: none;

    opacity: 1;

}



.fixed-detail-con {

    width: 100%;

    height: 100%;

    position: fixed;

    max-height: 100vh;

    left: 0;

    top: 0;

    background: rgba(0, 0, 0, 0.8);

    z-index: 1000;

    opacity: 0;

    visibility: hidden;

    overflow-y: scroll;

    overflow-x: hidden;

    transition: all 0.4s ease;

    -ms-transition: all 0.4s ease;

    -o-transition: all 0.4s ease;

    -webkit-transition: all 0.4s ease;

    -moz-transition: all 0.4s ease;

}



.fixed-detail-con .container_1318 {

    background: #fff;

    padding: 4.5523% 10.24% 6.0836% 10.24%;

    position: absolute;

    left: 50%;

    top: 50%;

    transform: translate(-50%, -50%) scale(0);

    -ms-transform: translate(-50%, -50%) scale(0);

    -o-transform: translate(-50%, -50%) scale(0);

    -webkit-transform: translate(-50%, -50%) scale(0);

    -moz-transform: translate(-50%, -50%) scale(0);

    opacity: 0;

    transition: all 0.6s ease;

    -ms-transition: all 0.6s ease;

    -o-transition: all 0.6s ease;

    -webkit-transition: all 0.6s ease;

    -moz-transition: all 0.6s ease;

}



.fixed-detail-con .title {

    font-size: 24px;

    color: #000000;

    line-height: 1;

    margin-bottom: 35px;

    text-align: center;

}



.fixed-detail-con .content {

    color: #888888;

    font-size: 14px;

    line-height: 28px;

    height: 50vh;

    padding-right: 30px;

    margin-right: -30px;

    overflow: auto;

}

/*.fixed-detail-con .fixed-team-con .content{

    height: auto;

}*/

.fixed-detail-con .content p {

    margin-bottom: 30px;

}



.fixed-detail-con .content p img {

    display: block;

    margin: 0 auto;

    max-width: 100%;

    height: auto;

}

.fixed-detail-con .country{

    font-size: 16px;

    color: #333;

    margin-bottom: 10px;

    text-align: center;

}

.fixed-detail-con .position{

    margin-bottom: 25px;

    color: #333;

    font-size:14px;

    text-align: center;

    padding-bottom: 20px;

    border-bottom: 1px solid #eee;

}

/*.fixed-detail-con .fixed-summary{

    height: 100px;

    padding-right: 30px;

    margin-right: -30px;

    overflow: auto;

}*/

.fixed-detail-con .team-img{

    width: 240px;

    height: 240px;

    border-radius: 50%;

    border:1px solid #ccc;

    margin:0 auto;

}

.fixed-detail-con .fixed-team-con .title{

    margin-top: 20px;

    margin-bottom: 15px;

}

.fixed-detail-con .mCSB_container {

    margin-right: 30px;

}



.fixed-detail-con .close {

    left: auto;

    right: 5%;

    top: 5%;

    border-color: #cccccc;



    

}

.fixed-detail-con .close:after, .fixed-detail-con .close:before{

    background:#cccccc;

}

.fixed-detail-con.show {

    opacity: 1;

    visibility: visible;

}



.fixed-detail-con.show .container_1318 {

    opacity: 1;

    transform: translate(-50%, -50%) scale(1);

    -ms-transform: translate(-50%, -50%) scale(1);

    -o-transform: translate(-50%, -50%) scale(1);

    -webkit-transform: translate(-50%, -50%) scale(1);

    -moz-transform: translate(-50%, -50%) scale(1);

}



.fixed-con {

    display: none;

}



.advantage {

    padding-bottom: 4.9479%;

}





/*campus*/



.campus .main-tit {

    margin-top: 9.8634%;

    margin-bottom: 6.06%;

}



.campus {

    border-top: 1px solid #e1e1e1;

    padding-bottom: 7.552%;

}



.campus .campus-img {

    width: 30%;

    overflow: hidden;

    border-radius: 5px;

}



.campus .campus-img img {

    transition: all 0.5s ease;

    -ms-transition: all 0.5s ease;

    -o-transition: all 0.5s ease;

    -webkit-transition: all 0.5s ease;

    -moz-transition: all 0.5s ease;

}



.campus .campus-con {

    width: 70%;

    padding-left: 3.7764%;

    padding-right: 3.7764%;

    display: table;

    transition: all 0.5s ease;

    -ms-transition: all 0.5s ease;

    -o-transition: all 0.5s ease;

    -webkit-transition: all 0.5s ease;

    -moz-transition: all 0.5s ease;

}



.campus .campus-con>div {

    display: table-cell;

    vertical-align: middle;

}



.campus .campus-con .tit {

    font-size: 20px;

    color: #333333;

    line-height: 1;

    margin-bottom: 3.78%;

}



.campus .campus-con .tit span {

    color: #f8c80f;

    font-weight: 600;

}



.campus .campus-con .txt {

    font-size: 14px;

    color: #999999;

    line-height: 22px;

}



.campus-list ul li {

    position: relative;

    border-radius: 6px;

    border: 1px solid #e1e1e1;

    margin-bottom: 30px;

    transition: all 0.5s ease;

    -ms-transition: all 0.5s ease;

    -o-transition: all 0.5s ease;

    -webkit-transition: all 0.5s ease;

    -moz-transition: all 0.5s ease;

}



.campus-list ul li:hover {

    box-shadow: 0px 0px 40px rgba(0, 0, 0, 0.15);

    -webkit-box-shadow: 0px 0px 40px rgba(0, 0, 0, 0.15);

}



.campus-list ul li:hover .campus-img img {

    transform: scale(1.1);

    -ms-transform: scale(1.1);

    -o-transform: scale(1.1);

    -webkit-transform: scale(1.1);

    -moz-transform: scale(1.1);

}



.campus-list ul li:hover .campus-con {

    transform: translateX(10px);

    -ms-transform: translateX(10px);

    -o-transform: translateX(10px);

    -webkit-transform: translateX(10px);

    -moz-transform: translateX(10px);

}



.campus-list ul li:nth-child(2n+1) a>div {

    float: left;

}



.campus-list ul li:nth-child(2n) a>div {

    float: right;

}



.contact-list {

    padding-bottom: 8.725%;

}



.contact-list ul {

    margin-left: -35px;

    margin-right: -35px;

}



.contact-list ul li {

    float: left;

    width: 33.3333%;

    padding-left: 35px;

    padding-right: 35px;

}



.contact-list .contact-img {

    border-radius: 5px;

    overflow: hidden;

}



.contact-list .contact-name {

    font-size: bold;

    font-size: 24px;

    color: #333333;

    line-height: 1;

    margin-top: 45px;

    margin-bottom: 30px;

    font-weight: bold;

}



.contact-list .contact-info {

    font-size: 14px;

    color: #999999;

    line-height: 28px;

    margin-bottom: 11.3%;

    height: 140px;

}



.contact-list .map-point {

    position: relative;

    display: inline-block;

    text-align: center;

}



.contact-list .map-point a {

    display: block;

    width: 19px;

    height: 33px;

    background: url(../images/point.png) no-repeat center;

    animation: jump2 1s cubic-bezier(0.61, 0.07, 0.35, 0.88) alternate infinite;

    -webkit-animation: jump2 1s cubic-bezier(0.61, 0.07, 0.35, 0.88) alternate infinite;

    -moz-animation: jump2 1s cubic-bezier(0.61, 0.07, 0.35, 0.88) alternate infinite;

    -o-animation: jump2 1s cubic-bezier(0.61, 0.07, 0.35, 0.88) alternate infinite;

}



.contact-list .map-point i {

    width: 12px;

    height: 2px;

    margin: 0 auto;

    background: -webkit-radial-gradient(center, ellipse, #dddddd 0, transparent 100%);

    background: radial-gradient(ellipse at center, #dddddd 0, transparent 100%);

    display: block;

    -webkit-transition-duration: 1s;

    transition-duration: 1s;

    -webkit-transition-property: width;

    transition-property: width;

    animation: sf2 1s cubic-bezier(0.61, 0.07, 0.35, 0.88) alternate infinite;

    -webkit-animation: sf2 1s cubic-bezier(0.61, 0.07, 0.35, 0.88) alternate infinite;

    -moz-animation: sf2 1s cubic-bezier(0.61, 0.07, 0.35, 0.88) alternate infinite;

    -o-animation: sf2 1s cubic-bezier(0.61, 0.07, 0.35, 0.88) alternate infinite;

}



@keyframes jump2 {

    0% {

        transform: translateY(0);

        -ms-transform: translateY(0);

        -o-transform: translateY(0);

        -webkit-transform: translateY(0);

        -moz-transform: translateY(0);

    }

    100% {

        transform: translateY(-10px);

        -ms-transform: translateY(-10px);

        -o-transform: translateY(-10px);

        -webkit-transform: translateY(-10px);

        -moz-transform: translateY(-10px);

    }

}



@keyframes sf2 {

    0% {

        transform: scale(1);

        -ms-transform: scale(1);

        -o-transform: scale(1);

        -webkit-transform: scale(1);

        -moz-transform: scale(1);

    }

    100% {

        transform: scale(1.4);

        -ms-transform: scale(1.4);

        -o-transform: scale(1.4);

        -webkit-transform: scale(1.4);

        -moz-transform: scale(1.4);

    }

}



.message {

    padding-top: 6.25%;

    padding-bottom: 7.55%;

    background: url(../images/contact-bg.jpg) no-repeat;

    background-size: cover;

}



.message .tit {

    font-size: 30px;

    text-align: center;

    line-height: 1;

    color: #333333;

    margin-bottom: 3.3854%;

}



.message-form {

    width: 890px;

    margin: 0 auto;

}



.message-form .input-item {

    margin-bottom: 12px;

    height: 48px;

    border-radius: 4px;

    position: relative;

}



.message-form .input-item.input-message {

    height: 90px;

}



.input-inline {

    width: 48.5%;

    position: relative;

}



.input-item input[type='text'] {

    width: 100%;

    display: block;

    height: 48px;

    background: #fff;

    border: 1px solid #dfdfdf;

    padding-left: 10px;

    color: #333;

    border-radius: 4px;

    font-family: "Microsoft YaHei";

    font-size: 14px;

    

}

.input-item input[name='name'] ,.input-item input[name='tell'] ,.select-warp2 .nice-select.wide{

    background: #fff url(../images/require.png) no-repeat center left  12px;

    background-size: 8px auto;

}



input::-webkit-input-placeholder {

    /* WebKit, Blink, Edge */

    color: #999999;

    font-size: 14px;

    font-family: "Microsoft YaHei";

}



input:-moz-placeholder {

    /* Mozilla Firefox 4 to 18 */

    color: #999999;

    font-size: 14px;

    font-family: "Microsoft YaHei";

}



input::-moz-placeholder {

    /* Mozilla Firefox 19+ */

    color: #999999;

    font-size: 14px;

    font-family: "Microsoft YaHei";

}



input:-ms-input-placeholder {

    /* Internet Explorer 10-11 */

    color: #999999;

    font-size: 14px;

    font-family: "Microsoft YaHei";

}



.nice-select:active,

.nice-select.open,

.nice-select:focus {

    border: 2px solid #093B78;

}



.nice-select {

    height: 48px;

    border: 1px solid #dfdfdf;

    line-height: 48px;

    padding-left: 25px;

    border-radius: 4px;

}



.nice-select .current {

    color: #999999;

}



textarea[name='message'] {

    width: 100%;

    height: 90px;

    background: #fff;

    border: 1px solid #dfdfdf;

    resize: none;

    display: block;

    font-size: 14px;

    color: #333;

    padding: 15px 25px;

    font-family: "Microsoft YaHei";

    border-radius: 4px;

    overflow-x: hidden;

    overflow-y: scroll;

}



.input-item input[type='text']:focus,

textarea[name='message']:focus {

    border: 2px solid #093B78;

}



.submit {

    display: block;

    width: 100%;

    height: 48px;

    border: 1px solid #093B78;

    font-size: 14px;

    color: #222;

    background: transparent;

    position: relative;

    overflow: hidden;

    background: #093B78;

}





.submit:hover span {

    color: #222!important;

    position: relative;

    z-index: 22;

}



.btn-circle-click,

.btn-circle-hover {

    position: absolute;

    z-index: 0;

    display: block;

    -webkit-transform: translate3d(-50%, -50%, 0);

    -moz-transform: translate3d(-50%, -50%, 0);

    transform: translate3d(-50%, -50%, 0);

    width: 0;

    height: 0;

    -moz-border-radius: 50%;

    border-radius: 50%;

    background: #f08c00;

}





/*guide.html*/



.main-tit2 {

    margin-top: 7.9667%;

    margin-bottom: 4.5523%;

}



.main-tit2 .tit1 {

    line-height: 1;

    font-size: 24px;

    color: #333333;

}



.main-tit2 .tit2 {

    color: #999999;

    font-size: 12px;

    line-height: 1;

    margin-top: 5px;

    text-transform: uppercase;

}



.requirements {

    padding-bottom: 7.2916%;

    border: 1px solid #e1e1e1;

}



.requirements-list ul {

    margin-left: -18px;

    margin-right: -18px;

}



.requirements-list ul li {

    float: left;

    width: 25%;

    padding-left: 18px;

    padding-right: 18px;

    border-radius: 6px;

    text-align: center;

    padding-bottom: 50px;

    overflow: hidden;

    position: relative;

    transition: all 0.6s ease;

    -ms-transition: all 0.6s ease;

    -o-transition: all 0.6s ease;

    -webkit-transition: all 0.6s ease;

    -moz-transition: all 0.6s ease;

}



.requirements-list ul li .requirements-desc {

    color: #666666;

    margin-top: 30px;

    font-size: 14px;

    transition: all 0.3s ease;

    -ms-transition: all 0.3s ease;

    -o-transition: all 0.3s ease;

    -webkit-transition: all 0.3s ease;

    -moz-transition: all 0.3s ease;

    margin-bottom: 12px;

}



.requirements-list ul li .number {

    font-family: 'Didot';

    color: #093B78;

    font-size: 54px;

    line-height: 1;

    position: absolute;

    bottom: -15px;

    bottom: -60px;

    left: 50%;

    opacity: 0.3;

    transform: translateX(-50%);

    -ms-transform: translateX(-50%);

    -o-transform: translateX(-50%);

    -webkit-transform: translateX(-50%);

    -moz-transform: translateX(-50%);

    transition: all 0.6s ease;

    -ms-transition: all 0.6s ease;

    -o-transition: all 0.6s ease;

    -webkit-transition: all 0.6s ease;

    -moz-transition: all 0.6s ease;

}



.requirements-list ul li:after {

    content: "";

    width: 0;

    height: 3px;

    position: absolute;

    left: 0;

    bottom: 0;

    background: #093B78;

    transition: all 0.6s ease;

    -ms-transition: all 0.6s ease;

    -o-transition: all 0.6s ease;

    -webkit-transition: all 0.6s ease;

    -moz-transition: all 0.6s ease;

}



.requirements-list ul li:hover {

    box-shadow: 0px 15px 30px rgba(0, 0, 0, 0.1);

    -webkit-box-shadow: 0px 15px 30pxx rgba(0, 0, 0, 0.1);

    transform: translateY(-10px);

    -ms-transform: translateY(-10px);

    -o-transform: translateY(-10px);

    -webkit-transform: translateY(-10px);

    -moz-transform: translateY(-10px);

}



.requirements-list ul li:hover .requirements-desc {

    color: #333333;

}



.requirements-list ul li:hover .number {

    bottom: 0px;

}



.requirements-list ul li:hover:after {

    width: 100%;

}



.process-menu {

    text-align: center;

    padding-bottom: 6.449%;

}



.process-menu>div,

.process-menu a {

    display: inline-block;

    vertical-align: middle;

    margin: 0 10px;

    cursor: pointer;

}



.process-menu>div span,

.process-menu a span {

    display: inline-block;

    vertical-align: middle;

    transition: all 0.3s ease;

    -ms-transition: all 0.3s ease;

    -o-transition: all 0.3s ease;

    -webkit-transition: all 0.3s ease;

    -moz-transition: all 0.3s ease;

    font-size: 14px;

    color: #333333;

}



.process-menu>div span,.process-menu a span{

     padding:10px 15px;

     border-radius: 5px;

     transition: all 0.3s ease;

    -ms-transition: all 0.3s ease;

    -o-transition: all 0.3s ease;

    -webkit-transition: all 0.3s ease;

    -moz-transition: all 0.3s ease;

}

.process-menu>div.cur span,.process-menu a.cur span,

.process-menu>div:hover span,.process-menu a:hover span{

    background: #093B78;

    

}



.process-con>div {

    display: none;

}



.process-list {

    margin-bottom: 4.9317%;

}



.process-list ul {

    float: left;

    left: 50%;

    position: relative;

    margin-left: -15px;

    margin-right: -15px;

}



.process-list ul li {

    float: left;

    left: -50%;

    position: relative;

    margin: 0 15px;

    overflow: hidden;

    padding-right: 15px;

    width: 175px;

    text-align: center;

}



.process-list ul li .process-icon {

    width: 160px;

    height: 160px;

    line-height: 160px;

    position: relative;

    background: #e6e6e6;

    border-radius: 50%;

    transition: all 0.4s ease;

    -ms-transition: all 0.4s ease;

    -o-transition: all 0.4s ease;

    -webkit-transition: all 0.4s ease;

    -moz-transition: all 0.4s ease;

}



.process-list ul li .process-icon:after {

    content: "";

    position: absolute;

    right: -10px;

    top: 50%;

    width: 30px;

    height: 30px;

    background: #e6e6e6;

    transform: rotate(45deg);

    -ms-transform: rotate(45deg);

    -o-transform: rotate(45deg);

    -webkit-transform: rotate(45deg);

    -moz-transform: rotate(45deg);

    margin-top: -13px;

    transition: all 0.4s ease;

    -ms-transition: all 0.4s ease;

    -o-transition: all 0.4s ease;

    -webkit-transition: all 0.4s ease;

    -moz-transition: all 0.4s ease;

}



.process-list ul li .icon-hover{

    position: absolute;

    width: 100%;

    height: 100%;

    left: 0;

    top: 0;

    transition: all 0.4s ease;

    -ms-transition: all 0.4s ease;

    -o-transition: all 0.4s ease;

    -webkit-transition: all 0.4s ease;

    -moz-transition: all 0.4s ease;

    opacity: 0;

}

.process-list ul li:hover .icon-hover{

    opacity: 1;

}



.process-list ul li:hover .process-icon {

    background: #093B78;

}



.process-list ul li:hover .process-icon:after {

    background: #093B78;

}



.process-list ul li:hover .process-icon:before {

    background: url(../images/process-icon2.png) no-repeat;

}



.process-list ul li:last-child .process-icon:after {

    display: none;

}



.process-list ul li .icon-shadow {

    width: 85px;

    height: 19px;

    margin: 15px auto 0;

    background: -webkit-radial-gradient(center, ellipse, #f0f0f0 0, transparent 75%);

    background: radial-gradient(ellipse at center, #f0f0f0 0, transparent 75%);

    transition: all 0.4s ease;

    -ms-transition: all 0.4s ease;

    -o-transition: all 0.4s ease;

    -webkit-transition: all 0.4s ease;

    -moz-transition: all 0.4s ease;

}



.process-list ul li:hover .icon-shadow {

    background: -webkit-radial-gradient(center, ellipse, #fef2cd 0, transparent 75%);

    background: radial-gradient(ellipse at center, #fef2cd 0, transparent 75%);

}



.process-list ul li .info {

    display: inline-block;

    color: #666666;

    font-size: 14px;

    margin-top: 25px;

}



.process-list ul li .info p {

    text-align: left;

}



.process-list ul li.animated .process-icon {

    animation: rotate45 ease 1s both;

    -webkit-animation: rotate45 ease 1s both;

    -moz-animation: rotate45 ease 1s both;

    -o-animation: rotate45 ease 1s both;

}



.process-list ul li.animated .process-icon:before {

    animation: fadeInleft100 ease 1.2s 0.8s both;

    -webkit-animation: fadeInleft100 ease 1.2s 0.8s both;

    -moz-animation: fadeInleft100 ease 1.2s 0.8s both;

    -o-animation: fadeInleft100 ease 1.2s 0.8s both;

}



.process-list ul li.animated .info {

    animation: fadeInUp50 ease 1s 0.6s both;

    -webkit-animation: fadeInUp50 ease 1s 0.6s both;

    -moz-animation: fadeInUp50 ease 1s 0.6s both;

    -o-animation: fadeInUp50 ease 1s 0.6s both;

}



.process {

    padding-bottom: 7.03125%;

}



.process .sign {

    width: 280px;

    height: 42px;

    line-height: 42px;

}



.process .sign img {

    margin-left: 10px;

}



.process .sign:hover {

    padding-right: 0px;

}







/*team.html*/



.team-list+.page {

    padding-bottom: 10.6221%;

    margin-bottom: 0;

}



.team-list ul {

    margin-left: -17px;

    margin-right: -17px;

}



.team-list ul li {

    float: left;

    width: 33.3333%;

    padding-left: 17px;

    padding-right: 17px;

    transition: all 0.4s ease;

    -ms-transition: all 0.4s ease;

    -o-transition: all 0.4s ease;

    -webkit-transition: all 0.4s ease;

    -moz-transition: all 0.4s ease;

    margin-bottom: 35px;

    cursor: pointer;

}



.team-list ul li>div {

    position: relative;

    padding-bottom: 200px;

    overflow: hidden;

    transition: all 0.4s ease;

    -ms-transition: all 0.4s ease;

    -o-transition: all 0.4s ease;

    -webkit-transition: all 0.4s ease;

    -moz-transition: all 0.4s ease;

    border-bottom: 1px solid #e1e1e1;

}



.team-list ul li .team-img {

    transition: all 0.4s ease;

    -ms-transition: all 0.4s ease;

    -o-transition: all 0.4s ease;

    -webkit-transition: all 0.4s ease;

    -moz-transition: all 0.4s ease;

}



.team-list ul li .team-con {

    position: absolute;

    left: 0;

    width: 100%;

    bottom: -50px;

    border: 1px solid #e1e1e1;

    height: 250px;

    padding-top: 35px;

    padding-bottom: 65px;

    transition: all 0.4s ease;

    -ms-transition: all 0.4s ease;

    -o-transition: all 0.4s ease;

    -webkit-transition: all 0.4s ease;

    -moz-transition: all 0.4s ease;

    background: #fff;

    padding-left: 5%;

    padding-right: 5%;

}



.team-list ul li .name {

    font-size: 20px;

    color: #333333;

    font-family: "Arial";

    line-height: 1;

}



.team-list ul li .country {

    color: #999999;

    font-size: 14px;

    line-height: 1;

    margin-top: 10px;

    margin-bottom: 25px;

    transition: all 0.4s ease;

    -ms-transition: all 0.4s ease;

    -o-transition: all 0.4s ease;

    -webkit-transition: all 0.4s ease;

    -moz-transition: all 0.4s ease;

}



.team-list ul li .position {

    color: #999999;

    font-size: 14px;

    margin-top: 15px;

    margin-bottom: 15px;

    transition: all 0.4s ease;

    -ms-transition: all 0.4s ease;

    -o-transition: all 0.4s ease;

    -webkit-transition: all 0.4s ease;

    -moz-transition: all 0.4s ease;

}



.team-list ul li .show {

    transform: translateY(10px);

    -ms-transform: translateY(10px);

    -o-transform: translateY(10px);

    -webkit-transform: translateY(10px);

    -moz-transform: translateY(10px);

    transition: all 0.4s ease;

    -ms-transition: all 0.4s ease;

    -o-transition: all 0.4s ease;

    -webkit-transition: all 0.4s ease;

    -moz-transition: all 0.4s ease;

}



.team-list ul li .info {

    overflow: hidden;

    display: -webkit-box;

    -webkit-box-orient: vertical;

    -webkit-line-clamp: 2;

    line-height: 23px;

    color: #666666;

    font-size: 14px;

    transform: translateY(50px);

    -ms-transform: translateY(50px);

    -o-transform: translateY(50px);

    -webkit-transform: translateY(50px);

    -moz-transform: translateY(50px);

    opacity: 0;

    transition: all 0.4s ease;

    -ms-transition: all 0.4s ease;

    -o-transition: all 0.4s ease;

    -webkit-transition: all 0.4s ease;

    -moz-transition: all 0.4s ease;

}



.team-list ul li:hover .show {

    transform: none;

    -ms-transform: none;

    -o-transform: none;

    -webkit-transform: none;

    -moz-transform: none;

}



.team-list ul li:hover .country,

.team-list ul li:hover .position {

    color: #333333;

}



.team-list ul li:hover .team-con {

    bottom: 0;

    background: #093B78;

    border: 1px solid #093B78;

}



.team-list ul li:hover .team-img {

    transform: translateY(-15px);

    -ms-transform: translateY(-15px);

    -o-transform: translateY(-15px);

    -webkit-transform: translateY(-15px);

    -moz-transform: translateY(-15px);

}



.team-list ul li:hover .info {

    opacity: 1;

    transform: none;

    -ms-transform: none;

    -o-transform: none;

    -webkit-transform: none;

    -moz-transform: none;

}





/*alumnus.html*/



.main-con.alumnus-con .main-tit {

    margin-top: 8.725%;

    margin-bottom: 6.828%;

}



.alumnus-list {

    margin-bottom: 10px;

}



.alumnus-list+.page {

    padding-bottom: 10.62215%;

}



.alumnus-list ul {

    margin-left: -16px;

    margin-right: -16px;

}



.alumnus-list ul li {

    float: left;

    width: 25%;

    padding-left: 16px;

    padding-right: 16px;

    margin-bottom: 60px;

    transition: all 0.4s ease;

    -ms-transition: all 0.4s ease;

    -o-transition: all 0.4s ease;

    -webkit-transition: all 0.4s ease;

    -moz-transition: all 0.4s ease;

}



.alumnus-list ul li>div {

    transition: all 0.4s ease;

    -ms-transition: all 0.4s ease;

    -o-transition: all 0.4s ease;

    -webkit-transition: all 0.4s ease;

    -moz-transition: all 0.4s ease;

}



.alumnus-list .alumnus-img {

    overflow: hidden;

    border-radius: 5px;

    position: relative;

}



.alumnus-list .alumnus-img img {

    transition: all 0.4s ease;

    -ms-transition: all 0.4s ease;

    -o-transition: all 0.4s ease;

    -webkit-transition: all 0.4s ease;

    -moz-transition: all 0.4s ease;

    margin-left: -1px;

}



.alumnus-list .alumnus-img .play-btn{

    display: block;

    width: 30px;

    height: 30px;

    position: absolute;

    right: 3%;

    bottom: 3%;

}



.alumnus-list .alumnus-con {

    border: 1px solid #e1e1e1;

    border-top: none;

    padding-top: 30px;

    border-bottom-left-radius: 6px;

    border-bottom-right-radius: 6px;

    position: relative;

    overflow: hidden;

    text-align: center;

}



.alumnus-list .alumnus-con:after {

    content: "";

    width: 0%;

    height: 5px;

    position: absolute;

    left: 0;

    bottom: 0;

    background: #093B78;

    transition: all 0.6s ease;

    -ms-transition: all 0.6s ease;

    -o-transition: all 0.6s ease;

    -webkit-transition: all 0.6s ease;

    -moz-transition: all 0.6s ease;

}



.alumnus-list .name {

    font-size: 20px;

    font-family: "Arial", 'Microsoft YaHei';

    line-height: 1;

    margin-bottom: 8px;

    transition: all 0.4s ease;

    -ms-transition: all 0.4s ease;

    -o-transition: all 0.4s ease;

    -webkit-transition: all 0.4s ease;

    -moz-transition: all 0.4s ease;

    color: #333;

}



.alumnus-list .position {

    font-size: 14px;

    color: #999999;

    line-height: 1;

    height: 50px;

}



.alumnus-list .achievement {

    padding-top: 30px;

    height: 100px;

    color: #999999;

    border-top: 1px solid #e1e1e1;

}



.alumnus-list ul li:hover>div {

    box-shadow: 0px 12px 32px rgba(0, 0, 0, 0.1);

    -webkit-box-shadow: 0px 12px 32px rgba(0, 0, 0, 0.1);

}



.alumnus-list ul li:hover .alumnus-con:after {

    width: 100%;

}



.alumnus-list ul li:hover .alumnus-img img {

    transform: scale(1.08);

    -ms-transform: scale(1.08);

    -o-transform: scale(1.08);

    -webkit-transform: scale(1.08);

    -moz-transform: scale(1.08);

}



.alumnus-list ul li:hover .name {

    color: #093B78;

}



.banner-news .swiper-pagination,

.profile-team-list .swiper-pagination {

    bottom: 25px;

}



.banner-news .swiper-pagination-bullet,

.profile-team-list .swiper-pagination-bullet {

    width: 30px;

    height: 30px;

    display: inline-block;

    border-radius: 100%;

    position: relative;

    margin: 0 8px;

    cursor: pointer;

    background: transparent;

    opacity: 1;

}



.banner-news .swiper-pagination-bullet:after,

.profile-team-list .swiper-pagination-bullet:after {

    content: '';

    position: absolute;

    width: 18px;

    height: 18px;

    border-radius: 50%;

    border: 2px solid #f8c80f;

    left: 50%;

    top: 50%;

    margin-left: -9px;

    margin-top: -9px;

    transition: all 0.6s ease;

    -ms-transition: all 0.6s ease;

    -o-transition: all 0.6s ease;

    -webkit-transition: all 0.6s ease;

    -moz-transition: all 0.6s ease;

    transform: scale(0);

}



.banner-news .swiper-pagination-bullet:before,

.profile-team-list .swiper-pagination-bullet:before {

    content: "";

    position: absolute;

    width: 6px;

    height: 6px;

    background: #fff;

    border-radius: 50%;

    left: 50%;

    top: 50%;

    margin-top: -3px;

    margin-left: -3px;

    transition: all 0.6s ease;

    -ms-transition: all 0.6s ease;

    -o-transition: all 0.6s ease;

    -webkit-transition: all 0.6s ease;

    -moz-transition: all 0.6s ease;

}



.banner-news .swiper-pagination-bullet-active,

.profile-team-list .swiper-pagination-bullet-active {

    background: transparent;

}



.banner-news .swiper-pagination-bullet-active:before,

.profile-team-list .swiper-pagination-bullet-active:before {

    background: #ffffff;

}



.banner-news .swiper-pagination-bullet-active:after,

.profile-team-list .swiper-pagination-bullet-active:after {

    transform: scale(1);

}



.news {

    padding-bottom: 10.6221%;

    /*padding-top: 8.725%;*/

}



.news .left-sec {

    width: 72.3839%;

    float: left;

}



.news .right-sec {

    width: 320px;

    float: right;

    border-radius: 6px;

}



.news .right-sec .tit {

    height: 10px;

    line-height: 10px;

    color: #333333;

    padding-left: 17px;

    background: #dcdcdc;

    border-top-left-radius: 6px;

    border-top-right-radius: 6px;

    font-size: 18px;

}



.news-list {

    margin-bottom: 6.2893%;

}



.news-list ul li {

    font-size: 0;

    padding-top: 3.668%;

    padding-bottom: 3.668%;

    border-bottom: 1px solid #f1f1f1;

}



.news-list ul li:first-child {

    padding-top: 0;

}



.news-list ul li a {

    transition: all 0.4s ease;

    -ms-transition: all 0.4s ease;

    -o-transition: all 0.4s ease;

    -webkit-transition: all 0.4s ease;

    -moz-transition: all 0.4s ease;

    display: block;

}



.news-list ul li a>div {

    display: inline-block;

    vertical-align: middle;

}



.news-list ul li .news-img {

    width: 28.09%;

    overflow: hidden;

}



.news-list ul li .news-img img {

    transition: all 0.4s ease;

    -ms-transition: all 0.4s ease;

    -o-transition: all 0.4s ease;

    -webkit-transition: all 0.4s ease;

    -moz-transition: all 0.4s ease;

    max-width: 100%;

    height: auto;

}



.news-list ul li .tit {

    font-size: 18px;

    color: #221f1b;

    overflow: hidden;

    text-overflow: ellipsis;

    white-space: nowrap;

    width: 100%;

    margin-bottom: 4.8%;

    transition: all 0.4s ease;

    -ms-transition: all 0.4s ease;

    -o-transition: all 0.4s ease;

    -webkit-transition: all 0.4s ease;

    -moz-transition: all 0.4s ease;

}



.news-list ul li .summary {

    color: #999999;

    line-height: 24px;

    overflow: hidden;

    display: -webkit-box;

    -webkit-box-orient: vertical;

    -webkit-line-clamp: 2;

    font-size: 14px;

}



.news-list ul li .news-con {

    padding-left: 4.1928%;

    padding-right: 5.28%;

    width: calc(100% - 28.09% - 65px);

    width: -webkit-calc(100% - 28.09% - 65px);

    transition: all 0.4s ease;

    -ms-transition: all 0.4s ease;

    -o-transition: all 0.4s ease;

    -webkit-transition: all 0.4s ease;

    -moz-transition: all 0.4s ease;

}



.news-list ul li .news-time {

    color: #3b3936;

    font-size: 22px;

    line-height: 1;

    width: 65px;

    transition: all 0.4s ease;

    -ms-transition: all 0.4s ease;

    -o-transition: all 0.4s ease;

    -webkit-transition: all 0.4s ease;

    -moz-transition: all 0.4s ease;

}



.news-list ul li .more {

    border-left: 1px solid #bababa;

    padding-left: 20px;

    margin-top: 15px;

}



.news-list ul li:hover a {

    box-shadow: 0 0 40px rgba(0, 0, 0, 0.08);

    -webkit-box-shadow: 0 0 40px rgba(0, 0, 0, 0.08);

}



.news-list ul li:hover .tit {

    color: #093B78;

}



.news-list ul li:hover .news-con,

.news-list ul li:hover .news-time {

    transform: translateX(-10px);

    -ms-transform: translateX(-10px);

    -o-transform: translateX(-10px);

    -webkit-transform: translateX(-10px);

    -moz-transform: translateX(-10px);

}



.news-list ul li:hover .news-img img {

    transform: scale(1.1);

    -ms-transform: scale(1.1);

    -o-transform: scale(1.1);

    -webkit-transform: scale(1.1);

    -moz-transform: scale(1.1);

}



.news-list ul li:hover .more img {

    animation: next_hover2 0.6s ease;

    -webkit-animation: next_hover2 0.6s ease;

    -moz-animation: next_hover2 0.6s ease;

    -o-animation: next_hover2 0.6s ease;

}



.hot-list ul li {

    border: 1px solid #f0f0f0;

    border-top: none;

    font-size: 0;

    padding: 15px;

    cursor: pointer;

}



.hot-list ul li a>div {

    display: inline-block;

    vertical-align: middle;

}



.hot-list ul li .num {

    width: 24px;

    height: 24px;

    background: #e1e1e1;

    color: #666666;

    font-size: 14px;

    border-radius: 2px;

    text-align: center;

    line-height: 24px;

    transition: all 0.4s ease;

    -ms-transition: all 0.4s ease;

    -o-transition: all 0.4s ease;

    -webkit-transition: all 0.4s ease;

    -moz-transition: all 0.4s ease;

}



.hot-list ul li .hot-tit {

    width: calc(100% - 24px);

    line-height: 21px;

    color: #666666;

    font-size: 14px;

    padding-left: 15px;

}



.hot-list ul li:last-child {

    border-bottom-left-radius: 6px;

    border-bottom-right-radius: 6px;

}



.hot-list ul li:hover .num {

    background: #093B78;

    color: #333333;

}





/*story-list*/



.story-list.news-list ul {

    font-size: 0;

    margin-left: -10px;

    margin-right: -10px;

}



.story-list.news-list ul li {

    width: 50%;

    float: none;

    display: inline-block;

    vertical-align: top;

    padding-left: 10px;

    padding-right: 10px;

}



.story-list.news-list ul li:first-child {

    padding-top: 3.668%;

}



.story-list.news-list ul li .news-img {

    width: 268px;

}



.story-list.news-list ul li .news-con {

    width: calc(100% - 268px);

    width: -webkit-calc(100% - 268px);

}





/*news-det.html*/



.news-det {

    padding-top: 4.427%;

    border-top: 1px solid #e1e1e1;

}

.news-det img{

    max-width: 100%;

    height: auto;

}

.news-det .tit {

    font-size: 18px;

    color: #333333;

    line-height: 1;

    text-align: center;

}



.news-det .info {

    padding-top: 9px;

    border-top: 1px solid #e1e1e1;

    margin-top: 35px;

    text-align: center;

    padding-bottom: 3.3854%;

}



.news-det .info span {

    color: #999999;

    font-size: 12px;

    margin: 0 23px;

    line-height: 1;

}



.news-det .info span img {

    margin-right: 5px;

}



.link-read {

    padding-top: 20.6458%;

    /*padding-bottom: 4.6875%;*/

    /*background: #f7f7f7;*/

}



.link-read .tit {

    line-height: 1;

    font-size: 20px;

    font-weight: bold;

    margin-bottom: 30px;

    color: #093B78;
}



.link-read .link-list ul li {

    width: 40%;

    height: 45px;

    line-height: 45px;

    border-bottom: 1px dashed #d3d3d3;

    font-size: 14px;

    overflow: hidden;

    text-overflow: ellipsis;

    white-space: nowrap;

    width: 100%;

}



.link-read .link-list ul li:nth-child(2n+1) {

    float: left;

}



.link-read .link-list ul li:nth-child(2n) {

    float: right;

}



.link-read .link-list ul li a {

    color: #666666;

    transition: all 0.4s ease;

    -ms-transition: all 0.4s ease;

    -o-transition: all 0.4s ease;

    -webkit-transition: all 0.4s ease;

    -moz-transition: all 0.4s ease;

}



.link-read .link-list ul li:hover a {

    color: #093B78;

}





/*works-list*/



.works-con .main-tit {

    margin-top: 8.725%;

    margin-bottom: 4.9317%;

}



.works-list+.page {

    padding-bottom: 11.38%;

}



.works-list {

    padding-bottom: 3.4148%;

}



.works-list ul {

    margin-left: -18px;

    margin-right: -18px;

    font-size: 0;

}



.works-list ul li {

    width: 33.3333%;

    display: inline-block;

    vertical-align: top;

    padding-left: 18px;

    padding-right: 18px;

    cursor: pointer;

}



.works-list .works-img {

    overflow: hidden;

    position: relative;

    transition: all 0.6s ease;

    -ms-transition: all 0.6s ease;

    -o-transition: all 0.6s ease;

    -webkit-transition: all 0.6s ease;

    -moz-transition: all 0.6s ease;

    border-radius: 8px;

}



.works-list .works-img>img {

    border-radius: 8px;

    transition: all 0.6s ease;

    -ms-transition: all 0.6s ease;

    -o-transition: all 0.6s ease;

    -webkit-transition: all 0.6s ease;

    -moz-transition: all 0.6s ease;

}



.works-list .mask {

    position: absolute;

    background: rgba(0, 0, 0, 0.6);

    width: 100%;

    height: 100%;

    border-radius: 6px;

    left: 0;

    top: 0;

    opacity: 0;

    transition: all 0.4s ease;

    -ms-transition: all 0.4s ease;

    -o-transition: all 0.4s ease;

    -webkit-transition: all 0.4s ease;

    -moz-transition: all 0.4s ease;

}



.works-list .mask .desc {

    width: 100%;

    padding-left: 12%;

    padding-right: 12%;

    position: absolute;

    left: 50%;

    top: 50%;

    transform: translate(-50%, -50%);

    -ms-transform: translate(-50%, -50%);

    -o-transform: translate(-50%, -50%);

    -webkit-transform: translate(-50%, -50%);

    -moz-transform: translate(-50%, -50%);

    font-size: 14px;

    color: #fff;

    line-height: 32px;

}



.works-list .mask .view {

    width: 48px;

    height: 48px;

    background: #093B78;

    text-align: center;

    line-height: 45px;

    border-radius: 24px;

    margin: 7.2115% auto 0 auto;

    transform: translateY(20px);

    -ms-transform: translateY(20px);

    -o-transform: translateY(20px);

    -webkit-transform: translateY(20px);

    -moz-transform: translateY(20px);

    transition: all 0.8s ease 0.2s;

    -ms-transition: all 0.8s ease 0.2s;

    -o-transition: all 0.8s ease 0.2s;

    -webkit-transition: all 0.8s ease 0.2s;

    -moz-transition: all 0.8s ease 0.2s;

    opacity: 0;

}



.works-list .mask .view img {

    opacity: 0;

    transform: rotate(-180deg);

    -ms-transform: rotate(-180deg);

    -o-transform: rotate(-180deg);

    -webkit-transform: rotate(-180deg);

    -moz-transform: rotate(-180deg);

    transition: all 0.4s ease 0.2s;

    -ms-transition: all 0.4s ease 0.2s;

    -o-transition: all 0.4s ease 0.2s;

    -webkit-transition: all 0.4s ease 0.2s;

    -moz-transition: all 0.4s ease 0.2s;

}



.works-list .mask .intro {

    transform: translateY(20px);

    -ms-transform: translateY(20px);

    -o-transform: translateY(20px);

    -webkit-transform: translateY(20px);

    -moz-transform: translateY(20px);

    transition: all 0.4s ease;

    -ms-transition: all 0.4s ease;

    -o-transition: all 0.4s ease;

    -webkit-transition: all 0.4s ease;

    -moz-transition: all 0.4s ease;

}



.works-list .mask:after {

    content: '';

    display: block;

    border: 1px solid rgba(249, 190, 0, 0.4);

    position: absolute;

    top: 0px;

    left: 0px;

    width: 100%;

    height: 100%;

    transform: scale(1);

    -ms-transform: scale(1);

    -o-transform: scale(1);

    -webkit-transform: scale(1);

    -moz-transform: scale(1);

    opacity: 0;

    transition: all 0.6s ease;

    -ms-transition: all 0.6s ease;

    -o-transition: all 0.6s ease;

    -webkit-transition: all 0.6s ease;

    -moz-transition: all 0.6s ease;

    border-radius: 6px;

}



.works-list .name {

    font-size: 16px;

    line-height: 1;

    color: #333333;

    margin-top: 25px;

    margin-bottom: 45px;

    text-align: center;

    height: 16px;

}



.works-list ul li:hover .works-img {

    box-shadow: 0px 12px 40px rgba(0, 0, 0, 0.2);

    -webkit-box-shadow: 0px 12px 40px rgba(0, 0, 0, 0.2);

}



.works-list ul li:hover .works-img img {

    transform: scale(1.1);

    -ms-transform: scale(1.1);

    -o-transform: scale(1.1);

    -webkit-transform: scale(1.1);

    -moz-transform: scale(1.1);

}



.works-list ul li:hover .mask {

    opacity: 1;

}



.works-list ul li:hover .mask .intro,

.works-list ul li:hover .mask .view,

.works-list ul li:hover .mask .view img {

    opacity: 1;

    transform: none;

    -ms-transform: none;

    -o-transform: none;

    -webkit-transform: none;

    -moz-transform: none;

}



.works-list ul li:hover .mask:after {

    transform: scale(0.92);

    -ms-transform: scale(0.92);

    -o-transform: scale(0.92);

    -webkit-transform: scale(0.92);

    -moz-transform: scale(0.92);

    opacity: 1;

}



.img-list {

    display: none;

}



.fixed-swiper {

    position: fixed;

    width: 100%;

    height: 100%;

    background: #000000;

    left: 0;

    top: 0;

    z-index: 999;

    display: none;

    overflow-y: scroll;

}



.fixed-swiper .fixed-warp {

    width: 100%;

    position: absolute;

    top: 50%;

    transform: translateY(-50%);

    -ms-transform: translateY(-50%);

    -o-transform: translateY(-50%);

    -webkit-transform: translateY(-50%);

    -moz-transform: translateY(-50%);

    ;

}



.fixed-swiper .swiper-txt {

    color: #bcbcbc;

    font-size: 14px;

    line-height: 24px;

    width: 55%;

    position: absolute;

    left: 50%;

    bottom: 5%;

    transform: translateX(-50%);

    -ms-transform: translateX(-50%);

    -o-transform: translateX(-50%);

    -webkit-transform: translateX(-50%);

    -moz-transform: translateX(-50%);

}



#works {

    position: relative;

    width: 100%;

}



#works .swiper-slide {

    text-align: center;

    overflow: hidden;

}



#works .swiper-slide .swiper-img {

    transition: transform 1s;

    -ms-transition: transform 1s;

    -o-transition: transform 1s;

    -webkit-transition: transform 1s;

    -moz-transition: transform 1s;

    transform: scale(0.85);

    -ms-transform: scale(0.85);

    -o-transform: scale(0.85);

    -webkit-transform: scale(0.85);

    -moz-transform: scale(0.85);

}



#works .swiper-slide img {

    transition: transform 1s;

    -ms-transition: transform 1s;

    -o-transition: transform 1s;

    -webkit-transition: transform 1s;

    -moz-transition: transform 1s;

    max-width: 100%;

    height: auto;

    max-height: 100%;

}



#works .swiper-slide-active .swiper-img,

#works .swiper-slide-duplicate-active .swiper-img {

    transform: scale(1);

    -ms-transform: scale(1);

    -o-transform: scale(1);

    -webkit-transform: scale(1);

    -moz-transform: scale(1);

    box-shadow: 0px 12px 32px rgba(0, 0, 0, 0.1);

    -webkit-box-shadow: 0px 12px 32px rgba(0, 0, 0, 0.1);

}



#works .swiper-slide-active .swiper-txt,

#works .swiper-slide-duplicate-active .swiper-txt {

    opacity: 1;

}



.fixed-swiper .button {

    text-align: center;

    position: relative;

    margin-top: 25px;

}



.fixed-swiper .button .icon {

    width: 84px;

    height: 84px;

    border-radius: 50%;

    border: 1px solid rgba(255, 255, 255, 0.5);

    display: inline-block;

    vertical-align: middle;

    line-height: 84px;

    margin: 0 40px;

}



.fixed-swiper .swiper-button-prev,

.fixed-swiper .swiper-button-next {

    width: 35px;

    height: 40px;

    position: relative;

    display: inline-block;

    vertical-align: middle;

    margin: 0 10px;

    background: transparent;

    -webkit-backface-visibility: hidden;

    transition: all 0.3s ease;

    -ms-transition: all 0.3s ease;

    -o-transition: all 0.3s ease;

    -webkit-transition: all 0.3s ease;

    -moz-transition: all 0.3s ease;

    text-align: center;

}



.fixed-swiper .swiper-button-prev:after,

.fixed-swiper .swiper-button-next:after {

    content: "";

    display: block;

    position: absolute;

    right: 0;

    top: 50%;

    margin-top: -1.5px;

    height: 3px;

    width: 35px;

    background: #093B78;

}



.fixed-swiper .swiper-button-prev:hover:after,

.fixed-swiper .swiper-button-next:hover:after {

    background: #093B78;

}



.fixed-swiper .swiper-button-prev:before {

    position: absolute;

    display: block;

    left: 7px;

    top: 50%;

    content: "";

    /*margin-top: -9px;*/

    height: 12px;

    width: 12px;

    border-top: 2px solid #093B78;

    border-left: 2px solid #093B78;

    transform: rotate(-45deg)translate(-50%);

    -ms-transform: rotate(-45deg)translate(-50%);

    -o-transform: rotate(-45deg)translate(-50%);

    -webkit-transform: rotate(-45deg)translate(-50%);

    -moz-transform: rotate(-45deg)translate(-50%);

    -webkit-backface-visibility: hidden;

    transition: all 0.3s ease;

    -ms-transition: all 0.3s ease;

    -o-transition: all 0.3s ease;

    -webkit-transition: all 0.3s ease;

    -moz-transition: all 0.3s ease;

    -webkit-transform-origin: -55% 50%;

    transform-origin: -55% 50%;

}



.fixed-swiper .swiper-button-prev:hover:before {

    border-top: 2px solid #093B78;

    border-left: 2px solid #093B78;

}



.fixed-swiper .swiper-button-next:before {

    position: absolute;

    display: block;

    right: -4px;

    top: 50%;

    content: "";

    height: 12px;

    /*margin-top: -1px;*/

    width: 12px;

    border-top: 2px solid #093B78;

    border-right: 2px solid #093B78;

    transform: rotate(45deg)translate(-50%);

    -ms-transform: rotate(45deg)translate(-50%);

    -o-transform: rotate(45deg)translate(-50%);

    -webkit-transform: rotate(45deg)translate(-50%);

    -moz-transform: rotate(45deg)translate(-50%);

    -webkit-backface-visibility: hidden;

    transition: all 0.3s ease;

    -ms-transition: all 0.3s ease;

    -o-transition: all 0.3s ease;

    -webkit-transition: all 0.3s ease;

    -moz-transition: all 0.3s ease;

    -webkit-transform-origin: 55% 50%;

    transform-origin: 55% 50%;

}



.fixed-swiper .swiper-button-next:hover:before {

    border-top: 2px solid #093B78;

    border-right: 2px solid #093B78;

}



.close {

    width: 49px;

    height: 49px;

    position: absolute;

    right: 3.125%;

    top: 5%;

    border: 1px solid #fff;

    z-index: 1000;

    border-radius: 50%;

    transition: all 0.6s ease;

    -ms-transition: all 0.6s ease;

    -o-transition: all 0.6s ease;

    -webkit-transition: all 0.6s ease;

    -moz-transition: all 0.6s ease;

}



.close:after,

.close:before {

    content: "";

    display: block;

    background: #fff;

    position: absolute;

    top: 50%;

    left: 50%;

}



.close:before {

    width: 14px;

    height: 1px;

    transform: translate(-50%, -50%) rotate(45deg);

    -ms-transform: translate(-50%, -50%) rotate(45deg);

    -o-transform: translate(-50%, -50%) rotate(45deg);

    -webkit-transform: translate(-50%, -50%) rotate(45deg);

    -moz-transform: translate(-50%, -50%) rotate(45deg);

}



.close:after {

    width: 1px;

    height: 14px;

    transform: translate(-50%, -50%) rotate(45deg);

    -ms-transform: translate(-50%, -50%) rotate(45deg);

    -o-transform: translate(-50%, -50%) rotate(45deg);

    -webkit-transform: translate(-50%, -50%) rotate(45deg);

    -moz-transform: translate(-50%, -50%) rotate(45deg);

}



.close:hover {

    background: #f8c80f;

    border: 1px solid #f8c80f;

}



.campus-list2 {

    padding-left: 3.7936%;

    padding-right: 3.7936%;

    padding-bottom: 10.47%;

}



.campus-list2 ul li {

    float: left;

    width: 33.33333%;

    padding-left: 8px;

    padding-right: 8px;

    height: 160px;

    display: table;

    transition: all 0.4s ease;

    -ms-transition: all 0.4s ease;

    -o-transition: all 0.4s ease;

    -webkit-transition: all 0.4s ease;

    -moz-transition: all 0.4s ease;

    cursor: pointer;

}



.campus-list2 ul li>div {

    border: 1px solid #f1f1f1;

    display: table-cell;

    vertical-align: middle;

    text-align: center;

    position: relative;

    overflow: hidden;

    transition: all 0.2s ease;

}



.campus-list2 ul li>div>div {

    display: inline-block;

    vertical-align: middle;

}



.campus-list2 ul li>div:after {

    content: "";

    width: 0%;

    height: 4px;

    background: #deaa03;

    position: absolute;

    left: 0;

    bottom: 0px;

    transition: all 0.6s ease;

    -ms-transition: all 0.6s ease;

    -o-transition: all 0.6s ease;

    -webkit-transition: all 0.6s ease;

    -moz-transition: all 0.6s ease;

}



.campus-list2 ul li>div:before {

    content: "";

    position: absolute;

    z-index: -1;

    width: 0%;

    height: 149%;

    left: 0;

    top: 0;

    background: #093B78;

    transition: all 0.6s ease;

    -ms-transition: all 0.6s ease;

    -o-transition: all 0.6s ease;

    -webkit-transition: all 0.6s ease;

    -moz-transition: all 0.6s ease;

}



.campus-list2 ul li .icon {

    width: 108px;

    height: 108px;

    background: #f6f6f6;

    border-radius: 54px;

    line-height: 108px;

    overflow: hidden;

}



.campus-list2 ul li .txt {

    text-align: left;

    margin-left:20px;

    color: #333;

}



.campus-list2 ul li .txt p:nth-child(1) {

    font-size: 18px;

    line-height: 1;

    margin-bottom: 10px;

}



.campus-list2 ul li .txt p:nth-child(2) {

    font-size: 14px;

    line-height: 1;

}



.campus-list2 ul li>div:before,

.campus-list2 ul li>div:after {

    width: 100%;

}



.couse-overview .overview-con .tit1 a {

    display: inline-block;

    vertical-align: top;

    margin-left: 18px;

    width: auto;

    padding:0 15px;

    height: 30px;

    line-height: 30px;

    color: #0c0d14;

    text-align: center;

    font-size: 12px;

    transition: all 0.4s ease;

    -ms-transition: all 0.4s ease;

    -o-transition: all 0.4s ease;

    -webkit-transition: all 0.4s ease;

    -moz-transition: all 0.4s ease;

    background: #e4b607;

}



.couse-overview .overview-con .tit1 a:hover {

    background: #f3be00;

    color: #fff;

}



.couse-overview .overview-con .info {

    font-size: 15px;

    color: #666666;

    line-height: 24px;

}



.couse-overview .overview-con .info>div {

    display: inline-block;

    vertical-align: top;

    margin-right: 90px;

    text-align: center;

}



.couse-overview .overview-con .info>div p{

    /*height: 22px;*/

    margin-bottom: 16px;

    text-align: left;

    padding-left: 35px;

}

.couse-overview .overview-con .info>div p:nth-child(1){

    background: url(../images/huxing.png) no-repeat left center;

    -webkit-background-size: 24px;

    background-size: 24px;

}

.couse-overview .overview-con .info>div p:nth-child(2){

    background: url(../images/weizhi.png) no-repeat left center;

    -webkit-background-size: 24px;
    
    background-size: 24px;

}

.couse-overview .overview-con .info>div p:nth-child(3){

    background: url(../images/mianji.png) no-repeat left center;

    -webkit-background-size: 24px;
    
    background-size: 24px;

}

.couse-overview .overview-con .info>div p:nth-child(4){

    background: url(../images/jiage.png) no-repeat left center;

    -webkit-background-size: 24px;
    
    background-size: 24px;

}



.couse-overview .overview-con .info>div p span{

    color: #093B78;

}



.couse-overview .dialog-form{

    display: none;

}



.majro-con {

    padding-top: 5.9895%;

    padding-bottom: 6.25%;

    text-align: center;

}



.majro-con .tit1 {

    color: #000000;

    line-height: 1;

    font-size: 30px;

    margin-bottom: 10px;

}



.majro-con .tit2 {

    color: #999999;

    line-height: 1;

    font-size: 12px;

    font-family: "Arial";

    margin-bottom: 4.552%;

}



.majro-con .con {

    color: #666666;

    line-height: 28px;

    font-size: 14px;

    text-align: left;

    padding-left: 2.276%;

    padding-right: 2.276%;

}



.majro-con .con p {

    margin-bottom: 28px;

}



.career {

    background: url(../images/career-bck.jpg) no-repeat;

    background-size: cover;

    padding-top: 6.51%;

    padding-bottom: 3.6458%;

}



.career .career-tit {

    margin-top: 0;

    margin-bottom: 5.311%;

    text-align: center;

}



.career .career-tit .tit1 {

    color: #ffffff;

    line-height: 1;

    font-size: 30px;

    margin-bottom: 8px;

}



.career .career-tit .tit2 {

    color: #999999;

    line-height: 1;

    font-family: "Arial";

    font-size: 14px;

}



.career-list ul {

    margin-left: -52px;

    margin-right: -52px;

    font-size: 0;

}



.career-list ul li {

    width: 20%;

    display: inline-block;

    vertical-align: top;

    text-align: center;

}



.career-list ul li .career-txt {

    line-height: 1;

    color: #d2d2d2;

    font-size: 14px;

    padding-top: 13.888%;

    padding-bottom: 27.7778%;

}



.career-list ul li .career-img {

    border-radius: 90px;

    overflow: hidden;

    width: 180px;

    height: 180px;

    margin: 0 auto;

    transform: translate(0, 0, 0);

    -ms-transform: translate(0, 0, 0);

    -o-transform: translate(0, 0, 0);

    -webkit-transform: translate(0, 0, 0);

    -moz-transform: translate(0, 0, 0);

}



.career-list ul li .career-img img {

    transition: all 0.4s ease;

    -ms-transition: all 0.4s ease;

    -o-transition: all 0.4s ease;

    -webkit-transition: all 0.4s ease;

    -moz-transition: all 0.4s ease;

    border-radius: 50%;

}



.career-list ul li:hover .career-img img {

    transform: scale(1.08);

    -ms-transform: scale(1.08);

    -o-transform: scale(1.08);

    -webkit-transform: scale(1.08);

    -moz-transform: scale(1.08);

}



.course-modules {

    padding-bottom: 6.25%;

}



.modules-list ul li {

    height: 250px;

    font-size: 0;

    background: #f5f5f5;

    margin-bottom: 20px;

    transition: all 0.5s ease;

    -ms-transition: all 0.5s ease;

    -o-transition: all 0.5s ease;

    -webkit-transition: all 0.5s ease;

    -moz-transition: all 0.5s ease;

}



.modules-list ul li .tit,

.modules-list ul li .modules {

    display: inline-table;

    vertical-align: middle;

}



.modules-list ul li>div:nth-child(1) {

    width: 265px;

    height: 250px;

}



.modules-list ul li>div:nth-child(1)>div {

    display: table-cell;

    vertical-align: middle;

}



.modules-list ul li .year1 {

    color: #093B78;

    font-size: 28px;

    line-height: 1;

    font-family: "Didot";

    transition: all 0.5s ease;

    -ms-transition: all 0.5s ease;

    -o-transition: all 0.5s ease;

    -webkit-transition: all 0.5s ease;

    -moz-transition: all 0.5s ease;

    text-transform: uppercase;

}



.modules-list ul li .year2 {

    color: #999999;

    line-height: 1;

    font-size: 20px;

    margin-top: 10px;

}



.modules-list ul li .tit {

    background: #2c2c2c;

    padding-left: 40px;

    position: relative;

    transition: all 0.5s ease;

    -ms-transition: all 0.5s ease;

    -o-transition: all 0.5s ease;

    -webkit-transition: all 0.5s ease;

    -moz-transition: all 0.5s ease;

}



.modules-list ul li .tit:after {

    content: "";

    width: 0;

    height: 0;

    border-top: 12px solid transparent;

    border-bottom: 12px solid transparent;

    border-left: 15px solid #2c2c2c;

    position: absolute;

    right: -12px;

    top: 50%;

    margin-top: -12px;

    transition: all 0.5s ease;

    -ms-transition: all 0.5s ease;

    -o-transition: all 0.5s ease;

    -webkit-transition: all 0.5s ease;

    -moz-transition: all 0.5s ease;

}



.modules-list ul li .modules {

    width: calc(100% - 265px);

    width: -webkit-calc(100% - 265px);

    padding-left: 4.9%;

}



.modules-list ul li .modules span {

    display: inline-block;

    min-width: 145px;

    padding-left: 15px;

    padding-right: 15px;

    height: 35px;

    text-align: center;

    color: #666666;

    line-height: 35px;

    font-size: 14px;

    border: 1px solid #e1e1e1;

    margin-right: 10px;

    margin-bottom: 10px;

}



.modules-list ul li:hover {

    background: #fff;

    box-shadow: 0px 12px 32px rgba(0, 0, 0, 0.1);

    -webkit-box-shadow: 0px 12px 32px rgba(0, 0, 0, 0.1);

}



.modules-list ul li:hover .tit {

    background: #093B78;

}



.modules-list ul li:hover .tit:after {

    border-left: 15px solid #093B78;

}



.modules-list ul li:hover .year1 {

    color: #2c2c2c;

}





/*profile-campus.html*/



.profile-con2 {

    padding-top: 5.729%;

    padding-bottom: 3.125%;

}



.profile-con2 .profile-txt2 {

    padding-left: 14.39%;

    padding-right: 14.39%;

    font-size: 14px;

    color: #999999;

    line-height: 25px;

    text-align: center;

}



.profile-con2 .profile-txt2 p {

    margin-bottom: 20px;

}



.profile-con2 .profile-img {

    margin-top: 4.021%;

    position: relative;

}



.profile-con2 .main-tit {

    position: absolute;

    left: 50%;

    top: 50%;

    transform: translate(-50%, -50%);

    -ms-transform: translate(-50%, -50%);

    -o-transform: translate(-50%, -50%);

    -webkit-transform: translate(-50%, -50%);

    -moz-transform: translate(-50%, -50%);

    margin: 0;

}



.profile-con2 .main-tit .line:after {

    background: #fff;

}



.profile-con2 .main-tit .tit1,

.profile-con2 .main-tit .tit2 {

    color: #fff;

}



.profile-course {

    background: url(../images/course-bck.jpg) no-repeat;

    background-size: cover;

    padding-top: 5.985%;

    padding-bottom: 5.985%;

}



.profile-course .sec-tit {

    float: left;

    width: 33.3333%;

    padding-left: 20px;

    padding-right: 20px;

    display: table;

    margin-bottom: 40px;

    margin-left: -20px;

}



.profile-course .sec-tit>div {

    display: table-cell;

    vertical-align: middle;

}



.profile-course .sec-tit .en {

    font-family: "Didot";

    line-height: 1;

    color: #bfbfbf;

}



.profile-course .sec-tit .en:before {

    content: "";

    position: relative;

    width: 60px;

    height: 1px;

    background: #999999;

    display: block;

    margin-bottom: 35px;

}



.profile-course .sec-tit .en .txt1 {

    display: block;

    font-size: 40px;

    margin-bottom: 5px;

}



.profile-course .sec-tit .en .txt2 {

    text-transform: uppercase;

    font-size: 80px;

    line-height: 1;

}



.profile-course .sec-tit .zh {

    font-size: 30px;

    color: #ffffff;

    margin-top: 40px;

}



.courses-list ul {

    margin-left: -20px;

    margin-right: -20px;

}



.courses-list ul li {

    float: left;

    width: 33.3333%;

    padding-left: 20px;

    padding-right: 20px;

    margin-bottom: 40px;

    cursor: pointer;

    border-radius: 6px;

}



.courses-list ul li .courses-img {

    overflow: hidden;

}



.courses-list ul li .courses-img img {

    border-top-left-radius: 6px;

    border-top-right-radius: 6px;

    transition: all 0.5s ease;

    -ms-transition: all 0.5s ease;

    -o-transition: all 0.5s ease;

    -webkit-transition: all 0.5s ease;

    -moz-transition: all 0.5s ease;

}



.courses-list ul li .tit {

    padding: 23px 20px;

    background: #fff;

    height: 70px;

    transition: all 0.5s ease;

    -ms-transition: all 0.5s ease;

    -o-transition: all 0.5s ease;

    -webkit-transition: all 0.5s ease;

    -moz-transition: all 0.5s ease;

}



.courses-list ul li .tit span {

    display: inline-block;

    vertical-align: bottom;

    /*  max-width: 50%;*/

}



.courses-list ul li .tit span:first-child {

    color: #333333;

    font-size: 18px;

    line-height: 1;

}





/*.courses-list ul li .tit span:first-child:after {

  content: "/";

  color: #a1a1a1;

  margin: 0 5px;

  font-size: 20px;

}*/



.courses-list ul li .tit span:first-child+span {

    color: #999999;

    font-size: 12px;

    line-height: 1;

}



.courses-list ul li .info {

    background: #fff;

    border-top: 1px dashed #e1e1e1;

    padding: 10px 20px;

    line-height: 28px;

    color: #666666;

    font-size: 14px;

    border-bottom-left-radius: 6px;

    border-bottom-right-radius: 6px;

}



.courses-list ul li .down a {

    display: block;

    width: 80px;

    height: 28px;

    border: 1px solid #b9b9b9;

    color: #666666;

    font-size: 12px;

    text-align: center;

    transition: all 0.4s ease;

    -ms-transition: all 0.4s ease;

    -o-transition: all 0.4s ease;

    -webkit-transition: all 0.4s ease;

    -moz-transition: all 0.4s ease;

}



.courses-list ul li .down a:hover {

    background: #093B78;

    border: 1px solid #093B78;

    color: #222;

}



.courses-list ul li:hover {

    box-shadow: 0px 12px 64px rgba(0, 0, 0, 0.1);

    -webkit-box-shadow: 0px 12px 64px rgba(0, 0, 0, 0.1);

}



.courses-list ul li:hover .courses-img img {

    transform: scale(1.1);

    -ms-transform: scale(1.1);

    -o-transform: scale(1.1);

    -webkit-transform: scale(1.1);

    -moz-transform: scale(1.1);

}



.courses-list ul li:hover .tit {

    padding-left: 30px;

}



.details {

    width: 100%;

    position: fixed;

    left: 50%;

    top: 0%;

    height: 100vh;

    transform: translateX(-50%);

    -webkit-transform: translateX(-50%);

    background: #fff;



    box-shadow: 0px 12px 64px rgba(0, 0, 0, 0.2);

    -webkit-box-shadow: 0px 12px 64px rgba(0, 0, 0, 0.2);

    border-radius: 6px;

    overflow-y: scroll;

    overflow-x: hidden;

    z-index: 99999;

    background: rgba(0, 0, 0, 0.5);

}



.details-con .close {

    position: fixed;

    right: 20%;

    top: 3%;

    z-index: 100000;

    border: 1px solid #111;

    display: none;

}



.details-con .close:hover {

    border: 1px solid #f8c80f;

}



.details-con .close:after,

.details-con .close:before {

    background: #111;

    transition: all 0.4s ease;

    -ms-transition: all 0.4s ease;

    -o-transition: all 0.4s ease;

    -webkit-transition: all 0.4s ease;

    -moz-transition: all 0.4s ease;

}



.details-con .close:hover:after,

.details-con .close:hover:before {

    background: #fff;

}



.details>.container_1318 {

    background: #fff;

    padding: 47px 40px;

}



.details .info-sec {

    padding-top: 20px;

    padding-bottom: 20px;

    border-bottom: 1px dotted #dddddd;

}



.details .info1 {

    padding-top: 0;

    padding-bottom: 35px;

}



.details .details-tit1 {

    font-size: 20px;

    color: #333;

    line-height: 1;

    margin-bottom: 10px;

    font-weight: bold;

}



.details .details-tit2 {

    font-size: 12px;

    text-transform: uppercase;

    font-family: "Arial";

    line-height: 1;

}



.details .info2 {

    font-size: 14px;

    color: #333333;

    font-weight: bold;

    line-height: 24px;

    padding-bottom: 20px;

    padding-top: 15px;

}



.details .info-tit {

    margin-bottom: 20px;

}



.details .info-tit>div {

    display: inline-block;

    vertical-align: top;

}



.details .info-tit .icon {

    width: 30px;

}



.details .info-tit .tit1 {

    font-size: 16px;

    color: #333333;

    line-height: 1;

    font-weight: bold;

    margin-bottom: 8px;

}



.details .info-tit .tit2 {

    font-size: 12px;

    color: #c1c1c1;

    text-transform: uppercase;

}



.details .info-txt {

    width: 100%;

    line-height: 24px;

    color: #999999;

}



.details .info4 .info-txt span {

    display: inline-block;

    width: 19%;

    color: #333;

    line-height: 30px;

}

.details .info-sec.info5{

    border-bottom: none;

}

.details .outline-list {

    width: 100%;

    border: 1px solid #eeeeee;

    background: #fff;

    font-size: 0;



}

.details .outline-list ul li{

    width: 50%;

    display: inline-block;

    vertical-align: top;

    border-right: 1px solid #eeeeee;

    padding:10px;

}

.details .outline-list ul li:nth-child(3){

     border-top: 1px solid #eeeeee;

}

.details .outline-list ul li:nth-child(2n){

    border-right:none;

}

.details .outline-list ul li .title{

    width: 33.33335%;

    display: inline-block;

    vertical-align: middle;

     color: #333333;

    font-weight: bold;

    text-align: center;

    font-size: 14px;

}

.details .outline-list ul li .course-outline{

    display: inline-block;

    vertical-align: middle;

    width: 66.6667%;

    color: #999998;

    line-height: 30px;

    font-size: 14px;

}

.course-outline p{

    width: 100%;

}

.details .outline-list tr {

    border: 1px solid #eeeeee;

    display: inline-block;

    vertical-align: top;

}



.details .outline-list tr td:nth-child(2n+1) {

    width: 16.66665%;

    color: #333333;

    font-weight: bold;

    text-align: center;

    padding: 30px 0;

}



.details .outline-list tr td:nth-child(2n) {

    width: 33.33335%;

    padding: 30px 0;

    border-right: 1px solid #eeeeee;

}



.details .outline-list tr td:nth-child(2n) p {

    width: 49%;

    display: inline-block;

    color: #999998;

    line-height: 30px;

}



.details .outline-list tr td:nth-child(4) {

    border-right: none;

}



.details .outline-list tr:nth-child(2) td {

    border-bottom: none;

}



.details:after {

    content: "";

    width: 0;

    height: 0;

    border-left: 12px solid transparent;

    border-right: 12px solid transparent;

    border-bottom: 15px solid #ffffff;

    position: absolute;

    top: -15px;

    margin-left: -12px;

}



.details:first-child:after {

    left: 50%;

}



.details:first-child+div:after {

    left: 85%;

}



.details:first-child+div+div:after {

    left: 15%;

}



.details:first-child+div+div+div:after {

    left: 50%;

}



.details:first-child+div+div+div+div:after {

    left: 85%;

}



.details-con .details {

    display: none;

    /*visibility: hidden;

  transform: translateY(50px);

  -ms-transform: translateY(50px);

  -o-transform: translateY(50px);

  -webkit-transform: translateY(50px);

  -moz-transform: translateY(50px);

  opacity: 0;*/

    transition: all 0.6s ease;

    -ms-transition: all 0.6s ease;

    -o-transition: all 0.6s ease;

    -webkit-transition: all 0.6s ease;

    -moz-transition: all 0.6s ease;

}



.details-con .details.show {

    transform: none;

    -ms-transform: none;

    -o-transform: none;

    -webkit-transform: none;

    -moz-transform: none;

    opacity: 1;

    visibility: visible;

}



.profile-team-list {

    border-radius: 5px;

}



.profile-team-list .swiper-slide {

    border-radius: 6px;

    overflow: hidden;

}



.profile-team-list .team-mask {

    background: #fff;

    position: absolute;

    left: 0;

    bottom: 80px;

    width: 100%;

    height: 300px;

    transform: translateY(100%);

    -ms-transform: translateY(100%);

    -o-transform: translateY(100%);

    -webkit-transform: translateY(100%);

    -moz-transform: translateY(100%);

    transition: all 0.6s ease;

    -ms-transition: all 0.6s ease;

    -o-transition: all 0.6s ease;

    -webkit-transition: all 0.6s ease;

    -moz-transition: all 0.6s ease;

    text-align: center;

}



.profile-team-list .team-img {

    position: relative;

    overflow: hidden;

}



.profile-team-list .team-img img {

    transition: all 0.5s ease;

    -ms-transition: all 0.5s ease;

    -o-transition: all 0.5s ease;

    -webkit-transition: all 0.5s ease;

    -moz-transition: all 0.5s ease;

}



.profile-team-list .show {

    height: 80px;

    transition: all 0.5s ease;

    -ms-transition: all 0.5s ease;

    -o-transition: all 0.5s ease;

    -webkit-transition: all 0.5s ease;

    -moz-transition: all 0.5s ease;

    font-size: 0;

}



.profile-team-list .show .name {

    color: #333333;

    font-size: 18px;

    line-height: 1;

    font-family: "Arial";

    margin-top: 20px;

    transition: all 0.5s ease;

    -ms-transition: all 0.5s ease;

    -o-transition: all 0.5s ease;

    -webkit-transition: all 0.5s ease;

    -moz-transition: all 0.5s ease;

}



.profile-team-list .show .country {

    color: #999999;

    font-size: 14px;

    line-height: 1;

    margin-top: 5px;

    transition: all 0.5s ease;

    -ms-transition: all 0.5s ease;

    -o-transition: all 0.5s ease;

    -webkit-transition: all 0.5s ease;

    -moz-transition: all 0.5s ease;

}



.profile-team-list .education {

    color: #333333;

    font-size: 14px;

    margin-top: 12px;

    margin-bottom: 15px;

}



.profile-team-list .intro {

    font-size: 14px;

    color: #7c6303;

    line-height: 24px;

    overflow: hidden;

}



.profile-team-list .swiper-pagination {

    position: relative;

    margin-top: 5.311%;

}



.profile-team-list .swiper-slide:hover {

    box-shadow: 0px 3px 32px rgba(0, 0, 0, 0.2);

    -webkit-box-shadow: 0px 3px 32px rgba(0, 0, 0, 0.2);

}



.profile-team-list .swiper-slide:hover .team-bottom {

    opacity: 0;

}



.profile-team-list .swiper-slide:hover .show {

    height: auto;

}



.profile-team-list .swiper-slide:hover .show .name {

    font-weight: bold;

    margin-top: 0;

    display: inline-block;

    vertical-align: middle;

    margin-right: 10px;

}



.profile-team-list .swiper-slide:hover .show .country {

    color: #a28100;

    display: inline-block;

    vertical-align: middle;

}



.profile-team-list .swiper-slide:hover .team-mask {

    bottom: 0;

    text-align: left;

    transform: translateY(0);

    -ms-transform: translateY(0);

    -o-transform: translateY(0);

    -webkit-transform: translateY(0);

    -moz-transform: translateY(0);

    background: #f8c80f;

}



.profile-team-list .swiper-slide .team-mask .team-mask-warp {

    width: 100%;

    height: 100%;

    

}

.profile-team-list .swiper-slide:hover .team-mask .team-mask-warp{

    padding: 8% 5% 8% 8%;

}

.profile-team-list .swiper-slide:hover .team-mask .mCSB_container{

    margin-right: 15px;

}

.team-mask .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar

{

    background: #fff;

    width: 50%;

}

.team-mask .mCSB_scrollTools .mCSB_draggerRail{

    opacity: 0;

    

}

.profile-team-list .swiper-slide:hover .team-mask .mCSB_scrollTools .mCSB_draggerRail{

    opacity: 1;

}

.profile-team-list .swiper-slide:hover .team-img img {

    transform: scale(1.1) translateY(-15px);

    -ms-transform: scale(1.1) translateY(-15px);

    -o-transform: scale(1.1) translateY(-15px);

    -webkit-transform: scale(1.1) translateY(-15px);

    -moz-transform: scale(1.1) translateY(-15px);

}



.profile-team-list .swiper-pagination-bullet:before,

.profile-team-list .swiper-pagination-bullet-active:before {

    background: #999999;

}



.profile-team {

    padding-bottom: 5.2%;

    border-bottom: 1px solid #dddddd;

}



.profile-team.main-con .main-tit {

    margin-top: 6.51%;

    margin-bottom: 5.2%;

}



.profile-works {

    padding-bottom: 6.25%;

}



.profile-works .container_1318 {

    width: 1073px;

}



.profile-works .main-tit {

    margin-top: 6.228%;

    margin-bottom: 5.31%;

}



.profile-works .view,

.profile-works .preview {

    padding-left: 80px;

    padding-right: 80px;

}



.profile-works #works-album .swiper-slide {

    background: #f1f1f1;

    text-align: center;

    width: 913px;

    height: 645px;

    overflow: hidden;

}



.profile-works #works-album .swiper-slide img {

    display: block;

    max-width: 100%;

    margin: 0 auto;

}



.profile-works .swiper-pagination {

    position: absolute;

    width: 100%;

    height: 80px;

    bottom: 0;

    color: #f8c80f;

    font-family: "Didot";

    font-style: italic;

    text-align: left;

    line-height: 80px;

    padding-left: 35px;

    font-size: 36px;

    letter-spacing: -5px;

}



.profile-works .swiper-pagination .swiper-pagination-current {

    font-size: 24px;

    display: inline-block;

    vertical-align: super;

}



.profile-works .swiper-pagination .swiper-pagination-total {

    font-size: 36px;

    vertical-align: middle;

    display: inline-block;

}



.profile-works .desc {

    color: #646464;

    font-size: 14px;

    line-height: 22px;

    position: absolute;

    height: 80px;

    padding-top: 18px;

    padding-bottom: 18px;

    left: 0;

    bottom: 0;

    padding-left: 100px;

    padding-right: 3.793%;

    z-index: 9999;

    background: rgba(0, 0, 0, 0.87);

    width: 100%;

    transition: all 0.3s ease;

    -ms-transition: all 0.3s ease;

    -o-transition: all 0.3s ease;

    -webkit-transition: all 0.3s ease;

    -moz-transition: all 0.3s ease;

}



.profile-works .view .swiper-container,

.profile-works .preview .swiper-container {

    width: 913px;

}



.profile-works .preview {

    margin-left: 0;

    margin-right: 0;

    margin-top: 10px;

}



.profile-works .preview .desc {

    display: none;

}



.profile-works .preview .swiper-container {

    padding-left: 0;

    padding-right: 0;

}



.profile-works .preview img {

    transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;

    -ms-transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;

    -o-transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;

    -webkit-transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;

    -moz-transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;

}



.profile-works .preview .mask {

    position: absolute;

    width: 100%;

    height: 100%;

    background: rgba(0, 0, 0, 0.7);

    left: 0;

    top: 0;

    opacity: 0;

    transition: all 0.4s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;

    -ms-transition: all 0.4s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;

    -o-transition: all 0.4s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;

    -webkit-transition: all 0.4s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;

    -moz-transition: all 0.4s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;

    text-align: center;

}



.profile-works .preview .mask>div {

    position: absolute;

    left: 50%;

    top: 50%;

    transform: translate(-50%, -50%);

    -ms-transform: translate(-50%, -50%);

    -o-transform: translate(-50%, -50%);

    -webkit-transform: translate(-50%, -50%);

    -moz-transform: translate(-50%, -50%);

    width: 100%;

}



.profile-works .preview .mask .tit1 {

    font-size: 16px;

    color: #ffffff;

    transition: all 0.5s ease;

    -ms-transition: all 0.5s ease;

    -o-transition: all 0.5s ease;

    -webkit-transition: all 0.5s ease;

    -moz-transition: all 0.5s ease;

    transform: translateY(5px);

    -ms-transform: translateY(5px);

    -o-transform: translateY(5px);

    -webkit-transform: translateY(5px);

    -moz-transform: translateY(5px);

}



.profile-works .preview .mask .tit2 {

    font-size: 14px;

    color: #a1a1a1;

    font-family: "Arial";

    transform: translateY(5px);

    -ms-transform: translateY(5px);

    -o-transform: translateY(5px);

    -webkit-transform: translateY(5px);

    -moz-transform: translateY(5px);

    transition: all 0.5s ease 0.1s;

    -ms-transition: all 0.5s ease 0.1s;

    -o-transition: all 0.5s ease 0.1s;

    -webkit-transition: all 0.5s ease 0.1s;

    -moz-transition: all 0.5s ease 0.1s;

}



.profile-works .preview .mask:before {

    position: absolute;

    content: "";

    z-index: 10;

    border: 1px solid transparent;

    width: calc(100% - 20px);

    width: -webkit-calc(100% - 20px);

    height: calc(100% - 20px);

    height: -webkit-calc(100% - 20px);

    left: 10px;

    top: 10px;

    transition: all 0.4s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;

    -ms-transition: all 0.4s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;

    -o-transition: all 0.4s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;

    -webkit-transition: all 0.4s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;

    -moz-transition: all 0.4s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;

}



.profile-works .preview .mask:after {

    content: '';

    width: 20px;

    height: 20px;

    line-height: 20px;

    background: url(../images/jia.png) no-repeat;

    background-size: 100%;

    margin: 0 auto;

    display: inline-block;

    position: absolute;

    top: 0px;

    left: 1px;

    z-index: 10;

    transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;

    -ms-transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;

    -o-transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;

    -webkit-transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;

    -moz-transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;

    opacity: 0;

}



.profile-works .preview .swiper-slide {

    overflow: hidden;

}



.profile-works .preview .swiper-slide:hover .tit1,

.profile-works .preview .active .tit1,

.profile-works .preview .swiper-slide:hover .tit2,

.profile-works .preview .active .tit2 {

    transform: none;

    -ms-transform: none;

    -o-transform: none;

    -webkit-transform: none;

    -moz-transform: none;

}



.profile-works .preview .swiper-slide:hover img,

.profile-works .preview .active img {

    transform: scale(1.1);

    -ms-transform: scale(1.1);

    -o-transform: scale(1.1);

    -webkit-transform: scale(1.1);

    -moz-transform: scale(1.1);

}



.profile-works .preview .swiper-slide:hover .mask,

.profile-works .preview .active .mask {

    opacity: 1;

}



.profile-works .preview .swiper-slide:hover .mask:before,

.profile-works .preview .active .mask:before {

    border: 1px solid #b0b0b0;

}



.profile-works .preview .swiper-slide:hover .mask:after,

.profile-works .preview .active .mask:after {

    opacity: 1;

    top: 10%;

}



.campus_message .message-warp {

    padding-top: 3.125%;

    padding-bottom: 4.1667%;

}



.campus_message .contact-name {

    color: #333333;

    font-size: 24px;

    margin-bottom: 9%;

    line-height: 1;

}



.campus_message .message-contact,

.campus_message .message-form-warp {

    float: left;

    width: 50%;

}



.campus_message .contact-info {

    color: #999999;

    font-size: 14px;

}



.campus_message .contact-info img {

    margin-right: 12px;

}



.campus_message .contact-info p {

    margin-bottom: 20px;

}



.campus_message .message-form {

    width: 100%;

    border-left: 1px solid #dedcd7;

    padding-left: 18.5%;

}



.campus_message .map-point {

    position: relative;

    display: inline-block;

    text-align: center;

    margin-top: 8%;

}



.campus_message .map-point a {

    display: block;

    width: 19px;

    height: 33px;

    background: url(../images/point.png) no-repeat center;

    animation: jump2 1s cubic-bezier(0.61, 0.07, 0.35, 0.88) alternate infinite;

    -webkit-animation: jump2 1s cubic-bezier(0.61, 0.07, 0.35, 0.88) alternate infinite;

    -moz-animation: jump2 1s cubic-bezier(0.61, 0.07, 0.35, 0.88) alternate infinite;

    -o-animation: jump2 1s cubic-bezier(0.61, 0.07, 0.35, 0.88) alternate infinite;

}



.campus_message .map-point i {

    width: 12px;

    height: 2px;

    margin: 0 auto;

    background: -webkit-radial-gradient(center, ellipse, #dddddd 0, transparent 100%);

    background: radial-gradient(ellipse at center, #dddddd 0, transparent 100%);

    display: block;

    -webkit-transition-duration: 1s;

    transition-duration: 1s;

    -webkit-transition-property: width;

    transition-property: width;

    animation: sf2 1s cubic-bezier(0.61, 0.07, 0.35, 0.88) alternate infinite;

    -webkit-animation: sf2 1s cubic-bezier(0.61, 0.07, 0.35, 0.88) alternate infinite;

    -moz-animation: sf2 1s cubic-bezier(0.61, 0.07, 0.35, 0.88) alternate infinite;

    -o-animation: sf2 1s cubic-bezier(0.61, 0.07, 0.35, 0.88) alternate infinite;

}



.profile-graduates {

    background: url(../images/graduates-bck.jpg) no-repeat;

    background-size: cover;

    padding-bottom: 6.77%;

}



.profile-graduates .arrow-left,

.profile-graduates .arrow-right {

    top: 35%;

}



.profile-graduates .main-tit {

    padding-top: 9.1%;

    padding-bottom: 7.5872%;

    margin: 0;

}



.profile-graduates .main-tit .line {

    background: #999999;

}



.profile-graduates .main-tit .tit1 {

    color: #bfbfbf;

}



.profile-graduates .main-tit .tit2 {

    color: #fdfdfd;

}



.profile-graduates .graduates-list-warp {

    position: relative;

    padding-left: 65px;

    padding-right: 65px;

}



.profile-graduates .graduates-list-warp .arrow-left:after {

    border-top: 1px solid #ffffff;

    border-left: 1px solid #ffffff;

}



.profile-graduates .graduates-list-warp .arrow-right:after {

    border-top: 1px solid #ffffff;

    border-right: 1px solid #ffffff;

}



.profile-graduates .graduates-list .swiper-slide {

    text-align: center;

    height: 400px;

    display: table;

}



.profile-graduates .graduates-list .swiper-slide>div {

    display: table-cell;

    vertical-align: middle;

}



.profile-graduates .graduates-list .swiper-slide .graduates-img {

    transition: all 0.4s ease;

    -ms-transition: all 0.4s ease;

    -o-transition: all 0.4s ease;

    -webkit-transition: all 0.4s ease;

    -moz-transition: all 0.4s ease;

    overflow: hidden;

}



.profile-graduates .graduates-list .swiper-slide .graduates-img img {

    width: 195px;

    height: 195px;

    border-radius: 50%;

}



.profile-graduates .graduates-list .swiper-slide .tit1 {

    margin-top: 35px;

    color: #ffffff;

    font-size: 14px;

    line-height: 1;

    margin-bottom: 10px;

    transition: all 0.4s ease;

    -ms-transition: all 0.4s ease;

    -o-transition: all 0.4s ease;

    -webkit-transition: all 0.4s ease;

    -moz-transition: all 0.4s ease;

}



.profile-graduates .graduates-list .swiper-slide .tit2 {

    color: #999999;

    font-size: 14px;

    line-height: 1;

    margin-bottom: 15px;

    transition: all 0.4s ease;

    -ms-transition: all 0.4s ease;

    -o-transition: all 0.4s ease;

    -webkit-transition: all 0.4s ease;

    -moz-transition: all 0.4s ease;

}



.profile-graduates .graduates-list .swiper-slide .tit3 {

    color: #666666;

    line-height: 24px;

    font-size: 14px;



    padding-left: 7%;

    padding-right: 7%;



    transition: all 0.4s ease;

    -ms-transition: all 0.4s ease;

    -o-transition: all 0.4s ease;

    -webkit-transition: all 0.4s ease;

    -moz-transition: all 0.4s ease;

}



.profile-graduates .graduates-list .swiper-slide:after {

    content: "";

    background: #f8c80f;

    width: 100%;

    height: 100%;

    border-radius: 6px;

    position: absolute;

    left: 0;

    top: 0;

    z-index: -1;

    -webkit-transform-origin: 50% 100%;

    -moz-transform-origin: 50% 100%;

    -ms-transform-origin: 50% 100%;

    -o-transform-origin: 50% 100%;

    transform-origin: 50% 100%;

    transform-style: preserve-3d;

    -webkit-transform-style: preserve-3d;

    transform: rotateX(90deg) translateZ(0);

    -ms-transform: rotateX(90deg) translateZ(0);

    -o-transform: rotateX(90deg) translateZ(0);

    -webkit-transform: rotateX(90deg) translateZ(0);

    -moz-transform: rotateX(90deg) translateZ(0);

    transition: all 0.6s ease-in-out;

    -ms-transition: all 0.6s ease-in-out;

    -o-transition: all 0.6s ease-in-out;

    -webkit-transition: all 0.6s ease-in-out;

    -moz-transition: all 0.6s ease-in-out;

}



.profile-graduates .graduates-list .swiper-slide:hover {

    box-shadow: 0px 12px 64px rgba(0, 0, 0, 0.1);

    -webkit-box-shadow: 0px 12px 64px rgba(0, 0, 0, 0.1);

}



.profile-graduates .graduates-list .swiper-slide:hover .tit1 {

    color: #333;

    transform: translateY(-10px);

    -ms-transform: translateY(-10px);

    -o-transform: translateY(-10px);

    -webkit-transform: translateY(-10px);

    -moz-transform: translateY(-10px);

}



.profile-graduates .graduates-list .swiper-slide:hover .tit2 {

    color: #333;

    transform: translateY(-10px);

    -ms-transform: translateY(-10px);

    -o-transform: translateY(-10px);

    -webkit-transform: translateY(-10px);

    -moz-transform: translateY(-10px);

}



.profile-graduates .graduates-list .swiper-slide:hover .graduates-img {

    transform: translateY(-10px);

    -ms-transform: translateY(-10px);

    -o-transform: translateY(-10px);

    -webkit-transform: translateY(-10px);

    -moz-transform: translateY(-10px);

}







.profile-graduates .graduates-list .swiper-slide:hover:after {

    visibility: visible;

    transform: rotateX(0deg);

    -ms-transform: rotateX(0deg);

    -o-transform: rotateX(0deg);

    -webkit-transform: rotateX(0deg);

    -moz-transform: rotateX(0deg);

}



.profile-destination {

    padding-bottom: 4.427%;

}



.profile-destination .main-tit {

    margin-top: 8.3459%;

    margin-bottom: 6.449%;

}



.profile-destination .destination-list ul {

    margin-left: -20px;

    margin-right: -20px;

}



.profile-destination .destination-list ul li {

    float: left;

    width: 33.3333%;

    padding-left: 20px;

    padding-right: 20px;

    transition: all 0.4s ease;

    -ms-transition: all 0.4s ease;

    -o-transition: all 0.4s ease;

    -webkit-transition: all 0.4s ease;

    -moz-transition: all 0.4s ease;

}



.profile-destination .destination-list ul li .destination-img {

    overflow: hidden;

    border-radius: 5px;

    transition: all 0.4s ease;

    -ms-transition: all 0.4s ease;

    -o-transition: all 0.4s ease;

    -webkit-transition: all 0.4s ease;

    -moz-transition: all 0.4s ease;

}



.profile-destination .destination-list ul li .destination-img img {

    transition: all 0.4s ease;

    -ms-transition: all 0.4s ease;

    -o-transition: all 0.4s ease;

    -webkit-transition: all 0.4s ease;

    -moz-transition: all 0.4s ease;

}



.profile-destination .destination-list ul li .tit {

    text-align: center;

    font-size: 20px;

    color: #333333;

    margin-top: 35px;

    line-height: 1;

    margin-bottom: 22px;

    transition: all 0.4s ease;

    -ms-transition: all 0.4s ease;

    -o-transition: all 0.4s ease;

    -webkit-transition: all 0.4s ease;

    -moz-transition: all 0.4s ease;

}



.profile-destination .desc2 {

    color: #999999;

    font-size: 14px;

    line-height: 24px;

    height: 96px;

    overflow: hidden;

}



.profile-destination .destination-list ul li:hover {

    transform: translateY(-5px);

    -ms-transform: translateY(-5px);

    -o-transform: translateY(-5px);

    -webkit-transform: translateY(-5px);

    -moz-transform: translateY(-5px);

}



.profile-destination .destination-list ul li:hover .destination-img {

    box-shadow: 0px 5px 30px rgba(0, 0, 0, 0.15);

    -webkit-box-shadow: 0px 5px 30px rgba(0, 0, 0, 0.15);

}



.profile-destination .destination-list ul li:hover .destination-img img {

    transform: scale(1.1);

    -ms-transform: scale(1.1);

    -o-transform: scale(1.1);

    -webkit-transform: scale(1.1);

    -moz-transform: scale(1.1);

}



.profile-destination .destination-list ul li:hover .tit {

    color: #093B78;

}



.profile-more {

    background: transparent;

    border: 1px solid #cdcdcd;

    height: 40px;

    line-height: 40px;

    border-radius: 5px;

    transition: all 0.4s ease;

    -ms-transition: all 0.4s ease;

    -o-transition: all 0.4s ease;

    -webkit-transition: all 0.4s ease;

    -moz-transition: all 0.4s ease;

    color: #666666;

}



.profile-more span {

    background: url(../images/icon4.png) no-repeat center;

}



.profile-more:hover {

    border: 1px solid #e4b607;

    color: #222;

}



.profile-environment {

    padding-top: 5.46875%;

    padding-bottom: 5.46875%;

    background: #202020;

}



.environment {

    font-size: 0;

}



.environment .environment-img {

    width: 54%;

    border-radius: 5px;

    overflow: hidden;

}



.environment .environment-txt {

    width: 45%;

    padding-left: 50px;

}



.environment>div {

    display: inline-block;

    vertical-align: middle;

}



.environment .environment-tit {

    transform: translateX(-265px);

    -ms-transform: translateX(-265px);

    -o-transform: translateX(-265px);

    -webkit-transform: translateX(-265px);

    -moz-transform: translateX(-265px);

    position: relative;

}



.environment .environment-tit .line {

    width: 60px;

    height: 1px;

    background: #999999;

    margin-bottom: 15px;

    margin-left: 40px;

}



.environment .environment-tit .txt {

    font-family: "Didot";

    color: #fff;

    position: relative;

    padding-left: 40px;

    padding-top: 10px;

    padding-bottom: 15px;

}



.environment .environment-tit .txt .txt1 {

    font-size: 24px;

    line-height: 1;

    color: #000;

}



.environment .environment-tit .txt .txt2 {

    font-size: 80px;

    text-transform: uppercase;

    line-height: 1;

}



.environment .environment-tit .txt .txt2 span {

    color: #000;

}



.environment .environment-tit .txt:before {

    content: "";

    position: absolute;

    left: 0;

    top: 0;

    z-index: -1;

    width: 215px;

    height: 100%;

    background: rgba(255, 255, 255, 0.67);

}



.environment .environment-tit .txt:after {

    content: "";

    position: absolute;

    left: 215px;

    top: 0;

    z-index: -1;

    width: 520px;

    height: 100%;

    background: #0b0b0b;

}



.environment .environment-tit2 {

    color: #ffffff;

    font-size: 30px;

    line-height: 1;

    margin-top: 15px;

    margin-bottom: 20px;

}



.environment .environment-desc {

    font-size: 14px;

    color: #777777;

    line-height: 22px;

}



.environment .sign {

    margin: 30px 0 0 0;

    cursor: pointer;

}



.environment .sign:hover {

    padding-right: 45px;

}



.environment .sign:hover span {

    opacity: 1;

    transform: translateX(35px);

}



.profile-news {

    padding-bottom: 4.9479%;

    border-bottom: 1px solid #dddddd;

}



.profile-news .main-tit {

    margin-top: 7.2%;

    margin-bottom: 6.6%;

}



.profile-news .sign {

    margin: 25px auto 0;

}



.profile-news-list ul {

    margin-left: -20px;

    margin-right: -20px;

}



.profile-news-list li {

    padding-left: 20px;

    padding-right: 20px;

    float: left;

    width: 50%;

    margin-bottom: 25px;

    cursor: pointer;

}



.profile-news-list li a {

    display: block;

    border-radius: 5px;

    transition: all 0.6s ease;

    -ms-transition: all 0.6s ease;

    -o-transition: all 0.6s ease;

    -webkit-transition: all 0.6s ease;

    -moz-transition: all 0.6s ease;

    font-size: 0;

}



.profile-news-list .news-img {

    overflow: hidden;

    border-radius: 5px;

    width: 33.85%;

    display: inline-block;

    vertical-align: middle;

}



.profile-news-list .news-img img {

    transition: all 0.6s ease;

    -ms-transition: all 0.6s ease;

    -o-transition: all 0.6s ease;

    -webkit-transition: all 0.6s ease;

    -moz-transition: all 0.6s ease;

    max-width: 100%;

}



.profile-news-list .news-txt {

    padding-left: 30px;

    padding-right: 35px;

    transition: all 0.4s ease;

    -ms-transition: all 0.4s ease;

    -o-transition: all 0.4s ease;

    -webkit-transition: all 0.4s ease;

    -moz-transition: all 0.4s ease;

    width: 66.15%;

    display: inline-block;

    vertical-align: middle;

}



.profile-news-list .tit {

    color: #333333;

    font-size: 16px;

    line-height: 1;

    overflow: hidden;

    text-overflow: ellipsis;

    white-space: nowrap;

    width: 100%;

    margin-bottom: 15px;

    transition: all 0.4s ease;

    -ms-transition: all 0.4s ease;

    -o-transition: all 0.4s ease;

    -webkit-transition: all 0.4s ease;

    -moz-transition: all 0.4s ease;

}



.profile-news-list .intro {

    color: #999999;

    font-size: 14px;

    line-height: 24px;

    overflow: hidden;

    display: -webkit-box;

    -webkit-box-orient: vertical;

    -webkit-line-clamp: 2;

    height: 48px;

}



.profile-news-list .sign {

    background: transparent;

}



.profile-news-list ul li:hover a {

    box-shadow: 0px 5px 30px rgba(0, 0, 0, 0.15);

    -webkit-box-shadow: 0px 5px 30px rgba(0, 0, 0, 0.15);

}



.profile-news-list ul li:hover .news-img img {

    transform: scale(1.1);

    -ms-transform: scale(1.1);

    -o-transform: scale(1.1);

    -webkit-transform: scale(1.1);

    -moz-transform: scale(1.1);

}



.profile-news-list ul li:hover .tit {

    color: #f8c80f;

    background: #fff;

}



.profile-news-list ul li:hover .news-txt {

    transform: translateX(8px);

    -ms-transform: translateX(8px);

    -o-transform: translateX(8px);

    -webkit-transform: translateX(8px);

    -moz-transform: translateX(8px);

}



.profile-message .main-tit {

    margin-top: 7.2%;

    margin-bottom: 5.311%;

}



.message-con2 {

    background: #f7f7f7;

    padding-top: 3.125%;

    padding-bottom: 3.90625%;

}



.message-con2 .tit {

    color: #333333;

    line-height: 1;

    font-size: 24px;

    margin-bottom: 6.9%;

}



.message-con2 .contact-detail {

    width: 44%;

    float: left;

}



.message-con2 .message-form {

    float: left;

    width: 56%;

    border-left: 1px solid #dedcd7;

    padding-left: 10.2427%;

}



.message-con2 .info {

    margin-top: 12.073%;

}



.message-con2 .info p {

    color: #999999;

    margin-bottom: 20px;

}



.message-con2 .info p:before {

    content: "";

    display: inline-block;

    vertical-align: middle;

    width: 21px;

    margin-right: 10px;

    background: url(../images/contact-icon.png) no-repeat left;

}



.message-con2 .info p:nth-child(1):before {

    height: 18px;

    background-position: 0 0;

}



.message-con2 .info p:nth-child(2):before {

    height: 12px;

    background-position: 0 -38px;

}



.message-con2 .info p:nth-child(3):before {

    height: 19px;

    background-position: 0 -71px;

}



.message-con2 .info p:nth-child(4):before {

    height: 16px;

    background-position: 0 -108px;

}



.message-con2 .info p:nth-child(5):before {

    height: 18px;

    background-position: 0 -147px;

}



.news-list ul li .time2 {

    display: none;

}



@media screen and (max-width: 1680px) {

    .topNav-warp {

        display: block;

    }

    .fixed-menu {

        display: none!important;

    }

    .alumnus-list ul {

        margin-left: -14px;

        margin-right: -14px;

    }

    .alumnus-list ul li {

        margin-bottom: 45px;

        padding-left: 14px;

        padding-right: 14px;

    }

    .alumnus-list .alumnus-con {

        padding-top: 25px;

    }

    .alumnus-list .position {

        height: 40px;

    }

    .alumnus-list .achievement {

        padding-top: 20px;

        height: 70px;

    }

    .story-list.news-list ul li .news-img {

        width: 200px;

    }

    .story-list.news-list ul li .news-con {

        width: calc(100% - 200px);

        width: -webkit-calc(100% - 200px);

    }

}



@media screen and (max-width: 1440px) {

    .contact-list .contact-name {

        font-size: 20px;

        margin-top: 30px;

        margin-bottom: 25px;

    }

    .contact-list {

        padding-bottom: 6.725%;

    }

    .contact-list ul {

        margin-left: -20px;

        margin-right: -20px;

    }

    .contact-list ul li {

        padding-left: 20px;

        padding-right: 20px;

    }

    /*--------------------news.html------------------------------*/

    .news-list ul li .tit {

        font-size: 16px;

        margin-bottom: 10px;

    }

    .news-list ul li .news-time {

        font-size: 16px;

    }

    .news-list ul li .more img {

        width: 14px;

        height: auto;

    }

    .news-list ul li .news-con {

        padding-right: 2.5%;

    }

    .alumnus-list .name {

        font-size: 18px;

    }

    .alumnus-list ul {

        margin-left: -12px;

        margin-right: -12px;

    }

    .alumnus-list ul li {

        margin-bottom: 35px;

        padding-left: 12px;

        padding-right: 12px;

    }

    .desc .data span {

        font-size: 78px;

    }

    .course-list .course-info .title {

        font-size: 18px;

    }

    .campus .main-tit {

        margin-top: 6.8634%;

    }

    .profile-course .sec-tit .en .txt2 {

        font-size: 64px;

    }

    .profile-course .sec-tit .en .txt1 {

        font-size: 32px;

    }

    .courses-list ul li .tit span:first-child {

        font-size: 14px;

    }

    .courses-list ul li:first-child .tit span {

        vertical-align: middle;

    }

    .main-con .main-tit {

        margin-top: 6.4832%;

    }

    .news_det_con{

        padding-left: 6%;

        padding-right: 6%;

        color: #999;

    }



}



@media screen and (max-width: 1366px) {

    .topNav-warp {

        display: block;

    }

    .fixed-menu {

        display: none !important;

    }

    .main-con.alumnus-con .main-tit {

        margin-top: 6.725%;

        margin-bottom: 5.828%;

    }

    .contact-list ul {

        margin-left: -8px;

        margin-right: -8px;

    }

    .contact-list ul li {

        padding-left: 8px;

        padding-right: 8px;

    }

    .contact-list .contact-info {

        font-size: 13px;

        line-height: 26px;

    }

    .contact-list .contact-name {

        font-size: 18px;

        margin-top: 25px;

        margin-bottom: 20px;

    }

    /*--------------------guide.html------------------------------*/

    .process-list ul li {

        width: 155px;

    }

    .process-list ul li .process-icon {

        width: 135px;

        height: 135px;

        line-height: 135px;

    }

    .process-list ul li .icon-shadow {

        margin-top: 10px;

    }

    .process-list ul li .info {

        margin-top: 20px;

    }

    .career-list ul li .career-img {

        width: 160px;

        height: 160px;

        border-radius: 80px;

    }

    .modules-list ul li {

        height: 300px;

    }

    .modules-list ul li>div:nth-child(1) {

        height: 300px;

    }

    .modules-list ul li .year1 {

        font-size: 24px;

    }

    .modules-list ul li .year2 {

        font-size: 18px;

    }

    .majro-con .tit1 {

        font-size: 26px;

    }

    .desc .data span {

        font-size: 68px;

    }

    .couse-overview .overview-con .info>div {

        margin-right: 40px;

    }

    .team-list ul li .name {

        font-size: 18px;

    }

    .team-list ul li .team-con {

        height: 300px;

        bottom: -100px;

    }

    .fixed-menu .rule {

        display: none;

    }

    .fixed-menu {

        right: 20px;

    }

    .fixed-menu ul li a {

        font-size: 13px;

        line-height: 35px;

        height: 35px;

        width: 100px;

    }

    .news_det_con{

        padding-left: 4%;

        padding-right: 4%;

        color: #999;

    }

}



label.error {

    position: absolute;

    color: red;

    font-size: 12px;

    right: 5px;

    top: 50%;

    line-height: 1;

    transform: translateY(-50%);

    -webkit-transform: translateY(-50%);

    -o-transform: translateY(-50%);

    -ms-transform: translateY(-50%);

    -moz-transform: translateY(-50%);

}

.input-message label.error{

    bottom: 10px;

    right: 10px;

    top: auto;

    transform: none;

    -webkit-transform: none;

    -o-transform: none;

    -ms-transform: none;

    -moz-transform: none;

}

.dialog-warp {

    position: fixed;

    width: 100%;

    height: 100%;

    top: 0;

    left: 0;

    z-index: 999;

    display: none;

}



.dialog {

    position: absolute;

    width: 800px;

    height: 94px;

    background: url(../images/kuang.png) no-repeat;

    background-color: rgba(0, 0, 0, 0.6);

    font-size: 18px;

    left: 50%;

    top: 50%;

    margin-left: -400px;

    margin-top: -47px;

    color: #fff;

    text-align: center;

    line-height: 94px;

    z-index: 999;

    border-radius: 12px;

}



@media screen and (max-width: 1200px) {

    .story-list.news-list ul li .news-img {

        width: 160px;

    }

    .story-list.news-list ul li .news-con {

        width: calc(100% - 160px);

        width: -webkit-calc(100% - 160px);

        padding-right: 15px;

    }

    .topNav-warp.fixed {

        top: 80px;

    }

    .message .tit {

        font-size: 24px;

    }

    .profile-con.main-con .main-tit {

        margin-top: 8.5%;

    }

    .desc .data span {

        font-size: 54px;

    }

    .map .icon i,

    .map .icon,

    .map .icon span {

        width: 80px;

        height: 80px;

    }

    .main-con .main-tit {

        margin-top: 5.5%;

    }

    .campus .campus-con .tit {

        font-size: 18px;

        margin-bottom: 20px;

    }

    .advantage {

        padding-bottom: 3.5%;

    }

    .profile-course .sec-tit .en .txt2 {

        font-size: 54px;

    }

    .profile-course .sec-tit .zh {

        font-size: 24px;

        margin-top: 20px;

    }

    .career-list ul li .career-img {

        width: 140px;

        height: 140px;

    }

    .campus-list2 ul li {

        height: 140px;

    }

    .campus-list2 ul li .icon {

        width: 90px;

        height: 90px;

    }

    .campus-list2 ul li .icon img {

        max-width: 100%;

    }

    .campus-list2 ul li .txt {

        margin-left: 25px;

    }

    .campus-list2 ul li .txt p:nth-child(1) {

        font-size: 16px;

    }

    .campus-list2 ul li .txt p:nth-child(2) {

        font-size: 12px;

    }

    .main-con .main-tit {

        margin-bottom: 4.655%;

    }

    .main-tit2.district-tit {

        margin-top: 0;

    }

    .couse-overview .tit1 {

        font-size: 25px;

    }

    .couse-overview .overview-con .tit1 a {

        height: 26px;

        line-height: 26px;

    }

    .couse-overview .tit2 {

        margin-bottom: 5.5%;

    }

    .couse-overview .txt {

        line-height: 26px;

    }

    .process-list ul li {

        margin: 0 8px;

    }

    .process-list ul li {

        width: 16.667%;

        margin: 0;

    }

    .process-list2 ul li {

        width: 150px;

    }

    .process-list ul li .process-icon {

        width: 110px;

        height: 110px;

        line-height: 110px;

        margin: 0 auto;

    }

    .process-list ul li .process-icon:after {

        width: 20px;

        height: 20px;

        right: -8px;

    }

    .process-menu {

        padding-bottom: 5.5%;

    }

    .main-tit .tit1 {

        font-size: 28px;

    }

    .main-tit .tit2 {

        font-size: 22px;

    }

    .main-tit .line {

        margin-bottom: 15px;

    }

    /*-------------------------------news.html---------------------------*/

    .news .left-sec,

    .news .right-sec {

        width: 100%;

    }

    .news .right-sec {

        margin-top: 8%;

    }

    /*-------------------------team.html------------------------------------*/

    .team-list ul {

        font-size: 0;

        margin-left: -12px;

        margin-right: -12px;

    }

    .team-list ul li {

        width: 50%;

        display: inline-block;

        vertical-align: top;

        float: none;

        padding-left: 12px;

        padding-right: 12px;

    }

    .team-list ul li>div {

        padding-bottom: 0;

        border-bottom: none;

    }

    .team-list ul li .team-con {

        position: relative;

        left: auto;

        bottom: auto;

        height: auto;

        padding-bottom: 45px;

    }

    .team-list ul li .info {

        transform: translateY(0);

        -ms-transform: translateY(0);

        -o-transform: translateY(0);

        -webkit-transform: translateY(0);

        -moz-transform: translateY(0);

        opacity: 1;

    }

    .team-list ul li .info {

        font-size: 13px;

        line-height: 22px;

    }

    /*-------------------------------alumnus.html---------------------------*/

    .alumnus-list .position {

        height: 50px;

        line-height: 20px;

    }

    /*-------------------------------alumnus.html---------------------------*/

    .requirements-list ul {

        margin-left: -10px;

        margin-right: -10px;

    }

    .requirements-list ul li {

        padding-left: 10px;

        padding-right: 10px;

        padding-bottom: 35px;

    }

    .requirements {

        padding-bottom: 4.5%;

    }

    .process-list ul li:nth-child(1) .process-icon img {

        width: 37px;

        height: 46px;



    }

    .process-list ul li:nth-child(2) .process-icon img ,.process-list2 ul li:nth-child(2) .process-icon img{

        width: 44px;

        height: 42px;

     

    }

    .process-list ul li:nth-child(3) .process-icon img {

        width: 42px;

        height: 47px;

    }

    .process-list ul li:nth-child(4) .process-icon img {

        width: 44px;

        height: 41px;

    }

    .process-list ul li:nth-child(5) .process-icon img ,.process-list2 ul li:nth-child(3) .process-icon img{

        width: 48px;

        height: 40px;

    }

    .process-list ul li:nth-child(6) .process-icon img,.process-list2 ul li:nth-child(4) .process-icon img {

        width: 50px;

        height: 50px;

    }

    .process-list2 ul li:nth-child(1) .process-icon img {

        width: 46px;

        height: 40px;

    }



    /*----------------------------major.html----------------------------------*/

    .majro-con .tit1 {

        font-size: 24px;

    }

    .majro-con .con p {

        margin-bottom: 25px;

    }

    /*-------------------------------major.html---------------------------*/

    .modules-list ul li {

        height: auto;

        padding: 25px 0;

    }

    .modules-list ul li>div:nth-child(1) {

        padding-left: 20px;

        width: 225px;

    }

    .modules-list ul li .modules {

        width: calc(100% - 225px);

        width: -webkit-calc(100% - 225px);

    }

    .couse-overview .overview-con .info>div {

        margin: 0;

    }

    .couse-overview .overview-con .info {

        font-size: 14px;

    }

    /*-------------------------------course.html---------------------------*/

    .fixed-menu {

        display: none !important;

        position: relative;

        top: auto;

        right: auto;

        transform: translate(0);

        -ms-transform: translate(0);

        -o-transform: translate(0);

        -webkit-transform: translate(0);

        -moz-transform: translate(0);

        width: 90%;

        margin: 0 auto;

        font-size: 0;

    }

    .fixed-menu ul li {

        display: inline-block;

        vertical-align: middle;

    }

    .rule {

        display: none !important;

    }

    .course-content .item-img {

        width: 250px;

        height: 250px;

        margin: 0 5% 30px 5%;

    }

    .course-content .description {

        margin-top: 80px;

        line-height: 24px;

    }

    .course-content .item_info {

        padding-top: 10px;

    }

    .course-content .title {

        font-size: 24px;

    }

    .preview .title {

        font-size: 14px;

    }

    /*-------------------------------works.html---------------------------*/

    .works-list ul {

        margin-left: -12px;

        margin-right: -12px;

    }

    .works-list ul li {

        padding-left: 12px;

        padding-right: 12px;

    }

    .works-list .name {

        margin-top: 20px;

        margin-bottom: 35px;

        font-size: 14px;

    }

    .fixed-swiper .swiper-txt {

        bottom: 2%;

    }

    .campus .campus-img {

        width: 35%;

    }

    .campus .campus-con {

        width: 65%;

    }

    .map .desc ul li:nth-child(1) .icon span {

        background-size: 28px 31px;

    }

    .map .desc ul li:nth-child(2) .icon span {

        background-size: 36px 32px;

    }

    .map .desc ul li:nth-child(3) .icon span {

        background-size: 30px 32px;

    }

    .fixed-detail-con {}

    .fixed-detail-con .container_1318 {

        height: 100%;

        padding: 8% 5%;

        overflow-y: scroll;

        overflow-x: hidden;

    }

    .fixed-detail-con .content {

        height: auto;

    }

    .fixed-detail-con .close {

        left: auto;

        right: 55px;

        top: 55px;

        z-index: 999;

        border: 1px solid #f8c80f;

        position: fixed;

    }

    .fixed-detail-con .close:after,

    .fixed-detail-con .close:before {

        border: 1px solid #f8c80f;

    }

    .fixed-detail-con .mCSB_container {

        margin-right: 0;

    }

}



@media screen and (max-width: 992px) {

    .dialog{

        width: 90%;

        font-size: 14px;

        position: absolute;

        left: 50%;

        top: 50%;

        transform: translate(-50%,-50%);

        -webkit-transform: translate(-50%,-50%);

        -moz-transform: translate(-50%,-50%);

        -o-transform: translate(-50%,-50%);

        -ms-transform: translate(-50%,-50%);

        margin-left: 0;

        margin-top: 0;

    }

    .details .outline-list ul li .title,.details .outline-list ul li .course-outline{

            width: 100%;

    }

    .details .outline-list ul li .title{

        margin-bottom: 10px;

    }

    .profile-course .sec-tit .en .txt1{

        font-size: 28px;

    }

    .profile-course .sec-tit .en .txt2{

        font-size: 48px;

    }

    .story-list.news-list ul li {

        width: 100%;

    }

    .story-list.news-list ul li .news-img {

        width: 200px;

    }

    .story-list.news-list ul li .news-con {

        width: calc(100% - 200px);

        width: -webkit-calc(100% - 200px);

        padding-right: 15px;

    }

    /*-------------------------------contact.html---------------------------*/

    .message .tit {

        font-size: 22px;

    }

    .contact-list ul {

        margin-left: -10px;

        margin-right: -10px;

        font-size: 0;

    }

    .contact-list .contact-info {

        height: auto;

    }

    .contact-list ul li {

        width: 50%;

        display: inline-block;

        vertical-align: top;

        float: none;

        padding-left: 10px;

        padding-right: 10px;

        margin-bottom: 5%;

    }

    .contact-list .contact-name {

        font-size: 16px;

        margin-bottom: 15px;

    }

    .contact-list .contact-info {

        margin-bottom: 7%;

    }

    .message-form {

        width: 80%;

    }

    .main-tit .tit1 {

        font-size: 26px;

    }

    .main-tit .tit2 {

        font-size: 20px;

    }

    .main-tit .line {

        margin-bottom: 12px;

    }

    /*-------------------------team.html------------------------------------*/

    .team-list ul li .name {

        font-size: 18px;

    }

    /*-------------------------------alumnus.html---------------------------*/

    .alumnus-list ul li {

        width: 25%;

    }

    .alumnus-list ul {

        margin-left: -8px;

        margin-right: -8px;

    }

    .alumnus-list ul li {

        padding-left: 8px;

        padding-right: 8px;

    }

    .alumnus-list .position {

        font-size: 13px;

        height: 40px;

    }

    /*-------------------------------guide.html---------------------------*/

    .process-list ul li .process-icon {

        width: 90px;

        height: 90px;

        line-height: 90px;

        margin: 0 auto;

    }

    /*-------------------------------major.html---------------------------*/

    .campus-list2 {

        padding-left: 0;

        padding-right: 0;

    }

    .modules-list ul li {

        padding-top: 0;

    }

    .modules-list ul li>div:nth-child(1) {

        width: 100%;

        height: auto;

        text-align: center;

        padding-top: 2.5%;

        padding-bottom: 2.5%;

        margin-bottom: 5%;

    }

    .modules-list ul li .modules {

        width: 100%;

    }

    .modules-list ul li .tit:after {

        display: none;

    }

    .career-list ul li .career-img {

        width: 120px;

        height: 120px;

    }

    .career-list ul li .career-txt {

        padding-top: 20px;

        padding-bottom: 30px;

    }

    .couse-overview .overview-con .info>div p:nth-child(1) {

        margin-bottom: 10px;

    }

    .couse-overview .tit1 {

        font-size: 22px;

    }

    .couse-overview .overview-img {

        width: 50%;

    }

    .couse-overview .overview-con {

        width: 50%;

        padding-left: 5%;

    }

    .couse-overview .txt {

        line-height: 24px;

    }

    .fixed-menu ul li a {

        width: auto;

        padding: 0 10px;

    }

    .couse-overview .lesson {

        font-size: 16px;

    }

    .main-tit2 .zh {

        font-size: 22px;

    }

    .course-content .item-img {

        float: none;

    }

    .course-content .wrapper {

        font-size: 0;

        background: #eaeaea;

    }

    .course-content .item-img,

    .course-content .item_wrapper {

        display: inline-block;

        vertical-align: middle;

    }

    .course-content .item-img {

        width: 200px;

        height: 200px;

        margin: 0;

    }

    .course-content .item_wrapper {

        width: calc(100% - 200px);

        width: -webkit-calc(100% - 200px);

        padding-left: 5%;

        padding-right: 0;

    }

    .course-content .item_info {

        padding-top: 0;

    }

    .course-content .description {

        margin-top: 20px;

    }

    .course-content .pc-slide .view .swiper-slide:after {

        display: none;

    }

    .preview {

        margin-left: 0;

        margin-right: 0;

    }

    .preview .swiper-container {

        padding-left: 0;

        padding-right: 0;

    }

    .arrow-left,

    .arrow-right {

        width: 40px;

        height: 40px;

    }

    .course-content .title {

        font-size: 20px;

    }

    .course-content .preview .arrow-left,

    .course-content .preview .arrow-right {

        top: 30%;

    }

    .course-content .item_info {

        padding-right: 0;

    }

    /*---------------------------news.html------------------------------------*/

    .works-list ul {

        margin-left: -8px;

        margin-right: -8px;

    }

    .works-list ul li {

        width: 50%;

        padding-left: 8px;

        padding-right: 8px;

    }

    .process-menu a:after,

    .process-menu>div:after {

        margin-left: 10px;

    }

    .works-list .mask .desc {

        line-height: 24px;

    }

    /*---------------------------about.html------------------------------------*/

    .campus .campus-img {

        width: 40%;

    }

    .campus .campus-con {

        width: 60%;

    }

    .desc .data span {

        font-size: 42px;

    }

    .map .icon,

    .map .icon i,

    .map .icon span {

        width: 70px;

        height: 70px;

    }

    .map .icon {

        margin-bottom: 30px;

    }

    .course-list .course-info .title {

        font-size: 16px;

    }

    .course-list .course-info .subtitle,

    .campus .campus-con .txt {

        font-size: 13px;

        line-height: 22px;

    }

    .map {

        background: url(../images/map-img.jpg) no-repeat center / cover !important;

        background-size: cover;

        height: auto !important;

        padding-top: 6.09375% !important;

        padding-bottom: 6.4583% !important;

    }

    .desc {

        padding-top: 0 !important;

    }

    .map-point {

        display: none;

    }

    .campus .campus-con .tit span {

        font-weight: normal;

    }

    .main-con .main-tit {

        margin-top: 6.5%;

        margin-bottom: 6.5%;

    }

    /*campus.html*/

    .environment .environment-tit {

        transform: none;

        -ms-transform: none;

        -o-transform: none;

        -webkit-transform: none;

        -moz-transform: none;

    }

    .environment .environment-tit .txt {

        padding-left: 0;

        padding-bottom: 0;

    }

    .environment .environment-tit .txt .txt1 {

        font-size: 20px;

        margin-bottom: 5px;

    }

    .environment .environment-tit .txt .txt2 {

        font-size: 28px;

    }

    .environment .environment-tit .line {

        margin-left: 0;

        margin-bottom: 10px;

    }

    .environment .environment-tit2 {

        font-size: 20px;

    }

    .environment .environment-tit .txt .txt2 span,

    .environment .environment-tit .txt .txt1 {

        color: #fff;

    }

    .environment .sign {

        margin-top: 20px;

    }

    .environment .environment-desc {

        font-size: 13px;

    }

    .profile-graduates .graduates-list .swiper-slide .graduates-img img {

        width: 160px;

        height: 160px;

    }

    .profile-graduates .graduates-list .swiper-slide {

        height: 350px;

    }

    .profile-works .container_1318 {

        width: 84%;

    }

    .profile-works #works-album .swiper-slide,

    .profile-works .view .swiper-container,

    .profile-works .preview .swiper-container {

        width: 90%;

        height: auto;

    }

    .profile-works .swiper-img img {

        max-width: 100%;

        height: auto;

    }

    .profile-works .view,

    .profile-works .preview {

        padding-left: 30px;

        padding-right: 30px;

    }

    .profile-con2 .profile-txt2 p {

        margin-bottom: 15px;

    }

    .profile-con2 .profile-txt2 {

        padding-left: 0;

        padding-right: 0;

        line-height: 22px;

        font-size: 13px;

    }

    .environment .environment-tit .txt:after {

        display: none;

    }

    .details-con .close {

        right: 12%;

        border: 1px solid #093B78;

    }

    .details-con .close:after,

    .details-con .close:before {

        background: #093B78;

    }

    .details .info4 .info-txt span {

        width: 25%;

        float: left;

        display: block;

    }



    .courses-list ul li {

        padding-left: 10px;

        padding-right: 10px;

    }

    .profile-txt:after{

        display: none;

    }

    .news_det_con{

        padding-left: 0%;

        padding-right: 0%;

        color: #999;

    }

}



@media screen and (max-width: 768px) {

    

    .details .outline-list ul li {

        width: 100%;

        border-right: none;

        border-top: 1px solid #eeeeee;

    }

    .details .outline-list ul li:nth-child(1){

        border-top: none;

    }

    .course-list .course-img .course-mask,.course-list .course-img:after{

        display: none;

    }

    .profile-txt,.profile-con2 .profile-txt2{

        text-align: left;

    }

    .profile-txt p,.profile-con2 .profile-txt2{

        text-indent: 2em

    }

    .map .icon i {

        visibility: visible!important;

        animation: icon cubic-bezier(0.68, 0.18, 0.13, 0.98) 1.6s 1 both;

        -webkit-animation: icon cubic-bezier(0.68, 0.18, 0.13, 0.98) 1.6s 1 both;

        -moz-animation: icon cubic-bezier(0.68, 0.18, 0.13, 0.98) 1.6s 1 both;

        -o-animation: icon cubic-bezier(0.68, 0.18, 0.13, 0.98) 1.6s 1 both;

    }

    .map .icon span {

        visibility: visible!important;

        animation: icon_show cubic-bezier(0.63, 0.32, 0.17, 0.98) 1.4s 0.9s 1 both;

        -webkit-animation: icon_show cubic-bezier(0.63, 0.32, 0.17, 0.98) 1.4s 0.9s 1 both;

        -moz-animation: icon_show cubic-bezier(0.63, 0.32, 0.17, 0.98) 1.4s 0.9s 1 both;

        -o-animation: icon_show cubic-bezier(0.63, 0.32, 0.17, 0.98) 1.4s 0.9s 1 both;

    }

    .topNav-warp.fixed {

        top: 60px;

    }

    .campus .campus-img {

        width: 50%;

    }

    .campus .campus-con {

        width: 50%;

    }

    .message .tit {

        font-size: 20px;

        margin-bottom: 25px;

    }

    .main-tit .tit1 {

        font-size: 26px;

    }

    .main-tit .tit2 {

        font-size: 20px;

    }

    .main-tit .line {

        margin-bottom: 12px;

    }

    .contact-list ul {

        margin-left: -5px;

        margin-right: -5px;

    }

    .contact-list ul li {

        padding-left: 5px;

        padding-right: 5px;

    }

    .message-form {

        width: 90%;

    }

    /*---------------------------news.html------------------------------------*/

    .news-list ul li .news-time {

        display: none;

    }

    .news-list ul li .time2 {

        display: block;

        font-size: 12px;

        color: #999;

        margin-bottom: 5px;

    }

    .news-list ul li .news-con {

        width: calc(100% - 200px);

        width: -webkit-calc(100% - 200px);

    }

    .news-list ul li .summary {

        line-height: 22px;

        font-size: 13px;

    }

    .news-list ul li .news-img {

        width: 200px;

        height: auto;

    }

    .news-det .tit {

        font-size: 16px;

        padding-left: 5%;

        padding-right: 5%;

        line-height: 1.8;

    }

    .news-det .info {

        margin-top: 20px;

    }

    .main-con .con p {

        margin-bottom: 20px;

    }

    .link-read .link-list ul li {

        width: 45%;

        height: 40px;

        line-height: 40px;

    }

    .link-read .tit {

        font-size: 16px;

        margin-bottom: 15px;

    }

    .link-read {

        padding-top: 20%;

    }

    /*-------------------------team.html------------------------------------*/

    .team-list ul {

        margin-left: -5px;

        margin-right: -5px;

    }

    .team-list ul li {

        padding-left: 5px;

        padding-right: 5px;

    }

    .team-list ul li .name {

        font-size: 16px;

    }

    .team-list ul li .team-con {

        padding: 15px 5% 20px;

    }

    .team-list ul li .show {

        transform: translate(none);

        -ms-transform: translate(none);

        -o-transform: translate(none);

        -webkit-transform: translate(none);

        -moz-transform: translate(none);

    }

    .team-list ul li .position {

        font-size: 13px;

        margin-top: 15px;

        margin-bottom: 15px;

        line-height: 22px;

    }

    /*-------------------------------alumnus.html---------------------------*/

    .alumnus-list ul li {

        width: 50%;

        margin-bottom: 20px;

    }

    /*-------------------------------guide.html---------------------------*/

    .requirements-list ul li {

        width: 50%;

        padding-bottom: 30px;

    }

    .requirements-list ul li .requirements-desc {

        margin-top: 10px;

    }

    .process-list ul {

        font-size: 0;

    }

    .process-list ul {

        float: none;

        left: auto;

        right: auto;

        margin-left: 0;

        margin-right: 0;

    }

    .process-list ul li .icon-shadow {

        margin-top: 5px;

    }

    .process-list ul li {

        width: 33.3333%;

        display: inline-block;

        vertical-align: top;

        float: none;

        left: auto;

        right: auto;

        margin-bottom: 20px;

    }

    .process-list2 ul li {

        width: 25%;

    }

    .process-list ul li .info {

        margin-top: 5px;

        padding-left: 5%;

        padding-right: 5%;

    }

    .process-list ul li .process-icon {

        width: 70px;

        height: 70px;

        line-height: 70px;

        margin: 0 auto;

    }

    .process-list ul li:nth-child(1) .process-icon img {

        width: 27px;

        height: 32px;



    }

    .process-list ul li:nth-child(2) .process-icon img,.process-list2 ul li:nth-child(2) .process-icon img {

        width: 31px;

        height: 29px;

 

    }

    .process-list ul li:nth-child(3) .process-icon img {

        width: 30px;

        height: 33px;



    }

    .process-list ul li:nth-child(4) .process-icon img {

        width: 31px;

        height: 28px;



    }

    .process-list ul li:nth-child(5) .process-icon img,.process-list ul li:nth-child(3) .process-icon img {

        width: 34px;

        height: 28px;



    }

    .process-list ul li:nth-child(6) .process-icon img,.process-list ul li:nth-child(4) .process-icon img {

        width: 35px;

        height: 35px;



    }

    .process-list2 ul li:nth-child(1) .process-icon img {

        width: 34px;

        height: 30px;



    }



    .process-list ul li .process-icon:after {

        width: 14px;

        height: 14px;

        right: -4px;

        margin-top: -7px;

    }

    .requirements-list ul li:hover {

        box-shadow: none;

        -webkit-box-shadow: none;

        transform: translateY(0px);

        -ms-transform: translateY(0px);

        -o-transform: translateY(0px);

        -webkit-transform: translateY(0px);

        -moz-transform: translateY(0px);

    }

    .requirements-list ul li:hover:after {

        width: 0%;

    }

    .requirements-list ul li:hover .number {

        opacity: 0;

    }

    /*-------------------------------major.html---------------------------*/

    .career .career-tit .tit1 {

        font-size: 24px;

    }

    .couse-overview .tit1 {

        font-size: 18px;

    }

    .couse-overview .overview-con .tit1 a {

        height: 20px;

        line-height: 20px;

    }

    .majro-con .tit1 {

        font-size: 22px;

    }

    .modules-list ul li .year1 {

        font-size: 22px;

    }

    .modules-list ul li .year2 {

        font-size: 16px;

        margin-top: 5px;

    }

    .campus-list2 ul li {

        height: 120px;

    }

    .campus-list2 ul li .icon {

        width: 60px;

        height: 60px;

        line-height: 60px;

    }

    .campus-list2 ul li .txt {

        margin-left: 15px;

    }

    .career-list ul li {

        width: 25%;

    }

    .career-list ul li .career-img {

        width: 100px;

        height: 100px;

    }

    .couse-overview .overview-img {

        width: 100%;

    }

    .couse-overview .overview-con {

        width: 100%;

        padding-left: 0;

        margin-top: 5%;

    }

    .couse-overview .tit2 {

        margin-bottom: 20px;

    }

    .couse-overview .txt {

        margin-bottom: 15px;

    }

    .career-list ul {

        margin-left: 0;

        margin-right: 0;

    }

    .majro-con .tit1,

    .majro-con .tit2 {

        line-height: 1.6;

    }

    .preview .photo {

        width: 80px;

        height: 80px;

    }

    .course-content .preview .title {

        font-size: 14px;

    }

    .course-content .preview .subtitle {

        font-size: 12px;

        line-height: 1.4;

    }

    .preview .photo svg {

        display: none;

    }

    .course-content .preview .swiper-slide-active .photo {

        border: 2px solid #f8c80f;

    }

    .course-content .title {

        font-size: 18px;

    }

    .course-content .item-img {

        width: 160px;

        height: 160px;

    }

    .course-content .item_wrapper {

        width: calc(100% - 160px);

        width: -webkit-calc(100% - 160px);

    }

    .course-content .description {

        font-size: 13px;

    }

    .course-content .wrapper {

        padding-top: 5%;

        padding-bottom: 5%;

    }

    .campus .campus-con .tit {

        font-size: 16px;

        margin-bottom: 15px;

    }

    .course-list ul {

        margin-left: -4px;

        margin-right: -4px;

    }

    .course-list ul li {

        width: 50%;

        padding-left: 4px;

        padding-right: 4px;

    }

    .map .icon,

    .map .icon i,

    .map .icon span {

        width: 60px;

        height: 60px;

    }

    .map .desc ul li:nth-child(1) .icon span {

        background-size: 24px 27px;

    }

    .map .desc ul li:nth-child(2) .icon span {

        background-size: 30px 27px;

    }

    .map .desc ul li:nth-child(3) .icon span {

        background-size: 33px 35px;

    }

    .desc .data span {

        font-size: 36px;

    }

    .map .icon {

        margin-bottom: 20px;

    }

    .desc .txt {

        font-size: 14px;

    }

    .map {

        background: url(../images/map-img2.jpg) no-repeat center / cover !important;

        background-size: cover;

        height: auto !important;

        padding-top: 60px !important;

        padding-bottom: 60px !important;

    }

    .desc {

        width: 90%;

    }

    .campus .campus-con {

        height: auto !important;

    }

    .campus-list ul li {

        border: none;

    }

    .profile-destination .destination-list ul {

        margin-left: -8px;

        margin-right: -8px;

    }

    .profile-destination .destination-list ul li {

        padding-left: 8px;

        padding-right: 8px;

    }

    .profile-destination .destination-list ul li .tit {

        font-size: 16px;

        margin-top: 20px;

        margin-bottom: 15px;

    }

    .environment .environment-tit .txt .txt2 {

        font-size: 24px;

    }

    .profile-more {

        margin-top: 25px;

    }

    .profile-course .sec-tit {

        float: none;

        width: 100%;

        padding: 0;

        height: auto!important;

        text-align: center;

    }

    .profile-course .sec-tit .en .txt1,

    .profile-course .sec-tit .en .txt2 {

        display: inline-block;

        vertical-align: bottom;

        text-transform: uppercase;

        line-height: 1;

        margin: 0;

        font-size: 24px;

    }

    .profile-course .sec-tit .en:before {

        margin: 0 auto 15px;

    }

    .profile-course .sec-tit .zh {

        font-size: 18px;

        margin-top: 5px;

    }

    .courses-list ul {

        margin-left: -8px;

        margin-right: -8px;

    }

    .courses-list ul li {

        padding-left: 8px;

        padding-right: 8px;

        width: 50%;

        margin-bottom: 20px;

    }

    .courses-list ul li .tit {

        padding: 20px 15px;

    }

    .profile-works .container_1318 {

        width: 90%;

    }

    .environment .environment-img,

    .environment .environment-txt {

        width: 100%;

        padding: 0;

    }

    .environment .environment-txt {

        margin-top: 5%;

    }

    .profile-news-list ul {

        margin: 0;

    }

    .profile-news-list .news-txt {

        padding-left: 20px;

        padding-right: 0;

    }

    .profile-news-list .tit {

        margin-bottom: 10px;

    }

    .profile-news-list li {

        width: 100%;

        padding: 0;

        margin-bottom: 20px;

    }

    .campus_message .message-contact,

    .campus_message .message-form-warp {

        width: 100%;

    }

    .campus_message .contact-name {

        font-size: 18px;

        margin-bottom: 5%;

    }

    .campus_message .contact-info p {

        margin-bottom: 10px;

    }

    .campus_message .map-point {

        margin: 5% 0;

    }

    .campus_message .message-form {

        padding: 0;

        border: none;

    }

    .profile-img .main-tit {

        display: none;

    }

    .profile-course .sec-tit {

        margin-left: 0;

    }

    .fixed-detail-con .content p {

        margin-bottom: 20px;

    }

    .fixed-swiper .button .icon {

        width: 60px;

        height: 60px;

        line-height: 60px;

    }

    .fixed-swiper .button .icon img {

        width: 20px;

        height: auto;

    }



     .fixed-detail-con .position{

        margin-bottom: 25px;

        text-align: left;

    }

}



@media screen and (max-width: 640px) {

    .story-list.news-list ul li .news-img {

        width: 160px;

    }

    .story-list.news-list ul li .news-con {

        width: calc(100% - 160px);

        width: -webkit-calc(100% - 160px);

        padding-right: 15px;

    }

    .main-con .main-tit,

    .main-con.alumnus-con .main-tit {

        margin-top: 40px;

        margin-bottom: 35px;

    }

    .main-tit .tit1 {

        font-size: 20px;

    }

    .main-tit .tit2 {

        font-size: 18px;

    }

    .contact-list ul {

        margin-left: 0;

        margin-right: 0;

    }

    .contact-list ul li {

        width: 100%;

        padding: 0;

    }

    .message-form .input-item,

    .nice-select,

    .input-item input[type=text] {

        height: 40px;

        line-height: 40px;

    }

    .banner-news .swiper-pagination,

    .profile-team-list .swiper-pagination {

        bottom: 0;

    }

    .team-list ul li .name {

        font-size: 15px;

    }

    /*-------------------------------alumnus.html---------------------------*/

    .alumnus-list .alumnus-con {

        padding-top: 15px;

    }

    .alumnus-list .name {

        font-size: 16px;

    }

    .alumnus-list .position {

        height: 50px;

    }

    /*-------------------------------major.html---------------------------*/

    .main-tit2 .tit1 {

        font-size: 20px;

    }

    .campus-list2 ul {

        margin-left: -4px;

        margin-right: -4px;

    }

    .campus-list2 ul li>div>div {

        display: block;

    }

    .campus-list2 ul li {

        height: auto;

        padding-left: 4px;

        padding-right: 4px;

        height: 140px;

        text-align: center;

    }

    .majro-con .tit1 {

        font-size: 20px;

    }

    .majro-con .con p {

        margin-bottom: 20px;

    }

    .majro-con .con {

        line-height: 24px;

    }

    .campus-list2 ul li .txt p:nth-child(1) {

        font-size: 14px;

        margin-bottom: 5px;

    }

    .campus-list2 ul li .icon {

        margin: 0 auto 5% auto;

    }

    .campus-list2 ul li .txt {

        text-align: center;

        margin-left: 0;

    }

    .main-tit2.district-tit {

        margin-bottom: 30px;

    }

    .career-list ul li .career-img {

        width: 90px;

        height: 90px;

    }

    .modules-list ul li .modules span {

        padding-left: 10px;

        padding-right: 10px;

        min-width: 120px;

    }

    .modules-list ul li .year1 {

        font-size: 20px;

    }

    .modules-list ul li .modules {

        padding-left: 20px;

        padding-right: 20px;

    }

    .career-list ul li .career-txt {

        font-size: 12px;

    }

    .course-content .item_wrapper {

        width: 100%;

    }

    .course-content .item-img {

        margin-bottom: 20px;

        margin-left: 5%;

    }

    /*-------------------------------works.html---------------------------*/

    .works-list .name {

        margin-bottom: 25px;

    }

    .process-menu>a.cur:after,

    .process-menu>div.cur:after {

        display: none;

    }

    .process-menu a,

    .process-menu>div {

        margin: 0 5px;

    }

    .campus .campus-img,

    .campus .campus-con {

        width: 100%;

    }

    .campus .campus-con {

        height: auto !important;

        margin-top: 6.5%;

        padding-bottom: 6.5%;

    }

    .profile-destination .destination-list ul li {

        width: 100%;

        padding: 0;

        margin-bottom: 5%;

    }

    .profile-destination .destination-list ul {

        margin: 0;

    }

    .profile-destination .desc2 {

        font-size: 13px;

        line-height: 22px;

    }

    .profile-destination .destination-list ul li .profile-more {

        display: none;

    }

    .profile-destination .desc2 {

        height: auto;

    }

    .profile-works .desc {

        display: none;

    }

    .profile-works .swiper-pagination .swiper-pagination-current {

        font-size: 14px;

    }

    .profile-works .swiper-pagination .swiper-pagination-total {

        font-size: 18px;

    }

    .profile-works .swiper-pagination {

        height: 40px;

        line-height: 40px;

        padding-left: 15px;

        background: #646464;

    }

    .profile-graduates .graduates-list .swiper-slide-active,

    .profile-graduates .graduates-list .swiper-slide {

        box-shadow: 0px 12px 64px rgba(0, 0, 0, 0.1);

        -webkit-box-shadow: 0px 12px 64px rgba(0, 0, 0, 0.1);

    }

    .profile-graduates .graduates-list .swiper-slide-active .tit1,

    .profile-graduates .graduates-list .swiper-slide .tit1 {

        color: #333;

        transform: translateY(-10px);

        -ms-transform: translateY(-10px);

        -o-transform: translateY(-10px);

        -webkit-transform: translateY(-10px);

        -moz-transform: translateY(-10px);

    }

    .profile-graduates .graduates-list .swiper-slide-active .tit2,

    .profile-graduates .graduates-list .swiper-slide .tit2 {

        color: #333;

        transform: translateY(-10px);

        -ms-transform: translateY(-10px);

        -o-transform: translateY(-10px);

        -webkit-transform: translateY(-10px);

        -moz-transform: translateY(-10px);

    }

    .profile-graduates .graduates-list .swiper-slide-active .graduates-img,

    .profile-graduates .graduates-list .swiper-slide .graduates-img {

        transform: translateY(-10px);

        -ms-transform: translateY(-10px);

        -o-transform: translateY(-10px);

        -webkit-transform: translateY(-10px);

        -moz-transform: translateY(-10px);

    }

    .profile-graduates .graduates-list .swiper-slide-active .tit3,

    .profile-graduates .graduates-list .swiper-slide .tit3 {

        opacity: 1;

        transform: translateY(-10px);

        -ms-transform: translateY(-10px);

        -o-transform: translateY(-10px);

        -webkit-transform: translateY(-10px);

        -moz-transform: translateY(-10px);

    }

    .profile-graduates .graduates-list .swiper-slide-active:after,

    .profile-graduates .graduates-list .swiper-slide:after {

        visibility: visible;

        transform: rotateX(0deg);

        -ms-transform: rotateX(0deg);

        -o-transform: rotateX(0deg);

        -webkit-transform: rotateX(0deg);

        -moz-transform: rotateX(0deg);

    }

    .profile-graduates .graduates-list .swiper-slide .graduates-img img {

        width: 140px;

        height: 140px;

    }

    .profile-graduates .graduates-list .swiper-slide .tit1 {

        margin-top: 15px;

    }

}



@media screen and (max-width: 560px) {

    .details .info-tit .icon {

        display: none;

    }

    .details .info-tit {

        margin-bottom: 10px;

    }

    .details .info1 {

        padding-bottom: 20px;

    }

    .details .info4 .info-txt span {

        width: 33.3333%;

        float: left;

        display: block;

    }

    .details .info-tit .tit1 {

        font-size: 15px;

        margin-bottom: 5px;

    }

}



@media screen and (max-width: 480px) {

    .main-tit2 {

        margin-top: 30px;

        margin-bottom: 25px;

    }

    .main-tit2 .tit1 {

        font-size: 18px;

    }

    .main-tit .line {

        margin-bottom: 8px;

    }

    .news-list ul li .news-con {

        width: 50%;

    }

    .news-list ul li .news-img {

        width: 50%;

    }

    .main-tit .tit1 {

        font-size: 20px;

    }

    .main-tit .tit2 {

        font-size: 16px;

    }

    /*-------------------------------alumnus.html---------------------------*/

    .alumnus-list .position {

        font-size: 12px;

    }

    .alumnus-list .alumnus-con {

        padding-top: 15px;

    }

    .alumnus-list .achievement {

        padding-top: 12px;

        height: 90px;

    }

    /*-------------------------------guide.html---------------------------*/

    .requirements-list ul li .requirements-desc {

        font-size: 13px;

    }

    .process-menu>a.cur:after,

    .process-menu>div.cur:after {

        width: 35px;

        margin-left: 10px;

    }

    .process-list2 ul li {

        width: 50%;

    }

    .process-list {

        margin-bottom: 0;

    }

    .process .sign {

        margin-top: 25px;

    }

    .process-list ul li .info {

        font-size: 13px;

    }

    .career .career-tit .tit1 {

        font-size: 20px;

    }

    .career .career-tit .tit2 {

        font-size: 12px;

    }

    .career-list ul li {

        width: 33.3333%;

    }

    .modules-list ul li .modules span {

        min-width: 145px;

        margin: 0 1% 10px;

        font-size: 12px;

    }

    .majro-con .con {

        font-size: 13px;

    }

    /*about.html*/

    .profile-txt {

        font-size: 13px;

        line-height: 1.8;

    }

    .course-list .course-info>div {

        padding: 15px 10px 15px 10px;

    }

    .course-list .course-info .subtitle {

        margin-top: 8px;

    }

    .desc .data {

        font-size: 12px;

    }

    .desc .data span {

        font-size: 24px;

    }

    .map .icon,

    .map .icon i,

    .map .icon span {

        width: 50px;

        height: 50px;

    }

    .map .desc ul li:nth-child(1) .icon span {

        background-size: 20px 23px;

    }

    .map .desc ul li:nth-child(2) .icon span {

        background-size: 28px 25px;

    }

    .map .desc ul li:nth-child(3) .icon span {

        background-size: 22px 23px;

    }

    .profile-graduates .graduates-list .swiper-slide {

        height: 300px;

    }

    .profile-graduates .graduates-list .swiper-slide .tit2 {

        margin-bottom: 10px;

    }

    .environment .environment-tit .txt .txt2,

    .environment .environment-tit .txt .txt1，.environment .environment-tit2 {

        font-size: 16px;

    }

    .environment .environment-tit .line {

        margin-bottom: 5px;

    }

    .campus_message .message-warp {

        padding: 8% 0;

    }

    .campus_message .contact-name {

        font-size: 16px;

    }

    .campus_message .contact-info {

        font-size: 13px;

    }

    .campus_message .contact-info p {

        margin-bottom: 5px;

    }

    .courses-list ul {

        margin: 0;

    }

    .courses-list ul li {

        width: 100%;

        padding: 0;

    }

    .fixed-detail-con.show .container_1318 {

        width: 100%;

    }

    .fixed-detail-con .content p {

        margin-bottom: 15px;

    }

    .fixed-detail-con .close {

        right: 15px;

        top: 15px;

        width: 35px;

        height: 35px;

    }

    .fixed-detail-con .title {

        font-size: 16px;

        margin-bottom: 20px;

    }

    .campus-list ul li {

        margin-bottom: 10px;

    }

    .details>.container_1318 {

        width: 100%;

    }

    .details-con .close {

        right: 5%;

        width: 35px;

        height: 35px;

    }

    .team-list ul li {

        width: 100%;

        margin-bottom: 20px;

    }

    .team-list+.page {

        padding-top: 5%;

        padding-bottom: 15%;

    }

    .profile-works .preview .mask .tit1 {

        font-size: 12px;

    }

    .majro-con .tit1{

      font-size: 16px;

      margin-bottom: 5px;

    }

    .modules-list ul li>div:nth-child(1){

      padding-top: 3.5%;

      padding-bottom: 3.5%;

    }

}



@media screen and (max-width: 420px) {

    .news-list ul li .news-con {

        width: 60%;

    }

    .news-list ul li .news-img {

        width: 40%;

    }

    .news-list ul li .tit {

        margin-bottom: 5px;

        font-size: 15px;

    }

    .story-list.news-list ul li .news-img {

        width: 140px;

    }

    .story-list.news-list ul li .news-con {

        width: calc(100% - 140px);

        width: -webkit-calc(100% - 140px);

        padding-right: 15px;

    }

}









/*改动*/

.banner img{

    width: 100%;

    min-width: 100%;

    max-width: 100%;

}

.article_con p{

    /*text-indent: 30px;*/

}

.fangyuan-lunbo{

    height: 500px;

    width: 100%;

    display: inline-block;

}

.fangyuan-lunbo .swiper-container {

    width: 100%;

    height: 300px;

    margin-left: auto;

    margin-right: auto;

}

.fangyuan-lunbo .swiper-slide {

    background-size: cover;

    background-position: center;

}

.fangyuan-lunbo .gallery-top {

    height: 80%;

    width: 100%;

}

.fangyuan-lunbo .gallery-thumbs {

    height: 20%;

    box-sizing: border-box;

    padding: 10px 0;

}

.fangyuan-lunbo .gallery-thumbs .swiper-slide {

    height: 100%;

    opacity: 0.4;

}

.fangyuan-lunbo .gallery-thumbs .swiper-slide-thumb-active {

    opacity: 1;

}

.fangyuan-info{

    width: 500px;

    height: 500px;

    box-sizing: border-box;

    border: 1px solid red;

    display: inline-block;

}

.couse-overview .sign{

    padding-right: 0;

}

.couse-overview .sign:hover{

    color: #fff;

}

@media only screen and (max-width: 1200px){

    .sidebar_box{

        display: none;

    }

    .website_op{

        text-align: center;

    }

    .w_1200{

        width: 100%;

    }

    .info_box{

        width: 100%;

        float: none;

    }

    .info_article{

        width: 80%;

        margin: 0 auto;

    }

}

@media only screen and (max-width: 768px){

    .info_article{

        width: 100%;

        margin: 0 auto;

    }

}

@media only screen and (max-width: 768px){

    .info_article{

        padding: 30px 30px 0;

    }

}







/*顶部轮播*/

.swiper-container {

  width: 100%;

  margin-left: auto;

  margin-right: auto;

}

.swiper-container .swiper-wraper{

    width: 100%;

}

.swiper-slide {

  text-align: center;

  font-size: 18px;

  background: #fff;



  /* Center slide text vertically */

  display: -webkit-box;

  display: -ms-flexbox;

  display: -webkit-flex;

  display: flex;

  -webkit-box-pack: center;

  -ms-flex-pack: center;

  -webkit-justify-content: center;

  justify-content: center;

  -webkit-box-align: center;

  -ms-flex-align: center;

  -webkit-align-items: center;

  align-items: center;

}



/*底部热门国家*/

.hot-country{

    width: 1289px;

    margin: 0 auto;

}

@media only screen and (max-width: 1366px){

    .hot-country{

        width: 90%;

    }

}

.banner .swiper-slide img{

    width: 100%;

    max-width: 100%;

    min-width: 100%;

}

.banner .swiper-slide a{

    width: 100%;

    display: block;

    min-height: 320px;

}

@media only screen and (max-width: 1200px) {

    .banner .swiper-slide a{

        min-height: 200px;

    }  

}

@media only screen and (max-width: 768px) {

    .banner .swiper-slide a{

        min-height: 130px;

    }  

}

@media only screen and (max-width: 480px) {

    .banner .swiper-slide a{

        min-height: 100px;

    }  

}







/*查询价格表单*/

.dialog-form .fl{

    width: 65%;

}

.dialog-form .fr{

    width: 30%;

}

.dialog-form .fr input{

    width: 100%;

    height: 48px;

    display: block;

    background: #fff;

    border: 1px solid #dfdfdf;

    color: #333;

    border-radius: 4px;

    font-size: 14px;

    cursor: pointer;

}

.dialog-form .fr input:hover{

    background: #093B78;

    border: none;

    color: #fff;

}


/*弹出广告*/
/*.ad{ 
    display: none; 
    z-index: 999; 
    width: 456px; 
    height: 456px; 
    position: fixed; 
    margin-left: 50%; 
    left: -228px; 
    top: 30%; 
} 
.ad img{ 
    display: inline-block; 
    float: left; 
    cursor: pointer; 
} 
@media only screen and (max-width: 768px){ 
    .ad{ 
        display: none; 
    }
}*/