.mobile-nav{
	display: none;
}
.mobile-container{
	cursor: pointer;
	position: relative;
}
.code_img{
	position: absolute;
	left: 8px;
    bottom: -87px;
	display: none;
}
.mobile-container:hover .code_img{
	display: block;
}
/* 了解更多按钮悬停效果 */
.bts div:first-child:hover {
	margin-left: 20px;
	transition: 1s;
}

.btnnew div:first-child:hover {
	margin-left: 20px;
	transition: 1s;

}
.project_tt{
	    padding: 0 0 28px 0;
		font-size: 16px;
}
#goodsTypedb li:nth-child(1){
	padding: 0 0 15px 0;
	    color: #848484;

	    font-size: 12px;
}
/* 导航滚动样式 */
.head{
	position: relative;
	/* margin-top: 30px; */
}
.yya {
	position: fixed;
	left: 0;
	top: 0;
	z-index: 99;
}
.yapiskan{
	transition:top .5s;
	width: 100%;
	-webkit-transition:top .5s;
	-moz-transition:top .5s;
	-ms-transition:top .5s;
	-o-transition:top .5s;
}
.gizle {
	top: -10px;
	width: 100%;
}
.sabit {
	/* top: 30px; */
	top: 0;
	z-index: 15;
	width: 100%;
}

/* 结束 */

/* 导航条距离banner公共样式 */
/*=*/
.yab {
	display: flex;
	/* align-items: center; */
	align-items: flex-start;  
	justify-content: center;
}

.yab div:nth-child(2) ul li:first-child {
	font-size: 32px;
	color: #333;
	text-align: center;
	padding-bottom: 7px;
}

.yab div:nth-child(2) ul li:last-child {
	text-transform:capitalize;
	font-size: 14px;
	color: #666666;
	text-align: center;
}
.yab div:nth-child(2) ul li:last-child::first-letter {  /* 使用:first 来兼容 IE8- */
	
}

.yab div:nth-child(2) {
	padding: 0 8px 0 15px;
}

.yab {
	padding: 0 0 40px 0;
}

.yhbox {
	position: relative;
	margin-top: 30px;
}

.headtop {
	background-color: rgb(0, 0, 0);
	opacity: 0.8;
	height: 30px;
	position: fixed;
	top: 0;
	z-index: 16;
	width: 100%;
}

.msg-tit {
	display: flex;
	align-items: center;
	height: 21px;
}

.headleft {
	display: flex;
	align-items: center;
	/* border: 1px solid #b29934; */
	border-radius: 5px;
}
.yaben-ul>div{
	cursor: pointer;
}
.msg-tit div:first-child {
	color: #FFFFFF;
}

.headbox {
	align-items: center;
	display: flex;
	height: 30px;
	justify-content: space-between;
}

.lang {
	position: relative;
}

.ulse {
	position: absolute;
	top: 25px;
	left: 5px;
	display: none;
	border: 1px solid;
	padding: 10px;
	background-color: rgb(0, 0, 0);
}

.ulse ul li {
	color: #FFFFFF;
	padding: 0 0 10px 0;
	cursor: pointer;

	text-align: center;
}

.ulse ul li:last-child {
	padding: 10px 0 0 0;
	border-top: 1px solid #FFFFFF;
}

.lang {
	display: flex;
	cursor: pointer;
	
}

.languages {
	margin-top: 3px;
	font-size: 14px;
}

.hed-phone {
	display: flex;
}

.hed-right {
	display: flex;
}

.languages div:first-child {
	padding: 0 7px 0 7px;
	color: #333333;
}

.hed-phone {
	padding: 0 0 0 30px;
}

.hed-phone div:last-child {
	padding: 0 0 0 7px;
	color: #FFFFFF;
}

/* 头部喇叭消息----------------------- */
.swiper_wrap {
	position: relative;
	height: 30px;
	margin: 0 auto;
	overflow: hidden;
}

.font_inner {
	position: relative;
	top: 0;
	left: 0;
	float: right;
	color: #444;
	font-size: 14px;
	margin-top: 1px;
}

.font_inner li {
	line-height: 30px;
	padding-left: 9px;
	padding-right: 9px;
}

.swiper_wrap .font_inner a {
	color: #FFFFFF;
}

.swiper_wrap a:hover {
	color: #FA9101;
}

/* ------------------------------ */
.msg-tit div:last-child {
	padding: 0 10px 0 0;
}

.head-th {
	height: 80px;
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.head-th-right ul {
	display: flex;
	align-items: center;
}

.head-th-right ul li {
	padding: 0 12px 0 0;
}

.head-th-right ul li:last-child {
	padding: 0;
	padding-left: 10px;
}

.head-th-right ul li span {
	padding: 0 12px 0 0;
}

.fobx {
	position: relative;
	z-index: 12;
	display: flex;
	justify-content: space-between;
	align-items: center;
	height: 67px;
}

.fo ul {
	display: flex;
}

.fobx-right {
	display: flex;
	align-items: center;
	margin-right: 30px;
}

.thbg {
	height: 80px;
	background-color: #f5f5f5;
}

.fo>ul>li {
	position: relative;
	/* padding: 0 50px 0 0; */
	margin: 0 30px 0 0;
	font-size: 14px;
	cursor: pointer;
	color: #666666;
	height: 66px;
	display: flex;
	align-items: center;
}
.fo>ul>li:before{
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	width: 0;
	height: 3px;
	transition: all .5s cubic-bezier(.165,.84,.44,1);
	background: #e53434;
}
.fo>ul>li:hover:before{
	width: 100%;
}
.fo ul li:last-child {
	padding: 0;
}

.fo ul li span {
	padding: 0 0 0 8px;
}

.fobx-right div:first-child {
	padding: 0 9px 0 0;
}

.fobx-right div:last-child {
	font-size: 14px;
	color: #666666;
}

.fo>ul>li>div.current {
	color: #e53434;
}

/* .tip {
	position: absolute;
	z-index: 13;
	left: -23px;
	width: 150px;
	height: 50px;
	top: 45px;
	background: url(../img/sanj.png)no-repeat;
} */

.head-fo {
	position: relative;
}

.fobg {
	/* background-color: #FFFFFF; */
	margin-left: 30px;
}

.fo ul li {
	position: relative;

}

.fo>ul>li ul {
	display: unset;
	left: -51px;
	top: 66px;
	width: 170px;
	height: auto !important;
	background-color: #FFFFFF;
	position: absolute;
  border-radius: 10px;
	/* transition: all .1s cubic-bezier(.165,.84,.44,1); */
	box-shadow: 0 0 5px #ccc;
	
}

.uls li {
	padding: 8px 0 8px 0 !important;
	border-bottom: 1px solid #ededed;
	display: flex;
	justify-content: center;
	
}
.uls li.current{
	color: #e53434 !important;
}
.uls li{
	background-image: url("../image/y.png");
	background-repeat: no-repeat;
	background-position: 136px 12px;
}
.uls li:last-child{
	border: 0;
}
.uls li:hover {
	margin-left: 20px;
	color: #e53434;
	transition: .2s;
}

.fo>ul>li>div:hover {
	color: #e53434;
}
.fo>ul>li>div:hover>.uls li{
	color: #e53434;
}

.fo ul>li>ul {
	display: none;
}

.footer-top {
	display: flex;
	    justify-content: space-between;
}
.foot-nav{
	display: flex;
}
.footer-top dl{
	margin-right: 30px;
}
.footer-th {
	display: flex;
}

.footer-box {
	background-color: #f5f5f5;
	padding-top: 50px;
}

.a6-box {
	padding-bottom: 130px;
}

.footer-th div {
	padding-left: 47px;
	padding-right: 31px;
	border-right: 2px solid #eaeaea;
}

.footer-th div:nth-child(5) div {
	padding: 0;
}

.contact-box .contact {
	font-size: 16px;
	padding: 0 0 17px 0 !important;
}

.Hotline {
	font-size: 12px;
	color: #848484;
	padding-bottom: 15px !important;
}

.companymail {
	font-size: 12px;
	color: #848484;
	padding-bottom: 30px !important;
}

.more-tit {
	padding-bottom: 10px !important;
}

.more-img {
	display: flex;
}

.footer-th div:last-child {
	margin-right: 0;
	border-right: 0;
}

.footer-th div:hover ul li {
	color: #e53434;
}

.footer-th div ul li:nth-child(n+2):hover {
	color: #e53434;
}

.footer-th div ul li:first-child {
	font-size: 16px;
	padding: 0 0 28px 0;
}

.footer-th div ul li {
	cursor: pointer;
}

.footer-th div ul li:nth-child(n+2) {
	color: #848484;
	padding: 0 0 15px 0;
	font-size: 12px;
	word-break: break-all;
}

.footer-th div:nth-child(5) ul:last-child {
	display: flex;
}


.on-phone div ul li:first-child {
	color: #bbbbbb;
	font-weight: 600;
	font-size: 24px;
}

.on-phone div ul li:last-child {
	color: #bbbbbb;
	font-size: 14px;

}

.on-phone div ul {
	padding-left: 10px;
}

.footer-lj ul {
	display: flex;
}

.footer-lj ul {
	border-top: 1px dashed #e5e5e5;
padding-bottom: 12px;

	margin-top: 46px;
}

.footer-lj ul {
	display: flex;
	    justify-content: center;
}

.footer-lj ul li {
	color: #999;
	font-size: 12px;
}

.footer-lj ul li:last-child {
	display: flex;
	align-items: center;

}

.footer-lj ul li:last-child img {
	padding-right: 10px;
}


.footer-th div ul::before {
	content: "";
	background: none;
}
.yaben-ul{
	display: flex;
	margin-top: 10px;
}
.yaben-ul div{
	color: #888888;
	font-size: 12px;
	margin-right:10px ;
}
.more-img div{
	margin-right: 10px;
}
.yaben{
	font-size: 16px;
}
.more-img div img{
	filter: grayscale(100%);
	-webkit-filter: grayscale(100%);
}
.more-img div img:hover{
	cursor: pointer;
	filter: grayscale(0%);
	-webkit-filter: grayscale(0%);
}
.selected select{
		border-width: 1px;
		border-color: rgb(221, 221, 221);
		border-style: solid;
		border-radius: 3px;
		background-color: rgb(248, 248, 248);
		width: 218px;
		padding: 10px;
		color: #666666;
}
.selected{
	margin-top: 28px;
}

.contact-box>div{
	padding: 0;
}
.contact-box{
	padding: 0px !important;
}
.footer-th div:last-child{
padding: 0px !important;	
}
.more-tit{
	margin-top: 20px;
	padding: 0px !important;
}
.yaben-ul>div{
	padding: 0px !important;
}
.more-tit>div{
	padding: 0px !important;
}
.footer-th>div:nth-child(4){
	padding-left: 47px !important;
	padding-right: 31px !important;
}
.footer-tw{
	display: flex;
}
.footer-tw>div:nth-child(2){
	margin-left: 40px; 
}

@media screen and (max-width: 769px){
.head-th {
	height: 80px;
	display: block;
	background: white;
}
.yab {
    padding: 0 0 10px 0;
}
}