@charset "utf-8";
@media only screen and (max-width:2000px){
    .top-text-pic .top-pic h2 {padding:0;height:500px}
}

@media only screen and (max-width:1680px){   
    .nav__trigger {left:2%;margin-left:0} 
    .home .text {left:2%;margin-left:0}
    .home .text {font-size:50px; line-height: 1.1;letter-spacing: -0.5px}
    .top-text-pic .top-pic h2 {height:400px}    
    .history .swiper-slide .text .title {font-size:23px;}
    .history .swiper-slide .text .content {font-size:13px; line-height: 1.4}
    .history .swiper-slide-active .text .title {font-size:39px}
    .history .swiper-slide-active .text .content {font-size:18px; line-height: 1.4}
    .history .site-subject {font-size:35px}
    .pc-menu .wrap {max-width:100%;margin-left:2%}
}

@media only screen and (max-width:1370px){	
    .fixtop .wrap {max-width:100%}
    .fixtop .logo {left:80px;}
    .fixtop .lan {right:4%;}
    .home .text {font-size:40px;}
}

@media only screen and (max-width:1200px){	
    .wrap {margin:0 4%}
	body {line-height:1.7;}   
	html,body,input,button,select,textarea,big,small {font-size:14px;font-weight:400}
    .list-paddingleft-1,.list-paddingleft-2{margin-left:17px;}
	.phonemenu { display:block;}
    .phonemenu nav {display:block;}
    .pc-menu {display:none;}
    .fixtop .navpc {display:none;}
	::-webkit-scrollbar {width: 1px;}
	.page_wrap {padding:30px 0 0 0;}
	.pager a,.pager span,.pager font {margin:1px 3px;width:23px; height:23px; line-height:24px;border-radius:3px;}
	.pager font {font-family:'宋体';margin:0px; line-height: 23px; }
	.pager,.pager select,.pager input,.pager a,.pager span.disabled {font-size:12px;}
	.pager i {line-height: 25px;margin:0 5px; letter-spacing: 2px} 
    .swiper-button-next,.swiper-button-prev {width:26px;height:26px;margin-top:-13px;}
    .swiper-button-next:after,.swiper-button-prev:after {font-size:13px;width:26px;height:26px;line-height:25px;}
    .swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal,.swiper-pagination-custom,.swiper-pagination-fraction {bottom:5px;}
    .swiper-pagination-bullet {width:11px;height:11px;background-size:5px 5px;}
    .swiper-pagination-bullet-active,.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet-active,.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet-active {background-size:5px 5px;}    
    .fixtop { height:50px;}
    .fixtop .logo {left:0;top:10px;}
    .fixtop .logo a {width:186px;height:30px;}
    .fixtop .lan {display:None;}
    .top-blank {height:50px;}
    .fixtop.active {top:0px;}
    .fixtop.active .logo {top:10px}
    .top-blank.active {height:50px;}    
    .nav__trigger {right:4%;left:auto;margin-left:0;top:15px;height:auto}
    .fixtop.active .nav__trigger {top:15px;height:auto}
    .pc-menu {width:0;height:0; overflow: hidden}
    .pc-menu ul {display:none;}
    .home {height:calc(100vh - 50px);height:-webkit-calc(100vh - 50px);}
    .home .text {left:4%;bottom:20px;font-size:30px; line-height: 1.1;}    
    .home-search {padding:0 0 50px 0;}
    .home-search form {display:block;justify-content:flex-start;width:400px;text-align:center}
    .home-search .col {border-width:1px;width:100%;height:78px;border-radius:5px;padding:18px 0px 0 15px;margin:0;box-sizing: border-box; text-align: left;}
    .home-search .col p {position:relative;top:0;left:3px;font-size:16px; text-align: left;margin:0 0 5px 0}
    .home-search .col select {height:30px;font-size:14px;}
    .home-search #sbtn {font-size:30px;margin:20px 0 0 0}
    .foot {padding:30px 0 30px 0;font-size:13px}
    .foot .left .menu a {font-size:14px;margin:0 15px 0 0}
    .foot .left .share-social {margin-top:20px}
    .foot .left .share-social .share a i {width:12px;height:12px; margin:5px 0 0 5px}
    .social {margin-top:3px}
    .social p {margin:-1px 5px 0 30px}
    .social li i {width:14px;height:14px;}
    .foot .right .lan {margin:0 0 15px auto}    
    .top-text .in {width:92%;margin:0 0 0 8%;padding:0 5% 0 0;}
    .top-text .title {font-size:25px;}
    .top-text .subtitle {font-size:14px; margin-top:20px; line-height: 1.5}
    .top-text .more {margin-top:25px}
    .top-text .more a {height:25px;line-height:25px;width:95px;font-size:12px;}
    .top-text-pic .top-pic h2 {height:300px}
    .current-location {margin:20px 0;font-size:13px;}
    .current-location a.home {width:13px;height:12px;margin-top:4px}
    .current-location span.icon {margin:0px 2px 0 2px;font-size:13px}
    .product .subject {font-size:20px;margin:30px 0 25px 0}
    .product {margin:0 0 40px 0}
    .product .product-menu {width:100%}
    .product-menu ul {display:flex;flex-wrap: wrap}
    .product-menu ul li {width:50%}
    .product-menu li a {padding:10px 30px 8px 15px; }
    .product-menu li a:before {right:15px;top:14px;font-size:14px;}
    .product .product-list {width:100%;}    
    .product-list ul {margin-top:20px}
    .product-list li {margin:10px 0 0 0}
    .product-list li .text {padding:15px 15px 20px 15px}
    .product-list li .text .title {height:25px; line-height: 25px;}
    .product-list li .text .title a {font-size:18px;letter-spacing: -0.3px}
    .product-list li .text .subtitle {min-height:50px;margin:4px 0 5px 0;font-size:13px;line-height: 1.4}
    .product-list li .text .more a {font-size:14px;height:30px; line-height:30px;}
    .product-list li .text .more a i {width:17px;height:15px;margin:7px 8px 0 0}    
    .fixright {right:0;margin-top:-5px;}
    .fixright li .tubiao {width:22px; height:22px;border-radius:3px;}
    .fixright li .tubiao span {font-size:14px;margin-top:2px}
    .fixright li.tel .tubiao span {font-size:16px}
    .fixright li .cons {width:135px;right:23px;border-radius:3px;min-height:22px;font-size:10px;padding:4px 5px 0 5px;}
    .fixright li.email .cons {min-height:19px;padding-bottom:0px;padding-top:3px; text-align: center}
    .fixright li.tel .cons {font-size:13px; line-height: 1; min-height:16px;padding-top:6px;}
    .fixright li:hover .tubiao {height:22px}
    .product-summry {margin-top:30px}
    .product-summry .pic {padding:10px;}
    .product-summry .text {width:52%;}
    .product-summry .text .title,.product-summry .text .content h3,.product-detail h3{font-size:20px; line-height: 1.6;}
    .product-summry .text .title {margin:-5px 0 20px 0}
    .product-summry .text .content {font-size:14px; line-height: 1.6; letter-spacing: -0.2px;}
    .product-summry .text .content h3,.product-detail h3 {margin:20px 0}
    .product-summry .text .content table {margin:5px 0;border-bottom-width:1px}
    .product-summry .text .content td {padding:10px 10px 8px 10px}
    .product-detail {font-size:14px; line-height: 1.6;margin:30px 0 0 0}
    .product-detail table {margin:5px 0}
    .product-detail td {padding:10px 10px 8px 10px;font-size:12px; line-height: 1.4}    
    .product-type {margin:20px 0 30px 0}
    .product-type ul {gap:5px;}
    .product-type li {width:calc(25% - 3.75px);width:-webkit-calc(25% - 3.75px);}
    .product-type li a {font-size:14px;padding:0 25px 0 10px;height:35px; line-height: 37px;}
    .product-type li a:before {right:10px;top:0px;}    
    .product-down {padding:35px 0;margin-top:40px;}
    .product-subject {font-size:20px;margin:0 0 25px 0}
    .product-down ul {gap:20px;}
    .product-down li {width:calc(33.3333% - 13.3333px);width:-webkit-calc(33.3333% - 13.3333px);}
    .product-down li a {padding:15px 15px 15px 35px;}
    .product-down li a .title {font-size:14px;margin:0 0 10px 0;min-height:40px;}
    .product-down li a .title:before {left:-25px;top:-5px;width:17px;height:19px;}
    .product-down li a i {width:20px;height:18px;}    
    .product-topics {margin:40px 0}
    .product-topics ul {gap:20px;}
    .product-topics li {width:calc(33.3333% - 13.3333px);width:-webkit-calc(33.3333% - 13.3333px);}
    .product-topics li a {padding:25px 15px 10px 0;}
    .product-topics li a h2 {height:40px;border-top-right-radius:40px;border-bottom-right-radius:40px;width:55%}
    .product-topics li a h2:before {right:10px;top:4px;width:30px;height:30px;}
    .product-topics li.app a h2:before {right:15px}
    .product-topics li a .title {font-size:20px;margin:20px 0 0 15px;min-height:80px}
    .product-topics li a p span {font-size:22px;}
    .product-topics li a:hover h2 {width:65%}
    .site-subject {font-size:20px; line-height: 1.4;margin:0 0 15px 0; letter-spacing: -0.2px}    
    .application {margin:25px 0 40px 0}
    .application .summry {margin:0 0 25px 0}
    .application ul {gap:20px;}
    .application li {width:calc(33.3333% - 13.3333px);width:-webkit-calc(33.3333% - 13.3333px);margin-top:10px}
    .application li .title {margin:15px 0 10px 0}
    .application li .title a {font-size:16px;letter-spacing: -0.3px}
    .application li .content {margin:0 0 20px 0}
    .application li .more a {width:140px;height:28px; line-height: 30px;font-size:13px;}    
    .about {margin:30px 0 40px 0}
    .about .videos {margin:25px 0 25px 0;}
    .video-btn{ width:50px; height:50px;margin:-25px 0 0 -25px;}
    .about .videos .text {left:4%;bottom:7%;font-size:20px; width:92%;}
    .about .indnum li h2 {font-size:40px;letter-spacing: -2px;}
    .about .indnum li h3 {font-size:20px;margin:-2px 0 0 0}
    .about .indnum li .text {font-size:14px;line-height: 1.6;letter-spacing: -0.2px;margin-top:10px}
    .about .indnum li .text .icon {width:20px;margin:4px 10px 0 0}    
    .culture li {padding:40px 0;}
    .culture li .text .site-subject {line-height: 1.4;margin-top:-5px}
    .culture li .text .content {line-height: 1.6;margin:0 0 25px 0}
    .culture li .text .more a {padding:0 12px;height:28px;line-height: 28px;border-radius:3px;font-size:14px}
    .culture li .text .more a:Hover {padding:0 12px;}    
    .markets {margin:40px 0}
    .markets .text .site-subject {width:50%;}
    .markets .text .content {width:45%;margin-top:2px}
    .markets .row {margin-top:25px;min-height:205px}
    .markets .row .indnum-markets{width:210px}
    .indnum-markets li {border-radius:5px;padding:10px 10px 5px 10px;margin-top:5px;}
    .indnum-markets li h2 {font-size:30px;letter-spacing: -1px}
    .indnum-markets li h3 {font-size:18px;margin:0 0 0 3px}
    .indnum-markets li .content {margin:10px 0 0 5px;font-size:13px}
    .markets .row .pic {margin-left:230px}    
    .history {margin:0px 0 40px 0}
    .history .site-subject { letter-spacing: -0.5px;font-size:20px}
    .history .line {margin:0px 0 25px 0}
    .history .swiper-slide .text {border-radius:5px;padding:15px 10px 0 15px;}
    .history .swiper-slide .text .title {font-size:18px;}
    .history .swiper-slide .text .content {bottom:15px;padding:0 10px 0 15px;}
    .history .swiper-slide-active .text .title {font-size:25px}
    .history .swiper-slide-active .text .content {font-size:16px; line-height: 1.4}
    .history .swiper-pagination-bullet {width:8vw;height:8vw;}
    .history .swiper-pagination-bullet:nth-child(1) {left:4.2%;top:-7.5vw}
    .history .swiper-pagination-bullet:nth-child(2) {left:14.8%;top:-14.92vw}
    .history .swiper-pagination-bullet:nth-child(3) {left:27.2%;top:-12.03vw}
    .history .swiper-pagination-bullet:nth-child(4) {left:37%;top:-8.1vw}
    .history .swiper-pagination-bullet:nth-child(5) {left:47.1%;top:-16.2vw}
    .history .swiper-pagination-bullet:nth-child(6) {left:56.9%;top:-19.65vw}
    .history .swiper-pagination-bullet:nth-child(7) {left:75.5%;top:-10.6vw}
    .history .swiper-pagination-bullet:nth-child(8) {left:90.5%;top:-23.1vw}
    .history .swiper-pagination-bullet i {font-size:2vw;letter-spacing:0;}
    .history .swiper-pagination-bullet i.y1 {left:1.4vw;top:0.0vw;}
    .history .swiper-pagination-bullet i.y2 {left:1.3vw;top:0.1vw;}
    .history .swiper-pagination-bullet i.y3 {left:0.1vw;top:6.1vw;}
    .history .swiper-pagination-bullet i.y4 {left:1.0vw;top:0.0vw;}
    .history .swiper-pagination-bullet i.y5 {left:3.5vw;top:6.5vw;}
    .history .swiper-pagination-bullet i.y6 {left:1.1vw;top:0.2vw;}
    .history .swiper-pagination-bullet i.y7 {left:1.1vw;top:0.2vw;}
    .history .swiper-pagination-bullet i.y8 {left:0.1vw;top:0.0vw;}    
    .service .row .content strong {font-size:18px; line-height: 1.6; letter-spacing: -0.2px}
    .service .row .pic {margin-top:5px}    
    .service-partner {padding:35px 0 40px 0}
    .service-partner .content {margin-top:30px}    
    .service-network {margin:35px 0 40px 0}
    .service-network ul {gap:10px;}
    .service-network li {padding:20px 15px 10px 15px;}
    .service-network li .title {font-size:18px;}
    .service-network li .content {font-size:14px; line-height: 1.6;min-height:160px;margin:10px 0 10px 0}
    .service-network li .pic img {width:35px;}
    .service-network li:hover {top:0}
    .network-map .summry img:first-of-type {margin-top:0px}
    .network {margin:0px 0 40px 0}
    .network ul {gap:20px;}
    .network li {width:calc(33.3333% - 13.3333px);width:-webkit-calc(33.3333% - 13.3333px);padding:15px;}
    .network li .title {font-size:18px;}
    .network li .content {font-size:13px;margin:10px 0 0 0}
    .network li:hover {top:0}    
    .get_more{width:120px;margin:30px 0 0 -60px;}
    .get_more p {height:30px; line-height:30px;font-size:14px;border-radius:5px;}
    .news {margin:10px 0 40px 0}
    .news .item .text{padding:15px 10px 5px 10px}
    .news .item .text .title {font-size:14px; line-height:20px;height:40px;margin:0 0 5px 0}
    .news .item .text .date {font-size:12px}
    .news .item .text .more {margin-top:20px}
    .news .item .text .more span {font-size:16px}    
    .news-show {margin:10px 0 40px 0}
    .news-show .pic img {border-radius:10px}
    .news-show .date {margin:10px 0 30px 0;font-size:14px}
    .news-show .content {margin-top:20px}
    .news-show .content h3 {font-size:18px;margin:5px 0}
    .news-show .content strong {font-size:16px;}    
    .news-video {margin:10px 0 40px 0}
    .news-video .single_item {width:102%;margin:-2% 0 0 -1%}
    .news-video .item {width:31.3333%;margin:2% 1% 0 1%;}
    .news-video .item .pic i {width:30px;height:30px;margin:-15px 0 0 -15px;}
    .news-video .item .text{padding:10px 13px 10px 13px;}
    .news-video .item .text .title { line-height: 1.6}
    .news-video .item .text .title a {font-size:16px;}
    .news-video .item .text .subtitle {font-size:13px;}
    .video_cons i {width:20px; height:20px;margin:-10px -10px 0 0;}    
    .download .single_item {width:102%;margin:-2% 0 0 -1%}
    .download .item {width:31.3333%;margin:2% 1% 0 1%;}    
    .download .item a {padding:15px 15px 15px 35px;}
    .download .item a .title {font-size:14px;margin:0 0 10px 0;min-height:40px;}
    .download .item a .title:before {left:-25px;top:-5px;width:17px;height:19px;}
    .download .item a i {width:20px;height:18px;}
    .download {margin:10px 0 40px 0}    
    .certification-text {margin:25px 0 30px 0}
    .certification {margin:0 0 40px 0}
    .certification .single_item {width:102%;margin:-2% 0 0 -1%}
    .certification .item {width:23%;margin:2% 1% 0 1%;}
    .certification .item .pic {padding:2px}    
    .contact-top {padding:30px 0}
    .contact-top .content {font-size:14px; line-height: 1.4;margin:15px 0 0 0}    
    .contact-notice {font-size:14px;}
    .contact-map {margin:30px 0 40px 0}
    .contact-row {margin-top:5px;}
    .contact-row .col{margin-top:20px;}
    .contact-row .col .in {padding-left:25px;}
    .contact-row .col:nth-child(2) .in,.contact-row .col:nth-child(4) .in{min-width:250px}
    .contact-row .col .in:before {top:2px;width:20px;height:20px;}
    .contact-row .col .title {font-size:16px;}
    .contact-row .col .content {font-size:14px;}
    .contact-row .col .content strong {font-size:16px;}
    .contact-row .col li {margin:0 0 0 3px;}
    .contact-row .col li img {width:20px}    
    .message {margin:0 0 20px 0}
    .message h2 {font-size:16px;letter-spacing: -0.2px;margin:0 0 12px 0;}
    .message .col {border-width:1px;margin:0 0 10px 0;padding:5px 8px 0 8px;}
    .message .col p {margin:0 0 -5px 0}
    .message .col p i {margin:2px 3px 0 0}
    .message .col input {height:20px}
    .message .col textarea {height:71px;margin-top:5px}
    .message button {width:100px;height:30px;font-size:16px;}
}

@media only screen and (max-width:788px){
    .top-text-pic .top-pic h2 {height:250px}
    .product-topics li a .title {font-size:18px;}
    .product-topics li a h2 {width:70%}
    .product-topics li a:hover h2 {width:80%}
    .application li {width:calc(50% - 10px);width:-webkit-calc(50% - 10px);}
    .news .item {width:48%;}
    .news-video .item {width:48%;}
}

@media only screen and (max-width:640px){
    .home .text {font-size:20px; line-height: 1.2}
    .foot .wrap {display:block;text-align: center}
    .foot .left .menu {display:none;} 
    .foot .left .share-social {margin-top:0px;align-items: center;justify-content: center}
    .foot .right {text-align:center;margin-top:20px}    
    .top-text-pic .top-pic {width:100%;left:0;position: absolute;top:0;}
    .top-text-pic .top-pic h2 {padding:26.0416% 0;height:auto}
    .top-text {position:relative;width:100%;height:auto;}
    .top-text .in {width:92%;padding:30px 4% 35px 4%;margin:52.0832% 0 0 0}
    .product-menu ul li {width:100%}
    .product-menu li a:before {right:10px;}
    .product-list li {width:100%}
    .product-summry {display:block}
    .product-summry .pic {width:100%;}
    .product-summry .text {width:100%;margin-top:30px}
    .product-detail { overflow-x: auto}
    .product-detail table {width:600px;}
    .product-detail td {padding:10px 5px 8px 5px;}    
    .product-type ul {gap:3px;}
    .product-type li {width:calc(50% - 1.5px);width:-webkit-calc(50% - 1.5px);}
    .product-type li a {font-size:12px;padding:0 20px 0 7px;height:25px; line-height: 26px;}
    .product-type li a:before {right:7px;top:0px;font-size:10px;}    
    .product-down ul {gap:10px;}
    .product-down li {width:calc(50% - 5px);width:-webkit-calc(50% - 5px);}
    .product-topics ul {display:block;}
    .product-topics li {width:100%;margin-top:4%}
    .product-topics li:first-of-type {margin-top:0}
    .product-topics li a .title {min-height:40px}
    .product-topics li a h2 {width:40%}
    .product-topics li a:hover h2 {width:50%}
    .application li {width:100%;}
    .about .videos .text {left:4%;bottom:9%;font-size:14px; width:92%;}
    .about .indnum ul {display:block}
    .about .indnum li {margin-top:30px;}
    .about .indnum li:first-of-type {margin-top:0}
    .about .indnum li h2 {margin-left:30px}    
    .culture li .wrap {display:block}
    .culture li .pic {width:100%;}
    .culture li .text {width:100%;margin-top:30px}
    .culture li:nth-child(odd) .pic {order:1}
    .culture li:nth-child(odd) .text {order:2}    
    .markets .text {display:block}
    .markets .text .site-subject {width:100%;}
    .markets .text .content {width:100%;margin-top:20px}    
    .markets .row .indnum-markets{position:relative;width:100%}
    .markets .row .pic {margin-left:0;margin-top:30px}
    .service .row {display:block}
    .service .row .content {width:100%}
    .service .row .pic {width:100%;margin:30px 0 0 0}
    .service-network ul {display:block;gap:0}
    .service-network li {margin-top:4%}
    .service-network li:first-of-type {margin-top:0}
    .service-network li .content {min-height:0;}
    .network ul {display:block;gap:0}
    .network li {width:100%;margin-top:4%}
    .network li:first-of-type {margin-top:0}
    .news-video .single_item {width:100%;margin:-2% 0 0 0}
    .news-video .item {width:100%;margin:2% 0 0 0;}
    .download .item {width:48%}
    .certification .single_item {width:103%;margin:-3% 0 0 -1.5%}
    .certification .item {width:47%;margin:3% 1.5% 0 1.5%;}
    .certification .item .pic {padding:1px}
    .contact-row {display:block;}
    .contact-row .col{width:100%;}
    .contact-row .col:nth-child(2),.contact-row .col:nth-child(4){text-align:left}
    .contact-row .col:nth-child(2) .in,.contact-row .col:nth-child(4) .in{min-width:0}
    .contact-row .col ul {top:3px;left:100px;right:auto;width:200px}
    .message form {display:block}
    .message .left,.message .right {width:100%}
    .message .right {margin-top:20px}    
    .home-search form {width:300px;}
    .home-search .col {padding:18px 0px 0 10px;}
    .home-search .col select {font-size:13px;}
}