@charset "utf-8";

.bannerSwiper{position: relative; overflow: hidden;}
.bannerSwiper .swiper-slide{overflow: hidden;}
.bannerSwiper img{width: auto; height: 100%; position: relative; left: 50%; transform: translateX(-50%);}
.bannerSwiper .swiper-pagination-bullet{width: 8px; height: 8px; background: #be3626;}

.common_title{height: 190px; background: url(../images/common_title.png) left top no-repeat; box-sizing: border-box; padding: 145px 0 0 100px;}
.common_title h3{font-size: 36px; color: #be3626;}

.index_aboutus{height: 810px; background: url(../images/aboutus.jpg) center top no-repeat;}
.index_aboutus .aboutus_content{padding-top: 60px;}
.index_aboutus .aboutus_content::after{content: ''; display: table; clear: both;}
.index_aboutus .aboutus_content .content{width: 45%; float: left;}
.index_aboutus .aboutus_content .content .title{font-size: 40px; font-weight: bold; color: #313131;}
.index_aboutus .aboutus_content .content .text{font-size: 16px; line-height: 38px; color: #000; margin-top: 20px;}
.index_aboutus .aboutus_content .content .more{margin-top: 50px;}
.index_aboutus .aboutus_content .content .more a{display: inline-block; width: 190px; text-align: center; line-height: 64px; background: #be3626; color: #fff; font-size: 18px; border-radius: 32px;}
.index_aboutus .aboutus_content .video{width: 52%; float: right;}
.index_aboutus .aboutus_content .video video{width: 100%; display: none;}
.index_aboutus .aboutus_content .video img{width: 100%;}

.index_strength{height: 740px; background: url(../images/strength.jpg) center top no-repeat;}
.index_strength_list{display: flex;}
.index_strength_list .list{flex: 1; height: 330px; text-align: center;}
.index_strength_list .list:nth-child(1){background: linear-gradient(to bottom, #c8462c, #be3626);}
.index_strength_list .list:nth-child(2){background: linear-gradient(to bottom, #fcdc6f, #eaaa26);}
.index_strength_list .list:nth-child(3){background: linear-gradient(to bottom, #c8462c, #be3626);}
.index_strength_list .list .picture{padding-top: 40px;}
.index_strength_list .list .title{margin-top: 20px;}
.index_strength_list .list .title h3{font-size: 40px; color: #fff;}
.index_strength_list .list .text{line-height: 24px; color: #fff; margin-top: 30px;}

.index_course{height: 920px; background: url(../images/course.jpg) center top no-repeat;}
.index_course .course_menu{float: right; margin-top: -35px;}
.index_course .course_menu li{float: left; font-size: 18px; color: #000; margin-left: 40px; cursor: pointer;}
.index_course .course_menu li.current{color: #c8462c;}
.index_course .course_menu li.current a{color: #c8462c;}
.index_course .course_menu li a{color: #000;}
.index_course .course_menu li a:hover{color: #c8462c;}
.index_course .course_content{margin-top: 60px;}
.index_course .course_content .course_list{height: 0; overflow: hidden;}
.index_course .course_content .course_list.show{height: auto;}
.index_course .course_content .courseSwiper{position: relative; overflow: hidden;}
.index_course .course_content .course_list .list{background-image: url('../images/course_top.jpg'), url('../images/course_bottom.jpg'); background-position: top center, bottom center; background-repeat: no-repeat; background-size: 100%; box-sizing: border-box; padding: 40px;}
.index_course .course_content .course_list .list .title{text-align: center; margin-top: 15px;}
.index_course .course_content .course_list .list .title a{font-size: 32px; font-weight: bold; color: #c4402a;}
.index_course .course_content .course_list .list .text{font-size: 18px; text-align: left; line-height: 32px; height: 320px; color: #000; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 10; overflow: hidden; text-overflow: ellipsis; margin-top: 20px;}
.index_course .course_content .course_list .list .picture{border-radius: 5px; overflow: hidden; margin-top: 20px;}
.index_course .course_content .course_list .list .picture img{width: 100%; transition: all 0.5s;}
.index_course .course_content .course_list .list .picture:hover img{transform: scale(1.1);}

.index_news{height: 740px; background: url(../images/news.jpg) center bottom no-repeat; display: none;}
.index_news .news_menu{float: right; margin-top: -42px;}
.index_news .news_menu li{width: 158px; float: left; line-height: 42px; text-align: center; font-size: 16px; background: url(../images/news_title.png); margin-left: 22px;}
.index_news .news_menu li:first-child{margin-left: 0;}
.index_news .news_menu li a{display: block; color: #c8462c;}
.index_news .news_list{margin-top: 60px;}
.index_news .news_list .list{width: 160px; float: left; box-sizing: border-box; border-right: solid #bbb 1px;}
.index_news .news_list .list:first-child{border-left: solid #bbb 1px;}
.index_news .news_list .list.show{width: calc(100% - 800px);}
.index_news .news_list .list .content{float: left; padding: 0 39px;}
.index_news .news_list .list .content .date{width: 80px; text-align: right; color: #c8462c; margin-bottom: 50px;}
.index_news .news_list .list .content .date p{font-size: 16px; font-weight: bold;}
.index_news .news_list .list .content .date h3{font-size: 26px;}
.index_news .news_list .list .content .title{width: 20px; float: right; writing-mode: vertical-rl; margin-left: 10px;}
.index_news .news_list .list .content .title a{display: block; font-size: 16px; color: #000; height: 290px; line-height: 20px; overflow: hidden; word-break: keep-all; text-overflow: ellipsis;}
.index_news .news_list .list.show .content .title a{color: #c8462c;}
.index_news .news_list .list .content .text{width: 20px; float: right; writing-mode: vertical-rl;}
.index_news .news_list .list .content .text a{display: block; color: #6d6d6d; height: 290px; line-height: 20px; overflow: hidden; word-break: keep-all; text-overflow: ellipsis;}
.index_news .news_list .list .picture{width: 0; float: left; overflow: hidden; transition: all 0.5s;}
.index_news .news_list .list.show .picture{width: calc(100% - 158px);}
.index_news .mobile_list{display: none;}

@media (max-width:960px) {
	.bannerSwiper{margin-top: 60px;}
	.bannerSwiper img{height: 190px;}
	
	.common_title{height: 100px; background-size: auto 100%; padding: 70px 0 0 58px;}
	.common_title h3{font-size: 20px;}
	
	.index_aboutus{padding: 0 15px 30px; height: auto; background: url(../images/aboutus.jpg) center top no-repeat;}
	.index_aboutus .aboutus_content{padding-top: 20px;}
	.index_aboutus .aboutus_content .content{width: 100%;}
	.index_aboutus .aboutus_content .content .title{font-size: 18px;}
	.index_aboutus .aboutus_content .content .text{font-size: 14px; line-height: 28px; margin-top: 10px;}
	.index_aboutus .aboutus_content .content .more{margin-top: 20px;}
	.index_aboutus .aboutus_content .content .more a{width: 138px; line-height: 42px; font-size: 14px; border-radius: 23px;}
	.index_aboutus .aboutus_content .video{width: 100%; float: right; margin-top: 20px;}
	.index_aboutus .aboutus_content .video video{width: 100%;}
	
	.index_strength{height: 160px; background-size: auto 100%;}
	.index_strength_list .list{flex: 1; height: auto; text-align: center; padding: 0 12px;}
	.index_strength_list .list .picture{padding-top: 20px;}
	.index_strength_list .list .picture img{width: auto; height: 50px;}
	.index_strength_list .list .title{margin-top: 10px;}
	.index_strength_list .list .title h3{font-size: 18px;}
	.index_strength_list .list .text{line-height: 24px; text-align: left; margin: 10px 0 20px;}
	
	.index_course{height: auto; padding-bottom: 30px; background: url(../images/course.jpg) right top no-repeat; background-size: auto 600px;}
	.index_course .course_menu{float: right; margin-top: 20px;}
	.index_course .course_menu li{font-size: 16px; margin: 5px 16px; line-height: 24px;}
	.index_course .course_content{margin-top: 20px; padding: 0 10px;}
	.index_course .course_content .course_list .list{width: 100%; padding: 20px 16px;}
	.index_course .course_content .course_list .list .title{text-align: center; margin-top: 0;}
	.index_course .course_content .course_list .list .title a{font-size: 20px;}
	.index_course .course_content .course_list .list .text{font-size: 14px; text-align: left; line-height: 24px; height: 240px; margin-top: 10px;}
	.index_course .course_content .course_list .list .picture{border-radius: 5px; overflow: hidden; margin-top: 10px;}
	.index_course .course_content .course_list .list .picture img{width: 100%; transition: all 0.5s;}
	.index_course .course_content .course_list .list .picture:hover img{transform: scale(1.1);}
	
	.index_news{height: auto; padding-bottom: 20px; background: url(../images/news.jpg) center bottom no-repeat;}
	.index_news .news_menu{float: none; text-align: center; margin-top: 20px;}
	.index_news .news_menu li{display: inline-block; width: 110px; float: none; line-height: 36px; text-align: center; font-size: 16px; background: url(../images/news_title.png) center no-repeat; background-size: auto 100%; margin: 0 5px;}
	.index_news .news_menu li:first-child{margin-left: 5px;}
	.index_news .news_menu li a{display: block;}
	.index_news .news_list{display: none;}
	.index_news .mobile_list{display: block; margin: 20px 10px;}
	.index_news .mobile_list .list{padding: 10px 20px; border: solid #eee 1px; background: #fff; box-shadow: 0 0 10px 10px #f5f5f5; margin-bottom: 10px;}
	.index_news .mobile_list .list .title{padding-top: 5px;}
	.index_news .mobile_list .list .title a{font-size: 15px; color: #000; font-weight: bold; line-height: 20px;}
	.index_news .mobile_list .list .text{margin-top: 10px;}
	.index_news .mobile_list .list .text a{color: #555; line-height: 20px;}
	.index_news .mobile_list .list .date{font-size: 12px; color: #999; margin-top: 10px;}
}