@charset "utf-8";
/* CSS Document */

@media only screen and (max-width: 1900px) {
  .subnav, .search{padding-left: 5%;}
  .subnav img{right: 5%;}
}
@media only screen and (max-width: 1600px) {
  .w{width: 94% !important;}
  .news .con .item .l{width: 60%;}
  .news .con .item .r{width: 35%;}
  .subnav, .search{padding-left: 0;}
  .nav ul li:nth-child(2) .subnav img{display: none;}
}
@media only screen and (max-width: 1400px) {
  .nav{margin-left: 10%;}
}
@media only screen and (max-width: 1200px) {
  .nav{margin-left: 5%;width: 70%;}
  .nav ul li{padding: 0;width: 20%;text-align: center;}
  .subnav dl dd{text-align: left;}
  .page1 .text{font-size: 30px;}
  .p16{font-size: 14px;}
  .p20{font-size: 18px;}
  .p24{font-size: 20px;}
  .p28,.main .bg .text p{font-size: 24px;}
}
@media only screen and (max-width: 1100px) {
  .nav{width: 65%;}
  .main .consultant .left .p28{margin: 6% auto;}
  .main .consultant .left a{margin: 5% auto;}
}
/*Common For Max 480*/
@media only screen and (max-width: 766px) {
  .hidden{overflow: hidden;}
  .w,.l,.r,.w2,.w3,.w4{width: 100% !important;padding-left: 5%;padding-right: 5%;}
  .w2 .l,.w2 .r,.w .w2,.w .w3,.w .w4,.w3 .l,.w3 .r{padding-left: 0;padding-right: 0;}
  .m,.page2 .slide .item .mark{display: block !important;}
  .p16{font-size: 12px;}
  .p20{font-size: 14px;}
  .p24{font-size: 16px;}
  .p28,.main .bg .text p{font-size: 18px;}
  .page1 .text{font-size: 22px;width: 80%;}
  .page2{padding-top: 30%;}
  .head{position: fixed;top: 0;background: #fff;border-bottom: 1px solid #eee;}
  .head .w{margin: 0;border: none;}
  .head .logo{margin: 15px 0;height: 30px; width: auto;}
  .head .logo img{height: 30px !important;}
  .lang-btn,.subnav h1,.subnav img,.head.v2 .nav .subnav dd.on a::after,.head.v2 .nav .subnav .n2 dd:hover img, .head.v2 .nav .subnav .n2 dd:hover .n3, .head.v2 .nav .subnav .n3 dd:hover .n4,.pc,.prolist .slick-arrow,.network .text2,.news .con .item .r p,.foot .l,.foot .bottom .copyright,.history .w .timeline,.history .w dl.fl dt::after,.history .w dl.fr dt::before,.float,.main .about .menu,.main .history .menu,.main .bg .slide .slick-prev, .main .bg .slide .slick-next,.foot .link,.foot .totop,.media .w3 .left p{display: none !important;}
  .search-btn{margin-top: 25px;}
  .menu-btn{width: 20px;margin-top: 26px;}

  .nav{background: #010508;width: 100%;height: 100%; position:fixed;top: 60px;left: 0;margin: 0;padding-top: 10%;display: none;}
  .nav ul{display: block;}
  .nav ul li{padding: 0 8%;margin: 3% auto;position: relative;width: 100%;text-align: left;}
  .nav ul li a,.foot .r dl dt a{font-size: 16px;line-height: 200%;}
  .subnav{padding: 0;top: 0;position: relative;background: none;}
  .subnav .box{min-height: unset;}
  .subnav dl.n2{left: 10px;}
  .subnav dl{border: none;position: relative;min-height: unset;}
  .subnav dl.n2 dd a{color: #898989 !important;padding-left: 0;font-size: 14px;line-height: 200%;}
  .head.v2 .nav ul li a{color: #fff;}
  .head.v2 .nav .subnav .n2 dd:hover a.d2{color: #898989 !important;}
  .nav ul li a:hover::after{display: none;}
  .nav ul li.sub::after{content: '+';position: absolute;right: 5%;top: 4px;color: #fff;font-size: 18px;}
  .nav ul li.sub.open::after{content: '—';font-size: 10px;top: 8px;}
  .search{top: 61px;}
  .search form{width: 80%;padding: 0 10px;}
  .search input{width: calc(100% - 50px);}
  .banner{height: 330px;}
  .banner .slide li{background-position: left -40px top;background-size: auto 100%;}
  .banner .slick-prev, .banner .slick-next{width: 12px;height: 30px;top: 55%;}

  .tit{line-height: 100%;text-align: center;margin: 10% auto 5%;}
  .tit h2,.ipro .plist .tit-pro h2,.proinfo .text h2,.main .contact2 .tit{font-size: 34px;}
  .tit p{color: #959595;}
  
  .nbanner h2{font-size: 22px;}
  .tit,.nav ul li a,.brand dl dt,.tit2,.contact .tit3,.title h2,.iconsultant .con .item p{font-size: 18px;}
  .subnav dl.n2 dd a,.ipro .tab span,.inews .con a .text h2,.prospec .spec dl dt,.proinfo .text .tit,.proinfo .text .intro,.more,.main .consultant .right dl dd h2{font-size: 16px;}
  .inews .con a .text span,.foot .footnav a,.pages a,.nlist ul li .text p,.contact .con .row dl dt,.contact .con .row dl dd,.contact .con .row2 p,.contact .con .row2 label input,.contact .con .button,.newsshow.w .content, .newsshow.w .content *,.main .desc,.main .plist ul li p,.proinfo .text .con p,.prospec .spec dl dd ul li span,.poster .item .text,.main .menu a,.tit p,.foot .bottom .design a,.main .consultant .right dl dd span,.main .consultant .right dl dd ol li,.main .consultant .right dl dd a{font-size: 14px;}
  .foot p,.slist ul li .text p,.video.slist ul li .text p,.contact .con .row2 label, .contact .con .row2 label select, .title p,.position, .position a,.media .w3 .right .item .text{font-size: 12px;line-height: 120%;}
  
  
  .ipro .tab span{line-height: 50px;width: 70px;}
  .ipro .plist .tit-pro img,.ipro .plist .ico img{height: 20px !important;}
  .ipro .plist .protab{right: 0;}
  .ipro .plist .half {transform: translateY(50px);}
  .ipro .plist .pro .item{width: 80%;}
  .ipro .plist .pro .item .pic img,.main .consultant .right{height: auto !important;}
  .ipro .plist .pro .item .pro-ico img{height: 30px !important;}
  
  .inews{padding-bottom: 10%;background: linear-gradient(to bottom, #f1f1f1 0%, #f1f1f1 55%, #fff 55%, #fff 100%);}
  .inews .con{width: 100%;display: block;margin: 0 auto;}
  .inews .con a{width: 86%;margin: 5% auto;}
  .inews .con a .text{padding: 0 5% 5%;min-height: unset;}
  .inews .con a .text h2,.main .consultant .right dl dd h2{margin: 5% auto;font-weight: bold;}
  
  .contact .con .row3 select, .contact .con .row3 button{margin: 10px auto;}
  
 
  .brand dl dt{line-height: 200%;text-align: center;}
  .brand dl dd img{max-width: 20%;}
  
  .nbanner{overflow: hidden;margin-top: 60px;}
  .nbanner img{max-width: 120%;margin-left: -10%;}
  

  
  .main .about .a1,.main .bg .text{padding: 0;}
  .main .about .a1{width: 54%;margin-right: 0;}
  .main .about .a2{padding: 0 5% 0 10%;}
  .main .about .a2::after{font-size: 60px;top: 0;}
  .main .about .a3{margin-left: 5%;}
  .main .bg .w2{padding: 0;}
  .main .bg .text{padding-left: 5%;padding-right: 5%;}
  .main .bg .box{position: relative;width: 100%;padding-left: 5%;}
  .main .bg .box .slide .ins{padding:3.4% 0 2.5% 0.15%;transform: translateX(-50%);}
  .main .bg .box .mark{width: 40%;}
  
  .main .menu{position: relative;display: block;}
  .main .menu a{width: 100%;line-height: 40px;margin: 0 auto;}
  .pcr,.nlist{margin: 5% auto;}
  .pcr .arr{right: 10%;width: 30px;}
  .main .plist,.tit2,.slist,.nlist,.contact .con .row:nth-child(2) dl,.contact .con .row2 label.half,.newsshow.w .content,.newsshow .pics,.proinfo .pic, .proinfo .text,.prospec .spec dl,.prospec .spec dl dd ul li,.main .bg .text,.main .bg .slide,.main .consultant .right dl dd{width: 100%;}
  .tit2{line-height: 40px;margin: 5% auto 3%;}
  .main .plist ul li,.main .slist ul li{width: 49%;margin-right: 2%;}
  .main .plist ul li:nth-child(3n),.main .slist ul li:nth-child(3n){margin-right: 2%;}
  .main .plist ul li:nth-child(2n),.main .slist ul li:nth-child(2n),.media .w3 .right .item:nth-child(2n){margin-right: 0;}
  .main .plist ul li p,.poster .item .text{line-height: 30px;}
  .slist ul li .text,.video.slist ul li .text,.slist ul li:hover .text{padding: 10px;background-position:center right 10px;background-size: auto 40%;min-height: 50px;}
  .video.slist{margin-bottom: 0;}
  .video.slist ul li,.nlist ul li,.main .consultant .right dl{width: 100%;margin-right: 0;}
  .media .w3 .right .slick-prev, .media .w3 .right .slick-next{top: 50%;}
  .media .w3 .right .slick-prev{background-color: #888;right: auto;left: 1%;}
  .media .w3 .right .slick-next{background-color: #888;right: 1%;}
  .video .item{width: 48% !important;border-radius: 10px;padding-bottom: 40% !important;}
  .video .item:nth-child(7){width: 100% !important;}
  .media .w3 .left .tit2{width: auto;display: inline-block;}
  .media .w3 .left .tit2 br,.search-btn,.head .nav .subnav .n2 dd:hover a.d2, .head .nav .subnav .n3 dd:hover a.d3, .head .nav .subnav .n4 dd:hover a.d4{display: none;}
  
  
  
  .nlist ul li .text{min-height: auto;padding: 10px;}
  .title h2, .title p{max-width: 90%;}
  .newsshow.w{padding: 0;}
  .proinfo .pic{background-position: center bottom 1%;background-size: 70% auto;}
  .proinfo .text .tit-pro,.main .consultant .right dl dd ol,.main .consultant .right dl dd span{margin-bottom: 20px;}
  .proinfo .text .con p{padding-left: 15px;}
  .proinfo .text .con p::before{left: 0;top: 8px;}
  .prospec h2 img ,.page2 .slide .item .mark .text a img{height: 30px !important;}
  .prospec h2::after{background-size: 80%;margin-left: 30px;}
  .prospec .spec dl dt{line-height: 60px;}
  .prospec .spec dl dd ul li{margin-right: 0;}
  
  .contact .con .row,.contact .con .row2{display: block;}
  .contact .con .row2{margin-bottom: 0;}
  .contact .con .row2 label{margin: 5px auto;border-radius: 5px;}
  .contact .con .row2 label,.contact .con .row2 label input, .contact .con .row2 label select{line-height: 35px;}
  .contact .con .button{width: 100%;line-height: 35px;border-radius: 15px;margin-top: 10px;}
  
  .main .consultant .right dl dt{width: 50px;}
  .main .consultant .right dl dd{width: calc(100% - 70px);}
  .main .consultant .right dl dd a{float: right;}
  
  .media .w3 .right .item{margin: 2% 4% 2% 0;width: 48%;float: left;}
  .media .w3 .right{height: 62vw;overflow: hidden;}
  
  .fold,.unfold{text-align: center;padding: 20px 0 0px;}
  .fold span,.unfold span{display: block;color: #fff;position: relative;padding-right: 30px;display: inline-block;}
  .media .w3 .arr span::after{content:"";width: 13px;height: 19px;position: absolute;right: 0px;background: url("../images/arr-down.png") no-repeat center;background-size: 100%;}
  .media .w3 .arr.unfold span::after{transform:rotate(180deg);}
  
  .pages a{padding: 0;line-height: 20px;margin: 0 5px;}
  .pages a.page-num-current{width: 20px;}
  .pages a img{height: 12px !important;}
  
  .foot{padding-top: 7%;}
  .foot .footnav{display: flex;text-align: center;}
  .foot .footnav a{margin-right: auto;}
  .foot p{text-align: center;margin-top: 5%;}
  .foot .bottom{border: none;border-top: 1px solid #fff;margin: 10% auto 5%;}
  .foot .bottom .design a{color: #969696;}
  .foot .bottom .media{position: relative;bottom: 0;}
  .foot .bottom .media a img{height: 15px !important;margin-top: 5px;}
}
/*Common For Max 480*/
@media only screen and (max-width: 480px) {
  .ipro .plist .pro{margin-right: 0;}
  .ipro .plist .protab a img{height: 10px !important;margin-left: auto;}
  .ipro .tab span{line-height: 40px;width: 40px;}
  .main .consultant .right dl dd h2{font-size: 14px;}
  .main .about .a1,.main .consultant .right dl dd span,.main .consultant .right dl dd ol li{font-size: 12px;}
}