@charset "utf-8";
/* CSS Document */
/*all*/
@media screen and (max-width: 1024px) {
	.munes,.xxl{ display:none;}
	#hamburger,.xl{ display:block;}
	.bottomlist{ display:block;}
	.footer-tit{ margin-bottom:65px; text-align:center;}
}

@media screen and (max-width: 1250px) {
	.warp{ width:960px;}
	.header .mune {padding:20px;}
	.header .mune .right .me { margin-left: 15px;}
	.header .mune .left img{ max-width:300px;}
	.ia .number{ margin-top:20px;}
	.ia .n-box { padding: 0 15px;}
	.ia h4 {width: 100%; padding: 14px 0;}
	.ip .right .pro-search { margin-top: 35px; padding: 20px 10px;}
	.ip .left>p { padding: 25px 0; width:100%;}
	.ip .right .ip-sel { padding: 10px 12px;}
	.ips-input,.ip-search .ips-btn {height: 40px;margin-bottom: 30px;}
	.icons { padding: 55px 0 100px 0;}
	.icons .left .icons-box { padding:30px;}
	.f-cont .fc-b{ text-align:center;}
	.f-cont .fc-b>* { float: none;}
	.f-txt .ft { margin-right: 40px;}
	.f-txt {  padding: 140px 0 55px 0;}
}
@media screen and (max-width: 1024px) {
	.psb .filter-text {width: 30% !important;}
	
	.warp{ width:90%;}
	.me{ display:none;}
	.header .warp{ width:100%;}
	.header .tit{ padding:0 20px;}
	.ia .left,.ia .right,.ip .left,.ip .right,.icons .left,.icons .right{ width:100%;}
	.ia .right{ margin-top:30px;}
	.ia,.ip{ padding: 40px 0;}
	.ip .right .pro-search { padding: 20px 30px;}
	.ip .right,.icons .right{ margin-top:40px;}
	.icons .right .icm-box .ic-btn { border:none;}
	.icons{ background-size:auto 100%;}
	.f-cont .fc-b {  padding: 15px 20px;}
	.f-txt,.f-cont{ display:none;}
	.f-tit { margin-bottom:65px;}
	#goToTop { bottom: 105px;}
	.header .mune { padding: 20px 15px;}
	.header .mune .left img { max-width: 240px; padding:4px 0;}
	.banner{padding-top: 132px;}
	.header .tit{ background:#2c62bc;}
	.header .tit .lua-c{ padding:0;}
	.header .tit .lua-c { top: 132px;}
	.f-tit{ border:none;}
	.header .tit .right,.in-header .tit .right{ height:auto !important;}
	.in-header .mune{ padding:20px 20px !important; width:calc(100% - 40px);}
}
@media screen and (max-width: 800px) {
	.psb .filter-text {width: 100% !important;}
}
@media screen and (max-width: 700px) {
	.header .tit .left{ display:none;}
	.header .tit .right{ height:auto;}
	.banner .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{ bottom:20px !important;}
	.f-tit{text-align:center;}
	.f-tit p{  float:none; line-height:20px;}
	.f-tit .left,.f-tit .right{float:none;}
	.ia .n-box span { font-size: 4em;}
	.ia .n-box h5 { font-size: 1.4em; line-height:20px;}
	.ip .left .ipb { float: none;  width: 60%;  margin: 10% 20%;}
	.i-tit { font-size: 3em;}
	.banner .swiper-button-next,.banner .swiper-button-prev { width: 30px !important; height: 30px !important;}
}
@media screen and (max-width: 500px) {
	.header .tit .lua img { padding: 0 5px 0 5px;}
	.in-header .mune{ padding:0 !important; }
	.p-all{ height:500px !important;}
}

/*news*/
@media screen and (max-width: 1024px) {
	.n-txt h3 {margin: 0 0 15px 0; padding-top: 15px;}
	.news-box{ padding:40px 0 0px 0;}
	div.fy a ,div.fy span.current,div.fy span.disabled {padding:4px 8px; margin:2px;}
	.ns-box { padding: 15px 20px;}
	.ns-more h3 { margin: 20px 0;}
	.newsshow-box {padding: 40px 0;}
	.ns-txt a { margin-top: 30px;}
}
@media screen and (max-width: 800px) {
	.news-list .page {width: 98%;  margin: 0 1% 40px 1%; float: none;}
	.n-txt a { padding: 12px 28px;}
}

/*user*/
@media screen and (max-width: 1024px) {
	.user-box{ padding:40px 0;}
}

/*download*/
@media screen and (max-width: 1024px) {
	.download-box{ padding:40px 0;}
	.down-list{ overflow:auto;}
	.product-box,.pb-none{ padding:40px 0;}
	.p-app-box{ padding:40px 0 0 0;}
}

/*product*/
@media screen and (max-width: 1250px) {
	.psb-sel { width:270px;}
	.psb-input{ width:auto;}
	.pb { width: 31.33%; margin: 0 1% 5px 1%;}
	.p-txt{ min-height:438px; padding:20px !important; line-height:28px;}
}
@media screen and (max-width: 1024px) {
	.p-box>*{ width:100%; margin:0;}
	.p-txt{ min-height:auto;}
	.p-img img { border: none;}
	.p-img{text-align:center; border:1px solid #ddd;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
	.p-list{ padding:20px 0 0 0;}
	.p-list a{display:block !important; float:none !important; line-height:40px;}
}
@media screen and (max-width: 800px) {
	.psb-sel,.psb-input,.psb-btn{ width:100%;}
	.pb { width: 48%; margin: 0 1% 5px 1%;}
}
@media screen and (max-width:500px) {
	.pb { width: 98%; margin: 0 1% 5px 1%;}
}

/*contact*/
@media screen and (max-width: 1250px) {
	.contact-txt{text-align:center;}
	.ct>p{ width:100%; margin-bottom: 15px;} 
	.ct>h3{ margin-bottom:20px;}
	.ct-dot { text-align:center; line-height:24px; margin-bottom: 15px;}
	.ct-dot span { margin-right: 0px; display:block; width:100%;}
}
@media screen and (max-width: 1024px) {
	.ct{ width:100%; overflow:hidden; margin-bottom:0px;}
	.ct-dot { float:left; width:48%; padding:10px 1%; margin-bottom:0;}
	.fb-input, .fb-text{ width:100%; margin:0 0 15px 0 !important;}
	.contact-box {padding: 40px 0;}
	.feedback>h3 { font-size: 3em;  padding:30px 0 !important;}
	.ct-dot .cd-d p{ height:48px;}
	.map{ width:100%; padding:0 0 50px 0;}
}
@media screen and (max-width: 500px) {
	.ct-dot { float:left; width:98%; padding:20px 1%;}
}

/*about*/
@media screen and (max-width: 1250px) {
	.about-arrow {width: 12%; margin: 0 44%;}
	.hy-d { height: 140px;}
}
@media screen and (max-width: 1024px) {
	.ph-b img{ width:240px;}
	.about-arrow {width: 20%; margin: 0 40%;}
	.about-t .left{ width:100%; border-right:none; border-bottom:1px solid #ddd; padding-right: 0%; padding-bottom:40px;}
	.about-txt,.about-policy,.about-organization,.about-history,.about-laboratory, .about-workshop{ padding:40px 0;}
	.about-t .right { width: 100%;  margin-left: 0%;}
	.a-n{ margin:40px 0 0 0; float:left; width:23.33%; padding:0 5%;}
	.a-box {top: 23%;}
	.about-organization img,.history-list{ padding-top: 30px;}
}
@media screen and (max-width: 800px) {
	.about-t .left p {margin-top: 16px;}
	.a-n h3 { font-size: 4.8em;}
	.a-tit,.about-txt>.warp>h3,.policy-tit h3{ font-size:3em;}
	.policy-tit>p{ margin-bottom: 35px;}
	.ph-b{ float:none; margin-right: 0px;}
	.ph-b p{ padding:16px 0;}
	.policy-tit{ text-align:center;}
	.about-policy { background: url(../images/about/policy-bg2.jpg) center right no-repeat;}
	.hy-t {width: 100%;padding: 20px 40px;text-align:left !important;height:auto;margin-bottom:10px;}
	.hy-d{ height:auto; float:none; }
	.hy-t:after{ height:60%}
	.hy-t:before{ top:10px;}
	.hy-d:nth-child(2n) .hy-t{ background:rgba(255,255,255,0.05) !important;}
	.hy-d:nth-child(2n+1) .hy-t:after{left:18px; top:35px;}
	.hy-d:nth-child(2n) .hy-t:after{ left:18px; top:35px;}
	.hy-d:nth-child(2n+1) .hy-t:before{ left:10px;}
	.hy-d:nth-child(2n) .hy-t:before { right:auto; left:10px;}
	.a-n { margin: 20px 0 0 0; width: 29.33%;  padding: 0 2%;}
	.about-imgs { padding: 30px 0 50px 0;}
}
@media screen and (max-width: 600px) {
	.a-n p { font-size: 1.4em; line-height:20px;}
	.a-n { margin: 20px 0 0 0; width: 32.93%;  padding: 0 0.2%;}
	.a-tit,.about-txt>.warp>h3,.policy-tit h3{ font-size:2.4em;}
	.about-arrow {width: 34%;  margin: 0 33%;}
}