@media screen and (max-width:1550px){
	
}
@media screen and (max-width:1450px){

}
@media screen and (max-width:1280px){ 

}
@media screen and (max-width:1245px){
.aboArea .r{float:right; position:relative; max-width:860px; width:100%; }
}
@media screen and (max-width:1160px){
   body{ padding:0;}
  .nav{ display:none;}
  .logo img{ width:348px; height:auto;}
  .edition{ display:none;}
  .header-box{ position:fixed; width:100%; top:0;}
  .header{ padding:0px 0 0px; width:95%; margin:auto;}
  .menuBtn{ display:block;}
  .mtop{ display:block; height:90px;}
  .menu-down .edition{ display:block;}
  .aboArea .r{float:right; position:relative; max-width:800px; width:100%; }


}
@media screen and (max-width:1024px){
  .inner{ width:100%; margin:0 auto;}
  .main-top{ width:100%;}
  .main-right{ width:100%; float:left;}
  .main-right .apples{ width:50%; float:left;}
  .productTab{ width:50%; float:left;}
  .main-bottom{ width:100%;}
  .loadWr{ padding:50px 0 30px;}
  .load-list{ padding:30px 20px;}
  .aboArea .r{float:right; position:relative; max-width:700px; width:100%; }
  .contact-bar{display:none}

}
@media screen and (max-width:861px){
  .top{height:80px;}
  .logo{padding-top:10px;}
  .logo img{ width:348px;}
  .tel{display:none}
  .mtop{ height:74px;}
  .menu-down{ top:74px;}
  .menuBtn{ width:46px; height:32px; top:17px;}
  .menuBtn .burger{ height:4px;}
  .menuBtn .burger-2{ top:13px;}
  .menuBtn.active .burger-1,.menuBtn.active .burger-3{ top:12px;}
  .menu-down .edition .search input[type="text"]{ height:50px; line-height:50px;}
  .menu-down .edition .search input[type="button"]{ width:50px; height:50px;}
  .menu-down .edition .edites{ margin-top:16px;}
  .menu-down .edition .edites a{ font-size:16px; font-weight:normal;}
  .menu-list >li >a{ font-size:18px; padding-left:20px;}
  .iphone-menu li a{ padding-left:20px;}
  .menu-list{ padding:24px 0 48px;}
  .header{ padding:0px 0 0px;}
  .iphone-menu li a{ font-size:14px;}
  
.aboArea .l{ max-width:100%; width:100%; float:left; position:relative; z-index:99; }
.aboArea .r{float:right; position:relative; max-width:100%; width:100%; }
.abnav .lnav{ width:100%;  border:0px;}

.i-about .video{width:96%; margin-left:2%}
.i-about .con{width:96%; margin-left:2%; margin-right:2%}

.i_box li{width:96%; margin-left:2%; margin-bottom:20px;}

.footer .fnav{ width:100%; line-height:2.2; display:inline-block}
.footer .fnav li{ float:left; margin-right:2%; padding:20px 1%; border-left:1px solid #00586e; height:200px;}
.footer .fnav li:nth-child(1){width:98%}
.footer .fnav li:nth-child(2){display:none}
.footer .fnav li:nth-child(3){display:none}
.footer .fnav li:nth-child(4){display:none}
.footer .fnav li:nth-child(5){display:none}
.footer .fnav li:nth-child(6){width:100%; height:100px;}
.footer .fnav a{ display:block; text-transform:capitalize; font-size:12px; width:90%; line-height:24px;}
.footer .fnav .fa{ display: inline-block;*zoom: 1;*display: inline; vertical-align:middle; color:#fff; font-size:14px; position:relative; margin-bottom:10px; }
.footer .lef{ float:left; padding-left:10px;}


.proArea .abnav .lnav{ width:100%;}
.aboArea .l,.aboArea .r { width: 100%; float: none; }
.aboArea .r .padd{ padding-left:15px; padding-right:15px; padding-top:40px; }
.abti,.abnav .lnav .aw,.topLine{ display:none; }
.abnav{width:100%;}
.abnav .lnav{ width:100%; text-align:center; }
.abnav .lnav p{ width:100%; text-align:center; }
.abnav .padd{ padding:0; }
.abnav .mcv{ display:block; width:100%!important; float:left; margin-top:20px; clear:both;}
.abnav .lnav a{ /* line-height:42px; */ padding:8px 0; }
.abnav .lnav li,.abnav .lnav{ margin:0; padding-left:0px; }
.abnav .lnav ul{ position:absolute; left:0; right:0; top:72px; background:rgba(3,123,152,.9); /* z-index:99; */ display:none; }
.abnav .lnav a{ color:#fff; border-tottom:1px dashed #fff; text-align:left;}
.abnav .lnav li{ transition:300ms; -webkit-transition:300ms; padding:0px 0px 0px 20px; }
.abnav .lnav li:hover{ background:rgba(3,123,152,1); color:#fff; }
.abnav .lnav li:hover a{ color:#fff; }
.aboArea .r .abrti{ margin-bottom:30px; width:100%;}
.abnav .lnav.show .caret{ transform:rotate(-180deg); -webkit-transform:rotate(-180deg); -o-transform:rotate(-180deg); -ms-transform:rotate(-180deg); }

.aboArea .rbox{width:96%; margin-left:2%; margin-right:2%;}
.aboArea .rbox .title p{display:none}
.aboArea .rbox .con img{width:100%;}

.news-box{margin-top:0px;}
.news-list .c { height: 60px;}

.fromT { background-color: #fff; border: 0px none; padding: 8px 12px; width: 85%; font: 14px/1.8 "microsoft yahei"; border:1px solid #ddd;}

}
@media screen and (max-width:751px){


.jobbox dd:nth-child(1){width:100%;}
.jobbox dd:nth-child(2){width:100%;}
.jobbox dd:nth-child(3){width:100%;}
.jobbox dd:nth-child(4){width:100%;}
.jobbox dd:nth-child(5){width:100%;}
.jobbox dd:nth-child(6){width:100%;}
.jobbox dd:nth-child(7){width:100%;}
.jobbox dd .name{width:20%; text-align:right; float:left;  text-align:center; height:30px;}
.jobbox dd .name3{width:20%; text-align:right; float:left;  text-align:center; height:30px;}
.jobbox dd .name4{width:20%; text-align:right; float:left;  text-align:center; height:30px;}
.jobbox dd .name5{width:20%; text-align:right; float:left;  text-align:center; height:30px;}
.jobbox dd .name6{width:100%; text-align:right; float:left;  text-align:center; height:30px;}
.jobbox dd .txt5{text-align:left; padding-left:10px;}

}
@media screen and (max-width:641px){
	body{ cursor:pointer;}
   .logo img{ width:380px;}
   .menu-down{ top:71px;}
   .menu-down .edition .search input[type="text"]{ width:180px;}
   .menu-down .edition .search input[type="text"]{ height:40px; line-height:40px; font-size:14px;}
   .menu-down .edition .search input[type="button"]{ width:40px; height:40px; transform:scale(0.9); -webkit-transform:scale(0.9); -moz-transform:scale(0.9); margin-top:2px;}
   .menu-down .edition .edites{ margin-top:12px;}
   .menu-down .edition .edites a{ font-size:14px;}
   .menu-list >li >a{ font-size:16px;}
   .menu-down .edition{ padding-right:8px;}
   .aboArea .rbox{padding-top:10px;}
   .aboArea .rbox .title span{display:none}
   .formBox { float: left; display: block; width: 100%;}
.formBox .fitem { padding: 20px 0% 0px; }
.proFormTBL td{width:100%; display:block; padding-bottom: 0px;}
.jfname { width: 84px; text-align: left; line-height: 34px; }
.proForm .fromBtn { max-width:150px; margin-bottom:20px; margin-top:20px;}
.formBox2 { float: left; display: block; width: 100%;}
.formBox2 .fitem { padding: 20px 0% 80px; }
.proFormTBL22 td{width:100%; display:block; padding-bottom: 0px;}
.jfname2 { width: 84px; text-align: left; line-height: 34px; }
.proForm2 .fromBtn { max-width:150px;}

    .pro-list .item{ height: auto; padding:10px 0px; margin:0px 10px;}
	.pro-list dd{ float: left; display: block;  margin: 0px 0 10px; width:100%;}
	.pro-list .img{ position: relative; left: auto; top: auto; margin-bottom: 20px; width: 100%;}
	.pro-list .img img{width:100%;}
	.pro-list .box{ padding-left: 0px;}
	.pro-list .t{ font-size: 14px; height: 42px; line-height: 1.5;}
	.pro-list .c{ display: none;}
	.pro-list .item2 {margin:0px 10px 0 0;}
	.pro-list .box2 { padding-left: 110px; }

.i-product-box li{margin-right:0%;}


}
@media screen and (max-width:520px){
   .logo img{ width:340px;}
   .menu-down{ top:68px;}
   .mtop{ height:67px;}

}
@media screen and (max-width:481px){
	.header{ width:95%;}
	.menu-down{ top:64px;}
	.top{height:60px;}
    .logo img{ width:300px;}
	.lect-list{ width:100%;}
	.lect-list a{ margin-right:6px;}
	.lect-list a i{ padding:4px 8px;}
	.mtop{ height:63px;}
	.menuBtn{ width:34px; height:23px;}
	.menuBtn .burger-2{ top:9px;}
	.menu-list{ padding:15px 0 38px;}

 }
@media screen and (max-width: 380px){
    .logo img{ width:255px;}
	.menu-down{ top:60px;}
	.mtop{ height:59px;}
	.menu-down .edition .search input[type="text"]{ width:120px;}
}
@media screen and (max-width: 320px){
}