body{font-family:"Arial","微软雅黑";/*font:14px Microsoft YaHei;*/font-size: 14px;color: #333;}
body,div,p,span,ul,li,dl,dd,h1,h2,h3,a,input,img{margin:0;padding:0;font-family:"Arial","微软雅黑";font-weight: normal;}
li,ol{list-style:none;}
a,input,img,textarea{border:none;outline:none;}
i,em{font-style:normal;}
.fl{float: left;}.fr{float: right;}.tc{text-align:center;}.tr{text-align:right;}.tl{text-align:left;}
.db{display: block;}.ma{margin: 0 auto;}.pr{position: relative;}.pa{position: absolute;}.pf{position: fixed;}
.transition{-webkit-transition: all  0.3s ease-out;-moz-transition: all  0.3s ease-out;-o-transition: all  0.3s ease-out; transition: all  0.3s ease-out; }
a{text-decoration: none;color: #333;}
a:focus{text-decoration: none;color: #333;}
a:hover,a:focus{text-decoration: none!important;}
.hide{display: none}
.show{display: block}
.modal a{outline:none;}
label{font-weight: normal;width:100%;}
a:hover {color: #ce247a;}
a:focus {outline:none;outline-offset:0;}
img{vertical-align: middle;width: 100%;max-width: 100%;}
.container{margin:0 auto;}
.wow{animation-duration: 1.3s;-webkit-animation-duration: 1.3s;}
.wower{animation-duration: 0.8s;-webkit-animation-duration: 0.8s;}
.fx{position: fixed!important;}

.wrapper{width: 100%;height: auto;position: relative;overflow: hidden;}
.slick-dotted.slick-slider{margin-bottom: 0px;}
.slick-slide{outline: none;}
.slick-slide a{outline: none;}
.slick-vertical .slick-slide{border: none;}
.clear{clear: both;}


.class{padding: 80px 30px 0;width: 100%;height: 100%;position: fixed;left: 0;top: 0;background: #fafafa;z-index: 10;text-align: center;}
.class_list{}
.class_list ul{}
.class_list ul li{border-bottom: 1px solid #e6e6e6;transition: 300ms;}
.class_list ul li a{display: block;font-size: 16px;line-height: 50px;height: 50px;overflow: hidden;}
.class_list ul li a span{display: inline-block;vertical-align: top;height: 100%;overflow: hidden;padding: 0 32px;position: relative;}
.class_list ul li:hover,.class_list ul li.cu1{background: url(../images/nav_bg.jpg) center center no-repeat;background-size: cover;padding: 10px 0 10px;}
.class_list ul li:hover a,.class_list ul li.cu1 a{color: #fff;}
.class_list ul li:hover a span,.class_list ul li.cu1 a span{font-weight: bold;}
.class_list ul li:hover a span:before,.class_list ul li.cu1 a span:before{content: "";width: 18px;height: 100%;background: url(../images/nav_icon.png) center center no-repeat;position: absolute;left: 0;top: 0;background-size: 100%;}
.class_list ul li:hover a span:after,.class_list ul li.cu1 a span:after{content: "";width: 18px;height: 100%;background: url(../images/nav_icon.png) center center no-repeat;position: absolute;right: 0;top: 0;background-size: 100%;}
.class_list ul li a:hover,.class_list ul li a.cu1{}
.class_list ul li ul{display: none;padding-bottom: 5px;}
.class_list ul li ul li{border-bottom: none;padding: 0px!important;background: none!important;}
.class_list ul li ul li a{font-size: 14px;line-height: 38px;height: 38px;color: #fff;font-weight: normal;}
.class_list ul li ul li a:hover,.class_list ul li ul li a.cu2{font-weight: bold;}

.page-prev {
	transform:translate3d(100%, 0, 0);
	-ms-transform:translate3d(100%, 0, 0);
	-webkit-transform:translate3d(100%, 0, 0);	
	-o-transform:translate3d(100%, 0, 0);	
	-moz-transform:translate3d(100%, 0, 0);
}
.page-next {
	transform:translate3d(-100%, 0, 0);
	-ms-transform:translate3d(-100%, 0, 0);
	-webkit-transform:translate3d(-100%, 0, 0);	
	-o-transform:translate3d(-100%, 0, 0);	
	-moz-transform:translate3d(-100%, 0, 0);
}
.page-active{
	transform:translate3d(0, 0, 0);
	-ms-transform:translate3d(0, 0, 0);
	-webkit-transform:translate3d(0, 0, 0);	
	-o-transform:translate3d(0, 0, 0);	
	-moz-transform:translate3d(0, 0, 0);
}
.page-in {
	-webkit-transition:all 300ms cubic-bezier(0.42, 0, 0.58, 1);
	-ms-transition: all 300ms cubic-bezier(0.42, 0, 0.58, 1);
	transition: all 300ms cubic-bezier(0.42, 0, 0.58, 1);
}
.page-out {
	-webkit-transition:all 300ms cubic-bezier(0.42, 0, 0.58, 1) 0.1s;
	-ms-transition: all 300ms cubic-bezier(0.42, 0, 0.58, 1) 0.1s;
	transition: all 300ms cubic-bezier(0.42, 0, 0.58, 1) 0.1s;
}
.share-in{
	transform:translate3d(100%, 0, 0);
	-ms-transform:translate3d(100%, 0, 0);
	-webkit-transform:translate3d(100%, 0, 0);	
	-o-transform:translate3d(100%, 0, 0);	
	-moz-transform:translate3d(100%, 0, 0);
}

.wrapper{padding-top: 80px;}
.header{width: 100%;background: #fff;z-index: 20;position: fixed;padding: 0 50px;top: 0;left: 0;box-shadow: 0px 0px 20px 0 rgba(106,106,106,0.1);}
.logo{float: left;}
.logo a{width: 308px;height: 80px;display: flex;align-items: center;position: relative;}
.logo a:before{content: "";width: 200%;height: 100%;background: #ce247a;position: absolute;right: 0;top: 0;}
.logo a:after{content: "";width: 62px;height: 100%;background: url(../images/logo_bg.png) left center no-repeat;background-size: auto 100%!important;position: absolute;left: 100%;top: 0;}
.logo a img{max-width: 100%;width: auto;max-height: 100%;position: relative;z-index: 2;}
.nav{margin-left: 450px;margin-right: 300px;}
.nav ul{width: 100%;display: flex;justify-content: space-between;}
.nav ul li{position: relative;}
.nav ul li a{display: block;overflow: hidden;text-align: center;transition: 300ms;font-size: 16px;line-height: 80px;height: 80px;overflow: hidden;position: relative;}
.nav ul li a:after{width: 30px;height: 2px;background: #ce247a;content: "";position: absolute;left: 50%;bottom: 0;transform: translatex(-50%) scale(0,0);transition: 300ms;}
.nav ul li a:hover,.nav ul li.cu a,.nav ul li.on a{color: #ce247a;font-weight: bold;}
.nav ul li a:hover:after,.nav ul li.cu a:after,.nav ul li.on a:after{transform: translatex(-50%) scale(1,1);}
.nav ul li .two_box{width: 158px;position: absolute;left: 50%;transform: translatex(-50%);padding-top: 1px;}
.nav ul li ul{display: block;padding: 10px 0px;background: #fff;border-radius: 10px;box-shadow: 0px 0px 15px 0 rgba(106,106,106,0.1);display: none;}
.nav ul li ul li{width: 100%;}
.nav ul li ul li a,.nav ul li.cu ul li a,.nav ul li.on ul li a{white-space: nowrap;padding: 0;line-height: 40px;height: 40px;color: #808080;font-size: 14px;font-weight: normal;}
.nav ul li ul li a:after{display: none;}
.nav ul li ul li a:hover{color: #ce247a;}
.other{position: absolute;right: 50px;top: 0;display: flex;align-items: center;height: 100%;z-index: 2;}
.search{width: 60px;position: relative;height: 100%;position: relative;}
.search:after{content: "";width: 1px;height: 18px;background: #d6d6d6;position: absolute;right: 0;top: 50%;margin-top: -9px;}
.search_click{width: 100%;height: 100%;background: url(../images/search.png) center center no-repeat;cursor: pointer;}
.search_area{width: 340px;padding: 10px;background: #f2f2f2;position: absolute;right: 0;display: none;z-index: 4;}
.search_area form{display: block;width: 100%;background: #fff;padding-right: 60px;position: relative;line-height: 40px;}
.search_box{display: block;width: 100%;padding: 0 10px;}
.search_btn{width: 60px;height: 100%;position: absolute;right: 0;top: 0;background: #ce247a;color: #fff;}
.tel{padding-left: 26px;background: url(../images/tel.png) left center no-repeat;color: #ce247a;margin-left: 24px;letter-spacing: 1px;}
.tel span{/*font-family: "Arial"!important;*/font-size: 16px;font-weight: bold;}
.nav_button{width: 32px;height: 100%;background: url(../images/nav_button.png) center right no-repeat;background-size: 26px;position: absolute;right: 30px;top: 0;}
.nav_close{background: url(../images/nav_close.png) center right no-repeat;background-size: 18px;}

.banner{width: 100%;height: auto;overflow: hidden;position: relative;}
.banner_img{width: 100%;height: auto;overflow: hidden;font-size: 0px;}
.banner_img a{display: block;width: 100%;height: auto;overflow: hidden;}
.banner_img img{max-width: none;position: relative;left: 50%;transform:translatex(-50%);-webkit-transform:translatex(-50%);-moz-transform:translatex(-50%);-ms-transform:translatex(-50%);}
.ibanner .slick-dots{bottom: 50px;height: 36px;overflow: hidden;width: auto;left: 50px;width: 40%;}
.ibanner .slick-dots li{display: block;text-align: left;position: absolute;width: 100%;margin: 0;font-size: 18px;color: #ccc;line-height: 36px;height: 36px;/*font-family:"Arial"!important;*/display: flex;align-items: center;}
.ibanner .slick-dots .slideNumber{transform:translateY(100%);color: #ce247a;font-weight: bold;}
.ibanner .slick-dots .totalSlides{filter:alpha(opacity=0);opacity: 0;font-weight: bold;}
.ibanner .slick-dots li.slick-active .slideNumber{animation:fadeInUpM .75s forwards;}
.ibanner .slick-dots li.slick-active .totalSlides{filter:alpha(opacity=100);opacity: 1;}
.ibanner .slick-dots .timer{width: 100px;margin: 0 10px;background: rgba(204,204,204,.05);height: 1px;position: relative;}
.ibanner .slick-dots .timer em{position: absolute;height: 100%;background: #ce247a;left: 0;}
.ibanner .slick-arrow{width: 36px;height: 36px;z-index: 2;transition: 300ms;overflow: hidden;top: auto;bottom: 50px;transform:translate(0, 0);-webkit-transform:translate(0, 0);-moz-transform:translate(0, 0);-ms-transform:translate(0, 0); }
.ibanner .slick-prev:before{display: none;}
.ibanner .slick-next:before{display: none;}
.ibanner .slick-prev{background: url(../images/banner_prev.png) center center no-repeat;left: auto;right: 106px;}
.ibanner .slick-next{background: url(../images/banner_next.png) center center no-repeat;right: 50px;}
.ibanner .slick-prev:hover{background: url(../images/banner_prev_h.png) center center no-repeat;}
.ibanner .slick-next:hover{background: url(../images/banner_next_h.png) center center no-repeat;}
.mouse{position: absolute;bottom: 30px;line-height: 24px;color: #999;text-align: center;left: 50%;transform: translatex(-50%);}
.mouse img{width: 20px;display: block;margin: 0 auto 10px;animation: mouse 1.2s linear alternate infinite;}
@keyframes mouse{
	0%{transform: translateY(4px);}
	100%{transform: translateY(-4px);}
}
@-webkit-keyframes mouse{
	0%{transform: translateY(4px);}
	100%{transform: translateY(-4px);}
}

.section{padding: 100px 0;}

.footer{background: #1a1a1a;}
.foot_above{display: flex;width: 100%;padding: 50px 0 40px;}
.foot_above>div{width: 25%;border-right: 1px solid #262626;padding: 0 3%;}
.foot_above>div:first-child{padding-left: 0px;}
.foot_above>div:last-child{border-right: none;padding-right: 0px;}
.foot_logo img{width: auto;}
.foot_logo a{display: block;width: 136px;line-height: 36px;text-align: center;background: #ce247a;color: #fff;margin-top: 68px;transition: 300ms;}
.foot_head{font-weight: bold;line-height: 24px;padding-bottom: 12px;margin-bottom: 12px;position: relative;color: #fff;}
.foot_head:after{content: "";width: 14px;height: 1px;background: #ce247a;position: absolute;left: 0;bottom: 0;}
.foot_nav ul{width: 100%;height: auto;overflow: hidden;}
.foot_nav ul li{width: 50%;float: left;}
.foot_nav ul li a{display: block;padding-right: 10px;line-height: 34px;height: 34px;overflow: hidden;color: #b2b2b2;transition: 300ms;}
.foot_nav ul li a:hover{color: #ce247a;}
.foot_con{}
.fcon_data{padding-top: 4px;}
.foot_item{padding-left: 26px;position: relative;margin-bottom: 15px;}
.foot_item:last-child{margin-bottom: 0;}
.foot_item i{width: 18px;height: 24px;position: absolute;left: 0;top: 0;display: flex;align-items: center;justify-content: center;}
.foot_item i img{width: auto;max-width: 100%;max-height: 100%;}
.foot_item dd{line-height: 24px;color: #b2b2b2;margin-bottom: 4px;}
.foot_item dt{line-height: 24px;color: #ccc;font-weight: normal;}
.fcon_tel dt{font-size: 18px;font-weight: bold;line-height: 1.5;}
.foot_ewm{display: flex;justify-content: flex-end;}
.fewm_data{padding-top: 10px;}
.fewm_item{width: 122px;margin-right: 20px;float: left;text-align: center;line-height: 22px;font-size: 12px;color: #808080;}
.fewm_item:last-child{margin-right: 0px;}
.fewm_item i{display: block;margin-bottom: 8px;}
.copyright{line-height: 24px;text-align: center;border-top: 1px solid #262626;color: #585858;padding: 24px 0;}
.copyright a{color: #585858;transition: 300ms;}
.copyright a:hover{color: #ce247a;}

.side{position: fixed;right: 20px;top: 50%;transform: translateY(-50%);z-index: 12;}
.side_item{width: 52px;height: 52px;margin-bottom: 10px;transition: 300ms;}
.side_item a{display: block;width: 100%;height: 100%;position: relative;transition: 300ms;box-shadow: 0px 0px 20px 0 rgba(106,106,106,.2);border-radius: 3px;background-size: 100%!important;}
.side_item a:hover{}
.side_tel a{background: url(../images/side_tel.png) #fff center center no-repeat;}
.side_msg a{background: url(../images/side_msg.png) #fff center center no-repeat;}
.side_ewm a{background: url(../images/side_ewm.png) #fff center center no-repeat;}
.side_top a{background: url(../images/side_top.png) #fff center center no-repeat;}
.side_tel:hover a{background: url(../images/side_tel_h.png) #ce247a center center no-repeat;}
.side_msg:hover a{background: url(../images/side_msg_h.png) #ce247a center center no-repeat;}
.side_ewm:hover a{background: url(../images/side_ewm_h.png) #ce247a center center no-repeat;}
.side_top:hover a{background: url(../images/side_top_h.png) #ce247a center center no-repeat;}
.side_hover{padding-right: 20px;position: absolute;right: 100%;top: 50%;transform: translateY(-50%);}
.side_box{animation-duration: 0.3s;-webkit-animation-duration: 0.3s;display: none;box-shadow: 0px 10px 30px 0 rgba(155,155,155,.2);border-radius: 4px;position: relative;background: #fff;}
.side_box:after{content: "";border: 6px solid #fff;border-color: #fff #fff transparent transparent;transform: rotate(45deg);box-shadow: 10px -10px 10px 0px rgba(0,0,0,.03);position: absolute;right: -6px;top: 50%;margin-top: -6px;}
.side_item a:hover .side_box{display: block;}
.side_tel_box{padding: 16px 20px;}
.side_tel_box dd{font-size: 16px;line-height: 26px;margin-bottom: 4px;color: #333;}
.side_tel_box dt{font-size: 20px;font-weight: bold;line-height: 1.2;/*font-family: "Arial"!important;*/color: #ce247a;}
.side_ewm_box{color: #808080;line-height: 24px;text-align: center;padding-bottom: 10px;}
.side_ewm_box i{display: block;width: 120px;}

.about{width: 100%;height: auto;overflow: hidden;}
.about_area{width: 100%;display: flex;}
.about_intro{width: 41.4%;background: #fff;position: relative;z-index: 3;padding: 0 5% 0 3.6%;}
.about_head{writing-mode: vertical-lr;writing-mode: tb-lr;position: absolute;right: 100%;line-height: 1.2;top: 20px;}
.about_en{font-size: 70px;font-weight: bold;color: #e5e5e5;/*font-family: "Arial"!important;*/}
.about_cn{font-size: 18px;font-weight: bold;}
.about_bt{font-size: 30px;color: #ce247a;line-height: 1.2;padding-top: 28px;letter-spacing: 2px;}
.about_nr{line-height: 30px;max-height: 180px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 6;-webkit-box-orient: vertical;margin: 40px 0 80px;}
.about_imore{}
.about_imore a{display: block;line-height: 30px;color: #ce247a;font-weight: bold;letter-spacing: 1px;transition: 300ms;}
.about_imore a:hover{letter-spacing: 3px;}
.about_slide{width: 58.6%;padding-right: 40px;position: relative;}
.about_slide:before{content: "";width: 2000px;height: 100%;background: #fff;position: absolute;right: 100%;top: 0;z-index: 2;}
.about_slide:after{content: "";width: 2000px;height: 94px;background: #fff;position: absolute;bottom: 0;left: 100%;}
.about_slide .slick-list{overflow: visible;}
.about_img{padding-right: 40px;}
.about_slide .slick-arrow{width: 94px;height: 94px;z-index: 2;transition: 300ms;overflow: hidden;top: auto;bottom: 0px;transform:translate(0, 0);-webkit-transform:translate(0, 0);-moz-transform:translate(0, 0);-ms-transform:translate(0, 0); }
.about_slide .slick-prev:before{display: none;}
.about_slide .slick-next:before{display: none;}
.about_slide .slick-prev{background: url(../images/about_prev.png) #fff center center no-repeat;left: auto;right: 80px;}
.about_slide .slick-next{background: url(../images/about_next.png) #fff center center no-repeat;right: -14px;}
.about_slide .slick-prev:hover{background: url(../images/about_prev_h.png) #fff center center no-repeat;}
.about_slide .slick-next:hover{background: url(../images/about_next_h.png) #fff center center no-repeat;}

.course{}
.headline{text-align: center;margin-bottom: 50px;font-size: 30px;line-height: 1.2;}
.head_en{font-weight: bold;color: #e0e0e0;margin-bottom: 4px;}
.head_cn{font-weight: bold;}
.course_data{margin: 0 -10px;}
.course_item{padding: 0 10px;width: 25%;float: left;}
.course_item a{display: block;transition: 300ms;background: #fff;text-align: center;}
.course_img{}
.course_intro{margin: 0 20px;padding: 25px 0;position: relative;}
.course_intro:after{content: "";width: 100%;height: 1px;background: #e6e6e6;position: absolute;bottom: -1px;left: 0;}
.course_bt{font-size: 18px;line-height: 28px;height: 28px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;color: #333;margin-bottom: 2px;}
.course_nr{line-height: 24px;height: 24px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;color: #808080;}
.course_imore{line-height: 50px;height: 50px;overflow: hidden;color: #808080;padding: 0 20px;position: relative;transition: 300ms;}
.course_imore:after{content: "";width: 8px;height: 100%;background: url(../images/course_imore.png) center center no-repeat;background-size: 100%;position: absolute;right: 30px;top: 0;transition: 300ms;filter:alpha(opacity=0);opacity: 0;}
.course_item a:hover{box-shadow: 0 30px 50px 0 rgba(4,1,1,.2);transform: translateY(-20px);}
.course_item a:hover .course_imore{background: #ce247a;text-align: left;color: #fff;}
.course_item a:hover .course_imore:after{filter:alpha(opacity=100);opacity: 1;right: 20px;}

.case{}
.case_slide{width: 68.8%;margin: 0 auto;}
.case_slide .slick-list{overflow: visible;}
.case_item{padding: 0 42px;}
.case_item a{display: block;text-align: center;transition: 300ms;transform: scale(0.84,0.84);}
.case_img{}
.case_bt{margin: 0 50px;font-size: 18px;line-height: 60px;height: 60px;overflow: hidden;padding: 0 2px;white-space: nowrap;text-overflow: ellipsis;background: #ce247a;color: #fff;transform: translateY(-150%);transition: 300ms;filter:alpha(opacity=0);opacity: 0;}
.case_item.slick-current a{transform: scale(1,1);}
.case_item.slick-current{}
.case_item.slick-current .case_bt{filter:alpha(opacity=100);opacity: 1;transform: translateY(-50%);}
.case_slide .slick-arrow{width: 35px;height: 35px;z-index: 2;transition: 300ms;overflow: hidden;background-size: 100%!important;border-radius: 50%;top: 40%;/*bottom: 0px;transform:translate(0, 0);-webkit-transform:translate(0, 0);-moz-transform:translate(0, 0);-ms-transform:translate(0, 0);*/ }
.case_slide .slick-prev:before{display: none;}
.case_slide .slick-next:before{display: none;}
.case_slide .slick-prev{background: url(../images/banner_prev_h.png) center center no-repeat;left: -35px;}
.case_slide .slick-next{background: url(../images/banner_next_h.png) center center no-repeat;right: -35px;}
.case_slide .slick-prev:hover{background: url(../images/case_prev_h.png) center center no-repeat;}
.case_slide .slick-next:hover{background: url(../images/case_next_h.png) center center no-repeat;}
.case_slide .slick-dots{bottom: 0px;height: auto;overflow: hidden;position: relative;margin-top: 10px;}
.case_slide .slick-dots li{display: block;position: absolute;width: 100%;margin: 0;font-size: 18px;color: #ccc;line-height: 1;height: auto;font-weight: bold;letter-spacing: 2px; /*font-family:"Arial"!important;*/display: flex;align-items: flex-end;justify-content: center;}
.case_slide .slick-dots li span{transform:translateY(100%);color: #ce247a;font-weight: bold;font-size: 36px;}
.case_slide .slick-dots li.slick-active{position: relative;}
.case_slide .slick-dots li.slick-active span{animation:fadeInUpM .75s forwards;}

.works{}
.works .head_en{color: rgba(255,255,255,.05);}
.works .head_cn{color: #fff;}
.works_slide.slick-slider{margin: -60px -7px 0;}
.works_item{padding: 60px 7px;}
.works_item:nth-child(even){margin-top: 40px;}
.works_item a{display: block;transition: 300ms;text-align: center;position: relative;}
.works_item a:after{content: "";width: 1px;height: 0px;background: #ce247a;position: absolute;left: 50%;top: 100%;transition: 300ms;}
.works_img{transition: 300ms;position: relative;z-index: 2;}
.works_bt{font-size: 16px;line-height: 60px;height: 60px;overflow: hidden;padding: 0 10px;white-space: nowrap;text-overflow: ellipsis;color: #fff;width: 100%;position: absolute;left: 0;bottom: 0}
.works_item a:hover{background: #ce247a;}
.works_item a:hover:after{height: 40px;}
.works_item a:hover .works_img{transform: translateY(-40px) scale(0.88,0.88);}
.works_slide .slick-dots{font-size: 0px;bottom: 0px;position: relative;margin-top: 0;}
.works_slide .slick-dots li{width: auto;height: auto;margin: 0px 15px;}
.works_slide .slick-dots li button{width: 10px;height: 10px;transition: 300ms;padding: 0px;border-radius: 6px;background: #ce247a;filter:alpha(opacity=50);opacity: 0.5;}
.works_slide .slick-dots li button:before{display: none;}
.works_slide .slick-dots li.slick-active button{filter:alpha(opacity=100);opacity: 1;}

.school{}
.school_area{position: relative;}
.school_area .headline{text-align: left;position: absolute;left: 0;top: 15px;z-index: 3;}
.school_area:before{content: "";width: 27.14%;height: 100%;background: #fff;position: absolute;left: 0;top: 0;z-index: 3;}
.school_nav{width: 27.14%;position: absolute;left: 0;top: 120px;z-index: 3;}
.school_nav .slick-track{transform: none!important;}
.school_nav_item{font-size: 18px;line-height: 58px;height: 58px;overflow: hidden;cursor: pointer;transition: 300ms;}
.school_nav_item span{position: relative;display: inline-block;vertical-align: top;padding-right: 100px;}
.school_nav_item span:after{content: "";width: 0;height: 1px;background: #ce247a;position: absolute;right: 0;top: 50%;transition: 300ms;}
.school_nav_item:hover,.school_nav_item.slick-current{color: #ce247a;}
.school_nav_item.slick-current span:after{width: 80px;}
.school_for{width: 100%;padding-left: 27.14%;position: relative;padding-right: 120px;}
.school_for:before{content: "";width: 2000px;height: 100%;background: #fff;position: absolute;top: 0;right: 100%;z-index: 2;}
.school_for .slick-list{overflow: visible;}
.school_for_item{padding-right: 60px;}
.school_for_item a{display: block;}
.school_img{}
.school_intro{padding: 30px 40px;background: #fff;text-indent: 14px;position: relative;transition: 300ms;}
.school_intro:before{content: "";width: 1px;height: 100%;background: #ce247a;position: absolute;left: 0;top: 0;transform: scale(0,0);transition: 300ms;}
.school_intro:after{content: "";width: 18px;height: 100%;background: url(../images/school_imore.png) center center no-repeat;background-size: 100%;position: absolute;right: 40px;top: 0;transition: 300ms;}
.school_bt{font-size: 18px;line-height: 28px;height: 28px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;position: relative;margin-bottom: 4px;color: #333;}
.school_bt:before{content: "";width: 5px;height: 5px;border-radius: 50%;background: #ce247a;position: absolute;left: 0;top: 50%;margin-top: -2px;}
.school_nr{font-size: 16px;line-height: 26px;height: 26px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;color: #808080;}
.school_for_item a:hover .school_intro{box-shadow: 0px 20px 20px 0 rgba(0,0,0,.1);margin: -30px 40px 0;}
.school_for_item a:hover .school_intro:before{transform: scale(1,1);}
.school_for .slick-arrow{width: 44px;height: 44px;z-index: 2;transition: 300ms;overflow: hidden;background-size: 100%!important;border-radius: 50%;top: auto;bottom: 168px;z-index: 5; transform:translate(0, 0);-webkit-transform:translate(0, 0);-moz-transform:translate(0, 0);-ms-transform:translate(0, 0); }
.school_for .slick-prev:before{display: none;}
.school_for .slick-next:before{display: none;}
.school_for .slick-prev{background: url(../images/banner_prev_h.png) center center no-repeat;left: 0px;}
.school_for .slick-next{background: url(../images/banner_next_h.png) center center no-repeat;right: auto;left: 166px;}
.school_for .slick-prev:hover{background: url(../images/case_prev_h.png) center center no-repeat;}
.school_for .slick-next:hover{background: url(../images/case_next_h.png) center center no-repeat;}
.school_for .slick-dots{height: auto;overflow: hidden;position: absolute;bottom: 168px;width: 122px;left: 44px;z-index: 5;height: 44px;}
.school_for .slick-dots li{display: block;position: absolute;width: 100%;margin: 0;font-size: 14px;line-height: 44px;color: #ccc;height: auto;font-weight: bold;letter-spacing: 2px; /*font-family:"Arial"!important;*/display: flex;align-items: baseline;justify-content: center;}
.school_for .slick-dots li span{transform:translateY(100%);color: #ce247a;font-weight: bold;font-size: 24px;}
.school_for .slick-dots li.slick-active{position: relative;}
.school_for .slick-dots li.slick-active span{animation:fadeInUpM .75s forwards;}

.news{background: #f5f5f5;}
.news_slide{margin: 0 -16px;}
.news_item{padding: 0 16px;margin-bottom: 40px;}
.news_item a{display: block;padding: 60px 40px;height: auto;overflow: hidden;position: relative;background: #fff;z-index: 2;box-shadow: 0px 10px 30px 0 rgba(0,0,0,.05);transition: 300ms;}
.news_img{width: 100%;height: 100%;position: absolute;left: 0;top: 0;z-index: -1;transition: 300ms;filter:alpha(opacity=0);opacity: 0;}
.news_bt{font-size: 18px;line-height: 30px;height: 60px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;color: #333;}
.news_nr{line-height: 30px;height: 60px;overflow: hidden;color: #808080;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;margin: 30px 0;}
.news_time{padding-left: 26px;background: url(../images/news_time.png) left center no-repeat;color: #808080;line-height: 24px;height: 24px;overflow: hidden;position: relative;}
.news_time:after{content: "";width: 39px;height: 100%;background: url(../images/news_imore.png) center center no-repeat;background-size: 100%!important;position: absolute;right: 0;top: 0;}
.news_item a:hover .news_img{filter:alpha(opacity=100);opacity: 1;}
.news_item a:hover .news_bt{color: #fff;}
.news_item a:hover .news_nr{color: #fff;}
.news_item a:hover .news_time{background: url(../images/news_time_h.png) left center no-repeat;color: #fff;}
.news_item a:hover .news_time:after{background: url(../images/news_imore_h.png) center center no-repeat;}
.news_slide .slick-dots{font-size: 0px;bottom: 0px;position: relative;}
.news_slide .slick-dots li{width: auto;height: auto;margin: 0px 15px;}
.news_slide .slick-dots li button{width: 10px;height: 10px;transition: 300ms;padding: 0px;border-radius: 6px;background: #ce247a;filter:alpha(opacity=50);opacity: 0.5;}
.news_slide .slick-dots li button:before{display: none;}
.news_slide .slick-dots li.slick-active button{filter:alpha(opacity=100);opacity: 1;}
.news_imore{text-align: center;margin-top: 30px;}
.news_imore a{display: block;font-weight: bold;color: #808080;line-height: 30px;transition: 300ms;}
.news_imore a:hover{color: #ce247a;letter-spacing: 2px;}



/* lgx star */

.nsection{ padding: 70px 0;}
.lgx-mask-box{ position: fixed; display: none; left: 0; width: 100%; height: 100%; right: 0; bottom: 0; top: 0; background-color: rgba(0, 0, 0, 0.5); z-index: 98;}
.banner_img{ position: relative;}
.show{ display: block;}



/* 关于我们 */
.lgx-main-class-box{ display: flex; flex-wrap: wrap;justify-content: space-between; padding-bottom: 25px; border-bottom: 1px solid #e6e6e6;}
.lgx-class-title{ width: 234px; }
.lgx-class-title-en,.lgx-class-title-ch{ font-size: 24px; font-weight: bold; color: #333;}
.lgx-class-title-en{ opacity: 0.3;}

.lgx-class-list-box{ display: flex; flex-wrap: wrap; padding-top: 10px; }
.lgx-class-list-item{ width: 180px; height: 50px; text-align: center; margin-left: 10px; margin-bottom: 10px; overflow: hidden; line-height: 50px; justify-content: center; }
.lgx-class-list-item a{ font-size: 16px; color: #333; display: block; background-color: #f0f0f0;}

.lgx-class-list-item a:hover{ color: #ffffff; font-weight: bold; background-color: #ce247a;}
.lgx-class-list-item.on a{ color: #ffffff; font-weight: bold; background-color: #ce247a;}
.lgx-main-content-box{ padding: 40px 0 20px; font-size: 16px; line-height: 2;}
.lgx-main-content-box img{ width:auto }

/* 精英团队 */
.lgx-team-box{display: flex; flex-wrap: wrap;  padding-top: 60px; }
.lgx-team-item-box{ width: 18%; background-color: #ffffff; margin:0 1% 26px; }
.lgx-team-item-box a{ display: block;border-bottom: 1px solid #e5e5e5; transition: all 0.2s;}
.lgx-team-item-box a:hover{ box-shadow: 0 0 30px rgba(0, 0, 0, 0.2);border-bottom: 1px solid #ce247a; transition: all 0.2s;}
.lgx-team-item-box a img{padding: 0;transition: all 0.2s;}
.lgx-team-item-box a:hover img{ padding: 10px; transition: all 0.2s;}
.lgx-team-item-title{ padding: 16px 4px; overflow: hidden;}
.lgx-team-item-title span{ display: block; text-align: center; line-height: 24px;}
.lgx-team-title-name{ font-size: 16px; color: #333;}
.lgx-team-title-desc{ font-size: 14px; color: #808080;}






/* 学校展示 */
.lgx-school-box{display: flex; flex-wrap: wrap; justify-content: space-between; padding-top: 60px; }
.lgx-school-item-box{ width: 48%; background-color: #ffffff; margin-bottom: 26px; position: relative; transition: all 0.3s; border-bottom: 2px solid #d6d6d6; }
.lgx-school-item-box::before{ content: ""; height: 2px; position: absolute; width: 0; left: 0; right: 0; bottom: 0; background-color: #e6e6e6; z-index: 3;}
.lgx-school-item-box:hover{background-color: #fff; box-shadow: 0 0 30px rgba(0, 0, 0, 0.2); transition: all 0.3s;}
.lgx-school-item-box:hover::before{ transition: all 0.3s;width: 100%; background-color: #ce247a; }

.lgx-school-item-img{ overflow: hidden;}
.lgx-school-item-img img{ transform: scale(1);transition: all 0.3s;}
.lgx-school-item-box:hover .lgx-school-item-img img{transition: all 0.3s; transform: scale(1.1);}

.lgx-school-item-title span{ display: block;  line-height: 24px;}
.lgx-school-item-title{ padding: 10px 40px; overflow: hidden; text-align: left;}
.lgx-school-title-text{ font-size: 24px; color: #333333; line-height: 1.5; padding: 20px 0 24px; position: relative;}
.lgx-school-title-text::before{ content: ""; position: absolute; right: 0; top: 50%; margin-top: -2px; width: 20px; height: 4px; border-radius: 8px; background-color: #d9d9d9; transition: all 0.3s;}

.lgx-school-item-box:hover .lgx-school-title-text::before{ background-color: #ce247a; width: 30px;transition: all 0.3s;}

.lgx-school-title-name{ position: relative; font-size: 16px; color: #333;line-height: 1.3; padding-bottom: 8px; padding-left: 16px;}
.lgx-school-title-name::before{ content: ""; position: absolute; width: 5px; height: 5px; border-radius: 100%; left: 0; margin-top: -7px; top: 50%; background-color: #ce247a;}

.lgx-argument-box form{ display: flex; margin-top: 50px;}
.lgx-argument-select-box{ flex: 1; max-width: 210px;margin-left: 16px;}
.lgx-argument-title{ line-height: 46px; font-size: 24px; padding-right: 10px;}
.lgx-argument-select-box select{ width: 100%; background-image: url('../images/dd1.jpg'); background-repeat: no-repeat; background-position: right center; background-color: #fafafa; border: 1px solid #f2f2f2; line-height: 46px; height: 46px; padding: 0 12px;appearance:none;-moz-appearance:none;-webkit-appearance:none;}
.lgx-argument-select-box select:focus{ outline: none;background-image: url('../images/dd.jpg');}
.lgx-argument-select-box select option{ line-height: 46px; height: 46px; padding: 10px;}
.lgx-argument-select-box select::-ms-expand { display: none; }









/* 作品展示 */  
.lgx-works-box{display: flex; flex-wrap: wrap; padding-top: 50px;  }
.lgx-works-item-box{ width: 18%; background-color: #ffffff; margin:0 1% 26px; position: relative;}
.lgx-works-item-box a{ display: block;border-bottom: 1px solid #e5e5e5; transition: all 0.2s; }
.lgx-works-item-box a:hover{border-bottom: none; transition: all 0.2s;}
.lgx-works-item-box a img{padding: 0;transition: all 0.2s;}
.lgx-works-item-box a:hover img{ padding: 16px; transition: all 0.2s;}
.lgx-works-item-task{ background: #ffffff; position: absolute; left: 0; right: 0; top: 0; bottom: 2px;  z-index: 1; transition: all 0.2s;}
.lgx-works-item-img{position: relative; z-index: 6;}
.lgx-works-item-title{ padding: 16px 4px; overflow: hidden; position: relative; z-index: 6;}
.lgx-works-item-title span{ display: block; text-align: center; line-height: 24px; height: 24px; overflow: hidden; transition: all 0.2s;}
.lgx-works-title-name{ font-size: 16px; color: #333;}
.lgx-works-title-desc{ font-size: 14px; color: #808080;}
.lgx-works-item-box a:hover .lgx-works-item-task{background: #ce247a; top: 40px; bottom: 20px; transition: all 0.2s;}
.lgx-works-item-box a:hover .lgx-works-item-title span{ margin-top: -10px; color: #ffffff; transition: all 0.2s;}



/* 化妆美学 */
.lgx-lesson-box{display: flex; flex-wrap: wrap; padding-top: 50px;}
.lgx-lesson-item-box{ width: 31%; background-color: #ffffff; margin:0 1.1% 40px;border: 1px solid #e5e5e5; }
.lgx-lesson-item-img{ overflow: hidden;}
.lgx-lesson-item-box img{transition: all 0.3s;}
.lgx-lesson-item-box a{ display: block;}
.lgx-lesson-item-box a:hover{ box-shadow: 0 0 30px rgba(0, 0, 0, 0.2);}
.lgx-lesson-item-title{ margin: 16px 20px 0; padding-bottom: 20px; overflow: hidden;border-bottom: 1px solid #e5e5e5;}
.lgx-lesson-item-title span{ display: block; text-align: center; line-height: 28px;}
.lgx-lesson-title-name{ font-size: 16px; color: #333; height: 28px; line-height: 28px; overflow: hidden;}
.lgx-lesson-title-desc{ font-size: 14px; color: #808080; height: 28px; line-height: 28px; overflow: hidden;}
.lgx-lesson-item-btn{ line-height: 56px; height: 56px; font-size: 14px; overflow: hidden; text-align: center; color: #ce247a;transition: all 0.3s;}
.lgx-lesson-item-box a:hover .lgx-lesson-item-btn{ background-color: #ce247a; color: #ffffff; transition: all 0.3s;}
.lgx-lesson-item-box a:hover img{ transform: scale(1.1);transition: all 0.3s; }

/* 化妆-详情 */
.lesson-banner-box{ position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: 2;}
.lesson-banner-box .container{ height: 100%;}
.lesson-banner-title{ display: flex; justify-content: space-between; width: 100%; justify-items: center; height: 100%;}
.lesson-banner-title h2{ color: #ffffff; align-items: center; display: flex; justify-content: flex-start; justify-items: center;}
.lesson-back-box a{ height: 100%; display: flex; flex-direction: row; align-items: center; justify-content: center;}
.lesson-back-box a img{ width: 34px; height: 16px; margin-right: 8px;  position: static; transform: translate(0);}
.lesson-back-box a span{ display: inline-block; color: #ffffff; font-size: 14px;}
.lesson-back-box a:hover span{ font-weight: bold;}

.lgx-lessonDetail-banner-box{ width: 100%; height: 500px; background-color: #0d0d0d; padding: 75px; background-size: cover; background-repeat: no-repeat; background-position: right center;}
.lessonDetail-title-desc{ color: #898989; font-size: 24px;}
.lessonDetail-title-h3{color: #ffffff; font-size: 48px; padding-bottom: 40px;}
.lessonDetail-title-dl{ color: #ffffff; font-size: 18px;}
.lessonDetail-title-dl1{ padding-bottom: 30px; border-bottom: 1px solid rgb(229, 229, 229,0.15); max-width: 584px;}

.lgx-lessonDetail-box{ padding: 0;}
.lessonDetail-title-dl em{ font-weight: bold;}
.lessonDetail-btn-box{ color: #ffffff; display: flex; padding-top: 46px;}
.lessonDetail-btn-box p{ font-size: 24px;}
.lessonDetail-btn-box a{ display:inline-block; font-size: 18px; color: #ffffff; line-height: 24px; margin-left: 20px; background-color: #a01059; padding: 16px 50px;}
.lessonDetail-btn-box a:hover{ background-color: #ce247a;}

.lgx-lessonDetail-pages-box{ padding-top: 40px; }
.lessonDetail-pages-item{ margin-bottom: 30px;}
.lessonDetail-pages-item:last-child{margin-bottom: 0;}
.lessonDetail-pages-title{ font-size: 24px; line-height: 56px;  color: #ce247a; border-bottom: 1px solid #ce247a;}
.lessonDetail-pages-text{ padding: 20px 0; font-size: 16px; line-height: 1.8;}

.lessonDetail-pages-list{ display: flex; flex-wrap: wrap; width:100%;}

.lessonDetail-list-box{ width: 23%; padding:20px 30px; background-color: #f7f7f7; margin:0 1% 20px;}
.lessonDetail-list-title{ font-size: 24px; color: #333333; font-weight: bold;}
.lessonDetail-list-item-text{ font-size: 16px; line-height: 1.5; color: #333; padding:8px 0 0 12px; position: relative; overflow:hidden;}
.lessonDetail-list-item-text::before{ content: ""; position: absolute; left: 0; top: 50%; width: 4px; height: 4px; background-color: #ce247a; border-radius: 100%; overflow: hidden;;}

/* 详情弹窗 */
.lgx-lessonDetail-form-box{ position: fixed; display: none; max-width: 846px;padding: 30px 60px; z-index: 99; width: 80%;  top: 50%; left: 50%; transform: translate(-50%,-50%); background-color: #ffffff;}
.lgx-lessonDetail-form-title{ font-size: 24px; color: #ce247a; line-height: 48px; border-bottom: 1px solid #e5e5e5;}
.lgx-form-box{ display: flex; flex-direction: column; padding-top: 28px;}
.lgx-lessonDetail-form{ display: flex; flex: 1; justify-content: space-between; margin-bottom: 20px; align-items: center; justify-items: center;}
.lgx-lessonDetail-form-item{ display: flex; width: 48%;}
.lgx-lessonDetail-form-item span{ width: 60px; color: #808080; line-height: 42px; letter-spacing: 4px;}
.lgx-lessonDetail-form-item span em{ color: #ce247a;}
.lgx-lessonDetail-form-item input{ background-color: #f2f2f2; padding: 0 12px; height: 44px; line-height: 44px; flex: 1;}
.lgx-lessonDetail-form-textbox{ width: 100%;}
.lgx-lessonDetail-form-textbox textarea{ flex: 1; background-color: #f2f2f2; padding:12px;}




/* 弹窗 */
.lgx-lessonDetail-form-close{ position: absolute; padding: 10px; right: 60px; top: 30px; cursor: pointer;}
.lgx-team-tip-box{ position: fixed; display: none; width: 80%;height: 60%;padding: 40px; background-color: #ffffff; z-index: 99; top: 50%; left: 50%; transform: translate(-50%,-50%);}
.lgx-team-close-btn{ position: absolute; cursor: pointer; width: 50px; height: 50px; background-color: #000; right: -50px; top: 0;}
.lgx-team-tip-content{ overflow-y: auto; height: 100%; display: flex;}
.lgx-team-tip-img{ width: 30%; padding-right: 50px;}
.lgx-team-tip-text{ flex: 1;}
.lgx-team-tip-name{ font-size: 30px; color: #ce247a; line-height: 2;}
.lgx-team-tip-desc{ font-size: 18px; color: #333333; padding-bottom: 20px;}
.lgx-team-tip-main{ font-size: 14px; color: #333333; line-height: 1.8;}

.lgx-lessonDetail-form-btn-box{ margin-top: 20px;}
.lgx-lessonDetail-form-item input.btn{ border-radius: 0; margin-right: 20px; height: 44px; color: #ffffff; background-color: #c1c1c1; padding: 0; width: 150px; line-height: 44px;}
.lgx-lessonDetail-form-item input.submit{ background-color: #ce247a;}
.lgx-lessonDetail-form-item input.submit:focus,.lgx-lessonDetail-form-item input.reset:focus{ box-shadow: none; border: 0;outline: none;}

.lgx-lessonDetail-form-rideo-box,.lgx-lessonDetail-form-rideo-box p{ display: flex; line-height: 44px; margin-right: 40px;}
.lgx-lessonDetail-form-rideo-box p label{ margin-bottom: 0; margin-left:6px; }
.lgx-lessonDetail-form-rideo-box p input{ margin-top: 0;}
.lgx-lessonDetail-form-rideo-box input[type="radio"]+label::before{ content: ""; display: inline-block; vertical-align: middle; width: 16px; height: 16px; border-radius: 50%; background-color: #e6e6e6; border: 5px solid #e6e6e6; margin-right: 0.6rem; box-sizing: border-box; margin-top: -0.1rem;}
.lgx-lessonDetail-form-rideo-box input[type="radio"]:checked+label::before{ background-color: #ffffff; background-clip: content-box; padding: 0.1rem; border:4px solid #ce247a; box-sizing: border-box;}
.lgx-lessonDetail-form-rideo-box input[type="radio"]{ position: absolute; clip: rect(0,0,0,0);}


/* 分页 */
.lgx-pages-box{ display: flex; justify-content: center; flex-wrap: wrap; padding-bottom: 20px;}
.lgx-pages-box a{ color: #808080; font-size: 14px; display: inline-block; padding: 12px 20px; background-color: #f7f7f7; margin: 5px;}
.lgx-pages-box a:hover,.lgx-pages-box a.on{ background-color: #ce247a; color: #ffffff; font-weight: bold;}
.lgx-pages-box a.disabled{ background-color: #f7f7f7;color: #ccc; cursor: default;}
.lgx-pages-current-box{ display: none; width: 100%; text-align: center;font-size: 14px; color: #808080; padding: 10px 0; }
.lgx-pages-current-box span{ color: #ce247a;}


/* 作品展示详情页 */
.lgx-worksDetail-con-title{ font-size: 30px; color: #333; text-align: center; padding-bottom: 10px;}
.lgx-worksDetail-con-desc,.lgx-worksDetail-con-img {text-align: center;}
.lgx-worksDetail-con-desc span{ display: inline-block; font-size: 14px; color: #808080; padding: 0 10px; }
.lgx-worksDetail-con-img img{ max-width: 600px; width: 80%;}
.lgx-worksDetail-con-img{ padding: 30px 0;}
.lgx-worksDetail-text{ font-size: 16px; line-height: 1.8; color: #333333; padding: 20px 0 60px; border-bottom: 1px solid #e6e6e6;}
.lgx-worksDetail-label{ display: flex;padding: 30px 0; flex-wrap: wrap;}
.lgx-worksDetail-label-item{ margin-right: 10px; margin-bottom: 10px;}
.lgx-worksDetail-label-item a{ display: block;transition: all 0.3s; border: 1px solid #e6e6e6; padding: 12px 20px; font-size: 12px; color: #808080;}
.lgx-worksDetail-label-item a:hover{ background-color: #ce247a;transition: all 0.3s;  border: 1px solid #ce247a; color: #ffffff;}



.lgx-worksDetail-pagination-box{ display: flex; align-items: center; margin-top: 50px; padding: 0 50px; justify-content: space-between; background-color: #f2f2f2; height: 80px; line-height: 80px;}
.back-list-btn{ display: flex; padding: 20px; width: 56px; height: 56px; flex-wrap: wrap; justify-content: space-between;}
.back-list-btn span{ width: 5px; height: 5px; background-color: #808080; display: inline-block; margin: 1px;}
a.back-list-btn:hover span{ background-color: #ce247a;}
.lgx-worksDetail-pagination-box a{ display: flex; align-items: center; font-size: 16px; color: #808080;}  
.lgx-worksDetail-pagination-box a:hover{ color: #ce247a;}
.lgx-worksDetail-pagination-box a img{ width: 32px; height: 12px; opacity: 0.6; -webkit-filter: grayscale(100%);filter: grayscale(100%);}
.lgx-worksDetail-pagination-box a:hover img{opacity: 1; -webkit-filter: grayscale(0); filter: grayscale(0);}
.lgx-worksDetail-pagination-box  .pre-btn,.lgx-worksDetail-pagination-box  .next-btn{ flex: 1;}
.lgx-worksDetail-pagination-box  .next-btn{ justify-content: flex-end;}
.lgx-worksDetail-pagination-box  .pre-btn img{margin-right: 16px;}
.lgx-worksDetail-pagination-box  .next-btn img{margin-left: 16px;}
.lgx-worksDetail-pagination-box a span{ line-height: 1.3;}

.lgx-worksDetail-paginationsj-box{ display: flex; flex-direction: column; display: none;}
.lgx-worksDetail-paginationsj-box a{ display: block; color: #808080; font-size: 12px; background-color: #f2f2f2; line-height: 20px;  padding: 10px; margin-bottom: 10px;}


/* 推荐 */
.lgx-worksHot-box{ padding: 70px 0 30px;}
.lgx-worksHot-tilte-box{ display: flex; justify-content:space-between; line-height: 52px; border-bottom: 1px solid #e6e6e6; margin-bottom: 30px;}
.lgx-worksHot-tilte-box span{ font-size: 18px; color: #333;}
.lgx-worksHot-more{ font-size: 14px; font-family: 'Arial Black'; font-weight: bold;}
.lgx-worksHot-list-box{ display: flex; flex-wrap: wrap; justify-content: space-between;}
.lgx-worksHot-list-box a{ width: 24%; margin-bottom: 10px; }
.lgx-worksHot-list-item-img{ overflow: hidden;}
.lgx-worksHot-list-item-img img{ transition: all 0.3s;}
.lgx-worksHot-list-box a:hover img{ transform: scale(1.1);}
.lgx-worksHot-list-box a p{ line-height: 1.3; padding: 12px 0; text-align: center;}



/* 美韩资讯 */
.lgx-new-box{ display: flex; flex-wrap: wrap; justify-content: space-between; padding-top: 50px;}
.lgx-new-item-box{ display: flex;  justify-content: space-between; width: 32%; margin-bottom: 40px; }
.lgx-new-item-box a{ display: block;background-color: #f7f7f7;padding: 30px; transition: all 0.3s;}
.lgx-new-item-box a:hover{background-color: #fff; box-shadow:0 0 30px rgba(0, 0, 0, 0.1); transition: all 0.3s;}
.lgx-new-item-time{ display: flex;padding-bottom: 20px; align-items: center; line-height: 1; font-size: 14px; color: #808080;}
.lgx-new-item-time img{ width: 16px; margin-right: 10px;}
.lgx-new-item-title{ font-size: 18px; line-height: 30px;}
.lgx-new-item-img{ margin: 20px 0; overflow: hidden;}
.lgx-new-item-img img{ transition: all 0.3; transform: scale(1);}
.lgx-new-more img{ width: 32px; height: 12px;opacity: 0.6; filter: grayscale(100%); -webkit-filter: grayscale(100%);}
.lgx-new-more{color: #808080; font-size: 14px; display: flex; justify-content: space-between; align-items: center;}

.lgx-new-item-box a:hover .lgx-new-item-img img{ transform: scale(1.1); transition: all 0.3s;}
.lgx-new-item-box a:hover .lgx-new-more img{ opacity: 1; filter: grayscale(0); -webkit-filter: grayscale(0);}

.lgx-newDetail-text{ padding-top: 50px;}
.lgx-newHot-list-box{ display: flex; flex-wrap: wrap; justify-content: space-between;}



/* 手机分类 */
.lgx-classify-btn{ display: none; position: absolute; right: -16px; top: 50%; cursor: pointer; padding: 10px 20px; transform: translate(0,-50%); }
.lgx-classify-btn span{ font-size: 14px; color: #ce247a; font-weight: bold;}
.lgx-classify-btn img{ width: 14px; transform: rotate(180deg); transition: all 0.3s;}
.lgx-classify-btn.active img{transform: rotate(0deg);transition: all 0.3s;}


.lgx-about-box img{ width: auto; max-width: 100%; height: auto; float: right;  }
.lgx-about-box{ display: flex; justify-content:space-between;}
.lgx-about-right-box{ width: 486px; margin-left: 120px; padding: 50px 50px 0 0; position: relative;}
.lgx-about-right-box::after{ content: ""; position: absolute; top: 0; right: 0; width: 50%; height: 60%; background-color: #ededed;}
.lgx-about-left-box{ flex: 1;}
.lgx-about-right-box img{ position: relative; z-index: 2;}
.lgx-about-left-title{ position: relative; margin-bottom: 40px; padding-bottom: 20px;}
.lgx-about-left-title .title { color:#ededed;font-size: 120px; line-height: 1;}
.lgx-about-left-title .title span{  font-weight: bold; padding-right: 12px;}
.lgx-about-left-title .desc{ font-size: 36px; color: #ce247a; margin-top: -50px; position: relative;}
.lgx-about-left-title::before{content: ""; width: 66px; height: 1px; background-color: #cccccc; left: 0; bottom: 0; position: absolute;}







@media (max-width: 991px){
  .nsection{ padding: 20px 0;}
  .lgx-main-class-box{ padding-bottom: 10px; position: relative;}
	.lgx-class-title{ height: 50px;}
  .lgx-class-title-en{ font-size: 15px;}
  .lgx-class-title-ch{ font-size: 18px;}
  .lgx-main-class-box{ flex: 1;flex-direction: column;}
	.lgx-class-list-box{  justify-content: space-between; padding: 10px 20px; border-top: 1px solid #ce247a;}
  .lgx-class-list-item{ width: 100%; height: 44px; line-height: 44px; overflow: hidden; margin: 0; }
  .lgx-class-list-item a{font-size: 14px; background-color: #fff; text-align: left; position: relative;}
	.lgx-class-list-item a::before{ content: ""; position: absolute; right: 0; top: 50%; transform: translate(0,-50%); width: 44px; height: 44px; background: url("../images/fx1.jpg") right center no-repeat; background-size: 26%;}
	.lgx-class-list-item.on a,.lgx-class-list-item a:hover{ color: #ce247a; background-color: #fff;}
	.lgx-class-list-item.on a::before{background: url("../images/fx.png") right center no-repeat; background-size: 26%;}

  .lgx-main-content-box{ font-size: 14px; padding: 12px 0;}

	.lgx-team-box{ justify-content: space-between;}
  .lgx-team-item-box{ width: 46%;}
  .lgx-team-title-name,.lgx-works-title-name{ font-size: 14px;}
  .lgx-team-title-desc{ font-size: 12px;}
  .lgx-team-item-title,.lgx-works-item-title{ padding: 10px 2px;}
  .lgx-team-item-box{ margin-bottom: 12px;}

  .lgx-works-item-box{ width: 46%;}


  .lgx-lessonDetail-banner-box{  height: 170px;  padding: 8px 12px;}
  .lessonDetail-title-desc{ font-size: 12px;}
  .lessonDetail-title-h3{ font-size: 18px; padding-bottom: 12px;}
  .lessonDetail-title-dl{ font-size: 12px; line-height: 20px;}
  .lessonDetail-title-dl1{ padding-bottom: 0; border-bottom: none; }

  .lessonDetail-btn-box{ padding-top: 10px;}
  .lessonDetail-btn-box p{ font-size: 14px;}
  .lessonDetail-btn-box a{  font-size: 14px;line-height: 20px;  padding: 8px 16px;}

  .lgx-lessonDetail-pages-box{ padding-top: 20px; }
  .lessonDetail-pages-item{ margin-bottom: 10px;}
  .lessonDetail-pages-item:last-child{margin-bottom: 0;}
  .lessonDetail-pages-title{ font-size: 18px; line-height: 36px;}
  .lessonDetail-pages-text{ padding: 12px 0; font-size: 14px; line-height: 1.8;}

  .lessonDetail-list-box{ width: 48%; padding:12px 16px; margin-bottom: 12px;}
  .lessonDetail-list-title{ font-size: 16px; padding: 4px 0; line-height: 1.3; font-weight: bold;}
  .lessonDetail-list-item-text{ font-size: 12px; padding-left: 8px;}

  .lessonDetail-banner img{ width: 200%;}

  .lgx-lessonDetail-form-box{ padding: 20px;}
  .lgx-form-box{ padding-top: 16px;}
  .lgx-lessonDetail-form-item span{ width: 50px; line-height: 36px;}
  .lgx-lessonDetail-form-item input{ height: 36px; line-height: 36px;}
  .lgx-lessonDetail-form-item:first-child,.lgx-lessonDetail-form{ margin-bottom: 10px;}
  .lgx-lessonDetail-form-rideo-box{ line-height: 36px; margin-right: 6px;}
  .lgx-lessonDetail-form-title{ font-size: 15px; line-height: 32px;}

  .lgx-lessonDetail-form-item span{ letter-spacing: 0;}
  .lgx-lessonDetail-form{ flex-direction: column;}
  .lgx-lessonDetail-form-item{ width: 100%;}
  .lgx-lessonDetail-form-close{ right: 20px; top: 10px;}

  .lgx-worksHot-box{ padding-top: 20px;}

  .lgx-new-item-box{ width: 48%;}
	.lgx-team-box,.lgx-new-box,.lgx-works-box,.lgx-lesson-box,.lgx-school-box{ padding-top: 30px;}
	.lgx-works-box{ justify-content: space-between;}
	.lgx-school-item-box{ width: 100%;border-bottom-color: #ce247a;}
	.lgx-school-item-box:hover:before{ display: none; }
	.lgx-school-title-text::before{background-color: #ce247a;}
	.lgx-argument-title{ font-size: 14px; line-height: 36px;}
	.lgx-argument-box form{ margin-top: 30px;}
	.lgx-argument-select-box select{ line-height: 36px; height: 36px;}

	.lgx-class-list-box{ display: none; position: absolute; left: 0; right: 0; top: 60px; z-index: 4; background-color: #fff; box-shadow: 0 0 30px rgba(0, 0, 0, 0.1);}

	.lgx-school-item-title{ padding: 16px;}
	.lgx-school-title-text{ padding: 10px 0; font-size: 14px; font-weight: bold;}
	.lgx-school-title-name{ font-size: 12px; padding-bottom: 4px;}
	.lgx-school-title-name::before{ margin-top: -5px;}


	.lgx-about-box{ flex-direction: column;}
	.lgx-about-left-title .title{ font-size: 60px;}
	.lgx-about-left-title .desc{ font-size: 24px;}
	.lgx-about-left-title .desc{ margin-top: -24px;}
	.lgx-about-left-title{ margin-bottom: 20px; padding-bottom: 0;}
	.lgx-about-right-box{ max-width: 80%; margin: 20px auto;  padding: 30px 30px 0 0;}

}

@media (max-width: 767px){
  .lgx-team-tip-box{ padding: 20px;}
  .lgx-team-tip-content{ flex-direction: column;}
  .lgx-team-tip-img{width: 55%; padding: 0; margin: 0 auto;}
  .lgx-team-tip-name,.lgx-team-tip-desc{ text-align: center;font-size: 16px;}
  .lgx-team-tip-desc{ font-size: 14px;}
  .lgx-team-tip-text{ padding-top: 12px;}
  .lgx-team-close-btn{top: -40px; right: 0; width: 40px; height: 40px;}

  .lgx-worksDetail-con-title{ font-size: 18px; padding-bottom: 6px; padding-top: 16px; line-height: 1.5; font-weight: bold;}
  .lgx-worksDetail-text{ font-size: 14px;padding: 20px 0 30px;}
  .lgx-worksDetail-con-img{ padding: 20px;}


  .lgx-lesson-item-title span{ line-height: 22px; height: 22px;}
  .lgx-lesson-item-box{width: 100%; margin-bottom: 20px;}
  .lgx-lesson-item-btn{ line-height: 44px; height: 44px;}
  .lgx-lesson-item-title{ padding-bottom:  10px; margin: 12px 12px 0;}
  .lesson-banner-title{ justify-content: center;}
  .lesson-banner-title h2{ font-size: 18px;}
  .lessonDetail-btn-box a{margin-right: 12px; margin-left: 0;}
  .lgx-lessonDetail-form-box{ width: 94%;}
  .lgx-lessonDetail-form-btn-box{ margin-top: 10px;}
  .lgx-lessonDetail-form-item input.btn{ width: 88px; height: 36px; line-height: 36px; margin-right: 8px;}

  .lgx-worksHot-list-box a{ width: 48%;}
  .lgx-worksHot-tilte-box span{ font-size: 16px; font-weight: bold;}
  .lgx-new-item-box{ width: 100%; margin-bottom: 14px;}
  .lgx-new-item-box a{ padding: 16px;}
  .lgx-new-item-title{ line-height: 22px; font-size: 14px;}
  .lgx-new-item-time{ padding-bottom: 10px;}
  .lgx-new-item-img{ margin: 10px 0;}
  .lgx-new-more{ font-size: 12px;}

  .lgx-newHot-list-box .slick-dots li button:before{ font-size: 26px !important; }
  .lgx-newHot-list-box .slick-dots li.slick-active button:before{ color: #ce247a;opacity: 1;}
  .lgx-newHot-list-box .slick-dots li button:before{ color: #ce247a; opacity: 0.5;}
  .lgx-worksHot-box{ margin-bottom: 30px;}
}



@media (min-width: 1600px){
	.container{width: 1430px;}
}

/*@media (min-width: 1440px) and (max-width: 1599px){
	.container{width: 1230px;}
}*/

@media (max-width: 1599px){
	.tel{display: none;}
	.search{width: 40px;}
	.search:after{display: none;}
	.logo a{width: 288px;}
	.nav{margin-right: 70px;margin-left: 420px;}
	.ibanner .slick-dots li{font-size: 16px;}
	.ibanner .slick-dots .timer{width: 64px;}
	.mouse{font-size: 12px;}
	.mouse img{width: 16px;margin-bottom: 5px;}

	.foot_above>div.foot_logo{width: 27%;}
	.foot_above>div.foot_ewm{width: 23%;}
	.fewm_item{width: 98px;}
	.copyright{padding: 20px 0;}

	.side_item{width: 46px;height: 46px;}
	.side_tel_box{padding: 12px 16px;}
	.side_tel_box dd{font-size: 14px;line-height: 24px;margin-bottom: 2px;}
	.side_tel_box dt{font-size: 18px;}
	.side_ewm_box i{width: 110px;}

	.about_slide{padding-right: 30px;}
	.about_img{padding-right: 30px;}
	.about_slide .slick-arrow{width: 60px;height: 60px;}
	.about_slide .slick-prev{right: 60px;}
	.about_slide .slick-next{right: 0px;}
	.about_slide:after{height: 60px;}
	.about_nr{margin: 30px 0 40px;}

	.course_intro{padding: 20px 0;}

	.school_for{padding-right: 80px;}
	.school_for_item{padding-right: 40px;}
	.school_for .slick-arrow{bottom: 120px;}
	.school_for .slick-dots{bottom: 120px;}
}

@media (max-width: 1399px){
	.logo a{width: 268px;}
	.nav{margin-right: 50px;margin-left: 360px;}
	.nav ul li ul li a, .nav ul li.cu ul li a, .nav ul li.on ul li a{line-height: 32px;height: 32px;}
}

@media (max-width: 1199px){
	.wrapper{padding-top: 72px;}
	.header{padding: 0 30px;}
	.other{display: none;}
	.logo a{width: 250px;height: 72px;}
	.nav{margin-left: 320px;margin-right: 0px;}
	.nav ul li a{line-height: 72px;height: 72px;font-size: 14px;}
	.nav ul li .two_box{width: 134px;}
	.nav ul li ul li a, .nav ul li.cu ul li a, .nav ul li.on ul li a{font-size: 13px;line-height: 28px;height: 28px;}
	.ibanner .slick-dots{bottom: 24px;}
	.ibanner .slick-dots li{font-size: 14px;}
	.ibanner .slick-dots .timer{width: 58px;}
	.ibanner .slick-arrow{bottom: 24px;}

	.foot_logo{display: none;}
	.foot_above>div.foot_nav{width: 34%;padding-left: 0;}
	.foot_above>div.foot_con{width: 38%;}
	.foot_above>div.foot_ewm{width: 28%;}

	.section{padding: 80px 0;}
	.headline{margin-bottom: 35px;font-size: 26px;}
	.about_bt{font-size: 24px;letter-spacing: 1px;padding-top: 18px;}
	.about_nr{line-height: 28px;max-height: 168px;margin: 20px 0;}
	.course_intro{padding: 16px 0;}
	.course_bt{font-size: 16px;line-height: 26px;height: 26px;margin-bottom: 0px;}
	.course_imore{line-height: 44px;height: 44px;}

	.case_item{padding: 0 25px;}
	.case_bt{font-size: 16px;line-height: 50px;height: 50px;}
	.case_slide .slick-dots li span{font-size: 32px;}
	.works_slide .slick-dots li{margin: 0 10px;}

	.school_intro{padding: 20px 25px;}
	.school_bt{font-size: 16px;line-height: 26px;height: 26px;}
	.school_nr{font-size: 14px;line-height: 24px;height: 24px;}
	.school_area:before{width: 32%;}
	.school_nav{width: 32%;top: 100px;}
	.school_for{padding-left: 32%;padding-right: 60px;}
	.school_for_item{padding-right: 30px;}
	.school_for_item a:hover .school_intro{margin: -30px 30px 0;}
	.school_intro:after{width: 14px;right: 24px;}
	.school_for .slick-arrow{bottom: 94px;width: 36px;height: 36px;}
	.school_for .slick-dots{bottom: 94px;left: 36px;}
	.school_for .slick-next{left: 156px;}
	.school_nav_item{line-height: 46px;height: 46px;}

	.news_slide{margin: 0 -10px;}
	.news_item{padding: 0 10px;}
	.news_item a{padding: 36px 30px;}
	.news_bt{font-size: 16px;}
	.news_nr{margin: 18px 0;}
	.news_time:after{width: 30px;}
	.news_slide .slick-dots li{margin: 0 10px;}
}

@media (max-width: 991px){
	.logo a{width: 268px;}
	.other{display: block;position: static;}
	.search{position: static;}
	.search_click{position: absolute;top: 0;right: 80px;width: 32px;}
	.search_area{width: 100%;padding: 16px 30px;top: 100%;}
	.ibanner .slick-arrow,.mouse{display: none!important;}
	.ibanner .slick-dots{width: 100%;left: 0;height: 24px;}
	.ibanner .slick-dots li{width: 100%;justify-content: center;line-height: 24px;height: 24px;}

	.foot_above{justify-content: space-between;}
	.foot_nav{display: none;}
	.foot_above>div{padding: 0!important;border-right: none;}
	.foot_above>div.foot_con{width: 56%;}
	.foot_above>div.foot_ewm{width: 40%;}
	.fewm_item{width: 88px;margin-right: 14px;}

	.section{padding: 60px 0;}
	.about_area{display: block;}
	.about_intro{width: 100%;padding: 0;}
	.about_head{position: relative;top: 0;right: auto;writing-mode: horizontal-tb;}
	.about_en{font-size: 36px;}
	.about_cn{letter-spacing: 9px;}
	.about_nr{margin: 14px 0;}
	.about_imore a{text-align: center;}
	.about_slide{width: 90%;margin-top: 24px;}

	.course_item{width: 50%;margin-bottom: 20px;}
	.course_item a:hover{transform: translateY(0px);}
	.case_slide{width: 80%;}
	.case_slide .slick-arrow{display: none!important;}
	.case_slide .slick-dots li{font-size: 16px;}
	.case_slide .slick-dots li span{font-size: 26px;}
	.case_item{padding: 0 0px;}
	.case_bt{margin: 0 40px;line-height: 46px;height: 46px;}
	.works_item:nth-child(even){margin-top: 0px;}

	.school_area .headline{position: relative;text-align: center;}
	.school_area:before{display: none;}
	.school_nav{position: relative;width: 100%;top: 0;text-align: center;}
	.school_nav.slick-slider{margin-bottom: 24px;}
	.school_nav_item span{padding-right: 0;}
	.school_nav_item span:after{top: auto;bottom: 0;}
	.school_nav_item.slick-current span:after{width: 100%;}
	.school_for{padding: 0 60px;}
	.school_for:before{display: none;}
	.school_for_item{padding: 0 12px;}
	.school_for .slick-dots{position: relative;bottom: auto;left: auto;width: 100%;margin-top: 30px;height: 36px;}
	.school_for .slick-dots li{line-height: 36px;}
	.school_for .slick-arrow{display: none!important;}
	.school_intro{box-shadow: 0px 20px 20px 0 rgba(0,0,0,.1);margin: -30px 40px 0;}
	.school_intro:before{transform: scale(1,1);}
}

@media (max-width: 767px){
	.wrapper{padding-top: 58px;}
	.header{padding: 0 15px;}
	.logo a{width: 224px;height: 58px;}
	.logo a:after{width: 26px;background-size: 100% 100%!important;}
	.nav_button{right: 15px;}
	.search_click{right: 58px;}
	.search_area{padding: 12px 15px;}
	.search_area form{line-height: 36px;}
	.ibanner .slick-dots{bottom: 10px;}
	.ibanner .slick-dots li{font-size: 12px;}
	.ibanner .slick-dots .timer{width: 40px;}

	.class{padding: 68px 15px 0;}
	.class_list ul li a{font-size: 14px;line-height: 46px;height: 46px;}
	.class_list ul li ul li a{line-height: 32px;height: 32px;font-size: 13px;}
	.class_list ul li a span{padding: 0 24px;}
	.class_list ul li:hover a span:before, .class_list ul li.cu1 a span:before{width: 14px;}
	.class_list ul li:hover a span:after, .class_list ul li.cu1 a span:after{width: 14px;}

	.foot_above{padding: 30px 0 20px;}
	.fewm_item{width: 64px;margin-right: 8px;}
	.foot_item{font-size: 12px;padding-left: 22px;}
	.foot_item i{width: 14px;height: 22px;}
	.foot_item dd{line-height: 22px;}
	.foot_item dt{line-height: 20px;}
	.fcon_tel dt{font-size: 16px;}
	.copyright{font-size: 12px;line-height: 22px;padding: 12px 0;}

	.section{padding: 46px 0;}
	.about_en{font-size: 28px;}
	.about_cn{letter-spacing: 3px;}
	.about_bt{font-size: 22px;}
	.about_nr{line-height: 26px;max-height: 156px;margin: 10px 0;}
	.about_slide{width: 100%;margin-top: 16px;padding-right: 16px;}
	.about_img{padding-right: 16px;}
	.about_slide .slick-arrow{width: 40px;height: 40px;}
	.about_slide:after{height: 40px;}
	.about_slide .slick-prev{right: 32px;}
	.about_slide .slick-next{right: -8px;}

	.headline{font-size: 20px;margin-bottom: 20px;}
	.course_data{margin: 0 -6px;}
	.course_item{padding: 0 6px;margin-bottom: 12px;}
	.course_intro:after,.course_imore{display: none;}
	.course_intro{padding: 10px 12px;margin: 0;}
	.course_bt{font-size: 15px;}
	.course_nr{font-size: 13px;}

	.case_slide{width: 90%;}
	.case_item a{transform: scale(0.9,0.9);}
	.case_bt{line-height: 38px;height: 38px;margin: 0 20px;font-size: 14px;}
	.case_slide .slick-dots li{font-size: 14px;}
	.case_slide .slick-dots li span{font-size: 20px;}

	.works_bt{font-size: 14px;line-height: 44px;height: 44px;}
	.works_slide.slick-slider{margin: -20px -7px 0px;}
	.works_item{padding: 30px 7px;}
	.works_item a{background: #ce247a;}
	.works_img,.works_item a:hover .works_img{transform: translateY(-30px) scale(0.88,0.88)}
	.works_item a:after,.works_item a:hover:after{height: 30px;}
	.works_slide .slick-dots{margin-top: 10px;}
	.works_slide .slick-dots li{margin: 0 8px;}
	.works_slide .slick-dots li button{width: 8px;height: 8px;}

	.school_area .headline{top: 5px;}
	.school_nav.slick-slider{margin-bottom: 18px;}
	.school_nav_item{font-size: 15px;line-height: 38px;height: 38px;}
	.school_for{width: 100%;padding: 0;}
	.school_for .slick-list{overflow: hidden;}
	.school_for_item{padding: 0 0 20px;}
	.school_intro{padding: 12px 16px;margin-bottom: 15px;}
	.school_bt{font-size: 15px;margin-bottom: 0px;}
	.school_nr{font-size: 13px;}
	.school_intro:after{display: none;}
	.school_intro,.school_for_item a:hover .school_intro{margin: -25px 16px 0;box-shadow: 0px 0px 15px 0 rgb(0 0 0 / 10%);}
	.school_for .slick-dots{margin-top: 0px;}

	.news_slide{padding: 0 8%;}
	.news_slide .slick-list{overflow: visible;}
	.news_item.slick-current .news_img{filter:alpha(opacity=100);opacity: 1;}
	.news_item.slick-current .news_bt{color: #fff;}
	.news_item.slick-current .news_nr{color: #fff;}
	.news_item.slick-current .news_time{background: url(../images/news_time_h.png) left center no-repeat;color: #fff;}
	.news_item.slick-current .news_time:after{background: url(../images/news_imore_h.png) center center no-repeat;}
	.news_item{margin-bottom: 30px;}
	.news_item a{padding: 24px 16px;}
	.news_bt{font-size: 15px;line-height: 26px;height: 52px;}
	.news_nr{line-height: 26px;height: 52px;margin: 10px 0;}
	.news_time{font-size: 12px;background-size: 14px!important;padding-left: 22px;}
	.news_imore{margin-top: 20px;}
	.news_slide .slick-dots li{margin: 0 8px;}
	.news_slide .slick-dots li button{width: 8px;height: 8px;}
}

@media (max-width: 420px){
	.foot_above>div.foot_ewm{width: 46%;}
	.fewm_item{width: 60px;}
}



/*x-221212*/
.about_wtf{position: relative;}
.about_xbb{position: absolute;width: 100%;left: 0;top: 0;height: 100%;display: flex;align-items: center; }
.about_xx{margin-left: 45%;position: relative;z-index: 5;}
.about_xx .slick-dots{font-size: 0px;bottom: 0px;position: relative;margin-top: 30px;display: none!important;}
.about_xx .slick-dots li{width: auto;height: auto;margin: 0px 15px;}
.about_xx .slick-dots li button{width: 10px;height: 10px;transition: 300ms;padding: 0px;border-radius: 6px;background: #ce247a;filter:alpha(opacity=50);opacity: 0.5;}
.about_xx .slick-dots li button:before{display: none;}
.about_xx .slick-dots li.slick-active button{filter:alpha(opacity=100);opacity: 1;}
.about_xx .slick-arrow{width: 35px;height: 35px;z-index: 2;transition: 300ms;overflow: hidden;background-size: 100%!important;border-radius: 50%;top: auto;bottom: 30px;transform:translate(0, 0);-webkit-transform:translate(0, 0);-moz-transform:translate(0, 0);-ms-transform:translate(0, 0); }
.about_xx .slick-prev:before{display: none;}
.about_xx .slick-next:before{display: none;}
.about_xx .slick-prev{background: url(../images/banner_prev_h.png) center center no-repeat;left: 30px;}
.about_xx .slick-next{background: url(../images/banner_next_h.png) center center no-repeat;left: 85px;}
.about_xx .slick-prev:hover{background: url(../images/case_prev_h.png) center center no-repeat;}
.about_xx .slick-next:hover{background: url(../images/case_next_h.png) center center no-repeat;}

@media (max-width: 991px){
	.about_xbb{position: relative;display: block;}
	.about_xx{margin-left: 0;margin-top: 24px;}
	.about_xx .slick-arrow{display: none!important;}
	.about_xx .slick-dots{display: block!important;}
}

@media (max-width: 767px){
	.about_xx{margin-top: 16px;}
	.about_xx .slick-dots{margin-top: 24px;}
	.about_xx .slick-dots li{margin: 0 8px;}
	.about_xx .slick-dots li button{width: 8px;height: 8px;}
}

/*x-221212-end*/

/*231218-add*/
.xcer_search{width: 600px;margin: 50px auto 80px;border: 1px solid #e6e6e6;border-radius: 20px;overflow: hidden;}
.xcer_search_head{font-size: 24px;font-weight: bold;line-height: 80px;background: #ce247a;color: #fff;text-align: center;}
.xcer_search_form{display: block;width: 100%;padding: 54px 100px;}
.xcer_search_line{width: 100%;overflow: hidden;display: flex;align-items: center;margin-bottom: 30px;}
.xcer_search_bt{width: 92px;float: left;text-align: right;margin-right: 6px;font-size: 16px;}
.xcer_search_nr{flex: 1;height: auto;overflow: hidden;}
.xcer_search_nr input{display: block;width: 100%;padding: 0 20px;border: 1px solid #e6e6e6;height: 50px;font-size: 16px;background: none;outline: none;}
.xcer_search_btn{padding-top: 10px;}
.xcer_search_btn input{display: block;width: 160px;line-height: 50px;font-size: 16px;background: #222;color: #fff;text-align: center;margin: 0 auto;border: none;border-radius: 25px;overflow: hidden;outline: none;}
.xcer_result_head{text-align: center;font-size: 24px;overflow: hidden;font-weight: bold;padding: 55px 0 40px;border-top: 1px solid #e6e6e6;}
.xcer_result_area{background: #f6f6f6;padding: 60px 0 70px;text-align: center;}
.xcer_result_name{font-size: 18px;font-weight: bold;color: #ce247a;}
.xcer_result_detail{font-size: 16px;line-height: 36px;margin: 15px 0 45px;}
.xcer_result_detail span{margin: 0 25px;}
.xcer_result_image{text-align: center;width: 500px;margin: 0 auto;}
.xcer_result_image img{max-width: 100%;}

.side_check a{display: flex;justify-content: center;align-items: center;color: #b3b3b3;transition: 300ms;background: #fff;font-weight: bold;}
.side_check a:hover{background: #ce247a;color: #fff;}

.certi_btn{position: absolute;right: 128px;top: 0;height: 100%;}
.certi_btn a{display: flex;height: 100%;align-items: center;color: #ce247a;}

@media (max-width: 1599px){
	.xcer_search_head{line-height: 72px;}
}
@media (max-width: 1199px){
	.xcer_search{width: 520px;}
	.xcer_search_form{padding: 50px 60px;}
	.xcer_search_head{line-height: 64px;font-size: 22px;}
	.xcer_search_line{margin-bottom: 26px;}
	.xcer_search_nr input{height: 46px;}
	.xcer_search_btn input{width: 145px;line-height: 46px;}
	.xcer_result_detail{margin-bottom: 30px;}
	.xcer_result_detail span{margin: 0 15px;}
	.xcer_result_image{width: 460px;}
}
@media (max-width: 767px){
	.xcer_search{width: 100%;margin-bottom: 60px;}
	.xcer_search_head{font-size: 18px;line-height: 50px;}
	.xcer_search_bt{font-size: 14px;width: 72px;}
	.xcer_search_form{padding: 40px 20px;}
	.xcer_search_line{margin-bottom: 20px;}
	.xcer_search_nr input{height: 42px;font-size: 14px;padding: 0 14px;}
	.xcer_search_btn input{width: 122px;line-height: 40px;font-size: 14px;}
	.xcer_result_head{font-size: 20px;padding: 46px 0 30px;}
	.xcer_result_area{padding: 42px 0 50px;}
	.xcer_result_detail{margin-bottom: 20px;font-size: 14px;line-height: 32px;}
	.xcer_result_detail span{display: block;margin: 0;}
	.xcer_result_image{width: 100%;padding: 0 24px;}
	.certi_btn{right: 102px;line-height: 16px;}
}

/*231218-end*/