<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@charset "utf-8";
body{ margin:0; padding:0; font-family:"微软雅黑"; font-size:14px; color:#333;}
div,ul,li,ol,dd,dl,dt,p,i,h3,img,a,h1,h2,h3,h4,h5,h6,select,input,span{ list-style:none; padding:0; margin:0;}
input,textarea{ outline:none;font-family:Arial, sans-serif; color:#9f9f9f;}

a{ color:#555555; text-decoration:none;}
a:hover{ color:#e70012;}
.clearfix{overflow:hidden;_zoom:1;}
.clear{ clear:both}
.fl{ float:left}
.fr{ float:right}

.wrap{ width:1200px; margin:0 auto;}

.header{ background:#fff; width:100%; height:110px;  position: relative; z-index: 11;}
.header .logo{ float:left; margin-top:18px;}
.header .language{ float:right; margin-top:60px;}
.header .language .cn{ background:url(../images/cn.png) no-repeat left center}
.header .language .en{ background:url(../images/en.png) no-repeat left center}
.header .language a{ padding:10px 0 10px 22px; margin-left:10px;}
.header .nav{ float:right; margin-right:20px; margin-top:60px;}
.header .nav ul li{ float:left;  position: relative;}
.header .nav ul li.line{ color:#cccccc; padding:0 15px;}
.header .nav ul li a{ font-weight:bold; font-size:15px;}
.header .nav ul li.focus&gt;a{color:#e70012;}
.header .nav ul li .subnav{ width:130px; background: #fff; padding:25px 10px 15px; position: absolute; left:50%; top:20px; z-index: 111; margin-left: -65px;  display:none;}
.header .nav ul li .subnav a{ font-size: 15px; line-height: 1.8; font-weight: normal; text-align: center; white-space: nowrap; display: block;}


.banner .swiper-container{ height:950px; overflow:hidden; text-align:center;width: 100%;}
.banner .swiper-container .swiper-slide{height:550px; width:100%;}
.banner .swiper-container .swiper-slide a{height:550px; display:block;}
.banner .pagination {position: absolute;z-index: 20;bottom: 20px;width: 100%;text-align: center;}
.banner .swiper-pagination-switch {display: inline-block; width: 12px; height: 12px; border-radius:14px; background: #fff; margin: 0 5px; opacity: 0.8; cursor: pointer;border:#fff solid 2px;}
.banner .swiper-active-switch {background:#e70012; border:#e70012 solid 2px;}

.nei_banner{ height:330px;}

.ipro{ background:#e9e9e9; padding:60px 0;}
.ipro dl{ text-align:center; font-size:27px; color:#000; line-height:1.1; margin-bottom:40px;}
.ipro dl h3{ color:#e70012; font-size:30px; text-transform:uppercase;}
.ipro ul{ width:1250px;}
.ipro ul li{ width:393px; float:left; margin-right:9px;}
.ipro ul li ol{height:263px; overflow:hidden; border-radius:10px; margin-bottom:10px; position:relative;}
.ipro ul li img{ border:0;transform: scale(1,1);transition:all 0.2s linear;}
.ipro ul li img:hover{opacity: 1;filter: alpha(opacity=100);transition:all 0.4s linear;-moz-transition:all 0.4s linear;-o-transition:all 0.4s linear;-webkit-transition:all 0.4s linear;transform: scale(1.2,1.2);-ms-transform: scale(1.1,1.2);	-webkit-transform: scale(1.08,1.08);-o-transform: scale(1.2,1.2);	-moz-transform: scale(1.2,1.2);}
.ipro ul li p{ text-align:center; font-weight:bold; font-size:15px;}
.ipro a.more{ width:40px; height:40px; border-radius:40px; background:#e70012 url(../images/icon01.png) no-repeat center; display:block; margin:50px auto 0; }

.ibout{ height:562px; background:#ffffff;}
.ibout dl{ width:50%; height:562px; float:left;}
.ibout dl dd{ margin-top:50px; margin-right:50px; color:#e70012;}
.ibout dl dd h3{ font-family:Arial; font-size:35px; font-weight:normal; margin-left:70px; margin-top:50px;}
.ibout dl dd p{ font-size:27px;margin-left:55px;}
.ibout dl dd span{ font-size:27px;margin-left:70px;}
.ibout dl ol{ width:545px; margin-left:55px; margin-top:20px; color:#555555; line-height:1.5;}
.ibout dl ol .more{ width:120px; height:35px; line-height:35px; text-align:center; border:#999999 solid 1px; border-radius:35px; display:block; color:#555555; margin-top:50px;}

.contact_news{ padding:80px 0 70px;}
.contact_news .icontact{ float:left; }
.contact_news .icontact ol{background:#494846; color:#fff; border-left:#e70012 solid 8px; width:460px; height:410px; padding:0 40px; line-height:1.5; font-size:14px;}
.contact_news .icontact dl{ line-height:1; padding:20px 0;}
.contact_news .icontact dl h2{ font-size:27px; color:#fff; font-weight:normal;}
.contact_news .icontact dl span{ margin-top:15px; height:3px; width:65px; background:#fff; display:block;}
.contact_news .i_news{ width:600px; float:right;}
.contact_news .i_news dl{ overflow:hidden; line-height:1;}
.contact_news .i_news dl h2{ font-size:27px; color:#e70012;font-weight:normal;}
.contact_news .i_news dl span{  margin-top:15px; height:3px; width:65px; background:#e70012; display:block;}
.contact_news .i_news .box{ margin-top:25px;}
.contact_news .i_news .box ul li{ overflow:hidden; margin-bottom:30px;}
.contact_news .i_news .box ul li dd{ width:90px; height:90px;background:#e70012;float:left; margin-right:20px; color:#fff; text-align:center; border-radius:10px;}
.contact_news .i_news .box ul li dd h4{ font-size:37px; font-weight:normal; line-height:1; margin:15px 0 5px;}
.contact_news .i_news .box ul li ol{ float:left; width:485px;}
.contact_news .i_news .box ul li ol h3{ font-size:14px; line-height:35px; margin-bottom:5px; border-bottom:#e2e2e2 solid 1px;}
.contact_news .i_news .box ul li ol p{ height:50px; color:#999; font-size:14px;}

.content{ padding-bottom:100px;}

.neitit{ font-size:33px;text-align:center; line-height:1; padding:40px 0 60px; color:#000;letter-spacing:-6px}
.neitit span{font-size:35px; padding:0 15px;letter-spacing:0px; font-weight:bold;}
.neitit.pro{padding:40px 0 25px;}

.about{ overflow:hidden; line-height:2.6;}
.about dl{ float:right; margin-left:40px;}

.pronav{display:flex; align-items:center; justify-content:center; margin-bottom:40px;}
.pronav a{ border:#4a4947 solid 1px; line-height:42px; width:142px; text-align: center; margin:0 5px; border-radius:8px;}
.pronav a.cur,.pronav a:hover{ background:#e70012;border:#e70012 solid 1px; color:#fff;}

.prolist{}
.prolist ul{ width:1250px;}
.prolist ul li{ float:left; width:290px; margin-right:13px; margin-bottom:5px;}
.prolist ul li dl{ border:#e3e3e3 solid 1px;  border-radius:5px; padding:0px;line-height:0; text-align:center; overflow:hidden;}
.prolist ul li dl img{ display: inline-block; vertical-align:middle;max-width:100%;width: auto;max-height:100%;height: auto; transition:all 0.2s linear;}
.prolist ul li dl img:hover{opacity: 1;filter: alpha(opacity=100);transition:all 0.4s linear;-moz-transition:all 0.4s linear;-o-transition:all 0.4s linear;-webkit-transition:all 0.4s linear;transform: scale(1.05,1.05);-ms-transform: scale(1.05,1.05);-webkit-transform: scale(1.05,1.05);-o-transform: scale(1.05,1.05);-moz-transform: scale(1.05,1.05);}
.prolist ul li p{ line-height:34px; text-align:center;}

.breadcrumbs{ border-bottom:#d6d6d6 solid 1px; line-height:50px;}

.proview{ width:956px; margin:0 auto;}
.proview h1{ text-align:center; font-weight:normal; line-height:3;}
.proview dl{ border:#d6d6d6 solid 0px; text-align:center; overflow:hidden;}
.proview dl img{ display: inline-block; vertical-align:middle;max-width:100%;width: auto;max-height:100%;height: auto;}
.proview ol{ margin:20px 0 30px; line-height:2;}
.proview .more{ width:170px; height:44px; line-height:44px; text-align:center; background:#dbdbdb; display:block; margin:0 auto; border-radius:44px;}

.news_pic{ padding:0 0 20px; font-size:14px;}
.news_pic ul{ width:1350px;overflow:hidden; _zoom:1;}
.news_pic ul li{ width:385px; float:left; margin-right:22px; background:#e5e5e5;}
.news_pic ul li h3{ line-height:30px; font-size:14px; color:#000; padding:10px 18px;}
.news_pic ul li p{ height:50px; line-height:24px;  margin:0 18px 10px; overflow:hidden; color:#666;}
.news_pic ul li dl{ color:#666; line-height:40px;padding-right:10px; margin:0 18px; border-top:#818181 dotted 1px;}
.news_pic ul li dl span{ float:right;}
.news_pic ul li:hover{ background:#e70012;}
.news_pic ul li:hover h3,.news_pic ul li:hover p,.news_pic ul li:hover dl{ color:#fff;}
.news_pic ul li:hover dl{border-top:#fff dotted 1px;}
.box_list{ border-bottom:#c4c4c4 solid 1px;font-size:14px;}
.box_list ul{ padding:26px 0;}
.box_list ul li{ background:url(../images/icon02.png) no-repeat left center; padding-left:25px; line-height:35px;}
.box_list ul li a{ color:#666; font-size:15px;}
.box_list ul li a:hover{ color:#e70012;}
.box_list ul li:hover{ background:url(../images/icon03.png) no-repeat left center; }
.box_list ul li span{ float:right; color:#999;}
.newsview .newtit{ text-align:center; font-size:14px; margin:30px 0;}
.newsview .newtit h1{ font-size:25px; font-weight:normal; padding:10px; color:#000;}
.newsview .txt{ line-height:1.8; padding-bottom:80px;}
.newsview .more{ width:170px; height:44px; line-height:44px; text-align:center; background:#dbdbdb; display:block; margin:0 auto; border-radius:44px;}

.job dl{ margin-bottom:50px; line-height:1.8;}
.job ol{ overflow:hidden; line-height:1.7; font-size:14px;}
.job ol dd{ float:left; width:363px; margin-right:65px;}
.job ol dd img{ margin-bottom:30px;}
.job ol dt{ float:left;}

.contact #map{ width:1200px; height:380px;}
.contact ol{ width:1200px;  float:right; line-height:1.8; }

.page{margin-top:40px; text-align:center;}
.page a{ color:#666; margin:0 5px; padding:2px 7px; border:#bbb solid 1px;}
.page a:hover,.page a.cur{ color:#fff; background:#e70012; border:#e70012 solid 1px;}

.footer{ height:90px; line-height:90px; background:#494846;color:#fff;}
.footer a{ color:#fff;}
.footer span{ float:right; cursor:pointer;}

@media all and (min-width: 640px) and (max-width:1024px) {
.banner .swiper-container{ height:300px;}
.banner .swiper-container .swiper-slide{height:300px;}
.banner .pagination {position: absolute;z-index: 20;bottom:0px;width:100%; height:30px; background: none;}
.nei_banner{ height:150px;}
}

@media all and (max-width:640px) {
.banner .swiper-container{ height:160px;}
.banner .swiper-container .swiper-slide{height:160px;}
.banner .pagination {position: absolute;z-index: 20;bottom:0px;width:100%; height:30px; background: none;}
.nei_banner{ height:150px;}
}

@media all and (max-width:1024px) {
body{ padding-top:60px;}
.wrap{ width:100%;}

.header{ background:#fff; width:100%; height:60px;position:fixed; top:0; z-index:99999; width:100%;box-shadow: 0px 0px 3px rgba(0,0,0,0.2);}
.header .logo{ float:left; margin-top:10px; width:120px; margin-left:15px;}
.header .logo img{ width:100%; height:auto; display:block;}
.header .language{ float: none; margin-top:0; display:none; width:100%; height:40px; background:#fff; position:fixed; left:0; top:60px; z-index:99998; border-top:#eee solid 1px;text-align:center; padding-top:20px;}
.header .language a{ padding:10px 0 10px 30px; margin-left:10px;}
.header .nav{ width:100%; height:100vh; background:#fff; position:fixed; left:0; top:60px; z-index:99998; display:none; line-height:40px; margin:0; border-top:#eee solid 1px; padding:10px 0;}
.header .nav ul li{ float:none; border-bottom:#ddd solid 1px; }
.header .nav ul li.line{ display:none}
.header .nav ul li a{ font-weight:bold; font-size:16px; padding:0 20px; display:block;}
.header .nav ul li.focus&gt;a{color:#e70012;}
.header .nav ul li.focus .subnav{ display:block;}
.header .nav ul li .subnav{ width:100%; background:#f5f5f5; padding:10px 0; position:relative; left:0; top:0; margin-left:0}
.header .nav ul li .subnav a{ text-align: left; display:block; font-size:14px; font-weight:normal; line-height:2.5; }

.header .menu-toggle{ width:60px; height:60px; position:absolute; right:0px; top:0px;  float:right; z-index:99999; display:block;}
.header .menu-toggle span{ width:35px; height:2px; background:#555;display:block; position:relative; opacity:1;transition:all 300ms; margin:30px 0 0 12px;}
.header .menu-toggle span:before{ content:"";width:35px; height:2px; background:#555;display:block; position:absolute; left:0; top:-10px;transition:all 300ms;}
.header .menu-toggle span:after{ content:"";width:35px; height:2px; background:#555;display:block;position:absolute; left:0; top:10px;transition:all 300ms;}
.header .menu-toggle.cur span{background-color:transparent;}
.header .menu-toggle.cur span:before{transform:rotate(45deg); top:2px;}
.header .menu-toggle.cur span:after{transform:rotate(-45deg); top:2px;}

.header .language-toggle{ width:60px; height:60px; background:url(../images/icon04.png) no-repeat center; position:absolute; right:60px; top:0px;border-left:1px solid #e5e5e5; border-right:1px solid #e5e5e5;}

.ipro{ padding:40px 0;}
.ipro dl{ font-size:20px; margin-bottom:30px;}
.ipro dl h3{ font-size:30px; }
.ipro ul{ width: auto;}
.ipro ul li{ width:47%; margin:0 2% 10px; float:left; margin-right:0;}
.ipro ul li ol{height:200px; margin-bottom:10px; background:#fff; display:flex; align-items:center; justify-content:center;}
.ipro ul li img{ display: inline-block; vertical-align:middle;max-width:100%;width: auto;max-height:100%;height: auto; }
.ipro ul li p{ font-size:14px;}
.ipro a.more{ width:50px; height:50px;margin:30px auto 0; }

.ibout{ height: auto;}
.ibout dl{ width:100%; height:auto; float:none;}
.ibout dl dd{ width:90%; height: auto; margin:0px auto; padding:30px 0; float:none; background:none;}
.ibout dl dd h3{ font-size:30px; font-weight: bold; margin-left:0; margin-top:10px;}
.ibout dl dd p{ font-size:27px;margin-left:0;}
.ibout dl dd span{ font-size:27px;margin-left:0;}
.ibout dl ol{ width:auto; margin:0; padding:20px 15px;color:#555555; line-height:1.8; font-size:14px;}
.ibout dl ol .more{ margin:20px auto 10px;}

.contact_news{ padding:50px 0 10px;}
.contact_news .icontact{ float:none;}
.contact_news .icontact ol{ width:100%; height:auto; padding:0 20px 30px; line-height:2; font-size:14px;}
.contact_news .icontact dl{ line-height:1; padding:30px 0;}
.contact_news .icontact dl h2{ font-size:25px; }
.contact_news .i_news{ width:auto; margin:0 15px 25px; float:none;}
.contact_news .i_news dl h2{ font-size:25px;}
.contact_news .i_news .box ul li{  margin-bottom:20px;}
.contact_news .i_news .box ul li dd{ width:80px; height:80px; margin-right:0;}
.contact_news .i_news .box ul li dd h4{ font-size:25px;}
.contact_news .i_news .box ul li ol{ float:right; width:calc(100% - 100px);}
.contact_news .i_news .box ul li ol h3{ font-size:15px;line-height:30px; overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.contact_news .i_news .box ul li ol p{ height: auto; color:#999; font-size:14px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:2;overflow: hidden;}

.content{ padding-bottom:50px;}

.neitit{ font-size:30px; padding:40px 0;}
.neitit span{font-size:30px;}
.neitit.pro{padding:40px 0 25px;}

.about{ overflow:hidden; line-height:2; padding:0 15px; width:auto;}
.about dl{ float: none; margin-left:0;}
.about dl img{ width:100%; height:auto;}

.breadcrumbs{ border-bottom:#d6d6d6 solid 1px; line-height:50px; padding:0 15px;}

.pronav{display:block;margin-bottom:20px; padding:0 15px; overflow:hidden;}
.pronav a{ line-height:35px; width:29.5%;  margin:0 1.5% 6px;display:block; float:left;}

.prolist{ overflow:hidden;}
.prolist ul{ width:auto; padding:0 10px}
.prolist ul li{ float:left; width:48%;margin:0 1% 10px; margin-bottom:5px;}
.prolist ul li dl{ height:190px; line-height:190px; }

.proview{ width:auto; margin:0 15px;}
.proview h1{line-height:3; font-size:25px;}
.proview dl{ border:#d6d6d6 solid 1px; height:350px;line-height:350px;}


.news_pic{ padding:0 0 20px; font-size:14px;}
.news_pic ul{ width:100%;}
.news_pic ul li{ width:100%; float:none; margin-right:0;}
.news_pic ul li img{ width:100%; height:auto;}
.box_list{ padding:0 15px; border:none;}
.box_list ul{ padding:0px 0;}
.box_list ul li{padding-left:15px; overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.box_list ul li a{ font-size:14px;}
.box_list ul li span{ font-size:12px;}
.newsview{ width:auto; padding:0 15px;}
.newsview .newtit{font-size:12px;}
.newsview .txt{ padding-bottom:50px;}

.job{ padding:0 15px; width:auto;}
.job dl{ margin-bottom:30px; line-height:1.8;}
.job ol{ overflow:hidden; line-height:1.7; font-size:14px;}
.job ol dd{ float:none; width:auto; margin-right:0; margin-bottom:30px; overflow:hidden;}
.job ol dd img{ margin-bottom:0; width:50%; height:auto; float:left;}
.job ol dt{ float:none;}

.contact #map{ width:100%; height:380px; float:none;}
.contact ol{ float: none; width:100%;  height: auto; line-height:2.5; display: block; padding:20px 15px 0;}

.footer{ text-align:center; font-size:12px; line-height:60px; height:60px;}
.footer span{ display:none;}
}</pre></body></html>