@media only screen and (max-width:1750px) {
	.header .nav li a{ padding:0 14px;}
}
@media only screen and (max-width:1680px) {
	/*首页*/
	.section-4 .title .about{ width:35%  }
	.section-4 .title .list{width: 65%; margin-left: 0}
	.section-4 .title .about .about-1,.section-4 .title .about .about-2{float: none;width: 100%}
	.section-4 .title .about .about-2{margin-top: 5%}
	.section-1 .about p{font-size: 1.6rem; margin:5% 0; line-height: 2.4rem;}
	.section-5 #oranger a{ padding:10px 15px;}
	.section-1 .about h1,.section-3 .title h1,.section-4 .tit h3,.section-5 .tit h3{ font-size: 3.2rem; line-height: 4rem;}
	.section-1 .about em,.section-4 .tit h4,.section-5 .tit h4 { font-size: 2rem;}

	.header .hl1{ width:450px;}
	.header .nav li a,.header .search,.header .lan{ line-height:80px;}
	.header .nav li a,.header .search{ height:80px;}
}
@media only screen and (max-width: 1440px) {
	
	.header .logo{width: 20%}
	
	.xxl{ display:none !important;}
	.xl{ display:block !important;}

	.header .nav li a,.header .search{ padding:0 20px;}

	.section-5 #oranger a{ margin:0 6px;}
	.section-5 .box{ margin-top:40px;}
	.section-5 .tit p{ margin-bottom:40px;}
	.section-1 .about p{ margin:2% 0;}
	.section-1 .about img{ width:240px;} 
	.section-1 .about a{ margin-top:5%;}
	.section-4 { padding: 60px 3% 60px 3%;}
	.section-4>.txt{ padding-top:0;}
	.header .hl1{ display:none;}
	.header .hl2{ display:block; width:180px; margin:15px 0 0 15px; }

}
@media only screen and (max-width:1366px) {
	.section-1 .about h1{ font-size:3.2rem;}
	.section-5 #oranger a {margin: 0 0px; padding: 6px 10px; font-size: 1.4em;} 
	.section-1 .about{ width:300px;}
	.section-1 .about p {font-size: 1.4rem;}
	.section-4 .txt .left p { font-size: 1.4em;  line-height: 24px;  margin-bottom: 20px;}
	.section-4 .txt .left a{ margin-top:40px;}
	.section-4 .txt .right .dot{ margin-bottom:80px;}
	.header .logo{ width:18%;}
}
@media only screen and (max-width:1200px){
	.section-2{min-height: 650px;}
	.section-3 .news{width: 100%; float: none}
	.section-3 .video{width: 100%;float: none; margin-top: 5%}
	.section-3 .title{width: 100%}
	.section-1 .about{padding: 2% 3%}
	.section-1 .about h1{ font-size:3rem; line-height:3.5rem;}
	.section-1 .about em{font-size: 2rem;}
	.section-1 .about p{ line-height:2rem; font-size:1.4rem;}
	.section-1 .about img{ width:90%;}
	.section-2  h1{font-size: 3.4rem}
	.section-2  em{font-size: 2rem;}
	.section-2 .list li h2{font-size: 2.6rem;}
	.section-2 .list li h3{font-size: 1.4rem}
	.section-3 .title h1{font-size: 3.6rem;}
	.section-3 .news .topnew article h2{font-size: 2.2rem}
	.section-4 .title .about .about-1 h1{font-size: 3.6rem;}
	.section-4 .case h1{font-size: 3.6rem}
	.section-4 .case em{font-size: 2.4rem}
	.section-4 .case  p{padding:3%;}

	#certify  .swiper-slide .casetitle article p{font-size: 2rem}
	#certify  .swiper-slide .casetitle article i{font-size: 1.4rem}
	
	.footer-box .left{width: 100%;text-align: center;margin-bottom: 40px;}
	.footer-box .right{width: 100%; float: none}
	.header .search{ display:none;}
	.header .logo img,.header .lan,.header .nav li a{ height:80px;  line-height: 80px;}
	
	.section-5 .box .img{ width:50%; margin-bottom:30px; text-align:center;}
	.section-1 .img1, .section-1 .img2, .section-1 .img3, .section-1 .img4{ width:50%;}
	.section-1 .about{ width:460px;}
	.section-5 #oranger a{ margin-bottom:5px;}
	.header .hl2{ margin:0 0 0 15px;}
}
@media only screen and (max-width:1100px){
	
	.section-4 .title .about{ width:100%  }
	.section-4 .title .list{width: 100%; margin-left: 0; margin-top:5%;}

	.header .nav li a,.header .search{ padding:0 15px;}
	.section-4 .txt .right{ padding-right:0;}
	.section-5 { padding: 40px 3% 20px 3%;}
	.section-5 .tit p{ margin-bottom:40px;}
}
@media only screen and (max-width:1000px){
	.ipl .name{ left:0;}
	.section-2{min-height: 550px;}

	.header .nav,.header .lan,.header .search{display: none}
	#hamburger {display: block;}
	.header .logo{width: 50%}
	
	.section-1 .img1, .section-1 .img2, .section-1 .img3, .section-1 .img4{ width:25%;}
	.section-1 .about{ width:100%; display:block;}
	.section-1 .about img{ max-width:100% !important; width:356px;}
	.section-1 .about{ padding:50px 3%;}

	.ptp-tit .tip{display: none;}
	.keifu{display: none}
}
@media only screen and (max-width:800px) {
	.section-1 .about{ width: 66.66%;display:table-cell; float:left; padding:4% 2%;}
	.section-1 .img1{ width:33.33%;}
	.section-1 .img4,.section-1  .img2,.section-1 .img3{ display:block;width: 33.33%}
	.section-1 .about h1{font-size: 4rem; font-weight:bold; line-height: 5rem}
	.section-1 .about p{font-size: 1.6rem; color: rgba(247,247,247,0.7);margin: 2% 0; line-height: 2.4rem;}
	.section-1 .about img{ width:auto;}

	.section-4 .title .list{display: none;}
	.xl{ display:none !important; }
	.x{ display:block !important;}
	.section-5 .tit p{ font-size:1.4em;}
	.section-4 .txt .left,.section-4 .txt .right{ width:100%;}
	.section-4 .txt .right{ margin-top:60px;}
	.section-4 .txt .right>*{ float:left;}
	.section-4 .txt .right .dot{ margin-bottom:0; text-align:center;  width:33.33%;}
	.section-4 .txt .right .dot .img{ margin:0 0 10px 0;}
	.section-4 .txt .right .dot>*{ float:none;}


}
@media only screen and (max-width:768px) {
	.lg{display: none}
	.sm{display: block}
	
	.section-3 .news .topnew .img{width: 100%; display: block}
	.section-3 .news .topnew article{width: 100%;display: block}
	.footer{margin-bottom:60px;}
	.fixed-nav{display: block;}
	.ptp-tit .fir_list{display: none}

}
@media only screen and (max-width:640px) {
	.section-1 .about p{ line-height:2rem; font-size:1.4rem;}
	.section-2{padding: 10% 2% }

	.section-1 .about h1{font-size: 3rem}
	.section-1 .about em{font-size: 1.6rem;}
	.section-2  h1{font-size: 3rem}
	.section-2  em{font-size: 1.4rem;}
	.section-2 .list li h2{font-size: 2rem;}
	.section-2 .list li h3{font-size: 1.2rem}
	.section-3 .title h1{font-size: 3rem;}
	.section-3 .news .topnew article h2{font-size: 1.6rem}
	.section-4 .title .about .about-1 h1{font-size: 3rem;}
	.section-4 .case h1{font-size: 3rem}
	.section-4 .case em{font-size: 2rem}
	#certify  .swiper-slide .casetitle article p{font-size: 1.4rem; padding:0px;}
	#certify  .swiper-slide .casetitle article i{font-size: 1.2rem}
	
	
	.section-4 .title{padding: 6%}

	.footer-box .right .code{display: none}
	.footer-box .right .contact_f{width: 100%}
	.footer{padding: 2% 0}
	.footer .left,.footer .right{float: none; width: 100%; text-align: center;line-height: 2rem;}
	.footer-box{padding: 4%}
	
	.section-1 .about{ width: 100%;display:table-cell; float:left; padding:6% 4%;}
	.section-1 .img1,.section-1 .img4,.section-1  .img2,.section-1 .img3{ display:block;width: 50%}
	
	.footer-box .b{ display:block; margin:0 auto;}
	.footer-box .a{ display:none; }
	.footer-box .left{ margin:20px 0;}
}
@media only screen and (max-width:500px) {
	.section-5 .box .img{ width:100%;}
	.section-5 .tit p{ margin-bottom:20px;}
	.section-4 .txt .right .txt h3{ font-size:3.2em;}
}
@media only screen and (max-width:414px) {
	.section-1 .about{ padding:4% 2%;}
	.section-1 .about img{ width:80%;}
	.section-1 .about h1{ font-size:2.4rem; line-height:3rem;}
	.section-1 .about p{ line-height:2rem; font-size:1.2rem;}
}

/*recruitment*/
@media only screen and (max-width:1450px) {
	.hr-dot {width: 50%; margin-bottom:15px; padding:0 6%; height:300px;}
	.in-tit { padding: 45px 0;}
	.in-l h3 {font-size: 2.4em;}
	.in-r p { font-size: 1.6em;}
	.in-r a:after {left:16px; top:22px; width:16px;}
	.txt-tit h3 { font-size: 2.4em;}
	.txt-tit h4 { font-size: 1.8em;}
}
@media only screen and (max-width:1024px) {
	.HR-txt>p {  font-size: 1.4em;line-height: 24px;   width: 80%; margin-top: 25px;}
	.hr-dot { padding: 0 4%;}
	.hr-dots {width: 100%;}
	.join>p { font-size: 1.6em; line-height:24px; width:60% ; margin:0 auto;margin-bottom:30px;}
	.join table tr td { font-size: 1.4em;}
	.in-l,.in-r{ width:100%;}
	.in-l{ margin-bottom:12px;}
	.in-r{ text-align:right;}
}
@media only screen and (max-width:800px) {
	.join-t{overflow-x:auto;}
	.join table{  width:800px;}
	.HR-txt>p{ width:90%}
	.hr-dot { height:350px;}
	.join table tr td { padding: 12px 2%;}
	.join>p {  font-size: 1.4em;  width: 75%;}
	.join-input{ width:60%; padding: 12px 10px 12px 10px; font-size:1.4em;}
	.join-btn { margin-left:2%; font-size: 1.5em; padding: 10px 30px;}
	.in-tit { padding: 25px 0;}
	.in-r a { font-size:1em; width: 130px; height: 35px; padding: 6px 10px;  margin-left: 0px;}
}
@media only screen and (max-width:600px) {
	.join>p { width: 85%;}
	.HR-txt>p { line-height: 20px; width: 95%;  margin-top: 15px;}
	.hr-dot { height:auto; width:100%; text-align:center;}
	.join table tr td { padding: 8px 2%;}
	.in-tit { padding: 15px 0;}
	.in-l h3 { font-size: 2em;}
}

/*news*/
@media only screen and (max-width:1400px) {
	.nd1{ width:6%; margin-left:12%;}
	.nd2{ width:32%; margin-bottom:12px;}
	.nd3 { padding-right:6%; width: 80%; margin-left: 1%; float:right;}
}
@media only screen and (max-width:1200px) {
	.nd1{ width:10%; margin-left:8%;}
	.nd2{ width:36%; margin-bottom:12px;}
}
@media only screen and (max-width:1000px) {
	.nd2{ width:42%;}
}
@media only screen and (max-width:800px) {
	.nd1{ width:14%; margin-left:4%;}
	.nd2{ width:52%;}
	.nd3 p { margin-bottom: 35px;}
	.nd3 a { padding: 10px 30px;}
}
@media only screen and (max-width:600px) {
	.nd1{ width:18%; margin-left:0%;}
	.nd2{ width:70%;}
}
@media only screen and (max-width:500px) {
	.nd1 h3 { font-size: 2em;}
	.nd1 h4 { font-size: 1.6em;}
	.nd2{ width:80%;}
	.nd3 p {line-height: 30px;}
	.nd3 { padding-right: 0%;}
}

/*service*/
@media only screen and (max-width:1000px) {
	.service1-dot{ width:48%;}
	.s1-txt h3 { font-size: 1.6em;}
	.s1-txt p{ line-height:20px;}
}
@media only screen and (max-width:600px) {
	.service1-dot{ width:90%;margin: 5%; margin-bottom: 100px;}
	.service2-txt { margin: 30px 0 0 0;}
}

/*contact*/
@media  screen and (max-width: 1500px) {
    .cdt span { width: 30%;}
    .cdt p{ width:70%;}
    .cd2-img img {padding: 40px;}
    .ico-input {  width: 48.5%;}
    .ico-text {width: 98.2%;}
}
@media  screen and (max-width: 1024px) {
	.warp{ width:90%; margin:0 auto;}
    .ico-input {  width: 48.5%;}
    .cd2-img img {padding: 30px; }
    .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;}
}
@media  screen and (max-width: 800px) {
	.con-dots{ margin:25px 0;}
    .con-dot{ width:48%;  padding:0 1%;}
    .cd2-img img {padding: 20px; width:120px;}
    .cd-txt {  padding: 15px 0;}
    .cf-area p { padding: 25px 2% 15px 2%;}
    .ico-input {  width: 98.5%;}
    .ctit h3 {  font-size: 2em;}
}
@media  screen and (max-width: 600px) {
     .con-dot { width: 98%; padding: 0 1%;}
	  #mapContainer{ height:400px !important;}
}

/*product*/
@media  screen and (max-width: 1200px) {
	.prod-box2>div{ display:block;}
	.prod-box1d{ width:100%;  height:fit-content;}
	.prod-box1d{padding:20px 0;}
	.prod-box2 .pb-txt2 h3{ background:#340c70; color:#ececec; border:1px solid #ececec; }
	.prod-t-img h3 { font-size: 2.4em;}
	.prod-tit img { margin-bottom: 6%; width:80px;}
	.prod-t-img h4 { font-size: 1.4em;}
	.prod-bt h3,.pb-txt2 h3{ font-size:1.6em;}

	.prod-none{ padding-top:0%;}
	.pa{ display:block !important;}
	.pb{ display:none !important;}
	.pb-1 img, .prod-box2d img{ opacity:1;}
	.prod-box2d{ height:fit-content;}
	.pb-txt2 h3{ margin:12px 0.5%;}
}

/*product-n*/
@media  screen and (max-width: 1200px) {
	.ptp{ width:31.33%;}
	.ptp-box{width: 94%;}
	.ptp-tit .tip .tips{ font-size: 14px;}
}
@media  screen and (max-width: 1024px) {
	.ptp-list1 a {  padding: 6px 30px;  font-size: 1.6em; margin:2px 6px;}
	.ptp-list2 a{ font-size:1.4em;}
	.pl2:after,.ptp-list2 a:hover:after{ top:7px;}
	.ptp-box{top:0%;}
}
@media  screen and (max-width: 800px) {
	.ptp{ width:48%;}
	.ptp-box{width: 96%;}
	.ptp-tit p, .ptp-tit span,.ptp-tit a{ font-size:1.4em; font-weight:normal;}
	.pb-txt2{ width:90%;}
	.pn-list a{ font-size: 1.4em; margin:3px; padding:6px 10px; }
}
@media  screen and (max-width: 500px) {
	.ptp{ width:80%; margin:1% 10%;}
	.ptp-box{width: 98%;}
}
@media  screen and (max-width: 400px) {
	.ptp{ width:90%; margin:15px 5%;}
	.ptp-box{width: 98%;}
}

/*productshow*/
@media  screen and (max-width: 1024px) {
	.pro-tit li{ font-size:1.6em;padding: 8px 15px;    margin-right: 2px;}
	.pro-tit{height: 40px;}
	.prs-tit h3{ font-size:2.4em;}
	.pro-more {padding: 30px 0 0 0;}
	.prsi,.prs-tit{ float:none; width:100%; margin:0;}
	.prsi{ text-align:center;  margin-bottom:20px;}
}

/*ina*/
@media  screen and (max-width: 1600px) {
	.ina>*{ padding:40px 20px;}
	.iab .title h3,.inews .title h3{ font-size:3.2em;}
	.iab .txts .txt{ padding-right:20px;}
}
@media  screen and (max-width: 1450px) {
	.ina>*{ display:block; width:100%;}
	.inews>*{ max-width:1150px;}
	.inews{ overflow:hidden;}
	.inews .one{ float:left; width:420px;}
	.inews .two{ float:left; width:calc(100% - 420px); padding-left:40px;}
}
@media  screen and (max-width: 1024px) {
	.iab .txts .txt .list { margin: 40px 0 45px 0;}
	.iab .txts .txt .list .dot span{ font-size:1.6em;}
	.iab .txts .txt .list .dot .img{  width:100%; margin-bottom:10px;}
	.iab .txts .txt .list .dot p{ width:100%;}
}
@media  screen and (max-width: 850px) {
	.iab .title h3,.inews .title h3{ font-size:2.4em;}
	.inews .title h3{ margin-bottom:20px;}
	.iab .txts{ margin-top:20px;}
	.inews>*{ max-width:420px;}
	.inews .one,.inews .two{ float:none; width:100%;}
	.inews .two{ padding-left:0;}
	.iab .txts .txt{ width:100%; float:none;}
	.iab .txts .video{ width:100%; max-width:480px; margin:40px auto 0 auto; float:none;}
}
@media  screen and (max-width: 450px) {
	.inews .one h4{ font-size:1.8em; margin:5px 0;}
	.ina>*{ padding:30px 20px;}
	.iab .txts .txt{ padding-right:0;}
}