@charset "utf-8";
/* CSS Document */

/*Reset start*/
body, div, dl, dt, dd, ul, ol, li,h1, h2, h3, h4, h5, h6, form, legend, button, p/* ,th,td */{border:0;font-size:100%;margin:0;outline:0;padding:0;}
h1, h2, h3, h4, h5, h6{font-size:100%;font-weight:normal;}
fieldset, img{border:none;}
img{vertical-align:top; border:0}
a{ text-decoration:none; outline:none; color:#000;}
a:hover{ color:#000;}
a:focus{outline:none; color:#000;}
a:hover,a:visited,a:active,a:link{text-decoration: none;}
ol, ul{list-style:none outside none; padding:0; margin:0}
/*table{border-collapse:collapse;border-spacing:0;}*/
sub,sup{font-size:80%;line-height:0;position:relative;vertical-align:baseline;}
sup{top:-0.5em;}
sub{bottom:-0.25em;}
br{font-size: 0;line-height:0;}
var{ font-style:normal;}
var{ padding-left:3px;}
input,select{ outline:none;}
body,button,input,select,textarea{font:12px/1.5; padding:0; margin:0; font-style:normal;}
body{width: 100%;}
.clearfix:after {content:"\20"; display:block; height:0; clear:both; visibility:hidden; }
.clearfix{display:inline-block; }
.clearfix{display:block;}
.clearbox{border-top:transparent 0px solid;clear:both;font-size:0;margin-top:0px;visibility:hidden; overflow:hidden;height:0;}


@font-face {
  font-family: "思源黑体简体";
  src: url("../fonts/SourceHanSansCN-Regular.woff2") format("woff2"),
       url("../fonts/SourceHanSansCN-Regular.woff") format("woff"),
       url("../fonts/SourceHanSansCN-Regular.ttf") format("truetype"),
       url("../fonts/SourceHanSansCN-Regular.eot") format("embedded-opentype"),
       url("../fonts/SourceHanSansCN-Regular.svg") format("svg");
  font-weight: normal;
  font-style: normal;
}

label{ max-width: initial;}
body {color: #000;font-family: '思源黑体简体', Arial, Helvetica, sans-serif; margin: 0 auto; background-color: #fff;: hidden; */}
a {color: #000;}
a:hover {color: #000;}

label{ max-width: initial;}

.bodymain{ width:100%; overflow: hidden; position: relative; left:0;}


/*浏览器升级提示*/
.browser-tips{ position: fixed; left: 0; right: 0; bottom: 0; z-index: 999; font-size: 14px;}
.browser-tips .alert-warning{ margin-bottom: 0; border-radius: 0;}
.browser-tips .alert-warning a{ color: #d63832;}

.body-hidden{ overflow-y: hidden; }
.visible-xs{ display: none !important;}

/* 头部 */
.adcom {position: absolute;top: 120px;right: 35px;padding: 2px 5px; border:#000 solid 1px; color: #000;font-size: 12px;background: rgba(245,245,245,1);z-index: 99;}
.head { overflow: hidden;display: block;padding: 20px 2.4% 20px;background: #fff; position: relative; z-index: 9; border-bottom: #ebebeb solid 1px;}
.head .head1a {float: left;width: 50%;}
.head .head1d {float: right;margin-top: 8px;}
.head .head1a img {height: 48px;}
.head .head1d img {width: 144px;}

/*二维码*/
.scancode{position: fixed;top: 30%;right: 20px;z-index: 99;cursor: pointer;}
.scancode .scancode-box{ position:relative; }
.scancode .scancode-box .scanicon{position:absolute; right: 0; top: 0;width: 80px; height: 426px; padding: 25px 0; background-color: #c33228; border-radius:15px;text-align: center; box-shadow: 0 0 30px #878787; z-index: 101;}
.scancode .scancode-box .scanicon img.iconsao{ width: 47px; display: block; margin:20px auto;}
.scancode .scancode-box .scanicon p{writing-mode:vertical-lr; text-align: center; line-height: 80px; font-weight: bold; color: #fff;
    letter-spacing: 4px; font-size: 24px;}
.scancode .scancode-box .scancode-hidden{position:absolute; right: 54px; top: 0;padding: 30px 80px 30px 60px; background-color:#fff; height: 426px; border-radius: 15px;  z-index: 100; display: none;}
.scancode .scancode-box .scancode-hidden .pic-box{ width: 315px; margin:0 auto; }
.scancode .scancode-box .scancode-hidden .pic-box img{ width: 100%; display: block; }
.scancode .scancode-box .scancode-hidden .txt{ text-align: center; display: block;font-size:22px; color: #c33228; margin-top: 20px;  font-weight: bold;}

/* 底部 footers */
.footers{ background-color: #fff; padding: 15px 0; text-align: center; overflow: hidden;}
.footers .copyright{ font-size: 14px; color: #000;}
.footers .copyright span,.footers .copyright a{display: inline-block; color: #000;}

@keyframes move
{
	0%, 65%{ 
	  -webkit-transform:rotate(0deg);
	  transform:rotate(0deg);
	}
	70% {  
	  -webkit-transform:rotate(6deg);
	  transform:rotate(6deg);
	}
	75% {  
	  -webkit-transform:rotate(-6deg);
	  transform:rotate(-6deg);
	}
	80% {  
	  -webkit-transform:rotate(6deg);
	  transform:rotate(6deg);
	}
	85% {  
	  -webkit-transform:rotate(-6deg);
	  transform:rotate(-6deg);
	}
	90% {  
	  -webkit-transform:rotate(6deg);
	  transform:rotate(6deg);
	}
	95% {  
	  -webkit-transform:rotate(-6deg);
	  transform:rotate(-6deg);
	}
	100% {  
	  -webkit-transform:rotate(0deg);
	  transform:rotate(0deg);
	}
}

@-webkit-keyframes move
{
	0%, 65%{ 
	  -webkit-transform:rotate(0deg);
	  transform:rotate(0deg);
	}
	70% {  
	  -webkit-transform:rotate(6deg);
	  transform:rotate(6deg);
	}
	75% {  
	  -webkit-transform:rotate(-6deg);
	  transform:rotate(-6deg);
	}
	80% {  
	  -webkit-transform:rotate(6deg);
	  transform:rotate(6deg);
	}
	85% {  
	  -webkit-transform:rotate(-6deg);
	  transform:rotate(-6deg);
	}
	90% {  
	  -webkit-transform:rotate(6deg);
	  transform:rotate(6deg);
	}
	95% {  
	  -webkit-transform:rotate(-6deg);
	  transform:rotate(-6deg);
	}
	100% {  
	  -webkit-transform:rotate(0deg);
	  transform:rotate(0deg);
	}
}

/* 内容 */
.swiper-pagination{ position: initial; margin-top: 30px; font-size: 0;}
.swiper-pagination-bullet{ width: 30px; height: 30px; background-color: #d5446f; border: 6px solid #000; border-radius: 30px; opacity: 1;}
.swiper-pagination-bullet-active{ width: 88px;}

.edit-container{ width: 1580px; margin-right: auto; margin-left: auto; position: relative;}

.home-banner img{ display: block; width: 100%;}

.main-container{ background: url(../images/body-bg.png) left top repeat;}

.icon-smile{ width: 161px; position: absolute;}
.icon-smile img{ display: block; width: 100%;}
.base-title-box{ height: 100px; line-height: 92px; font-size: 42px; color: #fff; font-weight: bold; position: absolute; background-repeat: no-repeat; background-size: auto 100%; background-position: center; text-align: center;}
.base-title-box span{ color: #ea2285;}

.section1{ padding: 75px 0 55px 0;}
.section1-inner{ position: relative; border: 20px solid #000;}
.section1-inner .bg{ display: block; width: 100%; object-fit: cover;}
.section1-inner .pic-box{ width: 68.8%; position: absolute; top: -6.6%; left: 50%; margin-left: -34.4%;}
.section1-inner .pic-box img{ display: block; width: 100%;}
.section1-inner .pic-box .icon{ position: absolute; animation:move 3s 0s infinite;-webkit-animation:move 3s 0s infinite;transform-origin:bottom;-webkit-transform-origin:bottom;}
.section1-inner .pic-box .icon1{ width: 16.63%; left: -6%; bottom: 11%;}
.section1-inner .pic-box .icon2{ width: 19.94%; right: -7.35%; bottom: -22%;}

.section2{ padding: 55px 0 80px 0;}
.section2-inner{ position: relative;}
.section2-txt{ width: 56.32%; background-color: #df0652; position: absolute; top: 46px; left: 0;}
.section2-txt .icon-smile{ left: 0; top: -81px;}
.section2-txt .cont{ padding: 60px 105px 155px 105px; font-size: 24px; color: #fff; line-height: 1.8; font-weight: bold;}
.section2-txt .cont span{ font-size: 32px; color: #000;}
.section2-focus{ overflow: hidden; direction: rtl; unicode-bidi: isolate; position: relative; z-index: 9;}
.section2-focus .swiper-container{ margin: 0 -20px;}
.section2-focus .swiper-slide{ width: 23.42%; padding: 0 20px;}
.section2-focus .swiper-slide .block-box{ height: 616px; position: relative;}
.section2-focus .swiper-slide .block-box .pic-box{ position: absolute; bottom: 0; overflow: hidden; border-radius: 20px;}
.section2-focus .swiper-slide .block-box .pic-box img{ display: block; width: 100%; transition: all 0.36s ease;}
.section2-focus .swiper-slide .block-box:hover .pic-box img{transform: scale(1.1);}
.section2-focus .swiper-slide-active{ width: 53.16%;/* transition:all 0.5s ease; -webkit-transition:all 0.5s ease; -moz-transition:all 0.5s ease; */}
.section2-focus .swiper-pagination{ direction: ltr;}

.section3{ padding: 80px 0 55px 0;position: relative;}
.section3-inner{ position: relative;}
.section3-inner::before{ content: ''; background: url(../images/section3-bg.jpg) center repeat; background-size: cover; width: 100%; height: 500px; position: absolute; left: 0; top: 0;}
.section3-txt .icon-smile{ right: 85px; top: -81px;}
.section3-txt .base-title-box{ top: -54px; left: 50%; margin-left: -350px; width: 699px; background-image: url(../images/section3-title-bg.png);}
.section3-txt .cont{ padding: 80px 125px 230px 325px; font-size: 24px; color: #fff; line-height: 1.8; font-weight: bold;}
.section3-txt .cont span{ font-size: 32px; color: #000;}
.section3-scene-focus{ margin-left: 0; margin-top: -187px; overflow: hidden;}
.section3-scene-focus .swiper-container{ margin: 0 -20px;}
.section3-scene-focus .swiper-slide{ padding: 0 20px;}
.section3-scene-focus .swiper-slide .block-box .pic-box{ overflow: hidden; border-radius: 20px;}
.section3-scene-focus .swiper-slide .block-box .pic-box img{ display: block; width: 100%; transition: all 0.36s ease;}
.section3-scene-focus .swiper-slide .block-box:hover .pic-box img{transform: scale(1.1);}
.section3-teacher{ width: 100%;position: relative; margin-top: 50px; /* position: absolute; left: 0; top: -92px;*/}
.section3-teacher-foucs{ width: 100%;}
.section3-teacher-foucs::before{ content: ''; background-color: #d8356a; width: 100%; height: 420px; position: absolute; left: 0; bottom: 60px;}
.section3-teacher-foucs .swiper-slide .block-box .pic-box{ padding:62px 28px;background: url(../images/section3-teacher-frame.png) center no-repeat; background-size: cover; width: 438px; height: 687px; margin: 0 auto;}
.section3-teacher-foucs .swiper-slide .block-box .pic-box img{ display: block; width: 100%;}
.section3-teacher-foucs .swiper-slide .block-box .title-box{ height: 138px; background: url(../images/section3-teacher-title.png) center no-repeat; background-size: contain; margin-top: -65px; position: relative; z-index: 5; text-align: center; padding: 20px 15px;}
.section3-teacher-foucs .swiper-slide .block-box .title-box .title{ line-height: 52px; font-size: 36px;}
.section3-teacher-foucs .swiper-slide .block-box .title-box .title span{ display: inline-block; background: url(../images/section3-teacher-title2.png) center no-repeat; background-size: cover; min-width: 176px; padding: 0 10px;}
.section3-teacher-foucs .swiper-slide .block-box .title-box p{ font-size: 28px; margin-top: 5px;}
.section3-teacher-foucs .swiper-wrapper{ padding-bottom: 40px;}

.section4{ padding: 55px 0 40px 0; position: relative;}
.section4::before{ content: ''; background: url(../images/section4-bg.jpg) center repeat; background-size: cover; width: 100%; height: 732px; position: absolute; left: 0; bottom: 0;}
.section4-txt{ height: 738px; background: url(../images/section4-txt-bg.jpg) center no-repeat; background-size: cover; border: 20px solid #000; position: relative; z-index: 5; padding: 55px 648px 0 190px;}
.section4-txt .icon-smile{ left: -20px; top: -81px;}
.section4-txt .base-title-box{ width: 699px; background-image: url(../images/section4-title-bg.png); position: initial;}
.section4-txt .cont{ font-size: 24px; color: #fff; line-height: 1.8; font-weight: bold; margin-top: 25px;}
.section4-txt .cont span{ font-size: 32px; color: #000;}
.section4-photo{ width: 27.46%; position: absolute; bottom: 0; right: 66px;}
.section4-photo img{ display: block; width: 100%;}
.section4-focus{ width: 1820px; margin: -432px auto 0 auto; position: relative; z-index: 5;}
.section4-focus .swiper-slide .block-box .pic-box{ position: relative;}
.section4-focus .swiper-slide .block-box .pic-box img{ display: block;}
.section4-focus .swiper-slide .block-box .pic-box .img-frame{ position: relative; z-index: 5;}
.section4-focus .swiper-slide .block-box .pic-box .img{ width: 372px; position: absolute;}
.section4-focus .pic-frame1 .block-box .pic-box .img-frame{ width: 451px;}
.section4-focus .pic-frame1 .block-box .pic-box .img{ transform: rotate(-8deg); left: 38px; top: 32px;}
.section4-focus .pic-frame2 .block-box .pic-box .img-frame{ width: 430px;}
.section4-focus .pic-frame2 .block-box .pic-box .img{ transform: rotate(3deg); left: 38px; top: 70px;}
.section4-focus .pic-frame3 .block-box .pic-box .img-frame{ width: 486px; left: -50px;}
.section4-focus .pic-frame3 .block-box .pic-box .img{ transform: rotate(-6deg); left: 32px; top: 24px;}
.section4-focus .pic-frame4 .block-box .pic-box .img-frame{ width: 421px;}
.section4-focus .pic-frame4 .block-box .pic-box .img{ transform: rotate(4deg); left: 25px; top: 54px;}
.section4-focus .swiper-pagination-bullet{ background-color: #13398e;}

.section5{ padding: 235px 0 35px 0;}
.section5-inner{ padding-right: 10.67%;}
.section5-left{ position: relative;}
.section5-txt{ background-color: #df0652; padding: 118px 804px 140px 36px;}
.section5-txt .base-title-box{ width: 535px; background-image: url(../images/section5-title-bg.png); position: initial;}
.section5-txt .base-title-box span{ color: #f8d84e;}
.section5-txt .cont{ font-size: 24px; color: #fff; line-height: 1.8; font-weight: bold; margin-top: 45px; padding-left: 30px;}
.section5-txt .cont span{ font-size: 32px; color: #000;}
.section5-focus{ width: 56%; position: absolute; top: -50px; right: 56px;}
.section5-focus::before{ content: ''; width: 68%; height: 80.776%; background-color: #2c4ac9; position: absolute; top: -42px; right: -56px;}
.section5-focus .swiper-slide .block-box .pic-box{ border: 20px solid #000;}
.section5-focus .swiper-slide .block-box .pic-box img{ display: block; width: 100%;}
.section5-focus .swiper-pagination-bullet{ background-color: #13398e;}
.section5-focus .icon-smile{ top: -148px; right: 82px; z-index: 5;}

.section6{ padding: 35px 0 40px 0;}
.section6 .base-title-box{ width: 449px; background-image: url(../images/section6-title-bg.png); position: initial; margin: 0 auto;}
.section6 .base-title-box span{ color: #8efafb;}
.section6-focus{ margin-top: 30px; position: relative;}
.section6-focus .swiper-container{ margin: 0 -2px;}
.section6-focus::after,.section6-focus::before{ content: ''; width: 41px; height: 38px; position: absolute; background-repeat: no-repeat; background-size: cover; background-position: 0 0; z-index: 5;}
.section6-focus::after{ background-image: url(../images/icon-double-quotation-left.png); left: 48px; top: -10px;}
.section6-focus::before{ background-image: url(../images/icon-double-quotation-right.png); right: 48px; bottom: 60px;}
.section6-focus .swiper-slide{ padding: 0 2px;}
.section6-focus .swiper-slide .block-box .cont-box{ width: 100%; height: 267px; background: url(../images/section6-foucs-bg.png) center no-repeat; background-size: 100%; padding: 30px 18px; text-align: center; font-size: 18px; line-height: 1.8; position:relative; display:table;}
.section6-focus .swiper-slide .block-box .cont-box span{ display:table-cell; vertical-align:middle; *position:absolute; *top:50%; *left:0;}

.section7{ padding: 40px 0; background: url(../images/section7-bg.png) bottom center no-repeat; background-size: cover;}
.section7-inner .icon-smile{ left: 0; top: -102px;}
.section7-txt{ float: left; width: 33%; padding-right: 50px; margin-top: 180px;}
.section7-txt .base-title-box{ width: 361px; background-image: url(../images/section7-title-bg.png); position: initial;}
.section7-txt .base-title-box span{ color: #f8d84e;}
.section7-txt .cont{ font-size: 32px; color: #fff; font-weight: bold; margin-top: 30px; padding-left: 10px;}
.section7-video{ float: right; width: 66.7%; border: 20px solid #fff; position: relative;}
.section7-video img{ display: block; width: 100%;}
.section7-video .video-play{ width: 97px; position: absolute; top: 50%; left: 50%; transform:translate(-50%,-50%); cursor: pointer;}




@media (max-width: 1680px){
	/* 缩小80% */
	.adcom{ top: 100px; }

	/*二维码*/
	.scancode{right: 16px;}
	.scancode .scancode-box .scanicon{width: 64px; height: 340px; padding: 20px 0;}
	.scancode .scancode-box .scanicon img.iconsao{ width: 38px; margin:16px auto;}
	.scancode .scancode-box .scanicon p{line-height: 64px; letter-spacing: 3px; font-size: 20px;}
	.scancode .scancode-box .scancode-hidden{ right: 43px; padding: 24px 64px 24px 48px; height: 340px; }
	.scancode .scancode-box .scancode-hidden .pic-box{ width: 252px;  } 
	.scancode .scancode-box .scancode-hidden .txt{ font-size:18px; margin-top: 16px; }


	/* 头部 */
	.head {padding: 16px 2.4% 16px;}
	.head .head1d {margin-top: 6px;}
	.head .head1a img {height: 38px;}
	.head .head1d img {width: 115px;}

	/* 底部 footers */
	.footers{ padding: 12px 0;}
	.footers .copyright{ font-size: 12px;}

	/* 内容 */
	.swiper-pagination{ margin-top: 25px;}
	.swiper-pagination-bullet{ width: 24px; height: 24px; border-width: 4.8px;}
	.swiper-pagination-bullet-active{ width: 70px;}
	
	.edit-container{ width: 1264px;}

	.icon-smile{ width: 128px;}
	.base-title-box{ height: 80px; line-height: 73px; font-size: 33px;}

	.section1{ padding: 60px 0 45px 0;}
	.section1-inner{ border-width: 15px;}
	.section2{ padding: 45px 0 65px 0;}
	.section2-txt{ top: 40px;}
	.section2-txt .icon-smile{ top: -64px}
	.section2-txt .cont{ padding: 48px 84px 124px 84px; font-size: 19px;}
	.section2-txt .cont span{ font-size: 25px;}
	.section2-focus .swiper-container{ margin: 0 -15px;}
	.section2-focus .swiper-slide{ padding: 0 15px;}
	.section2-focus .swiper-slide .block-box{ height: 492px;}
	
	.section3{ padding: 65px 0 45px 0;}
	.section3-inner::before{ height: 400px;}
	.section3-txt .base-title-box{ width: 559px; top: -43px; }
	.section3-txt .icon-smile{ right: 68px; top: -65px;}
	.section3-txt .cont{ padding: 64px 100px 184px 260px; font-size: 19px;}
	.section3-txt .cont span{ font-size: 25px;}
	.section3-scene-focus{ margin-left: 0; margin-top: -149px;}
	.section3-scene-focus .swiper-container{ margin: 0 -15px;}
	.section3-scene-focus .swiper-slide{ padding: 0 15px;}
	.section3-teacher{ margin-top: 40px;}
	.section3-teacher-foucs::before{ height: 336px;bottom: 48px;}
	.section3-teacher-foucs .swiper-slide .block-box .pic-box{ padding:50px 22px;width: 350px;height: 550px;}
	.section3-teacher-foucs .swiper-slide .block-box .title-box{ height: 110px; margin-top: -52px; padding: 15px 10px;}
	.section3-teacher-foucs .swiper-slide .block-box .title-box .title{ line-height: 42px; font-size: 28px;}
	.section3-teacher-foucs .swiper-slide .block-box .title-box .title span{ min-width: 140px;}
	.section3-teacher-foucs .swiper-slide .block-box .title-box p{ font-size: 22px;}
	
	.section4{ padding: 45px 0 32px 0;}
	.section4-txt{ height: 590px; border-width: 15px; padding: 45px 518px 0 152px;}
	.section4-txt .icon-smile{ left: -15px; top: -65px}
	.section4-txt .base-title-box{ width: 559px;}
	.section4-txt .cont{ font-size: 19px; margin-top: 20px;}
	.section4-txt .cont span{ font-size: 25px;}
	.section4-photo{ right: 52px;}
	.section4-focus{ width: 1456px; margin-top: -345px;}
	.section4-focus .swiper-slide .block-box .pic-box .img{ width: 297px;}
	.section4-focus .pic-frame1 .block-box .pic-box .img-frame{ width: 360px;}
	.section4-focus .pic-frame1 .block-box .pic-box .img{ left: 30px; top: 25px;}
	.section4-focus .pic-frame2 .block-box .pic-box .img-frame{ width: 344px;}
	.section4-focus .pic-frame2 .block-box .pic-box .img{ left: 30px; top: 56px;}
	.section4-focus .pic-frame3 .block-box .pic-box .img-frame{ width: 388px; left: -40px;}
	.section4-focus .pic-frame3 .block-box .pic-box .img{ left: 25px; top: 20px;}
	.section4-focus .pic-frame4 .block-box .pic-box .img-frame{ width: 336px;}
	.section4-focus .pic-frame4 .block-box .pic-box .img{ left: 20px; top: 43px;}
	
	.section5{ padding: 188px 0 30px 0;}
	.section5-txt{ padding: 94px 643px 118px 28px;}
	.section5-txt .base-title-box{ width: 428px;}
	.section5-txt .cont{ font-size: 19px; margin-top: 35px; padding-left: 25px;}
	.section5-txt .cont span{ font-size: 25px;}
	.section5-focus{ top: -40px; right: 44px;}
	.section5-focus::before{ top: -33px; right: -44px;}
	.section5-focus .icon-smile{ top: -118px; right: 65px;}
	.section5-focus .swiper-slide .block-box .pic-box{ border-width: 15px;}
	
	.section6{ padding: 30px 0 30px 0;}
	.section6 .base-title-box{ width: 359px;}
	.section6-focus{ margin-top: 25px;}
	.section6-focus::after, .section6-focus::before{ width: 32px; height: 30px;}
	.section6-focus::after{ left: 38px; top: -8px;}
	.section6-focus::before{ right: 38px; bottom: 48px;}
	.section6-focus .swiper-slide .block-box .cont-box{ height: 213px; padding: 20px; font-size: 15px;}
	
	.section7{ padding: 35px 0;}
	.section7-inner .icon-smile{ top: -81px;}
	.section7-txt{ margin-top: 144px; padding-right: 40px;}
	.section7-txt .base-title-box{ width: 288px;}
	.section7-txt .cont{ font-size: 25px; margin-top: 25px;}
	.section7-video{ border-width: 15px;}
	.section7-video .video-play{ width: 77px;}
	
	
	
	
}
@media (max-width: 1440px){
	/* 缩小70% */
	.adcom{ top: 80px; }

	/*二维码*/
	.scancode{ right: 14px; }
	.scancode .scancode-box .scanicon{width: 56px; height: 300px; padding: 18px 0; box-shadow: 0 0 20px #878787; }
	.scancode .scancode-box .scanicon img.iconsao{ width: 33px; margin:14px auto;}
	.scancode .scancode-box .scanicon p{ line-height: 56px; letter-spacing: 3px; font-size: 16px;}
	.scancode .scancode-box .scancode-hidden{ right: 38px; padding: 21px 56px 21px 42px; height: 300px; }
	.scancode .scancode-box .scancode-hidden .pic-box{ width: 220px; }
	.scancode .scancode-box .scancode-hidden .txt{ font-size:15px;margin-top: 14px;}


	/* 头部 header */
	.head {padding: 14px 2.4% 14px;}
	.head .head1d {margin-top: 5px;}
	.head .head1a img {height: 34px;}
	.head .head1d img {width: 100px;}

	/* 底部 footers */
	.footers{padding: 10px 0; }
	.footers .copyright{ font-size: 12px;}

	/* 内容 */
	.swiper-pagination{ margin-top: 20px;}
	.swiper-pagination-bullet{ width: 20px; height: 20px; border-width: 4px;}
	.swiper-pagination-bullet-active{ width: 60px;}

	.edit-container{ width: 1106px;}
	.icon-smile{ width: 112px;}
	.base-title-box{ height: 70px; line-height: 64px; font-size: 29px;}

	.section2-txt{ top: 35px;}
	.section2-txt .icon-smile{ top: -56px;}
	.section2-txt .cont{ padding: 42px 73px 105px 73px; font-size: 16px;}
	.section2-txt .cont span{ font-size: 22px;}
	.section2-focus .swiper-slide .block-box{ height: 431px;}
	
	.section3-inner::before{height: 350px;}
	.section3-txt .icon-smile{ top: -56px; right: 59px;}
	.section3-txt .base-title-box{ width: 489px; top: -38px; }
	.section3-txt .cont{ padding: 56px 87px 160px 227px; font-size: 16px;}
	.section3-txt .cont span{ font-size: 22px;}
	.section3-scene-focus{margin-top: -130px;}
	.section3-teacher{margin-top: 35px; }
	.section3-teacher-foucs::before{ height: 294px;bottom: 42px;}
	.section3-teacher-foucs .swiper-slide .block-box .pic-box{ padding: 43px 19px; width: 306px;height: 480px;}
	.section3-teacher-foucs .swiper-slide .block-box .title-box{ height: 96px;}
	.section3-teacher-foucs .swiper-slide .block-box .title-box .title{ line-height: 36px; font-size: 25px;}
	.section3-teacher-foucs .swiper-slide .block-box .title-box .title span{ min-width: 124px;}
	.section3-teacher-foucs .swiper-slide .block-box .title-box p{ font-size: 19px;}
	
	.section4-txt{ height: 516px; padding: 38px 453px 0 133px;}
	.section4-txt .icon-smile{ top: -56px;}
	.section4-txt .base-title-box{ width: 489px;}
	.section4-txt .cont{ font-size: 16px;}
	.section4-txt .cont span{ font-size: 22px;}
	.section4-photo{ right: 46px;}
	.section4-focus{ width: 1274px; margin-top: -292px;}
	.section4-focus .swiper-slide .block-box .pic-box .img{ width: 260px;}
	.section4-focus .pic-frame1 .block-box .pic-box .img-frame{ width: 315px;}
	.section4-focus .pic-frame1 .block-box .pic-box .img{ left: 26px; top: 22px;}
	.section4-focus .pic-frame2 .block-box .pic-box .img-frame{ width: 301px;}
	.section4-focus .pic-frame2 .block-box .pic-box .img{ left: 26px; top: 49px;}
	.section4-focus .pic-frame3 .block-box .pic-box .img-frame{ width: 340px; left: -35px;}
	.section4-focus .pic-frame3 .block-box .pic-box .img{ left: 22px; top: 16px;}
	.section4-focus .pic-frame4 .block-box .pic-box .img-frame{ width: 294px;}
	.section4-focus .pic-frame4 .block-box .pic-box .img{ left: 17px; top: 37px;}
	
	.section5-txt{ padding: 82px 562px 100px 25px;}
	.section5-txt .base-title-box{ width: 374px;}
	.section5-txt .cont{ font-size: 16px; margin-top: 30px; padding-left: 20px;}
	.section5-txt .cont span{ font-size: 22px;}
	.section5-focus{ top: -35px; right: 39px;}
	.section5-focus::before{ top: -29px; right: -39px;}
	.section5-focus .icon-smile{ top: -103px; right: 57px;}
	
	.section6 .base-title-box{ width: 314px;}
	.section6-focus::after, .section6-focus::before{ width: 28px; height: 26px;}
	.section6-focus::after{ left: 33px; top: -7px;}
	.section6-focus::before{ right: 33px; bottom: 42px;}
	.section6-focus .swiper-slide .block-box .cont-box{ height: 186px; padding: 15px; font-size: 14px;}
	
	.section7-txt .base-title-box{ width: 252px;}
	.section7-txt .cont{ font-size: 22px; margin-top: 20px;}
	.section7-video .video-play{ width: 68px;}
	
	
	
	
	
	
}
@media (max-width: 1280px){
	/* 缩小70% */
}
@media (max-width: 1200px){
	/* 缩小70% */
	/* 内容 */
	.edit-container{ width: 960px;}
	/*二维码*/
	.scancode{ right: 14px; }
	.scancode .scancode-box .scanicon{width: 56px; height: 300px; padding: 18px 0; box-shadow: 0 0 20px #878787; }
	.scancode .scancode-box .scanicon img.iconsao{ width: 33px; margin:14px auto;}
	.scancode .scancode-box .scanicon p{ line-height: 56px; letter-spacing: 3px; font-size: 16px;}
	.scancode .scancode-box .scancode-hidden{ right: 38px; padding: 21px 56px 21px 42px; height: 300px; }
	.scancode .scancode-box .scancode-hidden .pic-box{ width: 220px; }
	.scancode .scancode-box .scancode-hidden .txt{ font-size:15px;margin-top: 14px;}

	 /* 头部 header */
	.head{ padding: 14px 2.4% 14px;}
	.head .head1a img{height: 34px; width: auto!important;}
	.head .head1d{ margin-top: 6px;}
	.head .head1d img{ width: 100px; }
	
	.section3-teacher{ width: 284px;}
	.section4-focus{ width: 100%; margin-top: -250px;}
	.section4-focus .swiper-slide .block-box .pic-box .img{ width: 222px;}
	.section4-focus .pic-frame1 .block-box .pic-box .img-frame{ width: 270px;}
	.section4-focus .pic-frame1 .block-box .pic-box .img{ left: 22px; top: 19px;}
	.section4-focus .pic-frame2 .block-box .pic-box .img-frame{ width: 258px;}
	.section4-focus .pic-frame2 .block-box .pic-box .img{ left: 22px; top: 42px;}
	.section4-focus .pic-frame3 .block-box .pic-box .img-frame{ width: 291px; left: -30px;}
	.section4-focus .pic-frame3 .block-box .pic-box .img{ left: 19px; top: 14px;}
	.section4-focus .pic-frame4 .block-box .pic-box .img-frame{ width: 252px;}
	.section4-focus .pic-frame4 .block-box .pic-box .img{ left: 15px; top: 32px;}
	.section5-focus{ right: 0;}
	.section5-txt{ padding: 70px 458px 64px 25px;}
	
	
	
}

@media (max-width: 992px){
	/* 缩小60% */
	body{ min-width: 100%;}
	.bodymain {padding-top: 0!important;}
	.visible-xs{ display: block !important;}
	.hidden-xs{ display: none !important;}

	/* 头部 */
	.head{ padding: 14px 2.4% 14px;}
	.head .head1a img{height: 34px;}
	.head .head1d{ margin-top: 6px;width: auto;float: right;}
	.head .head1d img{ width: 114px;margin: 0;}

	/*二维码*/
	.scancode{right: 10px;}
	.scancode .scancode-box .scanicon{width: 40px; height: 40px; padding: 5px; border-radius: 5px;box-shadow: 0 0 10px #878787; }
	.scancode .scancode-box .scanicon img.iconsao{ width: 30px;margin:0 auto;}
	.scancode .scancode-box .scanicon p{display: none;}
	.scancode .scancode-box .scancode-hidden{right: 45px;padding: 15px ; top: 50%; margin-top:-66px; height: 180px; border-radius: 5px; }
	.scancode .scancode-box .scancode-hidden .pic-box{ width: 100px;}
	.scancode .scancode-box .scancode-hidden .txt{font-size:13px; margin-top:10px;}

	/* 底部 footers */
	.footers{ padding: 10px 0;}
	.footers .copyright{ font-size: 12px; }
	.footers .copyright span, .footers .copyright a{ display: block; }

	/* 内容 */
	.swiper-pagination-bullet{ width: 15px; height: 15px; border-width: 3px;}
	.swiper-pagination-bullet-active{ width: 44px;}
	
	.edit-container{ width: 100%;}
	.icon-smile{ width: 80px;}
	.base-title-box{ height: 50px; line-height: 46px; font-size: 20px;}
	
	.section1{ padding: 40px 15px;}
	.section1-inner{ border-width: 6px; background: url(../images/section1-bg-mobile.jpg) center no-repeat; background-size: cover;}
	.section1-inner .bg{ display: none;}
	.section1-inner .pic-box{ width: 100%; margin: -6.6% auto 0 auto; position: initial;}
	.section1-inner .pic-box .icon1{ left: auto; right: 32%; bottom: 1%;}
	.section1-inner .pic-box .icon2{ right: 7.35%; bottom: -7%;}
	
	.section2{ padding: 40px 15px;}
	.section2-txt{ position: initial; width: 100%;}
	.section2-txt .icon-smile{ top: -40px; left: 6px;}
	.section2-txt .cont{ padding: 50px 30px; font-size: 14px;}
	.section2-txt .cont span{ font-size: 16px;}
	.section2-focus{ direction: ltr; margin: -30px -65% 0 -65%;}
	.section2-focus .swiper-container{ margin: 0 -10px;}
	.section2-focus .swiper-slide{ padding: 0 10px;}
	.section2-focus .swiper-slide .block-box{ height: auto;}
	.section2-focus .swiper-slide .block-box .pic-box{ position: initial;}
	
	.section3{ padding: 40px 15px;}
	.section3-inner{ padding-left: 0;}
	.section3-txt{ padding-top: 50px;}
	.section3-txt .icon-smile{ top: -40px; right: 6px;}
	.section3-txt .base-title-box{ width: 100%; position: initial; margin-left: 0; }
	.section3-txt .cont{ padding: 20px 30px 50px 30px; font-size: 14px;}
	.section3-txt .cont span{ font-size: 16px;}
	.section3-scene-focus{ margin: -30px -65% 0 -65%;}
	.section3-teacher{ position: relative; top: 0; width: 100%; background: url(../images/section3-teacher-frame-mobile.png) top center no-repeat; background-size: auto 82%; padding-top: 30px; margin-top: 30px;}
	.section3-teacher-foucs::before{ display: none; }
	.section3-teacher .bg{ display: none;}
	.section3-teacher-foucs{ position: initial; width: auto; margin: 30px -65% 0 -65%;}
	.section3-scene-focus .swiper-container{ margin: 0 -10px;}
	.section3-teacher-foucs .swiper-wrapper{ padding-bottom: 0;}
	.section3-scene-focus .swiper-slide{ padding: 0 10px;}
	.section3-teacher-foucs .swiper-container{ margin: 0 -10px;}
	.section3-teacher-foucs .swiper-slide .block-box{ padding: 0 10px;}
	.section3-teacher-foucs .swiper-slide .block-box .pic-box{ padding: 0; width: auto; height: auto;}
	.section3-teacher-foucs .swiper-slide .block-box .title-box{ background-size: 100% auto; margin-top: -25px;}
	
	.section4{ padding: 40px 15px;}
	.section4::before{ height: 74%; background-size: 250%;}
	.section4-txt{ border-width: 6px; height: auto; padding: 80px 0 50px 0; background: url(../images/section4-txt-bg-mobile.jpg) top center no-repeat; background-size: cover;}
	.section4-txt .icon-smile{ top: -40px; left: 0;}
	.section4-txt .base-title-box{ width: 100%; position: initial;}
	.section4-txt .cont{ font-size: 14px; padding: 0 30px;}
	.section4-txt .cont span{ font-size: 16px;}
	.section4-photo{ display: none;}
	.section4-focus{ width: auto; margin: -40px -185px 0 -185px;}
	.section4-focus .swiper-slide .block-box .pic-box .img-frame{ margin: 0 auto;}
	.section4-focus .swiper-slide .block-box .pic-box .img{ width: 222px;}
	.section4-focus .pic-frame1 .block-box .pic-box .img-frame{ width: 270px;}
	.section4-focus .pic-frame1 .block-box .pic-box .img{ left: 22px; top: 19px;}
	.section4-focus .pic-frame2 .block-box .pic-box .img-frame{ width: 258px;}
	.section4-focus .pic-frame2 .block-box .pic-box .img{ left: 22px; top: 42px;}
	.section4-focus .pic-frame3 .block-box .pic-box .img-frame{ width: 291px; left: -30px;}
	.section4-focus .pic-frame3 .block-box .pic-box .img{ left: 19px; top: 14px;}
	.section4-focus .pic-frame4 .block-box .pic-box .img-frame{ width: 252px;}
	.section4-focus .pic-frame4 .block-box .pic-box .img{ left: 18px; top: 32px;}
	
	.section5{ padding: 40px 15px;}
	.section5-inner{ padding-right: 0;}
	.section5-txt{ padding: 30px 30px 115px 30px;}
	.section5-txt .base-title-box{ width: 100%;}
	.section5-txt .cont{ font-size: 14px; margin-top: 20px; padding-left: 0;}
	.section5-txt .cont span{ font-size: 16px;}
	.section5-focus{ width: 100%; position: relative; top: 0; right: 0; padding: 0 20px; margin-top: -75px;}
	.section5-focus::before{ top: -20px; right: 0;}
	.section5-focus .icon-smile{ top: -85px; right: -15px;}
	.section5-focus .swiper-slide .block-box .pic-box{ border-width: 6px;}
	
	.section6{ padding: 0 0 30px 0;}
	.section6 .base-title-box{ width: 100%;}
	.section6-focus{ margin: 10px -65% 0 -65%;}
	.section6-focus .swiper-slide .block-box .cont-box{ font-size: 14px; min-height: 134px; line-height: 1.5;}
	.section6-focus .swiper-pagination{ margin-top: 0;}
	
	.section7{ padding: 30px 20px;}
	.section7-txt{ float: none; width: 100%; margin: 0; padding: 0;}
	.section7-inner .icon-smile{ left: -20px;}
	.section7-txt .base-title-box{ width: 100%;}
	.section7-txt .cont{ font-size: 16px; text-align: center;}
	.section7-video{ float: none; width: 100%; border-width: 6px; margin-top: 20px;}
	.section7-video .video-play{ width: 50px;}
	
	
	
	
	
}


@media (max-width: 768px){

}
/* 超小屏 */
@media (max-width: 640px){
	
}



@media screen and (min-width:200px) and (max-width:768px) {
	.bb1{top: 18%!important;}
	.bb2{ width: 360px!important; margin-left: -180px!important;}
	.bb3{ width: 100%!important; text-align: center;margin-top: 10px!important;left: 0!important;margin-left: 0!important;}

  }