<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">
html{ -webkit-text-size-adjust:100%  }
body{ margin:0px; padding:0px; margin:0px auto; font-size:12px; color:#666; width:100%;  min-width:984px; width:expression((documentElement.clientWidth &lt; 984) ? "984px" : "100%" ); zoom:1; position:relative; font-family:"Microsoft YaHei",å¾®è½¯é›…é»‘,"Microsoft JhengHei",åŽæ–‡ç»†é»‘,STHeiti,MingLiu;/*background:url(../images/topbg.jpg) repeat;*/}
ul,li,form, dl,dt,dd, div{ padding: 0px; margin: 0px;}
.ul,.ul li{ list-style:none;}
.npm{ padding:0px; margin:0px;}
select,input,textarea{ border-radius:0; -webkit-border-radius:0; color:#666;font-family:"Microsoft YaHei",å¾®è½¯é›…é»‘,"Microsoft JhengHei",åŽæ–‡ç»†é»‘,STHeiti,MingLiu;}
input:focus { outline: none;}
input,button,select,textarea{outline:none;/*-webkit-appearance:none;*//*å¼ºåˆ¶åŽ»é™¤è¡¨å•è‡ªå¸¦çš„æ&nbsp;·å¼*/ }
textarea{resize:none;/*-webkit-appearance:none;*//*å¼ºåˆ¶åŽ»é™¤textareaè‡ªå¸¦çš„æ&nbsp;·å¼*/ }
textarea,input,select { margin:0; padding:0;}
input[type="button"], input[type="submit"], input[type="reset"] {-webkit-appearance: none;}
article,aside,footer,header,hgroup,nav,section,figure,figcaption{ display: block;} /*html5è®¾ç½®*/
figure,figcaption{ margin:0px; padding:0px;}
audio,canvas,progress,video { display: inline-block; vertical-align: baseline;}
img{ border:none; border:0; vertical-align:top;}
a{ color:#666; text-decoration:none; noline:-webkit-tap-highlight-color:rgba(0,0,0,0);}
a:focus {outline:none; -moz-outline:none;}
a:hover{ text-decoration:none; color:#ca1929;}
.clear{ clear:both; height:0; overflow:hidden;}
/*pages*/
.Pages{ padding:60px 0; line-height:35px; zoom:1; overflow:hidden; text-align:right;}
.Pages span{display:inline-block;}
.Pages a{ padding:0px 14px;display:inline-block;background:#aeb3bf; color:#fff;}
.Pages .p_cur,.Pages .f1,.Pages .f2,
.Pages .p_count,
.Pages .p_total{ display:none;}
.Pages .p_page em{ font-style:normal; font-family:Arial; vertical-align:middle;display:inline-block;}
.Pages .p_page em a{ margin:0 1px;}
.Pages .p_page em a.a_cur{ background:#5d5f6e;}
.Pages .i_text{ width:33px; height:33px; line-height:33px; padding:0px; text-align:center; font-size:12px; border:solid 1px #b4b4b4; background:#fff; vertical-align:middle; }
.Pages .i_button {width:35px; height:35px; cursor:pointer; border:none; background:url(../image/a_go.jpg) no-repeat center center; vertical-align:middle; }
.Pages .a_first,.Pages .a_prev,.Pages .a_next,.Pages .a_end{width:35px; line-height:100px; overflow:hidden; height:35px; vertical-align:middle; padding:0;}
.Pages .a_first{ background:url(../image/a_first.jpg) no-repeat left center; }
.Pages .a_prev{ background:url(../image/a_prev.jpg) no-repeat left center; }
.Pages .a_next{ background:url(../image/a_next.jpg) no-repeat left center; }
.Pages .a_end{ background:url(../image/a_end.jpg) no-repeat left center; }
/*pages end*/
/*top.html*/
.info{text-align:justify; word-wrap: break-word; word-break: normal; }

#goToTop{ position:fixed; right:2%; bottom:2%; background:url(../image/goToTop.png) no-repeat; width:66px; display:none;}
#goToTop a{ display:block; height:64px;}

.Toper{ background:#edeef0; height:74px;max-width:1426px; margin:0 auto;}
.Toper .auto{ width:970px; margin:0 auto; position:relative; text-align:right; padding-top:23px; padding-right:14px;}
.Toper .auto .email{ color:#d2535c;}
.Toper .old{}
.logo{ background:url(../image/logo.jpg) no-repeat center center; width:250px; height:74px; position:absolute; left:0; top:0px; display:block;}
.top_search{ width:154px; height:22px; border:1px solid #cecece; overflow:hidden; background-color:#fff; display:inline-block; vertical-align:text-bottom; margin:0 5px;}
.top_search .text{ width:120px; padding:0 5px; height:22px; line-height:22px; border:none; background:none; float:left;}
.top_search .btn{ height:22px; cursor:pointer; background:url(../image/icon_search.jpg) no-repeat center center; width:24px; border:none; float:left;}
.lang, .lang a{ color:#b3b3b3;}
.lang a:hover{ color:#ca1929;}
.back_home{ margin-right:5px;}
.back_home a{ background:url(../image/a_back.jpg) no-repeat center center; width:71px; text-align:center; height:22px; line-height:21px; color:#fff; font-size:14px; display:inline-block;}

.Menu{ background-color:#000082; font-size:15px;max-width:1426px; margin:0 auto;}
.Menu nav{ width:984px; margin:0 auto;}
.Menu nav ul{ float:right;}
.Menu li{ float:left;position:relative; width:91px; text-align:center; line-height:54px; z-index:10;}
.Menu li a{ font-weight:bold; color:#fff;  display:block;}
.Menu li a i{display:none;}
.Menu li a:hover, .Menu li a.aon{ background-color:#e0161d;color:#fff;}
.Subnav{ display:none; position:absolute; width:177px; background:url(../image/subnavbg.png) repeat; font-size:14px; left:50%; margin-left:-88px; text-align:left;}
.Subnav dl{ padding:10px 12px;}
.Subnav dl a{ font-weight:normal; color:#d0d1d2; padding-left:17px; border-bottom:1px dotted #fff; line-height:36px; padding-top:5px; background:url(../image/sub_icon.png) no-repeat 2px 23px;}
.Subnav dl a:hover{ background-color:transparent; color:#fff;}

.new-product{max-width:1426px; margin:0 auto;}
.new-product img{ max-width:100%;}

.footer{ background-color:#5d5f6e; color:#d3d3d8; padding-bottom:10px;max-width:1426px; margin:0 auto;}
.footer section{ width:984px; margin:0 auto; padding-bottom:15px;}
.footer section h3{ margin:0; padding-top:28px; font-size:20px; padding-bottom:15px;}
.footer section li{ float:left; width:246px; line-height:24px;}
.footer section li a{ color:#d3d3d8; font-size:16px;}
.footer section li a:hover{color:#fff;}
.footer div{ text-align:center; line-height:16px; padding:5px 0;}
.footer div span{ background:url(../image/20120118LOGO.png) no-repeat; width:278px; height:70px; display:inline-block; vertical-align:middle;}
.footer div a{color:#d3d3d8;}
.footer div em{ font-style:normal; color:#dedee5;}
.footer div em a{color:#d3d3d8;}
.footer div em img{ vertical-align:middle;}

.online-service{ position:fixed; width:148px; height:146px; right:40px; top:80px; z-index:100; background-color:#000; color:#ca192b; padding:0 8px;}
.online-service h4{ margin:0; height:35px; line-height:35px; background:url(../image/icon_contact.jpg) no-repeat left center; padding-left:25px; font-size:14px; border-bottom:1px solid #ca192b;}
.online-service a.close{ background:url(../image/a_close.jpg) no-repeat; width:15px; height:13px; position:absolute; right:7px; top:7px; overflow:hidden; line-height:50px;}
.online-service p{ font-size:20px; font-weight:bold; text-align:center; margin:0; line-height:32px;}
.online-service li{ float:left; position:relative;}
.online-service li a.qq, .online-service li a.webchat{ width:67px; height:67px; display:block;}
.online-service li a.qq{ background:url(../image/img_qq.jpg) no-repeat; }
.online-service li a.webchat{ background:url(../image/img_wx.jpg) no-repeat;margin-right:10px;}
.online-service li .show{ position:absolute; top:67px; background:#000; padding:8px 0; left:-8px; width:164px; text-align:center; display:none;}
.online-service li .show .img{ width:150px; height:150px;}
.online-service li .show b{ display:none;position:absolute; width:0; height:0; border-left:4px solid transparent;border-right:4px solid transparent;border-bottom:4px solid #ca192b; top:-4px; left:25px;}
.online-service li.Q .show{ left:auto; right:-12px;} 
.online-service li.Q a{ color:#fff;}
.online-service li.Q a img{ vertical-align:middle; margin-right:5px;}

#aboutban,#aboutban .bd li,#aboutban .bd li a{height:425px;}

.pageban{ position:relative; height:336px; z-index:1; max-width:1426px; margin:0 auto; overflow:hidden;}
.pageban .bd li{ background-position: center top; background-repeat:no-repeat; height:336px; width:100%;}
.pageban .bd li a{height:336px; display:block;}
.pageban .hd{ position:absolute; bottom:40px; text-align:right; z-index:10; left:50%; margin-left:-492px;width:984px;}
.pageban .hd span{ margin-left:2px; width:42px; height:4px; background-color:#000; display:inline-block; cursor:pointer;}
.pageban .hd span.on{ background-color:#ca192b;}

.Container{ background:url(../image/mainbg.jpg) repeat-y center 0;}
.Container .auto{ width:942px; margin:0 auto;}

.Sidebar{ width:194px; float:left; padding-bottom:30px;}
.Rightbar{ width:729px; float:right; min-height:500px; padding-bottom:30px;}

.sub{ margin-top:-1px;}
.sub ol, .Sidebar header{ margin:0; padding-left:0; text-align:center;color:#fff; font-size:16px; font-weight:bold;  padding-top:8px; height:41px; background-repeat: no-repeat; background-position:center 95%;  border-top:1px solid #c0c4cd;}
.sub ol{ background-image:url(../image/side_olbg_on.jpg);background-color:#aeb3bf;}
.Sidebar header,.sub ol.on{background-image:url(../image/side_olbg.jpg);background-color:#000082;border-top:0;}
.sub ol a{ color:#fff; display:block;white-space:nowrap; text-overflow:ellipsis; overflow:hidden; padding:0 5px;}
.Sidebar header a{ color:#fff;}
.sub li{  line-height:37px;}
.sub li a{height:37px;display:block; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; font-size:15px; padding-left:50px;}
.sub li a.aon{ color:#ca192b;}

.sub li dl{ display:none;}
.sub li dl a{ font-size:12px;padding-left:55px; background:url(../image/li.png) no-repeat 41px center #eee;}
.sub li dl a:hover,.sub li dl a.aon{ background-image:url(../image/lion.png);}

.sub li ul{}
.sub li ul li{padding-left: 30px; border-bottom:1px dotted #fff;}
.sub li ul li a{ padding-left:50px; border-bottom:none;}

.subjob li ul{ display:none;}
.subjob li ul li a{ padding-left:35px;background:url(../image/side_li.jpg) no-repeat 20px center;}



#prod-sub ul{ display:none;}


.picFocus{ margin:0 auto;  width:745px; border:1px solid #ccc; padding:10px;  position:relative;  overflow:hidden;  zoom:1; padding-left:30px;   }
.picFocus .hd{ width:100%; padding-top:5px;  overflow:hidden; }
.picFocus .hd ul{ margin-right:-5px;  overflow:hidden; zoom:1; }
.picFocus .hd ul li{ padding-top:5px; float:left;  text-align:center;/*margin-left: 3px; */ }
.picFocus .hd ul li img{ width:113px; height:60px; border:2px solid #ddd; cursor:pointer; margin-right:5px;   }
.picFocus .hd ul li.on{ background:url("/cn/css/images/icoUp.gif") no-repeat center 0; }
.picFocus .hd ul li.on img{ border-color:#f60;  }
.picFocus .bd li{ vertical-align:middle; list-style:none; }
.picFocus .bd img{ width:720px; height:430px; display:block;  }

.case_info{ padding-bottom:37px;}
.case_left{ float:left; width:740px; position:relative;}
.case_left .big .ultxt{ width:738px; height:40px; color:#fff; font-size:14px; text-align:center; background: url(../image/subnavbg.png) repeat;margin-top: -40px;  line-height: 40px;position: relative;}
.case_left .big img{ width:738px; height:481px; border:1px solid #ddd;}
.case_left .box{ padding-top:10px; position:relative;}
.case_left .box .bd{ position:relative; overflow:hidden; height:83px; margin:0 57px;}
.case_left .box li{  width:114px;height:65px; text-align:center; margin-right:10px; position:relative; margin-top:10px; cursor:pointer; float:left;}
.case_left .box li img{ width:114px; height:61px; border:1px solid transparent;}
.case_left .box li.aon img{ border-color:#ff751c;width:114px; height:58px;  padding:2px; background-color:#fff;}
.case_left .box li.aon b{ position:absolute;width:0; height:0; border-left:4px solid transparent;border-right:4px solid transparent; border-bottom:5px solid #ff751c; top:-4px; left:50%; margin-left:-2%;}
.case_left .prev,.case_left .next{ position:absolute; top:20px;width:20px; height:63px; cursor:pointer; z-index:1;}
.case_left .prev{ left:0;background:url(../image/product_prev.png) no-repeat  left center;}
.case_left .next{ right:0; background:url(../image/product_next.png) no-repeat right center;}
.case_left .prevStop,.case_left .nextStop{ cursor:default;filter:alpha(opacity=50);opacity: 0.5;}

.Cur{ border-bottom:2px solid #f0f0f0; line-height:43px; height:43px; margin-bottom:14px;}
.Cur em{ float:right; font-style:normal;}
.Cur em i{font-style:normal;}
.Cur em span{color:#ca192b;}
.Cur b{ background:url(../image/a_cur.jpg) no-repeat left center; padding-left:15px; font-size:16px; color:#ca192b; font-weight:normal;}

.prod-search{ padding-bottom:15px;}
.prod-search li{ float:left; margin-right:5px; position:relative; z-index:5;}
.prod-search li.tit{ width:60px; text-align:right; line-height:20px;}
.prod-search li .text{ width:149px; height:18px; line-height:18px; border:1px solid #ececec; background:#fff; font-size:12px; float:left; border-right:0; padding:0 5px;}
.prod-search li .btn{ width:25px; height:20px; cursor:pointer; background:url(../image/icon_search.jpg) no-repeat center center #f9f9f9;border:1px solid #ececec;border-left:0;float:left;}
.prod-search li .sel{ display:block;white-space:nowrap; text-overflow:ellipsis; overflow:hidden;  text-align:center; width:159px;padding-right:20px; height:18px; line-height:18px; border:1px solid #ececec; color:#bcbcbc; background:url(../image/a_sel.jpg) no-repeat right center;}
.prod-search li .sel-hide{ position:absolute; left:0px; top:20px; background-color:#fff;border:1px solid #ececec;border-top:0; width:179px; display:none;}
.prod-search li .sel-hide a{ display:block;white-space:nowrap; text-overflow:ellipsis; overflow:hidden; padding:0 10px 0 5px; line-height:20px;height:20px;}
.prod-search li .sel-hide a:hover{ background-color:#ececec;}

.prod-title{ margin:0; padding-left:0; text-align:center; color:#4d4d4d; font-size:15px; line-height:34px; background-color:#e6e6e6; font-weight:bold;}

.prod-list .box{ margin-top:6px; background-color:#f8f8f8; padding:12px 20px 12px 15px; position:relative;}
.prod-list .bgf2f2f2{ background-color:#f2f2f2;}
.prod-list .box .left{ float:left; width:182px;}
.prod-list .box .left img{ width:182px; height:150px;}
.prod-list .box .left p{ margin:0; padding-top:5px; text-align:center;}
.prod-list .box .left p a{ display:inline-block; height:26px; line-height:26px; width:79px; color:#fff; font-size:14px; padding-left:10px; text-align:left;}
.prod-list .box .left p a.video{ background:url(../image/a_v.jpg) no-repeat 95% center #ca192b;}
.prod-list .box .left p a.download{ background:url(../image/a_d.jpg) no-repeat 95% center #4d4d4d;}
.prod-list .box .right{ width:490px; float:right;}
.prod-list .box .list-title{ margin:0; font-size:16px; padding-bottom:15px;}
.prod-list .box .list-title a b{ color:#ca192b;}
.prod-list .box .list-title a{ color:#4d4d4d;display:block; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
.prod-list .box .list-title a:hover{ text-decoration:underline;}
.prod-list .box .more{ position:absolute; right:20px; color:#000; font-size:16px; border-bottom:1px solid #000; bottom:12px;}
.prod-list .box .intro{ padding-bottom:20px; font-size:12px;}

.prodInfo-title{margin:0; color:#ca192b; background:url(../image/a_prod_icon.jpg) no-repeat 13px 14px #e6e6e6; padding:8px 15px 8px 33px; font-size:18px; font-weight:bold;color:#ca192b;}
.big-img{ padding-top:14px; text-align:center;}
.big-img img{ height:265px; max-width:100%;}
.Operating{ padding:10px 145px 0; text-align:right;}
.Operating a{ display:inline-block; height:26px; line-height:26px; width:79px; color:#fff; font-size:14px; padding-left:10px; text-align:left;}
.Operating a.video{ background:url(../image/a_v.jpg) no-repeat 95% center #ca192b;}
.Operating a.download{ background:url(../image/a_d.jpg) no-repeat 95% center #4d4d4d;}
.Operating a.image{ background:url(../image/a_view.jpg) no-repeat 5px center #ca192b;padding-left:25px; width:64px;}
.prod-tab{ padding-top:40px;}
.prod-tab .tab{ height:39px; overflow:hidden; background:url(../image/tabbg.jpg) repeat-x left bottom; color:#595959; font-size:13px; margin-bottom:20px;}
.prod-tab .tab li{ float:left; background:url(../image/tab_line.jpg) no-repeat right top; padding-right:1px; cursor:pointer;}
.prod-tab .tab li span{ padding:0 18px; display:inline-block; line-height:25px;height:25px; padding-bottom:14px;}
.prod-tab .tab li.active{ background-image:url(../image/tab_line_on.jpg);}
.prod-tab .tab li.active span{ background:url(../image/tab_on.jpg) no-repeat center bottom;}
.tabinfo{ padding-bottom:50px;}
.tabinfo .info{ overflow:hidden;}
.tabinfo .info img{ max-width:100%;}

.case-list li{ width:221px; height:289px; float:left; margin-right:33px;}
.case-list li.end{ margin-right:0;}
.case-list li img{ padding:4px; border:1px solid #e7e7e7; width:211px; height:211px;}
.case-list li h2{ padding-top:18px; margin:0; text-align:center; font-weight:normal; font-size:14px;}
.case-list li h2 a{display:block; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
.case-list li:hover img{ border-color:#ca192b;}
.case-list li:hover h2 a{color:#ca192b;}
.case-box{  padding-bottom:30px; margin-bottom:30px;}
.border-c{border-bottom:1px dotted #c2c2c2;}
.case-box .Img{ float:left;}

.case-box .Img img{ width:250px; height:250px;}
.case-box .info{ line-height:25px; width:418px; float:right;}
.case-box .caseInfo-list{width:418px; /*float:right;*/}
.caseInfo-list h3{ color:#e70012; margin:0; font-weight:normal; font-size:16px; padding:20px 0;}
.caseInfo-list li{ float:left; width:139px; line-height:30px;}
.caseInfo-list li a{display:block; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; padding-right:10px;}

.class-list li{ height:35px; line-height:35px; border-bottom:1px dotted #ccc;}
.class-list li span{ float:right;}
.class-list li span a{ background:#ca192b; color:#fff;padding:0 15px; line-height:25px; border-radius:3px; margin-top:10px;}
.class-list li a{display:block; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; padding:0 10px; background:url(../image/side_li.jpg) no-repeat left center;}

.job-list{ padding-bottom:20px;}
.job-list table{border:1px solid #e8e8e8; border-collapse:collapse;}
.job-list td{ padding-left:23px; border:1px solid #e8e8e8; border-collapse:collapse; background-color:#fff;}
.job-list .f-name{ width:111px; text-align:center; padding-left:0; font-size:12px;}
.job-list .show td{ height:28px; font-size:12px; line-height:28px;}
.job-list tr.top td{ background-color:#f7f7f7;}
.job-list td.jn{ width:100px;}
.job-list .show{ position:relative;}
.job-list .show a.a-open{ color:#000; font-weight:bold; position:absolute; top:5px; left:137px;}
.job-list .show td span{ float:right;}
.job-list .show td span a{ font-weight:normal; color:#fff; background:#ca192b; border-radius:3px; width:93px; height:25px; text-align:center;  line-height:25px; display:inline-block;}
.job-list .hide{ display:none;/* margin-top:-1px;*/}
.job-list .hide table,.job-list .hide td{ border-top:0;}
.job-list .hide .f-name{ vertical-align:top; padding-top:25px;}
.job-list .info{ padding:10px;}

.form_table .f-name{ text-align:right; width:200px;}
.form_table td{ padding-bottom:10px; vertical-align:top;line-height:25px;}
.form_table .form_err,.form_table  strong{ color:#ca192b;}
.form_table .text{width:300px; height:25px; line-height:25px; background:#fff;border:1px solid #d8d8d8; padding:0 5px;}
.form_table .btn{width:60px; height:27px; background:#ca192b; color:#fff; cursor:pointer; border:0; }

.news-list ol{padding-bottom:20px; margin-bottom:15px; border-bottom:1px dotted #c8c8c8; position:relative; padding-left:220px; height:140px;}
.news-list ol .img{ position:absolute; left:0px; width:200px; top:0;}
.news-list ol .img img{ width:200px; height:140px;}
.news-list ol h4{ margin:0; font-size:14px; padding-bottom:10px;}
.news-list ol .intro{ font-size:14px; padding-bottom:28px; color:#8b8b8b;}
.news-list ol .date{ margin:0; background:url(../image/i_date.jpg) no-repeat left center; padding-left:15px; position:absolute; bottom:28px; font-size:90%; color:#ababab;}

.news-info header{ text-align:center; border-bottom:1px dotted #ddd; margin-bottom:20px;}
.news-info header div{ font-weight:bold; color:#333; font-size:16px;}
.news-info header p{ margin:0; padding:10px 0;}
.news-info header p span{ margin-left:15px;}
.news-info .info img{ max-width:100%;}
.info_back{ text-align:center; font-weight:bold; border-top:1px dotted #ddd;  border-bottom:1px dotted #ddd; padding:5px 0; margin:10px 0;}
.info_back a{color:#ca192b;}
.info_NP{ padding:10px 0;}
.info_NP a{ color:#999;}
.info_NP a:hover{ color:#ca192b;}

.honor-list li{ float:left; width:284px; list-style:none; margin:0 40px;overflow:hidden; text-align:center;}
.honor-list li a{ display:block; height:220px;}
.honor-list li div{ padding:2px; border:1px solid #ddd; display:table; height:174px; width:274px; overflow:hidden; text-align:center; margin-bottom:10px;}
.honor-list li div p{ display:table-cell; vertical-align:middle;}

.dituBg{ margin-bottom:30px;}

.templet_links li{ text-align:center; width:200px; float:left; height:90px; overflow:hidden; padding-top:15px;}
.templet_links .pic{ border:solid 1px #ccc; padding:2px; background:#fcfcfc; width:150px; margin:0 auto;}
.templet_links .pic img{ width:150px; height:60px;}
.templet_links h5{ font-size:12px; font-weight:normal; padding:8px 0px; margin:0;}

.ul_sitemap li{ padding-bottom:10px;}

.Home{ max-width:1426px; margin:0 auto; width:100%; background-color:#edeef0;}
.Home .auto{ width:978px; margin:0 auto;padding-top:28px;/*padding-top:62px; background:url(../images/h_news_icon.png) no-repeat center 24px;*/}
.Home .h-title{ height:89px;  margin-bottom:26px;background:url(../image/titlebg.jpg) no-repeat left center; }
.Home .h-title h1{ height:89px;margin:0;background-position: center center; background-repeat:no-repeat;}
.h-news{height:400px;}
.h-news .h-title h1{ background-image:url(../image/h_news1.png);}

.outBox .hd{ width:125px; float:left;}
.outBox .hd .ul li{ height:41px; overflow:hidden; padding-top:20px;background-color:#5d5f6e; text-align:center; margin-bottom:25px; font-size:16px; cursor:pointer;}
.outBox .hd .ul li a{ display:inline-block; border-bottom:1px solid #e7e7e7;color:#e7e7e7; }
.outBox .hd .ul li.on{ background-color:#000082;}
.outBox .bd{ float:right; position:relative; width:843px;}
.outBox .left_photo{ height:145px; overflow:hidden;}
.outBox .left_photo dd{ height:61px; overflow:hidden;margin-bottom:23px;}
.outBox .left_photo dd img{width:125px;height:61px;}


.inBox .left{ width:357px; float:left; position:relative;}
.inBox .left .inHd{ position:absolute;  top:185px; right:0; z-index:10;}
.inBox .left .inHd li{ width:20px; height:20px; line-height:20px; text-align:center; color:#fff; float:left; background:url(../image/li.png) repeat; margin-left:1px; cursor:pointer;}
.inBox .left .inHd li.on{ background-image:url(../image/lion.png);}
.inBox .left .inBd li img{ height:206px; width:357px;}
.inBox .left .inBd li div{ background:#000082; margin-top:7px; color:#fcf1f2; padding:0 18px; height:104px;}
.inBox .left .inBd li div h3{ font-size:15px; margin:0; padding-top:10px; line-height:35px;}
.inBox .left .inBd li div h3 a{ color:#fff;}
.inBox .left .inBd li div h3 a:hover{ text-decoration:underline;}
.inBox .left .inBd li div p{ margin:0;}

.inBox .right{ float:right; width:474px; height:317px; overflow:hidden;}
.inBox .right li{ height:99px; overflow:hidden; border-bottom:1px dotted #676767; margin-bottom:15px;}
.inBox .right li div{ float:left;width:82px; margin-right:20px;}
.inBox .right li div img{width:82px; height:82px;}
.inBox .right li h3{ margin:0; font-size:15px; height:31px;}
.inBox .right li h3 a{color:#ca192b;}
.inBox .right li p{ margin:0;}

.h-news .more{ clear:both; text-align:right; padding-top:10px;float:right; width:41px;}
.h-news .more a{color:#080808; font-size:16px; border-bottom:1px solid #0b0b0b;}

.h-product{height:520px;}
.h-product .auto{ }
.h-product .h-title h1{ background-image:url(../image/h_product1.jpg);}
.h-product .list li{ float:left; width:312px; margin-right:21px; height:244px;}
.h-product .list li.end{ margin-right:0;}
.h-product .list li h3{ margin:0; font-size:18px; padding-top:10px; font-weight:normal;}
.h-product .list li h3 a{ color:#6d6f7c; background:url(../image/h_p_icon.jpg) no-repeat left center; padding-left:10px;} 

.h-contact{ height:550px;}
.h-contact .h-title h1{ background-image:url(../image/h_contact1.jpg);}
.h-contact .from{ float:left; width:470px;}
.h-contact .from h1{ margin:0; font-size:18px; color:#000; padding-left:25px; background:url(../image/h_contact_icon2.jpg) no-repeat left 5px; padding-bottom:20px;}
.h-contact .from td{ padding-bottom:17px;}
.h-contact .from td .text{  width:398px;height:38px; border:1px solid #656565; line-height:38px; padding:0 10px 0 50px; font-size:16px;}
/*.h-contact .from td .text:focus,.h-contact .from td .text:hover{ background-color:#ca192b; color:#fff; border-color:#fff;}*/
.h-contact .from td .btn{ width:110px; height:39px; background:#000082; color:#fff; font-size:16px; cursor:pointer; border:none;}
.h-contact .from td textarea.text{ height:114px; padding-top:38px; padding-left:10px;width:438px;}
.h-contact .from td div{ position:relative;}
/*.h-contact .from td div:hover b{ color:#fff;}*/
.h-contact .from td div b{ position:absolute; left:10px; top:0px; line-height:38px; font-weight:normal;text-align:right; font-size:16px; color:#101010;}
.h-contact .intro{ width:390px; float:right;}

.case-boxadd{padding-bottom: 30px;margin-bottom: 30px;  border-top: 1px dotted #c2c2c2;}
.case-boxadd h3{color: #e70012;margin: 0;font-weight: normal;font-size: 16px;padding: 20px 0;}

.Rightbar .title{height: 35px;line-height: 35px;padding-left: 22px;color: rgb(202, 25, 43);font-weight: bold;font-size: 15px;margin-bottom: 10px;background: url(../image/ysj.png) no-repeat 10px center #e2e2e2;}



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