@font-face{ font-family: fontR; src: url('../fonts/SourceHanSansCN-Regular.otf');}
html,body{padding: 0;margin: 0;font-size: 16px;font-family: fontR;color: #333333; overflow-x:hidden;/*min-width: 1200px;*/ }
.wrap{margin: 0 auto;max-width: 1400px; }
ul{padding: 0;margin: 0;}
ul li{list-style: none;}
.fl{float: left;}
.fr{float: right;}
a,a:hover,a:active,a:visited,a:link,a:focus{-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color: transparent;outline:none;background: none;text-decoration: none;transition-duration: .5s;-ms-transition-duration: .5s;-moz-transition-duration: .5s;-webkit-transition-duration: .5s;}
img{max-width: 100%;}
input:focus,button:focus,textarea:focus{outline: none;}
.ovh{display: block;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.ovh2{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.ovh3{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;}
.ovh4{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 4;overflow: hidden;}
.ovh5{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 5;overflow: hidden;}
p{margin: 0;}
i,em{font-style: initial;}
.imgH{overflow: hidden;}
.imgH img{transition-duration: .6s;-ms-transition-duration: .6s;-moz-transition-duration: .6s;-webkit-transition-duration: .6s; }
.imgH:hover img{transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);-webkit-transform:scale(1.1);}

.flexcen{display: flex;justify-content: center;align-items: center;}
.flexsta{display: flex;justify-content: flex-start;align-items: center;}
.flexend{display: flex;justify-content: flex-end;align-items: center;}
.flexbet{display: flex;justify-content: space-between;align-items: center;}


@media only screen and (max-width:1440px){
.wrap{margin: 0 auto;max-width: inherit  ; width:90% }
	
}

@media only screen and (max-width:992px){
.wrap{margin: 0 auto;max-width: inherit  ; width:96% }
	
}
/**导航菜单**/
header{position: fixed;top: 0;left: 0;width: 100%;z-index: 999;transform: all .5s;background: rgba(255,255,255,1); box-shadow: 0 0 15px #ddd;}
header .logo a{height: 100px;position: relative;z-index: 9999;display:flex;justify-content:center;align-items:center;transform: all .5s;}
header .logo img{width: 371px;}
header .rightDiv{float: right;}
header .rightDiv .menu{text-align: right;position: relative; }
header .rightDiv .menu>ul{display: inline-block!important; }
header .rightDiv .menu>ul>li{float: left;margin-right: 46px; }
header .rightDiv .menu>ul>li>a{height: 100px;text-align: left;color: #333;position: relative;font-size: 18px;display: flex;justify-content: center;align-items: center;text-transform: uppercase;position: relative; }
header .rightDiv .menu>ul>li:hover>a span,
header .rightDiv .menu>ul>li:focus>a span,
header .rightDiv .menu>ul>li.on>a span,
header .rightDiv .menu>ul>li.active>a span{background: none;color: #b89367;}
header .yy{border:1px solid #555; border-radius:8px; overflow:hidden ; float: right; margin-top: 36px   }
header .yy a{display:inline-block;  font-size:14px; line-height:28px; color:#555;padding:0 8px;}
header .yy a:hover{background-color:#b89367;color:#fff;}
 
header.on  .yy{border:1px solid #555; border-radius:8px; overflow:hidden }
header.on .yy a{color:#555;}
header.on .yy a:hover{background-color:#555;  color:#fff;}
header .yy a.on{color:#fff; background-color:#555;}
header.on .yy a.on{color:#fff; background-color:#555;}

/* header .rightDiv .searchDiv form{position: relative;}
header .rightDiv .searchDiv input{width: 180px;line-height: 45px;border: 0;padding: 0 50px 0 20px;background: #ff9125;color: #fff;border-radius: 10px;overflow: hidden;}
header .rightDiv .searchDiv input::-webkit-input-placeholder{color: #fff; }
header .rightDiv .searchDiv input::-moz-placeholder{color: #fff; }
header .rightDiv .searchDiv button{position: absolute;width: 28px;height: 100%;right: 11px;top: 0;border: 0;padding: 0;background: transparent;cursor: pointer;  }
 */
header .mbtn {display: inline-block;width: 50px;height: 50px;background: url(../img/menu1.png) no-repeat center center;background-size: 22px auto;position: absolute;top: 40pxheader .rightDiv .menu;right: 0;display: none;}
header .mbtn:active{opacity: .8;}
body.on-menu header .mbtn{background: url(../img/menu-hide1.png) no-repeat center center;background-size: 22px auto;}

/* .on-fixed header{top: -40px;} 
.on-fixed header .logo a,.on-fixed header .rightDiv .menu>ul>li>a,.on-fixed header .rightDiv .ssbtn{height: 80px;}
 */

/****底部***/
.footerDiv{background: #b89367; }
.footerDiv .hdDiv{padding: 20px 0 30px;border: 1px solid rgba(255, 255, 255, .3);text-align: center; }
.footerDiv .hdDiv .navDiv{margin: 20px 0; }
.footerDiv .hdDiv .navDiv ul li{margin: 0 30px; }
.footerDiv .hdDiv .navDiv ul li a{color: #fff; }
.footerDiv .hdDiv .navDiv ul li a:hover{opacity: .7; }
.footerDiv .hdDiv .p{color: #fff;flex-wrap: wrap; }
.footerDiv .hdDiv .p p{margin: 0 30px; }
.footerDiv .bdDiv{padding: 15px 0;font-size: 14px;color: rgba(255, 255, 255, .7);text-align: center; }
.footerDiv .bdDiv a{color: rgba(255, 255, 255, .7); }
.footerDiv .bdDiv a:hover,.footerDiv .linksDiv a:hover{color: #fff; }

/********************************* 首页 **********************************/
.main{margin-top: 0;}

/*banner轮播*/
.pc_ban{width:100%; height:100vh; position:relative; overflow:hidden;  }
.pc_ban .swiper-button-prev{width:46px; height:46px; border:1px solid #fff; background:rgba(0,0,0,.4) url(../img/ban_l.png) no-repeat center; top:50%; left:2.5%; margin-top:-23px; opacity:.2;
background-size:44px 44px;
-webkit-background-size:44px 44px;
-moz-background-size:44px 44px;
-ms-background-size:44px 44px;
-o-background-size:44px 44px;
transition:all .5s;
-o-transition:all .5s;
-ms-transition:all .5s;
-moz-transition:all .5s;
-webkit-transition:all .5s;}
.pc_ban:hover .swiper-button-prev{opacity:.7;}
.pc_ban .swiper-button-next{width:46px; height:46px; border:1px solid #fff; background:rgba(0,0,0,.4) url(../img/ban_r.png) no-repeat center; top:50%; right:2.5%; margin-top:-23px; opacity:.2;
background-size:44px 44px;
-webkit-background-size:44px 44px;
-moz-background-size:44px 44px;
-ms-background-size:44px 44px;
-o-background-size:44px 44px;
transition:all .5s;
-o-transition:all .5s;
-ms-transition:all .5s;
-moz-transition:all .5s;
-webkit-transition:all .5s;}
.pc_ban:hover .swiper-button-next{opacity:.7;}
.pc_ban img{width:100%; height:100%; display:block;
object-fit: cover;
object-position:center;
-webkit-user-select:none;
-moz-user-select:none;
-ms-user-select:none;
-o-user-select:none;
user-select:none;}
.pc_ban .w_z{width:40%;   padding:30px; background-color:rgba(0,0,0,.5); color:#fff; position:absolute; bottom:10%; left:5%;}
.pc_ban .w_z h2{font-size:26px; line-height:36px; margin-bottom:10px;}
.pc_ban .w_z p{line-height:24px;}
@media only screen and (max-width:640px){
.pc_ban{height:30vh; margin-top:0}
.pc_ban .swiper-button-prev{display:none;}
.pc_ban .swiper-button-next{display:none;}
.pc_ban img{width:auto; height:100%; float:right;}
.pc_ban .w_z{padding: 15px;width:80%;}
.pc_ban .w_z h2{font-size:18px; line-height:24px;}
.pc_ban .w_z p{font-size:14px; line-height:22px;overflow:hidden; 
     text-overflow:ellipsis;
     display:-webkit-box; 
     -webkit-box-orient:vertical;
     -webkit-line-clamp:2;}
}

a.imoreBtn{width: 200px;height: 50px;background: linear-gradient(to bottom,#b89367,#d6950f);border-radius: 25px;color: #fff; }

.f66{font-size: 66px;}
.f48{font-size: 48px;}
.f40{font-size: 40px;}
.f36{font-size: 36px;}
.f32{font-size: 32px;}
.f30{font-size: 30px;}
.f26{font-size: 26px;}
.f24{font-size: 24px;}
.f22{font-size: 22px;}
.f20{font-size: 20px;}
.f18{font-size: 18px;}
.bold{font-weight: bold;}

.indexTitle{position: relative;text-align: center; }
.indexTitle span{display: block;color: #333333;letter-spacing: 5px;line-height: 1.2; }

.indexDiv1{padding: 80px 0; }
.indexDiv1 .hdDiv .leftDiv{width: 44.33%;padding-left: 13.25%;position: relative; }
.indexDiv1 .hdDiv .leftDiv:before{content: "";width: 100%;height: 50%;background: #f5f5f5;position: absolute;left: 0;bottom: 10%;z-index: -1; }
.indexDiv1 .hdDiv .rightDiv{width: 52.75%; }
.indexDiv1 .hdDiv .rightDiv .p{color: #666666;line-height: 1.8;margin: 50px 0; }
.indexDiv1 .introDiv{padding-left: 13.25%; }
.indexDiv1 .introDiv .p1{margin: 35px 0 20px; }
.indexDiv1 .introDiv .p2{color: #666666;line-height: 1.8; }

.indexDiv2 {padding: 80px 0 ;background: #fafafa; }
.indexDiv2 .bdDiv {overflow: hidden;position: relative;margin: 80px -110px 0;padding: 0 115px; }
.indexDiv2 .bdDiv .swiper-container{}
.indexDiv2 .bdDiv .swiper-slide .imgDiv{padding-top: 61%;position: relative;overflow: hidden; }
.indexDiv2 .bdDiv .swiper-slide .imgDiv .pic{position: absolute;width: 100%;height: 100%;left: 0;top: 0;z-index: 1; }
.indexDiv2 .bdDiv .swiper-slide .imgDiv .pic img{width: 100%;height: 100%;object-fit: cover; }
.indexDiv2 .bdDiv .swiper-slide .imgDiv .bgDiv{width: 100%;height: 100%;background: rgba(0,0,0,.7);position: absolute;left: 0;top: 0;z-index: 2;opacity: 0;transition: all .3s; }
.indexDiv2 .bdDiv .swiper-slide .imgDiv .bgDiv a{width: 200px;line-height: 50px;background: linear-gradient(to bottom,#b89367,#d6950f);border-radius: 25px;color: #fff;text-align: center; }
.indexDiv2 .bdDiv .swiper-slide a.title{color: #fff;height: 50px;}
.indexDiv2 .bdDiv .swiper-slide a.title:hover{text-decoration: underline; }
.indexDiv2 .bdDiv .swiper-slide a.title{background: #b89367; }
 
.indexDiv2 .bdDiv .swiper-slide:hover .imgDiv .bgDiv{opacity: 1;}
.indexDiv2 .swiper-button-next,.indexDiv2 .swiper-button-prev{width: 60px;height: 97px;margin-top: initial;transform: translateY(-50%); }
.indexDiv2 .swiper-button-next{background: url(../img/right.png) no-repeat center center/100%;right: 0;}
.indexDiv2 .swiper-button-prev{background: url(../img/left.png) no-repeat center center/100%;left: 0;}
.indexDiv2 .swiper-button-next:hover{background: url(../img/right_.png) no-repeat center center/100%;right: 0;}
.indexDiv2 .swiper-button-prev:hover{background: url(../img/left_.png) no-repeat center center/100%;left: 0;}

.indexDiv3{padding: 70px 0 30px   }
.indexDiv3 .indexTitle { margin-bottom: 80px}
.indexDiv3 .row{margin: 0 -30px; }
.indexDiv3 .row>div{padding: 0 30px;margin-bottom: 60px; }
.indexDiv3 .row>div .imgDiv{padding-top: 66%;position: relative; }
.indexDiv3 .row>div .imgDiv .pic{position: absolute;width: 100%;height: 100%;left: 0;top: 0;z-index: 1; }
.indexDiv3 .row>div .imgDiv .pic img{width: 100%;height: 100%;object-fit: cover; }
.indexDiv3 .row>div .imgDiv .text{position: absolute;left: 50%;top: 50%;width: 100px;height: 100px;display: flex;justify-content: center;align-items: center;background: #ff5e97;border-radius: 50%;color: #fff;z-index: 2;transform: translate(-50%,-50%); }
.indexDiv3 .row>div .titleDiv .title{width: 100%;text-align: center;margin-top: 20px;color: #000; text-align: center }

.indexDiv4{padding: 70px 0 70px;background: #fafafa; }
.indexDiv4 .bdDiv{margin-top: 80px; }
.indexDiv4 .bdDiv .leftDiv{width: 58.33%;   }
.indexDiv4 .bdDiv .leftDiv .imgDiv{padding-top: 75%;position: relative; }
.indexDiv4 .bdDiv .leftDiv .imgDiv .pic{position: absolute;width: 100%;height: 100%;left: 0;top: 0;z-index: 1; }
.indexDiv4 .bdDiv .leftDiv .imgDiv .pic img{width: 100%;height: 100%;object-fit: cover; }
.indexDiv4 .bdDiv .leftDiv .textDiv .title{margin: 20px 0;color: #333; }
.indexDiv4 .bdDiv .leftDiv .textDiv .date{color: #999999;font-size: 14px; }
.indexDiv4 .bdDiv .leftDiv .textDiv .p{color: #999999;font-size: 14px;margin: 20px 0 30px;line-height: 1.7; }
.indexDiv4 .bdDiv .rightDiv{width: 37.5%;border-left: 1px solid #d1d1d1; }
.indexDiv4 ul li{position: relative;padding: 50px 0 50px 50px;}
.indexDiv4 ul li:nth-child(1){padding-top: 0;border-bottom: 1px solid #d1d1d1; }
.indexDiv4 ul li .imgDiv{padding-top: 57.5%;position: relative; }
.indexDiv4 ul li .imgDiv .pic{position: absolute;width: 100%;height: 100%;left: 0;top: 0;z-index: 1; }
.indexDiv4 ul li .imgDiv .pic img{width: 100%;height: 100%;object-fit: cover; }
.indexDiv4 ul li .title{margin: 20px 0 0;color: #333; }
.indexDiv4 .bdDiv .leftDiv .textDiv .title:hover,.indexDiv4 ul li .title:hover{color: #b89367; }

.nyBanner{background: #b89367; margin-top:100px}
.nyBanner .wrap{position:relative;height: 200px;color: #fff;text-align: center; }
.nyBanner .textDiv .title{color: #fff; }
.breadcrumbDiv{margin-top: 1.5vw; }
.breadcrumbDiv a{color: #fff; }

.aboutDiv{padding: 100px 0; }
.aboutDiv .textDiv{margin-top: 0px;line-height: 2;color: #666666; }

.pageDiv{text-align: center;margin-top: 45px; }
.pageDiv a,.pageDiv span{display: inline-block;line-height: 50px;margin: 0 7px;color: #333333;width: 50px; background: #fff; }
.pageDiv span{color: #fff;background: #b89367;border-color: #b89367; }

.courseDiv{padding: 150px 0 107px;background: #f5f5f5; }
.courseDiv .row>div{margin-bottom: 40px; }
.courseDiv .row>div .imgDiv{padding-top: 131.57895%;position: relative;overflow: hidden; }
.courseDiv .row>div .imgDiv .pic{position: absolute;width: 100%;height: 100%;left: 0;top: 0;z-index: 1; }
.courseDiv .row>div .imgDiv .pic img{width: 100%;height: 100%;object-fit: cover; }
.courseDiv .row>div .imgDiv .bgDiv{width: 100%;height: 100%;background: rgba(0,0,0,.7);position: absolute;left: 0;top: 0;z-index: 2;opacity: 0;transition: all .3s; }
.courseDiv .row>div .imgDiv .bgDiv a{width: 200px;line-height: 50px;background: #ff5e97;border-radius: 25px;color: #fff;text-align: center; }
.courseDiv .row>div .textDiv{color: #fff;height: 50px;padding: 0 20px; }
.courseDiv .row>div .textDiv a.title{color: #fff; }
.courseDiv .row>div .textDiv a.title:hover{text-decoration: underline; }
.courseDiv .row>div .textDiv .time img{margin-right: 10px; }
.courseDiv .row>div:nth-child(3n-1) .textDiv{background: #0fa3e1;}
.courseDiv .row>div:nth-child(3n) .textDiv{background: #45e481;}
.courseDiv .row>div:nth-child(3n+1) .textDiv{background: #b89367;}
.courseDiv .row>div:hover .imgDiv .bgDiv{opacity: 1;}

.newsDiv{padding: 100px 0 107px;background: #f5f5f5; }
.newsDiv .row>div{margin-bottom: 40px; }
.newsDiv .row>div a{display: block;padding: 20px;background: #fff;border-radius: 10px;box-shadow: 0px 0px 10px rgba( 0,0,0,.1); }
.newsDiv .row>div .imgDiv{padding-top: 63.5294%;position: relative;overflow: hidden; }
.newsDiv .row>div .imgDiv .pic{position: absolute;width: 100%;height: 100%;left: 0;top: 0;z-index: 1; }
.newsDiv .row>div .imgDiv .pic img{width: 100%;height: 100%;object-fit: cover; }
.newsDiv .row>div .textDiv{padding-top: 20px; }
.newsDiv .row>div .textDiv .title{color: #333; font-size: 18px;}
.newsDiv .row>div .textDiv p{margin: 10px 0 20px;color: #555;font-size: 14px;line-height: 1.8; }
.newsDiv .row>div .textDiv .time {color: #999;font-size: 14px; }
.newsDiv .row>div .textDiv .time img{margin-right: 10px; }
.newsDiv .row>div .textDiv span{width: 120px;line-height: 40px;background: #dedede;color: #333;border-radius: 20px;text-align: center;font-size: 14px; }
.newsDiv .row>div a:hover .textDiv span{background: linear-gradient(to bottom,#b89367,#d6950f);color: #fff; }

.teamDiv{padding: 100px 0 107px;
  background: #f5f5f5; }
.teamDiv .bdDiv{margin-top: 0px; }
.teamDiv ul li{ background:#fff}
.teamDiv ul li a{margin-bottom: 50px;border: 1px solid #d1d1d1; }
.teamDiv ul li .imgDiv{width: 400px;height: 267px;position: relative;overflow: hidden; }
.teamDiv ul li .imgDiv .pic{position: absolute;width: 100%;height: 100%;left: 0;top: 0;z-index: 1; }
.teamDiv ul li .imgDiv .pic img{width: 100%;height: 100%;object-fit: cover; }
.teamDiv ul li .textDiv{width: calc(100% - 425px);}
.teamDiv ul li .textDiv .name span{color: #333;margin-right: 25px; }
.teamDiv ul li .textDiv .name small{color: #bc741a; }
.teamDiv ul li .textDiv .p{margin: 20px 50px 50px 0;color: #555; line-height:36px}
.teamDiv ul li .textDiv .btnA{width: 200px;line-height: 40px;margin: 0 0 0 auto;background: linear-gradient(to bottom,#b89367,#d6950f);color: #fff;border-radius: 40px 0 0;text-align: center; }

.contactDiv1{padding: 95px 0 120px; }
.contactDiv1 .indexTitle{text-align: left; }
.contactDiv1 .leftDiv{width: 50%;}
.contactDiv1 .leftDiv ul{margin-top: 40px; }
.contactDiv1 .leftDiv ul li{border-bottom: 1px solid #cdcdcd;padding: 30px 0;color: #666666; }
.contactDiv1 .leftDiv ul li img{margin-right: 30px; }
.contactDiv1 .leftDiv ul li strong{color: #333; }
.contactDiv1 .rightDiv{width: 40%;position: relative;}
.contactDiv1 .rightDiv:before{content: "";width: 130px;height: 130px;position: absolute;left: -40px;background: url(../img/lx.png) no-repeat center center/100%;bottom: -80px;z-index: -1; }

.contactDiv2{padding: 95px 0 120px;background: #f5f5f5; }
.contactDiv2 .indexTitle{text-align: left; }
.contactDiv2 .bdDiv{margin-top: 50px; }
.contactDiv2 .row>div{margin-bottom: 40px; }
.contactDiv2 .row>div .conDiv{border: 1px solid #c9c9c9;border-radius: 5px;background: #fff;overflow: hidden;padding: 10px 20px; }
.contactDiv2 .row>div .conDiv input,.contactDiv2 .row>div .conDiv textarea{width: calc(100% - 39px);border: 0;padding: 0;line-height: 30px;font-size: 14px; }
.contactDiv2 .textareaDiv{align-items: flex-start; }
.contactDiv2 .row>div .conDiv textarea{min-height: 130px;resize: none; }
.contactDiv2 button{width: 250px;line-height: 50px;background: #b89367;color: #fff;padding: 0;border: 0;margin: 20px auto 0; }

.orderDiv .hdDiv{padding: 84px 0 99px;border-bottom: 1px solid #999999; }
.orderDiv .hdDiv .itemDiv img{margin-right: 18px; }
.orderDiv .hdDiv .itemDiv .p p{margin-top: 15px;color: #666666; }
.orderDiv .hdDiv .yjt{margin: 0 20px; }
.orderDiv .bdDiv{padding-bottom: 125px; }
.orderDiv .bdDiv .itemDiv{margin-top: 70px; }
.orderDiv .bdDiv .itemDiv .tabsDiv{margin: 50px -12px 0;flex-wrap: wrap; }
.orderDiv .bdDiv .itemDiv .tabsDiv a{margin: 0 12px 10px;width: 220px;height: 70px;display: flex;justify-content: center;align-items: center;background: #dedede;border-radius: 10px;color: #333; }
.orderDiv .bdDiv .itemDiv .tabsDiv a.active{background: #bc741a;color: #fff; }
.orderDiv .bdDiv .groupDiv {margin-top: 50px; }
.orderDiv .bdDiv .groupDiv p{margin-bottom: 15px; }
.orderDiv .bdDiv .groupDiv select{width: 100%;border: 1px solid #d1d1d1;border-radius: 10px;overflow: hidden;height: 70px;padding: 0 20px; }
.orderDiv .bdDiv .groupDiv input{width: 100%;border: 1px solid #d1d1d1;border-radius: 10px;overflow: hidden;line-height: 68px;padding: 0 20px; }
.orderDiv .bdDiv .groupDiv label{margin-right: 50px;position: relative;padding-left: 20px; }
.orderDiv .bdDiv .row{margin: 0 -25px; }
.orderDiv .bdDiv .row>div{padding: 0 25px; }
.orderDiv .bdDiv .row>div .groupDiv input {margin-right: 10px;height: 70px;position: relative; }
input[type="date"]::-webkit-calendar-picker-indicator {
    background: none;
	position: absolute;
	right: 0;
	padding-left: calc(100% - 10px);
	padding-right: 10px; 
}
.orderDiv .bdDiv button{width: 250px;line-height: 50px;background: #b89367;color: #fff;border: 0;padding: 0;margin-top: 100px; }
.orderDiv .bdDiv .groupDiv label input{
	position: absolute;
    top: 50%;
    left: 0;
    display: inline-block;
    width: 15px;
    height: 15px;
    border: 0;
    outline: 0!important;
    background-color: transparent;
    -webkit-appearance: none;
    background-image: none;
	margin-top: -7.5px;
	border-radius: 0;
}
.orderDiv .bdDiv .groupDiv label input:before{
	content:"";
    width: 15px;
    height: 15px;
    background: url(../img/check.png) no-repeat left center;
    background-size:100% 100%; 
    position: absolute;
    top: 0;
    left: 0;
}
.orderDiv .bdDiv .groupDiv label input:checked:before{
    background: url(../img/checked.png) no-repeat left center;
    background-size:100% 100%;
}

.floatRightDiv{position: fixed;right: 0;top: 50%;z-index: 9999; }

/*body:after {
    content: '';
    position: fixed;
    z-index: 9998;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .8);
    display: none;
}
body.on-menu:after {
    display: block;
}*/


.menu,.menu ul li,.menu ul li a,.menu #menu-button{margin:0;padding:0;border:0;list-style:none;display:block;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.menu:after,.menu>ul:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}
.menu #menu-button{display:none}
.menu{width:auto;}
#menu-line{position:absolute;top:0;left:0;height:3px;background:#009ae1;-webkit-transition:all .25s ease-out;-moz-transition:all .25s ease-out;-ms-transition:all .25s ease-out;-o-transition:all .25s ease-out;transition:all .25s ease-out}
.menu>ul>li{float:left}
/*.menu.align-center>ul{font-size:0;text-align:center}
.menu.align-center>ul>li{display:inline-block;float:none}
.menu.align-center ul ul{text-align:left}
.menu.align-right>ul>li{float:right}
.menu.align-right ul ul{text-align:right}*/
.menu>ul>li>a{padding:0;font-size:15px;text-decoration:none;text-transform:uppercase;color:#555555;-webkit-transition:color .2s ease;-moz-transition:color .2s ease;-ms-transition:color .2s ease;-o-transition:color .2s ease;transition:color .2s ease}
.menu>ul>li:hover>a,.menu>ul>li.active>a{color:#fff}
.menu>ul>li.has-sub>a{padding-right:0}
/*.menu>ul>li.has-sub>a::after{position:absolute;top:50%;margin-top:-6px;right:-12px;width:8px;height:8px;border-bottom:2px solid #333333;border-right:2px solid #333333;content:"";-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg);-webkit-transition:border-color .2s ease;-moz-transition:border-color .2s ease;-ms-transition:border-color .2s ease;-o-transition:border-color .2s ease;transition:border-color .2s ease}
.indexHeader .menu>ul>li.has-sub>a::after{border-color: #fff;}
.on-fixed  .indexHeader .menu>ul>li.has-sub>a::after{border-color: #333;}
.menu>ul>li.has-sub:hover>a::after{border-color:#f80e02!important;}
.menu>ul>li.has-sub.on>a::after{border-color:#f80e02;}*/
.menu ul ul{position:absolute;left:-9999px;text-align: center;width: max-content;}
.menu li:hover>ul{left:50%;transform: translateX(-50%); }
/*.menu.align-right li:hover>ul{right:0}*/
.menu ul ul ul{right:100%;top: 0; min-width: initial;}
.menu ul ul li:hover>ul{left: 100%;margin-left: 0;transform: initial; }
/*.menu.align-right ul ul ul{margin-left:0;margin-right:100%}*/
.menu ul ul li{-webkit-transition:height .2s ease;-moz-transition:height .2s ease;-ms-transition:height .2s ease;-o-transition:height .2s ease;transition:height .2s ease;float: left;margin-right: 60px;}
.menu ul ul{background: #fff;}
header .rightDiv .menu>ul>li{position: relative;}
header .rightDiv .menu>ul>li ul{min-width: 175px;box-shadow: 0px 0px 7px rgba(0,0,0,.1);}
header .rightDiv .menu>ul>li:hover>ul{left:50%;transform: translateX(-50%); }
header .rightDiv .menu>ul>li li{display: block;float: initial;width: 100%;position: relative; }
header .rightDiv .menu>ul>li li a{font-size: 14px;color: #999999;margin: 0;font-weight: normal;text-align: center;text-transform: capitalize;padding: 15px;transition: none; }
header .rightDiv .menu>ul>li.proLi li a{text-align: left; }
header .rightDiv .menu>ul>li.proLi>ul>li:hover{background: url(../img/yjt.png) #f5f5f5 no-repeat right 15px center; }
header .rightDiv .menu>ul>li>ul li:hover{background: #f5f5f5; }


/*.menu ul ul li.has-sub>a::after{position:absolute;top:13px;right:10px;width:4px;height:4px;border-bottom:1px solid #ddd;border-right:1px solid #ddd;content:"";-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg);-webkit-transition:border-color .2s ease;-moz-transition:border-color .2s ease;-ms-transition:border-color .2s ease;-o-transition:border-color .2s ease;transition:border-color .2s ease}
.menu.align-right ul ul li.has-sub>a::after{right:auto;left:10px;border-bottom:0;border-right:0;border-top:1px solid #ddd;border-left:1px solid #ddd}
.menu ul ul li.has-sub:hover>a::after{border-color:#fff}*/

@media (max-width:1440px) {
	.indexDiv2 .bdDiv{margin: 54px -60px 25px;padding: 0 60px; }
	.indexDiv2 .swiper-button-next, .indexDiv2 .swiper-button-prev{width: 55px; }
	.indexDiv2 ul{margin: 0 -60px; }
}
@media (max-width:1300px) {
	.indexDiv2 .swiper-button-next, .indexDiv2 .swiper-button-prev{width: 35px; }
	.indexDiv2 .bdDiv{margin: 54px 0px 25px;padding: 0 40px; }
	.indexDiv2 ul{margin: 0 0px; }
}
@media (max-width:1220px) {
	.wrap{padding: 0 30px;}
	.f66{font-size: 50px;}
	.f48{font-size: 38px;}
	.f40{font-size: 32px;}
	.f36{font-size: 30px;}
	.f32{font-size: 28px;}
	.f30{font-size: 27px;}
	.f26{font-size: 24px;}
	.f24{font-size: 22px;}
	.f22{font-size: 20px;}
	.f20{font-size: 18px;}
	.f18{font-size: 16px;}
	header .rightDiv .menu>ul>li{margin-right: 2vw; }
	.index-banner .bdDiv .textDiv{margin-right: 30px; }
	
	.floatRightDiv{width: 120px; }
}
@media (max-width:1100px) {
}
@media (min-width:992px) and (max-width:1024px) {
	
}
@media (min-width:768px) and (max-width:991px) {
	
}
@media (max-width:991px){
	.wrap{padding: 0 30px;}
	.menu{width:100%}
	.menu ul{width:100%;display: block;}
	.menu>ul>li>a{padding: 0 20px;}
	.menu.align-center>ul,.menu.align-right ul ul{text-align:left}
	.menu ul li,.menu ul ul li,.menu ul li:hover>ul>li{width:100%;height:auto;border-top:1px solid rgba(0,0,0,.2);}
	/*.indexHeader .menu ul li,.indexHeader .menu ul ul li,.indexHeader .menu ul li:hover>ul>li{border-top:1px solid rgba(255,255,255,.2);}*/
	/*.on-fixed .indexHeader .menu ul li,.on-fixed .indexHeader .menu ul ul li,.on-fixed .indexHeader .menu ul li:hover>ul>li{border-top:1px solid rgba(0,0,0,.2);}*/
	.menu ul li a,.menu ul ul li a{width:100%}
	.menu>ul>li,.menu.align-center>ul>li,.menu.align-right>ul>li{float:none;display:block}
	.menu ul ul li a{padding:0 20px 0 30px;font-size:12px;color:#333;background:0 0}
	.menu ul ul li:hover>a,.menu ul ul li a:hover{color:#333}
	
	.indexHeader .menu ul ul li a{color:#fff;}
	.indexHeader .menu ul ul li:hover>a,.indexHeader .menu ul ul li a:hover{color:#fff}
	
	.on-fixed .indexHeader .menu ul ul li a{color:#333;}
	.on-fixed .indexHeader .menu ul ul li:hover>a,.indexHeader .menu ul ul li a:hover{color:#333}
	
	.menu ul ul ul li a{padding-left:40px}
	.menu ul ul,
	.menu ul ul ul{position:relative;left:0;right:auto;width:100%;margin:0}
	.menu>ul>li.has-sub>a::after,.menu ul ul li.has-sub>a::after{display:none}
	#menu-line{display:none}
	.menu #menu-button{display:block;padding:20px;color:#000;cursor:pointer;font-size:12px;text-transform:uppercase}
	.menu #menu-button::after{content:'';position:absolute;top:20px;right:20px;display:block;width:15px;height:2px;background:#fff}
	.menu #menu-button::before{content:'';position:absolute;top:25px;right:20px;display:block;width:15px;height:3px;border-top:2px solid #fff;border-bottom:2px solid #fff}
	.menu .submenu-button{position:absolute;z-index:10;right:0;top:0;display:block;border-left:1px solid rgba(0,0,0,.2);height:52px;width:52px;cursor:pointer}
	.menu .submenu-button::after{content:'';position:absolute;top:21px;left:26px;display:block;width:1px;height:11px;background:#333;z-index:99}
	.menu .submenu-button::before{content:'';position:absolute;left:21px;top:26px;display:block;width:11px;height:1px;background:#333;;z-index:99}
	
	/*.indexHeader .menu .submenu-button{position:absolute;z-index:10;right:0;top:0;display:block;border-left:1px solid rgba(255,255,255,.2);height:52px;width:52px;cursor:pointer}
	.indexHeader .menu .submenu-button::after{content:'';position:absolute;top:21px;left:26px;display:block;width:1px;height:11px;background:#fff;z-index:99}
	.indexHeader .menu .submenu-button::before{content:'';position:absolute;left:21px;top:26px;display:block;width:11px;height:1px;background:#fff;;z-index:99}*/
	
	/*.on-fixed .indexHeader .menu .submenu-button{position:absolute;z-index:10;right:0;top:0;display:block;border-left:1px solid rgba(0,0,0,.2);height:52px;width:52px;cursor:pointer}
	.on-fixed .indexHeader .menu .submenu-button::after{content:'';position:absolute;top:21px;left:26px;display:block;width:1px;height:11px;background:#333;z-index:99}
	.on-fixed .indexHeader .menu .submenu-button::before{content:'';position:absolute;left:21px;top:26px;display:block;width:11px;height:1px;background:#333;;z-index:99}*/
	
	
	.menu .submenu-button.submenu-opened:after{display:none}
	.menu ul ul{background: transparent;border-bottom:none;padding: 0;}
	.menu ul ul ul{top: 0;}
	.menu li:hover>ul{left: auto;margin-left: auto;}
	.menu ul ul .wrap{padding:0;}
	header .rightDiv .menu>ul>li li a{text-align: left;line-height: 50px;}
	/*header.indexHeader .rightDiv .menu>ul>li li a{color: #fff;}*/
/*	.on-fixed header.indexHeader .rightDiv .menu>ul>li li a{color: #333;}*/
	
	header {
		position: fixed !important;
		z-index: 9999;
		top: 0;
		left: auto;
		right: 0;
		width: 100%;
		height: 50px;
		transition: right 300ms !important;
	}
	header .logo a{height: 50px;}
	header .logo img {
  width: 221px;
}
header .yy{ float:left; margin-top:0; margin-left:10px}
	header .logo a img{ height: auto  ;}
	header .mbtn {display: block;}
	body.on-menu header .mbtn{z-index: 1;}
	header .rightDiv .menu {
		float: right;
		position: fixed;
		top: 50px;
		right: 0;
		width: 100%;
		height: calc(100% - 50px);
		padding-top: 0;
		background:#fff;
		/*border-bottom: 1px solid #f8f8f847;*/
		transition: right 300ms;
		right: -100%;
		padding: 0;
		overflow-y: auto;
	}
	header .rightDiv .menu ul{float: initial;}
	/*header .rightDiv .menu ul.open{background: #000;}*/
	header .rightDiv .menu ul li {
		padding: 0;
		margin: 0;
		/*border-bottom: 1px solid #f8f8f847;*/
		float: initial;
		position: relative;
	}
	header .rightDiv .menu ul li a {
		display: block;
		line-height: 50px;
		height: 50px;
		text-align: left;
		font-size: 16px;
	}
	/*header.indexHeader .rightDiv .menu>ul>li>a{color: #333;}*/
	header .rightDiv .menu>ul>li>a small{display: none;}
	header .rightDiv .menu>ul {display: block;padding-top: 0;}
	body.on-menu header .rightDiv .menu {right: 0;}
	body.on-menu .main {right: 0;}
	header .rightDiv .menu>ul>li>a{padding:0 15px;background: none;}
	header .rightDiv .menu>ul>li>a::after{bottom: 0; }
	header .rightDiv .menu>ul>li>a span{display: inline-block;line-height: 34px;}
	header .rightDiv .menu>ul>li:hover,header .rightDiv .menu>ul>li:focus,header .rightDiv .menu>ul>li.on{background: none;}
	header .rightDiv .menu>ul>li.proLi>ul>li:hover{background: #f5f5f5; } 
	.menu ul ul{box-shadow: none;}
	.menu ul ul li a .iconDiv{display: none;}
	.menu ul ul li>a{margin-bottom: 0;}
	.menu ul ul li .alist a{margin: 0;}
	.main {position: relative;right: 0;transition: right 300ms !important;margin-top: 50px; }
	header .rightDiv .menu>ul>li ul{box-shadow: none;}
	header .rightDiv .menu>ul>li li{border-bottom: 0;}
	header .rightDiv .menu>ul>li li a{padding: 0 20px 0 30px;}
	header .rightDiv .menu>ul>li li.has-sub>a,header .rightDiv .menu>ul>li li.has-sub:hover>a{background: none;}
	.menu ul ul li:hover>ul{left: 0;}
	
	html, body{min-width: 100%;}
	.on-fixed header .logo a,.on-fixed header .rightDiv .menu>ul>li>a,.on-fixed header .rightDiv .ssbtn{height: 50px;}
	.on-fixed header .rightDiv .menu{top: 50px;}
	header .rightDiv .ssbtn{float: initial;height: 50px; }
	
	header .rightDiv .menu>ul>li:not(:last-child)>a::after{display: none; }
	header .rightDiv .telDiv{float: initial;height: 30px;padding-left: 15px;justify-content: flex-start; }

	.f66{font-size: 40px;}
	.f48{font-size: 32px;}
	.f40{font-size: 30px;}
	.f36{font-size: 28px;}
	.f32{font-size: 26px;}
	.f30{font-size: 25px;}
	.f26{font-size: 22px;}
	.f24{font-size: 20px;}
	.f22{font-size: 18px;}
	.f20{font-size: 17px;}
	.f18{font-size: 16px;}
	
	.nyBanner{margin-top: 50px; }
}

.hidden-xs{display: block;}
.visible-xs{display: none;}

/*手机*/
@media (max-width:767px) {
	
	.hidden-xs{display: none;}
	.visible-xs{display: block;}
	/* .floatRightDiv{display: none;} */
	/* html, body{font-size: 14px;} */
	
	.index-banner .bdDiv{height: 100vw; }
	
	.index-banner .bdDiv .textDiv{width: 60%;margin-right: 10px; }
	.index-banner .bdDiv .textDiv span{font-size: 16px; }
	.index-banner .bdDiv .textDiv p{font-size: 12px; }
	
	.cbtn{width: 70px;height: 28px;font-size: 12px; }
	
	.wrap{padding: 0 15px;}
	
	.f66{font-size: 30px;}
	.f48{font-size: 28px;}
	.f40{font-size: 26px;}
	.f36{font-size: 24px;}
	.f32{font-size: 23px;}
	.f30{font-size: 22px;}
	.f26{font-size: 19px;}
	.f24{font-size: 18px;}
	.f22{font-size: 17px;}
	.f20{font-size: 16px;}
	.f18{font-size: 15px;}
	
	.indexTitle{text-align: center; }
	
	.indexDiv1{padding: 20px 0 0; }
	.indexDiv1 .hdDiv{display: block; }
	.indexDiv1 .hdDiv .leftDiv{width: 100%;padding-left: 25%; }
	.indexDiv1 .hdDiv .rightDiv{width: 100%;margin-top: 30px; }
	.indexDiv1 .hdDiv .rightDiv .p{margin: 20px 0; }
	.indexDiv1 .introDiv{padding-left: 0; }
	
	.indexDiv2{padding: 20px 0; }
	.indexDiv2 .bdDiv .swiper-slide .textDiv{opacity: 1;}
	.indexDiv2 .swiper-button-next, .indexDiv2 .swiper-button-prev, .indexDiv3 .swiper-button-next, .indexDiv3 .swiper-button-prev{width: 20px;}
	.indexDiv2 .bdDiv{padding: 0 30px;margin: 20px -10px; }
	
	.indexDiv3{padding: 20px 0 0px; }
	.indexDiv3 .row>div{margin-bottom: 30px; }
	.indexDiv3 .indexTitle {
  margin-bottom: 20px;
}
	.indexDiv4{padding: 20px 0 0px; }
	.indexDiv4 .bdDiv{margin-top: 25px;display: block; }
	.indexDiv4 .bdDiv .leftDiv{width: 100%;}
	.indexDiv4 .bdDiv .rightDiv{width: 100%;margin-top: 40px;border: 0; }
	.indexDiv4 ul li{padding-left: 0;padding-bottom: 30px;padding-top: 30px; }
	
	.footerDiv .hdDiv{padding: 20px 0; }
	.footerDiv .hdDiv .logoDiv img{width: 30%;margin-bottom: 20px; }
	.footerDiv .hdDiv .navDiv{display: none; }
	.footerDiv .hdDiv .p p{margin: 0 10px; }
	
	.nyBanner .wrap{height: 140px; }
	.breadcrumbDiv{font-size: 14px;}

	.aboutDiv{padding: 20px 0; }
	.aboutDiv .textDiv{margin-top: 0px; }
	
	.courseDiv{padding: 20px 0; }
	
	
	.pageDiv{margin-top: 20px; }
	.pageDiv a, .pageDiv span{margin: 0 3px;line-height: 30px;width: 30px;font-size: 14px; }
	
	.newsDiv{padding: 20px 0; }
	.newsDiv .row>div{margin-bottom: 25px; }
	.newsDiv .row>div a{padding: 15px; }
	
	.teamDiv{padding: 20px 0; }
	.teamDiv .bdDiv{margin-top: 0; }
	.teamDiv ul li a{display: block;margin-bottom: 30px; }
	.teamDiv ul li a .imgDiv{width: 100%;}
	.teamDiv ul li a .textDiv{width: 100%;padding-top: 20px; }
	.teamDiv ul li a .textDiv .name{padding: 0 15px;}
	.teamDiv ul li a .textDiv .p{padding: 0 15px;margin: 20px 0; }
	
	.contactDiv1{padding: 20px 0 20px; }
	.contactDiv1 .bdDiv{display: block; }
	.contactDiv1 .leftDiv{width: 100%;}
	.contactDiv1 .rightDiv{width: 80%;margin: 50px 0 0 auto; }
	.contactDiv1 .leftDiv ul{margin-top: 20px; }
	.contactDiv1 .leftDiv ul li{padding: 20px 0; }
	.contactDiv2{padding: 40px 0; }
	.contactDiv2 .bdDiv{margin-top: 30px; }
	.contactDiv2 .row>div{margin-bottom: 20px; }
	
	.orderDiv .hdDiv{padding: 30px 0; }
	.orderDiv .hdDiv .itemDiv{flex-direction: column;width: 30%;  }
	.orderDiv .hdDiv .yjt{width: 20px;margin: 0 5px; }
	.orderDiv .hdDiv .itemDiv img{width: 30px;margin: 0 0 10px; }
	.orderDiv .hdDiv .itemDiv .p{text-align: center; }
	.orderDiv .hdDiv .itemDiv .p span{font-size: 14px; }
	.orderDiv .hdDiv .itemDiv .p p{margin-top: 5px;font-size: 12px; }
	.orderDiv .bdDiv{padding-bottom: 60px; }
	.orderDiv .bdDiv .itemDiv{margin-top: 35px; }
	.orderDiv .bdDiv .itemDiv .tabsDiv{margin: 20px 0 0; }
	.orderDiv .bdDiv .itemDiv .tabsDiv a{width: 45%;height: 50px;margin: 0 0 10px;margin-right: 5%; }
	.orderDiv .bdDiv .groupDiv{margin-top: 25px; }
	.orderDiv .bdDiv .groupDiv select{height: 50px; }
	.orderDiv .bdDiv .groupDiv input{line-height: 50px; }
	.orderDiv .bdDiv .row>div .groupDiv input {height: 50px; }
	.orderDiv .bdDiv button{margin-top: 40px;width: 200px; }
	
	.floatRightDiv{width: 60px; }
	
	@media (max-width:320px) {
		
		
		
	}
	
}

.sy_al {padding: 80px 0;background: #fafafa;position: relative;z-index: 9; height:auto; overflow:hidden}
.sy_al ul li {width: 32%; margin-right:2%;height: 300px;transition: box-shadow .5s ease;position: relative;overflow: hidden; float:left}
.sy_al ul li:nth-child(3n){margin-right:0; }
.sy_al ul li img {height: 100%;left: 0;position: absolute;top: 0;width: 100%;-o-object-fit: cover;object-fit: cover;transition: all .5s;}
.sy_al ul li:hover img {-webkit-transform:scale(1.07); -moz-transform:scale(1.07); -o-transform:scale(1.07); -ms-transform:scale(1.07); transform:scale(1.07); -webkit-transition:all 0.5s; -moz-transition:all 0.5s; -o-transition:all 0.5s; transition:all 0.5s; }
.sy_al ul li .mb {position: absolute;width: 100%;height: 100%;left: 0;top: 0;background: rgba(25,15,7,0.3);z-index: 2}
.sy_al ul li .w_z {bottom: 20px;left: 20px;position: absolute;z-index: 3;right: 20px;}
.sy_al ul li .w_z h3 {font-size: 22px;color: #fff;letter-spacing: 2px; font-weight:bold}
.sy_al ul li .w_z p {font-size: 16px;line-height: 24px;margin: 15px 0 15px;letter-spacing: 1px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;color: #fff;opacity: 0.9;}
.sy_al ul li .w_z .more {text-align: left;width: 110px;line-height: 32px;position: relative;color: #fff;letter-spacing: 2px;}
.sy_al ul li .more a {color: #fff;}
.sy_al ul li .more i {margin-left: 5px; font-size:16px}
.sy_al ul li .more span {width: 0;height:1px;background: #fff;position: absolute;left: 0;bottom: 0;-webkit-transition:all 0.3s; -moz-transition:all 0.3s; -o-transition:all 0.3s; transition:all 0.3s;}
.sy_al ul li:hover .more span {width: 100%;}

@media (max-width:992px) {
.sy_al {padding: 20px 0 0px;background: #fafafa;position: relative;z-index: 9; height:auto; overflow:hidden}
.sy_al ul li {width: 100%; margin-right:0;height: 200px;transition: box-shadow .5s ease;position: relative;overflow: hidden; float:left; margin-bottom:20px}
	
	
}