@charset "utf-8";
body{background: url(../images/header_bg.png) no-repeat center top #EFEDFF;; background-size: 1920px auto;}
.yjnmsz-bg{background: url(../images/footerbg.png) no-repeat center bottom}

.yjnmsz-header-logo{padding-top: 15px;}
.yjnmsz-header-logo img{max-height: 54px;}

.yjnmsz-pannel{height: 922px; padding: 20px 30px 30px; box-sizing: border-box; border-radius: 40px; background: #FFFFFF; border: 5px dashed #876FA3;}
.yjnmsz-pannel .title{margin-bottom: 15px;}
.yjnmsz-pannel .title img{display: block; height: 100px;}
.yjnmsz-pannel .memo{font-size: 1.25em; line-height: 2; text-indent: 2em; margin-bottom: 15px;}
.yjnmsz-swiper{border-radius: 20px;}

.yjnmsz-list li{font-size: 1.25em; font-weight: bold; line-height: 38px; padding-top: 16px; padding-bottom: 16px;}
.yjnmsz-list.dot li .box a{padding-left:40px;}
.yjnmsz-list.dot li .box a:before{width: 26px; height: 30px; background: url(../images/icon1.png) no-repeat left center; background-size: 100%; position: absolute; left: 0; top: 5px;}
.yjnmsz-list li:hover a,
.yjnmsz-list li a:hover{color: #876FA3;}

.yjnmsz-more{text-align: right;}
.yjnmsz-more a{color: #876FA3; font-size: 1.25em; font-weight: bold;}

.yjnmsz-pannel-2{border-color: #606398;}
.yjnmsz-pannel-2 .yjnmsz-more a,
.yjnmsz-pannel-2 .yjnmsz-list li:hover a,
.yjnmsz-pannel-2 .yjnmsz-list li a:hover{color: #606398;}
.yjnmsz-pannel-2 .yjnmsz-list.dot li .box a:before{background-image: url(../images/icon2.png);}

.yjnmsz-pannel-3{border-color: #E36768;}
.yjnmsz-pannel-3 .yjnmsz-more a,
.yjnmsz-pannel-3 .yjnmsz-list li:hover a,
.yjnmsz-pannel-3 .yjnmsz-list li a:hover{color: #E36768;}
.yjnmsz-pannel-3 .yjnmsz-list.dot li .box a:before{background-image: url(../images/icon3.png);}

.yjnmsz-pannel-4{border-color: #B25B3D;}
.yjnmsz-pannel-4 .yjnmsz-more a,
.yjnmsz-pannel-4 .yjnmsz-list li:hover a,
.yjnmsz-pannel-4 .yjnmsz-list li a:hover{color: #B25B3D;}
.yjnmsz-pannel-4 .yjnmsz-list.dot li .box a:before{background-image: url(../images/icon4.png);}

.yjnmsz-pannel-5{border-color: #DF8546;}
.yjnmsz-pannel-5 .yjnmsz-more a,
.yjnmsz-pannel-5 .yjnmsz-list li:hover a,
.yjnmsz-pannel-5 .yjnmsz-list li a:hover{color: #DF8546;}
.yjnmsz-pannel-5 .yjnmsz-list.dot li .box a:before{background-image: url(../images/icon5.png);}

.yjnmsz-pannel-6{border-color: #C69A1D;}
.yjnmsz-pannel-6 .yjnmsz-more a,
.yjnmsz-pannel-6 .yjnmsz-list li:hover a,
.yjnmsz-pannel-6 .yjnmsz-list li a:hover{color: #C69A1D;}
.yjnmsz-pannel-6 .yjnmsz-list.dot li .box a:before{background-image: url(../images/icon6.png);}

.yjnmsz-pannel-7{border-color: #31A5BE;}
.yjnmsz-pannel-7 .yjnmsz-more a,
.yjnmsz-pannel-7 .yjnmsz-list li:hover a,
.yjnmsz-pannel-7 .yjnmsz-list li a:hover{color: #31A5BE;}
.yjnmsz-pannel-7 .yjnmsz-list.dot li .box a:before{background-image: url(../images/icon7.png);}

.yjnmsz-pannel-8{border-color: #BD6396;}
.yjnmsz-pannel-8 .yjnmsz-more a,
.yjnmsz-pannel-8 .yjnmsz-list li:hover a,
.yjnmsz-pannel-8 .yjnmsz-list li a:hover{color: #BD6396;}
.yjnmsz-pannel-8 .yjnmsz-list.dot li .box a:before{background-image: url(../images/icon8.png);}

.yjnmsz-pannel-9{border-color: #0065A0;}
.yjnmsz-pannel-9 .yjnmsz-more a,
.yjnmsz-pannel-9 .yjnmsz-list li:hover a,
.yjnmsz-pannel-9 .yjnmsz-list li a:hover{color: #0065A0;}
.yjnmsz-pannel-9 .yjnmsz-list.dot li .box a:before{background-image: url(../images/icon9.png);}

.yjnmsz-pannel-10{border-color: #60A04C;}
.yjnmsz-pannel-10 .yjnmsz-more a,
.yjnmsz-pannel-10 .yjnmsz-list li:hover a,
.yjnmsz-pannel-10 .yjnmsz-list li a:hover{color: #60A04C;}
.yjnmsz-pannel-10 .yjnmsz-list.dot li .box a:before{background-image: url(../images/icon10.png);}


@media (max-width: 1280px) {
  body{background-size: 100%;} 
  .yjnmsz-bg{background-size: 120%;} 
  .yjnmsz-pannel{height: auto;}
  
}
@media (max-width: 992px) {
  .yjnmsz-bg{font-size: 14px;}
  
}

@media (max-width: 480px) {
  .yjnmsz-header-logo img{max-height: 30px;}
  .yjnmsz-pannel{border-width: 3px; border-radius: 10px; padding: 10px 20px 20px;}
  .yjnmsz-pannel .title img{height: 70px;}
  .yjnmsz-swiper .imgratio{border-radius: 10px;}
  .yjnmsz-list.dot li .box a{padding-left: 30px;}
  .yjnmsz-list.dot li .box a:before{width: 20px; top: 8px;}
  
}