.title{text-align:center; padding-bottom:18px;}
.title h2{font-size:28px;position: relative;text-align:center;font-size: 26px;font-weight: bold;color:rgb(1,90,170);margin: 0;}
.title p{opacity:.68; font-size:16px; font-family:Times, serif, Microsoft Yahei;}
@media(max-width:767px){ 
.title{padding-bottom:12px;}
.title h2{font-size:24px;}
.title p{font-size:14px;}
}

.announcement{ background:rgb(245,245,245); height:50px; margin-bottom: 20px; }
.announcement h2{ font-weight: normal; line-height:50px; margin: 0;padding:0;font-size:15px; color:rgb(1,90,170); }
.announcement ol{ list-style: none; margin: 0; padding: 0; }
.announcement ol li{ display: inline-block; width: 32%; line-height:50px; }
.announcement ol li p{ margin: 0; padding-right: 10px;font-size:15px;}
@media only screen and (max-width: 768px) {
.announcement{ display: none; }
}

.product{padding:50px 0;background:; overflow:hidden; }
#product-tabs .am-nav-tabs{ border-bottom: 1px solid rgb(1,90,170); }
.am-nav-tabs.am-nav-justify>li>a, #product-tabs .am-tabs-bd { border: 0; }
#product-tabs .am-nav-tabs>li { float: none; display: inline-block; }
#product-tabs .am-nav-tabs>li a { font-size: 16px; font-weight: bold; color: #000; display: block; width: 100%; text-align: center; }
#product-tabs .am-nav-tabs>li.am-active>a, #product-tabs .am-nav-tabs>li.am-active>a:focus, #product-tabs .am-nav-tabs>li.am-active>a:hover { background: rgb(1,90,170); border-color: rgb(1,90,170); border-top-left-radius: 5px; border-top-right-radius: 5px; color: #ffffff; }
#product-tabs .am-nav>li>a:focus,#product-tabs .am-nav>li>a:hover{ color: #ffffff; background: #f68100; border-color: #f68100; border-top-left-radius: 5px; border-top-right-radius: 5px; }
#product-tabs .am-tabs-bd .am-tab-panel { padding: 0; }
#product-tabs .am-tabs-bd .am-tab-panel .border{ background: #fff; border: 1px solid #f5f5f5; margin: 5px }
.product img { display: block; transition: all 0.5s ease; width: 100%; }
#product-tabs .am-tab-panel ul li { padding:10px 0; }
.product .pic { display: block; overflow: hidden; }
.product ul li a { width: 100%; display: block; position: relative; transition: all 0.5s ease; }
.product h3{ font-weight: bold; color: #000; font-size: 16px; text-align: center; margin:10px auto;}
.product .para_more{ text-align: center; }
.product .para_more h4{ color:rgb(1,90,170); font-size: 18px; font-weight: bold; }
.product .para_more dl{padding: 0 12px;}
.product .para_more dl dt,.product .para_more dl dd{display: inline;}
.product .register_now{ font-size: 16px; font-weight: bold; text-align: center; padding: 5px; width: 92%; margin: 10px auto; border-radius: 5px; background: rgb(1,90,170); color: #fff; }
.product .register_now:hover{ color: #fff; background: #fdb813; text-decoration: none; }
.course-link{ margin:0; }
.course-link ol li { padding: 10px; position: relative; }
.course-link ol li img{ border-radius: 5px; }
.course-link ol li p{ font-size: 16px; font-weight: bold; position: absolute; top: 30%; left: 15%; color: #fff; }
.course-link ol li p span{ display: block; }
@media(max-width:767px){ 
.product{padding:30px 0;}
#product-tabs .am-nav-tabs>li{display:inline-block;}
#product-tabs .am-nav-tabs>li a { margin:0; font-size:14px;}
#product-tabs ul.am-tabs-nav li { padding: 0; }
#product-tabs ul.am-tabs-nav { padding-bottom: 10px; }
#product-tabs .am-nav-tabs>li.am-active>a, #product-tabs .am-nav-tabs>li.am-active>a:focus, #product-tabs .am-nav-tabs>li.am-active>a:hover{border-radius: 5px;}
.product h3 { font-size: 14px; font-weight: normal; }
.course-link ol li p { font-size: 14px; font-weight: normal; top: 25%; }
}
@media(max-width:640px){
.course-link ol li p { top: 35%; }
}

.introduce{padding: 50px 0;background:rgb(247,248,249); overflow:hidden; }
.introduce img{display: block;max-width: 100%;margin:0 auto;}
.introduce aside iframe,.introduce aside video,.introduce aside img { max-width: 100%; height: 100%; }
@media(min-width:992px){

}
@media(max-width:991px){
.introduce{padding: 30px 0;}
}

.service{padding: 50px 0;background:; overflow:hidden; }
.service li{ margin-bottom: 40px; }
.service i{ color:#fdb813; font-size: 48px; min-width: 100px; float: left; display: inline-grid; }
.service img{ display: block; float: left; width:68px; height: auto; margin: 0 30px; }
.service .service_desc h3{ font-size: 16px; font-weight: bold; }
.service .service_desc p{ margin: 0; }
.service a:hover{ color:#fdb813; }
@media(max-width:991px){
.service{padding: 30px 0;}
.service img { margin: 0 10px 0 0; }
}

.training{padding: 50px 0;background:rgb(245,245,245); overflow:hidden; }
.training .space{ margin-top: 30px; }
.training .space ul{ list-style: none; }
.training .space ul li{ padding: 0 5px 20px; }
.training .space ul li p{ font-size: 16px; margin: 0; line-height: 38px; background: #fff; text-align: center; }
.training .trainees{padding: 30px 0 0 0;}
.training .trainees .swiper-container { width: 100%; height: 100%; padding: 30px 20px; background: #fff; }
.training .trainees .swiper-slide { background: transparent; text-align: center; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; }
.training .trainees .swiper-slide ._img{ width: 100%; position: relative; overflow: hidden; transform: perspective(1000px) translate3d(0, 0, 0px); transition: 0.5s; }
.training .space img,.training .trainees .swiper-slide ._img img{ display: block; width: 100%; }
.training .trainees .swiper-slide:hover ._img{ overflow: hidden; transform: perspective(1000px) translate3d(0, 0, 30px); transition: 0.5s; box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1); }
.training .trainees .swiper-button-next,.training .trainees .swiper-button-prev { color: #fdb813; }
@media(max-width:991px){
.training{padding: 30px 0;}
.training .space ul li{ padding: 10px 0; }
.training .space .space_img{ margin-bottom:10px; }
.training .trainees{padding: 10px 0 0 0;}
}

.news{background:; overflow:hidden;}
.news .news_list{ background: #fff; padding: 0; margin: 0; }
.news .news_info{ clear: both; padding:0 10px; }
.news .news_pic{ position: relative; margin-bottom: 5px; }
.news .news_pic ._img{ width: 40%; margin-bottom: 10px; }
.news .news_pic ._img img{ width: 100%; display: block; }
.news .news_pic .news_text{ width:56%; position: absolute; top: 0; right: 0; padding:0px; }
.news .news_pic .news_text ._date{ display: block;margin-bottom: 10px;font-weight: bold; font-family: "Times New Roman", Times, serif; line-height: 1; font-style: normal; color: rgb(1,90,170); font-size: 36px; }
.news .news_pic .news_text h4{ font-size: 16px; margin: 10px 0; }
.news .news_pic .news_text p{ margin: 0; color: #666666; }
.news .news_pic:hover .news_text{ display: block; }    
.news .news_pic h2{ position: absolute; bottom: 36px; left: 36px; font-size: 36px; font-weight: normal; text-shadow: 1px 1px 2px rgb(0 0 0 / 50%); color: #fff; z-index: 1; }
.news .news_list .title{ position: relative; height: 50px; line-height: 50px; }
.news .news_list .title i { background: rgb(1,90,170); color: #fff; float: left; font-size: 24px; width: 75px; height: 55px; line-height: 55px; text-align: center; }
.news .news_list .title{ margin:0; }
.news .news_list .title b { float: left; padding: 0 10px; font-size: 20px; color: #333; }
.news .news_list .title .news_more{ float: right; margin: 0; color: #333; font-weight: normal; }
.news .news_list .news_more{ position: absolute; right: 30px; top: 0; }
.news ul{ background: #fff; list-style: none; padding: 0; margin: 0; }
.news ul li{ position: relative; padding:8px 0; border-bottom: 1px dashed #e5e5e5; overflow: hidden;line-height: 41px;}
.news ul li h4{ display: block; width:75%; font-weight: normal; font-size: 16px; color: #333; margin: 0; }
.news ul li ._date{ font-size: 14px; color: #666; position: absolute; right: 15px; top:12px; }
.news ul li b{ width: 28px; height: 28px; border-radius: 100%; background-color: #144280; display: inline-block; vertical-align: middle; position: relative; }
.news ul li span { font-size: 16px; color: rgb(1,90,170); display: inline-block; vertical-align: middle; padding-left: 12px; height: 28px; line-height: 28px; }
.news li a:hover b i{animation: newsDh .4s linear both;}
@keyframes newsDh {0% {left: 7px;opacity: 1;}25%{left: 14px;opacity: 0;}75%{left: -14px;opacity: 0;}100% {left: 7px;opacity: 1;}}
.news li a:hover h4{ color: rgb(1,90,170); }
@media(max-width:1024px){
.news .news_pic .news_text ._date{display: none;}
.news ul li { line-height: inherit; }
}
@media(min-width:992px){
.news{padding: 50px 0;}
.news .news_pic .news_text h4{ margin: 0 0 10px 0; }
}
@media(max-width:991px){
.news .news_pic .news_text ._date{display: none;}
.news{padding: 30px 0;}
}
@media(max-width:820px){ 
.news .news_pic .news_text p{ height:48px;-webkit-line-clamp: 2; overflow: hidden;}
.news ul li { padding: 4px 0; }
.news .news_pic .news_text h4 { margin: 0 0 5px 0; }
.news ul li ._date{display: none;}
.news ul li h4{width: 100%;}
.news ul li { padding: 2px 0; line-height: 28px; }
}
@media(max-width:768px){ 
.news ul li { line-height: 26px; }
}
@media(max-width:640px){ 
.news ul li h4{ font-size: 15px;}
}
@media(max-width: 320px){
.news ul li h4 { width: 100%; }
.news ul li ._date{ display: none; }
.news .news_pic .news_text h4{ margin: 0; }
.news .news_pic .news_text p{height: 48px; overflow: hidden;}
}
