@charset "utf-8";

body {
	font-family: 微软雅黑;
	margin: 0;
	padding: 0;
}

img {
	max-width: 100%;
}

ul,
h3,
h2,
h1,
li,
p {
	padding: 0;
	margin: 0;
	list-style: none;
}
.clearfix{zoom: 1;}
.clearfix:after{content: "."; *zoom: 1; display: block; visibility: hidden; height: 0; clear: both;}
a:hover,
a:focus {
	text-decoration: none;
}

.btn:focus,
.btn:active,
.btn:focus:active {
	outline: 0;
}

.flex {
	display: -webkit-box;
	/* 老版本语法: Safari, iOS, Android browser, older WebKit browsers. */
	display: -moz-box;
	/* 老版本语法: Firefox (buggy) */
	display: -ms-flexbox;
	/* 混合版本语法: IE 10 */
	display: -webkit-flex;
	/* 新版本语法: Chrome 21+ */
	display: flex;
	/* 新版本语法: Opera 12.1, Firefox 22+ */
}

/* 主轴居中 */
.flex-hc {
	-webkit-box-pack: center;
	-moz-justify-content: center;
	-webkit-justify-content: center;
	justify-content: center;
}

/* 主轴两端对齐 */
.flex-zBetween {
	-webkit-box-pack: justify;
	-moz-justify-content: space-between;
	-webkit-justify-content: space-between;
	justify-content: space-between;
}

/* 主轴end对齐 */
.flex-zEnd {
	-webkit-box-pack: end;
	-moz-justify-content: flex-end;
	-webkit-justify-content: flex-end;
	justify-content: flex-end;
}

/* 主轴start对齐 */
.flex-zStart {
	-webkit-box-pack: start;
	-moz-justify-content: flex-start;
	-webkit-justify-content: flex-start;
	justify-content: flex-start;
}

/* 侧轴居中 */
.flex-ac {
	-webkit-box-align: center;
	-moz-align-items: center;
	-webkit-align-items: center;
	align-items: center;
}

/* 侧轴start对齐 */
.flex-cStart {
	-webkit-box-align: start;
	-moz-align-items: flex-start;
	-webkit-align-items: flex-start;
	align-items: flex-start;
}

/* 侧轴底部对齐 */
.flex-cEnd {
	-webkit-box-align: end;
	-moz-align-items: flex-end;
	-webkit-align-items: flex-end;
	align-items: flex-end;
}

/* 侧轴文本基线对齐 */
.flex-cBaseline {
	-webkit-box-align: baseline;
	-moz-align-items: baseline;
	-webkit-align-items: baseline;
	align-items: baseline;
}

/* 侧轴上下对齐并铺满 */
.flex-cStretch {
	-webkit-box-align: stretch;
	-moz-align-items: stretch;
	-webkit-align-items: stretch;
	align-items: stretch;
}

/* 主轴从上到下 */
.flex-zTopBottom {
	-webkit-box-direction: normal;
	-webkit-box-orient: vertical;
	-moz-flex-direction: column;
	-webkit-flex-direction: column;
	flex-direction: column;
}

/* 主轴从下到上 */
.flex-zBottomTop {
	-webkit-box-pack: end;
	-webkit-box-direction: reverse;
	-webkit-box-orient: vertical;
	-moz-flex-direction: column-reverse;
	-webkit-flex-direction: column-reverse;
	flex-direction: column-reverse;
}

/* 主轴从左到右 */
.flex-zLeftRight {
	-webkit-box-direction: normal;
	-webkit-box-orient: horizontal;
	-moz-flex-direction: row;
	-webkit-flex-direction: row;
	flex-direction: row;
}

/* 主轴从右到左 */
.flex-zRightLeft {
	-webkit-box-pack: end;
	-webkit-box-direction: reverse;
	-webkit-box-orient: horizontal;
	-moz-flex-direction: row-reverse;
	-webkit-flex-direction: row-reverse;
	flex-direction: row-reverse;
}


/* 不允许子元素缩小 */
.flex-shrink {
	-webkit-box-flex: 0;
	-moz-flex-shrink: 0;
	-webkit-flex-shrink: 0;
	flex-shrink: 0;
}

/*各个行中间对齐*/
.flex-center {
	-webkit-align-content: center;
	align-content: center;
}

/*各个行中间对齐*/
.flex-start {
	-webkit-align-content: flex-start;
	align-content: flex-start;
}

/*各个行中间对齐*/
.flex-end {
	-webkit-align-content: flex-end;
	align-content: flex-end;
}

/*各个行平均分布*/
.flex-between {
	-webkit-align-content: space-between;
	align-content: space-between;
}

/*各个行两端保留子元素与子元素之间间距大小的一半*/
.flex-container {
	-webkit-align-content: space-around;
	align-content: space-around;
}

/*父元素-横向换行 */
.flex-wrap {
	-webkit-flex-wrap: wrap;
	-moz-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	-o-flex-wrap: wrap;
	flex-wrap: wrap;
}

/*父元素-不允许横向换行 */
.flex-nowrap {
	-webkit-flex-wrap: nowrap;
	-moz-flex-wrap: nowrap;
	-ms-flex-wrap: nowrap;
	-o-flex-wrap: nowrap;
	flex-wrap: nowrap;
}

/*充满父元素*/
.flex_bd {
	-prefix-box-flex: 1;
	-webkit-box-flex: 1;
	-webkit-flex: 1;
	-moz-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
}

/* 显示两行文字 */
.line-2 {
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}

.line-3 {
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
}

.fl {
	float: left;
}

.fr {
	float: right;
}

/* 文字省略号 */
.ellipsis {
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}

.margin-left-auto {
	margin-left: auto;
}

.margin-right-auto {
	margin-right: auto;
}

/* header */
body {
	padding-top: 60px;
}

.navbar-os {
	position: fixed;
	background-color: #fff;
	width: 100%;
	left: 0;
	top: 0;
	z-index: 100000;
	height: 60px;
	border: 0;
	margin-bottom: 0;
	border-radius: 0;

	-webkit-transition: all .8s ease 0s;
	-moz-transition: all .8s ease 0s;
	transition: all .8s ease 0s;
}

.navbar-logo {
	float: left;
	display: block;
	padding: 12px 0 12px 0;
}

.navbar-logo img {
	height: 36px;
}

.navbar-nav>li {
	position: static;
}

.navbar-nav>li.dropdown {
	position: relative;
}

.navbar-nav>li .dropdown-menu {
	min-width: 100%;
	margin: 0;
	padding: 0!important;
}

.dropdown-menu-nav li {
	border-bottom: 1px solid #F2F2F2;
}

.dropdown-menu-nav li a {
	display: block;
	padding: 10px;
	color: #333333;
	text-align: center;
}
.dropdown-menu-nav li a:hover{
	color:#c8161d;
}

.navbar-nav>li>a {
	display: block;
	color: #333;
	padding: 15px 10px;
	line-height: 28px;
	font-size: 16px;
}

.navbar-nav>li>a .icon-sm-down {
	padding-left: 4px;
	font-size: 12px;
}

.nav-bar-right {
	float: right;
	padding: 13px 0;
}

.input-search {
	position: relative;
	float: left;
	width: 176px;
	height: 32px;
	display: none;
}

.input-search .form-control {
	height: 32px;
	text-indent: 30px;
	border: 1px solid #dfdfdf;
	box-shadow: 0 0 0 transparent;
}

.input-search .form-control:focus {
	box-shadow: 0 0 0 transparent;
}

.lan-dropdown {
	float: left;
	line-height: 32px;
	margin-left: 30px;
	font-size: 16px;
}

.lan-dropdown .icon-sm-down {
	font-size: 12px;
}

.lan-dropdown .dropdown-menu {
	margin: 0;
	left: 20px;
}

.lan-dropdown:hover .dropdown-menu {
	display: block;
}

.input-search .btn-so {
	border: 0;
	position: absolute;
	left: 5px;
	top: 0;
	outline: 0;
	height: 32px;
	width: 32px;
	background-color: transparent;
	border-radius: 0;
}

.navbar-nav {
	display: none;
}





/* pc导航 下拉*/
.nav-dropdown {
	z-index: 9;
	position: absolute;
	left: 0;
	right: 0;
	top: 100px;
	visibility: hidden;
	opacity: 0;
	transition: .5s all;
	background-color: #f3f3f3;

}

.flex-show {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	top: 89px;
	visibility: visible;
	opacity: 1;
}

.nav-cat ul {
	width: 290px;
	padding-top: 60px;
	margin-left: 180px;
	padding-bottom: 60px;
}

.nav-cat ul>li>a {
	position: relative;
	display: block;
	padding: 15px 30px;
	line-height: 20px;
	height: 50px;
	font-size: 16px;
	color: #333;
}

.nav-cat ul>li>a::after {
	position: absolute;
	right: 24px;
	top: 50%;
	line-height: 1;
	margin-top: -8px;
	content: "\e826";
	font-family: "iconfont" !important;
	font-size: 16px;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}


.nav-cat ul>li>a * {
	display: inline-block;
	vertical-align: middle;
}

.nav-cat ul>li>a img {
	margin-right: 15px;
}

.nav-cat ul li.on {
	background-color: #e8eced;
}

.nav-sub-cat {
	height: 680px;
}

.nav-sub-cat .hd {
	height: 680px;
	width: 340px;
	background-color: #e8eced;
}

.nav-sub-cat .hd li a {
	position: relative;
	display: block;
	height: 50px;
	line-height: 50px;
	padding-left: 50px;
	padding-right: 50px;
	font-size: 16px;
	color: #333;
}

.nav-sub-cat .hd ul {
	padding-top: 60px;
}

.nav-sub-cat .hd li.on a {
	background-color: #ffffff;
	color: #c8161d;
}

.nav-sub-cat .hd li a::after {
	position: absolute;
	right: 24px;
	top: 50%;
	line-height: 1;
	margin-top: -8px;
	content: "\e826";
	font-family: "iconfont" !important;
	font-size: 16px;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.drop-show-body {
	padding: 70px 100px 0 100px;
}

.dropdown-heading {
	height: 30px;
	line-height: 30px;
}

.dropdown-heading .title {
	float: left;
	font-size: 24px;
}

.dropdown-heading .d-more {
	float: right;
	display: inline-block;
	color: #565656;
}

.dropdown-heading .d-more span {
	text-decoration: underline;
}

.dropdown-heading .d-more .iconfont {
	font-size: 14px;
}

.drop-attr {
	white-space: nowrap;
}

.drop-attr {
	margin: 0 -2px;
}

.drop-attr>div {
	padding: 0 2px;
}

.drop-attr .attr-box {
	background-color: #efefef;
	color: #565656;
	font-size: 16px;
	line-height: 1;
	padding: 12px 0;
}

.attr-box .text {
	margin-bottom: 10px;
	text-align: center;
}

.attr-box .val {
	font-weight: bold;
	text-align: center;
}

.drop-photo {
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 40px 0;
	text-align: center;
	height: 350px;
}

.drop-photo img {
	max-height: 350px;
}

.drop-flex-left {
	width: 120px;
	margin-right: 50px;
}

.drop-flex-left .third-hd {
	font-size: 20px;
	line-height: 1;
	padding-bottom: 15px;
	border-bottom: 1px solid #5D5D5D;
	margin-bottom: 15px;
}

.drop-third-nav li a {
	display: inline-block;
	padding: 10px 0;
	font-size: 16px;
	color: #333333;
}

.drop-third-nav li.on a {
	text-decoration: underline;
	color: #c8161d;
}



@media (max-width:1500px) {
	.nav-cat ul {
		margin-left: 100px;
	}

	.nav-sub-cat .hd {
		width: 250px;
		height: 480px;
	}

	.nav-sub-cat {
		height: 480px;
	}

	.drop-show-body {
		padding: 50px 50px 0 40px;
	}
}


/* 手机导航 */
.navbar_m-nav {
	z-index: 9;
	position: absolute;
	left: 0;
	right: 0;
	top: 100%;
	overflow: hidden;
	overflow-y: auto;
	background-color: #f3f3f3;
	height: 0;
	transition: all 0.5s;
}

.c-open .navbar_m-nav {
	height: calc(100vh - 60px);
	height: -webkit-calc(100vh - 60px);
}

.navbar_m-nav>li {
	border-bottom: 1px solid #e8eced;
}

.navbar_m-nav>li>a {
	position: relative;
	display: block;
	color: #333;
	height: 50px;
	line-height: 50px;
	padding: 0 50px;
	font-size: 16px;
}

.navbar_m-nav li.active a {
	background-color: #e8eced;
}

.navbar_m-nav>li>a .iconfont {
	display: inline-block;
	line-height: 1;
	position: absolute;
	right: 30px;
	top: 50%;
	margin-top: -8px;
}

.m-nav-list {
	display: none;
}

.m-nav-list li a {
	position: relative;
	display: block;
	color: #333;
	height: 40px;
	line-height: 40px;
	padding: 0 70px;
	font-size: 15px;
	color: #666;
}


.nav_pop_wrap{position: fixed;z-index: 9999999999;left: 0;top: 0;width: 100%;height: 100%;pointer-events: none;-webkit-transition: all .3s cubic-bezier(.64, .19, .34, .84);transition: all .3s cubic-bezier(.64, .19, .34, .84);}
.nav_pop_wrap:before{content: "";position: absolute;right: -100%;top: 0;width: 100%;height: 100%;background: #fff;-webkit-transition: all .3s .8s cubic-bezier(.64, .19, .34, .84);transition: all .3s .8s cubic-bezier(.64, .19, .34, .84);}
.nav_pop_wrap:after{content: "";position: absolute;right: -100%;top: 0;width: 100%;height: 100%;background: #004da0;-webkit-transition: all .3s .6s cubic-bezier(.64, .19, .34, .84);transition: all .3s .6s cubic-bezier(.64, .19, .34, .84);}
.nav_pop_box{position: relative;z-index: 9;height: 100%;width: 100%;justify-content: center;align-items: center;}
.nav_black_header{position: absolute;top: 0;left: 0;width: 100%;padding-left: 165px;-webkit-justify-content: space-between;justify-content: space-between;}
.nav_black_logo{position: relative;width: 200px;overflow: hidden;margin-top: 30px;opacity: 0;-webkit-transition: all .1s .2s cubic-bezier(.64, .19, .34, .84);transition: all .1s .2s cubic-bezier(.64, .19, .34, .84);}
.logo_right{position: relative;left: 0;top: 0;-webkit-transition: all .3s cubic-bezier(.64, .19, .34, .84);transition: all .3s cubic-bezier(.64, .19, .34, .84);}
.logo_left{position: absolute;left: -100%;top: 0;-webkit-transition: all .3s cubic-bezier(.64, .19, .34, .84);transition: all .3s cubic-bezier(.64, .19, .34, .84);}
.nav_black_close{width: 125px;height: 125px;position: relative;cursor: pointer;display: -webkit-flex;display: -ms-flex;display: flex;-webkit-flex-wrap: wrap;flex-wrap: wrap;-webkit-align-items: center;align-items: center;-webkit-justify-content: center;justify-content: center;-webkit-transform: translateX(120%);transform: translateX(120%);overflow: hidden;-webkit-transition: all .3s cubic-bezier(.64, .19, .34, .84);transition: all .3s cubic-bezier(.64, .19, .34, .84);}
.nav_black_close:before{content: "";position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: #0c3d90;z-index: 3;-webkit-transition: all .3s cubic-bezier(.64, .19, .34, .84);transition: all .3s cubic-bezier(.64, .19, .34, .84);}
.nav_black_close:after{content: "";position: absolute;left: 0;top: 100%;width: 100%;height: 100%;background: #fff;z-index: 2;-webkit-transition: all .3s cubic-bezier(.64, .19, .34, .84);transition: all .3s cubic-bezier(.64, .19, .34, .84);}
.nav_black_icon{font-size: 68px;color: #fff;width: 100%;height: 100%;position: relative;z-index: 4;-webkit-align-items: center;align-items: center;-webkit-justify-content: center;justify-content: center;-webkit-transition: all .3s cubic-bezier(.64, .19, .34, .84);transition: all .3s cubic-bezier(.64, .19, .34, .84);}
.nav_black_icon:after{content: "";position: absolute;left: 50%;top: 50%;width: 70px;height: 1px;background: #fff;-webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg);transform: translateX(-50%) translateY(-50%) rotate(45deg);}
.nav_black_icon:before{content: "";position: absolute;left: 50%;top: 50%;width: 70px;height: 1px;background: #fff;-webkit-transform: translateX(-50%) translateY(-50%) rotate(-45deg);transform: translateX(-50%) translateY(-50%) rotate(-45deg);}
.benefits_button_read{padding: 0 15px;position: relative;overflow: hidden;}
.benefits_button_read:after{content: "";width: 100%;height: 100%;position: absolute;left: -100%;top: 0;z-index: -1;background: #fff;pointer-events: none;-webkit-transition: all .3s cubic-bezier(.64, .19, .34, .84);transition: all .3s cubic-bezier(.64, .19, .34, .84);}
.benefits_button_read:hover:after{left: 0;}
.benefits_button_read:hover .benefits_button_icon{color: #f08200;}
.benefits_button_read:hover .benefits_button_text{color: #f08200;}
.benefits_button_read:hover .benefits_button_jt{color: #f08200;}
.nav_black_bottom{position: absolute;left: 100%;top: 0;}
.nav_black_close:hover .nav_black_top{-webkit-transform: translateX(-100%);transform: translateX(-100%);}
.nav_black_close:hover .nav_black_bottom{left: 0;}
.nav_black_list .nav_black_item{padding: 25px 0;text-align: center;opacity: 0;-webkit-transition: all .3s cubic-bezier(.64, .19, .34, .84);transition: all .3s cubic-bezier(.64, .19, .34, .84);}
.nav_black_list .nav_black_item a{font-size: 26px;color: #fff!important;}
.index_body_tab .swiper-slide{background: #fff;}
.nav_pop_active{pointer-events: auto;}
.nav_pop_active:before{right: 0;-webkit-transition: all .3s cubic-bezier(.64, .19, .34, .84);transition: all .3s cubic-bezier(.64, .19, .34, .84);}
.nav_pop_active:after{right: 0;-webkit-transition: all .3s .2s cubic-bezier(.64, .19, .34, .84);transition: all .3s .2s cubic-bezier(.64, .19, .34, .84);}
.nav_pop_active .nav_black_close{-webkit-transform: translateX(0);transform: translateX(0);-webkit-transition: all .3s .7s cubic-bezier(.64, .19, .34, .84);transition: all .3s .7s cubic-bezier(.64, .19, .34, .84);}
.nav_pop_active .nav_black_logo{opacity: 1;}
.nav_pop_active .nav_black_item{opacity: 1;}
.nav_black_item a{font-size: 26px;}
.nav_black_item{padding: 20px 0;}
.nav_black_close{width: 95px;height: 95px;}
.nav_black_icon{font-size: 50px;}
.nav_black_icon:after{width: 50px;}
.nav_black_icon:before{width: 50px;}

.language{float: left;padding: 10px 20px 0; line-height: 15px;}
.language li{float: left; padding: 0 6px;}
.language li:nth-child(1){border-right: 1px solid #ccc;}
.language li a{font-size: 16px; color: #666666;}

.switch {
	float: left;
	margin-left: 20px;
	margin-top: 8px;
	width: 24px;
	height: 20px;
	cursor: pointer;
}

.switch i {
	float: right;
	position: relative;
	display: block;
	height: 3px;
	width: 24px;
	background: #7f7f7f;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
}

.c-head-hide .switch i,
.c-open .switch i {
	background: #333;
}

.switch i:nth-child(1) {
	top: 0;
}

.switch i:nth-child(3) {
	bottom: 0;
	width: 50%;
}

.switch i:nth-child(2) {
	margin: 6px 0;
}

body.c-open .c-switch i:nth-child(2) {
	opacity: 0;
}

body.c-open .c-switch i:nth-child(1) {
	top: 8px;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}

body.c-open .c-switch i:nth-child(3) {
	bottom: 8px;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

.c-head-move {
	top: -60px;
}

@media (min-width:768px) {
	.input-search {
		display: block;
	}

	.navbar-nav {
		margin-left: 40px;
	}
}

@media (min-width:1200px) {
	.navbar-nav {
		margin-left: 100px;
		display: block;
	}

	.c-head-move {
		top: -100px;
	}
	
}

@media (max-width: 991px) {
	.c-switch {
		display: block;
	}
}

@media (min-width:1300px) {
	.navbar-logo img {
		
		height: 46px;
	}

	.navbar-nav>li>a {
		padding: 30px 10px;
	}

	body {
		padding-top: 90px;
	}

	.navbar-os {
		height: 90px;
	}
	.navbar-logo {
	 padding: 20px 0 12px 0;
	}
	.nav-bar-right {
		padding: 27px 0;
	}
}

@media (min-width:1600px) {
	.navbar-nav>li>a {
		padding: 30px;
	}

	.navbar-nav {
		margin-left: 5%;
	}
}

@media (min-width:1700px) {
	.navbar-nav {
		margin-left: 10%;
	}
}

@media (min-width:1000px) {
	.navbar-os .container-fluid {
		padding: 0 2%;
	}
}

.navbar-nav>li:hover .dropdown-menu {
	display: block;
}



/*幻灯片*/
.banner-container .swiper-slide{
text-align: center;
background: #fff;
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
 -webkit-animation: banner_inside 2s ease 1 forwards;
 -moz-animation: banner_inside 2s ease 1 forwards;
 -o-animation: banner_inside 2s ease 1 forwards;
 animation: banner_inside 2s ease 1 forwards;
 background-repeat:no-repeat;
 }
 .banner-container .swiper-slide a{display: block;}
 .banner-container .swiper-slide a img{display: block;width: 100%;height: 600px;object-fit: cover;-moz-object-fit: cover;-webkit-object-fit: cover;}
 .banner-button-next,
 .banner-button-prev{color: #FFF;}
 
 
.wap_banner{display: none;}
.mb_aboutpic{display: none;}

.index-section {
	padding-top: 90px;
	padding-bottom: 70px;
	overflow: hidden;
}

.index-section.bg {
	background-color: #fff;
}

.sec-head {
	text-align: center;
	margin-bottom: 50px;
}

.sec-head .sec-title {
	font-size: 36px;
	line-height: 1;
	font-weight: bold;
}

.sec-foot {
	text-align: center;
	margin-top: 40px;
}

.sec-foot a {
	display: inline-block;
	line-height: 1;
	color: #c8161d;
	font-size: 16px;
}

.sec-foot a .iconfont {
	font-size: 14px;
}

@media (min-width:1300px) {
	.container {
		padding: 0;
		width: 84%;
	}
}

@media (min-width:1600px) {
	.container {
		width: 1400px;
	}
}

.news-cell {
	display: block;
	background-color: #FFFFFF;
}

.scale {
	display: block;
	overflow: hidden;
	font-size: 0;
}

.scale img {
	transition: .3s all;
}

.scale:hover img {
	transform: scale(1.05);
}


.tranUp {
	transition: .5s all;
}

.tranUp:hover {
	transform: translateY(-10px);
}


.row-news {
	margin: 0 -10px;
}

.row-news>div {
	padding: 0 10px;
}

.n-photo {
	font-size: 0;
}

.n-grid {
	padding: 30px;
}

.news-cell .n-title {
	font-size: 24px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	margin-bottom: 20px;
	color: #333;
}

.news-cell .n-title:hover {
	color: #183993;
}

.news-cell .n-desc {
	font-size: 16px;
	color: #999999;
	margin-bottom: 30px;
}

.news-cell .n-time {
	position: relative;
	font-size: 16px;
	color: #666666;
	line-height: 1.2;
}

.news-cell .n-time .iconfont {
	display: inline-block;
	position: absolute;
	right: 0;
	top: 0;
	transition: .4s all;
	color: #d0d0d0;
}

.news-cell:hover .iconfont {
	transform: translateX(10px);
}


/*资讯中心*/
	.info_left_box {
	width: 44%;
	height: 410px;
	/* padding: 0 0 100px 100px; */
	float: left;
	position: relative;
}
.info_left_box > img {
	width: 570px;
	height: 380px;
	position: absolute;
	left: 0;
	bottom: 0;
}
.info_left {
	width: 100%;
	height: 410px;
	overflow: hidden;
	position: relative;
	z-index: 10;
}
.info_left img {
	height: 410px;
	width: 100%!important;
}
.little_title {
	width: 570px;
	height: 1170px;
	background: url("little_bg.png");
	background-size: 100% 100%;
	position: absolute;
	bottom: 0px;
	z-index: 10;
	padding-left: 30px;
	line-height: 117px;
}
.little_title > h4 {
	color: #fff;
	transition: all 0.3s ease-in-out;
}
.little_title > h4:hover {
	color: #dedede;
}
.dotp {
	bottom: 30px;
	position: absolute;
	right: 30px;
	z-index: 100;
}
.swiper-pagination-switch > .swiper-pagination-bullet {
	width: 14px;
	height: 14px;
	margin-left: 4px;
	border: 2px solid #dedede;
	border-radius: 50%;
}
.swiper-pagination-switch > .swiper-pagination-bullet-active {
	background: #fff;
	border: 2px solid #fff;
}
.swiper-slide > a {
	display: block;
}
.info_right {
	float: right;
	width: 53%;
}
.info_list > li {
	height: 135px;
}
.info_list>li > a > .info_n_box {
	height: 135px;
	padding: 30px;
	border-bottom: 1px dashed #dedede;
}
.info_list > li > a {
	display: block;
	overflow: hidden;
	width:100%;
	height:100%;
}
.info_list > li > a > .info_n_box > p {
	float: left;
	height: 75px;
	margin-right: 30px;
	color: #aaa;
}
.info_list > li > a > .info_n_box > p > span {
	font-size: 28px;
}
.info_list > li > a > .info_n_box > h3 {
	color: #333;
	margin-bottom: 10px;
	transition: all 0s;
}
.info_list > li > a > .info_n_box > span {
	color: #666;
	line-height: 22px;
}
.info_list .ab_more {
	color: #999;
}
.info_list > li:hover > a > .info_n_box > p {
	color: #fff;
}
.info_list > li:hover > a > .info_n_box > h3 {
	color: #fff;
}
.info_list > li:hover > a > .info_n_box > span {
	color: #fff;
}
.info_list > li a:hover {
	background: #e00a0a;
	border: none;
	transition:all 0.8s ease-in-out
}



/* 合作客户 */
.customer{background: url(../images/tmp1596596425_2046673_s.jpg) no-repeat; height: 613px;}
.customerlist ul li{ float: left; width: 15.6666%; margin-right: 1%;margin-bottom: 2%;}
.customerlist ul li img{width:90%;transform: scale(1.0); transition: .3s all;}







/* footer */
.footer {
	overflow: hidden;
	color: #FFFFFF;
	background-color: #212121;
}

.footer a {
	color: #FFFFFF;
}

.foot-bar {
	padding: 5px 0;
	border-top: 1px solid rgba(255, 255, 255, .1);
}

.copyright {
	padding: 10px 0;
	opacity: .4;
}

.foot-link {
	padding: 10px 0;
	overflow: hidden;
	opacity: .4;
}

.foot-link li {
	float: left;
}

.foot-link li.line {
	padding: 0 5px;
}

.flinks {
	overflow: hidden;
	padding: 20px 0;
}

.flinks li {
	float: left;
	opacity: .4;
	line-height: 1.2;
	margin-right: 10px;
}

.flinks li a {
	display: inline-block;
	line-height: 1.2;
}

.foot-row {
	padding-top: 40px;
	padding-bottom: 30px;
}

.foot-nav .foot-nav-txt {
	position: relative;
	font-size: 16px;
}

.foot-nav .foot-nav-txt a {
	font-size: 16px;
}

.foot-nav-list {
	padding-top: 15px;
}

.foot-nav-list li {
	margin-bottom: 10px;
}

.foot-nav-list li a {
	font-size: 14px;
}

.info-cell {
	line-height: 1;
	margin-bottom: 15px;
}


.info-cell .hd {
	opacity: .4;
	margin-bottom: 10px;
}

.info-cell .tel-bd {
	font-size: 22px;
}

.info-cell .bd {
	line-height: 1.5;
}

.info-link {
	padding-top: 30px;
}

.info-link .info-item {
	display: inline-block;
}

.info-link .info-item:first-child {
	margin-right: 10px;
}

.info-item .iconfont {
	font-size: 24px;
	padding-right: 5px;
}

.info-link .info-item * {
	display: inline-block;
	vertical-align: middle;
}

.foot-right-info p {
	text-align: center;
	line-height: 32px;
}


/* footer */
@media (min-width:760px) {
	.foot-logo {
		margin-right: 50px;
	}

	.foot-right-info {
		margin-left: 40px;
	}
}


@media (min-width:1200px) {
	.foot-logo {
		margin-right: 130px;
	}

	.foot-right-info {
		margin-left: 110px;
	}

	.foot-row {
		padding-top: 70px;
		padding-bottom: 50px;
	}
}

@media (max-width:760px) {
	.foot-logo img {
		height: 48px;
	}

	.foot-row {
		display: block;
	}

	.flinks li {
		margin-bottom: 10px;
	}

	.foot-bar {
		display: block;
	}

	.foot-logo {
		margin-bottom: 30px;
	}

	.foot-nav-cells {
		display: block;
		margin-bottom: 50px;
	}

	.foot-nav-list {
		display: none;
	}

	.foot-nav {
		padding: 15px 10px;
		border-bottom: 1px solid rgba(255, 255, 255, .2);
	}

	.foot-nav .foot-nav-txt::after {
		position: absolute;
		right: 0;
		content: "\e826";
		font-family: "iconfont" !important;
		font-size: 16px;
		font-style: normal;
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;
		transition: .3s all;
	}

	.foot-nav .foot-nav-txt.show::after {
		transform: rotateZ(90deg);
	}

	.row-news>div {
		margin-bottom: 30px;
	}

	.row-news>div:last-child {
		margin-bottom: 0;
		display: none;
	}
}

.appli-box {
	position: relative;
	display: block;
}

.swiper-slide-active .appli-grid {
	-webkit-animation-name: fadeInUp;
	animation-name: fadeInUp;
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both
}

.appli-box .appli-grid .appli-tit {
	font-size: 30px;
	margin-bottom: 20px;
}

.appli-box .appli-grid .appli-desc {
	font-size: 18px;
	margin-bottom: 35px;
}

.appli-box .appli-grid .appli-link {
	font-size: 18px;
}

.appli-box .appli-grid {
	position: absolute;
	left: 25px;
	top: 30px;
	z-index: 9;
	color: #FFFFFF;
	max-width: 180px;
}

.swiper-appli .swiper-pagination {
	padding-left: 25px;
	text-align: left;
}

.swiper-pagination .swiper-pagination-bullet {
	background-color: #FFFFFF;
	border-radius: 30px;
}

.swiper-pagination .swiper-pagination-bullet-active {
	width: 30px;
}

.appli-row {
	margin: 0;
}

.appli-row>div {
	padding: 0;
}

.appli-icon-box {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	height: 190px;
	text-align: center;
	border-right: 1px solid #eceef0;
	border-bottom: 1px solid #eceef0;
}

.appli-icon-box * {
	transition: .4s all;
}

.appli-section {
	background: fixed url(../images/yy_bg.jpg) center no-repeat;
	background-size: cover;
}

.appli-icons {
	margin: 0;
	background-color: rgba(255, 255, 255, .6);
}

.appli-icons>div {
	padding: 0;
}

.appli-icons .text {
	font-size: 18px;
	color: #333;
	padding-top: 10px;
	padding-bottom: 10px;
}

.appli-icons .link {
	font-size: 16px;
	position: absolute;
	width: 100%;
	color: #333;
	bottom: 20px;
	visibility: hidden;
	text-align: center;
}

.appli-icon-box * {
	position: relative;
	z-index: 2;
}

.appli-icon-box .icont {
	display: inline-block;
	color: #FFFFFF;
	width: 66px;
	height: 66px;
	text-align: center;
	line-height: 66px;
	border-radius: 66px;
	font-size: 30px;
}
.icon-shuju{background: url(../images/yyicon_03.png) center center no-repeat; background-size:60%;}
.icon-yunjisuan{background: url(../images/yyicon_05.png) center center no-repeat; background-size:60%;}
.icon-gongye{background: url(../images/yyicon_07.png) center center no-repeat; background-size:60%;}
.icon-zhineng{background: url(../images/yyicon_15.png) center center no-repeat; background-size:60%;}
.icon-tongxun{background: url(../images/yyicon_13.png) center center no-repeat; background-size:60%;}
.icon-qiche{background: url(../images/yyicon_17.png) center center no-repeat; background-size:60%;}

.appli-icon-box:hover .link {
	visibility: visible;
}

.appli-icon-box::before {
	position: absolute;
	display: block;
	background-color: #e00a0a;
	transition: .3s all;
	left: 50%;
	top: 38px;
	margin-left: -33px;
	width: 66px;
	height: 66px;
	text-align: center;
	line-height: 66px;
	border-radius: 66px;
	content: '';
}



.product-row {
	margin: 0 -10px;
}

.product-row>div {
	padding: 10px;
}

.product-md-row {
	margin: -10px;
}

.product-md-row>div {
	padding: 10px;
}

.product-lg {
	position: relative;
	background-color: #FFFFFF;
	display: block;
	height: 330px;
}

.product-lg::before {
	content: '';
	height: 50%;
	/* background-color: #ededed; */
	position: absolute;
	left: 0;
	width: 100%;
	top: 0;
}

.product-lg .pro-pic {
	position: relative;
	z-index: 9;
	padding: 20px;
	text-align: center;
	overflow: hidden;
}

.product-lg .pro-grid {
	padding: 0 20px;
}

.product-lg .pro-title {
	font-size: 20px;
	color: #333333;
	margin-bottom: 10px;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}

.product-lg .pro-desc {
	position: relative;
	font-size: 14px;
	color: #999999;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}

.product-lg .pro-desc::after {
	position: absolute;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
	content: "\e826";
	font-family: "iconfont" !important;
	font-size: 16px;
	font-style: normal;
	color: #999999;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.product-md {
	height: 225px;
	position: relative;
	background-color: #FFFFFF;
	display: block;
}

.product-md:hover {
	box-shadow: 0 0 22px rgba(0, 0, 0, .1);
}

.product-lg:hover {
	box-shadow: 0 0 22px rgba(0, 0, 0, .1);
}

.product-md .pro-pic {
	text-align: center;
	padding: 20px 0;
	font-size: 0;
}

.product-md .pro-title {
	position: relative;
	font-size: 18px;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	color: #333333;
	margin: 0 25px;
	padding-right: 20px;
}

.product-md .pro-title::after {
	position: absolute;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
	content: "\e826";
	font-family: "iconfont" !important;
	font-size: 16px;
	font-style: normal;
	color: #999999;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.row-pro-center {
	margin: 0 -10px;
}

.row-pro-center>div {
	padding: 10px;
}

.pro-center {
	margin: 0 auto;
	max-width: 336px;
	position: relative;
	overflow: hidden;
	background-color: #f5f4f5;
	height: 480px;
}

.pro-popover {
	position: absolute;
	top: 100%;
	height: 100%;
	padding: 40px;
	left: 0;
	right: 0;
	z-index: 19;
	transition: .4s all;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
}

.pro-popover>* {
	width: 100%;
}

.pro-center::after {
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 9;
	content: '';
	transition: .4s all;
	visibility: hidden;
	background-color: rgba(33, 90, 168, .9);
	opacity: 0;
}

.pro-center .pic {
	margin-bottom: 20px;
}

.pro-info {
	text-align: center;
	margin: 0 50px;
	transition: .4s all;
}

.pro-info .title {
	position: relative;
	line-height: 1.2;
	padding-bottom: 15px;
	margin-bottom: 15px;
	font-size: 30px;
}

.pro-info .title::after {
	width: 20px;
	height: 2px;
	content: '';
	background-color: #0194fd;
	position: absolute;
	bottom: 0;
	left: 50%;
	margin-left: -10px;
}

.pro-info .desc {
	font-size: 16px;
	color: #999999;
	overflow: hidden;
	line-height: 1.8;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}

.pro-center:hover::after {
	visibility: visible;

	opacity: 1;
}

.pro-center:hover .pro-popover {
	top: 0;
}

.pro-popover .title {
	text-align: center;
	position: relative;
	line-height: 1;
	font-size: 30px;
	padding-bottom: 15px;
	margin-bottom: 20px;
	color: #FFFFFF;
}

.pro-popover .title::after {
	width: 20px;
	height: 2px;
	content: '';
	background-color: #FFFFFF;
	position: absolute;
	bottom: 0;
	left: 50%;
	margin-left: -10px;
}

.pro-link-list li {
	margin-bottom: 6px;
}

.pro-link-list li a {
	position: relative;
	display: block;
	height: 34px;
	color: #FFFFFF;
	line-height: 32px;
	padding: 0 20px;
	border-radius: 3px;
	border: 1px solid rgba(255, 255, 255, .4);
	background-color: rgba(255, 255, 255, .26);
}

.pro-link-list li a:hover {
	border: 1px solid rgba(255, 255, 255, .8);
}

.pro-link-list li a::after {
	position: absolute;
	right: 10px;
	top: 10px;
	line-height: 1;
	color: #FFFFFF;
	content: "\e826";
	font-family: "iconfont" !important;
	font-size: 14px;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.pro-foot .btn {
	width: 48%;
	height: 36px;
}

.pro-foot {
	overflow: hidden;
	padding-top: 15px;
}

.pro-foot .btn-online {
	float: left;
	border: 1px solid #FFFFFF;
	color: #fff;
}

.pro-foot .btn-more {
	float: right;
	border: 1px solid #c8161d;
	background-color: #c8161d;
	color: #fff;
}

.pro-foot .btn:after {
	content: "";
	font-family: "iconfont" !important;
	transition: all .4s ease;
	font-size: 14px;
	display: inline-block;
	transform: translateY(1px);
}

.pro-foot .btn:hover:after {
	content: "\e826";
	margin-left: 5px;
}

.index-about .wave-canvas-wrapper { position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; }

.index-about {
	position: relative;
	background: #f5f5f5;
	color: #FFFFFF;
}
canvas {
	display:block;
}
.waves {
	position:absolute;
	left:0;
	top:0;
	right:0;
	bottom:0;
}

.index-about .container {
	
	position: relative;
}
.about-box{
	background: #FFFFFF;
	height: 640px;
}
.dex-about {
	width: 50%;
	color: #FFFFFF;
	float: left;
	padding: 4% 0 2% 4%;
}
.about_pic{
	float: right;
	width: 50%;
	height: 518px;
	background:url(../images/about_pic.png) no-repeat bottom right;
}
.dex-about .a-md {
	font-size: 34px;
	color: #e1e1e1;
	margin-bottom: 15px;
	font-family: Arial;
}

.dex-about .a-title {
	font-size: 24px;
	color:#666666;
	font-weight: bold;
	margin-bottom: 25px;
}
.dex-about .a-title span{
	color:#dd080d;
}

.dex-about .a-desc {
	font-size: 14px;
	color:#666666;
	line-height: 1.8;
	margin-bottom: 10px;
	text-indent:26px
}

.shuzizu{float: left; width: 100%;}
.shuzizu ul li{ float: left; width: 25%; text-align: center;}
.shuzizu ul li p{color: #333;}
.shuzizu ul li:last-child{border: 0;}
.shuzizu ul li span{font-size: 42px; font-weight: bold; color:#e00a0a; text-align: center;}
.shuzizu ul li i{font-weight: normal; font-size: 12px; color: #666; font-style: normal;}

.about_btm{width: 100%; }
.abl{width: 30%; float: left;  height: 5px;background-color: #e00a0a;}
.abr{width: 70%;float: left; height: 5px;background-color: #f46706;}



.pro-main img:hover{transform: scale(1.1); transition: 0.3s all;}
.pro-main img{transform: scale(1.0); transition: 0.3s all;}
.pro_left{ float: left; width: 69%; margin-right: 1%;  height: 700px;}
.pro_left_top{background:#f4f4f4 url(../images/bg001.jpg) no-repeat; background-size: 100%; height: 350px;margin-bottom: 1%; padding: 6%;}
.pro_picture_t{float: left; width: 30%; margin-right: 5%;}
.pro_txt_t{ float: left; width: 60%;}
.pro_txt_t h2{text-align: center; font-size: 28px; margin-bottom: 10px;}
.pro_txt_t p{font-size: 14px; line-height: 24px;margin-bottom: 20px;}
.morea{font-size: 14px; color: #fff; padding: 6px 24px; border: #e00a0a 1px solid; color: #e00a0a; border-radius: 20px; margin-top: 20px;}
.morea:hover{color: #fff; background-color: #e00a0a;border: #e00a0a 1px solid;}
.pro_right{padding: 4% 3% 3%;float: right;width: 30%; height: 700px; background:#f4f4f4 url(../images/bg002.jpg)  bottom no-repeat; background-size: 100%; text-align: center;}
.pro_picture_r{ width: 100%; margin-bottom: 25px;}
.pro_txt_r{  width: 100%;}
.pro_picture_r img{  width: 80%;}
.pro_txt_r h2{text-align: center; font-size: 28px; margin-bottom: 10px;}
.pro_txt_r p{font-size: 14px; line-height: 24px;margin-bottom: 20px;text-align: left;}
 
.pro_left_btm{width: 100%;}
.pro_left_btm .pro_left_sub{ float: left; width: 32.633%; margin-right: 1%; background:#f4f4f4; height: 340px;}
.pro_left_btm .pro_left_sub:nth-child(3){margin-right: 0;}

.pro_left_sub{padding: 3%; text-align: center;}
.pro_txt_b h2{font-size: 22px; margin-bottom: 30px;}
.pro_picture_b{margin-bottom: 30px;}
.pro_picture_b img{width: 50%;}












.a-foot .btn {
	height: 50px;
	line-height: 48px;
	padding: 0 20px;
	font-size: 18px;
}

.btn .t,
.btn .icon-right,
.btn .icon-bofang {
	display: inline-block;
	transition: all .4s ease;
}

.btn:hover .icon-right {
	transform: translateX(2px);
}

.btn:hover .icon-bofang {
	transform: translateX(2px);
}

.btn:hover .t {
	transform: translateX(-2px);
}


.btn-text .t,
.btn-text .icon-right {
	display: inline-block;
	transition: all .4s ease;
}

.btn-text:hover .icon-right {
	transform: translateX(6px);
}

.btn-text:hover .t {
	transform: translateX(-2px);
}



.a-foot .btn-online {
	border: 1px solid #FFFFFF;
	color: #fff;
}

.a-foot .btn-more {
	margin-right: 20px;
	border: 1px solid #c8161d;
	background-color: #c8161d;
	color: #fff;
}

.swiper-banner .swiper-slide {
	position: relative;
	height: 600px;
}

.swiper-banner .swiper-slide .slide-photo {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
}

 

.swiper-banner .container {
	position: relative;
	height: 100%;
	z-index: 10;
	color: #FFFFFF;
}

.swiper-slide-active .sw-title {
	-webkit-animation-name: fadeInRightSm;
	animation-name: fadeInRightSm;
	-webkit-animation-duration: 2s;
	animation-duration: 2s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
}

.swiper-slide-active .sw-desc {
	-webkit-animation-name: fadeInRightSm;
	animation-name: fadeInRightSm;
	-webkit-animation-duration: 2s;
	animation-duration: 2s;
	animation-delay: .4s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both
}

.swiper-slide-active .a-foot {
	-webkit-animation-name: fadeInRightSm;
	animation-name: fadeInRightSm;
	-webkit-animation-duration: 2s;
	animation-duration: 2s;
	animation-delay: .8s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both
}

.sw-grid .sw-title {
	font-size: 24px;
	margin-bottom: 20px;
	font-weight: bold;
	line-height: 1;
}

.sw-grid .sw-desc {
	font-size: 16px;
	line-height: 1.8;
	margin-bottom: 40px;
	opacity: .98;
}







.data-row {
	padding-top: 70px;
}

.data-cell {
	font-size: 16px;
	line-height: 1;
	margin-bottom: 40px;
}

.data-cell .data-txt {
	font-size: 18px;
	margin-top: 15px;
}

.data-heading .counter {
	font-size: 40px;
}

.nav-bar {
	position: absolute;
	bottom: -80px;
	left: 0;
	width: 100%;
	padding: 30px 0;
	background-color: #183993;
	text-align: center;
}

.nav-bar .nav-bar-link {
	color: #ffffff;
	display: inline-block;
	line-height: 20px;
	font-size: 18px;
}

.nav-bar .nav-bar-link .icon-ffs {
	font-size: 20px;
}

.nav-bar .nav-bar-link .t {
	padding: 0 10px;
}

.nav-bar .nav-bar-link .icon-right {
	display: inline-block;
	animation: lrt 1s infinite alternate;
	-webkit-animation: lrt 1s infinite alternate;
	/* Safari 与 Chrome */
}

@keyframes lrt {
	from {
		transform: translateX(6px);
	}

	to {
		transform: translateX(-2px);
	}
}



@media (min-width:1200px) {
	.appli-icon-box:hover * {
		color: #ffffff;
	}

	.appli-icon-box:hover::before {
		width: 100%;
		height: 100%;
		border-radius: 0;
		left: 0;
		top: 0;
		margin: 0;
	}

	.appli-icon-box::before {
		top: 55px;
	}

	.data-cell {
		font-size: 18px;
		line-height: 1;
		margin-bottom: 70px;
	}

	.data-heading .counter {
		font-size: 60px;
	}

	.swiper-banner .swiper-slide {
		position: relative;
		height: 660px;
	}

	.appli-box .appli-grid {
		left: 50px;
		top: 60px;
	}

	.swiper-banner .swiper-pagination {
		bottom: 30px;
	}

	.swiper-appli .swiper-pagination {
		padding-left: 50px;
	}

	.appli-box img {
		height: 468px;
	}

	.appli-icons {
		height: 468px;
	}

	.appli-icons .text {
		font-size: 24px;
	}

	.appli-icon-box {
		height: 234px;
	}

	.appli-icons .link {
		bottom: 30px;
	}

	.product-lg {
		height: 470px;
	}

	.product-lg .pro-pic {
		text-align: center;
		padding: 50px 20px 10px 20px;
	}


	.index-about {
		padding: 80px 0;
	}

	.sw-grid .sw-title {
		font-size: 42px;
	}

	.sw-grid .sw-desc {
		font-size: 16px;
	}

	.is-hidden {
		overflow: hidden;
	}
}

.dropdown-menu {
	border: 0;
	min-width: 80px;
}

/* 内页 */

.page-banner {
	position: relative;
	background-repeat: no-repeat;
	background-position: center;
	height: 300px;
	background-size: cover;
	color: #ffffff;
}

.page-banner .container {
	position: relative;
	z-index: 2;
	height: 100%;
}

.page-bg {
	position: absolute;
	width: 100%;
	height: 100%;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	left: 0;
	top: 0;
	-webkit-animation-name: bigger;
	animation-name: bigger;
	-webkit-animation-duration: 8s;
	animation-duration: 8s;
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
	animation-direction: alternate;
	-webkit-animation-direction: alternate;
	/* Safari 和 Chrome */
}

@keyframes bigger {
	from {
		transform: scale(1);
	}

	to {
		transform: scale(1.2);
	}
}



.ban-grid h2 {
	font-size: 42px;
	margin-bottom: 25px;
	font-weight: bold;
}

.ban-grid h1 {
	font-size: 48px;
	margin-bottom: 25px;
	font-weight: bold;
}

.ban-grid p {
	max-width: 1150px;
	line-height: 1.8;
	font-size: 16px;
}

.ban-grid h4 {
	line-height: 1.8;
	font-size: 22px;
}

.ban-grid .line {
	width: 44px;
	height: 3px;
	background-color: #ededed;
}

.in-wrapper {
	padding-top: 40px;
	padding-bottom: 100px;
	overflow: hidden;
}

.ss-wrapper {
	padding-top: 80px;
}

.bread-cell {
	color: #666666;
}

.in-wrapper>.container>.bread-cell {
	margin-bottom: 50px;
}

.bread-cell a {
	color: #999;
}

.serv-row {
	margin: 0 -5px;
}

.serv-row>div {
	padding: 5px;
}

.serv-box {
	position: relative;
	display: block;
	text-align: center;
	height: 300px;
	overflow: hidden;
	background-color: #f4f4f4;
	padding-top: 30px;
}

.serv-row>div:nth-child(2) .serv-box {
	background-color: #ededed;
}

.serv-row>div:nth-child(3) .serv-box {
	background-color: #ededed;
}


.serv-box .serv-icon {
	position: relative;
	margin-bottom: 20px;
}

.serv-box .serv-icon .icon {
	position: relative;
	z-index: 8;
	margin: 0 auto;
	width: 100px;
	height: 100px;
	line-height: 100px;
	overflow: hidden;
	border-radius: 160px;
	background-color: #ffffff;
}

.serv-box .serv-icon::after {
	content: '';
	position: absolute;
	width: 222px;
	height: 207px;
	left: 50%;
	top: 50px;
	margin-left: -75px;
	background: url(../images/yy.png) no-repeat;
}

.serv-box .serv-text .ch {
	color: #333;
	font-size: 20px;
	margin-bottom: 10px;
}

.serv-box .serv-text .en {
	color: #999999;
}

.serv-box .serv-nn {
	position: absolute;
	line-height: 1;
	width: 100%;
	color: #dddddd;
	font-family: Arial;
	bottom: 15px;
	font-size: 40px;
}

.serv-box * {
	transition: .3s all;
}

.serv-box {
	transition: .3s all;
}




@media (min-width:1000px) {
	.serv-row {
		margin: 0;
	}

	.serv-row>div {
		padding: 0;
	}

	.serv-box {
		height: 500px;
		padding-top: 60px;
	}

	.serv-box .serv-icon {
		margin-bottom: 30px;
	}

	.serv-box .serv-icon .icon {
		width: 160px;
		height: 160px;
		line-height: 160px;
	}

	.serv-box .serv-text .ch {
		font-size: 24px;
		margin-bottom: 15px;
	}

	.serv-box .serv-text .en {
		font-size: 18px;
	}

	.serv-box .serv-nn {
		bottom: -70px;
		font-size: 150px;
	}

	.serv-row>div:nth-child(odd) .serv-box {
		background-color: #f4f4f4;
	}

	.serv-row>div:nth-child(even) .serv-box {
		background-color: #ededed;
	}

	.serv-box:hover {
		background-color: #376ab1 !important;
	}

	.serv-box:hover * {
		color: #ffff !important;
	}

	.serv-box:hover .serv-nn {
		font-size: 72px;
		bottom: 50px;
		opacity: .2;
	}

}

@media (min-width:1200px) {
	.page-banner {
		height: 500px;
	}
}


/* 社会则热 */
.sols-row {
	margin: 0 -10px;
}

.sols-row>div {
	padding: 10px;
}

.sols-box .sols-title {
	font-size: 36px;
	margin-bottom: 20px;
	font-weight: bold;
}

.sols-box .sols-pic {
	font-size: 0;
	margin-bottom: 20px;
}

.sols-box .sols-desc {
	color: #666666;
	font-size: 16px;
	line-height: 2;
}

.sols-link {
	margin-top: 20px;
}

.sols-link a {
	color: #c8161d;
	font-size: 16px;
}

.sols-link a .iconfont {
	font-size: 14px;
}

.page-bar .bread-cell {
	padding: 25px 0;
	border-bottom: 1px solid #f0f0f0;
}

.page-tabs {
	border-bottom: 1px solid #f0f0f0;
}

.page-tabs li {
	float: left;
}

.page-tabs li a {
	position: relative;
	display: block;
	padding: 25px 15px;
	color: #666666;
}

.page-tabs li.active a {
	color: #1c4798;
}

.page-tabs li.active a::after {
	content: '';
	width: 100%;
	height: 3px;
	background-color: #1c4798;
	position: absolute;
	left: 0;
	bottom: -1px;
}

.scs-row .serv-case-box {
	margin-bottom: 30px;
	display: block;
	transition: .4s all;
	background-color: #f7f7f7;
}

.serv-case-box .scs-photo {
	font-size: 0;
}

.scs-grid {
	padding: 30px 25px;
}

.serv-case-box .c-title {
	font-size: 20px;
	color: #333333;
	margin-bottom: 15px;
	font-weight: bold;
}

.serv-case-box .c-title a {
	font-weight: bold;
	font-size: 20px;
	color: #333333;
}

.serv-case-box .c-desc {
	line-height: 2;
	color: #999999;
}

.serv-case-box:hover {
	box-shadow: 0 0 40px rgba(0, 0, 0, .15);
}

.page-cell {
	text-align: center;
	margin-top: 50px;
	font-size: 0;
}

.page-cell a {
	font-size: 14px;
    padding: 4px 10px;
    background: #fff;
    border: 1px solid #c5b7b7;
    color: #888;
    margin: 0 3px;
    text-decoration: none;
	font-style: normal;
}

.page-cell a.active {
	background: #568dbd;
    border-color: #568dbd;
    color: #fff;
    cursor: default;
}

.page-cell a.next,
.page-cell a.prev {
	width: 50px;
}

.navbar-shadow {
	box-shadow: 2px 0px 5px rgba(0, 0, 0, .05);
}

.sm-news-list li {
	padding: 30px 0;
	border-bottom: 1px solid #f5f5f5;
	line-height: 1.2;
}

.sm-news-box .pic {
	font-size: 0;
	margin-right: 15px;
}

.sm-news-box .pic img {
	width: 138px;
	height: 78px;
}

.sm-news-box .time {
	font-size: 14px;
	color: #999999;
	margin-bottom: 5px;
}

.sm-news-box .desc {
	font-size: 14px;
	line-height: 1.6;
	color: #444;
}

.side-head {
	padding: 20px 0;
	font-size: 20px;
	color: #666666;
	line-height: 1;
	border-bottom: 1px solid #f5f5f5;
}

.article-sidebar {
	background-color: #FFFFFF;
	padding-top: 60px;
}

.article-title {
	font-size: 28px;
	margin-bottom: 30px;
}

.article-meta .time {
	float: left;
	color: #666666;
}

.article-meta .time {
	float: left;
	color: #666666;
}

.share-link {
	float: right;
}

.share-link li {
	float: left;
	line-height: 1;
	margin-left: 20px;
}

.share-link li a {
	display: inline-block;
	line-height: 1;
}

.share-link li a .icon {
	width: 20px;
	height: 20px;
}

.apl-share .share-link {
	float: left;
}

.apl-share .text {
	color: #000;
	font-weight: bold;
}

.apl-footer {
	padding-bottom: 30px;
}

.apl-back {
	float: right;
	font-size: 16px;
	color: #333;
}

.apl-back .iconfont {
	font-size: 20px;
	margin-right: 5px;
	color: #376ab1;
}

.apl-share .share-link .iconfont {
	font-size: 22px;
	color: #999999;
	margin-right: 10px;
}

.article-head {
	border-bottom: 1px solid #f5f5f5;
	padding: 15px 0;
	line-height: 1;
	margin-bottom: 50px;
}

.article-body {
	font-size: 16px;
	line-height: 1.7;
	color: #222;
}

.article-foot {
	margin-top: 35px;
	border-top: 1px solid #f5f5f5;
	padding-top: 35px;
}

.article-foot .back-link {
	font-weight: bold;
	color: #2a6aaa;
}

.article-foot .art-link {
	color: #999999;
}

.article-foot .art-link .iconfont {
	font-size: 12px;
}

.sm-news-box .flex_bd {
	margin-right: 15px;
}

/*  新闻*/
.news-list li {
	margin-bottom: 20px;
}

.news-list-cell {
	display: block;
	padding: 20px;
	position: relative;
	background-color: #f7f7f7;
}

.news-list-cell .list-photo {
	margin-bottom: 20px;
}

.news-list-cell .list-date {
	text-align: center;
	color: #999999;
	margin-right: 20px;
	line-height: 1.4;
}

.news-list-cell .list-date .day {
	font-size: 42px;
}

.news-list-cell .list-date .ym {
	font-size: 12px;
}

.news-list-cell .n-title {
	font-size: 16px;
	color: #333333;
	margin-bottom: 20px;
}

.news-list-cell .n-desc {
	font-size: 14px;
	color: #999999;
	line-height: 2;

	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}

.news-list-cell .flex_bd {
	padding-left: 20px;
	border-left: 1px solid #E6E6E6;
}

.focus-cells {
	margin-bottom: 40px;
}

.focus-cell {
	line-height: 1.4;
	background-color: #f7f7f7;
}

.focus-cell .flex_bd {
	padding: 50px 30px;
}

.focus-cell .time {
	color: #666666;
	font-size: 16px;
	margin-bottom: 20px;
}

.focus-cell .n-title {
	font-size: 22px;
	color: #333333;
	margin-bottom: 15px;
}

.focus-cell .n-desc {
	font-size: 14px;
	color: #666666;
	margin-bottom: 30px;
	line-height: 2;
}

.focus-cell .n-link {
	font-size: 16px;
	color: #c8161d;
}

.focus-cell .n-link .iconfont {
	font-size: 14px;
}

.news-list-cell:hover .n-title {
	color: #1c4898;
}

.focus-cell:hover .n-title {
	color: #1c4898;
}

.news-list-cell .list-photo img {
	height: 190px;
	width: 100%;
}

.index-about::after {
	content: "";
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 3;
	background: url(../images/wenli.png) center;
}

@media (min-width:1000px) {
	.news-list-cell .list-photo img {
		height: 190px;
		width: 100%;
	}

	.news-list-cell .n-desc {
		overflow: hidden;
		text-overflow: ellipsis;
		display: -webkit-box;
		-webkit-line-clamp: 2;
		-webkit-box-orient: vertical;
	}

	.news-list-cell {
		display: flex;
		align-items: center;
		padding: 30px;
		height: 250px;
		padding-right: 490px;
	}

	.news-list-cell .list-photo {
		width: 340px;
		position: absolute;
		right: 30px;
		top: 50%;
		margin-top: -90px;
		margin-bottom: 0;
	}

	.focus-pic {
		font-size: 0;
		width: 600px;
	}

	.focus-pic img {
		width: 100%;
	}

	.focus-cell .flex_bd {
		padding: 50px 70px;
	}

	.focus-cell .n-title {
		font-size: 26px;
		margin-bottom: 20px;
	}

	.focus-cell .n-desc {
		margin-bottom: 20px;
	}

	.news-list-cell .list_bd {
		padding: 11px 0;
	}

	.news-list-cell .flex_bd {
		padding-top: 10px;
		padding-bottom: 10px;
		padding-left: 80px;
	}

	.news-list-cell .list-date {
		text-align: center;
		color: #999999;
		margin-right: 70px;
		margin-left: 40px;
	}

	.news-list-cell .list-date .day {
		font-size: 56px;
	}

	.news-list-cell .n-title {
		font-size: 22px;
		color: #333333;
		margin-bottom: 20px;
	}
}


@media (min-width:1200px) {

	.article-title {
		font-size: 46px;
		margin-bottom: 50px;
	}

	.sm-news-box .pic {
		margin-right: 30px;
	}

	.page-banner {
		height: 500px;
	}

	.page-bar {
		border-bottom: 1px solid #f0f0f0;
	}

	.page-bar .bread-cell {
		float: left;
		border-bottom: 0;
	}

	.page-tabs {
		float: right;
		border-bottom: 0;
	}

	.page-tabs li {
		margin-left: 50px;
	}

	.scs-photo img {
		width: 100%;
		height: 264px;
	}

	.article-sidebar {
		width: 400px;
		margin-left: 90px;
		padding-top: 90px;
	}
}

@media (min-width:1400px) {
	.focus-pic {
		font-size: 0;
		width: 750px;
	}
}
@media (max-width:1280px) {
.navbar-nav>li>a{font-size: 14px;}

}

@media (max-width:1000px) {
	.article-main {
		display: block;
	}

	.focus-cell {
		display: block !important;
	}
}

/* 人才理念 */
.page-bar-nav {
	background-color: #f5f4f5;
}

.nav-tab-list li {
	text-align: center;
	float: left;
	width: 33.33%;
}

.nav-tab-list li a {
	display: block;
	height: 50px;
	line-height: 50px;
	font-size: 18px;
	color: #333333;
}

.nav-tab-list li.active a {
	background-color: #183993;
	color: #FFFFFF;
}

.ln-section {
	padding: 30px 0;
	margin-bottom: 20px;
}

.ln-head {
	text-align: center;
	margin-bottom: 45px;
	font-size: 22px;
	font-weight: bold;
}

.fc-swiper .swiper-pagination {
	line-height: 1;
	position: static;
	margin-top: 20px;
}

.fc-swiper .swiper-pagination .swiper-pagination-bullet {
	background-color: #d9d9d9;
	opacity: 1;
	width: 12px;
	height: 12px;
}

.fc-swiper .swiper-pagination .swiper-pagination-bullet-active {
	background-color: #183993;
}

.fc-lg {
	width: 50%;
	margin-right: 10px;
}

.fc-md {
	width: 50%;
}

.fc-lg img {
	height: 160px;
	width: 100%;
}

.fc-md .fc-md-box img {
	height: 75px;
	width: 100%;
}

.fc-md .fc-md-box {
	height: 75px;
	width: 100%;
}

.fc-md .fc-md-box:last-child {
	margin-top: 10px;
}

.ln-section:last-child {
	margin-bottom: 0;
	padding-bottom: 0;
}

.ln-row {
	background-color: #f9f9f9;
	margin: 0;
}

.ln-row>div {
	padding: 0;
}

.ln-icon-row {
	line-height: 1;
	text-align: center;
	margin: 0;
	padding: 10px;
}

.ln-icon {
	padding: 20px 0;
}

.ln-icon .text {
	margin-top: 15px;
	font-size: 16px;
}

.ln-cell {
	padding: 40px 30px;
	background-image: url(../images/ln-bg.png);
	background-position: bottom right;
	background-repeat: no-repeat;
	background-color: #f1f1f1;
	line-height: 1.8;
}

.ln-cell .ln-title {
	font-size: 20px;
	margin-bottom: 20px;
}

.ln-cell .ln-desc {
	font-size: 16px;
	color: #666666;
}




@media (min-width:1200px) {
	.ln-row {
		height: 430px;
	}

	.ln-row .ln-cell {
		height: 430px;
	}

	.fc-lg {
		margin-right: 15px;
	}

	.fc-lg img {
		height: 650px;
		width: 100%;
	}

	.fc-md .fc-md-box {
		height: 320px;
	}

	.fc-md .fc-md-box img {
		height: 320px;
		width: 100%;
	}

	.fc-swiper .swiper-pagination {
		margin-top: 40px;
	}

	.fc-swiper .swiper-pagination .swiper-pagination-bullet {
		margin: 0 10px;
	}

	.ln-head {
		font-size: 36px;
	}

	.ln-icon .text {
		font-size: 24px;
	}

	.ln-cell {
		padding: 100px 80px 0 80px;
	}

	.ln-cell .ln-title {
		font-size: 30px;
		margin-bottom: 35px;
	}

	.ln-cell .ln-desc {
		font-size: 24px;
	}

	.ln-icon-row {
		padding: 50px;
	}

	.nav-tab-list {
		width: 990px;
		margin: 0 auto;
	}

	.nav-tab-list li a {
		height: 80px;
		line-height: 80px;
	}
}

.in-wrapper.bg {
	background-color: #fafafa;
}

.job-main {
	background-color: #FFFFFF;
	padding: 20px;
}

.job-body {
	position: relative;
	display: none;
}

.job-heading {
	position: relative;
	padding: 15px 20px;
	cursor: pointer;
	background-color: #f8f8f8;
}

.job-heading .iconfont {
	line-height: 1;
	position: absolute;
	right: 30px;
	top: 50%;
	margin-top: -4px;
}

.job-heading .job-title {
	font-size: 16px;
}

.job-description {
	padding: 30px 0;
	margin: 0 15px;
}

.job-description .item {
	position: relative;
	font-size: 14px;
	color: #666666;
	margin-bottom: 10px;
}

.job-description .item .iconfont {
	font-size: 14px;
	padding-right: 5px;
}

.job-description .item:last-child {
	margin-bottom: 0;
}

.job-body {
	padding: 25px 15px;
	border-top: 1px solid #F5F5F5;
}

.job-cell {
	margin-bottom: 20px;
}

.job-cell:last-child {
	margin-bottom: 0;
}

.job-cell h3 {
	font-size: 18px;
	margin-bottom: 10px;
	color: #000000;
}

.job-cell p {
	font-size: 14px;
	line-height: 1.6;
	color: #666666;
}

.job-body .btn-apl {
	width: 180px;
	height: 54px;
	line-height: 54px;
	display: inline-block;
	background-color: #c8161d;
	border-radius: 5px;
	color: #FFFFFF;
	font-size: 16px;
	text-align: center;
}

.job-body .btn-apl * {
	display: inline-block;
	vertical-align: middle;
}

.job-body .btn-apl span {
	margin-right: 10px;
}

.job-filter {
	margin-bottom: 30px;
}

.job-filter .row {
	margin: 0 -10px
}

.job-filter .row>div {
	padding: 10px;
}

.job-filter .form-control {
	height: 45px;
	border: 1px solid #000000;
	color: #999999;
	font-size: 16px;
}

.job-filter .form-control:focus {
	box-shadow: 0 0 0 transparent;
}

.job-search {
	position: relative;
}

.job-search .btn-so {
	background-color: transparent;
	outline: 0;
	border: 0;
	width: 40px;
	height: 44px;
	position: absolute;
	right: 5px;
	top: 0;
	padding: 0;
	line-height: 44px;
}

.job-search .btn-so .iconfont {
	font-size: 20px;
}

.job-search .btn-so:focus {
	outline: 0;
}

.is-active .job-heading {
	border-radius: 5px;
	background-color: #183993;
	color: #FFFFFF;
}

.is-active .job-heading .iconfont {
	transform: rotateZ(180deg);
	margin-top: -10px;
}

.sch-rows .sch-title {
	font-size: 22px;
	margin-bottom: 20px;
}

.sch-rows .sch-desc {
	line-height: 1.8;
	font-size: 14px;
	color: #666666;
}

.sch-rows .sch-desc p {
	margin-bottom: 20px;
}

.sch-rows .btn {
	width: 168px;
	height: 50px;
	padding: 14px 10px;
	font-size: 16px;
}

.sch-rows .btn .iconfont {
	font-size: 14px;
}


@media (min-width:1200px) {
	.job-main {
		padding: 30px;
	}

	.job-filter .form-control {
		height: 56px;
	}

	.job-search {
		float: right;
		width: 460px;
	}

	.job-search .btn-so {
		height: 56px;
		line-height: 56px;
		outline: 0;
	}

	.job-filter .row>.col-sm-3 {
		width: 326px;
	}

	.job-filter .row>.col-sm-6 {
		float: right;
		width: 460px;
	}

	.job-heading .job-title {
		font-size: 22px;
	}

	.job-cell p {
		font-size: 16px;
	}

	.job-body .btn-apl {
		position: absolute;
		right: 15px;
		bottom: 45px;
	}

	.sch-pic {
		margin-right: 120px;
	}

	.sch-rows .sch-title {
		font-size: 30px;
	}

	.sch-rows .sch-desc {
		font-size: 16px;
	}
}

@media (max-width:768px) {
	.sch-rows {
		display: block !important;
	}

	.sch-pic {
		margin-bottom: 30px;
	}
}



.btn-warning {
	color: #fff;
	background-color: #c8161d;
	border-color: #c8161d;
}

.btn-warning.focus,
.btn-warning:focus {
	color: #fff;
	background-color: #c8161d;
	border-color: #c8161d
}

.btn-warning:hover {
	color: #fff;
	background-color: #c8161d;
	border-color: #c8161d
}

.btn-warning.active,
.btn-warning:active,
.open>.dropdown-toggle.btn-warning {
	color: #fff;
	background-color: #c8161d;
	border-color: #c8161d
}

.btn-warning.active.focus,
.btn-warning.active:focus,
.btn-warning.active:hover,
.btn-warning:active.focus,
.btn-warning:active:focus,
.btn-warning:active:hover,
.open>.dropdown-toggle.btn-warning.focus,
.open>.dropdown-toggle.btn-warning:focus,
.open>.dropdown-toggle.btn-warning:hover {
	color: #fff;
	background-color: #c8161d;
	border-color: #c8161d
}

.btn-warning.active,
.btn-warning:active,
.open>.dropdown-toggle.btn-warning {
	background-image: none
}

.btn-warning.disabled.focus,
.btn-warning.disabled:focus,
.btn-warning.disabled:hover,
.btn-warning[disabled].focus,
.btn-warning[disabled]:focus,
.btn-warning[disabled]:hover,
fieldset[disabled] .btn-warning.focus,
fieldset[disabled] .btn-warning:focus,
fieldset[disabled] .btn-warning:hover {
	background-color: #c8161d;
	border-color: #c8161d
}



.result-head {
	font-weight: bold;
	font-size: 36px;
	margin-bottom: 40px;
	line-height: 1;
}

.res-search {
	position: relative;
	margin-bottom: 50px;
}

.res-search .form-control {
	border-radius: 0;
	box-shadow: 0 0 0 transparent;
	border: 0;
	color: #183993;
	font-size: 16px;
	padding: 20px;
	height: 50px;
}

.res-search .form-control:focus {
	box-shadow: 0 0 0 transparent;
}

.res-search .btn {
	border-radius: 0;
	height: 50px;
	position: absolute;
	right: 0;
	top: 0;
	width: 120px;
	outline: none;
}

.res-search .btn:active {
	outline: none;
}

.res-tabs {
	overflow: hidden;
	margin-bottom: 15px;
}

.res-tabs li {
	float: left;
	width: 25%;
	text-align: center;
}

.res-tabs li a {
	display: block;
	height: 40px;
	line-height: 40px;
	border-radius: 6px;
	color: #333333;
	font-size: 14px;
}

.res-tabs li.active a {
	background-color: #183993;
	color: #FFFFFF;
}

.result-row {
	margin: 0 -12px;
}

.result-row>div {
	padding: 12px;
}

.res-box {
	display: block;
	background-color: #FFFFFF;
}

.res-box .res-title {
	background-color: #808080;
	text-align: center;
	color: #FFFFFF;
	font-size: 16px;
	height: 45px;
	line-height: 45px;
}

/* 问题 */
.qa-col .page-tabs {
	float: none;
	margin-bottom: 30px;
	border-bottom: 1px solid #dddddd;
}

.qa-col .page-tabs li {
	margin: 0;
}

.qa-col .page-tabs li a {
	padding: 15px 8px;
}

.qa-col .page-tabs li.active a {
	color: #333;
}

.qa-col .page-tabs li.active a::after {
	background-color: #c8161d;
}

.qa-cell {
	border: 1px solid #DDDDDD;
	border-radius: 4px;
	background-color: #ffffff;
	margin-bottom: 20px;
}

.qa-toggle {
	position: absolute;
	right: 20px;
	top: 50%;
	margin-top: -10px;
	cursor: pointer;
	width: 24px;
	height: 24px;
	background-repeat: no-repeat;
	background-position: center;
	background-image: url(../images/plus.png);
}

.is-active .qa-toggle {
	background-image: url(../images/blue_arrow.png);
}

.qa-head {
	cursor: pointer;
	position: relative;
	padding: 20px;
}

.qa-head .qa-title {
	font-size: 16px;
}

.qa-body {
	display: none;
	position: relative;
	padding: 20px;
	background-color: #f7f7f7;
}

.qa-body .qa-status {
	position: absolute;
	right: 20px;
	top: 22px;
	cursor: pointer;
	width: 24px;
	height: 24px;
	background-repeat: no-repeat;
	background-position: center;
	background-image: url(../images/less.png);
}

.qa-content {
	line-height: 1.8;
	font-size: 14px;
	margin-right: 40px;
	color: #666666;
}

.qa-side-panel {
	background-color: #FFFFFF;
}

.qa-grid {
	padding: 20px;
}

.qa-grid .btn-warning {
	width: 100%;
	padding: 0;
	height: 60px;
	line-height: 60px;
	border-radius: 0;
	font-size: 16px;
}

.qa-grid .qa-title {
	margin-bottom: 20px;
	font-size: 24px;
}

.qa-grid .qa-item {
	font-size: 16px;
	margin-bottom: 10px;
}

.qa-grid .cells {
	margin-bottom: 25px;
}

.real-cells {
	padding-top: 40px;
}

.real-head {
	font-weight: bold;
	margin-bottom: 30px;
	font-size: 36px;
}

.real-row {
	margin: 0 -10px;
}

.real-row>div {
	padding: 10px;
}

.real-box {
	position: relative;
	font-size: 0;
	display: block;
}

.real-box>img {
	width: 100%;
}

.real-box .btm-title {
	position: absolute;
	text-align: center;
	color: #FFFFFF;
	font-size: 30px;
	z-index: 9;
	top: 50%;
	line-height: 40px;
	margin-top: -20px;
	width: 100%;
	z-index: 9;
}

.real-box::before {
	display: block;
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
	background-color: rgba(0, 0, 0, .3);
	transition: .4s all;
}

.real-box:hover::before {
	background-color: rgba(0, 0, 0, .5);
}

.dl-line {
	margin: 20px 0;
	background-color: #dddddd;
	height: 1px;
}

.download-head .dl-title {
	font-size: 24px;
	line-height: 48px;
}

.dl-search {
	position: relative;
	height: 48px;
}

.dl-search .btn-text-so {
	background-color: transparent;
	outline: 0;
	border: 0;
	width: 100px;
	height: 24px;
	position: absolute;
	right: 0;
	top: 50%;
	border-left: 1px solid #dddddd;
	margin-top: -12px;
	padding: 0;
	color: #ea2a39;
	font-size: 16px;
	line-height: 24px;
}

.dl-search .form-control {
	background-color: #f5f5f5;
	border-radius: 0;
	box-shadow: 0 0 0 transparent;
	border: 0;
	font-size: 16px;
	padding: 20px;
	height: 48px;
}

.dl-search .form-control:focus {
	box-shadow: 0 0 0 transparent;
}

.check-list li {
	float: left;
	padding: 8px 10px;
}

.check-list {
	margin: 0 -10px;
}

.check-item {
	font-weight: normal;
	height: 18px;
	line-height: 1;
	font-size: 16px;
	cursor: pointer;
	color: #666666;
}

.check-item * {
	display: inline-block;
	vertical-align: middle;
}

.check-item span {
	margin-left: 10px;
}

.check-item input[type="checkbox"] {
	margin: 0;
	width: 18px;
	height: 18px;
	border: 0;
	outline: 0;
	-webkit-appearance: none;
	background-color: transparent;
}

.check-item input[type="checkbox"]::before {
	width: 18px;
	height: 18px;
	content: '';
	display: block;
	background-repeat: no-repeat;
	background-position: center;
	background-image: url(../images/check.png);
}

.check-item input[type="checkbox"]:checked::before {
	background-image: url(../images/checkbox.png);
}

.check-list {
	margin-bottom: 30px;
}

.dl-rows {
	margin: 0 -12px;
}

.dl-rows>div {
	padding: 0 12px;
}

.dl-rows .download-cell {
	background-color: #fafafa;
	display: block;
	margin-bottom: 25px;
	padding: 20px 30px;
	color: #333333;
}

.download-cell .dl-top {
	margin-bottom: 10px;
}

.download-cell .dl-top .iconfont {
	padding-right: 5px;
}

.download-cell .dl-pic {
	font-size: 0;
	margin-bottom: 20px;
}

.download-cell .dl-title {
	position: relative;
	font-size: 20px;
	padding-bottom: 15px;
	margin-bottom: 15px;
}

.download-cell .dl-title::before {
	width: 28px;
	height: 2px;
	content: '';
	background-color: #c8161d;
	position: absolute;
	bottom: 0;
	left: 0;
}

.download-cell .dl-time {
	font-size: 14px;
	margin-bottom: 10px;
}

.download-cell .dl-desc {
	font-size: 16px;
	color: #666666;
	line-height: 1.8;
}

/* 售后服务 */

.after-intro {
	margin: 0 auto;
	max-width: 1000px;
	text-align: center;
}

.after-intro .hd {
	font-size: 20px;
	margin-bottom: 20px;
	font-weight: bold;
}

.after-intro .bd {
	line-height: 2;
	color: #666666;
}

.suport-section {
	padding: 45px 0;
	background: url(../images/servbg.jpg) center no-repeat;
	background-size: cover;
}

.suport-section .suport-tit {
	font-size: 30px;
	font-weight: bold;
	margin-bottom: 40px;
	text-align: center;
}

.suport-row {
	padding: 20px 10px;
	margin: 0;
	text-align: center;
	background-color: #fff;
	overflow: hidden;
}

.suport-row>div {
	padding: 10px 5px;
}

.spt-box {
	margin: 0 auto;
	max-width: 260px;
}

.spt-box .spt-icon {
	margin-bottom: 15px;
}

.spt-box .spt-tit {
	margin-bottom: 25px;
	font-size: 22px;
	font-weight: bold;
}

.spt-box .spt-desc {
	color: #666666;
	font-size: 12px;
	line-height: 1.8;
}

.after-grid .tit {
	font-size: 30px;
	font-weight: bold;
	margin-bottom: 20px;
}

.after-grid .item {
	font-size: 18px;
}

.after-btns {
	padding-top: 30px;
}

.after-btns .btn {
	display: block;
	width: 200px;
	height: 60px;
	line-height: 40px;
	font-size: 20px;
	margin-bottom: 10px;
}

.after-btns .btn .iconfont {
	font-size: 22px;
	padding-right: 4px;
}

.after-btns .btn .icon-weixin1 {
	color: #179a05;
}

.red {
	color: #e60012 !important;
}

.m-label {
	font-size: 16px;
	margin-bottom: 10px;
}

.m-row .form-control {
	height: 48px;
	padding: 8px 20px;
	border: 0;
	background-color: #f5f5f5;
	box-shadow: 0 0 0 transparent;
	border-radius: 0;
	font-size: 16px;
}

.m-row .form-control:focus {
	box-shadow: 0 0 0 transparent;
}

.message-row {
	margin: 0 -8px;
}

.message-row>div {
	padding: 0 8px;
	margin-bottom: 20px;
}

.m-row textarea.form-control {
	height: 160px;
	padding: 15px 20px;
}

.code-cell {
	font-size: 16px;
	color: #666666;
}

.code-cell .text {
	margin-right: 15px;
}

.code-cell .form-control {
	width: 120px;
	height: 48px;
	padding: 8px 20px;
	border: 0;
	background-color: #f5f5f5;
	box-shadow: 0 0 0 transparent;
	border-radius: 0;
	font-size: 16px;
}

.code-cell .text-code {
	width: 140px;
	height: 48px;
	text-align: center;
	line-height: 48px;
	border: 0;
	background-color: #f5f5f5;
	box-shadow: 0 0 0 transparent;
	border-radius: 0;
	font-size: 16px;
	margin-left: 20px;
	cursor: pointer;
}

.rt-button .btn-default {
	background-color: transparent;
	border-radius: 0;
	border: 1px solid #333333;
	width: 150px;
	height: 48px;
	font-size: 16px;
}

.rt-button .btn-default:active {
	background-color: transparent;
}

.mes-head {
	line-height: 1;
	margin-bottom: 40px;
}

.mes-head .mes-title {
	font-weight: bold;
	font-size: 24px;
}

.mes-head .mes-sm {
	color: #666666;
	font-size: 16px;
}

.btn-default.active.focus,
.btn-default.active:focus,
.btn-default.active:hover,
.btn-default:active.focus,
.btn-default:active:focus,
.btn-default:active:hover,
.open>.dropdown-toggle.btn-default.focus,
.open>.dropdown-toggle.btn-default:focus,
.open>.dropdown-toggle.btn-default:hover {
	color: #333;
	background-color: #ffffff;
	border-color: #ccc;
}

.mes-foot {
	text-align: center;
	padding-top: 20px;
}

.mes-foot .btn-default {
	background-color: transparent;
	border-radius: 0;
	border: 1px solid #333333;
	width: 180px;
	height: 48px;
	font-size: 16px;
}

.mes-foot .btn-default:hover {
	background-color: #183993;
	border-color: #183993;
	color: #FFFFFF;
}

.ct-rows {
	background-color: #183993;
	color: #fff;
	margin: 0;
	margin-bottom: 100px;
}

.ct-panel {
	padding: 30px;
}

.ct-rows>div {
	padding: 0;
}

.ads-rows {
	margin-bottom: 100px;
}

.ct-panel .ct-title {
	font-size: 24px;
	font-weight: bold;
	margin-bottom: 20px;
}

.ct-panel .ct-info {
	font-size: 14px;
	line-height: 2;
	margin-bottom: 10px;
}

.ct-link .iconfont {
	display: inline-block;
	font-size: 34px;
	color: #fff;
	margin-right: 20px;
}

.ads-box {
	background-color: #f5f5f5;
	display: block;
	padding: 40px 30px 30px 30px;
	line-height: 1;
	transition: .3s all;
}

.ads-box .ads-tit {
	color: #333333;
	font-size: 30px;
	font-weight: bold;
	margin-bottom: 30px;
}

.ads-box .ads-en {
	color: #333333;
	font-size: 20px;
	opacity: .3;
	margin-bottom: 20px;
}

.ads-box .ads-cont {
	color: #999999;
	font-size: 14px;
	line-height: 2;
}

.ads-box:hover {
	box-shadow: 0 0 0 2px #183993;
}

.table-panel {
	background-color: #ffffff;
	margin-bottom: 10px;
}

.diy-table {
	width: 100%;
}

.diy-table thead tr {
	background-color: #e4e4e4;
	font-weight: bold;
}

.diy-table td {
	border: 0 !important;
}

.diy-table thead td {
	padding: 20px !important;
	font-size: 16px;
}

.diy-table tbody td {
	padding: 8px 20px !important;
	font-size: 16px;
}

.table {
	margin: 0;
}

.diy-table tbody tr:first-child td {
	padding-top: 30px !important;
}

.diy-table tbody tr:last-child td {
	padding-bottom: 50px !important;
}

.table-responsive {
	border: 0;
}

.table-header {
	min-width: 1000px;
}

.table-body {
	min-width: 1000px;
}

.table-ht-scroll {
	min-width: 1000px;
}

.table-header td {
	font-weight: bold;
	padding: 25px 20px !important;
	line-height: 30px;
	font-size: 16px;
}

.table-ht-scroll {
	padding: 20px;
	height: 420px;
	overflow: hidden;
	overflow-y: auto;
}

.table-ht-top {
	border-bottom: 1px solid #dddddd;
	padding: 0 20px;
	margin-right: 30px;
}

.table-responsive {
	margin-bottom: 0;
}

.table-body>tbody>tr>td {
	border-top: 0;
}

.table-body>tbody>tr:nth-child(even) {
	background-color: #f5f5f5;
}

.t-panel-ft {
	padding: 20px;
}

.t-panel-ft .btn {
	width: 125px;
}

.xing-tabs {
	text-align: center;
	margin-bottom: 40px;
}

.xing-tabs li {
	float: left;
	width: 25%;
}

.xing-tabs li a {
	font-size: 13px;
	display: block;
	height: 40px;
	line-height: 40px;
	border-radius: 5px;
	color: #333;
}

.xing-tabs li.active a {
	background-color: #183993;
	color: #ffffff;
}

@media (min-width:1200px) {
	.xing-tabs {
		padding: 0 25%;
	}

	.xing-tabs li a {
		font-size: 18px;
		height: 50px;
		line-height: 50px;
	}

	.ads-box {
		height: 300px;
	}

	.ads-box .ads-tit {
		font-size: 36px;
	}

	.ads-box .ads-en {
		font-size: 24px;
	}

	.ads-box .ads-cont {
		font-size: 16px;
	}

	.ct-panel .ct-title {
		font-size: 36px;
		margin-bottom: 30px;
	}

	.code-cell .form-control {
		width: 140px;
	}

	.code-cell .text-code {
		width: 150px;
	}

	.rt-button {
		float: right;
	}

	.after-grid {
		width: 460px;
	}

	.after-grid .tit {
		font-size: 36px;
		margin-bottom: 25px;
	}

	.after-grid .item {
		font-size: 20px;
	}

	.after-btns {
		padding-top: 50px;
	}

	.suport-section {
		padding: 90px 0;
	}

	.suport-section .suport-tit {
		font-size: 36px;
	}

	.suport-row {
		padding: 40px 20px;
	}

	.spt-box .spt-tit {
		font-size: 24px;
	}

	.spt-box .spt-desc {
		font-size: 14px;
	}

	.after-intro .hd {
		font-size: 36px;
	}

	.after-intro .bd {
		font-size: 16px;
	}

	.download-cell .dl-title {
		font-size: 24px;
	}

	.check-list li {
		margin-right: 70px;
	}

	.real-cells {
		padding-top: 80px;
	}

	.download-head .dl-title {
		float: left;
	}

	.dl-search {
		float: right;
		width: 600px;
	}

	.qa-col {
		overflow: hidden;
	}

	.qa-main .qa-sidebar {
		width: 380px;
		margin-left: 35px;
		padding-top: 85px;
	}

	.qa-head {
		padding: 30px;
	}

	.qa-head .qa-title {
		font-size: 18px;
	}

	.qa-body {
		padding: 30px;
	}

	.qa-content {
		font-size: 16px;
		margin-right: 40px;
		min-height: 50px;
	}

	.qa-body .qa-status {
		top: 32px;
	}

	.qa-col .page-tabs li {
		margin-right: 50px;
	}

	.qa-col .page-tabs li a {
		font-size: 18px;
	}

	.result-main {
		padding-top: 50px;
	}

	.result-head {
		font-size: 42px;
	}

	.res-search .form-control {
		padding: 20px 30px;
		height: 80px;
	}

	.res-search .form-control:focus {
		box-shadow: 0 0 0 transparent;
	}

	.res-search .btn {
		width: 220px;
		height: 80px;
	}

	.res-search .btn .iconfont {
		font-size: 22px;
	}

	.res-search .btn:active {
		outline: none;
	}

	.res-tabs {
		margin-bottom: 25px;
	}

	.res-tabs li {
		float: left;
		width: 156px;
		text-align: center;
	}

	.res-tabs li a {
		height: 50px;
		line-height: 50px;
		font-size: 16px;
	}

	.res-box .res-title {
		font-size: 18px;
		height: 60px;
		line-height: 60px;
	}

}

@media (min-width:1600px) {

	.ct-panel .ct-info {
		font-size: 16px;
		margin-bottom: 35px;
	}

	.ct-panel {
		padding: 80px 60px 0 60px;
	}

	.mapbox {
		height: 540px !important;
	}
}

@media (max-width:764px) {
	.qa-sidebar {
		margin-top: 50px;
	}

	.qa-main {
		display: block !important;
	}

	.after-panel {
		display: block !important;
	}

	.after-grid {
		margin-bottom: 40px;
	}

	.ads-rows>div {
		margin-bottom: 30px;
	}

	.about-wrapper .ban-grid h1 {
		font-size: 24px;
		max-width: 245px;
		margin: 0 auto;
		line-height: 1.6;
		margin-bottom: 8px;
	}

	.about-wrapper .ban-grid h4 {
		font-size: 18px;
	}
}

/* guagu关于我们 */
.about-row>div {
	position: relative;
}

.about-section {
	padding: 60px 0;
	overflow: hidden;
}

.about-section.bg {
	background-color: #F5F5F5;
}

.a-header {
	line-height: 1;
	margin-bottom: 24px;
}

.a-header .en {
	text-transform: uppercase;
	color: #cdcaca;
	font-size: 36px;
	font-family: arial;
	margin-bottom: 15px;
}

.a-header .ch {
	text-transform: uppercase;
	color: #000000;
	font-size: 30px;
	font-weight: bold;
	line-height: 1.4;
}

.a-header .line {
	width: 20px;
	height: 2px;
	background-color: #999999;
	margin-top: 24px;
}

.cul-header {
	line-height: 1;
	margin-bottom: 15px;
	font-weight: bold;
}

.cul-header .cul-nn {
	color: #183993;
	font-size: 48px;
	margin-right: 10px;
	font-style: italic;
}

.cul-header .cul-tit {
	color: #333;
	font-size: 22px;
}

.cul-row {
	margin-bottom: 70px;
}

.a-content {
	font-size: 15px;
	line-height: 2;
	max-width: 545px;
}

.cul-panel {
	border: 1px solid #e6e6e6;
	background-color: #ffffff;
}

.cul-panel .cul-inner {
	padding: 35px 30px;
}

.cul-cells-row>div {
	padding: 15px;
}

.cul-panel_hd {
	line-height: 1;
	font-weight: bold;
	margin-bottom: 20px;
	white-space: nowrap;
}

.cul-panel_hd * {
	display: inline-block;
}

.cul-panel_hd .tit {
	font-size: 20px;
	margin-right: 20px;
}

.cul-panel_hd .desc {
	font-size: 14px;
}

.cul-panel_bd {
	font-size: 16px;
	color: #666666;
	line-height: 2;
}

.phs-section {
	padding-bottom: 50px;
}

.phs-cells {
	position: relative;
	padding-top: 50px;
	margin-bottom: 50px;
}

.a-cell {
	line-height: 2;
	font-size: 16px;
	color: #666666;
	margin-bottom: 15px;
}

.a-cell:last-child {
	margin-bottom: 0;
}

.a-cell h3 {
	font-size: 20px;
	color: #000000;
	margin-bottom: 10px;
}

.phs-cells .container {
	position: relative;
	z-index: 9;
}

.phs-cells::before {
	height: 230px;
	width: 200px;
	content: '';
	background-color: #f8f8f8;
	position: absolute;
	left: 0;
	top: 0;
}

.honnor-main {
	position: relative;
	padding: 0 40px;
}

.honnor-main .swiper--next,
.honnor-main .swiper--prev {
	background-repeat: no-repeat;
	background-position: center;
	cursor: pointer;
	width: 50px;
	height: 50px;
	position: absolute;
	top: 50%;
	margin-top: -25px;
	z-index: 100;
	outline: none;
}

.honnor-main .swiper--next {
	right: 0;
	background-image: url(../images/right.png);
}

.honnor-main .swiper--prev {
	left: 0;
	background-image: url(../images/left.png);
}

.qual-tabs {
	overflow: hidden;
	padding: 20px 0;
	text-align: center;
	margin-bottom: 45px;
}

.qual-tabs li {
	width: 45%;
	float: left;
}

.qual-tabs li a {
	display: block;
	height: 48px;
	line-height: 46px;
	background-color: #FFFFFF;
	border: 1px solid #dddddd;
	font-size: 16px;
	color: #333333;
}

.qual-tabs li.active a {
	background-color: #ff804d;
	border: 1px solid #ff804d;
	color: #fff;
}

.honnor-pic {
	margin: 0 auto;
	max-width: 220px;
}

.about-intro {
	margin-bottom: 20px;
}

.about-intro .content {
	color: #999999;
	line-height: 2;
	height: 140px;
	overflow: hidden;
}

.about-intro .content.htauto {
	height: auto;
}

.about-intro .part {
	color: #999999;
	line-height: 2;
}

.about-toggle {
	color: #183993;
	font-size: 14px;
	margin-top: 20px;
	cursor: pointer;
}

.about-toggle .t1 {
	display: none;
}

.about-toggle.on .t1 {
	display: inline-block;
}

.about-toggle.on .t0 {
	display: none;
}

.about-toggle .iconfont {
	font-size: 14px;
	display: inline-block;
}

.about-toggle.on .iconfont {
	transform: rotate(180deg);
}

.about-fis-section {
	overflow: hidden;
	padding-top: 50px;
}

.about-row .data-heading {
	color: #183993;
}

.about-row .data-heading .counter {
	color: #183993;
	font-weight: bold;
}

.about-row .data-row {
	padding-top: 40px;
}

.about-row .data-cell {
	margin-bottom: 50px;
}

.about-secord-section {
	overflow: hidden;
	padding: 50px 0;
}

.course-cells {
	padding: 0 20px 0 80px;
	position: relative;
}

.course-cells::after {
	display: none;
	position: absolute;
	content: '';
	right: 0;
	top: 0;
	bottom: 0;
	top: 124px;
	width: 100px;
	z-index: 7772;
	background-image: linear-gradient(to right, rgba(255, 0, 0, 0), rgba(0, 0, 0, .05));
	filter: blur(0px);
}

.course-cells::before {
	height: 1px;
	background-color: #f6f6f6;
	position: absolute;
	content: '';
	width: 2800px;
	left: -1000px;
	top: 24px;
}

.course-cells .cc--next,
.course-cells .cc--prev {
	background-repeat: no-repeat;
	background-position: center;
	cursor: pointer;
	width: 50px;
	height: 50px;
	position: absolute;
	top: 0;
	z-index: 100;
	outline: none;
}

.course-cells .cc--next {
	right: 0;
	background-image: url(../images/right.png);
}

.course-cells .cc--prev {
	left: 0;
	background-image: url(../images/left.png);
}

.course-card {
	padding-top: 20px;
	line-height: 1;
}

.course-card .dot {
	width: 9px;
	height: 9px;
	background-color: #fe6f36;
	border-radius: 9px;
	margin-bottom: 50px;
}

.course-card .time {
	color: #183993;
	font-weight: bold;
	font-size: 36px;
	margin-bottom: 15px;
}

.course-card .title {
	color: #333;
	font-size: 24px;
	margin-bottom: 20px;
}

.course-card .item {
	position: relative;
	font-size: 16px;
	font-family: arial;
	margin-bottom: 15px;
	padding-left: 20px;
	color: #777777;
	font-weight: lighter;
}

.course-card .item::before {
	height: 3px;
	width: 7px;
	content: '';
	background-color: #105bb6;
	position: absolute;
	left: 0;
	top: 6px;
}

.page-navbar {
	position: absolute !important;
	bottom: 0 !important;
	width: 100%;
	left: 0;
	height: 70px;
	z-index: 888;
	top: auto !important;
	background-color: rgba(0, 0, 0, .3);
}

.page-navbar.isStuck {
	position: fixed !important;
	bottom: auto !important;
	top: 0 !important;
}

.page-navbar ul {
	overflow: hidden;
	text-align: center;
	padding: 10px 0;
}

.page-navbar ul li {
	float: left;
	width: 25%;
}

.page-navbar ul li a {
	display: block;
	line-height: 30px;
	color: #FFFFFF;
	font-size: 14px;
}

.page-navbar ul li.current a {
	color: #183993;
}





@media (min-width:1200px) {
	.page-navbar {
		height: 70px;
	}

	.page-navbar ul li {
		width: 14.28571%;
	}

	.page-navbar ul li a {
		line-height: 50px;
		font-size: 16px;
	}

	.about-fis-section {
		background: url(../images/about-bg.png) right center no-repeat;
	}

	.about-intro .content {
		font-size: 16px;
		line-height: 2.2;
	}

	.about-intro .part {
		font-size: 16px;
		line-height: 2.2;
	}

	.about-fis-section {
		padding-top: 100px;
	}

	.about-secord-section {
		padding: 100px 0;
	}

	.honnor-main {
		padding: 0 80px;
	}

	.qual-tabs {
		width: 400px;
		margin-bottom: 70px;
	}

	.phs-row {
		margin: 0;
	}

	.phs-row>div {
		padding: 0;
	}

	.phs-section {
		padding-bottom: 100px;
	}

	.phs-cells {
		padding-top: 100px;
		margin-bottom: 0;
	}

	.cul-panel .cul-inner {
		padding: 75px 60px;
	}

	.cul-row {
		flex-direction: row-reverse;
	}

	.a-content {
		font-size: 18px;
	}

	.about-section {
		padding: 100px 0;
	}

	.cul-panel_hd .tit {
		margin-right: 40px;
	}

	.cul-panel {
		height: 320px;
	}

	.phs-cells::before {
		height: 460px;
		width: 570px;
		content: '';
		background-color: #f8f8f8;
		position: absolute;
		left: 0;
		top: 0;
	}

	.phs-cells:nth-child(even) .phs-row {
		flex-direction: row-reverse;
	}

	.phs-cells:nth-child(even) .phs-grid {
		margin-right: 100px;
	}

	.phs-cells:nth-child(odd) .phs-grid {
		margin-left: 100px;
	}

	.phs-cells:nth-child(even)::before {
		left: auto;
		right: 0;
	}

	.about-intro-pic {
		position: absolute;
		overflow: hidden;
		top: 0;
		right: 40px;
		width: 2000px;
		max-width: 820px;
		text-align: right;
		height: 550px;
	}

	.about-intro-pic img {
		height: 550px;
		transition: 10.5s all;
	}

	.about-intro-pic:hover img {
		transform: scale(1.6);
	}

	.about-fis-main {
		margin-left: 40px;
		padding-top: 20px;
	}
}

@media (max-width:764px) {
	.course-cells {
		padding: 0 20px 0 60px;
	}

	.about-row .data-cell {
		padding-left: 20px;
	}

	.about-intro-pic {
		margin-bottom: 30px;
	}

	.cul-row {
		display: block;
	}

	.phs-pic {
		margin-bottom: 40px;
	}

	.cul-pic {
		margin-bottom: 40px;
	}

	.phs-row {
		display: block !important;
	}

	.a-header .en {
		font-size: 30px;
	}

	.a-header .ch {
		line-height: 1.4;
		font-size: 24px;
	}

	.course-cells .cc--next,
	.course-cells .cc--prev {
		background-size: 36px 36px;
	}

	.honnor-main .swiper--next,
	.honnor-main .swiper--prev {
		background-size: 36px 36px;
	}
}

.phs-section {
	overflow: hidden;
}


/* 产品详情 */
.detail-wrap {
	padding: 25px 0;
	background-color: #f7f7f7;
}

.detail-wrap .bread-cell {
	margin-bottom: 25px;
}

.sku-detail {}

.sku-detail-panel {
	background-color: #FFFFFF;
	padding: 0 20px 20px 20px;
}

.sku-bar {
	height: 64px;
	max-width: 920px;
	overflow: hidden;
	background-color: #FFFFFF;
	border-bottom: 1px solid #EEEEEE;
	margin: 0 -20px;
	padding: 0 20px;
}



.sku-section {
	padding-top: 40px;
}

.sku-section.is-active {
	padding-top: 160px;
}

.sku-section .sku-head {
	font-size: 24px;
	color: #183993;
	margin-bottom: 20px;
}

.sku-content {
	font-size: 16px;
	color: #666666;
}

.hy-cell {
	display: block;
	margin-bottom: 20px;
}

.hy-pic {
	margin-bottom: 15px;
}

.hy-pic img {
	width: 100%;
}

.hy-cell .hy-title {
	font-size: 18px;
	color: #333333;
	margin-bottom: 10px;
}

.hy-cell .hy-desc {
	line-height: 1.8;
	color: #666666;
	font-size: 14px;
}

.sku-tab li.current a {
	color: #183993;
}

.sku-tab li.current a::after {
	content: '';
	height: 2px;
	width: 100%;
	position: absolute;
	left: 0;
	bottom: -1px;
	background-color: #183993;
}

.sku-aside {
	background-color: #FFFFFF;
	padding: 0 20px 20px 20px;
}

.sku-back {
	text-align: center;
	padding: 20px 0;
}

.sku-back a {
	color: #183993;
}

.aside-hd {
	padding: 20px 0;
	line-height: 24px;
	font-size: 16px;
	margin-bottom: 20px;
	border-bottom: 1px solid #cccccc;
}

.aside-real li {
	margin-bottom: 20px;
}

.aside-real .real-link {
	display: block;
	text-align: center;
}

.aside-real .real-link {
	display: block;
}

.aside-real .real-link .real-title {
	background-color: #808080;
	color: #FFFFFF;
	line-height: 60px;
	text-align: center;
	font-size: 16px;
	white-space: nowrap;
	width: 100%;
	overflow: hidden;
	text-overflow: ellipsis;
}

.sku-tab li {
	display: inline-block;
}

.sku-tab li a {
	position: relative;
	display: inline-block;
	padding: 20px 10px;
	font-size: 16px;
	color: #333333;
}

@media (max-width:750px) {
	.sku-tab {
		white-space: nowrap;
		overflow: hidden;
		overflow-x: auto;
		height: 70px;
	}
}

.product-intro {
	background-color: #FFFFFF;
	margin-bottom: 10px;
	padding: 25px 20px;
}

.sku-title {
	font-size: 24px;
	padding: 20px 0;
	border-bottom: 1px solid #E5E5E5;
}

.sku-cell {
	overflow: hidden;
	margin-top: 25px;
}

.sku-cell .sku-hd {
	line-height: 1;
	font-size: 16px;
	margin-bottom: 20px;
}

.attr-table {
	width: 100%;
	color: #666666;
	border: 1px solid #cccccc;
	margin-bottom: 10px;
}

.attr-table td {
	height: 40px;
	text-align: center;
	border: 1px solid #CCCCCC;
}

.pt-list {
	overflow: hidden;
	margin: 0 -10px;
}

.pt-list li {
	position: relative;
	padding: 0 10px;
	margin-bottom: 10px;
	float: left;
}

.pt-list li a {
	color: #666666;
}

.pt-list li.lighthight a {
	color: #183993;
}

.pt-list li.on a {
	color: #183993;
}

.pt-list li::after {
	width: 1px;
	height: 16px;
	content: '';
	background-color: #dcdcdc;
	position: absolute;
	right: 0;
	top: 50%;
	margin-top: -8px;
}

.pt-list li:last-child:after {
	display: none;
}

.file-cell {
	margin-top: 30px;
}

.file-row {
	margin-bottom: 20px;
}

.file-row:last-child {
	margin-bottom: 0;
}

.file-name * {
	display: inline-block;
	vertical-align: middle;
}

.file-name img {
	margin-right: 10px;
}

.file-name {
	font-size: 16px;
	min-width: 150px;
}

.file-row .file-link {
	color: #666666;
	margin-right: 15px;
}

.sku-foot {
	padding-top: 40px;
	font-size: 0;
	margin-top: 40px;
	border-top: 1px solid #E5E5E5;
}

.sku-foot .btn {
	width: 140px;
	height: 45px;
	padding: 10px 0;
	font-size: 14px;
	margin-right: 10px;
}

.sku-foot .btn * {
	display: inline-block;
	vertical-align: middle;
}

.gallery-top {
	height: 200px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 30px;
}

.gallery-top .swiper-slide {
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	cursor: pointer;
}

.gallery-thumbs {
	height: 100px;
	box-sizing: border-box;
}

.gallery-thumbs .swiper-slide {
	height: 100%;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	cursor: pointer;
}

.gallery-thumbs .swiper-slide-thumb-active {
	box-shadow: inset 0 0 0 1px #183993;
}

.scan-icon {
	width: 38px;
	height: 38px;
	position: absolute;
	right: 0;
	bottom: 0;
	z-index: 33;
	background: url(../images/scan.png) no-repeat;
}

.preview-wrap {
	position: relative;
}

.preview-wrap .swiper-button-next,
.preview-wrap .swiper-button-prev {
	width: 30px;
	height: 50px;
	background-color: #cacaca;
	outline: 0;
	top: auto;
	bottom: 25px;
}

.preview-wrap .swiper-button-next:after,
.preview-wrap .swiper-button-prev:after {
	font-size: 16px;
}



@media (min-width:768px) {
	.gallery-top {
		height: 420px;
		margin-left: 50px;
		margin-right: 50px;
	}

	.gallery-thumbs {
		margin-left: 50px;
		margin-right: 50px;
	}

	.sku-detail-panel {
		padding: 0 40px 40px 40px;
	}

	.sku-aside {
		padding: 0 30px;
	}

	.hy-cell {
		display: -webkit-box;
		/* 老版本语法: Safari, iOS, Android browser, older WebKit browsers. */
		display: -moz-box;
		/* 老版本语法: Firefox (buggy) */
		display: -ms-flexbox;
		/* 混合版本语法: IE 10 */
		display: -webkit-flex;
		/* 新版本语法: Chrome 21+ */
		display: flex;
		/* 新版本语法: Opera 12.1, Firefox 22+ */
		-webkit-box-align: center;
		-moz-align-items: center;
		-webkit-align-items: center;
		align-items: center;
	}

	.hy-pic img {
		width: 195px;
		height: 126px;
	}

	.hy-pic {
		margin-right: 20px;
	}

	.hy-pic2 img {
		width: 345px;
		height: 206px;
	}

	.hy-pic2 {
		margin-right: 35px;
	}

	.sku-tab li {
		margin-right: 23px;
	}

	.sku-tab li:last-child {
		margin-right: 0;
	}

	.product-intro {
		padding: 50px 40px;
	}
}

@media (min-width:1200px) {
	.sku-bar {
		margin: 0 -40px;
		padding: 0 40px;
	}

	.product-intro {
		display: -webkit-box;
		/* 老版本语法: Safari, iOS, Android browser, older WebKit browsers. */
		display: -moz-box;
		/* 老版本语法: Firefox (buggy) */
		display: -ms-flexbox;
		/* 混合版本语法: IE 10 */
		display: -webkit-flex;
		/* 新版本语法: Chrome 21+ */
		display: flex;
		/* 新版本语法: Opera 12.1, Firefox 22+ */
	}

	.itemInfo-wrap {
		-prefix-box-flex: 1;
		-webkit-box-flex: 1;
		-webkit-flex: 1;
		-moz-box-flex: 1;
		-ms-flex: 1;
		flex: 1;
	}

	.sku-w {
		position: relative;
		padding-right: 460px;
	}

	.sku-w .sku-aside {
		position: absolute;
		right: 0;
		width: 450px;
		top: 0;
	}

	.sku-foot {
		display: flex;
	}

	.preview-wrap {
		width: 580px;
		margin-right: 40px;
	}
}

@media (min-width:1600px) {
	.preview-wrap {
		width: 720px;
		margin-right: 80px;
	}
}

@media (max-width:450px) {
	.sku-foot .btn:last-child {
		margin-top: 10px;
	}
}

.bar-fixed {
	position: fixed;
	right: 2px;
	top: 50%;
	display: none;
	margin-top: -100px;
	z-index: 666;
}

.bar-fixed .bar-link {
	position: relative;
	width: 74px;
	display: block;
	text-align: center;
	color: #FFFFFF;
	margin-bottom: 1px;
	border-radius: 4px;
	padding: 10px 0;
	background-color: #183993;
}

.bar-fixed .bar-link:hover {
	background-color: #c8161d;
}

.bar-fixed .bar-link .iconfont {
	font-size: 20px;
}

.bar-fixed .bar-link .txt {
	margin-top: 4px;
}

.bar-abs {
	position: absolute;
	right: 0;
	top: 0px;
	width: 170px;
	height: 72px;
	border-radius: 4px;
	background-color: #c8161d;
	display: block;
	line-height: 72px;
	transition: .3s all;
	visibility: hidden;
	opacity: 0;
}

.bar-fixed .bar-link:hover .bar-abs {
	right: 75px;
	visibility: visible;
	opacity: 1;
}


.filter-main {
	width: 100%;
	border-top: 1px #dddddd solid;
}

.filter-row {
	width: 100%;
	border-bottom: 1px #dddddd solid;
	line-height: 60px;
}

.filter-label {
	width: 10%;
	float: left;
	text-align: center;
	background: #eaeaea;
	font-size: 16px;
	color: #333333;
}

.filter-list {
	width: 88%;
	float: left;
}

.filter-list li {
	float: left;
	margin-left: 30px;
}

.filter-list li a {
	color: #666;
}

.filter-form,
.filter-select {
	float: left;
	width: 100%;
	margin-top: 25px;
}

.filter-list li.on a {
	color: #183993;
}

.filter-search {
	float: left;
	width: 455px;
	height: 45px;
	position: relative;
}

.filter-search .filter-input {
	height: 45px;
	text-indent: 20px;
	width: 100%;
	border: 1px solid #dfdfdf;
	font-size: 15px;
	box-shadow: 0 0 0 transparent;
	border-radius: 5px;
}

.input-search .form-control:focus {
	box-shadow: 0 0 0 transparent;
}

.filter-search .btn-so {
	border: 0;
	position: absolute;
	right: 5px;
	top: 0;
	outline: 0;
	height: 45px;
	width: 45px;
	background-color: transparent;
	border-radius: 0;
}

.filter-search .btn-so .icon-sousuo {
	font-size: 22px;
	color: #4c79b8
}

.xxq {
	height: 45px;
	width: 170px;
	border: 1px solid #dfdfdf;
	margin-left: 23px;
	background: #183993;
	box-shadow: 0 0 0 transparent;
	border-radius: 5px;
	color: #fff;
	background: url(../images/ss.png) no-repeat 17px center #183993;
	font-size: 16px;
	padding-left: 27px;
}

.filter-select .text {
	float: left;
	height: 45px;
	font-size: 18px;
	color: #183993;
	margin-right: 10px;
}

.filter-select .flex_bd {
	float: left;
}

.filter-select .flex_bd .fl-link {
	border: 1px solid #ccd8e7;
	margin-left: 10px;
	font-size: 16px;
	color: #666666;
	padding: 4px 12px;
}

.filter-select .flex_bd .fl-link i {
	margin-left: 10px;
	color: #a2b9d8;
	font-size: 14px;
}

.filter-select .flex_bd .active,
.filter-select .flex_bd a:hover {
	border: 1px solid #183993;
}

.filter-select .flex_bd .active i,
.filter-select .flex_bd a:hover i {
	color: #235ba9
}

.filter-select .flex_bd .fl-link .all-text {
	color: #c8161d;
	font-size: 15px;
	font-weight: bold;
}

.prod-main {
	margin: 15px auto;
	border-top: 1px solid #dddddd;
	position: relative;
	padding-top: 35px;
}

.prod-main .xx {
	width: 140px;
	display: block;
	text-align: left;
	border-top: 1px solid #183993;
	position: absolute;
	left: 0px;
	top: -1px;
}

.prod-box {
	margin-bottom: 15px;
	display: block;
	transition: .4s all;
}

.prod-box .prod-title {
	display: flex;
	align-items: center;
	justify-content: center;
	height: 48px;
	background: #f2f2f2;
	text-align: center;
	line-height: 22px;
	font-size: 15px;
	color: #333333;
	overflow: hidden;
	padding: 0 10px;
}

.prod-box .prod-title div {
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}

.prod-box:hover {
	box-shadow: 0 0 40px rgba(0, 0, 0, .15);
}

.prod-box:hover .prod-title {
	background: #183993;
	color: #fff;
}

.prod-pic {
	position: relative;
}

.prod-pic .xp {
	background: #c8161d;
	position: absolute;
	padding: 4px 10px;
	left: 20px;
	top: 20px;
	border-radius: 3px;
	color: #fff;
	font-style: normal;
}

.hot-cells {
	margin: 15px auto;
	;
}

.ht-head {
	margin: 35px auto;
	border-bottom: 1px solid #dddddd;
	position: relative;
	padding-top: 35px;
}

.ht-title {
	width: 140px;
	display: block;
	text-align: left;
	border-bottom: 1px solid #183993;
	font-size: 18px;
	font-weight: bold;
	color: #183993;
	padding-bottom: 11px;
}

.ht-title .icon-huo {
	font-size: 22px;
	color: #183993;
	margin-right: 10px
}

.apl-container {
	width: 100%;
	margin: 0 auto;
	overflow: hidden;
}

.apl-sidebar {
	width: 20%;
	margin: 0 auto;
	float: left;
	overflow: hidden;
}

.other-sidebar {
	width: 28%;
	margin: 0 auto;
	padding: 20px;
	background: #fff;
	float: right;
	overflow: hidden;
}

.apl-panel {
	width: 78%;
	float: right;
	background: #fff;
	overflow: hidden;
}

.apl-panel2 {
	width: 70%;
	float: left;
	background: #fff;
	overflow: hidden;
}

.apl-body {
	width: 100%;
	padding: 35px;
}

.apl-bar-hd {
	width: 100%;
	height: 60px;
	line-height: 60px;
	font-size: 20px;
	padding-left: 30px;
	color: #fff;
	background-color: #183993;
	border-radius: 10px 10px 0px 0px
}

.apl-bar-hd i {
	float: right;
	margin-right: 30px;
	font-size: 20px;
}

.treebox {
	width: 100%;
	margin: 0 auto;
	background-color: #fff;
}

.menu2 {
	overflow: hidden;
}

.menu2 li.level1>a {
	display: block;
	height: 45px;
	line-height: 45px;
	color: #333333;
	padding-left: 50px;
	font-size: 16px;
	position: relative;
	transition: all .5s ease 0s;
}

.menu2 li.level1 a:hover {
	text-decoration: none;
	background-color: #fff;
}

.menu2 li.level1 a.current {
	background: #fff;
}

.ico {
	width: 20px;
	height: 20px;
	display: block;
	position: absolute;
	left: 20px;
	top: 10px;
	background-repeat: no-repeat;
	background-image: url(ico1.png);
}

.level1 i {
	width: 20px;
	height: 10px;
	background-image: url(../images/arrow.png);
	background-repeat: no-repeat;
	display: block;
	position: absolute;
	right: 20px;
	top: 20px;
}

.level1 i.down {
	background-position: 0 -11px;
}

/*第二层*/
.menu2 li ul {
	overflow: hidden;
}

.menu2 li ul.level2 {
	display: none;
	background: #fff;
}

.menu2 li ul.level2 li a {
	display: block;
	height: 45px;
	line-height: 45px;
	color: #333333;
	text-indent: 60px;
	/*border-bottom: 1px solid #ddd;*/
	font-size: 14px;
	transition: all 1s ease 0s;
}

.apl-hd {
	font-size: 24px;
	float: left;
	color: #333;
	line-height: 55px;
}

.rr {
	float: right;
	width: 305px;
}

.apl-desc {
	font-size: 16px;
	line-height: 24px;
	color: #666;
	line-height: 25px;
	margin-top: 30px;
	border-bottom: 1px solid #ddd;
	padding-bottom: 25px;
}

.apl-desc2 {
	font-size: 16px;
	line-height: 24px;
	color: #666;
	margin-top: 20px;
	padding-bottom: 25px;
}

.apl-desc3 {
	font-size: 16px;
	line-height: 24px;
	color: #666;
	line-height: 25px;
	margin-top: 30px;
	padding-bottom: 25px;
}

.apl-box {
	margin-top: 30px;
	display: block;
	transition: .4s all;
	background-color: #f7f7f7;
}
.apl-box .apl-pic{
	font-size: calc(100vw/19.2);
}
.apl-box .apl-pic img{
	height: 2.02em;
	object-fit: cover;
}
@media (max-width: 1199px) {
	.apl-box .apl-pic img{
		height: 3.02em;
	}
}
@media (max-width: 767px) {
	.apl-box .apl-pic img{
		height: 8em;
	}

			.swiper-banner .swiper-slide {
				height: auto;
			}

			.swiper-banner .swiper-slide .slide-photo {
				position: relative;
				width: 100%;
				-webkit-transform: scale(1);
				transform: scale(1);
			}

			.swiper-banner .swiper-slide .slide-photo img {
				width: 100%;
				height: auto;
			}

			.swiper-banner .container {
				position: absolute;
				top: 50%;
				left: 50%;
				-webkit-transform: translate(-50%, -50%);
				transform: translate(-50%, -50%);
				width: 100%;
			}

			.sw-grid {
				display: none;
			}

			.swiper-banner .swiper-slide {
				width: 100%;
			}
 
	
	
}
.apl-pic img {
	width: 100%;
}

.apl-grid {
	padding: 15px 20px;
	position: relative;
}

.apl-box .apl-title {
	font-size: 18px;
	color: #000;
	margin-bottom: 10px;
}

.apl-box .apl-info {
	line-height: 2;
	color: #666;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	width: 100%;
}

.apl-box:hover {
	box-shadow: 0 0 40px rgba(0, 0, 0, .15);
}

.apl-box:hover .apl-grid {
	background: #183993;
	color: #fff;
}

.apl-box:hover .apl-grid .apl-title,
.apl-box:hover .apl-grid .apl-info,
.apl-box:hover .apl-grid i {
	color: #fff;
}

.apl-grid i {
	position: absolute;
	right: 20px;
	top: 40px;
	font-size: 18px;
	color: #000;
}

.apl-bar {
	width: 100%;
	background-color: #f2f2f2;
	overflow: hidden;
	z-index: 88;
}

.apl-bar li {
	font-size: 18px;
	float: left;
	color: #000;
	margin-left: 50px;
	line-height: 55px;
}

.apl-bar li a {
	font-size: 18px;
	color: #000;
}

.apl-bar li a.active {
	color: #183993
}

.apl-bar li.current a {
	color: #183993
}

.apl-bar2 {
	width: 100%;
	background-color: #e8e8e8;
	overflow: hidden;
	z-index: 77;
}

.apl-bar2 li {
	font-size: 18px;
	float: left;
	color: #000;
	line-height: 75px;
}

.apl-bar2 li a {
	font-size: 18px;
	padding: 35px;
	color: #000;
}

.apl-bar2 li.active,
.apl-bar2 li:hover {
	background: #183993;
	color: #fff;
}

.apl-bar2 li.active a,
.apl-bar2 li:hover a {
	color: #fff;
}

.apl-bar2 li.current,
.apl-bar2 li:hover {
	background: #183993;
	color: #fff;
}

.apl-bar2 li.current a,
.apl-bar2 li:hover a {
	color: #fff;
}

.apl-bar2 li.current {
	background: #183993;
	color: #fff;
}

.apl-bar2 li.active a,
.apl-bar2 li:hover a {
	color: #fff;
}

.apl-cell_hd {
	font-size: 24px;
	color: #000;
	line-height: 25px;
	border-bottom: 1px solid #ddd;
	padding-bottom: 20px;
	margin-top: 30px;
}

.apl-more {
	float: right;
	font-size: 14px;
	color: #666;
}

.hy-cellbg {
	background: #f7f7f7;
	padding-right: 30px;
}

.hy-pic2 {
	width: 340px;
	float: left;
}

.hy-pic2 img {
	width: 100%;
	height: auto;
}

.hy-cellbg .hy-title {
	font-size: 20px;
	color: #333333;
	margin-bottom: 10px;
}

.hy-link {
	color: #c8161d;
	margin-top: 20px;
}

.hy-cellbg .hy-desc {
	line-height: 1.5;
	color: #666666;
	font-size: 15px;
}

.apl_list-cell .flex_bd {
	padding: 35px;
}

.apl-list-foot {
	width: 100%;
	background: #183993;
	margin-top: 10px;
	height: 60px;
	margin-bottom: 30px;
	text-align: center;
	color: #fff;
	line-height: 60px;
}

.apl-list-foot a {
	color: #fff;
	font-size: 16px;
	display: block;
}

.adv-row {
	width: 100%;
	background: #f2f2f2;
	margin-bottom: 20px;
	overflow: hidden;
	padding-left: 0px;
	margin-left: 0px;
}

.adv-pic {
	width: 100%;
	float: left;
	padding-left: 0px;
	margin-left: 0px;
}

.zz {
	padding: 0px;
}

.rr {
	width: 50%;
	padding: 0px;
	float: right;
}

.yy {
	padding: 35px 30px;
	margin-left: 0px;
}

.adv-nn {
	font-size: 24px;
	color: #a4a4a4;
	line-height: 40px;
}

.adv-tt {
	font-size: 22px;
	color: #000;
	line-height: 40px;
}

.adv-desc {
	font-size: 15px;
	color: #666;
	line-height: 40px;
}

.adv-cells {
	margin-bottom: 50px;
}

.ot-head {
	font-size: 18px;
	color: #000;
	line-height: 25px;
	border-bottom: 1px solid #ddd;
	padding-bottom: 20px;
	margin-top: 0px;
	overflow: hidden;
}

.ot-title {
	float: left;
	font-weight: bold
}

.ot-more {
	float: right;
	font-size: 16px;
	color: #333;
}

.kefu {
	padding: 20px;
	margin-left: 0px;
}

.kefu-title {
	font-size: 18px;
	color: 000;
	font-weight: bold;
	line-height: 30px;
}

.kefu-info {
	font-size: 19px;
	color: 333;
	line-height: 30px;
	margin-top: 10px;
	font-family: "微软雅黑"
}

.kefu-info li i {
	margin-right: 10px;
	font-size: 21px;
	font-weight: normal;
}

.kefu-more {
	width: 100%;
	height: 60px;
	background: #ff5b35;
	line-height: 60px;
	text-align: center;
	font-size: 18px;
	color: #fff;
	margin-top: 30px;
}

.kefu-more a {
	font-size: 18px;
	color: #fff;
}

.swiper-banner .swiper--prev {
	left: 0px;
	border-radius: 0 5px 5px 0;
}

.swiper-banner .swiper--next {
	right: 0px;
	border-radius: 5px 0 0 5px;
}

.swiper-banner .swiper--prev,
.swiper-banner .swiper--next {
	position: absolute;
	top: 50%;
	margin-top: -30px;
	z-index: 99999;
	width: 60px;
	height: 60px;
	line-height: 60px;
	color: #fff;
	text-align: center;
	cursor: pointer;
	background-color: #4a4c51;
	border-top-style: 0;
	border-right-style: 0;
	border-bottom-style: 0;
	border-left-style: 0;
	transition: .3s all;
}

.swiper-banner .swiper--prev .iconfont,
.swiper-banner .swiper--next .iconfont {
	font-size: 24px;
}

.swiper-banner .swiper--prev:hover,
.swiper-banner .swiper--next:hover {
	background-color: #c8161d;
	color: #FFFFFF;
}




/* 投递简历弹窗 */



#c-fixed-pop {
	display: none;
	position: fixed;
	z-index: 999;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.7);
}



#c-fixed-pop form {

	position: absolute;

	top: 50%;

	left: 50%;

	width: 90%;

	max-width: 400px;

	background: #fff;

	-webkit-transform: translate(-50%, -50%);

	transform: translate(-50%, -50%);

}



#c-fixed-pop form .c-title-box {

	position: relative;

	padding: 0 30px;

	background: #c8161d;

}



#c-fixed-pop form .c-title-box .c-title {

	line-height: 60px;

	font-size: 20px;
	margin: 0;
	color: #fff;

}



#c-fixed-pop form .c-title-box .c-close {

	position: absolute;

	top: 0;

	right: 0;

	z-index: 5;

	width: 80px;

	height: 60px;

	background: url(../images/close.png) no-repeat center center;

	background-size: 20px auto;

	cursor: pointer;

}



#c-fixed-pop form .c-box {

	padding: 30px;

	font-size: 14px;

}




#c-fixed-pop form input {

	margin-bottom: 20px;

	padding: 0 15px;

	width: 100%;

	height: 50px;

	border: 1px solid #ccc;

}

#c-fixed-pop form textarea {

	margin-bottom: 20px;

	padding: 10px 15px;

	width: 100%;
	outline: none;
	height: 150px;

	border: 1px solid #ccc;

}



#c-fixed-pop form button {

	width: 100%;

	height: 50px;
	border: 0;
	outline: none;

	background: #c8161d;

	color: #fff;

	cursor: pointer;

}



#c-fixed-pop form .c-file {

	display: flex;

	align-items: center;

	flex-wrap: wrap;

	margin-bottom: 20px;

}



#c-fixed-pop form .c-file .c-input-box {

	position: relative;

	display: inline-block;

	margin-right: 15px;

	padding: 9px 15px;

	background: #c8161d;

}



#c-fixed-pop form .c-file input {

	opacity: 0;

	position: absolute;

	top: 0;

	left: 0;

	z-index: 2;

	margin-bottom: 0;

	padding: 0;

	width: 100%;

	height: 100%;

	border: 0;

	cursor: pointer;

}



#c-fixed-pop form .c-file .c-text {

	color: #fff;

	text-align: center;

}



#c-fixed-pop form .c-file .c-text2 {

	line-height: 30px;

}



#c-fixed-pop .f_yanzheng {

	display: flex;

	align-items: center;

	justify-content: space-between;

}



#c-fixed-pop .f_yanzheng input {

	margin-bottom: 0;

	width: calc(100% - 256px) !important;

}



#c-fixed-pop .f_yanzheng {

	margin-bottom: 20px;

}



#c-fixed-pop .f_yanzheng input {

	margin-bottom: 0;

	width: calc(100% - 146px) !important;

}



#c-fixed-pop .f_yanzheng img {

	width: 130px;

	cursor: pointer;

}



/* 弹窗 */

#c-pop {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 9910;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, .2);
}

#c-pop form {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 95%;
	max-width: 600px;
	border-radius: 6px;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	background: #fff;
	overflow: hidden;
}

#c-pop .c-close {
	position: absolute;
	top: 20px;
	right: 30px;
	width: 20px;
	height: 20px;
	background: url(../images/close.png)no-repeat center / 100%;
	cursor: pointer;
}

#c-pop .c-title {
	font-size: 20px;
	line-height: 60px;
	margin: 0;
	text-align: center;
	color: #fff;
	background: #c8161d
}

.c-sm-title {
	font-size: 16px;
	margin-bottom: 40px;
	text-align: center;
}

#c-pop .c-list {
	padding: 20px 40px 40px;
}

#c-pop .c-list li {
	margin-bottom: 20px;
	display: flex;
	align-items: center;
}

#c-pop .c-list li .c-img {
	display: flex;
	align-items: center;
	justify-content: center;
	padding-left: 10px;
	width: 100px;
	height: 52px;
}

#c-pop .c-list li .c-img img {
	max-width: 100%;
	max-height: 100%;
}

#c-pop .c-list li:last-child {
	margin-top: 40px;
	margin-bottom: 0;
}

#c-pop .c-list li:nth-last-child(2) input {
	width: 100%;
}

#c-pop .c-list .c-text {
	width: 100px;
	font-size: 18px;
	line-height: 28px;
	color: #333;
}

#c-pop .c-list .c-text span {
	color: #ff0000;
}

#c-pop .c-list input,
#c-pop .c-list select {
	padding: 0 15px;
	width: 100%;
	height: 52px;
	font-size: 16px;
	line-height: 50px;
	color: #666;
	border: 1px solid #ddd;
	outline: 0;
}

#c-pop .c-list textarea {
	padding: 15px;
	width: 100%;
	height: 100px;
	font-size: 16px;
	line-height: 20px;
	outline: 0;
	color: #666;
	border: 1px solid #ddd;
}

#c-pop .c-list select {
	background: url(../images/jt5.png)no-repeat right 15px center / 16px auto;
}

#c-pop .c-list button {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 52px;
	font-size: 18px;
	line-height: 52px;
	color: #fff;
	background: #c8161d;
	cursor: pointer;
	outline: 0;
	border: 0;
}





@media (max-width:750px) {
	.filter-row {
		width: 100%;
		border-bottom: 1px #dddddd solid;
		line-height: 30px;
		min-height: 50px;
	}

	.filter-label {
		width: 30%;
		line-height: 50px;
	}

	.filter-list {
		width: 100%;
	}

	.filter-list li {
		margin-left: 10px;
	}

	.filter-search {
		width: 100%;
	}

	.filter-select {
		margin-left: 0px;
		margin-top: 10px;
		overflow: hidden;
	}

	.filter-select .text {
		font-size: 15px;
		height: 28px;
	}

	.filter-select .flex_bd {
		height: auto;
	}

	.filter-select .flex_bd .fl-link {
		height: 25px;
		margin-right: 5px;
		margin-left: 0px;
		overflow: hidden;
		display: inline-table;
		font-size: 14px;
		padding: 2px 6px;
		margin-bottom: 5px;
	}

	.filter-select .flex_bd .fl-link .all-text {
		color: #c8161d;
		font-size: 14px;
	}

	.apl-sidebar,
	.apl-bar2 {
		width: 100%;
		display: none;
	}

	.apl-panel {
		width: 100%;
	}

	.apl-body {
		width: 100%;
		padding: 5px;
	}

	.apl-bar {
		display: none;
	}

	.hy-cellbg {
		background: #fff;
		padding-right: 0px;
	}

	.yy {
		padding: 15px;
		margin-left: 0px;
	}

	.adv-tt {
		font-size: 22px;
		color: #000;
		line-height: 30px;
	}

	.adv-desc {
		font-size: 15px;
		color: #666;
		line-height: 30px;
	}

	.adv-nn {
		font-size: 24px;
		color: #a4a4a4;
		line-height: 30px;
	}

	.rr {
		width: 100%;
		padding: 0px;
		float: right;
	}

	.hy-cellbg .hy-title {
		font-size: 18px;
		margin-top: 20px;
		line-height: 50px;
		margin-bottom: 0px;
	}

	.hy-cellbg .hy-desc {
		line-height: 1.5;
		font-size: 14px;
	}

	.apl-cell_hd {
		font-size: 20px;
		color: #000;
		line-height: 25px;
		border-bottom: 1px solid #ddd;
		padding-bottom: 15px;
	}

	.other-sidebar {
		width: 100%;
		margin: 0 auto;
		padding: 10px;
		background: #fff;
		float: right;
		overflow: hidden;
	}

	.apl-panel2 {
		width: 100%;
		float: left;
		background: #fff;
		overflow: hidden;
	}


	.swiper-banner .swiper--prev,
	.swiper-banner .swiper--next {
		display: none;
	}

	.a-foot .btn {
		width: 112px;
		height: 35px;
		line-height: 32px;
		font-size: 14px;
		padding: 0;
	}

	.a-foot .btn .iconfont {
		font-size: 14px;
	}

	.bar-fixed {
		display: flex !important;
		align-items: center;
		top: auto;
		bottom: 0;
		right: 0;
		left: 0;
	}

	.bar-fixed .bar-link {
		width: 25%;
		line-height: 1;
		border-radius: 0;
		margin: 0;
		border-right: 1px solid rgba(255, 255, 255, .2);
	}

	.bar-fixed .bar-link:last-child {
		border-right: 0;
	}

	.bar-fixed .bar-link .iconfont {
		font-size: 16px;
	}

	.pro-popover {
		padding: 20px 10px;
	}

	.pro-center .pro-popover {
		top: 0;
		display: none;
	}

	.pro-center::after {
		display: none;
	}

	.pro-link-list li a {
		font-size: 12px;
		height: 28px;
		line-height: 26px;
	}

	.pro-foot .btn {
		font-size: 12px;
		padding: 6px 0;
		line-height: 22px;
	}

	.pro-center {
		height: 220px;
	}

	.pro-popover .title {
		font-size: 20px;
	}

	.page-md-banner {
		height: 220px;
		background-position: 60% center;
	}

	.prod-row {
		margin: 0 -6px;
	}

	.prod-row>div {
		padding: 0 6px;
	}

	.prod-box .prod-title {
		display: -webkit-box;
		display: flex;
		align-items: center;
		text-align: left;
		font-size: 14px;
		text-overflow: unset;
		white-space: normal;
	}

	.aside-real {
		overflow: hidden;
		margin: 0 -5px;
	}

	.aside-real li {
		float: left;
		width: 50%;
		padding: 5px;
	}

	.aside-real .real-link .real-title {
		font-size: 12px;
		line-height: 30px;
	}

	.sku-aside {
		padding: 0 10px 10px 10px;
	}

	.info-cell .tel-bd {
		font-size: 14px;
	}

	.sku-bar {
		left: 20px;
		right: 0 !important;
	}

	.foot-row {
		padding-top: 24px;
	}

	.foot-logo {
		margin-bottom: 18px;
	}

	.ban-grid h2 {
		font-size: 36px;
	}

	.ban-grid p {
		font-size: 12px;
	}

	.after-btns .btn {
		display: inline-block;
		width: 130px;
		height: 44px;
		line-height: 26px;
		font-size: 16px;
	}

	.after-btns .btn .iconfont {
		font-size: 18px;
		padding-right: 4px;
	}

	.product-lg .pro-pic {
		padding-bottom: 0;
	}

	.product-lg {
		height: 260px;
	}

	.product-lg .pro-title {
		font-size: 16px;
	}

	.product-lg .pro-desc {
		font-size: 12px;
	}

	.product-md-row {
		margin: 0 -5px;
	}

	.product-md-row>div {
		padding: 5px;
	}

	.product-md {
		height: auto;
		padding-bottom: 10px;
	}

	.product-md .pro-pic {
		padding: 10px;
	}

	.product-md .pro-pic img {
		height: 75px;
	}

	.product-md .pro-title {
		margin: 0 10px;
		font-size: 12px;
		height: 20px;
		line-height: 20px;
	}

	.appli-icon-box::before {
		width: 44px;
		margin-left: -22px;
		height: 44px;
		text-align: center;
		line-height: 44px;
		border-radius: 44px;
		top: 17px;
	}

	.appli-icon-box .iconfont {
		font-size: 20px;
		line-height: 44px;
		width: 44px;
		height: 44px;
		margin-top: 20px;
	}

	.appli-icon-box {
		height: 100px;
	}

	.appli-icons .text {
		font-size: 12px;
	}

	.data-cell .data-txt {
		font-size: 14px;
	}

	.index-about {
		padding-bottom: 0;
	}

	.data-row {
		padding-top: 40px;
	}

	.row-news {
		margin: 0 -5px;
	}

	.row-news>div {
		padding: 0 5px;
		margin-bottom: 10px;
	}

	.n-grid {
		padding: 12px 12px 24px 12px;
	}

	.news-cell .n-desc {
		font-size: 12px;
		margin-bottom: 10px;
	}

	.news-cell .n-time {
		font-size: 12px;
	}

	.news-cell .n-title {
		font-size: 16px;
		margin-bottom: 10px;
		-webkit-line-clamp: 3;
	}

	.bar-abs {
		display: none !important;
	}

	.pro-info {
		margin: 0 10px;
	}

	.pro-info .title {
		font-size: 20px;
	}

	.pro-info .title a {
		font-size: 20px;
		color: #333;
	}

	.pro-info .desc {
		font-size: 14px;
		display: none;
	}

	.apl-cell_bd .prod-row .prod-box .prod-pic img {
		height: 150px;
	}
}

.app-btn * {
	display: inline-block;
	vertical-align: middle;
}
.prod-row .prod-box .prod-pic{
	background-color: #fff;
}
@media (min-width:750px) and (max-width:1224px) {
	.n-photo img {
		width: 100%;
		height: 168px !important;
	}

	.news-cell .n-desc {
		overflow: hidden;
		text-overflow: ellipsis;
		display: -webkit-box;
		-webkit-line-clamp: 2;
		-webkit-box-orient: vertical;
	}

	.pro-info {
		margin: 0 25px;
	}

	.pro-popover {
		padding: 40px 18px;
	}
}

.info-item-wx {
	position: relative;
}

.info-item-wx img {
	width: 150px;
	height: 150px;
	max-width: 150px;
	position: absolute;
	left: 0;
	bottom: 110%;
	display: none !important;
	box-shadow: 0 0 5px rgba(0, 0, 0, .1);
}

.info-item-wx:hover img {
	display: block !important;
}

.middle-btns {
	padding-top: 10px;
	padding-bottom: 20px;
}

.middle-btns .btn {
	width: 120px;
	height: 36px;
	line-height: 24px;
}

.check-li a {
	display: inline-block;
	padding-left: 20px;
	color: #333333;
	background-repeat: no-repeat;
	background-position: left center;
	background-image: url(../images/check.png);
}

.check-li.active a {
	background-image: url(../images/checkbox.png);
}

.chk_code_img {
	width: 140px;
	height: 46px;
	margin-left: 10px;
}

.dl-pic img {
	width: 100%;
	height: 165px;
	object-fit: cover;
}

.refresh1 {
	margin-left: 10px;
}

.refresh1 img {
	width: 24px;
	height: 24px;
}

.mapbox {
	width: 100%;
	height: 320px;
}

.about-intro-pic .a-foot {
	position: absolute;
	z-index: 99;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

@media (min-width:999px) {
	.mapbox {
		height: 395px;
	}

	.product-md .pro-pic {
		height: 190px;
		display: flex;
		align-items: center;
		justify-content: center;
	}

	.product-md .pro-pic img {
		max-height: 100%;
	}

	.pro-center .pic {
		height: 310px;
		overflow: hidden;
	}

	.res-pic img {
		width: 100%;
		height: 205px;
		object-fit: cover;
	}

	.lan-dropdown:hover .dropdown-menu {
		display: block;
	}

	.n-photo img {
		width: 100%;
		height: 236px;
	}

	.prod-row .prod-box .prod-pic {
		height: 300px;
		display: flex;
		align-items: center;
		justify-content: center;
	}

	.c-head-move {
		top: -100px;
	}
}
@media (max-width: 767px) {
	.about-intro-pic .a-foot{
		top: 80%;
	}
}
.xxq a {
	color: #fff;
}

.honnor-name {
	text-align: center;
	font-size: 16px;
	margin-top: 10px;
}

.table-header td {
	white-space: nowrap;
}

.table-body>tbody>tr>td {
	white-space: nowrap;
}

.diy-table td,
.diy-table th {
	white-space: nowrap;
}

.table-responsive {
	width: 100%;
	margin-bottom: 15px;
	overflow-y: hidden;
	-ms-overflow-style: -ms-autohiding-scrollbar;
}

@media (max-width:745px) {
	.sec-head .sec-title {
		font-size: 30px;
	}

	.sec-head {
		margin-bottom: 25px;
	}

	.index-section {
		padding-top: 45px;
		padding-bottom: 35px;
	}

	.sec-foot {
		margin-top: 20px;
	}

	.appli-box .appli-grid .appli-tit {
		font-size: 24px;
		margin-bottom: 8px;
	}

	.appli-box .appli-grid .appli-desc {
		font-size: 16px;
		margin-bottom: 14px;
	}

	.appli-box .appli-grid .appli-link {
		font-size: 16px;
	}




	.data-cell {
		margin-bottom: 20px;
	}

	 

	.video-cont {
		display: none;
	}

	.index-about {
		background: url(../images/mbg.jpg) center no-repeat;
		background-size: cover;
	}

	.index-about::after {
		display: none;
	}

	.a-header .en {
		margin-bottom: 7.5px;
	}

	.course-cells {
		padding: 0 20px 0 45px;
	}

	.course-card .dot {
		margin-left: 6px;
	}

	.course-swiper .swiper-slide {
		width: 220px;
	}

	.honnor-main .swiper--next,
	.honnor-main .swiper--prev {
		display: none;
	}

	.honnor-main {
		padding: 0;
	}

	.honnor-swiper .swiper-slide {
		width: 100px;
	}

	.honnor-main {
		margin: 0 -15px;
	}

	.a-cell h3 {
		font-size: 16px;
	}

	.a-cell p {
		font-size: 14px;
	}

	.filter-form {
		display: flex;
		align-items: center;
	}

	.filter-form .filter-search {
		flex: 1;
	}

	.xxq {
		height: 45px;
		width: 135px;
		border: 1px solid #dfdfdf;
		margin-left: 23px;
		background: #183993;
		box-shadow: 0 0 0 transparent;
		border-radius: 5px;
		color: #fff;
		background: url(../images/ss.png) no-repeat 4px center #183993;
		font-size: 16px;
		padding-left: 27px;
		margin-left: 10px;
	}

	.prod-row .prod-box .prod-pic {
		text-align: center;
	}

	.prod-row .prod-box .prod-pic img {
		height: 80px;
	}

	.page-cell {
		margin-top: 25px;
	}
	

	.ht-head {
		padding-top: 0;
	}

	.prod-pic .xp {
		left: 5px;
		top: 5px;
		font-size: 12px;
	}

	.swiper-banner .swiper-slide {
		height: calc(100vh - 114px);
	}

	.table-ht-top {
		margin-right: 0;
		border-bottom: 0;
	}

	.table-header {

		border-bottom: 1px solid #dddddd;
	}

	.t-panel-ft {
		padding-top: 0;
	}

	.focus-cell .flex_bd {
		padding: 20px;
	}

	.focus-cell .time {
		margin-bottom: 15px;
	}

	.focus-cell .n-title {
		font-size: 18px;
	}

	.focus-cell .n-desc {
		overflow: hidden;
		text-overflow: ellipsis;
		display: -webkit-box;
		-webkit-line-clamp: 2;
		-webkit-box-orient: vertical;
		margin-bottom: 10px;
	}

	.news-list-cell .list-date {
		display: none;
	}

	.news-list-cell .flex_bd {
		border: 0;
		padding-left: 0;
	}

	.qa-toggle {
		position: absolute;
		right: 10px;
		top: 20px;
		width: 24px;
		height: 24px;
		margin: 0;
	}

	.spt-box .spt-desc {
		min-height: 130px;
	}

	.gallery-thumbs {
		height: 60px;
	}

	.preview-wrap .swiper-button-next,
	.preview-wrap .swiper-button-prev {
		display: none;
	}

	.sku-foot {
		padding-top: 20px;
		margin-top: 10px;
	}

	.apl-container .apl-body {
		margin-top: 0 !important;
		padding: 0 15px;
	}

	.qa-head .qa-title {
		max-width: 310px;
	}
}

-webkit-scrollbar {
	display: block
}

.page-cell .rows {
	font-size: 14px;
}

.kefu .btn-warning {
	width: 100%;
	padding: 0;
	height: 60px;
	line-height: 60px;
	border-radius: 0;
	font-size: 16px;
	margin-top: 15px;
}

@media (min-width:760px) and (max-width:1300px) {
	.adv-desc {
		font-size: 13px;
	}

	.adv-row {
		height: 100px;
	}

	.yy {
		padding: 10px 16px;
	}

	.detail-wrap .container {
		width: 100%;
	}

	.apl-sidebar {
		width: 180px;
	}

	.apl-panel {
		width: calc(100vw - 230px);
	}

	.adv-nn {
		font-size: 18px;
		line-height: 20px;
	}

	.adv-tt {
		font-size: 16px;
		color: #000;
		line-height: 20px;
	}


	.adv-desc {
		font-size: 12px;
		line-height: 20px;
	}

}

@media (max-width:1000px) {
	.hy-cell {
		display: block;
		padding: 20px;
	}

	.hy-cell .hy-pic2 {
		float: none;
		text-align: center;
		margin-right: 0;
		width: 100%;
		margin-bottom: 20px;
	}
}

@media (max-width:640px) {

	.row-news .col-sm-4:last-child {
		display: none;
	}

	.jut table tbody tr td:first-child {
		width: 8% !important;
	}

	.jut table thead tr th:first-child {
		width: 8% !important;
	}

	.jut table tbody tr td:nth-child(2) {
		width: 10% !important;
	}

	.jut table thead tr th:nth-child(2) {
		width: 10% !important;
	}

	.dl-rows .download-cell {
		padding: 15px;
	}

	.dl-flex {
		display: flex;
		align-items: center;
	}

	.dl-flex .dl-pic {
		width: 150px;
		margin-right: 10px;
		margin-bottom: 0;
	}

	.dl-flex .dl-pic img {
		height: auto;
	}

	.download-cell .dl-title {
		font-size: 16px;
		padding-bottom: 8px;
		margin-bottom: 8px;
	}

	.download-cell .dl-time {
		font-size: 12px;
	}
}

@media (min-width:760px) and (max-width:1299px) {
	.phs-cells:nth-child(odd) .phs-grid{
		margin-left: 30px;
	}
	.phs-cells:nth-child(even) .phs-grid{
		margin-right: 30px;
	}
	.article-main{
		display: block;
	}
	.sidebar-asb{
		position: static!important;
	}
	.c-switch{
		display: block;
	}
	.c-open .navbar_m-nav{
		display: block!important;
	}
	.a-header .ch{
		font-size: 20px;
	}
	.about-row .data-row{
		padding-top: 10px;
	}
	.a-cell h3{
		font-size: 18px;
	}
	.a-cell p{
		font-size: 14px;
	}
	.news-list-cell .flex_bd{
		padding-left: 30px;
	}
	.news-list-cell{
		padding-right: 400px;
	}
	.news-list-cell .list-date {
	    margin-right: 30px;
	    margin-left: 15px;
	}
	.focus-pic{
		width: 100%;
		text-align: center;
		padding: 0 70px;
	}
	.focus-pic img{
		width: 100%;
	}
	.focus-cell{
		display: block;
	}
	.after-grid .item{
		font-size: 14px;
	}.after-grid {
		margin-right: 20px;
	}
	.qa-sidebar{
		margin-left: 20px;
	}
	.prod-row .prod-box .prod-pic{
		height: 200px;
	}
	.ln-cell{
		height: 400px;
	}
	.ln-cell .ln-title {
		font-size: 30px;
		margin-bottom: 20px;
	}
	.ln-cell .ln-desc {
		font-size: 18px;
	}

}






.hm-sec5 {
  background-color: #fff;
}
.hm-sec5 .hm5_logo {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -10px;
}
@media (max-width: 1440px) {
  .hm-sec5 .hm5_logo {
    margin: 0 -5px;
  }
}
.hm-sec5 .hm5_logo .f_item {
  width: 16.666%;
  padding: 0 10px;
  margin-bottom: 20px;
}
@media (max-width: 1440px) {
  .hm-sec5 .hm5_logo .f_item {
    padding: 0 5px;
    margin-bottom: 10px;
  }
}
@media (max-width: 991px) {
  .hm-sec5 .hm5_logo .f_item {
    width: 25%;
  }
}
@media (max-width: 767px) {
  .hm-sec5 .hm5_logo .f_item {
    width: 33.333%;
  }
}
.hm-sec5 .hm5_logo .f_item .f_list {
  display: block;
  position: relative;
  width: 100%;
  padding-bottom: 41%;
  overflow: hidden;
  background-color: #f8f8f8;
}
.hm-sec5 .hm5_logo .f_item .f_list img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  position: absolute;
  top: 0;
  left: 0;
  /* opacity: 0.5; */
  -webkit-transition: all 0.3s linear;
  -moz-transition: all 0.3s linear;
  -ms-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  transition: all 0.3s linear;
}
.hm-sec5 .hm5_logo .f_item .f_list:hover img {
  -webkit-transform: scale(1.04);
  transform: scale(1.04);
  /* opacity: 1; */
}


.page-cell {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
}
.page-cell a.next, .page-cell a.prev{
	width: auto;
}
.page-cell a,.page-cell span{
	display: block;
	flex-shrink: 0;
	margin-bottom: 8px;
}
.page-banner2{
	display: none;
}
.index-about .container{
	z-index: 444;
}
@media (max-width: 767px) {
	.page-banner1{
		display: none;
	}
	.page-banner2{
		display: block;
	}
	.prod-box .prod-title{
		font-size: 14px;
		line-height: 24px;
		overflow: hidden;
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 2;
		overflow: hidden;
		height: 50px;
	}
	.prod-row .prod-box .prod-pic img{
		height: 15px;
		object-fit: contain;
	}
}

button, html [type="button"], [type="reset"], [type="submit"]{
	-webkit-appearance: button-bevel!important;
}

.flex-center .foot-nav{
	margin-right: 26px;
}
@media (max-width: 1368px) {
	.foot-logo{
		margin-right: 50px;
	}
	.foot-right-info{
		margin-left: 50px;
	}
}
@media (max-width: 1199px){
	.foot-logo{
		margin-right: 40px;
	}
	.foot-right-info{
		margin-left: 30px;
	}
}
@media (max-width: 1199px){
	.flex_bd{
		display: none;
	}
}
@media (max-width: 767px) {
	.flex_bd{
		display: block;
	}
	.flex-center .foot-nav{
		margin-right: 0;
	}
	.foot-logo{
		padding-right: 0;
	}
}


@media (max-width: 480px) {
.navbar-os{height: 74px;}
.language{display: none;}
.switch{margin-top: 12px;}

.nav_black_header{padding-left: 25px;}
.banner-container{display: none;}
.wap_banner{display: block;}


.dex-about{width: 100%;}
.dex-about .a-desc{font-size: 16px;}
.about_pic{display: none;}	
.shuzizu ul li{width: 50%; margin-bottom: 30px;}
.shuzizu ul li span{font-size: 36px;}
.mb_aboutpic{display: block;}




.pro_left{width: 100%;height: auto;}
.pro_left_top{height: auto;margin-bottom: 10px;padding:8% 6%;background-size: 240%;}
.pro_picture_t{width: 100%; text-align: center;margin-right:0; margin-bottom: 20px;}
.pro_txt_t{width: 100%; text-align: center;}
.pro_right{width: 100%; margin-top: 0px;height: auto;padding:8% 6%;}

.pro_left_btm .pro_left_sub{width: 100%;height: auto;padding:6% 3%; margin-bottom: 10px;}


.info_left {
	width: 100%;
	height: auto;
	overflow: hidden;
	position: relative;
	z-index: 10;
}
.info_left img {
	height: auto;
	width: 100%!important;
}
.little_title {
	width: 570px;
	height: 1170px;
	background: url("little_bg.png");
	background-size: 100% 100%;
	position: absolute;
	bottom: 0px;
	z-index: 10;
	padding-left: 30px;
	line-height: 117px;
}


.appli-icon-box .icont {
	width: 46px;
	height: 46px;
	margin-top: 20px;
}
.appli-icons .text{font-size: 16px;}
.appli-icons .link{display: none;}

.info_left_box{width: 100%; height: auto;}
.info_right{width: 100%; height: auto;}
.info_list > li > a > .info_n_box > span{display: none;}
.info_list > li > a > .info_n_box > h3{font-size:20px; line-height: 32px;}


.customerlist ul li{width: 32.663%;margin-right: 1%;}
.customerlist ul li:nth-child(3n){margin-right: 0;margin-bottom: 30px;}

.foot-right-info p{text-align: left;margin-left: 46px; font-size: 14px;}
.info-cell .hd{font-size: 14px;}
.info-cell .tel-bd,.info-cell .bd{font-size: 18px;}


.copyright span{font-size: 14px;}
.copyright span:nth-child(2){display: none;}

}
