@charset "UTF-8";

.quick_box {position: absolute;}
.footer .foot_bg {position: relative; width: 100%;  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 max-width: 2400px;*/
.main_con1 {position: relative; width: 100%;  margin: 0 auto; padding: 0px 0px 0px 30px; margin-bottom: 50px;}
.main_con1 .container { width:100%; padding: 0px 100px;}
.main_visu {position: relative; border-top-left-radius:0px; border-top-right-radius:0px; border-bottom-left-radius:0px;  border-bottom-right-radius:0px; margin-top:101px; background: url('../images/main_sliding_bg.jpg') center center/cover no-repeat}
.main_visu .slide .item {}
.main_visu .slide .item .va_m {display: table-cell; height: 320px; vertical-align: top;}
.main_visu .slide .item .tit1 {margin-bottom: 10px; font-size: 1.875em; color: #0F298F; 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: #0F298F;}
.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: #0F298F;}
.main_visu .slide .item .txt {display: -webkit-box;width: 600px; margin-bottom: 40px; overflow: hidden; height: 3.6em; line-height: 1.2em; font-size: 1.125em; color: #363636; -webkit-line-clamp: 3; -webkit-box-orient: vertical; word-wrap: break-word;}
.main_visu .slide .item .tit4 {position: relative; margin-bottom: 40px; font-size: 3em; color: #000; font-weight: 300;}
.main_visu .slide .item .tit4 span {font-weight:600}
.main_visu .slide .item .btn {}
.main_visu .slide .item .btn a {display: inline-block; width: 180px; height: 45px; line-height: 41px; border: 2px solid #0F298F; TEXT-DECORATION: none; border-radius: 40px;
background-color: #fff; color: #0F298F; text-align: center;}
.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_sliding_bg.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: #0F298F; color: #fff;}


.main_visu .slide_ctrl {z-index: 1999; position: absolute; left: 0px; top: 0; display: table; width: 100%; height: 30px; border:0px solid red;}
.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: top; }
.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: #517AC0; TEXT-DECORATION: none; font-size: 1.2em; font-weight: 500;}
/*.main_visu .slide_ctrl .ctrl_list .slick-dots li a:after {content: ''; position: absolute; top: 20px; bottom:10px; left: 3px; width: 2px; height: 0px; background: #ffffcc; opacity: 0; z-index: 1;} ¸·´ë¿òÁ÷ÀÓ*/
/*.main_visu .slide_ctrl .ctrl_list .slick-dots li a:before {content: ''; position: absolute; top: 20px; bottom:10px; left: 3px; width: 2px; background: #000;  z-index: 2; }*/
 
.main_visu .slide_ctrl .ctrl_list .slick-dots li.slick-active {margin-bottom: 0px;}
.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: 0px; 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: 5px;
	}
	to {
		height: 40px;
	}
}

/* main_con2 */
.main_con2 {margin-bottom: 50px;}
.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;}
.main_con3 .con3_box1 .notice_box {background-color: #3a9f6e;}
.main_con3 .con3_box1 .notice_box .tit_box { width: 100%; height: 70px; padding: 0px 20px; background-color: #348f63;  color: #fff; font-size: 1.500em; line-height: 68px;}
.main_con3 .con3_box1 .notice_box .tit_box h1 {float: left;  font-weight: 500;}
.main_con3 .con3_box1 .notice_box .tit_box .more_btn {float: right; color: #fff;}
.main_con3 .con3_box1 .notice_box .tit_box .more_btn:hover i {transition:all 0.3s;}
.main_con3 .con3_box1 .notice_box .tit_box .more_btn:hover i {transform:rotate(180deg);}
.main_con3 .con3_box1 .notice_box .notice_list {}
.main_con3 .con3_box1 .notice_box .notice_list .notice_box {display: table; width: 100%; height: 108px; padding: 0 20px 0 15px; border-top: 1px solid #75bc9a;     table-layout: fixed;}
.main_con3 .con3_box1 .notice_box .notice_list .notice_box .left {display: table-cell; width: 60px; vertical-align: middle; text-align: center;}
.main_con3 .con3_box1 .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_box1 .notice_box .notice_list .notice_box .left .day {font-size: 1.875em; color: #fff;}
.main_con3 .con3_box1 .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_box1 .notice_box .notice_list .notice_box .left .yaer {font-size: 0.813em; color: rgba(255, 255, 255, 0.7);}
.main_con3 .con3_box1 .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_box1 .notice_box .notice_list .notice_box .right {display: table-cell; padding-left: 15px; vertical-align: middle;}
.main_con3 .con3_box1 .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_box1 .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_box1 .notice_box .notice_list .notice_box .right .txt {font-size: 1.250em; color: #fff; font-weight: 300; overflow: hidden; vertical-align: top; text-overflow: ellipsis; white-space: nowrap; }

.main_con3 .con3_box1 .notice_box .notice_list .notice_box:hover {padding: 0 10px;}
.main_con3 .con3_box1 .notice_box .notice_list .notice_box:hover .left {width: 0;}
.main_con3 .con3_box1 .notice_box .notice_list .notice_box:hover .left .day {opacity: 0;}
.main_con3 .con3_box1 .notice_box .notice_list .notice_box:hover .left .yaer {opacity: 0;}
.main_con3 .con3_box1 .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 .top .slide_btn {position: absolute; top: 25px; right: 25px;}
.main_con3 .con3_box2 .top .slide_btn .play {display: none;}
.main_con3 .con3_box2 .bottom {height: 270px; border: 1px solid #dedede;}
.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: 270px; border: 1px solid #dedede;}
.main_con3 .con3_box3 .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_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%;  padding: 0 0px; 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 #000000;}
.main_con4 .con4_tit .tit2 {margin-bottom: 45px; font-size: 2.125em; font-weight: 500; color: #fff; text-shadow: 3px 2px 3px #000000;}
.main_con4 .pub_btn {position: relative; display: block; width: 255px; height: 55px; line-height: 49px; margin: 0 auto; border: 3px solid #fff;
background-image: url('/images/main/btn_bg_w.jpg') ; background-size: 0px 55px; background-repeat:no-repeat;	 border-radius: 50px; color: #fff; z-index: 0;}
.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: #0F298F; border:3px solid #0F298F;}

.con4_wrap {width: 100%; height: 330px; margin: 0 auto; background: url('../images/main_btm_bg2.png') center center/cover no-repeat; text-align: center;}