/* 产品信息 */
.prodet-infbox{
	background-color: #fff;
}
.pro-infbox{
	padding: 0 50px;
}

/* 产品效果 */
.prodet-img{
	width: 450px;
	overflow: hidden;
	}
.prodet-img .swiper-container {
  width: 100%;
  /* height: 300px; */
  margin-left: auto;
  margin-right: auto;
}
.prodet-img .gallery-top{
	height: 450px;
}
.prodet-img .gallery-top .swiper-slide{
	text-align: center;
}
.prodet-img .gallery-thumbs {
	height: 90px;
	box-sizing: border-box;
	padding: 10px 50px 0px;
}
.prodet-img .gallery-thumbs .swiper-slide {
	 height: 100%;
	 opacity: 0.4 !important;
}
.prodet-img .gallery-thumbs .swiper-slide>img{
	border: 1px solid #eeeeee;
}
.prodet-img .gallery-thumbs .swiper-slide-thumb-active {
	opacity: 1 !important;
}
.prodet-img .gallery-thumbs .swiper-slide-thumb-active>img{
	border: 2px solid #0058a8;
}
.prodet-img .swiper-button-next, 
.prodet-img .swiper-button-prev{
	width: 40px;
	height: 80px;
	overflow: hidden;
	top: 10px;
	margin-top: 0;
}
.prodet-img .swiper-button-prev{
	left: 0;
	background: rgb( 241, 242, 246 ) url(../images/zuo.png) no-repeat center;
	background-size: 7 12px;
}
.prodet-img .swiper-button-next{
	right: 0;
	background: rgb( 241, 242, 246 ) url(../images/you.png) no-repeat center;
	background-size: 7 12px;
}

/*  */
.prodet-inf{
	width: calc(100% - 450px);
	width: -moz-calc(100% - 450px);
	width: -webkit-calc(100% - 450px);
	padding-left: 150px;
	padding-top: 100px;
}
.pro-name{
	font-size: 36px;
	color: rgb( 51, 51, 51 );
	line-height: 45px;
	font-weight: 500;
}
.pro-inftxt{
	margin-top: 30px;
}
.pro-inftxt>p{
	font-size: 16px;
	color: rgb( 51, 51, 51 );
	line-height: 30px;
}
.pro-xbtn{
	margin-top: 40px;
}
.pro-xbtn>a{
	width: 150px;
	height: 50px;
	background-color: rgb( 0, 88, 168 );
	border-radius: 50px;
	margin-right: 10px;
	text-align: center;
	line-height: 50px;
	font-size: 16px;
	color: rgb( 255, 255, 255 );
}
.pro-xbtn>a:last-child{
	margin-right: 0;
}
.pro-xbtn>a.on{
	background-color: #00b9ef;
}
.pro-share{
	margin-top: 40px;
}
.pro-share>a{
	display: inline-block;
	vertical-align: middle;
	border-radius: 50%;
	background-color: rgb( 241, 242, 246 );
	width: 36px;
	height: 36px;
	margin-right: 14px;
	text-align: center;
	line-height: 34px;
}
.pro-share>a:last-child{
	margin-right: 0;
}

/* 相关产品 */
.prodet-mtop{
	/*width: 900px;*/
	background-color: #fff;
	padding: 0 50px;
	margin: 0 auto 30px;
	max-height: 280px;
	overflow: hidden;
}
.pdet-mtit{
	font-size: 18px;
	color: rgb( 0, 88, 168 );
	line-height: 24px;
	padding: 18px 0px;
}
.pdet-cenbox{
	width: 975px;
	height: 220px;
	overflow: hidden;
    /*margin-left:14%;*/
}
.pdet-actio{
	width: 170px;
	overflow: hidden;
}
.pdet-xgcon{
	width: calc(100% - 178px);
	width: -moz-calc(100% - 178px);
	width: -webkit-calc(100% - 178px);
	height: 100%;
}
.pdet-xgcon .swiper-container{
	width: 100%;
}
.xgpro-list{
	display: block;
	width: 100%;
	height: 100%;
	overflow-y: auto;
}
.xgpro-list>li{
	float: left;
	width: 130px;
	margin-right: 20px;
}
.xgpro-list>li:last-child{
	margin-right: 0;
}
.proxg-mc{
	display: block;
	width: 130px;
}
.proxg-img{
	width: 100%;
	/*height: 130px;*/
	/* overflow: hidden; */
	border-width: 1px;
	border-color: rgb( 238, 238, 238 );
	border-style: solid;
	background-color: rgb( 255, 255, 255 );
	position: relative;
	text-align: center;
}
.btn-option{
	position: absolute;
	right: 4px;
	top: 4px;
	width: 17px;
	height: 17px;
	background-color: rgb( 229, 229, 229 );
}
.lab-inpbox{
	position: relative;
}
/* .inpbox,
.lab-inpbox>span{
	display: inline-block;
	vertical-align: middle;
}
.lab-inpbox>span{
	font-size: .24rem;
	color: #666666;
	line-height: .26rem;
} */
.inpbox{
	width: 16px;
	height: 16px;
	overflow: hidden;
	position: relative;
}
.inpbox>input,
.inpbox>i{
	display: block;
	width: 100%;
	height: 100%;
}
.inpbox>input{
	opacity: 0;
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	margin: auto;
}
.inpbox>i{
	background-color: rgb( 229, 229, 229 );
}
.lab-inpbox input[type="radio"]:checked + i,
.lab-inpbox input[type="checkbox"]:checked + i{
	background: url(../images/yx1.png) no-repeat center;
	background-size: 100% 100%;
	border: none;
}

.pdet-fix .lab-inpbox input[type="radio"]:checked + i,
.lab-inpbox input[type="checkbox"]:checked + i{
	background: url(../images/yx2.png) no-repeat center;
	background-size: 100% 100%;
	border: none;
}


.proxg-txt{
	overflow: hidden;
	height: 90px;
	padding: 10px;
}
.proxg-txt>p{
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	font-size: 16px;
	color: rgb( 102, 102, 102 );
	line-height: 24px;
	text-align: center;
}
.pdet-fix{
	position: relative;
	width: 128px;
	height: 100%;
	margin-right: 50px;
}
.pdet-fix .proxg-img::after{
	content: "";
	width: 16px;
	height: 18px;
	overflow: hidden;
	background: url(../images/ijia1.png) no-repeat center;
	background-size: cover;
	position: absolute;
	right: -32px;
	top: 0;
	bottom: 0;
	margin: auto;
}
.arrow-box{
	position: absolute;
	top: 0;
	right: 0;
	height: 100%;
	width: 46px;
	height: 130px;
}
.arrow-box .swiper-button-next, 
.arrow-box .swiper-button-prev{
	border-width: 1px;
	border-color: rgb( 238, 238, 238 );
	border-style: solid;
	background-color: rgb( 255, 255, 255 );
	width: 44px;
	height: 54px;
	margin-top: 0;
}
.arrow-box .swiper-button-next{
	background: url(../images/xia1.png) no-repeat center;
	background-size: 18px 10px;
	right: 0;
	top: auto;
	bottom: 0;
}
.arrow-box .swiper-button-prev{
	background: url(../images/shang1.png) no-repeat center;
	background-size: 18px 10px;
	top: 0;
	bottom: auto;
	right: 0;
	left: auto;
}
.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled{
	/* opacity: 1; */
}

.actio-tit{
	font-size: 16px;
	color: #333333;
	text-align: center;
	margin: 20px 0px 40px;
}
.actio-tit>span{
	color: #0058a8;
}
.actio-btn>a{
	border-width: 1px;
	border-color: rgb( 0, 88, 168 );
	border-style: solid;
	background-color: rgb( 255, 255, 255 );
	width: 169px;
	height: 48px;
	border-radius: 50px;
	font-size: 16px;
	color: rgb( 0, 88, 168 );
	line-height: 48px;
	text-align: center;
}
.prodet-mcon{
	background-color: #fff;
}
.prodet-tab>ul{
	text-align: center;
	border-bottom: 1px solid #e5e5e5;
}
.prodet-tab>ul>li{
	display: inline-block;
	vertical-align: middle;
	padding: 32px 0px;
	margin-right: 60px;
	position: relative;
}
.prodet-tab>ul>li::after{
	content: "";
	width: 0%;
	height: 3px;
	background-color: #0058a8;
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
	transition: all .4s;
}
.prodet-tab>ul>li:last-child{
	margin-right: 0;
}
.prodet-tab>ul>li>a{
	font-size: 18px;
	color: #333333;
}
.prodet-tab>ul>li:hover,
.prodet-tab>ul>li.on{
	color: #0058a8;
}
.prodet-tab>ul>li:hover::after,
.prodet-tab>ul>li.on::after{
	content: "";
	width: 100%;
	transition: all .4s;
}
.prodet-tab>ul>li:hover>a,
.prodet-tab>ul>li.on>a{
	color: #0058a8;
}

/*  */
.prodet-tabcen{
	margin-bottom: 50px;
}
.puse-tit{
	font-size: 22px;
	color: rgb( 51, 51, 51 );
	line-height: 30px;
	margin-bottom: 20px;
}
.pro-suebox{
	/* padding: 40px 50px; */
}
.pro-suebox{
	font-size: 14px;
}
.pro-suebox>p{
	/* font-size: 16px; */
	font-size: 14px;
	color: #333333;
	line-height: 30px;
	margin: 20px 0px;
}
.proxg-li{
	display: none;
	padding: 40px 50px;
}


/* 相关文章 */
.article-list>ul>li{
	border-bottom: 1px solid #f0f0f0;
}
.article-list>ul>li>a{
	font-size: 16px;
	color: #333333;
	line-height: 60px;
	position: relative;
	padding-left: 16px;
	white-space: nowrap;
	display: block;
	overflow: hidden;
	text-overflow: ellipsis;
}
.article-list>ul>li>a::before{
	content: "";
	width: 4px;
	height: 4px;
	border-radius: 50%;
	background-color: #999999;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	margin: auto;	
}

/* 询价留言 */
.message-box{
	display: none;
}
.mess-cont{
	width: 520px;
	height: 590px;
	background-color: #fff;
	z-index: 22;
}
.mess-top{
	padding: 40px 50px;
	position: relative;
}
.mess-tit{
	font-size: 30px;
	color: rgb( 51, 51, 51 );
	text-align: center;
}
.shut{
	width: 16px;
	height: 16px;
	overflow: hidden;
	position: absolute;
	right: 40px;
	top: 30px;
	z-index: 22;
}
.shut>img{
	max-height: 100%;
}

.mess-cens{
	padding: 0 50px 0px 20px;
}
.mess-li{
	width: 100%;
	font-size: 0;
	margin-bottom: 16px;
}
.mess-name,
.mess-cbox{
	display: inline-block;
	vertical-align: top;
}
.mess-name{
	font-size: 16px;
	color: #6c6b6b;
	line-height: 40px;
	width: calc(100% - 350px);
	width: -moz-calc(100% - 350px);
	width: -webkit-calc(100% - 350px);
	text-align: right;
}
.mess-name>em{
	color: #d91515;
	margin-right: 2px;
}
.pro-mz{
	font-size: 16px;
	color: #333333;
	line-height: 40px;
}
.mess-cbox{
	width: 350px;
}
.mess-cbox>input{
	display: block;
	width: 100%;
	border-width: 1px;
	border-color: rgb( 229, 229, 229 );
	border-style: solid;
	background-color: rgb( 255, 255, 255 );
	height: 40px;
}
.mess-cbox .inp-yzm{
	width: 250px;
}
.yzm-box{
	width: 76px;
	height: 32px;
	margin-top: 4px;
	overflow: hidden;
}
.yzm-box>img{
	display: block;
	width: 100%;
	height: 100%;
}
.mess-cbot{
	text-align: right;
	padding: 0 50px 0px 20px;
}
.mess-cbot>input{
	display: inline-block;
	background-color: rgb( 0, 88, 168 );
	width: 351px;
	height: 46px;
	text-align: center;
	line-height: 46px;
	font-size: 16px;
	color: rgb( 255, 255, 255 );
}