@import url(animate.min.css);
@font-face {
	font-family:'sy';
	src: url('../css/SOURCEHANSANSCN-NORMAL.OTF');
}
@font-face {
	font-family:'syc';
	src: url('../css/SOURCEHANSANSCN-BOLD.OTF');
}
@font-face {
	font-family:'syl';
	src: url('../css/SourceHanSansCN-Light.otf');
}
@font-face {
	font-family:'msl';
	src: url('../css/MiSans-ExtraLight.otf');
}
@font-face {
	font-family:'msb';
	src: url('../css/MiSans-Bold.otf');
}
@font-face {
	font-family:'msn';
	src: url('../css/MiSans-Normal.otf');
}
body{ font-size:14px; overflow-x:hidden; font-family: 'sy'; /* padding-top: 120px; */}

h1,h2,h3,h4,h5,dl{ margin-top: 0em;}
a{ color: #000000;text-decoration: none;}
a:hover{ text-decoration: none; color: #000;}
ul{ margin: 0px; padding: 0px;}
li{ list-style: none;}
.hide{ display: none;}
header{background-color: #000;}
.sy{font-family: 'sy';}
.syc{font-family: 'syc';}
.syl{font-family: 'syl';}
.msb{font-family: 'msb';}
.msl{font-family: 'msl';}
.msn{font-family: 'msn';}
.bg-white{ background-color: #fff !important;}
.bg-danger{ background-color: #ff0000 !important;}
.btn-danger{ background-color: #ff0000 !important;}
.btn-qls{background-color: #012da2 !important; border-color:#012da2 !important;}
.fs-12{font-size: 12px !important;}
.fs-14{font-size: 14px !important;}
.fs-16{font-size: 16px !important;}
.fs-18{font-size: 18px !important;}
.logo img{ width: 100%; height: 35px;}
.nav-link{font-size: 16px; color:#fff;border-bottom: 2px solid transparent;}
.nav-item a{font-family: 'sy';}
.navbar-expand-xl .navbar-nav .nav-link {padding: 0.25rem 0;}
.nav-item{padding:1rem 10px;cursor: pointer;}
.navbar-nav .nav-link.active, .navbar-nav .show > .nav-link{  position: relative; color: #012da2;}
.navbar-nav .nav-link.active::after{ position: absolute; bottom:0px; left: 10%; content: ''; background-color: #e50012; width: 80%; height: 2px;}
.navbar-nav{ position: relative;}
.nav-item:hover{ z-index: 6 !important;}
.nav-item .drop-menu{ position: absolute; top:100%;  z-index: 6;display: none;padding:30px 0;z-index:6;left:30px;right:30px;background-color: #fff;}
.nav-item:hover .drop-menu{display: block;}
.nav-item:hover .nav-link{border-bottom-color:#fff;color:#fff}
.nav-item .drop-menu a{color: #808080;line-height: 36px;  font-size: 15px; display: block;}
.nav-item .drop-menu a:hover{ color: #222 !important;}

.drop-menu-in{margin: auto;width:90%}
.drop-menu-in .nav-icon{width: 100px;height: auto;margin:0 auto 10px}

.drop-menu-children dt{font-weight: normal;border-left: 4px solid transparent;padding-left:6px;}
.drop-menu-children dd{padding-left:10px;}
.nav-item .drop-menu .drop-menu-children a{line-height: 1.6;}
.nav-item .drop-menu .drop-menu-children:hover dt a{color: #222;}
.drop-menu-children:hover dt{border-left-color: #ff0000;}
.top-nav-panel{display:none}

.navbar-toggler span{display: block;background-color: #999999;height: 4px;width:28px;}
.offcanvas.offcanvas-start,.offcanvas-backdrop{top: 56px;}
.offcanvas{ width: 100% !important; background: #111111 !important;}
.menuwap-left{padding:30px 20px;flex:0 0 auto;width: 40%;height: 100%;}
.menuwap-left .menuwap-link{ color: #fff;font-size: 16px; display: block;border-left:4px solid transparent;text-align: center;padding:8px 0;}
.menuwap-left li{margin-bottom: 10px;}
.menuwap-left .menuwap-link.active{background-color: #333333;border-left-color: #ff0000;}
.menuwap-right{flex:0 0 auto;width: 60%;height: 100%;padding:30px 20px;background-color: #212121;display: none;}
.menuwap-right a{border-bottom: 1px solid #4e4e4e;display: block;text-align: center;padding: 15px 0;}



.banner{ position: relative; z-index: 1 !important}
.wbanner{ display: none;}
.swiper { width: 100%;height: 100%; }
.swiper-slide {text-align: center; font-size: 18px; background: #fff; display: flex; justify-content: center; align-items: center;}
.swiper-slide img { display: block; width: 100%; height: auto; object-fit: cover; }
.swiper-yd{ width: 100%;}
.swiperyd>.swiper-pagination-bullet{ background: #fff !important; opacity:1 !important; width: 50px; height: 10px; border-radius:0px !important; }
.swiperyd>.swiper-pagination-bullet-active{width: 50px;border-radius:0px !important;  background-color: #000000 !important;}
.swiperyd > .swiper-pagination-bullets, .swiperyd >.swiper-pagination-bullets.swiper-pagination-horizontal, .swiperyd >.swiper-pagination-custom, .swiperyd >.swiper-pagination-fraction{text-align: left; bottom: 50px !important;}
.navbar{  position: relative;}
.search{ position: absolute;  right: 0; top: 20px;}
.searchk{ border-radius: 30px; font-size: 12px; border-right:none; width: 140px !important; background-color: transparent; color: #fff;}
.searchbtn{ background-image: url('../images/search.png'); background-position: left center; background-repeat: no-repeat; background-size: 18px; border:1px solid #ccc; border-radius: 30px; border-left: none;}
.searchbtn:active{ border: 1px solid #dee2e6 !important; border-left: none !important;}
.form-control-sm{ padding: .2rem .8rem !important;}
.searchk:focus { outline: none !important;
    border: 1px solid #dee2e6 !important;
    box-shadow:none !important;border-right:none !important}

.pagination {list-style:none;margin:0;padding:0;display:inline-block;vertical-align:bottom}
.pagination li {display:inline-block!important;border:solid 1px #EBEBEB;border-radius:4px}
.pagination a {color:#333;padding:8px 12px;line-height:18px;display:block;transition:all 1s cubic-bezier(0.175,0.885,0.32,1) 0s}
.pagination .disabled a:link,.pagination .disabled a:visited,.pagination .disabled a:hover {cursor:not-allowed;pointer-events:none;color:#EBEBEB}
.pagination .active {pointer-events:none}
.pagination .active,.pagination a:hover {transition:all .3s cubic-bezier(0.175,0.885,0.32,1) 0s}
.pagination-group {border-right:solid 1px #EBEBEB;border-radius:4px}
.pagination-group li {float:left;border-right:0;border-radius:0}
.pagination-group li:not(:first-child):not(:last-child) {border-radius:0}
.pagination-group li:first-child {border-radius:4px 0 0 4px}
.pagination-group li:last-child {border-radius:0 4px 4px 0}
.pagination-group .active,.pagination-group a:hover {background:#f5f5f5;border-radius:0}
.pagination-big a {padding:10px 16px;font-size:16px}
.pagination-small a {padding:5px 10px;font-size:12px}
.pagination.border-main .active a,.pagination.border-sub .active a,.pagination.border-dot .active a,.pagination.border-black .active a,.pagination.border-gray .active a,.pagination.border-red .active a,.pagination.border-yellow .active a,.pagination.border-blue .active a,.pagination.border-green .active a {color:#fff}
.pagination li {margin:0 5px;font-size:14px;border:none;border-radius:4px;}
.pagination li a {border-radius:4px;color:#6e6e6e;background:#fff;padding:8px 12px;border:1px solid #DCDCDC;}
/* .pagination li i {font-weight:bold;font-size:18px;padding:0 3px} */
.pagination li.active a,.pagination li a:hover {background:#fe0000;color:#fff !important;border:1px solid #fe0000;}

.m1-n{ position: relative;}
.m1-text{ position: absolute; left: 50%; top: 0; z-index: 10; font-family: 'syl';  margin-left: -35% !important; width: 70%;}
.m1-text-title{ margin-top: 100px; font-size: 40px; position: relative;}
.m1-text-title::after{ content: ''; position: absolute; background-color: #ff0000; width: 110px; height: 5px; left: 50%; top: -20px; margin-left: -70px;}
.m1-text-class{ width: 70%;}
.m1-more{ font-size: 20px;}
.m1-more-icon{font-size: 20px;}
.m1-pro-box{position: relative;padding: 0 30px;}
.m1-text-class .swiper-button-next,.m1-text-class .swiper-button-prev{width:20px;height: 38px;background-position: center;background-size: 100% auto;}
.m1-text-class .swiper-button-next{background-image:url('../images/right.png') !important;right: 0;}
.m1-text-class .swiper-button-prev{background-image:url('../images/left.png') !important;left: 0;}

@media (min-width:1200px) {
	.drop-menu-in .nav-icon{width: 70px;}
}

@media (min-width:1400px) {
	.drop-menu-in .nav-icon{width: 85px;}
}

@media (min-width:1600px) {
	.drop-menu-in{width: 80%;}
	.drop-menu-in .nav-icon{width: 100px;}
	.nav-item .drop-menu .drop-menu-children dt a{font-size: 18px;}
	.drop-menu-in a>h6{font-size: 18px;}
	.m1-pro-box{padding: 0;}
}

.m2-n{ position: relative;}
.m2-text{ position: absolute; left: 0; top: 0; z-index: 10; font-family: 'syl';}
.m2-text-title{ margin-top: 100px; font-size: 40px; position: relative;}
.m2-text-title::after{ content: ''; position: absolute; background-color: #ff0000; width: 140px; height: 8px; left: 50%; top: -20px; margin-left: -70px;}
.m2-text-class{ width: 70%;}
.m2-more{ font-size: 22px;}
.m2-more-icon{font-size: 22px;}


.m3{ background: url('../images/m3.jpg'); background-repeat: no-repeat; background-size: cover; padding-bottom: 100px;}
.m3-text-title{ padding-top: 100px; font-size: 40px; position: relative;}
.m3-text-title::after{ content: ''; position: absolute; background-color: #ff0000; width: 140px; height: 8px; left: 50%; top: 90px; margin-left: -70px;}
.m3-b{background: #222; margin-top: 50px; padding: 50px 100px;}
.m3-bz h2{ position: relative; font-size: 28px;}
.m3-bz h2::after{ position: absolute; left: 3px; top: -15px; content: ''; width: 50px; height: 5px; background-color: #ff0000;}

.m3-britem h2{ position: relative; font-size: 28px;}
.m3-britem h2::after{ position: absolute; left: 3px; top: -15px; content: ''; width: 50px; height: 5px; background-color: #ff0000;}
.m3-bz h1{ font-size: 40px !important;}
.m3-subtitle{font-size: 16px;}
.submit{font-size: 18px;}
.submit i{font-size: 34px;}

footer{background-color: #222222;}

.foot-z{ width: 70%;}
.foot-zitem h3{ font-size: 18px;  font-weight: bold;}
.foot-zitem a{ color: #ededed; display: block; font-family: 'syl';  line-height: 26px;}
.foot-zitem a:hover{ color: #ff0000;}
.f-tel i{ font-size: 40px;}


.foot-r{ width: 30%;}
.foot-r-b img{ width: 80px !important;}
.foot-r-f a{ color: #fff;}
.foot-r-f a:hover{ color: #ff0000;}
.nbanner{ position: relative; margin-top: 50px;}
.nbanner img{ width: 100%;}
.pbanner{ margin-top: 50px;}
.class{ position: absolute; left: 0; bottom: 0;  width: 100%;}

.class-item{background-color: #222222;  margin: 0 1%;  width: 23%; font-family: 'syl'; font-size: 20px;}
.class-item p{ font-size: 12px; margin-bottom: 0;}
.class-item a{ display: block; width: 100%;}
.class-item.active{background-color: rgb(255, 255, 255,.6); position: relative; }
.class-item.active a{ color: #333 !important;}
.class-item.active::after{ background: #ff0000; content: ''; left: 0; top: 0; height: 5px; width: 100%; position: absolute;}
.class-item:hover{background-color: rgb(255, 255, 255,.6); position: relative;}
.class-item:hover a{ color: #333 !important;}
.class-item:hover::after{background: #ff0000; content: ''; left: 0; top: 0; height: 5px; width: 100%; position: absolute;}
.classw{ position: absolute; left: 0; bottom: 20px; right: 0;}
.class-itemw{background-color: #222222;  margin: 0 1%;  width: 18%; font-family: 'msl'; font-size: 20px;}
.class-itemw a{ display: block; width: 100%;}
.class-itemw p{ font-size: 12px; margin-bottom: 0;}
.class-itemw.active{background-color: rgb(255, 255, 255,.6); position: relative; }
.class-itemw.active a{ color: #333 !important;}
.class-itemw.active::after{ background: #ff0000; content: ''; left: 0; top: 0; height: 8px; width: 100%; position: absolute;}
.class-itemw:hover{background-color: rgb(255, 255, 255,.6); position: relative;}
.class-itemw:hover a{ color: #333 !important;}
.class-itemw:hover::after{background: #ff0000; content: ''; left: 0; top: 0; height: 5px; width: 100%; position: absolute;}


.jm-t{ position: relative; }
/* .jm-t::after{position: absolute; left: 50%; top: -10px; content: ''; background-color: #ff0000; width: 30px; height: 5px; margin-left: -15px;} */
.jm-tn{margin-bottom: 100px;}
.jm-tn img{ width: 100%;}
.jm-tb img{ width: 100%;}

.pclass-box{position: relative;padding: 0 30px;}
.pclass-box .swiper-button-next,.pclass-box .swiper-button-prev{width:20px;height: 38px;background-position: center;background-size: 100% auto;}
.pclass-box .swiper-button-next{background-image:url('../images/right.png') !important;right: 0;}
.pclass-box .swiper-button-prev{background-image:url('../images/left.png') !important;left: 0;}
.swiper-slide .pclass-item img{max-width:120px ;}
.pclass{background-color: #f2f2f2;}
.pclass-item{opacity: 0.6;}
.pclass-item.active{position: relative;opacity: 1;}
.pclass-item.active::after{ position: absolute; content: ''; background-color: #ff0000; width: 100%; height: 6px; left: 0; bottom: 0;}
.ptitle{ font-size: 36px;}
.ptitle a{ color:#808080;}
.ptitle a.active{color: #000; }

.mclass-accordion-item{border: none;}
.mclass-button{font-size: 16px;font-weight: bold;padding: 8px 0;display: flex;align-items: center;}
.mclass-button.collapsed{color: #9fa0a0;}
.mclass-button::before{ content: '';margin-right: 6px;display: block;
    width: 0;
    height: 0;
	  transform: rotate(90deg);
    border-top: 8px solid transparent; /* 上边透明 */
    border-left: 12px solid #231815; /* 左边为红色，形成三角形 */
    border-bottom: 8px solid transparent; /* 下边透明 */}
.mclass-button.collapsed::before{
	 border-left: 12px solid #9fa0a0;  transform: rotate(0deg);
}
.mclass-accordion-item .accordion-body{background-color: transparent !important;padding-top: 0;padding-bottom: 0;}
.mclass-accordion-item .accordion-body a{color: #9fa0a0;font-size: 14px;}
.mclass-accordion-item .accordion-body a.active{color: rgb(33, 37, 41);}
.classtitle{font-size: 16px; margin-top: 10px;}


.mclass{ position: relative; padding-bottom: 100px;}
.mclass-bz{ position: absolute; bottom: 30px; text-align: center; width: 200px; left: 50%; margin-left: -100px;} 
.mclass-item{ background-color: #fcfcfc;}
.mclass-item-img{ width: 30%;}
.mclass-item-img img{width: 100%;}
.mclass-item-text{ width: 70%;}
.swiper-slide-active .mclass-item{
    background:#f2f2f2 !important;s
  }
.pclass-n img{ max-width: 100%;}

.swiper-pagination-horizontal{ font-size: 26px; font-weight: bold; bottom: -20px;}

.mclass-bz .swiper-button-prev { background-image:url('../images/next.png') !important;  left: 10px; background-size: cover; width: 22%;} 
.swiper-button-prev::after, .swiper-button-next::after{content:''}
.mclass-bz .swiper-button-next{background-image:url('../images/prev.png') !important;  right: 10px; background-size: cover; width: 22%;}
.pbanner img{ width: 100%;}
.smalltitle{ font-size: 16px;}

.honor-bz{ position: absolute; bottom: 30px; text-align: center; width: 200px; left: 50%; margin-left: -100px;} 
.honor-bz .swiper-button-prev { background-image:url('../images/next.png') !important;  left: 10px; background-size: cover; width: 22%;} 
.swiper-button-prev::after, .swiper-button-next::after{content:''}
.honor-bz .swiper-button-next{background-image:url('../images/prev.png') !important;  right: 10px; background-size: cover; width: 22%;}


.bc-pagination .swiper-pagination-bullet{ width: 80px !important; background-color: #fff !important; border-radius:0;opacity: 0.8 !important;}
.bc-pagination .swiper-pagination-bullet-active{ background-color: #fe0000 !important; }
.c-class{ background-color: #f0f0f0;}
.c-class-n-item{ width: 18%; margin: 0 1%; }
.c-class-n-item img{ width: 60px;}
.c-class-n-item p{ font-size: 20px; font-family: 'msl';}
.c-class-n .active{ position: relative;}
.c-class-n .active::after{ position: absolute; bottom:0; left: 50%; width: 130px; margin-left: -65px; height: 8px; background-color: #fe0000; content: '';}

.c-class-n-item a{ color: #808080;}
.c-class-n .active a{ color: #000;}
.c-class-n  .hsimg{ display: none;}
.c-class-n  .hsimg-h{ display: block; }
.c-class-n-item{ justify-content: center; display: flex;}
.c-class-n .active .hsimg{ display: block;}
.c-class-n .active .hsimg-h{ display: none; }
.c-title{ font-size: 42px; }
.cjs-title{ font-size: 42px;}
.casemain{ padding: 80px 0;}
.case-img{ width: 55%;}
.case-text{ width: 45%;background-color:  #f0f0f0;font-family: 'msl'; background-color:  #f0f0f0;}
.case-text-top50{height: 50%;}
.case-text-top h1{ font-size: 40px;}{ /* height: 50%; */}
.case-text-bottom{ background-color:  #666666; height: 50%; position: relative;}

.csubtitle{ margin-top: -10px;}
.case-img-kj{ width: 50%;}
.case-more{ position: absolute; top: 40%; text-align: center; width: 100%;}
.case-more a:hover{ cursor: pointer;}
.case-text-kj{width: 50%;background-color:  #f6f6f6;}
.case-text-t{ font-size: 40px; font-family: 'msb';  margin-top: 20%;  }
.case-text-b{ position: relative; width: 490px; margin: 0 auto; font-size: 22px; font-family: 'msl';} 
.case-text-b::after{ position: absolute; left: 0; top: 0; content: ''; background-image: url('../images/case-j1.png'); background-repeat: no-repeat; height: 83px; width: 126px;}
.case-text-b::before{ position: absolute; right: 0; bottom: 0; content: ''; background-image: url('../images/case-j2.png'); background-repeat: no-repeat; height: 83px; width: 126px;}

.c-main .yt-item:nth-child(even){ margin-top: 120px;}

.yt-item{ background-color: #f2ebd1; padding: 30px; position: relative; width: calc(50% - 50px) !important;height: 540px;}

.yimg-icon{ position: absolute; left: 50%; top: -50px; margin-left: -32px;}
.yimg-bottom{ position: absolute; right: 0; bottom: 0; background-image: url('../images/yticon01.jpg'); width: 100px; height: 83px; background-size: cover;}
.ytext { margin-top: 40px; width: 80%;}
.yt-item:nth-child(2){background-color: #e4e4e4;}
.yt-item:nth-child(2) .yimg-bottom{ background-image: url('../images/yticon02.jpg');}
.yt-item:nth-child(3){background-color: #dde6f2;}
.yt-item:nth-child(3) .yimg-bottom{ background-image: url('../images/yticon03.jpg');}
.yt-item:nth-child(2) .yimg-icon{transform: scaleX(-1);}
.yt-item:nth-child(3) .yimg-icon{transform: scaleX(-1);}
.yt-item:nth-child(6) .yimg-icon{transform: scaleX(-1);}
.yt-item:nth-child(4){background-color: #ddedea;}
.yt-item:nth-child(4) .yimg-bottom{ background-image: url('../images/yticon04.jpg');}

.yt-item:nth-child(6){background-color: #e4e4e4;}
.yt-item:nth-child(6) .yimg-bottom{ background-image: url('../images/yticon02.jpg');}
.yt-item:nth-child(7){background-color: #dde6f2;}
.yt-item:nth-child(7) .yimg-bottom{ background-image: url('../images/yticon03.jpg');}
.yt-item:nth-child(8){background-color: #ddedea;}
.yt-item:nth-child(8) .yimg-bottom{ background-image: url('../images/yticon04.jpg');}

.yt-item-show{ width: 60% !important; height: 600px; margin: 0 auto !important;}
.ytshow{ width: 60%; margin: 0 auto !important;}
.ytshow img{ max-width: 100%;}

.scmain img{ max-width: 100%;}
.s1 img{ width: 50%;}
.sc2text h2{ font-family: 'msl'; font-size: 40px;}
.sc2text h6{ font-family: 'msl'; width: 50%; margin: 0 auto;}
.s2wap{ display: none;}
.s5 h4{ font-family: 'msl'; margin: 10px 0; font-size: 20px;}
.s3 img{width: 80%;}

/* 加盟 */
.jm-tn{ background-image: url('../images/jm-1.jpg'); background-repeat: no-repeat; background-size: cover; padding: 70px 0 70px 0;}
.jm-tn-text h4{ font-family: 'msl'; font-size: 20px;}
.jm-tn-text p{ font-family: 'msl';}
.jm-title{ font-family: 'msc'; font-size: 36px;}
.jm-tn-text{ min-height: 100px;}
.jmys-tn{background-image: url('../images/jm3.jpg'); background-repeat: no-repeat; background-size: cover; padding: 260px 0;}
/* #jmlc{ padding-top: 70px;} */
.jmys-tn img{ max-width: 45%;}
.jmyq-tn img{ max-width: 70%;}
.fnpx-ntext{background-color: #f2f2f2; height: 100%;font-family: 'msl';}
.fnpx-ntext-title{ font-size: 18px; }
.fnpx-ntext p{ font-size: 16px;}

.about-1-text-z{ font-size: 38px; width: 25%;}
.about-1-text-r{ width: 75%; font-size: 18px;}
.about-2n{ background-image: url('../images/about2.jpg'); background-repeat: no-repeat; padding: 80px 0; background-size: cover;}
.about-2n img{ width: 600px;}

.about-3{ position: relative; background-image: url('../images/about3.jpg');background-repeat: no-repeat;background-size: cover; height: 1300px;}
.about-3-n{ position: absolute; left: 50%; top: 40%;  margin-left: -650px;}
.about-3-text-z{ font-size: 38px; width: 25%;}
.about-3-text-r{ width: 75%; font-size: 18px;}


.qywh-1{ background-image: url('../images/qywh1.jpg');  background-repeat: no-repeat; background-size: cover; background-position: bottom left; padding: 130px 0;}
.qywh-1n h1{ font-size: 44px;}
.qywh02{ background-image: url('../images/qywh02.jpg');  background-repeat: no-repeat; background-size: cover;}
.qywh-2{ padding: 130px 0 50px 0;}
.qywh-2t-title{ font-size: 46px;}
.qywh-2t-stitle-cn{ font-size: 44px;}
.qywh-2t-stitle-en{font-size: 20px;}
.qywh-2n{background-color: rgba(82, 82, 82, .6); width: 60%; padding: 80px 50px; font-size: 18px; margin: 100px auto 0; position: relative;}
.qywh-2n::after{ content: ''; position: absolute; left: 20px; top: -35px;  background-image: url('../images/qywh2-1.png'); background-repeat: no-repeat; width: 70px; height: 62px;}
.qywh-2n::before{ content: ''; position: absolute; right: 20px; bottom: -35px;  background-image: url('../images/qywh2-2.png'); background-repeat: no-repeat; width: 70px; height: 62px;}
.qywh-4{ padding-bottom:100px}
.qywh-4-title{font-size: 46px;}

.lc{ background-image: url('../images/lc1.jpg'); background-repeat: no-repeat; background-size: cover; background-color: #f3f3f3; padding-bottom: 200px !important;}
.lc-title-cn{ font-size: 40px;}
.lc-title-en{ font-size: 28px;}
.lc-n{ max-width: 70%; margin: 0 auto; position: relative; }
.lc-n::after{ content: ''; position: absolute; left: 50%; top: 30px; width: 1px; height: 100%; background-color: #ccc;}
.clear{clear: both;}
.lc-nitem{ width: 45%; display: block; clear: both; font-family: 'msn';}
.lc-nitem-title{ font-size: 50px; color: #666; transition: font-size 0.6s ease;}
.lc-nitem-text{ color: #666;}
.lc-n .lc-nitem:nth-child(odd){ margin-top: 50px;}
.lc-n .lc-nitem:nth-child(even){ margin-top: -100px;}
.lc-nitem:hover .lc-nitem-title{ font-size: 62px; color: red; position: relative;  }
.lc-nitem:hover .lc-nitem-title::after{ content: ''; position: absolute; left: -10px; top: 0; background-image: url('../images/lcbg.png'); background-repeat: no-repeat; width: 60px; height: 56px; }
.lc-nitem:hover { cursor: pointer;}
.lc-nitem:hover .lc-nitem-text h4{ color: #000 !important;}

.honor-n{ position: relative; padding-bottom: 100px;}
.honor-n-title{ font-size: 24px;}
.honor-n2{ position: relative; padding-bottom: 100px;}

.xy-1title{ position: relative; font-size: 36px; width: 40%; margin: 0 auto;}
.xy-1title::after{ position: absolute; left: 0; top: 0; content: ''; background-image: url('../images/xx01.png'); background-repeat: no-repeat; width: 150px; height: 97px;}
.xy-1title::before{ position: absolute; right: 0; bottom: 0; content: ''; background-image: url('../images/xx02.png'); background-repeat: no-repeat; width: 150px; height: 97px;}


.fw-nitem{background-color: #f4f4f4; position: relative; min-height: 280px;}
.fw-nitem-b{ position: absolute; right: 0; bottom: 0;}
.fw-nitem-text{ font-size: 24px;  position: relative; padding: 10px 0px 0 20px;}
.fw-nitem-text::after{ position: absolute; left: 0; top: 0; content: ''; background-image: url('../images/fw04icon.png'); background-repeat: no-repeat; width: 120px; height: 40px;}
.fw-nitem-n{ font-size: 18px;}

.fw2-n{background-image: url('../images/fw02.jpg'); background-repeat: no-repeat; background-size: cover; padding: 120px 0;}
.fw3-nz{ width: 50%; background-color: #f4f4f4; padding-left: 5%; padding-top: 80px; padding-right: 5%;}
.fw3-nr{ width: 50%;}
.fw3-nzitem{ margin-right: 20px; font-size: 18px; color: #808080; padding: 12px 0 0px 12px;}
.fw3-nzitem.active{ color: #333; position: relative;}
.fw3-nzitem.active::after{position: absolute; left: 0; top: 0; content: ''; background-image: url('../images/fw04iconw.png'); background-repeat: no-repeat; width: 90px; height: 37px;}
.fw2-nimg img{ width: 90% !important;}
.fw-nzitem-n div{ margin: 10px 0;}
.fw4-nr{ background-color: #f4f4f4; height: 100%;}
.accordion-button{ background-color: #f4f4f4 !important; font-size: 18px;}
.accordion-body{ background-color: #f4f4f4 !important; }
.accordion-button:not(.collapsed){ background-color: transparent; color: #333;}
.fw5{ background-image: url('../images/fw06.jpg'); background-repeat: no-repeat; background-size: cover; padding: 200px 0;}
.fw5-t{ font-size: 46px;}
.fw5-n{ background:rgba(19, 20, 21, 0.8); width: 90%; margin: 0 auto;}
.fw5-nz{ width: 30%;}
.fw5-nz-t{ font-size: 28px; position: relative;}
.fw5-nz-t::after{ position: absolute; left: 0; top: -10px; content: ''; width: 45px; height: 5px; background-color: red;}
.fw-nr-b{word-break:keep-all; white-space:nowrap; }
.fw5-nz-m{ font-size: 40px;}
.fw5-nr{ width: 68%;}
.btnan{ height: 80px; width: 80px; position: relative; line-height: 85px; font-size: 18px;}
.btnan::after{ position: absolute; left: 50%; margin-left: -25px; top: -20px; content: '➝'; width: 50px; height: 30px; font-size: 40px;}
.jx02 img{ width: 38%;}
.jx03-item{  width: 85%; margin: 0 auto;}
.jx03-item h1{ position: relative;}
.jx03-item h1::after{ position: absolute; left: -48px; top:0; content: ''; background-color: red; width: 10px; height: 50px;}
.jx03-01{ background-image: url('../images/jxz01.jpg'); background-repeat: no-repeat; background-size: cover; padding-top: 300px !important;}
.jx03-02{ background-image: url('../images/jxz02.jpg'); background-repeat: no-repeat; background-size: cover; padding-top: 300px !important;}
.jx03-03{ background-image: url('../images/jxz03.jpg'); background-repeat: no-repeat; background-size: cover; padding-top: 300px !important;}
.jx03-04{ background-image: url('../images/jxz04.jpg'); background-repeat: no-repeat; background-size: cover; padding-top: 300px !important;}
.jx03-05{ background-image: url('../images/jxz05.jpg'); background-repeat: no-repeat; background-size: cover; padding-top: 300px !important;}
.jx03-06{ background-image: url('../images/jxz06.jpg'); background-repeat: no-repeat; background-size: cover; padding-top: 300px !important;}
.jx03-item-b{  width: 100%; background-color: rgba(0, 0, 0, 0.6); position: relative;}
.jx03-item-b::after{ position: absolute; left: 0px; top:0; content: ''; background-color: red; width: 10px; height: 100%;}

.s4{background-color: #3c372f;color: #fff;padding: 40px 0;}
.sc4text h2{font-size: 54px;}
.sc4text h6{font-size: 32px;}
.sc4text hr{opacity: 1;width: 900px;margin:30px auto 40px;}
.sc4-txt{width: 600px;margin: auto;font-size: 16px;line-height: 1.8;}

@media screen and (max-width: 1199px){
	.logo img{ height: 25px;}
	/* .hide{ display: block;} */
	
}
@media screen and (max-width: 992px){
	.banneritem{ background-size: cover;
	.sc4text hr{width: 100%;}
}
@media screen and (max-width: 1366px) {
	.case-text-top h1{ font-size: 30px !important;}
	.case-text-top h5{ font-size: 16px !important;}
  
}
@media(max-width:767px) {
	
	.hidepc{ display: none;}
	.navbar-toggler{ padding-right: 0;}
	.menu{ font-size: 20px;}
	
	.twoclass{ padding-left: 20px; font-size: 14px !important;  line-height: 26px !important; color: #DCDCDC !important;}
	
	.swiperyd>.swiper-pagination-bullet{ background: #fff !important; opacity:1 !important; width: 30px; height: 5px; border-radius:0px !important; }
	.swiperyd>.swiper-pagination-bullet-active{width: 30px;border-radius:0px !important;  background-color: #000000 !important;}

	.m1-text-title{ margin-top: 150px; font-size: 32px; position: relative; font-family: 'msl';}
	.m1-text-title::after{ content: ''; position: absolute; background-color: #ff0000; width: 50px; height: 5px; left: 50%; top: -15px; margin-left: -25px;}
	.m1-text-class{ width: 90%;}
	.m1-more{ font-size: 12px;}
	.m1-more-icon{font-size: 14px;}
	.m1-text-item p{ font-size: 10px;}
	
	.m1-text{ left: 0%; top: 0; z-index: 10;  margin-left: 0% !important; width: 100%;}
	
	
	
	.m2-text-title{ margin-top: 150px; font-size: 22px; position: relative;font-family: 'msl';}
	.m2-text-title::after{ content: ''; position: absolute; background-color: #ff0000; width: 50px; height: 5px; left: 50%; top: -15px; margin-left: -25px;}
	.m2-text-class{ width: 100%;}
	.m2-more{ font-size: 12px;}
	.m2-more-icon{font-size: 14px;}
	.m2-text-item p{ font-size: 10px;}

	hr{ margin: 5px 0 8px 0 !important;}

	.m3{  background-repeat: no-repeat; background-size: cover;}
	.m3-text-title{ padding-top: 90px; font-size: 22px; position: relative; font-family: 'msl'; color: #fff !important;}
	.m3-text-title::after{ content: ''; position: absolute; background-color: #ff0000; width: 50px; height: 8px; left: 50%; top: 80px; margin-left: -25px;}
	.m3-n-item p{ font-size: 12px;}
	.m3-b{background: #222; margin-top: 50px; padding: 50px 30px;}
	.m3-bz h1{ font-size: 22px !important;}
	.m3-bz h2{ position: relative; font-size: 16px;}
	.m3-bz h2::after{ position: absolute; left: 3px; top: -15px; content: ''; width: 50px; height: 5px; background-color: #ff0000;}
	.m3-britem{ margin-top: 50px;}
	.m3-britem h2{ position: relative; font-size: 16px;}
	.m3-britem h2::after{ position: absolute; left: 3px; top: -15px; content: ''; width: 50px; height: 5px; background-color: #ff0000;}
	.m3-subtitle{font-size: 16px;}
	.submit{ display: block; width: 100%; font-size: 14px;}
	
	.foot-z{ width: 100%;}
	.foot-r{ width: 100%;}
	
	.class-item{background-color: #222222;  margin: 0 1%;  width: 23%; font-family: 'syl'; font-size: 12px; }
	.class-item p{ display: none;}
	
	.class-itemw{background-color: #222222;  margin: 0 2px;  width: inherit; font-family: 'syl'; font-size: 12px; flex: 1 1 auto;}
	
	.pclass{background-color: transparent;}
	.classtitle{ font-size: 12px;}
	.pclass-item.active::after{ position: absolute; content: ''; background-color: #ff0000; width: 100%; height: 3px; left: 0; bottom:0px;}
	.swiper-slide .pclass-item img{width:60px ;}
	.ptitle{ font-size: 18px;}
	
	.mclass-item-img{ width: 40%;}
	.mclass-item-text{ width: 60%;}
	.mclass-item-text{font-size: 12px;}
	
	.swiper-pagination-horizontal{ font-size: 18px; font-weight: bold; bottom: -20px;}
	.mclass-bz{ width: 180px; margin-left: -90px;}
	.mclass-bz .swiper-button-prev { background-image:url('../images/next.png') !important;  left: 10px; background-size: 50%; width: 22%; background-repeat: no-repeat;}
	.mclass-bz .swiper-button-next{background-image:url('../images/prev.png') !important;  right: 10px; background-size: 50%; width: 22%;background-repeat: no-repeat;}
	.swiper-pagination-horizontal{ font-size: 16px; font-weight: bold; bottom: 0px;}

	.honor-bz{ width: 180px; margin-left: -90px;}
	.honor-bz .swiper-button-prev { background-image:url('../images/next.png') !important;  left: 10px; background-size: 50%; width: 22%; background-repeat: no-repeat;}
	.honor-bz .swiper-button-next{background-image:url('../images/prev.png') !important;  right: 10px; background-size: 50%; width: 22%;background-repeat: no-repeat;}



	.pro-nz{ width: 22%;}
	.pro-nr{ width: 78%;}
	
	.casemain{ padding: 40px 0;}
	
	.c-title{ font-size: 24px;position: relative;padding: 10px 0 ;}
	.c-title::after{content: "";width: 36px;height: 4px;background-color: #ff0000;left: 50%;top: 0;margin-left: -18px;position: absolute;}
	.cjs-title{ font-size: 24px;}
	.c-class-n{ width: 100%; white-space: nowrap; overflow-x: scroll;  }
	.c-class-n-item{ width: 30%; margin: 0 2%; margin-bottom: 0;}
	.c-class-n-item img{ width: 30px;}
	.c-class-n-item p{ font-size: 12px; font-family: 'msl';}
	.c-class-n .active{ position: relative; z-index: 999;}
	.c-class-n .active::after{ position: absolute; bottom: 0; left: 50%; width: 85px; margin-left: -42px; height: 3px; background-color: #fe0000; content: '';}
	
	.case-img{ width: 100%;}
	.case-text{ width: 100%;background-color:  #f0f0f0;}
	.case-text-bottom{  height: 150px;}
	.case-text h1{ font-size: 24px !important; margin-bottom: 20px !important;}
	.case-text h5{ font-size: 16px;}
	.case-more .fs-2{font-size: 22px !important;}
	
	.case-img-kj{ width: 100%;}
	.case-text-kj{width: 100%;padding-bottom: 80px;}
	.case-text-t{ font-size: 22px;   margin-top: 16%;  }
	.case-text-b{ position: relative; width: 80%; margin: 0 auto; font-size: 16px; font-family: 'msl'; } 
	.case-text-b::after{  background-image: url('../images/case-j1w.png'); }
	.case-text-b::before{background-image: url('../images/case-j2w.png'); width: 80px; height: 53px;  }
	
	.c-main .yt-item{ margin-top: 0px !important; margin-bottom: 20px;}
	.yimg-icon{ display: none;}
	.yimg-bottom{ display: none}
	.yt-item{ background-color: #f2ebd1; padding: 15px; position: relative; width: calc(100% - 0px) !important;height: 320px;}
	.ytext { margin-top: 10px; width: 100%; }
	.ytext h3{font-size: 18px;}
	.ytext p{font-size: 13px; color: #666;}
	.ytshow{ width: 100%; margin: 0 auto !important;}
	
	.s1 img{ width: 80%;}
	.s3 img{ width: 100%;}
	.sc2text h2{ font-family: 'msl'; font-size: 20px;}
	.sc2text h6{ font-family: 'msl'; width: 100%; margin: 0 auto;}
	.s2pc{ display: none;}
	.s2wap{ display: block;}
	
	.jm-title{ font-size: 26px;position: relative;padding: 10px 0 ;}
	.jm-title::after{content: "";width: 36px;height: 4px;background-color: #ff0000;left: 50%;top: 0;margin-left: -18px;position: absolute;}
	.jm-tn{ background-image: url('../images/jm-1.jpg'); background-repeat: no-repeat; background-size: cover;  padding: 50px 0; margin-bottom: 30px;}
	.fnpx-ntext-title{ font-size: 16px; margin-bottom: 10px; }
	.fnpx-ntext p{ font-size: 14px;}
	.jmys-tn{ padding: 100px 0;}
	.jmys-tn img{ max-width: 85%;}
	.jm-tn-text h4{ font-size: 16px;}
	.about-2n img{ width: 90%;}
	.about-1-text-z{ font-size: 22px; width: 100%;}
	.about-1-text-r{ width: 100%; font-size: 14px;}
	.about-3{ height: 400px; background-color: #dbdbdb;  margin-bottom: 20px;}
	.about-3-n{ position: absolute; left: 0%; top: 25%;  margin-left: 0px;}
	.about-3-text-z{ font-size: 16px; width: 100%;}
	.about-3-text-r{ width: 100%; font-size: 12px;}
	
	.qywh-1{  padding: 60px 0;}
	.qywh-1n h1{ font-size: 30px;}
	.qywh-2{padding:50px 0 50px 0}
	.honor-n-title{ font-size: 20px;}
	
	.qywh-2t-title{ font-size: 26px;}
	.qywh-2t-stitle-cn{ font-size: 24px;}
	.qywh-2t-stitle-en{font-size: 14px;}
	.qywh-2n{  width: 100%; padding: 50px 50px; font-size: 14px; margin: 50px auto 0; position: relative;}
	.qywh-2n::after{ content: ''; position: absolute; left: 20px; top: -20px;  background-image: url('../images/qywh2-1w.png'); background-repeat: no-repeat; width: 40px; height: 35px;}
	.qywh-2n::before{ content: ''; position: absolute; right: 20px; bottom: -20px;  background-image: url('../images/qywh2-2w.png'); background-repeat: no-repeat; width: 40px; height: 35px;}
	
	.qywh-4{ padding-bottom:50px}
	.qywh-4-title{font-size: 26px;}

	
	.lc{  padding-bottom: 100px !important;}
	.lc-title-cn{ font-size: 26px;}
	.lc-title-en{ font-size: 18px;}
	.lc-n{ max-width: 100%; margin: 0 auto; position: relative; }
	.lc-n::after{  left: 0; top: 30px; width: 1px; height: 100%; }
	.clear{clear: both;}
	.lc-nitem{ width: 90%;margin-left: 5%; }
	.lc-nitem-title{ font-size: 22px; color: #666;}
	.lc-nitem-text h4{ font-size: 16px;}
	.lc-nitem:hover .lc-nitem-title{ font-size: 30px; color: red; position: relative;}
	.lc-nitem:hover .lc-nitem-title::after{ content: ''; position: absolute; left: -10px; top: 0; background-image: url('../images/lcbg.png'); background-repeat: no-repeat; width: 60px; height: 26px; }
	
	
	.lc-nitem-text{ color: #666;}
	.lc-n .lc-nitem:nth-child(odd){ margin-top: 20px;}
	.lc-n .lc-nitem:nth-child(even){ margin-top: 20px;}
	
	
	.honor-n{ position: relative; padding-bottom: 70px;}
	.honor-n2{ position: relative; padding-bottom: 70px;}
	
	
	
	.xy-1title{  font-size: 16px; width: 90%; }
	.xy-1title::after{  background-image: url('../images/xx01w.png');  width: 80px; height: 52px;}
	.xy-1title::before{ background-image: url('../images/xx02w.png'); width: 80px; height: 52px;}
	
	
	.fw-nitem{background-color: #f4f4f4; position: relative; min-height: 180px; margin-bottom: 20px;}
	.fw-nitem-text{ font-size: 18px;  position: relative; padding: 10px 0px 0 20px;}
	.fw-nitem-text::after{  width: 100px; height: 30px;}
	.fw-nitem-n{ font-size: 16px;}
	.fw-nitem-icon img{ width: 60px;}
	.fw-nitem-b img{ width: 60px;}
	
	
	.fw2-n{background-image: url('../images/fw02.jpg'); background-repeat: no-repeat; background-size: cover; padding: 50px 0;}
	
	
	.fw2-n{background-image: url('../images/fw02.jpg'); background-repeat: no-repeat; background-size: cover; padding: 120px 0;}
	.fw3-nz{ width: 100%; background-color: #f4f4f4; padding-left: 4%; padding-top: 50px; padding-right: 4%;}
	.fw3-nr{ width: 100%;}
	.fw3-nzitem{ margin-right: 20px; font-size: 16px; color: #808080; padding: 12px 0 0px 12px;}
	
	.fw5{ background-image: url('../images/fw06.jpg'); background-repeat: no-repeat; background-size: cover; padding: 50px 0;}
	.fw5-t{ font-size: 22px;}
	.fw5-n{ background:rgba(19, 20, 21, 0.8); width: 95%; margin: 0 auto;}
	.fw5-nz{ width: 100%; margin: 30px 0;}
	.fw5-nr-z{ display: none;}
	.fw5-nz-t{ font-size: 18px; position: relative;}
	.fw5-nz-t::after{ position: absolute; left: 0; top: -10px; content: ''; width: 45px; height: 5px; background-color: red;}
	.fw5-nz-m{ font-size: 14px;}
	.fw5-nr{ width: 100%;}
	.btnan{  font-size: 16px;}

	.accordion-button{ background-color: #f4f4f4 !important; font-size: 14px;}
	
	.jx02 img{ width: 80%;}
	.jx03-item{ background-color: #e4e4e4; width: 100%; margin: 0 auto;}
	.jx03-item h1::after{  left: -24px; top:0; content: ''; background-color: red; width: 5px; height: 35px;}
	.jx03-item-b h3{ font-size: 16px;}
	.jx03-item-b h5{ font-size: 14px;}
	.jx03-item h1{ font-size: 26px;}
	
	.jx03-01{ background-size: 160%; padding-top: 130px !important;}
	.jx03-02{ background-size: 160%; padding-top: 130px !important;}
	.jx03-03{ background-size: 160%; padding-top: 130px !important;}
	.jx03-04{ background-size: 160%; padding-top: 130px !important;}
	.jx03-05{ background-size: 160%; padding-top: 130px !important;}
	.jx03-06{ background-size: 160%; padding-top: 130px !important;}
	
	.foot-r-f{ width: 100%;}
	
	.classw,.class{ position: static;margin-top: 5px;}
	.class-itemw.active::after{height: 4px;}
	
	.s4{padding:30px 0;}
	.sc4text h2{font-size:28px;}
	.sc4text h6{font-size: 20px;}
	.sc4text hr{opacity: 1;width: 100%;margin:20px 0;}
	.sc4-txt{width: 100%;font-size: 14px;line-height: 1.6;}
}