.ser1-title1{ width: 100%; text-align: center; padding-bottom: 30px;}
.ser1-title1 h2{font-size: 2rem; margin-bottom:20px; line-height: 36px;}
.ser1-title1 em{ width: 40px; height: 3px; display: block; background: #00479B; margin: 0 auto;}


.ser1-box1{ width: 100%; padding: 80px 0; background: #F8F8F8;}
.ser1-box1-info{ background: #FFFFFF; }
.ser1-box1-info-left{ width: 40%; height: 100%;}
.ser1-box1-info-left img{ width: 100%; height: 100%; object-fit: cover;}
.ser1-box1-info-right{ width: 60%; padding: 30px 50px;}
.ser1-box1-info-right h2{font-size: 1.6rem; line-height: 32px; margin-bottom: 20px;}
.ser1-box1-info-right a{ padding: 0 35px; background: #00479B; margin-top: 30px; display: inline-block; height: 52px; line-height: 52px; color: #FFFFFF; font-size: 1.2rem;}
.ser1-box1-info-right a:hover{ background: #8A7829;}
.ser1-box1-info-right a i{ margin-left: 10px;   transition: margin-left 0.3s ease; }
.ser1-box1-info-right a:hover i{ margin-left: 20px; }

.ser1-box2{ width: 100%; padding: 80px 0; background: #FFFFFF;}
.ser1-box2-info{ background: #00479B;}
.ser1-box2-info-left{ width: 60%; padding: 30px 50px; color: #FFFFFF;}
.ser1-box2-info-left h2{font-size: 1.6rem; line-height: 32px; margin-bottom: 20px; color: #FFFFFF;}
.ser1-box2-info-left a{ padding: 0 35px; background: #FFFFFF; margin-top: 30px; display: inline-block; height: 52px; line-height: 52px; color: #00479B; font-size: 1.2rem;}
.ser1-box2-info-left a:hover{ background: #8A7829; color: #FFFFFF;}
.ser1-box2-info-left a i{ margin-left: 10px;   transition: margin-left 0.3s ease; }
.ser1-box2-info-left a:hover i{ margin-left: 20px; }

.ser1-box2-info-right{ width: 40%; height: 100%;}
.ser1-box2-info-right img{ width: 100%; height: 100%; object-fit: cover;}


.ser1-box3{ width: 100%; padding: 80px 0; background: #FFFFFF;}

.ser1-box4{ width: 100%; padding: 80px 0; background: #F8F8F8;}

.ser1-box4-info{}
.ser1-box4-info h2{font-size: 1.6rem; line-height: 32px; margin-bottom: 20px;}


.ser1-box4-list{ padding-top: 30px;}
.ser1-box4-list dl{ width: 49.5%; margin-bottom: 1%;}
.ser1-box4-list dl dt img{width: 100%; height: 100%; object-fit: cover;}
.ser1-box4-list dl dt{ width: 49%; height: 100%;}
.ser1-box4-list dl dd{ width: 49%; height: auto; border:1px solid #EEEEEE; border-bottom:3px solid #00479B; text-align: center;}
.ser1-box4-list dl dd div{ width: 100%; padding: 35px;}
.ser1-box4-list dl dd em{ display: block; font-size: 0.9rem; line-height: 32px;}
.ser1-box4-list dl dd b{ display: block; font-size: 1.2rem; line-height: 32px; margin-top: 10px;}
.ser1-box4-list dl dd p{ margin-top: 10px;}

.ser1-box5{ width: 100%; background: url(../images/ser1bg.png) no-repeat center; background-size:cover; padding: 180px 0;}
.ser1-box5-box{}
.ser1-box5-box-left{ width: 60%;}
.ser1-box5-box-right{ width: 40%; border-radius:12px; padding: 30px 50px; background: #000000; color: #FFFFFF;}
.ser1-box5-box-right h2{ color: #FFFFFF; font-size: 1.6rem; line-height: 32px; margin-bottom: 20px;}

.ser1-box5-box-right a{ display: inline-block; border:1px solid #FFFFFF; border-radius:30px; color: #FFFFFF; margin-top: 20px; padding: 0 100px; height: 52px; line-height: 50px;}
.ser1-box5-box-right a i{ margin-right: 10px;}
.ser1-box5-box-right a:hover{ background: #FFFFFF; color: #00479B;}



@media (max-width:1280px) {


.ser1-title1{padding-bottom: 20px;}
.ser1-title1 h2{font-size: 1.4rem; margin-bottom:10px; line-height: 32px;}



.ser1-box1{ padding: 30px 0; }
.ser1-box1-info-left{ width: 100%; }
.ser1-box1-info-right{ width:100%; padding:25px;}
.ser1-box1-info-right h2{font-size: 1.4rem; margin-bottom: 10px;}
.ser1-box1-info-right a{ padding: 0 25px; margin-top: 20px;}


.ser1-box2{ padding: 30px 0;}
.ser1-box2-info-left{ width: 100%; padding: 25px; }
.ser1-box2-info-left h2{font-size: 1.4rem; margin-bottom: 10px;}
.ser1-box2-info-left a{ padding: 0 25px;  margin-top: 20px;}


.ser1-box2-info-right{ width: 100%; }



.ser1-box3{padding: 30px 0;}

.ser1-box4{ padding: 30px 0; }


.ser1-box4-info h2{font-size: 1.4rem; margin-bottom: 10px;}


.ser1-box4-list{ padding-top: 20px;}
.ser1-box4-list dl{ width: 100%; height: 100%; margin-bottom: 1%;}
.ser1-box4-list dl dt{ width: 100%;}
.ser1-box4-list dl dd{ width: 100%;}
.ser1-box5{ padding: 60px 0;}
.ser1-box5-box{}
.ser1-box5-box-left{ width:0;}
.ser1-box5-box-right{ width: 100%;  padding: 30px; }
.ser1-box5-box-right h2{ color: #FFFFFF; font-size: 1.4rem; margin-bottom: 10px;}

.ser1-box5-box-right a{padding: 0 50px; }




}


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

}

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

}

@media screen and (max-width: 480px) {
 
  
}