@charset "utf-8";
/* CSS Document */
body{ font-family:'Arial', 'Times New Roman' ,'microsoft YaHei'; }
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,form,input,button,textarea,p,blockquote,figure,span{margin:0;padding:0;}
ul li{list-style:none;}
a{ text-decoration:none; }
.pull-left{ float:left; }
.pull-right{ float:right; }
.clearfix {
  *zoom: 1;
}
.clearfix:before,
.clearfix:after {
  display: table;
  content: "";
  line-height: 0;
}
.clearfix:after {
  clear: both;
}
.hidden {
  display: none;
  visibility: hidden;
}
.visible-phone {
  display: none !important;
}
.visible-tablet {
  display: none !important;
}
.hidden-desktop {
  display: none !important;
}
.visible-desktop {
  display: inherit !important;
}

/*--------------------公共--------------------*/
.container{ width:1920px; margin:0 auto; }
.header{ width:100%; text-align:center; }
.header .logo{ margin:20px 0; }
.header .nav{ margin:20px 0; border-bottom:1px #dbdbdb solid; padding-bottom:20px; }
.header .nav > li{ display:inline-block; font-size:16px; width:110px; position:relative; }
.header .nav > li:last-child{ margin-right:0; }
.header .nav > li a{ color:#000; }
.header .nav > li a:hover{ color:#666; }
.header .nav > li .sub-nav{ position:absolute; min-height:45px; line-height:45px; vertical-align:middle; background:#fff; padding-top:20px; z-index:9999; display:none; }
.header .nav > li .sub-nav hr{ height: 1px; margin: 0px; border: none;border-bottom: 1px #dbdbdb solid; }
.header .nav > li .sub-nav01 .sub-sub-nav{ width:82%; font-size:15px; }
.header .nav > li .sub-nav01 .sub-sub-nav a{ display:inline-block; margin-right:20px; }
.header .nav > li .sub-nav02 .sub-sub-nav{ width:95%; font-size:15px; }
.header .nav > li .sub-nav02 .sub-sub-nav a{ display:inline-block; margin-right:20px; }


.footer{ width:100%; background:#100704; height:auto; text-align:center; color:#fff; font-size:12px; padding:50px 0; }
.footer div,
.footer p:first-child{ margin-top:18px; }
.footer p{ margin-top:8px; }
/*------------------分页---------------------*/
.pagination {clear:both;margin: 40px 10px 20px 10px;text-align: left; }
.pagination-centered {text-align: center;}
.pagination-right { text-align: right;}
.pagination ul {display: inline-block;*display: inline; margin-bottom: 0;margin-left: 0;*zoom: 1;vertical-align:top;}
.pagination ul > li {display: inline;}
.pagination ul > li > a,
.pagination ul > li > span {float: left; margin:0 3px;padding: 4px 9px;line-height: 20px;text-decoration: none; background-color: #ffffff; color:#351910; }
.pagination ul > .active > a,
.pagination ul > .active > span {color:#000; font-weight:normal;}
.pagination ul > .active > a,
.pagination ul > .active > a:hover,
.pagination ul > .active > span,
.pagination ul > .active > span:hover {color: #fff;cursor: default; background-color:#351910;}
.pagination ul > li.prev-page > a,
.pagination ul > li.prev-page > span,
.pagination ul > li.next-page > a,
.pagination ul > li.next-page > span{padding: 4px 15px;color:#333;background-color: #eee;}
.pagination ul > li.prev-page > a:hover,
.pagination ul > li.prev-page > span:hover,
.pagination ul > li.next-page > a:hover,
.pagination ul > li.next-page > span:hover{color:#000;background-color: #ddd;}
.pagination ul > li.disabled > span,
.pagination ul > li.disabled > span:hover,
.pagination ul > li.disabled > a,
.pagination ul > li.disabled > a:hover{color: #999;cursor: default; background-color: #eee;}
/*--返回--*/
.back{ margin:80px auto; }
.back a{ display:block; width:40px; height:25px; background:#351910; color:#fff; font-size:12px; margin:0 auto; line-height:25px; vertical-align:middle; text-align:center; }



/*--------------------首页--------------------*/
.banner{ width:100%; height:auto; overflow:hidden; }
.banner .flex-control-nav { display: none; }
.banner .flexslider { border: none; }
.index-intro{ text-align:center; color:#1d0d03; }
.index-intro h3{ font-size:36px; font-weight:normal; text-transform:uppercase; }
.index-intro h4{ font-size:20px; font-weight:normal; margin:20px 0; color:#dbdbdb; }
.index-intro h4 span{ margin:0 30px; color:#1d0d03; }
.index-intro .intro-txt{ width:100%; background:#fafafa; height:auto; margin-top:30px; padding:60px 0; border-top:1px #dbdbdb solid; }
.index-intro .intro-txt p{ width:58%; margin:0 auto; font-size:14px; line-height:2; }
.effect{ position:relative; overflow:hidden; }
.index-list .list-r,
.index-list .list-l{ width:50%; }
.sub-effect{ position: absolute;top: 0px;left: 0px;width: 100%;height: 100%;background: #000 none repeat scroll 0% 0%;
opacity: 0;z-index: 999; }
.line{ position:absolute; top:0px; left:0px; width:100%; height:100%; z-index:99999;}
.top_line,.bottom_line,.right_line,.left_line{position: absolute;background-color:#000;}
.top_line{ width: 100%;height: 5px;top: 0;left: 0;}
.bottom_line{width: 100%;height: 5px; bottom: 0;right: 0;}
.left_line{height: 100%;width: 5px;left: 0;top: 0; }
.right_line{height: 100%;width: 5px; right: 0px; bottom: 0;}
.list-bg{ background-repeat: no-repeat; background-attachment: fixed;position: absolute;z-index: 98;width: 100%;height: 100%; }
.list-txt{ font-family:"宋体";}
.index-list h3{ font-size:40px; font-weight:normal; margin-top:20%; }
.index-list > span{ width:14.5%; height:1px; background:#fff; margin:15px auto; display:block; }
.index-list p{ margin:10px auto; line-height:25px; min-height:90px; font-size:12px; }
.learn-more{  display:block; width:170px; height:30px; background:#959595; margin:18% auto; text-align:center; line-height:30px; vertical-align:middle; color:#291b08; font-size:16px; text-transform:uppercase; font-family:Arial, Helvetica, sans-serif; }
.learn-more:hover{ background:#f5f5f5; }
/*--列表1,3--*/
.list01 .list-l,
.list03 .list-l{ background:#291b08; text-align:center; color:#ededed; }
.list01 .list-bg,
.list03 .list-bg{  background-size:50% 100%;  background-position: 100% 0px;  }
/*--列表2,4--*/
.list02 .list-r,
.list04 .list-r{ background:#222; text-align:center; color:#fff; }
.list02 .list-bg,
.list04 .list-bg{  background-size:50% 100%; background-position:0px 0px; }

/*------------------芬奇印象-----------------*/
/*--标题--*/
.impression-content{ width:100%; }
.impression-content .impression-title{ text-align:center; margin:40px 0; }
.impression-content .impression-title h3{ font-size:28px; color:#30140b; font-weight:normal; margin:8px 0; line-height:30px; vertical-align:middle; }
/*--公司简介--*/
.impression-content .intro{ margin:10px 0; }
.impression-content .intro p{ width:56%; margin:0 auto; font-size:14px; line-height:2; margin-bottom:15px; }
.impression-content .impresssion-bg{ width:100%; height:450px; background-repeat:no-repeat; background-attachment:fixed; background-size:100% 100%; margin-top:60px; }
/*--品牌故事--*/
.impression-content .story{ font-size:14px; }
.impression-content .story .story-txt{ width:58%; margin:0 auto; line-height:2.5; }
.impression-content .story .story-txt .txt-l{  width:49%;overflow:hidden; white-space:normal; float:left; }
.impression-content .story .story-txt .txt-l p{ height:105px; } 
.impression-content .story .story-txt .txt-l span{ display:block; width:100%; height:100%; text-align:center; }
.impression-content .story .story-txt .txt-r{width:49%; overflow:visible; /*white-space:nowrap; */float:right; max-height: 500px; overflow: hidden; }
/*--荣誉见证--*/
.honor .honor-pic{ width:57%; margin:0 auto; overflow:hidden; }
.honor .honor-pic img{ width:100%; }
.honor .honor-pic .roundabout-moveable-item img { width: auto; }
.honor .honor-pic .roundabout-moveable-item { width: auto; height: auto; box-shadow:none; }
/*--终端形象--*/
.terminal ul{ width:65%; margin:0 auto; margin-bottom:150px; }
.terminal ul li{ width:49.5%; overflow:hidden; }
.terminal ul li img{ width:100%; }


/*--左侧--*/
.nav-bar{position:fixed; top:15%; left:50px; width:300px;z-index:9999;height:100%;}
#main_nav{ position:absolute; display:none;}
#main_nav li{ margin-top:10px; position:relative;}
#main_nav li span{ width:2px; height:2px; background:#2f0d16; display:block; -webkit-border-radius: 2px; -moz-border-radius: 2px;border-radius: 2px;-khtml-border-radius:2px;}
#main_nav .chapter{ margin-top:20px; margin-bottom:15px; height:5px; cursor:pointer;}
#main_nav .chapter .circle{ position: absolute; left:0px; top:0px; width: 12px; height: 12px; margin: -6px 0 0 -6px; -webkit-box-shadow: inset 0 0 0 2px #000; box-shadow: inset 0 0 0 2px #000; border-radius: 50%;}
#main_nav .chapter .circle span{ position: absolute; left:0px; top:0px; width: 6px; height: 6px; margin: 3px 0 0 3px; border-radius: 50%; filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; opacity:0; }
#main_nav .chapter a{ position: absolute; left:0px; top:0px; font-size: 10px; line-height: 24px; letter-spacing: 1px;font-weight: 300; background-color:#2f0d16; margin: -12px 0 0; margin-left:20px; width:80px; text-align:center; color:#fff; filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; opacity:0; display:block; height:24px; }
#main_nav .chapter:before { content: ""; position: absolute; width: 6px; height: 2px; margin: -1px 0 0 6px; background-color: #000; }

/*----------------产品---------------*/
.product .product-nav{ width:100%; height:98px; border-bottom:1px #d8d4c8 solid; }
.product .product-nav div{ width:1000px; margin:0 auto; }
.product .product-nav div a{ color:#1c0c07; display:inline-block; line-height:96px; vertical-align:middle; width:130px; text-align:center; }
.product .product-nav div a:first-child{ text-align:left; width:100px; }

.product .product-main{ margin:90px auto 70px auto; color:#1c0c07; width:1000px; }
.product .product-main .product-l{ width:17%; float:left; min-height:170px; border-right:1px #dbdbdb solid; }
.product .product-main .product-l h3{ font-weight:normal; font-size:25px; }
.product .product-main .product-l h4{ font-size:15px; font-weight:normal; text-transform:uppercase; }
.product .product-main .product-r{ width:77%; float:right; }
.product .product-main .product-r .product-list li{ display:inline-block; border:1px #dbdbdb solid; padding-top:60px; width:29.3%; margin-right:2%; overflow:hidden; padding:60px 1% 0 1%; margin-bottom:30px; }
.product .product-main .product-r .product-list li:nth-child(3n){ margin-right:0;}
.product .product-main .product-r .product-list li:hover{ border:1px #220e08 solid; }
.product .product-main .product-r .product-list li a{ color:#1c0c07; }
.product .product-main .product-r .product-list li img{ width:100%; }
.product .product-main .product-r .product-list li h3{ font-weight:normal; font-size:15px; font-family:Arial, Helvetica, sans-serif; line-height:60px; vertical-align:middle;/* padding-left:4%;*/ width:96%; text-overflow:ellipsis; -o-text-overflow:ellipsis; -webkit-text-overflow:ellipsis; white-space:nowrap; overflow:hidden;  }
.product .product-main.door .product-r .product-list li h3{ text-align:center; padding-left:0; }
/*---------产品详细----------*/
.product .product-detail{ width:1000px; margin:0 auto; }
.product .product-detail h3{ font-size:20px; font-weight:normal; text-align:center; line-height:160px; vertical-align:middle; }
.product .product-detail .swiper-container .swiper-wrapper .swiper-slide img{ width:100%; }
.product .product-detail .swiper-button-prev, .swiper-container-rtl .swiper-button-next { left: 0px; }
.product .product-detail .swiper-button-next, .swiper-container-rtl .swiper-button-prev { right: 21px; }

/*--------------------工程案例-------------------*/
.case{ padding-bottom:30px; }
.case .case-title{ text-align:center; margin:40px 0; }
.case .case-title h3{ font-size:28px; color:#30140b; font-weight:normal; margin:8px 0; line-height:30px; vertical-align:middle; }
.case .case-main{ width:1000px; margin:0 auto 30px auto; border-top:8px #351910 solid; }
.case .case-main ul{ margin:0; padding:0; }
.case .case-main ul li{ float:left; width:33.33333%; position:relative; cursor:pointer; overflow:hidden; }
.case .case-main ul li > p{ width:100%; text-align:center; font-size:15px; height:45px; line-height:45px; vertical-align:middle;  background:#fff; color:#351910;  }
.case .case-main ul li > p a{ color:#351910; }
.case .case-main ul li:hover p{ background:#351910; color:#fff; }
.case .case-main ul li:hover p a{ color:#fff; }
.case .case-main ul li:hover{ }
.case .case-main ul li img{ width:100%; }
.case .case-main ul li:hover img{ transform-origin: center center 0px;
transform: scale(1.05, 1.05); -o-transform: scale(1.05, 1.05); -webkit-transform: scale(1.05, 1.05); -ms-transform: scale(1.05, 1.05); -moz-transform: scale(1.05, 1.05); }
.case .case-main ul li .case-hide{ position:absolute; width:100%; height:45px; line-height:45px; vertical-align:middle; text-align:center; bottom:43px; left:0; background:rgba(255,255,255,0.7);-pie-background:rgba(255,255,255,0.7); display:none; text-transform:uppercase; }
.case .case-main ul li .case-hide a{ color:#351910; }
.trans {
    transition: all 0.5s ease 0s;
}
/*------工程案例详细------*/
.case-detail{ width:1000px; margin:0 auto; }
.case-detail h3{ color:#351910; font-size:16px; font-weight:normal; text-align:center; }
.case-detail ul{ width:64%; margin:0 auto; }
.case-detail ul li{ width:100%; margin-top:25px; }
.case-detail ul li:first-child{ margin-top:40px; }
.case-detail ul li img{ width:100%; }

/*-----------------------------联系我们-----------------------------*/
.contact{ color:#30140b; width:1000px; margin:0 auto 100px auto; }
.contact .contact-title{ text-align:center; margin:40px 0; }
.contact .contact-title h3{ font-size:28px; color:#30140b; font-weight:normal; margin:8px 0; line-height:30px; vertical-align:middle; }
.contact .contact-main{ width:77%; margin:0 auto 20px auto; }
.contact .contact-main h3{ font-size:28px; font-weight:normal; margin-bottom:20px; }
.contact .contact-main .contact-l{ width:49%; float:left; }
.contact .contact-main .contact-l p{ font-size:14px; line-height:40px;  }
.contact .contact-main .contact-l p em{ font-style:normal; font-weight:bold; }
.contact .contact-main .contact-l p a{ color:#30140B; }
.contact .contact-main .contact-l  dl{ font-size:14px; }
.contact .contact-main .contact-l dl dt{ font-weight:bold; }
.contact .contact-main .contact-r{ width:49%; float:right; }
.contact .contact-main .contact-r ul li{ display: inline-block; width: 40%; padding-left: 9%; }
.contact .contact-main .contact-r ul li p{ text-align:center; }
.contact-map{ border-top:1px #dbdbdb solid; padding-top:20px; height:400px; }

/*----------------------------新闻中心-------------------------------*/
.news{ color:#30140b; margin:0 auto 100px auto; }
.news .news-title{ text-align:center; margin:40px 0; }
.news .news-title h3{ font-size:28px; color:#30140b; font-weight:normal; margin:8px 0; line-height:30px; vertical-align:middle; }
.news .news-main .news-list{ max-height:132px; overflow:hidden; }
.news .news-main .news-list a{ display:block; width:100%; color:#351910; padding:16px 0; }
.news .news-main .news-list a:hover{ background:#351910; color:#fff; }
.news .news-main .news-list a .list-cont{ width:1000px; margin:0 auto; }
.news .news-main .news-list a .list-cont .cont-l{ float:left; width:62%; margin-left:5%; }
.news .news-main .news-list a .list-cont .cont-l h3{ font-size:19px; font-weight:normal; }
.news .news-main .news-list a .list-cont .cont-l p{ font-size:15px; line-height:25px; margin-top:8px; height:55px; overflow:hidden; }
.news .news-main .news-list a .list-cont .cont-r{ width:30%; float:right; }
/*------新闻详细-------*/
.news .news-detail{ width:46%; margin:0 auto; color:#351910; text-align:center; overflow:hidden; }
.news .news-detail h3{ font-size:24px; font-weight:normal; }
.news .news-detail .detail-info{ width:100%; height:40px; border-top:1px #351910 solid; border-bottom:1px #351910 solid; line-height:38px; vertical-align:middle; margin-top:15px; }
.news .news-detail .detail-info span{ width:32%; display:inline-block; text-align:center; font-size:13px; }
.news .news-detail .detail-info span:first-child{ text-align:left; }
.news .news-detail .detail-info span:last-child{ text-align:right; }
.news .news-detail .detail-txt img{ display:block; margin:20px auto; }
.news .news-detail .detail-txt{ margin-top:20px; text-align:left; line-height:1.5; font-size:14px; }
/*.news .news-detail .detail-txt p{  }*/

/*-----------------------------人才招聘(和招商合作头部与底部)-------------------------------*/
.job .job-title{ width:1000px; margin:50px auto; }
.job .job-title span{ float:left; display:inline-block; width:50%; margin:11% 0 0 1%; font-size:14px; color:#59433c; }
.job .job-title span img{ width:100%; }
.job .job-title span:first-child{ width:35.5%; margin:0; position:relative; }
.job .job-title span:first-child img{ width: 355px; height: 284px; }
.job .job-title span:last-child{ width:13%; float:right; margin:4% 0 0 0; }
.job .job-main{ width:100%; border-top:1px #dbdbdb solid; }
.job .job-main .job-main-title{ padding:40px 0; background:#fbfbfb; text-align:center; color:#1d0d03; }
.job .job-main .job-main-title h4{ font-size:25px; font-weight:normal; text-transform:uppercase; }
.job .job-main .job-main-title p{ color:#dbdbdb; }
.job .job-main .job-main-title p em{ font-size:19px; font-style:normal; color:#1d0d03; margin:0 20px; }
.job .job-main .job-main-table{ width:1000px; margin:0 auto; font-size:14px; }
.job .job-main .job-main-table span{ width:30%; margin-right:1%; display:inline-block; }
.job .job-main .job-main-table .table-title{ margin-top:30px; border-bottom:1px #535353 solid; padding-bottom:3px;}
.job .job-main .job-main-table .table-title span{ font-weight:bold; }
.job .job-main .job-main-table .table-main .table-list{ border-bottom:1px #dbdbdb solid; }
/*.job .job-main .job-main-table .table-main .table-list:last-child{ border:none; }*/
.job .job-main .job-main-table .table-main .table-list > span{ padding:20px 0; vertical-align:top; }
.job .job-main .job-main-table .table-main .table-list > span:first-child{ margin-top:35px; }
.job .job-main .job-main-bot{ width:1000px; margin:100px auto 70px auto; }
.job .job-main .job-main-bot ul li{ display:inline-block; width:33%; }
.job .job-main .job-main-bot ul li img{ border:4px #535353 solid; }
/*.job .job-main .job-main-bot ul li:hover img{ transform-origin: center center 0px;
transform: scale(1.05, 1.05); -o-transform: scale(1.05, 1.05); -webkit-transform: scale(1.05, 1.05); -ms-transform: scale(1.05, 1.05); -moz-transform: scale(1.05, 1.05); }*/
.job .job-main .job-main-bot ul li p{ text-align:center; }

/*--------------------------招商合作----------------------------*/
.coop{ width:1000px; margin:0 auto; }
.coop .coop-main{ width:70%; margin:30px auto 50px auto; }
.coop .coop-main .coop-list{  text-align:center; font-size:14px; color:#1d0d03; margin-top:35px; }
.coop .coop-main .coop-list h3{}
.coop .coop-main .coop-list p{ line-height:22px; margin-top:8px; }

#goTopBtn { position:fixed; width:50px; height:50px; padding:0 2px; font-size: 12px; cursor: pointer; float:right; bottom:45px; right:30px; *position:absolute;top:expression(eval(document.body.scrolltop+document.documentElement.scrolltop+document.documentElement.clientheight-this.offsetheight-10)); }
#goTopBtn img{ border-radius:5px; }


@media (max-width:1920px){
	.container{ width:100%; }
	.header .fq-nav li .sub-nav{ width:100%; } 
}
@media (max-width:1530px){
	.impression-content .story .story-txt .txt-l p { height: 135px; }
}
	
@media (max-width:1300px){
	
}
@media (max-width:1000px){
	.product-list,
	.case .case-main,
	.case-detail{ width:100%; }
	}
@media (max-width: 769px) {
  .hidden-desktop {
    display: inherit !important;
  }
  .visible-desktop {
    display: none !important;
  }
  .visible-phone {
    display: inherit !important;
  }
  .hidden-phone {
    display: none !important;
  }
}
.visible-print {
  display: none !important;
}	
@media (max-width:769px){
	.nav-bar{ display:none; }
	.banner{ display:none; }
	.index-list h3{ font-size:16px; }
	.index-list p span{ display:none; }
	.index-intro .intro-txt p{ width:90%; }
	.list01 .list-bg, .list03 .list-bg{ background-size:130% 100%; }
	.list02 .list-bg, .list04 .list-bg{ background-size:130% 100%; }
	.list-bg{ background-attachment:initial; }
	.news .news-main .news-list { max-height:none; }
	.news .news-main .news-list a .list-cont { width:100%; }
	.news .news-main .news-list a .list-cont .cont-l,
	.news .news-main .news-list a .list-cont .cont-r{ float:none; width:95%; margin:0 auto; height:auto; }
	.news .news-main .news-list a .list-cont .cont-r{ text-align:center; }
	.news .news-main .news-list a .list-cont .cont-l h3{ text-align:center; }
	.news .news-main .news-list a .list-cont .cont-l p{ height:auto; }
	.news .news-detail{ width:95%; margin:0 auto; }	
	.impression-content .intro p{ width:90%; }
	.impression-content .story .story-txt{ width:90%; }
	.impression-content .story .story-txt .txt-l,
	.impression-content .story .story-txt .txt-r{ float:none; width:100%; }
	.impression-content .story .story-txt .txt-r{ max-height:none; overflow:visible; }
	.honor .honor-pic{ width:90%; }
	.impression-content .impresssion-bg{ height:200px; background-size:auto auto; background-position: 25% 0; }
	.terminal ul { width: 90%; }
	.job .job-title { width: 100%; }

	.job .job-title span,
	.job .job-title span:first-child{ width:90%; margin:0 auto; margin-left:5%; }
	.job .job-title span:last-child{ display:none; }
	.job .job-main .job-main-table,
	.job .job-main .job-main-bot{ width:100%; }
	.job .job-main .job-main-bot ul li { width: 100%; text-align: center; }
	.contact { width:100%; }
	.contact .contact-main .contact-l{ width:100%; float:none; }
	.contact .contact-main .contact-r{ width:100%; float:none; margin-top:20px; }
	
	.product .product-main{ width:100%; margin:20px auto; text-align:center; overflow:hidden; }
	.product .product-main .product-l{ float: none; width: 100%; text-align: center; min-height:50px; margin:20px auto;}
	.product .product-main .product-r{ float: none; width: 100%; }
	.product .product-main .product-r .product-list li{ width:46%; margin-right:0; }
	.product .product-nav,
	.product .product-nav div{ width:100%; }
	.product .product-nav div a{ line-height:25px; }
	.product .product-detail{ width:100%; }
	.product-list{ text-align:left; }
	.product .product-detail .swiper-container .swiper-wrapper .swiper-slide h3{ line-height:100px; }
	.product .product-nav div a:first-child{ text-align:center; }
	.coop{ width:100%; }
	.contact .contact-main h3{ font-size:22px; }
	.contact .contact-main .contact-r ul li{ padding-left:0; width:49%; }
	.contact .contact-main .contact-r ul li img{ width:100%; }
	.coop .coop-main{ width:95%; }
	
	}
@media (max-width:640px ){
	.case-detail ul{ width:90%; }
	}
@media (max-width:480px){
	.case .case-main ul li,
	.footer img{ width:100%; }
	.news .news-detail .detail-info span { width: auto; margin-right:0.5%; font-size:12px; }
	.header .nav > li { font-size: 15px; width: 80px; margin-top: 10px; }	
}
@media (max-width:400px){ 
	.case .case-title img,
	.contact .contact-title img,
	.impression-content .impression-title img,
	.news .news-title img{ width:100%; }

}
@media (max-width:360px){
.header .nav > li { font-size: 14px; width: 75px; margin-top: 10px; }
.job .job-title span:first-child img{ width:100%; height:auto; }


}