@font-face {
	font-family: 'BAUHS93';
	src: url('../fonts/BAUHS93.eot');
	src: url('../fonts/BAUHS93.eot?#iefix') format('embedded-opentype'), url('../fonts/BAUHS93.woff') format('woff'), url('../fonts/BAUHS93.ttf') format('truetype'), url('../fonts/BAUHS93.svg#webfont34M5alKg') format('svg');
	font-weight: normal;
	font-style: normal;
}




body{ font-family:Arial, Helvetica, sans-serif}

/*head*/

@media (min-width: 1200px) { 
.w1200{ width:1200px; margin:auto}
nav {

  height: 170px;


}
}



nav {
	position: absolute;
	z-index:999;
  width: 100%;
  padding: 10px 0;
}
nav li, nav a {
  text-decoration: none;
  list-style: none;
}
nav .nav-logo {
	margin-top:20px;
  width: auto;
  height: 100%;
  margin-left: 20px;
  float: left;
}
nav .nav-logo a, nav .nav-logo li, nav .nav-logo ol, nav .nav-logo span, nav .nav-logo p { font-size: 30px; font-weight: bold; list-style: none; text-decoration: none; }
nav .nav-logo img {
  max-width: 100%;
  max-height: 100%;
}
nav ::-webkit-scrollbar {
  display: none;
}
nav .nav-list {
  /*nav-list*/
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  float: right;
  padding-top:40PX
 
}
@media (max-width: 1200px) {
  nav .nav-list {
    position: fixed;
    height: 100%;
    top: 0;
    width: 60%;
    background: #333;
    left: -60%;
    -webkit-transition: 1s;
    transition: 1s;
  }
}
nav .nav-list > li {
  position: relative;
  list-style: none;
  float: left;
  text-align: center;
}
@media (max-width: 1200px) {
  nav .nav-list > li {
    width: 100%;
    margin: 0;
    overflow: hidden;
  }

}
nav .nav-list > li .active { color: #fff; }
nav .nav-list > li a {
	font-weight:bold;
	font-size:1.2em;
  color: #FFF;
  display: inline-block;
  line-height: 40px;
  padding: 1px 15px;
  margin: 0 10px;
  text-decoration: none;
}
@media (max-width: 1200px) {
  nav .nav-list > li a {
    width: 100%;
    margin: 0;
	font-size:1em;
	border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #999;
  }
}
nav .nav-list > li a:hover {
	border-bottom-width: 3px; border-bottom-style: solid; border-bottom-color: #8bb108; 
  color: #fff;

}
nav .nav-list > li .menu {
  min-width: 100px;
  background: #fff;
  -webkit-box-shadow: 0 2px 10px #ccc;
  box-shadow: 0 2px 10px #ccc;
  position: absolute;
  white-space: nowrap;
  left: 0;
  height: 0;
  overflow: hidden;
  -webkit-transition: 1s;
  transition: 1s;
}
@media (max-width: 1200px) {
  nav .nav-list > li .menu {
    position: relative;
    width: 100%;
    text-align: center;
    border-radius: 0;
    -webkit-box-shadow: 0 -1px 7px #ccc inset;
    box-shadow: 0 -1px 7px #ccc inset;
  }
}
nav .nav-list > li .menu li a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0;
}
nav .nav-list > li:hover .menu {
  height: auto;
}
nav .nav-menu {
  display: none;
  z-index: 999;
  background: #fff;
  cursor: pointer;
}
@media (max-width: 1200px) {
  nav .nav-menu {
    display: block;
    float: right;
    padding: 13px 10px;
    position: relative;
    margin-right: 15px;
	background:#8bb108;
  }
  nav .nav-menu span {
    height: 2px;
    width: 25px;
    display: block;
    background: #FFF;
    border-radius: 10px;
  }
  nav .nav-menu span + span {
    margin-top: 6px;
  }
}
nav .open {
  left: 0%;
  overflow: auto;
 
}

.container-fluid {
  width: 100%;
  padding-bottom: 10px;
}

.carect {
  position: relative;
  width: 0;
  height: 0;
  margin-left: 5px;
  margin-bottom: 2px;
  border-top: 6px solid;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-radius: 10px;
  display: inline-block;
}

@media (max-width: 1200px) {
	nav .nav-logo img{ width:50%; margin-top:0}
	nav .nav-logo{margin-top:0}
	
	}

/*head end*/

.am-slider-default{ margin-bottom:0;}
.am-slider-default .am-control-nav {
  
    bottom: 15px;
  
}


a{ color: #000;}

H1{	font-family: 'BAUHS93'; font-size:55px;letter-spacing:2px;}
h1 span{ background: #8bb108; color: #FFF; padding: 0 10px;}
.banner{ height: 568px; background-size:auto 100% ; background-position: center;}

.aboutbox,.servicesbox{ padding:50px 0}
.servicesbox{ background:url(../images/app.jpg) center center; background-size:  auto 100%;}
.servicesbox h1,.product_title,.contact_title{ color: #FFF;}


.more{ border:3px solid #000; display:inline-block; padding:15px 30px; font-size:14px; position:relative; color:#000; font-weight:bold}
.more:before{ content:""; display:inline-block; width:25px; height:3px; background:#000; position:absolute; right:-14px; top:30px  }
.more:after{ content:""; display:inline-block; width:25px; height:3px; background:#000; position:absolute; right:-14px; top:38px  }


.servicesbox ul li{ color: #FFF; text-align: center;}
.servicesbox ul li:before{ font-size: 50px;}

.product_title{ background: #8bb108; text-align: center; padding:50px 0}
.contact_title{ background-image:url(../images/contact_bg.jpg);  text-align: center; padding:50px 0}
.product_title hr,.contact_title hr{ width: 50px; display: inline-block;}
.productlist .text{ text-align: center;padding:10rem 5rem; }
.productlist .text h2{font-size: 4rem; }
.footbox{ color: #FFF;}
.foot_nav{ text-align: right; background: #414141;padding: 20px;}
.foot_nav a{ color: #FFF; display: inline-block; padding: 5px 10px; line-height: 67px; font-weight: bold;}
.copyright{ background:#333; padding: 50px; text-align: center;}
.copyright img{  padding-top: 30px; display: block; margin: auto;}

.wuliu{color:#8bb108 ;background: #414141;}

.wuliu .text p{ position: relative; font-size: 3rem; font-weight: bold;}
.wuliu .text p:before{ margin-left: -40px;}
.wuliu .text p span{ color: #FFF;}

.productlist_box .class{ border-left:#8bb108 solid 15px; line-height: 30px; margin: 30px 0; }
.productlist_box .class a{ padding:0 10px;; font-size: 18px; font-weight: bold;}
.productlist_box .class a:hover{ color: #8bb108;}
.productlist_box .class a.active{ color:#8bb108 ;}
.productlist_box ul{ width: 1260px; margin: auto;}
.productlist_box ul li{ }
.productlist_box ul li .am-gallery-item{ border-bottom: 1px #ccc solid; margin:0 30px 30px 30px; }
.productlist_box ul li .am-gallery-item:hover{ background: #8bb108;}
.productlist_box ul li h3.am-gallery-title{ line-height: 40px; margin: 0; text-align: center;}
.productlist_box ul li .am-gallery-item:hover h3{ color: #FFF;}
.page{ text-align: center;}
.page .am-active>a{    background-color: #8bb108; border-color: #8bb108;}
.catalogbox ul li{ padding: 30px 30px 10px 30px;}
.catalogbox ul li .am-gallery-title{ font-size: 2rem; white-space:normal; }
.catalogbox ul li .am-gallery-item{-moz-box-shadow:2px 2px 5px #A6A6A6; -webkit-box-shadow:2px 2px 5px #A6A6A6; box-shadow:2px 2px 5px #A6A6A6;  padding: 20px;}
.catalogbox ul li .am-gallery-title:after{ color: #C10802;}
.catalogbox ul li .am-gallery-item .more{ padding:5px 10px; }
.catalogbox ul li .am-gallery-item .more:before{ content:""; display:inline-block; width:15px; height:3px; background:#000; position:absolute; right:-9px; top:10px  }
.catalogbox ul li .am-gallery-item  .more:after{ content:""; display:inline-block; width:15px; height:3px; background:#000; position:absolute; right:-9px; top:18px  }
.productshow_box .am-slider-default .am-control-thumbs li{ padding: 2px;}
.productshow_box .pic img{  border: 1px solid #000;} 
.contact_us{ background: #8bb108; color: #FFF; padding: 10px 20px;font-size: 14px;}
.contact_us:hover{color: #FFF; background: #000;}
.contact_us:before{ font-size: 22px; }  
.prodcut_nr{ padding: 50px 0;} 
.prodcut_nr ul li a{ background: #515151; color: #FFF; }
.prodcut_nr ul li.am-active a{ background: #8bb108;}
.liuyanbox input,.liuyanbox textarea{ border: 0; background: #efefef; padding:15px 10px;}
.liuyanbox input:focus,.liuyanbox textarea:focus{ border: #8bb108 solid 1px; background:#efefef ;}
.liuyanbox textarea{ min-height: 150px;}
.liuyanbox h1{ margin-top:50px;} 
.liuyanbox .ditu{ margin-top: 50px;}
@media (min-width: 1200px) {
	.wuliu .text { padding: 10rem;}
	.productlist .am-g:nth-child(even) .img{float: right;}
	.productlist .am-g:nth-child(even) .text{float:left}
	
}
@media (max-width: 1680px) {
	.wuliu .text { padding: 7rem;}
	.wuliu .text p{ position: relative; font-size: 2rem;}
	.wuliu .text p:before{ margin-left: -26px;}
}

@media (max-width: 1200px) {
	.banner{ height: 150px; background-size:auto 100% ; background-position: center;}
	.wuliu .text { padding: 6rem;}
	body{font-size: 12px;}
	H1{	font-family: 'BAUHS93'; font-size:24px}
	.aboutbox,.servicesbox{ padding:20px 0}
	.servicesbox ul li:before{ font-size: 30px;}
	.more{ border:3px solid #000; display:inline-block; padding:5px 10px; font-size:12px; position:relative; color:#000; font-weight:bold}
	.more:before{ content:""; display:inline-block; width:15px; height:3px; background:#000; position:absolute; right:-9px; top:10px  }
	.more:after{ content:""; display:inline-block; width:15px; height:3px; background:#000; position:absolute; right:-9px; top:18px  }
    
    .productlist .text{ text-align: center;padding:2rem 1rem;}
	.productlist .text h2{font-size: 1.8rem; }
	.contact_title {background: #8bb108; padding:0 }
    .contact_title .bg{ background:url(../images/contact_bg.jpg) no-repeat bottom;background-size: 100%;padding:50px 0}
    .foot_nav{ display: none;}
    .copyright{ padding: 20px;}
    .copyright img{ display: none;}
    
    .productlist_box .class{ border-left:#8bb108 solid 5px; line-height: 30px; margin: 10px 5px; }
	.productlist_box .class a{ padding:0 10px;; font-size: 12px; font-weight: bold;}
	.productlist_box .class a:hover{ color: #8bb108;}
	.productlist_box .class a.active{ color:#8bb108 ;}
	.productlist_box ul{ width: 100%; margin: auto;}
	.productlist_box ul li .am-gallery-item{  margin: 0; }
	
	
	.catalogbox ul li{ padding:10px 0;}

	.contact_us{ width: 100%; display: block; text-align: center; padding: 0;}
	
	.prodcut_nr{ padding: 20px 0;} 
	.liuyanbox{ padding: 10px}
	.liuyanbox h1{ margin-top:20px;} 
	.liuyanbox .ditu{ margin-top: 0px ;}

}




