﻿/*--visual----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
.slick-list{position: relative; display: block;/*overflow: hidden;*/ margin: 0; padding: 0;}
.slick-list.dragging{cursor: pointer; cursor: hand;}
.slick-slider .slick-track,
.slick-slider .slick-list{-webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}
.slick-slide{display: none; float: left; text-align:center; /*height: 100%; min-height: 1px;*/}
[dir='rtl'] .slick-slide{float: right;}
.visual-item > img{display: block; position:relative; margin-left:-1000px; left:50%;}
.slick-initialized .slick-slide{display: block;}
#mainVisual{position:relative; width:100%; overflow:hidden; z-index:33; height:615px; }
#mainVisual .visual-item{position:relative;overflow:hidden;}
#mainVisual .visual-item:focus{outline:none;}
#mainVisual .visual-txt{position:absolute; bottom:70px;  left:50%; margin-left:100px;}
#mainVisual .visual-txt{display:block; opacity:0;filter:Alpha(opacity=0); -moz-transform:translatex(-5%); -ms-transform:translatex(-5%); transform:translatex(-5%); -moz-transition:all 0.5s; -ms-transition:all 0.5s; transition:all 0.5s;}

/*visual2*/
#mainVisual .VI02 .visual-txt{top:40%; bottom:auto; }

/*visual3*/
#mainVisual .VI03 .visual-txt{top:120px; bottom:auto; }

#mainVisual .active .visual-txt{-moz-transform:translatex(0);  -ms-transform:translatex(0); transform:translatex(0);}
#mainVisual .active .visual-txt{opacity:1.0;filter:Alpha(opacity=100);}

#mainVisual .slick-dots{position:absolute;left:50%; bottom:50px;  margin-left:-50px;}
#mainVisual .slick-dots li{float:left; margin:0;}
#mainVisual .slick-dots li button{ width: 12px; height: 12px; margin: 0 0.375rem; border-radius: 50px; background-color: rgba(255,255,255, 0.8); text-indent: -9999em;  overflow: hidden; -webkit-transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94); box-shadow:2px 2px 2px rgba(0,0,0,0.2);}
#mainVisual .slick-dots li.slick-active button{ width: 36px; background-color: #59c6d1;}
#mainVisual .visual-buttons{position:absolute; z-index:9999; bottom:40px; width:14px; left:50%; margin-left:33px;}
#mainVisual .visual-buttons button{display:inline-block; font-size:0; color:#fff;}
#mainVisual .visual-buttons i{font-size:22px; vertical-align:middle;}
#mainVisual .visual-buttons button.play{display:none;}

.mt_70{margin-top:70px;}

#main_cont ul{font-size:0;}
#main_cont li{position:relative; background:#ddf0e8; display:inline-block; margin-left:20px; width:calc((100% - 40px)/3); vertical-align:top;}
#main_cont li:first-child{margin-left:0;}
#main_cont li:before{content:""; display:block; width:32px; height:45px; background:url(../../images/main/main_mark.png) no-repeat; background-size:96px 45px; background-position:0 0; position:absolute; top:0; left:20px;}
#main_cont li a{display:block; font-size:1.6rem; color:#0a774a;}
#main_cont li .txt_box{margin:55px 0 25px; text-align:center;}
#main_cont li .txt_box .tit{font-size:2.4rem; margin-bottom:10px; font-weight:600;}
#main_cont li .txt_box .txt{text-transform:uppercase; font-weight:300;}
#main_cont li .img_box{padding:20px; text-align:center;}
#main_cont li .img_box img{max-width:100%;}
#main_cont li.mc_02{background:#dceff0;}
#main_cont li.mc_02:before{background-position:-32px 0;}
#main_cont li.mc_02 a{color:#257c81;}
#main_cont li.mc_03{background:#dde9f3;}
#main_cont li.mc_03:before{background-position:-64px 0;}
#main_cont li.mc_03 a{color:#0d64a7;}

#main_news{font-size:0;}
#main_news .inner > div{position:relative; display:inline-block; width:calc((100% - 60px)/2); font-size:1.6rem; vertical-align:top;}
#main_news .tit{font-size:2.5rem; font-weight:400; margin-bottom:15px;}
#main_news .notice_box{margin-right:60px}
#main_news .notice_box li{position:relative; border-bottom:1px solid #e3e3e3;}
#main_news .notice_box li a{display:block;padding:13px 0; font-weight:400; text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; overflow:hidden; margin-right:90px;}
#main_news .notice_box li span{position:absolute; top:50%; transform:translateY(-50%); right:0; color:#898989; font-size:1.5rem; }
#main_news .notice_box .more_btn{position:absolute; top:0; right:0;}
#main_news .notice_box .more_btn span{display:inline-block; width:36px; height:36px; border:1px solid #dedede; text-align:center; }
#main_news .notice_box .more_btn span i{font-size:2rem; display:inline-block; line-height:36px; vertical-align:middle;}

#main_news .channel_box .tit{ text-align:center;}
#main_news .channel_box .tit img{display:inline-block; vertical-align:middle; margin-right:10px;}
#main_news .channel_box li{position:relative; border-bottom:1px solid #e3e3e3;}
#main_news .channel_box li a{display:block; padding:10px 0;}
#main_news .channel_box .img_box{display:inline-block; vertical-align:middle;}
#main_news .channel_box .img_box img{height:55px;}
#main_news .channel_box .txt_box{display:inline-block; margin-left:20px; vertical-align:middle; font-size:1.5rem;}
#main_news .channel_box .txt_box .name{font-weight:400; font-size:1.7rem;}
#main_news .channel_box .arrow{position:absolute; top:50%; right:0; transform:translateY(-40%); }
#main_news .channel_box .arrow i{font-size:2.5rem;}

#main_gallery{background:url(../../images/main/gallery-bg.jpg) no-repeat; background-size:cover; padding:50px 0;}
#main_gallery .inner{position:relative;}
#main_gallery .tit{font-size:2.5rem; font-weight:400; margin-bottom:30px;}
#main_gallery .tit em{display:inline-block; font-size:1.5rem; text-transform:uppercase; font-weight:300; margin-left:15px; color:#7a7a7a; letter-spacing:0.05em;}
#main_gallery ul{font-size:0;}
#main_gallery li{display:inline-block; width:calc((100% - 75px)/4); margin-left:25px; font-size:1.6rem;}
#main_gallery li:first-child{margin-left:0;}
#main_gallery li .img_box{position:relative; overflow: hidden; text-align: center; background: #dee3ea; height:210px;margin-bottom:15px;}
#main_gallery li .img_box img{display: inline-block; width: auto; -webkit-transition: all 0.2s; transition: all 0.2s; height:210px; position: absolute; top: 0; left: 50%; transform: translateX(-50%);}
#main_gallery li .img_box .g_icon{position:absolute; top:0; left:0; }
#main_gallery li .img_box .g_icon span{display:inline-block; width:45px; height:45px; text-align:center;  background:#1d7bc3;}
#main_gallery li .img_box .g_icon.video span{background:#257c81;}
#main_gallery li .img_box .g_icon span i{color:#fff; font-size:2.5rem; line-height:45px; vertical-align:middle;}
#main_gallery li .txt_box .title{text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; overflow:hidden; font-size:1.7rem; font-weight:400;}
#main_gallery li .txt_box .date{color:#2c5778; font-size:1.5rem; font-weight:400;}
#main_gallery .more_btn{position:absolute; top:0; right:0;}
#main_gallery .more_btn span{display:inline-block; width:35px; height:35px; text-align:center; background:#003964;}
#main_gallery .more_btn span i{color:#fff; font-size:2rem; line-height:35px; vertical-align:middle;}



/*----------------------------------------------------------------------------------------------------------------------------------------------------------------------*/


@media (max-width:1279px) {
#mainVisual{height:550px;}
#mainVisual .visual-txt{margin-left:0; left:auto; right:20px;}
}


@media (max-width:1200px) {

#main_gallery li .img_box{height:195px;}
#main_gallery li .img_box img{height:195px;}

#main_gallery .more_btn{right:15px;}
}



@media (max-width:1024px) {

.mt_70{margin-top:50px;}

#mainVisual{height:450px;}
#mainVisual .VI03 .visual-txt{top:80px;}
#mainVisual .visual-txt img{height:90px;}

#main_cont li .txt_box{margin-bottom:0px;}


#main_news .inner > div{display:block; width:100%; }
#main_news .tit{margin-bottom:5px;}
#main_news .notice_box{margin-right:0;}

#main_news .channel_box{margin-top:50px;}
#main_news .channel_box .tit{text-align:left;}

#main_gallery li{margin-left:15px; width:calc((100% - 45px)/4);}
#main_gallery li .img_box{height:135px;}
#main_gallery li .img_box img{height:135px;}




}

@media (max-width:767px) {

.mt_70{margin-top:40px;}

#mainVisual{height:330px;}

#mainVisual .VI01 .visual-txt, #mainVisual .VI02 .visual-txt, #mainVisual .VI03 .visual-txt{top:140px; left:50%; transform:translateX(-50%); right:auto;}
#mainVisual .visual-txt img{height:50px;}
#mainVisual .slick-dots{bottom:35px;}
#mainVisual .visual-buttons{bottom:24px;}

#main_cont{margin-top:10px;}
#main_cont .inner{padding:0;}
#main_cont li{display:block; width:100%; margin-left:0; background:#0a774a;}
#main_cont li.mc_02{background:#257c81;}
#main_cont li.mc_03{background:#0d64a7;}
#main_cont li:before{display:none;}
#main_cont li a{padding:15px; }
#main_cont li .txt_box{text-align:left; margin:0;}
#main_cont li .txt_box .tit{font-size:1.8rem; margin-bottom:3px; color:#fff;}
#main_cont li .txt_box .txt{font-size:1.4rem; color:rgba(255,255,255,0.7);}
#main_cont li .img_box{position:absolute; top:0; right:0; width:35%; padding:0; height:77px; overflow:hidden; max-width:170px;}
#main_cont li .img_box img{height:81px; width:auto; max-width:inherit; position:absolute; left:50%; transform:translateX(-50%);}

#main_news .channel_box{margin-top:40px;}
#main_news .channel_box .img_box img{height:40px;}
#main_news .channel_box .txt_box{margin-left:10px; font-size:1.4rem;}

#main_gallery{padding:30px 0;}
#main_gallery .tit{margin-bottom:20px;}
#main_gallery .tit em{display:block; margin-left:0;}
#main_gallery li{ width:calc((100% - 15px)/2); margin-bottom:25px;}
#main_gallery li:nth-child(2n+1){margin-left:0;}
#main_gallery li:nth-child(3), #main_gallery li:nth-child(4){margin-bottom:0;}
#main_gallery li .img_box{height:120px;}
#main_gallery li .img_box img{height:120px;}
#main_gallery li .img_box .g_icon span{width:35px; height:35px;}
#main_gallery li .img_box .g_icon span i{font-size:2rem; line-height:35px;}







}

