* {-webkit-tap-highlight-color:transparent;margin:0;padding:0;-webkit-box-sizing:border-box;box-sizing:border-box;}
html,body,div,span,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,address,big,cite,code,del,em,img,ins,small,strong,var,b,u,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend {margin:0;padding:0;}
body {font-family:"Microsoft Yahei";min-width:320px;background:#fff;margin:0 auto;font-size:14px;color:#181818;}
ol,ul,li {list-style:none outside none;}
a {color:#333;text-decoration:none;color:inherit;cursor:pointer;outline:none;}
a:hover{color:#F05050}
img {border:none;vertical-align:middle;max-width:100%;}
table {border-collapse:collapse;width:100%;}
tr,td,th {padding:0;margin:0;}
em,i {font-style:normal;}
input,textarea,button,select {outline:none !important;}
a,button,input {-webkit-tap-highlight-color:rgba(255,0,0,0);border:0}
input[type="button"],input[type="submit"],input[type="reset"] {-webkit-appearance:none;}
h1,h2,h3,h4,h5,h6 {font-weight:normal;}
i,em,b {font-style:normal;font-weight:normal;}
input,textarea,select {padding:0;font-family:inherit;outline:none;resize:none;background:none;border:none;font-size:inherit;color:inherit;}
input::-webkit-input-placeholder {color:#999999;}
input:-moz-placeholder {color:#999999;}
input::-moz-placeholder {color:#999999;}
input:-ms-input-placeholder {color:#999999;}
.currentPage{width:40px;height:30px; line-height:30px; display:inline-block; margin:0 10px; padding:0 3px; text-align:center;border-radius:2px; vertical-align:top; background-color:#fff; border:1px solid #ddd; color:#999}
.page-button{height:30px; line-height:30px; padding:0 10px; margin-left:10px; cursor:pointer; border-radius:2px; vertical-align:top;background-color:#fff;border:1px solid #ddd; color:#999}
.colorwhite{color:#fff}
.mb20{margin-bottom:20px !important;}
.mb40{margin-bottom:40px !important;}
.fbg{background:#EBEBEB; }
.hidden{display:none!important;}
.container {max-width:1280px;margin:0 auto;}
.container:after {content:"";display:block;width:100%;height:1px;clear:both;}
.showdiv {opacity:1 !important;visibility:visible !important;}
.scrollstyle {height:100%;overflow:hidden;}
.more-btn {clear:both;width:191px;height:45px;line-height:44px;display:block;margin:0 auto;text-align:center;color:#fff;background:url(../images/ico/btn.png) center no-repeat;background-size:contain;}
.more-btn:hover {color:#19216B;background:url(../images/ico/btn_h.png) center no-repeat;background-size:contain;}
@media screen and (min-width:751px) {.top-index,.header,.footer,.page,.index-part1,.index-part2,.index-part3,.index-part4,.index-part5,.index-part6,.index-part7 {min-width:1280px;}
	.menu-mobile,.pagelist-mobile {display:none !important;}
}

.top-index {position:relative;overflow:hidden;height:100vh;border:14px solid #ffc600;}
.top-index .arrow {display:block;width:70px;height:70px;position:absolute;left:50%;bottom:5%;margin-left:-35px;z-index:1;}

.top-index .swiper-container{height:100%;}
.top-index .swiper-button-next,.top-index .swiper-button-prev {width:54px;height:54px;top:50%;-moz-background-size:54px 54px;-webkit-background-size:54px 54px;background-size:54px 54px; z-index:999; margin-top:-27px}
.top-index .swiper-button-prev {left:0;background:url(../images/ico/prev.png) center no-repeat;}
.top-index .swiper-button-next {right:0;background:url(../images/ico/next.png) center no-repeat;}
.top-index .video {position:absolute;top:0;bottom:0;left:50%;margin:auto; z-index: 3; width: 100px;height: 100px; margin-left: -50px; cursor: pointer;}


.top-index .arrow span {display:block;cursor:pointer;width:40px;height:24px;transition:0.3s;background:url(../images/ico/scroll_arrow.png) center no-repeat;background-size:contain;}
.top-index .arrow .item1 {margin-bottom:-8px;}
.top-index .arrow:hover .item1 {margin-bottom:-20px;opacity:0}
.top-index .logo {position:absolute;left:4.5%;top:8%;z-index:2}
.top-index .banner {position:absolute;left:0;right:0;top:0;bottom:0;transition:0.3s ease-in-out;}
.top-index .maintxt {position:absolute;top:0;bottom:0;left:50%;margin:auto; width: 90%; margin-left: -45%; height:auto;-webkit-filter:drop-shadow(0px 0px 6px rgba(0,0,0,0.4));filter:drop-shadow(0px 0px 6px rgba(0,0,0,0.4)); z-index:2}
.top-index .maintxt.active {opacity:1;}
.top-index .opening {position:absolute;top:0;left:0;width:100%;height:100%;background-color:#19216B;-webkit-clip-path:polygon(0% 0%,100% 0%,100% 100%,0% 100%);clip-path:polygon(0% 0%,100% 0%,100% 100%,0% 100%);z-index:3;}
.top-index .opening.remove {transform:translateY(-30px);transition:opacity 1.8s,clip-path 1.8s cubic-bezier(0.705,0.005,0.330,1.005),transform 1.8s cubic-bezier(0.705,0.005,0.330,1.005);clip-path:polygon(0% 0%,100% 0%,100% 0%,0% 0%);pointer-events:none;}
.top-index .opening>img {position:absolute;top:0;bottom:0;left:0;right:0;margin:auto;-webkit-clip-path:polygon(0% 100%,100% 100%,100% 100%,0% 100%);clip-path:polygon(0% 100%,100% 100%,100% 100%,0% 100%);-webkit-transform:translateY(30px);-ms-transform:translateY(30px);transform:translateY(30px);}
.top-index .opening img.add {transform:translateY(0px);transition:opacity 1.8s,clip-path 0.8s cubic-bezier(0.705,0.005,0.330,1.005),transform 0.8s cubic-bezier(0.705,0.005,0.330,1.005);clip-path:polygon(0% 0%,100% 0%,100% 100%,0% 100%);}
.top-index .opening img.remove {transform:translateY(-30px);transition:opacity 1.8s,clip-path 1.8s cubic-bezier(0.705,0.005,0.330,1.005),transform 1.8s cubic-bezier(0.705,0.005,0.330,1.005);clip-path:polygon(0% 0%,100% 0%,100% 0%,0% 0%);}


/*header*/
.header .section1 {background:#EBEBEB;line-height:40px;transition:transform 0.5s;overflow:hidden;}
.header .section1 h5 {font-size:12px;float:left;color:#888888}
.header .section1 p {font-size:12px;float:right;}
.header .section1 a {cursor:pointer;float:right;margin:12px 0 0 5px;width:22px;height:15px;}
.header .section1 .china {background:url(../images/ico/lang_icon_ch.jpg) center no-repeat;}
.header .section1 .jp {margin-right:8px;background:url(../images/ico/lang_icon_jp.jpg) center no-repeat;}
.header .section2 {background:#fff;height:70px;transition:transform 0.5s;moz-box-shadow:0px 2px 8px 0px rgba(0,0,0,0.16);-webkit-box-shadow:0px 2px 8px 0px rgba(0,0,0,0.16);box-shadow:0px 2px 8px 0px rgba(0,0,0,0.16);position: relative;Z-index: 2;}
.header .logo {float:left;padding-top:18px;overflow:hidden;}
.header .logo img {height:34px;}
.header .search{width:240px; float:left; margin-left:40px; margin-top:20px; display:flex; align-items:center}
.header .search .input{border:1px solid #ddd; height:30px; line-height:30px; width:200px}
.header .submit {width:22px;height:22px;background:url(../images/ico/search.png) center no-repeat;background-size:contain; margin-left:10px; cursor:pointer;}
.header .navmenu {float:right;height:70px;}
.header .navmenu li {float:left;margin-right:25px;position:relative;}
.header .navmenu li a {display:block;line-height:70px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.header .navmenu a:hover,.header .navmenu .active {color:#F05050}
.header .navmenu .drop {display:none;position:absolute;left:-15px;width:260px;padding-bottom:10px;background:#19216B;z-index:2;}
.header .navmenu .drop a {line-height:40px;color:#fff;font-size:12px;padding:0 20px;border-bottom:1px solid #4C518D;}
.header .navmenu .drop a:hover {background:#FFC600;color:#4C518D;}
.headerFixed {position:fixed;left:0;right:0;top:0;z-index:3}
.headerFixed .section1,.headerFixed .section2,.headerFixed .nav-box {transform:translateY(-41px);}

/*nav*/
.nav-box {height:40px;background:#19216B;transition:transform 0.5s;}
.nav-box dl {line-height:40px;}
.nav-box dt {float:left;color:#fff;color:#FFFFFF;}
.nav-box dd {float:right;margin-right:30px;position:relative;width:calc(100% - 140px);background:#FFC600}
.nav-box dd:before,.nav-box dd:after {content:"";width:0;height:0;position:absolute;top:0;bottom:0;}
.nav-box dd:before {left:0;border-style:solid;border-width:40px 30px 0 0;border-color:#19216b transparent transparent transparent;}
.nav-box dd:after {right:-30px;border-style:solid;border-width:40px 30px 0 0;border-color:#FFC600 transparent transparent transparent;}
.nav-box dd a {float:right;color:#19216B;margin-right:24px;}
.nav-box dd a:hover,.nav-box dd .active {color:#F05050}
.index-menu .nav-box{display: none !important;}

/*footer*/
.footer {clear:both;background:#19216B;color:#fff;font-size:12px;overflow:hidden;}
.footer .logo {display:block;width:106px;height:106px;margin:0 auto 30px;overflow:hidden;}
.footer .menu {padding:40px 0 50px;overflow:hidden;}
.footer .menu li {float:left; width:180px}
.footer .menu li:first-child {border-right:1px solid #30387A;margin-right:55px;min-height:190px; width:120px}
.footer .menu li:last-child {margin:0;}
.footer .menu h4 {font-size:14px;margin-bottom:10px;}
.footer .menu a {display:block;color:#fff;padding-left:14px;line-height:25px;background:url(../images/ico/link.png) left center no-repeat;}
.footer .menu a:hover {color:#8C90B5;background:url(../images/ico/link_h.png) left center no-repeat;}
.footer .other {background:#0D1663;padding-top:35px;text-align:center;}
.footer .other:after {content:"";display:block;width:100%;height:1px;clear:both;}
.footer .links {display:inline-block;position:relative;padding:20px 0;}
.footer .links:before {content:"";height:1px;background:#525890;position:absolute;left:16px;right:16px;top:0}
.footer .links:after {content:"";width:100%;height:1px;clear:both}
.footer .links li {display:inline-block;cursor:pointer;position:relative;vertical-align:top;padding:10px 16px;height:60px}
.footer .links a,.footer .links img {display:block;height:32px; margin-top:8px}
.footer .qrcode {display:none;position:absolute;left:0;bottom:56px;z-index:2;background:rgba(24,24,24,0.75);text-align:center;padding:0 8px 3px;}
.footer .qrcode:after {content:"";position:absolute;left:50%;margin-left:-3px;bottom:-12px;width:0;height:0;border:6px solid transparent;border-top-color:rgba(24,24,24,0.75);}
.footer .qrcode h4 {font-size:16px;border-bottom:1px dashed #767676;line-height:44px;margin-bottom:16px;}
.footer .qrcode a,.footer .qrcode p {float:left;margin:0 5px 3px;height:auto;width:110px;}
.footer .qrcode a{color:#fff}
.footer .qrcode span {display:block;line-height:18px;height:36px;overflow:hidden}
.footer .qrcode img {max-width:inherit;margin:0 auto 8px;width:110px;height:110px;}
.footer .links li:hover .qrcode {display:block}
.footer .copyright {clear:both;text-align:center;line-height:180%;border-top:1px solid #262E73;padding:6px 0;}
.footer .copyright a {display:inline-block;margin-left:5px; color: #fff;}


.fixed-online {position:fixed;right:0;bottom:10%;z-index:5; visibility: hidden;}
.fixed-online li {text-align:center;color:#fff;position:relative; width:75px;}
.fixed-online li:last-child {border:0}
.fixed-online a {display:block;color:#fff;padding:15px 12px;line-height:16px;font-size:15px;width:50px;background:#19216B; border-bottom:1px solid #2E3588; float:right}
.fixed-online a:before {content:"";display:block;width:26px;height:26px;margin:0 auto 5px;}
.fixed-online a:hover {background:#FFC600}
.fixed-online .ewm {display:none;position:absolute;right:70px;top:0;width:250px;padding-bottom:22px;background:rgba(24,24,24,0.75)}
.fixed-online .ewm:after {content:"";position:absolute;right:-16px;top:14px;border:8px solid transparent;border-left-color:rgba(24,24,24,0.75);}
.fixed-online .ewm h4 {font-size:16px;border-bottom:1px dashed #767676;line-height:44px;}
.fixed-online .ewm p {margin:12px;line-height:28px;overflow:hidden;}
.fixed-online .ewm img {display:block;margin:0 auto 5px;width:200px;height:200px;}
.fixed-online .item1 a:before {background:url(../images/ico/ico1.png) center no-repeat;}
.fixed-online .item2 a:before {background:url(../images/ico/ico2.png) center no-repeat;}
.fixed-online .item3 a:before {background:url(../images/ico/ico3.png) center no-repeat;}
.fixed-online .item4 a:before {margin-bottom:0;background:url(../images/ico/top.png) center no-repeat;}

/*page-banner*/
.page-banner {margin-bottom:60px;overflow:hidden;}
.page-banner img {display:block;margin:0 auto;}
@media screen and (max-width:750px) {.page-banner {margin-bottom:20px;}
}
/*location*/
.location {font-size:14px;line-height:30px;overflow:hidden; padding:15px 0}
.location a {color:#8C8C8C}
.location a:hover {color:#F05050}
/*分页*/
.pagelist {margin:40px 0;text-align:center;overflow:hidden;}
.pagelist li {display:inline-block;margin:0 4px !important;}
.pagelist a {height:30px;line-height:30px;display:block;color:#999999;padding:0 10px;border:1px solid #ddd;}
.pagelist a:hover {border-color:#19216B;color:#19216B;}
.pagelist .active {border-color:#19216B;background:#19216B;color:#fff;}
/*page-head*/
.page-head {text-align:center;height:360px;overflow:hidden;}
.page-head .main {width:760px;height:300px;padding:20px 55px 0;margin:30px auto 0;background:rgba(255,255,255,.75);}
.page-head .main h1 {font-size:54px;font-weight:600;color:#19216B}
.page-head .main h1:after {content:"";display:block;width:90px;height:5px;background:#FFC600;margin:30px auto 25px}
.page-head .main p {font-size:20px;}
.page .info img{max-width:100%}
.activity-head {background:url(../images/bg/activity_banner.jpg) top center no-repeat;background-size:cover;}
.activity_more{margin-top:10px}
.activity_more span{float:left; color:#fff}
.activity_more a{color:#fff; float:right}
.teacher-head {background:url(../images/bg/teacher_banner.jpg) top center no-repeat;background-size:cover;}
.data-head {background:url(../images/bg/data_banner.jpg) top center no-repeat;background-size:cover;}
.student-head {background:url(../images/bg/student_banner.jpg) top center no-repeat;background-size:cover;}
.free-head {background:url(../images/bg/free_banner.jpg) top center no-repeat;background-size:cover;}
.course-head {background:url(../images/bg/course_banner.jpg) top center no-repeat;background-size:cover;}
.study-head1 {background:url(../images/bg/study_banner.jpg) top center no-repeat;background-size:cover;}
.study-head2 {background:url(../images/bg/study_banner1.jpg) top center no-repeat;background-size:cover;}
.study-head3 {background:url(../images/bg/study_banner2.jpg) top center no-repeat;background-size:cover;}
/*======================首页====================*/
.index-cloumn {text-align:center;font-size:15px;margin-bottom:30px;overflow:hidden;}
.index-cloumn:before {content:"";display:block;margin-bottom:20px;height:51px;background:url(../images/ico/cloumn_icon.png) center no-repeat;background-size:contain;}
.index-cloumn span {display:block;color:#19216B;font-size:40px;margin-bottom:8px}

.index-part1 {padding:45px 0 0px;clear:both;background:#EBEBEB;overflow:hidden;}
.index-part1 .list {display:block;position:relative;margin-bottom:16px;}
.index-part1 .list img {display:block;width:416px;height:312px;}
.index-part1 .list:after {content:"";display:block;background:#EBEBEB;position:absolute;top:0;left:0;width:100%;height:100%;transition:1.0s cubic-bezier(0.770,0.000,0.175,1.000) 0.3s;transform-origin:right center;transform:scaleX(1);}
.index-part1 .list.fade:after {-webkit-transform:scaleX(0);-ms-transform:scaleX(0);transform:scaleX(0);}
.index-part1 .side img {height:390px;}
.index-part1 .right {float:right;width:416px;margin-bottom:24px;}
.index-part1 .left {float:left;margin-bottom:24px;width:850px;}
.index-part1 .left .list {float:left;}
.index-part1 .left .first {margin-right:16px;}
.index-part1 .left .first img {height:468px;}
.index-part1 .left .last {clear:both;}
.index-part1 .left .last img {height:390px;}


.index-part2 {padding-top:45px;overflow:hidden;}
.index-part2 .section {overflow:hidden;}
.index-part2 .li {float:left;display:block;background:#EBEBEB;width:calc(100% / 3);position:relative;}
.index-part2 .li:before {content:"";z-index:1;transition:0.3s;position:absolute;display:block;top:0;bottom:0;left:0;right:0;}
.index-part2 .li em {position:absolute;right:20px;top:20px;border-radius:50px;background:#F05050;color:#fff;height:32px;line-height:32px;padding:0 10px;min-width:40px;text-align:center;}
.index-part2 .li h4 {color:#19216B;font-size:24px;margin:25px 0 20px;}
.index-part2 .li h4:after {content:"";display:block;width:60px;height:4px;background:#FFC600;margin:16px auto 0;}
.index-part2 .li p {font-size:16px;text-align:left;line-height:28px;}
.index-part2 .li:hover:before {background:rgba(235,235,235,.5);}
.index-part2 .info {position:relative;padding:0 65px;top:-40px;text-align:center;height:280px;}
.index-part2 .nm {display:block;margin:0 auto;color:#fff;font-size:40px;width:80px;height:89px;padding-top:28px;background:url(../images/ico/nm.png) center no-repeat;background-size:contain;}
.index-part2 .img {display:block;position:relative;height:280px;}
.index-part2 .img:after{content:"";display:block;background:#EBEBEB;position:absolute;top:0;left:0;width:100%;height:100%;transition:1.0s cubic-bezier(0.770,0.000,0.175,1.000) 0.3s;transform-origin:right center;transform:scaleX(1);}
.index-part2 .img.fade:after{-webkit-transform:scaleX(0);-ms-transform:scaleX(0);transform:scaleX(0);}
.index-part2 .item1 {background:#FFC600}
.index-part2 .item1 h4:after,.index-part2 .item6 h4:after {background:#fff;}
.index-part2 .item3,.index-part2 .item5 {background:#19216B;color:#fff;}
.index-part2 .item3 h4,.index-part2 .item5 h4 {color:#fff;}
.index-part2 .item6 {background:#FFC600}


.index-part3 {padding-top:45px;overflow:hidden;}
.index-part3 .section {position:relative;overflow:hidden;}
.index-part3 .text {position:relative; width:1280px; margin:0 auto}
.index-part3 .text h2 {font-size:35px;color:#19216B; position:absolute; left:0; top:100px; text-align:center; right:0}
.index-part3 .left{position:absolute; left:380px; bottom:240px}
.index-part3 .right{position:absolute; right:380px; bottom:240px}
.index-part3 .text h3 {font-size:26px;margin-bottom:10px;}
.index-part3 .text h4 {font-size:20px;}
.index-part3.fade {-webkit-transition:1s;-o-transition:1s;transition:1s;}


.index-part4 {padding:45px 0 60px;background:#EBEBEB;overflow:hidden;}
.index-part4 .swiper-container {padding:0 40px;text-align:center;}
.index-part4 .swiper-slide {width:220px !important;margin:0 40px;}
.index-part4 .swiper-button-next,.index-part4 .swiper-button-prev {width:54px;height:54px;top:105px;-moz-background-size:54px 54px;-webkit-background-size:54px 54px;background-size:54px 54px;}
.index-part4 .swiper-button-prev {left:0;background:url(../images/ico/prev.png) center no-repeat;}
.index-part4 .swiper-button-next {right:0;background:url(../images/ico/next.png) center no-repeat;}
.index-part4 .img {display:block;margin-bottom:32px;}
.index-part4 .img img {width:100%;height:220px;border-radius:100%;}
.index-part4 li h4 {font-size:22px;color:#19216B;}
.index-part4 li p {line-height:20px;height:40px;margin:18px 20px 24px;overflow:hidden;}
.index-part5 {padding-top:45px;overflow:hidden;}
.index-part5 .section {background:#EBEBEB;padding-bottom:100px;}
.index-part5 .img {display:block;height:400px;}
.index-part5 .main {width:700px;margin:-70px auto 0;background:#fff;position:relative;padding:60px 70px 50px;}
.index-part5 .main:before {content:"";width:61px;height:68px;position:absolute;right:30px;top:26px;background:url(../images/ico/hokkaido1.png) center no-repeat;background-size:contain;}
.index-part5 .main:after {content:"";width:94px;height:106px;position:absolute;left:75px;bottom:-23px;background:url(../images/ico/hokkaido2.png) center no-repeat;background-size:contain;}
.index-part5 .main h1 {text-align:center;font-size:60px;color:#FFC600}
.index-part5 .main p {font-size:15px;line-height:24px;margin:18px 0 30px;}


.index-part6 {padding:45px 0 70px;background:url(../images/bg/honor.jpg) center top no-repeat;background-size:cover;overflow:hidden;}
.index-part6 .swiper-slide {display:flex;align-items:center;width:691px !important;height:245px;margin:0 66px;background:url(../images/bg/border.png) center #fff no-repeat;background-size:cover;}
.index-part6 .swiper-button-next,.index-part6 .swiper-button-prev {width:36px;height:36px;top:122px;-moz-background-size:contain;-webkit-background-size:contain;background-size:contain;}
.index-part6 .swiper-button-prev {left:calc((100% - 850px) / 2);background:url(../images/ico/prev.png) center no-repeat;background-size:contain;}
.index-part6 .swiper-button-next {right:calc((100% - 850px) / 2);background:url(../images/ico/next.png) center no-repeat;background-size:contain;}
.index-part6 .swiper-container {padding-bottom:65px;margin-bottom:12px;}
.index-part6 .swiper-pagination-bullet {width:10px;height:10px;border:2px solid #19216B;background:transparent;opacity:1;}
.index-part6 .swiper-pagination-bullet-active {background:#19216B}
.index-part6 .swiper-slide .img {width:200px;height:150px;display:table-cell;vertical-align:middle;margin:0 60px 0 50px;}
.index-part6 .swiper-slide .img img {display:block;margin:0 auto;max-width:inherit;max-height:100%;}
.index-part6 .swiper-slide h4 {font-size:22px;margin-right:40px;color:#F05050}
.index-part6 .swiper-slide p {line-height:22px;margin:16px 60px 0 0;}
.honor-view {position:fixed;z-index:11;top:50%;right:0;bottom:0;left:50%;overflow:auto;background-color:rgba(0,0,0,.7); width:0px; height:0px;opacity:0}
.honor-view .view {position:absolute;left:100px;right:100px;top:4%;bottom:4%;}
.honor-view .pic {margin:0 auto;position:relative;text-align:center;padding:50px;border-radius:10px;background:#fff;height:100%;max-width:calc(100vw - 300px)!important;}
.honor-view .honor-logo{position:absolute; left:50px; top:40px}
.honor-view .honor-logo img{width:200px}
.honor-view #view-content{display:flex; flex-direction:column; justify-content:center; height:inherit}
.honor-view .content{margin-left:40px; text-align:center}
.honor-view .content h4{font-size:22px;color:#F05050; margin-top:20px}
.honor-view .content p{line-height:30px; font-size:16px}
.honor-view .pic img {display:block;margin:0 auto;}
.honor-view .close {position:absolute;left:-65px;top:24px;width:24px;height:24px;cursor:pointer;background:url(../images/ico/close1.png) center no-repeat;background-size:contain;}
.honor-view .btns span {width:54px;height:54px;position:absolute;top:40%;cursor:pointer}
.honor-view .btns .prev {left:-100px;background:url(../images/ico/prev.png) center no-repeat;background-size:contain;}
.honor-view .btns .next {right:-100px;background:url(../images/ico/next.png) center no-repeat;background-size:contain;}


.index-part7 {padding:35px 0;overflow:hidden;}
.index-part7 .lists {margin-left:-55px;overflow:hidden;}
.index-part7 a {float:left;margin:15px 0 15px 55px;width:166px;height:100px;}
.index-part7 img {display:block;width:166px;height:100px;}


.dt-main{height:617px}
.dt-main .fontweight{font-weight:500}
.dt-main .left{width:450px; float:left; margin-top:50px}
.dt-main .yg-list{position:relative}
.dt-main .yg-list .item{display:flex; flex-direction:column;}
.dt-main .yg-list .img{position:relative;width:450px; height:338px; overflow:hidden;}
.dt-main .yg-list img{width:100%; height:100%; transition: transform 0.3s ease-out;}
.dt-main .yg-list .img:hover img{ transform: scale(1.1);}
.dt-main .yg-list .title{ position:absolute; left:0; color:#fff; font-size:24px; background: url(../images/jz-bg-ceng.png) repeat; padding:20px; width:80%; bottom:40px}
.dt-main .yg-list .desc{color:#fff; font-size:16px; margin-top:10px; line-height:30px; max-height:120px; overflow:hidden;text-overflow: ellipsis; position:relative; text-align:justify}
.dt-main .yg-list .desc a{position:absolute; bottom:0; right:0}
.dt-main .yg-list .swiper-pagination-bullet{background:#fff; opacity:1}
.dt-main .yg-list .swiper-pagination-bullet-active{background:#f00; opacity:1}
.dt-main .right{width:780px; float:right; margin-top:50px}
.dt-main .name{height:30px; line-height:30px; color:#d2d8e0; font-size:24px; margin-bottom:10px}
.dt-main .name span{font-size:14px; float:right}
.dt-main .zh-list{ background:url('../images/xsdt_bg.png') repeat; border:1px solid #98bfe2; padding:20px}
.dt-main .img-box{display:flex}
.dt-main .img-box .item:first-child{margin-right:20px}
.dt-main .img-box .item{width:357px; height:346px; overflow:hidden}
.dt-main .img-box .img{height:268px; overflow:hidden;}
.dt-main .img-box img{width:100%; height:268px; transition: transform 0.3s ease-out;}
.dt-main .img-box .item:hover{background-color:#3f6c9b}
.dt-main .img-box .item:hover img{ transform: scale(1.1);}
.dt-main .img-box li a{display:flex;width:100%; align-items:center;padding-top:20px;}
.dt-main .img-box .item .title{color:#fff; font-size:16px; margin-left:10px; flex:1; max-height:42px; overflow:hidden}
.dt-main .article-box ul{display:flex; flex-wrap:wrap;}
.dt-main .article-box li{width:357px;padding-top:20px; }
.dt-main .article-box li.article-item{padding-top:0px; margin-top:20px}
.dt-main .article-box li:hover{background-color:#3f6c9b}
.dt-main .article-box li:nth-of-type(even){margin-left:20px}
.dt-main .article-box li a{ display:flex; align-items:center}
.dt-main .date{width:68px; height:58px; background:#b6bfc9; border:1px solid #7f9bb6;color:#326c9f; text-align:center; display:flex; flex-direction:column; align-items:center;}
.dt-main .day{font-size:30px; height:32px; line-height:32px; margin-top:5px}
.dt-main .year-month{font-size:12px; height:14px; line-height:14px}
.dt-main .article-box .title{color:#fff; font-size:16px; margin-left:10px; flex:1; max-height:40px; overflow:hidden;}
/*======================近期活动====================*/
.activity-scroll {background:#FFC600;margin-bottom:60px;padding:30px 0 45px;overflow:hidden;}
.activity-scroll .swiper-container {padding-left:50px;}
.activity-scroll .swiper-slide {width:254px !important;margin-right:54px;}
.activity-scroll .swiper-slide img {display:block;width:100%;height:190px;}
.activity-scroll .swiper-slide p {line-height:22px;color:#19216B;margin-top:15px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.activity-scroll .swiper-button-next,.activity-scroll .swiper-button-prev {width:36px;height:36px;top:100px;-moz-background-size:contain;-webkit-background-size:contain;background-size:contain;}
.activity-scroll .swiper-button-prev {left:0;background:url(../images/ico/prev1.png) center no-repeat;background-size:contain;}
.activity-scroll .swiper-button-next {right:0;background:url(../images/ico/next1.png) center no-repeat;background-size:contain;}
.course_title{text-align:center; font-size:24px;font-weight:700; margin-bottom:20px;}
.activity-top {margin-bottom:85px;height:860px;position:relative;}
.activity-top li {position:absolute;}
.activity-top img {display:block;width:100%;height:100%;}
.activity-top .item1 {left:0;top:0;width:870px;height:430px;}
.activity-top .item2 {right:-70px;top:30px;width:400px;height:220px;}
.activity-top .item2:after {content:"";position:absolute;right:-20px;bottom:-20px;z-index:-1;width:400px;height:220px;background:#FFC600}
.activity-top .item3 {left:-50px;bottom:0;width:290px;height:330px;}
.activity-top .item3:after {content:"";position:absolute;right:-20px;bottom:-20px;z-index:-1;width:290px;height:330px;background:#FFC600}
.activity-top .item4 {left:340px;bottom:40px;width:530px;height:370px;}
.activity-top .item5 {right:0;bottom:100px;width:390px;height:430px;}
.activity-list {margin-left:-32px;overflow:hidden;}
.activity-list li {float:left;margin:0 0 40px 32px;width:296px;}
.activity-list .img {display:block;height:222px;margin-bottom:25px;}
.activity-list .img img {display:block;width:100%;height:222px;}
.activity-list h4 {font-size:22px;text-align:center;margin-bottom:22px;color:#19216B}
.activity-list p {line-height:22px;margin-bottom:15px;overflow:hidden; height:44px}
.activity-list .date {display:block;margin-bottom:35px;color:#666666;padding-left:28px;background:url(../images/ico/date.png) left center no-repeat;}

.trends .container{position:relative;}
.trends .swiper-pagination{position:absolute; right:340px; bottom:55px; display:inline; width:auto; text-align:right}
.trends .swiper-pagination-bullet{width:13px; height:13px; background:#fff;opacity:1}
.trends .swiper-pagination-bullet-active{background:#f00}
.trends .container .trends-name{position:absolute; right:155px; top:0; z-index:2; background:url(../images/trends/hnnews_8.png) no-repeat; width:175px; height:43px; text-align:center; line-height:43px; font-size:22px; color:#fff}
.trends .item{display:flex; margin-bottom:40px; background-color:#EBEBEB}
.trends .left{width:950px; height:713px; position:relative;}
.trends .left img{width:100%; height:100%}
.trends .bottom-main{background: rgba(0, 0, 0, 0.55); color: #fff; height: 54px; left: 0; bottom: 0; line-height: 54px; font-size: 20px; position:absolute; width:100%}
.trends .bottom-main .title{text-indent:20px; width:60%;overflow: hidden; white-space: nowrap; text-overflow: ellipsis}
.trends .right{width:330px;position:relative;}
.trends .trends-right-main{margin: 80px 22px 0;}
.trends .right .title{font-size: 22px; color: #19216B; padding-left: 25px; font-weight: bolder;}
.trends .right .date{color:#999999; font-size:15px; margin-top:40px}
.trends .right .desc{font-size: 16px; color: #333333; margin-top: 10px; line-height:1.8em}
.trends .right a{width: 188px; height: 42px; background: url(../images/trends/hnnews_9.jpg); text-align: center; line-height: 42px; color: #fff; font-size: 16px; margin: 40px auto 0; position: absolute; bottom: 40px; left: 0; right: 0;}
/*======================师资介绍====================*/
.teacher-list {overflow:hidden; margin-top:50px}
.teacher-list li {position:relative;}
.teacher-list li:after,.teacher-list li:before {content:"";position:absolute;left:0;right:0;z-index:-1;background:#EBEBEB}
.teacher-list .container {position:relative;min-height:565px;}
.teacher-list .img {width:742px;height:416px;position:absolute;top:0;}
.teacher-list .info {position:absolute;top:45px;width:538px;height:460px;}
.teacher-list .info:before {content:"";position:absolute;left:0;top:0;right:0;bottom:0;}
.teacher-list .text {background:#fff;padding:25px 30px;position:absolute;top:75px;width:400px;}
.teacher-list .text h4 {text-align:center;font-size:24px;color:#30387a}
.teacher-list .text p {line-height:24px;margin-top:20px;max-height:192px;overflow:hidden;}
.teacher-list .odd .img {right:0}
.teacher-list .odd .info {left:0;}
.teacher-list .odd .info:before {background:rgba(255,198,0,0.90)}
.teacher-list .odd .text {right:-65px;}
.teacher-list .odd:after {bottom:0;height:52.5%;}
.teacher-list .even .img {left:0}
.teacher-list .even .info {right:0}
.teacher-list .even .info:before {background:rgba(25,33,107,0.90)}
.teacher-list .even .text {left:-65px;}
.teacher-list .even:before {top:0;height:34.3%;}
/*======================资源分享====================*/
.data-top {margin-top:40px;margin-bottom:25px;}
.data-top .list {float:left;width:240px;border:1px solid #DDDDDD;margin:0 0 20px 20px;}
.data-top .list img {display:block;width:100%;height:150px;}
.data-top .list p {margin:5px 10px;height:50px;line-height:25px;overflow:hidden;text-overflow:ellipsis;}
.data-top .first {width:494px;height:505px;margin:0}
.data-top .first img {height:308px;}
.data-top .first p {font-size:16px;margin:40px 22px;height:56px;white-space:normal;}
.data-top .first .date {display:block;margin-left:22px;color:#666666;padding-left:28px;background:url(../images/ico/date.png) left center no-repeat;}
.data-top .list:hover p {color:#19216B}
.data-list {margin-top:40px;overflow:hidden;}
.data-list dt, .recommend dt {border-bottom:1px solid #DDDDDD;line-height:23px;min-height:23px;padding-bottom:22px;overflow:hidden;}
.data-list dt h4, .recommend dt h4 {float:left;border-left:6px solid #19216B;color:#000;font-size:20px;padding-left:10px;}
.data-list dt a, .recommend dt a {float:right;color:#666666}
.data-list dt a:hover, .recommend dt a:hover {color:#F05050}
.data-list dd {margin:30px 0 0 -20px;overflow:hidden;}
.recommend dt{margin-bottom:53px}
.data-list .list {float:left;width:305px;padding-bottom:12px;border:1px solid #DDDDDD;margin-left:20px;margin-top:20px;}
.data-list .list img {display:block;width:100%;height:227px;}
.newsthumb85 .list img{width:100%; height:189px}
.data-list .list .auditionLists{display:block;width:468px;height:293px;}
.wechat .data-list .list img{height:129px}
.data-list .audition img {display:block;width:100%;height:190px;}
.data-list .list h4 {margin:10px 12px 5px;height:50px;line-height:25px;overflow:hidden;text-overflow:ellipsis;}
.video-hits {float:left; display:block;margin-left:12px;color:#666666;padding-left:24px;background:url(../images/video2.png) left center no-repeat;}
.data-list .date,.video-date {display:block;margin-left:12px;color:#666666;}
.audition .date,.video-date {float:right; margin-right:12px;padding-left:24px;background:url(../images/ico/date.png) left center no-repeat;}
.data-top a{padding-bottom:10px}
.data-list .list:hover h4 {color:#19216B}

.share-main{padding:70px 0}
.share{overflow:hidden; background:#fff; padding:70px 70px 70px 20px}
.share dd{margin-left:30px}
.share dd a{float:left; width:200px; margin-left:30px; margin-bottom:30px}
.share dd img{width:inherit;width:200px;height:200px;}
.share h4{margin-top:10px}
.share dd a:hover{color:#f00}
/*======================优秀学员====================*/
.student-list {margin:40px 0 0 -37px;overflow:hidden;}
.student-list li {float:left;margin:0 0 37px 37px;padding:40px 30px 0;width:401px;height:500px;background:url(../images/bg/border1.png) center no-repeat;background-size:cover;}
.student-list li h4 {text-align:center;font-size:22px;color:#19216B}
.student-list li .img {display:block;width:340px;height:255px;margin:20px auto 25px}
.student-list li .img img {display:block;width:100%;height:255px;}
.student-list li p {line-height:24px;margin-bottom:25px;overflow:hidden;}
/*======================开设课程====================*/
.course-list {margin-left:-40px;overflow:hidden;}
.course-list li {float:left;margin:0 0 40px 40px;width:400px;overflow:hidden;}
.course-list li:nth-child(3n+1) {clear:both;}
.course-list .img .course-list .img img {display:block;width:400px;height:300px;}
.course-list img {display:block;width:100%;height:300px;}
.course-list .name {margin-top:3px;border-bottom:4px solid #EBEBEB;line-height:50px;height:54px;}
.course-list .name h4 {font-size:18px;color:#19216B;position:relative;float:left;}
.course-list .name h4:after {content:"";position:absolute;left:0;bottom:-4px;right:0;height:4px;background:#FFC600}
.course-list .label {margin:10px 0 0 -10px;color:#19216B;overflow:hidden;}
.course-list .label span {float:left;margin:10px 0 0 10px;cursor:pointer;padding:0 14px;height:40px;line-height:40px;border:1px solid #19216B;}
.course-list .label span:hover {background:#FFC600}


.search-list{margin-left: -40px;overflow: hidden;}
.search-list li{float: left;
	margin: 0 0 30px 40px;
	width: 400px;
	overflow: hidden;}
.search-list .title{ height: 50px; line-height: 50px; font-size: 16px; padding: 0 20px; color: #fff;background:linear-gradient(to right,#192367,#0c195f);overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.search-list .info{border: 1px solid #ddd; border-top: none;padding: 15px 20px;overflow: hidden}
.search-list .desc{display: block; color: #666666; line-height: 24px; height: 72px; margin-bottom:30px; overflow: hidden}
.search-list .desc:hover{color: #015bfe;}
.search-list .date{float: right; margin-right: 25px; padding-left: 25px;background: url("../images/ico/date.png") left center no-repeat;}
.search-list .num{float: left;padding-left: 18px;background: url("../images/video2.png") left center no-repeat; padding-left:25px}

/*======================赴日留学====================*/
.senior-part1 {padding:60px 0;}
.senior-part1 .main {margin-top:60px;position:relative;min-height:350px;}
.senior-part1 .main:after {content:"";display:block;width:100%;height:1px;clear:both;}
.senior-part1 .img {display:block;width:620px;position:absolute;left:0;top:0;z-index:1}
.senior-part1 .info {width:680px;margin-top:20px;padding:0 25px 30px 40px;float:right;border:1px solid red;border-image:url(../images/bg/border2.png) 15;border-width:15px;}
.senior-part1 .info h4 {border-bottom:4px solid #EBEBEB;line-height:76px;height:80px;}
.senior-part1 .info h4 em {font-size:26px;color:#19216B;position:relative;float:left;}
.senior-part1 .info h4 em:after {content:"";position:absolute;left:0;bottom:-4px;right:0;height:4px;background:#FFC600}
.senior-part1 .info div {margin-top:25px;line-height:26px;overflow:hidden;}
.senior-part2 {padding:60px 0;background:#EBEBEB;overflow:hidden; min-height:680px}
.senior-part2 .main {width:1000px;margin:60px auto 0;overflow:hidden;}
.senior-part2 .main dt {background:#232669;height:70px;line-height:70px;font-size:20px;text-align:center;color:#fff;}
.senior-part2 .main dd {background:#fff;overflow:hidden;}
.senior-part2 .main div{border-bottom:1px solid #A9A9C3;color:#505050;height:48px;line-height:48px;}
.senior-part2 .main span {float:left;width:100px;text-align:center;margin-right:35px;background:#D4D5DE;}
.senior-part3 {padding:60px 0; min-height:850px}
.senior-part3 ul {margin-top:60px;padding-left:10px;overflow:hidden;}
.senior-part3 li {margin:0 60px;float:left;width:300px;position:relative;padding-top:20px;overflow:hidden;}
.senior-part3 li em {width:65px;height:65px;line-height:62px;color:#fff;padding-left:10px;font-size:36px;position:absolute;left:30px;top:0;z-index:2;background:url(../images/ico/num.png) center no-repeat;}
.senior-part3 li h4 {color:#19216B;font-size:26px;margin-bottom:16px;}
.senior-part3 li p {color:#505050;line-height:26px;}
.senior-part3 .img {display:block;width:100%;height:250px;margin-bottom:40px;}
.senior-part4 {padding:60px 0;background:#EBEBEB;overflow:hidden;}
.senior-part4 .main {margin-top:60px;position:relative;padding-top:30px;min-height:260px;}
.senior-part4 .main:after {content:"";display:block;width:100%;height:1px;clear:both;}
.senior-part4 .img {display:block;width:620px;position:absolute;right:0;top:0;}
.senior-part4 .info {width:680px;color:#fff;padding:0 40px 30px;border:1px solid red;background:#19216B;border-image:url(../images/bg/border3.png) 15;border-width:15px;}
.senior-part4 .info h4 {border-bottom:4px solid #EBEBEB;line-height:76px;height:80px;}
.senior-part4 .info h4 em {font-size:26px;position:relative;float:left;}
.senior-part4 .info h4 em:after {content:"";position:absolute;left:0;bottom:-4px;right:0;height:4px;background:#FFC600}
.senior-part4 .info p {margin-top:25px;line-height:26px;overflow:hidden;}
.senior-part5 {padding:60px 0 10px;}
.senior-part5 .index-cloumn {margin-bottom:60px;}
.senior-part5 dl {margin-bottom:35px;overflow:hidden;}
.senior-part5 dt {height:50px;margin-bottom:16px;}
.senior-part5 dt h3 {color:#19216B;position:relative;border-bottom:4px solid #E1E1E9;line-height:46px;margin-left:74px;font-size:26px;}
.senior-part5 dt h3:after {content:"";position:absolute;left:0;bottom:-4px;right:0;width:50px;height:4px;background:#FFC600}
.senior-part5 dt span {width:50px;height:50px;border-radius:100%;background:#F05050;font-size:29px;font-weight:700;float:left;color:#fff;text-align:center;line-height:50px;}
.senior-part5 dd {line-height:28px;color:#505050;overflow:hidden;}
.senior-part5 .info {margin-bottom:25px;overflow:hidden;}
.senior-part5 .info h4 {color:#19216B;font-size:16px;}
.college-part3 ul {padding:0;}
.college-part3 li {margin:0 0 30px;padding-left:330px;width:auto;min-height:250px;}
.college-part3 li em {left:20px;}
.college-part3 .img {position:absolute;left:0;top:20px;width:300px;margin:0;}
.college-part3 .item1 {width:530px;}
.college-part3 .item2 {width:630px;float:right;}
.college-part3 .item3 {float:none;clear:both;margin:0;}
.college-part4 {padding:60px 0;background:#EBEBEB;overflow:hidden;}
.college-part4 ul {margin:60px 0 20px;text-align:center;overflow:hidden;}
.college-part4 li {display:inline-block;margin:0 73px;vertical-align:top;font-size:18px;color:#232669}
.college-part4 li span {display:block;margin:0 auto 24px;color:#fff;width:80px;height:89px;line-height:80px;font-size:40px;background:url(../images/ico/tip.png) center no-repeat;}
.college-part5 {background:#fff;}
.college-part6 {padding:60px 0;background:#EBEBEB;overflow:hidden;}
.college-part6 ul {margin:40px 0 40px 65px;background:url(../images/bg/time_line.png) left top no-repeat;overflow:hidden;}
.college-part6 li {float:left;border-left:1px dashed #8C90B5;margin-left:32px;padding:10px 0 0 25px;overflow:hidden;}
.college-part6 li h4 {font-size:18px;color:#19216B;margin-bottom:10px;}
.college-part6 li p {color:#505050;line-height:28px;}
.college-part6 .item1 {margin-top:175px;width:261px;}
.college-part6 .item2 {margin-top:165px;width:247px;}
.college-part6 .item3 {margin-top:135px;width:251px;}
.college-part6 .item4 {margin-top:85px;width:284px;}
.abroad-part1{padding: 60px 0;overflow: hidden;}
.abroad-part1 ul{ position: relative; min-height: 420px; margin-top: 60px; background: url(../images/bg/why1.png) center no-repeat;overflow: hidden; display:flex; flex-wrap:wrap; justify-content:space-between;}
.abroad-part1 li{background: #EBEBEB; line-height: 28px; width: 400px; padding: 20px 35px; overflow: hidden; width:35%; margin-bottom:20px}
.abroad-part2 {padding:60px 0;background:#EBEBEB;overflow:hidden;}
.abroad-part2 ul {margin:60px 0 0 -40px;overflow:hidden;}
.abroad-part2 li {float:left;margin-left:40px;width:400px;}
.abroad-part2 li p {line-height:28px;margin-top:40px;}
.abroad-part2 .place{width:100%;height:300px;}
.abroad-part2 .img {display:block;width:100%;height:300px; position:relative}
.abroad-part2 .img:after , .teacher-list .img:after{content:"";display:block;background:#EBEBEB;position:absolute;top:0;left:0;width:100%;height:100%;transition:1.0s cubic-bezier(0.770,0.000,0.175,1.000) 0.3s;transform-origin:right center;transform:scaleX(1);}
.abroad-part2 .img.zj-fade:after , .teacher-list .img.zj-fade:after {-webkit-transform:scaleX(0);-ms-transform:scaleX(0);transform:scaleX(0);}

.abroad-part3{padding: 60px 0;overflow: hidden; height:440px}
.abroad-part3 ul{ margin-top: 60px; text-align: center; overflow: hidden; }
.abroad-part3 li{font-size: 18px; display: inline-block;vertical-align: top; margin: 0 22px;}
.abroad-part3 li span{display: block; position: relative; margin: 0 auto 30px; color: #fff; background: #19216B; font-size: 30px; line-height: 70px; font-weight: 700; width: 70px;height: 70px;border-radius: 100%;}
.abroad-part3 li span:after{content: ""; position: absolute; right: -115px;width: 89px;height: 70px; background: url(../images/bg/arrow.png) center no-repeat;}
.abroad-part3 li:nth-child(even) span{background: #FFC600}
.abroad-part3 li:last-child span:after{width: 0;height: 0;}
.abroad-part4 {padding:60px 0;background:#EBEBEB;overflow:hidden; min-height:780px}
.abroad-part4 table {width:100%;margin-top:60px;border-right:1px solid #8B8EB1;text-align:center;border-spacing:0;border-collapse:collapse;}
.abroad-part4 th {background:#232669;line-height:70px;border-left:1px solid #8B8EB1;color:#fff;font-size:20px;}
.abroad-part4 td {border-left:1px solid #8B8EB1;line-height:48px;border-bottom:1px solid #8B8EB1;}
.abroad-part4 .bg {background:#E1E1E9;}
.abroad-part4 .name {font-weight:700;}
.abroad-part5 {background:#fff;padding-top:0}
.abroad-part5 .main{min-height:345px}
.abroad-part5 .info {padding:0 190px 40px 40px;margin-bottom:60px;width:815px;}
.abroad-part5 #constAjax{width: 600px;height:400px;margin: 0 auto;}
.abroad-part6 {padding:60px 0;background:#EBEBEB;overflow:hidden; min-height:600px}
.abroad-part6 dl {margin-bottom:10px;overflow:hidden;}
.abroad-part6 dt {padding-left:55px;line-height:50px;background:url(../images/ico/Q.png) 18px center #E1E1E9 no-repeat;}
.abroad-part6 dd {background:#fff;color:#505050;line-height:24px;position:relative;padding:18px 70px 20px 55px;min-height:24px;}
.abroad-part6 dd:before {content:"";position:absolute;left:18px;top:20px;width:20px;height:20px;background:url(../images/ico/A.png) center no-repeat;}
/*======================新闻列表====================*/
.left-menu {background:#EBEBEB;width:300px;float:left;margin:30px 0;}
.left-menu h4 {background:#19216B;color:#fff;text-align:center;line-height:80px;font-size:22px;}
.left-menu .menu {padding:10px 24px;overflow:hidden;}
.left-menu a {display:block;background:#fff;margin:10px 0;line-height:50px;padding:0 24px;}
.left-menu .menu .active {color:#F05050}
.right-main {float:right;width:950px;margin:30px 0;}
.news-list {overflow:hidden;}
.news-list li {background:#EBEBEB;margin-bottom:20px;position:relative;padding:24px 30px 24px 250px;min-height:168px;overflow:hidden;}
.news-list li p {color:#888;overflow:hidden;}
.news-list .name {display:block;font-size:16px;line-height:28px;height:56px;margin-bottom:24px;overflow:hidden;}
.news-list .img {position:absolute;left:24px;top:24px;width:180px;height:120px;}
.news-list .img img {display:block;width:100%;height:120px;}
/*======================单页====================*/
.about-detail h1{text-align:center; margin-bottom:40px}
.about-detail .info{margin-bottom:40px; font-size:16px; line-height:28px; text-align:justify}
/*======================详情页====================*/
.page-detail {margin-bottom:40px;}
.page-detail .main {width:950px;float:right;border:1px solid #ddd;margin-top:30px;}
.page-detail .main .name {text-align:center;font-size:24px;padding:20px;}
.page-detail .main .time {color:#999999;overflow:hidden;text-align:center;border-bottom:1px dashed #ddd;padding-bottom:20px;margin:0 20px}
.page-detail .main .time span {margin-right:20px}
.page-detail .desc {margin-top:20px;font-size:16px;text-align:justify;line-height:28px;overflow:hidden;padding:0px 20px 0px 20px;}
.page-detail .right {width:300px;float:right;}
.page-detail .content {margin:30px 20px;overflow:hidden}
.page-detail .operate {margin:20px 20px 20px;overflow:hidden;}
.page-detail .operate a {color:#666666;display:block;margin-bottom:10px;}
.page-detail .operate a:hover {color:#F05050}

/*======================创始人====================*/
.founder-list li{margin-bottom:100px}
.founder-list .img{float: left; width: 530px; height: 298px; margin-right:80px; margin-bottom: 40px; box-shadow: 2rem 2rem 0px #ffc600;}
.founder-list .even .img{float:right; margin-right:0px; margin-left:80px;box-shadow: -2rem -2rem 0px #ffc600;}
.founder-list .img img{width:100%; height:100%}
.founder-list .name{font-size: 40px; line-height: 1.3; font-weight:700; color:#0d1663; position:relative; margin-left:610px;padding-bottom: 20px;}
.founder-list .even .name{margin-left:0; margin-right:610px}
.founder-list .name:before,.founder-list .name:after{content: ""; display: inline-block; position: absolute; left: 0; bottom: 0; height: 0.3rem;}
.founder-list .name:before{width: 100%; background-color: #e1e1e9;}
.founder-list .name:after{background:#f5c51d; width:50px}
.founder-list .text{line-height:200%; margin-top:20px; font-size:16px}

/*======================测评====================*/
.eval{padding:70px 0}
.eval .main{background:#fff; padding:50px 290px; box-shadow: 0 8px 16px rgba(161, 173, 196, 0.15);}
.eval .location{background:#fff;padding-left:30px}
.level-main{display:flex; flex-wrap:wrap}
.level-main .level-item{width:100%; margin-bottom:40px}
.level-main a{display:flex}
.level-main .img{width:80px; height:80px; margin-right:20px}
.level-main .img img{width:100%; height:100%;border:1px solid #ddd;border-radius:100%; }
.level-main h4{font-size:20px; font-weight:700}
.level-main p{margin-top:10px}

.question-main h3{margin-bottom:20px; font-size:20px; font-weight:700}
.question-main .layui-btn{margin-top:20px;}
.question-main li{height:30px; line-height:30px;}
.question-main li input{margin-right:10px}
.questionForm{width:500px}
.questionForm h4{font-size:20px; font-weight:700; margin-bottom:10px}
.questionForm label{margin:10px 0; display:inline-block; font-size:14px}
.questionForm label span{color:red;}
.quest-success{text-align:center; width:500px; margin:0 auto}
.quest-success h2{font-size:20px; font-weight:700; text-align:center}
.quest-success p{margin:20px 0; font-size:18px}
.quest-success p span{font-size:40px; color:#f84638; padding-left:10px}
.quest-success .info{text-align:left; font-size:18px}
.quest-success .btn-group{margin:40px 0}