<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">
/********** banner **********/
.banner-inside{ width:100%; height:360px; background-color:#000;}
.banner-inside .w1000{ height:360px; position:relative;}
.banner-inside span { font-size:80px; color:#e67817; font-family:Impact; text-transform:Uppercase; height:140px; line-height:140px; position:absolute; left:0; bottom:60px; }
.banner-ab{ background:url("../images/banner/banner_ab.jpg") top center no-repeat;}
.banner-prod{ background:url("../images/banner/banner_prod.jpg") top center no-repeat;}
.banner-news{ background:url("../images/banner/banner_news.jpg") top center no-repeat;}
.banner-serv{ background:url("../images/banner/banner_serv.jpg") top center no-repeat;}
.banner-ctc{ background:url("../images/banner/banner_ctc.jpg") top center no-repeat;}


/* CSS3 EFFECTS */
#banner-para1 { -webkit-animation: h1Action 1.5s; -moz-animation: h1Action 1.5s; -ms-animation: h1Action 1.5s; -o-animation: h1Action 1.5s; animation: h1Action 1.5s; }
 @-webkit-keyframes h1Action {  0% {
opacity: 0;
-webkit-transform: translateY(-300px);
}
 30% {
opacity: 0;
-webkit-transform: translateY(-300px);
}
 100% {
opacity: 1;
-webkit-transform: translateY(0);
}
}
 @keyframes h1Action {  0% {
opacity:0;
transform: translateY(-300px);
}
 30% {
opacity:0;
transform: translateY(-300px);
}
 100% {
opacity:1;
transform: translateY(0);
}
}


/********** main **********/
#main{ width:100%; padding:30px 0 40px;}


/********** sidebar **********/
.sidebar{ float:left; width:220px; padding-bottom:40px;}
.sb-title{ width:170px; height:60px; padding:20px 15px 12px 35px; background:url("../images/imgsign/sb_titlebg.png") no-repeat;}
.sb-title .sbtit-cn{ display:block; font-size:26px; line-height:30px; font-family:å¾®è½¯é›…é»‘, "Microsoft YaHei", sans-serif; color:#FFF; overflow:hidden;}
.sb-title .sbtit-en{ display:block; font-size:16px; line-height:30px; font-family:Arial, Helvetica, sans-serif; color:#FFF; text-transform:uppercase; overflow:hidden;}
.sb-bottom{ width:220px; height:10px; background:url("../images/imgsign/sb_bottombg.png") no-repeat;}

.sidebar ul{ width:218px; border:1px solid #DDD; border-bottom:medium none; background-color:#FFF;}
.sidebar ul .li1{ position:relative; height:49px; border-bottom:1px solid #DDD; line-height:49px;}
.sidebar ul .li1:hover, .sidebar ul .li1.cur{ background-color:#e67817; transition:all 0.5s;}
.sidebar ul .li1 a{ display:block; padding:0 30px 0 40px; font-size:14px; color:#333; text-transform:capitalize; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; transition:all 0.5s;}
.sidebar ul .li1:hover a, .sidebar ul .li1.cur a{ font-weight:bold; color:#FFF;}
.sidebar ul .li1 i{ position:absolute; left:13px; top:18px; display:block; width:13px; height:13px; background:url("../images/imgsign/sbli1_sign.png") 0 0 no-repeat;}
.sidebar ul .li1:hover i, .sidebar ul .li1.cur i{ background-position:0 -13px;}
.sidebar ul .li2{ height:49px; border-bottom:1px solid #BBB; line-height:49px; /*list-style:disc inside none;*/}
.sidebar ul .li2 a{ display:block; padding:0 10px 0 12px; font-size:12px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; background:url("../images/imgsign/sbli2_sign.png") left center no-repeat; margin-left:40px;}
.sidebar ul .li2:hover a, .sidebar ul .li2.cur2 a{ font-weight:bold; color:#e67817;}

.sb-search{ margin:30px 0;}
.search-keyword{ float:left; width:176px; height:34px; background:url("../images/imgsign/sb_search_input.png") no-repeat; border:medium none; background-color:none; text-indent:10px; color:#999;}
.search-btn{ float:left; width:44px; height:34px; background:url("../images/imgsign/sb_search_btn.png") no-repeat; border:medium none; background-color:none; cursor:pointer;}
.search-btn:hover{ background:url("../images/imgsign/sb_search_btn_h.png") no-repeat; transition:all 0.5s;}


#p20 #s20, #p21 #s21, #p22 #s22, #p23 #s23, #p24 #s24, #p25 #s25{ background-color:#e67817;}
#p20 #s20 a, #p21 #s21 a, #p22 #s22 a, #p23 #s23 a, #p24 #s24 a, #p25 #s25 a{ font-weight:bold; color:#FFF;}
#p20 #s20 i, #p21 #s21 i, #p22 #s22 i, #p23 #s23 i, #p24 #s24 i, #p25 #s25 i{ background-position:0 -13px;}

#p50 #s50, #p51 #s51, #p52 #s52, #p53 #s53, #p54 #s54, #p55 #s55{ background-color:#e67817;}
#p50 #s50 a, #p51 #s51 a, #p52 #s52 a, #p53 #s53 a, #p54 #s54 a, #p55 #s55 a{ font-weight:bold; color:#FFF;}
#p50 #s50 i, #p51 #s51 i, #p52 #s52 i, #p53 #s53 i, #p54 #s54 i, #p55 #s55 i{ background-position:0 -13px;}

#p60 #s60, #p61 #s61, #p62 #s62, #p63 #s63, #p64 #s64, #p65 #s65{ background-color:#e67817;}
#p60 #s60 a, #p61 #s61 a, #p62 #s62 a, #p63 #s63 a, #p64 #s64 a, #p65 #s65 a{ font-weight:bold; color:#FFF;}
#p60 #s60 i, #p61 #s61 i, #p62 #s62 i, #p63 #s63 i, #p64 #s64 i, #p65 #s65 i{ background-position:0 -13px;}


/********** breadnav **********/
.breadnav{ position:relative; float:right; width:730px; height:49px; border-bottom:1px dashed #E7E7E7; line-height:49px; text-align:right;}
.breadnav h3{ position:absolute; left:0; top:0; font-size:20px; color:#666;}
.breadnav i{ display:inline-block; width:11px; height:10px; padding-right:2px; background:url("../images/imgsign/breadnav_sign01.png") no-repeat; *height:16px; *padding-right:4px;}
.breadnav span, .breadnav a{ color:#555;}
.breadnav span.location{ font-weight:bold; color:#e67817;}
.breadnav a:hover{ color:#e67817; text-decoration:underline;}


/********** content **********/
.content{ float:right; width:730px; min-height:500px; margin-top:30px; padding-bottom:40px; color:#333;}


/***** å…³äºŽå¤§æ³° *****/
/** å…¬å¸ç®€ä»‹ **/
.about{ padding-bottom:20px;}
.about p{ text-indent:2em; margin-bottom:10px;}
.about p strong{ color:e67817;}

/** å‘å±•åŽ†ç¨‹ **/
.history{ width:730px; padding-top:20px; padding-bottom:20px;}
#timeline{ width:720px; overflow:hidden; margin:0 auto; position:relative; background:url("../images/imgsign/dot2.jpg") left 100px repeat-x; padding:40px 0px;}
#dates{ width:4000px; height:72px; overflow:hidden; list-style-type:none;}
#dates li{ list-style:none; float:left; width:110px; height:60px; font-size:24px; text-align:center;}
#dates a{ line-height:40px; height:40px; padding-bottom:32px; background:url("../images/imgsign/biggerdot.png") center bottom no-repeat;}
#dates a:hover{ color:#FF9C00;}
#dates .selected{ background:url("../images/imgsign/biggerdot1.png") center bottom no-repeat; color:e67817;}
#issues{ width:730px; padding-top:30px; float:left; list-style-type:none; padding-bottom:20px;}	
#issues li{ width:730px; list-style:none; float:left; text-align:center;}
.historylist{ position:relative; width:660px; background:url("../images/imgsign/his_sign01.jpg") 84px top repeat-y; margin-left:70px;}
.historylist h2{ position:absolute; left:75px; top:0px;}
.historylist dl{ display:inline-block; width:100%; margin-top:40px;}
.historylist dl dt{ float:left; width:51px; height:16px; background:url("../images/imgsign/his_sign03.png") no-repeat; margin:9px 10px 0 16px;}
.historylist dl dd{ float:left;}
.historylist dl dd h3{ font-size:24px; font-weight:bold; color:#FF7008; margin-top:5px;}
.historylist dl dd p{ line-height:36px;}


/** ä¼ä¸šæ–‡åŒ– **/
.culture{ padding:10px 0 20px 20px;}
.culture p{ position:relative; margin-left:100px; margin-bottom:20px; line-height:24px;}
.culture label{ position:absolute; left:-96px; display:inline-block; width:80px; height:24px; background-color:#e67817; font-weight:bold; color:#FFF; text-align:center;}

/** ä¼ä¸šå½¢è±¡ **/
.env{ width:750px; padding-bottom:20px;}
.env li{ float:left; width:230px; height:210px; background-color:#FFF; margin:0 20px 20px 0;}
.env li .env-img{ display:table-cell; width:220px; height:160px; padding:4px; border:1px solid #EEE; text-align:center; vertical-align:middle; overflow:hidden;}
.env li .env-img img{ display:block; max-width:220px; max-height:160px; margin:0 auto;}
.env li .env-name{ display:block; height:38px; padding:0 10px; background-color:#EEE; line-height:38px; text-align:center; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; cursor:pointer;}
.env li:hover .env-img{ border-color:e67817; cursor:pointer;}
.env li:hover .env-name{ background-color:#e67817; color:#FFF;}

/** è£èª‰è¯ä¹¦ **/
/*.honor{ width:750px; padding-bottom:10px;}
.honor li{ float:left; width:230px; height:270px; margin:0 20px 20px 0;}
.honor li .honor-img{ display:table-cell; width:230px; height:230px; text-align:center; vertical-align:middle; overflow:hidden;}
.honor li .honor-img img{ display:block; max-width:230px; max-height:230px; margin:0 auto;}
.honor li .honor-name{ display:block; height:40px; padding:0 10px; line-height:40px; text-align:center; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; cursor:pointer;}*/
.honor{ width:750px; padding:20px 0 0px 0;}
.honor li{ float:left; width:210px; height:250px; margin:0 30px 80px 10px; border-top:1px solid e67817;}
.honor li .honor-img{ display:table-cell; width:180px; height:180px; padding:4px; border:1px solid #EEE; box-shadow:2px 2px 5px #AAA; -moz-box-shadow:2px 2px 5px #AAA; text-align:center; vertical-align:middle; overflow:hidden;}
.honor li .honor-img img{ display:block; max-width:180px; max-height:180px; margin:0 auto;}
.honor li .honor-name{ display:block; height:60px; padding:0 10px; line-height:60px; color:e67817; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; cursor:pointer;}

/** è§†é¢‘å±•ç¤º **/
.videolist{ width:750px; padding-bottom:20px;}
.videolist li{ float:left; width:230px; height:210px; background-color:#FFF; margin:0 20px 20px 0;}
.videolist li .video-img{ display:table-cell; width:220px; height:160px; padding:4px; border:1px solid #DDD; text-align:center; vertical-align:middle; overflow:hidden;}
.videolist li .video-img img{ display:block; max-width:220px; max-height:160px; margin:0 auto;}
.videolist li .video-name{ display:block; height:38px; padding:0 10px; background-color:#DDD; line-height:38px; text-align:center; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; cursor:pointer;}
.videolist li:hover .video-img{ border-color:e67817; cursor:pointer;}
.videolist li:hover .video-name{ background-color:#e67817;}
.videolist li:hover .video-name a{ color:#FFF;}
.videoshow{ padding:20px; text-align:center;}


/***** äº§å“ä¸­å¿ƒ *****/
.prodlist{ width:750px;}
.prodlist li{ float:left; width:228px; height:243px; border:1px solid #CCC; background-color:#FFF; margin:0 20px 20px 0;}
.prod-img{ width:228px; height:180px; background-color:#FFF;}
.prod-img a{ display:table-cell; width:228px; height:180px; text-align:center; vertical-align:middle; overflow:hidden;}
.prod-img img{ display:block; max-width:228px; max-height:180px; margin:0 auto;}
.prod-name{ width:188px; height:58px; border-top:5px solid #EEE; margin:0px 20px; text-align:center;}
.prod-name a{ display:block; width:188px; height:58px; margin:0 auto; font-size:14px; color:#333; line-height:58px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.prodlist li:hover{ border-color:e67817; cursor:pointer;}
.prodlist li:hover .prod-name{ border-color:e67817;}
/*.prodlist li:hover .prod-name a{ font-weight:bold; color:e67817;}*/

.prodshow{ padding:0 0 20px 0;}
.product-name{ padding:0 30px 20px 0; text-align:center; font-size:22px; font-weight:bold; color:e67817; line-height:28px;}
.product-pic{ text-align:center; margin-bottom:20px;}
.product-pic img{ max-width:680px;}

.editor{ width:700px; margin-bottom:20px; color:#333; overflow:auto;}


/***** æ–°é—»èµ„è®¯ *****/
.newslist{ padding:0 0 20px 0;}
.newslist li{ height:110px; padding:0px 0 30px; margin-bottom:30px; border-bottom:1px dashed #DDD; clear:both;}
.newslist li .nlist-img{ float:left; margin-right:25px;}
.newslist li .nlist-img a{ display:table-cell; width:150px; height:100px; padding:3px; border:2px solid #DDD; background-color:FFF; text-align:center; vertical-align:middle; overflow:hidden; *display:block;}
.newslist li .nlist-img img{ display:block; max-width:150px; max-height:100px; margin:0 auto;}
.newslist li .nlist-title{ margin-top:8px; font-size:16px; font-weight:bold;}
.newslist li .nlist-title a{ color:#333;}
.newslist li .nlist-title a:hover{ color:e67817;}
.newslist li .nlist-time{ padding:3px 0; color:#999;}
.newslist li .nlist-cont{ color:#666; text-indent:2em;}
.newslist li .nlist-cont a{ color:#333;}
.newslist li .nlist-cont a:hover{ color:e67817;}
.newsdetail{ padding:0px 20px 20px 20px;}
.news-title{ margin:20px 0 10px; text-align:center; font-size:24px; font-weight:bold; line-height:36px; color:e67817;}
.news-time{ text-align:center; height:30px; line-height:30px; color:#666; border-bottom:1px dotted #CCC; padding-bottom:12px;}
.news-cont{ margin-top:20px;}
.news-cont p{ display:block; margin-bottom:10px; text-indent:2em;}


/***** æœåŠ¡ä¸“æ&nbsp; *****/
/** äº§å“çŸ¥è¯† **/
.know{ padding:0 0 20px 10px;}
.know p{ text-indent:2em; line-height:24px; margin-bottom:8px;}
.know p strong{ color:e67817;}
.know h3{ font-size:13px; color:e67817; margin-top:20px;}
.know img{ max-width:900px; max-height:700px;}

/** æœåŠ¡ä»‹ç» **/
.service{ padding:0 0 20px 10px;}
.service p{ padding-bottom:10px;}
.service p strong{ color:e67817;}

/** é”€å”®ç½‘ç»œ **/
.network{ text-align:center;}
.network h3{ font-size:16px; font-weight:bold; color:#0067AC; line-height:48px; padding-bottom:4px;}
.network img{ margin-bottom:20px;}

/** èµ„æ–™ä¸‹è½½ **/
.download{ padding:0 0 0 10px;}


/***** è”ç³»æˆ‘ä»¬ *****/
/** è”ç³»æ–¹å¼ **/
.contact{ padding:0 0 20px 20px;}
.contact .ctc-info{ float:left; width:440px;}
.contact .ctc-info span.coname{ display:block; height:30px; font-size:18px; font-weight:bold; line-height:30px; margin-bottom:10px; color:#e67817;}
.contact .ctc-info p{ height:24px; font-size:14px; line-height:24px; margin-bottom:8px;}
.contact .ctc-info p strong{ margin-right:8px;}
.contact .ctc-info p span{ font-size:16px; font-weight:bold; font-style:italic; color:#F39700;}
.contact .ctc-info p label{ margin-left:8px;}
.contact .ctc-info p a{ color:#666; letter-spacing:1px; text-decoration:underline;}
.contact .ctc-info p a:hover{ color:#e67817; text-decoration:underline;}
.contact .ctc-wechat{ float:right; width:200px; text-align:center; margin:80px 40px 0 0;}
.contact .ctc-wechat img{ width:200px;}
.contact .ctc-wechat p{ font-size:14px; font-weight:bold; padding-top:10px;}

/** å®¢æˆ·ç•™è¨€ **/
.feedback{ padding:0px 0px 10px 20px;}
.feed-tip{ border-bottom:1px solid #EEE; padding-bottom:10px; text-indent:2em;}
.feed-cont{ padding-top:5px;}
.feed-cont .btn-feedback{ width:100px; height:30px; background-color:#e67817; border:medium none; color:#FFF; cursor:pointer;}
.feed-cont .btn-feedback:hover{ background-color:#F39700; border-color:#e67817;}
.feed-cont input, .feed-cont textarea{ background-color:#FFF; border:1px solid #999;}
.feed-cont input:hover, .feed-cont textarea:hover{ border-color:e67817;}

/** æ‹›è˜ä¿¡æ¯ **/
.job{ padding-bottom:20px;}
.job-tip{ width:630px; height:115px; padding-left:100px; margin-bottom:24px; background:url("../images/imginside/job_tip_bg.jpg") left bottom no-repeat;}


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