@charset "utf-8";
/* CSS Document */
body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,form,input,textarea,p{margin:0px;padding:0px;font-family:微软雅黑;color:#000;}
body{background:RGBA(247, 247, 247, 1);}
ul{list-style:none;}
img,a img{border:0px;border:none;}
a{text-decoration:none;}
a.hidefocus{outline:none}
a:hover{text-decoration:underline;text-decoration:none;}
label{ margin-bottom:0; font-weight:normal;}
input{border:0;outline:none;/*去除蓝色边框*/}
select::-ms-expand { display:none;}
select{ appearance:none; -moz-appearance:none; -webkit-appearance:none;background-color:#fff; }
.white{ background:#fff;}
/*****以上样式不可更改*****/
.logo{ width:304px;}
.mySwiper { margin-top: 10px;}
.mySwiper .swiper-slide img{ width: 100%; border-radius: 10px; overflow: hidden;}
.notice{ background: #fff; width: 100%;border-radius: 8px; margin-top: 10px; padding: 20px 15px; display:flex; align-items:center;}
.notice_tz{ display: flex; align-items: center;}
.notice_tz i{ width: 25px; margin-right: 9px;}
.notice_tz i img,.notice .open img{ width: 100%;}
.notice_tz h3{font-size: 16px; font-weight: bold; color: #333333;} 
.notice marquee{flex: 1; width: 100%; color: rgba(85, 85, 85, 1); font-size: 16px;}
.notice .open{ width: 25px; display: block; margin-left: 15px;}
.hot_item{ margin-top: 30px;}
.hot_title{ display: flex;}
.hot_title h2{font-size: 24px; color: #333333; line-height: 30px; padding-left: 24px; position: relative;}
.hot_title h2::before{width: 8px; height: 24px; border-radius: 4px; background: rgba(83, 176, 88, 1); content:""; position: absolute; left: 0; top: 50%;transform: translateY(-50%); }
#header .container{ /*! display: flex; */ /*! align-content: center */}

.peixun_list,.yewu_list,.tuandui_list{ display: flex; flex-wrap: wrap;}
.peixun_list .item{ margin-top: 20px; display: block; border-radius: 10px; overflow: hidden; background-size: 100% 100%; min-height: 166px; width: 100%;}
.peixun_list .item h4{font-size: 20px; font-weight: bold; color: #FFFFFF; text-align: center;}
.peixun_list .item p{font-size: 14px;  color: #FFFFFF; line-height: 22px; margin-top: 15px;}

.yewu_list .item{ margin-top: 20px; border-radius: 10px; overflow: hidden;background-size: 100% 100%; min-height: 196px; width: 100%; display: flex; align-items: center;}
.yewu_list .item .text h4{font-size: 24px; color: #FFFFFF; line-height:30px; margin-bottom: 10px;}
.yewu_list .item .text p{font-size: 15px; color: #FFFFFF; line-height: 24px; max-width: 270px;}
.yewu_list li:nth-of-type(even) .item{ justify-content: flex-end;}
.tuandui_list li{ width: 20%; padding: 0px 10px; margin-top: 20px;}
.tuandui_list li .item{ position: relative; overflow: hidden; border-radius: 8px;}
.tuandui_list li .item img{ width: 100%;}
.tuandui_list li .item .text{ position: absolute; bottom:10px; left: 0; width: 100%; text-align: center; color: rgba(247, 247, 247, 1); font-size: 18px; line-height: 1.6;}
.tuandui_list li .item .text span{ font-size: 14px; margin-left:5px;}
.wrap_tb{padding-bottom: 30px;padding-top: 67px;}
.footer{ background: rgba(54, 53, 54, 1); padding: 15px 0px;}
.footer .text{line-height: 24px; display: flex; align-items: center; flex-wrap: wrap; justify-content: center;}
.footer .text span,.footer .text a{ margin: 0px 10px;font-size: 14px; color: #AEAEAE; }
.footer .text span img{ width: 18px; height: 20px; margin-right: 5px; margin-top: -2px;}
.footer .text a:hover{ text-decoration: underline;}
.navbar-fixed-top .navbar-collapse{ padding-top: 21px; padding-bottom: 21px;}

.mbxnav{ background: #fff; border-bottom: 1px solid #F7F7F7; padding: 15px;font-size: 14px; color: #787878; line-height: 36px; display: flex; align-items: center;}
.mbxnav img{ width: 17px; margin-right: 10px;}
.mbxnav a{color: #787878; }
.mbxnav a:hover{ text-decoration: underline;}
.mm_tongzhi{ background: #fff; padding: 0px 20px;}
.mm_tongzhi h3{font-size: 24px; color: #53B058; line-height: 36px; border-bottom: 1px solid rgba(231, 230, 230, 1); text-align: center; padding: 15px 0px;}
.mm_tongzhi_wrap{ padding-bottom: 20px;}
.mm_tongzhi_list li{ border-bottom: 1px dashed rgba(231, 230, 230, 1); display: flex; overflow: hidden; padding: 10px 0px;}
.mm_tongzhi_list li a{ display: block;font-size: 16px; color: #555555; line-height:30px; position: relative; padding-left: 15px; flex: 1;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.mm_tongzhi_list li a::before{ width:5px; height:5px; border-radius: 50%; background: #004296; content: ""; position: absolute; left: 0; top: 14px;}
.mm_tongzhi_list li time{font-size: 14px; color: #B1AFAF; line-height:30px; display: block; margin-left: 20px;}
.mm_tongzhi_list li a:hover{ color:#53B058;}
.mm_fanye{ display: flex; align-items: center; justify-content: center; margin-top: 20px;}
.mm_fanye a{ width: 30px; height: 30px; margin: 0px 5px; background:RGBA(247, 247, 247, 1); display: block; color: #000; font-size: 12px; text-align: center; line-height: 30px;}
.mm_fanye a.active,.mm_fanye a:hover{ background:#666666; color: #fff;}

@media ( max-width:1199px) {	
	.nav > li > a{ padding: 0px 20px;}
}

@media ( max-width:991px) {	
	.nav > li > a{ padding: 0px 10px; font-size: 14px; height: 30px; line-height: 30px;}
	.logo{ width: 280px;}
	.tuandui_list li .item .text{ font-size: 16px;}
	.tuandui_list li .item .text span{ font-size: 13px; margin-left: 5px;}
	.hot_title h2{ font-size: 20px;}
	.navbar-fixed-top .navbar-collapse{ padding-top:15px; padding-bottom:15px;}
}


@media ( max-width:767px) {	
	.logo{ width: 230px;}	
	.navbar-toggle{ margin-top:8px; margin-bottom: 5px;}
	.navbar-brand{ padding: 10px 15px;}
	.wrap_tb{ padding-top: 50px;}
	.notice{ padding: 10px;}
	.notice_tz i{ width: 18px;}
	.notice_tz h3{ font-size: 14px;}
	.notice marquee{ font-size: 14px;}
	.notice .open{ width: 17px;}
	.hot_item{ margin-top: 15px;}
	.hot_title h2{ font-size: 18px; padding-left:10px;}
	.hot_title h2::before { width: 5px; height: 20px;}
	.tuandui_list li{ width: 33.333%;}
	
}


@media ( max-width:640px) {	
	.peixun_list .item,.yewu_list .item{ margin-top:15px; padding: 15px;}
	.peixun_list .item h4,.yewu_list .item .text h4{ font-size:18px; line-height: 1.7;}
	.peixun_list .item p{ margin-top:10px; line-height: 1.3;}
	.yewu_list .item .text p{ font-size: 14px;}
	.yewu_list .item{ min-height: 165px;}
	.tuandui_list li{ width:50%; margin-top: 15px;}
	.footer .text span,.footer .text a{ font-size: 13px; width: 100%; text-align: center;}
	.footer .text span img{ width: 14px; height: 16px;}
	.wrap_tb{ padding-bottom: 15px;}
	
	.mm_tongzhi h3{ padding:6px 0px; font-size: 20px;}
	.mbxnav{ padding: 5px 10px; font-size: 13px;}
	.mbxnav img{ margin-right: 5px;}
	.mm_tongzhi{ padding: 0px 10px;}
	.mm_tongzhi_list li{ padding: 5px 0px;}
	.mm_tongzhi_list li a{ font-size: 14px;}
	.mm_tongzhi_list li time{ font-size: 12px; margin-left: 10px; line-height: 20px;}
	.mm_tongzhi_list li{ display: block;}
	.mm_tongzhi_list li a::before { width: 3px; height: 3px;}
	.mm_tongzhi_list li a{ padding-left: 10px;}
	.mm_tongzhi_wrap{ padding-bottom: 15px;}
	.mm_fanye{ margin-top: 15px;}
	.mm_fanye a{ margin: 0px 3px;}
}