.container {max-width: 1400px}

.main-title {margin-bottom:50px;text-align:center;}
.main-title h2 {position:relative;margin-bottom:10px;font-size:30px;font-weight:600;}
.main-title h5 {font-size:var(--h3-font-size); line-height: 32px}

.mc-cont1 {width: 100%; max-width: 1100px; margin: 0 auto}
.cont1-box {color: #fff;border: 1px solid #fff;border-radius: 10px;display: flex;justify-content: center;align-items: center;padding: 50px 0}
.cont1-box-txts {padding-left: 50px}
.cont1-box-txts h2 {font-size: 26px}
.cont1-box-txts p {font-size: 18px}
.cont1-box-txts p span {font-size: 48px; font-weight: 900}
.cont1-box-img {margin-left: -30px}

.cont2-box-1 img {max-width: 300px}
.cont2-box-1 h3 {font-size: 26px; color: #6c6c6c; margin-bottom: 10px}
.cont2-box-1 .bar {width: 40px; height: 2px; background: #546e7a; margin-top: 15px; margin-bottom: 15px}

.main-links {}
.main-links .main-links-wrap {display:flex; flex-wrap:wrap;}
.main-links .main-links-wrap .main-links-inner {position:relative; width:50%; color:#fff;}
.main-links .main-links-wrap .main-links-inner.bg:before {position:absolute; content:""; width:100%; height:100%; background:rgba(0, 0, 0, 0.5); top:0; left:0;}
.main-links .main-links-wrap .main-links-inner img {width:100%;}
.main-links .main-links-wrap .main-links-inner:first-child {background:#1caa3a; padding:35px 30px 40px 40px;}
.main-links .main-links-wrap .main-links-inner:nth-child(2) {padding:35px 30px 40px 40px;}
.main-links .main-links-wrap .main-links-inner:nth-child(2) .txt {color:rgba(255, 255, 255, 0.8);}
.main-links .main-links-wrap .main-links-inner:first-child:before {position:absolute; content:""; top:50%; right:-18px; width:18px; height:28px; margin-top:-14px; background:url("/img/g-arrow.png")50% 50% no-repeat; background-size:contain; z-index:5;}
.main-links .main-links-wrap .main-links-inner:last-child {background:#004ea2; padding:35px 30px 40px 40px;}
.main-links .main-links-wrap .main-links-inner:last-child:after {position:absolute; content:""; top:50%; left:-18px; width:18px; height:28px; margin-top:-14px; background:url("/img/b-arrow.png")50% 50% no-repeat; background-size:contain;}
.main-links .main-links-wrap .main-links-inner .tit {font-size:23px; font-weight:800; margin-bottom:5px; position:relative; line-height:1.304em; color: #fff}
.main-links .main-links-wrap .main-links-inner .txt {position:relative; line-height:1.563em; color: #fff}
.main-links .detail {display:flex; justify-content:space-between; align-items:flex-end; bottom:40px; margin-top:65px;}

.cont2-box-3 { border: 3px solid #ececec; padding: 20px;}
.cb3-head {display: flex; justify-content: space-between}
.cb3-head h2 {font-size: 22px; font-weight: 900}
.cb3-head .btn-more a {font-size: 20px; padding: 1px 15px}
.cont2-box-3 .bar {width: 100%; height: 2px; margin: 20px auto; background: #f7f7f7}

.cont-notice li {margin-bottom: 9px}
.cont-notice li a {display: flex;justify-content: space-between;}

.section-bg-img-1 {background: url(/img/mbottom-bg.jpg) 50% 50% no-repeat;background-size: cover;height: 400px;}

.m-cont3 {width: 100%; max-width: 1800px; background: #fff;  padding: 30px 30px 25px; margin: 0 auto; min-height: 430px; box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px; overflow: hidden}

.section-bottom {height: 350px}

.responsive-iframe {position: relative;width: 100%;height: 465px; margin: 0 auto; overflow: hidden;}
.responsive-iframe iframe {width: 100%;height: 100%;border: 0; overflow: hidden;}
.last-section {margin-bottom: 0 !important}

.cont-navi {width: 100%; margin: 30px auto 150px; max-width: 800px}
.cont-navi li {width: 32.1%; text-align: center; background: #f7f7f7; margin: 0 !important; padding: 15px 0; font-size: 22px; font-weight: 900; color: #7c7c7c}
.active-b {background: #1fbab8 !important; color: #fff !important}

.cont-navi li:hover {background: #1fbab8; color: #fff}


.cont-navi2 {width: 100%; margin: 30px auto 150px; max-width: 1200px}
.cont-navi2 li {width: 19%; text-align: center; background: #f7f7f7; margin: 0 !important; padding: 15px 0; font-size: 22px; font-weight: 900; color: #7c7c7c}

.cont-navi2 li:hover {background: #1fbab8; color: #fff}




.quick {
    position: fixed;
    bottom: 30%;
    right: 20px;
    width: 125px;
    text-align: center;
    z-index: 90;
}

.quick ul {
    border-radius: 10px;
    border: 1px solid transparent;
    box-shadow: 1px 3px 8px rgba(0, 0 ,0 ,0.3);
}

.quick ul li {
    background: #fafafa;
}

.quick ul li .ico {
    display: block;
    margin: 0 auto;
    width: 45px;
    height: 45px;
    background: url("/img/main-link2.png")50% 50% no-repeat;
    background-size: contain;
    margin-bottom: 15px;
}

.quick ul li:hover .ico {
    background-image: url("/img/main-link2_w.png");
}

.quick ul li:nth-child(3) .ico {
    background-image: url("/img/main-link5.png");
}

.quick ul li:nth-child(3):hover .ico {
    background-image: url("/img/main-link5_w.png");
}

.quick ul li:nth-child(4) .ico {
    background-image: url("/img/main-link5.png");
}

.quick ul li:nth-child(4):hover .ico {
    background-image: url("/img/main-link5_w.png");
}


.quick ul li:hover {
    background: #004ea2;
}

.quick ul li:first-child:hover {
    background: #f9e000;
}

.quick ul li:first-child:hover a {
    color: #454545;
}

.quick ul li:hover a {
    color: #fff;
}

.quick ul li:first-child {
    border-radius: 10px 10px 0 0;
}

.quick ul li:last-child {
    border-radius: 0 0 10px 10px;
}

.quick ul li:last-child a {
    border-bottom: 0;
}

.quick ul li a {
    display: block;
    padding: 20px 0 15px 0;
    font-size: 16px;
    font-weight: 500;
    color: #454545;
    line-height: 1.3em;
    letter-spacing: -.03em;
    border-bottom: 1px solid #ddd;
}

.quick ul li img {
    display: block;
    margin: 0 auto 15px;
}











@media (max-width:1200px){
    .cont-navi2 li {font-size: 18px; width: 32%; margin-bottom: 2px} 
    .section-bg-img-1 {height: auto;}
}






@media (max-width:991px){
    .cont-navi li {font-size: 18px}
    .cont-navi2 li {font-size: 18px; width: 32%; margin-bottom: 2px}
    
    .responsive-iframe {height: 415px}
    
    
    .cont-notice li a span {display: none}
    .main-title h2 {font-size: 24px}
    .main-title h5 {font-size: 18px; line-height: 26px}
    .main-title {margin-bottom:50px;}
    
    .cont1-box {color: #fff;border: 1px solid #fff;border-radius: 10px;display: flex;justify-content: center;align-items: center;padding: 30px 0}
    .cont1-box-txts {padding-left: 20px}
    .cont1-box-img {margin-left: -10px}
    .cont1-box-img img {max-height: 50px}
    
    .cont1-box-txts h2 {font-size: 20px}
    .cont1-box-txts p {font-size: 16px}
    .cont1-box-txts p span {font-size: 30px; font-weight: 900}
    
    .cont2-box-1 img {max-width: 200px}
    .cont2-box-1 h3 {font-size: 20px; margin-bottom: 10px}
    
    .main-links {width:100%;}
    .main-links .main-links-wrap .main-links-inner .tit {font-size:20px;}
    .main-links .main-links-wrap .main-links-inner:first-child {padding:25px 15px 30px 20px;}
    .main-links .main-links-wrap .main-links-inner:last-child {padding:25px 15px 30px 20px;}
    .main-links .main-links-wrap .main-links-inner:nth-child(2) {padding:25px 15px 30px 20px;}
    .main-links .detail {margin-top:15px;}
    .main-links .main-links-wrap .main-links-inner {width:100%;}
    .main-links .main-links-wrap .main-links-inner .img {width:20%;}
    
    .main-links {margin-top:20px;}
    .main-links ul li {width:100%;}
    .main-links ul li .imgs {height:240px;}
    .main-links ul li .tit {font-size:18px;}
    .main-links ul li .img {width:15%;}
    .main-links ul li:first-child:before {top:auto; bottom:-23px; right:50%; margin-right:-9.5px; transform: rotate(90deg);}
    .main-links ul li:last-child:after {top:-9px; left:50%; margin-left:-9.5px; transform: rotate(90deg);}
    .main-links .main-links-wrap .main-links-inner:first-child:before {top:auto; bottom:-23px; right:50%; margin-right:-14px; transform: rotate(90deg);}
    .main-links .main-links-wrap .main-links-inner:last-child:after {top:-9px; left:50%; margin-left:-9.5px; transform: rotate(90deg);}
    .main-links .main-links-wrap .main-links-inner .imgs {height:275px;}
    
    .m-cont3 {min-height: 1050px}
    .section-bottom {height: 200px}
    
    .quick {width: 100px}

}

@media (max-width:550px){
    .cont-navi li {font-size: 14px}
    .cont-navi2 li {font-size: 14px}
    .quick {width: 60px}
    .quick nt {display: none}
    .quick ul li img {width: 30px}
    .quick ul li .ico {width: 30px; height: 30px}
    
    .responsive-iframe {height: 680px}
    .m-cont3 {padding: 30px 20px 20px}
    
    .cont1-box {flex-direction: column;}
    .cont1-box-txts {padding-left: 0px; text-align: center}
    .cont1-box-img {margin-left: 0px}
    .cont1-box-img img {max-height: 50px; margin-bottom: 15px}

    .cont1-box-txts h2 {font-size: 20px}
    .cont1-box-txts p {font-size: 16px}
    .cont1-box-txts p span {font-size: 30px; font-weight: 900}

}