/*初始化样式*/
html{margin:0;padding:0;border:0;}
body,div,span,object,iframe,h1,h2,h3,h4,p,blockquote,pre,a,address,code,b,em,img,
dl,dt,dd,ol,ul,li,fieldset,form,label,footer,
header,hgroup,nav,section
{margin:0;padding:0;border:0;}
body{background:#fff;color:#666;position:relative;font:12px/1.5 Microsoft YaHei,arial,宋体,sans-serif;vertical-align:baseline;width:100%;overflow-x:hidden;}
a{text-decoration:none;outline:none;}
a:hover,a:active,a:focus{text-decoration:none;outline:none;}


input{padding:0;margin:0;font-family:'Microsoft YaHei';}
img{border:none;background:none;vertical-align:middle;}
ul,ol,li{list-style-type:none;}
select,input,img,select{vertical-align:middle;}
table{border-collapse:collapse;border-spacing:0}
table, th, td {vertical-align: middle}
.clearfix:after{content: ".";display: block;height: 0;clear: both;overflow: hidden;visibility: hidden;}
.clearfix{zoom:1}
.clearboth{height:0px;line-height:0px;overflow:hidden;clear:both;font-size:0px;}

h1,h2,h3,h4{font-size:12px;font-weight:bold;}
hr {border: 0;border-top:1px solid #ccc;height:0;}
dt{font-weight: normal;}

/*----- Common css ------*/
.fl{float:left;}
.fr{float:right;}
.di{_display:inline;}
.fwn{font-weight:normal;}
.dib{*display:inline;_zoom:1;_display:inline;_font-size:0px;}


.com-img{overflow:hidden;}
.com-img img{ transition:all 0.8s; -webkit-transition:all 0.8s; -moz-transition:all 0.8s; -o-transition:all 0.8s;}
.com-img:hover img{transform:scale(1.2); -webkit-transform:scale(1.2); -moz-transform:scale(1.2); -o-transform:scale(1.2);-ms-transform:scale(1.2);}





/*内页左侧样式*/
.page-product-inquiry a{color: #fff;}

@media (max-width: 768px) {
 .x-banner{margin-top:60px;}
 .page-banner{margin-top:60px;}
 .xypg-right-content p img{width:100%!important;height:auto!important;}
}


/*关于我们*/
.flex{display: flex;justify-content: space-between;flex-wrap: wrap;}
.abzb{width:70%;}
.datu{width:100%;}
.datu img{width:100%;display:block;}

.maincontent02{
	background-color: white;
	padding: 0 20px;
}
.maincontent02 .xsjg{
	width:30%;
}

.maincontent02 h3{
    font-size: 12px;
    letter-spacing: 0.1em;
	font-weight:bold;
	color:#333333;
	padding:26px 0 8px 0;
	border-bottom:2px solid #333333;
	margin-bottom:25px;
}
.maincontent02 p{
	height:86px;
    font-size: 13px;
    letter-spacing: 0em;
	color:#767676;
	line-height:20px;
	text-align:justify;
}
.maincontent02 a{
	float:right;
	font-family: Arial,Helvetica,sans-serif;
	font-size:12px;
	color:#7d8a93;
	font-weight:bold;
	text-decoration:underline;
    margin: 20px 0 23px 0;
}

.main_contactus{width:26%;}
.main-contactus-pic{width:100%;}
.main-contactus-pic img{width:100%;display:block;}

.main_contactus .lianxi{
	padding:30px 20px 0 20px;

}
.main_contactus .lianxi a{
	float: right;
    font-size: 12px;
    color: #7d8a93;
    font-weight: bold;
    text-decoration: underline;
    margin-top: 38px;
    font-family: Arial,Helvetica,sans-serif;
}

.wenben h3{
	font-size:12px;
	font-weight:bold;
	color:#333333;
	padding:6px 0 18px 0;
}
.ablx{
	/*height: 136px;*/
    font-size: 12px;
    /*letter-spacing: 0.1em;*/
	color: #767676;
	line-height: 20px;
	text-align: justify;
}




.flexs{display: flex;justify-content: space-between;align-items: center;flex-wrap: wrap;}
.rjbox1{padding:4.69vw 0;}
.rjabz{width:46%;}
.rjabz .det{width:79%;margin-left:6%;}
.rjabtt{text-align:center;}
.rjabtt .wz{color:#363636;font-size:30px;font-weight:bold;}
.rjabtt .wz2{color:#626362;font-size:20px;text-transform:uppercase;margin:1.01vw 0 2.45vw;}
.rjabwz{color:#363636;font-size:14px;line-height:20px;text-align:justify;}

.rjimg{width:52%;}
.rjimg img{width:100%;display:block;}




.moab{
  text-align: center;
  margin-top:3.65vw;
}
.moab a{
  display: inline-block;
  width: 192px;
  color:#000;
  font-size: 16px;
  line-height: 2.333;
  text-transform: uppercase;
  border:1px solid #000;
  margin-left:65px;
  -webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-o-transition: all 0.5s;
  transition: all 0.5s;
  position: relative;
}
.moab a span{
  color:#000;
  position: relative;
  z-index:9;
  font-family: "arial";
}
.moab a:hover span{
  color:#fff;
}
.moab a:before{
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
	opacity: 0;
	background-color: rgba(0,0,0,1);
	-webkit-transition: all 0.4s;
	-moz-transition: all 0.4s;
	-o-transition: all 0.4s;
	transition: all 0.4s;
	-webkit-transform: scale(0.5, 1);
	transform: scale(0.5, 1);
}

.moab a:hover:before{
	opacity: 1;
	-webkit-transform: scale(1, 1);
	transform: scale(1, 1);
}









@media (max-width:1024px) {
   .abzb{width:100%;}
   .maincontent02 .xsjg{width:100%;}
   .main_contactus{width:100%;}
   
}


@media (max-width:768px) {
 .rjabz{width:100%;}
 .rjabtt .wz{font-size:24px;}
 .rjabtt .wz2{font-size:17px;}
 .rjabz .det{width:100%;margin:0;}
 .rjimg{width:100%;margin-top:2.8vw;}
   
}


.xypg-right-content p img{max-width:100%!important;width:auto!important;height:auto!important;}