@charset "utf-8";
/* CSS Document */
@font-face {
	font-family: "PingFang SC Regular";
	src: url(font/PingFang%20Regular.otf), url(font/PingFang%20Regular.ttf);
}
@font-face {
	font-family: "pingFang SC Bold";
	src: url(font/PingFang%20Bold.otf), url(font/PingFang%20Bold.ttf);
}
* {
	border: none;
	color: #333;
	font-family: "PingFang SC Bold", Verdana, Geneva, sans-serif;
	font-size: 18px;
	list-style: none;
	line-height: 1.5em;
	outline: none;
	padding: 0;
	margin: 0;
	text-decoration: none;
	box-sizing: border-box;
}
p, .content_text_top ul li ,.col_list_bottom h2 span,.col_contact li,.col_form label,.col_bottom_list h2 span{
	color: #888;
	font-family:"PingFang SC Regular";
}
.clear {
	clear: both;
}
h1, h2 {
	font-size: 1.5em;
 }
 h1 a , h2 a {
	font-size: 1em;
 }
h3, h3 a, .content_text_top ul strong ,.col_list_bottom h2 span,.col_bottom_list h2 span{
	font-weight: 500;
}
html {
	background: #ddd;
}
body {
	max-width: 750px;
	min-width: 320px;
	margin: 0 auto;
	background: #fff;
	box-shadow: 0 0 1px #f0f0f0;
	position: relative;
}
img {
	width: auto;
	max-width: 100%;
	height: auto;
}
.pull_left, .nav_show li, .col_top li,.col_middle li ,.col_bottom li, .about_list li,                                                     
                                                              
   
   .col_list li,       .list_img li, .owl-item {
	float: left;
}
.pull_right {
	float: right;
}
#header {
	padding: 0.75em 0;
}
.logo {
	margin-left: 1em;
}
.nav li a, #pull {
	display: block;
	margin-right: 1em;
	line-height: 2em;
}
#pull {
	display: block;
	background: url(../images/pull.png) no-repeat;
	background-size: 100% auto;
	width: 1.667em;
 	text-indent: -9999px;
	margin-top:0.5em;
 }
.main-menu {
	display: none;
	position: absolute;
	z-index: 8;
	top: 0;
	left: 0;
	right: 0;
	background: rgba(0,0,0,.6)
}
.main-menu p {
	padding: 0 1.2em;
	background: #e94609;
	line-height: 2.8em;
}
.main-menu p , .main-menu a{
	color: #fff;
}
.main-menu p span {
	width: 2.2em;
	text-align: center;
 	margin-top: 0.75em;
 }
.main-menu li {
	padding-left: 1.2em;
	border-bottom: 1px solid #777;
}
.col_top,.col_middle,.col_bottom,    .col_about_top, .about_list,.col_about,.col_contact, .col_form,  .wrap,
 
 
         .col_bottom_list     {
	padding: 2.2em 1.2em;
}
.content_text, .table{
	padding:0  1.2em 1.5em;
}
.col_top{
	background:#f5f5f5;
}
.col_top li {
  	background:#fff;
 	padding:10px ;
	box-shadow:0 0 10px #aaa;
}
 
.col_top ul,.col_middle ul{
	margin-top:2em;
}
.col_top li h3{
		white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;

}
.col_top li .text{
	margin:0.5em;
}
.col_top li .more{
	display:inline-block;
	background:#e94609;
	color:#fff;
 	padding:3px 10px;
	margin-top:8px;
	border-radius:5px;
}
.col_middle {
	text-align:center;
}
.col_middle h3{
	margin:0.5em 0 0.3em;
}
.col_bottom{
	background:#f0f0f0;
}
.col_list_bottom{
	background:none;
}
.col_bottom li{
	margin-top:1.5em;
}
.col_bottom li img,.col_bottom_list_top img,.col_bottom_list_top h3,.col_bottom_list_top p{
	margin-bottom: 0.5em;
}
 

.col_bottom .more,.col_bottom_list .more {
	display:inline-block;
	line-height:1.5em;
	color: #e94609;
	border:1px solid #e94609;
 	border-radius: 0.3em;
	text-align: center;
	padding:0 0.5em ;
}
.col_bottom .more{
	display: block;
	width: 130px;
	line-height: 1.8em;
	margin: 1em auto 0;
 
}
.col_list_bottom .more{
	margin:1em 0 0;
}
 .col_bottom_list_top ,.list_case li{
	border-bottom: 1px dashed #ccc;
	padding: 1.5em 0;
}
.list_case li:last-child{
	border-bottom: none;
	padding-bottom:0;
}
.list_case .col_bottom_list_top,.list_case li,.col_about_top,.wrap{
	padding-top:0;
}
.col_bottom_list_bottom li>a img,.list_case li img {
	float: left;
	width: 30%;
	margin-right: 3%;
	max-width: 240px;
}
.col_bottom_list_bottom li , .about_list ul, .wrap .text,.content_text_top .text{
	margin-top: 1.5em;
}
.col_bottom_list_bottom h3,.list_case li h3{
	padding:0.55em 0;
}
.list_case {
	background:url(../images/list_casebg.jpg) repeat-x left top;
}
.list_case .col_bottom_list_top img{
	box-shadow:0 0 10px #999;
}
/********************************/
.list_case{
	padding-bottom:2em
}
.col_top li,.col_bottom li {
	width: 48%;
	margin-right:4%;
}
.col_middle li {
	width: 32%;
	margin-right: 2%;
}

.col_top li:nth-child(2n),.col_middle li:nth-child(3),.col_bottom li:nth-child(2n),  .about_list li:nth-child(4) {
	margin-right:0;
}
.col_bottom li:nth-child(2n+1),.list_product li:nth-child(2n+1){
	clear:both;
}
.list_product li{
	margin-bottom:1.5em;
}
.showMorehandle {
	width: 200px;
	padding-right:1.5em;
  	clear: both;
	margin: 1.5em auto 0;
	text-transform: capitalize;
 	background:url(../images/more2.png) no-repeat right center;
}
.col_about_top h2{
	margin:1em 0 0.5em;
}
 .about_list,.banner{
	text-align:center;
}
.col_contact ul{
 	background:#fff;
	border-radius:0.5em;
	padding:1em 1.5em 1em;
}
.col_contact li {
	padding :1em 0;
	overflow:hidden;
	border-bottom:1px dashed #ddd
}
.col_contact li:last-child{
	border-bottom:none;
}
.col_contact li img {
	float:left;
	margin-right:1.5em;
 
 }
.wrap .text{
}







.bg{
	background:#f1f1f1;
}

 
 .col_about h2,.col_product_bottom h2,.col_form h2{
	margin-bottom:1em;
}
.about_list li big {
	font-size: 2em;
  	display: block;
 	border:2px solid #e94609;
	width:2.5em;
 	line-height:2.3em;
	border-radius:50%;
	margin:0 auto 0.5em;
	color:#e94609;
 }
.about_list li {
	width: 23.5%;
	margin-right:2%;
 }
.red{
	color:#f00;
}
.content_text h2{
	padding-left:30px;
	background:url(../images/h2bg.png) no-repeat left center;
}












 
hr {
	height: 0.75em;
	background: #ddd;
}
 
 

 
 
.wrap .text h4 {
	border-top: 1px solid #e94609;
	border-bottom: 1px dashed #aaa;
	padding: 0.5em 0;
	margin: 0.5em 0;
	font-weight: 500;
}
.wrap .text p, .content_text p {
	margin-top: 0.5em;
}
.content_text ul  {
	margin-top: 1.2em;
}
.pro_advantages li {
	padding-left: 30px;
 	margin-bottom: 0.5em;
	background: url(../images/li06.png) no-repeat left 0.2em;
	background-size:20px auto;
}
.table table {
	border-collapse: collapse;
	text-align: center;
	margin-top: 1.5em;
}
.table table td {
	border: 1px solid #ddd;
	padding: 0.2em 0;
}
.table tr:nth-child(odd){
	background:#f1f1f1;
}
.table tr:nth-child(1){
	background:#ececec;
}
#parameter {
	overflow-x: auto;
}
.content_text_top h1 {
	padding-bottom: 0.3em;
	border-bottom: 1px solid #e94609;
}
.content_text_top li {
	margin-bottom: 0.2em;
}
.content_text_top li strong {
	display: inline-block;
	width: 19%;
}
.about_carousel h3 {
	margin-top: .5em;
}
.list_page, .footer {
	text-align: center;
}
.list_page {
	padding: 25px 0 30px;
}
.list_page a {
	display: inline-block;
	padding: 2px 10px;
	margin: 0 5px;
	border: 1px solid #bdbdbd;
}
.subnav {
	padding: 20px;
}
.footer {
	background: #282828;
	padding: 15px;
}
.footer p {
	font-size:0.8em;
	color: #fff;
}
/*-------.form------*/
.form table {
	width: 100%;
} 
.form td {
	padding: 5px 0;
}
.form .input-xlarge {
	border-radius:5px;
	width: 100%;
	border: 1px solid #ddd;
	padding: 7px 10px;
	box-sizing: border-box;
}
.form textarea.input-xlarge {
	height: 110px;
}
.checkbox, .radio {
	float: left;
	margin-right: 0.83em;
}
.checkbox {
	margin-bottom: 0.4em;
}
.checkbox input, .radio input {
	vertical-align: middle;
	margin-right: 5px;
}
.submit input {
	padding: 8px 0;
	background: #e94609;
	color: #fff;
	width: 100%;
	letter-spacing: 1px;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}
label {
	margin-right: 10px;
}
/*banner*/
.banner h2,.banner a{
	color: #fff;
}
.banner .text {
	text-transform: uppercase;
 	text-align: center;
	position: absolute;
	top: 50%;
	transform: translate(0, -50%);
	left: 1.75em;
	right: 1.75em;
	padding:0 1em;
}
.banner .more{
	display:inline-block;
	background:#e94609;
	line-height:2em;
	padding:0 1em;
	margin-top:1em;
}
.banner, .banner .carousel-warp, .item ,.col_about,.col_product_bottom {
	position: relative;
}
.owl-carousel .owl-wrapper-outer {
	overflow: hidden;
	position: relative;
	width: 100%;
}
.post-slider-btn {
	width: 100%;
}
.post-slider-btn .next {
	right: 0;
}
.post-slider-btn .prev {
	left: 0;
}
.post-slider-btn button {
	background: none;
	font-size: 1.4em;
}
 .post-slider-btn button {
	max-width: 50px;
	position: absolute;
	top: 40%;
}
.owl-carousel {
	display: none;
	position: relative;
	-ms-touch-action: pan-y;
}
.owl-wrapper {
	display: none;
	position: relative;
}
  .about_carousel .item,.col_product_bottom .item {
	padding:0 15px ;
}
 
 
.col_p .post-slider-btn {
	top: 45%;
}
.about_carousel .item span, .col_contact li strong {
	display: block;
}
.about_carousel big {
	font-size: 1.5em;
}
 
@media all and (max-width:750px) {
*{
	font-size: 2.8vw;
}
h1, h1 a, h2, h2 a {
	font-size: 4vw;
}
.col_top li p a{
	font-size:2.4vw;
}
.post-slider-btn img{
	width:1.2em;
}
.pro_advantages li {
	padding-left: 4vw;
 	margin-bottom: 0.5em;
	background: url(../images/li06.png) no-repeat left 0.2em;
	background-size:2.6vw auto;
 }
.showMorehandle {
	width: 34vw;
	background-size:2.6vw auto;
}
 
}
@media all and (max-width:568px) {
.logo {
	width: 28vw;
}
label {
	margin-right: 0;
}
.banner .post-slider-btn button {
	width: 30px;
}
}
@media all and (max-width:440px){
	.col_product_bottom .carousel-warp  {
		text-align:center;
	}
 
}