/*1*/
nav>ul>li>.sub_menu.style2 {
	left: unset;
	width: auto;  
	padding: 0px 0;
}
nav>ul>li>.sub_menu.style2 .menu-box {
	width: auto;
}
nav>ul>li>.sub_menu.style2 .menu-box ul:first-child {
	width: 100%;
		padding-right: 0;
		text-align: center;
}
@media screen and (max-width: 1000px){
	nav>ul>li>.sub_menu.style2 .menu-box {
		width: 100%;
		padding-left: 15px;
	}
	nav{
		display: none;
	}
}
#top{
min-width: unset;
}
.index-bor2{
width: 100%;
max-width: 1440px;
background: white;
height: 272px;
border-radius: 10px 10px 0px 0px;
box-shadow: 0px 4px 10px 0px rgb(0 0 0 / 20%);
}

.index-bor2-top{
width: 100%;
height: 64px;
display: flex;
background-color: #231815;
border-radius: 10px 10px 0 0;
}
.index-bor2-top-model{
width: 244px;
height: 100%;
display: flex;
justify-content: center;
align-items: center;
border-radius: 10px 10px 0px 0px;
color: white;
font-size: 26px;
font-weight: normal;

}
.index-bor2-top-model:hover{
background-color: white;
color:#D7001D
}
.index-bor2-top-model:active{
background-color: white;
color:#D7001D
}
.index-bor2-top-model-active{
background-color: white;
color:#D7001D
}
#index-bor2-top-model1,#index-bor2-top-model2{
display: none;
}
#index-bor2-top-model1-all,#index-bor2-top-model2-all{
width: 100%;
height: 208px;
display: flex;
padding: 10px 20px;
}

.index-bor2-top-model1-bott,.index-bor2-top-model2-bott{
width: 30%;
height: 208px;
display: flex;
justify-content: end;
align-items: center;
padding-right: 20px;
}
.show{
display: block!important;
}
.index-bor2-top-model2-all-label{
font-size: 18px;
color:#666666;
margin-bottom: 15px;
}
.bor-inp{
background-color: #fff;
border: 1px solid #D8D8D8;
font-size: 14px;
line-height: 18px;
color: #242424;
display: block;
padding: 7px 4px 6px 9px;
height:100%
}
.bor-line{
left: 258px;
top: 0;
font-size: 14px;
border: none;
padding: 4px 0px;
text-align: center;
max-width: 40px;
width: 19%;
line-height: 29px;
background: #D8D8D8;
height:100%
}
.red-but{
display: inline-block;
border: 0!important;
color: #fff!important;
background: #e61423!important;
}
.index-bor2-top-model2-all-button{
width: 62px;
height: 38px;
border-radius: 4px;
background: #FFFFFF;
font-size: 14px;
color: #999999;
border: 1px solid #999999;
cursor: pointer;
}
.red-but-big{
width: 180px!important;
height: 52px!important;
display: inline-block;
border: 0;
font-size: 20px!important;
color: #fff;
background: #e61423;
border-radius: 10px;
cursor: pointer;
}
.index-bor7-black{

}
.index-bor7{
width: 9%;
height: 354px;
/* border: 1px solid; */
max-width: 573px;
border-radius: 10px;
position: relative;
cursor: pointer;
display: flex;
align-items: end;
transition: all 0.6s;
}
.index-bor7-all{
width: 50%;
}
.index-bor7-small{
width: 7%;
}
/* .index-bor7-befo:nth-child(1):before{
content: 'I Q C来料检验';
display: none!important;
} */
.index-bor7-befo:nth-child(2):before{
content: 'S P I锡膏检测';
display: none!important;
}
.index-bor7-befo:nth-child(3):before{
content: '在线A O I检验';
display: none!important;
}
.index-bor7-befo:nth-child(4):before{
content: 'S M I首件检测';
display: none!important;
}
.index-bor7-befo:nth-child(5):before{
content: 'I P Q C产品检验';
display: none!important;
}
.index-bor7-befo:nth-child(6):before{
content: '离线A O I检测';
display: none!important;
}
.index-bor7-befo:nth-child(7):before{
content: 'X - R A Y焊接检验';
display: none!important;
}
.index-bor7-befo:nth-child(8):before{
content: 'Q C人工检验';
display: none!important;
}
.index-bor7-befo:nth-child(9):before{
content: 'Q A出货检验';
display: none!important;
}
/* .index-bor7:nth-child(1):before{
content: 'I Q C来料检验';
position: absolute;
color: white;
font-size: 26px;
left: 40%;
top: 3%;
height: 266px;
line-height: 38px;
width: 26px;
display: flex;
text-align: center;
} */
/* .index-bor7:nth-child(2):before{
content: 'S P I锡膏检测';
position: absolute;
color: white;
font-size: 26px;
left: 40%;
top: 3%;
height: 266px;
line-height: 38px;
width: 26px;
display: flex;
text-align: center;
}
.index-bor7:nth-child(3):before{
content: '在线A O I检验';
position: absolute;
color: white;
font-size: 26px;
left: 40%;
top: 3%;
height: 266px;
line-height: 38px;
width: 26px;
display: flex;
text-align: center;
}
.index-bor7:nth-child(4):before{
content: 'S M I首件检测';
position: absolute;
color: white;
font-size: 26px;
left: 40%;
top: 3%;
height: 266px;
line-height: 38px;
width: 26px;
display: flex;
text-align: center;
}
.index-bor7:nth-child(5):before{
content: 'I P Q C产品检验';
position: absolute;
color: white;
font-size: 26px;
left: 40%;
top: 3%;
height: 266px;
line-height: 38px;
width: 26px;
display: flex;
text-align: center;
}
.index-bor7:nth-child(6):before{
content: '离线A O I检测';
position: absolute;
color: white;
font-size: 26px;
left: 40%;
top: 3%;
height: 266px;
line-height: 38px;
width: 26px;
display: flex;
text-align: center;
}
.index-bor7:nth-child(7):before{
content: 'X - R A Y焊接检验';
position: absolute;
color: white;
font-size: 26px;
left: 40%;
top: 3%;
height: 266px;
line-height: 38px;
width: 26px;
display: flex;
text-align: center;
}
.index-bor7:nth-child(8):before{
content: 'Q C人工检验';
position: absolute;
color: white;
font-size: 26px;
left: 40%;
top: 3%;
height: 266px;
line-height: 38px;
width: 26px;
display: flex;
text-align: center;
}
.index-bor7:nth-child(9):before{
content: 'Q A出货检验';
position: absolute;
color: white;
font-size: 26px;
left: 40%;
top: 3%;
height: 266px;
line-height: 38px;
width: 26px;
display: flex;
text-align: center;
} */
.index-bor7 b {
font-size: 26px;
color: white;
font-weight: 400;
}
.index-bor7 p {
font-size: 18px;
color: white;
font-weight: 400;
}
.index-bor7-bott{
display: none;
height: 108px;width: 100%;padding: 20px;margin-top: 10px;
}
/* .index-bor7::before{
content: 'I Q C来料检验';
position: absolute;
color: white;
font-size: 26px;
left: 40%;
top: 3%;
height: 266px;
line-height: 38px;
width: 26px;
display: flex;
text-align: center;
} */
.index-bor4 li {
width: 32%;
margin-right: 2%;
max-width: 378px;
height: 520px;
overflow: hidden;
border-radius: 30px;
display: flex;
-webkit-transition: all 0.3s;
justify-content: center;
/* margin-top: 25px; */
}
.index-bor4 p{
width: 52px;
height: 520px;
position: absolute;
display: flex;
justify-content: center;
font-size: 52px;
color: white;
line-height: 75px;
text-align: center;
margin-top: 20px;
}
.index-bor4 {
/* max-width: 1320px; */
display: flex;
justify-content: center;
width: 100%;
margin-top: 25px;
}
#index-bor6-p p{
height: 30px;
padding-left: 20%;
font-size: 16px;
color: white;
}
.index-bor8 {
/* max-width: 1320px; */
width: 100%;
}
.index-bor9{
width: 100%;
margin-top: 50px!important;	
}
.index-bor9-img{
width:276px;
height: 356px;
}
.index-bor9-ys-p{
background: #e61423;
color: white;
height: 38px;
width: 100%;
display: flex;
justify-content: center;
align-items: center;
position:absolute;
font-size: 16px;
border-radius: 0 0 10px 10px;
}
.index-bor8-ys-p{
background: #e61423;
color: white;
height: 38px;
width: 100%;
display: flex;
justify-content: center;
align-items: center;
font-size: 20px;
}

.index-bor8-img{
width:276px;
height: 248px;
}
.index-bor8-img #img1:hover{
background-size: 120%;
background-image: url(/images/newUiImg/组169.jpg)!important
}
.index-bor8-img #img2:hover{
background-size: 120%;
background-image: url(/images/newUiImg/组170.jpg)!important
}
.index-bor8-img #img3:hover{
background-size: 120%;
background-image: url(/images/newUiImg/组171.jpg)!important
}
.index-bor8-img #img4:hover{
background-size: 120%;
background-image: url(/images/newUiImg/组172.jpg)!important
}
.index-bor8-img #img5:hover{
background-size: 120%;
background-image: url(/images/newUiImg/组173.jpg)!important
}
.index-bor8-img #img6:hover{
background-size: 120%;
background-image: url(/images/newUiImg/组178.jpg)!important
}
.index-bor8-img #img7:hover{
background-size: 120%;
background-image: url(/images/newUiImg/组177.jpg)!important
}
.index-bor8-img #img8:hover{
background-size: 120%;
background-image: url(/images/newUiImg/组176.jpg)!important
}
.index-bor8-img #img9:hover{
background-size: 120%;
background-image: url(/images/newUiImg/组175.jpg)!important
}
.index-bor8-img #img10:hover{
background-size: 120%;
background-image: url(/images/newUiImg/组174.jpg)!important
}
.index-bor8-img #img11:hover{
background-size: 120%;
background-image: url(/images/newUiImg/组179.jpg)!important
}
.index-bor8-img #img12:hover{
background-size: 120%;
background-image: url(/images/newUiImg/组180.jpg)!important
}
.index-bor8-img #img13:hover{
background-size: 120%;
background-image: url(/images/newUiImg/组181.jpg)!important
}
.index-bor8-img #img14:hover{
background-size: 120%;
background-image: url(/images/newUiImg/组182.jpg)!important
}
.index-bor8-img #img15:hover{
background-size: 120%;
background-image: url(/images/newUiImg/组183.jpg)!important
}
.index-bor8-imgDiv:hover{
background-size: 120%;
}
.index-bor6-img img:hover,.cust-img:hover,.index-bor4 li img:hover ,.thumb img:hover{
transform: scale(1.2);
-webkit-transition: all 0.3s ease;
}
.index-bor9-img img:hover{
transform: scale(1.2);
border-radius: 30px;
-webkit-transition: all 0.3s ease;
}
.picture-bor img:hover{
transform: scale(1.2);
-webkit-transition: all 0.3s ease;
}
#outvideo .posbox {
position: relative;
z-index: 89;
background: #000;
max-width: 65%;
width: 100%;
height: 65%;
justify-content: center;
align-items: center;
display: flex;
}

#outvideo .posbox iframe {
width: 100%;
height: 100%;
}

#outvideo .posbox a {
content: "";
position: absolute;
right: -20px;
top: -20px;
background-color: #fff;
width: 40px;
height: 40px;
border-radius: 50%;
display: block;
}
#outvideo {
display: flex;
justify-content: center;
align-items: center;
height: 100vh;
width: 100%;
position: fixed;
top: 0;
left: 0;
background-color: rgba(0,0,0,0.5);
display: none;
z-index: 9999;
}
#outvideo .posbox a::after {
content: "X";
width: 100%;
height: 100%;
line-height: 40px;
border-radius: 50%;
display: block;
text-align: center;
font-size: 20px;
font-weight: bold;
transform: scale(1,0.76);
}
.index-bor8-ys-p{
background: #e61423ed;
color: white;
height: 36px;
width: 100%;
display: flex;
justify-content: center;
align-items: center;
font-size: 20px;
}
.index-bor8-imgDiv{
width:100%;height:100%;display: flex;align-items: end;    position: relative;
}
.index-bor8-line-div{
width: 100%;
height: 76px;
padding: 0px 10px;
display: none;

}
.index-bor8-line-div-line1{
font-size: 20px;color: white;
}
.index-bor8-line-div-line2{
font-size: 14px;color: white;margin-top: 5px;line-height: 21px;
}
.index-bor9-a{
color: white;
font-weight: 400;
font-size: 14px;
width: 106px;
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
height: 32px;
background: #D7001D;
border-radius: 16px;
}
.left-bor{
height: 100%;
width: 18%;
margin-right:20px;
}
.model1,.model2,.model3,.model4,.model5,.model6{
height: 100%;
width: 100%;
display: flex;
justify-content: space-between;
align-items: center;
}
.picture-bor{
height: 89%;
width: 32%;
background-color: white;
padding: 0px 2.5% 0px 2.5%;
box-shadow: 0px 4px 10px 0px rgb(0 0 0 / 30%);
border-radius: 10px;
}
.left-bor-title{
height: 100px;
width: 100%;
display: flex;
align-items: center;
justify-content: center;
}	
.line-font{
width: 70%;
max-width: 200px;
justify-content: center;
display: flex;
align-items: center;
font-weight: 400;
font-size: 20px;
border-radius: 25px;
height: 50px;
background: #F1F1F1;
color: black;
}
.line-bor{
width: 100%;
height: 68px;
display: flex;
justify-content: center;
align-items: center;
}
.activeLine{
background: #D7001D!important;
color:white!important;
}
.line:hover #ee{
background: #D7001D!important;
color:white!important;
}
.index-bor9	a:hover, a:focus {
color: white;
text-decoration: none;
outline: none;
}
.showModel{
display: none!important;
}
.pcb-bor1 {
	width: 100%;
	max-width:1440px ;
	display: flex;
	flex-wrap: wrap; 
	justify-content: space-between;                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            
}
.pcb-bor1-model{
	height: 250px;
	width: 49.3%;
	padding: 20px;
	display: flex;
    align-items: center;
	max-width: 710px;
	background: #FFFFFF;
    box-shadow: 0px 4px 10px 0px #00000019;
	margin-top: 30px;
}
.pcb-bor1-model-img{
	max-width: 297px;
	height: 190px;
	width: 44%;
	overflow: hidden;
}
.pcb-bor1-model-img img{
	width: 100%;
	height: 100%;
}
.pcb-bor1-model-right{
	width: 56%;
	height: 100%;
	padding: 20px 0px;
}
.pcb-bor1-model-right-title{
	font-size:24px;
	color: #231815;
}
.pcb-bor1-model-right-center{
	height: 28px;
	width: 100%;
	display: flex;
	align-items: center;
	margin-top: 30px;
	
}
.pcb-bor1-model-right-center-left{
	width: auto;
	height: 28px;
	padding: 0px 15px;
	border-radius: 0px;
	background: #D7001D;
	color: #FFFFFF;
	font-size: 14px;
    display: flex;
	align-items: center;
	justify-content: center;


}
.pcb-bor1-model-right-center-right{
	width: auto;
	height: 28px;
	padding: 0px 15px;
	border-radius: 0px;
    border: 1px solid #D7001D;
	opacity: 1;
	color: #D7001D;
	font-size: 14px;
    display: flex;
	align-items: center;
	justify-content: center;

	
}
.pcb-bor1-model-right-content{
	width: 100%;
	height: 23px;
	color: #999999;
	font-size: 16px;
	margin-top: 30px;
}
.pcb-bor1-model-right-buttonDiv{
	width: 100%;
	height: 44px;
	margin-top: 20px;
	display: none;
}
.pcb-bor1-model-right-buttonDiv-butt{
	width: 170px;
	height: 100%;
	opacity: 1;
	border: none;
	border-radius: 24px;
	background: #D7001D;
	box-shadow: 0px 2px 4px 0px #0000004C;
	color: #FFFFFF;
	font-size: 18px;
	cursor:pointer;

}

.pcb-bor1-model-img img:hover,.pcb-bor2-model-bor img:hover,.pcb-bor3-model-div img:hover,.pcb-bor3-model-div1 img:hover,.right-bor-img img:hover{
	transform: scale(1.2);
	-webkit-transition: all 0.3s ease;
}
.pcb-bor2-model{
	width: 100%;
	max-width: 1440px;
	height: auto;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	
}
.pcb-bor2-model-bor{
	border-radius: 0px;
background: #FFFFFF;
box-shadow: 0px 4px 10px 0px #00000019;
width: 24.5%;
max-width: 345px;
height: 240px;
margin-top: 30px;
display: flex;
justify-content: center;
align-items: center;
position: relative;
overflow: hidden;
}
.pcb-bor2-model-bor-img1{
	/* width: 82%;
	height: 72.5%; */
}
.pcb-bor2-model-bor-img2{
	height: 280px;
    width: 70%;
    max-width: 202px;
    left: -16px;
    background-size: cover;
    position: absolute;
	padding-left: 12%;
    padding-top: 9%;
}
.pcb-bor3-model{
   width: 100%;
   max-width: 1440px;
   height: auto;
   display: flex;
   flex-wrap: wrap;
   justify-content: space-between;	
   margin-bottom: 50px;

}
.pcb-bor3-model-div{
	width: 16%;
	max-width: 220px;
	height: 322px;
	border-radius: 0px;
background: #FFFFFF;
border: 1px solid #D7001D;
margin-top: 30px;
overflow: hidden;
}
.pcb-bor3-model-div1{
	width: 16%;
	max-width: 220px;
	height: 310px;
	border-radius: 0px;
background: #FFFFFF;
border: 1px solid #D7001D;
margin-top: 30px;
overflow: hidden;
}
.pcb-bor3-model-div-img{
	width: 100%;
	height: 218px;
}
.pcb-bor3-model-div-img1{
	width: 100%;
	height: 125px;
}
.pcb-bor3-model-div-line{
	width: 100%;
	height: 51px;
	display: flex;
	justify-content: center;
	align-items: center;
}
.pcb-bor3-model-div-line1{
	width: 100%;
	height: 92px;
	display: flex;
	justify-content: center;
	align-items: center;
}
.com-bor2-line{
	height: 60px;
	display: flex;
	width: 100%;
	align-items: center;
}
.smt-bor1-model{
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	max-width: 1440px;
	height: 100px;
	align-items: center;
}
.smt-bor1-model-div{
	width: 25%;
	height: 100%;
	display: flex;
	align-items: center;
}
.smt-bor1-model-div-line{
	width: 65%;
    height: auto;
    margin-left: 5%;
}
.smt-bor1-model-div-img{
	width: 88px;
	height: 56px;
}
.smt-bor1-model-div-p{
	width: auto;
	height: 30px;
	display: flex;
    align-items: center;
}
.line-font1{
	width: 82%;
    max-width: 210px;
    justify-content: center;
    display: flex;
    align-items: center;
    font-weight: 400;
    font-size: 20px;
    border-radius: 29px;
    height: 58px;
	background: #F1F1F1;
    color: black;
}
.line-bor1 {
    width: 100%;
    height: 84px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.smt-bor2 .model1,.smt-bor2 .model2,.smt-bor2 .model3,.smt-bor2 .model4{
	border-radius: 20px;
background: #F1F1F1;
width: 100%;
max-width: 1200px;
height: 100%;
padding: 20px;
}
.right-bor-img{
	max-width: 370px;
	height: 270px;
	width: 34%;
	object-fit: contain;
	overflow: hidden;
}
.right-bor-div1{
	width: 46%;
	height: 100%;
	padding-left: 2%;
	padding-top: 20px;
}
.right-bor-div2{
	width: 20%;
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: flex-end;
}
.right-bor-div1-title{
	font-size: 24px;
	color: #231815;
}
.right-bor-div1-line1{
	opacity: 1;
	color: #999999;
	font-size: 18px;
	margin-top: 20px;
}
.right-bor-div1-line2{
	display: flex;
	align-items: center;
	margin-top: 20px;
}
.right-bor-div1-line2-img{
	width: 19px;
	height: 19px;
	margin-right: 10px;
}
.right-bor-div2-input{
	opacity: 1;
border-radius: 24px;
background: #D7001D;
box-shadow: 0px 2px 4px 0px #0000004C;
max-width: 170px;
width: 100%;
height: 44px;
text-align: center;
border: none;
font-size: 18px;
color: white;
cursor: pointer;
}
.smt-bor4-model{
	width: 100%;
	height: 250px;
	display: flex;
	justify-content: space-between;
	margin-top: 60px;
}
.smt-bor4-model-left,.smt-bor4-model-right{
 width: 48%;
 height: 100%;
 display: flex;
 opacity: 1;
border-radius: 0px;
background: #D7001D;
position: relative;
justify-content: end;
padding: 20px;
}
.smt-bor4-model-img{
	width: 54%;
	height: 100%;
	position: absolute;
	top: -28px;
    left: 35px;
}
.smt-bor4-model-centent{
	width: 35%;
	color: #FFFFFF;
	font-size: 16px;
	padding-top: 20px;

}
.smt-bor4-model-centent-butt{
	max-width: 220px;
	width: 100%;
	height: 48px;
	margin-top: 50px;
	opacity: 1;
	color: #D7001D;
	font-size: 24px;
	border-radius: 26px;
	background: #FFFFFF;
	display: flex;
    justify-content: center;
    align-items: center;
	cursor: pointer;
}
@media(max-width:768px){
.left-bor{
height: 100%;
width: 100%;
margin-right:20px;

}
.left-bor-title{
height: 45px;width: 100%;background-color: #239564;display: flex;align-items: center;
}
.left-bor-font{
width: 70%;
max-width: 200px;
justify-content: center;
display: flex;
align-items: center;
font-weight: 400;
font-size: 17px;
border-radius: 25px;
height: 50px;
background: #F1F1F1;
color: black;
}
.line{
height: 40px;width: 100%;background-color: white;display: flex;align-items: center;    position: relative;
cursor: pointer;
}
.line-font{
width:75%;display: flex;align-items: center;font-weight: 400;margin-top: 3px;font-size: 16px;color: black;
}
.right-bor{
width: 100%!important;
}
#design-case{
display: block!important;
height: auto!important;
}

.model1,.model2,.model3,.model4,.model5,.model6{
height: 100%;
width: 100%;
display: flex;
justify-content: space-between;
overflow: hidden;
overflow-x: auto;
}
#p1,#p2,#p3,#p4,#p5,#p6{
width: 16px;
}
#p-no1{
width: 17px;
}

.picture-bor{
height: 95%;width: 100%;background-color: white;padding: 20px 2.5% 10px 2.5%;
margin-top: 10px;
box-shadow: 0px 4px 10px 0px rgb(0 0 0 / 30%);
border-radius: 10px;
}
.img-bor{
width: 276px!important;
height: 275px!important;
}
}
.flink .w1200 {
position: relative;
padding-left: 100px
}

.flink label {
position: absolute;
left: 20px;
top: 5px;
}

footer li {
float: left;
margin-right: 6%;
}

.ison_ren label {
margin-bottom: 10px;
}

.transAll * {
transition: all 0.3s !important;
-webkit-transition: all 0.3s !important;
}

.transOne {
transition: all 0.3s;
-webkit-transition: all 0.3s;
}

.transTwo {
transition: all 0.5s;
-webkit-transition: all 0.5s;
}

.to-big .img {
overflow: hidden;
}

.to-big:hover .img img {
transform: scale(1.05);
}


.w1200 {
margin: 0 auto;
max-width: 1440px;
/* padding: 0 20px; */
width: 100%;
}

.service_box .w1200 {
max-width: 1280px;
}

.w1200.old {
max-width: 1320px;
padding: 0 20px;
}

#top {
z-index: 9999;
background: #fff;
border-bottom: 1px solid #cecece;
}

.site-header {
background: #fff;
height: 80px;
padding: 0;
max-width: 1690px;
width: 100%;
padding: 0 20px;
margin: 0 auto;
}

.logo {
float: left;
padding-top: 14px;
position: unset;
}

.logo a {
background: url(/images/logo/组.svg) no-repeat;
width: 248px;
height: 60px;
display: block;
background-size: 100% auto;
}

.logo a h1 {
display: none
}

nav {
float: left;
}

nav>ul>li {
margin: 0 20px;
float: left;
}

nav>ul>li:first-child {
margin-left: 0
}

nav>ul>li>a {
line-height: 80px;
color: #3b3b3b;
font-size: 18px;
position: relative;
display: block
}

nav a:hover {
color: #ca1421
}

nav>ul>li>a:hover:after {
content: "";
position: absolute;
left: 0;
bottom: 0;
width: 100%;
height: 2px;
display: block;
background: #ca1421
}

.login_reg {
float: right;
margin-top: 12px;
}

.login_reg a.login {
color: #fff;
line-height: 50px;
display: block;
float: left;
padding: 0 10px 0 15px;
}

.login_reg a.login:before {
background: url(/images/icon_login.png) no-repeat;
height: 25px;
width: 25px;
content: "";
display: inline-block;
margin-top: 12px;
vertical-align: top;
}

.login_reg a.reg:before {
background: url(/images/re.png) no-repeat;
height: 29px;
width: 29px;
background-size: 100% 100%;
content: "";
display: inline-block;
margin-top: 10px;
vertical-align: top;
}

.login_reg a.reg {
color: #fff;
display: block;
float: left;
padding: 0 5px 0 5px;
}

.login_reg font {
color: rgba(255, 255, 255, 0.2);
display: block;
float: left;
line-height: 50px;
background: #575757;
}

.login_reg a.buychart {
color: #fff;
line-height: 50px;
display: block;
float: left;
padding: 0 15px 0 10px;
}

.login_reg a.buychart:before {
background: url(/images/cart.png) no-repeat right center;
height: 24px;
width: 24px;
content: "";
display: inline-block;
margin-top: 12px;
vertical-align: top;
}

nav>ul>li>.sub_menu {
position: absolute;
top: 80px;
opacity: 0;
left: 0;
background-color: #fff;
width: 100%;
z-index: 8888;
padding: 41px 0 53px;
border-top: 1px solid #cfcfcf;
border-bottom: 1px solid #cfcfcf;
display: none;
}


nav>ul>li>.sub_menu.style2{
border: 1px solid #cfcfcf;
}
nav>ul>li .sub_menu.style2 a {
padding: 0 35px;
border-bottom: 1px solid #eee;
}

nav>ul>li>.sub_menu.style2 .menu-box ul li:first-child a{
border-bottom: 0;
}

nav>ul>li>.sub_menu.style2 .menu-box ul li a {
font-size: 14px;
line-height: 50px;
}


nav>ul>li .sub_menu.active{
opacity: 1;
display: block;
}


nav>ul>li>.sub_menu .img-box {
float: left;
width: 50%;
text-align: right;
padding-right: 5%;
}

nav>ul>li>.sub_menu .img-box img {
display: block;
margin-right: 0;
margin-left: auto;
max-width: 100%;
}

nav>ul>li>.sub_menu .menu-box {
float: right;
width: 50%;
}

nav>ul>li>.sub_menu .menu-box ul {
float: left;
width: 29.5%;
padding: 0px 6.5%;
box-sizing: border-box;
text-align: center;
border-left: 1px solid #cfcfcf;
}

nav>ul>li>.sub_menu .menu-box ul:first-child {
padding-left: 0;
text-align: left;
width: 20%;
min-width: 105px;
border-left: 0;
}

nav>ul>li>.sub_menu .menu-box ul:nth-child(4) {
padding-right: 0;
padding-left: 13%;
width: 20%;
min-width: 165px;
box-sizing: border-box;
}

nav>ul>li>.sub_menu .menu-box ul li {
float: unset;
}

nav>ul>li>.sub_menu .menu-box ul li a {
font-size: 14px;
line-height: 30px;
}

nav>ul>li>.sub_menu .menu-box ul li:first-child a {
font-size: 18px;
font-weight: bold;
}


.menu-box ul li a:hover{
background-color: #fff;
color: #ca1421;
}

.sub_menu.style2 .menu-box ul li a:hover{
background-color: #ca1421;
color: #fff;
}


div.burger {
height: 50px;
width: 25px;
position: absolute;
top: 0px;
right: 20px;
cursor: pointer;
z-index: 9999;
display: none;
}

div.x,
div.y,
div.z {
height: 2px;
width: 26px;
-webkit-transition: all .1s ease-out;
-moz-transition: all .1s ease-out;
-ms-transition: all .1s ease-out;
-o-transition: all .1s ease-out;
transition: all .1s ease-out;
}

div.x,
div.y,
div.z {
position: absolute;
margin: auto;
top: 0;
bottom: 0;
background: #ca1421;
border-radius: 2px;
-webkit-transition: all .2s ease-out;
-moz-transition: all .2s ease-out;
-ms-transition: all .2s ease-out;
-o-transition: all .2s ease-out;
transition: all .2s ease-out;
}

div.y {
top: 18px;
}

div.z {
top: 37px;
}

div.open div.x,
div.open div.z {
top: 19px;
-webkit-transition: all 70ms ease-out;
-moz-transition: all 70ms ease-out;
-ms-transition: all 70ms ease-out;
-o-transition: all 70ms ease-out;
transition: all 70ms ease-out;
}

div.rotate30 {
-ms-transform: rotate(30deg);
-webkit-transform: rotate(30deg);
transform: rotate(30deg);
-webkit-transition: all 70ms ease-out;
-moz-transition: all 70ms ease-out;
-ms-transition: all 70ms ease-out;
-o-transition: all 70ms ease-out;
transition: all 70ms ease-out;
}

div.rotate45 {
-ms-transform: rotate(45deg);
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
-webkit-transition: all .1s ease-out;
-moz-transition: all .1s ease-out;
-ms-transition: all .1s ease-out;
-o-transition: all .1s ease-out;
transition: all .1s ease-out;
}

div.rotate150 {
-ms-transform: rotate(150deg);
-webkit-transform: rotate(150deg);
transform: rotate(150deg);
-webkit-transition: all 70ms ease-out;
-moz-transition: all 70ms ease-out;
-ms-transition: all 70ms ease-out;
-o-transition: all 70ms ease-out;
transition: all 70ms ease-out;
}

div.rotate135 {
-ms-transform: rotate(135deg);
-webkit-transform: rotate(135deg);
transform: rotate(135deg);
-webkit-transition: all .1s ease-out;
-moz-transition: all .1s ease-out;
-ms-transition: all .1s ease-out;
-o-transition: all .1s ease-out;
transition: all .1s ease-out;
}

.b_list {
position: absolute;
left: 470px;
top: 18px;
}

.b_list img {
display: inline-block;
margin: 0 2px;
width: 40px;
}

@media screen and (max-width:1680px) {
nav>ul>li>.sub_menu .menu-box ul {
float: left;
width: 26.5%;
padding: 0px 3.5%;
}

nav>ul>li>.sub_menu .menu-box ul:nth-child(4) {
padding-left: 6%;
}
}

@media screen and (max-width:1440px) {
.b_list {
left: 370px;
}

nav>ul>li {
margin: 0 10px;
}

nav>ul>li>a {
font-size: 16px;
}

nav>ul>li>.sub_menu .menu-box ul {
float: left;
width: 24.5%;
padding: 0px 2.5%;
}

nav>ul>li>.sub_menu .menu-box ul:nth-child(4) {
padding-left: 2%;
min-width: 125px;
}

nav>ul>li>.sub_menu .menu-box ul li:first-child a {
font-size: 16px;
font-weight: bold;
}

nav>ul>li>.sub_menu .menu-box ul li a {
font-size: 13px;
line-height: 30px;
}
}

@media screen and (max-width:1280px) {
.logo {
padding-top: 22px;
}

.logo a {
width: 273px;
}

.b_list {
left: 310px;
}

.b_list img {
width: 36px;
}

nav>ul>li {
margin: 0 10px;
}

nav>ul>li>a {
font-size: 14px;
}
}

@media screen and (max-width: 1000px) {
#top {
position: fixed;
top: 0;
z-index: 88888;
}

.b_list {
display: none;
}

.logo {
padding-top: 19px;
}

.logo a {
width: 89px;
background-size: unset;
}

#menu {
background: #ca1421;
overflow: auto;
}

#submenu {
height: 80px;
float: right;
margin-right: 40px;
}
.top2{
	padding: 0px;
    width: 0px;
}

nav {
z-index: 9998;
margin-top: 80px;
right: 0;
width: 100%;
top: 0;
height: 100%;
position: fixed;
display: none;
margin-right: 0;
}

div.burger {
right: 20px;
}

div.burger {
display: block;
}

nav>ul>li {
margin: 0;
padding: 0 15px;
width: 100%;
display: block;
}

nav>ul>li>a {
color: #fff;
line-height: 45px;
}

#menu li .sub_menu {
float: left;
padding: 0;
}

#menu li .sub_menu {
position: static;
background: rgba(0, 0, 0, 0.1);
width: 100%;
text-align: left;
}

#menu li ul li {
padding: 0 0px;
float: none;
}

#menu li ul li {
border-color: rgba(255, 255, 255, 0.2);
}

nav>ul>li>.sub_menu {
visibility: visible;
opacity: 1;
display: none;
}

nav a:hover {
color: #fff;
}

nav>ul>li>.sub_menu {
border: 0
}

nav>ul>li>.sub_menu .img-box {
display: none;
}

nav>ul>li>.sub_menu .menu-box {
width: 100%;
}

nav>ul>li>.sub_menu .menu-box ul {
float: left;
width: 100% !important;
text-align: left !important;
border-left: 0 !important;
padding: 0 !important;
border-top: 1px solid rgba(255, 255, 255, 0.3);
}

nav>ul>li>.sub_menu .menu-box ul:first-child {
border-top: 0;
}

nav>ul>li>.sub_menu .menu-box ul li a {
color: #fff;
font-size: 12px;
display: block;
}

nav>ul>li>.sub_menu .menu-box ul li:first-child a {
font-size: 14px;
}

.count_form {
position: fixed;
left: 0;
top: 20%;
opacity: 0;
display: none;
}

}


#banner {
position: relative;
z-index: 998;
height: 600px;
background: #000
}

.banner_form {
position: absolute;
left: 50%;
top: 40px;
width: 1280px;
margin-left: -640px;
z-index: 998;
}

@media screen and (max-width: 1200px) {
.count_form li label {
font-size: 12px;
}

.count_form {
width: 385px;
}

.banner_form {
left: 56%;
}

}



@media screen and (max-width: 1180px) {
.banner_form {
left: 59%;
}
}


@media screen and (max-width: 1110px) {
.banner_form {
left: 63.5%;
}

.count_form {
width: 340px;
}

.count_form ul {
padding: 15px;
}

.count_form li {
width: 49%;
margin-right: 2%;
}
}


@media screen and (max-width: 1030px) {
.banner_form {
left: 65%;
}
}

@media screen and (max-width: 1000px) {
#banner {
margin-top: 80px;
}

#banner,
#banner_carousel,
#banner_carousel .item {
height: 26.05vw;
}

#banner_carousel .item {
background-size: 100% auto;
}
}


.count_form {
height: 390px;
width: 469px;
background: #fff;
-webkit-border-radius: 10px;
border-radius: 10px;
-moz-border-radius: 10px;
}

.count_title {
color: #fff;
text-align: center;
font-size: 20px;
display: block;
background: url(/images/jbbg.png) no-repeat;
height: 57px;
line-height: 57px;
border-radius: 7px 7px 0px 0px;
}

.count_form ul {
display: block;
padding: 25px;
padding-bottom: 0;
float: left;
width: 100%;
}

.count_form li {
float: left;
width: 100%;
margin-right: 0%;
margin-bottom: 22px
}

.count_form li:nth-child(2n) {
float: right;
margin-right: 0
}

.count_form li label {
color: #444;
display: block;
margin-bottom: 10px
}

.count_form li input {
border: 1px solid #d2d2d2;
-webkit-border-radius: 5px;
border-radius: 5px;
-moz-border-radius: 5px;
padding: 7px 10px;
display: block;
width: 100%
}

.count_form li select {
border: 1px solid #d2d2d2;
-webkit-border-radius: 5px;
border-radius: 5px;
-moz-border-radius: 5px;
padding: 7px 10px;
display: block;
width: 100%
}

.submit_js {
text-align: center
}

.submit_js input {
background: url(/images/submit_jj.png) no-repeat;
width: 169px;
height: 42px;
display: inline-block;
border: 0;
}

#banner_carousel {
height: 600px;
}

#banner_carousel .item {
height: 600px;
background-color: #000;
background-position: center top;
background-repeat: no-repeat
}






#four_ul {
/* padding:30px 0;-moz-box-shadow:2px 2px 5px rgba(0,0,0,0.1); -webkit-box-shadow:2px 2px 5px rgba(0,0,0,0.1); box-shadow:2px 2px 5px rgba(0,0,0,0.1); background:#fff; */
float: left;
width: 100%;
}

#four_ul li {
float: left;
position: relative;
padding-left: 75px;
color: #868686;
font-size: 13px;
line-height: 1.5
}

#four_ul li a {
color: #868686;
font-size: 13px;
}

#four_ul li.four {
width: 330px;
border-left: 1px solid #e5e5e5;
padding-left: 48px;
}

#four_ul li:before {
background: url(/images/icon_jhs.png) no-repeat;
content: "";
width: 45px;
height: 39px;
display: block;
position: absolute;
left: 0;
top: 0
}

#four_ul li.first:before {}

#four_ul li.four {
float: right
}

#four_ul li.two {
margin: 0 100px
}

#four_ul li.two:before {
background-position: -312px center;
width: 40px;
}

#four_ul li.three:before {
background-position: right center;
width: 48px
}

#four_ul li.four:before {
display: none
}

#four_ul li b {
color: #1a1a1a;
display: block;
font-size: 18px;
margin-bottom: 5px
}

#four_ul li span {
margin-right: 40px
}

#four_ul li .amore {
position: absolute;
right: 0;
top: 0;
color: #ca1421
}

#four_ul {
background-color: #f5f5f5;
}

#four_ul .w1200 {
margin-top: -80px;
position: relative;
z-index: 10000;
}

#four_ul .xb-list {
float: left;
width: 25%;
text-align: center;
background-color: #fff;
padding: 55px 10px 45px;
}

#four_ul .xb-list.style2 {
background-image: url(/images/re-back.png);
background-size: 100% 100%;
background-repeat: no-repeat;
}

#four_ul .xb-list.style2 * {
color: #fff;
}

#four_ul .xb-list .tit {
font-size: 28px;
line-height: 35px;
color: #e61423;
position: relative;
padding-left: 40px;
}

#four_ul .xb-list .tit::before {
display: block;
position: absolute;
bottom: -5px;
left: 22%;
}

#four_ul .xb-list:nth-child(1) .tit::before {
content: url(/images/xb1.png);
}

#four_ul .xb-list:nth-child(2) .tit::before {
content: url(/images/xb2.png);
}

#four_ul .xb-list:nth-child(3) .tit::before {
content: url(/images/xb3.png);
}

#four_ul .xb-list:nth-child(4) .tit::before {
content: url(/images/xb4.png);
}

#four_ul .xb-list.style2 .tit {
color: #fff;
}

#four_ul .xb-list .des {
font-size: 16px;
line-height: 27px;
padding: 35px 0 40px;
color: #424242;
}

#four_ul .xb-list.style2 .des {
color: #fff;
}

#four_ul .xb-list .list-box {
padding: 0 70px;
}

#four_ul .xb-list .list-box .list {
display: block;
float: left;
width: 40%;
margin: 10px 0;
border: 1px solid #424242;
color: #424242;
margin-right: 20%;
border-radius: 3px;
font-size: 16.38px;
padding: 6px 0;
transition: all 0.3s;
-webkit-transition: all 0.3s;
}

#four_ul .xb-list .list-box .list:hover {

border: 1px solid #e61423;
background-color: #e61423;
color: #fff;
}

#four_ul .xb-list.style2 .list-box .list {
border: 1px solid #fff;
color: #fff;
}


#four_ul .xb-list.style2 .list-box .list:hover {
background-color: #fff;
color: #e61423;
}

#four_ul .xb-list .list-box .list:nth-child(2n) {
margin-right: 0;
}

@media screen and (max-width:1680px) {
#four_ul .xb-list .list-box {
padding: 0 50px;
}

#four_ul .xb-list .tit::before {
left: 15%;
}

#four_ul .xb-list .tit {
font-size: 26px;
}

#four_ul .xb-list .des {
font-size: 14px;
line-height: 25px;
padding: 30px 0 35px;
}

#four_ul .xb-list .list-box .list {
font-size: 14px;
}
}

@media screen and (max-width:1440px) {
#four_ul .xb-list .list-box {
padding: 0 30px;
}
}

@media screen and (max-width:1280px) {

#four_ul .xb-list .tit::before {
left: 9%;
}

#four_ul .xb-list .tit {
font-size: 22px;
line-height: 30px;
}

#four_ul .xb-list .des {
font-size: 13px;
line-height: 23px;
padding: 27px 0 30px;
}

#four_ul .xb-list .list-box .list {
font-size: 13px;
}
}

@media screen and (max-width:1000px) {
#four_ul .xb-list {
width: 50%;
margin-bottom: 15px;
padding: 25px 10px 20px;
}

#four_ul .xb-list .tit::before {
top: 0%;
}

#four_ul .w1200 {
margin-top: 25px;
}

#four_ul .xb-list .tit {
padding-left: 0;
}

}

@media screen and (max-width:600px) {
#four_ul .xb-list {
width: 100%;
}
}





/**/
.product_index {
background: #f5f5f5;
padding: 40px 0
}

.product_index_menu {
text-align: center;
padding-bottom: 15px;
}

.product_index_menu a {
font-size: 20px;
margin: 0 50px;
color: #333
}

.product_index_menu a.on,
.product_index_menu a:hover {
color: #ca1421
}

.h1_title {
display: block;
font-size: 30px;
color: #333;
text-align: center;
margin-bottom: 15px;
font-weight: normal
}

.h1_title_p {
font-size: 20px;
color: #999;
display: block;
text-align: center;
}

.marginbottom50 {
margin-bottom: 50px;
}

.product_index_ul {
max-width: 1320px;
width: 100%;
margin: 0 auto;
}

.product_index_ul li {
width: 32%;
margin-right: 2%;
background: #fff;
float: left;
position: relative;
margin-top: 25px;
}

.product_index_ul li i {
position: absolute;
left: 10px;
top: 0;
background: url(/images/icon_3day.png) no-repeat;
width: 38px;
height: 53px;
padding-top: 25px;
line-height: 22px;
text-align: center;
color: #fff;
font-style: normal;
display: block;
font-size: 13px;
}

.product_index_ul li:nth-child(3n) {
margin-right: 0
}

.product_index_ul li .thumb {
display: block;
text-align: center;
padding: 20px
}

.product_index_ul li .thumb img {
max-width: 100%;
display: block;
}

.product_index_ul li .desc {
border-bottom: 1px solid #dcdcdc;
padding: 20px;
float: left;
width: 100%
}

.product_index_ul li .desc font {
width: 50%;
display: block;
float: left
}

.product_index_ul li .desc font:nth-child(2) {
text-align: right
}

.product_index_ul li .price {
padding: 20px;
float: left;
width: 100%;
font-size: 16px;
}

.product_index_ul li .price span {
float: left;
padding-top: 10px
}

.product_index_ul li .price span em {
color: #ca1421;
font-style: normal
}

.product_index_ul li .price a {
display: inline-block;
float: right;
padding: 12px 35px;
color: #ca1421;
border: 1px solid #ca1421;
-webkit-border-radius: 8px;
border-radius: 8px;
-moz-border-radius: 8px;
vertical-align: top
}

.product_index_ul li:hover {
-moz-box-shadow: 1px 5px 15px rgba(0, 0, 0, 0.1);
-webkit-box-shadow: 1px 5px 15px rgba(0, 0, 0, 0.1);
box-shadow: 1px 5px 15px rgba(0, 0, 0, 0.1);
}

.product_index_ul li:hover .price a,
.price a:hover {
background: #ca1421;
color: #fff
}

.product_index .more-url {
text-align: center;
padding: 25px 0;
}

.product_index .more-url a {
font-size: 18px;
color: #d7001d;
}

@media screen and (max-width:1000px) {
.product_index_ul li {
width: 49%;
margin-right: 2%;
margin-top: 0px;
margin-bottom: 20px;
}

.product_index_ul li:nth-child(3) {
margin-right: 2%;
}

.product_index_ul li:nth-child(2n) {
margin-right: 0;
}

.product_index {
padding: 30px 0;
}

.h1_title {
display: block;
font-size: 26px;
}

.h1_title_p {
font-size: 16px;
line-height: 25px;
}

.marginbottom50 {
margin-bottom: 15px;
line-height: 25px;
}

.product_index_ul li .price a {
padding: 5px 20px;
font-size: 13px;
}

}

@media screen and (max-width:600px) {
.product_index_ul li {
width: 100%;
margin-right: 0;
}

.product_index_ul li:last-child {
margin-bottom: 0px;
}

.product_index_ul li .thumb img {
margin: 0 auto;
}

.product_index_ul li .desc font {
width: 100%;
display: block;
float: left !important;
margin-bottom: 10px;
text-align: center !important;
}

.h1_title {
display: block;
font-size: 22px;
}

.h1_title_p {
font-size: 14px;
line-height: 25px;
}
}

#about_index {
background: #ca1421 url(/images/abgg.jpg) no-repeat right center;
}

#about_index .w1200 {
position: relative;
}

#about_index .thumb {
display: block;
float: left;
width: 43%;
}

#about_index .thumb img {
display: block;
width: 100%;
}

#about_index .desc {
float: right;
width: 48%;
padding: 70px 0;
color: #fff;
line-height: 1.5;
}

.about_title {
font-size: 35px;
font-weight: bold
}

.about_title_p {
font-size: 25px;
}

.about_title_p:after {
width: 60px;
height: 1px;
background: #fff;
content: "";
display: block;
margin-top: 15px
}

.about_p {
display: block;
margin: 35px 0;
line-height: 1.8;
}

.about_icon {
font-size: 18px;
}

.about_icon span {
display: block;
float: left;
padding-right: 25px;
border-right: 1px solid #a80813;
margin-right: 25px
}

.about_icon span:before {
background: url(/images/icon_lgs.png) no-repeat;
content: "";
height: 32px;
width: 29px;
display: inline-block;
margin-top: -2px;
margin-right: 15px;
vertical-align: top
}

.about_icon span.icon4 {
border-right: 0;
margin-right: 0
}

.about_icon span.icon2:before {
width: 35px;
background-position: -166px center
}

.about_icon span.icon3:before {
width: 29px;
background-position: -340px center
}

.about_icon span.icon4:before {
background-position: right center
}

@media screen and (max-width:1680px) {
#about_index .desc {
padding: 50px 0;
}

.about_title {
font-size: 32px;
font-weight: bold;
}

.about_title_p {
font-size: 22px;
}

.about_p {
margin: 30px 0;
line-height: 1.8;
}

.about_icon {
font-size: 16px;
}

.about_icon span:before {
margin-top: -4px;
}
}


@media screen and (max-width:1540px) {

#about_index .desc {
padding: 40px 0;
}

.about_title {
font-size: 30px;
font-weight: bold;
}

.about_title_p {
font-size: 20px;
}

.about_p {
margin: 25px 0;
line-height: 1.6;
font-size: 13.5px;
}

.about_icon {
font-size: 15px;
}

.about_icon span:before {
margin-top: -5px;
}
}


@media screen and (max-width:1440px) {
#about_index .desc {
width: 52%;
}

#about_index .desc {
padding: 30px 0;
}

.about_title {
font-size: 26px;
font-weight: bold;
}

.about_title_p {
font-size: 17px;
}

.about_p {
margin: 20px 0;
line-height: 1.6;
font-size: 13px;
}

.about_icon {
font-size: 14px;
}

.about_icon span:before {
margin-top: -6px;
}
}


@media screen and (max-width:1280px) {
#about_index .desc {
width: 54%;
}

#about_index .desc {
padding: 20px 0;
}

.about_title {
font-size: 24px;
font-weight: bold;
}

.about_title_p {
font-size: 15px;
}

.about_p {
margin: 15px 0;
line-height: 1.6;
font-size: 12.5px;
}

.about_icon {
font-size: 13px;
}

.about_icon span:before {
margin-top: -7px;
}

.about_icon span {
padding-right: 15px;
margin-right: 15px;
}
}

@media screen and (max-width:1000px) {

#about_index .thumb,
#about_index .desc {
width: 100%;
margin-bottom: 20px;
}

#about_index .thumb {
margin-top: 20px;
}

#about_index .desc {
margin-bottom: 0px;
}

.about_p {
font-size: 12px;
}
}


@media screen and (max-width:600px) {
.about_icon span {
width: 100%;
border-right: 0;
margin-top: 15px;
}

.about_icon span:before {
margin-top: -7px;
width: 37px !important;
}

.about_icon span.icon1:before {
background-position: 7px center;
}

.about_icon span.icon2:before {
background-position: -164px center;
}

.about_icon span.icon3:before {
background-position: -333px center;
}
}

.adv_index {
padding: 80px 0;
background: #f9f9f9
}

.adv_index .w1200 {
max-width: 1320px;
padding: 0 20px;
}

.adv_lt {
width: 36%;
float: left;
color: #5f5f5f;
line-height: 1.2
}

.adv_rt {
float: right;
width: 57.5%;
}

.adv_title {
font-size: 30px;
font-weight: bold;
margin-bottom: 50px;
margin-top: 20px
}

.adv_ull li {
float: left;
width: 50%;
margin-bottom: 26px;
}

.adv_ull li:nth-child(2) {
padding-left: 15px;
position: relative
}

/* .adv_ull li:nth-child(2):before{ width:1px; height:25px; background:#a5a5a5; display:block; content:""; position:absolute; left:0; top:12px;} */
.adv_ull li em {
font-size: 36px;
font-weight: bold;
color: #ca1421;
margin-right: 5px
}

.adv_ull li.full {
width: 100%;
}

#adv_carousel .item {
position: relative
}

#adv_carousel .title {
background: #535353;
padding: 10px 20px;
line-height: 1.6;
color: #fff
}

#adv_carousel .title b {
font-size: 18px;
}

#adv_carousel .owl-nav div {
background: url(/images/next.png) no-repeat;
width: 17px;
height: 30px;
position: absolute;
top: 50%;
margin-top: -15px;
}

#adv_carousel .owl-nav div.owl-next {
right: 20px
}

#adv_carousel .owl-nav div.owl-prev {
left: 20px;
background: url(/images/prev.png) no-repeat;
}

.adv_ull li.full {
background-position: top left;
padding-left: 50px;
height: 31px;
line-height: 31px;
margin-bottom: 30px;
}

.adv_ull li.full.pc {
background: url(/images/pc.png) no-repeat;
background-size: 32px 28px;
}

.adv_ull li.full.zs {
background: url(/images/zs.png) no-repeat;
background-size: 27px 31px;
margin-bottom: 90px;
}


@media screen and (max-width: 1680px) {
.adv_title {
font-size: 26px;
font-weight: bold;
margin-bottom: 40px;
}

.adv_ull li.full {
margin-bottom: 25px;
}

.adv_ull li.full.zs {
margin-bottom: 60px;
}
}

@media screen and (max-width: 1440px) {

.adv_title {
font-size: 24px;
font-weight: bold;
margin-bottom: 30px;
}

#adv_carousel .title b {
font-size: 16px;
}
}

@media screen and (max-width: 1280px) {

.adv_title {
font-size: 22px;
font-weight: bold;
margin-bottom: 20px;
}

.adv_ull li.full {
margin-bottom: 20px;
}

.adv_ull li.full.zs {
margin-bottom: 30px;
}
}

@media screen and (max-width: 1000px) {
.adv_index {
padding: 30px 0;
}

.adv_lt,
.adv_rt {
width: 100%;
}

.adv_ull li {
width: 100%;
}

.adv_ull li em {
font-size: 24px;
}

.adv_title {
font-size: 18px;
}

#adv_carousel .title b {
font-size: 13px;
}
}

.produce_index {
padding: 80px 0
}

#produce_carousel .item {
overflow: hidden;
padding-bottom: 20px
}

#produce_carousel .thumb {
float: left;
width: 44.7%;
background: #fff;
-moz-box-shadow: 2px 5px 15px rgba(0, 0, 0, 0.2);
-webkit-box-shadow: 2px 5px 15px rgba(0, 0, 0, 0.2);
box-shadow: 2px 5px 15px rgba(0, 0, 0, 0.2)
}
.coments_box{
border-radius: 10px;
padding: 10px;

}
.coments_box .desc {
line-height: 1.5;
color: #3f3f3f;
padding: 10px 0;
float: left;
width: 100%;
height: 70px;
min-height: 70px;
/* margin-bottom: 20px; */
}
.coments_box #red-bor p{
width: 52px;
height: 22px;
border-radius: 6px;
background: #D7001D;
color: white;
display: flex;
justify-content: center;
align-items: center;
}
#produce_carousel .thumb img {
width: 100%;
}

#produce_carousel .desc {
width: 55.3%;
float: left;
padding-top: 40px
}

#produce_carousel {
margin-bottom: 40px
}

.descbur {
height: 275px;
background: #f8f8f8;
padding: 50px 100px;
line-height: 1.6;
color: #3d3d3d;
}

.descbur b {
font-size: 25px;
margin-bottom: 25px;
display: block
}

.descbur b:after {
width: 20px;
height: 2px;
background: #ca1421;
content: "";
display: block;
margin-top: 10px;
}

#produce_carousel .owl-nav div {
background: url(/images/next.png) no-repeat;
width: 17px;
height: 30px;
position: absolute;
top: 50%;
margin-top: -15px
}

#produce_carousel .owl-nav div.owl-next {
right: -50px;
}

#produce_carousel .owl-nav div.owl-prev {
left: -50px;
background-image: url(/images/prev.png)
}

@media screen and (max-width: 1280px) {
.descbur {
height: 245px;
}
}

@media screen and (max-width: 1110px) {
.descbur {
height: 205px;
padding: 30px 70px;
}

.descbur b {
font-size: 22px;
}

.descbur p {
font-size: 13px;
}
}

@media screen and (max-width: 1000px) {
.produce_index {
padding: 25px 0;
}

.descbur {
height: auto;
padding: 20px 10px;
}

.descbur b {
font-size: 20px;
}

.descbur p {
font-size: 12px;
}

#produce_carousel .thumb,
#produce_carousel .desc {
width: 100%;
padding-top: 0;
}

.produce_li {
overflow: auto;
padding-bottom: 30px;
}

.produce_li .o-box {
min-width: 914px;
}

#produce_carousel {
margin-bottom: 20px;
}
}



.world_index {
padding: 80px 0;
background: #f8f8f8
}

.world_ul {
margin-bottom: 50px
}

.world_ul li {
float: left;
position: relative;
color: #999;
padding-left: 55px;
width: 25%;
text-align: center;
}

.world_ul li small {
display: block;
font-size: 45px;
position: relative;
color: #ca1421;
font-weight: bold
}

.world_ul li small em {
font-style: normal;
font-size: 25px;
vertical-align: top
}

.world_ul li:before {
background: url(/images/icon_qs.png) no-repeat;
position: absolute;
left: 60px;
top: 10px;
height: 40px;
width: 40px;
content: "";
display: inline-block;
}

/* .world_ul li.icon3{ margin-left:180px;}
.world_ul li.icon2{ margin-left:180px;} */
.world_ul li.icon2:before {
width: 45px;
background-position: -340px center;
left: 40px;
}

.world_ul li.icon3:before {
width: 34px;
background-position: -725px center
}

.world_ul li.icon4:before {
width: 38px;
background-position: right center
}

.world_ul li.icon4 small em {
vertical-align: middle
}

.world_ul li.icon4 {
float: right
}


.world_customer img {
display: block;
width: 100%;
min-width: 500px;
}

@media screen and (max-width: 1330px) {

.world_lt,
.world_rt {
width: 100%;
text-align: center;
height: auto;
}

.word_body {
margin-bottom: 20px;
}


.world_lt .word_table {
min-width: 654px;
}

.world_rt img {
max-width: 100%;
height: auto;
width: 100%;
left: 0;
}

.word_table span {
width: 14% !important;
}

.word_table span.name {
width: 16% !important;
}

.world_rt img {
position: relative;
display: block;
margin: 0 auto;
}

}

@media screen and (max-width: 1280px) {
.world_ul li small {
font-size: 38px;
}

.world_ul li small em {
font-size: 20px;
}

.world_ul li:before {
left: 50px;
}

.world_ul li.icon2:before {
left: 35px;
}
}

@media screen and (max-width: 1050px) {
.world_ul li small {
font-size: 32px;
}

.world_ul li small em {
font-size: 16px;
}

.world_ul li:before {
left: 30px;
}

.world_ul li.icon2:before {
left: 25px;
}
}

@media screen and (max-width: 1000px) {

.world_index {
padding: 30px 0;
}

.world_ul li {
width: 50%;
margin-top: 20px;
}

.world_ul li:before {
left: 20%;
}

.world_ul li.icon2:before {
left: 20%;
}
}

@media screen and (max-width: 600px) {

.world_ul li {
width: 100%;
text-align: left;
padding-left: 55px;
font-size: 13px;
line-height: 30px;
}

.world_ul li:before {
left: 0px;
}

.world_ul li.icon2:before {
left: 0%;
}

.world_ul li small {
font-size: 26px;
}

.world_lt .o-box {
overflow: auto;
}

.world_customer .o-box {
overflow: auto;
padding-bottom: 15px;
}
}




@media screen and (max-width: 1590px) {
#comments_carousel .owl-nav div.owl-prev {
left: 30px;
}

#comments_carousel .owl-nav div.owl-next {
right: 30px;
}

#comments_carousel .owl-nav div {
top: 40%;
}

}

@media screen and (max-width: 1000px) {
#comments_carousel .owl-nav div.owl-prev {
left: 53px;
}

#comments_carousel .owl-nav div {
top: 28%;
background-size: 40px 40px;
}

.label_icon em {
margin-bottom: 10px;
}

.owl-carousel .owl-item .coments_box .thumbs img {
margin-bottom: 5px;
}

.coments_box .itme font {
width: 100% !important;
margin-top: 5px;
}

.coments_box .itme font.view {
padding-left: 25px;
}

.coments_box .itme font.view:before {
left: -3px;
}

.comments_index {
padding: 20px 0;
}
}




#news_index {
padding: 80px 20px;
}

.news_lrt {
float: left;
width: 29%;
margin-right: 4%;
}

.news_lrt .thumb {
margin-bottom: 20px
}

.news_lrt .thumb img {
display: block;
width: 100%;
}

.news_lrt li {
position: relative;
margin-bottom: 15px;
padding-right: 60px;
padding-left: 10px
}

.news_lrt li:before {
width: 4px;
height: 4px;
background: #696969;
content: "";
display: block;
position: absolute;
left: 0;
top: 5px;
}

.news_lrt li:hover a {
color: #ca1421
}

.news_lrt li small {
position: absolute;
right: 0;
top: 0;
color: #696969
}

.news_lrt li a {
display: block;
color: #696969;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}

.news_h1title {
border-bottom: 1px solid #ccc;
padding-bottom: 15px;
position: relative;
margin-bottom: 25px;
}

.news_h1title span {
display: inline-block;
font-size: 20px;
color: #333;
position: relative;
font-weight: bold
}

.news_h1title span:after {
content: "";
display: block;
position: absolute;
left: 0;
bottom: -18px;
width: 100%;
height: 4px;
background: #ca1421;
z-index: 990
}

.news_h1title a {
position: absolute;
right: 0;
top: 5px;
color: #a4a4a4;
font-size: 13px;
}

.news_h1title a:hover {
color: #ca1421
}

.faqs_rt {
background: url(/images/fabb.jpg) no-repeat left 60px;
padding-left: 40px;
width: 33.5%;
float: right;
box-sizing: border-box;
}

.faqs_rt li {
color: #696969;
line-height: 1.5;
padding-bottom: 18px;
border-bottom: 1px dotted #ddd;
margin-bottom: 18px
}

.faqs_rt li .title {
background: url(/images/icon_w.png) no-repeat left 2px;
padding-left: 25px;
margin-bottom: 8px
}

.faqs_rt li p {
background: url(/images/icon_d.png) no-repeat left 2px;
padding-left: 25px;
}

.faqs_rt label {
color: #ca1421;
float: left;
padding-top: 10px
}

.faqs_rt a.faqs_submit {
color: #535353;
display: inline-block;
border: 1px solid #ddd;
padding: 12px 15px;
padding-left: 40px;
background: url(/images/icon_dw.png) no-repeat 15px center;
float: right
}

@media screen and (max-width: 1000px) {
#news_index {
padding: 20px 20px;
}

.news_lrt,
.faqs_rt {
width: 100%;
padding-left: 0;
margin-top: 15px;
background: unset;
}
}

/*1*/




















@media screen and (max-width: 1280px) {
.myad {
background-size: 100% 100%;
padding-bottom: 40px;
height: auto;
}

.countform {
position: relative;
padding: 0 20px;
margin-top: 20px;
}

footer li {
margin-right: 6%;
}

footer li.contact {
width: 585px;
}

.ison_ren .iso_ct {
margin-left: 100px;
}
}

@media screen and (max-width: 1150px) {

footer li {
margin-right: 5%;
}

footer li.contact {
width: 545px;
}
}

@media screen and (max-width: 1050px) {

footer li {
margin-right: 4%;
}

footer li.contact {
width: 515px;
}

.ison_ren .iso_ct {
margin-left: 50px;
}
}


@media screen and (max-width: 1000px) {
footer li.contact {
width: 100%;
margin-top: 2%;
padding-left: 0;
border-left: 0;
}

footer li.contact .code {
display: none;
}

.ison_ren {
padding: 20px 0;
margin-top: 20px;
}

.ison_ren .iso_ct,
.ison_ren .iso_lt,
.ison_ren .iso_rt {
width: 100%;
margin-top: 20px;
margin-left: 0;
}

.myad {
padding-top: 20px;
padding-bottom: 20px;
}

.myad b {
font-size: 22px;
line-height: 30px;
margin-bottom: 10px;
}

.myad p {
font-size: 13px;
line-height: 25px;
}

.countform input[type='text'],
.countform select,
.countform #submit_jsq {
margin-top: 15px;
font-size: 13px;
padding: 8px 10px;
}
}

@media screen and (max-width: 800px) {

.countform input[type='text'],
.countform select,
.countform #submit_jsq {
display: block;
width: 100%;
margin-top: 20px;
margin-left: 0;
}

.countform {
padding: 0;
right: unset;
}
}


/*首页form*/

.bom_upload_box {
width: 100%;
}

.input_info {
width: 100%;
height: 38px;
line-height: 38px;
padding: 0 15px;
background: #fff;
display: block;
margin: 10px 0;
border: 1px solid #dcdcdc;
}

.flie_drag {
width: 100%;
min-height: 70px;
background: #fff8ee;
border: 1px dashed #ff9900;
border-radius: 4px;
/* text-align: center; */
transition: all 0.3s;
}

.dropzone {
min-height: 130px;
padding: 0 15px;
}

.dropzone .dz-message {
margin: auto;
padding-top: 15px;
}

.dz-message {
margin: 0 auto;
}

.count_form .click_upload {
width: 100%;
height: 78px;
cursor: pointer;
background: url(/images/excel.jpg) no-repeat center;
transition: all 0.1s ease;
}

.count_form .tag_upload {
width: 100%;
height: 58px;
text-align: center;
cursor: pointer;
transition: all 0.1s ease;
}

.btn_submit {
text-align: center;
}

.btn_submit input {
width: 169px;
height: 42px;
display: inline-block;
border: 0;
font-size: 24px;
color: #fff;
background: #e61423;
border-radius: 10px;
cursor: pointer;
}

/*首页form*/


/*首页对照整改*/

nav li{
margin: 0;
}

nav a{
color: #000;
}

nav>ul>li>.sub_menu .menu-box ul li a:hover:after{
display: none;
}

.comments_index{
height: auto;
min-width: unset;
padding-bottom: 80px;
}

#submenu{
background-color: unset;
height: 80px;
float: right;
padding: 0 0;
}

.login_reg a.login,
.login_reg a.reg,
.login_reg a.buychart{
background-color: unset;
}


.login_reg a.login:before{
margin-right: 0;
}

.login_reg a.buychart:before{
margin-right: 0;
}


#about_index .thumb{
height: auto;
}

#about_index .thumb img{
position: unset;
}

.about_p{
height: auto;
}

.adv_ull li:nth-child(2):before{
background-color: unset;
}

#produce_carousel .desc{
height: auto;
}

#produce_carousel .thumb img{
height: auto;
}

.world_ul li.icon2,
.world_ul li.icon3{
margin-left: 0;
}
