<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@charset "utf-8";
/**/
@font-face{
font-family:myfont;
src:url("impact.ttf");
}
* {	margin: 0;	padding: 0;	border: 0;}
body {	margin: 0px;	background: #fff;font-size: 14px;color:#3f3c36;line-height: 24px;	font-family: "微软雅黑";}
a {color:#3f3c36;	text-decoration: none; transition:all 0.5s;} 
ul{ list-style:none;}
@media(max-width:3000px) {
#top{ position:fixed; background:#fff; top:0; left:0; width:100%;z-index:20; border-bottom:solid 1px #eee;}
#top .k{ width:1300px; margin:0 auto; overflow:hidden;}
#logo{ float:left; margin-top:28px}
#menu{ overflow:hidden; float:right;}
#menu ul li{float:left;}
#menu ul li a{ display:block; line-height:114px; padding:0 20px; font-size:16px;}
#menu ul li a:hover{ color:#ec1e22;}
#menu ul li .zmenu{ position:absolute; background:#eee; padding:10px 0; display:none;}
#menu ul li .zmenu p a{ line-height:40px; font-size:14px;}


#close{ display:none;}
#menu_btn{ display:none;}

#lan{ float:right; line-height:114px; font-size:16px; margin-left:70px; cursor:pointer;}
#lan img{ vertical-align:middle; margin:0 5px 3px 0;}
#lan .list{ position:absolute; width:110px; box-shadow:0 2px 5px rgba(0,0,0,0.2); display:none; margin-top:-20px;}
#lan .list a{ display:block; line-height:50px; font-size:14px; border-bottom:solid 1px #eee; background:#fff; text-align:center;}
#lan .list a:hover{ color:#fff; background:#ec1e22;}

#banner{ width:100%; overflow:hidden; margin-top:115px;}
#banner img{ width:100%;}

#word{ position:absolute; width:100%; overflow:hidden;}
#word div{ width:1300px; margin:0 auto;}
#word div p.a1{ font-size:0.83vw; line-height:4.68vw; color:#666; padding-top:1vw;}
#word div h1{ font-size:3vw; font-weight:bold; line-height:3.125vw; color:#000;margin-top:150px;}
#word div p.a2{ font-size:1.875vw; font-weight:900; color:#ec1e22; line-height:1.875vw; font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif; text-transform:uppercase;}

#word div p.a2 span{opacity:0;}


#txt2 span{opacity:0; font-size:1.875vw; font-weight:900; color:#ec1e22; line-height:1.875vw; font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif; text-transform:uppercase;}
#txt3{ margin-top:150px;}
#txt3 span{opacity:0; font-size:3vw; font-weight:900; color:#000; line-height:4vw; font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif; text-transform:uppercase;}


#gb{ 
animation: blink-caret .5s infinite;
    background-color:#ec1e22;
    display: inline-block;
    height:1.36vw;
    margin-bottom: 0;
    margin-left:5px;
    width:0.4vw;
}

#gb1{ 
animation: blink-caret .5s infinite;
    background-color:#ec1e22;
    display: inline-block;
    height:0.46vw;
    margin-bottom: 0;
    margin-left:5px;
    width:1.5vw;
}
@keyframes blink-caret{0%,to{opacity:0}50%{opacity:1}}


/*banner*/
.swiper-container {	width:100%; margin-left:auto; margin-right:auto;}
.swiper-slide {	text-align:center; font-size:18px; background:#fff; display:-webkit-box; display:-ms-flexbox; display:-webkit-flex; display:flex; -webkit-box-pack:center; -ms-flex-pack:center; -webkit-justify-content: center; justify-content:center; -webkit-box-align:center; -ms-flex-align: center; -webkit-align-items:center; align-items:center;}
.swiper-slide{overflow:hidden;}
.swiper-slide img {width:100%;}

#ind_pro{ width:1300px; margin:0 auto; overflow:hidden;}
#ind_pro .left{ float:left; overflow:hidden;}
#ind_pro .left h2{ font-size:18px; line-height:20px; padding-top:180px;}
#ind_pro .left .p_info{ overflow:hidden;width:340px}
#ind_pro .left .p_info ul li{ overflow:hidden; display:none;}
#ind_pro .left .p_info ul li p.a1{ font-size:48px; color:#000; font-weight:900; line-height:50px; font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;}
#ind_pro .left .p_info ul li p.a2{ font-size:18px; line-height:24px;padding:10px 0 20px 0; color:#000; font-weight:bold; letter-spacing:0px;}
#ind_pro .left .p_info ul li p.a3{ padding-top:20px;}
#ind_pro .left .p_info ul li p.a3 a{ display:block; border:solid 2px #000; color:#000; line-height:36px; width:100px; text-align:center;}
#ind_pro .left .p_info ul li p.a3 a:hover{ background:#ec1e22; color:#fff; border:solid 2px #ec1e22; width:120px;}

#ind_pro .left .btn{ overflow:hidden; margin-top:55px;}
#ind_pro .left .btn p{ width:30px; height:10px; background:#333; float:left; margin-right:10px; cursor:pointer;}


#ind_pro .right{ float:right; overflow:hidden;}
#ind_pro .right ul li{ display:none;}

#ind_about{ width:1300px; margin:0 auto; overflow:hidden;}
#ind_about .left{ float:left; margin-right:50px;}
#ind_about .right{ overflow:hidden;}
#ind_about .right h2{ font-size:36px; font-weight:900; color:#000; line-height:80px;}
#ind_about .right h2 span{ color:#ec1e22;}
#ind_about .right p.a2{ font-size:16px; color:#666; line-height:30px; margin-top:20px;}
#ind_about .right p.a3{ overflow:hidden; margin-top:50px;}
#ind_about .right p.a3 a{ display:block; border:solid 2px #000; color:#000; line-height:36px; width:130px; text-align:center;}
#ind_about .right p.a3 a:hover{ background:#ec1e22; color:#fff; border:solid 2px #ec1e22; width:150px;}

#ind_sale{ width:100%; overflow:hidden; background:#f7f7f7; margin-top:100px;}
#ind_sale .k{ width:1300px; margin:0 auto; overflow:hidden;}
#ind_sale .left{ width:440px; float:left;}
#ind_sale .left h2{ font-size:36px; font-weight:900; color:#000; line-height:80px; margin-top:110px;}
#ind_sale .left h2 span{ color:#ec1e22;}
#ind_sale .left p.a2{ font-size:16px; color:#666; line-height:30px; margin-top:10px;}
#ind_sale .left p.a3{ padding-top:70px;}
#ind_sale .left p.a3 a{ display:block; border:solid 2px #000; color:#000; line-height:36px; width:130px; text-align:center;}
#ind_sale .left p.a3 a:hover{ background:#ec1e22; color:#fff; border:solid 2px #ec1e22; width:150px;}
#ind_sale .right{ float:right;}

#ind_news{ width:100%; margin:0 auto; overflow:hidden;}
#ind_news .title{ text-align:center; overflow:hidden;}
#ind_news .title h2{ font-size:36px; font-weight:900; color:#000; line-height:60px; margin-top:80px;}
#ind_news .title h2 span{ color:#ec1e22;}
#ind_news .title h3{ font-size:14px; color:#666; letter-spacing:5px; font-weight:100;}
#ind_news  .list{ overflow:hidden; text-align:center; padding:50px 0 120px 0;}
#ind_news  .list ul{ display:inline-block;}
#ind_news  .list ul li{ float:left; margin:0 25px; box-shadow:0 0 20px rgba(0,0,0,0.1); width:400px; overflow:hidden;}
#ind_news  .list ul li a{ display:block; background:#fff; text-align:left;}
#ind_news  .list ul li a p.a0{ overflow:hidden;}
#ind_news  .list ul li a p.a0 img{ width:100%; transition:all 0.5s;}
#ind_news  .list ul li a:hover p.a0 img{ transform:scale(1.15);}
#ind_news  .list ul li a div{ height:240px; padding:0 30px;}
#ind_news  .list ul li a div p.a1{ font-size:18px; color:#0152a4; line-height:50px; padding-top:40px; font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;}
#ind_news  .list ul li a div p.a2{ font-size:22px; color:#000; line-height:30px; transition:all 0.5s;}
#ind_news  .list ul li a:hover{ background:#ec1e22;}
#ind_news  .list ul li a:hover p.a1{ color:#fff;}
#ind_news  .list ul li a:hover p.a2{ color:#fff;}

#ind_con{ width:100%; overflow:hidden; background:#0152a4; color:#fff;}
#ind_con .k{ width:1300px; margin:0 auto; overflow:hidden; line-height:142px; font-size:36px; font-weight:900;}
#ind_con .k a{ display:block; float:right; color:#fff; font-size:24px; line-height:56px; border:solid 2px #fff; width:240px; text-align:center; font-weight:100; margin-top:41px;}
#ind_con .k a:hover{ background:#fff; color:#000;}

#bottom{ background:url(image/bottom.jpg) no-repeat center top; width:100%; overflow:hidden; height:479px;}
#bottom .k{ width:1300px; margin:0 auto; overflow:hidden; color:#fff;}
#bottom .k ul li{ float:left; width:240px;}
#bottom .k ul li p.tt{ font-size:18px; padding-top:60px; line-height:50px;}
#bottom .k ul li p a{ color:#fff;}
#bottom .k ul li p a:hover{ color:#ec1e22;}
#bottom .k ul li:last-child{ float:right; width:330px;}

#bottom .k ul li p.share{ overflow:hidden; margin-top:30px;}
#bottom .k ul li p.share a{ display:block; width:36px; height:36px; background:rgba(255,255,255,0.2); overflow:hidden; margin-right:10px; float:left; border-radius:50%;}
#bottom .k ul li p.share a:hover{ background:#ec1e22;}

#copyright{ width:1300px; margin:45px auto 0 auto; overflow:hidden; border-top:solid 1px rgba(255,255,255,0.2); line-height:100px; text-align:center; color:#fff;}

#about{ width:1300px; margin:0 auto; overflow:hidden; font-size:16px;}
#about h2{ font-size:36px; line-height:60px; padding-top:50px; padding-bottom:20px;}

#about_pic{ width:1300px; margin:40px auto 80px auto; overflow:hidden;}
#about_pic ul{ width:1400px;}
#about_pic ul li{ width:625px; float:left; margin-right:50px;}
#about_pic ul li p{ line-height:60px; text-align:center; font-size:16px; background:#eee;}
#about_pic ul li img{ width:100%;}

#pro_btn{ width:100%; overflow:hidden; background:#333; padding:30px 0 50px 0;}
#pro_btn ul{ width:1300px; margin:0 auto; overflow:hidden;}
#pro_btn ul li{ float:left;}
#pro_btn ul li a{ display:block; line-height:36px; border:solid 2px #fff; color:#fff; padding:0 20px; margin-right:20px;}
#pro_btn ul li a:hover{ background:#ec1e22; border:solid 2px #ec1e22;}
#pro_btn ul li a.it{ background:#ec1e22; border:solid 2px #ec1e22;}
#pro_btn h2{ width:1300px; margin:30px auto 0 auto; overflow:hidden; color:#fff; line-height:50px; font-size:36px;}
#pro_btn h3{ width:1300px; margin:0 auto 20px auto; overflow:hidden; color:#fff; line-height:40px; font-size:16px; font-weight:100;}

#pro{ width:100%; margin:0 auto; overflow:hidden; background:#f7f7f7;}
#pro .k{ width:1300px; margin:60px auto 40px auto; overflow:hidden;}
#pro .k ul{ width:1400px;}
#pro .k ul li{ width:400px; float:left; margin-right:50px; margin-bottom:50px;}
#pro .k ul li a{ display:block; background:#fff; border-bottom:solid 10px #333;}
#pro .k ul li a img{ width:100%; }
#pro .k ul li a p.a0{ padding:30px;}
#pro .k ul li a div{ width:90%; margin:0 auto; overflow:hidden;}
#pro .k ul li a p.a1{ font-size:30px; font-weight:900;}
#pro .k ul li a p.a2{ font-size:18px; line-height:50px; padding-bottom:20px;}

#pro .k ul li a:hover{border-bottom:solid 10px #ec1e22;}

#bread{ width:100%; overflow:hidden; background:#0152a4; color:#fff;}
#bread p{ width:1300px; margin:0 auto; overflow:hidden; line-height:100px; font-size:16px;}

#news{ width:1300px; margin:80px auto 0 auto; overflow:hidden;}
#news ul li{ border-bottom:solid 1px #eee; padding-bottom:30px; margin-bottom:30px;}
#news ul li a{ display:block; overflow:hidden;}
#news ul li a img{ float:left; margin-right:50px; width:300px;}
#news ul li a div p.a1{ font-size:1.388vw; line-height:1.4vw; font-weight:700; color:#000; padding-top:20px; transition:all .5s;}
#news ul li a div p.a2{ font-size:0.833vw; color:#666; padding-top:20px;}
#news ul li a div p.a3{ font-size:0.833vw; color:#999; padding-top:20px; font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;}
#news ul li a:hover p.a1{ color:#ec1e22;}

#page{ width:1300px; margin:40px auto 100px auto; overflow:hidden;}
#page ul{ float:right;}
#page ul li{ float:left;}
#page ul li a{ display:block; color:#000; background:#eee; line-height:40px; padding:0 20px; margin-left:10px;}
#page ul li a:hover{ color:#fff; background:#ec1e22;}
#page ul li a.it{ color:#fff; background:#ec1e22;}

#service{ width:1300px; margin:60px auto 40px auto; overflow:hidden;}
#service h2{ font-size:30px; line-height:60px;}
#service p{ font-size:16px; color:#666;}

#salenet{ width:1300px; margin:0 auto; overflow:hidden;}

#service1{ width:1300px; margin:60px auto 100px auto; overflow:hidden;}
#service1 .cn{ float:left; width:200px; margin-right:60px; border-top:solid 0px #333;}
#service1 .cn p.tt{ font-size:24px; line-height:40px; font-weight:700;}
#service1 .cn p.cc{ overflow:hidden; color:#666;}
#service1 .cn p.cc span{ width:33.33%; display:block; float:left;}

#service1 .dn{ float:left; width:220px; margin-right:60px; border-top:solid 0px #333;}
#service1 .dn p.tt{ font-size:24px; line-height:40px; font-weight:700;}
#service1 .dn p.cc{ overflow:hidden;color:#666;}
#service1 .dn p.cc span{ width:50%; display:block; float:left;}

#service1 .dnk{ width:400px;}
#service1 .dnk p.cc span{ width:33.33%; display:block; float:left;}

#download{ width:1300px; margin:80px auto 50px auto; overflow:hidden;}
#download ul{ width:1400px;}
#download ul li{ width:400px; float:left; margin-right:50px; margin-bottom:50px;}
#download ul li a{ display:block; text-align:center; line-height:50px; font-size:16px; box-shadow:0 0 10px rgba(0,0,0,0.2); margin:10px;}
#download ul li a img{ width:100%;}

#feedback{ width:1300px; margin:80px auto 100px auto; overflow:hidden;}
#feedback ul{ width:1400px; overflow:hidden;}
#feedback ul li{ float:left; width:420px; border:solid 1px #ddd; margin-right:17px; margin-bottom:17px;}
#feedback ul li p{ float:left; width:20%; line-height:40px; text-align:center; border-right:solid 1px #ddd;}
#feedback ul li input{ border:0; background:0; height:40px; width:78%; text-indent:10px;}

#feedback .content{ border:solid 1px #ddd; width:1298px; overflow:hidden;}
#feedback .content p{ line-height:40px; width:84px; text-align:center; border-right:solid 1px #ddd; float:left; height:170px;}
#feedback .content textarea{ width:91%; height:150px; padding:10px; font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;}

#feedback .ok{ text-align:center; margin-top:30px;}
#feedback .ok button{ width:120px; text-align:center; line-height:40px; background:#333; color:#fff; cursor:pointer; transition:all 0.5s; font-size:16px;}
#feedback .ok button:hover{ background:#ec1e22;}

#job{ width:1300px; margin:0 auto; overflow:hidden; background:#eee;}
#job .left{ width:650px; float:left;}
#job .right{ padding:50px; overflow:hidden;}
#job .right p.tt{ font-size:24px; line-height:60px; color:#000; font-weight:700;}
#job .right p.cc{ font-size:16px; color:#666;}

#job1{ width:1300px; margin:0 auto  100px auto; overflow:hidden; background:#eee;}
#job1 .left{ width:650px; float:right;}
#job1 .right{ overflow:hidden; padding:50px;}
#job1 .right p.tt{ font-size:24px; line-height:60px; color:#000;font-weight:700;}
#job1 .right p.cc{ font-size:16px; color:#666;}

#job2{ width:1300px; margin:0 auto; overflow:hidden;}
#job2 ul li{ border:solid 1px #eee; overflow:hidden; margin-bottom:30px; border-top:solid 2px #333;}
#job2 ul li span{ font-weight:900;}
#job2 ul li font{ color:#d6000f;}
#job2 ul li div.tt{ border-bottom:solid 1px #eee; background:#f7f7f7;overflow:hidden; line-height:50px;}
#job2 ul li div.tt p{ width:20%; float:left; text-indent:20px;}
#job2 ul li div.cc{ border-bottom:solid 1px #eee; overflow:hidden; line-height:50px;}
#job2 ul li div.cc p{ width:20%; float:left; text-indent:20px;}
#job2 ul li div.dd{ border-bottom:solid 1px #eee; background:#f7f7f7; overflow:hidden; line-height:50px;}
#job2 ul li div.dd p{ width:40%; float:left; text-indent:20px;}
#job2 ul li div.aa{ background:#fff; overflow:hidden; line-height:24px; padding:20px 0;}
#job2 ul li div.aa p{ width:90%; float:left; padding-left:20px;}



#appjob{ width:1300px; margin:0px auto 100px auto; overflow:hidden;}
#appjob ul{ width:1400px; overflow:hidden;}
#appjob ul li{ float:left; width:420px; border:solid 1px #ddd; margin-right:17px; margin-bottom:17px;}
#appjob ul li p{ float:left; width:20%; line-height:40px; text-align:center; border-right:solid 1px #ddd;}
#appjob ul li input{ border:0; background:0; height:40px; width:78%; text-indent:10px;}

#appjob .content{ border:solid 1px #ddd; width:1298px; overflow:hidden;}
#appjob .content p{ line-height:40px; width:84px; text-align:center; border-right:solid 1px #ddd; float:left; height:170px;}
#appjob .content textarea{ width:91%; height:150px; padding:10px; font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;}

#appjob .ok{ text-align:center; margin-top:30px;}
#appjob .ok button{ width:120px; text-align:center; line-height:40px; background:#333; color:#fff; cursor:pointer; transition:all 0.5s; font-size:16px;}
#appjob .ok button:hover{ background:#ec1e22;}

#contact{ width:1300px; margin:0 auto 100px auto; overflow:hidden;}

#contact .left{ width:600px; float:left;}
#contact .left p{ line-height:60px; border-bottom:solid 1px #eee; font-size:16px;}
#contact .left p:nth-child(1){ font-size:20px; font-weight:900;}
#contact .left p img{ height:30px; vertical-align:middle; margin-right:10px;}

#contact .right{ width:610px; padding:20px; float:right; background:#f7f7f7;}


#pro_banner{ width:100%; overflow:hidden; margin-top:115px; background:url(image/di1.jpg) no-repeat bottom/100% 40%;}


#pro_tt{ text-align:center; width:50%; float:left;}
#pro_tt h1{ font-size:36px; line-height:36px; color:#333; text-align:left;}
#pro_tt h1 p{ font-size:60px; font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight:900; line-height:60px; color:#ec1e22;}
#probig{ text-align:center; width:50%; margin:0 auto; overflow:hidden; float:right;}
#probig img{ width:100%;}

#pro_des{ width:100%; overflow:hidden; background:#0152a4;}

#bread1{ width:1300px; margin:0 auto; color:#fff; overflow:hidden; padding:100px 0;}
#bread1 p.a1{ width:50%; float:left; line-height:96px; font-size:40px; font-weight:700;}
#bread1 p.a2{ width:50%; font-size:16px; line-height:24px; float:right;}

#pro_can{ width:1300px; margin:80px auto 0 auto; overflow:hidden;}
#pro_can h2{ font-size:36px; line-height:100px;}
#pro_can h2 span{ display:none;}
#pro_can table td{ line-height:40px;}
#pro_can .remarks{ line-height:60px;}

#pro_pic{ width:100%; margin:40px auto 100px auto; overflow:hidden; background:#f7f7f7; padding:60px 0 100px 0;}
#pro_pic h2{ font-size:36px; line-height:100px; width:1300px; margin:0 auto;}

#pro_pic ul{ width:1350px; margin:0 auto; overflow:hidden;}
#pro_pic ul li{ width:400px; float:left; margin:0 25px;}
#pro_pic ul li img{ width:100%;}
#pro_pic ul li a{ display:block; box-shadow:0 3px 10px rgba(0,0,0,0.1); border-bottom:solid 10px #333;}
#pro_pic ul li a:hover{ border-bottom:solid 10px #ec1e22;}


#pro_mess{ width:1300px; margin:0 auto; overflow:hidden;}

#email{ width:100%; height:100%; background:rgba(0,0,0,0.8); position:fixed; left:0; top:0; z-index:50; overflow:hidden; display:none;}
#email .k{ width:550px; background:#fff; margin:0 auto; overflow:hidden; display:none;}
#email .k .con{ border:solid 1px #eee; margin:20px; padding:10px 30px 30px 30px;}
#email .k .con p.tt{ font-size:18px; font-weight:700; line-height:40px; margin-bottom:10px;}
#email .k .con p{ margin-bottom:30px;}
#email .k .con p input{ border:solid 1px #ddd; width:100%; height:36px; text-indent:10px;}
#email .k .con p textarea{ border:solid 1px #ddd; width:94%; height:100px; font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif; padding:10px 3%;}
#email .k .con p button{ width:100%; background:#c9000e; color:#fff; line-height:36px; cursor:pointer;}
#email .k .con p:last-child{ margin:0;}

#email_close{ background:#fff; border:solid 2px #fff; box-shadow:0px 0px 5px rgba(0,0,0,0.2); position:absolute; cursor:pointer; background:#222; padding:5px; border-radius:20px; margin:10px 0 0 517px;}

.botbox{width:100%; margin:30px auto 0px auto; border-top:1px dashed #ddd; border-bottom:1px dashed #ddd; padding:10px 0px; height:20px;}
.botbox .newpage{float:left; width:100%; padding-right:10px; font-size:12px;}
.botbox .newpage span.l{float:left;display:block; line-height:24px;width:49%;}
.botbox .newpage span.r{float:right;display:block; line-height:24px;width:49%;text-align: right}
.botbox .newpage span a{color: #404040;}

#content{ width:1200px; margin:0 auto; overflow:hidden;margin-bottom:20px;}
#content .news_title{ font-size:24px;padding: 10px;}
#content .news_con{ font-size:16px; line-height:28px;}







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