@charset "utf-8";

.body_wrap {position:relative;}

.main-photo__skin,
.main-photo__skin .photo_list--wrap,
.main-photo__skin .photo_list--wrap .slick-list,
.main-photo__skin .photo_list--wrap .slick-list .slick-track,
.main-photo__skin .photo_list--wrap .slick-list .slick-track .slick-slide,
.main-photo__skin .photo_list--wrap .slick-list .slick-track .slick-slide >div,
.main-photo__skin .photo_list--wrap .slick-list .slick-track .slick-slide >div .photo_list--item,
.main-photo__skin .photo_list--wrap .slick-list .slick-track .slick-slide >div .photo_list--item a {display:inline-block;width:100%;height:100%;vertical-align:top;}

.cont {}
.cont .btnmore {position:absolute;right:0;top: 20px;}
.cont .btnmore a {display:block; color:#231f20; font-size:13px; font-weight:500; text-decoration:underline;}

.cont1 {position:relative;height:755px;}
.cont1 .layout {height:100%;}
.visual {overflow: hidden;position:absolute;left:0;top:0;height:100%;z-index: 1;}
.visual .photo_list--wrap {position:relative;}
.visual .photo_list--wrap .slick-list {position:relative; z-index:1;}
.visual .photo_list--item {}
.visual .photo_list--item .picture {width:100%; height:100%; background-size:cover; background-position:center; background-repeat:no-repeat;}
.visual .photo_list--item .picture span {display:block; width:100%; height:100%; position:relative;}
.visual .photo_list--item .picture span img {position:absolute; left:50%; top:50%; height:100%; width:auto; max-width:1000%; transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%);}
.visual .control {display:inline-block;width: auto;margin-left:5px;}
.visual .control > button {display:inline-block;position:absolute;z-index: 2;top: 50%;width:55px;height:55px;background:url(/template/mainB/images/visual_arr.png)no-repeat;transform:translateY(-50%);-webkit-transform:translateY(-50%);font-size:0;vertical-align: middle;}
.visual .control > button[data-control="prev"] {left:50%;background-position:0 0 ; margin-left:-720px;}
.visual .control > button[data-control="next"] {right:50%;background-position:0 -55px;margin-right:-720px;}
.visual .control > button[data-control="prev"]:before,
.visual .control > button[data-control="prev"]:after,
.visual .control > button[data-control="next"]:before,
.visual .control > button[data-control="next"]:after {display:none;}
.visual .slick-dots > button {display:inline-block; width:22px; height:22px; margin:0 0 0 5px; border-radius:50%; background:#fff; font-size:0;vertical-align: middle;}
.visual .slick-dots > button[data-control="stop"]:before{width: 2px;height:12px;box-shadow: -3px 0 #222, 3px 0 #222;}
.visual .slick-dots > button[data-control="play"]:before{right: -4px;width: 0;height: 0;border-width: 5px 0 5px 8px;border-style: solid;border-color: transparent transparent transparent #222;}
.visual  .slick-dots {display:inline-block;position:absolute;bottom: 255px;z-index: 2;width: 100%;left: 0;text-align: center;}
.visual  .slick-dots:after {display:block; clear:both; visibility:hidden; content:'';}
.visual  .slick-dots li {display:inline-block; width: auto; margin:0 3px;}
.visual  .slick-dots li button {width:35px;height:4px; background:rgba(255,255,255,.35);font-size:0;vertical-align:middle;-webkit-transition: all .3s ease-in-out;transition: all .3s ease-in-out;}
.visual  .slick-dots li.slick-active button { background:#fff;}

.cont1 .visual_title {position: relative;z-index: 1;padding: 190px 0 0;}
.cont1 .visual_title > span {display:block;margin: 0 0 15px;}
.cont1 .visual_title strong {display:block; margin:0 0 25px;}
.cont1 .visual_title p {}
.cont1 .visual_title p span {display:block;line-height:1.3;color:#fff;font-size:22px;text-shadow: 2px 2px 1px rgba(0,0,0,.3);}
.cont1 .link_wrap {position:absolute;left:0;bottom:80px;z-index: 1;width:100%;}
.cont1 .link_wrap ul {background: #f8f8f8;box-shadow: 5px 5px 10px rgba(0,0,0,.1);}
.cont1 .link_wrap ul:after {display:block; clear:both; visibility:hidden; content:'';}
.cont1 .link_wrap ul li {float:left;}
.cont1 .link_wrap ul.col5 li {width:20%;}
.cont1 .link_wrap ul.col6 li {width:16.66%;}
.cont1 .link_wrap ul.col7 li {width:14.2857%;}
.cont1 .link_wrap ul li a {display:block; position:relative; height:145px;padding: 18px 10px 0;background:#fefefe;text-align:center;-webkit-transition: all .3s ease-in-out;transition: all .3s ease-in-out;}
.cont1 .link_wrap ul li:nth-child(odd) a{background:#f8f8f8;}
.cont1 .link_wrap ul li em {display:block; position:relative; z-index:2; font-size:17px;font-weight:500;line-height: 1.2;}
.cont1 .link_wrap ul li a:after {display:block; opacity:0; position:absolute; z-index:1; content:''; top:0; bottom:0; left:0; right:0; width:auto; height:auto; -webkit-transition: all .3s ease-in-out;transition: all .3s ease-in-out;}
.cont1 .link_wrap ul li a:hover em,
.cont1 .link_wrap ul li a:focus em {color:#fff; }
.cont1 .link_wrap ul li a:hover:after,
.cont1 .link_wrap ul li a:focus:after {opacity:1;top:-10px;bottom:-10px;left:-10px;right:-10px;background:#1f7354;box-shadow: 5px 5px 10px rgba(0,0,0,.3);}
.cont1 .link_wrap ul li .ico {display:block; position:relative; z-index:2; width:70px; height:70px; margin:0 auto 5px;}
.cont1 .link_wrap ul li .ico.ico1 {background-position:0 0 ;}
.cont1 .link_wrap ul li .ico.ico2 {background-position:-70px 0 ;}
.cont1 .link_wrap ul li .ico.ico3 {background-position:-140px 0 ;}
.cont1 .link_wrap ul li .ico.ico4 {background-position:-210px 0 ;}
.cont1 .link_wrap ul li .ico.ico5 {background-position:-280px 0 ;}
.cont1 .link_wrap ul li .ico.ico6 {background-position:-350px 0 ;}
.cont1 .link_wrap ul li .ico.ico7 {background-position:-420px 0 ;}
.cont1 .link_wrap ul li .ico.ico8 {background-position:-490px 0 ;}
.cont1 .link_wrap ul li .ico.ico9 {background-position: -417px 0;}
.cont1 .link_wrap ul li .ico.ico10 {background-position: -1122px 0;}
.cont1 .link_wrap ul li .ico.ico11 {background-position: -1194px 0;}
.cont1 .link_wrap ul li a:hover .ico,
.cont1 .link_wrap ul li a:focus .ico{-webkit-animation:vibes2 1.5s ease infinite;animation:vibes2 1.5s ease infinite;}

.cont2 {}
.cont2 .group {padding:80px 0 70px;border-bottom:1px solid #ccc;}
.cont2 .group:after {display:block; clear:both; visibility:hidden; content:'';}
.cont2 .group .box {position:relative;}
.cont2 .group .box .title {margin:0 0 30px;text-align: left;}
.cont2 .group .box .title strong {display:inline-block; color:#231f20; font-size:21px; font-weight:700;line-height:30px;vertical-align:top;}
.cont2 .group .box .title strong span {display:inline-block; position:relative; margin-left:36px; font-weight:normal; font-size:14px; color:#959494;line-height:30px;vertical-align:top; }
.cont2 .group .box .title strong span:after {display:block;position:absolute;top: 7px;left:-18px;content:'';width:1px;height:15px;background:#c9c9c9;}
.cont2 .group .box1 {float:left;width:calc(100% - 435px);padding-right: 75px;}
.cont2 .group .box1 .main-board__skin {}
.cont2 .group .box1 .main-board__skin .board__content {}
.cont2 .group .box1 .main-board__skin .board__content ul {overflow:hidden;height: 195px;margin:0 -10px;}
.cont2 .group .box1 .main-board__skin .board__content ul:after {display:block; clear:both; visibility:hidden; content:'';}
.cont2 .group .box1 .main-board__skin .board__content ul li {float:left;position:relative;width:calc(50% - 20px);margin: 0 10px 18px;padding:10px 0;padding-left: 100px;}
.cont2 .group .box1 .main-board__skin .board__content ul li a {}
.cont2 .group .box1 .main-board__skin .board__content ul li a:hover,
.cont2 .group .box1 .main-board__skin .board__content ul li a:focus {text-decoration:underline;}
.cont2 .group .box1 .main-board__skin .board__content ul li strong {display:block;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;font-weight: 500;font-size:18px;height: 50px;line-height: 1.4;color:#000;text-overflow: ellipsis;white-space: normal;}
.cont2 .group .box1 .main-board__skin .board__content ul li .board__item--content {display: block;overflow:hidden;width:100%;font-size:13px;color:#999;text-overflow: ellipsis;white-space: nowrap;}
.cont2 .group .box1 .main-board__skin .board__content ul li .board__item--date{display:block; position:absolute; left:0; top:10px; width:75px; height:75px; padding:10px 0 0;border:1px solid #ccc; background:#fff;text-align:center;}
.cont2 .group .box1 .main-board__skin .board__content ul li .board__item--date span {display:block; font-size:13px; color:#999;line-height:1;}
.cont2 .group .box1 .main-board__skin .board__content ul li .board__item--date span i{display:block;font-weight:700;font-size:40px;font-style:normal;color:#000;line-height:1;letter-spacing:-0.03em;}
.cont2 .group .box1 .main-board__skin .board__content ul li .new {display:block;position:absolute;left:0;top:10px;width:75px;height:75px;padding:23px 0 0;border: 1px solid #1f7354;background: #fff;text-align:center; color:#1f7354; font-weight:700;}
.cont2 .group .box1 .main-board__skin .board__content ul li .new em {display:block;width:20px;height:5px;margin: 0 auto 5px;background:#4c8f76;}
.cont2 .group .box1 .main-board__skin .board__more {position:absolute;right:75px;top: 5px;}
.cont2 .group .box1 .main-board__skin .board__more a {display:block; color:#231f20; font-size:13px; font-weight:500; text-decoration:underline;}

.cont2 .group .box2 {float:right;width:435px;}
.cont2 .group .box2 .mainpop {overflow:hidden;position: relative;height:208px;max-width: 435px;margin: 0 auto;border: 1px solid #e1e1e1;text-align: center;}
.cont2 .group .box2 .mainpop .slick-list {position:relative; z-index:1; }
.cont2 .group .box2 .mainpop .slick-dots {position:absolute;right:30px;top:25px;z-index: 2;}
.cont2 .group .box2 .mainpop .slick-dots li {display:inline-block;}
.cont2 .group .box2 .mainpop .slick-dots li button {display:inline-block;width:8px; height:8px; margin-left:7px; border-radius:50%; background:#fff; box-shadow:3px 3px 3px rgba(0,0,0,.2);font-size:0;}
.cont2 .group .box2 .mainpop .slick-dots li.slick-active button {width:22px; border-radius:20px;background:#218560;}
.cont2 .group .box2 .btnmore {right:0;top: 5px;}

.cont3 {padding:40px 0 100px;}
.cont3 .group {position:relative;}
.cont3 .group .title {margin:0 0 30px; text-align:center;}
.cont3 .group .title strong {display:inline-block; color:#231f20; font-size:21px; font-weight:700;line-height:30px;vertical-align:middle; }
.cont3 .group .title strong em {display:inline-block;margin: -4px 8px 0 0;vertical-align: middle;}
.cont3 .group .title p {margin: 10px 0 0;font-size:14px;color:#959494;}
.cont3 .group .box {position:relative;}
.cont3 .group .box:after {display:block;position:absolute;content:'';left:-20px;right: -20px;top:20px;bottom:-20px;z-index: -1;width:auto;height:auto;border:1px solid #ddd;}
.cont3 .group .box ul {}
.cont3 .group .box ul:after {display:block; clear:both; visibility:hidden; content:'';}
.cont3 .group .box ul li {float:left; position:relative; height:325px;transition: all .3s ease-in-out;}
.cont3 .group .box ul.col4 li {width:25%;}
.cont3 .group .box ul.col5 li {width:20%;}
.cont3 .group .box ul li a {display:block; position:relative; width:100%; height:100%;transition: all .3s ease-in-out;}
.cont3 .group .box ul li a:after {display:block; opacity:0; position:absolute; left:0; top:0; content:''; width:100%; height:100%; background:rgba(31,115,84,.7);-webkit-transition: all .3s ease-in-out;transition: all .3s ease-in-out;}
.cont3 .group .box ul li:hover,
.cont3 .group .box ul li:focus{box-shadow:0 0 10px rgba(0,0,0,0.3);}
.cont3 .group .box ul li a:hover:after,
.cont3 .group .box ul li a:focus:after {opacity:1;}
.cont3 .group .box ul li strong {display:block;position:absolute; bottom: 55px;z-index: 2;width:100%;text-align:center;transition: all .5s ease-in-out;}
.cont3 .group .box ul li strong span {display:block;position:relative;color: #fff;font-weight:700;font-size: 20px;}
.cont3 .group .box ul li strong span:before {display:block; position:absolute; top:-20px; content:''; left:50%; width:20px; height:2px; margin-left:-10px; background:#fff; }
.cont3 .group .box ul li a >span {display:block; overflow:hidden; position:relative; width:100%; height:100%; }
.cont3 .group .box ul li a >span img{display:block;position:absolute;left:50%;top:50%;width: auto;min-width: 100%;max-width: 1000%;height:100%;transform:translate(-50%, -50%);-webkit-transform:translate(-50%, -50%);}


@-webkit-keyframes vibes2{
    0%,40%,100% {-webkit-transform:translateY(0)}
    20%,60% {-webkit-transform:translateY(6px)}
}
@keyframes vibes2{
    0%,40%,100% {transform:translateY(0)}
    20%,60% {transform:translateY(6px)}
}

@media screen and (max-width:1500px){
    .cont1 .visual_title {padding-left:100px;}
    .visual .control > button[data-control="prev"] { margin-left:-620px;}
    .visual .control > button[data-control="next"] {margin-right:-620px;}

    .cont3 .group .box {padding:0 20px;}
    .cont3 .group .box:after {left:0; right:0;}
}

@media screen and (max-width:1319px){
    .visual .control > button[data-control="prev"] {left:20px; margin-left:0;}
    .visual .control > button[data-control="next"] {right:20px;margin-right:0;}

    .cont1 .link_wrap {padding:0 40px; }
    .cont2 .group .box1 {padding-right:40px;}
    .cont2 .group .box1 .main-board__skin .board__more {right:40px;}
}
@media screen and (max-width:1279px){
    .cont1 .link_wrap {padding:0 20px;}
}

@media screen and (max-width:1023px){
    .cont1 {height:540px;}
    .cont1 .visual_title {padding: 100px 0 0; text-align:center;}
    .cont1 .visual_title strong {margin:0 0 10px;}
    .cont1 .visual_title strong img {height:70px;}
    .cont1 .visual_title p span {font-size:18px;}
    .cont1 .link_wrap {bottom:-145px;}
    .cont1 .link_wrap ul li em {font-size:16px;}
    .cont1 .link_wrap ul.col5 li,
    .cont1 .link_wrap ul.col6 li {width:33.33%;}
    .cont1 .link_wrap ul.col7 li {width: 25%;}
    .cont2 .group {padding:185px 0 40px;}
    .cont2 .group .box1 {float:none;width:100%;padding: 0;}
    .cont2 .group .box1 .main-board__skin .board__more {right:0;}
    .cont2 .group .box2 {float:none;width:100%;margin:30px 0 0; text-align: center;}

    .cont3 .group .box ul.col4 li,
    .cont3 .group .box ul.col5 li {width:50%;}
}

@media screen and (max-width:767px){
    .cont1 .visual_title strong img {height:50px;}
    .cont1 .visual_title p span {font-size:16px;}
    .visual .slick-dots {bottom:215px;}
    .cont1 .link_wrap {bottom:-50px;padding: 0 15px;}
    .cont1 .link_wrap ul li a {height:115px;}
    .cont1 .link_wrap ul li em {font-size:14px;}
    .cont1 .link_wrap ul li .ico {width:50px; height:50px; margin:0 auto 5px; background-size:auto 50px;}
    .cont1 .link_wrap ul li .ico.ico1 {background-position:0 0 ;}
    .cont1 .link_wrap ul li .ico.ico2 {background-position:-50px 0 ;}
    .cont1 .link_wrap ul li .ico.ico3 {background-position:-100px 0 ;}
    .cont1 .link_wrap ul li .ico.ico4 {background-position:-150px 0 ;}
    .cont1 .link_wrap ul li .ico.ico5 {background-position:-200px 0 ;}
    .cont1 .link_wrap ul li .ico.ico6 {background-position:-250px 0 ;}
    .cont1 .link_wrap ul li .ico.ico7 {background-position:-300px 0 ;}
    .cont1 .link_wrap ul li .ico.ico8 {background-position:-350px 0 ;}
    .cont1 .link_wrap ul li .ico.ico9 {background-position: -301px 0;}
    .cont1 .link_wrap ul li .ico.ico10 {background-position: -1249px 0;}
    .cont1 .link_wrap ul li .ico.ico11 {background-position: -1298px 0;}

    .cont2 .group {padding:90px 0 40px;}
    .cont2 .group .box .title strong {font-size:17px;}
    .cont2 .group .box .title {margin:0 0 15px;}
    .cont2 .group .box .title strong span {display:none;}
    .cont2 .group .box1 .main-board__skin .board__content ul li {width:calc(100% - 20px);padding: 15px 0 0;padding-left: 100px;}
    .cont2 .group .box1 .main-board__skin .board__content ul li strong {height: 44px;font-size:16px;}
    .cont2 .group .box2 .mainpop {height:auto;}
    .cont3 {padding:40px 0 60px;}
    .cont3 .group .title strong {font-size:17px;}
    .cont3 .group .title strong em img {height:30px;}
    .cont3 .group .title p {display:none;}
    .cont3 .group .box ul li {height:210px;}
    .cont3 .group .box ul li strong {bottom:40px;}
    .cont3 .group .box ul li strong span {font-size:15px;}

}