@charset "utf-8";

.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;}

.slick-arrow:before,
.slick-arrow:after {content: '';position: absolute;top: 0;left: 0;right: 0;bottom: 0;margin: auto;}
.slick-arrow.slick-prev:before,
.slick-arrow.slick-next:before{width: calc(100%/2.5);height: calc(100%/2.5);border-width:2px;border-style: solid;border-color: #333;transform: rotate(45deg);}
.slick-arrow.slick-prev:before{right: -5px;border-width: 0 0 2px 2px;}
.slick-arrow.slick-next:before{left: -5px;border-width: 2px 2px 0 0;}
.slick-arrow[data-control="stop"]:before{width: 2px;height: calc(100%/2);box-shadow: -3px 0 #333, 3px 0 #333;}
.slick-arrow[data-control="play"]:before{right: -5px;width: 0;height: 0;border-width: 10px 0 10px 15px;border-style: solid;border-color: transparent transparent transparent #333;}

.cont {position:relative;}
.cont .title {position: relative;z-index: 1;margin: 0 0 55px;text-align:center;font-weight:700;font-size:32px;color:#181818;}
.cont .main_more {display:block; }
.cont .main_more a {display:inline-block; position:relative; width:22px; height:22px; vertical-align:middle; font-size:0;}
.cont .main_more a:before,
.cont .main_more a:after {content: '';position: absolute;top: 0;left: 0;right: 0;bottom: 0;margin: auto;}
.cont .main_more a:before {width:100%;height: 2px;background: #111;}
.cont .main_more a:after {width: 2px;height:100%;background: #111;}
.cont .main_more a:hover:before,
.cont .main_more a:focus:before,
.cont .main_more a:hover:after,
.cont .main_more a:focus:after{animation: spinspin2 2s ease-out;-webkit-animation: spinspin2 2s ease-out;}

.cont1 {height:550px;}
.visual {overflow: hidden;position:absolute;left:0;top:0;height:100%;}
.visual .photo_list--wrap {position:relative;z-index:1;}
.visual .photo_list--wrap .slick-list {position:relative; z-index:1;}
.visual .photo_list--item {height:100%;}
.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;position:relative; z-index:1; width: auto;margin-left:5px;}
.visual .control > button {display:inline-block;z-index: 2;width: 26px;height: 26px;font-size:0;vertical-align:top;}
.visual .control > button[data-control="stop"]:before{width: 2px;height:8px;box-shadow: -3px 0 #fff, 3px 0 #fff;}
.visual .control > button[data-control="play"]:before{right: -4px;width: 0;height: 0;border-width: 4px 0 4px 7px;border-style: solid;border-color: transparent transparent transparent #fff;}
.visual .slick-dots {display:inline-block;position:absolute;left: 50%;bottom: 155px;z-index: 2;margin-left: -620px;text-align: left;}
.visual .slick-dots:after {display:block; clear:both; visibility:hidden; content:'';}
.visual .slick-dots li {display:inline-block; width: auto; margin:0 3px; vertical-align:top;}
.visual .slick-dots li button {width:26px;height:26px; background:url(/template/mainC/images/dot.png)no-repeat -26px 0;font-size:0;vertical-align:middle;}
.visual .slick-dots li.slick-active button { background-position: 0 0;}

.cont1 .visual_txt {position:relative; z-index:1; padding:120px 0 0;}
.cont1 .visual_txt strong {}
.cont1 .visual_txt p {position:relative;margin: 20px 0 0;padding-left:12px;}
.cont1 .visual_txt p:before {display:block; position:absolute; left:0; top:0; content:''; width:2px; height:100%; background:#ffcc7d; }
.cont1 .visual_txt p span {display:block;color:#fff;font-size: 15px;}

.cont1 .mainpop_wrap {position:absolute;right:0;top:130px;width: 500px;height: 295px;}
.cont1 .mainpop {position:relative; width:100%; height:100%;}
.cont1 .mainpop:before {display:block;position:absolute;left:-20px;top:-20px;z-index: 1;content:'';width:275px;height:275px;border:10px solid rgba(255,255,255,.3);}
.cont1 .mainpop .photo_list--wrap {overflow:hidden; position:relative;}
.cont1 .mainpop .photo_list--wrap .slick-list {position:relative; z-index:2;}
.cont1 .mainpop .photo_list--item {height:100%;}
.cont1 .mainpop .photo_list--item .picture {width:100%; height:100%; }
.cont1 .mainpop .control {display:inline-block;position:absolute;right:0;bottom:0;z-index:2;width: auto;}
.cont1 .mainpop .control .paging {display:inline-block;float: left;padding:0 15px;background:rgba(0,0,0,.5);}
.cont1 .mainpop .control .paging span {display:inline-block; line-height:40px; color:#fff; font-weight:700;}
.cont1 .mainpop .control button {display:inline-block;float: left;position: relative;width:40px;height:40px;margin: 0 0 0 1px;background:rgba(0,0,0,.5);font-size:0;vertical-align: top;}
.cont1 .mainpop .control button[data-control="prev"]:before,
.cont1 .mainpop .control button[data-control="next"]:before{width:6px;height:6px;border-width:2px;border-style: solid;border-color: #fff;transform: rotate(45deg);}
.cont1 .mainpop .control button[data-control="prev"]:before{right: -4px;border-width: 0 0 2px 2px;}
.cont1 .mainpop .control button[data-control="next"]:before{left: -4px;border-width: 2px 2px 0 0;}
.cont1 .mainpop .control button[data-control="stop"]:before{width: 2px;height:9px;box-shadow: -3px 0 #fff, 3px 0 #fff;}
.cont1 .mainpop .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 .mainpop .tit {position:absolute;top:0;right: -37px;z-index: 2;width:37px;height:117px;background:url(/template/mainC/images/pop2.jpg)no-repeat;;font-size: 0;}

.cont2 {padding: 65px 0;}
.cont2 .icon_list {}
.cont2 .icon_list ul {}
.cont2 .icon_list ul:after {display:block; clear:both; visibility:hidden; content:'';}
.cont2 .icon_list ul li {float:left;}
.cont2 .icon_list ul.col6 li {width:16.66%;}
.cont2 .icon_list ul.col8 li {width:12.5%;}
.cont2 .icon_list ul.col9 li {width:10%;}
.cont2 .icon_list ul li a {display:block;width:100%;height:100%;line-height: 1.3;font-size: 15px;color: #3d372f;text-align:center;-webkit-transition: all .3s ease-in-out;transition: all .3s ease-in-out;}
.cont2 .icon_list ul li a:hover,
.cont2 .icon_list ul li a:focus {color:#cf5524;}
.cont2 .icon_list ul li .ico {display:block;width: 77px;height: 72px;margin:0 auto 22px;border:1px solid #eee; border-radius:20px; background-color:#f8f8f8; background-image:url(/template/mainC/images/icon_ir.png);-webkit-transition: all .3s ease-in-out;transition: all .3s ease-in-out;}
.cont2 .icon_list ul li.ex .ico {margin: 0 auto 15px;}
.cont2 .icon_list ul li .ico.ico1 {background-position: 0 -1px;}
.cont2 .icon_list ul li .ico.ico2 {background-position: -77px -1px;}
.cont2 .icon_list ul li .ico.ico3 {background-position: -154px -1px;}
.cont2 .icon_list ul li .ico.ico4 {background-position: -231px -1px;}
.cont2 .icon_list ul li .ico.ico5 {background-position: -308px -1px;}
.cont2 .icon_list ul li .ico.ico6 {background-position: -385px -1px;}
.cont2 .icon_list ul li .ico.ico7 {background-position: -462px -1px;}
.cont2 .icon_list ul li .ico.ico8 {background-position: -539px -1px;}
.cont2 .icon_list ul li .ico.ico9 {background-position: -616px -1px;}
.cont2 .icon_list ul li .ico.ico10 {background-position: -693px -1px;}
.cont2 .icon_list ul li .ico.ico11 {background-position: -770px -1px;}
.cont2 .icon_list ul li .ico.ico12 {background-position: -847px -1px;}
.cont2 .icon_list ul li .ico.ico13 {background-position: -924px -1px;}
.cont2 .icon_list ul li .ico.ico14 {background-position: -1001px -1px;}
.cont2 .icon_list ul li .ico.ico15 {background-position: -1078px -1px;}
.cont2 .icon_list ul li .ico.ico16 {background-position: -1155px -1px;}
.cont2 .icon_list ul li .ico.ico17 {background-position: -1232px -1px;}
.cont2 .icon_list ul li .ico.ico18 {background-position: -1309px -1px;}

.cont2 .icon_list ul li a:hover .ico,
.cont2 .icon_list ul li a:focus .ico {border:1px solid #cf5524; background-color:#cf5524; }
.cont2 .icon_list ul li a:hover .ico.ico1,
.cont2 .icon_list ul li a:focus .ico.ico1 {background-position: 0 -73px;}
.cont2 .icon_list ul li a:hover .ico.ico2,
.cont2 .icon_list ul li a:focus .ico.ico2 {background-position: -77px -73px;}
.cont2 .icon_list ul li a:hover .ico.ico3,
.cont2 .icon_list ul li a:focus .ico.ico3 {background-position: -154px -73px;}
.cont2 .icon_list ul li a:hover .ico.ico4,
.cont2 .icon_list ul li a:focus .ico.ico4 {background-position: -231px -73px;}
.cont2 .icon_list ul li a:hover .ico.ico5,
.cont2 .icon_list ul li a:focus .ico.ico5 {background-position: -308px -73px;}
.cont2 .icon_list ul li a:hover .ico.ico6,
.cont2 .icon_list ul li a:focus .ico.ico6 {background-position: -385px -73px;}
.cont2 .icon_list ul li a:hover .ico.ico7,
.cont2 .icon_list ul li a:focus .ico.ico7 {background-position: -462px -73px;}
.cont2 .icon_list ul li a:hover .ico.ico8,
.cont2 .icon_list ul li a:focus .ico.ico8 {background-position: -539px -73px;}
.cont2 .icon_list ul li a:hover .ico.ico9 ,
.cont2 .icon_list ul li a:focus .ico.ico9 {background-position: -616px -73px;}
.cont2 .icon_list ul li a:hover .ico.ico10,
.cont2 .icon_list ul li a:focus .ico.ico10 {background-position: -693px -73px;}
.cont2 .icon_list ul li a:hover .ico.ico11,
.cont2 .icon_list ul li a:focus .ico.ico11 {background-position: -770px -73px;}
.cont2 .icon_list ul li a:hover .ico.ico12,
.cont2 .icon_list ul li a:focus .ico.ico12 {background-position: -847px -73px;}
.cont2 .icon_list ul li a:hover .ico.ico13,
.cont2 .icon_list ul li a:focus .ico.ico13 {background-position: -924px -73px;}
.cont2 .icon_list ul li a:hover .ico.ico14,
.cont2 .icon_list ul li a:focus .ico.ico14 {background-position: -1001px -73px;}
.cont2 .icon_list ul li a:hover .ico.ico15,
.cont2 .icon_list ul li a:focus .ico.ico15 {background-position: -1078px -73px;}
.cont2 .icon_list ul li a:hover .ico.ico16,
.cont2 .icon_list ul li a:focus .ico.ico16 {background-position: -1155px -73px;}
.cont2 .icon_list ul li a:hover .ico.ico17,
.cont2 .icon_list ul li a:focus .ico.ico17 {background-position: -1232px -73px;}
.cont2 .icon_list ul li a:hover .ico.ico18, 
.cont2 .icon_list ul li a:focus .ico.ico18 {background-position: -1309px -73px;}


.cont3 {}
.cont3 .group {position: relative;z-index: 1;height:365px;border:1px solid #d7d1ce;background: #fff;}
.cont3 .group:after {display:block; clear:both; visibility:hidden; content:'';}
.cont3 .group .box {float:left; width:50%; height:100%; padding:35px 40px;  }
.cont3 .group .box .tit {display:block;margin: 0 0 37px 0;font-weight:700;font-size:24px;color:#181818;line-height: 1;}
.cont3 .group .box .tit span {display:inline-block; margin-left:10px;font-weight:normal; font-size:15px; color:#888682;}
.cont3 .group .box1 {}
.cont3 .group .box1 .main-board__skin {position:relative;}
.cont3 .group .box1 .main-board__skin:after {display:block; clear:both; visibility:hidden; content:'';}
.cont3 .group .box1 .main-board__skin .board__nav-item {float:left;}
.cont3 .group .box1 .main-board__skin .board__nav-item .board__title {display:inline-block;position:relative;margin: 0 30px 35px 0;font-weight:normal;font-size:24px;color:#181818;line-height: 1;}
.cont3 .group .box1 .main-board__skin .board__nav-item .board__title:before {display:block; position:absolute; content:''; left:0; bottom:-3px; z-index:-1; height:10px; width:0;background:#fbd492;     -webkit-transition: all .3s ease-in-out;transition: all .3s ease-in-out;}
.cont3 .group .box1 .main-board__skin .board__nav-item .board__title:after {display:block; position:absolute; right:-18px; top:12px;  content:''; width:4px; height:4px; border-radius:50%; background:#b39485;}
.cont3 .group .box1 .main-board__skin .board__nav-item:last-child  .board__title{margin-right:0;}
.cont3 .group .box1 .main-board__skin .board__nav-item:last-child .board__title:after {display:none;}
.cont3 .group .box1 .main-board__skin .board__nav-item.active .board__title {font-weight:700;}
.cont3 .group .box1 .main-board__skin .board__nav-item.active .board__title:before {width:100%;}
.cont3 .group .box1 .main-board__skin .board__content {overflow:hidden;position:absolute;left:0;top: 68px;width: 100%;height: 235px;}
.cont3 .group .box1 .main-board__skin .board__content ul {overflow:hidden;}
.cont3 .group .box1 .main-board__skin .board__content ul li {position:relative; padding:0 90px 0 18px; border-bottom:1px solid #f1efeb; }
.cont3 .group .box1 .main-board__skin .board__content ul li:last-child {border:none;}
.cont3 .group .box1 .main-board__skin .board__content ul li:before {display:block; position:absolute; left:3px; top:23px; content:''; width:4px; height:4px; border-radius:50%; background:#b39485;}
.cont3 .group .box1 .main-board__skin .board__content ul li a {display:block; }
.cont3 .group .box1 .main-board__skin .board__content ul li a:hover,
.cont3 .group .box1 .main-board__skin .board__content ul li a:focus {text-decoration:underline;}
.cont3 .group .box1 .main-board__skin .board__content ul li strong {display:block; overflow:hidden; color:#3b3731; font-size:15px; line-height:50px; text-overflow: ellipsis;white-space: nowrap;}
.cont3 .group .box1 .main-board__skin .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:middle; text-align:center; }
.cont3 .group .box1 .main-board__skin .board__content ul li .board__item--content {display:none;}
.cont3 .group .box1 .main-board__skin .board__content ul li .board__item--date {position:absolute; top:0; right:0; line-height:50px; }
.cont3 .group .box1 .main-board__skin .board__content ul li .board__item--date span { line-height:50px; color:#a2a09c; font-size:15px;}
.cont3 .group .box1 .main-board__skin .board__content ul li .board__item--date span i {font-style:normal; line-height:50px; color:#a2a09c; font-size:15px;}
.cont3 .group .box1 .main-board__skin .board__content ul li:first-child {padding: 0 0 13px;}
.cont3 .group .box1 .main-board__skin .board__content ul li:first-child a {padding-left:90px;}
.cont3 .group .box1 .main-board__skin .board__content ul li:first-child strong {margin:0 0 10px; font-size:18px; color:#2f2008; font-weight:700;line-height:1;}
.cont3 .group .box1 .main-board__skin .board__content ul li:first-child .board__item--content {display:block;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;height: 42px;text-overflow: ellipsis;white-space: normal;font-size:15px;color:#888682;line-height: 1.4;}
.cont3 .group .box1 .main-board__skin .board__content ul li:first-child .board__item--date {right:auto;left:0;width:70px;height:70px;line-height: 1;padding:10px 0 0;background:#eceae6;text-align:center;}
.cont3 .group .box1 .main-board__skin .board__content ul li:first-child .board__item--date span { line-height:1;  color:#a2a09c; font-size:13px;}
.cont3 .group .box1 .main-board__skin .board__content ul li:first-child .board__item--date span i {display:block; margin:3px 0 0;line-height:1; font-size:28px; font-weight:700; color:#452a1f;}
.cont3 .group .box1 .main-board__skin .board__nav-item .board__more {display:none;position:absolute; right:0; top:0;}
.cont3 .group .box1 .main-board__skin .board__nav-item.active .board__more {display:block; }
.cont3 .group .box1 .main-board__skin .board__nav-item.active .board__more a {display:inline-block; position:relative; width:22px; height:22px; vertical-align:middle; font-size:0;}
.cont3 .group .box1 .main-board__skin .board__nav-item.active .board__more a:before,
.cont3 .group .box1 .main-board__skin .board__nav-item.active .board__more a:after {content: '';position: absolute;top: 0;left: 0;right: 0;bottom: 0;margin: auto;}
.cont3 .group .box1 .main-board__skin .board__nav-item.active .board__more a:before {width:100%;height: 2px;background: #111;}
.cont3 .group .box1 .main-board__skin .board__nav-item.active .board__more a:after {width: 2px;height:100%;background: #111;}
.cont3 .group .box1 .main-board__skin .board__nav-item.active .board__more a:hover:before,
.cont3 .group .box1 .main-board__skin .board__nav-item.active .board__more a:focus:before,
.cont3 .group .box1 .main-board__skin .board__nav-item.active .board__more a:hover:after,
.cont3 .group .box1 .main-board__skin .board__nav-item.active .board__more a:focus:after{animation: spinspin2 2s ease-out;-webkit-animation: spinspin2 2s ease-out;}


.cont3 .group .box2 {border-left:1px solid #d7d1ce;}
.cont3 .group .box2 .inner {position:relative;}
.cont3 .group .box2 .main_more {position:absolute; right:0; top:0;}

.cont4 {padding:80px 0;}
.cont4:before {display:block;position:absolute;z-index: -1;left:0;top:-180px;bottom:0;content:'';width:100%;height: auto;background:url(/images/cpo/main/bg.jpg)no-repeat center;background-size:cover;}
.cont4 .main_more {position:absolute;top:92px;right:50%;z-index: 1;margin-right:-620px;}
.cont4 .inner {overflow: hidden;text-align: center;}
.cont4 .inner:before,
.cont4 .inner:after {display:block;position:absolute;top: -180px;bottom: 0;z-index: 1;content:'';width:auto;height: auto;background: rgba(243,237,230,.3);}
.cont4 .inner:before {left:0;right:50%;margin-right: 670px;}
.cont4 .inner:after {right:0;left:50%;margin-left: 739px;}
.cont4 .layout {position:static;}
.cont4 .img_slide {height:370px;} 
.cont4 .img_slide .slick-track:after {display:block; clear:both; visibility:hidden; content:'';}
.cont4 .img_slide .slick-slide {float:left;position:relative;width:290px;height:100%;margin-right: 50px;background: #fff;}
.cont4 .img_slide .slick-slide[data-slick-index="-1"] {display:none;}
.cont4 .img_slide .slick-slide .box {float:left;position:relative;width:290px;height: 100%;margin-right: 50px;background: #fff;}
.cont4 .img_slide .slick-slide .box a {display:block; width:100%; height:100%;}
.cont4 .img_slide .slick-slide .box a:hover,
.cont4 .img_slide .slick-slide .box a:focus {text-decoration:underline;}
.cont4 .img_slide .slick-slide .box .cate {position: absolute;right:15px;top:15px;z-index: 1;width:53px;height:53px;line-height:53px;border-radius:50%;text-align:center;color:#fff;font-size:16px;}
.cont4 .img_slide .slick-slide .box .cate.cate1 {background:#a314b8;}
.cont4 .img_slide .slick-slide .box .cate.cate2 {background:#e01349;}
.cont4 .img_slide .slick-slide .box .cate.cate3 {background:#c34d1d;}
.cont4 .img_slide .slick-slide .box .thumb {overflow: hidden;height:200px;border:1px solid #eee;}
.cont4 .img_slide .slick-slide .box .thumb span {display:block; position:relative; width:100%; height:100%;}
.cont4 .img_slide .slick-slide .box .thumb span img {position:absolute; top: 50%; left: 50%; width:auto; max-width:1000%; min-width:100%; height:100%; transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%);}
.cont4 .img_slide .slick-slide .box .info {padding:15px 20px;text-align:left;} 
.cont4 .img_slide .slick-slide .box .info em {display:block; font-size:16px; color:#f57d1e; font-style:italic;}
.cont4 .img_slide .slick-slide .box .info strong {display:block;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;height: 50px;margin: 5px 0 10px;text-overflow: ellipsis;white-space: normal;font-size:18px;font-weight: 500;color:#2e2e2e;line-height: 1.4;}
.cont4 .img_slide .slick-slide .box .info ul {}
.cont4 .img_slide .slick-slide .box .info ul li {position:relative;overflow: hidden;margin: 2px 0;padding-left: 8px;font-size:14px;color:#545454;text-overflow: ellipsis;white-space: nowrap;}   
.cont4 .img_slide .slick-slide .box .info ul li:after {display:block;position:absolute;left:0;top: 10px;content:'';width:3px;height:3px;border-radius:50%;background:#b39485;}
.cont4 .img_slide .slick-arrow {position:absolute;bottom: 230px;z-index: 1;width:56px;height:56px;border-radius:50%;background:rgba(0,0,0,.3);font-size: 0;}
.cont4 .img_slide .slick-arrow.slick-prev {left:50%; margin-left:-720px;}
.cont4 .img_slide .slick-arrow.slick-next {right:50%; margin-right:-720px;}
.cont4 .img_slide .slick-arrow.slick-prev:before,
.cont4 .img_slide .slick-arrow.slick-next:before{width:8px;height:8px;border-width:2px;border-style: solid;border-color: #fff;transform: rotate(45deg);}
.cont4 .img_slide .slick-arrow.slick-prev:before{right: -4px;border-width: 0 0 2px 2px;}
.cont4 .img_slide .slick-arrow.slick-next:before{left: -4px;border-width: 2px 2px 0 0;}


.cont5 {overflow: hidden;padding:80px 0;}
.cont5 ul {overflow: hidden;height: 270px;margin:0 -25px;}
.cont5 ul:after {display:block; clear:both; visibility:hidden; content:'';}
.cont5 ul li {float:left;width:calc(25% - 50px);height: 270px;margin: 0 25px 20px;}
.cont5 ul li a {display:block; width:100%; height:100%;}
.cont5 ul li a:hover,
.cont5 ul li a:focus {text-decoration:underline;}
.cont5 ul li .thumb {overflow:hidden; height:210px; border:1px solid #eee;}
.cont5 ul li .thumb span {display:block; position:relative; width:100%; height:100%;}
.cont5 ul li .thumb span img {position:absolute; top: 50%; left: 50%; width:auto; max-width:1000%; min-width:100%; height:100%; transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%);}
.cont5 ul li strong {display:block;overflow: hidden;margin:10px 0 0;font-size:17px;color:#3d372f;text-overflow: ellipsis;white-space: nowrap;text-align: left;}
.cont5 ul li p {font-size:14px;color:#95918c;text-overflow: ellipsis;white-space: nowrap;text-align: left;}
.cont5 .main_more {position:absolute;top:12px; right:0; z-index: 1;}

@-webkit-keyframes spinspin2 {
    0% {-webkit-transform: rotate(0deg);}
    100% {-webkit-transform:rotate(720deg);}
}
@keyframes spinspin2 {
    0% {transform: rotate(0deg);}
    100% {transform:rotate(720deg);}
}

@media screen and (max-width:1500px){
    .cont4 .img_slide .slick-arrow.slick-prev {left:20px; margin-left:0;}
    .cont4 .img_slide .slick-arrow.slick-next {right:20px; margin-right:0;}

}
@media screen and (max-width:1479px){
    .cont1 .mainpop_wrap {right:45px;}
}
@media screen and (max-width:1319px){
    .cont .title {font-size:24px;}
    .cont1 {height:400px;}
    .cont1 .visual_txt strong img {height:85px}
    .cont1 .visual_txt p {margin:10px 0 0;}
    .cont1 .mainpop_wrap {top: 90px;width:400px;height:235px;}
    .cont1 .mainpop:before {display:none;}
    .visual .slick-dots {left:20px;margin:0;bottom: 90px;}

    .cont2 .icon_list ul li a {font-size:14px;}
    .cont2 .icon_list ul li .ico {width:66px;height: 62px;background-size: 1188px auto;}
    .cont2 .icon_list ul li .ico.ico1 {background-position: 0 -1px;}
    .cont2 .icon_list ul li .ico.ico2 {background-position: -66px -1px;}
    .cont2 .icon_list ul li .ico.ico3 {background-position: -132px -1px;}
    .cont2 .icon_list ul li .ico.ico4 {background-position: -198px -1px;}
    .cont2 .icon_list ul li .ico.ico5 {background-position: -264px -1px;}
    .cont2 .icon_list ul li .ico.ico6 {background-position: -330px -1px;}
    .cont2 .icon_list ul li .ico.ico7 {background-position: -396px -1px;}
    .cont2 .icon_list ul li .ico.ico8 {background-position: -462px -1px;}
    .cont2 .icon_list ul li .ico.ico9 {background-position: -528px -1px;}
    .cont2 .icon_list ul li .ico.ico10 {background-position: 594px -1px;}
    .cont2 .icon_list ul li .ico.ico11 {background-position: -660px -1px;}
    .cont2 .icon_list ul li .ico.ico12 {background-position: -726px -1px;}
    .cont2 .icon_list ul li .ico.ico13 {background-position: -792px -1px;}
    .cont2 .icon_list ul li .ico.ico14 {background-position: -858px -1px;}
    .cont2 .icon_list ul li .ico.ico15 {background-position: -924px -1px;}
    .cont2 .icon_list ul li .ico.ico16 {background-position: -990px -1px;}
    .cont2 .icon_list ul li .ico.ico17 {background-position: -1056px -1px;}
    .cont2 .icon_list ul li .ico.ico18 {background-position: -1122px -1px;}

    .cont2 .icon_list ul li a:hover .ico.ico1,
    .cont2 .icon_list ul li a:focus .ico.ico1 {background-position: 0 -62px;}
    .cont2 .icon_list ul li a:hover .ico.ico2,
    .cont2 .icon_list ul li a:focus .ico.ico2 {background-position: -66px -62px;}
    .cont2 .icon_list ul li a:hover .ico.ico3,
    .cont2 .icon_list ul li a:focus .ico.ico3 {background-position: -132px -62px;}
    .cont2 .icon_list ul li a:hover .ico.ico4,
    .cont2 .icon_list ul li a:focus .ico.ico4 {background-position: -198px -62px;}
    .cont2 .icon_list ul li a:hover .ico.ico5,
    .cont2 .icon_list ul li a:focus .ico.ico5 {background-position: -264px -62px;}
    .cont2 .icon_list ul li a:hover .ico.ico6,
    .cont2 .icon_list ul li a:focus .ico.ico6 {background-position: -330px -62px;}
    .cont2 .icon_list ul li a:hover .ico.ico7,
    .cont2 .icon_list ul li a:focus .ico.ico7 {background-position: -396px -62px;}
    .cont2 .icon_list ul li a:hover .ico.ico8,
    .cont2 .icon_list ul li a:focus .ico.ico8 {background-position: -462px -62px;}
    .cont2 .icon_list ul li a:hover .ico.ico9,
    .cont2 .icon_list ul li a:focus .ico.ico9 {background-position: -528px -62px;}
    .cont2 .icon_list ul li a:hover .ico.ico10,
    .cont2 .icon_list ul li a:focus .ico.ico10 {background-position: 594px -62px;}
    .cont2 .icon_list ul li a:hover .ico.ico11,
    .cont2 .icon_list ul li a:focus .ico.ico11 {background-position: -660px -62px;}
    .cont2 .icon_list ul li a:hover .ico.ico12,
    .cont2 .icon_list ul li a:focus .ico.ico12 {background-position: -726px -62px;}
    .cont2 .icon_list ul li a:hover .ico.ico13,
    .cont2 .icon_list ul li a:focus .ico.ico13 {background-position: -792px -62px;}
    .cont2 .icon_list ul li a:hover .ico.ico14,
    .cont2 .icon_list ul li a:focus .ico.ico14 {background-position: -858px -62px;}
    .cont2 .icon_list ul li a:hover .ico.ico15,
    .cont2 .icon_list ul li a:focus .ico.ico15 {background-position: -924px -62px;}
    .cont2 .icon_list ul li a:hover .ico.ico16,
    .cont2 .icon_list ul li a:focus .ico.ico16 {background-position: -990px -62px;}
    .cont2 .icon_list ul li a:hover .ico.ico17,
    .cont2 .icon_list ul li a:focus .ico.ico17 {background-position: -1056px -62px;}
    .cont2 .icon_list ul li a:hover .ico.ico18,
    .cont2 .icon_list ul li a:focus .ico.ico18 {background-position: -1122px -62px;}
    
    .cont3 .group .box .tit {font-size:20px;}
    .cont3 .group .box .tit span {display:none;}
    .cont3 .group .box1 .main-board__skin .board__nav-item .board__title {font-size:20px;}
    .cont3 .group .box1 .main-board__skin .board__nav-item .board__title:after {
    top: 8px;
}

    .cont4 .layout {display:inline-block;width: 1010px;margin: 0 auto;padding: 0 20px;}
    .cont4 .inner:before,
    .cont4 .inner:after {display:none;}
    .cont4 .slick-list {overflow:hidden;}
    .cont4 .main_more {top:85px;right: 40px;margin:0;}

    .cont5 {text-align:center;}
    .cont5 ul {display:inline-block;width:1020px;}
    .cont5 ul li {width:290px;}
    .cont5 .main_more {top: 5px;right: 40px;}


}
@media screen and (max-width:1023px){
    .cont .title {margin:0 0 30px;}

    .cont1 {height:420px;}
    .cont1 .visual_txt strong img {height:65px;}
    .cont1 .visual_txt p {max-width: 350px;}
    .cont1 .mainpop_wrap {top: 105px;right: 20px;width:340px;height:200px;}
    .cont1 .mainpop .tit {left:0;right:auto;top:-26px;width:114px;height:26px;background: url(/template/mainC/images/pop3.jpg)no-repeat;}

    .visual .slick-dots {left: 0;bottom:20px;width: 100%;text-align:center;}
    
    .cont2 {padding:35px 0 25px;}
    .cont2 .icon_list ul li {height: 105px;margin:15px 0;}
    .cont2 .icon_list ul.col6 li,
    .cont2 .icon_list ul.col8 li {width:33.33%;}
    
    .cont3 .group {height:auto;}
    .cont3 .group .box {float:none; width:100%; }
    .cont3 .group .box1 {min-height:365px;}
    .cont3 .group .box2 {border-left:none; border-top:1px solid #d7d1ce;}

    .cont4 {padding:45px 0;}
    .cont4 .layout {width: 670px;}
    .cont4 .main_more {top:50px;}
    
    .cont5 {padding:45px 0;}
    .cont5 ul {width:680px;}

}

@media screen and (max-width:767px){
    .cont1 .layout {height:100%;}
    .cont1 .visual_txt {padding: 65px 0 0;}
    .cont1 .visual_txt p {max-width:100%;}
    .cont1 .mainpop_wrap {top:auto;bottom: -60px;right: 50%;z-index: 1;width: 100%;max-width: 370px;height: auto;padding: 0 15px;transform: translateX(50%);-webkit-transform: translateX(50%);}
    .visual .slick-dots {bottom: 185px;}
    
    .cont2 {padding: 95px 0 25px;} 

    .cont3 .group .box {padding: 30px 20px;}
    .cont3 .group .box1 {min-height:335px;}
    .cont3 .group .box1 .main-board__skin .board__nav-item .board__title {margin:0 20px 0 0; font-size:18px;}
    .cont3 .group .box1 .main-board__skin .board__nav-item .board__title:after {top:8px;right:-12px;}
    .cont3 .group .box1 .main-board__skin .board__content {top:50px;}
    .cont3 .group .box1 .main-board__skin .board__content ul li:first-child strong {font-size:16px;}
    .cont3 .group .box1 .main-board__skin .board__content ul li {padding-right:0;}
    .cont3 .group .box1 .main-board__skin .board__content ul li .board__item--date {display:none;}
    .cont3 .group .box1 .main-board__skin .board__content ul li:first-child .board__item--date {display:block; }

    .cont3 .group .box .tit {margin: 0 0 20px;font-size:18px;}

    .cont4 .layout {width:290px;max-width:290px;padding: 0;}
    .cont4 .img_slide .slick-arrow.slick-prev {left:10px;}
    .cont4 .img_slide .slick-arrow.slick-next {right:10px;}

    .cont5 ul {width:290px;} 
    .cont5 ul li {margin:0;}
}

@media screen and (max-width:560px){
    .cont1 {height:400px}
    .cont1 .visual_txt strong {display: block;text-align:center;}
    .cont1 .visual_txt p {display:none;}



}