@charset "utf-8";

@media screen and (max-width: 1199px) {
    .cms_case4 li{ width:30%;margin:  1.665%;}
    .cms_case4 li.ite_0{ margin-right: 1.665%;}
    .cms_case5 ul{ width: 102%;}
    .cms_case5 li{ width: 48%;margin: 10px 2% 10px 0;}
    .cms_case6 ul,.cms_case7 ul{ width: 102%;}
    .cms_case6 li,.cms_case7 li{ width: 48%;margin: 1% 2% 1% 0;}
    .cms_case8 .wall-column { width: 33.333%;}
    .cms_case9 li{ width: 33.33%;}
}

@media screen and (max-width: 992px) {
    .cms_case18_search{padding:0px;}
    .cms_case18_search>form{padding:25px;}
    .cms_case18_search button.cms_case18_search_btn{right:25px;top:25px;}
    .cms_case18_menu>dd{clear:both;}
    .cms_case18_comm_content{margin:0px 10px 0px 10px;}

}

@media screen and (max-width: 768px) {
    .cms_case2 li .thumb{ padding-top: 75%;}
    .cms_case3 li{ width: 50%;}
    .cms_case4 li{ width:48%;margin:  2% 4% 2% 0;}
    .cms_case4 li.ite_0,.cms_case4 li.ite_2{ margin-right: 0;}
    
    
    
    #cms_feedback .cms_tr{ padding-left: 0;}
    #cms_feedback .cms_title{ position: relative;left: 0;top: 0;height: 40px;line-height: 40px;width: 110px;text-align: left;font-size: 1.1em;}
    #cms_feedback .cms_init{ max-width: 100%;position: relative;}
    #cms_feedback .cms_tr.captcha .cms_init{ max-width: 100%;}
    .cms_case8 .wall-column { width: 50%;}
    .cms_case9 li{ width: 50%;}
    .cms_case10 ul{ width: 104%;}
    .cms_case10 ul li{ width: 46%;margin: 0 4% 0 0;position: relative;margin-bottom: 4%;}
    .cms_case11 li{ height: 180px; }
    .cms_case11 li .thumb{ width: 240px;height:180px;}
    .cms_case11 li .item_con .item_day{font-size:12px;}
    .cms_case11 li .item_con .item_day>span{font-size:12px;color:#4a4a4a;}
    .cms_case11 li .item_con .item_year{font-size:12px;}
    .cms_case11 li .item_con .item_tit{padding-top:5px;}
    .cms_case11 li .item_more{ padding-top: 10px; }
    .cms_case11 li .item_more a{font-size:12px;}
    .cms_case11 li.even{ padding: 0 20px 0 260px;}
    .cms_case11 li.odd{ padding: 0 260px 0 20px;}
    .cms_case13 li .item_init{ height: 180px;padding:0 370px 0 0px; }
    .cms_case13 li .thumb{ width: 359px;}
    .cms_case13 li .item_more{ padding-top: 10px; } 
    .cms_case13 li .item_con .item_tit span{float: none;}
    .cms_case13 li .item_con p.reset{margin-top: 0px;}
    .cms_case13 li .item_con p, .cms_case13 li .item_con p a{font-size:12px;height:8.6em;}
    .cms_case14 li{  width: 100%;margin-left: 0%;margin-bottom: 25px; }
    .cms_case15 li{ position: relative; width: 47%;margin: 0 1.5%;margin-bottom: 3%; }

    
    .cms_case18_search input.search{width:100%;}
    .cms_case18_menu{padding-bottom:25px;border-bottom:1px #877162 dotted;margin: 0px 25px;}
    .cms_case18_menu>dt{display:none;}
    .cms_case18_menu>dd{float:none;}
    .cms_case18_menu>dd li{width:87%;margin:1% 6.5%;padding:0;float:left;}
    .cms_case18_menu>dd li>span{display:block;float:right;width:16px;height:16px;margin-top:4px;background: url(../images/home/add_icon.png) no-repeat center;background-size: cover}
    .cms_case18_menu>dd li.on>span{background-image: url(../images/home/reduce_icon.png)}
    .cms_case18_menu>dd ul{margin-left: 0px;}
    .cms_case18_menu>dd li>ul{display: none;}
    .cms_case18_menu>dd li.on>ul{display: block;}
    .cms_case18_menu>dd>ul>li>ul>li{width:auto;margin:1% 0.5%;}
    .cms_case18_menu>dd>ul>li>a{font-size:14px;line-height:24px;display:inline-block;}
    .cms_case18_menu>dd>ul>li>ul>li>a{font-size:12px;border:1px #656565 solid;line-height:24px;display:inline-block;padding:0px 10px;}
    .cms_case18_menu>dd li.current>a{color:#877162;}
    .cms_case18_title{ font-size: 14px;line-height: 24px; margin: 5px;padding:5px 0px;min-height:50px;}
    .cms_case18_title>span{font-size: 12px;}
    ul.cms_case18{margin:25px 0px;padding:0px 20px;width:100%}
    .cms_case18 li{ width: 50%;}
    .cms_case18 li .thumb{margin:0px 5px 5px 5px;}
    .product_box_content{min-height: auto}

}


@media screen and (max-width: 548px) {
    .cms_case2 li{ width: 100%;margin: 4% 0;}
    .cms_case2 li .thumb{ /*padding-top: 50%;*/}
    .cms_case3 li{ width: 49%;margin-right: 2%;}
    .cms_case3 li:nth-of-type(3n){margin-right: 2%;}
    .cms_case3 li:nth-of-type(2n){margin-right:0%;}
    .cms_case3 li .thumb{ margin-right: 0;}
    .cms_case4 li{ width:100%;margin:  2% 0 2% 0;}
    .cms_case4 li.ite_0,.cms_case4 li.ite_2{ margin-right: 0;}
    .cms_case5 ul{ width: 100%;}
    .cms_case5 li{ width: 100%;margin: 2% 0%;}
    .cms_case6 ul,.cms_case7 ul{ width: 100%;}
    .cms_case6 li,.cms_case7 li{ width: 100%;margin: 2% 0%;}
    .cms_case8 .wall-column { width: auto;float: none;padding: 2% 0;}
    .cms_case9 li{ width: 100%;}
    .cms_case10 ul{ width: 100%;}
    .cms_case10 ul li{ width: 100%;margin-bottom: 4%;}
    .cms_case11 li{ height:auto; }
    .cms_case11 li .thumb{ width: 100%;height: 180px;}
    .cms_case11 li .item_con{margin-top:190px;}
    .cms_case11 li .item_con .item_day,.cms_case11 li .item_con .item_year{display: none;}
    .cms_case11 li .item_more{text-align:right}
    .cms_case11 li .item_con p{text-align:left}
    .cms_case11 li .item_con .item_tit{margin-top:20px;text-align:left}
    .cms_case11 li .item_more{ padding-top: 10px; }  
    .cms_case11 li .item_more a{font-size:12px;}
    .cms_case11 li.even{ padding: 20px 20px 20px 20px;}
    .cms_case11 li.odd{ padding: 20px 20px 20px 20px;}
    .cms_case12 li{ position: relative;padding-left: 0;margin-top: 5%;}
    .cms_case12 li .thumb{ position: relative;left: 0;top: 0;width: 100%;height:1px;overflow: hidden;padding-top: 50%;}
    .cms_case12 li .item_con,.cms_case12 li .item_info{ padding-right: 0;padding-left: 0;}
    .cms_case13 li{padding:4px;margin-bottom:4%;}
    .cms_case13 li .item_init{ height: auto;padding: 180px 15px 0 15px; }
    .cms_case13 li .thumb{ width: 100%;height: 180px;top: 0;}
    .cms_case14 li .item_init{ padding: 150px  0 0 0;  }
    .cms_case14 li .thumb{ width: 100%;}
    .cms_case14 li .item_con{ height: auto;  }
    .cms_case14 li .item_con .item_tit{ font-size: 1.2em;height: 2em; line-height: 2em;overflow: hidden;padding-top: 10px; }
    .cms_case14 li .item_con .item_tit span{font-size: 0.8em;}
    .cms_case14 li .item_con .item_tit a{ color: #000; }
    .cms_case14 li .item_con .item_tit a:hover{ color: #ff0000;}
    .cms_case14 li .item_con p{ line-height: 2em;max-height: 6em; overflow: hidden; }
    .cms_case14 li .item_more{ position: relative;left: 0; bottom: 0;margin-top: 10px; }
    .cms_case15 li{ position: relative; width: 100%;margin: 0 0%;margin-bottom: 3%; }
    .cms_case16 li .item_tit .fr{ display: none;}
    
}