body,
p,
h1,
h2,
h3,
h4,
h5,
h6 {
	padding: 0;
	margin: 0;
	font-weight: normal;
}

body,
html {
	scroll-behavior: smooth;
}

body::-webkit-scrollbar {
	width: 0 !important;
	height: 0 !important;
}

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

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

input {
	outline: none;
}

table {
	border-collapse: collapse;
}

.clearfix:before,
.clearfix:after {
	content: "";
	display: table;
}

.clearfix:after {
	clear: both;
	overflow: hidden;
}

.clearfix {
	zoom: 1;
}



.wid1410 {
	width: 1410px;
	min-width: 1000px;
	max-width: 1500px;
	margin: 0 auto;
}

.wid1400 {
	width: 1400px;
	min-width: 1000px;
	max-width: 1400px;
	margin: 0 auto;
	box-sizing: border-box;
	padding: 0;
}
.wid14001 {
	width:auto;
	min-width: 400px;
	
/*	max-width: 800px;*/
	margin: 0 auto;
	box-sizing: border-box;
	padding-top: 220px;

}

/*导航*/

.header {
	display: flex;
	align-items: center;
	justify-content: space-between;
	box-sizing: border-box;
	padding: 0 120px;
}

.head_right {
	text-align: right;
	display: flex;
	align-items: center;
}

.head_right .search {
	padding: 10px 18px;
	background-color: #11baf2;
	border-radius: 20px;
}

.head_right a {
	margin-left: 20px;
	font-size: 14px;
	font-weight: normal;
	font-stretch: normal;
	letter-spacing: 0px;
	color: #ffffff;
}

.head_right a img {
	vertical-align: sub;
}

.head_right .shiyan {
	background-color: rgba(31, 54, 143, 0.5);
	border-radius: 20px;
	padding: 10px 16px;
}

.head_right .eng {
	margin: 0 35px;
}

.head_right a:last-child {
	margin-left: 0;
}

.hea-phone {
	display: flex;
	align-items: center;
}

.hea-phone span {
	font-size: 20px;
	color: #fff;
	padding-left: 10px;
}

.header .logo {
	flex: 1;
}

.header .logo img {
	height: 32px;
}

.header-con {
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	z-index: 2;
	padding: 20px 0;
	/* background: rgba(0,0,0,0.2); */
}

.main-slider {
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	position: relative;
}

/*导航完*/


.mshow {
	display: none;
}

.pcshow {
	display: block;
}

.swiper-pagination {
	position: absolute;
	text-align: center;
	-webkit-transition: .3s;
	-moz-transition: .3s;
	-o-transition: .3s;
	transition: .3s;
	-webkit-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
	-o-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
	z-index: 10;
	right: 10px;
	top: 50%;
	-webkit-transform: translate3d(0, -50%, 0);
	-moz-transform: translate3d(0, -50%, 0);
	-o-transform: translate(0, -50%);
	-ms-transform: translate3d(0, -50%, 0);
	transform: translate3d(0, -50%, 0);
}

.swiper-pagination-switch {
	width: 8px;
	height: 8px;
	border-radius: 100%;
	background: #000;
	opacity: .4;
	margin: 5px 0;
	display: block;
}

.swiper-active-switch {
	opacity: 1;
	background: #F8B551;
}

.first-swiper {
	position: relative !important;
}

.banner_pag {
	width: auto;
	position: absolute !important;
	left: 13%;
	bottom: 38%;
	z-index: 999 !important;
	display: flex;
	align-items: center;
	top: inherit;
	right: inherit;
}

.banner_pag .swiper-pagination-bullet {
	width: 8px;
	height: 8px;
	background: transparent;
	border: 1px solid #fff;
	margin-right: 16px;
	opacity: 1;
	cursor: pointer;
}

.banner_pag .swiper-pagination-bullet:last-child {
	margin-right: 0 !important;
}

.banner_pag .swiper-pagination-bullet-active {
	opacity: 1;
	background: #fff !important;
}

.main-swiper .swiper-wrapper>.swiper-slide {
	position: relative;
}

.mytop {
	position: absolute;
	z-index: 999;
	bottom: 95px;
	right: 53px;
}

.banner-desk {
	position: absolute;
	bottom: 100px;
	left: 160px;
	color: #fff;
	font-size: 14px;
	display: none;
}


/* 第二页公司简介 */
.biref {
	background: url("../img/home_about_bg.jpg");
	background-size: 100% 100%;
	display: flex;
	align-items: center;
}

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

.learn_more {
	display: flex;
	align-items: center;
	font-size: 14px;
	font-weight: normal;
	font-stretch: normal;
	letter-spacing: 0px;
	color: #1f368f;
}

.learn_more2 {
	color: #fff !important;
}

.learn_more img {
	margin-right: 30px;
}

.biref_left {
	width: 55%;
}

.biref_left .imgbox:first-child {
	margin-right: 60px;
}

.biref_left .imgbox a {
	position: relative;
	font-size: 16px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 16px;
	letter-spacing: 0px;
	color: rgba(255, 255, 255, 0.5);
	display: block;
}

.biref_left .imgbox a .imgbox {
	transition: 0.5s;
	overflow: hidden;
}

.biref_left .imgbox .a_one,
.biref_left .imgbox .a_one .imgbox {
	margin-bottom: 45px;
	width: 268px;
	height: 406px;
}

.biref_left .imgbox .a_two,
.biref_left .imgbox .a_two .imgbox {
	width: 268px;
	height: 328px;
}

.biref_left .imgbox .a_three,
.biref_left .imgbox .a_three .imgbox {
	width: 268px;
	height: 328px;
	margin-bottom: 30px;
}

.biref_left .imgbox .a_four,
.biref_left .imgbox .a_four .imgbox {
	width: 268px;
	height: 328px;
}

.biref_left .imgbox a:hover {
	filter: none;
	opacity: 1;
}

.biref_left .imgbox a:hover img {
	transform: scale(1.04);

}

.biref_left .imgbox a::after {
	content: '';
	display: block;
	clear: both;
	position: absolute;
	bottom: 0;
	right: -15px;
	width: 15px;
	height: 67px;
	background-color: #1f368f;
	display: none;
}

.biref_left .imgbox a img {
	display: block;
	width: 100%;
	height: 100%;
	transition: 0.5s;
}

.biref_left .imgbox .a_son {
	position: absolute;
	left: 30px;
	bottom: 35px;
}

.biref_left .imgbox .a_son p {
	font-size: 24px;
	font-weight: normal;
	font-stretch: normal;
	letter-spacing: 0px;
	color: #ffffff;
	margin-top: 15px;
}

.biref_left .imgbox a:hover::after {
	display: block;
}


.biref_right {
	width: 40%;
	box-sizing: border-box;
	padding-top: 13%;
}

.biref_right .title {
	font-size: 36px;
	font-weight: bold;
	font-stretch: normal;
	letter-spacing: 0px;
	color: #333333;
}

.biref_right .detail {
	font-size: 18px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 30px;
	letter-spacing: 0px;
	color: #666666;
	text-overflow: -o-ellipsis-lastline;
	overflow: hidden;
	text-overflow: ellipsis;
	/*display: -webkit-box;*/
	-webkit-line-clamp: 3;
	line-clamp: 3;
	-webkit-box-orient: vertical;
	margin: 37px 0 40px;
}

.biref_right .detail1 {
	font-size: 18px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 30px;
	letter-spacing: 0px;
	color: #666666;
	text-overflow: -o-ellipsis-lastline;
	overflow: hidden;
	text-overflow: ellipsis;
	/*display: -webkit-box;*/
	-webkit-line-clamp: 3;
	line-clamp: 3;
	-webkit-box-orient: vertical;
	margin: 37px 0 40px;
}
.detail1 img{ padding:0 10px; }
.biref_right .subsidiary {
	font-size: 18px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 48px;
	letter-spacing: 0px;
	color: #666666;
	margin-bottom: 50px;
}

.biref_right .subsidiary a {
	display: block;
	font-size: 20px;
	color: #000000;
}

.biref_right .subsidiary a:hover {
	color: #1f368f;
}


.biref_video_bg {
	position: absolute;
	right: 230px;
	bottom: 150px;
}

.biref_video_btn {
	position: absolute;
	right: 268px;
	bottom: 188px;
	z-index: 999;
	cursor: pointer;
}

/* 第三页 产品推荐 */
.product {
	background: url("../img/home_product_bg.jpg");
	background-size: 100% 100%;
	padding-top: 7%;
	box-sizing: border-box;
}

.product .pro_title {
	display: flex;
	align-items: center;
	justify-content: space-between;
	color: #ffffff;
	font-stretch: normal;
	letter-spacing: 0px;
	font-weight: normal;
	margin-bottom: 100px;
}

.pro_title_left {
	font-size: 36px;
	font-weight: bold;
	max-width: 50%;
}

.pro_title_left p {
	font-size: 16px;
	margin-top: 25px;
}

.pro_title_right {
	font-size: 18px;
}

.pro_title_right img {
	vertical-align: sub;
	margin-left: 12px;
}

.pro_con .pro_swiper {
	width: 87% !important;
	margin: inherit;
	position: relative !important;
	margin-bottom: 5.5%;
}

.pro_swiper .swiper-slide {
	text-align: center;
	width: 450px !important;
}

.pro_swiper .swiper-slide .proimg {
	width: 450px !important;
	height: 342px;
	overflow: hidden;
	box-sizing: border-box;
	position: relative;
}

.pro_swiper .swiper-slide .proimg::after {
	position: absolute;
	bottom: 0;
	height: 2px;
	width: 0;
	background-color: #fff;
	content: '';
	display: block;
	transition: 0.5s;
}

.pro_swiper .swiper-slide .proimg img {
	width: 100% !important;
	height: 100%;
	display: block;
	transition: 0.5s;
}

.pro_swiper .swiper-slide:hover .proimg img {
	transform: scale(1.04) !important;
}

.pro_swiper .swiper-slide:hover .proimg::after {
	width: 100%;
}

.pro_swiper .swiper-slide p {
	font-size: 24px;
	font-weight: normal;
	font-stretch: normal;
	letter-spacing: 0px;
	color: #ffffff;
	padding: 26px 5%;
	box-sizing: border-box;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	border-bottom: 1px solid rgba(238, 238, 238, 0.5);
}

.pro_con {
	position: relative;
}

.pro_con .pro_next {
	background: url(../img/home_product_slide01.png) no-repeat;
	width: 66px;
	height: 66px;
	right: 214px;
	top: 33%;
	z-index: 99999;
}

.pro_con .pro_prev {
	background: url(../img/home_product_slide03.png) no-repeat;
	width: 66px;
	height: 66px;
	left: 214px;
	top: 33%;
	z-index: 99999;
	display: none;
}


/* 第四页 服务客户 */
.service {
	background: url("../img/map_bg.jpg");
	background-size: cover;
	box-sizing: border-box;
	padding-top: 7%;
}

.service_bgimg {
	display: none;
	width: 100%;
}

.service_right {
	display: flex;
	flex-wrap: wrap;
	flex-direction: column;
	text-align: right;
}

.service_right .tit {
	font-size: 36px;
	font-weight: bold;
	font-stretch: normal;
	letter-spacing: 0px;
	color: #333333;
}

.service_right .tit p {
	font-size: 24px;
	margin-top: 22px;
}

.service_right .Counter {
	margin: 90px 0 80px;
	font-size: 36px;
}

.service_right .Counter p {
	font-size: 18px;
	margin-top: 16px;
}

.service_right .Counter .numbox {
	margin-bottom: 40px;
}


.service_lunbo {
	width: 100%;
	margin-bottom: 6%;
}

.service_swiper .swiper-slide {
	height: 70px;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 8.959% !important;
}

.service_swiper .swiper-slide img {
	width: 100%;
	height: 64px;
	display: block;
	box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.14);
	border-radius: 2px;
}


/* 第五页 新闻*/
.case {
	background: url("../img/home_news_bg.jpg");
	background-size: 100% 100%;
	box-sizing: border-box;
	padding-top: 8%;
}

.case_con .pro_title {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 6%;
}

.case_tab {
	display: flex;
	align-items: center;
}

.case_tab span {
	font-weight: normal;
	font-stretch: normal;
	letter-spacing: 0px;
	color: #ffffff;
	font-size: 24px;
	position: relative;
	padding-right: 30px;
	cursor: pointer;
}

.case_tab span:last-child {
	padding-left: 30px;
}

.case_tab span::after {
	position: absolute;
	right: 0;
	width: 1px;
	background-color: #fff;
	content: '';
	display: block;
	height: 30px;
	top: 24%;
}

.case_tab span:last-child::after {
	display: none;
}

.case_tab span:last-child {
	border: none;
}

.case_tab span.hov {
	font-weight: bold;
	font-size: 36px;
}

.case_list,
.production_list {
	overflow: hidden;

}
.production_list,
.production_list2{
    	position: relative;
}

.news_swiper .swiper-slide,
.news_swiper2 .swiper-slide {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;

}

.case_list li {
	width: 100%;
	box-sizing: border-box;
}

.case_item {
	position: relative;
}

.case_list-img {
	width: 100%;
	height: 342px;
	overflow: hidden;
}

.case_list-img>img {
	width: 100%;
	height: 100%;
	display: block;
	transition: 0.5s;
}

.case_list-img:hover>img {
	transform: scale(1.04);
}


.case_list_text {
	box-sizing: border-box;
	padding: 25px 0;
}

.case_list_text .name {
	font-size: 22px;
	font-weight: normal;
	font-stretch: normal;
	letter-spacing: 0px;
	color: #ffffff;
	text-overflow: -o-ellipsis-lastline;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	line-clamp: 2;
	-webkit-box-orient: vertical;
	height: 62px;
}

.case_list_text .detail {
	height: 48px;
	font-size: 16px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 24px;
	letter-spacing: 0px;
	color: #ffffff;
	margin: 4% 0;
	text-overflow: -o-ellipsis-lastline;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	line-clamp: 2;
	-webkit-box-orient: vertical;
}

.case_list_text span {
	font-size: 12px;
	color: #ffffff;
	opacity: 0.5;
}

.news_pagination {
	height: 16px !important;
	right: 0 !important;
	left: 0 !important;
	/*bottom: 50px !important;*/
	bottom: -30px !important;
	top: inherit !important;
}

.news_pagination .swiper-pagination-bullet {
	width: 16px !important;
	height: 16px !important;
	background-color: #ffffff !important;
	opacity: 0.5 !important;
	margin: 0 8px;
}

.news_pagination .swiper-pagination-bullet-active {
	opacity: 1 !important;
}


/* 生产流程 */
.production {
	background-color: #fff;
	box-sizing: border-box;
	padding-top: 8%;
}

.production_tit {
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 30px;
	font-weight: normal;
	font-stretch: normal;
	letter-spacing: 0px;
	color: #666666;
}

.production_tit span {
	cursor: pointer;
	margin: 0 20px;
	padding-bottom: 18px;
	border-bottom: 2px solid rgba(0, 0, 0, 0.6);
}

.production_tit .span_active {
	color: #1f368f;
	border-bottom-color: #1f368f;
	font-weight: bold;
}

.production .top_intro {
	font-size: 16px;
	font-weight: normal;
	font-stretch: normal;
	letter-spacing: 0px;
	color: #333333;
	text-align: center;
	margin: 30px 0 50px;
}


.production_con {
	height: 436px;
}


.production_con .production_list {
	height: 100% !important;
}

.production_swiper .swiper-slide li,
.production_swiper2 .swiper-slide li {
	width: 100%;
	display: flex;
	height: 436px;
}

.production_swiper .swiper-slide li img,
.production_swiper2 .swiper-slide li img {
	width: 50%;
	height: 100%;
	display: block;
}

.production_prev,
.production_next,
.production_prev2,
.production_next2 {
	width: auto !important;
	background-image: none !important;
	display: flex;
	align-items: center;
	font-size: 16px;
	font-weight: normal;
	font-stretch: normal;
	letter-spacing: 0px;
	top: auto;
	bottom: 80px;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.production_prev,
.production_prev2 {
    left: 0;
    opacity: 1 !important;
    top: 53%;
}

.production_next,
.production_next2 {
	 right: 0;
    opacity: 1 !important;
    top: 53%;
}

.production_prev img,
.production_next img,
.production_prev2 img,
.production_next2 img {
cursor: pointer;
opacity: 0.5;
transition: 0.5s;
}
.production_prev img:hover,
.production_next img:hover,
.production_prev2 img:hover,
.production_next2 img:hover{
opacity:1;
}

.production .son_more {
	margin-top: 80px;
}

.menu {
	cursor: pointer;
}

/* 弹出导航 */
.modal_nav {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #fff;
	z-index: 999;
	background: url(../img/nav_bg.jpg) no-repeat;
	background-size: 100% 100%;
	box-sizing: border-box;
	padding: 50px 100px;
	font-size: 36px;
	font-weight: bold;
	color: #bebebf;
	display: none;
}

.modal_nav .closediv {
	width: auto;
	display: flex;
	justify-content: flex-end;
}

.modal_nav .close_nav {
	text-align: right;
	display: inline-block;
	cursor: pointer;
}

.navnone {
	display: none;
}

.operate {
	width: 46%;
	margin: auto;
	margin-top: 8%;
}

.operate li {
	display: inline-block;
	width: 100%;
	position: relative;
	min-height: 43px;
	zoom: 1;
	margin-bottom: 25px;
}

.operate li h4 {
	cursor: pointer;
	font-size: 36px;
	font-weight: normal;
	letter-spacing: 0px;
	color: #bebebf;
}


.operate li .list-item {
	padding: 30px 0 0;
	position: relative;
}

.operate .join-con {
	display: flex;
	align-items: center;
}

.operate .join-con a {
	font-size: 18px;
	font-weight: normal;
	font-stretch: normal;
	color: #bebebf;
	padding: 0 10px;
}

.operate .join-con img {
	margin-right: 20px;
}

.operate .join-con a:hover,
.operate li h4:hover {
	color: #fff;
	font-weight: bold;
}

.lastslide {
	position: relative;
	box-sizing: border-box;
	padding-top: 8%;
}

.index .foot {
	position: absolute;
	bottom: 0;
	left: 0;
	height: auto;
	width: 100%;
	/* display: none; */
}

.foot .foot_top {
	width: 100%;
	height: 358px;
	box-sizing: border-box;
	background-color: #1f368f;
	position: relative;
	/*background-image: url(../img/bottom_bg.png);*/
	background-repeat: no-repeat;
	background-position: left top;
	padding: 36px 0;
}


.foot .foot_bot {
	height: 70px;
	background-color: #182b76;
}

.foot .foot_bot>div {
	height: 100%;
	font-size: 14px;
	font-weight: normal;
	font-stretch: normal;
	letter-spacing: 0px;
	color: #ffffff;
	opacity: 0.5;
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.foot .foot_bot a {
	font-size: 14px;
	font-weight: normal;
	font-stretch: normal;
	letter-spacing: 0px;
	color: #ffffff;
}


.foot-subscibe {
	max-width: 550px;
	font-size: 16px;
	color: #ffffff;
}


.fs-form {
	margin-top: 11%;
}

.fs-group,
.fs-btn {
	display: inline-block;
	vertical-align: top;
}

.fs-group {
	position: relative;
	width: 160px;
	margin-right: 18px;
	margin-bottom: 20px;
	border-bottom: 2px solid #fff;
}

.fs_active {
	font-size: 12px !important;
	top: 0;
	opacity: .5 !important;
	transform: translateY(-30px) !important;
}

label:not(.error) {
	font-size: 14px;
	position: absolute;
	top: 50%;
	left: 0;
	pointer-events: none;
	color: #fff;
	transition: all .4s;
	transform: translateY(-50%);

}

.fs-message {
	width: 342px;
}



.fs-group input {
	font-size: 14px;
	width: 100%;
	padding: 10px 0;
	color: #fff;
	border: none;
	outline: none;
	background-color: transparent;
}





.fs-btn {
	position: relative;
	width: 162px;
	height: 36px;
	border-bottom: 2px solid #fff;
	overflow: hidden;
}

.fs-btn::after {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	width: 0;
	height: 100%;
	content: '';
	display: block;
	background-color: #fff;
	transition: 0.3s;
}

.fs-btn span {
	font-size: 14px;
	color: #ffffff;
	position: absolute;
	left: 0;
	bottom: 8px;
	z-index: 999;
	display: block;
	width: 100%;
	transition: 0.3s;
}

.fs-btn:hover span {
	color: #1f368f;
	transform: translateX(40%);
}

.fs-btn:hover::after {
	width: 100%;
}




.foot-ul .adress {
	width: 10%;
	text-align: right;
	position: relative;
}

.foot-ul .adress div {
	width: 60px;
	height: 60px;
	line-height: 70px;
	display: inline-block;
	text-align: center;
	border: 1px solid #fff;
	cursor: pointer;
	margin-bottom: 18px;
	transition: 0.5s;
	box-sizing: border-box;
	background-image: url(../img/bottom_wx01.png);
	background-position: center;
	background-repeat: no-repeat;
}

.foot-ul .adress:hover div {
	background-image: url(../img/bottom_wx02.png);
	background-color: #fff;

}

.foot-ul .adress .ewmimg {
	position: absolute;
	left: -40px;
	bottom: 18px;
	width: 108px;
	height: 108px;
	display: none;
}

.ditu {
	width: 100%;
	position: absolute;
	bottom: 46%;
	height: 54%;
}

#container,
#Main {
	width: 100%;
	height: 102%;
}

#Main {
	position: relative;
}

#Main::after {
	position: absolute;
	top: 0;
	left: 0;
	content: '';
	display: block;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.2);
	z-index: 999999;
}

.amap-icon img {
	width: 30px;
}

.amap-info-contentContainer {
	display: none;
}

.foot-ul {
	display: flex;
	justify-content: space-between;
	align-items: flex-end;
	height: auto;
	box-sizing: border-box;
}

.foot-ul .phone {
	width: 33%;
}

.foot-ul .phone>div {
	margin-top: 30px;
}

.foot-ul .phone>div p {
	font-size: 16px;
	font-weight: normal;
	font-stretch: normal;
	margin-bottom: 14px;
	color: #ffffff;
	box-sizing: border-box;
	padding-left: 25px;
	background-position: left;
	background-repeat: no-repeat;
	background-image: url(../img/address.png);
}

.foot-ul .phone>div p:last-child {
	background-image: url(../img/tel.png);
}


.case_list2,
.production_list2 {
	display: none;
}

/*弹出视频*/

.modell {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
}

.modal {
	box-sizing: border-box;
	display: none;
	position: fixed;
	top: 8%;
	left: 15%;
	width: 70%;
	height: auto;
	z-index: 102;
}

.modal.open {
	display: block;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	z-index: 1000;
}

.modal-text {
	margin-bottom: 0.5em;
	text-align: center;
}

.modal-text>a {
	color: #42b983;
	font-weight: 600;
}

.overlay {
	position: fixed;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background: rgba(0, 0, 0, 0.2);
	z-index: 101;
}

.stop-scroll {
	overflow: hidden;
	height: 100%;
}

/*视频完*/

/* 前往实验室--悬停效果 */
.to_laboratory {
	position: absolute;
	right: 17%;
	bottom: 24%;
	display: flex;
	align-items: center;
	z-index: 99;
	font-size: 16px;
	font-weight: normal;
	font-stretch: normal;
	letter-spacing: 0px;
	color: #ffffff;
}

.to_laboratory img {
	margin: 0 16px;
	transition: transform .4s;
}

.to_laboratory p {
	transition: transform .4s;
	position: relative;
	padding: 3px 0;
	text-shadow: 0px 0px 1px #000;
}

.to_laboratory p::after {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
	display: block;
	width: 0;
	height: 1px;
	content: '';
	background-color: #fff;
	transition: width .4s;
}

.to_laboratory:hover img {
	transform: translateX(-44px);
}

.to_laboratory:hover p {
	transform: translateX(95px);
}

.to_laboratory:hover p::after {
	width: 100%;
}


.main-swiper>.mainp {
	display: flex;
	flex-direction: column;
	align-items: center;
}

.main-swiper>.mainp>.swiper-pagination-bullet {
	width: 6px !important;
	height: 6px !important;
	background-color: #535353;
	opacity: 0.3 !important;
	margin: 10px 0 !important;
	position: relative !important;
}

.main-swiper>.mainp>.swiper-pagination-bullet-active {
	width: 24px !important;
	height: 24px !important;
	border: solid 1px #535353 !important;
	background: #fff !important;
	opacity: 1 !important;
}

.main-swiper>.mainp>.swiper-pagination-bullet-active::after {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	margin: auto;
	content: '';
	display: block;
	width: 6px;
	height: 6px;
	background-color: #535353;
	border-radius: 50%;
}

.main-swiper>.mainp>.swiper-pagination-bullet-active:nth-of-type(odd) {
	border-color: #fff !important;
	background: transparent !important;
}

.main-swiper>.mainp>.swiper-pagination-bullet-active:nth-of-type(odd)::after {
	background-color: #fff;
}

/* 内页 */
/* 关于我们 */
.inner_header {
	background-color: #fff;
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: space-between;
	box-sizing: border-box;
	padding: 20px 120px;
}

.inner_header .menu {
	display: none;
}

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

}

.inner_menu li {
	width: auto;
	margin: 0 25px;
}

.inner_menu li a {
	font-size: 16px;
	font-weight: normal;
	letter-spacing: 0px;
	color: #333333;
}

.menu_active {
	font-weight: bold !important;
	color: #1f368f !important;
}

.inner_header .eng {
	margin-left: 20px !important;
	margin-right: 0;
	font-size: 14px;
	color: #1f368f;
}

.inner_banner {
	width: 100%;
	position: relative;
	overflow: hidden;

}

.inner_banner img {
	display: block;
	width: 100%;
	height: 100%;
}

.inner_banner div {
	position: absolute;
	left: 14%;
	bottom: 70px;
	font-size: 42px;
	font-weight: normal;
	font-stretch: normal;
	letter-spacing: 0px;
	color: #ffffff;
}

.crumbsbox {
	width: 100%;
	height: 66px;
	background-color: #f4f4f4;
	box-sizing: border-box;
	padding: 0 14%;
	border-top: 2px solid #1e368e;
}

.crumbs {
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
}

.crumbs li {
	height: 100%;
	width: auto;
	line-height: 66px;
	padding: 0 25px;
	transition: 0.5s;
}

.crumbs li a {
	display: block;
	font-size: 18px;
	font-weight: normal;
	font-stretch: normal;
	letter-spacing: 0px;
	color: #666666;
}


.crumbs_active {
	background-color: #1e368e !important;
}

.crumbs_active a {
	color: #ffffff !important;
}

.inner_title {
	width: 100%;
	font-size: 42px;
	font-weight: normal;
	font-stretch: normal;
	letter-spacing: 0px;
	color: #333333;
	margin-bottom: 45px;
	padding-top: 80px;
}

.inner_title p {
	font-size: 16px;
	font-weight: normal;
	font-stretch: normal;
	letter-spacing: 0px;
	color: #999999;
	margin: 15px 0 20px;
}

.inner_title .line {
	width: 50px;
	height: 3px;
	background-color: #1e368e;
}

.inner .mytop {
	bottom: 8%;
	position: fixed;
}

.inner_content .aboutus_intro,
.honor_intro,
.addintro {
	font-size: 18px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 36px;
	letter-spacing: 0px;
	color: #333333;
}

.aboutus_intro .lef {
	float: left;
	width: 57%;

}

.aboutus_intro .rig {
	float: right;

}

.inner_content .aboutus_intro p,
.honor_intro p,
.addintro p {
	margin-bottom: 34px;
}

.inner_content .aboutus_intro img {
	margin-left: 100px;
	margin-bottom: 70px;
}

.aboutus_subsidiary {
	width: 100%;
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	margin-top: 80px;
}

.aboutus_subsidiary li {
	margin-bottom: 38px;
	position: relative;
	margin-right: 25px;
}

.aboutus_subsidiary li div {
	width: 450px;
	height: 338px;
	overflow: hidden;
}

.aboutus_subsidiary li div img {
	width: 100%;
	height: 100%;
	display: block;
	transition: 0.5s;
}

.aboutus_subsidiary li:hover div img {
	transform: scale(1.04);
}

.aboutus_subsidiary li p {
	position: absolute;
	width: 100%;
	height: auto;
	background-color: rgba(0, 0, 0, 0.2);
	text-align: center;
	font-size: 16px;
	font-weight: normal;
	font-stretch: normal;
	letter-spacing: 0px;
	color: #ffffff;
	box-sizing: border-box;
	padding: 18px;
	left: 0;
	bottom: 0;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.aboutus_subsidiary li:nth-child(3n+3),
.aboutus_subsidiary li:last-child {
	margin-right: 0;
}

.aboutus_video {
	width: 100%;
	/*background: #f7f7f7;*/
	height: auto;
	box-sizing: border-box;


}

.aboutus_video>div {
	display: flex;
	align-items: center;
	height: 100%;

}

.aboutus_video video {
	width: 100%;
	object-fit: cover;
	height: auto;

}

.honor_intro {
	position: relative;
	background: url(../img/about_txt_bg.png) no-repeat;
	background-position: right bottom;
}

.honer_img {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	padding: 46px 0 80px;
}

.honer_img li {
	margin-right: 25px;
	margin-bottom: 20px;
	width: 450px;
	height: 338px;
	background-color: #f7f7f7;
	box-sizing: border-box;
	cursor: pointer;
}

.honer_img li:nth-child(3n+3),
.honer_img li:last-child {
	margin-right: 0;
}

.honer_img li>div {
	overflow: hidden;
	height: 100%;
	width: 100%;
	position: relative;
}

.honer_img li>div img {
	display: inline-block;
	max-width: 100%;
	max-height: 100%;
	width: auto;
	height: auto;
	position: absolute;
	margin: auto;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	transition: all 0.5s;
}

.honer_img li:hover>div img {
	transform: scale(1.04);
}

.about_bussiness {
	padding-bottom: 150px;
	background: url(../img/about_txt_bg.png) no-repeat;
	background-position: left bottom;
}

.about_bussiness img {
	width: 90.572%;
	margin: auto;

	display: block;

}



.about_culture {
	box-sizing: border-box;
	padding-bottom: 110px;
	background: url(../img/about_txt_bg.png) no-repeat;
	background-position: right bottom;
}

.about_culture_ul {
	width: 100%;
}

.about_culture_ul li {
	width: 100%;
	height: 347px;
	box-sizing: border-box;
	background-color: #f7f7f7;
}

.about_culture_ul li .left {
	float: left;
	width: 50%;
	height: 100%;

	display: flex;
	align-items: center;
	justify-content: center;
	flex-wrap: wrap;
	flex-direction: column;
	font-weight: bold;
	font-stretch: normal;
	letter-spacing: 0px;
	color: #333333;
}

.about_culture_ul li .left .name {
	margin-bottom: 25px;
	font-size: 24px;
}

.about_culture_ul li .left p {
	font-size: 18px;
	font-weight: normal;
	line-height: 36px;
}

.about_culture_ul li .right {
	float: right;
	width: 50%;
	height: 100%;
}

.about_culture_ul li .right img {
	width: 100%;
	height: 100%;
	display: block;
}

.about_culture_ul li:nth-child(even) .left {
	float: right !important;
}

.about_culture_ul li:nth-child(even) .right {
	float: left !important;
}

/* 集团业务 */
.group_business .distribution_img {
	width: 100%;
	display: block;
	margin: 90px 0 140px;
}

.group_business .customer {
	width: 100%;
	height: auto;
	box-sizing: border-box;
	background-color: #f7f7f7;
	padding-bottom: 80px;
}

.customer_ul {
	width: 100%;
}

.customer_ul li {
	float: left;
	width: 218px;
	height: 80px;
	background-color: #ffffff;
	border-radius: 2px;
	margin-right: 18px;
	box-sizing: border-box;
	margin-bottom: 20px;
	overflow: hidden;
	cursor: pointer;
}

.customer_ul li img {
	width: 100%;
	height: 100%;
	display: block;
	transition: 0.5s;
}

.customer_ul li:hover img {
	transform: scale(1.04);
}

.customer_ul li:nth-child(6n+6) {
	margin-right: 0;
}




.certificate_ul,
.laboratory_ul {
	width: 100%;
}

.certificate_ul li,
.laboratory_ul li {
	float: left;
	width: 450px;
	height: auto;
	background-color: #f7f7f7;
	box-sizing: border-box;
	position: relative;
	margin-right: 25px;
	margin-bottom: 24px;
	cursor: pointer;
}

.certificate_ul li {
	height: 338px;
}

.certificate_ul li:nth-child(3n+3),
.laboratory_ul li:nth-child(3n+3) {
	margin-right: 0;
}

.certificate_ul li div,
.laboratory_ul li div {
	width: 100%;
	height: 100%;
	overflow: hidden;
	position: relative;
}

.laboratory_ul li div {
	height: 338px;
}

.certificate_ul li div img,
.laboratory_ul li div img {
	display: inline-block;
	max-width: 100%;
	max-height: 94%;
	width: auto;
	height: auto;
	position: absolute;
	margin: auto;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	transition: all 0.5s;
}

.laboratory_ul li div img {
	width: 100%;
	height: 100%;
	max-height: 100%;
}

.certificate_ul li:hover div img,
.laboratory_ul li:hover div img {
	transform: scale(1.04);
}

.certificate_ul li p {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	padding: 18px 5%;
	box-sizing: border-box;
	background-color: rgba(0, 0, 0, 0.33);
	font-size: 18px;
	font-weight: normal;
	font-stretch: normal;
	color: #ffffff;
	text-align: center;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}


.laboratory_ul li p {
	background-color: #f7f7f7;
	width: 100%;
	padding: 25px 5%;
	box-sizing: border-box;
	font-size: 18px;
	font-size: 18px;
	font-weight: normal;
	font-stretch: normal;
	letter-spacing: 0px;
	color: #000000;
	text-align: center;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.certificate {
	padding-bottom: 60px;
}

.certificate_pop {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.5);
	z-index: 99;
	cursor: pointer;
	display: none;
}

.certificate_pop .pop_con {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	margin: auto;
	height: 80%;
	background-color: #ffffff;
	display: flex;
	align-items: center;
	justify-content: center;
}

.certificate_pop .pop_con .popimg {
	max-width: 100%;
	max-height: 100%;
	display: block;
}

.popclose {
	position: absolute;
	top: 0;
	right: 0;
	width: 50px;
	height: 50px;
	background-color: rgba(0, 0, 0, 0.03);
	display: flex;
	align-items: center;
	justify-content: center;

}

.inner_sj_head {
	display: none;
}

.laboratory {
	padding-bottom: 80px;
}

.laboratoryCraft_ul li {
	width: 100%;
	margin-bottom: 80px;
	font-size: 60px;
	font-weight: normal;
	font-style: italic;
	font-stretch: normal;
	letter-spacing: 0px;
	color: #333333;
}

.laboratoryCraft_ul li .tit {
	display: flex;
	align-items: baseline;
	margin-bottom: 30px;
}

.laboratoryCraft_ul li p {
	font-size: 30px;
	font-weight: normal;
	font-stretch: normal;
	color: #333333;
	margin-left: 30px;
}

.laboratoryCraft_ul li p span {
	display: block;
	font-size: 16px;
	color: #999999;
	margin-top: 10px;
}

.laboratoryCraft_ul .craftimg {
	display: flex;
}

.laboratoryCraft_ul .craftimg img {
	width: 50%;
	display: block;
	height: 394px;
}



.certification_ul {
	width: 100%;
	padding-bottom: 70px;
}

.certification_ul li {
	float: left;
	width: 320px;
	height: 174px;
	background-color: #ffffff;
	margin-right: 40px;
	box-sizing: border-box;
	margin-bottom: 50px;
	overflow: hidden;
	cursor: pointer;
	border: solid 1px #e2e2e2;
	position: relative;
}

.certification_ul li .imgbox {
	height: 100%;
	width: 100%;
	position: relative;
}

.certification_ul li img {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	margin: auto;
	max-width: 100%;
	max-height: 100%;
	display: block;
	transition: 0.5s;
}

.certification_ul li:hover img {
	transform: scale(1.04);
}

.certification_ul li:nth-child(4n+4) {
	margin-right: 0;
}

.certification_ul li .cer_son {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 0;
	background-color: rgba(30, 54, 142, 0.9);
	transition: 0.3s;
	display: flex;
	align-items: center;
	justify-content: center;

}

.certification_ul li .cer_son p {
	font-size: 18px;
	font-weight: normal;
	font-stretch: normal;
	letter-spacing: 0px;
	color: #ffffff;
	width: 80%;
	text-align: center;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.certification_ul li:hover .cer_son {
	height: 100%;
}


/* 产品中心 */
.product_content {}

.hotpro {
	position: relative;
	margin-top: -23%;
	margin-bottom: 20px;
}

.hotpro .hot_tit {
	display: flex;
	align-items: center;
	justify-content: space-between;
	font-size: 30px;
	font-weight: normal;
	font-stretch: normal;
	letter-spacing: 0px;
	color: #ffffff;
	margin-bottom: 30px;
}

.hotpro .hot_tit p {
	display: flex;
	align-items: center;
	font-size: 16px;
	cursor: pointer;
}

.hotpro .hot_tit p img {
	margin-right: 10px;
}

.hot_con {
	width: 100%;
}

.hot_con .left {
	float: left;
	width: 600px;
	height: 450px;
}

.hot_con .left img {
	width: 100%;
	height: 100%;
}

.hot_con .right {
	float: right;
	width: 55.8%;
	height: 450px;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}

.hot_con .right .info {
	width: 100%;
	box-sizing: border-box;
	padding-left: 25px;
}

.hot_con .right .name {

	display: flex;
	align-items: center;
}

.hot_con .right .name p {
	font-size: 24px;
	font-weight: normal;
	font-stretch: normal;
	letter-spacing: 0px;
	color: #ffffff;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	max-width: 70%;
}

.hot_con .right .name img {
	margin-left: 20px;
	width: 26px;
	height: 26px;
}

.hot_con .right .detail {
	font-size: 16px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 30px;
	letter-spacing: 0px;
	color: #ffffff;
	margin: 30px 0;
}

.hot_con .right .detail p {
	text-overflow: -o-ellipsis-lastline;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	line-clamp: 2;
	-webkit-box-orient: vertical;

}

.hot_con .right .learnmore {
	width: 100px;
	height: 33px;
	background-color: #ffc600;
	border-radius: 17px;
	font-size: 14px;
	font-weight: normal;
	font-stretch: normal;
	letter-spacing: 0px;
	color: #333333;
	display: flex;
	align-items: center;
	justify-content: center;
	box-sizing: border-box;
}

.hot_con .right .proimgbox {
	width: 100%;
	height: 188px;
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.hot_con .right .proimgbox img {
	width: 250px;
	height: 188px;
	box-sizing: border-box;
	cursor: pointer;
}

.proimgbox_active {
	border: solid 3px #ffffff !important;
}

.searchbox .mysearch {
	margin-bottom: 20px;
	width: 100%;
	height: auto;
	padding: 18px 25px;
	box-sizing: border-box;
	background-color: #f7f7f7;
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.searchbox .mysearch .sousuo {
	width: 228px;
	height: 50px;
	background-color: #ffffff;
	border-radius: 1px;
	border: solid 1px #e4e4e4;
	font-size: 18px;
	font-weight: normal;
	font-stretch: normal;
	letter-spacing: 0px;
	color: #333333;
	display: flex;
	align-items: center;
	justify-content: center;
	box-sizing: border-box;
	cursor: pointer;
}

.searchbox .mysearch .inputdiv {
	height: 50px;
	width: 70%;
	border-bottom: 1px solid rgba(0, 0, 0, 0.2);
	display: flex;
	align-items: center;
}

.searchbox .mysearch .inputdiv input {
	outline: none;
	border: none;
	padding-left: 20px;
	background: transparent;
	width: 80%;
}



.outer_title ul {
	width: 100%;
	box-sizing: border-box;
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	height: auto;
	background-color: #f7f7f7;
	border-top: solid 2px #1f368f;
	padding: 20px;
}

.outer_title ul li {
	margin-right: 13px;
	float: left;
	line-height: 66px;
	text-align: center;
	cursor: pointer;
	box-sizing: border-box;
	margin-bottom: 15px;
	font-size: 18px;
	color: #333333;
	transition: 0.3s;
	width: 261px;
	height: 66px;
	background-color: #ffffff;
	border: solid 1px #e4e4e4;
}

.outer_title ul li:nth-child(5n+5) {
	margin-right: 0;
}

.outer_title ul li:last-child {
	background-color: #f6fffa;
	border: solid 1px #b1d3c1;
	color: #02824d;
}

.outer_title ul li a {
	display: block;
}

.outer_content {
	margin-top: 30px;
	width: 100%;
}

.outer_content .item {
	width: 100%;
	height: auto;
	min-height: 300px;
	box-sizing: border-box;
	margin-top: 20px;
	display: none;
}

.outer_select {
	background-color: #1f368f !important;
	border: solid 1px #e4e4e4 !important;
	color: white !important;
}

.outerparts_select {
	background-color: #02824d !important;
	border: solid 1px #b1d3c1 !important;
	color: #ffffff !important;
}


.outer_show {
	display: block !important;
}

.outer_content .item .inner_ul {
	display: flex;
	flex-wrap: wrap;
	margin-bottom: 24px;
}

.outer_content .item .inner_ul li {
	font-size: 18px;
	font-weight: normal;
	font-stretch: normal;
	letter-spacing: 0px;
	color: #333333;
	padding: 15px 30px;
	cursor: pointer;
	box-sizing: border-box;
	margin-bottom: 20px;
}

.inner_select {
	background-color: rgba(232, 235, 244, 0.5);
	border-radius: 5px;
	border: solid 1px #1f368f;
	color: #1f368f !important;
}

.outer_content .item .inner_content {
	width: 100%;
	/*background-color: #f7f7f7;
	border-top: solid 1px #e4e4e4;*/
	padding: 60px 0 80px;
}

.outer_content .item .inner_content .inner_item {
	display: none;
}

.inner_show {
	display: block !important;
}

.videolists {
	width: 100%;
	box-sizing: border-box;
}

.videolists li {
	width: 450px;
	height: auto;
	float: left;
	margin-right: 25px;
	margin-bottom: 50px;
	box-sizing: border-box;
	border-bottom: 1px solid rgba(160, 160, 160, 0.5);
}

.videolists li:nth-child(3n+3) {
	margin-right: 0;
}

.videolists li a {
	display: block;
	width: 100%;
	height: 100%;
}

.videolists li a .imgdiv {
	width: 450px;
	height: 342px;
	overflow: hidden;
	background: #fff;
	position: relative;
}

.videolists li a .imgdiv img {
	max-width: 100%;
	max-height: 100%;
	display: block;
	transition: 0.5s;
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	margin: auto;
}

.videolists li:hover a .imgdiv img {
	transform: scale(1.04);
}

.videolists li a .name {
	font-size: 24px;
	font-weight: normal;
	font-stretch: normal;
	letter-spacing: 0px;
	color: #666666;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	padding: 28px 0;
	display: flex;
	align-items: center;
	margin: auto;
	width: 80%;
	justify-content: center;
}

.videolists li a .name img {
	width: 26px;
	height: 26px;
	margin-left: 10px;
}

.videolists li a .name p {
	max-width: 80%;
	text-align: center;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.prodetail_qp .top_info {
	width: 100%;
	background-color: #f7f7f7;
	padding: 60px 0 40px;
}

.prodetail_qp .top_info .left {
	float: left;
	width: auto;
	display: flex;
	height: 630px;
}

.prodetail_qp .top_info .leftimgbox {
	margin-right: 12px;
	width: 530px;
	height: 100%;
	position: relative;
	background-color: #E0E0E0;
}

.prodetail_qp .top_info .lefimg {
	max-width: 100%;
	max-height: 100%;
	display: block;
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	margin: auto;
	width: 100%;
}

.prodetail_qp .top_info .left ul {
	display: flex;
	flex-wrap: wrap;
	flex-direction: column;
	justify-content: space-between;
}

.prodetail_qp .top_info .left ul li {
	cursor: pointer;
	width: 190px;
	height: 144px;
	box-sizing: border-box;
}

.prodetail_qp .top_info .left ul img {
	display: block;
	width: 100%;
	height: 100%;
	box-sizing: border-box;
}

.prodetail_qp .top_info .right {
	float: right;
	width: 560px;
	height: 630px;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}

.prodetail_qp .top_info .name {
	font-size: 36px;
	font-weight: normal;
	font-stretch: normal;
	letter-spacing: 0px;
	color: #333333;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.prodetail_qp .top_info .p_detail {
	font-size: 16px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 30px;
	letter-spacing: 0px;
	color: #333333;
	text-overflow: -o-ellipsis-lastline;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 5;
	line-clamp: 5;
	-webkit-box-orient: vertical;
	margin: 35px 0 0;
}

.prodetail_qp .top_info .attestation{
	margin-top: 75px;
	border-top: 1px solid rgba(0, 0, 0, 0.1);
}
.prodetail_qp .top_info .attestation>img {
	display: block;
	margin: 24px 0 25px;
}
.table_guideimg{
	display: none;
}

.prodetail_qp .top_info .attestation ul {
	
	
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	padding-bottom: 30px;
	border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.prodetail_qp .top_info .attestation ul li {
	width: 144px;
	height: 65px;
	border-radius: 1px;
	border: solid 1px #e2e2e2;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	box-sizing: border-box;
	padding: 0 20px;
	text-align: center;
	line-height: 65px;
	background: url(../img/product_biaozhun.png) no-repeat;
	background-position: left top;
	margin-right: 16px;
}

.prodetail_qp .top_info .guidebox {
	text-align: center;
	margin: auto;
	margin-top: 50px;
}

.prodetail_active {
	border: solid 3px #1f368f !important;
}

.prodetail_qp .top_info .a_box {
	display: flex;
	align-items: flex-start;
}

.prodetail_qp .top_info .a_box a {
	background-color: #1f368f;
	border-radius: 10px;
	box-sizing: border-box;
	padding: 12px 20px;
	height: 48px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	font-size: 16px;
	font-weight: normal;
	font-stretch: normal;
	letter-spacing: 0px;
	color: #ffffff;

}

.prodetail_qp .top_info .a_box a:first-child {
	margin-right: 16px;
}

.prodetail_qp .top_info .a_box a img {
	margin-right: 10px;
}

.prodetail_qp .bot_info {
	background-color: #f7f7f7;
	padding: 90px 0 104px;
}

.prodetail_qp .bot_info .tit {
	text-align: center;
	font-size: 24px;
	font-weight: normal;
	font-stretch: normal;
	letter-spacing: 0px;
	color: #333333;
	margin-bottom: 55px;
}

.parameter_table {
	width: 100%;
	text-align: center;
	border-color: #e5e5e5;
}

.parameter_table thead {
	width: 100%;
	height: 60px;
	background-color: #1f368f;
	font-size: 18px;
	font-stretch: normal;
	letter-spacing: 0px;
	color: #ffffff;
}

.parameter_table tbody tr {
	height: 60px;
	background-color: #f7f7f7;
}

.parameter_table tbody tr td {
	box-sizing: border-box;
	padding: 0 20px;
}

.parameter_table thead tr td:first-child,
.parameter_table tbody tr td:first-child {
	width: 360px;
}

.parameter_table thead tr td:nth-child(2),
.parameter_table tbody tr td:nth-child(2),
.parameter_table thead tr td:nth-child(3),
.parameter_table tbody tr td:nth-child(3),
.parameter_table thead tr td:nth-child(4),
.parameter_table tbody tr td:nth-child(4),
.parameter_table thead tr td:nth-child(5),
.parameter_table tbody tr td:nth-child(5) {
	width: 134px;
}

.parameter_table thead tr td:nth-child(6),
.parameter_table tbody tr td:nth-child(6),
.parameter_table thead tr td:nth-child(7),
.parameter_table tbody tr td:nth-child(7) {
	width: 180px;
}

.parameter_table thead tr td:last-child,
.parameter_table tbody tr td:last-child {
	width: 154px;
}

.prodetail_qp .center_info {
	width: 100%;
	font-size: 16px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 30px;
	letter-spacing: 0px;
	color: #333333;
	background: #fff;
	white-space: pre-line;
}

.prodetail_qp .center_info img {
	max-width: 100%;
	margin: auto;
	display: block;
}

.zixun_modal {
	position: fixed;
	bottom: 0;
	left: 0;
	right: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.3);
	display: none;
}

.zixun_modal_con {
	width: 100%;
	height: 90%;
	background: #fff;
	position: fixed;
	left: 0;
	bottom: 0;
	box-sizing: border-box;
	padding-top: 110px;
}

.zixun_modal_con .closediv {
	text-align: right;
	cursor: pointer;
}

.zixun_modal_con .contactinput {
	background: #fff !important;
}
.current_phase{
    position: absolute;
    left: 40px;
    bottom: 36px;
    width: auto;
	height: auto;
	background-color: rgba(0,0,0,0.4);
	border-radius: 16px;
	box-sizing: box-sizing;
	padding: 8px 30px;
		font-size: 16px;
	font-weight: normal;
	font-stretch: normal;
	color: #ffffff;
	z-index: 999;
}
.sjlogo{
    display: none;
}
.banner_desc{
    position: absolute;
    left: 12.5%;
    top: 38%;
    color: #000;
    font-size: 16px;
}



.banner_desc .tittwo{
    font-size: 36px;
    margin: 18px 0;
    font-weight: bold;
}



.biref_mask{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.3);
    transition: 0.5s;
}
.biref_left .imgbox a:hover .biref_mask{
    background: none !important;
}

.inner_sj_logo{
    display: none;
}