@charset "utf-8";
/* CSS Document */
/*news*/
@media screen and (max-width: 1700px) {
    .warp2{ width:1400px;}
    
}
@media screen and (max-width: 1500px) {
    .warp2{ width:1200px;}

}
@media screen and (max-width: 1300px) {
    .warp2{ width:960px;}
    .one-tit h3 {font-size: 3.2em;}
    .one-tit h4 {font-size: 2em;}
    .news-b{ width:31.3%;}
}
@media screen and (max-width: 1024px) {
    .warp2{ width:90%;}  
    .news-txt h3{ padding-bottom:20px;}
}
@media screen and (max-width: 800px) {
   .news-b{ width:48%;}
   .in-tit a { font-size: 1.2em;   padding: 16px 5px;}
   .one-tit h3 {font-size: 2.6em;}
    .one-tit h4 {font-size: 1.6em;}
    .news .one-tit { padding: 55px 0 35px 0;}
    .news-txt p{ margin-bottom:20px;}
    div.fy {  padding: 40px 0;}
    div.fy a,div.fy span.disabled,div.fy span.current {margin:2px 3px;padding:6px 11px; font-size:1.4em;}
}
@media screen and (max-width: 400px) {
    .news-b{ width:98%;}
}

/*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;}
}

/*about*/
@media screen and (max-width: 1600px) {
    .about .warp{ width:1200px;}
	.history .swiper-button-prev{ right:55%; }
    .history .swiper-button-next{ left:55%;}
}
@media screen and (max-width: 1400px) {
    .about .warp{ width:960px;}
    .at p {  font-size: 1.4em; line-height: 26px; padding-bottom: 26px;}
}
@media screen and (max-width: 1024px) {
    .about .warp{ width:90%;}
    .ai{ display:none;}
    .at{ width:100%}
    .history { padding: 80px 0 45px 0;}
}
@media screen and (max-width: 700px) {
	.history .swiper-button-prev{ right:60%; }
    .history .swiper-button-next{ left:60%;}
}
@media screen and (max-width: 520px) {
	.history-box .swiper-slide:nth-child(n) { margin-top:0px;}
	.history-box{ height:420px;}
}

/*product*/
@media screen and (max-width: 1700px) {
    .product-img{ width:56%;}
    .product-txt{ width:40%;}
    .product-txt img{ width:100%}
}
@media screen and (max-width: 1500px) {
    .pro-txt { padding: 20px 0 40px 0;}
    .pro-txt p{ font-size:1.6em; line-height:30px;}
}
@media screen and (max-width: 1300px) {
    .pro-txt p{ font-size:1.4em; line-height:24px;}
    .product-box h3{ font-size:2.4em;}
    .product-box h4{ font-size:2em;}
    .product-box span { font-size: 1.6em;}
}
@media screen and (max-width: 1024px) {
    .product-img{ width:100%;}
    .product-txt{ width:90%; padding:40px 5%;}
    .product-txt img{ width:auto;}
    .pro-txt p{ font-size:1.8em; line-height:30px;}
    .product-box h3{ font-size:2.6em;}
    .product-box h4{ font-size:2em;}
    .product-box span { font-size: 1.8em;}
}
@media screen and (max-width: 800px) {
    .product-txt img{ width:100%}
    .pro-txt { padding: 20px 0 40px 0;}
    .pro-txt p{ font-size:1.6em; line-height:30px;}
}
@media screen and (max-width: 600px) {
    .pro-txt p{ font-size:1.4em; line-height:24px;}
    .product-box h3{ font-size:2.4em;}
    .product-box h4{ font-size:2em;}
    .product-box span { font-size: 1.6em;}
    .pro-txt { padding: 20px 0;}
}

/*productshow*/
@media screen and (max-width: 1200px) {
    .pro-tit li {font-size: 2em;  padding: 14px 20px;}
}
@media screen and (max-width: 800px) {
    .pro-tit li {font-size: 1.8em;  padding: 3px 0px;}
    .pro-tit {height: 65px;}
	.pro-tcon table{ width:600px;}
	.pro-tit li{ width:141px;}
}
@media screen and (max-width: 600px) {
    .pro-tit li {font-size: 1.6em; }
	.pro-tit li{ width:130px;}
}

/*bottom*/
@media screen and (max-width: 1500px) {
    .bottom .warp{ width:1200px;}
}
@media screen and (max-width: 1300px) {
    .bottom .warp{ width:960px;}
    .bo-mune a {  font-size: 1.4em; padding-right: 40px;}
    .bo-contact { padding: 20px 0 40px 15px;}
    .bo-txt { width: 83%; padding-left: 2%;}
    .bo-mune { padding: 25px 0 20px 10px;}
    .ft-share { padding-top: 20px;}
}
@media screen and (max-width: 1024px) {
    .bottom .warp{ width:90%;}
    .two{display:none;}
    .bo-txt { width: 100%; padding-left: 0%;}
    .bottom {  padding:20px; text-align:center;}
    .bo-contact,.bo-mune{display:none;}
    .bot-a{ display:block; padding-right:0;}
    .bottom-tit{line-height:20px; padding:0;}
    .bottom-tit p{ width:100%;}
    .bot-b { padding-right: 20px;}
}

/*header*/
@media screen and (max-width: 1500px) {
    .mune a {padding: 47px 20px 30px 20px;}
    .search { padding: 37px 35px 33px 35px !important;}
    .men { padding: 36px 30px 33px 30px !important;}
}
@media screen and (max-width: 1200px) {
    .mune a {padding: 37px 20px 33px 20px; font-size:14px;}
    .search { padding: 27px 25px 35px 25px !important;}
    .men { padding: 26px 25px 35px 25px !important;}
}
@media screen and (max-width: 1024px) {
    .header{ display:none;}
    .mo{display:block;}
    .m-logo{ width:80px;}
}

/*index*/
@media screen and (max-width: 1700px) {
    .i-about .warp{ width:1300px;}
    .ia-his .swiper-slide h3 {padding-top: 35px; font-size: 5.4em;}
    .ia-txt h3 { font-size: 3.6em; padding-bottom:35px;}
    .ip-txt {padding:15% 10%;    width: 80%;}
    .ip-txt p { margin-bottom: 30px;}
    .ia-his{ width:14%; }
    .ia-l p{ padding:14px 2%;}
}
@media screen and (max-width: 1600px) {
    .lin7 .box{ padding-left:8%;}
}
@media screen and (max-width: 1500px) {
    .i-about .warp{ width:1100px;}
    .ia-txt { width: 96%;}
    .ia-l { margin-bottom:20px; margin-top: 60px;text-align:center; width: 70%;  padding: 0 15%;}
    .ia-l p{ width:30%}
    .ia-txt>p{ padding-bottom:20px;}
    .ia-his{ width:25%; }
    .i-about { padding:  80px 0;}
    .ip-txt h3 {font-size: 3em;}
    .iin-tit h3 ,.icu-tit h3{font-size: 3.2em;}
    .iin-tit p,.icu-tit p{font-size: 1.8em;}
    .lin1 img{ padding-left:220%;}
    .lin2 img{ padding-left:225%;}
    .lin3 img{ padding-left:90%;}
    .lin4 img{ padding-left:133%;}
    .lin7 .box{ padding-left:2%;}
    .lin8 .box,.lin6 .box,.lin5 .box{ padding-left:10%;}
    .boxcontent p { font-size: 2em;}
    .second-arrow:before {border-width: 16px;}
	.ias .dot{ width:25%;}
	.ias .warp{ width:90%;}
}
@media screen and (max-width: 1400px) {
	.ip-txt{ height:81.2%}
	.lin3 img{ padding-left:55%;}
}
@media screen and (max-width: 1350px) {
    .lin1 img{ padding-left:160%;}
    .lin2 img{ padding-left:180%;}
    .lin3 img{ padding-left:35%;}
    .lin4 img{ padding-left:123%;}
    .lin7{ margin-left:35%; width:80%;}
}
@media screen and (max-width: 1300px) {
    .lin5 {  margin: 8% 0 2% 26%; width: 71%;}
    .lin-box-img img{ width:80px;}
    .lin2 img{ padding-left:220%;}
    .lin3 img{ padding-left:35%;}
	.in-tit{ text-align:center;}

}
@media screen and (max-width: 1200px) {
    .i-about .warp{ width:960px;}
    .lin-boxs{ background:none; }
    .lin-box-txt{ margin:20px 0; width:100% !important;}
    .lin1 img{ padding-left:240%;}
    .lin2 img{ padding-left:305%;}
    .lin3 img{ padding-left:170%;}
    .lin4 img{ padding-left:265%;}
    .lin5 .box,.lin6 .box,.lin7 .box,.lin8 .box{ padding-left:20%;}
	.ip-txt h3 {font-size: 2em;}
	.ip-txt h4 {font-size: 1.6em;padding-bottom: 0px;}
}
@media screen and (max-width: 1024px) {
    .i-about .warp{ width:90%;}
    .ia-video{ width:70%;}
    .ip-txt h4 { padding-bottom: 10px;}
    .lin-box-img{ display:none;}
    .ip-txt p { margin-bottom: 10px;   font-size: 1.2em; line-height: 14px;}
}
@media screen and (max-width: 900px) {
    .ip-box{ width:50%;}
    .ia-his .swiper-slide h3 {padding-top: 35px; font-size: 4.2em;}
    .ia-his .swiper-slide p{margin-bottom: 25px; font-size: 1.4em;}
    .ia-txt h3 { font-size: 3.2em; padding-bottom:30px;}
    .lin5 .box,.lin6 .box,.lin7 .box,.lin8 .box{ padding-left:0%;}
	.ip-txt h3 { font-size: 3em;}

	.ip-box img{ width:100%;}
	.ip-txt{  padding:15%;width:70%;  height:81%;}
	.ip-txt h3{ font-size:3.6em; padding-bottom:5px;}
	.ip-txt h4{ font-size:1.8em; padding-bottom:35px;}
	.ip-txt p{ font-size:1.4em; margin-bottom:50px; line-height:26px;}
	.ip-txt span{font-size:1.4em;  padding:12px 30px; border-radius:10px;}
	.ip-txt span:hover{border-radius:20px;}
	
}
@media screen and (max-width: 800px) {
    .ia-video,.ia-his{ width:100%;}
    .ia-his{ height:140px !important; margin-top:20px;}
    .ia-his .swiper-slide{-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border-left:1px solid #ccc; border-top:none !important;}
	.ia-his	.swiper-button-next { transform:rotate(-90deg); top: 57% !important;right: 0%;}
	.ip-txt h3 {font-size: 2.4em;}
	.ip-txt h4{ padding-bottom:6px;}
	.icu1{ display:none;}
	.icu2{ display:block;}
	#iav{ height:auto;}
	.ia-his .swiper-slide{ border-bottom:none;}
	.lin-box-txt{ display:inline !important; }
    .box{margin-right:60px !important;}
    .lin-l{ float:none; width:auto; }
    .lin-boxs{width: 80%;padding:0 10%;}
}
@media  screen and (max-width: 600px) {
    .i-about {padding: 60px 0;}
    .ia-txt h3 { font-size: 3em; padding-bottom: 10px;}
    .ia-l {  margin-bottom: 10px; margin-top: 40px; width: 70%;  padding: 0 15%;}
    .ia-l p{ font-size:1.6em;}
    .ip-txt { padding: 10% 6%; width: 88%; height:87.5%}
    .ip-txt p { margin-bottom: 20px; line-height:24px;}
    .ip-txt h4{font-size:1.2em;}
    .ip-txt span { padding: 10px 20px;}
    .iin-tit h3 ,.icu-tit h3{font-size: 2.6em;}
    .iin-tit h4 ,.icu-tit h4{font-size: 1.4em;}
    .iin-tit p,.icu-tit p{font-size: 1.4em;}
    .boxcontent p { font-size: 2.2em;}
    .second-arrow:before { border-width: 17px;}
     .lin-boxs{width: 90%;padding:0 5%;}
     .boxcontent p { font-size: 1.8em;}
     .second-arrow:before { border-width: 15px;}
	 .ias .dot{ width:50%;}
	.ias .dot img{ width:120px;}
}
@media screen and (max-width: 450px) {
    .ip-box{ width:100%;}
    .ip-txt { padding: 10% 6% 0 6%; height:94%;}
    .ip-txt h3{ font-size:3em; }
    .ip-txt h4{ font-size:1.8em;}
    .ip-txt p{ font-size:1.4em;  line-height:26px;}
    .ip-txt span{  font-size:1.4em;  }
    .boxcontent p { font-size: 1.4em;}
     .second-arrow:before { border-width: 13px;}   
}

/*surrroundings*/
@media screen and (max-width: 1024px) {
	.sur-box{ width:33.3%}
}
@media screen and (max-width: 800px) {
	.sur-box{ width:50%}
}
@media screen and (max-width: 500px) {
	.sur-box{ width:100%}
}

/*contact*/
@media screen and (max-width: 1500px) {
	.contact .warp{ width:1200px;}
}
@media screen and (max-width: 1300px) {
	.contact .warp{ width:960px;}
}
@media screen and (max-width: 1024px) {
	.contact .warp{ width:90%;}
	.con-left,.con-right{ width:100%; padding:0 0 30px 0;}
	.con-left h3{font-size:2.4em;}
	::-webkit-input-placeholder {font-size:14px;}
	:-moz-placeholder {font-size:14px; }
	::-moz-placeholder {font-size:14px;}
	:-ms-input-placeholder {font-size:14px;}
	.contact { padding: 60px 0 0 0;}
	.contact .one-tit{ padding-bottom:35px;}
	#map{ height:460px !important;}
	.con-left p {font-size: 1.4em; line-height:40px;}
}


/*solution*/
@media screen and (max-width: 1500px) {
	
	.st-ai a {    top: 45%;    margin-left: -6%;}
}
@media screen and (max-width: 1200px) {
	.st-box{ width:46%}
}
@media screen and (max-width: 1024px) {
	.st-a{ opacity:1 !important;}
	.st-ai a {    top: 45%;    margin-left: -8%;}
}
@media screen and (max-width:800px) {
	.st-ai a {  margin-left: -10%;}
}
@media screen and (max-width:600px) {
	.st-box{ width:96%}
	.st-ai a {margin-left: -6%;}
}
@media screen and (max-width:400px) {
	.st-ai a { margin-left: -10%; }
}

/*rec*/
@media screen and (max-width: 1024px) {
	.rec-dot{width:46%;}
	.rd3{ margin:60px auto; width:98%; height:auto;}
}
@media screen and (max-width: 800px) {
	.rec-dot h3{ font-size:2em;}
	.rec-dot h4,.rec-dot p{ font-size:1.4em;}
}
@media screen and (max-width: 600px) {
	.rec-dot{margin:50px auto; width:98%; height:auto;}
}

/*project*/
@media screen and (max-width: 1200px) {
	.pr1,.pr2,.pr3{width:auto; margin:0 auto;}
	.pro-mune{ width:auto; }
	.pm-dot { width: 21.33%; margin: 20px 5%;}
	.pr3 p{ width:40%;}
}
@media screen and (max-width: 850px) {
	.pr3 p{ display:block; width:100%;}
}
@media screen and (max-width: 800px) {
	.pm-dot { width: 25.33%; margin: 20px 3%; padding:0;}
	.pm-dot img { width:60%; padding:10%; margin:0;}
}
@media screen and (max-width: 700px) {
	.pt-tit h3,.pt-tit h4,.pt-tit span{font-size:2em; display:block;}
	.pt-tit h4{ font-size:1.2em; margin-top:6px; color:#666;}
	.pt-tit span{ display:none;}
	.pr1 span,.pr2 span,.pr1 p,.pr2 p{ display:block; float:none; }
	.pro-mune {  margin: 0 auto;}
}
@media screen and (max-width: 500px) {
	.pm-dot { width: 40%; margin: 20px 30%; display:block;}
}