@charset "UTF-8";
@media screen and (max-width:1500px){
	.main_con1 {width: 100%; max-width: 1380px; padding: 0;}
	.main_visu .slide_ctrl {left: 0; z-index: 3;}
	
	.main_con4 {padding: 0;}
	.con4_wrap {width: 100%; max-width: 1380px; }
}
@media screen and (max-width:1280px){
	
	.m_con {width: calc(100% - 150px);}
	.main_con3 .con3_box3 {width: 130px;}
	.main_con3 .con3_box3 .top .right {width: 130px;}
	.main_con3 .con3_box3 .top .right .right_btn_wrap .right_btn a {padding-left: 15px;}
	
}


@media screen and (max-width:991px){




	.q_share_box {display: none;} 
	.main_con1 .container {padding: 0 50px 0 70px;}
	.main_visu {height: auto;}
	.main_visu .slide .item {padding: 41px 0;}
	.main_visu .slide .item .tit1 {width: 90%; font-size: 1.2em;}
	.main_visu .slide .item .tit2 {width: 90%; font-size: 2em;}
	.main_visu .slide .item .tit4 {width: 90%; font-size: 2em; word-break:keep-all;}
	.main_visu .slide .item .txt {width: 90%; margin-bottom: 30px; font-size: 1em;}
	.main_visu .bg_slide_wrap .item {height: 380px;}
	.main_visu .slide .item .btn a {width: 145px; height: 40px; line-height: 38px; border: 1px solid #09975b; font-size: 14px;}
	.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: 30px;}
	.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: 20px; opacity: 1;}
	@keyframes slide_btn {
		from{
			height: 0;
		}
		to {
			height: 20px;
		}
	}

	.quick_box {top: -50px; bottom:auto; right: 20px;}
	
	.m_con {float: none; width: 100%;}
	.main_con3 .con3_box1 {float: none; width: 100%; margin-bottom: 40px;}
	.main_con3 .con3_box2 {float: none; width: 100%; margin-bottom: 40px;}
	.main_con3 .con3_box3 {float: none; width: 100%;}

	.main_con3 .con3_box2 .box_wrap {overflow: hidden;}

	.main_con3 .con3_box3 .top .right {width: 100%;}
	.main_con3 .con3_box3 .top .right .right_btn_wrap .right_btn {float: left; width: 33.33%; text-align: center; border-right: 1px solid #fff;}
	.main_con3 .con3_box3 .top .right .right_btn_wrap .right_btn:last-child {border-bottom: 1px solid #707070; border-right: none;}
	.main_con3 .con3_box3 .top .right .right_btn_wrap .right_btn a {padding-left: 0;}
}	

	

}
@media screen and (max-width:870px){
	.m_con {width: 98%;}
	
	.main_con3 .con3_box3 {width: 98%;}
	.main_con3 .con3_box3 .top {width: calc(100% - 380px); margin-right: 10px;}	
	.main_con3 .con3_box3 .top .left {width: 230px; margin-right: 10px;}

	.main_con3 .con3_box3 .top .right .right_btn_wrap .right_btn a {padding-left: 0; text-align: center; font-size: 0.875em;padding: 0 5px;}
	.main_con3 .con3_box3 .bottom {width: 370px;}
	
}

@media screen and (max-width:767px){


	
	

	.main_con3 .con3_box1 {float: none; width: 100%;}
	.main_con3 .con3_box1 .notice_box .tit_box {height: 50px; line-height: 48px; font-size: 1.250em;}	
	.main_con3 .con3_box1 .notice_box .notice_list .notice_box { height: 70px;}
	.main_con3 .con3_box1 .notice_box .notice_list .notice_box .left .day {font-size: 1.5em;}
	.main_con3 .con3_box1 .notice_box .notice_list .notice_box .left .yaer {font-size: 11px;}
	.main_con3 .con3_box1 .notice_box .notice_list .notice_box .right .sort {height: 23px; margin-bottom: 3px; font-size: 0.813em;}
	.main_con3 .con3_box1 .notice_box .notice_list .notice_box .right .txt {font-size: 1em;}
	
	
	.main_con3 .con3_box2 .top {float: left; width: 49%; margin-right: 2%; margin-bottom: 10px;	}
	.main_con3 .con3_box2 .top .item img {width: 100%; height: 100%;}
	.main_con3 .con3_box2 .bottom {float: left; width: 49%; height: auto;}
	.main_con3 .con3_box2 .bottom .tit_box {height: 50px; line-height: 48px; font-size: 1.250em;}
	.main_con3 .con3_box2 .bottom .txt {font-size: 0.875em;}

	.main_con3 .con3_box3 .top {float: none; width: 100%; margin-bottom: 10px;}
	.main_con3 .con3_box3 .top .left {width: 49%; height: auto; margin-right: 2%;}
	.main_con3 .con3_box3 .top .left .tit_box {height: 50px; line-height: 48px; font-size: 1.250em;}
	
	.main_con3 .con3_box3 .top .right .right_btn_wrap .right_btn a {height: 66px; }
	.main_con3 .con3_box3 .top .right .right_btn_wrap .right_btn a:hover:after {width: 15px; height: 15px;}


	.main_con3 .con3_box3 .bottom {float: none; width: 100%; height: auto;}
	.main_con3 .con3_box3 .bottom .tit_box {height: 50px; line-height: 48px; font-size: 1.250em;}
	.main_con3 .con3_box3 .bottom .tit_box h1 {float: none; text-align: center;}

	.main_con4 {height: auto;}
	.main_con4 .con4_tit {padding: 40px 20px;}
	.main_con4 .con4_tit .tit1 {font-size: 1em;}
	.main_con4 .con4_tit .tit2 {margin-bottom: 20px; font-size: 1.5em;}


	.main_con2 .link_btn_wrap .link_btn {width: 33.33%; margin-bottom: 15px;}
	.main_con2 .link_btn_wrap .link_btn:nth-child(4) {clear: both;}


.quick_box {top: -20px;}
	.con4_wrap {height: auto;}



}
@media screen and (max-width: 640px){
	.main_con1 {margin-bottom: 80px;}
	.main_con1 .container {padding: 0 20px;}

	.main_visu {height: auto;}
	.main_visu .slide .item {padding: 41px 0;}
	.main_visu .slide .item .tit1 {width: 90%; font-size: 1em;}
	.main_visu .slide .item .tit2 {width: 90%; font-size: 2em;}
	.main_visu .slide .item .txt {width: 90%; margin-bottom: 30px; font-size: 0.938em;}
	
	.main_visu .slide .item .btn a {width: 145px; height: 40px; line-height: 38px; border: 1px solid #09975b; font-size: 12px;}

	.main_visu .slide_ctrl {display: block; top: auto; bottom: -30px; width: 100%; height: 30px !important; text-align: center;}
	.main_visu .slide_ctrl .ctrl_list {display: inline-block; margin: 0 auto;}

	.main_visu .slide_ctrl .ctrl_list .slick-dots li a:after {display: none;}
	.main_visu .slide_ctrl .ctrl_list .slick-dots li a:before {display: none;}

	

	.main_con2 .link_btn_wrap .link_btn .txt_box {font-size: 0.938em;}
	.main_con2 .link_btn_wrap .link_btn .img_wrap img {width: 60px;}
	 
	.main_con3 .con3_box1 .notice_box .notice_list li {float: none; width: 100%;}
	.main_con3 .con3_box2 .box {width: 50%; margin-bottom: 10px;}
	.main_con3 .con3_box3 .top .right .right_btn_wrap .right_btn {width: 100% !important; border-right: 1px solid #707070;}

}

@media screen and (max-width: 540px){

	.main_visu .slide .item {padding: 20px 0;}

	.main_con3 .con3_box1 {max-width: 370px; margin: 0 auto 10px;}	
	.main_con3 .con3_box1 .notice_box .notice_list .notice_box {padding: 0 15px 0 10px;}
	.main_con3 .con3_box1 .notice_box .notice_list .notice_box .left {width: 45px;}
	.main_con3 .con3_box1 .notice_box .notice_list .notice_box .right {padding-left: 10px;}

	.main_con3 .con3_box2 .top {float: none; width: 100%; max-width: 370px; margin: 0 auto 10px;}

	.main_con3 .con3_box2 .bottom {float: none; width: 100%; max-width: 370px; margin: 0 auto 10px;}
	.main_con3 .con3_box2 .bottom .txt {height: 2.6em; line-height: 1.3em;}


	.main_con3 .con3_box3 .top {width: 100%; max-width: 370px; margin: 0 auto 10px;}
	.main_con3 .con3_box3 .top .left {float: none; width: 100%;}
	.main_con3 .con3_box3 .top .right {float: none; width: 100%;}
	.main_con3 .con3_box3 .top .right .right_btn_wrap {overflow: hidden;}
	.main_con3 .con3_box3 .top .right .right_btn_wrap .right_btn {float: left; width: 50%;}
	.main_con3 .con3_box3 .top .right .right_btn_wrap .right_btn:nth-child(2n) {border-left: 1px solid #707070;}
	.main_con3 .con3_box3 .top .right .right_btn_wrap .right_btn:nth-child(3) {border-bottom: 0 none;	}
	.main_con3 .con3_box3 .top .right .right_btn_wrap .right_btn a {height: 40px;}

	.main_con3 .con3_box3 .bottom {width: 100%; max-width: 370px; margin: 0 auto;}

	.main_con4 .con4_tit .tit1 {word-break:keep-all;}







}


@media screen and (max-width:480px){
	
	.main_visu .slide .item .tit1 {width: 100%; font-size: 1em;}
	.main_visu .slide .item .tit2 {width: 100%; font-size: 2em;}
	.main_visu .slide .item .txt {width: 100%; margin-bottom: 30px; font-size: 0.938em;}
	.main_visu .slide .item .btn a {width: 120px; height: 32px; line-height: 30px;}
	.main_visu .slide .item .btn a i {padding-left: 5px;}
}