@charset "utf-8";
/* CSS Document */
/* 1 */
.hailBoxer .list .li a{ overflow : hidden; white-space : nowrap; text-overflow : ellipsis;}
/* 2 */
.indexNewsBox .list .right .we .li .text .p,
.haveBox .cont .li .p{ word-bread: break-all; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;}
/* 3 */
.videoBoxOne .text .p{ word-bread: break-all; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden;}
@media screen and (max-width:750px){
	/* cell */
	html,body{ font-size: calc(100vw/7.5);}
	.w1232{ width: auto;}
	/*  */
	.navRightBox, 
	.indexWeBox .cont .swiper-button-next, 
	.indexWeBox .cont .swiper-button-prev,
	.whoBoxTwo .cont::after,
	.characteristic .img::after,
	.characteristic .textBox .text::after,
	.webStuly .cont .imgBox .img1::after,
	.webStuly .cont .imgBox .img2::after, 
	.webStuly .cont .imgBox .img3::after,
	.webStuly .cont .imgBox .m{ display: none;}
	.titles .p{ width: auto;}
	.indexWeBox .cont .minker .img, 
	.indexWeBox .cont .minker .img img,
	.indexWeBox .cont .minker .textBox, 
	.indexFormeBox .list .li .img, 
	.indexFormeBox .list .li .img i,
	.indexFormeBox .list .li:nth-child(2) .img, 
	.indexFormeBox .list .li:nth-child(2) .img i,
	.indexHuemtBox .list .li .img img,
	.indexHuemtBox .list .li1 .img,
	.indexHuemtBox .list .li2 .img,
	.indexHuemtBox .list .li3 .img,
	.indexHuemtBox .list .li,
	.indexHuemtBox .list .li4 .text,
	.indexHuemtBox .list .li5 .img,
	.indexHuemtBox .list .li6 .img,
	.indexStudyBox .list .li .img, 
	.indexStudyBox .list .li .img i,
	.indexMoreBoxer,
	.indexNewsBox .list .left,
	.indexNewsBox .list .right,
	.indexNewsBox .list .left .mk .img,
	.indexHrefBox .cont .mk,
	.footer .mker .imgBox .img p,
	.condumtBox .list .li,
	.condumtBox .list .li .img, 
	.condumtBox .list .li .img i,
	.othenBox .list .li, 
	.othenBox .list .li .img,
	.conducTwoBox .list .li,
	.conducTwoWent .list .left,
	.conducTwoWent .list .right .li .img, 
	.conducTwoWent .list .right .li .img i,
	.conducTwoWent .list .right,
	.conducTwoWent .list .right .li .p,
	.haveBox .cont .li .img, 
	.haveBox .cont .li .img i,
	.haveBox .cont .li,
	.teacherBox .list .li .img, 
	.teacherBox .list .li .img i,
	.teacherBox .list .li,
	.teacherBox .list .li .text,
	.teacherTwos .minker .li .img,
	.teacherTwos .minker .li .text,
	.teacherTwos .minker .li:nth-child(2) .img, 
	.teacherTwos .minker .li:nth-child(3) .img,
	.whoBoxOne .list .li, 
	.whoBoxOne .list .li a,
	.whoBoxOne .list .li .img,
	.whoBoxOne .list .li:nth-child(2), 
	.whoBoxOne .list .li:nth-child(2) a,
	.whoBoxOne .list .li:nth-child(2) .img,
	.whoBoxTwo .cont .img,
	.whoBoxTwo .cont .img .m1, 
	.whoBoxTwo .cont .img .m2, 
	.whoBoxTwo .cont .img .m3,
	.whoBoxThree .cont .img, 
	.whoBoxThree .cont .img i,
	.whoBoxThree .cont .text,
	.characteristic .img, 
	.characteristic .img i,
	.characteristic .textBox .text,
	.webAmbient .list .li,
	.webAmbient .list .li3 img, 
	.webAmbient .list .li9 img,
	.webOneBox .list .li1,
	.webOneBox .list .li2,
	.webOneBox .list .li3,
	.webOneBox .list .li4,
	.webOneBox .list .li5,
	.webOneBox .list .li6,
	.webOneBox .list .li7,
	.webOneBox .list .li8,
	.webListBox .cont .li,
	.webStuly .cont .text,
	.webStuly .cont .imgBox,
	.webStuly .cont .imgBox .img1, 
	.webStuly .cont .imgBox .img1 i,
	.webStuly .cont .imgBox .img2, 
	.webStuly .cont .imgBox .img2 i, 
	.webStuly .cont .imgBox .img3, 
	.webStuly .cont .imgBox .img3 i{ width: 100%; height: auto;}
	/*  */
	.indexThreeNav{ margin: 0; padding: 30px 0.35rem 0 0.35rem;}
	.banner .img{ height: 300px;}
	.banner .cont .p{ font-size: 22px; text-align: center; line-height: 38px;}
	.indexThreeNav .cont .li{ width: 100%; margin-right: 0; margin-top: 0.25rem;}
	.indexThreeNav .cont .li:first-child{ margin-top: 0;}
	.indexThreeNav .cont .li .h1{ font-size: 20px; margin-top: 20px;}
	.paddingTop{ padding: 75px 0.35rem 0 0.35rem;}
	.indexWeBox{ padding: 75px 0 0 0;}
	.marginTop{ margin: 75px 0.35rem 0 0.35rem;}
	.indexMoreBoxer{ margin: 75px 0 0 0;}
	.titles .h1{ font-size: 22px; line-height: 32px;}
	.titles .p{ font-size: 14px;}
	.indexWeBox .cont{ margin-top: 35px;}
	.indexWeBox .cont .minker{ display: block;}
	.indexWeBox .cont .text{ padding: 35px 0.3rem 70px 0.3rem;}
	.indexWeBox .cont .swiper-pagination{ bottom: 0.5rem; left: 0; width: 100%; justify-content: center;}
	.indexWeBox .cont .text .list{ padding-top: 0;}
	.indexWeBox .cont .text .h1{ font-size: 24px; line-height: 34px;}
	.indexWeBox .cont .text .em,
	.indexWeBox .cont .text .list .p{ font-size: 16px;}
	.moreBox a{ width: 100%;}
	.indexFormeBox .list{ margin-top: 5px; display: block;}
	.indexFormeBox .list .li{ margin-right: 0; width: auto;}
	.indexFormeBox .list .li:nth-child(2){ margin-top: 37px;}
	.indexHuemtBox .list{ margin-top: 40px;}
	.indexHuemtBox .list .li4 .text,
	.indexHuemtBox .list .li7 .text{ margin: 0; padding: 30px; width: auto;}
	.indexHuemtBox .list .li4 .text p,
	.indexHuemtBox .list .li7 .text p{ margin: 0; font-size: 14px; line-height: 30px;}
	.indexStudyBox .list{ margin-top: 40px; justify-content: space-between;}
	.indexStudyBox .list .li{ margin-right: 0; width: 100%; margin-top: 25px;}
	.indexStudyBox .list .li:first-child{ margin-top: 0;}
	.indexMoreBoxer .cont{ display: block; padding: 50px 30px; text-align: center;}
	.indexMoreBoxer .cont .h1{ font-size: 20px; line-height: 30px;}
	.indexMoreBoxer .cont .p{ font-size: 14px;}
	.indexMoreBoxer .cont .more{ margin: 30px 0 0 0;}
	.indexNewsBox .list{ margin-top: 40px; display: block;}
	.indexNewsBox .list .left .ver, 
	.indexNewsBox .list .right .ver{ padding: 30px 0; width: 6rem;}
	.indexNewsBox .list .left::after{ height: 170px;}
	.titlew a{ font-size: 18px; font-weight: bold;}
	.indexNewsBox .list .left .mk .text .p{ font-size: 16px; line-height: 26px;}
	.indexNewsBox .list .right{ margin-top: 0.35rem;}
	.indexNewsBox .list .right .we .li .img{ width: 2.48rem; height: 1.66rem;}
	.indexNewsBox .list .right .we .li .text{ width: 3.2rem;}
	.indexNewsBox .list .right .we .li .text .p{ font-size: 16px; line-height: 26px;}
	.indexNewsBox .list .right .we .li{ margin-top: 20px;}
	.indexOpenBox{ margin: 75px 0 0 0; padding: 60px 0.35rem;}
	.indexOpenBox .list{ justify-content: space-between;}
	.indexOpenBox .list .li,
	.indexOpenBox .list .li:nth-child(4n){ margin: 0.3rem 0 0 0; width: 3.25rem;}
	.indexOpenBox .list .li a{ width: 3.25rem; height: 3.25rem;}
	.indexOpenBox .list .li a img{ max-width: 80%; max-height: 80%;}
	.indexHrefBox{ padding: 0.35rem;}
	.indexHrefBox .cont{ width: auto; display: block;}
	.indexHrefBox .cont .mk{ padding-top: 10px;}
	.indexHrefBox .cont .mk .li a{ font-size: 14px;}
	.footer{ padding: 60px 0.35rem 15px 0.35rem;}
	.footer .mker .list{ display: block;}
	.footer .mker .list .map{ width: auto; margin-right: 0;}
	.footer .mker .imgBox .wer{ position: relative; top: auto; right: auto;}
	.footer .mker .imgBox{ display: flex; justify-content: space-between; margin-top: 0.35rem;}
	.footer .mker .imgBox .img .m,
	.footer .mker .imgBox .wer .m{ width: 3.15rem; height: 3.15rem; border-width: 2px; margin: 0;}
	.footer .mker .imgBox .img p{ background: hsla(0,0%,100%,0.00); font-size: 12px; color: #333; line-height: 14px;}
	.footer .mker .imgBox .wer p,
	.footer .mker .imgBox .img p{ font-size: 12px; margin-top: 10px;}
	.footer .bot{ flex-wrap: wrap; justify-content: center; margin-top: 25px;}
	.footer .bot p, .footer .bot a{ margin: 3px 5px;}
	.bannerDate .cont .p i{ font-size: 22px; line-height: 30px; padding-left: 30px;}
	.bannerDate .cont .p i::after{ width: 22px; height: 22px; margin-top: -11px;}
	.minNavBox{ padding: 20px 0.35rem 35px 0.35rem;}
	.marginBotton{ margin: 0 0.35rem 75px 0.35rem;}
	.condumtBox .h1{ font-size: 18px; line-height: 52px;}
	.condumtBox .list .li,
	.condumtBox .list .li:nth-child(3n){ margin: 0.35rem 0 0 0;}
	.condumtBox .list .li .text .mk{ width: 5.2rem;}
	.banner .cont .mt{ font-size: 16px; line-height: 20px;}
	.paddingTop2{ padding: 75px 0.35rem;}
	.othenBox .h1{ font-size: 20px; text-align: center; justify-content: center;}
	.othenBox .list .li, 
	.othenBox .list .li:nth-child(3n){ margin: 0.35rem 0 0 0;}
	.othenBox .list .li:first-child{ margin: 0 0 0 0;}
	.otenBoxes{ padding: 50px 0.35rem;}
	.otenBoxes .tit p{ font-size: 16px; line-height: 26px;}
	.otenBoxes .tit{ padding: 0.35rem;}
	.otenBoxes .list{ padding: 0.4rem 0.35rem;}
	.otenBoxes .list .h1{ font-size: 17px;}
	.otenBoxes .list p{ font-size: 14px; line-height: 26px;}
	.conducTwoBox .list .li{ margin-right: 0; margin-top: 0.35rem;}
	.conducTwoBox .list .li:first-child{ margin-top: 0;}
	.conducTwoBox .list{ margin-top: 40px;}
	.paddingTop3{ padding: 0 0.35rem 75px 0.35rem;}
	.conducTwoWent{ padding: 0 0 75px 0;}
	.conducTwoWent .cont{ padding: 0 0.35rem; margin: -105px 0 0 0;}
	.conducTwoWent .top{ height: 165px;}
	.conducTwoWent .tit{ width: auto; height: auto; margin: 25px auto 0;}
	.conducTwoWent .tit .wk{ display: block; padding: 20px 0.35rem;}
	.conducTwoWent .tit .wk .p{ font-size: 17px; line-height: 28px;}
	.conducTwoWent .minker .text{ height: auto; padding-bottom: 30px;}
	.conducTwoWent .minker .text p{ width: auto; padding-top: 60px; font-size: 14px; line-height: 26px;}
	.conducTwoWent .list{ display: block; padding: 35px 0.35rem 0.35rem 0.35rem;}
	.conducTwoWent .list .right{ margin-top: 35px;}
	.conducTwoWent .moreBox a{ width: auto; margin: 20px 0.25rem 0 0.25rem;}
	.conducTwoWent .minker{ padding-bottom: 15px;}
	.indexMoreBoxerCell{ margin-top: 0;}
	.banner .form{ display: block; text-align: center;}
	.banner .form .left .em{ font-size: 16px; line-height: 20px;}
	.banner .form .left .h{ font-size: 22px; line-height: 30px;}
	.banner .form .left .br{ margin-top: 20px; justify-content: center; line-height: 40px;}
	.banner .form .left .br i,
	.banner .form .left .br em{ font-size: 16px; padding: 0 20px;}
	.banner .form .right{ width: auto; margin: 0.35rem 0 0 0;}
	.banner .form .right .ms{ padding: 0.35rem; text-align: left;}
	.banner .form .right .ms .h i{ padding: 0 15px; font-size: 14px; line-height: 30px;}
	.banner .form .right .ms .k{ margin-top: 12px; line-height: 20px; background: url(/static/images/frontImages/w2.png) no-repeat left center; background-size: auto 18px; padding-left: 25px; font-size: 14px;}
	.bannerDateCell .img{ height: 520px;}
	.haveBox .cont .li,
	.haveBox .cont .li:nth-child(3n){ margin: 30px 0 0 0;}
	.haveBox .cont .li:first-child,
	.characteristic .textBox{ margin: 0;}
	.haveBox .pageing{ margin-top: 35px;}
	.textNavBox .cont{ margin: 0 0.35rem; height: 56px; line-height: 56px;}
	.textNavBox .cont .mk{ padding: 0 0.25rem 0 0.35rem;}
	.textNavBox .cont .nav .li.on a{ padding: 0;}
	.textNavBox .cont .nav .li a{ font-size: 17px;}
	.textNavBox .cont .nav .li{ margin-left: 25px;}
	.textNavBox .cont .nav .li a::after{ height: 4px;}
	.textNavBox .cont .right a{ width: 76px;}
	.textNavBox{ margin: -28px 0 40px 0;}
	.searchBoxPoP{ top: 50px;}
	.searchBoxPoP .toper{ padding: 35px 0.35rem 0 0.35rem;}
	.searchBoxPoP .toper .h1 p{ font-size: 22px; font-weight: bold;}
	.searchBoxPoP .toper .h1 .sole{ width: 24px; height: 24px;}
	.searchBoxPoP .toper .input{ margin-top: 0;}
	.haveBoxSeachPop{ top: 195px;}
	.searchBoxPoP .null img{ width: 240px;}
	.searchBoxPoP .swentBox{ margin: 0 0.35rem;}
	.teacherBox .list .li{ margin: 35px 0 0 0;}
	.teacherBox .list .li:first-child{ margin: 0;}
	.teacherBox .list .li .text .mk{ padding: 35px 0;}
	.teacherTwos .minker{ width: auto; padding: 0.35rem; margin: 40px 0 0 0;}
	.teacherTwos .minker .li{ padding-top: 40px;}
	.teacherTwos .minker .li:first-child{ padding-top: 0;}
	.teacherTwos .minker .li:first-child .img,
	.teacherTwos .minker .li:nth-child(2n) .img,
	.teacherTwos .minker .li .img,
	.whoBoxOne .list .li:first-child{ margin: 0;}
	.teacherTwos .minker .mker,
	.teacherTwos .minker .li:nth-child(3) .text,
	.teacherTwos .minker .li:nth-child(4) .text,
	.whoBoxTwo{ padding: 0;}
	.teacherTwos .minker .li:first-child .img,
	.teacherTwos .minker .li:first-child .img i{ border-radius: 0px 2.9rem 0px 2.9rem;}
	.teacherTwos .minker .li:nth-child(2) .img,
	.teacherTwos .minker .li:nth-child(2) .img i{ border-radius: 0px 1.3rem 1.3rem 1.3rem;}
	.teacherTwos .minker .li:nth-child(3) .img,
	.teacherTwos .minker .li:nth-child(3) .img i{ border-radius: 1.3rem 1.3rem 0px 1.3rem;}
	.teacherTwos .minker .li:nth-child(4) .img,
	.teacherTwos .minker .li:nth-child(4) .img i{ border-radius: 1.3rem 1.3rem 0px 1.3rem;}
	.teacherTwos .minker .li .text{ margin-top: 25px;}
	.teacherTwos .minker .li .text .kt{ margin-top: 10px;}
	.teacherTwos .minker .li .text .kt .h, 
	.teacherTwos .minker .li .text .kt .p{ font-size: 15px; line-height: 25px;}
	.teacherTwos .moreBox, 
	.whoBoxOne .list .li{ margin: 35px 0 0 0;}
	.whoBoxOne .list .li .text{ padding: 30px;}
	.whoBoxOne .list .li .text .h1{ font-size: 18px; line-height: 28px;}
	.whoBoxOne .list .li .text .p{ font-size: 16px; line-height: 26px;}
	.whoBoxTwo .cont{ padding: 75px 0.35rem; margin: 0.35rem 0; display: block;}
	.whoBoxTwo .cont .img .m1,
	.whoBoxTwo .cont .img .m2,
	.whoBoxTwo .cont .img .m3,
	.whoMaoBox .text{ position: relative; top: auto; left: auto; bottom: auto; right: auto;}
	.whoBoxTwo .cont .text .h1{ font-size: 22px;}
	.whoBoxTwo .cont .text .p p{ font-size: 15px; line-height: 25px; margin-top: 20px;}
	.whoBoxTwo .cont .text .p{ padding-top: 0; width: auto;}
	.whoBoxTwo .cont .img .m{ margin-top: 35px;}
	.whoBoxThree .cont{ display: block;}
	.whoBoxThree .cont .text{ border-radius: 0;}
	.whoBoxThree{ margin: 0;}
	.whoMaoBox .mapBr{ width: 100%; height: 350px;}
	.whoMaoBox .mapBr::after{ display: none;}
	.whoBoxThree .cont .text .mk{ padding: 75px 0.35rem 35px 0.35rem;}
	.whoBoxThree .cont .text .mk .h1,
	.whoMaoBox .text .h1{ font-size: 22px; line-height: 32px;}
	.whoBoxThree .cont .text .mk .p,
	.whoMaoBox .text .p{ font-size: 15px; line-height: 25px; width: auto;}
	.whoBoxThree .cont .text .mk .icon .li{ width: 50%; margin-bottom: 5px;}
	.whoBoxThree .cont .text .mk .icon .li a{ font-size: 16px; padding-left: 30px;}
	.whoBoxThree .cont .text .mk .icon .li1 a{background: url(/static/images/frontImages/w13.png) no-repeat left center;background-size: 22px auto;}
	.whoBoxThree .cont .text .mk .icon .li2 a{ background: url(/static/images/frontImages/w15.png) no-repeat left center; background-size: 22px auto;}
	.whoBoxThree .cont .text .mk .icon .li3 a{ background: url(/static/images/frontImages/w17.png) no-repeat left center; background-size: 22px auto;}
	.whoBoxThree .cont .text .mk .icon .li4 a{ background: url(/static/images/frontImages/w16.png) no-repeat left center; background-size: 22px auto;}
	.whoBoxThree .cont .text .mk .icon .li5 a{ background: url(/static/images/frontImages/w14.png) no-repeat left center; background-size: 22px auto;}
	.whoBoxThree .cont .text .mk .icon{ margin-top: 30px;}
	.whoMaoBox{ display: block;}
	.whoMaoBox .text{ width: auto; height: auto; padding: 0 0.35rem 35px 0.35rem;}
	.whoMaoBox .text .p{ margin-top: 30px;}
	/*  */
	.header, 
	.header .cont{ position: inherit; top: auto; left: auto; right: auto; width: auto; height: auto; background: hsla(0,0%,100%,0.00);}
	.header .cont .logo{ position: fixed; top: 0; left: 0; right: 0; height: 50px; display: flex; justify-content: space-between; align-items: center; padding: 0 0.25rem; background: hsla(216,91%,48%,0.85); z-index: 25;}
	.header .cont .logo a img{ height: 40px;}
	.header .cont .logo .sole{ width: 24px; height: 20px; position: relative;}
	.header .cont .logo .sole i{ display: block; width: 24px; height: 3px; border-radius: 3px; background: #fff; position: absolute; left: 0; transition: all 0.5s;}
	.header .cont .logo .sole i:first-child{ top: 0;}
	.header .cont .logo .sole i:nth-child(2){ top: 50%; margin-top: -1.5px;}
	.header .cont .logo .sole i:nth-child(3){ bottom: 0;}
	.header .cont .logo .sole2 i:first-child{ transform-origin: top left; transform: rotate(45deg); width: 25px;}
	.header .cont .logo .sole2 i:nth-child(2){ width: 0;}
	.header .cont .logo .sole2 i:nth-child(3){ transform-origin: bottom left; transform: rotate(-45deg); width: 25px;}
	.header .cont .right{ width: 100%; height: auto; position: fixed; top: 50px; right: -100%; bottom: 0; overflow-y: auto; background: #fff; z-index: 25; display: block; padding-top: 50px; transition: all 0.5s; opacity: 0;}
	.header .cont .right2{ right: 0; opacity: 1;}
	.header .cont .right .li{ width: auto; text-align: center; margin: 0 0 15px 0;}
	.header .cont .right .tit a{ font-size: 18px; font-weight: bold; color: #333; line-height: 30px;}
	.header .cont .right .li.on .tit a{ background: #fff; color: #2074F2;}
	.header .cont .right .li .list{ display: none; position: relative; top: auto; left: auto; bottom: auto; width: auto; padding: 0; right: auto; transform: none;}
	.header .cont .right .li .list .mker{ width: auto; text-align: center; display: block; border: none; background: #fff;}
	.header .cont .right .li .list .mker .mk,
	.header .cont .right .li .list .mker .mk:nth-child(2){ display: block; padding: 0; border: none;}
	.header .cont .right .li .list .mker .mk a{ font-size: 16px; line-height: 30px; margin: 0;}
	/*  */
	.characteristic2 .img, 
	.characteristic2 .img i, 
	.characteristic2 .img::after,
	.characteristic .textBox .text{ border-radius: 0.38rem; margin: 0;}
	.characteristic .textBox .text .mk{ padding: 30px 0.35rem 50px 0.35rem;}
	.characteristic .textBox{ padding: 0;}
	.characteristic .swiper-pagination{ left: 0!important; justify-content: center; width: 100%; bottom: 15px!important;}
	.characteristic .textBox .text .more{ justify-content: center;}
	.characteristic .textBox .text .p{ padding: 20px; font-size: 15px; line-height: 26px;}
	.characteristic .textBox .text .top p{ font-size: 16px;}
	.characteristic .textBox .text .top i{ width: 44px; height: 44px; font-size: 18px; line-height: 44px;}
	.characteristic .textBox .text .top{ height: 44px; line-height: 44px;}
	/* 补充*/
	.characteristic2 .img i{height: 220px;}
	.characteristic2 .img i img{height: 100%; width: 100%; object-fit: cover;}

	.webAmbient .list,
	.webOneBox .list{ margin-top: 40px;}
	.webAmbient .list .li5 .text, 
	.webAmbient .list .li5 .text p,
	.webAmbient .list .li8 .text, 
	.webAmbient .list .li8 .text p,
	.webOneBox .list .li1 .text p,
	.webOneBox .list .li7 .text p,
	.webStuly .cont .text .p p{ font-size: 15px; line-height: 26px;}
	.webAmbient .list .li5 .text,
	.webAmbient .list .li8 .text,
	.webOneBox .list .li1 .text,
	.webOneBox .list .li7 .text{ padding: 30px 25px;}
	.webListBox .cont,
	.webStuly .cont{ display: block;}
	.webListBox .cont .li{ width: auto; margin: 50px 20px 0 20px;}
	.webListBox .cont .li:first-child{ margin: 0 20px 0 20px;}
	.webStuly{ margin: 0 0.35rem;}
	.webStuly .cont .imgBox .img1,
	.webStuly .cont .imgBox .img1 i,
	.webStuly .cont .imgBox .img2, 
	.webStuly .cont .imgBox .img2 i, 
	.webStuly .cont .imgBox .img3, 
	.webStuly .cont .imgBox .img3 i{ position: relative; top: auto; left: auto; bottom: auto; right: auto;}
	.webStuly .cont .text .h1{ font-size: 22px; line-height: 32px;}
	.webStuly .cont .text .p p{ margin-top: 15px;}
	.webStuly .cont .text .p{ padding-top: 0;}
	.webStuly .cont .imgBox .img1,
	.webStuly .cont .imgBox .img2,
	.webStuly .cont .imgBox .img3{ margin-top: 25px;}
	.webStuly .cont .imgBox .img2, 
	.webStuly .cont .imgBox .img2 i, 
	.webStuly .cont .imgBox .img3, 
	.webStuly .cont .imgBox .img3 i,
	.webStuly .cont .imgBox .img1, 
	.webStuly .cont .imgBox .img1 i{ border-radius: 0;}
	.adviceBox .cont{ width: 85%;}
	.header .cont .logo .sole{ display: block;}
	/*  */
	.whoBoxThree .cont .text .mk .p,
	.whoMaoBox .text .p{ margin-top: 15px;}	
	.indexFormeBox .list .li .text .h1 p,
	.teacherBox .list .li .text .h1{ font-size: 18px;}
	.indexFormeBox .list .li .text .h1 i{ width: 46px; height: 46px; line-height: 46px; font-size: 18px;}
	.indexFormeBox .list .li .text .h1{ height: 46px; line-height: 46px;}
	.indexFormeBox .list .li .text .p,
	.teacherBox .list .li .text .p{ font-size: 16px;}
	.indexFormeBox .list .li .text{ height: 200px;}
}
@media screen and (min-width:750px){
	/* pc */
	
}
@media screen and (min-width:1080px) and (max-width: 1380px){
	.w1232{ width: 1000px;}
	.header .cont .right .li{ margin-left: 35px;}
	.banner .img{ height: 700px;}
	.indexThreeNav .cont .li,
	.indexFormeBox .list .li,
	.indexStudyBox .list .li,
	.condumtBox .list .li,
	.othenBox .list .li, 
	.othenBox .list .li .img,
	.haveBox .cont .li .img, 
	.haveBox .cont .li .img i,
	.haveBox .cont .li,
	.teacherBox .list .li,
	.whoBoxOne .list .li, 
	.whoBoxOne .list .li a{ width: 306px;}
	.indexFormeBox .list .li .img, 
	.indexFormeBox .list .li .img i{ height: 406px;}
	.indexFormeBox .list .li .text{ width: 290px;}
	.indexFormeBox .list .li:nth-child(2) .img, 
	.indexFormeBox .list .li:nth-child(2) .img i{ height: 410px;}
	.indexHuemtBox .list .li4 .text p,
	.indexHuemtBox .list .li7 .text p{ font-size: 15px; line-height: 30px;}
	.indexStudyBox .list .li .img, 
	.indexStudyBox .list .li .img i,
	.condumtBox .list .li .img, 
	.condumtBox .list .li .img i,
	.othenBox .list .li, 
	.othenBox .list .li .img,
	.haveBox .cont .li .img, 
	.haveBox .cont .li .img i{ height: 204px;}
	.indexNewsBox .list .right{ width: 485px;}
	.indexNewsBox .list .right .ver{ width: 425px;}
	.indexNewsBox .list .right .we .li .text{ width: 280px;}
	.indexOpenBox .list .li a{ width: 220px; height: 220px;}
	.indexOpenBox .list .li a img{ max-width: 80%; max-height: 80%;}
	.bannerDate .img{ height: 600px;}
	.condumtBox .list .li .text .mk{ width: 242px;}
	.characteristic .img, .characteristic .img i{ width: 980px; height: 483px;}
	.characteristic .textBox .text{ width: 815px;}
	.conducTwoBox .list .li{ width: 219px;}
	.teacherTwos .minker{ width: 900px;}
	.teacherTwos .minker .li .text{ width: 360px;}
	.whoBoxOne .list .li .img{ height: 216px;}
	.whoBoxOne .list .li:nth-child(2) .img{ height: 248px;}
	.whoBoxThree .cont .img i{ width: 460px; height: 580px;}
	.whoBoxThree .cont .img, 
	.whoBoxThree .cont .img i{ width: 460px; height: auto;}
	.whoBoxThree .cont .text .mk .p{ width: auto;}
	.whoBoxThree .cont .text{ width: calc(100% - 460px); height: auto;}
	.whoBoxThree .cont .text .mk{ padding: 100px 0 0 60px;}
	.whoMaoBox .mapBr{ width: 50%; height: 500px;}
	.bannerWeb .img{ height: 600px;}
	.webStuly .cont .imgBox{ width: 500px; height: 440px;}
	.webStuly .cont .imgBox .img1, 
	.webStuly .cont .imgBox .img1 i{ width: 480px; height: 340px;}
	.webStuly .cont .imgBox .img2, 
	.webStuly .cont .imgBox .img2 i, 
	.webStuly .cont .imgBox .img3, 
	.webStuly .cont .imgBox .img3 i{ width: 190px; height: 135px;}
	.webStuly .cont .imgBox .img2{ left: -50px;}
	.webStuly .cont .imgBox .img3{ left: 175px;}
	.webStuly .cont .imgBox .m{ left: -20px; bottom: 120px;}
	.webAmbient .list .li{ height: 156px;}
	.webAmbient .list .li3{ height: 312px;}
	.webAmbient .list .li5 .text,
	.webAmbient .list .li8 .text{ padding: 0 30px;}
	.webAmbient .list .li5 .text, 
	.webAmbient .list .li5 .text p,
	.webAmbient .list .li8 .text, 
	.webAmbient .list .li8 .text p,
	.webOneBox .list .li1 .text p,
	.webOneBox .list .li7 .text p{ font-size: 15px; line-height: 25px; margin-top: 0;}
	.webOneBox .list .li{ width: 250px; height: 212px;}
	.webOneBox .list .li1{ width: 500px;}
	.webOneBox .list .li2{ width: 500px; height: 424px;}
	
}
@media screen and (min-width: 750px) and (max-width: 1080px){
	/* cell */
	html,body{ font-size: calc(100vw/7.5);}
	.w1232{ width: auto;}
	/*  */
	.navRightBox, 
	.indexWeBox .cont .swiper-button-next, 
	.indexWeBox .cont .swiper-button-prev,
	.whoBoxTwo .cont::after,
	.characteristic .img::after,
	.characteristic .textBox .text::after,
	.webStuly .cont .imgBox .img1::after,
	.webStuly .cont .imgBox .img2::after, 
	.webStuly .cont .imgBox .img3::after,
	.webStuly .cont .imgBox .m{ display: none;}
	.titles .p{ width: auto;}
	.indexWeBox .cont .minker .img, 
	.indexWeBox .cont .minker .img img,
	.indexWeBox .cont .minker .textBox, 
	.indexFormeBox .list .li .img, 
	.indexFormeBox .list .li .img i,
	.indexFormeBox .list .li:nth-child(2) .img, 
	.indexFormeBox .list .li:nth-child(2) .img i,
	.indexHuemtBox .list .li .img img,
	.indexHuemtBox .list .li1 .img,
	.indexHuemtBox .list .li2 .img,
	.indexHuemtBox .list .li3 .img,
	.indexHuemtBox .list .li,
	.indexHuemtBox .list .li4 .text,
	.indexHuemtBox .list .li5 .img,
	.indexHuemtBox .list .li6 .img,
	.indexStudyBox .list .li .img, 
	.indexStudyBox .list .li .img i,
	.indexMoreBoxer,
	.indexNewsBox .list .left,
	.indexNewsBox .list .right,
	.indexNewsBox .list .left .mk .img,
	.indexHrefBox .cont .mk,
	.footer .mker .imgBox .img p,
	.condumtBox .list .li,
	.condumtBox .list .li .img, 
	.condumtBox .list .li .img i,
	.othenBox .list .li, 
	.othenBox .list .li .img,
	.conducTwoBox .list .li,
	.conducTwoWent .list .left,
	.conducTwoWent .list .right .li .img, 
	.conducTwoWent .list .right .li .img i,
	.conducTwoWent .list .right,
	.conducTwoWent .list .right .li .p,
	.haveBox .cont .li .img, 
	.haveBox .cont .li .img i,
	.haveBox .cont .li,
	.teacherBox .list .li .img, 
	.teacherBox .list .li .img i,
	.teacherBox .list .li,
	.teacherBox .list .li .text,
	.teacherTwos .minker .li .img,
	.teacherTwos .minker .li .text,
	.teacherTwos .minker .li:nth-child(2) .img, 
	.teacherTwos .minker .li:nth-child(3) .img,
	.whoBoxOne .list .li, 
	.whoBoxOne .list .li a,
	.whoBoxOne .list .li .img,
	.whoBoxOne .list .li:nth-child(2), 
	.whoBoxOne .list .li:nth-child(2) a,
	.whoBoxOne .list .li:nth-child(2) .img,
	.whoBoxTwo .cont .img,
	.whoBoxTwo .cont .img .m1, 
	.whoBoxTwo .cont .img .m2, 
	.whoBoxTwo .cont .img .m3,
	.whoBoxThree .cont .img, 
	.whoBoxThree .cont .img i,
	.whoBoxThree .cont .text,
	.characteristic .img, 
	.characteristic .img i,
	.characteristic .textBox .text,
	.webAmbient .list .li,
	.webAmbient .list .li3 img, 
	.webAmbient .list .li9 img,
	.webOneBox .list .li1,
	.webOneBox .list .li2,
	.webOneBox .list .li3,
	.webOneBox .list .li4,
	.webOneBox .list .li5,
	.webOneBox .list .li6,
	.webOneBox .list .li7,
	.webOneBox .list .li8,
	.webListBox .cont .li,
	.webStuly .cont .text,
	.webStuly .cont .imgBox,
	.webStuly .cont .imgBox .img1, 
	.webStuly .cont .imgBox .img1 i,
	.webStuly .cont .imgBox .img2, 
	.webStuly .cont .imgBox .img2 i, 
	.webStuly .cont .imgBox .img3, 
	.webStuly .cont .imgBox .img3 i{ width: 100%; height: auto;}
	/*  */
	.indexThreeNav{ margin: 0; padding: 30px 0.35rem 0 0.35rem;}
	.banner .img{ height: 300px;}
	.banner .cont .p{ font-size: 22px; text-align: center; line-height: 38px;}
	.indexThreeNav .cont .li{ width: 100%; margin-right: 0; margin-top: 0.25rem;}
	.indexThreeNav .cont .li:first-child{ margin-top: 0;}
	.indexThreeNav .cont .li .h1{ font-size: 20px; margin-top: 20px;}
	.paddingTop{ padding: 75px 0.35rem 0 0.35rem;}
	.indexWeBox{ padding: 75px 0 0 0;}
	.marginTop{ margin: 75px 0.35rem 0 0.35rem;}
	.indexMoreBoxer{ margin: 75px 0 0 0;}
	.titles .h1{ font-size: 20px; line-height: 30px;}
	.titles .p{ font-size: 14px;}
	.indexWeBox .cont{ margin-top: 35px;}
	.indexWeBox .cont .minker{ display: block;}
	.indexWeBox .cont .text{ padding: 35px 0.3rem 70px 0.3rem;}
	.indexWeBox .cont .swiper-pagination{ bottom: 0.5rem; left: 0; width: 100%; justify-content: center;}
	.indexWeBox .cont .text .list{ padding-top: 0;}
	.indexWeBox .cont .text .h1{ font-size: 24px; line-height: 34px;}
	.indexWeBox .cont .text .em,
	.indexWeBox .cont .text .list .p{ font-size: 16px;}
	.moreBox a{ width: 100%;}
	.indexFormeBox .list{ margin-top: 5px; display: block;}
	.indexFormeBox .list .li{ margin-right: 0; width: auto;}
	.indexFormeBox .list .li:nth-child(2){ margin-top: 37px;}
	.indexHuemtBox .list{ margin-top: 40px;}
	.indexHuemtBox .list .li4 .text,
	.indexHuemtBox .list .li7 .text{ margin: 0; padding: 30px; width: auto;}
	.indexHuemtBox .list .li4 .text p,
	.indexHuemtBox .list .li7 .text p{ margin: 0; font-size: 14px; line-height: 30px;}
	.indexStudyBox .list{ margin-top: 40px; justify-content: space-between;}
	.indexStudyBox .list .li{ margin-right: 0; width: 100%; margin-top: 25px;}
	.indexStudyBox .list .li:first-child{ margin-top: 0;}
	.indexMoreBoxer .cont{ display: block; padding: 50px 30px; text-align: center;}
	.indexMoreBoxer .cont .h1{ font-size: 20px; line-height: 30px;}
	.indexMoreBoxer .cont .p{ font-size: 14px;}
	.indexMoreBoxer .cont .more{ margin: 30px 0 0 0;}
	.indexNewsBox .list{ margin-top: 40px; display: block;}
	.indexNewsBox .list .left .ver, 
	.indexNewsBox .list .right .ver{ padding: 30px 0; width: 6rem;}
	.indexNewsBox .list .left::after{ height: 170px;}
	.titlew a{ font-size: 18px; font-weight: bold;}
	.indexNewsBox .list .left .mk .text .p{ font-size: 16px; line-height: 26px;}
	.indexNewsBox .list .right{ margin-top: 0.35rem;}
	.indexNewsBox .list .right .we .li .img{ width: 2.48rem; height: 1.66rem;}
	.indexNewsBox .list .right .we .li .text{ width: 3.2rem;}
	.indexNewsBox .list .right .we .li .text .p{ font-size: 16px; line-height: 26px;}
	.indexNewsBox .list .right .we .li{ margin-top: 20px;}
	.indexOpenBox{ margin: 75px 0 0 0; padding: 60px 0.35rem;}
	.indexOpenBox .list{ justify-content: space-between;}
	.indexOpenBox .list .li,
	.indexOpenBox .list .li:nth-child(4n){ margin: 0.3rem 0 0 0; width: 3.25rem;}
	.indexOpenBox .list .li a{ width: 3.25rem; height: 3.25rem;}
	.indexOpenBox .list .li a img{ max-width: 80%; max-height: 80%;}
	.indexHrefBox{ padding: 0.35rem;}
	.indexHrefBox .cont{ width: auto; display: block;}
	.indexHrefBox .cont .mk{ padding-top: 10px;}
	.indexHrefBox .cont .mk .li a{ font-size: 14px;}
	.footer{ padding: 60px 0.35rem 15px 0.35rem;}
	.footer .mker .list{ display: block;}
	.footer .mker .list .map{ width: auto; margin-right: 0;}
	.footer .mker .imgBox .wer{ position: relative; top: auto; right: auto;}
	.footer .mker .imgBox{ display: flex; justify-content: space-between; margin-top: 0.35rem;}
	.footer .mker .imgBox .img .m,
	.footer .mker .imgBox .wer .m{ width: 3.15rem; height: 3.15rem; border-width: 2px; margin: 0;}
	.footer .mker .imgBox .img p{ background: hsla(0,0%,100%,0.00); font-size: 12px; color: #333; line-height: 14px;}
	.footer .mker .imgBox .wer p,
	.footer .mker .imgBox .img p{ font-size: 12px; margin-top: 10px;}
	.footer .bot{ flex-wrap: wrap; justify-content: center; margin-top: 25px;}
	.footer .bot p, .footer .bot a{ margin: 3px 5px;}
	.bannerDate .cont .p i{ font-size: 22px; line-height: 30px; padding-left: 30px;}
	.bannerDate .cont .p i::after{ width: 22px; height: 22px; margin-top: -11px;}
	.minNavBox{ padding: 20px 0.35rem 35px 0.35rem;}
	.marginBotton{ margin: 0 0.35rem 75px 0.35rem;}
	.condumtBox .h1{ font-size: 18px; line-height: 52px;}
	.condumtBox .list .li,
	.condumtBox .list .li:nth-child(3n){ margin: 0.35rem 0 0 0;}
	.condumtBox .list .li .text .mk{ width: 5.2rem;}
	.banner .cont .mt{ font-size: 16px; line-height: 20px;}
	.paddingTop2{ padding: 75px 0.35rem;}
	.othenBox .h1{ font-size: 20px; text-align: center; justify-content: center;}
	.othenBox .list .li, 
	.othenBox .list .li:nth-child(3n){ margin: 0.35rem 0 0 0;}
	.othenBox .list .li:first-child{ margin: 0 0 0 0;}
	.otenBoxes{ padding: 50px 0.35rem;}
	.otenBoxes .tit p{ font-size: 16px; line-height: 26px;}
	.otenBoxes .tit{ padding: 0.35rem;}
	.otenBoxes .list{ padding: 0.4rem 0.35rem;}
	.otenBoxes .list .h1{ font-size: 17px;}
	.otenBoxes .list p{ font-size: 14px; line-height: 26px;}
	.conducTwoBox .list .li{ margin-right: 0; margin-top: 0.35rem;}
	.conducTwoBox .list .li:first-child{ margin-top: 0;}
	.conducTwoBox .list{ margin-top: 40px;}
	.paddingTop3{ padding: 0 0.35rem 75px 0.35rem;}
	.conducTwoWent{ padding: 0 0 75px 0;}
	.conducTwoWent .cont{ padding: 0 0.35rem; margin: -105px 0 0 0;}
	.conducTwoWent .top{ height: 165px;}
	.conducTwoWent .tit{ width: auto; height: auto; margin: 25px auto 0;}
	.conducTwoWent .tit .wk{ display: block; padding: 20px 0.35rem;}
	.conducTwoWent .tit .wk .p{ font-size: 17px; line-height: 28px;}
	.conducTwoWent .minker .text{ height: auto; padding-bottom: 30px;}
	.conducTwoWent .minker .text p{ width: auto; padding-top: 60px; font-size: 14px; line-height: 26px;}
	.conducTwoWent .list{ display: block; padding: 35px 0.35rem 0.35rem 0.35rem;}
	.conducTwoWent .list .right{ margin-top: 35px;}
	.conducTwoWent .moreBox a{ width: auto; margin: 20px 0.25rem 0 0.25rem;}
	.conducTwoWent .minker{ padding-bottom: 15px;}
	.indexMoreBoxerCell{ margin-top: 0;}
	.banner .form{ display: block; text-align: center;}
	.banner .form .left .em{ font-size: 16px; line-height: 20px;}
	.banner .form .left .h{ font-size: 22px; line-height: 30px;}
	.banner .form .left .br{ margin-top: 20px; justify-content: center; line-height: 40px;}
	.banner .form .left .br i,
	.banner .form .left .br em{ font-size: 16px; padding: 0 20px;}
	.banner .form .right{ width: auto; margin: 0.35rem 0 0 0;}
	.banner .form .right .ms{ padding: 0.35rem; text-align: left;}
	.banner .form .right .ms .h i{ padding: 0 15px; font-size: 14px; line-height: 30px;}
	.banner .form .right .ms .k{ margin-top: 12px; line-height: 20px; background: url(/static/images/frontImages/w2.png) no-repeat left center; background-size: auto 18px; padding-left: 25px; font-size: 14px;}
	.bannerDateCell .img{ height: 520px;}
	.haveBox .cont .li,
	.haveBox .cont .li:nth-child(3n){ margin: 30px 0 0 0;}
	.haveBox .cont .li:first-child,
	.characteristic .textBox{ margin: 0;}
	.haveBox .pageing{ margin-top: 35px;}
	.textNavBox .cont{ margin: 0 0.35rem; height: 56px; line-height: 56px;}
	.textNavBox .cont .mk{ padding: 0 0.25rem 0 0.35rem;}
	.textNavBox .cont .nav .li.on a{ padding: 0;}
	.textNavBox .cont .nav .li a{ font-size: 17px;}
	.textNavBox .cont .nav .li{ margin-left: 25px;}
	.textNavBox .cont .nav .li a::after{ height: 4px;}
	.textNavBox .cont .right a{ width: 76px;}
	.textNavBox{ margin: -28px 0 40px 0;}
	.searchBoxPoP{ top: 50px;}
	.searchBoxPoP .toper{ padding: 35px 0.35rem 0 0.35rem;}
	.searchBoxPoP .toper .h1 p{ font-size: 22px; font-weight: bold;}
	.searchBoxPoP .toper .h1 .sole{ width: 24px; height: 24px;}
	.searchBoxPoP .toper .input{ margin-top: 0;}
	.haveBoxSeachPop{ top: 195px;}
	.searchBoxPoP .null img{ width: 240px;}
	.searchBoxPoP .swentBox{ margin: 0 0.35rem;}
	.teacherBox .list .li{ margin: 35px 0 0 0;}
	.teacherBox .list .li:first-child{ margin: 0;}
	.teacherBox .list .li .text .mk{ padding: 35px 0;}
	.teacherTwos .minker{ width: auto; padding: 0.35rem; margin: 40px 0 0 0;}
	.teacherTwos .minker .li{ padding-top: 40px;}
	.teacherTwos .minker .li:first-child{ padding-top: 0;}
	.teacherTwos .minker .li:first-child .img,
	.teacherTwos .minker .li:nth-child(2n) .img,
	.teacherTwos .minker .li .img,
	.whoBoxOne .list .li:first-child{ margin: 0;}
	.teacherTwos .minker .mker,
	.teacherTwos .minker .li:nth-child(3) .text,
	.teacherTwos .minker .li:nth-child(4) .text,
	.whoBoxTwo{ padding: 0;}
	.teacherTwos .minker .li:first-child .img,
	.teacherTwos .minker .li:first-child .img i{ border-radius: 0px 2.9rem 0px 2.9rem;}
	.teacherTwos .minker .li:nth-child(2) .img,
	.teacherTwos .minker .li:nth-child(2) .img i{ border-radius: 0px 1.3rem 1.3rem 1.3rem;}
	.teacherTwos .minker .li:nth-child(3) .img,
	.teacherTwos .minker .li:nth-child(3) .img i{ border-radius: 1.3rem 1.3rem 0px 1.3rem;}
	.teacherTwos .minker .li:nth-child(4) .img,
	.teacherTwos .minker .li:nth-child(4) .img i{ border-radius: 1.3rem 1.3rem 0px 1.3rem;}
	.teacherTwos .minker .li .text{ margin-top: 25px;}
	.teacherTwos .minker .li .text .kt{ margin-top: 10px;}
	.teacherTwos .minker .li .text .kt .h, 
	.teacherTwos .minker .li .text .kt .p{ font-size: 15px; line-height: 25px;}
	.teacherTwos .moreBox, 
	.whoBoxOne .list .li{ margin: 35px 0 0 0;}
	.whoBoxOne .list .li .text{ padding: 30px;}
	.whoBoxOne .list .li .text .h1{ font-size: 18px; line-height: 28px;}
	.whoBoxOne .list .li .text .p{ font-size: 16px; line-height: 26px;}
	.whoBoxTwo .cont{ padding: 75px 0.35rem; margin: 0.35rem 0; display: block;}
	.whoBoxTwo .cont .img .m1,
	.whoBoxTwo .cont .img .m2,
	.whoBoxTwo .cont .img .m3,
	.whoMaoBox .text{ position: relative; top: auto; left: auto; bottom: auto; right: auto;}
	.whoBoxTwo .cont .text .h1{ font-size: 22px;}
	.whoBoxTwo .cont .text .p p{ font-size: 15px; line-height: 25px; margin-top: 20px;}
	.whoBoxTwo .cont .text .p{ padding-top: 0; width: auto;}
	.whoBoxTwo .cont .img .m{ margin-top: 35px;}
	.whoBoxThree .cont{ display: block;}
	.whoBoxThree .cont .text{ border-radius: 0;}
	.whoBoxThree{ margin: 0;}
	.whoMaoBox .mapBr{ width: 100%; height: 350px;}
	.whoMaoBox .mapBr::after{ display: none;}
	.whoBoxThree .cont .text .mk{ padding: 75px 0.35rem 35px 0.35rem;}
	.whoBoxThree .cont .text .mk .h1,
	.whoMaoBox .text .h1{ font-size: 22px; line-height: 32px;}
	.whoBoxThree .cont .text .mk .p,
	.whoMaoBox .text .p{ font-size: 15px; line-height: 25px; width: auto;}
	.whoBoxThree .cont .text .mk .icon .li{ width: 50%; margin-bottom: 5px;}
	.whoBoxThree .cont .text .mk .icon .li a{ font-size: 16px; padding-left: 30px;}
	.whoBoxThree .cont .text .mk .icon .li1 a{background: url(/static/images/frontImages/w13.png) no-repeat left center;background-size: 22px auto;}
	.whoBoxThree .cont .text .mk .icon .li2 a{ background: url(/static/images/frontImages/w15.png) no-repeat left center; background-size: 22px auto;}
	.whoBoxThree .cont .text .mk .icon .li3 a{ background: url(/static/images/frontImages/w17.png) no-repeat left center; background-size: 22px auto;}
	.whoBoxThree .cont .text .mk .icon .li4 a{ background: url(/static/images/frontImages/w16.png) no-repeat left center; background-size: 22px auto;}
	.whoBoxThree .cont .text .mk .icon .li5 a{ background: url(/static/images/frontImages/w14.png) no-repeat left center; background-size: 22px auto;}
	.whoBoxThree .cont .text .mk .icon{ margin-top: 30px;}
	.whoMaoBox{ display: block;}
	.whoMaoBox .text{ width: auto; height: auto; padding: 0 0.35rem 35px 0.35rem;}
	.whoMaoBox .text .p{ margin-top: 30px;}
	/*  */
	.header, 
	.header .cont{ position: inherit; top: auto; left: auto; right: auto; width: auto; height: auto; background: hsla(0,0%,100%,0.00);}
	.header .cont .logo{ position: fixed; top: 0; left: 0; right: 0; height: 50px; display: flex; justify-content: space-between; align-items: center; padding: 0 0.25rem; background: hsla(216,91%,48%,0.85); z-index: 25;}
	.header .cont .logo a img{ height: 40px;}
	.header .cont .logo .sole{ width: 24px; height: 20px; position: relative;}
	.header .cont .logo .sole i{ display: block; width: 24px; height: 3px; border-radius: 3px; background: #fff; position: absolute; left: 0; transition: all 0.5s;}
	.header .cont .logo .sole i:first-child{ top: 0;}
	.header .cont .logo .sole i:nth-child(2){ top: 50%; margin-top: -1.5px;}
	.header .cont .logo .sole i:nth-child(3){ bottom: 0;}
	.header .cont .logo .sole2 i:first-child{ transform-origin: top left; transform: rotate(45deg); width: 25px;}
	.header .cont .logo .sole2 i:nth-child(2){ width: 0;}
	.header .cont .logo .sole2 i:nth-child(3){ transform-origin: bottom left; transform: rotate(-45deg); width: 25px;}
	.header .cont .right{ width: 100%; height: auto; position: fixed; top: 50px; right: -100%; bottom: 0; overflow-y: auto; background: #fff; z-index: 25; display: block; padding-top: 50px; transition: all 0.5s; opacity: 0;}
	.header .cont .right2{ right: 0; opacity: 1;}
	.header .cont .right .li{ width: auto; text-align: center; margin: 0 0 15px 0;}
	.header .cont .right .tit a{ font-size: 18px; font-weight: bold; color: #333; line-height: 30px;}
	.header .cont .right .li.on .tit a{ background: #fff; color: #2074F2;}
	.header .cont .right .li .list{ display: none; position: relative; top: auto; left: auto; bottom: auto; width: auto; padding: 0; right: auto; transform: none;}
	.header .cont .right .li .list .mker{ width: auto; text-align: center; display: block; border: none; background: #fff;}
	.header .cont .right .li .list .mker .mk,
	.header .cont .right .li .list .mker .mk:nth-child(2){ display: block; padding: 0; border: none;}
	.header .cont .right .li .list .mker .mk a{ font-size: 16px; line-height: 30px; margin: 0;}
	/*  */
	.characteristic2 .img, 
	.characteristic2 .img i, 
	.characteristic2 .img::after,
	.characteristic .textBox .text{ border-radius: 0.38rem; margin: 0;}
	.characteristic .textBox .text .mk{ padding: 30px 0.35rem 50px 0.35rem;}
	.characteristic .textBox{ padding: 0;}
	.characteristic .swiper-pagination{ left: 0!important; justify-content: center; width: 100%; bottom: 15px!important;}
	.characteristic .textBox .text .more{ justify-content: center;}
	.characteristic .textBox .text .p{ padding: 20px; font-size: 15px; line-height: 26px;}
	.characteristic .textBox .text .top p{ font-size: 16px;}
	.characteristic .textBox .text .top i{ width: 44px; height: 44px; font-size: 18px; line-height: 44px;}
	.characteristic .textBox .text .top{ height: 44px; line-height: 44px;}
	.webAmbient .list,
	.webOneBox .list{ margin-top: 40px;}
	.webAmbient .list .li5 .text, 
	.webAmbient .list .li5 .text p,
	.webAmbient .list .li8 .text, 
	.webAmbient .list .li8 .text p,
	.webOneBox .list .li1 .text p,
	.webOneBox .list .li7 .text p,
	.webStuly .cont .text .p p{ font-size: 15px; line-height: 26px;}
	.webAmbient .list .li5 .text,
	.webAmbient .list .li8 .text,
	.webOneBox .list .li1 .text,
	.webOneBox .list .li7 .text{ padding: 30px 25px;}
	.webListBox .cont,
	.webStuly .cont{ display: block;}
	.webListBox .cont .li{ width: auto; margin: 50px 20px 0 20px;}
	.webListBox .cont .li:first-child{ margin: 0 20px 0 20px;}
	.webStuly{ margin: 0 0.35rem;}
	.webStuly .cont .imgBox .img1,
	.webStuly .cont .imgBox .img1 i,
	.webStuly .cont .imgBox .img2, 
	.webStuly .cont .imgBox .img2 i, 
	.webStuly .cont .imgBox .img3, 
	.webStuly .cont .imgBox .img3 i{ position: relative; top: auto; left: auto; bottom: auto; right: auto;}
	.webStuly .cont .text .h1{ font-size: 22px; line-height: 32px;}
	.webStuly .cont .text .p p{ margin-top: 15px;}
	.webStuly .cont .text .p{ padding-top: 0;}
	.webStuly .cont .imgBox .img1,
	.webStuly .cont .imgBox .img2,
	.webStuly .cont .imgBox .img3{ margin-top: 25px;}
	.webStuly .cont .imgBox .img2, 
	.webStuly .cont .imgBox .img2 i, 
	.webStuly .cont .imgBox .img3, 
	.webStuly .cont .imgBox .img3 i,
	.webStuly .cont .imgBox .img1, 
	.webStuly .cont .imgBox .img1 i{ border-radius: 0;}
	.adviceBox .cont{ width: 85%;}
	.header .cont .logo .sole{ display: block;}
	
}