@charset "utf-8";
#container { min-width: 320px;}
/*visual*/
.main_vis { position: relative;height: 532px; background: url("/resources/img/main/main_bg.jpg?ver=260708")no-repeat center/cover; overflow:hidden; padding-top: 130px;filter: brightness(0.9);}
.main_vis .inner { height: 100%;}

.main_vis .left_logo {position: absolute; width: 540px; height: 543px; background: url("/resources/img/main/main_vis_logo.png?ver=0260708") no-repeat center; transition: .3s ease; transform: translateY(-10px) translateX(-157px); animation: fadeInLogo 1.2s ease; background-size: cover;}
@keyframes fadeInLogo {
  0% {opacity: 0;}
  100% {opacity: 1;}
}

.main_vis .right_txt { width:100%; max-width:572px; margin:114px 0 40px;position: relative; float: right;}
.main_vis .right_txt .tit1 { margin-left: 42px; font-size: 22px;  color: #fff;  margin-bottom: 10px;}
.main_vis .right_txt .tit2 { margin-left: 42px; font-size: 50px;  color: #fff; font-weight: 500; }
.main_vis .right_txt .tit2::after { content: ''; display: block; width: 37px; height:2px; background: #fff;  position: relative;margin-top: 30px;}
.main_vis .right_txt .vis_ico {font-size: 0; margin-top:40px;}
.main_vis .right_txt .vis_ico li {font-size:15px; display: inline-block; width:25%; text-align: center; max-width: 143px; position: relative;}
.main_vis .right_txt .vis_ico li::before { content: ''; display: inline-block; height: 44px; width: 1px; background:rgba(255,255,255,.5);position: absolute; left: 0; top:50%; transform: translateY(-50%);}
.main_vis .right_txt .vis_ico li:first-child:before { display: none;}
.main_vis .right_txt .vis_ico li a { display: block; color: #fff; transition: .3s ease; padding: 24px 0; box-sizing: border-box;border:2px solid transparent; position: relative; z-index: 1;}
.main_vis .right_txt .vis_ico li a::before { content: ''; transition: .3s ease; display: block; background: rgba(9,181,185, .85);  position: absolute; top: 0; left: 0; width: 100%; height:0; z-index: -1;}
.main_vis .right_txt .vis_ico li:hover a {border:2px solid #fff;}
.main_vis .right_txt .vis_ico li:hover a::before { height: 100%;}

.main_vis .right_txt .vis_ico li .ico {width: 50px; height: 50px; display: inline-block; background:  url("/resources/img/main/main_ico1.png") no-repeat center; margin: 0 auto 10px; display: block;}
.main_vis .right_txt .vis_ico li .ico2 {background: url("/resources/img/main/main_ico2.png") no-repeat center;}
.main_vis .right_txt .vis_ico li .ico3 {background: url("/resources/img/main/main_ico3.png") no-repeat center;}
.main_vis .right_txt .vis_ico li .ico4 {background: url("/resources/img/main/main_ico4.png") no-repeat center;}

/* contents */
.section_tit { font-size: 30px; font-weight: 500; text-align: center; margin-bottom:50px;}
.section02 { overflow: hidden; background: #e8f6ff; padding: 95px 0 105px;}
.section02 .inner { font-size: 0;}
.section02 .inner > div { font-size: 17px; vertical-align: top;}
.section02 .popup_wrap { display: inline-block; width: calc(50% - 15px); overflow:hidden; margin-right: 15px; position: relative; height: 327px;}
.section02 .popup_wrap .popup .item { float:left; }
.section02 .popup_wrap .popup .item a { display: block;position: relative}
.section02 .popup_wrap .popup_arrow {position: absolute;bottom: 20px; background: #fff; right: 70px; width: 77px; padding: 6px 2px; border-radius: 50px 0 0 50px; height: 35px; box-sizing: border-box;}
.section02 .popup_wrap .popup_arrow a {text-indent: -99999px; display: inline-block; width: 14px; height: 14px; background: url("/resources/img/main/sp_arw_g.png") 7px 5px no-repeat; transition: all .3s ease; float: left; padding: 5px;}
.section02 .popup_wrap .popup_arrow .play {background-position: -111px 5px; display: none;}
.section02 .popup_wrap .popup_arrow .pause {background-position: -32px 5px;}
.section02 .popup_wrap .popup_arrow .next {background-position: -71px 5px;}
.section02 .popup_wrap .popup_arrow a:hover {background-image: url("/resources/img/main/sp_arw_b.png");}
.section02 .popup_wrap .slick-counter {position: absolute;bottom: 20px; background: #fff; right: 21px; width: 50px; padding: 8px 0; border-radius:  0 50px 50px 0; border-left: 1px solid #ddd; text-align: center; font-size: 14px; height: 35px; box-sizing: border-box;}
.section02 .notice_wrap { position:relative; display: inline-block;width: calc(50% - 15px); margin-left: 15px; background: #fff;}
.section02 .notice_top {background: #0088d0; color: #fff; display:block; padding:16px 34px; font-size: 20px; font-weight: 500;}
.section02 .notice_wrap ul {box-sizing: border-box; min-height: 267px; padding: 20px 33px 20px;}
.section02 .notice_wrap ul li {margin-top: 12px; position: relative; padding-left: 17px; box-sizing: border-box;}
.section02 .notice_wrap ul li:first-child {margin-top: 0;}
.section02 .notice_wrap ul li::before {content:''; display: inline-block; left: 0; position: absolute;width:8px; height: 4px;background: #aaa; top:8px;}
.section02 .notice_wrap ul li a { display: inline-block; max-width: 80%; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
.section02 .notice_wrap ul li a:hover { text-decoration: underline;}
.section02 .notice_wrap ul li .date { float: right; color:#777} 
.section02 .notice_wrap .more_btn { transition: .3s ease; border-left: 1px solid rgba(255,255,255,.3); position: absolute; right: 0; top: 0; text-indent: -99999px; display: inline-block; width: 60px; height: 60px;}
.section02 .notice_wrap .more_btn::before { content: '';display: inline-block; width: 17px; height: 1px; background: #fff; transform: translate3d(-50%, -50%, 0); position: absolute;top:50%; left:50%; }
.section02 .notice_wrap .more_btn::after { content: '';display: inline-block; height: 17px; width: 1px; background: #fff; transform: translate3d(-50%, -50%, 0); position: absolute;top:50%; left:50%; }
.section02 .notice_wrap .more_btn:hover { background: #0078b7;}

.section03 { text-align: center; padding: 70px 0 70px; background: #fff; position: relative; overflow:hidden; position: relative;}
.section03 .left_bg { position: absolute; width: 50%; left:0; top: 0; height: 100%; background: url("/resources/img/main/sec03_left_bg.jpg") no-repeat center; background-size: cover;}
/* .section03 .right_bg { position: absolute; width: 501px; right:-70px; bottom: -82px; height: 501px; background: url("/resources/img/main/sec03_right_bg.png") no-repeat center; background-size: cover; } */
.section03 .right_bg { position: absolute; width: 501px; right:-30px; bottom: -82px; height: 501px; background: url("/resources/img/main/main_vis_logo.png?ver=260708") no-repeat center; background-size: cover; filter: brightness(0.9); }
.section03 .icjg_program { width: 50%; float: left; box-sizing: border-box; padding: 0 55px;}
.section03 .icjg_program .section_tit { color:#fff;}
.section03 .icjg_program ul {}
.section03 .icjg_program ul::after { clear: both; content: ''; display: block;}
.section03 .icjg_program ul li { width: calc(25% - 10px); margin: 5px; float:left; }
/* .section03 .icjg_program ul li.item9 { width: calc(50% - 10px);} */
.section03 .icjg_program ul li a { font-weight: 400; padding:8px 5px; word-break: keep-all; display: table; width: 100%; color: #fff; box-sizing: border-box; border: 1px solid #fff; transition: .3s ease; height: 64px;}
.section03 .icjg_program ul li a span { display: table-cell; vertical-align: middle;}
.section03 .icjg_program ul li a:hover { background-color:  rgba(9,181,185, .85); border: 1px dashed #fff;} 
.section03 .icjg_info { width: 50%; float: left; box-sizing: border-box; padding: 0 55px; position: relative; z-index: 1;}
.section03 .icjg_info .section_tit { padding: 0 0 40px;border-bottom: 1px solid #ddd; margin-bottom: 0;}
.section03 .icjg_info ul { margin:25px 0 38px; text-align: left;}
.section03 .icjg_info ul li { margin-top: 12px;}
.section03 .icjg_info ul li:first-child { margin-top:0;}
.section03 .icjg_info ul li span { display: inline-block; vertical-align: top; box-sizing: border-box; line-height: 140%; word-break: keep-all;}
.section03 .icjg_info ul li .tit { width:82px; background-color: #2979cb; color: #fff; font-weight: 500; text-align: center; border-radius: 5px; padding:2px 4px;}
.section03 .icjg_info ul li .txt { width:calc(100% - 82px); padding-left: 15px;}
.section03 .icjg_info ul li.info1 .txt { font-weight: 500; color: #2979cb; font-size: 20px;}
.section03 .icjg_info .link_box { position: relative; font-size: 0; z-index: 1;}
.section03 .icjg_info .link_box a { position: relative; display: inline-block; box-sizing: border-box; font-size: 17px; width: 33.3%; padding: 15px 10px; color:#fff; text-align: center; z-index: 1;}
.section03 .icjg_info .link_box a::before { content: ''; display: inline-block; position: absolute; left: 0; top: 0; width: 100%;height:0;transition: .3s ease; background-color: #193777;  z-index: -1}
.section03 .icjg_info .link_box a:hover::before {height: 100%;}
.section03 .icjg_info .link_box .link1 {background: #09b5b9}
.section03 .icjg_info .link_box .link2 {background:#2979cb }
.section03 .icjg_info .link_box .link3 {background:#165494 }
.section03 .icjg_info .link_box a i {display: block; margin: 0 auto 5px; width:33px; height: 33px; vertical-align: top; background: url("/resources/img/main/link1_ico.png") no-repeat center;}
.section03 .icjg_info .link_box .link2 i { background: url("/resources/img/main/link2_ico.png") no-repeat center;}
.section03 .icjg_info .link_box .link3 i { background: url("/resources/img/main/link3_ico.png") no-repeat center;}
.section03 .icjg_info .link_box a span { display: inline-block;vertical-align: middle;}


/* mobile */
@media screen and (max-width:1600px){
    .divpop.divpop18 { left: auto !important; right: 50px; }
}
@media screen and (max-width:1200px){
    .section03 .icjg_info ul li.info1 .txt { font-size: 17px;}
    
}
@media screen and (max-width:1024px){
    .main_vis .left_logo {width: 360px; height: 363px; transform: none; opacity: .5; top:-50px; right:-20px;}
        
    @keyframes fadeInLogo {
        0% {opacity: 0;}
        100% {opacity: 0.5;}
    }
    .main_vis .right_txt { max-width: 100%; text-align: center;}
    .main_vis .right_txt .tit1 { margin-left: 0;}
    .main_vis .right_txt .tit2 { margin-left: 0;}
    .main_vis .right_txt .tit2::after {margin: 30px auto 0;}
    .section02 .inner > div { width: 100%; margin-right: 0;}
    .section02 .popup_wrap {height: auto;}
    .section02 .popup_wrap .popup .item a img { width: 100%;}
    .section02 .notice_wrap { margin-left: 0; margin-top: 30px;}
    .section03 { padding: 0;}
    .section03 .inner { width: 100%;}
    .section03 .left_bg {display: none;}
    .section03 .icjg_program { padding: 70px 30px; width: 100%; background:url("/resources/img/main/sec03_left_bg.jpg") no-repeat bottom;background-size: cover;}
    .section03 .icjg_info { width: 100%;padding: 70px 30px; }
    .section03 .icjg_info ul { display: inline-block;}
    .section03 .icjg_info ul li.info1 .txt { font-size: 20px;}

    .divpop.divpop17 { left: 120px !important; }
}

@media screen and (max-width:768px){
    .main_vis { padding-top: 70px; height: auto; padding-bottom: 50px;}
    .main_vis .right_txt {margin: 84px 0 0;}
    .main_vis .right_txt .tit2 { font-size: 32px;}
    .main_vis .right_txt .vis_ico { max-width:88%; margin: 25px auto 0;}
    .main_vis .right_txt .vis_ico li { width:48%; margin: 1%; max-width: none;}
    .main_vis .right_txt .vis_ico li a { padding: 18px 0; border:2px solid #fff; background:rgba(0,0,0,.2);}
    .section02 { padding: 45px 0;}
    .section_tit { font-size: 25px; margin-bottom: 25px;}
    .section02 .notice_top { font-size: 18px;}
    .section03 .icjg_program, .section03 .icjg_info { padding: 40px 20px;}
    .section03 .icjg_program ul li a { font-size: 15px; padding: 0; height: 54px;}
    .section03 .icjg_info .link_box a {padding: 13px 10px; width: 100%;}
    .section03 .icjg_info .link_box a i { display: inline-block; margin-right: 10px; vertical-align: middle;}
    .section03 .icjg_info .section_tit {padding: 0 0 20px;}
    .section03 .icjg_info ul { margin-bottom: 30px;}
    .section03 .icjg_info ul li .txt { font-size: 16px;}
    .section03 .icjg_info ul li.info1 .txt { font-size: 16px;}
    .section03 .right_bg {width:300px; height: 300px;}
}


@media screen and (max-width:360px){
    .section03 .icjg_program ul li { width: calc(50% - 10px);}
    
}