html,body{
    height:100%;
    width: 100%;
    margin: 0;
    padding: 0;
}
.container {
    width: 1098px;
    margin: 0 auto;
}
.nav {
    text-align: center;
    margin-top: 60px;
}
.nav p{
    /* width: 351px; */
	height: 41px;
	font-family: MicrosoftYaHei;
	font-size: 40px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 37px;
	letter-spacing: 3px;
	color: #0f7b3b;
}
/* content */
h1{
    text-align: center;
    margin-bottom: 70px;
}
.content{
    width:100%;
    margin: 0 auto;
}
.introduce{
    width: 1260px;
    margin: 0 auto;
}
.company_intro{
    margin: 40px auto;
    padding: 0 148px 0 142px;
}
.company_intro .com_txt{
    text-align: center;
    font-family: MicrosoftYaHei;
	font-size: 30px;
	font-weight: normal;
    font-stretch: normal;
    color: #333333;
    margin-bottom: 50px;
}
.company_intro  .txt{
    font-size: 16px;
    white-space: normal;
    word-break: break-all;
    word-wrap: break-word;
    line-height: 30px;
    text-indent: 2em;
    text-justify: inter-ideograph;
    text-align: justify;
    letter-spacing: 1px;
}
.company_intro  .txt p {
    text-align: left;
    margin: 0px 75px;
    margin-bottom: 5px;
}
.product_intro{
    margin: 0 auto;
    text-align: center;
}
.txt_inr{
    text-align: center;
    font-family: MicrosoftYaHei;
	font-size: 30px;
	font-weight: normal;
    font-stretch: normal;
    color: #333333;
    margin-bottom: 50px;
}
.product_intro ul{
    display: flex;
    justify-content: center;
    padding-left: 420px;
    margin-bottom: 41px;
}
.product_intro ul li {
    margin-left: 40px;
    /* border-bottom:3px solid #0f7b3b; */
} 
.direction_img1{
    width: 40px;
    height:40px;
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -20px;
}
.direction_img2{
    width: 40px;
    height:40px;
    position: absolute;
    right: 0;
    top: 50%; 
    margin-top: -20px;
}
.swiper-container{
    padding: 0 20px;
    margin: 0 auto;
}
.ban_img{
    width: 100%;
    height: 100%;
    float: left;
}
.swiper-container .swiper-slide {
    overflow: hidden;
    position: relative;
    border: 1px solid #ccc;
}
.swiper-container .swiper-slide p {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 40px;
    line-height: 40px;
    background-color: #ffffff;
	opacity: 0.8;
    font-family: MicrosoftYaHei;
	font-size: 16px;
	font-weight: normal;
	font-stretch: normal;
	letter-spacing: 1px;
	color: #333333;
    transition: all 1s;
    transform: translateY(40px);
}
.swiper-slide.showDesc p {
    transform: translateY(0px);
}

.news{
    width: 100%;
    margin-top: 60px;
}
.news_detail{
    width: 100%;
    height: 400px;
}
.news_detail a::after{
    display: block;
    content: '';
    clear: both;
}
.news_intro{
    width:348px;
    height: 400px;
    border: 1px solid #eee;
    float:left;margin-right:15px;
}
.news_intro1{
    width:348px;
    height: 328px;
    border: 1px solid #eee;
    float:left;margin-right:15px;
}

.news_intro img{
   width: 348px;
   height: 270px; 
}
.friends{
    width: 100%;
    margin: 50px 0 108px 0;
}
.f_dire_img1{
    width: 40px;
    height: 40px;
    float: left;
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -20px;
}
.f_dire_img2{
    width: 40px;
    height: 40px;
    float: right;
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -20px;
}
.f_detail{
    width: 1018px;
    margin: 0 auto;
}
.f_detail img{
    width: 174px;
    height: 80px;
}
.pic_img{
    width: 1018px;
    float: left;
    margin: 0 auto;
    padding:  0 20px;
}
.news_detail div:last-child{
    margin-right: 0;
}
/* 修改的 */
.bottom_lines{
    width: 60px;
    height: 6px;
    margin: 0 auto;
    background: #ccc;
    margin-bottom:10px;
}
.English_name{
    text-align:center;
    margin-bottom: 28px;
    color: #ccc;
}
.product_autoplay{
    width:100%; 
    height: 280px; 
    position: relative;
}
@media screen and (min-width:1200px){

}

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

}

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

}

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

}