<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@charset "utf-8";
.m-btn{height:40px;width:40px; display:none;position: fixed; right:15px; margin-top:28px;z-index: 999999;transition:1s;-webkit-transition:1s;-moz-transition:1s;}
.m-btn span{ width:20px; height:2px;background: #fff; position:absolute; left:12.5px; top:14px;-webkit-transition:.3s;-moz-transition:.3s;-ms-transition:.3s;-o-transition:.3s;transition:.3s;}
.m-btn.end.scroll{margin-top:23px;}
.m-btn.end.scroll span{background: #0f72da;}
.m-btn .line1{-webkit-transform-origin:2px center;-moz-transform-origin:2px center;transform-origin:2px center}
.m-btn .line2{top:20px;}
.m-btn .line3{top:26px;-webkit-transform-origin:1px center;-moz-transform-origin:1px center;-ms-transform-origin:1px center;-o-transform-origin:1px center;transform-origin:1px center}
.m-btn.open-menu .line2 {opacity: 0;filter: alpha(opacity=0);}
.m-btn.open-menu .line1{webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg); background:#fff}
.m-btn.open-menu .line3{-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg);background:#fff}

.mobile-menu{width: 290px;position: fixed; top: 0; height: 100%; overflow: hidden; background-color:rgba(0,0,0,0.7);z-index: 9999999;left: 0;transform: translate3d(-290px,0,0);-webkit-transform: translate3d(-290px,0,0);-ms-transform: translate3d(-290px,0,0);-sand-transform: translate3d(-290px,0,0); -webkit-transition: transform .3s ease; -moz-transition: transform .3s ease; -o-transition: transform .3s ease; transition: transform .3s ease;}
.mobile-menu .closed{ display:block; width:30px; height:30px;  position:absolute; right:15px; top:15px}
.mobile-menu ul{ width:100%;height:100%;overflow-y:auto;overflow-x:hidden; padding-top:20px}
.mobile-menu a{ display:block}
.mobile-menu li{ position:relative;border-bottom: 1px solid rgba(255,255,255,.23);}
.mobile-menu li.fir{text-align:center;}
.mobile-menu li.fir a{ display:inline-block;  position:relative; text-transform:capitalize !important; padding:12px 10px !important;font-size: 14px !important;}
.mobile-menu li.fir a:after{ content:""; width:1px; height:15px; background:rgba(255,255,255,.3); position:absolute; right:0;top:18px}
.mobile-menu li.fir a:last-child::after{ display:none}
.mobile-menu li&gt;a{display: block;padding:12px 15px; font-size: 16px; line-height: 26px; overflow-x: hidden;text-transform: uppercase;color: #fff;}
.mobile-menu li .sub{ padding:0 3%; line-height:30px; margin:5px 0 15px 0; font-size:14px; display:none}
.mobile-menu li .sub a{ color:#fff; padding:0 15px}
.mobile-menu .m-search form{ position:relative; margin:10px 10px}
.mobile-menu .m-search .input01{background-color: rgba(255,255,255,.1);border: none;padding: 5px 12px;font-size: 14px;color: #fff;height:35px;width:calc(100% - 20px);color: rgba(255,255,255,.8)}
.mobile-menu .m-search .btn{position: absolute;top:0;right: 10px;bottom:0;font-size: 0;border: none;background:url(../images/search-btn01.png) no-repeat center;width: 50px;}


.mobile-menu.show{left: 0;transform: translate3d(0,0,0);-webkit-transform: translate3d(0,0,0);-ms-transform: translate3d(0,0,0);-sand-transform: translate3d(0,0,0);}
.mobile-menu-bg, .sidebar-left-bg{position: fixed;top: 0;left: 0;width: 100%; height: 100%;z-index: 99999; display:none;background-color: rgba(0,0,0,.7);}

.mobile-sidebar-btn{ font-weight:bold; color:#333; display:flex; display:-webkit-flex; align-items:center; opacity:0; visibility:hidden; height:0; overflow:hidden; font-size:16px}
.mobile-sidebar-btn .line{ margin-right:10px; position:relative}
.mobile-sidebar-btn .line, .mobile-sidebar-btn .line:before, .mobile-sidebar-btn .line:after{display: inline-block;width: 18px;height: 2px; background:#333;}
.mobile-sidebar-btn .line:before, .mobile-sidebar-btn .line:after{position: absolute;content: "";left: 0;}
.mobile-sidebar-btn .line:before{top: -6px;}
.mobile-sidebar-btn .line:after{top: 6px;}
.sidebar-left-close{display: none;padding: 16px 20px;background-color: #000;text-align: right; color:#fff}
.sidebar-left-close span{text-transform: uppercase;font-size: 12px;line-height: 35px;position: relative;cursor: pointer;padding-right: 21px;}
.sidebar-left-close span:after{content:" ";position: absolute; right: 0; top: 50%; margin-top: -1px;width: 15px;height: 2px; display: inline-block; background-color: #fff;}


.m-footer{width: 100%;right: 0;bottom: 0;height:42px;box-shadow: 0 0 3px rgba(0,0,0,.1); position:fixed; background:#0f72da; color:#fff; display:none; text-align:center; z-index:999}
.m-footer li{ float:left; width:33.33%}
.m-footer li a{ color:#fff; font-size:12px; display:block}
.m-footer .ico{ background:url(../images/fltel.png) no-repeat center; height:20px; display:block; margin-top:3px}
.m-footer li:nth-child(2) .ico{background:url(../images/fltel.png) no-repeat center; }
.m-footer li:nth-child(3) .ico{background:url(../images/arrow_2.png) no-repeat center;-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg); transform:rotate(180deg)}

.phshow{ display:none}
.pcshow{ display:block}

.m-foot{ position:fixed; width:100%; height:60px; left:0; bottom:0;background: #0f72da; color:#fff; display:none; z-index:99}
.m-foot li{ float:left; width:25%; text-align:center;}
.m-foot li a{ color:#fff; font-size:14px; display:block;}
.m-foot li.li1 a{ background:url(../images/flmes.png) no-repeat center 8px; padding-top:25px}
.m-foot li.li2 a{ background:url(../images/fltel.png) no-repeat center 8px; padding-top:25px}
.m-foot li.li3 a{ background:url(../images/flmail.png) no-repeat center 6px; padding-top:25px}
.m-foot li.li4 a{ background:url(../images/flewm.png) no-repeat center 6px; padding-top:25px}
.m_contact{ display:none;background: #292929; color:#999; font-size:14px; line-height:25px; padding-bottom:30px; padding-top:10px; border-top:1px solid #333;}
.m_contact a{ color:#999}
.m_fnav{}
.m_fnav li{ float:left; margin-right:15px; padding-right:15px; position:relative}
.m_fnav li:after{ content:""; width:1px; height:10px; display:block; position:absolute; top:50%; margin-top:-5px; right:0; background:#555}
.tanchuang{ display:none}

.tanchuang .bg{ position:fixed;left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.25)}
.tanchuang .text{ position:fixed;left:50%; margin-left:-170px;top:20%; width:340px; z-index:99999999; padding:20px; height:auto; background:#fff; box-shadow:0 5px 15px rgba(0,0,0,0.3); -webkit-border-radius:15px;-moz-border-radius:15px;border-radius:15px; text-align:center}
.tanchuang .text .closed{width:30px; height:30px; background:url(../images/close_1.png) no-repeat center; background-size:12px; border:1px solid #333; border-radius:50%;position:absolute; top:5px; right:5px}
.tanchuang .text{ font-size:20px; font-weight:bold}
.tanchuang .text .p1{ color:#0f72da}
.tanchuang .text .tel{ background:#0f72da; color:#fff;padding:15px; -webkit-border-radius:15px;-moz-border-radius:15px;border-radius:15px; margin:15px 0}
.tanchuang .text .tel a{ color:#fff}
.tanchuang .text .btn{ background:url(../images/b-03.png) no-repeat left center; background-size:30px auto; display:inline-block; padding-left:35px; color:#333; text-decoration:underline}
.tanchuang .text .p2{ color:#0f72da; font-size:18px; margin-top:15px}

@media screen and (max-width: 1550px){
.i-products .products_cont .pronav .text p{ line-height:40px; font-size:16px;}
.i-products .products_cont .prolist .pic img, .i-products .products_cont .prolist .pic{ max-height:180px}
.prolist li{min-height: 220px;}
.i-products .products_cont .pronav{ min-height: 478px;}
.i-products .products_cont .pronav img{ max-height:440px}
}
@media screen and (max-width: 1367px){
.header .menu li .menu_a{ display:block; padding:0 20px; font-size:16px}

.header .wrap{ position:relative;height:96px; }
.header.end.scroll .wrap{ height:86px;}
.header .logo{margin-top:-20px; }
.header .logo img{ height:40px } 
.header .menu{ margin-left:25px;}
.banner .wenzi h3{ font-size:36px; padding:10px 0;}

.wrap{ width:96%;}
.topwrap{ width:96%;}


.nbanner img{width: 120%; margin-left:-10%}
.nbanner .title h3{ font-size:30px; margin-top:15px;}




}
@media screen and (max-width:1300px){
.nfuwu .cjleft .kuai, .nfuwu .cjright .kuai, .nfuwu .cjleft .kuai .pic, .nfuwu .cjright .kuai .pic {height: 221px;}
}

@media screen and (max-width:1200px){
.header .use .tel{ font-size:17px;}
.header .menu {margin-left: 35px;}
.header .menu li .menu_a{padding: 0 16px;}
.banner .wenzi p { margin: 20px 0 30px 0;}

.header .wrap{ position:relative;height:94px; }
.header.end.scroll .wrap{ height:84px;}
.header .logo{margin-top:-19px; }
.header .logo img{ height:38px } 
.i-about .abwrap{ width:60%;}

.nbanner img{width: 130%; margin-left:-15%}
.nbanner .title h3{ font-size:28px;}

.nfuwu .cjleft .kuai, .nfuwu .cjright .kuai, .nfuwu .cjleft .kuai .pic, .nfuwu .cjright .kuai .pic{    height: 203px;}

}

@media screen and (max-width:1080px){
.header .menu{ display:none}
.header .use{ right:48px;}
.m-btn{ display:block}
.i-about .abwrap{}
.i-about .abwrap{ width:70%;}



.prolist li{font-size:16px;}

.nbanner img{width: 140%; margin-left:-20%}
.nbanner .title h3{ font-size:26px;}

.nav-tab{ height:63px; line-height:60px;}
.nav-tab a{font-size: 17px;}

.serivce li .wenzi{ min-height:350px;}

.nnews ul li .wenzi h3{margin-bottom: 5px;}
.nnews li .more{ display:none}
}

@media screen and (max-width:1024px){
.nfuwu .cjleft .kuai, .nfuwu .cjright .kuai, .nfuwu .cjleft .kuai .pic, .nfuwu .cjright .kuai .pic{    height: 173px;}
}

@media screen and (max-width:920px){
.i-products .products_cont .prolist .pic img, .i-products .products_cont .prolist .pic{ max-height:150px}
.prolist li{min-height: 200px;}
.i-products .products_cont .pronav{ min-height: 420px;}


.title{ margin-bottom:20px;}
.title p{font-size:40px; }
.title h3{ font-size:28px;}

.banner .wenzi h3{ font-size:30px;}

.i-products .prolei #ul a{ font-size:15px;line-height:36px;padding:0 20px; margin:0 2px;}


.i-products .prolei #ul { text-align:center; vertical-align: auto;display:flex; display:-webkit-flex;}
.i-products .prolei #ul a{white-space:nowrap;padding:0px 20px;}
.i-products .prolei #ul{ overflow-x:auto;overflow-y: hidden; width:100%;}





.i-partner li{ float:left; width:18%; margin:0 1%; position:relative;line-height:0;}
.i-partner li:nth-child(9){ margin-left:1%;}
.i-partner li:nth-child(6){ margin-left:10%;}
.i-partner li:nth-child(16){ margin-left:1%;}

.banner .flex-control-nav{ bottom:20px;}

.nbanner img{width: 150%; margin-left:-25%}
.nbanner .title h3{ font-size:24px;}


.nfuwu .cjleft .kuai, .nfuwu .cjright .kuai, .nfuwu .cjleft .kuai .pic, .nfuwu .cjright .kuai .pic {height: 155px;}

.prolilist .tit h3{font-size:20px !important;line-height:30px;}
.prolilist .tit p{font-size:17px !important;line-height:30px;}


.iwhy .wtitle{  background-size:100% 140px;height:140px; color:#fff;  }
.iwhy .wtitle h3{ font-size:32px; padding-top:20px; padding-bottom:10px}
.iwhy .wtitle p{ font-size:18px;}
.iwhy .wtitle p span{ width:40px; height:40px; line-height:40px; font-size:25px;}

.iwhy .conn .kuai .ynum{font-size:35px;width:80px; height:80px; line-height:80px;margin-left:-40px;margin-top:-40px; }
.iwhy .conn .kuai .wenzi .ytt{ padding-bottom:20px;font-size:18px;}
.iwhy .conn .kuai .wenzi .ytt span{color:#3388ff; font-size:25px; }
.iwhy .conn .kuai .wenzi .yconn p{ font-size:18px;}
}

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

.nav-tab.nav04 ul { text-align:center; vertical-align: auto;display:flex; display:-webkit-flex;}
.nav-tab.nav04 ul li{white-space:nowrap; border:none; width:auto !important}
.nav-tab.nav04 ul li a{ padding:0 20px; border-right:solid 1px #ddd;}
.nav-tab.nav04 ul{ overflow-x:auto;overflow-y: hidden; width:100%;}
}
@media screen and (max-width:768px){

.i-about .abwrap{ width:80%;}

.section{ padding:40px 0 50px 0}
.section02{ padding:40px 0}
.section03{ padding:35px 0 10px 0}

.title p{font-size:36px; }
.title h3{ font-size:26px;}

.prolist li{font-size:15px;}

.footer li:nth-child(1), .footer li:nth-child(2), .footer li:nth-child(3), .footer li:nth-child(4){ display:none}

.i-products .products_cont .pronav{ float:none; width:100%; min-height:auto !important; margin-bottom:20px;}
.i-products .products_cont .prolist{ float:none; width:100%;}

.i-products .products_cont .pronav .text .more{ display:none}

.banner .wenzi h3{ font-size:24px;}


.i-partner li{ float:left; width:23%; margin:0 1%; position:relative;line-height:0;}
.i-partner li:nth-child(6){ margin-left:1%;}
.i-partner li:nth-child(5), .i-partner li:nth-child(12){ margin-left:12.5%;}
.i-partner li:nth-child(15){ display:none}

.m-foot{ display:block}
.copyright{ margin-bottom:55px;}


.nbanner img{width: 160%; margin-left:-30%}
.nbanner .wrap{ display:none}

.serivce li .wenzi{padding: 40px 6% 40px 6%;margin-top: -30px;}


.nprolist li{ float:none; width:100%; margin-bottom:20px;}
.nprolist li:nth-child(2n){ float:none}
.nprolist li:nth-child(2n+1){ clear:both}
}

@media screen and (max-width:640px){
	
.header .wrap{ position:relative;height:90px; }
.header.end.scroll .wrap{ height:80px;}
.header .logo{margin-top:-17px; }
.header .logo img{ height:34px } 
	
.header .use .tel{ display:none}
.header .use .search{ display:none}
.banner .wenzi p{ display:none}
.banner .wenzi .line{ margin:0 0 20px 0}

.title p {font-size: 28px;}

.i-products .products_cont .pronav{ display:none;}


.i-about .abwrap{ width:96%; margin:0 auto }
.i-about .abwrap .inn{ width:100%; padding:30px 20px; max-width:680px; float:right }
.i-about .abmore{ display:none}
.i-about .title{ text-align:center}

.i-about .phshow { margin-top:20px}

.phshow{ display:block;}
.pcshow{ display:none}


.i-news li{ float:none; width:100%; margin-right:0%;min-height:auto; margin-bottom:20px;}
.i-news li:nth-child(3){ margin-bottom:0}

.i-news li:nth-child(2) .kuai{ display: block}
.i-news li:nth-child(2) .pic{ display:block;width:50%; float:left; }
.i-news li:nth-child(2) .pic img{ height:auto}
.i-news li:nth-child(2) .wenzi{ width:50%; float:left;padding:10% 5% }
.i-news li:nth-child(3) .kuai{ display:none}

.i-about .abwrap .inn .icon li{ width:50%; margin-bottom:15px; text-align:center}
.i-about .abwrap .inn .icon li img{ display:block; width:40px; height:auto; margin:0 auto}
.i-about .abwrap .inn .icon li:nth-child(2n+1){ clear:both}

.i-partner .more{ width:120px; line-height:36px;}
.i-partner li .par2{ font-size:16px;}
.footer li img{ display:none}
.footer .flink{ margin-top:20px;}




.banner .wenzi{ display: block;width:80%; margin:0 auto}
.banner .pic{ display:block; width:100%; margin:-30px auto 0 auto}
.banner .wenzi .youshi{ margin-bottom: 50px;}


.nbanner img{width: 170%; margin-left:-35%}


.nav-tab{ height:58px; line-height:55px;}
.nav-tab a{font-size: 16px;}

.nabout .npic{ float:none; margin-bottom:20px; width:100%}
.nabout .wenzi{ float:none; width:100%}


.ncontact .ncleft{ width:100%; float:none; margin-bottom:40px;}
.ncontact .ncright{ width:100%; float:none;}

.nliuyan .form .column{ width:98%; margin-top:0}


.serivce{ isplay:block;}
.serivce li{ width:48%;display:block; float:left; margin-right:0px; margin-bottom:20px;}
.serivce li:nth-child(2n){ float:right}
.serivce li:nth-child(2n+1){ clear:both; }
.serivce li .wenzi{ min-height:290px;}


.nfuwu .cjleft{ float:none; width:100%;}
.nfuwu .cjright{ float:none; width:100%;}
.nfuwu .cjmid{ float:none; width:100%; margin:0%; clear:both}
.nfuwu .cjleft .kuai, .nfuwu .cjright .kuai{ float:left; width:32%; margin-right:2%}
.nfuwu .cjleft .kuai:nth-child(3n), .nfuwu .cjright .kuai:nth-child(3n){margin-right:0%}

.nfuwu .kuai h3{ font-size:18px;}


.nnews ul li{ padding:20px 0; margin:0}
.nnews ul li:nth-child(1){ padding-top:10px}
.nnews ul li .pic{ float:none; width:100%; margin-bottom:10px;}
.nnews ul li .wenzi{ float:none; width:100%;}

.newsxiang .conn img{ max-width:100%;}

.prolilist .tit h3{font-size:18px;line-height:30px;}
.prolilist .tit p{font-size:15px;line-height:28px;}

.nproxiang .pics{ float:none; width:100%; }
.nproxiang .wenzis{ float:none; width:100%; clear:both; margin-top:90px;}
.nproxiang .wenzis .btitle{ margin:15px 0; font-size:20px;}
.nproxiang .wenzis .conn {padding: 0px 0 50px 0;}

.prolilist .tit h3{font-size:16px !important;line-height:30px;}
.prolilist .tit p{font-size:14px !important;line-height:30px;}
.nproxiang .wenzis .use li{ width:100%}
.nproxiang .wenzis .use li:nth-child(1){padding: 0 10px;font-size: 17px;padding: 0;width: 100%; margin-bottom:15px;}
.nproxiang .wenzis .use li:nth-child(2) a{padding: 0;width: 100%; display:block}
.nproxiang .wenzis .use li{ margin-right:0}

.nproxiang02 .protabmenu li {margin-right: 5px; font-size: 17px;width: 165px;}

.iwhy .wtitle h3{ font-size:29px;}
.iwhy .wtitle p{ font-size:16px; line-height:24px;}
.iwhy .wtitle p span{font-size:16px;}

.iwhy .conn:after{content: "";display: none; }
.iwhy .conn .kuai .wenzi .ytt{ padding-bottom:10px;}
.iwhy .conn .kuai .wenzi .ytt span{font-size:20px; }

.iwhy .conn .kuai{padding-top:40px;}

.iwhy .conn .kuai .ypic{ width:100%; margin-bottom:25px; position:relative; margin-top:-60px; float:none}
.iwhy .conn .kuai .ypic:after{ display:none}
.iwhy .conn .kuai:nth-child(2n) .ypic{ width:100%;float:none}
.iwhy .conn .kuai:nth-child(2n) .ypic:after{display:none}

.iwhy .conn .kuai .wenzi{ float:none; width:100%;}
.iwhy .conn .kuai:nth-child(2n) .wenzi{ float:none;}

.iwhy .conn .kuai .ynum{font-size:30px; text-align:center; width:60px; height:60px; line-height:60px; position: relative; left:0%; margin-left:0px; top:0%; margin-top:0px;}



.nfuwu .changjing .above .kuai{ float:none; width:calc(100% - 2px); display:table;background:#fff; border:solid 1px #ddd }
.nfuwu .changjing .kuai h3{text-align:left; font-size: 18px;}
.nfuwu .changjing .above .kuai:nth-child(2n){ float:none}

.nfuwu .changjing .pic{ width:50%;display: table-cell;vertical-align: middle; }
.nfuwu .changjing .wenzi{ width:50%; padding:5%;display: table-cell;vertical-align: middle; color:#fff;}
.nfuwu .changjing .bottom .kuai{ float:left; width:calc(20% - 16px); margin-right:20px}
.nfuwu .changjing .bottom .kuai:nth-child(5){ margin-right:0}
}

@media screen and (max-width:480px){
.nfuwu .kuai h3{ font-size:16px;}
.nfuwu .cjleft .kuai, .nfuwu .cjright .kuai, .nfuwu .cjleft .kuai .pic, .nfuwu .cjright .kuai .pic {height: 130px;}
.nfuwu .cjmid .wenzi p{ line-height:24px; font-size:14px;}
.nfuwu .kuai h3{ margin-bottom:5px}


.nfuwu .changjing .above .kuai{ display: block; margin-right:0; }

.nfuwu .changjing .pic{ width:100%;display: block;}
.nfuwu .changjing .wenzi{ width:100%; padding:15px 15px 30px 15px ;display: block;}
.nfuwu .changjing .bottom .kuai{ float:left; width:calc(33.33% - 10px); margin-right:10px}
.nfuwu .changjing .bottom .kuai:nth-child(5){ margin-right:0}
}

@media screen and (max-width:420px){
.nfuwu .cjleft .kuai, .nfuwu .cjright .kuai, .nfuwu .cjleft .kuai .pic, .nfuwu .cjright .kuai .pic {height: 110px;}

}</pre></body></html>