/**************************************/


/*************[公用start]**************/


/**************************************/

body {
	overflow-x: hidden;
	font-size: 14px;
	color: #051236;
	padding-top: 140px;
}

h1,
h2,
h3,
h4,
h5,
h6,
dl {
	margin: 0px;
}

i {
	font-style: normal;
}

div.clear {
	clear: both;
	height: 0;
	width: 0;
}

input,
textarea,
select,
a:focus {
	outline: none;
}

a {
	text-decoration: none;
	color: inherit;
	cursor: pointer;
}

ul,
li {
	padding: 0;
	margin: 0;
	list-style: none
}

img {
	border: 0;
	/*	width: 100%;*/
	max-width: 100%;
}

div.wp {
	width: 1640;
	/*主要内容区尺寸大小，每次制作前更新！！！ */
	margin: 0 auto;
}

div.wp2 {
	padding: 0 140px;
}

.fl {
	float: left;
}

.fr {
	float: right;
}


.tran {
	transition: all .3s ease-out 0s;
}

/*图片中心放大代码区域*/

.img-box {
	/*图片盒子类名*/
	overflow: hidden;
}

.img-box img {
	transition: .3s;
	transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;

	/* ueco 时间曲线*/
	width: 100%;
	max-width: 100%;
}

.img-box:hover img {
	/*图片中心放大代码*/
	-webkit-transform: scale(1.1);
	-ms-transform: scale(1.1);
	-o-transform: scale(1.1);
	transform: scale(1.1);
}


.imgbox_a {
	position: relative;
	padding-bottom: 100%;
	overflow: hidden;
	display: block;
}


.imgbox_a>img {
	position: absolute;
	left: 0;
	top: 0;
	width: 100% !important;
	height: 100% !important;
}

.imgbox_hover>img {
	/* ueco 鏃堕棿鏇茬嚎*/
	/*transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; */
	-webkit-transition: .3s;
	-moz-transition: .3s;
	-ms-transition: .3s;
	-o-transition: .3s;
	transition: .3s;
}

.imgbox_hover:hover>img {
	-webkit-transform: scale(1.1);
	-ms-transform: scale(1.1);
	-o-transform: scale(1.1);
	transform: scale(1.1);
}

@font-face {
	font-family: 'dinpro';
	src: url(../font/DINPRO.OTF);
}

@font-face {
	font-family: 'bebas';
	src: url(../font/bebas.TTF);
}





/*图片中心放大代码区域*/

/**************************************/

/************[公用over]****************/

/**************************************/



/*header-start*/

/**************************************************************/




#header {
	width: 100%;
	background: #fff;
	position: fixed;
	top: 0px;
	z-index: 999;
}

.header-center {
	display: flex;
	align-items: center;
	flex-direction: column;
	padding-left: 100px;
	padding-right: 100px;
}

.home-top-box {
	width: 100%;
	display: flex;
	height: 80px;
	align-items: flex-end;
}

.pc-logo {
	width: 182px;
	flex-shrink: 0;
}

.pc-logo a {
	width: 100%;
	display: inline-block;
}

.home-header-search {
	flex-grow: 1;
	border-bottom: 1px solid #D2D2D2;
	margin-left: 200px;
	margin-right: 200px;
		height: 42px;
	align-items: center;
}

.home-search-input {
	flex-grow: 1;
	border: none;
}

.home-search-img {
	width: 20px;
	flex-shrink: 0;
	margin-left: 20px;
}


.home-header-right {
	flex-shrink: 0;
	display: flex;
	align-items: flex-end;
	height: 100%;
	justify-content: flex-end;
}

.home-header-link {
	display: flex;
	align-items: center;
	margin-left: 20px;
}

.home-header-linkimg{
	width: 22px;
}


.home-header-link span {
	font-size: 14px;
	color: #333;
}






.home-nav-box {
	width: 100%;
	flex-grow: 1;
	display: flex;
	height: 60px;
	padding-left: 150px;
	padding-right: 150px;
	box-sizing: border-box;
}

.home-nav-list {
	flex-grow: 1;
	height: 100%;
}

.home-nav-list>ul {
	display: flex;
	height: 100%;
}

.home-nav-list>ul>li {
	flex: 1;
	text-align: center;
	height: 100%;
	line-height: 100%;
}

.home-nav-list>ul>li.cur a {
	color: #051236;
}

.home-nav-list>ul>li>a {
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 14px;
	color: #051236;
}

.home-nav-list>ul>li>a span{
   display: inline-block;
	height: 100%;
	display: flex;
	align-items: center;
	position: relative;
}

.home-nav-list>ul>li>a span::before {
	content: '';
	position: absolute;
	width: 100%;
	height: 3px;
	bottom: 5px;
	left: 0;
	background: #000;
	transform: scaleX(0);
	transform-origin: right;
	transition: transform 0.3s ease;
}

.home-nav-list>ul>li>a:hover span::before {
	transform: scaleX(1);
	transform-origin: left;
}




/* 
.home-nav-list>ul>li a span{
	margin-right: 8px;
}
.home-nav-list>ul>li a i{
	width: 14px;
	height: 16px;
	display: inline-block;
}
.home-nav-list>ul>li a i img{
	display: block;
}
.home-nav-list>ul>li a i img+img{
	display: none;
} */

.home-nav-list>ul>li.cur a:hover,
.home-nav-list>ul>li:hover {
	color: #051236;
}

.home-nav-list>ul>li.cur a i img {
	display: none;
}

.home-nav-list>ul>li.cur a i img+img {
	display: block;
}

.home-nav-list>ul>li:hover a {
	color: #051236;
}

.home-nav-list>ul>li:hover a i img {
	display: none;
}

.home-nav-list>ul>li:hover a i img+img {
	display: block;
}



.home-nav-list>ul>li ul.nav-drop-down,
.pc-nav ul li.cur ul.nav-drop-down {
	position: absolute;
	top: 116px;
	width: 100%;
	z-index: 99;
	background: #fff;
	display: none;
}

.home-nav-list>ul>li ul.nav-drop-down li {
	width: 100%;
}

.home-nav-list>ul>li ul.nav-drop-down li a {
	color: #000;
	border: none;
	border-bottom: 1px solid #ececec;
	height: 50px;
	line-height: 50px;
}

.home-nav-list>ul>li ul.nav-drop-down li:last-child a {
	border-bottom: none;
}

.home-nav-list>ul>li ul.nav-drop-down li a:hover {
	font-weight: normal;
	color: #fff;
	background: #051236;
}

.home-nav-list>ul>li:hover .nav-drop-down {
	display: block;
}


.home-nav-list>ul>li .list-unstyled {
	width: 100%;
	position: absolute;
	left: 0px;
	top: 140px;
	background: #fff;
	display: none;
	z-index: 999;
	padding-bottom: 12px;
}


.home-nav-list>ul>li:hover .list-unstyled {
	display: block;
}

.xl-box {
	width: 100%;
	padding-top: 20px;
}

.nav-ppgs ul {
	width: 100%;
	margin-left: -40px;
}

.nav-ppgs ul li {
	width: 25%;
	padding-left: 40px;
	float: left;
	margin-bottom: 24px;
}

.nav-ppgs-list {
	width: 100%;
	text-align: left;
}

.nav-ppgs-list h1 {
	font-size: 16px;
	font-weight: bolder;
	color: #051236;
	margin-bottom: 20px;
}

.nav-ppgs-list i {
	margin-bottom: 32px;
}

.nav-ppgs-list i.imgbox_a {
	padding-bottom: 62.4%;
}

.nav-ppgs-list a {
	font-size: 14px;
	text-decoration: underline;
	display: block;
}


.nav-xpss-1 {
	width: 270px;
	height: 100%;
	text-align: left;
	flex-shrink: 0;
}

.nav-xpss-1-img i.imgbox_a {
	padding-bottom: 60%;
}

.nav-xpss-1-img span {
	font-size: 16px;
	font-weight: bolder;
	display: block;
	padding-bottom: 20px;
	color: #051236;
}

.nav-xpss-all a {
	display: flex;
	justify-content: flex-start !important;
	padding-top: 20px;
	font-weight: normal !important;
	color: #051236 !important;
	text-decoration: underline;
}

.nav-xpss-2 {
	flex-grow: 1;
	padding-left: 30px;
}

.nav-xpss-2 ul {
	display: flex;
	justify-content: flex-start;
	flex-wrap: wrap;
}

.nav-xpss-2 ul li {
	display: flex;
	width: 33.3333%;
	align-items: center;
	padding-top: 20px;
	padding-bottom: 20px;
}

.nav-xpss-2 ul li .nav-xpss-2-img {
	width: 48px;
	flex-shrink: 0;
	margin-right: 10px;
}

.nav-xpss-2 ul li .nav-xpss-2-inf {
	flex-grow: 1;
	text-align: left;
}

.nav-xpss-2 ul li .nav-xpss-2-inf h4 {
	font-size: 14px;
	color: #051236;
	padding-bottom: 3px;
	padding-top: 2px;
}

.nav-xpss-2 ul li .nav-xpss-2-inf a {
	height: auto;
	display: flex;
	justify-content: flex-start;
	font-weight: normal;
	color: #051236;
	padding-top: 8px;
	color: #888;
	text-decoration: underline;
	font-size: 13px;
}

.nav-xpss-2 ul li .nav-xpss-2-inf a:hover {
	color: #051236;
}



.nav-xlcp ul {
	margin-left: -40px;
}

.nav-xlcp ul li {
	width: 16.6666%;
	padding-left: 40px;
	float: left;
	margin-bottom: 20px;
}

.underline-none a {
	text-decoration: unset;
	margin-bottom: 15px;
}

.nav-qylz{
	overflow: hidden;
}

.nav-qylz ul {
	margin-left: -40px;
}

.nav-qylz ul li {
	width: 33.33333%;
	padding-left: 40px;
	float: left;
	margin-bottom: 20px;
}

.nav-qylz .nav-ppgs-list i {
	margin-bottom: 0px;
}


.nav-lxwm ul {
	margin-left: -40px;
}

.nav-lxwm ul li {
	width: 25%;
	padding-left: 40px;
	float: left;
	margin-bottom: 20px;
}

.nav-kfrx {
	padding-bottom: 20px;
}

.nav-kfrx h1 {
	font-size: 14px;
	font-weight: normal;
	margin: 0px;
}

.nav-kfrx h1:first-child {
	margin-bottom: 10px;
}



.banner .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
	margin: 0 5px;
}

.ph-banner .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
	margin: 0 6px;
}

.banner .swiper-pagination-bullet-active,
.ph-banner .swiper-pagination-bullet-active {
	background-color: #018a46;
}

#header_sj {
	display: none;
}

.banner {
	text-align: center;
	display: block;
}

.banner .swiper-container .swiper-slide {
	position: relative;
}

.banner .swiper-container .swiper-slide .banner-txt {
	position: absolute;
	bottom: 50px;
	left: 50px;
}

.banner .swiper-container .swiper-slide .banner-txt h1 {
	font-size: 28px;
	color: #fff;
	display: block;
}

.banner .swiper-container .swiper-slide .banner-txt span {
	width: 124px;
	height: 44px;
	background: #fff;
	color: #000;
	font-size: 15px;
	margin-top: 15px;
}

.banner .swiper-container .swiper-slide img {
	width: 100%;
}

.banner .swiper-button-prev {
	width: 57px;
	height: 57px;
	
	margin-left: 50px;
}

.banner .swiper-button-next {
	width: 57px;
	height: 57px;

	margin-right: 50px;
}

.banner .swiper-pagination-bullet.swiper-pagination-bullet-active {
	width: 28px;
	height: 4px;
	border-radius: unset;
	background: #fff;
}

.banner .swiper-pagination-bullet {
	width: 28px;
	height: 4px;
	border-radius: unset;
	background: rgba(255, 255, 255, 0.5);
}

.ph-banner {
	display: none;
}



/********[手机导航开始]**********/

#header-2 {
	display: none;
	height: 68px;
	/*border-bottom:0px solid #035cac;*/
	box-shadow: 0 4px 8px -3px #000;
	position: fixed;
	top: 0px;
	left: 0;
	width: 100%;
	z-index: 1001;
	background-color: #fff;
	/*background-color: #0089d0;*/

}

.nav-2 {
	display: none;
	background-color: #fff;
	position: relative;
	z-index: 900;

}

.nav-2>ul>li {
	border-top: 1px dotted #ccc;
	position: relative;
}


.jiaspan {
	position: absolute;
	width: 30px;
	height: 30px;
	background-image: url(../images/jia.png);
	background-repeat: no-repeat;
	background-position: center;
	top: 8px;
	right: 14px;
}

.jiaspan.cur {
	background-image: url(../images/jian.png);
}





.nav-2>ul>li>ul>li {
	border-top: 1px dotted #ccc;
	position: relative;
}


.nav-2>ul>li>ul>li>ul>li>a {
	padding: 6px 10px;
	display: block;
	font-size: 14px;
	padding-left: 45px;
	width: 100%;
	color: #666;
}

.nav-2>ul>li>ul>li>ul {
	padding-bottom: 10px;
	display: none;
}

.jiaspan2 {
	position: absolute;
	width: 30px;
	height: 30px;
	background-image: url(../images/jia.png);
	background-repeat: no-repeat;
	background-position: center;
	top: 0px;
	right: 14px;
}

.jiaspan2.cur {
	background-image: url(../images/jian.png);
}


.nav-2>ul>li:first-child {

	/*border-top: 0;*/

}

.nav-2>ul>li>a {
	padding: 12px 10px;
	display: block;
	font-size: 16px;
	width: 100%;
	color: #333;
	font-family: "anb";
	text-transform: uppercase;
}

.nav-2>ul>li>ul {
	padding-bottom: 10px;
	display: none;
}

.nav-2>ul>li>ul>li>a {
	padding: 6px 10px;
	display: block;
	font-size: 14px;
	padding-left: 25px;
	width: 100%;
	color: #666;
}

.nav-2-form {
	padding: 10px;
	position: relative;
}

.nav-2-form input[type="image"] {
	position: absolute;
	right: 19px;
	top: 17px;
	width: 18px;
}

.nav-2-form .form-control {
	padding-right: 50px;
}

.logo-2 {
	font-size: 0;
	width: 76px;
	margin-left: 15px;
	margin-top: 2px;
}

.logo-2 img {
	display: block;
	padding-top: 0px;
}

.menu2 {
	margin-right: 15px;
	height: 68px;
	font-size: 0;
}

.menu2 li {
	cursor: pointer;
	margin-left: 15px;
	float: right;
	margin-top: 24px;
}

.menu2 li+li {
	margin-top: 21px;
}

.menu2 li img {
	/*vertical-align: middle;*/
}

.chenggao {
	display: none;
	height: 75px;
}

#nav-2-heidi {
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 800;
	background-image: url(../images/heidi.png);
	display: none;
}

.nav-2-form {
	padding-bottom: 20px;
}

.nav-2-form .form-control {
	height: 42px;
	line-height: 42px;
}

.nav-2-form input[type="image"] {
	top: 22px;
}



/********[手机导航结束]**********/




/********[公共样式]**********/

.flex-box {
	display: flex;
}

.flex-box-center {
	display: flex;
	justify-content: center;
	align-items: center;
}

.flex-box-start {
	display: flex;
	justify-content: flex-start;
}


.flex-box-center-start {
	display: flex;
	justify-content: flex-start;
	align-items: center;
}


.flex-box-center-between {
	display: flex;
	justify-content: space-between;
	align-items: center;
}


.flex-box-between {
	display: flex;
	justify-content: space-between;
}

.flex-center-column {
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
}


.flex-center-column-start {
	display: flex;
	justify-content: center;
	align-items: flex-start;
	flex-direction: column;
}

.flex-column {
	display: flex;
	flex-direction: column;
}

.margin-t60 {
	margin-top: 60px;
}

.margin-t80 {
	margin-top: 80px;
}

.margin-b60 {
	margin-bottom: 60px;
}

.margin-t20 {
	margin-top: 20px;
}

.margin-t40 {
	margin-top: 40px;
}

.margin-b40 {
	margin-bottom: 40px;
}

.margin-b30 {
	margin-bottom: 30px;
}


.margin-b80 {
	margin-bottom: 80px;
}

.padding-t {
	padding-top: 50px;
}

.padding-t10 {
	padding-top: 10px;
}

.padding-t80 {
	padding-top: 80px;
}

.padding-t30 {
	padding-top: 30px;
}

.padding-b50 {
	padding-bottom: 50px;
}

.padding-b80 {
	padding-bottom: 80px;
}

.padding-lr-20 {
	padding-left: 20px;
	padding-right: 20px;
}

.padding-lr-50 {
	padding-left: 50px;
	padding-right: 50px;
}

.padding-lr-120 {
	padding-left: 120px;
	padding-right: 120px;
}


a.underline {
	text-decoration: underline;
}


.img-20 {
	width: 20px;
}


/********[公共样式结束]**********/



/********[首页样式开始]**********/


#main {
	background: #fff;
}

.box-bg {
	background: #f5f6f7;
}

.pro-box-bg {
	background: #eae8e0;
}

.home-box1,
.home-box2 {
	height: auto;
	overflow: hidden;
}

.home-box1 .home-box1-img,
.home-box1 .home-box2-img {
	width: 50%;
}

.home-box1 .home-box2-img i.imgbox_a {
	padding-bottom: 62.2%;
}


.home-box1 .home-box1-inf {
	width: 50%;
	padding: 0px 100px;
	box-sizing: border-box;
	text-align: center;
}

.home-box1 .home-box1-inf h1 {
	font-size: 38px;
	line-height: 1.5;
}

.home-box1 .home-box1-inf h2 {
	font-size: 18px;
	line-height: 1.7;
	padding-top: 30px;
	padding-bottom: 20px;
}

.home-box1 .home-box1-inf a {
	font-size: 16px;
	text-decoration: underline;
}

.home-box2 {
	margin-top: 100px;
	margin-bottom: 40px;
}

.home-title {
	font-size: 38px;
	text-align: center;
}

.home-box2-content {
	padding-top: 40px;
}

.home-box2-item i.imgbox_a {
	padding-bottom: 68.3%;
}

.home-box2-item h1 {
	font-size: 24px;
	margin-top: 30px;
}

.home-box2-item h2 {
	font-size: 16px;
	line-height: 1.7;
	margin-top: 10px;
}

.home-box2-item a {
	display: block;
	margin-top: 30px;
	text-decoration: underline;
}

.home-box3 {
	padding-top: 50px;
}

.home-box3-item {
	background: #f5f6f7;
	padding: 15px;
}

.home-box3-item i{
    mix-blend-mode: multiply;
    margin-top:20px;
    margin-bottom:20px;
}


.home-box3-item h1 {
	font-size: 14px;
}

.home-box3-item h2 {
	font-size: 14px;
	font-weight: bolder;
	margin-top: 15px;
	margin-bottom: 15px;
}

.home-box3-item a {
	width: 100%;
	height: 46px;
	background: #051236;
	color: #fff;
	display: flex;
	justify-content: center;
	align-items: center;
	margin-top: 30px;
}

.home-box4-inf {
	width: 50%;
	flex-shrink: 0;
	padding: 0px 100px;
	box-sizing: border-box;
	text-align: left;
	justify-content: center;
}

.home-box4-inf h1 {
	font-size: 24px;
	line-height: 1.7;
	margin-top: 10px;
}

.home-box4-inf h2 {
	font-size: 16px;
	line-height: 1.75;
	margin-top: 20px;
}

.home-box4-inf h3 {
	font-size: 14px;
	line-height: 1.5;
	color: #000;
	margin-top: 20px;
}

.home-box4-inf a {
	width: 124px;
	height: 48px;
	background: #051236;
	color: #fff;
	display: flex;
	justify-content: center;
	align-items: center;
	margin-top: 30px;
}

.home-box4-inf h4 {
	font-size: 14px;
	color: #000;
	font-weight: bolder;
}





#footer {
	overflow: hidden;
	margin-top: 50px;
}

/* 
.pro-yzm h1 {
	font-size: 16px;
	font-weight: bolder;
	color: #051236;
}

.pro-yzm-con {
	width: 400px;
	height: 42px;
	border-bottom: 1px solid #051236;
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.yzm-input {
	flex-grow: 1;
	height: 100%;
	border: none;
}

.yzm-button {
	width: 80px;
	height: 28px;
	background: #051236;
	color: #fff;
	display: flex;
	justify-content: center;
	align-items: center;
	border: none;
	font-size: 12px;
	margin-left: 10px;
} */


.footer-link{
	align-items: center;
}

.footer-link-title{
	width: 100px;
	flex-shrink: 0;
	font-size: 16px;
	font-weight: bolder;
	color: #051236;
}
.footer-link-con{
	flex-grow: 1;
}





.footer-top {
	display: flex;
	padding-top: 50px;
	padding-bottom: 30px;
}

.home-footer-contact ul li {
	display: flex;
	margin-bottom: 10px;
}

.home-footer-contact ul li i {
	width: 18px;
	flex-shrink: 0;
	margin-right: 8px;
}

.home-footer-contact ul li span {
	line-height: 1.7;
	color: #333;
	font-size: 14px;
}


.rhgm dd {
	display: flex;
	align-items: center;
}

.rhgm dd i {
	width: 18px;
	flex-shrink: 0;
	margin-right: 8px;
}

.home-footer-menu {
	display: flex;
	flex-grow: 1;
	overflow: hidden;
	justify-content: space-between;
}

.home-footer-zx dl dt,
.home-footer-menu dl dt {
	font-size: 15px;
	color: #fff;
	font-weight: bolder;
	margin-bottom: 22px;
	color: #051236;
}

.home-footer-menu dl dd {
	color: #333;
	font-size: 14px;
	line-height: 2;
}


.home-footer-menu dl dd a {
	display: flex;
	align-items: center;
	margin-top: 5px;
}

.home-footer-menu dl dd a i {
	margin-right: 8px;
}


.footer-down {
	width: 100%;
	border-top: 1px solid #D2D2D2;
	padding-top: 40px;
	padding-bottom: 40px;
}

.footer-down-1 {
	font-size: 16px;
	font-weight: bolder;
}

.footer-down-2 {
	padding-top: 20px;
	overflow: hidden;
}


.footer-down-2 ul li {
	float: left;
	margin-right: 15px;
}

.footer-down-2 ul li a{
    display:flex;
    align-items: center;
}

.footer-down-2 ul li a i{
    margin-right: 3px;
}


.footer-down-3 {
	justify-content: space-between;
	align-items: center;
	overflow: hidden;
	height: 130px;
}

.footer-down-31 {
	flex-grow: 1;
}

.footer-down-zc a {
	margin-right: 20px;
}

.footer-down-bq {
	padding-top: 12px;
}

.footer-down-bq span {
	margin-right: 20px;
}


.footer-down-32 {
	flex-shrink: 0;
	width: 670px;
	display: flex;
	justify-content: flex-end;
}

.footer-down-32 dl dt {
	font-size: 16px;

}

.footer-down-32 dl dd {
	width: 36px;
	height: 36px;
	background: #051236;
	padding: 5px;
	box-sizing: border-box;
	border-radius: 100px;
	margin-left: 10px;
}



/********[首页样式结束]**********/



/********[面包屑开始]**********/

.ej-mbx-list {
	height: 52px;
}


.ej-mbx-list ul {
	height: 100%;
	display: flex;
	align-items: center;
}

.ej-mbx-list ul li {
	float: left;
	margin-right: 10px;
}

.ej-mbx-list ul li i img {
	width: 20px;
}



/********[面包屑结束]**********/


/* 产品开始 */


.product-bj {
	background-color: #ece7e0;
}
.product-brand-bj
{
   background-color:#F6F6F8; 
}
.product-brand
{
    width: 100%;
	padding: 0px;
}
.product-tj {
	width: 100%;
	padding: 80px 0px;
}
.product-tj1 {
	width: 100%;
	padding: 60px 0px;
}
.product-tj-img {
	width: 50%;
	flex-shrink: 0;
}

.product-tj-img i.imgbox_a {
	padding-bottom: 62.22%;
}

.product-tj-inf {
	flex-grow: 1;
	text-align: center;
}

.product-tj-inf h1 {
	font-size: 32px;
	margin-bottom: 20px;
}

.product-tj-inf h2 {
	font-size: 20px;
	line-height: 1.7;
}

.product-sx {
	padding-bottom: 30px;
	padding-top: 50px;
}

.product-sx-l {
	width: 400px;
	height: 42px;
	border-bottom: 1px solid #051236;
}

.product-sx-r {
	height: 42px;
	border-bottom: 1px solid #051236;
}

.product-sx-px {
	width: 240px;
	background: none;
	border: none;
	display: flex;
	align-items: center;
	justify-content: space-between;
     
}

.product-sxjg{
	overflow: hidden;
}

.product-sxjg h1{
	font-size: 16px;
	font-weight: bolder;
}

.product-sxjg-inf{
	padding-bottom: 20px;
	padding-top: 20px;
	align-items: center;
}
.product-sxjg-inf ul li{
	float: left;
	border: 1px solid #666;
	padding: 5px 10px;
	margin-right: 10px;
	display: none;
}
.product-sxjg-inf ul li.active{
	display: inline-block;
}

.reset-sx{
	display: none;
	text-decoration: underline;
}

.product-listbox{
	overflow: hidden;
}



.product-listbox .product-sx-inf{
	width: 320px;
	flex-shrink: 0;
	margin-right: 40px;
	display: block;
	transition: ease .5s;
	margin-left: -360px
}
.product-listbox.select-condition .product-sx-inf{
	display: block;
	margin-left: 0px;
}



.product-sx-list{
	padding-bottom: 30px;
	border-bottom: 1px solid #ccc;
	margin-bottom: 20px;
}

.product-sx-list-title{
	font-size: 20px;
	font-weight: bolder;
	padding-bottom: 20px;
}

.product-sx-list-item ul li{
	height: 30px;
	display: flex;
	align-items: center;
	margin-bottom: 10px;
	cursor: pointer;
}

.product-sx-list-item ul li i{
	width: 16px;
	height: 16px;
	border: 1px solid #ccc;
	display: inline-block;
	flex-shrink: 0;
	margin-right: 10px;
	position: relative;
}

.product-sx-list-item ul li.active i:before{
	content: "";
	position: absolute;
	width: 8px;
	height: 8px;
	background: #051236;
	left: 50%;
	top: 50%;
	margin-left: -4px;
	margin-top: -4px;
}


.product-sx-list-item ul li:hover i:before{
	content: "";
	position: absolute;
	width: 8px;
	height: 8px;
	background: #051236;
	left: 50%;
	top: 50%;
	margin-left: -4px;
	margin-top: -4px;
}


.product-sx-list-item ul li span{
	font-size: 16px;
}


.product-sx-list-more{
	margin-top: 20px;
}



.product-list{
	flex-grow: 1;
}

.product-list ul {
	margin-left: -40px;
}

.product-list ul li {
	float: left;
	width: 25%;
	padding-left: 40px;
	box-sizing: border-box;
	margin-bottom: 40px;
}

.product-listbox.select-condition .product-list ul li{
	width: 33.3333%;
}


.product-list ul li .product-bq {
	height: 26px;
	border: 1px solid #051236;
	line-height: 26px;
	font-size: 14px;
	display: inline-block;
	padding-left: 8px;
	padding-right: 8px;
	
}

.product-list .layui-flow-more a {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 216px;
	height: 48px;
	color: var(--color-primary);
	border: 1px solid var(--color-primary);
	background: none;
	border: 1px solid #051236;
	margin: 40px auto 0px;
	cursor: pointer;
}

.product-list .layui-flow-more a cite {
	padding: 0px;
	/* border-radius: 3px; */
	/* background-color: #eee; */
	color: #051236;
	font-style: normal;
	background: none;
}



/* 产品相册弹框 */

#xg-bj,
#bd-bj {
	width: 100%;
	height: 100vh;
	background: rgba(0, 0, 0, 0.5);
	position: fixed;
	top: 0px;
	z-index: 9999;
	display: none;
	align-items: center;
	justify-content: center;
}

.xg-box {
	width: 60%;
	height: 80%;
	background: #fff;
	margin: 0px auto;
	border-radius: 5px;
	padding: 40px;
	position: relative;
}


.xg-close {
	position: absolute;
	width: 24px;
	height: 24px;
	right: 20px;
	top: 20px;
}

.xg-close .layui-icon {
	font-size: 24px;
	cursor: pointer;
}


.xg-main {
	width: 100%;
	height: 100%;
}

.xg-inf {
	border-bottom: 1px solid #D2D2D2;
	padding-bottom: 40px;
	padding-top: 20px;
}

.xg-inf-dp {
	width: 50%;
}


.xg-zxbz {
	padding-top: 30px;
}

.xg-inf-dp h5 {
	font-size: 15px;
	font-weight: bolder;
}


.xg-qtdp a {
	width: 160px;
	height: 32px;
	border: 2px solid #051236;
	color: #fff;
	display: flex;
	justify-content: center;
	align-items: center;
	color: #051236;
	font-weight: bolder;
}

.xg-qd-item {
	padding-top: 40px;
}

.xg-qd-item i {
	margin-right: 10px;
}

.xg-zxbz h5 {
	font-size: 15px;
	font-weight: bolder;
}

.xg-zxbz ul li {
	width: 50%;
	float: left;
	padding-top: 30px;
}

.xg-zxbz-img {
	width: 20px;
	flex-shrink: 0;
	margin-right: 12px;
}

.xg-zxbz-inf h1 {
	font-size: 14px;
	margin-bottom: 12px;
}


.bd-box {
	width: auto;
	background: #fff;
	margin: 0px auto;
	border-radius: 5px;
	padding: 40px;
	position: relative;
}

.bd-main {
	width: 600px;
	height: 100%;
}

.bd-box1 {
	margin-left: -20px;
}

.bd-list {
	width: 50%;
	float: left;
	padding-left: 20px;
}

.bd-list span {
	display: inline-block;
	margin-bottom: 10px;
	margin-top: 10px;
}

.bd-list input.bd-input {
	width: 100%;
	height: 34px;
	border: 1px solid #ededed;
	padding-left: 10px;
}

.bd-list-full {
	width: 100%;
	padding-left: 20px;
}

.bd-list-full span {
	display: inline-block;
	margin-bottom: 10px;
	margin-top: 10px;
}

.bd-list-full input.bd-input {
	width: 100%;
	height: 34px;
	border: 1px solid #ededed;
	padding-left: 10px;
}
.bd-list input::placeholder, 
.bd-list-full input::placeholder {
    color: #c8c8c8; /* 使用变量 */
}



.bd-list-full button{
	width: 100%;
	height: 42px;
	line-height: 42px;
	background: #051236;
	border: none;
	border-radius: 3px;
	color: #fff;
	font-size: 14px;
	margin-top: 20px;
}



/* 产品结束 */


/* 产品详情开始 */


.product-detail-img {
	flex-grow: 1;
}

.product-detail-img ul {
	margin-left: -40px;
}

.product-detail-img ul li {
	padding-left: 40px;
	width: 50%;
	float: left;
	margin-bottom: 40px;
}


.product-detail-inf {
	width: 480px;
	flex-shrink: 0;
	margin-left: 80px;
}

.product-detail-inflist {
	border-bottom: 1px solid #051236;
	padding-top: 20px;
	padding-bottom: 20px;
}

.product-detail-inflist:first-child {
	padding-top: 0px;
}

.product-detail-inflist h1 {
	padding-bottom: 30px;
	padding-top: 10px;
	font-size: 28px;
}

.product-detail-inflist h5 {
	font-size: 14px;
}

.product-small-img {
	width: 50px;
	margin-top: 10px;
}

.product-detail-inflist h1 span {
	font-size: 14px;
}

.product-zdj {
	display: flex;
	align-items: center;
	justify-content: flex-start;
}

.product-zdj h1 {
	margin: 0px;
	padding: 0px;
}

.button-180 {
	width: 180px;
	height: 62px;
	background: #051236;
	color: #fff;
}

.share {
	margin-left: 30px;
}

.product-detail-inflist h3 {
	font-size: 16px;
	line-height: 1.6;
}

.product-detail-inflist .layui-colla-title {
	padding: 0 15px 0 15px;
	background: none;
	border: none;
}

.product-detail-inflist .layui-colla-title span {
	font-size: 16px;
}

.product-detail-inflist .layui-collapse {
	border: none;
}

.product-detail-inflist .layui-colla-icon {
	left: unset;
	right: 15px;
	margin-top: -12px;
	font-size: 22px;
}

.product-detail-inflist .layui-icon-right:before {
	content: "\e624";
}


.product-detail-inflist .layui-colla-item.layui-show .layui-icon-right:before {
	content: "\e67e";
}

.product-detail-inflist .layui-colla-item.layui-show>.layui-colla-title .layui-colla-icon {
	transform: unset;
}

.product-detail-inflist .layui-colla-content {
	border: none;
}

.product-detail-inflist .tz-list {
	font-size: 16px;
	padding-bottom: 10px;
	color: #000;
	display: flex;
}

.product-detail-inflist .tz-list span {
    width: 220px;
    flex-shrink:0;
	display:inline-block;
}


/* 产品详情结束 */

/* 新闻列表开始 */

.ej-banner i.imgbox_a {
	padding-bottom: 26.771%;
}

.news-main{
    overflow: hidden;
}

.news-title {
	padding-top: 50px;
	padding-bottom: 50px;
}

.news-title-list {
	width: 100%;
	border-bottom: 1px solid #ccc;
}

.news-title-list ul li {
	float: left;
	height: 70px;
	line-height: 70px;
	margin: 0px 20px;
}

.news-title-list ul li a {
	font-size: 16px;
	height: 100%;
	display: inline-block;
}

.news-title-list ul li a:hover {
	border-bottom: 2px solid #051236;
}

.news-listbox ul {
	margin-left: -40px;
}

.news-listbox ul li {
	width: 25%;
	padding-left: 40px;
	float: left;
	margin-bottom: 40px;
}

.news-listbox ul li h5 {
	font-size: 14px;
	padding-top: 10px;
}

.news-listbox ul li h2 {
	font-size: 16px;
	font-weight: bold;
	padding-top: 10px;
	padding-bottom: 10px;
	white-space: nowrap;
	/* 防止文本换行 */
	overflow: hidden;
	/* 隐藏超出容器的部分 */
	text-overflow: ellipsis;
	/* 超出部分显示为省略号 */
}

.news-listbox ul li h3 {
	font-size: 14px;
	line-height: 1.7;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
	text-overflow: ellipsis;
}


.news-list-img i.imgbox_a {
	padding-bottom: 67.87%
}



/* 分页 */

.page {
	padding-top: 40px;
	padding-bottom: 40px;
}

.page ul {
	display: table;
	margin: 0px auto;
}

.page ul li {
	display: table-cell;
}

.page ul li a {
	display: block;
	padding: 8px 14px;
	border: 1px solid #dee4e9;
	margin: 0px 5px;
	text-align: center;
	border-radius: 2px;
}

.page ul li a:hover {
	background: #051236;
	color: #fff;
	border: 1px solid #051236;
}



/* 新闻列表结束 */




/* 企业礼赠开始 */


.lz-bj {
	background: #f5f6f7;
}

.gifting-title {
	text-align: center;
	padding-top: 60px;
	padding-bottom: 60px;
}

.gifting-title h1 {
	font-size: 32px;
}

.gifting-title h2 {
	font-size: 18px;
	margin-top: 30px;
}

.gifting-swzl {
	position: relative;
}

.gifting-swzl-img,
.gifting-swzl-inf {
	width: 50%;
}


.gifting-swzl-img i.imgbox_a {
	padding-bottom: 71.76%;
}

.gifting-swzl-inf {
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
}

.gifting-swzl-inf h1 {
	font-size: 32px;
	margin-bottom: 20px;
}

.gifting-swzl-inf a {
	text-decoration: underline;
}

.gifting-swzl .owl-nav {
	display: flex;
	justify-content: center;
	width: 100%;
	margin-top: 40px;
}

.gifting-swzl .owl-nav .owl-prev {
	width: 40px;
	height: 40px;
	background: #018a46;
	text-indent: -9999999px;
	background: url(../images/left-jt.jpg) no-repeat;
	background-size: cover;
	margin-right: 45px;
}

.gifting-swzl .owl-nav .owl-next {
	width: 40px;
	height: 40px;
	background: #018a46;
	text-indent: -9999999px;
	background: url(../images/right-jt.jpg) no-repeat;
	background-size: cover;
	margin-left: 45px;
}

.gifting-swzl .owl-dots {
	width: 80px;
	height: 40px;
	display: flex;
	justify-content: center;
	align-content: center;
	position: absolute;
	bottom: -15px;
	left: 50%;
	margin-left: -40px;
}

.gifting-swzl .owl-dots .owl-dot {
	width: 12px;
	height: 12px;
	background: #ededed;
	border-radius: 10px;
	margin: 0px 2px;
}

.gifting-swzl .owl-dots .owl-dot.active {
	background: #051236;
}

.zxtj-list h1 {
	margin-top: 40px;
	margin-bottom: 10px;
}

.sqjxs-box {
	border-top: 1px solid #D2D2D2;
	padding-bottom: 80px;
	overflow: hidden;
}

.sqjxs-box ul li {
	width: 33.3333%;
	padding-top: 40px;
	float: left;
}



/* 联系我们 */


.qyxx-box {
	text-align: center;
	padding-left: 100px;
	padding-right: 100px;
}

.qyxx-box-1 {
	padding-top: 40px;
	padding-bottom: 40px;
}

.qyxx-box-1 h1 {
	font-size: 32px;
	margin-bottom: 40px;
	margin-top: 80px;
}

.qyxx-box-1 h2 {
	font-size: 18px;
	line-height: 1.7;
}

.qyxx-box-2 {
	border-top: 1px solid #ccc;
	padding-top: 40px;
}

.qyxx-box-2 h1 {
	font-size: 24px;
	margin-bottom: 20px;
}

.qyxx-box-2 h2 {
	font-size: 18px;
	margin-bottom: 20px;
}

.home-box1 .contact-inf-list h1 {
	font-size: 24px;
}

.home-box1 .contact-inf-list h2 {
	font-size: 38px;
}

.home-box1 .contact-inf-list h3 {
	font-size: 18px;
}

.home-box1 .contact-inf-list a {
	margin-top: 20px;
}

.hzqt-img {
	width: 40px;
}


.home-box1 .hzqt-box h1 {
	font-size: 38px;
}


.home-box1 .hzqt-inf {
	text-align: left;
	margin-left: 30px;
}

.home-box1 .hzqt-inf h1 {
	font-size: 20px;
}

.home-box1 .hzqt-inf h2 {
	font-size: 14px;
	margin: 0px;
	padding: 0px;
}



/* 职业生涯 */


.home-box1 .career-inf-list {
	color: #fff;
}

.home-box1 .career-inf-list h1 {
	font-size: 32px;
}

.home-box1 .career-inf-list h2 {
	text-align: left;
	font-size: 24px;
	padding-top: 20px;
}

.career-bg-1 {
	background: #897240;
}

.career-bg-2 {
	background: #7569b2;
}

.career-bg-3 {
	background: #4a7863;
}
.career-tgxx{
	text-align: center;
	padding-left: 100px;
	padding-right: 100px;
}
.career-tgxx h1{
	font-size: 32px;
}
.career-tgxx h2{
	font-size: 18px;
	line-height: 1.5;
	margin-top: 20px;
}
.career-zw-title{
	padding-left: 36px;
	padding-right: 16px;
	font-weight: bold;
	padding-bottom: 10px;
	
}
.career-zw-title span{
	 display: inline-block;
	 width: 33.3333%;
	 text-align: left;
	 font-size: 12px;
	 color: #888;
}
.career-zw-title span:last-child{
	text-align: right
}


.career-zw-list span{
	 display: inline-block;
	 width: 33.3333%;
	 text-align: left;
}
.career-zw-list span:last-child{
	text-align: right
}


.career-zw{
	padding-left: 20px;
}

.career-zw span{
	 display: inline-block;
	 width: 33.3333%;
	 text-align: left;
}
.career-zw span:last-child{
	text-align: right
}


/********[新闻详情页]**********/

.news-detailbox{
	padding-top: 40px;
	padding-bottom: 40px;
}
.newsdetail-title{
	font-size: 32px;
	text-align: center;
	padding-bottom: 40px;
}
.newsdetail-con p{
	text-indent: 2em;
	font-size: 18px;
	padding-top: 10px;
	padding-bottom: 10px;
	line-height: 1.7;
}
.newsdetail-con{
	padding-top: 10px;
	padding-bottom: 10px;
}




/********[品牌故事]**********/

.ppgs-bg-1{
	background: #5a739c;
}

.ppgs-bg-2{
	background: #df313e;
}

.ppgs-bg-3{
	background: #1f573d;
}

.ppgs-bg-4{
	background: #302b6b;
}

.ppgs-bg-5{
	background: #897240;
}

.ppgs-bg-6{
	background: #7569b2;
}



.ppgs-box .home-box1 .text-center h2 {
	text-align: center;
	font-size: 20px;
}







/*消息弹框*/

.yx-div{
	position: fixed;
	right: 110px;
	bottom:20px;
	z-index: 800;
	width: 384px;
	background-color: #fff;
	box-shadow: 0 0 10px 1px rgba(0,0,0,0.15);
	border-radius: 5px;
	overflow: hidden;
	display: none;
}

.yx-title{
	font-size: 18px;
	color: #fff;
	height: 70px;
	line-height: 70px;
	background-color: #c9151e;
	/*font-weight: bold;*/
	padding-left: 20px;
}

.yx-close{
	position: absolute;
	width: 19px;cursor: pointer;
	right: 20px;
	top: 23px;
	z-index: 150;
}

.yx-form{
	padding: 25px 20px 30px;
}
.yx-form-item input:focus,
.yx-form-item textarea:focus{
	outline: none;
}
.foo1-4 input::placeholder{
	color:white;
}
.yx-form-item+.yx-form-item{
	margin-top: 10px;
}
.yx-form-item textarea{
	display: block;
	width: 100%;
	height: 185px;
	border:1px solid #dddddd;
	font-size: 14px;
	color: #333;
	line-height: 1.5;
	padding: 10px 15px;
	resize: none;
	border-radius: 4px;
}
.yx-form-item input[type="text"]{
	display: block;
	width: 100%;
	height: 50px;
	border:1px solid #dddddd;
	border-right: 0;
	font-size: 14px;
	color: #333;
	line-height: 1.428571;
	padding:  7px 15px;
	border-radius: 4px;
}
.yx-form-item input[type="submit"]{
	display: block;
	width: 100%;
	height: 50px;
	font-size: 18px;
	color: #fff;
	border:0;
	border-radius: 4px;
	background-color:#36aee2;
	transition: background-color .3s;
}
.yx-form-item input[type="submit"]:hover{
	/*font-weight: bold;*/
	background-color: #0a8acc;
}