@charset "utf-8";
/* CSS Document */
@media only screen and (max-width: 1680px) {
	
	
	.contact-titer {
    position: absolute;
    left: 41% !important;
    z-index: 666;
    margin-top:8% !important;
}
	
	
	.contact-nr {
    position: absolute;
    left: 39.8% !important;
    margin-top: 15% !important;
    z-index: 6666;
}
	
	
	
	}
@media only screen and (max-width: 1600px) {
	
	.product-nr {
    width: 100%;
   margin-top:0 !important; 
    height: 32em;
}
	
	
	#pro li {
    width: 46%;
    list-style: none;
    height: 14em !important;
    float: left;
    background: #fff;
    margin:1% !important;
}
	
.newsk {
    width: 1200px;
    margin: 0 auto;
    height: 56em;
    margin-top:9% !important;
}	
.contact-titer {
    position: absolute;
    left: 41% !important;
    z-index: 666;
    margin-top:9% !important;
}	
	
	
	.contact-nr {
    position: absolute;
    left: 38.8% !important;
    margin-top: 15% !important;
    z-index: 6666;
}
	
	}
@media only screen and (max-width: 1440px) {
	
	.logo {
    float: left;
    width: 11%;
    margin-left: 1%;
    margin-top:2% !important;
}
	
	.product-titer {
    width: 100%;
    height: 8em !important;
}
	
.newsk .more2 {
    font-size: 1.1em;
    font-weight: lighter;
    color: #fff;
    width: 10em;
    height: 2.5em;
    text-align: center;
    line-height: 2.5em;
    margin: 0 auto;
    margin-top:1% !important;
    background: rgba(1,129,54,0.7);
}	
	
	.contact-titer {
    position: absolute;
    left: 39% !important;
    z-index: 666;
    margin-top:8% !important;
}
	
	.contact-nr {
    position: absolute;
    left: 37.8% !important;
    margin-top: 14% !important;
    z-index: 6666;
}
	
	
	}
	
@media only screen and (max-width: 1380px) {
	
	#pro li {
    width: 48% !important;
    list-style: none;
    height: 14em !important;
    float: left;
    background: #fff;
    margin: 0.5% !important;
}
	
	
	
	
	
	
	}	
@media only screen and (max-width: 1366px) {
	
	.about-y {
    float: right;
    margin-top:0 !important;
    width: 48%;
}
	
	.about-z span {
    font-size: 1.1em;
    font-weight: lighter;
    float: left;
    color: #fff;
    width: 10em;
    height: 2.5em;
    text-align: center;
    line-height: 2.5em;
    margin-top:2% !important;
    background: rgba(1,129,54,0.7);
}

.about-y {
    float: right;
    margin-top:0 !important ;
    width: 48%;
}
	.logo {
    float: left;
    width: 11%;
    margin-left: 1%;
    margin-top:2% !important;
}
	.about-y {
    float: right;
   
    width: 48%;
    margin-top: -4% !important ;
}
	#pro li {
    width: 46%;
    list-style: none;
    height: 12em !important ;
    float: left;
    background: #fff;
    margin:0.5% !important ; 
}
.contactk {
    width: 1200px;
    margin: 0 auto;
    height: 45em;
    margin-top: 6% !important ; 
}
.contact-nr {
    position: absolute;
    left: 36.8% !important;
    margin-top: 17% !important;
    z-index: 6666;
}

.contact-titer {
    position: absolute;
    left: 39% !important;
    z-index: 666;
    margin-top: 8% !important;
}
	.newsk {
    width: 1200px;
    margin: 0 auto;
    height: 56em;
    margin-top: 9% !important ; 
}
.about-z {
    float: left;
    margin-top: 1em !important;
    width: 45%;
}
	
	.product-nr .nin-image {
    width: 13em !important;
    height: 12em !important;
    float: left;
  margin-top:0% !important ;
   margin-left:0% !important ;
    overflow: hidden;
}
	
	.product-nr .nin-image img {
    width: 13em !important;
    height: 12em !important;
    float: left;
    margin-top: 0% !important;
    margin-left: 0% !important;
    transform: scaleX(1) scaleY(1);
    transition: all 0.7s ease 0s;
}
	
	.product-nr .in-content h2 {
    text-align: left;
    margin-top: 0% ;
    margin-left: -9% !important;
}
	
	.product-nr .in-content p {
    text-align: left;
    font-size: 1.2em;
    line-height: 1.8em;
    margin-top: 4% !important ;
    color: #666;
    margin-left: -9% !important ;
}

.product-titer {
    width: 100%;
    height: 8em !important ;
}
	
	}

@media only screen and (max-width: 1360px) {
.news-nr {
    width: 100%;
    height: 30em;
    margin-top:0 !important;
}
	.about-y {
    float: right;
    margin-top:0 !important ;
    width: 48%;
}
	.logo {
    float: left;
    width: 11%;
    margin-left: 1%;
    margin-top:2% !important;
}
	.about-y {
    float: right;
   
    width: 48%;
    margin-top: -4% !important ;
}
	#pro li {
    width: 46%;
    list-style: none;
    height: 12em !important ;
    float: left;
    background: #fff;
    margin:0.5% !important ; 
}
.contactk {
    width: 1200px;
    margin: 0 auto;
    height: 45em;
    margin-top: 6% !important ; 
}
.contact-nr {
    position: absolute;
    left: 37.8% !important;
    margin-top: 17% !important;
    z-index: 6666;
}

.contact-titer {
    position: absolute;
    left: 39% !important;
    z-index: 666;
    margin-top: 8% !important;
}
	.newsk {
    width: 1200px;
    margin: 0 auto;
    height: 56em;
    margin-top: 9% !important ; 
}
	
	.product-nr .nin-image {
    width: 13em !important;
    height: 12em !important;
    float: left;
  margin-top:0% !important ;
   margin-left:0% !important ;
    overflow: hidden;
}
	
	.product-nr .nin-image img {
    width: 13em !important;
    height: 12em !important;
    float: left;
    margin-top: 0% !important;
    margin-left: 0% !important;
    transform: scaleX(1) scaleY(1);
    transition: all 0.7s ease 0s;
}
	
	.product-nr .in-content h2 {
    text-align: left;
    margin-top: 0% ;
    margin-left: -9% !important;
}
	
	.product-nr .in-content p {
    text-align: left;
    font-size: 1.2em;
    line-height: 1.8em;
    margin-top: 4% !important ;
    color: #666;
    margin-left: -9% !important ;
}

.product-titer {
    width: 100%;
    height: 8em !important ;
}

	}
@media only screen and (max-width: 1280px) {
	.product-nr .nin-image {
    width: 13em !important;
    height: 12em !important;
    float: left;
    margin-top: 2% !important;
    margin-left: 2% !important;
    overflow: hidden;
}
.product-nr .nin-image img {
    width: 13em !important;
    height: 12em !important;
    float: left;
    margin-top: 2% !important;
    margin-left: 2% !important;
    transform: scaleX(1) scaleY(1);
    transition: all 0.7s ease 0s;
}
	.news-nr {
    width: 100% ;
    height: 30em;
    margin-top:0  ;
}
	.logo {
    float: left;
    width: 11%;
    margin-left: 1%;
    margin-top:2% !important;
}
.product-nr .in-content h2 {
    text-align: left;
    margin-top: 0%;
    margin-left:0% !important ;
}
.product-nr .in-content p {
    text-align: left;
    font-size: 1.2em;
    line-height: 1.8em;
    margin-top: 4%;
    color: #666;
    margin-left:0% !important;
}
	.about-z span {
    font-size: 1.1em;
    font-weight: lighter;
    float: left;
    color: #fff;
    width: 10em;
    height: 2.5em;
    text-align: center;
    line-height: 2.5em;
    margin-top:3% !important ;
    background: rgba(1,129,54,0.7);
}
	.product-titer {
    width: 100%;
    height:8em !important;
	    margin-top: -3% !important;
}
	.about-z {
    float: left;
    margin-top: 3em !important ;
    width: 45%;
}
	
	.about-y {
    float: right;
    margin-right: 3% !important;
    margin-top: 1% !important ;
    width: 48%;
}
.roate-container {
    position: relative;
    margin: 0 auto;
    width: 559px;
    height: 623px;
    background: url(../images/roate-bg.png) no-repeat;
    margin-top: -7% !important;
}
	
.news-titer	{
    margin-top: -3% !important;
}
	.about-y img {
 margin-bottom: 5% ;
}
.product-nr {
    width: 100%;
   margin-top: 0% !important;
    height: 32em;
}
#pro li {
    width: 46%;
    height: 14em !important;
    float: left;
    background: #fff;
    margin:0.5% !important ;
}
.productk {
    width: 1200px;
    margin: 0 auto;
    height: 56em;
    margin-top: 8% ;
}
.contact-titer {
    position: absolute;
    left: 38% !important ;
    z-index: 666;
    margin-top: 10% !important ;
}	
	
	.contact-nr {
    position: absolute;
    left: 35.8% !important ;
    margin-top: 18% !important ;
    z-index: 6666;
}
	
	.productk .more2 {
    font-size: 1.1em;
    font-weight: lighter;
    color: #fff;
    width: 10em;
    height: 2.5em;
    text-align: center;
    line-height: 2.5em;
    margin: 0 auto;
    margin-top: 0.7% ;
    background: rgba(1,129,54,0.7);
}

.newsk .more2 {
    font-size: 1.1em;
    font-weight: lighter;
    color: #fff;
    width: 10em;
    height: 2.5em;
    text-align: center;
    line-height: 2.5em;
    margin: 0 auto;
    margin-top: 1% ;
    background: rgba(1,129,54,0.7);
}
.newsk {
    width: 1200px;
    margin: 0 auto;
    height: 56em;
    margin-top: 8% ;
}
.contactk {
    width: 1200px;
    margin: 0 auto;
    height: 45em;
    margin-top:11% !important ;
}
	}

@media only screen and (max-width: 1420px) {
	
	.productk .more2 {
    font-size: 1.1em;
    font-weight: lighter;
    color: #fff;
    width: 10em;
    height: 2.5em;
    text-align: center;
    line-height: 2.5em;
    margin: 0 auto;
    margin-top: 4%;
    background: rgba(1,129,54,0.7);
}

#pro li {
    width: 46%;
    height: 14em;
    float: left;
    background: #fff;
    margin: 1.5%;
}
.productk .more2 {
    font-size: 1.1em;
    font-weight: lighter;
    color: #fff;
    width: 10em;
    height: 2.5em;
    text-align: center;
    line-height: 2.5em;
    margin: 0 auto;
    margin-top: 2% ;
    background: rgba(1,129,54,0.7);
}

	.contact-titer {
    position: absolute;
    left: 39%;
    z-index: 666;
    margin-top: 10%;
}
	
	.contact-nr {
    position: absolute;
    left: 37.5%;
    margin-top: 18%;
    z-index: 6666;
}
	
	
	.newsk .more2 {
    font-size: 1.1em;
    font-weight: lighter;
    color: #fff;
    width: 10em;
    height: 2.5em;
    text-align: center;
    line-height: 2.5em;
    margin: 0 auto;
    margin-top: 3% ;
    background: rgba(1,129,54,0.7);
}
	
	
	}