@charset "utf-8";
/* CSS Document */
* { margin: 0; padding: 0; outline: 0; 
box-sizing:border-box;
 -moz-box-sizing:border-box; 
  -o-box-sizing:border-box; 
   -webkit-box-sizing:border-box; 
    -moz-box-sizing:border-box; 
  }
html{
font-size:62.5%; /* 10÷16=62.5% */
height:100%; width:100%;
overflow-x:hidden;
}  
body, html { height: 100%; }

body{
	font-family:'Microsoft YaHei',Arial, Open Sans, Helvetica;  
    font-size:14px; margin:0px; padding:0px; 
	line-height:24px;
	color:#000;
	background:#FFF; 
}
img{max-width:100%; display: block;border: none; vertical-align: middle;}
.w989{ max-width: 989px; margin: auto}
.wbg1{ background: url(../images/profile_bg2.jpg) center no-repeat;}
.imginline,.W1093 img{ display: inline-block;}
.textAlign{text-align: center}
ul,li{ padding:0px; margin:0px; list-style-type:none;}
h1,h2,h3,h4,h5{ padding:0px; margin:0px; font-weight:100;}
h1{ font-size:30px;}
h2{ font-size:25px;}
h3{ font-size:18px;}
h4{ font-size:16px; }
p{ padding: 5px 0;}
a{ color:#656569; text-decoration:none;   transition:all 0.3s ease;    font-family: 'Microsoft YaHei',Arial, Open Sans, Helvetica; 
	-webkit-transition:all 0.3s ease;
	-moz-transition:all 0.3s ease;
	-o-transition:all 0.3s ease;}
a:hover,.nav3 a.danq,.danq{ color:#000;}	
.clear::after,.c6 ul li::after{ content:""; display:table; clear:both;}
.clear2{ clear:both;}

.width1170{ max-width:1170px; margin:0 auto;}
.width1460{ max-width:1460px; margin:0 auto;}
header,figure{ background: #fff; display: block;}
/*返回上面*/	
 #returnTop {
	_display:none;
	position:fixed;
	_position:absolute;
	z-index:999;
	right:15px;
	bottom:-200px;
	_bottom:auto;
	width:42px;
	height:42px;
	text-indent:-999px;
	overflow:hidden;
	background-image:url(../images/Top.png);
	_background-image:url(../images/Top.png);
	background-repeat:no-repeat;
	background-position:0 0;
	transition:bottom 0.9s;
	-webkit-transition:bottom 0.9s;
	-moz-transition:bottom 0.9s;
	-o-transition:bottom 0.9s;
}

#returnTop:hover {
	background-position:0 -42px;
}	
@media only screen and (max-width:550px){
#returnTop {
    width: 25px;
    height: 25px;
    background-size: 25px;
}
#returnTop:hover {
	background-position:0 -25px;
}	
}
/*-----------head 菜单---------------*/
.head{ padding:0px 0 0px 0; position:relative; height:138px;}

.leiei .font16{ display:block; padding-bottom:10px;}
.leiei .font14{color:#7e7e7e;}
.font23{ font-size:23px;}
.font19{ font-size:19px;}
.font18{ font-size:18px;}
.font17{ font-size:17px;}
.font16{ font-size:16px;}
.font14{ font-size:14px;}
.iphone{
	text-align: right;
	position: absolute;
	right: 0px;
	top:24px;
	z-index: 1;
}
.iphone a{color:#5c2e91;}
.logo{ position:absolute; left:0px;top: 14px;  z-index: 10;}
.w1920{ max-width: 1920px; margin: auto}
.W1093{max-width:1093px; overflow: hidden; margin: auto}
.fu10{ margin: 0 -11px;}
.left{ float:left;}
.right{ float:right;}
.yans{ color: #1db8dc;}
.footer-bg{ background: #f5f5f5; padding:1% 0; text-align: center; margin-top:2%;}
/*头部*/
.w1170{ max-width: 1170px; margin: auto;}
/*One1*/
.One1{ font-size: 20px; line-height: 40px; text-align: center; background: #6776bb; padding:5% 0; color: #fff;}
.One1 a{ margin-top: 4%; display: inline-block; padding: 0 30px; color: #fff; border: 1px solid #fff;}
.One1 a:hover{ background: #000; border: 1px solid #000;}
/*Two*/
.Two{ padding: 6% 0;}
.Two2{ float: right; width: 49%; }
.Two1{ float: left; width:49%; }
.top-x1{ height: 2px; width: 90px; background: #676ab7;}
.Two1 h1{ margin: 10px 0; font-size: 113px; color: #eeeef0; line-height: 100px; font-weight: bold;}
.Two1 h5{ font-size: 18px; font-weight: bold; color: #677abd; margin-bottom: 7%;}
.more a{ display: block; background: #000; text-align: center; width:215px; background: #1db8dc; padding: 3% 0; color: #fff; margin-top:8%}
.more a:hover{ background: #000;}
/*Three*/
.top-x2{ height: 2px; width: 90px; background: #1db8dc; margin-bottom:7%;}
.Three{ display: table; width: 100%; color: #fff;}
.Three-left,.Three-right{ display: table-cell; vertical-align: middle; height: 600px;}
.Three-left{ width: 50%; line-height: 27px; padding-left: 15%; padding-right: 30px; background: url(../images/home-img2.jpg) no-repeat center; background-size: cover;  }
.Three-right{ width: 50%; background: url(../images/home-img3.jpg) no-repeat center; background-size: cover;}
.Three-left h5{ font-size: 20px; margin-top: 2%;}
.Three-right{ padding-left: 3%;}
.three-1{font-size: 20px;border: 1px solid #fff;text-align: center;padding: 1%;width: 41.7%;margin:2%;display: inline-block;}
/*Four*/
.Four{ width: 100%; padding:2% 0 0 0;}
.Four-left,.Four-right{ display: table-cell; width: 48%; vertical-align: middle; }
.Four-left h5{ font-size: 20px; margin-top: 1%; margin-bottom: 3%;}
.Four-left{ padding-left: 10%}

/*内页*/
.xiant{ height: 1px; width: 100%; background: #ccc;}
.top-nav{ padding-top: 3%; padding-bottom: 0.5%; }
.profile{ padding: 2% 0;}
.contact h5 {
    font-size: 20px;
    margin-top: 1%;
    margin-bottom: 3%;
}
.contact{overflow: hidden;}
.contact1 figure{ float: left; margin-right: 3%;}
.contact-d{ overflow: hidden;}
.contact1{padding: 0px 1%;}
.Contact-information{ margin:2% -1%;}
.contact-d{ margin-top: 17px;}
.contact1.co1{ width: 26%;}
.contact1.co2{ width: 40%;}
.contact1.co3{ width: 34%;}
.form2{ width:97%; line-height:37px; margin-bottom:20px; padding:0px 10px; border: 1px solid #ccc;}
.contactMessage {
    width: 100%;
    height:184px;
    padding: 5px 5px;
    border: #ccc 1px solid;
	font-family:'Microsoft YaHei',Arial, Open Sans, Helvetica;  
}
.Obut{cursor:pointer; margin-top:50px; background:#22d095; color:#FFF; padding:10px 30px; border:none; display:inline-block;border-radius:5px; -moz-border-radius:5px; -ms-border-radius:5px; -webkit-border-radius:5px;}
.Obut:hover{ background:#000; }
.form{ margin-top:50px;}

@media only screen and (max-width:1460px){.width1460{ padding: 5px;}}
@media only screen and (max-width:768px){
.fu10{ margin: 0;}	
.logo {
    width: 140px;
    left: 50%;
    top:1px;
    margin-left: -70px;
}
.One1 { font-size: 14px;line-height: 26px;}
.Two2{ margin-bottom: 20px;}
.Two2,.Two1{ float: none; width:100%; }

.Two1 h1{ font-size: 80px; line-height: 80px;}	
.Two1 h5{ margin-bottom: 4%;}	
.Three-left, .Three-right,.Four-left, .Four-right {
    display: block;
    vertical-align: middle;
    height: inherit;
    width: 100%;
    padding: 8% 5%;
}
	
	.contact1.co1,.contact1.co2,.contact1.co3{ width:100%; margin:4% 2% 0% 2%;}
	.mem-z { margin-top:20px; display:none; }	
	.cmember{padding: 15px 15px 35px 15px; margin: 20px 10px 0 10px;}
	.fh { margin: 50px -15px -35px -15px;}
.form { margin-top: 20px;}	

	}

/*标题*/
.title,.title2{color: #000;}
.title{font-size: 36px;text-align: center;display: block;line-height: 70px;}
.xiant2{ height: 2px; background: #000; width: 145px; margin: 0 auto 3% auto }
.title2 { border-bottom: 1px solid #000; padding: 10px 0 15px 0 ; }
.title2 h2{ font-size: 25px; display: block; line-height: 33px;}
.top30{ margin-top: 30px;}

.pa8 .col-md-4{ margin-bottom: 2.5%;margin-top: 2.5%;}
.font26{ font-size: 26px;}
.font17{ font-size: 17px;}
.dasx .dasx2{ display: block; padding: 7% 0;}
@media only screen and (max-width:768px){
.title {font-size: 25px;line-height: 50px;}	
.dasx2 .font26{ font-size: 18px;}
.dasx2 .font17{ font-size: 14px;}
.sgg .col-xs-6{ margin-bottom: 5%;}
.title2 h2{font-size: 16px; line-height: 20px;}
.dasx .dasx3{ display: block; padding: 3% 0;}	
.top30{ margin-top: 10px;}	
}
@media only screen and (max-width:450px){
.dasx2 .font26{ font-size: 14px;}
.dasx2 .font17{ font-size: 12px;}	
}
/*主要生产设备及产能*/
.fff{ color:#fff; font-size:16px; }
.product-tabl td{ padding:5px;}
.product-tabl strong{ display:block; padding:10px 0;}
.w100{ width:100%;}
@media only screen and (max-width:768px){
.product-tabl{width: 100%;overflow-y: auto;_overflow: auto;}
.product-tabl::-webkit-scrollbar{-webkit-appearance: none;width: 14px;height: 14px;}
.product-tabl::-webkit-scrollbar-thumb{border-radius: 8px;border: 3px solid #fff;background-color: rgba(0, 0, 0, .3);}
.w100{width:900px;}
.produ-tabl td {
    font-size: 12px;padding:1px;
}
.product-tabl .fff {
    font-size: 14px;
}
}
/**/
.Process_01{ background: #a736ff; padding: 4%;}
.Process_02{ background: #6920a2; padding: 4%;}
.c6000ab{ color: #6000ab;}
.font24{ font-size: 24px; padding: 4% 0 2% 0;}
.a4 .col-md-6,.a4 .papa10 { margin-bottom: 1.8%;}
.plan{ line-height: 25px; padding-top: 2%;}
.plan p{line-height: 10px;}
.border1 img{border: 1px solid #ccc;}
.a10 .col-md-4{ margin-bottom: 3%;}
.a10 .top10{ margin-top: 10px;}

.nav3{ /*background: #dfdfdf; */text-align: center; margin-bottom: 20px;}
.nav3 ul li{ display: inline-block; }
.nav3 ul li a{ display: inline-block; padding: 10px 30px; border-radius: 10px; background:#dfdfdf; font-size: 17px; color: #000}
.nav3 ul li a:hover,.nav3 ul li a.ff0021{color: #fff;background:#747474;}
.nav3 ul li a.hei{color: #000; background: none;}
@media only screen and (max-width:768px){
.nav3{  margin-bottom: 0; margin-top: 20px;}	
.nav3 ul li a{ display: inline-block; padding: 5px 15px; font-size: 15px; color: #000}
.a4 .mm { margin-bottom: 1.8%;}	
	.W1093 img{ width: 100%;}	
}