.mobile-inner{ display:none;}
.manfloat{margin:0 auto; float:none}
.manfloat2{margin:0 auto; float:none; text-align:center}
@media only screen and (min-width:240px) and (max-width: 900px){
header{display:none;}
.tem_banner{margin: 50px 0 0;padding: 0px 0 0;}
.mobile-inner{ display:block;}
/*手机导航start*/
.mobile-inner{width: 100%;margin:0 auto;background-color: #fff;position:fixed; left:0; top:0; z-index:99999;}
.mobile-inner img{width: 100%;margin-bottom: 30px;}
.mobile-inner p{color: #676767;	line-height: 25px;font-size: 16px;	padding-bottom: 30px;padding-right: 30px;padding-left: 30px;margin:0px;}
.mobile-inner-header{background: #fff;  background-size: 100% auto;width: 100%;height: 50px;position: absolute;	top: 0px;left: 0px;}
.mobile-inner-header .mobile-inner-logo{ float:left; width:84%;}
.mobile-inner-header .mobile-inner-logo a{ display:inline-block;}
.mobile-inner-header .mobile-inner-logo img{ height:40px; width:auto; margin:5px 0 0 10px;}
.mobile-inner-header .mobile-inner-logo span{ float:right;}
.mobile-inner-header .mobile-inner-logo span a{ color:#ccc; border:1px solid #ccc; display:inline-block; padding:1px 5px; border-radius:5px; margin-top:16px;}
.mobile-inner-header-icon{color: #ffffff;height: 50px;font-size:25px;text-align: center;float:right;width: 50px;position: relative;-webkit-transition: background 0.5s;
	-moz-transition: background 0.5s;-o-transition: background 0.5s;transition: background 0.5s;}
.mobile-inner-header-icon:hover{background-color: rgba(0,0,0,0.2);cursor: pointer;}
.mobile-inner-header-icon span{	position: absolute;left: calc((100% - 25px) / 2);top: calc((100% - 1px) / 2);width: 25px;height: 1px;background-color: rgba(0,0,0,1);}
.mobile-inner-header-icon span:nth-child(1){transform: translateY(6px) rotate(0deg);}
.mobile-inner-header-icon span:nth-child(2){opacity:1;	}
.mobile-inner-header-icon span:nth-child(3){transform: translateY(-6px) rotate(0deg);}
.mobile-inner-header-icon-click span:nth-child(1){animation-duration: 0.5s;animation-fill-mode: both;animation-name: clickfirst;}		
.mobile-inner-header-icon-click span:nth-child(2){animation-duration: 0.5s;	animation-fill-mode: both;animation-name: fadeOut;}
.mobile-inner-header-icon-click span:nth-child(3){animation-duration: 0.5s;	animation-fill-mode: both;animation-name: clicksecond;}

@keyframes clickfirst {
  0% { transform: translateY(6px) rotate(0deg); }
  100% {  transform: translateY(0) rotate(45deg); }}	
@keyframes clicksecond {
	0% { transform: translateY(-6px) rotate(0deg);  }
  100% {  transform: translateY(0) rotate(-45deg); }}	
@keyframes fadeOut {
    0% { opacity: 1 }
    100% {  opacity: 0}}
.mobile-inner-header-icon-out span:nth-child(1){animation-duration: 0.5s;animation-fill-mode: both;animation-name: outfirst;}		
.mobile-inner-header-icon-out span:nth-child(2){}
.mobile-inner-header-icon-out span:nth-child(3){animation-duration: 0.5s;animation-fill-mode: both;animation-name: outsecond;}
@keyframes outfirst {
  0% {  transform: translateY(0) rotate(-45deg);  }
  100% {   transform: translateY(-6px) rotate(0deg);  }
}	

@keyframes outsecond {
  0% {    transform: translateY(0) rotate(45deg);  }
  100% {    transform: translateY(6px) rotate(0deg);  }
}
.mobile-inner-nav{	background-color: rgba(0,0,0,0.9);width: 100%;position: absolute;top: 50px;left: 0px;padding-top: 10px;padding-bottom: 20px;display: none;}
.mobile-inner-nav .moul li a{display: inline-block;line-height: 40px;text-decoration: none;width: 80%;margin-left: 10%;color: #FFFFFF;
	border-bottom: solid 1px rgba(255,255,255,0.3);	-webkit-transition: all 0.5s;-moz-transition: all 0.5s;-o-transition: all 0.5s;transition: all 0.5s;font-weight:300;}
.mobile-inner-nav .moul li a span{ display:inline-block; margin-left:5px;}
.mobile-inner-nav a:hover{color: rgba(255,255,255,0.4);	border-bottom: solid 1px rgba(255,255,255,0.2);}
.mobile-inner-nav .mosmul li a{line-height: 30px;text-decoration: none;width: 80%;margin-left: 10%;color: #FFFFFF;}
.mobile-inner-nav .moul li ul{ margin-left:30px; display:none}
/*手机导航end*/
/*-------banner---------*/
html,body{width: 100%; min-width:inherit;}
.carousel-inner {height:450px}
.tem_banner .editor p {    margin-top: 60px; float:none;
    font-size: 12px;
    letter-spacing: 0px;
    line-height:25px;
}
.tem_banner .editor h2 {
    font-size:16px;
    margin: 0 20px;
    padding: 50px 0 0;
}
.tem_banner .ban_txt {  top:60px;  left: 25%; width:70%;}
.fade .item.active img{ height:100%;}
.carousel-inner .tem_inner2 img{ width:30%;height:auto !important;}
.tem_inner{ margin:0 1%;}
.tem_contact {   margin:5px 0 0; height:1200px;}
.tem_contact>div {
    padding: 0px 0 60px;
    height: 700px;
    float: none;
}
.tem_contact_info {    width: 90%;    left:5%; top:750px; right:auto; margin-left:0px;}

.tem_contact .left_info {
    width: 90%;
    margin: 50px 5%;
}
.foot_nav dt {    padding: 0 0 0px;    margin: 0 0 0px;    padding-right: 5px;}
.copy {    line-height: 35px;}
.tem_about a.more {
    width: 218px;
    height: 43px;
    line-height: 43px;
    text-align: center;
    font-size: 14px;
    color: #353535;
    display: block;
    margin: 15px auto;
}
.about_info {    padding:80px 0 60px;}
.technology {    padding: 80px 0 60px;}
.about_info .editor {    margin: 25px 0 0;    font-size: 12px;  }

.pro_list {
    margin: 80px 0 0;
    width: 100%;
}

/*-------内---------*/
.news_banner .editor {  padding: 80px 0 0;}
.page_banner {    margin: 50px 0 0;}
.news_box {
    margin: 50px 0 0;
    position: relative;
    padding: 200px 0 118px;
    overflow: hidden;
}
.flt_rht{ float:left; }
.news_banner .editor h3 {
    font-size:20px;
    color: #82490b;
}
.news_lists li {
    padding: 0 0 0 0px;
    margin: 0 0 0px;
    display: inline-block;
    float: none;
	top: 15px;
}
.news_lists li.flt_rht {
    padding: 0 0 0 0px;
    position: relative;
    top: 15px;
}
.news_lists li .text {
    padding: 10px 0;
}
.news_lists li .text h5 {
    font-size: 14px;
    color: #393939;
    margin: 0 0 10px;
}
.news_lists li .text p {
    font-size: 12px;
    line-height: 24px;
    margin: 0 0 15px;
    height: 48px;
}
.news_lists li .date {
    height: 35px;
    line-height: 35px;
    padding: 0 0 0 10px;
}

.com_box {
    margin:50px 0 0;
    position: relative;
    padding: 200px 0 50px;
}
.com_banner .editor {
    padding: 80px 0 0;
}
.com_banner .editor h3 {    font-size: 20px;}

.product_list li {
    padding: 0 00px 0 0;
    margin: 0 0 0px;
}
.product_list li.flt_rht {
    padding: 0 0 0 0px;
    position: relative;
    top: 15px;
}
.product_list li .text {
    padding: 15px 0 0;
}

.tem_product {padding: 42px 0; }

}