@charset "utf-8";
/* CSS Document */
/*index*/
@media screen and (max-width: 1600px) {
	.header .mune-i { margin-right: 0px;}
}
@media screen and (max-width: 1500px) {
	.header .search .dot{ padding:0 20px;}
	.header .mune-i a{ margin-right:30px;}
	.bt2-d1{ width:100%; margin-bottom:10px;}
}
@media screen and (max-width: 1400px) {
	.warp{ width:960px;}
	.in-i-icon{ float:right;}
	.ip-tit h3,.in-about .in-a-tit h3,.in-case .in-ca-tit h3{ font-size:2.4em;}
	.in-case .in-ca-tit p{font-size:1.4em;}
	.history-box .content{ padding:0;}
	.history-box li{margin-bottom: 30px;}
	.in-new .his-date{width:auto; margin-bottom:5px;}
	.bottom .b-logo{display:none;}
	.bottom .b-txt{ width:100%}
	.bottom .b-txt3{ margin-bottom:55px; margin-top:30px; text-align:center; }
	.bottom .b-txt3 p{ padding:0;}
	.history-box li:last-child{ display:none;}
	.bt2-d2,.bt2-d3{ text-align:center; width:100%}
	
	.in-i-num{ width:100%;}
	.stren-list li { width:50%; }
	.in-about .in-i-icon{ margin-top:-120px;}
	.stren-list li:last-child{ width:50%;}
}
@media screen and (max-width: 1200px) {
	.header .logo{ padding:0;}
	.header .logo img{ width:300px;}
	.header .mune-i a{ font-size:1.6em;}
	.header .mune{ margin-top:14px;}
	.header .mune-i a{ margin-right:20px;}
}
@media screen and (max-width: 1024px) {
	.mo,.xl,.bottomlist{ display:block;}
	.bottom{ margin-bottom:65px;}
	.header,.xxl{ display:none;}
	.m-logos img{width:300px;}
	.warp{ width:90%;}
	.in-about .in-a-txt{text-align:center;}
	.in-about .in-a-txt p{display:inline; }
	.in-about .in-img { padding-top: 0px;}
	.in-product .ip-box .ip-b{width:90%;margin:0 5% 10px 5%;}
	.in-cal-box{ width:50%;}
	.bt-box,.bottom .b-txt2{ display:none;}
	.bottom .b-txt3{ margin:20px 0;}
}
@media screen and (max-width: 800px) {
	.in-new .in-new-box{ width:100%; margin-bottom:40px;}
	.history-box li:last-child{ display:block;}
	.history-box{ width:100%;}
	.inn-img{ max-width:600px;}
	.in-new .his-date{ display:block; width:100%; margin-bottom:15px;}
	.bottom .b-txt3{ padding:0; }
	.m-logos img{width:250px;}
	.hamburger,.m-seas{ top:1.5%;}
	.ip-txt h3{ font-size:2em;}
	.ip-txt p{ font-size:1.4em;}
	.ip-txt{ bottom:15px; left:15px;}
	
}
@media screen and (max-width: 600px) {
	.in-product .ip-box .ip-b{width:100%; margin:0; margin-bottom:10px;}
	.in-cal-box{ width:100%;}
	.in-i-num{ margin-bottom:50px;}
	.in-about .in-i-icon img{ padding:0 5px;}
	.in-about .in-i-icon{ margin:0; padding:0; text-align:center}
	.m-logos img{width:200px;}
	.ip-txt h3{ font-size:1.6em;}
	.ip-txt p{ font-size:1em;}
	.ip-txt{ bottom:5px; left:5px;}
	.stren-list li { width:100%;  border:none !important;}
	.stren-list li:last-child{ width:100%;}
}


/*contact*/
@media  screen and (max-width: 1500px) {
    .cd-img img {padding: 40px;}
}
@media  screen and (max-width: 1100px) {
	.warp3{ width:90%;}
}
@media  screen and (max-width: 1024px) {
    .ic-input {  width: 48.5%;}
    .ic-text { width: 95%;}
    .cd-img img {padding: 30px; width:60px;}
    .cd-txt span, .cd-txt p { font-size: 1.6em;display: block; line-height:24px}
    .cdt span,.cdt p { width: 100%; text-align:center;margin-bottom: 0px;}
	.ini-tit a{padding:15px 0; margin: 0 12px; font-size:1.6em; }
}
@media  screen and (max-width: 800px) {
    .con-dot:first-of-type{ width: 98%; padding: 0 1%; padding-bottom:10px;}
    .con-dot{ width:31.3%;  padding:0 1%;}
    .ic-text { width: 94.3%;}
    .cd-img img {padding: 20px; width:50px;}
    .cd-txt {  padding: 15px 0;}
    .cf-area p { padding: 25px 2% 15px 2%;}
    .ic-input {  width: 98.5%;}
    .ctit h3 {  font-size: 2em;}
}
@media  screen and (max-width: 600px) {
     .con-dot { width: 98%; padding: 0 1%;}
     .ic-input {  width: 100%;}
	  #mapContainer{ height:400px !important;}
}
@media  screen and (max-width: 400px) {
    .ic-text { width: 92%;}
}

/*case*/
@media  screen and (max-width: 1400px) {
	.warp2{ width:960px;}
}
@media  screen and (max-width: 1024px) {
	.warp2{ width:90%;}
	.case { padding-top: 35px;}
}
@media  screen and (max-width:800px) {
	.case .case-in-box{ width:48%;}

}
@media  screen and (max-width:600px) {
	.case .case-in-box{ width:86%; margin:10px 7%;}
}

/*product*/
@media  screen and (max-width: 1024px) {
	.product-box{ width:44%;margin: 0 3% 30px 3%;}
}
@media  screen and (max-width: 600px) {
	.product-box{ width:76%;margin: 0 12% 30px 12%;}
	.product-t p{ font-size:1.4em;}
}
/*news*/
@media  screen and (max-width: 1400px) {
	.news-txt p{ margin-bottom:40px;}
	.news-txt h3{ width:80%; margin-bottom:10px;}
	.news-date{ padding-top:40px;}
}
@media  screen and (max-width: 1024px) {
	.news-img{ width:100%; max-width:350px; margin-bottom:20px;}
	.news-txt{ width:90%; margin-left:0;}
	.news-txt span{display:inline-block;}
}
@media  screen and (max-width: 800px) {
	.news-txt p{ width:80%;}
	.news-txt{ width:80%;}
	.news-date{ width:20%;}
}
@media  screen and (max-width: 400px) {
	.news-txt{ width:70%;}
	.news-date{ width:30%;}
}

/*fy*/
@media  screen and (max-width: 800px) {
	div.fy a,div.fy span.current,div.fy span.disabled {margin:1px 2px;padding:6px 10px;font-size:1.4em;}
}

/*newsshow*/
@media screen and (max-width: 1500px) {
    .newsshow .warp { width:1200px;  }
}

@media screen and (max-width: 1300px) {
    .newsshow .warp { width:960px;}
}

@media screen and (max-width: 1024px) {
    .ne-tit h3 { font-size:2.8em;}
    .newsshow .warp { width:90%;}
    .ne-txt p { font-size: 1.4em;   line-height: 30px;}
}
@media screen and (max-width: 850px) {
    .ud div{ width:100%;}
    .ne-tit h3{ font-size:2.4em; line-height:36px;}
}
/*productshow*/
@media screen and (max-width: 1024px) {
	.pbs-i, .pbs-txt{ width:100%;}
	.pbs-i{ text-align:center; }
	.pbs-txt>h3{ font-size:2.4em; margin:15px 0;}
	.pbs-txt{ width:90%; padding:0 5%;}
	.pbs2 .warp2>h3{ font-size:2.4em;}
	.pbtable h3{ font-size:1.8em;}
	.pbtable table tr td,.pbtable p{ font-size:1.4em;}
	.productshow{ padding:40px 0;}
}
/*about*/
@media screen and (max-width: 1400px) {
	.ab3-b{  margin:0 1%; width:48%;}
	.ab3-b:last-child{ width:98%;}
}
@media screen and (max-width: 1024px) {
	.abb1 .in-i-icon{ width:50%;    margin-top: -16%;}
	.abb1 .in-i-num{ width:100% !important;}
	.ab2 .product-box{ width:31.33%;}
	.ab3-b{ padding: 0 2% 2% 2%;}
}
@media screen and (max-width: 850px) {
	.ab3-b{ width:98%;margin-top:80px; height:auto;}
}
@media screen and (max-width: 700px) {
	.abb1 .in-i-icon{ width:100%;    margin-top: -16%;}
	.abb1 .stren-list li{ width:100%; border:none;}
	.abb1 .in-i-icon{ margin-top:-6%;}
	.abb1 .in-img{ padding:0;}
	.ab2 .product-box{ width:48%;}
}
@media screen and (max-width: 500px) {
	.ab2 .product-box{ width:98%;}
}
/*banner*/
@media screen and (max-width: 1024px) {
	.xxl{ display:none;}
	.xl{ display:block;}
	.banner-txt h3{ font-size:3.2em; margin-bottom:0.5%;}
	.banner-txt h4{ font-size:.2.4em; margin-bottom:2%;}
	.banner-txt p{ font-size:1.4em;}
}
@media screen and (max-width: 600px) {
	.banner-txt{  top:20%;}	
}