@media only screen and (min-width:769px) {	

.componey_mpic{
	display:none;
}






	
.pagebox{height:26px; line-height:26px; margin-top:15px;text-align:center;}
.pagebox a, .pagebox span{ padding:5px 10px; border:#CCC solid 1px; margin:0px 5px;}
.pagebox a.on, .pagebox a:hover{ color:#06C;border:#2d9aff solid 1px; }
.pagebox .page_current {color: #fff;    background: #ca1e1c;    border: #ca1e1c solid 1px;}	
	
	
	
	
	
	.diversity_position{
		color:#fff;
	}
	.m_banner{
		display: none;
	}
  .m_responsibility{
    display: none;
  }
	.flexslider{
	width: 100%;
	position:relative;
	height:560px;
	overflow:hidden;
	margin-top: 90px;
}
	.slides{
		position:relative;
		z-index:1;
}

	.flex-control-nav{
		position:absolute;
		bottom:25px;
		z-index:2;
		width:100%;
		text-align:center;
		}
	.flex-control-nav li{
		display:inline-block; 
		margin: 0 15px;
		}
    .flexslider .slides li>a{
      display: block;
      height: 550px;
    }
   .flexslider .slides li>a div{
    position: absolute;
    top: 40%;
    left: 50%;
    transform: translate(-50%,-40%);
    text-align: center;
    color: #fff;
   }
  .pc_title p{
    text-align: left;
    margin-left: 70px;
  }
  .pc_title .title_chinese{
    font-size: 36px;
    color: #fff;
  }
  .pc_title .title_english{
    font-size: 14px;
    color: #fff;
  }
	.flex-control-nav a{
		display:inline-block;
		width:12px;
		height:12px;
		border-radius: 50%;
		background:#eee;
		cursor: pointer; 
		-webkit-text-fill-color:transparent;   
	}
	.flex-control-nav .flex-active{background:#71cff5;}
	.flex-direction-nav{position:absolute;z-index:3;width:1160px;top:50%; left:48.5%; transform: translate(-50%,-50%);}
	.flex-direction-nav li a{display:block;width:50px;height:50px;overflow:hidden;cursor:pointer;position:absolute;}
    .flex-direction-nav li:last-child{
    	float: right;
    }
   .flex-direction-nav .flex-prev{
   	display: inline-block;
   background:url(../img/left.png) center no-repeat;
}
.flex-direction-nav .flex-next{
	display: inline-block;
   background:url(../img/right.png) center no-repeat;
   float: right;
}
.flex-control-nav{
	display: block;
}




 .customer{
    	margin-top: 30px;
    }
.category_list{
	padding-bottom:40px;
}
	.category_list h2{
		text-align:center !important;
	}
	
	
      .customer>ul{
  
        margin-bottom: 40px;
     }
 
       .customer ul>li{
		  width: 30%;
		  float: left;
		  margin-right: 5%;
		  margin-bottom: 40px;
		  overflow: hidden;
		  box-shadow: 0 0 15px 4px rgba(0,0,0,.2) !important;
		     border-radius: 8px !important;
	   }

	  .case{
		  width:45% !important;
	  }
	
	    .customer ul>li a{
			display: inline-block;
			width: 100%;
			height: 100%;
		}
	   .customer ul>li:nth-child(3n){
		   margin-right: 0;
	   }
	   .customer ul>li a>div:first-child{
		   height: 200px;
		 
       
	   }
     .customer ul>li a>div{
		 width: 100%;
		 height: 100%;
		 overflow: hidden;
	 }

   .customer ul>li a>div img{
          width: 100%;
          height: 100%;
          -webkit-transition: -webkit-transform .5s linear;
          transition: transform .5s linear;
		  border-radius: 0 !important;
		  box-shadow:none !important;
      }
   .customer ul>li:hover a>div img{
      -webkit-transform: scale(1.1);
      -ms-transform: scale(1.1);
      transform: scale(1.1);
      -webkit-transition: -webkit-transform .5s linear;
      transition: transform .5s linear;
   }
   
   .customer ul>li a>div:last-child{
	   padding:10px 5px;
	   text-align: left;
	   box-sizing: border-box;
   }
  .customer ul>li a>div h2{
  	font-size:18px;
  	color: #333;
  	font-weight: normal;
  }
.customer ul>li a>div p{
	  font-size: 14px;
	  color: #666;
	  font-weight: normal;

  }

  /*��ҳ���ֽ���*/





  /*������������Բ��ֿ�ʼ*/
  .diversity_banner {
      width: 100%;
      height: 200px;
      margin-top: 90px;
      padding-top: 30px;
      box-sizing: border-box;
      background: url(../img/diversity_banner.png) center no-repeat; background-size: auto 100%;
	  position:relative;
  }
  
  
  .diversity_mask{
	  width:100%;
	  height:100%;
	  background-color:rgba(0,0,0,.5);
	  position:absolute;
	  top:0;
	  left:0;
  }

  .diversity_left,.diversity_right{
    display: inline-block;
	
  }
  .diversity_left{
	  margin-top:10px;
  }
  .diversity_right{
    width: 60%;
  }
	.top25{ margin-top:25px;}
	.top85{ margin-top:85px;}
	
   .diversity_left h1{
    font-size:30px;
    color: #71cff5;
    margin-bottom: 20px;
    font-weight: normal;

   }
   .diversity_left div>span,.diversity_left div>a{
    display: inline-block;
    font-size: 16px;
    color: #fff;
   }
   .diversity_left div>span{
    margin: 0 5px;
   }
   .diversity_right li{
   float: left;
    width: 18%;
    text-align: center;
    margin-right: 2.5%;
    margin-bottom: 2.5%;
   }
  .diversity_right li a{
    display: block;
    font-size: 14px;
    background: #fff;
    color: #333;
      padding:10px 0;
  }
   .diversity_right  li .diversity_active{
    color: #fff;
    background:#71cff5;
   }
  .diversity_right  li:hover a{
     color: #fff;
    background:#71cff5;
  }

   .diversity_right li:nth-child(5n){
    margin-right: 0;
   }



 .diversity_content{
 margin: 40px 0 75px;
 }
 .diversity_content h1{
  font-size: 30px;
  color: #333;
  font-weight: normal;
  text-align: center;
  margin-bottom: 30px;
 }
 .diversity_content p{
  font-size: 16px;
  color: #666;
  text-align: center;
  line-height: 40px;
 }

.diversity_table td{
 height:70px;
}
.diversity_table td p{
 line-height:20px;
}

  /*������������Բ��ֽ���*/




  /*��Ӧ�̲��ֿ�ʼ*/
  
  .supplier_type>div{
    border-bottom: 1px solid #e6e6e6;
    padding: 40px 0;
  }
  .supplier_type>div:last-child{
    border-bottom: none !important;
  }
  .supplier_content>h1{
	 margin-bottom:0 !important;
  }
.supplier_type h2{
  font-size:24px;
  color: #333;
  text-align: center;
  font-weight: normal;
  margin-bottom: 20px;
}
p>a{
  display: inline-block;
  font-size: 16px;
  color: #71cff5;
}

 button{
  display: block;
  width: 120px;
  height: 40px;
  background:#71cff5;
  border:none;
  outline: none;
  line-height: 40px;
  margin: 30px auto 0;
}
.supplier_type button>a{
  display: block;
  font-size: 18px;
  color: #fff;

}
.supplier_type:first-child{
  padding-bottom: 0;
}

  /*��Ӧ���ֽ���*/


/*�������Dz��ֿ�ʼ*/
.about h1{
  margin-bottom: 30px;
}
.about .about_left{
  width: 35%;
  display: inline-block;
}
.about p{
  text-align: left;
  margin-bottom: 30px;
}
.about .about_left img{
  width: 100%;
}
.about .about_content{
  border-bottom: 1px solid #e6e6e6;
  padding-bottom: 420px;
  margin-bottom:30px;
}
.about .about_right{
  width: 60%;
  float: right;
  display: inline-block;
}
.about .about_right p{
  font-size:16px;
  color: #666;
  text-align: left;
 margin-bottom: 40px;
}
 h2{
   font-size:24px;
  color: #333;
  text-align: left;
  font-weight: normal;
  margin-bottom: 10px;
}
.m_about{
  display: none;
}

/*�������Dz��ֽ���*/


/*��Ϊ׼�򲿷ֿ�ʼ*/
.behavior{
  position: relative;
}
.behavior_content{
 padding: 50px 0 60px;
 width: 40%;
 margin:0 auto;
}
.behavior_content ul{
  display: inline-block;
}
.behavior_content ul:last-child{
  float: right;
}
.behavior_content ul li{
  font-size: 18px;
  color: #333;
  position: relative;
  
}
.behavior_content ul li>p{
	text-align:left;
}
.behavior_content ul li::before{
  content:"";
  width: 5px;
  height: 5px;
  background:#000;
  position: absolute;
  left: -15px;
  top: 50%;
  transform: translate(0,-50%);
}
.down_load li{
  margin-bottom: 5px;
}
.down_load i{
  display: inline-block; 
  font-size:20px;
  color: #333;
  vertical-align: middle;
  margin-right: 10px;
}
.down_load{
  border-top:1px solid #e6e6e6;
  padding-top: 45px;
}
.down_load a{
  display: inline-block;
  font-size:18px;
  color: #71cff5;
}
/*��Ϊ׼�򲿷ֽ���*/


/*�����뽡�����ֿ�ʼ*/
.reach {
  padding-top: 40px;
  margin-top: 50px;
  border-top: 1px solid #e6e6e6;
}
.reach h2{
  text-align: center;
}
/*�����뽡�����ֽ���*/



/*��ϵ���Dz��ֿ�ʼ*/
input{
  padding: 15px;
  box-sizing: border-box;
  margin-bottom: 40px;
  font-size: 16px;
  color: #333;
  outline: none;
  border: 1px solid #999;
}
.contact_top input{
  display: inline-block;
  width: 47.5%;
}
.contact_top input:nth-child(2n){
  float: right;
}
.contact_middle{
  width: 100%;
  position: relative;
}
.contact_middle i{
  display: inline-block;
  font-size:18px;
  color: #666666;
  position: absolute;
  top: 15px;
  right: 15px;
}
.contact_middle input{
  width: 100%;
}
.contact_bottom input{
  display: inline-block;
  width: 47.5%;
}
.contact_bottom input:nth-child(2n){
  float: right;
}
textarea{
 font: 14px/1.6 '΢���ź�';
}
.contact_textarea textarea{
  width: 100%;
  padding: 15px;
  height: 200px;
  box-sizing: border-box;
  font-size: 16px;
  color: #333;
  outline: none;
  border: 1px solid #999;
}
.contact button{
  font-size: 18px;
    color: #fff;
  display: inline-block;
    margin-top: 40px;
}
.contact_code{
	display: inline-block;
    width: 45%;
	 position:relative;
}
.contact_code .code{
	position: absolute;
    top: 20px;
    left: 175px;
	border-radius:0 !important;
	box-shadow:none !important;
}

input::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color: #999;
}
input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   color: #999;
}
input::-moz-placeholder { /* Mozilla Firefox 19+ */
   color: #999;
}
input:-ms-input-placeholder { /* Internet Explorer 10-11 */
   color: #999;
}
textarea::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color: #999;
}
textarea:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   color: #999;
}
textarea::-moz-placeholder { /* Mozilla Firefox 19+ */
   color: #999;
}
textarea:-ms-input-placeholder { /* Internet Explorer 10-11 */
   color: #999;
}
input:hover{
  border-color: #71cff5;

}
.contact_textarea textarea:hover{
  border-color: #71cff5;
}
/*��ϵ���Dz��ֽ���*/

/*��ҵ�������¦Â��ֿ�ʼ*/
.responsibility_left{
  width: 35%;
  display: inline-block;
  position: relative;
}
.responsibility_left img{
  width: 100%;
}
.responsibility_left>div{
  width: 60%;
  background: rgba(255,255,255,.8);
  position: absolute;
  top: 20px;
  left: 0;
  padding: 15px;
  font-size:16px;
  color: #333;
}
.responsibility_right{
  width: 60%;
  float: right;
}
.responsibility p{
  line-height: 30px;
  margin-bottom:20px;
  text-align: left;
}
.responsibility_type>div{
  border-top: 1px solid #e6e6e6;
  padding: 40px 0;
}
.responsibility_type p{
  margin-bottom: 5px;
}
.responsibility_type>div{
  margin-bottom: 40px;
}
.responsibility_type:last-child{
  padding-bottom: 0;
}


/*��ҵ�������¦Â��ֽ���*/



/*��§Ö�ӹ����ֿ�ʼ*/
.mahining_right li:last-child{
  width: 38.5%;
}
.machining_content h2{
  text-align: center;
}
.machining_content img{
  max-width: 100%;
}
.machining_type1,.machining_type{
  margin-top: 30px;
}
.machining_type1 p{
  text-align: left;
}
.machining_content  h1{
  font-size: 36px;
  color: #063771;
}


/*��§Ö�ӹ����ֽ���*/



/*�������ֿ�ʼ*/


.diversity_content .service_text{
	border:none;
}

.diversity_content .service_text tr,.diversity_content .service_text td{
	border:none;
}






  table,table tr th, table tr td { border:1px solid #e6e6e6; }

  .table_a th{
    padding: 10px 0;
    background:#eef2f4;
    font-size: 18px;
    color: #333;
    font-weight: normal;
  }
  .table_a table{
    width: 1200px;
  }
  .table_a td{
    text-align: center;
    font-size: 18px;
    padding: 10px 0;

  }
  .table_a td p{
    font-size:18px;
  }
  .table_a p{
    line-height: 25px;
    margin-bottom: 0;
  }
  .td_b p{
    color: #71cff5;
  }
  .quality_content {
    padding-top: 40px;
    margin-top: 40px;
    border-top: 1px solid #e6e6e6;
  }
  .quality_area a{
    display: inline-block;
    font-size: 16px;
    color: #333;
    margin-right:15px;
  }
  .quality_area{
    margin-bottom: 50px;
  }
  .quality_area i{
    display: inline-block;
    font-size: 20px;
    color: #333;
    vertical-align:middle;
    transition: all .3s;
  }
  .quality_area>a:hover i{
    transform: rotate(180deg);
    color: #71cff5;
  }
   .quality_area>a:hover{
    color: #71cff5;
   }
/*�������ֽ���*/
	

  /*ȫ��ֲ����ֿ�ʼ*/
.global{
  padding-top: 35px;
  border-top: 1px solid #e6e6e6;
}
.global_content span{
  display: block;
  width: 60px;
  height: 3px;
  background:#000;
  margin:-30px auto 90px;
}
.global_content ul{
  width: 80%;
  margin:0 auto;
  height: 144px;
}
.global_content ul>li{
  float: left;
  height: 100%;
}
.global_content ul>li div{
  text-align: left;
  font-size:18px;
  box-sizing: border-box;
  height: 72px;
  line-height: 72px;
}
.global_content ul>li div p{
  font-size:14px;
  color: #333;
  text-align: left;
  line-height: 25px;
}
.global_content ul>li:nth-child(1){
  width: 40%;
  background:#eef2f4;
}
.global_content ul>li:nth-child(2){
  width: 60%;
}
.global_content ul>li:nth-child(2) div{
  border:1px solid #e6e6e6;
   padding: 10px 50px;
}
.global_content ul>li:nth-child(1) div{
  text-align: center;
}
.m_global{display: none;}

  /*ȫ��ֲ����ֽ���*/
	
		
	

}
@media only screen and (max-width:769px) {
	
	.componey_ppic{
	display:none;
}
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	.pagebox {line-height:26px; margin-top:15px;text-align:center;}
.pagebox a, .pagebox span{display: none;}
.pagebox .Page_pre{display: block; width:20%; float:left;padding:5px 10px; border:#CCC solid 1px; }
.pagebox .Page_next{display: block; width:20%; float:right;padding:5px 10px; border:#CCC solid 1px; }
	
	
	
	
	
	
	
	
	
	.wrap{
		width: 96%;
		margin:0 auto;
	}
	
	.flexslider {
		display: none;
	}
	 .m_banner{
      display: block;
      position: relative;
      margin-top: 3rem;
    }
    .pc_title .title_chinese{
    font-size: 1.4rem;
    color: #fff;
    text-align: center;
  }
  .pc_title .title_english{
    font-size: 0.1rem;
    color: #fff;
    text-align: center;
  }
    .m_banner .swiper-container .swiper-slide img{
      width: 100%;
     height: auto;
	 border-radius: 0 !important;
    box-shadow: none !important;
    }
     .m_banner .swiper-container .swiper-slide div{
   	width: 100%;
    position: absolute;
    top: 30%;
    text-align: center;
    color: #fff;
   }
  
    .m_banner .swiper-container .swiper-pagination-bullet {
        width: 0.5rem;
        height: 0.5rem;
      border-radius: 50%;
        display: inline-block;
        background: #fff;
        opacity: 1;
    }
    .m_banner .swiper-container .swiper-pagination-bullet-active {
        opacity: 1;
        background: #71cff5;
    }
   
    .m_banner .swiper-pagination {
      position: absolute;
      text-align: center;
      -webkit-transition: .3s opacity;
      -o-transition: .3s opacity;
      transition: .3s opacity;
      -webkit-transform: translate3d(0,0,0);
      transform: translate3d(0,0,0);
      z-index: 10;
  }

  .customer{
    	margin-top: 2rem;
    }
     .category_list{
		 padding-bottom:2rem;
	 }
 
 
 .category_list h2{
		text-align:center !important;
	}
 
 
 
 
 
       .customer ul>li{
		  margin-bottom: 30px;
		  overflow: hidden;
		  border-radius: 8px;
    box-shadow: 0 0 15px 4px rgba(0,0,0,.2) !important;
	   }
	    .customer ul>li a{
			display: inline-block;
			width: 100%;
		}
	.customer ul>li a>div img{
		width: 100%;
		 border-radius: 0 !important;
	}
     .customer ul>li a>div{
		 width: 100%;
		 height: 100%;
		 overflow: hidden;
		
	 }

 
   .customer ul>li a>div:last-child{
	   padding:10px 5px;
	   text-align: left;
	   box-sizing: border-box;
   }
  .customer ul>li a>div h2{
  	font-size:1rem;
  	color: #333;
  	font-weight: normal;
  }
.customer ul>li a>div p{
	  font-size: 0.8rem;
	  color: #666;
	  font-weight: normal;

  }



/*������������Բ��ֿ�ʼ*/
  .diversity_banner {
      width: 100%;
      margin-top: 3rem;
      padding-top: 1.5rem;
      height: 31rem;
      box-sizing: border-box;
      background: url(../img/m_diversity.png) center no-repeat; background-size: 100% 100%;
	  position:relative;
  }
   .diversity_mask{
	  width:100%;
	  height:100%;
	  background-color:rgba(0,0,0,.5);
	  position:absolute;
	  top:0;
	  left:0;
  }
  .diversity_left,.diversity_right{
    display: inline-block;
	margin-top:25px;
  }
  .diversity_right{
    margin-top: 1.5rem;
	width:100%;
  }
   .diversity_left h1{
   font-size: 1.5rem;
    color: #71cff5;
    margin-bottom: 10px;
    font-weight: normal;
    font-weight: bold;

   }
   .diversity_left div>span,.diversity_left div>a{
    display: inline-block;
    font-size: 1rem;
    color: #fff;
   }
   .diversity_left div>span{
    margin: 0 5px;
   }
   .diversity_right li{
   float: left;
    width: 30%;
    text-align: center;
    margin-right: 5%;
    margin-bottom: 5%;
   }
  .diversity_right li a{
    display: block;
    font-size: 0.8rem;
    background: #fff;
    color: #333;
      padding:10px 0;
  }
   .diversity_right  li .diversity_active{
    color: #fff;
    background:#71cff5;
   }
   .diversity_right li:nth-child(3n){
    margin-right: 0;
   }
.mahining_right{
width:100%;
}



 

 .diversity_content{
 margin: 35px 0 40px;
 }
 .diversity_content h1{
  font-size: 1.4rem;
  color: #333;
  font-weight: normal;
  text-align: center;
  margin-bottom: 15px;
 }
 .diversity_content p{
  font-size: 1rem;
  color: #666;
  text-align: left;
  margin-bottom: 25px;
 }
 .diversity_content img{
	 width:100%  !important;
	 height:auto !important;
 }
 .contact_code img{
	 width:15% !important;
 }
 
 
 
 
 
 
 
 .career_content p{
	margin-bottom:0 !important;
}

 
 
  /*������������Բ��ֽ���*/



   /*��Ӧ�̲��ֿ�ʼ*/
  
   .supplier_content p{
    text-align: center !important;
	margin-bottom:0 !important;
   }
  .supplier_type>div:last-child{
    border-bottom: none;
  }
  .supplier_type>div{
    border-bottom: 1px solid #e6e6e6;
    padding: 30px 0 0;
  }
.supplier_type h2{
  font-size:1.2rem;
  color: #333;
  text-align: center;
  font-weight: normal;
  margin-bottom: 15px;
}
p>a{
  display: inline-block;
  font-size: 1rem;
  color: #71cff5;
}

button{
  display: block;
  width: 120px;
  height: 40px;
  background:#71cff5;
  border:none;
  outline: none;
  line-height: 40px;
  margin: 0 auto 0;
}
.supplier_type button>a{
  display: block;
  font-size: 1.2rem;
  color: #fff;

}
.supplier_type>div:first-child{
  padding-top: 0;
}
  /*��Ӧ���ֽ���*/



  /*�������Dz��ֿ�ʼ*/
.about h1{
  margin-bottom: 20px;
}
.about .about_left {
  display: none;
}
.about .m_about{
  width: 100%;
  display: inline-block;
}
.about p{
  text-align: left;
  margin-bottom: 25px;
}
.about .m_about img{
  width: 100%;
}
.about .about_content{
  border-bottom: 1px solid #e6e6e6;
  padding-bottom: 40px;
  margin-bottom:40px;
}
.about .about_right{
  width: 100%;
  float: right;
  display: inline-block;
}
.about .about_right p{
  font-size:1rem;
  color: #666;
  text-align: left;
 margin-bottom: 30px;
}
h2{
   font-size:1.2rem;
  color: #333;
  text-align: left;
  font-weight: normal;
  margin-bottom: 2px;
}


/*�������Dz��ֽ���*/


/*��Ϊ׼�򲿷ֿ�ʼ*/
.behavior{
  position: relative;
}
.behavior p{
  text-align: center;
}
.behavior_content{
 padding: 0 0 40px;
 width: 75%;
 margin:0 auto;
}
.behavior_content ul{
  display: inline-block;
}
.behavior_content ul:last-child{
  float: right;
}
.behavior_content ul li{
  font-size: 1rem;
  color: #333;
  position: relative;
}
.behavior_content ul li>p{
	margin-bottom:0;
	text-align:left;
}
.behavior_content ul li::before{
  content:"";
  width: 5px;
  height: 5px;
  background:#000;
  position: absolute;
  left: -15px;
  top: 50%;
  transform: translate(0,-50%);
}
.down_load li{
  margin-bottom: 5px;
}
.down_load i{
  display: inline-block; 
  font-size:1rem;
  color: #333;
  vertical-align: middle;
  margin-right: 10px;
}
.down_load{
  border-top:1px solid #e6e6e6;
  padding-top: 40px;
}
.down_load a{
  display: inline-block;
  font-size:1rem;
  color: #71cff5;
}
/*��Ϊ׼�򲿷ֽ���*/
  
/*�����뽡�����ֿ�ʼ*/
.reach {
  padding-top: 20px;
  margin-top: 25px;
  border-top: 1px solid #e6e6e6;
}
.reach h2{
  text-align: center;
}
.reach_content p{
  text-align: center;
}


/*�����뽡�����ֽ���*/



/*��ϵ���Dz��ֿ�ʼ*/
input{
  padding: 15px;
  box-sizing: border-box;
  margin-bottom: 25px;
  font-size: 1rem;
  color: #333;
  outline: none;
  border: 1px solid #ccc;
}
.contact_top input{
  display: inline-block;
  width: 100%;
}
.contact_top input:nth-child(2n){
  float: right;
}
.contact_middle{
  width: 100%;
  position: relative;
}
.contact_middle i{
  display: inline-block;
  font-size:18px;
  color: #666666;
  position: absolute;
  top: 12px;
  right: 15px;
}
.contact_middle input{
  width: 100%;
}
.contact_bottom input{
  display: inline-block;
  width: 100%;
}
.contact_bottom input:nth-child(2n){
  float: right;
}
textarea{
 font: 14px/1.6 '΢���ź�';
}
.contact_textarea textarea{
  width: 100%;
  padding: 15px;
  height: 250px;
  box-sizing: border-box;
  font-size: 1rem;
  color: #333;
  outline: none;
  border: 1px solid #ccc;
}
.contact button{
   font-size: 1.2rem;
  color: #fff;
  margin-top:30px;
}
.contact_code{
	margin-top:25px;
	position:relative;
	width:100%;
}
.contact_code .code{
	position:absolute;
	top:20px;
	right:15px;
	border-radius:0 !important;
	box-shadow:none !important;
}
.contact_code>input{
	width:100%;
}

input::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color: #999;
}
input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   color: #999;
}
input::-moz-placeholder { /* Mozilla Firefox 19+ */
   color: #999;
}
input:-ms-input-placeholder { /* Internet Explorer 10-11 */
   color: #999;
}
textarea::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color: #999;
}
textarea:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   color: #999;
}
textarea::-moz-placeholder { /* Mozilla Firefox 19+ */
   color: #999;
}
textarea:-ms-input-placeholder { /* Internet Explorer 10-11 */
   color: #999;
}
input:hover{
  border-color: #71cff5;

}
.contact_textarea textarea:hover{
  border-color: #71cff5;
}
/*��ϵ���Dz��ֽ���*/
  
  
/*��ҵ�������¦Â��ֿ�ʼ*/
.responsibility_left{
  display: none;
}
.m_responsibility{
  width: 100%;
  display: inline-block;
  position: relative;
}
.m_responsibility img{
  width: 100%;
}
.m_responsibility>div{
  width: 60%;
  background: rgba(255,255,255,.8);
  position: absolute;
  top: 20px;
  left: 0;
  padding: 15px;
  font-size:1rem;
  color: #333;
}
.responsibility_right{
  width: 100%;
  float: right;
}
.responsibility p{
  
  margin-bottom:15px;
  text-align: left;
}
.responsibility_type>div{
  border-top: 1px solid #e6e6e6;
  padding: 20px 0;
}
.responsibility_type p{
  margin-bottom: 5px;
}

.responsibility_type:last-child{
  padding-bottom: 0;
}


/*��ҵ�������¦Â��ֽ���*/



/*��§Ö�ӹ����ֿ�ʼ*/
/*.mahining_right li:last-child{
 visibility: hidden;
}*/
.machining_content img{
  max-width: 100%;
}
.machining_type1,.machining_type{
  margin-top: 30px;
}
.machining_type{
  padding-bottom: 20px;
  border-bottom: 0.06rem solid #e6e6e6;
}
.machining_type1 p{
  text-align: left;
}
.machining_content p{
  margin-bottom: 5px;
}
.machining_type:last-child{
  border-bottom: none;
}

/*��§Ö�ӹ����ֽ���*/



/*�������ֿ�ʼ*/
.diversity_content .service_text p{
    margin-bottom: 8px;
	text-align:center;
}
.diversity_content .service_text{
	border:none;
	margin-bottom:-50px;
	position: relative;
    left: 25%;
    transform: translate(-25%, 0);
}
.diversity_content .service_text2{
	left:40%;
}
.diversity_content .service_text tr,.diversity_content .service_text td{
	display:inline-block;
	border:none;
	margin-bottom: 10px;
}



.diversity_content .service_text  p{
	font-size:0.9rem;
}











  table,table tr th, table tr td { border:1px solid #e6e6e6; }

  .table_a th{
    padding: 10px 0;
    background:#eef2f4;
    font-size: 1.2rem;
    color: #333;
    font-weight: normal;
  }
   .table_a{
    width: 100%;
    overflow: auto;
   }
   .table_b td{
     padding:2px 0  !important;
   }
  .table_b p{
    line-height:20px !important;
}
  .table_b table{
   width:1200px !important;
}
  .table_a::-webkit-scrollbar{
    display: none;
   }
  .table_a td{
    text-align: center;
    font-size: 1rem;
    padding: 10px 0;

  }
  .table_a td p{
    font-size:1rem;
    text-align: center;
  }
  .table_a p{
    line-height: 25px;
    margin-bottom: 0;
  }
  .table_a table{
    width: 600px;
  }
  .td_b p{
    color: #71cff5;
  }
  .quality_content {
    padding-top: 20px;
    margin-top: 20px;
    border-top: 1px solid #e6e6e6;
  }
  .quality_area a{
    display: inline-block;
    font-size: 1rem;
    color: #333;
    margin-right:15px;
  }
  .quality_area{
    margin-bottom: 25px;
  }
  .quality_area i{
    display: inline-block;
    font-size: 1.5rem;
    color: #333;
    vertical-align:middle;
    transition: all .3s;
  }

  .quality_area .quality_active{
    color: #71cff5;
  }
  .quality_area a .quality_active{
    color: #71cff5;
    transform: rotate(180deg);
  }
/*�������ֽ���*/



/*ȫ��ֲ����ֿ�ʼ*/
.pc_global{
  display: none;
}
.global{
  padding-top: 15px;
  border-top: 1px solid #e6e6e6;
}
.global_content span{
  display: block;
  width: 60px;
  height: 3px;
  background:#000;
  margin:0 auto 45px;
}
.global_content ul{
  margin:0 auto;
}

.global_content ul>li div{
  text-align: left;
  font-size:1.2rem;
  box-sizing: border-box;
  padding: 15px 50px;
  border:1px solid #e6e6e6;
}
.global_content ul>li div p{
  font-size:1rem;
  color: #666;
  text-align: left;
  line-height: 25px;
  margin-bottom: 0;
}
.global_content ul>li div:nth-child(1) {
  background:#eef2f4;
}







.diversity_position{
		color:#fff;
	}

/*ȫ��ֲ����ֽ���*/




  

	

}