body{font-family:Arial,'microsoft yahei',Helvetica, sans-serif; color: #8a8a8a; background-color: #fff;}
a{color: #8a8a8a;}
a:hover{color: #5b9e2b;}
header{ border-top:7px solid #5b9e2b;}
ul,li{list-style:none; margin: 0; padding: 0}
.fl{ float: left; display: inline-block; }
.fr{float: right; display: inline-block; }
.top_menu{font-size: 12px; color: #8B8C8B;  width: 100%;  height: 30px;}
.language{float: right;height: 30px; padding: 7px 10px 0px 10px; }
.language span{ color: #004099; }
.language span img{position: relative; top:-2px; margin-right: 3px;}
.language a{ padding: 0 7px; color: #aaaaaa; position: relative; }
.language a img{position: relative; top:-2px; margin-right: 3px;}

.main{ padding:30px 0px 10px 0px;}
.img-thumbnail:hover,.opacity_img:hover{opacity: 0.8;}

/*导航菜单*/
.navbar{ margin:0px; background-color:#fff; border: none;box-shadow: 0px 3px 4px rgba(0, 0, 0,0.1);}
#app_menudown{position: absolute; top:0px; right:0px; font-size: 16px;}
#app_menudown:hover{background-color: #004099;}

.banner{ text-align: center; background: #fff }
.banner img{ width: 100%; }
.banner .swiper-button-next{right:15%;}
.banner .swiper-button-prev{ left:15%; }

.m-banner{ text-align: center; background: #fff }
.m-banner img{ width: 100%; }


/*公司简介*/
.aboutus{margin-top: 70px;}
.aboutus .fl{ width: 42% }
.aboutus .fr{ width: 56% }
.aboutus .fl img{width: 100%; display: block; }
.aboutus h2{color: rgb(94, 94, 94);font-size: 24px;  padding-left: 10px;margin: 0px;text-transform: uppercase;}
.aboutus .about_contents{line-height: 30px; font-size: 14px;padding-left: 10px; margin-top: 7px; margin-bottom: 7px;  color: #646464;}
.aboutus .about_contents p{ margin: 0; text-align: left;}
.view-all a{display: inline-block;  border-radius:5px; background: #004099; color: #FFF; padding: 7px 10px; font-size: 14px; margin-left: 10px;}
.view-all a:hover,.view-all a:focus{text-decoration: none; color: #FFF; background:#5b9e2b  }
.ys ul{padding-left: 10px; padding-top: 20px;  }
.ys ul li{ float: left; display: inline-block; text-align: center; margin-right: 42px; }
.ys ul li:last-child{margin-right: 0;}
.ys span{ width: 46px; height: 46px; display: inline-block; margin: 0 auto; }
.ys .a1 a span{ background: url(../images/ico02.jpg) no-repeat top center; }
.ys .a1 a:hover span{ background: url(../images/ico02-h.jpg) no-repeat top center; }
.ys .a2 a span{ background: url(../images/ico03.jpg) no-repeat top center; }
.ys .a2 a:hover span{ background: url(../images/ico03-h.jpg) no-repeat top center; }
.ys .a3 a span{ background: url(../images/ico04.jpg) no-repeat top center; }
.ys .a3 a:hover span{ background: url(../images/ico04-h.jpg) no-repeat top center; }

/*首页产品*/
.index_product{margin-top:70px; }
.index_product h2{text-align: center;color: #373737;  line-height: 40px; font-size: 28px; margin: 0px; background: url(../images/line01.jpg) center 20px no-repeat; }
.index_product span{text-align: center;color: #a3a3a3;font-size: 12px; margin-top: 6px;   display: block;padding: 0px 0px 10px 0px;}
.index_product em{text-align: center;color: #a3a3a3;font-size: 12px; margin-top: 6px;   display: block;padding: 0px 0px 30px 0px;}

.product_list{clear: both; margin-bottom: 75px; overflow: hidden;}
.product_list ul{padding: 0;}
.product_list ul li{ float: left; width: 23%; display: inline-block; margin-right: 2.5%;position: relative; }
.product_list ul li:last-child{ margin-right: 0; }



.adv01{ background: url(../images/adv01.jpg) no-repeat top center; text-align: center; color: #FFF; padding: 15px 0 }
.adv01 h2{ font-size: 45px; font-weight: bold; }
.adv01 p{ font-size: 18px; }

.index_tearm{ background: #f1f1f1;padding-top:70px;  }
.index_tearm h2{text-align: center;color: #373737;  line-height: 40px; font-size: 28px; margin: 0px; background: url(../images/line02.jpg) center 20px no-repeat; }
.index_tearm span{text-align: center;color: #a3a3a3;font-size: 12px; margin-top: 6px;   display: block;padding: 0px 0px 10px 0px;}
.index_tearm em{text-align: center;color: #a3a3a3;font-size: 12px; margin-top: 6px;   display: block;padding: 0px 0px 30px 0px;}

.tearm_list{clear: both; padding: 20px 0px 0px 0px;margin-right: -45px;margin-left: -45px; font-size: 14px;}
.tearm_img{ padding: 0 45px; text-align: center; }
.tearm_img img{margin-right: auto;margin-left: auto;display: block;max-width: 100%;height: auto; margin-bottom: 10px;  max-height: 280px;}
.tearm_img a:hover{text-decoration: none;}
.tearm_img a:hover img{ border: 2px solid #5b9e2b; }
.tearm_img a h3 { color: #5f5f5f;font-size: 16px; }
.tearm_img a:hover h3 { color: #5b9e2b; }
.tearm_img p{ color: #959595;text-align: left;  }
.tearm_img a .more {display: inline-block;  background: #7c7c7c; color: #FFF; padding: 5px 10px; font-size: 14px; }
.tearm_img a:hover .more{text-decoration: none; color: #FFF; background:#5b9e2b  }

.adv02{clear: both; padding: 70px 0px 70px 0px;margin-right: -16px;margin-left: -16px; font-size: 14px; overflow: hidden;}
.adv_img{padding: 0 18px;}
.adv_img img{margin-right: auto;margin-left: auto;display: block;max-width: 100%;height: auto; margin-bottom: 10px;transition: all 0.6s; }
.adv_img img:hover{ box-shadow: 5px 10px 10px grey; }

.index_news{ background: #FFF; padding-top:70px; padding-bottom: 65px;text-align: center; }
.index_news h2{text-align: center;color: #373737;  line-height: 40px; font-size: 28px; margin: 0px; background: url(../images/line03.jpg) center 20px no-repeat; }
.index_news span{text-align: center;color: #a3a3a3;font-size: 12px; margin-top: 6px;   display: block;padding: 0px 0px 10px 0px;}
.index_news em{text-align: center;color: #a3a3a3;font-size: 12px; margin-top: 6px;   display: block;padding: 0px 0px 30px 0px;}

.news-menu{ padding: 0; text-align: center;color: #373737;  line-height: 40px; font-size: 28px; margin: 0px; background: url(../images/line03.jpg) center 20px no-repeat; }
.news-menu li { display: inline-block; padding: 0 10px; position: relative;}
.news-menu li:first-child:after{ content: '│'; width: 1px; height: 40px; position: absolute; right: 0; top:0; color: #b7b7b7;}
.news-menu li a {display: block;color: #b7b7b7;text-align: center;}
.news-menu li a:hover{text-decoration: none;}
.news-menu li.active a { color: #004099; text-decoration: none; }
.news-con .swiper-slide ul{ padding-left: 0; padding-bottom: 30px; }
.news-con .swiper-slide ul li{float: left; display: inline-block; width: 32%;  margin-right: 2%; background: #f3f3f3; border-radius: 8px; }
.news-con .swiper-slide ul li:last-child{margin-right: 0;}
.news-con .swiper-slide ul li .tit{ height: 84px; margin-top: -15px;  }
.news-con .swiper-slide ul li .tit span{ background:#5b9e2b; color: #FFF; float: left; display: inline-block; font-size: 16px; text-align: center; width: 100px; border-radius: 8px 0 0 0; padding: 10px; }
.news-con .swiper-slide ul li .tit span i{ display: block; font-style: normal; margin-bottom: 8px; font-size: 26px; border-bottom: 1px solid #FFF; }
.news-con .swiper-slide ul li a .tit h4{ color: #4e4e4e; position: relative;top:5px; margin-left: 110px; padding-right: 15px; font-size: 20px; padding-top: 10px; line-height: 25px;  }
.news-con .swiper-slide ul li a:hover .tit h4{ color: #5b9e2b; text-decoration: underline; }
.news-con .swiper-slide ul li .news_img{ padding: 25px 0 0px; }
.news-con .swiper-slide ul li .news_img img{margin-right: auto;margin-left: auto;display: block;max-width: 100%;height: auto; margin-bottom: 10px;  max-height: 280px;}
.news-con .swiper-slide ul li a .desc{ padding:0 15px ; color: #6d6c6c; line-height: 25px; }
.news-con .swiper-slide ul li a:hover{text-decoration: none;}
.news-con .swiper-slide ul li a .more {display: inline-block; margin-top: 10px;  background: #7c7c7c; color: #FFF; padding: 5px 10px; margin-left: 15px; margin-bottom:25px; font-size: 14px; }
.news-con .swiper-slide ul li a:hover .more{text-decoration: none; color: #FFF; background:#5b9e2b  }


.position{line-height: 30px; margin: 20px auto;}
.ny .fl{ width: 271px;border-left: 1px solid #ebebeb; background: url(../images/leftbg.jpg) no-repeat right top; }
.ny .fr{ width: 880px;border-right: 1px solid #ebebeb; }

.left_nav{ clear: both; width: 250px; margin-left: 20px;}
.left_nav h2{ font-size: 18px; border-bottom: 1px solid #e0e0e0; color: #464646; line-height: 45px; margin: 0; }
.cateary{ margin-top: 20px; border-bottom: 1px dashed #e6e6e6; }
.cateary ul li{position:relative; }
.cateary ul li  a{ color:#5f5f5f; background:url(../images/leftnav.jpg) no-repeat; line-height: 38px; display: block; padding-left: 30px;}
.cateary ul li  a:hover,.cateary ul li a.active{color:#FFF; background:url(../images/leftnav-h.jpg) no-repeat; text-decoration: none;}

.contacts{ clear: both; width: 250px; margin-left: 20px;}
.contacts h2{ font-size: 18px;  color: #464646; line-height: 45px; margin: 0; padding-top: 15px; }
.contacts .tel{ border: 1px solid #e0e0e0; color: #8a8a8a; width: 228px; height: 100px;margin-bottom: 15px; font-size: 14px; }
.contacts .tel span{ padding-left: 16px; display: block; }
.contacts .tel span:first-child{ padding-top: 14px; }
.contacts .tel span i{font-style: normal; color: #00c4f4;}
.contacts .tel b{ font-size: 24px; display: block; color: #004099; font-weight: bold;padding-left: 16px; }
.contacts p{ line-height: 35px; color: #8a8a8a;}

.list-1{clear: both; overflow: hidden;}
.list-1 ul{padding-left: 10px;}
.list-1 ul li{ float: left; width: 32.5%; margin-bottom: 20px;text-align: center; display: inline-block; margin-right: 1%;position: relative; }
.list-1 ul li img{ border: 1px solid #ccc;max-width: 98%; }
.list-1 ul li img:hover{ border: 1px solid #5b9e2b; }

.list-2{ width: 98%; margin: 0 auto; }
.list-2 dl{ height: auto; overflow: hidden; border-bottom:1px solid #ebe9e9; padding: 0px 15px 15px 0;  }
.list-2 dl dt{ float: left; width: 30%; }
.list-2 dl dd{ float: right; width: 67%; }
.list-2 dl dd h3{ font-size: 18px; font-weight: bold; margin: 0; }
.list-2 dl a dd .date{ padding:5px 0; font-size: 14px;color: #8a8a8a; }
.list-2 dl a dd p{ font-size: 14px; line-height: 25px; color: #8a8a8a; }
.list-2 dl a dd .more { width: 70px; height: 30px;  background: #7c7c7c; line-height: 30px; text-align: center; color: #FFF;  }
.list-2 dl a:hover dd .more{text-decoration: none; color: #FFF; background:#5b9e2b  }
.list-2 dl a dt img{ max-width: 100%;border: 1px solid #ccc; }
.list-2 dl a:hover dt img{ border: 1px solid #5b9e2b; }

.list-3{ width: 98%; margin: 0 auto; }
.list-3 dl{ height: auto; overflow: hidden; border-bottom:1px solid #ebe9e9; padding: 0px 15px 15px 0;  }
.list-3 dl dd{  width: 100%; }
.list-3 dl dd h3{ font-size: 18px; font-weight: bold; margin: 0; }
.list-3 dl dd .date{ padding:5px 0; font-size: 14px; }
.list-3 dl dd p{ font-size: 14px; line-height: 25px; }
.list-3 dl dd .more a{ padding: 5px 10px;  background: #7c7c7c; line-height: 37px; text-align: center; color: #FFF;  }
.list-3 dl dd .more a:hover,.list-3 dl dd .more a:focus{text-decoration: none; color: #FFF; background:#5b9e2b  }
.list-3 dl dt img{ width: 100%; }

.info{ font-size: 14px; line-height: 25px; margin:15px; color: #464646;}
.info h1{ text-align: center; font-size: 20px;  }
.info .date{ text-align: center; padding-bottom: 20px; color: #8a8a8a; font-size: 12px; }
.info p{ margin: 0;padding: 0 }
.info .more{ margin: 20px auto; width: 137px; height: 37px; }
.info .more a{ width:137px; height: 37px; display: block; background: #5b9e2b; line-height: 37px; text-align: center; color: #FFF; border-radius: 6px;  }
.info img{ max-width: 100%; }
.info .page{line-height: 25px;}


/*分页样式*/
.pages{clear:both; margin:0px 0px 20px 0px; text-align: center;}
.pages span,.pages a {display: inline-block; font-family: Arial; font-size: 13px; border: #dbdbdb 1px solid; padding:4px 9px; margin: 2px; margin-bottom: 5px; color: #31363c; text-decoration: none}
.pages a:hover,.pages a:focus{font-family: Arial;font-size: 13px;border: #000 1px solid; padding:4px 9px;color: #fff; background-color: #31363c;}
.pages select,.pages span:first-child{ display: none; }



/*底部信息*/
footer{ background: #202020; color:#9e9e9e; padding:50px 0px 0px 0px; font-size:14px;}
.foot{  }
.foot .fnav{ width: 750px; }
.foot .fnav h3{ font-size: 18px; margin: 0; margin-bottom: 15px; color: #FFF; }
.foot .fnav dl{ float: left; display: inline-block; margin-right: 20px; text-align: left; font-size: 13px; }
.foot .fnav dl:last-child{margin-right: 0;}
.foot .fnav dl dt{ margin-bottom: 10px; }
.foot .fnav dl dt a{ color: #FFF; }
.foot .fnav dl dt a:hover{ color: #5b9e2b; }
.foot .fnav dl dd a{ display: block; line-height: 27px; }
.foot .fnav dl dd a:hover{ color: #5b9e2b; }
.foot .wx{ text-align: center; padding-top: 10px; float: left; }
.foot .wx p{ margin-top: 35px; }
.foot .contact{ color: #FFF; width: 200px; margin-left: 32px; float: right; } 
.foot .contact h3{ font-size: 18px; margin: 0; margin-bottom: 15px; }
.foot .contact p{ line-height: 35px;border-bottom: 1px solid #2c2c2c; padding: 0}
.foot .contact p:last-child{ border-bottom: 0; }
.foot .contact p span{display: inline-block; margin-right: 10px; }
.foot .contact p b{ font-size: 24px; font-weight: bold; }
.links{ line-height: 63px; border-top: 1px solid #373737; color: #FFF;margin-top: 30px; }
.links a{ color: #FFF; }
.links a:hover{ color: #5b9e2b; }
.copyright{ line-height:60px; text-align: center; border-top: 1px solid #373737;}
.copyright span{ display: inline-block; }


.kefu{position:fixed;right:-170px;top:50%;z-index:98800;}
.kefu li a{text-decoration:none; color: #FFF;}
.kefu li{margin-top:1px;clear:both;height:71px;position:relative;}
.kefu li i{background:url(../images/fx.png) no-repeat;display:block;width:30px;height:27px;margin:0 auto;text-align:center;}
.kefu li p{height:20px;font-size:14px;line-height:20px;overflow:hidden;text-align:center;color:#fff;margin: 0;}
.kefu .kefu-qq i{background-position:4px 5px;}
.kefu .kefu-tel i{background-position:0 -21px;}
.kefu .kefu-liuyan i{background-position:4px -53px;}
.kefu .kefu-weixin i{background-position:-34px 4px;}
.kefu .kefu-weibo i{background-position:-30px -22px;}
.kefu .kefu-ftop{display:none;}
.kefu .kefu-ftop i{width:33px;height:35px;background-position:-27px -51px;}
.kefu .kefu-left{float:left;width:77px;height:47px;position:relative;}
.kefu .kefu-tel-right{font-size:16px;color:#fff;float:left;height:24px;line-height:22px;padding:0 15px;border-left:1px solid #fff;margin-top:14px;}
.kefu .kefu-right{width:20px;}
.kefu .kefu-tel-main{background:#5b9e2b;color:#fff;height:71px;width:247px;padding:9px 0 6px;float:left;}
.kefu .kefu-main{background:#5b9e2b;width:97px;height:71px;position:relative;padding:9px 0 6px;float:left;}
.kefu .kefu-weixin-pic{position:absolute;left:-130px;top:-24px;display:none;z-index:333;}
.kefu-weixin-pic img{width:115px;height:115px;}

/*大屏幕*/
@media screen and (min-width: 769px) {
      .logo{max-height: 76px; max-width:280px; margin-top: 5px;}
 
      .navbar{min-height: 76px;}
      .navbar-nav{float:right; margin-right:-15px;}
      .navbar-nav > li > a { text-align: center;  }
      .navbar-default .navbar-nav > li > a{padding-top: 18px; padding-bottom:38px;color: #000000;text-transform: uppercase;}
      .navbar-default .navbar-nav > li > a:hover {background: url(../images/navbg.jpg) no-repeat center 50px; color: #000000;}
      .navbar-default .navbar-nav > li > a:focus,
      .navbar-default .navbar-nav > .active > a,
      .navbar-default .navbar-nav > .active > a:hover,
      .navbar-default .navbar-nav > .open > a,
      .navbar-default .navbar-nav > .open > a:hover,
      .navbar-default .navbar-nav > .open > a:focus {background: url(../images/navbg.jpg) no-repeat center 50px; color: #000000;}
      .navbar-default .navbar-nav-c > li > a{font-size:14px;font-family:'microsoft yahei';}

      .small-nav{min-height: 60px; background: #747474; margin-top: 0px;}
      .small-nav .navbar-nav > li > a{padding-top: 20px; padding-bottom:20px;}
      .small-nav img.logo{max-height: 50px; margin-top:10px; max-width:220px; }

      .nav_small{ background:#747474; padding: 0px 0px 0px 0px; border: none; box-shadow: none; min-width: 135px; }
      .nav_small > li{text-align: left; border-bottom: 1px solid #e9e9e9;}
      .nav_small > li > a{line-height:26px; color: #FFF; padding-left:28px; padding-right:28px; }
      .nav_small > li > a:hover{color: #fff; background-color: #004098;}
      #app_menudown{ display:none; }

      .m-banner{ display: none; }
      .product_list ul li img{display: block;width: 270px;margin-bottom: 10px;  height: 270px;}
      .product_list h3{height: 46px;text-align: center;  background:rgba(0,0,0,0.6); position: absolute; bottom: 0px; left: 0; width: 270px; line-height: 46px; font-size: 20px;}
      .product_list a h3 i{ font-style: normal; color: #FFF; }
      .product_list a:hover h3 i{position: relative; top:110px; background: #5b9e2b; padding: 5px 8px; }
      .product_list ul li a:hover h3{ top:-19px; height: 270px; }

      .list-1 ul li:nth-child(3n){ margin-right: 0; }
      .list-1 ul li p{ line-height: 30px;  }
      .list-1 ul li p a{color:#343434;}
      .list-1 ul li p a:hover{ color: #5b9e2b; }
}

/*小屏幕*/
@media screen and (max-width: 768px) {
      .navbar{}
      .navbar-default .navbar-brand {color: #fff;}
      .navbar-default .navbar-brand:hover,
      .navbar-default .navbar-brand:focus {color: #fff;}
      .navbar-toggle{border-color: #ccc;}
      .navbar-default .navbar-collapse, .navbar-default .navbar-form{border:1px solid #ddd;}
      .navbar-default .navbar-toggle:hover,
      .navbar-default .navbar-toggle:focus {
        background: none;
      }
      .navbar-default .navbar-toggle .icon-bar{background-color: #ccc;}
      .navbar-default .navbar-nav{margin-top: 0px;margin-bottom: 0px;}
      .navbar-default .navbar-nav > li {}
      .navbar-default .navbar-nav > li:last-child{border: none;}
      .navbar-default .navbar-nav > li > a,
      .navbar-default .navbar-nav .open .dropdown-menu > li > a{color: #5e5e5e;}
      .navbar-default .navbar-nav > li > a:hover,
       .navbar-default .navbar-nav > li > a:focus,
       .navbar-default .navbar-nav > .active > a, 
       .navbar-default .navbar-nav > .active > a:hover, 
       .navbar-default .navbar-nav > .active > a:focus,
       .navbar-default .navbar-nav > .open > a, 
       .navbar-default .navbar-nav > .open > a:hover, 
       .navbar-default .navbar-nav > .open > a:focus,
       .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover{
        background-color: #004099; color: #fff;}
       .small-nav{background: rgba(255,255,255,0.9); margin-top: 0px;}

      .language{ text-align: right; padding-right: 0; }
      .logo{margin:8px 0px 0px 7px; max-width:180px; max-height: 50px;}
      .banner{ display: none; }
      .aboutus{margin-top:25px;}
      .aboutus .fl{ width: 100%;  float: none; text-align: center; display: block; }
      .aboutus .fr{ width: 100%;float: none; }
      .aboutus{text-align: center;}
      .aboutus h2{background-image: none; padding-left: 0px; font-size: 18px; margin-top: 30px;}
      .aboutus p{padding-left: 0px;}
      .view-all{margin-left: 0px; margin-top: 10px;}
      .ys{ text-align: center; }
      .ys ul li{ float: none; }
      .adv01 h2{ font-size: 20px; font-weight: bold; }
      .adv01 p{ font-size: 12px; }


      .index_product{margin-top: 30px;}
      .product_list{ margin-bottom: 15px; }
      .product_list ul li{ float: left; width: 48.5%; display: inline-block; text-align: center; margin-bottom: 15px; margin-right: 3%;position: relative; }
      .product_list ul li:nth-child(2n){margin-right: 0;}
      .product_list ul li img{ max-width: 100%; max-height: 100%; }
      .product_list h3{ margin-top: 8px; font-size: 16px; }
      .product_list h3 i{ font-style: normal; }

      .tearm_list{ margin-right: 0px;margin-left: 0px; }
      .tearm_list a h3{ font-size: 14px; }
      .tearm_img{ padding: 0 4% 0 2%; margin:0px; text-align: center; margin-bottom: 25px; width: 49%; float: left; }
      .tearm_img:nth-child(2n){margin-right: 0;}
      .adv02{ padding: 20px 0px 30px 0px;}

      .index_news{  padding-bottom: 0px; }
      .news-menu li { display: inline-block; padding: 0 5px; position: relative; font-size: 18px;}
      .news-con .swiper-slide ul li{float: none; display: inline-block; width: 100%; margin-bottom: 25px;  margin-right: 0%; background: #f3f3f3; border-radius: 8px; }

      .foot .fnav{ width: 100%; }
      .foot .fnav dl{ width: 33.3%; margin-right: 0; }
      .foot .fr{ width: 100%; float: none; }
      .foot .wx{ width: 40%; }
      .foot .wx p{ margin-top: 10px; }
      .foot .contact{ width: 50%;  }
      .foot .contact p{ line-height: 20px;} 
      .foot .contact p b{font-size: 16px;}  
      .links{ line-height: 25px; padding: 15px 10px;}
      .copyright{ line-height: 20px; padding: 15px 0px;}
      .copyright span{display: block; }
      .kefu{display: none;}

       .ny .fl{display: none;}
       .ny .fr{ float: none; width: 100%; }
       
       .list-1 ul li{  width: 47%; display: inline-block; text-align: center; margin-bottom: 15px; margin-right: 3%;position: relative; }
       .list-1 ul li:nth-child(2n){margin-right: 0;}
       .list-1 ul li img{ max-width: 100%; max-height: 100%; }
     
      .list-2 dl{ padding: 15px; margin-right: 0;  }
      .list-2 dl dt,.list-2 dl dd{ float: none; width: 100%; }
      .list-2 dl dd{ padding-top: 20px; }

      .list-3 dl{ padding: 15px; margin-right: 0;  }
      .list-3 dl dd{ float: none; width: 100%; }
      .list-3 dl dd{ padding-top: 0px; }


}

@media screen and (max-width: 767px) {
     .copyright_p{ display:none;}
}

/*370px到768px*/
@media screen and (min-width:370px) and (max-width:768px) {
  .col-mm-1, .col-mm-2, .col-mm-3, .col-mm-4, .col-mm-5, .col-mm-6, .col-mm-7, .col-mm-8, .col-mm-9, .col-mm-10, .col-mm-11, .col-mm-12 {
    float: left;
  }
  .col-mm-12 {
    width: 100%;
  }
  .col-mm-11 {
    width: 91.66666667%;
  }
  .col-mm-10 {
    width: 83.33333333%;
  }
  .col-mm-9 {
    width: 75%;
  }
  .col-mm-8 {
    width: 66.66666667%;
  }
  .col-mm-7 {
    width: 58.33333333%;
  }
  .col-mm-6 {
    width: 50%;
  }
  .col-mm-5 {
    width: 41.66666667%;
  }
  .col-mm-4 {
    width: 33.33333333%;
  }
  .col-mm-3 {
    width: 25%;
  }
  .col-mm-2 {
    width: 16.66666667%;
  }
  .col-mm-1 {
    width: 8.33333333%;
  }
  .product_img,.product_list2 div.product_img{min-height: 270px;}
}
@media screen and (min-width:371px) and (max-width:400px) {
  .product_img,.product_list2 div.product_img{min-height: 230px;}
}
@media screen and (min-width:250px) and (max-width:370px) {
  .product_img,.product_list2 div.product_img{min-height: 350px;}
}