@charset "utf-8";
/* CSS Document */
/**/
@media all and (max-width: 1680px) {

}
/* max 1680 end */

/**/
@media all and (max-width: 1550px) {

}
/* max 1550 end */

/**/
@media all and (max-width: 1440px) {  

}
/* max 1440 end */

/**/
@media all and (max-width: 1280px) {

    
    
}
/* max 1280 end */

/**/
@media all and (max-width: 1024px) {
   
}
/* max 1024 end */


/**/
@media all and (max-width: 750px) {
.m_center{width:90vw; height: auto; margin: 0 auto; padding: 0; transition: all .5s ease 0s;}
.c_nav{display: flex;}
/**/
/**/
.top{width: 100vw; height:50px; min-width:auto; position: fixed; top: 0; left: 0; z-index: 999; padding: 0 5vw;}
.logo{width:60vw; height:50px;}
.logo img{max-width: 65%;}
.top-nav{width:100%; height: calc(100vh - 70px); margin-top: 0; color: #fff; font-size: 16px; position:fixed; top:50px; left: -100%; float: inherit; display: none; background: rgba(0,0,0,.85); padding: 0 5vw;}
.top-nav .nav_li{display: block; width: 100%; height:auto; line-height:50px; margin-right:0; position: relative; transition: all .6s ease-in 0s; border-bottom: 1px solid rgba(255,255,255,.1);}
.top-nav .nav_li .nav_li_a{display: block; color: #fff; height:50px; line-height:50px; padding: 0;}
.nav_more{display:block;}
.top-nav .nav_li:hover .nav_li_a{ color: #fff; font-weight: 600; background:none; padding: 0 5vw;}
.top-nav .nav_li:hover .nav_more{ color: #ff7b08;}
.top-nav .nav_li:nth-child(1){margin-left: 0;}
.top-nav .nav_li:nth-child(1) .nav_li_a{padding: 0;}
.top-nav .nav_li:last-child{ margin-right: 0;}
.top-nav .nuw .nav_li_a{border-bottom: 2px solid #ff7b08; color: #ff7b08; font-weight: 600; padding: 0 5vw;}
.top-nav .nuw .nav_more{ color: #ff7b08;}
.nav_li-wl i{margin-right: 5px;}
.top-nav .nav_li-wl:hover .nav_li_a{background: none; color: rgba(255,255,255,.5);}
/* 下拉 */
.nav_xl{display: none; width:100%; height: auto; min-height:auto; position: inherit; top:0; left: 0; z-index: 999; overflow: hidden; text-align: left; visibility: visible; opacity: 1; padding-bottom: 10px; background: rgba(255,255,255,.05);}
.nav_xl a{display: block; width: 100%; height: auto; color:rgba(255,255,255,.6); line-height: 20px; font-size: 15px; transition: all 0s ease 0s; padding:8px calc(10px + 5vw); background:none; word-wrap:break-word; margin-bottom: 1px;}
.nav_xl a:hover{ background:rgba(255,123,8,1); color:#FFFFFF;}
.top-nav .nav_li:hover .nav_xl{visibility: visible; opacity: 1; top: 0; transition: all 0s ease 0s; display: none;}
.top-nav .nav_li:last-child .nav_xl{right: 0; left: initial;}
/*下滑导航*/
.small{height: 50px;}
.small .logo{height: 50px; padding-top: 0px;}
.small .logo img{max-width: 65%; height: auto; overflow: hidden; transition: all .5s ease 0s;}
.small .top-nav{margin-top:0px;}
.small .top-nav .nuw .nav_li_a{border-bottom: 2px solid #ff7b08;}
.small .nav_xl{border-top:none; background:rgba(255,123,8,.8);}
.small .nav_xl a:hover{ background:rgba(255,255,255,.2); color:#FFFFFF;}
/**/
.banner{width:100vw; height:40vh; position: relative; line-height: 1; text-transform: uppercase; margin:0 auto; overflow: hidden;}
.banner .swiper-slide{position: relative; width: 100vw; height: 40vh; color:#FFFFFF; background-position:center; background-repeat: no-repeat; background-size: cover; line-height: 1;display: block;}
.banner .banner-a{width:100%; height:1px; position: absolute; left:0; bottom:10px; text-align: center; z-index: 10;}
.banner .banner-a .swiper-pagination-bullet{ width:30px; height:3px; }
.banner_jtzy{display: none;}

.pc_banner{display: none;}
.mb_banner{display: block; height: 100vh;}
.mb_banner.banner .swiper-slide{height: 100vh;}
/**/
.about-youshi{width: 90vw; height: auto; margin: 40px auto; align-items: center;}
.about-yslogo{width: 100%; height: auto; min-width: 100%; text-align: center;}
.about-yslogo img{ width:80%; height: auto;}
.about-ystxt{flex: 1;width: 100%; padding:20px 5% 0; line-height: 1; justify-content: space-between;}
.about-ystxtli{text-align: center; font-size: 14px; color: #636363;}
.about-ystxtli h2{font-size:20px; font-weight: 600; color: #ff7b08;}
.about-ystxtli h2 span{font-size: 14px; margin-left: 5px;}

/**/
.in-about{width: 90vw; height: auto; padding:0 0 35px; margin: 0 auto; overflow: hidden;}
.in_aboutvdul{width: 100%; height: auto; overflow:hidden; padding-top: 0px;}
.in_aboutvdli{width: calc((100% - 30px) / 3); height: auto; margin-right: 15px; margin-top: 15px; overflow: hidden; cursor: pointer;}
.in_aboutvdli img{width: 100%; height: 100%; object-fit: cover;}
.in_aboutvdli:nth-child(4){margin-right: 15px;}
.in_aboutvdli:nth-child(3n){margin-right: 0;}

.in-about-h2{font-size:18px; line-height: 1; font-weight: bold; text-align: center; align-items: center; width: 100%; justify-content: center; padding:32px 0 0px;}
.in-about-h2 div{ color:#303030; margin: 0 0 20px 0; vertical-align: middle; width: 100%;}
.in-about-h2 div::before{margin-right:10px; width: 6px; height: 6px;}
.in-about-h2 div:last-child{margin-right: 0;}
.in-about-txt{font-size: 16px; line-height: 1.65; color: #555555; text-align: justify; text-indent:2em; margin: 0 auto 25px;}
.in-about-txt img{max-width: 100%; height: auto;}
/**/
.in-bga{width: 100%; height: auto; background: url(../images/bg.jpg) right bottom no-repeat #181818; background-attachment: fixed; overflow: hidden; padding: 45px 0; position: relative;}
#particles-js canvas {display: block; vertical-align: bottom}
#particles-js{ width: 100%; height: 100%; position: absolute; top: 0; left: 0;}

.in-title{text-align: center; color: #393939; font-size:24px; line-height: 1; font-weight: bold; position: relative; z-index: 66;}

.banx_text{width: 90vw; height: auto; margin: 30px auto 0; position: relative; z-index: 66;}
.banx_text .banx_item{ float: left; height: auto; min-height: 432px; width: calc(50% - 10px); margin-bottom: 20px; padding-bottom: 25px;}
.banx_text .banx_item .banx_title{ height: 65px; background-color: #ff7b08; border-bottom: solid 2px #f5f6f6; padding-left:15px;}
.banx_text .banx_item .banx_title h3{ font-size:18px; color: #ffffff; font-weight: bold; margin-top: 0px;}
.banx_text .banx_item .banx_title P{ font-size: 12px; color: #ffffff; font-weight: 400;}
.banx_text .banx_item .banx_contact{ padding: 0 10px;}
.banx_text .banx_item .banx_contact .banx_cont{ margin-top: 20px; padding-left: 15px; border-left: dashed 1px #c4c4c4; min-height: 266px;}
.banx_text .banx_item .banx_contact .banx_cont dl:first-child{ padding-top: 0;}
.banx_text .banx_item .banx_contact .banx_cont dl{ padding-top: 20px;}
.banx_text .banx_item .banx_contact .banx_cont dl dt{ font-size: 16px;  color: #333;  font-weight: bold; position: relative;}
.banx_text .banx_item .banx_contact .banx_cont dl dd{ font-size: 14px; color: #333; line-height: 26px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2;}
.banx_text .banx_item .banx_contact a{width: 100%; height: 36px;  display: block;  font-size: 14px;  color: #ffffff;  line-height: 36px; text-align: center;  margin-top: 20px;  position: relative;  background-color: #ff7b08;}
.banx_text .banx_item .banx_contact a span{ display: none;}
.banx_item:nth-child(3){margin-left: 0;}


.banx_add{width:90vw; height: auto; margin:0px auto 0; overflow: hidden; position: relative; z-index: 66;}
/**/
.cj_banner{width:100%; height:180px; position: relative; line-height: 1; text-transform: uppercase; margin:0 auto; overflow: hidden; display: none;}
.cj_banner .swiper-slide{position: relative; width: 100%; height: 180px; color:#FFFFFF; background-position:center; background-repeat: no-repeat; background-size: cover; line-height: 1;display: block;}
.cj_banner_mobile{display: block; width: 100%; height: auto; overflow: hidden; line-height: 1;}
.cj_banner_mobile a{display: block; margin-bottom: 10px;}
.cj_banner_mobile img{width: 100%; height: auto;}

/* 教师 */
.iTeam ul,.iTeam ol,.iTeam li {list-style-type: none;margin: 0;padding: 0; width: 100%;}
.iTeamimg {max-width: 100%; border: 0; vertical-align: middle;}
.iTeam {position: relative; height: auto; margin-bottom: 50px;}
.clearfix,.iTeam {zoom: 1;}
.iTeam .bd{width: 100%;height: 398px;overflow: hidden;}
.fl {float: left;display: inline;}
.iTeam .bd .imga {width:50%;height: 398px;}
.fl {float: left;display: inline;}
.iTeam .bd .imga img {height: 398px; object-fit: cover;}
.imga img{display: block;width: 100%;}
.iTeam .bd .info{width: 50%;height: 398px;padding: 0 0 0 20px;background: #FFF;color: #444; line-height: 1;}
.iTeam .hd {position: relative;width: 100%;height: 40px; margin-bottom: 20px; overflow-y: hidden; overflow-x: auto;}
.iTeam .hd .banner {display:none;}
.iTeam .hd ul{white-space: nowrap;}
.iTeam .hd li {float: inherit; width: calc(100% / 5.5);height: 40px;margin: 0 0 4px 4px;overflow: hidden; display: inline-block; vertical-align: top;}
.posr {position: relative;}
.iTeam .li .imga {height: 40px;overflow: hidden; display: block;}
.iTeam .li .imga img {display: none;}
.iTeam .li .bg{display: none;}
.iTeam .li:nth-child(6){margin-left:0!important;padding-left: 0px!important}
.iTeam .li .more {line-height: 40px;  opacity:1; visibility:visible; position: initial; top:0; left:calc(50% - 15px);width:100%; height: 40px; background: none; text-indent:0; transition: all .6s; font-size: 16px;}
.iTeam .li a:hover .bg,.iTeam .li .on a .bg {opacity: 0; filter: alpha(opacity=0);visibility: hidden}
.iTeam .li a:hover .more,.iTeam .li.on a .more{ opacity: 1; visibility: visible; font-weight: 600; color: #ff7b08;}
.iTeam .hd::-webkit-scrollbar-track-piece{display: none;}
/* 教师 */
/**/
.in-xshdul{width: 90vw; height: auto; margin:0 auto 0; overflow: hidden;}
#certify {position: relative;width: 90vw; margin: 0 auto;}
#certify .swiper{padding-bottom: 40px;}
#certify .swiper-slide{width: 90vw; height: 450px; background: #fff; box-shadow: 0 8px 30px rgba(32,62,124,0); line-height: 1; overflow: hidden;}
#certify .swiper-slide img{display:block; width: 100%; height: 100%; object-fit: cover; filter: saturate(50%); transition: all 1s;}
#certify .swiper-slide-active img{filter:saturate(100%);}
#certify .swiper-pagination{ width: 100%; bottom: 0px;}
#certify .swiper-pagination-bullets .swiper-pagination-bullet{ margin: 0 5px; border: 2px solid #fff; background:none; width: 10px; height: 10px; opacity:.5;}
#certify .swiper-pagination-bullets .swiper-pagination-bullet-active {border:2px solid rgba(255,255,255,1);background:rgba(255,255,255,1); opacity: 1;}
#certify .swiper-button-prev{left:10px;width: 45px;height: 45px;background: url(../images/wm_button_icon.png) no-repeat;background-position: 0 0;background-size: 100%;}
#certify .swiper-button-prev:hover{background-position: 0 -46px;background-size: 100%}
#certify .swiper-button-next{ right: 10px; width: 45px; height: 45px; background: url(../images/wm_button_icon.png) no-repeat; background-position: 0 -93px; background-size: 100%;}
#certify .swiper-button-next:hover {background-position: 0 -139px;background-size: 100%}
#certify .swiper-button-prev::after,#certify .swiper-button-next::after{content: '';}

/**/
.tl_add{width: 100%; height: auto;}
.tl_add img{width: 100%; height: auto; object-fit: cover;}
.in_xyhjboxli{width: calc((100% - 20px) / 2); height: auto; line-height: 1; position: relative; overflow: hidden; margin: 0 20px 20px 0;}
.in_xyhjboxli img{width:100%; height: auto; object-fit: cover;}
.in_xyhjboxli p{width: 100%; height: 40px; line-height:40px; text-align: center; font-size: 16px; color: #fff; background: rgba(0,0,0,.6); position: absolute; bottom: 0; left: 0; z-index: 5;}
.in_xyhjboxli:nth-child(3){margin-right: 20px;}
.in_xyhjboxli:nth-child(4),.in_xyhjboxli:nth-child(5){width: calc((100% - 20px) / 2);}
.in_xyhjboxli:nth-child(2),.in_xyhjboxli:nth-child(4),.in_xyhjboxli:nth-child(5){margin-right: 0;}
.in_xyhjboxli:nth-child(5){width: 100%;}
/**/
.in-news{width: 100%; height: auto;  position: relative; overflow: hidden;}
.in_newsleft{width: 100%; min-width:100%; height: auto; overflow: hidden; display: flex;}
.in_newsleft a{width: calc((100% - 40px) / 3); margin-right: 20px;}
.in_newsleft a:nth-child(3){margin-right: 0;}
.in_newsleft a,.in_newsleft a img{width: 100%; height: auto; object-fit: cover;}
.in_newsright{flex: 1; padding-left: 0; width: 100%;}
.in_newsbox{width: 100%; height: auto; line-height: 1;}
.in_newsbox li{width: 100%; height: auto; padding: 5px 0; border-bottom: 1px dashed #ccc; font-size: 16px;}
.in_newsbox li span{margin-right: 15px; color: #888; display: none;}
.in_newsbox li a:first-child{display: inline-block; line-height: 32px; overflow: hidden; white-space: nowrap; text-overflow:ellipsis; width:calc(95% - 85px);}
.in_newsbox li a:first-child:hover{font-weight: 600; color: #ff7b08;}
.in_zxan{width:90px; height: 26px; line-height: 26px; background:linear-gradient(180deg, #ff7b08, #ee7206); text-align: center; display: block; float: right; border-radius: 5px; color: #fff; font-size: 14px;}
.in_zxan:hover{color: #fff;}

/**/
.with {color: #fff;}
.index-services {width: 100%;height: auto;position: relative;margin-top:0px; padding-bottom: 40px;}
.index-services .service-w .col {height: 180px; width: 50%;}
.index-services .service-w .col:nth-of-type(2n) .border-r{display: none;}
.index-services .service-w .col:nth-of-type(5) .border-b{display: block;}
.index-services .service-w .col:nth-of-type(6) .border-b{display: block;}


/**/
.foot{width: 100%; height: auto; background:#1e1e1e; overflow: hidden;}
.foot-w{width: 90vw; height: auto; margin: 0 auto; overflow: hidden;}
.foot-box{padding: 50px 0 0 0;}
.foot-ewm .in-title{text-align: center; margin-bottom: 25px; font-size: 20px;}
.foot-ewm{width: 100%; min-width: 50%;  height: auto; border-right:none;}
.foot-ewmul{width: 100%;justify-content: center;}
.foot-ewmul div{width: 100px; height: auto; line-height: 1; margin-right: 55px; text-align: center;}
.foot-ewmul div:last-child{margin-right: 0;}
.foot-ewmul div p{width: 100%; height: 45px; line-height: 45px; color: #f2f2f2; font-size: 16px;}
.foot-dz{flex: 1; padding-left: 0; padding-top: 25px;}
.foot-dzli{line-height: 1; background: url(../images/in3.png) left top no-repeat; padding: 0 0 25px 50px;}
.foot-dzli h2{height: 30px; line-height: 30px; font-size: 18px;font-weight: 600; color: #ff7b08;}
.foot-dzli div{font-size: 16px; font-size: 16px; color: #fff; padding-top: 7px; line-height: 1.65;}
.foot-dzli:nth-child(2){background-image: url(../images/in4.png);}

.pc_chebian{display: none;}

/*page*/
.pg-banner{width: 100%; height:25vh; padding:16vh 5vw 0;}

.pg-nav{width: 100%; height: auto; line-height: 50px; background: #f2f2f2; justify-content: flex-start; white-space:nowrap;}
.pg-nav a{ padding: 0 5px; text-align: center; font-size: 16px; line-height: 50px; transition: all 1s; border-bottom: 1px solid #ccc; width: calc(100% / 3);}
.pg-nav a.nuw{border-bottom: none;}
 
.list-team{width: 100%; overflow: hidden; padding: 50px 0;}
.list-team-li{width: calc((100% - 25px) / 2); height:250px; margin-right: 25px; margin-bottom: 25px; overflow: hidden; position: relative;}
.list-team-li:nth-child(4n){margin-right:25px;}
.list-team-li:nth-child(2n){margin-right:0px;}
.TeacherDetailsTop{ width:100%; height:auto; margin: 0 auto 30px; padding: 50px 60px; display: block;}
.TeacherDetailsTop_Img{ width:180px; min-width: 180px; height:240px; border-radius: 5px; overflow: hidden; margin: 0 auto;}
.TeacherDetailsTop_Img img{ width: 100%; height: 100%; object-fit:cover;}
.TeacherDetailsTop_Rcont{ width:100%; flex: 1; padding:25px 0 0 0; text-align: center;}
.TeacherDetailsTop_Rcont_Title{ position: relative; width: 100%; height:75px; line-height:1.5; font-size:24px; color: #222222;}
.TeacherDetailsTop_Rcont_Title p{font-size: 22px; color: #999;} 
.TeacherDetailsTop_Rcont_Title::before{ display: block; position: absolute; width:40px; height:3px; left: calc(50% - 20px); bottom: 0; background: rgba(255,123,8,1); content: '';}
.show-title{width:100%; height: 50px; line-height: 50px; overflow: hidden; align-items: center; margin: 0 auto 30px; background:rgba(255,123,8,1); border-left: 3px solid#c66008;}
.show-title-a{min-width: 180px; height: 50px; padding-left:15px; font-size: 24px; color: #fff; letter-spacing: 1px;}
.show-title-a span{letter-spacing: 0; font-size: 14px; margin-left: 5px;}
.text-show{font-size: 16px; line-height: 30px; color: #222222; text-align: justify; width: 100%; margin: 0 auto;}
.text-show img{max-width: 100%;}

.index_proul{width:90vw; height: auto;}
.index_proli{width:calc((100% - 20px) / 2); height:auto; margin: 0 20px 20px 0; border-radius: 5px; overflow: hidden; transition: all .5s ease 0s; border: 1px solid #f2f2f2;}
.index_proliimg{width: 100%; height:165px; transition: all 2s ease 0s; overflow: hidden;}
.index_proliimg img{width: 100%; height: 100%; /* object-fit:contain; */object-fit:cover;}
.index_prolitxt{width: 100%; height: 45px; line-height: 45px; padding: 0 10px; font-size:16px; font-weight: bold; color: #444444;  overflow: hidden; white-space: nowrap; text-overflow:ellipsis; transition: all .5s ease 0s; position: relative;}
.index_prolitxt i{display: inline-block; vertical-align: middle; width:24px; height:24px; line-height:24px; border-radius: 100%; background: #f7f7f7; text-align: center; color: #c2c2c2; transition: all .5s ease 0s; position: absolute; right: 10px; top: calc(50% - 12px);}
.index_proli:nth-child(4n){margin-right:20px;} 
.index_proli:nth-child(2n){margin-right: 0;} 
 
/**/
.page-left-li{width:100%; height: auto; border-bottom: 1px dashed #ccc; padding-bottom:25px; margin:0 auto 35px; overflow: hidden;}
.page-left-liimg{width: 100%; height: auto; min-width: 100%; max-width: 100%; margin:0; overflow: hidden;}
.page-left-liimg img{width: 100%; height:auto; object-fit: cover; transition: all .7s;}
.page-left-litxt{flex: 1; line-height: 1; padding:0 0 15px 0;}
.page-left-litxt h2{font-size:20px; color: #333333; line-height:30px; font-weight: 400; max-height: calc(30px * 2); overflow: hidden;}
.page-left-litxt div,.page-left-litxt p{display: none;}
.page-left-lirq{font-size: 20px; line-height: 1; text-align: right; padding-top: 15px;}
.page-left-lirq p{font-size: 20px; margin-top:0px; margin-left: 10px; display:inline;}
.page-left-li:hover .page-left-litxt h2{color: rgba(32,62,124,1);}
.page-left-li:hover .page-left-liimg img{transform:scale(1.1);} 
 
.detal .fl{width:100%;}
.detal .fl .detal_tit{line-height:1.65; font-size:24px; color: #363747; padding-bottom:15px; border-bottom: 1px solid #ccc;}
.detal .fl .fb{height:50px; line-height:50px; font-size:15px; color: #888; border-bottom: 1px solid #ccc;}
.detal .fr{width:100%; margin-top: 10px; font-size: 16px;}
.detal .fr .img{margin-bottom: 12px;}
.detal .fr .img img{width: 100%; height: auto;}
/**/
.in-newsul{width: 100%; height: auto; margin:0px auto 0; overflow: hidden; position: relative; z-index: 99;}
.in-news-li{width:100%; height: auto; margin:0 0 25px 0; overflow: hidden;}



/*联系我们*/
.contact{margin: 35px auto;}
.contact .fl{width: 100%; margin: 0 auto;}
.contact_tit{margin-bottom:25px;}
.contact_tit h1{height:auto; line-height:1.5; font-size:20px; color: #525252; font-weight: bold; overflow: hidden;}
.contact_tit div{height: auto; line-height:1; font-size:16px; color: #999; overflow: hidden; text-transform: uppercase;}
.contact_li ul li{margin-bottom:10px;}
.contact_li ul li .lx{height:auto; line-height:1.5; font-size:14px; color: #999; overflow: hidden;}
.contact_li ul li p{line-height: 1; font-size:16px; color: #333; overflow: hidden; padding:5px 0;}
.contact_li ul li i{vertical-align: middle; margin-right:5px; font-size: 17px;}
.contact_li ul li img{margin-top:10px;}
.contact .fr{width:100%; margin-top: 25px;}
.contact .fr table{width: 100%;}
.contact .fr table tr td {display: block; width: 100%;}
.contact .fr table tr td input::-webkit-input-placeholder{color:#363747;}
.contact .fr table tr td textarea::-webkit-input-placeholder{color:#363747;}
.contact .fr table tr td{padding-bottom: 15px; font-size:16px; color: #363747;}
.contact .fr table tr td .text,.contact .fr table tr td .time{width:100%; height:45px; line-height:45px; border: none; background: #f2f2f2; font-size: 14px; color: #363747; padding: 0 10px;}
.contact .fr table tr td:nth-child(2){float: right;}
.contact .fr table tr td textarea{width: 100%; height:200px; line-height:24px; padding:10px; border: none; background: #f2f2f2; font-size:14px; color: #363747;}
.contact .fr table tr td .button{width: 100%; height:50px; line-height:50px; border: none; font-size:16px; color: #fff; font-weight: bold; text-align: center;}
.contact .fr table tr td select{width:100%; float: right; height: 50px; line-height: 50px; border: none; background: none; appearance:none; -moz-appearance:none; -webkit-appearance:none; background-image: url(../images/sjx.jpg); background-position: 95% center; background-repeat: no-repeat; background-size: 8%;}
/*联系我们*/

.foot-h,.foot_nav{display: block;}

/**/
.ptb60{padding: 55px 0 40px;}
.pt60{padding: 40px 0 0 0;}
.pb60{padding: 0 0 40px 0;}
}
/* max 750 end */