@charset "utf-8";
/* CSS Document */

.row.about01_bg{
	
	background:url(../images/about01.png) repeat;
	margin:0;
	
}

.about01{
	max-width:1080px;
	width:100%;
	margin:0 auto;
	padding:20px 0 15px 0;

}

.about01 h1{
	
	color:#373737;
	font-size:27px;
	letter-spacing:2px;
	font-weight:bolder;
	
}

.about01 h1 span{
	
	color:#9e9e9e;
	font-size:20px;
	
}

.about01 .bread{
	
	padding-top:30px;
	text-align:right;
	
	}


.about01 .bread a{
	
	color:#505050;
	font-size:13px;
	font-weight:bolder;
	text-decoration:none;
	vertical-align:bottom;
}

hr{
	
	border-color:#c9c9c9;
	margin:10px auto;
	border-width:1px;
	width:97.5%;
}



.row.main_bg{
	
	
	margin:0;
	
}

.main{
	max-width:1080px;
	width:100%;
	margin:0 auto;
	margin-top:20px;
	display:block;
	

}

.main .left{

margin-bottom:30px;
padding-right:3%;
}



.main .left h2{
	
	color:#f95e04;
	font-size:20px;
}

.main .left h2 span{
	
	color:#9e9e9e;
	font-size:18px;
	padding-left:15px;
}


.main .left h3{
	
	color:#f95e04;
	font-size:18px;
	margin:40px  0 20px 0;
	
}

.main .left p{
	
	color:#111111;
	font-size:15px;
	letter-spacing:1px;
	line-height:25px;

	
	
}


.about_img img{
	margin: 20px 0;
}


.main .right{
	
	padding-left:5%;	
}


.main .right h2{
	
	color:#0092ee;
	font-size:20px;
}

.main .right h2 span{
	
	color:#9e9e9e;
	font-size:18px;
	padding-left:15px;
}

.main .right ul{
	
	padding-left:0;
	margin:40px 0;
}

.main .right ul a{ text-decoration:none;}

.main .right ul li{
	
	list-style:none;
	width:100%;
	line-height:50px;
	text-align:left;
	padding-left:8%;
	font-size:15px;
	color:#111111;
	letter-spacing:1px;
	border-bottom:dashed 1px #c9c9c9;
	
}


.main .right ul li.current{
	
	
	background:#42a8a9;
	color:#fff;

}






/*--------------------------*/

.superiority {
	padding:0;
		
}

.superiority li{
	list-style:none;
	
}

.superiority li div{
	
	padding-left:0;
	margin-top:40px;
		
}

.superiority li div.content{
	
	margin-left:-20px;
	
	
}


.superiority li div.content p{
	font-size:16px;
	padding-top:0;
	

}

.superiority li div.content hr{
	
	border-style:dashed;
	border-color:#cacaca;
	border-width:thin;
	width:90%;
	display:block;
	margin:5px 0;
	
	
}

/*----------------------------------------*/

.products{
	padding:0;
	margin-left:-15px;
	margin-top:20px;
	}


.products li{
	list-style:none;

	
}

.main .left .products h3{
	
	margin:12px 0;
	font-size:15px;
	letter-spacing:1px;
}

.main .left .products p{
	margin:6px 0 40px 0;
	font-size:13px;
	color:#89898a;
	
	
}
.main .left .products li img{

}
.main .left .products li img.pro{

box-shadow:2px 2px 5px #999;
}

.main .left .proin{
	margin:40px 0 20px 0;
}

 .main .right .pro_intro{
	margin-top:98px;
	font-size:15px;
	font-weight:bolder;
	letter-spacing:1px;
 }
 
button.pre{
	background:#f95e04;
	color:#fff;
	border:none;
	width:180px;
	height:55px;
	letter-spacing:1px;
	display:table;
	margin:0 auto 40px auto;

	
}


/*-----------------------------------*/



.specification {
	padding:0;
		
}

.specification li{
	list-style:none;
	
}

.specification li div{
	
	padding-left:0;
	margin-top:40px;
		
}

.specification li div.content{
	
	margin-left:-20px;
	
	
}


.specification li div.content p{
	font-size:17px;
	padding-top:10px;
	margin-bottom:3px;

	

}

.specification li div.content hr{
	
	border-style:dashed;
	border-color:#cacaca;
	border-width:thin;
	width:100%;
	display:block;
	margin:0px 0 30px 0;
	
	
}


/*-----------------------------------*/



.capability{
	padding:0;
	margin-left:-15px;
	margin-top:20px;
	}


.capability li{
	list-style:none;

	
}

.main .left .capability h3{
	
	margin:12px 0;
	font-size:15px;
	letter-spacing:1px;
}

.main .left .capability p{
	margin:6px 0 40px 0;
	font-size:13px;
	color:#89898a;
	
	
}
.main .left .capability li img{

}
.main .left .capability li img.pro{

box-shadow:2px 2px 5px #999;
}



.main .left .capain{
	margin:20px 0 20px 0;
}

.main .left .capain h3{
	color:#000;
	letter-spacing:2px;
	padding-bottom:20px;
}


.left .capain ul{
	padding-left:0;
	list-style:decimal outside;

	
}


.left .capain ul li{
    color: #111111;
    font-size: 15px;
    letter-spacing: 1px;
    line-height: 25px;
}	

/*-------------------------------------------*/

 .main .right .contact_list li{
	 
	 padding-left:0;
	 border:none;
	 margin-bottom:20px;
 }
 
  .main .right .contact_list li img{ display:inline-block; }

 .main .right .contact_list li span{
	 
	     line-height: 20px;
    display: inline-block;
    width: 83%;
    margin-left: 3%;
    font-size: 13px;
    vertical-align: middle;

 }
 
 
 .contact p{
	 font-size:14px;
	 letter-spacing:1px;
	  }
.contact{ margin-top:20px;}


.contact_form{
	
	background:url(../images/contact_bg.png);
	height:auto;
	float:left;
	clear:both;
	width:100%;
}

.contact_form .contact_con{
	
	width:100%;
	max-width:1080px;
	margin:0 auto;
	padding-top:27px;
}


.contact_form .contact_con h2{
	color:#f95e04;
	font-size:23px;
	letter-spacing:2px;
}

.contact_form .contact_con h2 span{
	color:#9e9e9e;
	font-weight:lighter;
}

.contact_form .contact_con p{
	color:#000;
	font-size:15px;
	letter-spacing:2px;
	line-height:24px;
}


input.contact_input{
	width:100%;
	height:40px;
	padding-top:5px;
}

.contact_form .contact_con .left .content{
	
	margin-top:20px;
	
}


.contact_form .contact_con .left .content p{
	
	margin-bottom:5px;	
}

textarea{
	width:100%;
}



.contact_form .contact_con button{
	background:#f95e04;
	color:#fff;
	border:none;
	width:180px;
	height:55px;
	letter-spacing:1px;
	display: inline-block;

	margin-left:15px;
	margin-right:15px;
	margin-bottom:60px;
	margin-top:20px;
	
}

.contact_form .contact_con button:hover{
	
	color:#333;	
}


.con_btn{
	text-align:right;
}


@media (max-width:1000px){
.superiority li div.content{
	
	margin-left:0;	
}
.specification li div.content{
	
	margin-left:0;	
}
}


@media (max-width:970px){
 .main .right .contact_list li span{
	 
	 width:80%;
	 word-wrap:break-word;
	 
 }
}

@media (max-width:854px){

.main .right{
	
	padding-left:2%;
	padding-right:2%;
}


}



@media (max-width:768px){

.about01 .bread{display:none;}

.about01 h1{ width:100%;}

.main .left{padding-right:2%; width:100%; }
.main .right{ width:100%;}

.main .right ul li{
	text-align:center;
	padding:0;
}
.superiority li div.content{
	
	margin-left:-20px;
	
}

.specification  li div.content{
margin-left:-20px;
	
}

 .main .right .pro_intro{
	 
	 margin-top:-20px;
	 margin-left:5px;
	 margin-bottom:50px; }
	 
.main .right .contact_list li span{
	text-align:left;
 }
.contact{ width:95%; margin:0 auto;}

.contact_form .contact_con .left{
	width:100%;
}
.contact_form .contact_con .left .content{
	width:100%;
}

.con_btn{
	text-align:center;
	margin-bottom:20px;
	
}

.contact_form .contact_con button{
	margin-top:10px;
	margin-bottom:10px;
}

@media (max-width:640px){

.superiority li div.content{
	
	margin-left:0;	
}

.specification li div.content{
	
	margin-left:0;	
}
.specification li div.content p{padding-top:0px;}
}
@media (max-width:480px){
.about01{padding:5px 0 15px 0;}
.about_img{ width:100%; margin:0 auto;	}
.about_img img{  margin:20px auto;	}
.main .left .products h3{ font-size:16px;
}
.products li{height:282px;}

}

@media (max-width:400px){
.products li{height:250px;}	
}

@media (max-width:320px){
.products li{height:210px;}	
.main .left .products p{ font-size:13px;}
}