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

.ibanner{ width:100vw; height:556px; position:relative;}
.ibanner .swiper-slide{ display:block; overflow:hidden; position:relative;}
.ibanner .swiper-slide .box{ overflow:hidden; position:relative;}
.ibanner .swiper-slide .box img{ display:block; width:100%; height:556px; object-fit:cover; transform:scale(1.1,1.1);}
.ibanner .swiper-slide .txt{ width:1200px; text-align:center; position:absolute; left:50%; top:48%; transform:translate(-50%,-50%); z-index:3;}
.ibanner .swiper-slide .txt h4{ display:block; line-height:1; color:#2e8bff; font-size:64px; padding:0 0 0.45em;}
.ibanner .swiper-slide .txt p{ display:inline-block; display/:none; line-height:1.86; color:#666; font-size:26px; letter-spacing:0.05em; padding:0 1.25em 0 1.3em; border:1px solid #ddd; border-radius:1.86em;}
.ibanner .swiper-slide-active .box img,
.ibanner .swiper-slide-duplicate-active .box img{ transition:5s linear; transform:scale(1,1);}
.ibanner .swiper-slide-active .box .bg,
.ibanner .swiper-slide-duplicate-active .box .bg{ transition:6s linear; transform:scale(1,1);}
.ibanner .swiper-slide-active .box .txt,
.ibanner .swiper-slide-duplicate-active .box .txt{ transition:all ease 0.8s; transition-delay:0.5s; opacity:1; transform:translate(-50%,-50%);}
.ibanner .swiper-pagination{ display:none; height:26px; bottom:5%;}
.ibanner .swiper-pagination-bullet{ width:12px; height:12px; background:#fff; background-clip:content-box; padding:6px; border:1px solid rgba(255,255,255,0); border-radius:50%; opacity:1; margin:0 12px !important; vertical-align:top; transition:all ease 0.4s;}
.ibanner .swiper-pagination-bullet-active{ border-color:rgba(255,255,255,1); opacity:1;}
.ibanner .swiper-button-prev,
.ibanner .swiper-button-next{ display:block; width:48px; height:60px; margin-top:-30px; background-size:contain !important;}
.ibanner .swiper-button-prev{ background:url(../images/icons/prev.png) center no-repeat; left:1%;}
.ibanner .swiper-button-next{ background:url(../images/icons/next.png) center no-repeat; right:1%;}

.main{ width:auto; background:#fff;}

.ibox{ position:relative; z-index:2;}
.ibox::before,
.ibox::after{ content:''; display:block; overflow:hidden; clear:both;}
.ibox .con{ width:1200px; margin:0 auto;}
.ibox .con::before,
.ibox .con::after{ content:''; display:block; overflow:hidden; clear:both;}
.ibox h2.title{ display:block; font-size:16px; text-align:center; overflow:hidden; padding:3.625em 0 2.875em;}
.ibox h2.title em{ display:block; line-height:2.3; color:#434343; font-size:1.625em;}
.ibox h2.title span{ display:block; line-height:1.375; color:#ececec; font-size:2em; font-weight:normal;}
.ibox h2.title a{ display:block; line-height:1.925; color:#2e8bff; padding:0.85em 1em 0; float:left; transition:all ease 0.4s;}
.ibox h2.title a:hover{ color:#cc0000;}
.ibox h2.title a.btn{ display:block; width:7.375em; line-height:2.625; text-align:center; padding:0; border:1px solid #2e8bff; border-radius:4px; float:right; margin:0;}
.ibox h2.title a.btn:hover{ color:#fff; background:#cc0000; border-color:#cc0000;}
.ibox h3.title{ display:block; line-height:1.75; color:#434343; font-size:22px; text-align:center; overflow:hidden; padding:0.25em 0;}
.ibox h4.title{ display:block; line-height:1.5; color:#666; font-size:18px; font-weight:normal; text-align:center; overflow:hidden; padding:3.75em 0 1em;}
.ibox a.more{ display:block; display:block; width:10.4em; line-height:3.6; color:#fff; font-size:14px; text-align:center; background:#f11c16; border-radius:5px; margin:0 auto 0; transition:all ease 0.4s;}
.ibox a.more:hover{ background:#2e8bff;}

.box1{ width:100vw; background:url(../images/icons/bg1.png) center bottom -50px no-repeat, url(../images/icons/bg1.jpg) center bottom -50px no-repeat; background-size:1200px auto, 100% 418px; background-color:#f9f9f9; padding:0 0 334px;}
.box1 dl.newsbox{ display:block; font-size:14px; overflow:hidden; background:#fff; padding:40px 36px; border-radius:12px; box-shadow:0 0 7px rgba(0,0,0,0.1); margin:-100px 0 0;}
.box1 dl.newsbox dt{ display:block; line-height:120px; text-align:center; position:relative;}
.box1 dl.newsbox dt em{ display:block; width:100%; color:#434343; font-size:26px; font-weight:bold; position:absolute; left:0; top:0;}
.box1 dl.newsbox dt em::after{ content:''; display:inline-block; vertical-align:top; width:16px; height:16px; border:4px solid #2e8bff; border-radius:50%; box-sizing:border-box; margin:52px 0 0 40px;}
.box1 dl.newsbox dt span{ display:block; color:#f4f4f4; font-size:32px;}
.box1 dl.newsbox dt a{ display:block; width:80px; height:120px; background:url(../images/icons/more.png) center no-repeat; filter:brightness(0) invert(0.9);}
.box1 dl.newsbox dt a:hover{ filter:brightness(1) invert(0);}
.box1 dl.newsbox dd{ display:block; line-height:40px; font-size:14px; overflow:hidden; padding:0 36px;}
.box1 dl.newsbox dd span{ display:block; color:#acacac; float:right; margin-left:4em;}
.box1 dl.newsbox dd a{ display:block; color:#434343; font-size:16px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; margin-left:36px;}
.box1 dl.newsbox dd a:hover{ color:#2e8bff;}
.box1 .txt{ max-width:58%; line-height:1.75; color:#d9d9d9; font-size:12px; text-align:center; padding:1.25em 0 0; margin:0 auto;}
.box1 ul{ display:block; font-size:16px; background:#f4f4f4; margin:60px 0 0;}
.box1 ul::before,
.box1 ul::after{ content:''; display:block; overflow:hidden; clear:both;}
.box1 ul li{ display:block; width:33.33%; float:left;}
.box1 ul li a{ display:block; height:132px; overflow:hidden; background:#fff; padding:40px 48px 0; margin:1px 1px 0 0; position:relative;}
.box1 ul li:nth-child(-n+3) a{ margin-top:0;}
.box1 ul li:nth-child(3n) a{ margin-right:0;}
.box1 ul li a img{ display:block; height:4em; background:#4faafb; border-radius:50%; float:left; margin:0 1em 0 0; transition:all ease 0.4s;}
.box1 ul li a em{ display:block; line-height:2.1; color:#434343; font-size:1.25em; font-weight:bold; overflow:hidden; transition:all ease 0.4s;}
.box1 ul li a p{ display:block; line-height:1.8; color:#808080; font-size:0.875em;
	display:-webkit-box;
	display:-moz-box;
	overflow:hidden;
	text-overflow:ellipsis;
	-webkit-box-orient:vertical;
	-webkit-line-clamp:2;
}

.box2{ padding:0 0 70px;}
.box2 a.more{ margin:40px auto 0;}
.box2 ul{ display:block; font-size:16px; overflow:hidden; margin:0 -19px;}
.box2 ul li{ display:block; width:25%; float:left;}
.box2 ul li a{ display:block; overflow:hidden; position:relative; margin:0 19px;}
.box2 ul li a i{ display:block; overflow:hidden; position:relative;}
.box2 ul li a i::after{ content:''; display:block; width:100%; height:100%; background:rgba(46,139,255,0.7) url(../images/icons/view.png) center no-repeat; position:absolute; left:0; top:0; z-index:2; transition:all ease 0.4s; transform:scale(0);}
.box2 ul li a img{ display:block; width:100%;}
.box2 ul li a p{ display:block; line-height:3; color:#434343; text-align:center;}
.box2 ul li a p b{ display:block; font-size/:1.125em; font-weight:normal;}
.box2 ul li a p span{ display:none; font-size:12px; text-transform:uppercase; padding:1.25em 0 0;}
.box2 ul li a:hover i::after{ transform:scale(1);}

.box3{ background:#f9f9f9; padding:0 0 70px;}
.box3 .con{ overflow:hidden;}
.box3 .lesson{ font-size:16px; overflow:hidden; position:relative; margin:0 -10% 0 0; padding:36px 0 56px;}
.box3 .lesson .bd{ margin:0 -11px;}
.box3 .lesson .bd ul{ overflow:hidden; zoom:1;}
.box3 .lesson .bd ul li{ width:20%; float:left; overflow:hidden; text-align:center;}
.box3 .lesson .bd ul li a{ display:block; background:url(../images/icons/team.jpg) center no-repeat; background-size:100% 100%; padding:11px; margin:0 11px;}
.box3 .lesson .bd ul li span{ display:block; line-height:3; color:#333; text-align:center; background:linear-gradient(#fff, #facdcc);}
.box3 .lesson .bd ul li img{ display:block; width:100%; object-fit:cover; height:336px;}

.box4{ background:url(../images/icons/bg4.jpg) center no-repeat; background-size:cover;}
.box4 ul{ display:flex; flex-wrap:wrap; justify-content:space-between; align-content:center; height:672px; color:#fff; font-size:16px; background:url(../images/icons/pic4.png) center no-repeat; background-size:auto 100%;}
.box4 ul li{ display:block; width:25%; text-align:right; padding:10px 0 30px; padding:30px 0 50px; margin:0 12% 0 0;}
.box4 ul li h4{ display:block; line-height:2; color:#fff; font-size:1.75em; position:relative;}
.box4 ul li h4::before{ content:''; display:block; box-sizing:border-box; width:0.5em; height:0.5em; border:3px solid #fff; border-radius:50%; position:absolute; left:100%; top:50%; transform:translate(1em,-50%);}
.box4 ul li h4::after{ content:''; display:block; width:3em; width:1.5em; height:1px; background:#fff; position:absolute; left:100%; top:50%; transform:translate(2em,0);}
.box4 ul li p{ display:none; line-height:1.8; color:#cacaca; font-size:0.875em;}
.box4 ul li:nth-child(even){ text-align:left; margin:0 0 0 12%;}
.box4 ul li:nth-child(even) h4::before{ left:auto; right:100%; transform:translate(-1em,-50%);}
.box4 ul li:nth-child(even) h4::after{ left:auto; right:100%; transform:translate(-2em,0);}
.box4 ul li:nth-child(1) h4::after,
.box4 ul li:nth-child(2) h4::after{ width:1.5em;}
.box4 ul li:nth-child(5) h4::after,
.box4 ul li:nth-child(6) h4::after{ width:2.5em; width:1.5em;}

.box5{ background:#f9f9f9; padding:0 0 70px;}
.box5 ul{ display:block; overflow:hidden;}
.box5 ul li{ display:block; width:20%; overflow:hidden; float:left;}
.box5 ul li a{ display:block; width:168px; margin:30px auto 0; cursor:pointer;}
.box5 ul li a img{ display:block; box-sizing:border-box; width:100%; height:90px; object-fit:contain; padding:10px; filter:grayscale(1); opacity:0.6;}
.box5 ul li a img{ filter:grayscale(0); opacity:1;}



@media only screen and (max-width:1440px){




}

@media only screen and (max-width:768px){

.ibanner .swiper-slide .txt,
.ibox .con{ width:calc(100% - 30px); min-width:0;}

.ibanner{ height:54vw;}
.ibanner .swiper-slide .box img{ height:54vw;}
.ibanner .swiper-slide .txt{ top:44%;}
.ibanner .swiper-slide .txt h4{ font-size:24px; padding:0 0 0.7em;}
.ibanner .swiper-slide .txt p{ font-size:15px; letter-spacing:0; padding:0 1.25em;}
.ibanner .swiper-button-prev,
.ibanner .swiper-button-next{ display:none;}

.ibox h2.title{ font-size:20px; padding:1.25em 0 1em;}
.ibox h2.title em{ font-size:1em;}
.ibox h2.title span{ font-size:1em;}
.ibox h3.title{ font-size:16px;}
.ibox h4.title{ font-size:14px; padding:2.75em 0 0.25em;}
.ibox a.more{ line-height:3; width:16em;}

.box1 dl.newsbox{ padding:8px 15px; margin:-11vw 0 0;}
.box1 dl.newsbox dt{ line-height:48px;}
.box1 dl.newsbox dt em{ font-size:20px; letter-spacing:0; text-align:left; padding:0 0 0 0em;}
.box1 dl.newsbox dt em::after{ width:14px; height:14px; border-width:3px; margin:17px 0 0 17px;}
.box1 dl.newsbox dt span{ font-size:20px; white-space:nowrap;}
.box1 dl.newsbox dt a{ width:24px; height:48px; background-size:auto 40%; background-position:right center;}
.box1 dl.newsbox dd{ clear:both; padding:0;}
.box1 dl.newsbox dd span{ margin:0 0 0 2em;}
.box1 dl.newsbox dd a{ margin:0; font-size:14px;}

.box1{ background:url(../images/icons/bg1.png) center bottom -16px no-repeat, url(../images/icons/bg1.jpg) center bottom -50px no-repeat; background-size:110% auto, auto 168px; padding:0 0 124px;}
.box1 .txt{ max-width:none; font-size:13px;}
.box1 ul{ font-size:14px; background:none; margin:15px 0 0;}
.box1 ul li{ width:100%;}
.box1 ul li a{ margin:12px 0 0; padding:20px 24px 20px; height:auto;}
.box1 ul li:nth-child(-n+3) a{ margin:12px 0 0;}
.box1 ul li:nth-child(1) a{ margin:0;}

.box2{ padding:0 0 40px;}
.box2 ul{ margin:0 -6px;}
.box2 ul li{ width:50%;}
.box2 ul li a{ margin:0 6px;}
.box2 ul li a p b{ font-size:14px;}
.box2 ul li a p span{ display:none;}
.box2 a.more{ margin-top:30px;}

.box3{ padding:0 0 40px;}
.box3 .lesson{ width:1000px; padding:20px 0 40px;}
.box3 .lesson .bd{ margin:0 -6px;}
.box3 .lesson .bd ul li a{ padding:8px; margin:0 6px;}
.box3 .lesson .bd ul li img{ height:auto;}
.box3 .lesson .bd ul li a span{ font-size:14px;}
.box3 a.btn{ margin-top:30px; line-height:3; width:16em;}

.box4 ul{ height:auto; background-position:left bottom; background-size:auto 92%; display:block; padding:24px 0 16px; padding-left:180px; font-size:14px;}
.box4 ul li{ width:auto; margin:0 !important; text-align:left; padding:0.125em 0;}
.box4 ul li h4{ font-size:inherit;}
.box4 ul li h4::before{ border-width:2px; width:0.625em; height:0.625em;}
.box4 ul li h4::before{ left:auto; right:100%; transform:translate(-1em,-50%);}
.box4 ul li h4::after{ left:auto; right:100%; transform:translate(-2em,0); width:1.5em !important;}
.box4 ul li p{ display:none;}

.box5{ padding:0 0 30px;}
.box5 ul{ padding:20px 0 0;}
.box5 ul li{ width:33.33%; display:none;}
.box5 ul li:nth-child(-n+9){ display:block;}
.box5 ul li a{ width:100%; margin:0;}
.box5 ul li a img{ height:60px; filter:none; opacity:1; padding:12px 15px;}






















}




/**/