@charset "utf-8";



/* CSS Document */



.m-menubtn{position: relative;width:50px;height:60px;cursor: pointer;-webkit-transition:.5s;transition:.5s; display:none}

.m-menubtn span{position: absolute;top:0;bottom: 0;left: 0; right: 0; width:20px;height:2px; background: #333; margin: auto;}

.m-menubtn span:before, .m-menubtn span:after {content: "";width: 100%;height: 100%;position: absolute;bottom: 0;left: 0;right: 0;margin: auto; background-color: #333;}

.m-menubtn span:before {bottom: 5px;}

.m-menubtn span:after {bottom: -5px;}

.m-menubtn.active span:before{-webkit-transform: rotate(-90deg);-moz-transform: rotate(-90deg);-o-transform: rotate(-90deg);-ms-transform: rotate(-90deg);transform: rotate(-90deg); background:#25a259}

.m-menubtn.active span:after {-webkit-transform: rotate(-90deg);-moz-transform: rotate(-90deg);-o-transform: rotate(-90deg);-ms-transform: rotate(-90deg);transform: rotate(-90deg);opacity: 0;}

.m-menubtn.active span {-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-o-transform: rotate(45deg);-ms-transform: rotate(45deg);transform: rotate(45deg); background:#25a259}

.m-menubtn.active span, .m-menubtn.active span:before, .m-menubtn.active span:after {right: 0;bottom: 0;}

.m-menubtn span, .m-menubtn span:before, .m-menubtn span:after{-webkit-transition: all 0.5s cubic-bezier(0.5, 0, 0, 1);-moz-transition: all 0.5s cubic-bezier(0.5, 0, 0, 1);-o-transition: all 0.5s cubic-bezier(0.5, 0, 0, 1);transition: all 0.5s cubic-bezier(0.5, 0, 0, 1);}

/*.m-menubtn:before {content: "Menu";font-size: 12px;position: absolute;bottom: 10px; left: 0; right: 0; margin: auto;text-align: center; color:#fff}

*/

.m-menu{position:fixed; right:0;top:0; width:100%; height:100%;overflow-y:auto; overflow-x:hidden;visibility: hidden;transition: visibility 0ms linear 850ms;z-index:98;}

.m-menu:before{content:'';top: 0;left: 0;width: 100%;height: 100%; position: fixed;transform: translateX(-100%);transition: transform 550ms cubic-bezier(0.55, 0.055, 0.675, 0.19) 350ms;background: -webkit-linear-gradient(left, #1f8b8e, #23ac38);

background: -o-linear-gradient(left, #1f8b8e, #23ac38);

background: -moz-linear-gradient(left, #1f8b8e, #23ac38);

background: linear-gradient(to right, #1f8b8e, #23ac38)}

.m-menu ul{ width:100%;padding-top:70px; padding-bottom:30px; padding-left:3%; padding-right:3%;overflow-y:auto;overflow-x:hidden;}

.m-menu li{ position: relative;border-bottom:1px solid rgba(255,255,255,.3);opacity: 0; transform: translateX(3.5rem);}

.m-menu li>a{ font-size:16px;line-height:55px; position:relative}

.m-menu li>a i{ position:absolute; width:16px; height:16px; right:0;top:50%; margin-top:-10px}

.m-menu li>a i:before{ content:""; width:16px; height:1px; background:#fff; position:absolute; left:0;top:50%;}

.m-menu li>a i:after{ content:""; width:1px; height:16px; background:#fff; position:absolute; left:50%;top:0;}

.m-menu li>a.on i:after{ -moz-transform:rotate(90deg);-webkit-transform:rotate(90deg);transform:rotate(90deg)}

.m-menu a{ display:block; color:#fff;}

.m-menu .sub{ display:none; padding-bottom:10px}

.m-menu .sub a{color:rgba(255,255,255,.5); line-height:30px;font-size:14px; padding-left:20px; position:relative}

.m-menu .sub a:before{content: "";position: absolute;bottom: 15px; left: 0; width: 10px; height: 1px; background: rgba(255,255,255,.5);}



.m-menu.active{visibility: visible; opacity:1;transition: visibility 0ms linear 0ms;}

.m-menu.active:before{transform: translateX(0%);transition: transform 750ms cubic-bezier(0.215, 0.61, 0.355, 1);}

.m-menu.active li{opacity: 1;transform: translateX(0);transition: opacity 500ms linear 375ms, transform 500ms cubic-bezier(0.215, 0.61, 0.355, 1) 375ms;}





.m-footer{color:#fff; position:fixed; width:100%; left:0;bottom:0; display:none; z-index:99;background: #005bac;

background: -webkit-linear-gradient(left, #22bcf0, #013e96);

background: -o-linear-gradient(right, #22bcf0, #013e96);

background: -moz-linear-gradient(right, #22bcf0, #013e96);

background: linear-gradient(to right, #22bcf0, #013e96);}

.m-footer li{ float:left; width:50%; text-align:center}

.m-footer a{ display:block; line-height:20px;color:#fff;}

.m-footer .tel i{ display:block;background:url(../images/f-icon01.png) no-repeat center; background-size:20px; height:25px;}

.m-footer .mail i{ display:block;background:url(../images/f-icon03.png) no-repeat center; background-size:20px; height:25px;}

.m-footer span{ display:block;}

.inner-nav-m{ display:none; position:absolute;right:0;top:0;width:100%;z-index:9}

.inner-nav-m .tit{font-size:16px; line-height:40px; height:45px; white-space:nowrap; text-overflow:ellipsis; padding-right:20px; color:#333; float:right;position:relative;}

.inner-nav-m .tit:after{ content:""; width:6px; height:6px; border-top:1px solid #333; border-right:1px solid #333; -moz-transform:rotate(45deg);-webkit-transform:rotate(45deg);transform:rotate(45deg); display:block; position:absolute;right:5px;top:16px}

.inner-nav-m .sub{position:absolute;top:45px; width:100%;left:0; background:#093580; display:none; }

.inner-nav-m .sub a{ display:block; border-bottom:1px solid rgba(255,255,255,.2); background:#093580; line-height:20px;color:#fff; padding:8px 10px}

.inner-nav-m .sub a:hover{ background:#f4ce1a;}



@media screen and (max-width:1920px){
.wrap{max-width: inherit;width: 85%;}
}

@media screen and (max-width:1680px){
.wrap{ width:90%}
.header .wrap{ width:90%;max-width: inherit;}
.banner .txt{left: 5%;}

.EN .i-about .ltitle{padding: 0 25%;}
}

@media screen and (max-width:1440px){

.menu>ul>li{margin: 0 30px;}



.banner .txt{ font-size:35px; }

.i-development .right .map{ width:106%}

.i-development .network .li1{right: 15%;top: 38%;}

.i-development .network .li2{right: 14%;top: 39%;}
.content-about-top{font-size: 14px;}

.i-about .network-list .cont{padding: 25px;}
.main .content .news-article img, .main .content .news-article video{max-width: 60%;}
}

@media screen and (max-width:1366px){

.title-box{ margin-bottom:30px}

.title{ font-size:35px}

.i-qNav .txt h3, .q-area .title{ font-size:26px}

.i-qNav .txt .more, .i-development .more{ height:35px; line-height:35px;padding-left: 25px;padding-right: 15px;}

.i-qNav .txt .more:before, .i-development .more:before{left: 12px;top: 15px;}

.i-development .ltitle{ font-size:24px;margin: 30px 0 50px;}

.i-development .ys li{ margin-bottom:30px}

.i-development .ys .tit1 .counter{ font-size:35px}

.q-area .more{height:35px; line-height:33px;padding-left: 25px;padding-right: 15px;}

.q-area .more:before{left: 12px;top: 14px;}

.title-box .ltitle{ font-size:24px}
.i-about .network{max-width: 80%;left: 10%;}

}

@media screen and (max-width:1300px){

.menu>ul>li{ margin:0 15px}

.i-development .right .map{ width:100%}

.i-development .network .li1{right: 20%;top: 38%;}

.i-development .network .li2{right: 19%;top: 39%;}

.i-development .left{ width:25%}
.tech-platform .t-tit{font-size: 1.15em;}
.hornor li, .hornor li:nth-child(2), .hornor li:nth-child(5){width: 49%;}
.hornor li p{white-space: normal;}
}

@media screen and (max-width:1024px){

.wrap{ width:100%; padding:0 15px}

.header .wrap{ width:100%; padding-left:15px; padding-right:0}

.menu{ display:none}

.banner .txt{ font-size:26px;left: 3%;}
.banner .txt_2{max-width: 30%;}
.EN .banner .txt{font-size: 20px;}

.header{ background:#fff}

.header, .logo{ height:60px;}

.lang a{ font-size:16px; line-height:60px;color:#333}

.lang a:first-child::after{background: #e5e5e5;}

.logo .logo-img1{ display:none}

.logo .logo-img2{ display:block; height:40px}

.m-menubtn{display:block}

.banner{ height:auto; margin-top:60px;}

.banner .swiper-pagination{bottom:3%}

.banner .swiper-pagination-bullet{ width:8px;height:8px}

.banner.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{ margin:0 5px}

.i-main{ padding:40px 0}

.i-about， .i-qNav{ margin-bottom:40px}



.title{ font-size:32px}
.i-qNav li{ width:49%}
.i-qNav .txt{bottom:5%; padding:0 5%}

.i-qNav .txt h3{ font-size:26px}

.i-qNav .txt h4{ font-size:14px;margin: 5px 0 10px;}

.i-qNav .txt .more{line-height: 32px;height: 32px;border-radius: 25px;padding-left: 25px;padding-right: 15px;font-size:12px}

.i-qNav .txt .more:before{left: 12px;top: 13px;}

.i-newslist a{ padding:10% 8%}

.i-newslist .tit{font-size:18px;margin-bottom:10px;}

.i-newslist .intro{ margin-bottom:10px}

.i-development .right{ overflow:hidden; width:100%}

.i-development .left{ width:100%}

.i-development .ys{ font-size:14px}

.i-development .ys li{ width:25%; margin-bottom:20px}

.i-development .ltitle{margin: 20px 0 30px;}
.i-historylist-2 .swiper-slide{padding: 0 8px;}

.q-area{ padding:60px 0}

.q-area .intro{margin:3% 5%; font-size:14px;min-height: auto;}

.footer .wrap:before{ display:none}

.copyright{width: calc(97% - 100px);}

.nbanner{ margin-top:60px;}

.main{ padding:30px 0}

.main .title{ line-height:35px}

.main .content{ font-size:14px; line-height:1.8;}

.hrlist-tit-l{ font-size:20px;padding:25px 0}

.hrlist-tit{ padding:0 3%}

.hrlist-tit-r{padding-right: 45px;margin-top: 20px;}

.hrlist-tit-r .jl{ line-height:35px;width: 100px;}

.hrlist-tit-r .more{ width:37px}

.hrlist-tit-r .more:before{top:10px;left:10px}

.hrlist-con{ margin:0 3%; padding-top:3%; padding-bottom:5%}

.hrlist-tit-r .jl{ display:none}

.hrlist{ margin-bottom:0}

.news-top .txt{ padding-top:2%}

.news-top .txt .tit{ font-size:20px;}

.nmore{line-height: 32px;height: 32px;border-radius: 25px;padding-left: 25px;padding-right: 15px;font-size:12px}

.nmore:before{left: 12px;top: 13px;}

.news-top .nmore{bottom:0}

.news-top .txt .intro{ line-height:26px;}

.newslist li{padding:0;}

.newslist li a{padding: 10% 8%; display:block}

.newslist .tit{ font-size:18px;margin-bottom: 10px;}

.newslist .intro{ margin-bottom:10px}

.newstit{ font-size:20px; line-height:28px}

.news-article{ font-size:14px}
.main .content .news-article img, .main .content .news-article video{max-width: 70%;}

.main .content-contact{ font-size:14px}

.contact-list h1{ font-size:22px; line-height:30px; padding:15px 30px; text-align:center}

.contact-list li{margin: 30px 15px 40px;}

.contact-list li:after{right:-15px}

.contact-list .txt span{ font-size:18px; margin-top:0}

.contact-list .add .txt span{ font-size:14px}

.mapbox{ margin-top:30px}

#allmap{ height:300px}

.cullist .txt h3{ font-size:20px; padding-bottom:0}

.cullist .txt h4{ font-size:14px; line-height:20px;}

.cullist ul, .teamlist ul{ margin-right:0}

.cullist li{ width:32%; margin-right:2%}

.cullist li:last-child{ margin-right:0}


.history .topTit{ font-size:24px;}

.historyList li .txt{ font-size:16px; line-height:24px}

.historyList li .txt .time{ font-size:20px;padding-bottom: 5px;margin-bottom: 10px;}

.historyList li .txt .time::after{ width:25px;}

.productList .ptit{ font-size:22px;line-height:30px; padding:15px 30px; text-align:center}

.productList .table th{ font-size:16px; padding:10px}

.productList .table td{ padding:10px}

.productList .table .DH{ font-size:14px;}

.productRep{ padding-bottom:40px; margin-bottom:40px;}

.productRep .txt .tit, .productRep .ptit{ font-size:24px;}
.development{display: none;}
.m-development{display: block;}
.i-historylist-2{padding-bottom: 30px;}
.i-historylist-2 .swiper-pagination{ display:block;}
.content-about .left li{width: 47%;}

.product-nav ul{height: auto;}
.product-nav ul li{padding: 15px 10px;}
.product-list-box .item{padding: 20px 0;}
.product-list-box .item-top{font-size: 1em;}
.product-list-box .item-top .p-tit, .product-list-box .item-top .p-tit2{line-height: 1.4;}
.product-list-box .item-hide{padding: 20px;margin-top: 20px;border-radius: 10px;}
.product-list-box .item-top .p-line{height: 36px;}
.product-list-box .item-top .p-line:after{border-left: 15px solid #1f8b8e;border-top: 18px solid transparent;border-bottom: 18px solid transparent;}
.product-list-box .item:nth-child(2n) .item-top .p-line:after {border-left: 15px solid #23ac38;}
.product-list-box .item-top .p-line i{width: 22px;height: 22px;right: 15px;}
.product-list-box .item-top .p-line i:after{left: 6px;top: 7px;}
.product-content.on .item-top .p-line {padding-right: 15px;}

.teamlist li{width: 100%;margin-right: 0;}
.content-about-top{display: block;}
.content-about-top .abt_pic, .content-about-top .abt_txt{width: 100%;}
.content-about-top .abt_txt{margin-top: 2%;line-height: 1.8;}
.partner-box{display: block;}
.partner-box .item{width: 100%;padding: 20px;}
.partner-box .item:nth-child(1){margin-bottom: 3%;}


.i-about{padding-bottom: 40px;}
.i-about .network{max-width: 100%;left: 0;}
.i-about .ltitle{font-size: 20px; margin-top: 10px;}
.i-about .network-list{display: none;}
.i-about .ys{padding: 0 5%;font-size: 14px;}
.EN .i-about .ltitle{padding: 0 10%;}
.i-qNav{ margin-bottom:40px}


.tech-platform ul{flex-wrap: wrap;}
.tech-platform li{width: 49%;}
.gallery-thumbs .swiper-slide{width: 80px;height: 80px;margin: 0 5px}
.gallery-botm .event .row{font-size: 16px;}
.gallery-thumbs .tm, .gallery-botm .event .row .tm{font-size: 20px;}
.gallery-botm .event .row .tm{width: 150px;}
.newslist_3 li{padding-bottom: 2%;margin-bottom: 2%;}
.newslist_3 h3{font-size: 1.1em;}
.inner-nav-sed{padding-top: 20px;font-size: 14px;}
.inner-nav-sed li {margin: 0 5px;}
.inner-nav-sed a{line-height: 32px;padding: 0 15px;}
.newslist_2 li{padding-bottom: 2%;margin-bottom: 2%;}
.newslist_2 .tm, .newslist_2 h3{font-size: 1.25em;}
.newslist_2 .tm{margin-right: 3%;width: 10%;}
.newslist_2 .mr{width: 35px;height: 35px;}
.inner-nav-team{font-size: 14px;}
.inner-nav-team{right: 15px;top: 0;}
.inner-nav-team li {margin-left: 10px;}
.inner-nav-team a{line-height: 32px;padding: 0 15px;}
.content-about-bot h3{font-size: 1.25em;}
}


@media screen and (max-width:768px){

.banner .txt{ font-size:20px;}
.EN .banner .txt{font-size: 18px;}

.i-main, .main{ padding:40px 0}

.i-qNav .txt h3{ font-size:20px}



.title-box{ margin-bottom:20px}

.title, .partner-box .title{ font-size:26px}

.title-box .ltitle{ font-size:20px}

.i-newslist a{ padding:8% 5%;border-top-left-radius: 35px;border-bottom-right-radius: 35px}

.i-development .ltitle{ font-size:20px; margin:0 0 20px}

.i-development .ys .tit1 .counter{ font-size:30px}

.q-area{ padding:20px 0}

.i-qNav .txt h3, .q-area .title{ font-size:20px}

.q-area .intro{ line-height:20px}

.q-area li:first-child{ padding-right:3%}

.q-area .intro{ margin:3% 0}

.q-area li:last-child{ padding-left:3%}

.i-about .more, .i-qNav .txt .more, .i-development .more, .q-area .more{ font-size:12px;}
.i-about .more{line-height: 32px;height: 32px;border-radius: 25px;padding-left: 25px;padding-right: 15px;}
.i-about .more:before{left: 12px;top: 13px;}

.copyright{ padding-top:25px;}


.main .title{ line-height:30px}
.content-about .left, .content-about .right{ width:100%}

.hrlist-tit-l{font-size:18px;}

.news-top .txt .tit{ font-size:18px;}

.news-top .txt .intro{-webkit-line-clamp: 3;}

.newslist ul{margin-right: -2%;}
.newslist li{ width:48%;margin-right: 2%;margin-bottom: 2%;}

.newslist li a{ padding:8% 5%}
.newslist .tit{font-size: 16px;}
.newslist .time{font-size: 12px;line-height: 1;}
.newslist .intro{display: none;}

.contact-list ul{ flex-wrap:wrap;}

.contact-list h1, .productList .ptit{ font-size:20px;padding:10px 30px; line-height:30px;}

.contact-list .txt span{ font-size:16px;}

.contact-list li{padding:20px; width:50%; margin:0; border-bottom:1px solid #f0f0f0}
.contact-list li.add{width: 100%;}

.contact-list li:after{ right:0}

.contact-list li:nth-child(2):after{ display:none}

.contact-list li:nth-child(3), .contact-list li:nth-child(4){ border-bottom:0}

.inner-nav li{ margin:0 15px}

.teamlist .tit, .cullist .txt h3, .teamlist_2 .tit{ font-size:18px;}

.historyList{ padding:30px 0}

.history .topTit{ font-size:20px;}

.historyList li .pic, .historyList li .txt{ padding:0 30px}

.historyList li .pic img{ width:150px; height:150px;box-shadow: 0 0 0 5px rgba(37,162,89,.1);}

.productList .table th{ font-size:15px;padding: 5px;}

.productList .table td{ padding:5px}

.tableBox{ overflow:auto}

.productRep{ padding-bottom:30px; margin-bottom:30px;}

.productRep .txt .tit,.productRep .ptit{ font-size:20px; margin-bottom:15px}
.i-historylist-2 .intro{height: auto;}
.culture-top ul{grid-template-columns: 1fr 1fr; grid-column-gap: 10px; grid-row-gap: 10px;}
.culture-top li:nth-child(3), .culture-top li:nth-child(4){grid-column: 1 / span 2;}
.culture-bot{padding: 30px;}
.culture-bot ul{justify-content: center;flex-wrap: wrap;}
.culture-bot li{width: 33.33%;}
.culture-bot li:nth-child(-n+3){margin-bottom: 2%;}
.product-nav, .product-list-box{width: 708px;}

.product-content{overflow-x: auto}
.product-content-module{width: 738px;}
.EN .i-about .ltitle{padding: 0;}
.tech-platform li{width: 100%;}
.tech-platform .tit{height: auto;}
.newslist_2 .tm, .newslist_2 h3{font-size: 1.1em;}
.network-list{display: none;}
.i-about .network{position: absolute;bottom: 0;z-index: -1;width: 100%;height: 100%;}
.i-about .network .map {display: block;width: 100%;height: 100%;opacity: .4;object-fit: contain;}

.i-about .more-box{margin-top: 20px;}
.i-about .ys{padding: 0; font-size: 12px;}
.i-about .ys .tit1 .counter{font-size: 30px;}
.i-newslist .tit{font-size: 16px;}
}

@media screen and (max-width:640px){

.banner .txt{ font-size:16px;}
.EN .banner .txt{font-size: 14px;}
.banner .txt_2{max-width: 45%;}
.banner .txt, .i-qNav li, .i-newslist a, .i-historybox{border-top-left-radius: 15px;border-bottom-right-radius: 15px;}

.i-main, .main{ padding:30px 0}
.i-newslist a{padding: 5%;}
.i-about{padding-bottom: 30px;}
.i-qNav{ margin-bottom:30px}

.i-qNav li{ width:100%; margin-bottom:15px}

.i-qNav li:last-child{ margin-bottom:0}

.title-box{ margin-bottom:15px}

.title-box .ltitle{ font-size:18px;line-height: 24px;}

.i-historybox{ background:#f3f3f3;position: relative;overflow: hidden;padding:5%}

.i-historybox:before, .i-historybox:after, .i-historylist:before{ display:none}

.i-historylist{}

.i-historylist .swiper-slide{ height:auto; background:none;}

.i-historylist .line, .i-historylist .dot{ display:none}

.i-historylist .pic{ float:left; margin:auto; position:relative; left:0;}

.i-historylist .swiper-slide:nth-child(even) .pic{position: relative;bottom:0;left:0;-moz-transform: translateX(0);-webkit-transform: translateX(0);transform: translateX(0);}

.i-historylist .txt{ position:relative;top:auto; text-align:left;width: calc(100% - 150px);float: right; margin-top:3%; margin-bottom:1%}

.i-historylist .txt p{ padding-left:0;display:block}

.i-historylist .swiper-slide:nth-child(even) .time{top:0}

.i-historylist .swiper-slide:nth-child(even) .txt p{top:auto; margin-top:15px}

.i-historylist .time:before{ display:none}

.i-historylist .swiper-pagination{ display:block; text-align:left; padding-left:147px}



.i-development{ position:relative}

.i-development .left{ position:relative; z-index:2}

.i-development .ltitle{font-size: 16px;}

.i-development .right{ position:absolute; top:0;right:0;height:100%; z-index:1}

.i-development .right .map{ width:auto;max-height:100%; max-width:100%; float:right}

.i-development .ys li{ margin-bottom:10px;}

.i-development .ys .tit1 .counter{ font-size:26px;}

.i-development .ys .tit1 .fh{ font-size:12px;top: -18px;}


.i-about .ltitle{font-size: 16px;line-height: 1.5;}
.EN .i-about .ltitle{font-size: 16px;line-height: 1.5;}

.i-about .ys .tit1 .counter{font-size: 26px;}
.i-about .ys .tit1 .fh{font-size: .5em;top: -15px;font-weight: normal;}

.q-area .intro, .copyright{font-size:12px}

.q-area .more{ line-height:28px; height:30px; padding-right:12px;padding-left: 20px;}

.q-area .more:before{top:12px;left:10px; width:4px; height:4px}

.i-about .more, .i-qNav .txt .more, .i-development .more, .nmore{ height:30px; line-height:30px;padding-right:12px;padding-left: 20px;}

.i-about .more::before, .i-qNav .txt .more:before, .i-development .more:before, .nmore:before{top:13px;left:10px;width:4px; height:4px}


.footer{ padding:20px 0}

.platformList li{padding: 5px 10px;line-height: 20px;}

.platformList ul{ margin-bottom:10px}

.hrlist-tit{ position:relative}

.hrlist-tit-l{ font-size:16px;padding:15px 0;line-height: 24px; width:80%}

.hrlist-tit-r{ position: absolute; right:0;top:0;bottom:0;margin-top: 0; padding-right:0}

.hrlist-tit-r .more{position: absolute;right: 0;top: 0;}

.hrlist-tit-r .more:before{top:20px}

.news-top .pic{ width:100%}

.news-top .txt{ width:100%; padding-top:15px}

.news-top .txt .intro{ margin-top:10px; margin-bottom:10px;-webkit-line-clamp:2; line-height:24px}

.news-top .nmore{ position:relative}

.newslist{ margin-top:20px}


.newslist li a{ padding:5%}

.page_2{ margin-top:30px}

.page_2 p{ float:none; max-width:100%}

.page_2 p:nth-child(2){ float:none}

.contact-list li{ width:100%}

.contact-list li:nth-child(3){ border-bottom:1px solid #f0f0f0}

.inner-nav, .inner-nav li a{ height:50px;}

.inner-nav ul{ overflow-x:auto;justify-content:flex-start}

.inner-nav ul::-webkit-scrollbar{background-color:transparent;}

.inner-nav li{ margin:0 10px;}

.inner-nav li a{ white-space:nowrap; font-size:16px;}

.inner-nav li a:after{ height:3px}


.cullist li{ width:49%;margin-bottom:15px;border-top-left-radius: 15px;border-bottom-right-radius: 15px;}

.cullist li:nth-child(2){ margin-right:0}

.cullist .txt{padding:15% 15px 15px;}

.cullist li:last-child{ width:100%; height:300px}

.teamlist .tit, .teamlist_2 .tit{font-size: 16px;}

.teamlist .office{ line-height:20px}


.historyList li .pic{ padding-right:0}

.historyList li .txt{ padding-left:0}

.historyList li:nth-child(2n) .pic{ padding-right:30px; padding-left:0}

.historyList li:nth-child(2n) .txt{ padding-left:30px; padding-right:0}

.historyList li .txt{ font-size:14px; line-height:20px}

.historyList li .txt .time{ font-size:18px;}

.productRep {padding-bottom: 20px;margin-bottom: 20px;}

.productRep .pic, .productRep .txt{ width:100%}
.i-historylist-2{padding-bottom: 10px;}
.i-historylist-2 .swiper-slide{padding: 0;}
.i-historylist-2 .tm{margin-left: 0;font-size: 24px;margin-bottom: 10px;}
.i-historylist-2 .dot{display: none;}
.i-historylist-2 .intro{padding: 0;}
.culture-top .txt{padding: 15px;}
.culture-bot{padding: 15px;margin-top: 20px;}

.teamlist_2 ul{justify-content: center;}
.teamlist_2 li{width: 40%;}
.gallery-thumbs .swiper-slide{width: 65px;height: 65px;margin: 0 2px;}
.gallery-thumbs .tm{font-size: 18px;}
.gallery-botm .event .row .tm {font-size: 16px;}
.gallery-botm .event .row .tm { width: 120px;}
.gallery-botm .event .row { font-size: 14px;padding: 10px 0;}
.newslist_2 .tm{width: 70px;}
.newslist_2 .con{width: 75%;margin-right: 3%;}
.newslist_2 .mr {width: 30px;height: 30px;}
.newslist_2 .mr:after{width: 6px;height: 6px;margin-left: -5px;margin-top: -3px;}
.newstit{line-height: 1.5;font-size: 18px;}
.main .content .news-article img, .main .content .news-article video{max-width: 100%;}
}
@media screen and (max-width:480px){
    .gallery-thumbs .swiper-slide {width: 55px;height: 55px;}
    .gallery-thumbs .tm{font-size: 16px;}
    .hornor li, .hornor li:nth-child(2), .hornor li:nth-child(5){width: 100%;}
    .teamlist li a{display: block;}
    .teamlist .pic, .teamlist .txt{width: 100%;}
    .teamlist .pic::before{content: '';display: block;padding-top: 50%;}
    .teamlist .pic .img1{display: none;}
    .teamlist .txt{padding-top: 0;}
    .teamlist .intro{min-height: auto;}
    .title, .partner-box .title{font-size: 22px;}
    .i-about .ltitle{font-size: 1rem;}
    .title-box .more{font-size: 12px;}
    .title-box .more:before{width: 4px;height: 4px;left: -12px;top: 6px;}
}
@media screen and (max-width:425px){

.lang a{ font-size:14px;}

.lang a:first-child{padding-right:8px;margin-right:8px;}

.banner{ height:260px}

.title, .partner-box .title{ font-size:20px}

.title-box .ltitle{ font-size:16px; line-height:20px}

.nbanner{ height:120px}

.inner-nav li{ margin:0 5px}

.content-about-top .abt_txt h2{font-size: 1.15em;}

.cullist li, .cullist li:last-child{ width:100%; margin-right:0; height:200px}

.cullist .txt h3{ font-size:16px;}

.cullist li .pic{ position:absolute; width:100%; height:100%}

.cullist .pic img{ position:absolute;left:0;bottom:0}

.historyList li .pic img{ width:120px; height:120px}
.culture-top h3{font-size: 1.25em;}
.gallery-thumbs .swiper-wrapper{justify-content: flex-start;}
}