@charset "utf-8";
*{ margin: 0px; padding: 0px; list-style: none; text-decoration: none; font-family: "微软雅黑";}
.ub
{
	display: -webkit-box !important;
	display:box; !important;
	position:relative;

}
.ub-ac
{
	-webkit-box-align:center;
	box-align:center;
}
.ub-pc
{
	-webkit-box-pack:center;
	box-pack:center;
}

.ub-ver
{
	-webkit-box-orient:vertical;
	box-orient:vertical;
}

.ub-f1
{
	position:relative;
	-webkit-box-flex: 1;
	box-flex: 1;

}

.fl{ float: left;}
.fr{ float: right;}
.clear{ clear: both;}
.banner_wrap{ width: 100%; margin: auto; height: 400px; overflow: hidden; background:  url(../image/banner1.jpg) no-repeat center; background-size: cover  }
.top_box .logo{ float: left;}
.top_box .logo img{ display: block;width: 111px; height:34px;}
.top_bg{ width: 100%; background: rgba(57, 49, 49, 0.5) ; height: 400px; overflow: hidden; }
.banner_txt p:nth-child(1){font-weight: 600;  font-size: 48px;   }
.banner_txt p:nth-child(2){ font-size: 20px; margin-top: 20px; }
.banner_txt p{ color: #fff; text-align: center;}
.banner_txt{ margin-top: 60px;}
/* 主干部分css */

.new_btn{ cursor: pointer;}
.new_btn span{ display: inline-block;font-size: 16px; color: #353030; line-height: 36px; }
.new_btn i{display: inline-block; line-height: 36px; font-size: 12px;}
.new_drop{ width: 96px;   overflow: hidden; display: none;  background: #ffffff;-webkit-box-shadow: 0 4px 12px 0 rgba(0, 0, 0, 0.1); box-shadow: 0 4px 12px 0 rgba(0, 0, 0, 0.1); padding: 6px 0; position: absolute; z-index: 100; }
.new_drop a{ display: block; font-size: 14px; color: #353030; height: 30px; line-height: 30px;    padding: 0 20px;}
/* .new_btn_side:hover .new_drop{ display: block;} */
.new_drop a:hover{ background: #ebedee;}
.new_drop_selec{background: #ebedee;}
.new_btn_side{ float: left; position: relative;}
.search{ float: left;width: 160px;  border: 1px solid #ebedee;  line-height: 36px;  border-radius: 8px;  overflow: hidden; height: 36px; }
.search .icon-sousuo{ color: #999; display: block; float: left; margin-left: 10px;}
.search_wrap{ float: right;  overflow: hidden;}
.search_btn{   float: right; font-size: 16px;  background-color: #3f6cff;  color: #ffffff;   border-radius: 8px;   width: 96px;   text-align: center; line-height: 36px;  height: 36px  ; margin-left: 8px;}
.img_list{ overflow: hidden;}
.search input{ display: block; width: 118px; line-height: 36px; border: 0px; float: right; margin-right: 10px; outline: none;}
.more{ padding: 0px 0 0; height: 50px; text-align: center; margin-top: 40px; background-size: cover; background-position: center;	background-repeat: no-repeat;}
.more a { display: block; width: 160px; line-height: 56px; color: #ffffff; background: #3f6cff; margin: 0 auto;	border-radius: 6px; }
.footer{ width: 100%; margin-top:50px; background: #484848; padding: 40px 0;}
.footer .footer_content{ text-align: center; color: #bfbdbd; font-size: 14px; line-height: 24px;}
.footer .footer_content a{  color: #bfbdbd;}
.paging a:hover{ background: #3f6cff; color: #fff; }
.paging .action{background: #3f6cff; color: #fff;}

.reture{ width: 50px; height: 50px; text-align: center; line-height: 50px; border: 1px solid #f1f1ff; position: fixed; right: 5%; bottom: 300px; cursor: pointer; border-radius: 4px; }
.reture .icon-xiangshang{ font-size: 26px; color: #666}
.reture:hover{border: 1px solid #3f6cff; background: #3f6cff;}
.reture:hover .icon-xiangshang{color: #fff;}
.location{ position: relative;}

@media (min-width: 1400px){
	.top_box{ width: 1300px; margin: auto; padding: 22px 0; overflow: hidden; }
	.body_outside{width: 1300px; margin: 50px auto; overflow: hidden;  }
}

@media (max-width: 1400px) and (min-width: 1001px){
	.top_box{ width: 90%; margin: auto; padding: 22px 0; overflow: hidden; }
	.body_outside{width: 90%; margin: 50px auto; overflow: hidden;  }

}
@media (max-width: 1600px) and (min-width: 1400px){
	.reture{ right: 2%;}
}
@media (max-width: 1510px) and (min-width: 0px){
	.reture{ display: none;}
}

@media (max-width: 1130px) and (min-width: 0px){
	.banner_wrap{ height: 340px;}
	.top_bg{ height: 340px;}

}
@media (max-width: 770px) and (min-width: 0px){
	.search_btn{ display: none;}
}

@media (min-width: 1001px){
	.top_box .login{ float: right; }
	.top_box .login a{ color: #fff; width: 100px; height: 36px; text-align: center;  line-height: 36px; display:inline-block; border-radius: 10em; font-size: 16px;}
	.top_box .login a:nth-child(2){ background: #3f6cff;}
	.top_box .login a:nth-child(2):hover{opacity: 0.85;}
	.m_login{ display: none;}
	.m_nav_bg{ display: none;}
	.m_console_login{ display: none;}
	.top_box .console_login{ float: right;line-height: 36px;  font-size: 16px; color: #fff;height: 36px; }
	.top_box .console_login .icon-yonghu{font-size: 18px; color: #fff; line-height: 36px; }
	.top_box .console_login a{font-size: 16px; color: #fff;}

	.module_a{ display: block;   width: 18.5%;   float: left; padding: 24px 0 0; margin-bottom: 6px; margin-right: 1.87%; }
	.module{ width: 100%;}
	.module dt{  height: 185px; border-radius: 10px; width: 100%; overflow: hidden;}
	.module dt img{ display: block; width: 100%;}
	.module dd h1{    font-weight: bold; font-size: 16px; line-height: 24px;  white-space: nowrap;  overflow: hidden;    color: #635e5e;   height: 24px;  -o-text-overflow: ellipsis;
		text-overflow: ellipsis;
		-webkit-transition: 0.2s;
		-o-transition: 0.2s;
		transition: 0.2s; margin-top: 16px;}
	.module:hover dd h1{color: #3f6cff;}

	.module_icon div {color: #8c8889; font-size: 14px;  margin-right: 10px;margin-top: 8px;}
	.module_a:nth-child(5n){ margin-right: 0px;}


	.pagination{
		width:100%;  padding: 10px 0; overflow: hidden;
	}
	.pagination li{
		display: inline-block; margin-left: -1px;
		border: 1px solid #e0e0e0; background: #fff;
		border-radius: 3px; margin: 0 3px;
		width: 38px; height: 38px;
		cursor: pointer;
	}

	.pagination li:hover{ background: #3f6cff;color: #fff;}
	.pagination li:hover a{ color: #fff}
	.pagination li:hover span{ color: #fff; cursor: pointer}
	.pagination li:first-child{
		margin-left: 0px;
		transform:rotate(180deg);
	}
	.pagination li.disabled{
		cursor: default;
	}
	.pagination li.active{
		background: #3f6cff;
		cursor: default;
	}
	.pagination li span{
		width: 38px; height: 38px; line-height: 38px;
		display: inline-block; color: #3f6cff; font-size: 18px;
	}
	.pagination li a{
		width: 38px; height: 38px; line-height: 38px;
		display: inline-block; color: #8c8889; font-size: 18px;
	}
	.pagination li.active span{
		color: #FFF;
	}
	@keyframes auto_rotate{
		0%{-webkit-transform:rotate(0deg);}
		50%{-webkit-transform:rotate(180deg);}
		100%{-webkit-transform:rotate(360deg);}
	}



}
@media (max-width: 1000px) {

	.top_box{ width: 90%; margin: auto; padding: 22px 0; overflow: hidden; }
	.top_box .login{ display: none;}
	.top_box .console_login{ display: none;}
	.m_login{ float: right; line-height: 36px;   }
	.m_login .iconfont{ font-size: 24px;}
	.m_login .icon-daohang{ color: #fff;}
	.m_login .icon-daohang:hover{ color: #4e6ffb; cursor: pointer;}

	.m_console_login{float: right; line-height: 36px;}
	.m_console_login .icon-yonghu{font-size: 16px; color: #fff; }
	.m_console_login a{font-size: 16px; color: #fff; }
	.m_nav_bg{ width: 100%; background: #f5f5f5; position: fixed; top: 0px; display: none; z-index: 1;}
	.m_top{ width: 100%; background: #fff;-webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.04);box-shadow: 0 2px 4px rgba(0, 0, 0, 0.04); }
	.m_topx{ width: 90%; margin: auto; padding: 10px 0; }
	.m_topx div:nth-child(1){ font-size: 22px;}
	.m_topx i{display: block; font-size: 20px; color: #333;}
	.m_login_btn{ margin: auto; padding: 46px 0 70px;}
	.m_login_btn a{ display: block; text-align: center;  font-size: 16px; color:#5c5758; line-height: 40px; 	}
	.body_outside{width: 90%; margin: 50px auto; overflow: hidden;  }




}


@media (max-width: 1000px) and (min-width: 731px){
	.module_a{ display: block;   width: 30%;   float: left; padding: 24px 0 0; margin-bottom: 6px; margin-right: 5%; }
	.module{ width: 100%;}
	.module dt{  height: 200px; border-radius: 10px;width: 100%; overflow: hidden;}
	.module dt img{ display: block; width: 100%;}
	.module dd h1{    font-weight: bold; font-size: 16px; line-height: 24px;  white-space: nowrap;  overflow: hidden;    color: #353030;   height: 24px;  -o-text-overflow: ellipsis;
		text-overflow: ellipsis;
		-webkit-transition: 0.2s;
		-o-transition: 0.2s;
		transition: 0.2s; margin-top: 16px;}

	.module_icon div {color: #8c8889; font-size: 14px;  margin-right: 10px;margin-top: 8px;}
	.module_a:nth-child(3n){ margin-right: 0px;}

	.pagination{
		width:100%;  padding: 10px 0; overflow: hidden;
	}
	.pagination li{
		display: inline-block; margin-left: -1px;
		border: 1px solid #e0e0e0; background: #fff;
		border-radius: 3px; margin: 0 3px;
		width: 36px; height: 36px;
		cursor: pointer;
	}

	.pagination li:hover{ background: #3f6cff;color: #fff;}
	.pagination li:hover a{ color: #fff}
	.pagination li:hover span{ color: #fff; cursor: pointer}
	.pagination li:first-child{
		margin-left: 0px;
		transform:rotate(180deg);
	}
	.pagination li.disabled{
		cursor: default;
	}
	.pagination li.active{
		background: #3f6cff;
		cursor: default;
	}
	.pagination li span{
		width: 36px; height: 36px; line-height: 36px;
		display: inline-block; color: #3f6cff; font-size: 18px;
	}
	.pagination li a{
		width: 36px; height: 36px; line-height: 36px;
		display: inline-block; color: #8c8889; font-size: 18px;
	}
	.pagination li.active span{
		color: #FFF;
	}
	@keyframes auto_rotate{
		0%{-webkit-transform:rotate(0deg);}
		50%{-webkit-transform:rotate(180deg);}
		100%{-webkit-transform:rotate(360deg);}
	}

}





@media (max-width: 730px) and (min-width: 470px){
	.module_a{ display: block;   width: 47%;   float: left; padding: 24px 0 0; margin-bottom: 6px; margin-right: 6%; }
	.module{ width: 100%;}
	.module dt{  height: 200px; border-radius: 10px; width: 100%; overflow: hidden;}
	.module dt img{ display: block; width: 100%;}
	.module dd h1{    font-weight: bold; font-size: 16px; line-height: 24px;  white-space: nowrap;  overflow: hidden;    color: #353030;   height: 24px;  -o-text-overflow: ellipsis;
		text-overflow: ellipsis;
		-webkit-transition: 0.2s;
		-o-transition: 0.2s;
		transition: 0.2s; margin-top: 16px;}

	.module_icon div {color: #8c8889; font-size: 14px;  margin-right: 10px;margin-top: 8px;}
	.module_a:nth-child(2n){ margin-right: 0px;}

	.pagination{
		width:100%;  padding: 10px 0; overflow: hidden;
	}
	.pagination li .icon-arrow-right{ font-size: 16px}
	.pagination li{
		display: inline-block; margin-left: -1px;
		border: 1px solid #e0e0e0; background: #fff;
		border-radius: 3px; margin: 0 3px;
		width: 30px; height: 30px;
		cursor: pointer;
	}

	.pagination li:hover{ background: #3f6cff;color: #fff;}
	.pagination li:hover a{ color: #fff}
	.pagination li:hover span{ color: #fff; cursor: pointer}
	.pagination li:first-child{
		margin-left: 0px;
		transform:rotate(180deg);
	}
	.pagination li.disabled{
		cursor: default;
	}
	.pagination li.active{
		background: #3f6cff;
		cursor: default;
	}
	.pagination li span{
		width: 30px; height: 30px; line-height: 30px;
		display: inline-block; color: #3f6cff; font-size: 16px;
	}
	.pagination li a{
		width: 30px; height: 30px; line-height: 30px;
		display: inline-block; color: #8c8889; font-size: 16px;
	}
	.pagination li.active span{
		color: #FFF;
	}
	@keyframes auto_rotate{
		0%{-webkit-transform:rotate(0deg);}
		50%{-webkit-transform:rotate(180deg);}
		100%{-webkit-transform:rotate(360deg);}
	}

}

@media (max-width: 469px) {
	.module_a{ display: block;   width: 100%;   float: left; padding: 24px 0 0; margin-bottom: 6px; margin: auto; }
	.module{ width: 100%;}
	.module dt{  height: 200px; border-radius: 10px; width: 100%; overflow: hidden;}
	.module dt img{ display: block; width: 100%;}
	.module dd h1{    font-weight: bold; font-size: 16px; line-height: 24px;  white-space: nowrap;  overflow: hidden;    color: #353030;   height: 24px;  -o-text-overflow: ellipsis;
		text-overflow: ellipsis;
		-webkit-transition: 0.2s;
		-o-transition: 0.2s;
		transition: 0.2s; margin-top: 16px;}

	.module_icon div {color: #8c8889; font-size: 14px;  margin-right: 10px;margin-top: 8px;}

	.pagination{
		width:100%;  padding: 10px 0; overflow: hidden;
	}
	.pagination li .icon-arrow-right{ font-size: 16px}
	.pagination li{
		display: inline-block; margin-left: -1px;
		border: 1px solid #e0e0e0; background: #fff;
		border-radius: 3px; margin: 0 3px;
		width: 30px; height: 30px;
		cursor: pointer;
	}

	.pagination li:hover{ background: #3f6cff;color: #fff;}
	.pagination li:hover a{ color: #fff}
	.pagination li:hover span{ color: #fff; cursor: pointer}
	.pagination li:first-child{
		margin-left: 0px;
		transform:rotate(180deg);
	}
	.pagination li.disabled{
		cursor: default;
	}
	.pagination li.active{
		background: #3f6cff;
		cursor: default;
	}
	.pagination li span{
		width: 30px; height: 30px; line-height: 30px;
		display: inline-block; color: #3f6cff; font-size: 16px;
	}
	.pagination li a{
		width: 30px; height: 30px; line-height: 30px;
		display: inline-block; color: #8c8889; font-size: 16px;
	}
	.pagination li.active span{
		color: #FFF;
	}
	@keyframes auto_rotate{
		0%{-webkit-transform:rotate(0deg);}
		50%{-webkit-transform:rotate(180deg);}
		100%{-webkit-transform:rotate(360deg);}
	}

	.banner_txt p:nth-child(1){font-weight: 600;  font-size: 36px;   }
	.banner_txt p:nth-child(2){ font-size: 20px; margin-top: 14px; }
	.footer .footer_content{ text-align: center; color: #bfbdbd; font-size: 12px; }


}


.module dt img
{
	transition:all .2s ease-in-out;
	-webkit-transition:all .2s ease-in-out;
	-moz-transition:all .2s ease-in-out;
	-ms-transition:all .2s ease-in-out;
	-o-transition:all .2s ease-in-out;
}

.module:hover dt img
{
	transform:scale(1.1);
	-webkit-transform:scale(1.1);
	-moz-transform:scale(1.1);
	-ms-transform:scale(1.1);
	-o-transform:scale(1.1)
}


/*

.pagination{
	width:100%;  padding: 10px 0; overflow: hidden;
}
.pagination li{
	display: inline-block; margin-left: -1px;
	border: 1px solid #e0e0e0; background: #fff;
	border-radius: 3px; margin: 0 3px;
	width: 40px; height: 40px;
	cursor: pointer;
}

.pagination li:hover{ background: #3f6cff;color: #fff;}
.pagination li:hover a{ color: #fff}
.pagination li:hover span{ color: #fff; cursor: pointer}
.pagination li:first-child{
	margin-left: 0px;
	transform:rotate(180deg);
}
.pagination li.disabled{
	cursor: default;
}
.pagination li.active{
	background: #3f6cff;
	cursor: default;
}
.pagination li span{
	width: 38px; height: 38px; line-height: 38px;
	display: inline-block; color: #3f6cff; font-size: 18px;
}
.pagination li a{
	width: 38px; height: 38px; line-height: 38px;
	display: inline-block; color: #8c8889; font-size: 18px;
}
.pagination li.active span{
	color: #FFF;
}
@keyframes auto_rotate{
	0%{-webkit-transform:rotate(0deg);}
	50%{-webkit-transform:rotate(180deg);}
	100%{-webkit-transform:rotate(360deg);}
}
*/