.main{padding-top: 70px;}

.intop{ position: relative;height: 300px; }
.intop .nav{ position: absolute;top: -75px; }
.intop li{float: left;width: 31%;margin-left: 3%;}
.intop li:nth-child(1){margin-left: 0px;}
.intop li .img{ width: 100%;height: 200px; }
.intop li .img img{ width: 100%;height: 100%; }
.intop li .intoptl{ 
    display: block;
    width: 100%;
    height: 176px;
    background-color: #008220;
    color: #fff;
    text-align: left;
    padding: 30px;
    font-style: normal;
}
.intoptl h3{ font: bold 24px/28px "Arial";text-transform:uppercase; }
.intoptl p{
    color: #fff;
    font: 14px/20px "Arial";
    padding-top: 20px;
    text-align:justify;
    text-justify:inter-ideograph;
}

.intl1{position: relative;text-align: center;}
.intl1 span{position: absolute;font-size: 128px;color: #ccc;display: inline-block;z-index: 0;line-height: 128px;font-weight: bold;}
.intl1 h4{position: relative;/*left: 56px; */font-size:42px;font-weight: bold; line-height: 128px;z-index:9;display: inline-block;}
.intl1 p{float: right;width: 550px;margin-right: 70px;text-align:justify;line-height: 24px;margin-top: 36px;}

.intl2{position: relative;}
.intl2 span{position: absolute;font-size: 128px;color:rgba(255,255,255,0.1);display: inline-block;z-index: 0;line-height: 128px;font-weight: bold;}
.intl2 h4{position: relative;left: 56px; font-size:42px;font-weight: bold; line-height: 128px;z-index:9;display: inline-block;color: #fff;}
.intl2 p{float: right;width: 580px;margin-right: 70px;text-align:justify;line-height: 24px;margin-top: 36px;color: #fff;}

/*电脑端产品*/
.inpro{margin-top: 40px;margin-bottom: 30px;}

.inproli{width: 23%;float: left;border:1px solid #ddd;padding: 5px 10px;}
.inproli h4{font-size: 22px;color:#008220;margin-bottom: 20px;}
.inproli ul{padding:0 5px;margin-bottom: 0px !important;}
.inproli a{display: block;line-height: 24px;font-size: 16px;margin: 10px;color: #999;overflow: hidden; text-overflow:ellipsis;white-space: nowrap;}
.inproli a:hover{ color: #008220; }

.inproli1{ width: 100%;float: right; }
.inproli1 li{ float: left;width: 21.5%;margin-left: 3%;margin-bottom: 40px; }
.inproli1 li img{ border: 1px solid #ddd; }

.inproli1 li h4{
    color: #008220;
    font: 13px/30px "Arial";
    height: 30px;
    text-align: center;
}
/*手机端产品*/
.inmobpro{display: none;}


.inbg{min-height: 550px;background-image: url(../../../wap/en/images/about_bg.jpg);background-repeat: no-repeat;background-position: left -29px;background-size: cover;background-attachment: fixed;padding-top: 60px;}

.inab{margin-top: 50px;}
.inab ul{background-color: #008220;}
.inab li{float: left;width: 50%;height: 300px;padding: 40px 40px;}
.inab li:nth-child(1){float: right;}
.inab li h3{font-size: 22px;color: #fff;font-weight: bold;margin-bottom: 20px;}
.inab li p{color: #fff;line-height: 24px;}

.inry{margin-top: -40px;margin-bottom: 50px;}
.inry li{width: 18%;margin-left: 2.5%;float: left;}
.inry li:nth-child(1){margin-left: 0px;}
.inry li img{width: 100%;/*height: 285px;*/border: 5px solid #ccc;transition: all 0.4s;cursor: pointer}
.inry li img:hover{border-color: #008220;}
.inry .intl1{margin-bottom: 40px;}

.innew{margin-bottom: 60px;}
.innew .innewli:nth-child(2){width: 45%;float: left;margin-left: 1%;}
.innew .innewli:nth-child(3){width: 45%;float: right;margin-right: 1%;}
.innew .inwt{height: 185px;}
.innew .inwt h3{width: 40%;height: 100%; display: inline-block;float: left;background-color:rgba(0, 149, 77,0.9);line-height: 185px;text-align: center;color: #fff;font-size: 18px;text-transform:uppercase;}
.innew .intl1{margin-bottom: 30px;}
.innew ul{background-color: #fff;padding:5px 10px;}
.innew li{line-height: 30px;margin-bottom: 10px;border-bottom: 1px dashed #ccc;}
.innew li a{display: block;}
.innew h3{display: inline-block;transition: all 0.3s;}
.innew a:hover h3{color: #E60303;}
.innew li img{display: inline-block;margin-right: 10px;color: #333;}
.innew li span{float: right;color: #666;}

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

.main{padding-top: 20px;}

.intop .nav{
    top:0px;
}
.intop{ position: relative;height: auto; }
.intop .nav{ position: relative;top: 10px; }
.intop li{float: left;width: 96%;margin:0 2%;margin-bottom: 2%;}
.intop li:nth-child(1){margin-left: 2%;}
.intop li a{display: block;}
.intop li .img{ height: auto; }
.intop li .intoptl{ 
    height: auto;
    padding: 15px 10px;
}
.intoptl h3{ font: bold 24px/28px "Arial";text-transform:uppercase; }
.intoptl p{
    font: 14px/18px "Arial";
    padding-top: 0px;
}

/*标题*/
.intl1{}
.intl1 span{font-size: 64px;color: #ccc;line-height: 64px;}
.intl1 h4{position: relative;left: 0; font-size:24px; line-height: 81px;color: #111;}
.intl1 p{float: none;padding: 0 10px; width: 100%;margin-right: 0;line-height: 20px;margin-top: 0px;}

.intl2{}
.intl2 span{font-size: 64px;color:rgba(255,255,255,0.1);line-height: 64px;}
.intl2 h4{left: 38px; font-size:24px;line-height: 64px;color: #efefef;}
.intl2 p{float: none;padding: 0 10px;width: 100%;margin-right: 0px;line-height: 20px;margin-top: 0;}

/*产品*/
.inpro{display: none;}


.inmobpro{ position:relative;width: 360px;margin: 0 auto; display: block;margin-bottom: 40px;}
.inmobpro .hd{ position: relative;top: 100px; z-index: 9;width: 100%;height: 0;}
.inmobpro .hd .next,.inmobpro .hd .prev{font-family:宋体; font-size: 36px;background-color: rgba(0,0,0,0.6);color: #fff;-webkit-transform: scale(1,1);padding:4px 4px;height: 45px;text-align: center;transition: all 0.3s;}
.inmobpro .hd .next:hover,.inmobpro .hd .prev:hover{background-color: #666;}
.inmobpro .hd .prev{display:block;float:left; overflow:hidden;cursor:pointer;}
.inmobpro .hd .next{ display:block;float:right; overflow:hidden;cursor:pointer; }
.inmobpro .bd{width: 100%;margin-top: -10px;}
.inmobpro .bd ul{ overflow:hidden; zoom:1;}
.inmobpro .bd ul li{width: 160px;margin: 0 10px; float:left; overflow:hidden; text-align:center;}
.inmobpro .bd ul li a{display: block;}
.inmobpro .bd ul li div{margin-bottom: 10px;}
.inmobpro .bd li h4{
    color: #008220;
    font: 13px/30px "Arial";
    height: 30px;
}

/*关于我们*/
.inbg{padding-top: 20px;background-size: auto 140%;padding-bottom: 10px;}
.inab{margin-top: 20px;padding: 0 10px;}
.inab ul{background-color: #008220;}
.inab li{float: left;width: 100%;height: auto;padding: 10px;}
.inab li:nth-child(1){float: right;}
.inab li h3{font-size: 22px;color: #fff;font-weight: bold;margin-bottom: 0px;}
.inab li p{color: #fff;line-height: 18px;}

.inry{margin-top: 20px;margin-bottom: 10px;padding: 0 10px;}
.inry li{width: 31%;margin-left: 3%;float: left;margin-bottom: 10px;}
.inry li:nth-child(1){margin-left: 0px;}
.inry li:nth-child(4){margin-left: 17.5%;}
.inry li:nth-child(5){margin-left: 3%;}
.inry li img{width: 100%;height: auto;border: 5px solid #ccc;transition: all 0.4s;cursor: pointer}
.inry li img:hover{border-color: #008220;}

.innew{margin-bottom: 20px;}
.innew .innewli{width: 98%;margin:0 1%;}
.innew .innewli:nth-child(2){width: 98%;margin:0 1%;margin-bottom: 20px;}
.innew .innewli:nth-child(3){width: 98%;margin:0 1%;}
.innew .inwt{height: 150px;}
.innew .inwt h3{line-height: 150px;}
.innew li{height: 30px;margin-bottom: 5px;}
.innew li h3{width: 240px;overflow: hidden; text-overflow:ellipsis;white-space: nowrap;background: url(../../../wap/en/images/innewt.png) no-repeat left center;padding-left: 12px;}
.innew a:hover h3{color: #E60303;}



}