body,  div,  p { margin: 0; padding: 0;}
ul { list-style: none;margin: 0; padding: 0;}
a:hover{cursor: pointer;}
html {width: 100%;overflow-x: hidden;}
.left{float: left;}
.right{float: right;}
.clear{clear: both}
body { width: 100%;  *cursor: default;
font: 16px/1.5 "Microsoft YaHei", Helvetica, STHeiti STXihei, Microsoft JhengHei, Arial;overflow-x:hidden;}
img{border:0px;max-width: 100%}
a{text-decoration: none;outline: none}
div{outline: none}
ul,li{list-style-type: none}
*{box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing: border-box;}
.main{width: 92%;margin:0 auto;}

.header{width: 100%;position: absolute;top:0;left:0;z-index: 100;height: 50px;background: rgba(0,145,58,0.7);color: #fff;font-size: 22px;}
.header .fanhui img{height:25px;display: block;}
.header .fanhui{position: absolute;top:13px;left:4%;}
.nav img{height: 20px;display: block;}
.nav{position: absolute;top:16px;right:4%;height: 20px;}
.close{position: absolute;top:15px;right: 15px}
.close img{height: 20px}
.dh_lanmu{width: 100%;text-align: center;line-height: 50px;}
body.open #header {

    transform: translate3d(-400px, 0, 0);

    -webkit-transform: translate3d(-400px, 0, 0);

    -moz-transform: translate3d(-400px, 0, 0);

    -o-transform: translate3d(-400px, 0, 0);

    width: 100%;

}

.body{background: #fff}



#header ul li.navitem a {

    color: #fff;

    font-size: 14px;

}

#header ul li.navitem ul.subnav li a {
background: transparent;}


#header ul li.navitem ul.subnav li {

    border-bottom: 1px solid rgba(0, 0, 0, .02);

}



#header ul li.navitem ul.subnav li:last-child {
    border-bottom: none;

}

body #header {
    width: 400px;
    left: auto;
    background-color: #0e3c91;
    right: -400px;
    position: fixed;
    z-index: 99999999;
    transition: transform 0.4s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
}
body.open #header {
    transform: translate3d(-400px, 0, 0);
    -webkit-transform: translate3d(-400px, 0, 0);
    -moz-transform: translate3d(-400px, 0, 0);
    -o-transform: translate3d(-400px, 0, 0);
    width: 100%;
    height: 100%;
}
#header .content {
    padding-top: 80px;
    background-color: #00913a;
    padding-bottom: 1000px;
    box-shadow: 0px 2px 26px rgba(0, 0, 0, 0.1);
}
#header ul#nav {
    float: right;
    transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
    width: 100%;
}
 #header ul li.navitem {
    text-align: center;
    border-bottom: 1px solid #008344;
    height: 60px;
    line-height: 60px;
}

body.open  .headSHBtn:hover {
    background-color: #262626;
}
body.open  .headSHBtn {

   right: 40px;
}
body.open .headSHBtn::before {
    transform: rotate(-45deg);
    top: 25px;
    background: #fff;
}
body.open .headSHBtn::after {
    transform: rotate(45deg);
    top: 25px;
    background: #fff;
}
body.open .headSHBtn {
    background-color: #4a4a4a;
}
body.open{width: 100%;height: 100%;overflow: hidden;}
#header ul li.navitem{
   opacity: 0;
  transition: 1s;
  transitino-delay: 1s;
  -webkit-transform: translate3d(0, 100%, 0);
  transform: translate3d(0, 100%, 0);
}
body.open #header ul li.navitem{
  opacity: 1;
  -webkit-transform: none;
  transform: none;
}
body.open #header ul li.navitem:nth-child(2)  {
    transition-delay: 0.2s;
}

body.open #header ul li.navitem:nth-child(3)  {
    transition-delay: 0.4s;
}

body.open #header ul li.navitem:nth-child(4)  {
    transition-delay: 0.6s;
}

body.open #header ul li.navitem:nth-child(5)  {
    transition-delay: 0.8s;
}

body.open #header ul li.navitem:nth-child(6)  {
    transition-delay: 1s;
}

body.open #header ul li.navitem:nth-child(7)  {
    transition-delay: 1.2s;
}
body.open #header ul li.navitem:nth-child(8)  {
    transition-delay: 1.4s;
}
body.open #header ul li.navitem:nth-child(9)  {
    transition-delay: 1.6s;
}

.lanmu_info span {
    font-size:22px;
    color: #000000;
}
.lanmu_info p {
    font-size:21px;
    font-weight: bold;
    color: #000000;
    text-transform: uppercase;
    margin-top: -5px;
}
.nail{font-size: 14px;color: #00913a;background: url('../images/nail.png') no-repeat center left;padding-left:20px;margin-top:15px;background-size: 15px;position: absolute;top:5%;right: 0}
.nail a{color: #00913a}
/*关于我们*/
.about1{background: url('../images/about1.jpg') no-repeat center top;background-size: 100%}
.about1 .type{text-align: center;}
.lanmu{padding-top:4%;position: relative;}
.type{padding-top: 5%}
.type a.on{background: #00913a;color: #fff}
.type a {
    display: inline-block;
    width: 32%;
    height: 30px;
    line-height: 30px;
    text-align: center;
    background: #e6e6e6;
    font-size: 14px;
    color: #000000;
    border-radius: 20px;
    position: relative;
    overflow: hidden;
}
.type a i{position: relative;z-index: 2;font-style: normal;}



.type a:hover:before {
  width: 100%;
  height: 100%;
  opacity: 1;
}


.about1_nr{display: none;padding: 5% 0}
/*荣誉资质*/
.about2{width: 100%;background: url('../images/about2.jpg') no-repeat center bottom;padding-bottom: 5%;background-size: cover;}
.title{text-align: center;color: #fff;padding-top:7%}
.title_zh{font-size: 22px;}
.title_eng{font-size:22px;font-weight: bold;text-transform: uppercase;}
.about2_list li{width: 49%;padding-bottom: 5%}
.about2_list li:nth-child(2n+1){float: left;}
.about2_list li:nth-child(2n){float: right;}
.about2_list li .about2_pic{position:relative;width:100%;height:0;padding-top:64%;}
.about2_list li .about2_pic img{position:absolute;top:0;left:0;width:100%;height:100%;}
.about2_list li p{color:#fff;font-size: 14px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;text-align: center;line-height: 2.5;}
.about2_list{padding-top: 5%}

.about3 .title{padding:10% 0;color: #545454}
.about3 .swiper-slide{width: 100%;background: url('../images/bor.png') no-repeat top left;min-height:250px;padding: 0 15px;position: relative; }
.about3_tit{font-size: 22px;color: #101419;}
.about3_jian{font-size: 13px;color: #010101;line-height:2.5;padding-top: 3%}
.about3 .swiper-container{padding-bottom: 15%}
.about3 .swiper-pagination-bullet{width:8px;height:8px;background: #00913a;opacity: 1}
.about3 .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet{margin:0 4px;}
.about3 .swiper-pagination-bullet-active{background: #07b94e}
.about3{width: 100%;padding-bottom:7%}
.about3{position: relative;overflow: hidden;}
.about3_bg {
   background: url('../images/about3.jpg') left bottom repeat-x;
    width: 500%;
    height: 100%;
    position: absolute;
    top: 0;
    opacity: 0.5;
    animation: color1 200s linear infinite;

}
@keyframes color1{0%{left: 0;}50%{left: -400%;}100%{left: 0;}}

/*底部*/
.foot{width: 100%;background: #333333;height:77px;position: fixed;bottom: 0px;left: 0;width: 100%;display: block;z-index: 12;background: url('../images/foot.jpg') no-repeat center bottom;background-size: cover}
.foot a{display: block;float: left;text-align: center;color: #fff;width: 25%;padding-top:50px;font-size: 14px;border-radius: 50%}
.foot a:nth-child(1){background: url('../images/home_1.png') no-repeat center top 10px;background-size: auto 35px;}
.foot a:nth-child(2){background: url('../images/tel_1.png') no-repeat center top 10px;background-size: auto 35px;}
.foot a:nth-child(3){background: url('../images/sms.png') no-repeat center top 10px;background-size: auto 35px;}
.foot a:nth-child(4){background: url('../images/contact.png') no-repeat center top 10px;background-size: auto 35px;}

/*新闻列表*/
.news_list{padding-top:8%}
.news_list li{width:49%;box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);margin-bottom: 5%;position: relative;transition: all 0.5s;overflow: hidden;}
.news_list li:nth-child(2n+1){float: left;}
.news_list li:nth-child(2n){margin-right: 0;float: right;}
.news_list li .news_pic{position:relative;width:100%;height:0;padding-top:55%;}
.news_list li .news_pic img{position:absolute;top:0;left:0;width:100%;height:85px;}
.news_info{padding: 0 4% 15% 4%;width: 100%;background: #fff}
.news_bt{font-size: 15px;color: #010101;padding:4% 0 2%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.news_jian{font-size: 13px;color: #636363;line-height:1.7;display: -webkit-box;overflow: hidden;text-overflow: ellipsis;-webkit-line-clamp:3;-webkit-box-orient: vertical;}
.news_more{background: url('../images/news_more.png') no-repeat center right 15px;height: 23px;position: absolute;bottom:5px;right: 0;width: 100%;transition: all 0.5s;background-size: 50px}

.page{margin-bottom:15%;margin-top:7%;text-align: center;}
.page a{display:inline-block;width: 27px;height: 25px;line-height: 23px;text-align: center;border:1px solid #00913a;color: #535353;font-size: 13px;margin:0 2px;}
.page a.pre_page{border:0px;margin-right:10px}
.page a.next_page{border:0px;}
.page a.select{background:#00913a;color: #fff }

/*新闻详情*/
.ns_tit{padding-top:7%;font-size:22px;color: #000000;text-align: center;}
.ns_date{text-align: center;font-size: 13px;color: #828282;padding:2% 0 5%}
.ns_nr{font-size: 15px;color: #010101;line-height: 44px;padding-bottom: 30px}
.back{width:90px;height:35px;line-height:35px;text-align: center;border:1px solid #c3c3c3;font-size: 14px;color: #262626;display: block;float: right;margin-bottom: 14px}
.fenye{border-top: 1px dotted #000;padding: 7% 0 10%;overflow: hidden;}
.fenye li{width: 100%;height:35px;line-height:35px;padding: 0 5%;background: #dfdfdf;font-size: 14px;color: #402d2d;margin-bottom: 3%}
.ns_nr{overflow: hidden;}
.fenye li a{color: #1b1b1b}
.ns_nr img{max-width: 100%}

/*产品列表*/
.prod{background: url('../images/prod.jpg') no-repeat center top;}
.prod_list{padding-top: 5%}
.prod_list li{width: 49%;background: #efefef;text-align: center;float: left;margin-bottom:5%;}
.prod_list li a{font-size: 15px;color: #000000}
.prod_list li:nth-child(2n){float: right;}
.prod_list li img{width: 100%}
.prod_bt{display: block;height: 32px;line-height:29px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}

/*产品详情*/
.prods_bt{text-align: center;font-size: 22px;padding:5% 0 2%}
.prods_bot_p{font-size:16px;color: #000;font-weight: bold;padding-top:6%;border-bottom: 1px solid #5f8dc0;padding-bottom: 2%}
.prods_bot_con{padding: 5% 0;overflow: hidden;}

/*在线留言*/
.message_ban{padding-top: 80px;padding-bottom:7%}
.message{width: 94%;background: rgba(255,255,255,0.9);padding-bottom:5%;margin:0 auto;}
.banner img{display: block;}
.message ul{width: 90%;margin: 0 auto}
.messt{padding: 5% 0 5% 3%}
.messt img{height: 35px}
.message ul li{position: relative;border-bottom:1px solid #a4a6aa;margin-bottom: 5%;line-height: 35px;}
.message ul li span{float: left;color: #414141}
.message ul li input{width: calc(100% - 90px);float: left;background: transparent;border:0px;height: 35px;line-height: 35px;}
.tip{font-size: 12px;color: #f80000}

.subbtn{width: 90px;height: 30px;line-height: 30px;margin:5% auto;text-align: center;background:#00913a;color:#fff;border:0px;display: block;}
.contact_top li{width: 49%;float: left;}
.contact_top li:nth-child(2){float: right;}
.contact_top_tit {font-size: 14px;color: #333232;display: block;text-align: center;margin:2% 0 5%;}
.contact_top_des {font-size: 12px;color: #333232;display: block;line-height: 1.7;text-align: center;}
.contact_img{display: block;margin:0 auto;}
.contact_top {padding:10% 0 7%}
.contact_map iframe{width: 100%;height: 450px}

.contact_bot li{width:100%;float: left;padding:5%;box-shadow: 0 0 24px rgba(0,0,0,0.1);height: 230px;background: #fff}
.contact_bot li:nth-child(3){margin-right: 0}
.contact_bot_tit {font-size: 20px;color: #333232;line-height: 40px;margin-bottom:5%;}
.contact_bot_info{font-size: 14px;color: #525252;display: block;line-height: 27px;padding-left: 35px;}
.contact_bot_infoo{font-size: 14px;color: #525252;display: block;line-height: 23px;margin-bottom: 13px;}
.contact_bot_tel{background: url('../images/c_tel.jpg') no-repeat center left;padding-left: 35px;margin-bottom: 13px;height:35px}
.contact_bot_email{background: url('../images/c_email.jpg') no-repeat center left;padding-left: 35px;margin-bottom: 13px;height:35px}
.contact_bot_emaill{background: url('../images/c_dizi.jpg') no-repeat top left;padding-left: 35px;height:35px}

.contact_bot{padding: 7% 0 10%}

.scrollbox{ width: 100%; margin: 0 auto; overflow: hidden; padding: 10px;position: relative;z-index: 1; }
#scrollDiv{width:100%;height:309px; overflow:hidden;}/*这里的高度和超出隐藏是必须的*/
#scrollDiv li{height:90px; width:100%; padding:0 10px;background:url(ico-4.gif) no-repeat 10px 23px; overflow:hidden; vertical-align:bottom; zoom:1;}
#scrollDiv li h3{ height:24px; padding-top:8px; font-size:14px; color:#353535; line-height:24px; }
#scrollDiv li h3 a{color:#353535; text-decoration:none}#scrollDiv li h3 a:hover{ color:#F00}
#scrollDiv li div{ height:36px;  color:#666; line-height:18px; overflow:hidden}
#scrollDiv li div a{ color:#416A7F; text-decoration:none}

.scroltit{ height:26px; line-height:26px; padding-bottom:4px; margin-bottom:4px;}
.scroltit h3{ width:100px; float:left;}
.scroltit .updown{float:right; width:32px; height:22px; margin-left:4px}
#but_up{ background:url(images/up.gif) no-repeat 0 0; text-indent:-9999px}
#but_down{ background:url(images/down.gif) no-repeat 0 0; text-indent:-9999px}