html,body{font-size:16px;line-height:1em;color: #141414;font-family:Arial,sans-serif;} .w1500{width: 82.75%;} .header-lang{opacity: 1;} .dropdown-list{padding-right: 0;} .dropdown-type{width: auto;margin-right: 20px;} .header-slide-contianer .dropdown-type:last-child{margin-right: 0;} .dropdown-typename a{margin-right: 0;} .header-fixed-typename{height: 50px;margin: 0 5% 0 10%;font-size: 24px;} .headr-fixed-typeson a{margin: 19px 5% 0 10%;font-size: 14px;} /* 棣栭〉 */ .i-about-shares{margin: 40px 0 20px;} .i-about-msg{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:9;overflow:hidden;} .i-about-msg p{line-height: 1.5em;} .i-about-number{margin: 40px 0;} .i-about-number li{width: 33.33%;margin-right: 0;padding-right: 10px;box-sizing: border-box;} .i-about-number li:last-child{padding-right: 0;} .i-about-number p{margin-bottom: 12px;} .i-product-type{margin: 60px 0 20px;} .i-product-msg{width: 50%;line-height: 1.5em;} .i-product-more{margin-top: 30px;} .i-product-menuname{width:calc(100% - 196px);margin-left: 0;box-sizing:border-box;} .i-culture-content li a p{font-size: 28px;} .i-culture-icon{margin-bottom: 30px;} .about-intro-num li{width: 218px;margin-right: 25px;} .about-intro-unit,.system-book-name{line-height: 1.2em;} .platform-point p{margin-bottom: 10px;line-height: 1.5em;} .platform-point p::before{top: 15px;} .footer-nav .footer-nav-item{max-width: 300px;padding-right: 10px;} .footer-nav .footer-nav-item:last-child{padding-right: 0;} .footer-logo>a embed{height: 100%;} /* about */ .hope-text{top: 50%;transform: translateY(-50%);} .about-history-content p{text-align: left;hyphens: auto;} .about-intro-content,.culture-fighter-content p,.mind-intro p,.equipment-text .equipment-msg,.platform-msg p,.achievement-slogan-msg,.achievement-content-msg p,.tech-item-msg,.system-content p,.article-content p,.company-text,.develop-msg p,.society-info .society-content p,.campus-content p,.i-about-msg p,.i-product-msg{text-align: left;} /* research */ .research-honor-title p,.system-book-name{font-size: 14px;} .system-slogan-content{width: 80%;margin:0 auto;} /* 浜т笟甯冨眬 */ .industrial-main .com-type-item{display: flex;justify-content: center;align-items: center;height: auto;padding: 10px;box-sizing: border-box;} .industrial-main .com-type-item p{line-height: 1.5em;} /* company */ .company-nav .company-nav-item p{width: 90%;} /* join */ .develop-msg{margin-top: 16px;} .develop-msg p{line-height: 1.5em;} .society-item-type p{line-height: 1.2em;} .campus-item{display: flex;flex-flow: column;justify-content: space-between;} .campus-info{display: flex;flex-flow: column;justify-content: space-between;padding-top: 0;} .campus-msg{height: auto;overflow-y: visible;} .campus-content{margin-top: 19px;} .recruitment-nav a{width: 180px;} @media screen and (max-width:1770px) { .w1500{width: 92.1875%;} } @media screen and (max-width:1550px) { .dropdown-list{padding-left: 20px;} .dropdown-type{margin-right: 10px;} } @media screen and (max-width: 1500px){ .w1500 { width: 95%;} } @media screen and (max-width: 1425px){ .header-slide-downimg{width: 260px;} .dropdown-list{width: calc(100% - 260px);} } @media screen and (max-width: 1400px){ .header-fixed-main{left: 55px;right: 55px;} .header-fixed-close{width: 55px;height: 55px;} .i-about-shares{margin: 30px 0 15px;} .i-about-main{width: 54%;} .i-about-number{margin: 30px 0;} .i-about-number p{font-size: 12px;} .i-product-type{margin: 30px 0 20px;} .i-product-more{width: 40px;height: 40px;margin-top: 10px;} .i-product-more span{font-size: 12px;} .i-product-menuname{width:calc(100% - 128px);padding:0 20px} .i-product-menuname p.cn{font-size:22px} .i-culture-info{font-size: 16px;line-height: 1.2em;} .footer-nav li{margin-bottom: 10px;} .footer-nav-typename{font-size: 18px;} .footer{padding-top: 24px;} .footer-logo{padding-bottom: 24px;} .footer-nav{padding: 30px 0 56px;} .footer-bottom{padding: 10px 0;} .footer-nav ul{margin-top: 20px;} .footer-nav li{margin-bottom: 6px;} } @media screen and (max-width: 1366px){ .dropdown-typename a{font-size: 14px;} .dropdown-type ul a{font-size: 12px;} .dropdown-typename:before{top: 0.6em;} } @media screen and (max-width: 1300px){ .w1500 { width: 98%;} .header-fixed-typename{font-size: 22px;} .i-product-menuname p.cn{font-size: 20px;} .i-product-type{font-size: 20px;} .footer-nav .footer-nav-item{max-width: 250px;} .about-intro-unit{font-size: 14px;} .about-intro-num li{margin-right: 10px;} } @media screen and (max-width: 1230px){ .dropdown-typename a{line-height: 1em;} .dropdown-typename:before{top: 0.4em;} } @media screen and (max-width: 1200px){ .header-fixed-typename{margin: 0 5%;font-size: 20px;} .headr-fixed-typeson a{margin: 16px 5% 0;} .i-culture-icon{margin-bottom: 16px;} .i-culture-content li a p{font-size: 24px;} .footer-nav{padding-top: 20px;} .footer-nav ul{display: none;} .footer-nav .footer-nav-item{max-width:none;} } @media screen and (max-width: 1100px){ .i-com-title .cn{font-size: 30px;} .inner-nav-content li a{font-size: 14px;} .about-intro-num li{width: 192px;} } @media screen and (max-width: 960px){ .i-about-main {width: 100%;} .i-about-number {justify-content: space-between;margin: 20px 0;} .i-product-type{font-size: 24px;} .i-product-msg{width: 80%;} .i-product-menu{height: 130px;} .i-product-menuname p.cn{font-size: 16px;} .i-culture-info{font-size: 14px;} .footer-nav{flex-wrap: wrap;justify-content: flex-start;} .footer-nav .footer-nav-item{width: 25%;padding-right: 0;margin-bottom: 10px;} .footer-nav-typename{font-size: 16px;} .inner-nav-content{overflow-y: hidden;overflow-x: auto;-webkit-overflow-scrolling: touch;-ms-overflow-style: none;scrollbar-width: none;justify-content: flex-start;} .inner-nav-content::-webkit-scrollbar {display: none;} .inner-nav-content li{width: auto;} .inner-nav-content li a{width: 150px;} .about-intro-num{position: relative;padding-bottom: 60px;} .hope-text{top: auto;transform: none;} .hope-msg{padding: 30px 20px 20px;} .hope-text{padding: 0;} .platform-point p{width: 100%;} .research-honor-title p,.system-book-name{font-size: 12px;} .achievement-awards-content{padding: 30px 0;} .achievement-content{flex-flow: column;} .achievement-content-msg{width: 100%;padding-left: 0;margin-top: 10px;} .patent-content p{margin-bottom: 10px;} .patent-content{padding: 30px 0 20px;font-size: 22px;} .patent-content .patenticon{position: relative;right: auto;top: auto;transform: none;display: none;justify-content: flex-end;} .company-nav .company-nav-item p{width: 250px;} .society-item-type p.position{font-size: 18px;} .system-slogan-content{width: 90%;} .campus-content{margin-top: 10px;} } @media screen and (max-width: 768px){ .w1600{width: 100%;padding: 0 20px;box-sizing: border-box;} .i-product-content{padding-top: 60px;} .i-product-msg{width: 90%;} .i-product-menuname{width:100%;} .i-news-main{padding: 60px 20px;} .footer-nav-typename{font-size: 14px;} .about-intro-num li{margin-right: 0;} .about-intro-bg img{height: 70px;} .about-intro-unit{font-size: 12px;} .develop-item{display: block;} .develop-pic,.develop-msg{width: 100%;} .develop-msg{margin: 10px 0;} .society-item-type p.position{font-size: 14px;font-weight: bold;} } @media screen and (max-width: 600px){ .i-com-title .cn, .i-product-title{font-size: 24px} .i-about-shares {margin: 20px 0 30px;} .i-about-number{margin: 20px 5px 30px;} .i-product-type{margin: 20px 0;font-size: 18px;} .i-product-msg{width: 100%;} .i-product-more{width: 30px;height: 30px;} .i-product-menu{height: 100px;} .i-product-menuname p.cn{font-size: 12px;} .i-product-logoicon{height: 30px;} .footer-nav .footer-nav-item{width: 33.33%;} .hope-slogan{margin-top: 10px;} .hope-msg{padding: 15px;} .platform-main-title, .achievement-slogan-title,.tech-item-title p,.patent-content{font-size: 18px;} .patent-content{padding: 20px 0;} /* .patent-content .patenticon img{width: 50px;} */ .com-type-item p{width: 180px;} .recruitment-btn{width: 120px;} .about-duty-adv{height: 480px;} } @media screen and (max-width: 500px){ .i-product{height: 600px !important;} .i-product-menuname p.en{display:none} .footer-nav-typename{font-size: 12px;} .hope-msg{padding: 10px;} .hope-title{text-align: center;} .hope-slogan{margin-top: 8px;} .patent-content{font-size: 14px;} .footer-contact{padding-top: 16px;margin-bottom: 16px;} .recruitment-nav a{width: 140px;margin: 0 5px;} } @media screen and (max-width: 400px){ .i-about-number p {margin-bottom: 8px;} .i-product-menuname p.cn{font-size: 13px;} .footer-nav{display: none;} .footer-contact{border-top: 1px solid rgba(255,255,255,.06);} }