@charset "utf-8";


#body_layout{position:relative;width:100%;overflow:hidden}
.body_wrap {position:relative;padding:55px 0 0;}
.body_wrap:before {display:block;position:absolute;left:0;top:0; z-index:-1; content:'';width:100%;height:640px;background-image: url(/template/mainA/images/main_bg.jpg);background-size:cover;background-position:center;background-repeat: no-repeat;}
.body_wrap:after {display:block;position:absolute;left:0;bottom:0;z-index: -2;content:'';width:100%;height:455px;background:gray;}

.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 {}
.cont1 {}
.cont1 .layout {}
.cont1 .group {box-shadow: 0 0 10px 5px rgba(0,0,0,.1);}
.cont1 .group:after {display:block; clear:both; visibility:hidden; content:'';}
.cont1 .group .box1 {height:380px;}
.cont1 .group .box2 {height:315px;}

.cont1 .group1 {float:left;width:calc(100% - 310px);}
.cont1 .group1 .box1 {}
.cont1 .group1 .box2 {padding:35px 40px;}
.visual {position:relative;}
.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; width:22px; height:22px; margin:0; border-radius:50%; background:rgba(0,0,0,.5); font-size:0;vertical-align: middle;}
.visual .control > button[data-control="stop"]:before{width: 2px;height:9px;box-shadow: -3px 0 #fff, 3px 0 #fff;}
.visual .control > 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 #fff;}
.visual  .slick-dots {display:inline-block;position:absolute;bottom: 20px;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:15px;height:10px; border-radius:10px; background:rgba(0,0,0,.35);font-size:0;vertical-align:middle;-webkit-transition: all .5s ease-in-out;transition: all .5s ease-in-out;}
.visual  .slick-dots li.slick-active button {width:40px; background:rgba(0,0,0,.5);}

.visual .visual_txt {position:absolute;top: 95px;left:90px;}
.visual .visual_txt strong {display:block;}
.visual .visual_txt strong img {}
.visual .visual_txt p {margin:15px 0 0; color:#343434; font-size:16px;}
.visual .visual_txt a {display:inline-block; height:40px; line-height:38px; margin:40px 0 0;padding:0 20px; border-radius:30px;border:1px solid #000;}
.visual .visual_txt a span {display:inline-block; width:10px; height:10px; margin:-2px 0 0 5px;vertical-align:middle;}
#main_board {background:#fff;}
#main_board .main-board__skin {position:relative;}
#main_board .board__nav-item {display:inline-block;}
#main_board .board__nav-item:after {display:block; clear:both; visibility:hidden; content:'';}
#main_board .board__nav-item .board__title {display:inline-block;float:left;position:relative;margin-bottom: 15px;margin-right:48px;font-size:19px;color:#666;}
#main_board .board__nav-item .board__title:after {display:block; position:absolute; right:-24px; top:2px; content:''; width:1px; height:14px; background:#ccc; }
#main_board .board__nav-item .board__title:before {display: block;opacity: 0;position:absolute;left: 0;bottom: -10px;content:'';width: 0;height:4px;-webkit-transition: all .5s ease-in-out;transition: all .5s ease-in-out;}
#main_board .board__nav-item:last-child .board__title:after {display:none;}
#main_board .board__nav-item.active .board__title {color:#1573e8; font-weight:700;}
#main_board .board__nav-item.active .board__title:before {width: 100%;opacity: 1;}
#main_board .board__nav-item .board__content {position:absolute;left:0; top:50px;}
#main_board .board__nav-item .board__content ul {overflow: hidden;height: 195px;margin:0 -30px;}
#main_board .board__nav-item .board__content ul:after {display:block; clear:both; visibility:hidden; content:'';}
#main_board .board__nav-item .board__content ul li {float:left;width:33.33%;margin: 0 0 20px;padding: 10px 30px;border-right: 1px solid #e5e5e5;}
#main_board .board__nav-item .board__content ul li:last-child {border:none;}
#main_board .board__nav-item .board__content ul li a {display:block; width:100%; height:100%;}
#main_board .board__nav-item .board__content ul li a:hover,
#main_board .board__nav-item .board__content ul li a:focus {text-decoration:underline;}
#main_board .board__nav-item .board__content ul li strong {display:block;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;height: 48px;margin: 0 0 20px;text-overflow: ellipsis;white-space: normal;line-height: 1.4;font-size:16px;font-weight:700;color:#282828;}
#main_board .board__nav-item .board__content ul li strong:after {display:block; clear:both; visibility:hidden; content:'';}
#main_board .board__nav-item .board__content ul li strong span {display:inline-block;width:24px; height:24px; line-height:24px; margin-right:5px; border-radius:50%; background:#d2462c; color:#fff; font-size:13px; font-weight:700; vertical-align:top; text-align:center; }
#main_board .board__nav-item .board__content ul li .board__item--content {display:block;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;height: 63px;margin: 0 0 20px;text-overflow: ellipsis;white-space: normal;line-height: 1.4;font-size:15px;color:#7e7e7e;}
#main_board .board__nav-item .board__content ul li .board__item--date {}
#main_board .board__nav-item .board__content ul li .board__item--date span {display:inline-block; font-size:15px; color:#444;}
#main_board .board__nav-item .board__content ul li .board__item--date i {display:inline-block;font-size:15px;color:#444;font-style: normal;}
#main_board .board__nav-item .board__more {display:none; position:absolute; right:0; top:0;}
#main_board .board__nav-item.active .board__more {display:block;}
#main_board .board__nav-item .board__more a {display:block;position:relative;width:100%;padding-right:30px;line-height:18px;font-size: 15px;color: #5c5c5c;}
#main_board .board__nav-item .board__more span {display:inline-block;position:absolute;top: 0;right:0;width:15px;height:15px;}
#main_board .board__nav-item .board__more span em {position: absolute;width: 2px;left: 50%;margin-left: -1px;height: 50%;background-color: #111;-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out;}
#main_board .board__nav-item .board__more span em.arrow_top {top: 0;transform-origin:right bottom;margin-top: 1px;}
#main_board .board__nav-item .board__more span em.arrow_bot {top: 50%;margin-top: 1px;transform-origin:right top}
#main_board .board__nav-item .board__more a:hover span em,
#main_board .board__nav-item .board__more a:focus span em {left: 100%;}
#main_board .board__nav-item .board__more a:hover span em.arrow_top,
#main_board .board__nav-item .board__more a:focus span em.arrow_top {transform:rotate(-45deg)}
#main_board .board__nav-item .board__more a:hover span em.arrow_bot,
#main_board .board__nav-item .board__more a:focus span em.arrow_bot {transform:rotate(45deg)}
#main_board .board__nav-item .board__more span:after {content:'';position: absolute;width: 100%;height: 2px;background-color: #111;left: 0;top: 50%;margin-bottom: -1px;}


.cont1 .group2 {float:right;width:310px;}
.cont1 .group2 .box1 {position:relative;}
.cont1 .group2 .box1 .title {position:absolute;left:0;bottom:0;width:100%;height:50px;padding:0 30px;background:#2e3141;line-height:50px;color:#fff;font-weight:700;font-size:16px;}
.cont1 .group2 .box1 .photo_list--item {}
.cont1 .group2 .box1 .photo_list--item .picture {height:330px;}
.cont1 .group2 .box1 .photo_list--item .picture span {display:block; width:100%; height:100%;}
.cont1 .group2 .box1 .photo_list--item .picture span img { width:100%; height:100%;}
.cont1 .group2 .box1 .control {position:absolute;right: 0;bottom:0;height: 50px;padding: 0 20px;text-align: right;}
.cont1 .group2 .box1 .control .paging {display:inline-block;margin-right:10px; }
.cont1 .group2 .box1 .control .paging span {display:inline-block; line-height:50px; color:#fff; font-weight:700;}
.cont1 .group2 .box1 .control button {display:inline-block; width:22px; height:22px; margin:0; border-radius:50%; background:#191b24; font-size:0;}
.cont1 .group2 .box1 .control button[data-control="prev"]:before,
.cont1 .group2 .box1 .control button[data-control="next"]:before{width:6px;height:6px;border-width:2px;border-style: solid;border-color: #fff;transform: rotate(45deg);}
.cont1 .group2 .box1 .control button[data-control="prev"]:before{right: -4px;border-width: 0 0 2px 2px;}
.cont1 .group2 .box1 .control button[data-control="next"]:before{left: -4px;border-width: 2px 2px 0 0;}
.cont1 .group2 .box1 .control button[data-control="stop"]:before{width: 2px;height:9px;box-shadow: -3px 0 #fff, 3px 0 #fff;}
.cont1 .group2 .box1 .control 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 #fff;}
.cont1 .group2 .box2 {position:relative;padding: 50px 35px 0;background:#215aab;}
.cont1 .group2 .box2:after {display:block; position:absolute; right:20px; top:20px; content:''; width:84px; height:100px; background:url(/template/mainA/images/box_bg.png)no-repeat;}
.cont1 .group2 .box2 .title strong {position:relative; z-index:1;}
.cont1 .group2 .box2 .title p {position: relative;z-index: 1;margin: 10px 0 25px;color:#fff;font-size:14px;} 
.cont1 .group2 .box2 > ul {}
.cont1 .group2 .box2 > ul li {position:relative;; line-height:24px; margin:0 0 5px; padding-left:75px; font-size:14px; color:#fff;}
.cont1 .group2 .box2 > ul li span {display:block;position:absolute;left:0;top: 1px;width:65px;height:24px;line-height:24px;border-radius:20px;background:#fff;font-size:13px;font-weight:700;color:#215aab;text-align:center;}
.cont1 .group2 .box2 .btnwrap {margin:25px 0 0;}
.cont1 .group2 .box2 .btnwrap a {display:block; width:100%; height:45px; line-height:43px; border-radius:30px; border:1px solid #fff; font-size:16px; text-align:center; color:#fff;transition: background .3s ease-in-out;}


.cont2 {margin:50px 0;}
.cont2 .group {position:relative;padding-left: 20%;}
.cont2 .group:after {display:block; clear:both; visibility:hidden; content:'';}
.cont2 .group .title {position:absolute;left:0;top:50%;padding-left:40px;transform:translateY(-50%);-webkit-transform:translateY(-50%);}
.cont2 .group .title span {display:block;margin: 0 0 5px;}
.cont2 .group .quick_link {}
.cont2 .group .quick_link .control {position:absolute;left: 150px;top:50%;transform:translateY(-50%);-webkit-transform:translateY(-50%);}
.cont2 .group .quick_link .control button {display:inline-block; width:26px; height:26px; margin:0; border-radius:50%; background:#191b24; font-size:0;}
.cont2 .group .quick_link .control button[data-control="prev"]:before,
.cont2 .group .quick_link .control button[data-control="next"]:before{width:6px;height:6px;border-width:2px;border-style: solid;border-color: #fff;transform: rotate(45deg);}
.cont2 .group .quick_link .control button[data-control="prev"]:before{right: -4px;border-width: 0 0 2px 2px;}
.cont2 .group .quick_link .control button[data-control="next"]:before{left: -4px;border-width: 2px 2px 0 0;}
.cont2 .group .quick_link .control button[data-control="stop"]:before{width: 2px;height:9px;box-shadow: -3px 0 #fff, 3px 0 #fff;}
.cont2 .group .quick_link .control 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 #fff;}
.cont2 .group .quick_link .grap {overflow:hidden;}
.cont2 .group .quick_link .grap ul {overflow:hidden;position:relative; height:96px;}
.cont2 .group .quick_link .grap ul:after {display:block; clear:both; visibility:hidden; content:'';}
.cont2 .group .quick_link .grap ul li {float:left;}
.cont2 .group .quick_link .grap ul.col4 li {width:25%;margin: 0 0 20px;}
.cont2 .group .quick_link .grap ul li a {display:block;width:100%;height:100%;font-size: 15px;text-align:center;color:#353535;}
.cont2 .group .quick_link .grap ul li .ico {display:block;width:66px; height:61px; margin:0 auto 10px;}
.cont2 .group .quick_link .grap ul li .ico.ico1 {background-position:0 0 ;}
.cont2 .group .quick_link .grap ul li .ico.ico2 {background-position:-66px 0 ;}
.cont2 .group .quick_link .grap ul li .ico.ico3 {background-position:-132px 0 ;}
.cont2 .group .quick_link .grap ul li .ico.ico4 {background-position:-198px 0 ;}
.cont2 .group .quick_link .grap ul li a:hover .ico,
.cont2 .group .quick_link .grap ul li a:focus .ico {-webkit-animation:vibes2 1.5s ease infinite;animation:vibes2 1.5s ease infinite;}

.cont3 {margin:0 0 40px;}
.cont3 .layout { }
.cont3 ul {box-shadow:0 0 10px 5px rgba(0,0,0,.1);}
.cont3 ul:after {display:block; clear:both; visibility:hidden; content:'';}
.cont3 ul li {float:left;position:relative; height:270px;}
.cont3 ul.col1 li {width:100%;}
.cont3 ul.col2 li {width:50%;}
.cont3 ul.col3 li {width:33.33%;}
.cont3 ul.col4 li {width:25%;}
.cont3 ul.col5 li {width:20%;}
.cont3 ul li a {display:block;position:relative;width:100%;height:100%;padding: 45px 40px 40px;background: #607570;}
.cont3 ul li:nth-child(odd) a{background:#596c68;}
.cont3 ul li a:before {display:block; position:absolute; z-index:1; right:15px; bottom:20px; content:''; width:110px; height:90px; }
.cont3 ul li:nth-child(1) a:before {background-position:0 0;}
.cont3 ul li:nth-child(2) a:before {background-position:-110px 0;}
.cont3 ul li:nth-child(3) a:before {background-position:-220px 0;}
.cont3 ul li:nth-child(4) a:before {background-position:-330px 0;}
.cont3 ul li:nth-child(5) a:before {background-position:-440px 0;}
.cont3 ul li a:after {display:block; opacity:0; position:absolute; left:0; top:0; content:''; width:100%; height:100%; background-repeat:no-repeat; background-size:cover; background-position:center; transition: all 0.3s ease-out;-webkit-transition: all 0.3s ease-out;}
.cont3 ul li a:hover:after,
.cont3 ul li a:focus:after {opacity:1;}
.cont3 ul li strong {display:block;position:relative;z-index:1;line-height:1.3;color:#fff;font-size: 22px;font-weight:700;}
.cont3 ul li p {margin:15px 0 0;position:relative; z-index:1; line-height:1.4; color:#fff; font-size:15px;}
.cont3 ul li span {display:block;position:absolute; z-index:1; left:30px;bottom: 35px;width:45px;height:45px;background:url(/template/mainA/images/link_arr.png)no-repeat;}
.cont3 ul li a:hover span,
.cont3 ul li a:focus span{animation: arr 0.7s ease-in-out infinite; -webkit-animation: arr 0.7s ease-in-out infinite;}
.cont4 {padding: 0 0 40px;}
.cont4 .group {height: 100%;}
.cont4 .group:after {display:block; clear:both; visibility:hidden; content:'';}
.cont4 .group .box {height:240px; padding:45px 40px 0;}
.cont4 .group .box .title {margin:0 0 25px;}
.cont4 .group .box1 {float:left; width:80%; background:#fff;}
.cont4 .group .box1 .title {}
.cont4 .group .box1 .title strong {}
.cont4 .group .box1 .title span {display:inline-block; position:relative; line-height:22px; margin-left:46px; color:#3e3e3e; font-size:16px;}
.cont4 .group .box1 .title span:before {display:block;position:absolute;top: 4px;left:-23px;content:'';width:1px;height:15px;background:#c7c7c7;}
.cont4 .group .box1 > ul {margin:0 -5px;}
.cont4 .group .box1 > ul:after {display:block; clear:both; visibility:hidden; content:'';}
.cont4 .group .box1 > ul li {float:left;height:50px;margin:0 5px 10px;}
.cont4 .group .box1 > ul li:last-child {margin-bottom:0;}
.cont4 .group .box1 > ul.col3 li {width:calc(33.33% - 10px);}
.cont4 .group .box1 > ul.col4 li {width:calc(25% - 10px);}
.cont4 .group .box1 > ul li a {display:block;width:100%;height:100%;line-height:50px;border:1px solid #dedede;border-radius: 3px;text-align:center;transition: background .3s ease-in-out;font-size: 15px;}
.cont4 .group .box1 > ul li a:hover,
.cont4 .group .box1 > ul li a:focus {font-weight:700;}
.cont4 .group .box2 {float:right; width:20%; background-size:cover; background-position:center;}
.cont4 .group .box2 .title {}
.cont4 .group .box2 .title strong {;}
.cont4 .group .box2 > ul {}
.cont4 .group .box2 > ul li {position:relative;padding-left:10px;color:#fff;font-size:15px;}
.cont4 .group .box2 > ul li:before {display:block; position:absolute; left:0; top:11px; content:''; width:3px; height:3px; background:#fff;}
.cont4 .group .box2 .btnwrap {margin:25px 0 0;}
.cont4 .group .box2 .btnwrap a {display:block; width:100%; height:45px; line-height:43px; border-radius:30px; border:1px solid #fff; font-size:16px; text-align:center; color:#fff;transition: background .3s ease-in-out;}

@-webkit-keyframes spinspin2 {
    0% {-webkit-transform: rotate(0deg);}
    100% {-webkit-transform:rotate(720deg);}
}
@keyframes spinspin2 {
    0% {transform: rotate(0deg);}
    100% {transform:rotate(720deg);}
}
@-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)}
}
@-webkit-keyframes arr {
    0%,100% {-webkit-transform:translateX(0);}
    50% {-webkit-transform:translateX(6px);}
}
@keyframes arr {
    0%,100% {transform:translateX(0);}
    50% {transform:translateX(6px);}
}


@media screen and (max-width:1279px){
    .body_wrap:after {height:480px;}
    
    .cont1 .group1 {float:none;width:100%;}
    .cont1 .group1 .box2 {height:380px;margin-left:310px;padding: 55px 40px;}
    .cont1 .group2 {float:none;width:100%;}
    .cont1 .group2 .box1 {position:absolute;top: 380px;width:310px;left: 20px;}
    .cont1 .group2 .box2 {height:auto;padding: 40px 120px 40px 345px;}
    .cont1 .group2 .box2 .title {position:absolute; left:40px;}

    #main_board .board__nav-item .board__content {top:60px;}
    #main_board .board__nav-item .board__content ul li {width:50%;}
    #main_board .board__nav-item .board__content ul li:nth-child(2) {border:none;}
    
    .cont2 .group .title {top: 5px;padding-left:30px;transform: translateY(0);-webkit-transform: translateY(0);}
    .cont2 .group .title span {display:inline-block}
    .cont2 .group .quick_link .control {left: 30px;transform: translateY(0);-webkit-transform: translateY(0);}

    .cont3 ul li {height:200px;}
    .cont3 ul li a {padding: 35px 30px 0;}
    .cont3 ul li a:before {right:20px;bottom:20px;width:80px;height:65px;background-size: auto 65px;}
    .cont3 ul li:nth-child(1) a:before {background-position:0 0;}
    .cont3 ul li:nth-child(2) a:before {background-position:-80px 0;}
    .cont3 ul li:nth-child(3) a:before {background-position:-160px 0;}
    .cont3 ul li:nth-child(4) a:before {background-position:-240px 0;}
    .cont3 ul li:nth-child(5) a:before {background-position:-320px 0;}
    .cont3 ul li strong {font-size:18px;}
    .cont3 ul li p {display:none;}
    .cont3 ul li span {bottom:30px; width:35px; height:35px; background-size:35px 35px; }

    .cont4 .group .box {padding:35px 30px;}
    .cont4 .group .box1 {width:calc(100% - 245px);}
    .cont4 .group .box2 {width:245px;}
}

@media screen and (max-width:1023px){
    .body_wrap {padding: 40px 0 0;}
    .visual .visual_txt {left: 7%;}
    .visual .visual_txt strong img {height: 35px;}
    #main_board .board__nav-item .board__title {font-size:17px;}
    #main_board .board__nav-item .board__content {top:50px;}
    .cont1 .group1 {margin: 0 0 35px;}
    .cont1 .group1 .box2 {height: 315px;margin:0;padding: 35px 30px;}
    
    .cont1 .group2 .box1 {float:left;position:relative; left:0; top:0;}
    .cont1 .group2 .box2 {float: right;width: calc(100% - 310px);height: 380px;padding: 50px 30px 0;}
    .cont1 .group2 .box2 .title {position:static;}

    .cont2 .group {padding-left: 210px;}
    .cont2 .group .quick_link .grap ul {height:85px;}
    .cont2 .group .quick_link .grap ul.col4 li {width:33.33%;}
    .cont2 .group .quick_link .grap ul li .ico {width:54px; height:50px; background-size:auto 50px }
    .cont2 .group .quick_link .grap ul li .ico.ico1 {background-position:0 0 ;}
    .cont2 .group .quick_link .grap ul li .ico.ico2 {background-position:-54px 0 ;}
    .cont2 .group .quick_link .grap ul li .ico.ico3 {background-position:-108px 0 ;}
    .cont2 .group .quick_link .grap ul li .ico.ico4 {background-position:-162px 0 ;}

    .cont3 ul li {float:none;height: 100px;}
    .cont3 ul.col1 li,
    .cont3 ul.col2 li,
    .cont3 ul.col3 li,
    .cont3 ul.col4 li,
    .cont3 ul.col5 li {width:100%;}
    .cont3 ul li a {padding:0 30px; }
    .cont3 ul li a:before {right:50px;}
    .cont3 ul li strong {line-height:100px;}
    .cont3 ul li span {left:200px;bottom: 50%;margin-bottom: -17.5px;}

    .cont4 .group .box {height: 360px;}
    .cont4 .group .box1 .title span {display:none;}
    .cont4 .group .box1 > ul.col3 li,
    .cont4 .group .box1 > ul.col4 li {width:calc(50% - 10px);}
}

@media screen and (max-width:767px){
    .body_wrap {padding:30px 0 0;}
    .body_wrap:before {height: 260px;}
    .body_wrap:after {height:990px;}
    
    .cont1 .group1 .box1 {height:250px;}
    .cont1 .group1 .box2 {height: 300px;padding:30px 25px;}
    .visual .visual_txt {left:25px; top:40px;}
    .visual .visual_txt strong img {height:22px;}
    .visual .visual_txt p {max-width:300px;font-size:14px;}
    .visual .visual_txt a {height:35px; line-height:33px; margin:15px 0 0;padding:0 15px;font-size:14px;}
    #main_board .main-board__skin {padding-right: 20px;}
    #main_board .board__nav-item .board__title {margin-right:20px; font-size:16px;}
    #main_board .board__nav-item .board__title:after {right:-10px;}
    #main_board .board__nav-item.active .board__more {}
    #main_board .board__nav-item.active .board__more a {font-size:0;padding-right: 15px;}
    
    .cont2 {margin:35px 0;}
    .cont2 .group {padding:0}
    .cont2 .group .title {position:static;margin: 0 0 60px;padding: 0;text-align:center;}
    .cont2 .group .quick_link .grap ul {height: 190px;}
    .cont2 .group .quick_link .grap ul.col4 li {width:50%;}
    .cont2 .group .quick_link .control {left: 0;top: 40px;width:100%;text-align:center;}
    
    .cont3 {margin:0 0 35px;}    
    .cont3 ul li {height: 65px;} 
    .cont3 ul li a {padding:0 25px;}
    .cont3 ul li strong {line-height: 65px;font-size:15px;}
    .cont3 ul li span {left: 160px;width: 22px;height:22px;margin-bottom: -11px;background-size:22px 22px;}

    .cont3 ul li a:before {right:20px;bottom:10px;width:61px;height:50px;background-size: auto 50px;}
    .cont3 ul li:nth-child(1) a:before {background-position:0 0;}
    .cont3 ul li:nth-child(2) a:before {background-position:-61px 0;}
    .cont3 ul li:nth-child(3) a:before {background-position:-122px 0;}
    .cont3 ul li:nth-child(4) a:before {background-position:-183px 0;}
    .cont3 ul li:nth-child(5) a:before {background-position:-244px 0;}
    
    .cont4 {padding:0 0 35px;}
    .cont4 .group .box {padding:35px 25px;}
    .cont4 .group .box1 {float:none; width:100%; height:auto;}
    .cont4 .group .box1 .title {text-align:center;}
    .cont4 .group .box1 > ul.col3 li,
    .cont4 .group .box1 > ul.col4 li {width:calc(100% - 10px);}
    .cont4 .group .box2 {float:none; width:100%; height:auto;}
    .cont4 .group .box2 .title {text-align:center;}
}

@media screen and (max-width:640px){
    #main_board .board__nav-item .board__content ul li {width:100%;border:none;}
    .cont1 .group2 .box1 {float:none;width:100%;height:auto;padding: 0 0 50px;}
    .cont1 .group2 .box1 .photo_list--item .picture {height:auto;}
    .cont1 .group2 .box2 {float:none; width:100%; height:auto;padding:35px 25px;}
}

.cont1 .pattern-container{position: absolute;bottom: 110px;  left: -110px;width: 500px;height: 300px;transform: scale(2);z-index: -1;opacity: 0.5;}
.cont4 .pattern-container2{position: absolute;top: -293px;right: -557px;width: 500px;height: 300px;opacity: 0.7;z-index: -1;transform: scale(1.7);}