.main-container{ background-color:#F3F3F3;}
.container-inner{padding:40px 20px;}

.main-container .row1{display:flex; flex-wrap:wrap; margin-bottom:40px;}

.main-visual-wrap{width:840px; max-width:65.5%; height:360px; position:relative; overflow:hidden;}
.main-visual{height:100%; position:relative; overflow:hidden;}
.main-visual-slider{height:100%;}
.main-visual-slider .swiper-slide{height:100%; position:relative; z-index:10;}
.main-visual-slider .swiper-slide img{height:100%; width:100%;}

.main-visual-wrap .visual-nav{display:flex; position:absolute; left:50px; bottom:40px; height:30px; z-index:10; display:none;}
.main-visual-wrap .visual-nav.active{display:flex;}
.visual-nav .swiper-pagination{display:inline-flex; align-items:center; margin-right:20px;}
.visual-nav .swiper-pagination .swiper-pagination-bullet{display:inline-block;width:10px;height:10px;border-radius:50%;box-sizing:border-box; background-color:#fff; margin:0 5px; cursor:pointer; opacity:0.3; text-align:left; text-indent:-9999px; overflow:hidden;}
.visual-nav .swiper-pagination .swiper-pagination-bullet-active{background-color:#fff; opacity:1; width:14px;height:14px;}

.visual-nav button{width:30px;height:30px;text-align:left;text-indent:-9999px;}
.visual-nav .btn-stop{background:url(../img/main/btn_stop.svg) center center / cover no-repeat;}
.visual-nav .btn-stop.on{background:url(../img/main/btn_play.svg) center center / cover no-repeat;}


.main-links{width:31.5%; margin-left:3%;}
.main-links .links1{display:flex; justify-content:space-between; margin:0 -10px 24px -10px;}
.main-links .links1 li{width:calc(100% / 2); margin:0 10px;}
.main-links .links1 a{display:flex; flex-direction: column; align-items: center;justify-content: center; font-size:18px; position:relative; text-align:center;  color:#fff; height:148px; line-height:1.25em;}
.main-links .links1 a:before{display:block; width:45px;height:45px;content:''; margin:0 auto 10px auto;}
.main-links .links1 .link1 a{background-color:#4069B4}
.main-links .links1 .link1 a:before{background:url(../img/main/i_links1_1.png) center center  no-repeat;}
.main-links .links1 .link2 a{background-color:#50A73A;}
.main-links .links1 .link2 a:before{background:url(../img/main/i_links1_2.png) center center  no-repeat;}

.main-links .links2 li{background-color:#fff; margin-bottom:14px;}
.main-links .links2 a{display:flex; align-items: center; text-align:left; font-size:15px; height:48px; padding:0 30px 0 20px; background:url(../img/main/arr_links2.svg) right 20px center no-repeat; font-weight:500; line-height:1em;}
.main-links .links2 a:before{display:block; content:''; width:23px;height:23px; margin-right:10px; flex-shrink: 0;}
.main-links .links2 .link1{border:1px solid #4069B4;}
.main-links .links2 .link2{border:1px solid #60B44B;}
.main-links .links2 .link3{border:1px solid #F07804; margin-bottom:0;}
.main-links .links2 .link1 a:before{background:url(../img/main/i_links2_1.svg) center center  no-repeat;}
.main-links .links2 .link2 a:before{background:url(../img/main/i_links2_2.svg) center center  no-repeat;}
.main-links .links2 .link3 a:before{background:url(../img/main/i_links2_3.svg) center center  no-repeat;}

.main-container .row2{display:flex; }

.main-notice{width: 33.5%; margin-left:1%; height:360px; box-sizing:border-box; border:1px solid #4069B4; background-color:#fff; padding:30px 40px; position:relative; box-sizing:border-box;}
.main-notice .notice-tab{height:48px;border-bottom:1px solid #DCDCDC;}
.main-notice .notice-tab ul{display:flex; }
.main-notice .notice-tab ul li{box-sizing:border-box; margin-right:20px;}
.main-notice .notice-tab a{display:block; font-size:18px; position:relative;}
.main-notice .notice-tab .active a{color:#4069B4; font-weight:600;}

.main-notice .notice-list{display:none; position:relative;}
.main-notice #notice1{display:block;}
.main-notice .notice-list{box-sizing:border-box; text-align:left; padding:20px 0 0 0;}
.main-notice .notice-list .more{position:absolute;right:0;top:-48px;width:25px;height:25px;box-sizing:border-box; text-align:left;text-indent:-9999px;overflow:hidden; background:url(../img/main/i_notice_more.svg) center center no-repeat;}

.main-notice .notice-list .list li{margin-bottom:12px;}
.main-notice .notice-list .list a{display:flex; position:relative; padding-left:10px;  font-size:16px;}
.main-notice .notice-list .list a:before{display:block;content:'';width:3px;height:3px;border-radius:2px; background-color:#2B2B2B; position:absolute;left:0;top:10px; flex-shrink: 0;}
.main-notice .notice-list .title{width:100%; font-size:16px; color:#1c1c1c; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; margin-right:10px;}
.main-notice .notice-list .date{margin-left:auto; font-size:15px;color:#848484; flex-shrink: 0;}

.main-gallery{width:60%; height:362px; border:1px solid #60B44B; background-color:#fff; padding:10px 40px; position:relative; box-sizing:border-box;}
.main-gallery-head{height:35px; position:relative;}
.main-gallery-head h2{font-size:18px;font-weight:600; color:#50A73A;}
.main-gallery-head .btn-more{position:absolute;right:0;top:0;width:25px;height:25px;box-sizing:border-box; text-align:left;text-indent:-9999px;overflow:hidden; background:url(../img/main/i_gallery_more.svg) center center no-repeat;}

.main-gallery-body{box-sizing:border-box;}
.gallery-list{display:flex; flex-wrap:wrap; margin:-10px;}
.gallery-list li{width:calc(100% / 3 - 20px); margin:10px; position:relative;}

.gallery-list .photo{position:relative; /*height:0; padding-top:65%;*/}
.gallery-list .photo img{width:100%; height:140px;  /*height:100%; position:absolute;left:0;top:0;*/}
.gallery-list .title{position:absolute;left:0;right:0;bottom:0; margin:0; padding:0 10px; height:28px; background-color:rgba(0,0,0,0.5); color:#fff; text-align:center; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; line-height:28px; font-size:14px;  }


.main-banners{padding:30px 0; box-sizing:border-box; background-color:#fff;}
.main-banners ul{width:1280px; max-width:100%; margin:0 auto; display:flex; justify-content:space-between;height:58px;}

.main-video {margin-left:1%;  position: relative; width: 100%;  max-width: 640px;}

.main-video video {width: 100%; height: auto; max-width: 100%; border: 1px solid #F07804;}

@media all and (max-width:1320px){

    .main-banners{display:none;}
}

@media all and (max-width:1028px){

    .main-visual-wrap{width:50%; max-width:50%;}
    .main-links{width:calc(50% - 40px); margin-left:40px;}
    .main-links .links2{display:none;}

    .main-notice{width:50%; height:340px;}
    .main-notice .notice-list .list li:nth-child(7){display:none;}
    .main-notice .notice-list .list li:nth-child(8){display:none;}

    .main-gallery{width:calc(50% - 40px); margin:-222px 0 0 40px; height:562px; padding:20px;}
    .gallery-list li{width:calc(50%  - 20px);}    

}

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

    .main-links{width:calc(50% - 20px); margin-left:20px;}
	
    .main-gallery{width:calc(50% - 20px); margin-left:20px;}
   
	.main-video{width:calc(50% - 20px); margin-left:20px;}
 

}

@media all and (max-width:640px){

    .container-inner{padding:0 0 20px 0;}
    .main-container .row1{display:block; margin:0;}

    .main-visual-wrap{width:auto; max-width:100%; margin-bottom:20px; height:220px;}
    .main-visual-wrap .visual-nav{bottom:15px; left:50%; transform:translateX(-50%);}

    .main-links{width:auto; margin:0 0 20px 0; padding:0 15px;}
    .main-links .links2{display:none;}

    .main-links .links1{margin:0 -5px;}
    .main-links .links1 li{margin:0 5px;}
    .main-links .links1 a{font-size:16px; height:120px;}
    .main-links .links1 a:before{height:40px; background-size:auto 40px !important;}

    .main-container .row2{display:block; padding:0 15px; box-sizing:border-box;}
    .main-notice{width:auto; height:auto; margin:0 0 20px 0; padding:0; background:none; border:none; margin:30px 20px;}
    .main-notice .notice-tab{height:40px;}
    .main-notice .notice-list .title{font-size:15px;}
    .main-notice .notice-list .date{font-size:13px;}
    .main-notice .notice-list .more{top:-40px;}

    .main-gallery{width:auto; margin:0; height:auto;}
    .gallery-list .photo{height:0; padding-top:65%;}
    .gallery-list .photo img{height:100%; position:absolute;left:0;top:0;}
	.main-video{width:auto; margin:0; height:auto;margin-top: 20px;}

}