@charset "utf-8";

/* CSS Document */
/*Common For Max 1680*/
@media only screen and (max-width: 1699px) {
  .w,.w2,.w3 { width: 90%; }
  .nav{width: 800px;}
  .nav ul li a{font-size: 18px;letter-spacing: 0;}
  .banner {height: 650px;}
  .banner .slick-dots li a{width: 12px;height: 12px;}
  .i-pro .w2 .i-con{padding: 0 60px;}
  .i-pro .i-con .i-prolist{margin: 0;width: 100%;}
  .i-pro .slick-prev, .i-pro .slick-next{width: 50px;height: 50px;background-size: 100%;}
  .i-pro .slick-prev{left: -60px;}
  .i-pro .slick-next{right: -60px;}
  .i-news .i-con .item h2{font-size: 38px;}
  .gbook .title span{font-size: 32px;}
}

/*Common For Max 1440*/
@media only screen and (max-width: 1499px) {
  .w,.w2,.w3 { width: 94%; }
  body{padding-top: 100px;}
  .head{height: 100px;}
  .head .w,.head .logo,.head .logo img{height: 100%;}
  .nav{margin-right: 5%;margin-top: 0;}
  .nav ul li .sub-nav{top: 90px;}
  .search{padding: 0;width: 35px;transition: 0.8s;position: absolute;right: 0;top: 50%;transform: translateY(-50%);margin-top: 0;}
  .search input{width: 0;transition: 0.8s;float: right;}
  .search:hover{padding: 0 40px 0 25px;width: 200px;}
  .search:hover input,.history,.nav ul li .sub-nav,.w4{width: 100%;}
  .banner {height: 550px;}
  .banner .slick-dots li a{width: 10px;height: 10px;}
  .map .i-con .info br,.left-menu{display: none;}
  .map .tab-con{min-height: 67vw;}
  .map .con{height: 55vw;}
  .media .con ul li{max-width: 32%;}
  .media .con.poster ul li{max-width: 23%;}
  .i-news .i-con .item h2{}
  .container .title h2{font-size: 32px;}
  .joblist dl dt,.joblist dl dd .con h2{font-size: 24px;}
  .joblist dl dd .con p{font-size: 20px;}
}

/*Common For Max 1280*/
@media only screen and (max-width: 1290px) {
  body{padding-top: 80px;}
  .head{height: 80px;border-bottom-width: 5px;}
  .nav{width: calc(98% - 300px);margin-right:0;}
  .nav ul li{/*width: 16%;margin-right: 0;*/}
  .nav ul li a{line-height: 75px;}
  .nav ul li .sub-nav{top: 75px;}
  .banner {height: 500px;}
  .map .i-con .info{width: 46%;}
  .map .tab{width: 50%;}
  .trait{width: 100%;}
  .i-news .i-con .item h2,.container .title h2,.newslist ul li .text h2 a,.gbook .title span,.history .box dl dt,.media .tit h2{font-size: 26px;}
  .joblist dl dt,.joblist dl dd .con h2{font-size: 20px;}
  .joblist dl dd .con p{font-size: 16px;}
  .search{width: 25px;}
  .search input{line-height: 16px;height: 16px;}
  .search button{width: 24px;height: 24px;background-size: 65%;}
}

@media only screen and (max-width: 1199px) {
  .history .box dl{width: 80%;}
  .honor ul li,.proinfo .pic,.proinfo .text,.techlist .item .l,.techlist .item .r{width: 100%;max-width: unset;}
  .honor ul li.two{height: auto;}
  .honor ul li:nth-last-child(3){border-bottom: none;}
  .i-news .i-con .item h2,.container .title h2,.newslist ul li .text h2 a,.gbook .title span,.history .box dl dt,.media .tit h2{font-size: 24px;}
  
  .i-news .i-con .item h2,.i-pro .i-con .i-prolist .item p,.foot .foot-nav dl dt,.container .wp.a3 .con dl dt,.container .wp .structure dl dt,.container .wp .structure dl dd,.prolist ul li b,.techlist .item .l h2,.proinfo .text h2,.more-pro .tit{font-size: 18px;}
  .i-news .i-con .item span,.map .i-con .info,.map .tab span,.newslist ul li .text span,.pages a,.container .content *,.next .con .r,.next .title .share,.container .wp.a3 .con dl dd,.container .wp.a6 .r .num dl dd,.culture .row .con,.culture .row .con *,.honor ul li,.container .title p,.container .title p,.prolist ul li p,.prolist ul li b i,.proinfo .text .con, .proinfo .text .con *,.proinfo .text dl dt, .proinfo .text dl dd, .proinfo .text dl dd *,.techlist .item .l span,.gbook .row p,.gbook .row .btn,.nav ul li .sub-nav a,.nav ul li .sub-nav dl dt a,.history .box dl dd p,.consult .title .share,.pages .addto{font-size: 16px;line-height: 150%;font-weight: normal;}
  .proinfo .text dl{margin: 0 auto;padding: 10px 0;}
  .proinfo .text dl dd em{padding-right: 0;margin-right: 20px;}
  .proinfo .text dl dd em::after{width: 35px;right: 50%;transform: translateX(50%);}
  .proinfo .text dl dd .wheel{margin-top: 0;}
  .proinfo .text dl dd .wheel img{height: 30px;}
  .pages .addto{line-height: 200%;}
}

/*Common For Max 1023*/
@media only screen and (max-width: 1023px) {
  body{padding-top: 62px;}
  .head{height: 63px;}
  .head .logo{overflow: hidden;width: auto !important;background: #fe0000;}
  .head .logo img{transform: scale(1.3);margin-left: 0;}
  .nav,.search,.nav ul li .sub-nav dl dd{display: none;}
  .nav{width: 100% !important;background: #fff;position: absolute;top: 63px;left: 0%;padding-left: 4%;box-shadow: 0 0 10px rgb(0 0 0 / 50%);}
  .nav ul li,.nav ul li .sub-nav dl dt{width: 100%;}
  .nav ul li .sub-nav{display: block;top: auto;position: relative;padding: 0;border: none;}
  .nav ul li .sub-nav a,.nav ul li .sub-nav dl dt a{width: 25%;float: left;font-weight: normal;background: none;font-family:inherit;}
  .nav ul li .sub-nav a:hover, .nav ul li .sub-nav a.on{font-weight: normal;font-family:inherit;}
  .nav ul li .sub-nav dl dt a:hover, .nav ul li .sub-nav dl dt a.on{color: #6b6b6b;}
  .menuBtn{display: block;}
  .lang{right:65px;}
  .banner {height: 450px;}
  .banner .slick-dots{bottom: 10%;}
  .banner .slick-dots li a{width: 8px;height: 8px;margin: 3px;}
  .i-pro .w2 .i-con{padding: 0 20px;}
  .i-pro .slick-prev, .i-pro .slick-next{width: 40px;height: 40px;}
  .i-pro .slick-prev{left: -25px;}
  .i-pro .slick-next{right: -25px;}
  .map .i-con .info,.container .wp.a6 .r .num{min-height: unset;}
  .map .i-con .info,.map .tab{width: 100%;}
  .map .tab-con{min-height: 75vw;}
  .map .tab span{line-height: 40px;}
  .brand{padding: 3% 0;}
  .foot .foot-nav{padding: 3% 0;}
  .foot .foot-nav dl,.contact .bg dl,.contact .bg dl:nth-child(3n){width: 33.33%;}
  .foot .foot-nav dl:nth-child(5){width: 66.6%;}
  .position{margin:  3% auto;}
  .culture .row .con li,.culture .row .l, .culture .row .r{margin: 2% 0; width: 100%;}
  .prolist ul li,.i-news .i-con .item,.newslist ul li .pic,.newslist ul li .text{width: 49%;}
  .prolist ul li{margin-right: 2%;margin-top: 1%;margin-bottom: 1%;}
  .prolist ul li:nth-child(5n){margin-right: 2%;}
  .prolist ul li:nth-child(2n){margin-right: 0;}
  .more-pro .prolist ul li:nth-child(3n){display: none;}
  .i-news .i-con .item h2,.container .title h2,.newslist ul li .text h2 a,.gbook .title span,.history .box dl dt,.media .tit h2,.parameter .tit{font-size: 22px;}
  .joblist dl dt{padding-left: 5%;}
  .joblist dl dd{padding:3% calc(5% + 8px);}
}

/*Common For Max 768*/
@media only screen and (max-width: 959px) {
  .banner {height: 400px;}
  .pages .addto{display: block;margin: 0 auto 10px;}
}

/*Common For Max 480*/
@media only screen and (max-width: 766px) {
  *{font-family: none !important;}
  .menuBtn{width: 35px;height: 30px}
  .menuBtn b{}
  .menuBtn.open b{width: 35px;height: 2px;}
  .banner {height: auto;}
  .banner .slick-dots li a{width: 5px;height: 5px;margin: 3px;}
  .slide,.map .cn .con,.slide, .map .int .con,br{display: none;}
  .pc{display: none !important;}
  .m{display: block !important;}
  .map .cn .con.m{background-image: url(../images/mmap0.jpg);}
  .map .int .con.m{background-image: url(../images/mimap0.jpg);}
  .l,.r,.container .wp.a3 .con dl,.container .wp.a6 .l .num dl{width: 100% !important;margin-right: 0;}
  .i-news,.i-pro{padding: 10% 0;}
  .i-news .i-con .item{min-height:unset;padding: 15px;margin: 10px auto;padding-right: 60px;}
  .i-news .i-con .item i,.foot .copyright p,.newslist ul li .text i{font-size: 12px;margin-top: 10px;}
  .i-pro .i-con .i-prolist .item p,.foot .foot-nav dl dt,.newslist ul li .text h2 a,.container .wp.a3 .con dl dt,.container .wp .structure dl dt,.container .wp .structure dl dd,.techlist .item .l h2,.more-pro .tit,.gbook .title span,.contact .bg dl dt,.contact .bg dl dd,.nav ul li a,.media .tit h2,.class .bg b,.container .title h2,.next .con .l a,.parameter .tit,.joblist dl dt,.joblist dl dd .con h2{font-size: 16px;}
  .i-news .i-con .item span,.map .i-con .info,.map .tab span,.newslist ul li .text span,.pages a,.container .content *,.next .con .r,.next .title .share,.container .wp.a3 .con dl dd,.container .wp.a6 .r .num dl dd,.culture .row .con,.culture .row .con *,.honor ul li,.container .title p,.container .title p,.prolist ul li p,.prolist ul li b i,.proinfo .text .con, .proinfo .text .con *,.proinfo .text dl dt, .proinfo .text dl dd, .proinfo .text dl dd *,.techlist .item .l span,.gbook .row p,.gbook .row .btn,.nav ul li .sub-nav a,.nav ul li .sub-nav dl dt a,.history .box dl dd p,.consult .title .share,.joblist dl dd .con p,.pages .addto{font-size: 14px;line-height: 150%;font-weight: normal;}
  .i-news .i-con .item a.more,.newslist ul li .text a.more{position: relative;bottom: auto;left: auto;margin: 3% auto;display: inline-block;font-size: 14px;}
  .i-news .i-con .item.r{background-size: 75%;background-repeat: no-repeat;background-color: #000;background-position: bottom right;}
  .i-tit{margin: 0 auto;letter-spacing: 0;}
  
  .prolist ul li b,.prolist ul li b i,.parameter .con table p,.foot .foot-nav dl dd a{font-size: 12px;}
  
  .prolist ul li .pic{width: 80%;padding-bottom: 115%;}
  .prolist ul li{padding: 0 10px;}
  .prolist ul li b i{margin-left: auto;padding: 0 10px;}
  .pages .addto{line-height: 200%;}
  
  .i-pro .w2 .i-con{padding: 0 20px;}
  .i-pro .slick-prev, .i-pro .slick-next{width: 21px;height: 41px;top: 40%;}
  .i-pro .slick-prev{background-image: url("../images/arr-l2.png");left: -10px;}
  .i-pro .slick-next{background-image: url("../images/arr-r2.png");right: -10px;}
  .i-pro .i-con .i-prolist .item{padding: 20px;background: none;}
  .i-pro .i-con .i-prolist .item h2,.i-pro .i-con .i-prolist .item p,.i-pro .i-con .i-prolist .item b{color: #fff;}
  .i-pro .i-con .i-prolist .item h2,.prolist ul li h2,.proinfo .text h2{font-size: 24px;line-height: 150%;}
  .i-pro .i-con .i-prolist .item .big{height: auto;margin-bottom: 20px;}
  
  /*.i-news .i-con .item h2,.newslist ul li .text h2 a{font-size: 16px;}*/
  .i-news .i-con .item h2{font-size: 20px;}
  .map{padding-bottom: 0;}
  .map .i-tit h2,.i-tit h2,.container .title span,.culture .row .tit,.culture .row .tit font{font-size: 18px;line-height: 200%;}
  .map .tab-con{min-height: unset;}
  .map .tab span{letter-spacing: 0;line-height: 30px;width: 50%}
  .map .tab span:nth-child(3n){border-right: 1px solid #89898b;}
  .map .tab span:nth-child(2n){border:none;}
  .i-tit a{font-weight: normal;font-size: 14px;padding: 0 5%;line-height: 30px;}
  
  .map .int .con {height: 300px;}
  .map .cn .con {height: 515px;}
  
  .newslist ul li{margin: 10px auto;}
  .newslist ul li .pic,.newslist ul li .text,.history .box,.history .box dl{width: 100%;max-width: none;margin-right:0;}
  /*.prolist ul li{width: 48%;max-width: none;margin-right:4%;}*/
  .newslist ul li .pic{height: 50vw;}
  .newslist ul li .text i,{margin-top: 15px;}
  .next a img{width: 40px;}
  .next .title .share,.history .box{margin-top: 0;}
  
  .brand{padding: 0;}
  .brand ul li{background:#ff0000;border-right: 0.5px solid #fff;}
  .brand ul li:nth-child(2){background:#ffe100;overflow: hidden;}
  .brand ul li:nth-child(3){background:#22ac39;border-right: none;}
  .brand ul li:nth-child(2) img{/*transform: translateX(-360px);-webkit-transform: translateX(-360px);filter: drop-shadow(360px 0 #000);*/}
  
  
  .nbanner{height: 150px;background-size: auto 100%;}
  
  .pages a{padding: 0 10px;margin: 0 5px;}
  
  .container .wp.a1 .num dl{width: 40%;height: 37.6vw; margin: 4.5%;padding-top: 7%;}
  .container .wp.a1 .num dl dt,.container .wp.a6 .l .num dl dt,.container .wp.a6 .r .num dl dt,.container .wp.a1 .num dl:nth-child(2n) dt i{font-size: 45px;}
  
  
  .container .wp .structure dl,.joblist dl dd .con img{position: relative;}
  .container .wp.a5 .structure dl{left: 0;top: 0;}
  .container .wp.a6 .r .num dl{margin-bottom: 0;padding: 2% 5%;}
  .container.about .content img,.container .wp.a6 .r .num{margin: 5% auto !important;}
  .container .wp.a6 .r .num{padding-bottom: 26%;height: 0;overflow: hidden;}
  
  .trait .slick-next{width: 40px;height: 40px;}
  
  .proinfo .pic img{width: 80%;margin: 0 auto;}
  .proinfo .text .ico img{height: 50px;}
  .proinfo .text dl dt{width: 80px;}
  .proinfo .text dl dd{width: calc(100% - 80px);}
  .proinfo .text dl dd em::after{height: 2px;top: 20px;}
  .proinfo .text dl dd .wheel img{height: 20px;}
  
  .media .con ul li,.media .con.poster ul li,.media .con ul li:nth-child(3n),.media .con.poster ul li:nth-child(3n){max-width:unset; width: 48%;margin: 1%;}
  .media .tit a{width: 25px;height: 25px;}
  
  .contact .bg{padding: 20px 30px;}
  .contact .bg dl,.contact .bg dl:nth-child(3n){width: 100%;margin: 3% auto;}
  .contact .bg dl dt,.contact .bg dl dd{width: 50%;float: left;font-weight: normal;}
  
  .gbook .row input, .gbook .row textarea{border-width: 1px;line-height: 35px;}
  .gbook .row .fr img{width: 100px; height: 35px;}
  .gbook .row .btn{padding: 5px 20px;}
  
  .foot{overflow: visible;}
  .foot .copyright{text-align: center;color: #ddd;}
  .foot .copyright a,.foot .copyright .design,.foot .copyright span,.history .box::after{display: none;}
  .share .qrcode{width: 150px;padding: 10px;left: auto;right: 13px;transform: none;}
  .share .qrcode::after{left: auto;right: 0px;width: 0;height: 0;bottom: -16px;background: none;transform: rotate(90deg);border: 8px solid #000;border-top-color: white;border-bottom-color: transparent;border-left-color: white;border-right-color: transparent;}
  .float img{width: 35px;}
  .float .inquire{height: 35px;line-height: 35px;font-weight: normal;font-size: 14px;width: 160px;}
  .foot .copyright{line-height: 30px;border-top-color: #8e8e8e;}
  .foot .copyright p{color: #bbb;}
  
  .foot .share{float: none;text-align: center;width: 100%;border-bottom: 1px solid #8e8e8e;padding-top: 10px;}
  .foot .foot-nav{padding-top: 0;}
  .foot .foot-nav dl{width: 90%;text-align: center;float: none;}
  .foot .foot-nav dl dd{display: flex;}
  .foot .foot-nav dl:first-child dd{display: block;}
  .foot .foot-nav dl:first-child dd a{width: 33.3%;float: left;}
  .foot .foot-nav dl:nth-child(5){width: 100%;text-align: center;}
  .foot .foot-nav dl:nth-child(5) dd{display: block;}
  .foot .foot-nav dl:nth-child(5) dd span{display:contents;font-size: 12px;}
  
  .foot .foot-nav dl dd span{white-space: nowrap;}
  
}

/*Common For Max 480*/
@media only screen and (max-width: 490px) {
  .head .w{width: 100%;}
  .menuBtn{right: 3%;}
  .banner .slick-dots li{border-width: 1px;}
  .contact .bg dl dt, .contact .bg dl dd{font-size: 14px;}
  /*.media .con ul li,.media .con.poster ul li{width: 100%;margin: 1% auto;}*/
}

/*Common For Max 320*/
@media only screen and (max-width: 320px) {
 
}