@charset "utf-8";

/* CSS Document */
/*Common For Max 1680*/
@media only screen and (max-width: 1699px) {
  .w,.w2,.w3 { width: 90%; }
  .p1 video{width: 100%;}
  .p4 .w .con .r ul li h2{font-size: 20px;}
  .p4 .w .con .r ul li span {line-height: 150%;}
  .banner .text h2{font-size: 50px;}
}

/*Common For Max 1440*/
@media only screen and (max-width: 1499px) {
  .p4 .w .con .r{width: 55%;}
  .p4 .w .con .r ul li h2{font-size: 18px;}
  .banner .text h2{font-size: 40px;}
  .about .introduce .l,.about .introduce .r{width: 50%;}
}

/*Common For Max 1280*/
@media only screen and (max-width: 1290px) {
  .foot .w .foot-nav dl{width: 30%;}
}

@media only screen and (max-width: 1199px) {
  .head{border: none;box-shadow: 0 0 10px rgb(0 0 0 / 50%);position: relative;}
  .head .w .tel,.head .w .nav{display: none;}
  .head .w .nav ul li:hover .subnav{display:none}
  .head .w .logo{margin: 10px auto;height: 40px !important;}
  .head .w .logo{background: url("../images/logo2.png") no-repeat left center;background-size: auto 100%;}
  .head .w .logo img{display: none;}
  .menuBtn,.menubg{display: block;}
  .menubg.on{width: 100%;}
  .head .w .nav{display: block;position: absolute;width: 60%;transition: all 0.5s ease 0s;left: -60%;height: 100vh;background-image: linear-gradient(315deg, rgb(27 40 153), rgb(4 134 213));padding-top: 50px;}
  .head .w .nav.on{left: 0%;}
  .head .w .nav ul li{text-align: left;border-bottom: 1px solid #eee;float: none;width: 80%;}
  .head .w .nav ul li a{color: #fff;font-weight: normal;font-size: 16px;line-height: 60px;}
  .head .w .nav ul li::after{background:#0097ff /*linear-gradient(to right, #2e8d85 , #256578)*/;}
  .head .w .nav ul li.on ::after,.head .w .nav ul li:hover::after,.head .w .nav ul li .subnav a:hover::after{width: 0%;}
  .head .w .nav ul li .subnav{background: none;box-shadow:none;position: relative;padding:  0 0 30px;top: auto;}
  .head .w .nav ul li .subnav a, .head.v2 .w .nav ul li .subnav a{color: #fff;padding-left: 30px;font-size: 14px;border-bottom: 1px dashed #ccc;width: 90%;margin-left: 5%;}
  .head .w .nav ul li i{background: url(../images/open.png) no-repeat center center;width: 16px;height: 16px;position: absolute;top: 50%;right: 0;transform: translateY(-50%);transition: 0.5s;}
  .head .w .nav ul li a.on i{transform: translateY(-50%) rotate(135deg);}
  .p2 .w{padding: 8vh 0;}
  .p1 video{position: relative;}
  .p1 .text{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);font-size: 5vw;}
  .p3 .w{padding-bottom: 10%;}
  .p3 .slide{border-bottom: 1px dashed #ccc;}
  .p3 .slide .l{width: 25%;margin-top: 30px;}
  .p3 .slide .l,.p4 .w{position: relative;left: auto;top: auto;transform: none;padding: 5% 0;}
  .p3 .slide .l .pic{width: 150px;height: 150px;}
  .p3 .slide .l h2,.contact .head-office .con .l h2{font-size: 20px;}
  .p3 .slide .r{width: 70%;}
  .p3 .slide .r dl{position: relative;min-height: 100px;padding-left: 130px;}
  .p3 .slide .r dl dt{font-weight: normal;}
  .p3 .slide .r dl dd{font-size: 14px;margin-bottom: 15px;}
  .p3 .slide .r dl .pic{width: 100px;height: 100px;position: absolute;top: 50%;left: 0;transform: translateY(-50%);}
  .banner .text{top: 50%;left: 50%;transform: translate(-50%,-60%);width: 80%;}
  .banner .text h2,.about .introduce .r .tit h1,.p4 .w .tit span{font-size: 32px;}
  .menu a{width: auto;}
  .solution .application .con{position: relative;top: auto;transform: none;}
  .map-service,.about .honor,.solution .application,.about .culture{min-height:auto !important;background-size: auto 100% !important;padding: 4% 0 8%;}
  .about .honor .con{max-width: 100%;}
}

/*Common For Max 1023*/
@media only screen and (max-width: 1023px) {
  .about .introduce .r .tit h1{font-size: 28px;}
  .tit h2,.news .w .title h2,.banner .text h2,.about .culture .con dl dd{font-size: 26px;}
  .p4 .w .tit{margin: 5% auto;}
  .p4 .w .con .l,.p4 .w .con .r{width: 100%;float: none;}
  .p4 .w .con .l .item{height: 60vw;}
  .contact .head-office .con .l,.contact .head-office .con .r{width: 50%;}
  .foot .w .foot-nav dl dt,.contact .head-office .con .l p,.about .introduce .r .con p,.about .culture .con dl dt{font-size: 16px;}
  .foot .w .foot-nav dl dd{font-size: 14px;}
  .solution .application .con dl{margin-right: 0;width: 100%;}
  .about .introduce .l, .about .introduce .r,.solution .case .con .l,.solution .case .con .r{width: 100%;float: none;}
}

/*Common For Max 768*/
@media only screen and (max-width: 959px) {
  .foot .w .foot-nav dl{width: 48%;margin: 1%;}
  .banner{height: 320px;}
  .banner img{height: 100% !important;object-fit: cover;}
}
@media only screen and (max-width: 623px) {
  .roate-container {width: 100% !important;height: calc(90vw - 3px) !important;}
  .icon-roate-1, .icon-roate-2, .icon-roate-3, .icon-roate-4{width: 40px !important;height: 40px !important;}
}
/*Common For Max 480*/
@media only screen and (max-width: 766px) {
  .about .introduce .r .tit h1{font-size: 26px;}
  .tit h2,.news .w .title h2,.p4 .w .tit h2,.banner .text h2,.about .culture .con dl dd{font-size: 24px;}
  .banner{height: 300px;}
  .p2 .w dl dd,.p3 .slide .l .pic,.p3 .slide .r dl dd,.foot .w .foot-nav,.page-status,.page-index,.page-last{display: none;}
  .p2 .w dl dt,.p3 .slide .l h2{font-size: 18px;}
  .p2 .w dl img{width: 50%;}
  .p3 .slide .l{margin-top: 2%;}
  .p3 .slide .l,.p3 .slide .r,.contact .head-office .con .l,.contact .head-office .con .r,.news .w ul li .pic,.news .w ul li .text{width:100%;}
  .p3 .slide .l h2{line-height: 200%;}
  .p3 .slide .r{display: flex;}
  .p3 .slide .r dl{margin: 10px auto ; padding: 0;width: 25%;}
  .p3 .slide .r dl dt{font-size: 14px;text-align: center;line-height: 120%;margin: 10px auto;}
  .p3 .slide .r dl .pic{position: relative;width: 60px;height: 60px;left: auto;top: auto;transform: none;margin: auto;float: none;}
  .p4 .w .con .r ul li h2,.news .w ul li .text h2 a{font-size: 18px;}
  .news .w .content, .news .w .content *,.about .introduce .r .con p,.solution .value .w dl dt,.solution .application .con dl dt,.solution .case .con .r h2,.menu a{font-size: 16px;line-height: 180%;}
  .news .w ul li{margin: 3% auto;padding-bottom: 3%;}
  .news .w ul li .pic{height: 50vw;}
  .news .w ul li .text h2 a{line-height: 200%}
  .news .w ul li .text span{line-height: 150%;}
  .solution .case .con .r p,.news .w .title span,.banner .text p,.news .w ul li .text span,.contact .head-office .con .l p{font-size: 14px;line-height: 150%;}
  .news .w ul li .text .detail{margin-top: 3%;}
  .banner .text{width: 90%;}
  .about .culture .con dl{width: 50%;margin: 0;padding: 1%;}
  .solution .value .w{display: block;}
  .solution .value .w dl{width: 100%;padding: 15px 10px;max-width:none;}
  .solution .value .w dl img,.solution .application .con dl .pic{width: 20%;max-width: 120px;}
  .solution .value .w dl dt{margin: 15px auto 20px;}
  .solution .application .con dl .pic{float: none;margin-right: auto;}
  .solution .application .con dl .pic img{filter: drop-shadow(5px 5px rgb(0,0,0,0.15));}
  .solution .case .con .r h2{font-weight: bold;}
  .contact .head-office .con .l{height: auto;}
  .contact .head-office .con .l h2{font-size: 18px;}
  .pages a{margin: 0 5px;padding: 0 10px;line-height: 30px;font-size: 14px;}
  .solution .case .con .r{margin-top: 3%;}
  .foot .w .foot-nav dl,.solution .application .con dl{width: 100%;}
  .foot .copyright span{display: block;}
  .show-regin span{font-size: 12px !important;left: 3px !important;top: -9px !important;}
  .about .culture{background-position: left center;}
}

/*Common For Max 480*/
@media only screen and (max-width: 490px) {
  .about .introduce .r .tit h1{font-size: 22px;}
  .tit h2, .news .w .title h2, .p4 .w .tit h2{font-size: 20px;}
  .about .culture .con dl dd{font-size: 18px;}
  .banner{height: 200px;}
}

/*Common For Max 320*/
@media only screen and (max-width: 320px) {
  .about .introduce .r .tit h1,.about .culture .con dl dd{font-size: 20px;}
  .tit h2, .news .w .title h2, .p4 .w .tit h2{font-size: 18px;}
  .news .w .content, .news .w .content *, .about .introduce .r .con p, .solution .value .w dl dt, .solution .application .con dl dt, .solution .case .con .r h2, .menu a{font-size: 14px;}
  .foot .copyright,.solution .case .con .r p,.news .w .title span,.banner .text p,.news .w ul li .text span,.contact .head-office .con .l p,.pages a,.p3 .slide .r dl dt,.p3 .slide .r dl dd{font-size: 12px;}
}