@charset "UTF-8";

.quick_box {position: absolute;}
.footer .foot_bg {position: relative; width: 100%; max-width: 2400px; margin:0 auto; padding: 0px 50px; }
.footer .foot_bg .rl_bg {position: relative; width: 100%; margin: 0 auto; padding: 40px 0; background-color: #f6f6f6;}


/* main_con1 */
.main_con1 {position: relative; width: 100%; max-width: 2400px; margin: 0 auto; padding: 0 50px; margin-bottom: 50px;}
.main_con1 .container {max-width: 1380px; padding: 0 70px;}
.main_visu {position: relative; background: url('/images/main/main_visu02.jpg') center center/cover no-repeat}
.main_visu .slide .item {height: 300px;display: flex;align-items: center;}
.main_visu .slide .item .va_m {display: table-cell; height: 450px; vertical-align: middle;}
.main_visu .slide .item .va_m.h300 {display: block;height: auto;vertical-align: middle;}
.main_visu .slide .item .tit1 {margin-bottom: 10px;font-size: 1.2rem;color: #09975b;font-weight: 500;}
.main_visu .slide .item .tit1.before {position: relative; margin-bottom: 40px;}
.main_visu .slide .item .tit1.before:after {content: ''; position: absolute; left: 0; bottom: -18px; width: 65px; height: 2px; background: #09975b;}
.main_visu .slide .item .tit2 {position: relative; margin-bottom: 40px; font-size: 3.750em; color: #000; font-weight: 700;}
.main_visu .slide .item .tit2:after {content: ''; position: absolute; left: 0; bottom: -18px; width: 65px; height: 2px; background: #09975b;}
.main_visu .slide .item .txt {display: -webkit-box;width: 600px;margin-bottom: 20px;overflow: hidden;height: auto;line-height: 1.2em;font-size: 1rem;color: #363636;-webkit-line-clamp: 3;-webkit-box-orient: vertical;word-wrap: break-word;}
.main_visu .slide .item .tit4 {position: relative;margin-bottom: 10px;font-size: 1.85rem;color: #000;font-weight: 500;}
.main_visu .slide .item .tit4 span {font-weight:500}
.main_visu .slide .item .btn {}
.main_visu .slide .item .btn a {display: inline-block;width: auto;height: 45px;line-height: 41px;border: 2px solid #09975b;border-radius: 40px;background-color: #fff;color: #09975b;text-align: center;padding: 0 15px;}
.main_visu .slide .item .btn a i {padding-left: 13px;}
.main_visu .bg_slide_wrap {position: absolute; width: 100%; height: 100%; left: 0; top: 0;}
.main_visu .bg_slide_wrap .item {height: 450px; background: url('/images/main/main_visu02.jpg') center center/cover no-repeat;}
.main_visu .bg_slide_wrap .item img {width: 100%; height: 100%;} 
.main_visu .slide .item .btn a {-webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
.main_visu .slide .item .btn a:hover {background-color: #09975b; color: #fff;}


.main_visu .slide_ctrl {position: absolute; left: -50px; top: 0; display: table; width: 50px; height: 100%;}
.main_visu .slide_ctrl {-webkit-transition: all 0.2s; -moz-transition: all 0.2s; -ms-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s;}
.main_visu .slide_ctrl .ctrl_list {display: table-cell; vertical-align: middle; }
.main_visu .slide_ctrl .ctrl_list .slick-dots {position: relative; bottom: 0; }
.main_visu .slide_ctrl .ctrl_list .slick-dots li {margin: 5px 5px;}
.main_visu .slide_ctrl .ctrl_list .slick-dots li {-webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s;}
.main_visu .slide_ctrl .ctrl_list .slick-dots li a {color: #b8b8b8; font-size: 0.875em; font-weight: 500;}
.main_visu .slide_ctrl .ctrl_list .slick-dots li a:after {content: ''; position: absolute; top: 30px; left: 3px; width: 2px; height: 0px; background: #b8b8b8; opacity: 0; z-index: 1;}
.main_visu .slide_ctrl .ctrl_list .slick-dots li a:before {content: ''; position: absolute; top: 30px; left: 3px; width: 2px; background: #000;  z-index: 2; }
 
.main_visu .slide_ctrl .ctrl_list .slick-dots li.slick-active {margin-bottom: 50px;}
.main_visu .slide_ctrl .ctrl_list .slick-dots li.slick-active a {position: relative;color: #000;}
.main_visu .slide_ctrl .ctrl_list .slick-dots li.slick-active a:after { height: 40px; opacity: 1;}
.main_visu .slide_ctrl .ctrl_list .slick-dots li.slick-active a:after {-webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s;}
.main_visu .slide_ctrl .ctrl_list .slick-dots li.slick-active a:before {animation-duration: 6s; animation-name: slide_btn;}
@keyframes slide_btn {
	from{
		height: 0;
	}
	to {
		height: 40px;
	}
}

/* main_con2 */
.main_con2 {margin-bottom: 50px;}
.main_con2 .link_btn_wrap {display:flex; justify-content: center; flex-wrap: wrap;}
.main_con2 .link_btn_wrap .link_btn {float: left; width: 16.66%; text-align: center;}
.main_con2 .link_btn_wrap .link_btn .img_wrap {margin-bottom: 15px;}
.main_con2 .link_btn_wrap .link_btn .txt_box {font-size: 1.125em;}
.main_con2 .link_btn_wrap .link_btn .txt_box p {word-break:keep-all;}
.main_con2 .link_btn_wrap .link_btn  .img_wrap img {position: relative;}
.main_con2 .link_btn_wrap .link_btn a:hover .img_wrap img {animation-name: btn_r; animation-duration: 0.5s;}
@keyframes btn_r {
	0%{left: 0;}
	30% {left: -7px;}
	60% {left: 7px;}
	100% {left: 0px;}  
}
.main_con2 .link_btn_wrap .link_btn a:hover .txt_box p {color: #3a9f6e; font-weight: 500;}
/* main_con3 */
.m_con {float: left; width: calc(100% - 425px);}
.main_con3 {margin-bottom: 75px;}
.main_con3 .con3_box { float: left; }


.main_con3 .con3_box1 {width: calc(100% - 410px); margin-right: 20px;border:1px solid #ddd;}
.main_con3 .con3_box1 .notice_box .tit_box {width: 100%;height: 62px;padding: 0px 20px;background-color: #6c9abb;color: #fff;font-size: 1.500em;line-height: 63px;}
.main_con3 .con3_box1 .notice_box .tit_box h1 {display:inline-block;}
.main_con3 .con3_box1 .notice_box .list_box {padding:14px;}
.main_con3 .con3_box1 .notice_box {background:#fff;padding: 0;}
.main_con3 .con3_box1 .notice_box .list + .list {margin-top: 17px;}
.main_con3 .con3_box1 .notice_box .list > a {display:flex;gap:10px;}
.main_con3 .con3_box1 .notice_box .list > a .txt {font-size:17px;
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;}
.main_con3 .con3_box1 .notice_box .list > a .yaer {color:#777;margin-bottom:5px;}
.main_con3 .con3_box1 .notice_box .list > a .img_box {flex:0 0 120px;width: 100%;height: 85px;overflow: hidden;display: flex;align-items: center;justify-content: center;border: 1px solid #e2e2e2;}
.main_con3 .con3_box1 .notice_box .list > a .img_box img {width:auto;height:100%;max-height:none;} 
/* .main_con3 .con3_box1 .notice_box .tit_box .more_btn {color:#000;} */

.main_con3 .con3_box2 .notice_box {background-color: #fff;}
.main_con3 .con3_box2 .notice_box .tit_box {width: 100%;height: 62px;padding: 0px 20px;background-color: #6cbbb7;color: #fff;font-size: 1.500em;line-height: 63px;}
.main_con3 .con3_box2 .notice_box .tit_box h1 {float: left;  font-weight: 500;}
.main_con3 .con3_box2 .notice_box .tit_box .more_btn {float: right; color: #fff;}
.main_con3 .con3_box1 .notice_box .tit_box .more_btn {float: right; color: #fff;}
.main_con3 .con3_box2 .notice_box .tit_box .more_btn:hover i {transition:all 0.3s;}
.main_con3 .con3_box2 .notice_box .tit_box .more_btn:hover i {transform:rotate(180deg);}
.main_con3 .con3_box2 .notice_box .notice_list {}
.main_con3 .con3_box2 .notice_box .notice_list .notice_box {display: block;width: 100%;padding: 7px 20px 8px 15px;/* border-top: 1px solid #ddd; */border-bottom: 1px solid #ddd;table-layout: fixed;text-align:left;background:#f7f7f7;}
.main_con3 .con3_box2 .notice_box .notice_list .notice_box .left {display: block; vertical-align: middle; }
.main_con3 .con3_box2 .notice_box .notice_list .notice_box .left {-webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;	}
.main_con3 .con3_box2 .notice_box .notice_list .notice_box .left .day {font-size: 1.875em; color: #fff;}
.main_con3 .con3_box2 .notice_box .notice_list .notice_box .left .day {-webkit-transition: all 0.1s; -moz-transition: all 0.1s; -ms-transition: all 0.1s; -o-transition: all 0.1s; transition: all 0.1s;	}
.main_con3 .con3_box2 .notice_box .notice_list .notice_box .left .yaer {font-size: 1rem;color: #777;font-weight: 300;}
.main_con3 .con3_box2 .notice_box .notice_list .notice_box .left .yaer {-webkit-transition: all 0.1s; -moz-transition: all 0.1s; -ms-transition: all 0.1s; -o-transition: all 0.1s; transition: all 0.1s;	}
.main_con3 .con3_box2 .notice_box .notice_list .notice_box .right {display: block;padding-left: 0;vertical-align: middle;margin-bottom: 5px;}
.main_con3 .con3_box2 .notice_box .notice_list .notice_box .right .sort {display: inline-block; height: 30px; margin-bottom: 10px; padding-bottom: 5px; border-bottom: 2px solid #9dcfb7; font-weight: 500; font-size: 0.938em; color: #fff; }
.main_con3 .con3_box2 .notice_box .notice_list .notice_box .right .sort {-webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;	}
.main_con3 .con3_box2 .notice_box .notice_list .notice_box .right .txt {font-size: 17px;color: #333;font-weight: 400;overflow: hidden;vertical-align: top;text-overflow: ellipsis;white-space: nowrap;}
/* 
.main_con3 .con3_box2 .notice_box .notice_list .notice_box:hover {padding: 0 10px;}
.main_con3 .con3_box2 .notice_box .notice_list .notice_box:hover .left {width: 0;}
.main_con3 .con3_box2 .notice_box .notice_list .notice_box:hover .left .day {opacity: 0;}
.main_con3 .con3_box2 .notice_box .notice_list .notice_box:hover .left .yaer {opacity: 0;}
.main_con3 .con3_box2 .notice_box .notice_list .notice_box:hover .right {width: 100%;} */
/* con3_box2 */
.main_con3 .con3_box2 {position: relative; width: 370px; margin-right: 20px;}
.main_con3 .con3_box2 .top {position: relative; margin-bottom: 20px;}
.main_con3 .con3_box2 .bottom .slide_btn {position: absolute; top: 25px; right: 25px;}
.main_con3 .con3_box2 .bottom .slide_btn .play {display: none;}
.main_con3 .con3_box2 .bottom {height: 317px;border: 1px solid #dedede;position:relative;overflow: hidden;}
.main_con3 .con3_box2 .bottom .tit_box { width: 100%; height: 80px; padding: 0px 20px; background-color: #fff;  color: #000; font-size: 1.500em; line-height: 78px;}
.main_con3 .con3_box2 .bottom .tit_box h1 {float: left;  font-weight: 500;}
.main_con3 .con3_box2 .bottom .tit_box .more_btn {float: right; color: #000;}
.main_con3 .con3_box2 .bottom .tit_box .more_btn:hover i {transition:all 0.3s;}
.main_con3 .con3_box2 .bottom .tit_box .more_btn:hover i {transform:rotate(180deg);}
.main_con3 .con3_box2 .bottom .list_box {padding: 0 20px 20px;}
.main_con3 .con3_box2 .bottom .left_box {float: left; width: 48%; margin-right: 4%; }
.main_con3 .con3_box2 .bottom .img_box {margin-bottom: 10px; text-align: center;}
.main_con3 .con3_box2 .bottom .txt {display: -webkit-box; overflow: hidden; height: 3.2em; line-height: 1.6em; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-wrap: break-word; color: #000;}
.main_con3 .con3_box2 .bottom .right_box {float: left; width: 48%;}
.main_con3 .con3_box2 .bottom .list_box a:hover .txt {text-decoration: underline;}
/* // con3_box2 */
/* con3_box3 */
.main_con3 .con3_box3 {width: 425px; }
.main_con3 .con3_box3 .top {margin-bottom: 20px;}
.main_con3 .con3_box3 .top .left {float: left; width: 250px; height: 320px; margin-right: 20px; border: 1px solid #dedede;}
.main_con3 .con3_box3 .top .left .tit_box { width: 100%; height: 80px; padding: 0px 20px; background-color: #fff;  color: #000; font-size: 1.500em; line-height: 78px;}
.main_con3 .con3_box3 .top .left .tit_box h1 {float: left;  font-weight: 500;}
.main_con3 .con3_box3 .top .left .tit_box h1 span {font-weight: 350;}
.main_con3 .con3_box3 .top .left .left_slide_wrap {position: relative; width: 100%; margin-bottom: 50px;}
.main_con3 .con3_box3 .top .left .left_slide_wrap .slide {width: 135px; height: 165px; margin: 0 auto;}
.main_con3 .con3_box3 .top .left .left_slide_wrap .slide .item { text-align: center;}
.main_con3 .con3_box3 .top .left .left_slide_wrap .slide .item a {display: block;}
.main_con3 .con3_box3 .top .left .left_slide_wrap .slide .item a:hover .txt_con {text-decoration: underline;		}
.main_con3 .con3_box3 .top .left .left_slide_wrap .slide .item .img_wrap {position: relative; max-width: 135px; height: 165px; margin: 0 auto; z-index: 1;
overflow: hidden; padding-bottom: 65%; text-align: center;}
.main_con3 .con3_box3 .top .left .left_slide_wrap .slide .item .img_wrap .inner_box {position: absolute; left: 0; top: 0; z-index: 1; width: 100%; height: 100%; font-size: 0;}
.main_con3 .con3_box3 .top .left .left_slide_wrap .slide .item .img_wrap .inner_box img {display: inline-block; width: auto; height: auto; vertical-align: middle;}
.main_con3 .con3_box3 .top .left .left_slide_wrap .slide .item .txt_con {display: -webkit-box; overflow: hidden; height: 3em; padding-top: 10px; line-height: 1.2em;
-webkit-line-clamp: 2;-webkit-box-orient: vertical; word-wrap: break-word; font-size: 0.938em; word-break:keep-all;}
.main_con3 .con3_box3 .top .left .left_slide_wrap .prev {position: absolute; left: 20px; top: 50%;}
.main_con3 .con3_box3 .top .left .left_slide_wrap .next {position: absolute; right: 25px; top: 50%;}


.main_con3 .con3_box3 .top .right {float: right; width: calc(100% - 270px);}
.main_con3 .con3_box3 .top .right .right_btn_wrap {}
.main_con3 .con3_box3 .top .right .right_btn_wrap .right_btn {display: table; width: 100%; border-bottom: 1px solid #707070;}
.main_con3 .con3_box3 .top .right .right_btn_wrap .right_btn:last-child {border-bottom: 0 none;}
.main_con3 .con3_box3 .top .right .right_btn_wrap .right_btn a {position: relative; display: table-cell; width: 100%; height: 79px; padding-left: 30px; background-color: #4c4c4c; color: #fff; vertical-align: middle;}
.main_con3 .con3_box3 .top .right .right_btn_wrap .right_btn a:after {content: ''; position: absolute; top: 0; right: 0; width: 0px; height: 0px; background: url('/images/main/right_btn_after.png') center center no-repeat;}
.main_con3 .con3_box3 .top .right .right_btn_wrap .right_btn a:after {-webkit-transition: all 0.2s; -moz-transition: all 0.2s; -ms-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s;}
.main_con3 .con3_box3 .top .right .right_btn_wrap .right_btn a:hover {color: #2cce7f;}
.main_con3 .con3_box3 .top .right .right_btn_wrap .right_btn a:hover:after {width: 20px; height: 20px;}


.main_con3 .con3_box3 .bottom {width: 100%; height: 320px; border: 1px solid #dedede;}
.main_con3 .con3_box3 .bottom .tit_box { width: 100%; height: 62px; padding: 0px 20px; background-color: #fff;  color: #000; font-size: 1.500em; line-height: 60px;}
.main_con3 .con3_box3 .bottom .tit_box h1 {float: left; font-weight: 500;}
.main_con3 .con3_box3 .bottom .tit_box h1 span {font-weight: 350;}

.main_con3 .con3_box3 .bottom .btn_box_wrap { padding: 17px 30px; overflow: hidden;}
.main_con3 .con3_box3 .bottom .btn_box_wrap .btn_box {float: left; width: 33.33%; text-align: center;}
.main_con3 .con3_box3 .bottom .btn_box_wrap .btn_box .img_wrap {position: relative; width: 85px; height: 85px; margin: 0 auto 15px; overflow: hidden; border-radius: 50%; background-color: #f5f5f5; }
.main_con3 .con3_box3 .bottom .btn_box_wrap .btn_box .img_wrap img {position: absolute; left: 50%; top: 50%; width: 31px; height: 39px; margin-left: -15px; margin-top: -20px;}

.main_con3 .con3_box3 .bottom .btn_box_wrap .btn_box:hover .img_wrap img {
  animation: animationFrames linear 0.8s;
  animation-iteration-count: 1;
  transform-origin: 50% 50%;
  -webkit-animation: animationFrames linear 0.8s;
  -webkit-animation-iteration-count: 1;
  -webkit-transform-origin: 50% 50%;
  -moz-animation: animationFrames linear 0.8s;
  -moz-animation-iteration-count: 1;
  -moz-transform-origin: 50% 50%;
  -o-animation: animationFrames linear 0.8s;
  -o-animation-iteration-count: 1;
  -o-transform-origin: 50% 50%;
  -ms-animation: animationFrames linear 0.8s;
  -ms-animation-iteration-count: 1;
  -ms-transform-origin: 50% 50%;
}

@keyframes animationFrames{
  0% {
    transform:  translate(0px,0px)  ;
  }
  15% {
    transform:  translate(0px,-15px)  ;
  }
  30% {
    transform:  translate(0px,0px)  ;
  }
  45% {
    transform:  translate(0px,-5px)  ;
  }
  60% {
    transform:  translate(0px,0px)  ;
  }
  75% {
    transform:  translate(0px,-5px)  ;
  }
  100% {
    transform:  translate(0px,0px)  ;
  }
}

/* con3_box3 */


/* main_con4 */
.main_con4 {width: 100%; max-width: 2400px; padding: 0 50px; margin: 0 auto;}

.main_con4 .con4_tit {padding: 75px 0 ;}
.main_con4 .con4_tit .tit1 {margin-bottom: 15px; font-size: 1.250em;  color: #fff; text-shadow: 3px 2px 3px #5d5d5d;}
.main_con4 .con4_tit .tit2 {margin-bottom: 45px; font-size: 2.125em; font-weight: 500; color: #fff; text-shadow: 3px 2px 3px #5d5d5d;}
.main_con4 .pub_btn {position: relative; display: block; width: 205px; height: 55px; line-height: 49px; margin: 0 auto; border: 3px solid #3a9f6e;
background-image: url('/images/main/btn_bg_w.jpg') ; background-size: 0px 55px; background-repeat:no-repeat;	 border-radius: 50px; color: #3a9f6e; z-index: 0;font-weight:bold;}
.main_con4 .pub_btn {-webkit-transition: all 0.4s; -moz-transition: all 0.4s; -ms-transition: all 0.4s; -o-transition: all 0.4s; transition: all 0.4s;}
.main_con4 .pub_btn:hover{background-size: 205px 55px; color: #09975b; border:3px solid #09975b;}

.con4_wrap {width: 100%; height: 330px; margin: 0 auto; background: url('/images/main/main_con4_bg.png') center center/contain no-repeat; text-align: center;}










.quick_banner {margin-bottom:20px;}
.quick_banner ul {display:flex;gap:20px;}
.quick_banner ul li {flex:1 1 calc(50% - 20px);}
.quick_banner ul li a {border:1px solid #ddd;display:flex;padding:0 15px;gap:10px;align-items:center;height:86px;}
.quick_banner ul li a:before {content:'';display:inline-block;width:60px;height:60px;background:#efefef;border-radius:50%;background-position:center;background-repeat:no-repeat;background-size:auto;}
.quick_banner ul li a.q1:before {background-image:url(/images/main/ico_quick_01.png);}
.quick_banner ul li a.q2:before {background-image:url(/images/main/ico_quick_02.png);}

.slider_video {position:relative;}
.slider_video ul {padding:0 20px;}
.slider_video .img_video {display:block;background-repeat:no-repeat;background-size:cover;background-position:center top;}
.slider_video ul li {}
.slider_video ul li a {display:block;position:relative;}
.slider_video ul li a .video_txt {position:absolute;bottom:0;left:0;right:0;background:rgba(0,0,0,0.6);color:#fff;display:block;padding:10px;     overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}

.control_video {}
.control_video .ctl {position:absolute;top:10px;right:25px;}
.control_video .ctl button {width:23px;height:23px;}
.control_video .ctl i {font-size:20px}
.control_video i {color:#fff;font-size:25px;}
.control_video .prev {position:absolute;left:25px;top:50%;transform:translateY(-50%)}
.control_video .next {position:absolute;right:25px;top:50%;transform:translateY(-50%)}
.banner_with {text-align:center;}

@media all and (max-width:768px) {
	.slider_video iframe {width:100% !important;height:43vw;}
	.slider_video ul {padding-bottom:20px;}
}