@media(max-width:900px){
body{ margin:0px;background:url(images/di.jpg) no-repeat center 150px/200% auto;font-size:14px; color:#666; line-height:24px; font-family:"微软雅黑";}

#top0{ width:100%; margin:0 auto; overflow:hidden;}
#search{ float:left; background:#f1f1f1; overflow:hidden; display:none;}
#search input{ height:50px; background:none; width:340px; float:left; text-indent:30px;}
#search button{ width:80px; height:50px; background:url(images/search.png) no-repeat center /auto 100%; cursor:pointer;}

#top_contact{ color:#999; line-height:2rem; background:#eee; text-align:right; padding-right:0.8rem; font-size:0.7rem; }
#top_contact span{ padding:0 10px; color:#ccc;}
#top_contact a{ color:#999;}
#top_contact a:hover{ text-decoration:underline;}

#top{ width:100%; margin:0 auto; overflow:hidden;}
#logo{ float:left; padding-left:1rem;}
#logo img{ height:3rem;}
#hotline{ float:right; display:none;}
#mbtn{ float:right; cursor:pointer;}
#mbtn img{ height:3rem;}

#menu{ width:100%; height:100%; background:rgba(0,0,0,0.8); overflow:hidden; position:fixed; left:0; top:0; z-index:50; display:none;}
#menu ul{ width:60%; background:#fff; overflow:scroll; height:100%; float:left; transition:all 0.5s; margin-left:-60%;}
#menu ul li{ border-bottom:solid 1px #eee;}
#menu ul li a{ display:block; line-height:4rem; color:#000; font-size:1rem; text-align:center;}
#menu ul li a.ait{ background:url(images/down.png) no-repeat 90% center/auto 18px;}
#menu ul li a.ait:hover{ color:#ea0012; background:url(images/down1.png) no-repeat 90% center/auto 18px;}
#menu ul li a:hover{ background:#1b4b4e; color:#fff;}
#close{ width:4rem; height:4rem; float:left; background:#009546;}
#close img{ width:100%;}

#menu ul li .zmenu{ background:#f7f7f7; display:none;}
#menu ul li .zmenu p { border-top:solid 1px #eee;}
#menu ul li .zmenu p a{ line-height:3rem; font-size:0.8rem; text-align:center;}





/*banner*/
.swiper-container {
      width: 100%;
      margin-left: auto;
      margin-right: auto;
    }
 .swiper-slide {
      text-align: center;
      font-size: 18px;
      background: #fff;

      /* Center slide text vertically */
      display: -webkit-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      -webkit-justify-content: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      -webkit-align-items: center;
      align-items: center;
    }
.swiper-slide{ overflow:hidden;}
.swiper-slide img{ width:140%; margin-left:0%;}
.swiper-button-next{ display:none}
.swiper-button-prev{ display:none}

#change_btn{ width:100%; position:absolute; margin:-330px 0 0 0; z-index:10; display:none;}


#ind_news{ width:100%;  overflow:hidden; margin-bottom:2rem;}
#ind_news .tt{ width:100%; text-align:center; overflow:hidden;margin-top:3rem;}
#ind_news .tt p.a1{ font-size:1.4rem; font-family:Arial, Helvetica, sans-serif; font-weight:900; line-height:1.4rem; color:#000; text-transform:uppercase;}
#ind_news .tt p.a2{ font-size:1.4rem;  font-weight:900; line-height:1.6rem; color:#fff;}

#ind_news_list{ width:90%; margin:36px auto 0 auto; overflow:hidden;}
#ind_news_list ul{ width:100%; margin:0 auto;}
#ind_news_list ul li{ width:100%; padding-bottom:1.5rem;}
#ind_news_list ul li a{ display:block;}
#ind_news_list ul li a p.a1{ overflow:hidden;}
#ind_news_list ul li a p.a1 img{ width:100%; transition:all 0.5s;}
#ind_news_list ul li a p.a2{ font-size:1rem; white-space:nowrap; color:#000; line-height:2rem; text-overflow:ellipsis; overflow:hidden;}
#ind_news_list ul li a p.a3{ padding:10px 0;font-size:13px; border-bottom:solid 1px #eee; border-top:solid 1px #eee; color:#666; line-height:24px;}
#ind_news_list ul li a p.a4{ line-height:1.2rem; color:#999; font-family:Arial, Helvetica, sans-serif;}

#ind_apply{ width:90%; margin:0 auto; overflow:hidden; border-top:solid 1px #eee; padding-top:1rem; padding-bottom:1rem;}
#ind_apply .left{ float:left;}
#ind_apply .left img{ width:100%;}
#ind_apply .right{ width:100%; float:right;}
#ind_apply .right .tt{ font-size:1.4rem; line-height:3rem; padding-top:1rem; color:#000;}
#ind_apply .right .con{ padding-top:0.5rem;}
#ind_apply .right .btn{ overflow:hidden; padding-top:1rem;}
#ind_apply .right .btn ul li{ float:left; margin:0 10px 10px 0;}
#ind_apply .right .btn ul li a{ display:block; border:solid 2px #009546; line-height:2.4rem; padding:0 1rem; color:#009546; font-size:1rem;}


#bottom{ width:100%; background:#009546; overflow:hidden; display:none;}


#bottom2{ width:100%; margin:0 auto; overflow:hidden; line-height:3rem; color:#333; font-family:Arial, Helvetica, sans-serif; background:#f7f7f7; text-align:center; font-size:0.6rem; padding-bottom:3rem;}
#bottom2 p{float:right; background:#005829; overflow:hidden; cursor:pointer; display:none;}

#mbottom{ width:100%; position:fixed; z-index:10; bottom:0; left:0; background:#009546;}
#mbottom ul li{ float:left; width:25%;}
#mbottom ul li a{ display:block; text-align:center; color:#fff; font-size:0.6rem; line-height:1rem; padding-top:0.4rem; padding-bottom:0.3rem;}
#mbottom ul li a img{ height:1.2rem; margin-bottom:0.1rem;}


#bread{ width:96%; margin:0 auto; overflow:hidden; background:#eee; line-height:1.8rem; color:#999; padding-right:4%; font-size:0.6rem; text-align:right; display:none;}
#bread a{ color:#999;}
#bread a:hover{ color:#009546;}

#pro_k{ width:100%; margin:0 auto; overflow:hidden; background:#fff; min-height:700px;}

#pro_menu{ float:left; width:100%; overflow:hidden; display:none;}
#pro_menu ul li{ border-bottom:solid 1px #eee;}
#pro_menu ul li a{ display:block; line-height:50px; text-indent:40px; color:#009546;}
#pro_menu ul li a:hover{ background:#009546; color:#fff;}

#pro_con{ width:100%; overflow:hidden;}
#pro_pic img{ width:100%;}
#title{ width:94%; line-height:60px; font-size:24px; color:#009546; margin:0 auto; padding-top:20px; border-bottom:solid 1px #eee;}

#pro_content{ width:94%; margin:20px auto 2rem auto; overflow:hidden;}
#pro_content img{ width:100%;}
#pro_content p.list{ overflow:hidden; width:90%;}
#pro_content p.list img{ width:30%; float:left; margin-right:3%;}

#news_k{ width:100%; margin:0 auto; overflow:hidden; background:#fff; min-height:700px;}
#news_k .pic{ overflow:hidden; width:100%;}
#news_k .pic img{ width:100%;}
#news_k .tt{ width:90%; margin:0 auto; overflow:hidden; line-height:60px; font-size:24px; color:#009546; padding-top:20px; border-bottom:solid 1px #eee;}
#news_k .news_list{ width:90%; margin:0 auto; overflow:hidden;}
#news_k .news_list ul li{ border-bottom:solid 1px #eee; overflow:hidden;}
#news_k .news_list ul li a{ display:block; padding:30px 0; overflow:hidden;background:url(images/line.jpg) no-repeat left bottom/0% 1px;}
#news_k .news_list ul li a img{ width:100%; }
#news_k .news_list ul li a div{width:100%;}
#news_k .news_list ul li a div p.a1{ color:#999; font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;}
#news_k .news_list ul li a div p.a2{ color:#e60213; font-size:16px; padding-top:20px;}
#news_k .news_list ul li a div p.a3{ color:#999; font-size:14px; padding-top:10px;}
#news_k .news_list ul li a div p.a4{ color:#009546; font-size:12px; padding-top:10px; text-decoration:underline;}
#news_k .news_list ul li a:hover{ background:url(images/line.jpg) no-repeat left bottom/100% 1px;}
#news_k .news_list ul li a:hover div p.a4{ color:#e60213;}

#page{ width:90%; margin:40px auto 70px auto; overflow:hidden; text-align:center;}
#page ul{ display:inline-block;}
#page ul li{ float:left; margin:0 0.1rem;}
#page ul li.num{ display:none;}
#page ul li a{ display:block; background:#f7f7f7; line-height:2.6rem; padding:0 1rem;}
#page ul li a:hover{ background:#009546; color:#fff;}
#page ul li a.it{ background:#e60213; color:#fff;}

#feedback{ width:90%; margin:2rem auto 1rem auto; overflow:hidden;}
#feedback .k{ width:100%;}
#feedback .k p{width:100%; margin-bottom:20px;}
#feedback .k p input{ height:40px; width:99%; border:solid 1px #eee; text-indent:10px;}
#feedback .k p.textarea{ width:100%;}
#feedback .k p.textarea textarea{ width:95%; border:solid 1px #eee; height:200px; padding:1rem 2%; font-family:"微软雅黑"}
#feedback .k p button{ background:#009546; width:48%; height:2.6rem; line-height:2.6rem; color:#fff; cursor:pointer; transition:all 0.5s;}

#news_k{ width:100%; margin:0 auto; overflow:hidden; background:#fff; min-height:700px;}
#news_k .news{ width:90%; margin:0 auto; overflow:hidden;}
#news_k .news ul li{ border-bottom:solid 1px #eee; overflow:hidden;}
#news_k .news ul li a{ display:block; padding:10px 0; overflow:hidden;background:url(images/line.jpg) no-repeat left bottom/0% 1px;}
#news_k .news ul li a div{ float:left;}
#news_k .news ul li a div p.a2{ font-size:16px;}
#news_k .news ul li a div p.a2 i{color:#e60213;}
#news_k .news ul li a:hover{ background:url(images/line.jpg) no-repeat left bottom/100% 1px;}














}