<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@charset "utf-8";
/* CSS Document */
.menu-btn{ position:absolute; height:60px; width:25px; top:50%; margin-top:-36px; right:0px; cursor:pointer; display:none}
.menu-btn span{display:block; height:3px; background:#333; margin-bottom:5px}

.menu-btn .line1{ margin-top:28px}
.m-menu{ width:100%; height:100%; background:rgba(0,0,0,0.85); color:#f5f5f5; z-index:9999; position:fixed; text-align:center; display:none; top:0; left:0}
.m-menu .closed{ width:25px; height:60px; background:url(../images/close.png) no-repeat center center; background-size:100% auto; position:absolute; right:3%; top:3%; cursor:pointer;-webkit-transition:.5s;-moz-transition:.5s;-ms-transition:.5s; transition:.5s;}
.m-menu ul{ position:absolute;left:0%;-moz-transform:translate(0%,-50%);-webkit-transform:translate(0%,-50%);transform:translate(0%,-50%); top:50%; width:100%}


.m-menu li{ position:relative}
.m-menu li a{ color:#f5f5f5; font-size:20px; text-transform:uppercase; line-height:48px; display:block}
.m-menu li:last-child a{ display:inline-block;padding:0 10px}
.m-menu li:last-child a.cur{ color:#68bd24}

.m-menu .closed:hover{-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg); transform:rotate(180deg);}
.m-menu ul .sub { display:none}
.m-menu ul .sub a{ font-size:16px; line-height:30px;}
.m-menu ul .guan, .m-menu ul .xian{ display:none}
.m-menu ul .active{ display:block !important}
.m-menu ul .sub p:last-child{padding-bottom:20px; }

.m-foot { display:none; position:fixed; bottom:0; left:0; background:#4C6AFF; width:100%; height:55px;}
.m-foot li{ float:left; width:33.3%; text-align:center;}
.m-foot li a{ color:#fff; font-size:15px; display:block;}
.m-foot li.li1 a{ background:url(../images/kf-tel.png) no-repeat center 5px; padding-top:27px}
.m-foot li.li2 a{ background:url(../images/kf-liuyan.png) no-repeat center 5px; padding-top:27px}
.m-foot li.li3 a{ background:url(../images/right_pic6.png) no-repeat center 3px; padding-top:27px}


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


.sybg{width:100%; height:100%; background:rgba(0,0,0,0.85); z-index:9999; position:fixed; text-align:center; display:none; top:0; left:0}
.sybg .syclose{ width:25px; height:60px; background:url(../images/close.png) no-repeat center center; background-size:100% auto; position:absolute; right:3%; top:5%; cursor:pointer;-webkit-transition:.5s;-moz-transition:.5s;-ms-transition:.5s; transition:.5s;}
.sybg .syclose:hover{-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg); transform:rotate(180deg);}
.sybg .shiyong{ width:80%; padding-top:20%; margin:0 auto}
.sybg .shiyong h3{ color:#fff}

@media screen and (max-width: 1366px){
.header .menu li .menu_a{ margin:0 12px;}
.wrap{ width:94%;}
body{font-size:15px; line-height:28px;}
.iwhy .item .intro h3{ font-size:18px;}
.itese #ul a{ font-size:18px;line-height: 90px;}
.isol .tabmenu li{ font-size:18px;}
.isol #stabcontent .wenzi h3{ font-size:22px; line-height:28px; margin-bottom:10px}


.header .wrap .logo img{ height:40px;margin:7px 0;}
.header .wrap .tel{ font-size:18px;}

.banner .wrap .nbpic img{ width:25%}

.banner .wrap h3{font-size:45px;height:55px;line-height: 55px;}
.banner .wrap h4{ font-size:24px;}

.banner .wrap h5{font-size:32px;height:auto;line-height: 40px;}

.title{ margin-bottom:30px;}
.title h3{font-size: 30px;line-height: 35px;}
.title p{font-size: 15px;}


.nbanner{ height:380px;}
.nbanner .text h3{line-height:45px;font-size:36px;}


.nad{ height:300px}
.nad .text h3{line-height: 35px;font-size:30px;}


.casebanner .swiper-slide{height:380px; }
.casebanner .wrap h3{font-size:32px;height:auto;line-height:40px;}

}

@media screen and (max-width: 1240px){
.banner .wrap h3{font-size:38px;height:40px;line-height: 40px;}
.banner .wrap h4{ font-size:20px;}	

.itese #ul a{ font-size:17px;line-height: 80px;}
.isol .tabmenu li{ font-size:16px;}
.itese #ul a{ line-height:60px;}
.banner .wrap p{ font-size:15px; margin-top:20px}
.banner .wrap{ top:50%;}

.section{ padding:60px 0;}
.footer.section{ padding:40px 0;}
.sectionpre{ padding-top:60px;}
}

@media screen and (max-width: 1199px){
.header .menu{ display:none}
.header .tel{ display:none}
.menu-btn{ display:block}

.m-foot{ display:block; }
.copyright{ margin-bottom:55px;}
.banner .shiyong{ display:none}
.banner .swiper-slide{ height:420px;}
.iyoushi .item h3{ font-size:24px;}
.iwhy .item .icon{width: 120px;height: 120px;-webkit-background-size: 120px 120px;-moz-background-size: 120px;background-size: 120px;}

@-webkit-keyframes entery{0%{background-position:0 0}to{background-position:0 -3720px}}
@-moz-keyframes entery{0%{background-position:0 0}to{background-position:0 -3720px}}
@-o-keyframes entery{0%{background-position:0 0}to{background-position:0 -3720px}}
@keyframes entery{0%{background-position:0 0}to{background-position:0 -3720px}}
@-webkit-keyframes leave{0%{background-position:0 -3720px}100%{background-position:0 0}}
@-moz-keyframes leave{0%{background-position:0 -3720px}100%{background-position:0 0}}
@-o-keyframes leave{0%{background-position:0 -3720px}100%{background-position:0 0}}
@keyframes leave{0%{background-position:0 -3720px}100%{background-position:0 0}}

.float_kf{ display:none}


.banner .wrap .more{ margin-top:20px;}
.banner .wrap .more a{ width:120px; line-height:32px; border-radius:20px;}


.nbanner .text h3{line-height: 56px;font-size: 40px;}
.nbanner .text .more a{ width:180px;}


.nbanner{ height:240px;}
.nbanner .text h3{line-height:40px;font-size:30px;}



.nprice .detail .button{ font-size:17px;}

.casebanner .swiper-slide{height:300px; }
.casebanner .wrap h3{font-size:28px;height:auto;line-height:40px;}
.casebanner .wrap .more{ margin-top:20px;}
.casebanner .wrap .more a{ width:135px; line-height:38px; margin-right:20px;}
.casebanner .wrap .more a:nth-child(2){ margin-right:0}
}

@media screen and (max-width: 768px){
.iwhy .conn{display: block;}
.iwhy .item{ display:block; width:48.5%; margin-right:0%; float:left; margin-bottom:3%; min-height:450px; padding:15px;}
.iwhy .item:nth-child(2n){ float:right}
.iwhy .item:nth-child(3), .iwhy .item:nth-child(4){ margin-bottom:0}
.iwhy .item:nth-child(2n+1){ clear:both}
.footer li:nth-child(1), .footer li:nth-child(2),.footer li:nth-child(3),.footer li:nth-child(5){ display:none}	

.banner .swiper-slide{ height:320px;}

.iyoushi .wrap{ width:100% !important;}
.iyoushi .item h3{ font-size:20px;}
.iyoushi .item p{ font-size:12px;}

.banner .wrap h3{font-size:30px;height:auto;line-height: 40px;}
.banner .wrap h3 span{padding-right: 15px; margin-right: 15px;}
.banner .wrap h4{ margin-top:10px; line-height:28px; font-size:17px}
.banner .wrap p{ line-height:24px; margin-top:10px; font-size:13px;}

.banner .wrap h5{font-size:28px;}
.banner .wrap h3 span:after{ width:2px; height:20px;margin-top:-10px;}
.iyoushi .item{ padding:20px 0; height:96px;}

.section{ padding:50px 0;}
.footer.section{ padding:35px 0;}
.sectionpre{ padding-top:50px;}
.title h3{font-size:24px;line-height: 30px;}

.iprice .ipleft .item{ position:relative; float:none; width:100%; padding:25px; margin-right:0%; margin-bottom:25px;}

.itese .conn{ position:relative; padding-left:0%}
.itese #ul{ width:100%; position: relative; left:auto; top:auto}
.itese #ul a{ display: inline-block; line-height:25px; padding:10px 0; margin-top:0px;font-size:15px; width:20%; float:left}

.isol #stabcontent .pic{ float:none; width:100%; margin-bottom:30px;}
.isol #stabcontent .wenzi{ float:none; width:100%;}
.isol #stabcontent .wenzi h3{ font-size:20px; font-weight:bold}


.icase .item{width:23.5%; margin-right:2%; margin-bottom:2%}
.icase .item:nth-child(5n){ margin-right:2%}
.icase .item:nth-child(5n+1){ clear:none}
.icase .item:nth-child(4n){ margin-right:0}
.icase .item:nth-child(4n+1){ clear:both}

.bigred{ font-size:20px; line-height:35px;}
.nnav{ display:none}


.nbanner .text .more a{ width: 160px;height:36px;line-height: 36px; margin: 20px auto 0;}
.nbanner02 .text .more a{ width: 160px;height: 36px;line-height: 36px; margin: 20px 0 0;}


.nab .item{width:100%; padding:18px; float:left; width:48.5%; margin-right:0}
.nab .item:nth-child(4n+1){ clear:none}
.nab .item:nth-child(2n){ float:right}
.nab .item:nth-child(2n+1){ clear:both}

.nab .item .wenzi p{min-height:100px;}


.nprice .item{ float:none; padding:50px; width:100%;}
.nprice .item:nth-child(2n){ float:none}
.nprice .item:nth-child(1){ margin-bottom:30px;}

.nprice .item h3{margin-bottom:30px;font-size:28px;}


.nprice .yjcenter li{ line-height:38px;}
.nprice .yjcenter li span{ margin-right:2%;width:32%; }
.nprice .yjcenter li span:nth-child(2), .nprice .yjcenter li span:nth-child(3){width:32%;}
.nprice .item .shiy a{width:160px;height: 40px; line-height:40px;}
.nprice .item:hover .shiy a, .nprice .item.cur .shiy a{width:160px;height: 40px; line-height:40px;}


.tjsy table{ font-size: 15px;}
.tjsy table td{ line-height:30px; padding:0 8px; position:relative}
.tjsy table tr:nth-child(1) td{font-size: 18px; line-height:50px;}
.tjsy table tr td:nth-child(3n){ font-size:15px;}
.nad{ height:250px}
.nad .text h3{line-height: 30px;font-size:24px;}
.nad .text .more a{width: 160px;height: 38px;line-height: 38px;margin: 20px auto 0;}


.nyoshi ul li { float:none; width:100%; margin-bottom:15px;padding:20px;}
.nyoshi ul li h3 {font-size: 20px;}

.njieshao .nys{ margin-top:0px;}
.njieshao .nys ul li {width: 100%;height: 100px;padding:20px;float:none;  margin-bottom:15px;}
.njieshao .nys ul li:nth-child(3){ margin-left:0%}
.njieshao .nys ul li h3 {font-size: 20px;}

.plus .more{ position: relative; right:auto; bottom:auto; float:right}

.biaoge .conn{ padding:20px;width:94%;}

.others .item{ float:none; width:100%;}
.others .item:nth-child(1), .others .item:nth-child(2), .others .item:nth-child(5), .others .item:nth-child(6){ background:#fff}
.others .item:nth-child(2n){background:#fafafa}
.others .item .wenz h3{font-size: 17px;}


.casebanner .swiper-slide{height:250px; }
.casebanner .wrap h3{font-size:22px; line-height:24px;}
.casebanner .wrap .more a{margin-right:10px;}
.casebanner .wrap .more a:nth-child(2){ margin-right:0}


.ncase .tabmenu li{font-size:16px;padding-top:45px;}
.ncase .tabmenu li:nth-child(1){background: url(../images/ci01.png) no-repeat center 14px; background-size:30px auto}
.ncase .tabmenu li:nth-child(2){background: url(../images/ci02.png) no-repeat center 14px; background-size:30px auto}
.ncase .tabmenu li:nth-child(3){background: url(../images/ci03.png) no-repeat center 14px; background-size:30px auto}
.ncase .tabmenu li:nth-child(4){background: url(../images/ci04.png) no-repeat center 14px; background-size:30px auto}
.ncase .tabmenu li:nth-child(5){background: url(../images/ci05.png) no-repeat center 14px; background-size:30px auto}
.ncase .tabmenu li:nth-child(6){background: url(../images/ci06.png) no-repeat center 14px; background-size:30px auto}
.ncase .tabmenu li:nth-child(7){background: url(../images/ci07.png) no-repeat center 14px; background-size:30px auto}
.ncase .tabmenu li:nth-child(8){background: url(../images/ci08.png) no-repeat center 14px; background-size:30px auto}
.ncase .tabmenu li:nth-child(9){background: url(../images/ci09.png) no-repeat center 14px; background-size:30px auto}

.ncase #ctabcontent .ppic{ float:none; width:100%; margin-bottom:20px;}
.ncase #ctabcontent .wenzi{ float:none; width:100%;}
.ncase #ctabcontent h3{font-size: 20px;line-height: 30px;}
.client .qimo8 .qimo ul li img{ height:300px}


.nsol .item h3{font-size:18px;}


.nsol02 .kuais .tpic{ width:100%; float:none}
.nsol02 .kuais .wenzi{ width:100%; float:none;padding-top:30px;}
.nsol02 .kuais:nth-child(2n) .tpic{ float:none}
.nsol02 .kuais:nth-child(2n) .wenzi{ float:none}


.solys .conn{display: block; }
.solys .item{ display:block; width:48.5%; margin-right:0%;padding: 15px; float:left; min-height:400px;}
.solys .item:nth-child(2n){ float:right}
.solys .item:nth-child(2n+1){ clear:both}
.solys .item:nth-child(1), .solys .item:nth-child(2){ margin-bottom:20px;}


.solkehu .wenzi{ float:none; width:100%; padding:20px 20px 50px 20px}
.solkehu .pic{ float:none; width:100%; margin-bottom:20px;}
}


@media screen and (max-width: 540px){
.header .wrap .logo {margin-top: -24px; height:48px;}
.header .wrap .logo img{ height:30px; padding: 0 8px 0 0;margin:9px 0;}
.header .wrap .logo .ad {line-height: 16px;height: 48px;font-size: 11px;padding-left: 8px;}

.header{height: 74px;}
.header .wrap02{ height:74px;}


.banner .wrap h3{font-size:24px;}
.banner .wrap h4{font-size:16px}
.banner .wrap p{ line-height:22px;font-size:12px;}
.banner .wrap h5{font-size:22px;}

.banner .swiper-slide{ height:240px;}
.iwhy .item .intro h3{ font-size:17px;}


.nbanner{ height:170px;}
.nbanner .text h3{line-height:30px;font-size:24px;}

.isol .tabmenu li:after{ left:0; margin-left:0; width:100%}


.casebanner .swiper-slide{height:200px; }
.client .qimo8 .qimo ul li img{ height:200px}

.kehus .logos .item{ float:left;}
.kehus .swiper-slide .logos .item:nth-child(1), .kehus .swiper-slide .logos .item:nth-child(5){ display:none}
.kehus .swiper-slide .logos .item:nth-child(2), .kehus .swiper-slide .logos .item:nth-child(4){ width:25%; height:92px;}
.kehus .swiper-slide .logos .item:nth-child(3){ width:50%; height:120px; opacity:1; margin-top:0px;}

.bannersol.nbanner{ height:280px;}

.nsol .item{ padding:20px; float:none; width:100%; margin-bottom:20px; }
}

@media screen and (max-width: 420px){
.header .wrap .logo img{ height:26px; padding: 0 8px 0 0;margin:11px 0;}

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