@charset "utf-8";

/* CSS Document */

/* 小型设备（平板电脑，768px 以下） */
@media (max-width: 750px ) {
/*	.col-xs-*/

body {
	font-family: 'microsoft yahei';
}
.mt80 {
	margin-top: 4.17vw;
}
.container {
	max-width: 100%;
}
.mmt26 {
	margin-top: 3.47vw;
}
.head {
	width: 100%;
	height: 14.4vw;
	padding-left: 4vw;
	padding-right: 0;
	background-color: rgba(0,0,0,0.74);
	position: fixed;
	top: 0;
	left: 0;
	z-index: 99999;
	box-sizing: border-box;
}
.logo {
	float: left;
	margin-top: 3.87vw;
	height: 7.33vw;
}
.logo img {
	height: 100%;
	width: 100%;
}
.nav {
	float: right;
	padding-right: 4vw;
}
.nav ul {
	clear: both;
	float: right;
	display: block;
}
.nav li {
	float: left;
	margin-right: 1.87vw;
	position: relative;
	padding-bottom: 1vw;
}
.nav li:last-child {
	margin-right: 0;
}
.nav li h4 {
	font-size: 2.4vw;
	color: #FFFFFF;
	line-height: 3vw;
}
.nav li h4 a {
	color: #fff;
	display: block;
}
.children {
	width: calc( 100% + 1.56vw );
	display: none;
	position: absolute;
	background-color: rgba(255,255,255,0.81);
	margin-left: -0.78vw;
	top: 3.12vw;
	opacity: 0;
}
.nav li:hover .children {
	display: block;
}
.children p {
	width: 100%;
	height: auto;
	overflow: hidden;
	line-height: 2.5vw;
	font-weight: 400;
	font-size: 0.83vw;
	color: #595757;
	border-bottom: solid 0.05vw #9FA0A0;
	text-align: center;
}
.children p a {
	color: #595757;
}
.children p span {
	width: 0.16vw;
	height: 0.73vw;
	background-color: transparent;
	float: left;
	margin-top: 0.885vw;
	-moz-transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;/*	display: none;*/
}
.children p:hover span {
	display: block;
	background-color: #003E8C;
}
.searchk {
	position: relative;
	width: auto;
	height: 3.73vw;
	overflow: hidden;
	border: solid 0.05vw #fff;
	border-radius: 1.87vw;
	display: block;
	float: right;
	margin-bottom: 1.33vw;
	
}
.searchk input {
	width: 21vw;
	height: 3.73vw;
	background-color: transparent;
	border: 0;
	outline: none;
	font-size: 2.4vw;
	line-height: 3.73vw;
	color: #fff;
	display: block;
}
.searchk input::placeholder {
	font-size: 2vw;
	line-height: 3.73vw;
	text-align: center;
}
.searchk.on input{
	width: 25vw;
}
.search_btn {
	position: absolute;
	top: 0;
	left: 0;
	width: 3.73vw;
	height: 3.73vw;
	-moz-transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	padding-top: 0;
}
.searchk.on .search_btn {
	left: calc( 100% - 4.08vw );
}
.search_btn img {
	height: 1.87vw;
	margin-top: 0vw;
	margin-left: 0.93vw;
	
	display: block;
}
.foot {
	width: 100%;
	height: auto;
	overflow: hidden;
	padding-left: 7.33vw;
	padding-right: 0;
	box-sizing: border-box;
	background-image: url(../img/img9.jpg);
	background-size: cover;
	background-position: center;
	padding-top: 4.01vw;
	padding-bottom: 6.3vw;
	color: #fff;
	display: none;
}
.foot_k {
	width: 100%;
	height: auto;
	overflow: hidden;
	border-bottom: solid 0.05vw #61636a;
	padding-bottom: 3.75vw;
}
.foot_l {
	width: 68.67vw;
	float: left;
	height: auto;
	overflow: hidden;
}
.foot_r {
	width: 15.33vw;
	height: auto;
	overflow: hidden;
	float: left;
}
.foot_l_top {
	width: 100%;
	height: auto;
	overflow: hidden;
}
.foot_l_top_aa {
	width: 100%;
	height: auto;
	overflow: hidden;
	float: left;
}
.foot_l_top_bb {
	width: 17.45vw;
	height: auto;
	overflow: hidden;
	float: left;
	display: none;
}
.foot_l_top_tit {
	font-size: 1.35vw;
	color: #FFFFFF;
	margin-bottom: 0.89vw;
}
.foot_l_top_line {
	width: 1.82vw;
	height: 0.05vw;
	background-color: #003E8C;
	margin-bottom: 1.2vw;
}
.foot_l_top_list {
	width: 100%;
	height: auto;
	overflow: hidden;
	margin-bottom: 0.26vw;
	font-family: 'microsoft yahei'
}
.foot_l_top_list a {
	color: #fff;
	-moz-transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
    font-size: 2.8vw;
}
.foot_l_top_list a:hover {
	opacity: 0.8
}
.foot_l_top_icon {
	float: left;
	width: 3vw;
	height: 3vw;
	margin-right: 0.26vw;
	margin-top: 0.36vw;
}
.foot_l_top_icon img {
	display: block;
	width: 100%;
	height: 100%;
}
.foot_l_top_txt {
	float: left;
	width: 62vw;
	font-size: 2.8vw;
	line-height: 4vw;
	
}
.foot_l_bottom {
	width: 100%;
	height: auto;
	overflow: hidden;
	padding-top: 0vw;
}
.foot_l_bottom_item {
	float: left;
	width: 15.33vw;
	height: auto;
	margin-right: 1.3vw;
	text-align: center;
	display: none;
}
.foot_l_bottom_item:nth-child(1), .foot_l_bottom_item:nth-child(2) {
	display: block;
}
.foot_l_bottom_item:last-child {
	margin-right: 0;
}
.foot_l_bottom_item img {
	display: block;
	width: 15.33vw;
	height: 15.33vw;
	margin-bottom: 1.33vw;
}
.foot_l_bottom_h1 {
	font-size: 2.13vw;
	color: #FFFFFF;
	line-height: 2.13vw;
	margin-bottom: 1.33vw;
}
.logo2 {
	height: 8.03vw;
	margin-bottom: 5.6vw;
}
.logo2 img {
	display: block;
	height: 100%;
}
.foot_r_h1 {
	font-size: 2.14vw;
	line-height: 2.14vw;
	color: #FFFFFF;
	margin-bottom: 5.48vw;
}
.foot_r_list {
	width: 100%;
	height: auto;
	overflow: hidden;
	margin-bottom: 1.09vw;
}
.foot_r_h2 {
	font-size: 2.8vw;
	color: #FFFFFF;
	line-height: 4vw;
	float: left;
	white-space: nowrap;
	width: 14vw;
	height: auto;overflow: hidden;
}
.foot_r_txt {
	font-size: 2.8vw;
	color: #FFFFFF;
	line-height: 4vw;
/*	float: left;*/
/*	width: calc( 100% - 15.5vw );*/
/*	padding-left: 15.5vw;*/
	padding-left: 0;
	height: auto;
	overflow: hidden;
}
    .foot_r_txt img{
        height: 3.4vw;
        margin-bottom: -0.4vw;
    }
.er_ban {
	width: 100%;
	height: 87.33vw;
	overflow: hidden;
}
.er_cla {
	width: 85.33vw;
	height: 9vw;
	overflow-y: hidden;
	margin-top: -9vw;
	margin-left: auto;
	margin-right: auto;
	background-color: #fff;
	position: relative;
	z-index: 2;
	display: block;
	font-size: 3vw;
	line-height: 9vw;
}
.er_cla2 {
	width: 85.33vw;
	height: 9vw;
	overflow-y: hidden;
	background-color: #fff;
	position: relative;
	overflow-x: auto;
	display: block;
}
.er_cla_k {
	width: 100%;
	display: block;
	white-space: nowrap;
	display: -webkit-flex;
	display: flex;/* 设置为flex容器 */
}
.er_cla_k2 {
	width: 180%;
}
.er_cla_icon {
	float: left;
	width: 2.8vw;
	height: 2.8vw;
	margin-right: 0.5vw;
	margin-left: 1.5vw;
	margin-top: 3.1vw;
}
.cla_item {
	flex-shrink: 0; /* 防止子元素缩小 */
	white-space: nowrap; /* 防止内容换行 */
	font-weight: 400;
	font-size: 3vw;
	line-height: 3vw;
	box-sizing: border-box;
	overflow: hidden;
	padding-top: 2.5vw;
	padding-bottom: 3vw;
	border-top: solid 0.67vw #fff;
	border-bottom: solid 0vw #fff;
	-moz-transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	margin: 0;
}
.cla_item a {
	height: 3vw;
	text-align: center;
	line-height: 3vw;
	color: #595757;
	display: block;
	border-right: solid 0.1vw #e1e1e1;
}
.cla_item.on, .cla_item:hover {
	border-top: solid 0.4vw #003e8c;
}
.er_cla_morel {
	position: absolute;
	font-size: 2.53vw;
	line-height: 6.5vw;
	height: 6.5vw;
	right: 0;
	top: 0;
	padding-left: 2vw;
	padding-right: 2vw;
	background-color: #fff;
	display: none;
}
.er_cla_morel img {
	float: right;
	display: block;
	width: 1.87vw;
	height: 1.87vw;
	margin-top: 2.1vw;
	margin-left: 1vw;
}
.er_cla_morer {
	position: absolute;
	font-size: 3vw;
	line-height: 9vw;
	height: 9vw;
	right: 0;
	top: 0;
	padding-left: 2vw;
	padding-right: 2vw;
	background-color: #fff;
	display: block;
}
.er_cla_morer img {
	float: right;
	display: block;
	width: 2.6vw;
	height: 2.6vw;
	margin-top: 3.1vw;
	margin-left: 1vw;
}
.foot2 {
	display: block;
}
}
/* 中型设备（台式电脑，768px 起） */
