/*--- 通用 ---*/ html,body,div,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,caption,tbody,tfoot,thead,tr,th,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;vertical-align: middle;} body{font-size:14px; font-family:Arial,Microsoft YaHei,Helvetica,sans-serif;} html,body{min-height: 100%;height:100%;} h1,h2,h3,h4,h5,h6{font-weight:bold;} h1{font-size:20px;line-height:30px;} h2{font-size:16px;} h3{font-size:16px;line-height:24px;} h4,h5,h6{font-size:14px;line-height:20px;} a{color:#000;text-decoration:none;outline:none;transition:all 0.1s linear 0s;} a:hover{color:#005ea6;text-decoration:none;} ul,ul li{list-style:none;margin:0;padding:0;} fieldset,img{border:none;} hr{color:#ddd;background-color:#ddd;height:1px;border:0px;} .clear{clear:both;margin:0;padding:0;} .hidden{display:none;} .left{ float:left;} .right{ float:right;} #root{width:100%;height:100%; width:expression(document.body.clientWidth <= 1140? "1100px": "auto"); min-width:1100px;} /*--- 头部样式 ---*/ .header{width:100%;z-index:999999; background: url(/Public/App/images/topbg.gif) repeat-x left top;} .top{ width:1100px; margin:0 auto;padding-left:10px; height:115px;} .topleft{width:580px; float:left; padding-top:20px;} .topleft img{vertical-align:middle;} .topleft a{ font-family:Cambria, "微软雅黑", "Liberation Serif", Times, "Times New Roman", serif; font-size:22px; height:100px; vertical-align:middle; color:#636363;} .topright{width:450px; float:right; text-align:left; padding-top:30px; padding-left:70px;font-size:16px; color:#575757;font-weight:bold;font-family: Arial,Microsoft YaHei,sans-serif ;} .topright h1{ color:#8f8f8f; font-size:12px; font-weight:normal; padding-top:20px;} .topright a{font-size:12px; color:#8f8f8f;} /*--- 导航 ---*/ #nav{ clear:both;position:relative; width:1070px;margin:0 auto;height:43px;padding-left:5px;} /* Menu */ .menu { height: 43px; width: 1070px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } .menu li { position: relative; list-style: none; float: left; display: block; height: 43px; } /* Links */ .menu li a { display: block; padding: 0 55px; height: 43px; line-height: 43px; text-decoration: none; font-family: Arial,Microsoft YaHei,Helvetica,sans-serif; font-weight: bold; font-size: 14px; color: #fff; } .menu li:first-child a { border-left: none; } .menu li:last-child a { border-right: none; } .menu li:hover > a { color: #fff; background: url(/Public/App/images/dhbg.gif) repeat-x left top; } .menu li .current{color:#fff; background: url(/Public/App/images/dhbg.gif) repeat-x left top;} /* Sub Menu */ .menu ul { position: absolute; z-index:99999999; top: 43px; left: 0; opacity: 0; background: #37373a; -webkit-border-radius: 0 0 5px 5px; -moz-border-radius: 0 0 5px 5px; border-radius: 0 0 5px 5px; -webkit-transition: opacity .25s ease .1s; -moz-transition: opacity .25s ease .1s; -o-transition: opacity .25s ease .1s; -ms-transition: opacity .25s ease .1s; transition: opacity .25s ease .1s; } .menu li:hover > ul { opacity: 0.95; } .menu ul li { height: 0; overflow: hidden; padding: 0; -webkit-transition: height .25s ease .1s; -moz-transition: height .25s ease .1s; -o-transition: height .25s ease .1s; -ms-transition: height .25s ease .1s; transition: height .25s ease .1s; } .menu li:hover > ul li { height: 43px; line-height: 43px; overflow: visible; padding: 0; } .menu ul li a { width: 180px; padding: 0px 0 0px 15px; height: 43px; line-height: 43px; margin: 0; border: none; border-bottom: 1px solid #000; } .menu ul li:last-child a { border: none; } .bannerbg1{width:100%;height:250px; margin:0 auto; background:url(/Public/App/images/b1.jpg) repeat-x top center;} .bannerbg2{width:100%;height:250px; margin:0 auto; background:url(/Public/App/images/b2.jpg) repeat-x top center;} .bannerbg3{width:100%;height:250px; margin:0 auto; background:url(/Public/App/images/b3.jpg) repeat-x top center;} /*--- 幻灯片 ---*/ .banner_div{height:432px; width:100%;margin:0 auto;overflow:hidden;} #flash { width:100%; height:432px; overflow:hidden; margin:0 auto; clear:both; position:relative; padding:0px;} #flash a {width:100%; height:432px; display:none;} #flash img {/*width:100%; height:407px; display:none;*/} .flash_bar { width:100px; z-index:1069; height:30px; overflow:hidden; padding-top:13px!important; padding-top:12px; bottom:50px;text-align:center;margin:0 auto;position:relative; } .flash_bar .dq { display:inline-block; float:left; width:13px; height:15px; margin:5px 5px; /* background: url(tg_flash_p.png) no-repeat 0px 0px;*/ cursor:pointer; background:url(/Public/App/images/tg_flash_p.png) no-repeat 0px 0px; _background:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/Public/App/images/tg_flash_p.png" ,sizingMethod="crop"); } .flash_bar .no { display:inline-block; float:left; width:13px; height:15px; margin:5px 5px; /* background: url(tg_flash_p.png) no-repeat 0px 0px;*/ cursor:pointer; background:url(/Public/App/images/tg_flash_p2.png) no-repeat 0px 0px; _background:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/Public/App/images/tg_flash_p2.png" ,sizingMethod="crop"); } #flashBg { height:432px; overflow:hidden; width:100%; clear:both; margin:0; padding:0;} #flashLine {height:432px; width:100%; clear:both;} .more { clear:both; display:block;width:150px; margin:12px auto 0px 0px;background:#de0002;border-radius: .3em;} .more a{ display:block;font:14px "Microsoft YaHei";color:#fff;padding:3px 20px 5px 20px; text-align:center;} .more a:hover{ display:block;color:#fff; background:#ea0002; text-decoration:none;border-radius: .3em;} /*--- 整体 ---*/ .main1{width:1100px;height:auto;margin:0 auto;position:relative;background:#fff;overflow:hidden;} .main1_l{width:360px;height:auto;overflow:hidden; float:left;} .main1_m{width:310px;height:auto;overflow:hidden; float:left; padding-left:40px;} .main1_r{width:256px;height:auto;overflow:hidden; float:right; } .main1 h2{ font-size:16px; font-family:Arial; float:left;} .main1 span{ float:right; padding-top:5px;} .main1 span a{ font-size:10px; font-family:Arial; text-align:right; } .main1_r .gsjj{text-align:center;background:url(/Public/App/images/gsjjbg.gif) repeat-x; height:30px; line-height:30px; color:#fff; } .main1_r .gsjj a{ color:#fff;font-family:Arial;font-weight:bold; padding:0 10px; font-size:14px;} .main2{width:100%;height:auto;margin:10px auto;position:relative;background:#f2f2f2;overflow:hidden; padding-top:20px;} .main2_l{width:1100px;height:300px;;margin:0 auto;position:relative;overflow:hidden;} .main2 h2{ font-size:16px; font-family:Arial; float:left;} .main2 span{ float:right; padding-top:5px;} .main2 span a{ font-size:10px; font-family:Arial; text-align:right; } .cp{width:100%;float:left;height:auto;} /*--- 首页主题框架内容---*/ .maincontent{width:100%;height:auto;margin:0 auto;position:relative;overflow:hidden; } #products{width:100%;height:350px;; margin:0 auto; padding-top:50px;border-radius:.3em;} #choose{background: url(/Public/App/images/choosebg.jpg) repeat-x;width:100%;height:auto;} #error{background:#f0f0f0;width:100%;height:auto;padding:0 0 20px;} .title{width:1100px;margin:0 auto;height:auto;padding:15px 0 20px 0px; text-align:center;} .title_l{ width:342px; float:left;} .title_l3{ width:431px; float:left;} .title_l4{ width:558px; float:left;} .title_r{ width:640px; float:left; text-align:left; padding:35px 0 0 0;} .title_r3{ width:440px; float:left; text-align:left; padding:35px 0 0 0;} .title_r4{ width:406px; float:right; text-align:center; height:133px;} .title h2,.title h2 a{font:26px "Microsoft YaHei"; color:#035a8a;} .title span{font:18px "Microsoft YaHei"; color:#fa8f4b; text-transform: uppercase;} .products{ clear:both; padding:20px 0 40px 0;width:1100px;margin:0 auto;height:auto;} .choose{ clear:both; padding:20px 0 20px 0;width:990px;margin:0 auto;height:auto;} .aboutname2{text-align:left;color:#000; padding:10px;} .aboutname2 h2{font:16px "Microsoft YaHei"; font-weight:bold;} .aboutname2 p{font:12px "Microsoft YaHei"; padding-top:15px; padding-bottom:15px;} /*首页产品*/ .tt{width:1100px; margin:0 auto 30px; height:40px;} .tt h3 span{display:block; font-weight:normal;font-size:12px;width:240px; float: left;height:40px; padding-top:18px;vertical-align: baseline;} .tt h3 span a{color:#454545;font-size:22px; } .tt h3 b{display:block;height:25px;line-height:22px; width:860px; float:left;margin-top:10px; background:url(/Public/App/images/more1.png) no-repeat left bottom; text-align:right;} .tt h3 b a{color:#ff0000; font-size:14px; font-weight:normal;line-height:25px;} .indexproduct{ width:1100px; margin:0 auto;} .indexproduct ul{} .indexproduct ul li{ text-align:center;float:left; margin:20px 4px 10px 5px;width:32%;} .indexproduct ul li:hover{ float:left; margin:20px 4px 10px 5px;} .indexproduct img{ width:266px; height:166px;border-radius:.5em;} .productname{ height:50px; line-height:55px; text-align:center; padding-top:10px;} .productname a{ color:#575757;width:32%; margin:0 auto;display:block; height:45px; line-height:40px; font-size:18px; font-weight:bold;background: url(/Public/App/images/cpmore.gif) no-repeat bottom;} .productname a:hover{ color:#000;} .product1{ float:left; width:309px; height:347px; background:#006297; margin-left:30px;margin-right:30px; padding:4px;border-radius:.3em; display:block;} .product1:hover{ background:#ff7e00;} .product2{ float:left; width:309px; height:357px;background:#006297; margin-left:25px;margin-right:25px;padding:4px;border-radius:.3em;} .product3{ float:left; width:309px; height:357px;background:#006297;margin-left:25px;margin-right:25px;padding:4px;border-radius:.3em;} .productyangpin a{ height:32px; line-height:32px; padding-left:10px;} .productxiangxi{ text-align:right; margin-bottom:20px;} .productbutton{ margin-top:15px; margin-bottom:5px;width:100px; text-align:center; z-index:999; float:right;} .productbutton a{text-decoration: none; font:12px "Microsoft YaHei"; display:block;height:20px; line-height:20px;color:#000;background:#f7f7f7;} .productbutton a:hover{background:#e7e7e7; color:#000; text-decoration:none;} .productshipin{ clear:both; padding:30px 0 0 510px;width:490px;margin:0 auto; background: url(/Public/App/images/shipinbg.jpg) no-repeat;} /*首页优势*/ .chooseleft{ float:left; width:480px; height:445px;} .chooseright{ float:right; width:480px; height:445px;} .chooselist{width:100%;float:left;height:auto;margin-left:0px;font:18px "Microsoft YaHei";} .chooselist h2{margin-bottom:5px;font-size:26px;font-weight: normal;} .chooselist h2 a{margin-bottom:5px;font:14px "Microsoft YaHei";font-weight: bold;color:#434343;} .chooselist ul {margin:10px auto;padding: 0px;list-style: none;} .chooselist ul li { clear:both;border-bottom:1px dashed #cacaca;height: 130px;margin-top: 8px;} .chooselist ul li a:link {color: #434343;text-decoration: none; font-family: Arial, Helvetica, sans-serif;font-size:14px; } .chooselist ul li a:visited {color: #434343;text-decoration: none;} .chooselist ul li a:hover {color: #089353;text-decoration: none;} .chooselistleft {width: 146px;float: left;margin: 7px 0px 7px 0px;} .chooselistright {width: 316px;float: right;margin: 5px 0px 5px 0px;} .choosejianshu {line-height: 22px;color: #666; font-size:12px; padding-top:10px;} /*首页关于我们*/ .jian{ width:55px; height:55px; margin:0 auto;} #about{width:100%; background:#f4f4f4;padding:0px 0 10px 0; margin:0 auto;} .about{ clear:both;width:1100px;margin:0 auto;} .aboutname{ height:43px; text-align:left; color:#000; padding:10px 0 10px 0; display:block;} .aboutname h2 a{ font-size:18px; font-weight:bold;color:#000; line-height:40px; } .aboutname a:hover{ color:#000;} #about0{width:100%; padding:40px 0 10px 0; margin:0 auto;} .about0{ clear:both;width:1100px;margin:0 auto;} .about0title h2 span{display:block; font-weight:normal; width:1100px; color:#545454;font-size:18px;float: left;height:60px; vertical-align: baseline;font-weight:bold;} .about0title h2 span a{color:#8f2325;font-size:24px; font-weight:bold;} .about1{ float:left; width:800px; height:300px; line-height:24px; color:#494949; font-size:12px;} .about1 .more2{ width:95px; height:24px; background:#e90000; color:#FFF; float:right; margin-top:15px; text-align:center;} .about1 .more2 a{color:#FFF;} .about3{ float:right; width:250px;} .abouttitle{ clear:both; width:100%;color:#353535;font-size:14px; height:36px; line-height:36px; margin-bottom:5px;} .abouttitle h2{ width:60%; float:left; font-size:16px;} .abouttitle span{text-align:right; float:right; padding-right:10px; width:30%;} .abouttitle span a{font-size:12px; color:#353535; height:32px; line-height:32px; text-align:right; } .abouttitle span a:hover{ color:#005094; height:32px; line-height:32px;} .aboutneirong{ line-height:24px; color:#585858; font-size:12px; font-family: Arial, "宋体", sans-serif } .neirong{ line-height:24px; color:#000; font-size:14px; font-family: Arial, Microsoft YaHei,"宋体", sans-serif } #down{ clear:both; width:100%; background:#2a2a2a url(../images/downbg.jpg) no-repeat top center; padding-top:260px; padding-bottom:35px;} .down{width:1100px;margin:0 auto;height:180px;} .down h2{ width:100%; float:left; font-size:16px;color:#fff;} .down1{ float:left; width:450px; padding-top:30px; padding-left:50px;} .down1 ul {list-style: none; padding-top:20px; } .down1 ul li {margin-top: 8px;width:30%;height:25px;display:block; float:left; margin-right:20px;} .down1 ul li a{color: #fff;height:25px; line-height:25px;text-decoration: none; font-size:13px; display:block; text-align:left;} .down1 ul li a:visited {color: #fff;background:#006297;border-radius: .2em;} .down1 ul li a:hover {background:#006297;border-radius: .2em;} .down2{float:left; width:215px; text-align:center;} .down3{ float:right; width:500px;padding:0 0px 0px 10px;} .down3 ul {list-style: none; padding-top:25px; } .down3 ul li { clear:both;width:100%;height:30px;display:block;color: #fff;} .down3 ul li a{color: #d6d6d6;} .down3 ul li a:visited {color: #d6d6d6;width:238px;height:32px;text-decoration: none;} .down3 ul li a:hover {color: #d6d6d6;width:238px;height:32px;text-decoration: none;} .downtitle{ clear:both; width:100%;color:#d6d6d6;font-size:14px; height:36px; line-height:36px; margin-bottom:5px;} .downtitle h2{ width:60%; float:left; font-size:16px;color:#d6d6d6;} .downtitle span{text-align:right; float:right; padding-right:10px; width:30%;} .downtitle span a{font-size:12px; color:#d6d6d6; height:32px; line-height:32px; text-align:right; } .downtitle span a:hover{ color:#005094; height:32px; line-height:32px;} /*首页优势*/ #youshi{width:100%; background:#FFF url(../images/youshi.gif) no-repeat center top; padding:250px 0 30px 0;} .youshi{ clear:both;width:1100px;margin:0 auto; padding-top:80px;} .youshi1{ width:100px; float:left;} .youshi2{ width:420px; float:left;font-family:Arial,Microsoft YaHei,Helvetica,sans-serif; } .youshi2 h1{font-size:30px;font-weight:normal; color:#0060b5; line-height:50px;} .youshi2 h2{font-size:18px;font-weight:normal; color:#0060b5;} .youshi2 h3{font-size:14px;font-weight:normal; color:#303030; padding-top:40px; width:400px;} .youshi3{ width:555px; float:left;} /*首页新闻*/ #news{width:100%; background:#fff;padding:5px 0 20px 0; margin:0 auto; } .news{ clear:both;width:1100px;margin:0 auto;} .news1{ float:left; width:540px; height:320px;} .news .newsbt{ width:98%; line-height:25px; background:#f3f3f3; padding:5px; font-size:14px; font-weight:bold;border-radius:.3em; color:#6b6b6b;} .news .more0 a{ float:right; font-size:12px; font-weight:normal; color:#e90000;} .news2{ float:left; width:512px; margin-left:40px;} .newstitle{ clear:both; width:100%;color:#353535;font-size:14px; height:36px; line-height:36px; margin-bottom:5px;} .newstitle h2{ width:60%; float:left; font-size:16px;} .newstitle span{text-align:right; float:right; padding-right:10px; width:20%;} .newstitle span a{font-size:12px; color:#353535; height:32px; line-height:32px; text-align:right; } .newstitle span a:hover{ color:#005094; height:32px; line-height:32px;} /*首页FAQ*/ .faqlist{width:100%;float:left;margin-left:0px;font:18px "Microsoft YaHei";} .faqlist span{font-size:12px;font-weight: normal; color:#999; float:right; width:20%; text-align:right;} .faqlist ul {margin:0px auto;padding: 0px;list-style: none;} .faqlist ul li { clear:both; height:28px; line-height:25px; padding-right:5px;} .faqlist ul li:hover { background:#f2f2f2;border-radius: .2em;} .faqlist ul li h2{ font-weight:normal;} .faqlist ul li a:link {color: #646363;;text-decoration: none; font-size:12px; padding-left:5px; } .faqlist ul li a:visited {color: #646363;text-decoration: none;font-size:12px;padding-left:5px;} .faqlist ul li a:hover {color: #646363;text-decoration: none;font-size:12px;padding-left:5px;} .faqlistleft {width: 5px;float: left;margin: 0px 0px 0px 0px;} .faqjianshu {float: left;line-height: 20px;color: #666; font-size:12px; padding-top:5px;} /*产品无缝滚动*/ #demo { overflow:hidden; width: 1000px; } #demo img { width:340px; height:170px; border: 1px solid #F2F2F2; } #demo .text { text-align:center; line-height:25px; } #indemo { float: left; width: 3500px; } #demo1 { width:1750px; float: left; } #demo1 ul{ width:350px; float: left; } #demo2 { width:1750px; float: left; } #demo2 ul{ width:350px; float: left; } /*--内页布局---*/ .main_l{ float:left; width:280px; background:#f5f5f5;} .main_r{ float:right; width:840px; padding-bottom:40px;} .main_r p{ font-size:13px; line-height:30px;margin-bottom: 10px;} .main_r td{font-size:12px; padding:0;} .pagetitle{ font-size:14px;} .lefttitle{padding-left:20px; line-height:30px; background:#791214; color:#FFF; font-weight:bold; font-size:14px;border-radius: .2em;} .lefttext{padding:10px;} .main_l_tt{ clear:both;margin:5px auto; } .main_l_tt ul{ list-style:none; margin:0; padding:5px 0 0 0;} .main_l_tt ul li{ float:left; width:100%; background:#dbdbdb; margin-right:2px; margin-bottom:2px; text-align:left;} .main_l_tt ul li a {text-decoration: none; font:14px "Microsoft YaHei"; padding-left:7px; display:block;height:30px; line-height:30px;color:#292929;background:#ededed;} .main_l_tt ul li a:hover{ background:#e90000; color:#FFF;} .main_l_tt ul li .current{ background:#e90000; color:#FFF;} /*--- maincontent case + news + service title base---*/ .newslist,.caselist,.service,.link,.jump{width:1200px;margin:0 auto;height:auto;} .contacttitle,.servicetitle,.newstitle,.casetitle{width:100%;text-align:center;height:auto;padding:40px 0 45px 0; } .contacttitle h1,.servicetitle h1,.newstitle h1,.casetitle h1,.linktitle h1{font:26px "Microsoft YaHei"; font-weight:bold;margin:0 0 10px 0; color:#494949;} .contacttitle h1 a,.servicetitle h1 a,.newstitle h1 a,.casetitle h1 a,.linktitle h1 a{font:26px "Microsoft YaHei"; margin:0 0 10px 0; color:#fff;} .contacttitle h2,.servicetitle h2,.newstitle h2,.newstitle h2 a,.casetitle h2,.casetitle h2 a,.linktitle h2 a{font:18px "Microsoft YaHei";font-weight:bold; color:#818181;} .linktitle h2{font:16px "Microsoft YaHei";font-weight:bold; color:#818181; line-height:30px;} /*--- sidebar ---*/ .sidebar{width:20%;float:left;height:auto;} .sidebar ul li{padding:15px 7px;} .sidebar ul li.caseclass a{font-size:24px;color:#000;} .sidebar ul li a{color:#7F8289;font:16px "Microsoft YaHei";} .sidebar ul li a:hover{color:#000;} /*--- content ---*/ .content{width:100%;float:right;height:auto;} /*--- maincontent news ---*/ .linktitle{width:100%;text-align:left;height:auto;padding:0px 0 0px 0;} .newssidebar{width:48%;float:left;height:auto;margin-left:8px;font:18px "Microsoft YaHei";} .newssidebar h2{margin-bottom:30px;font-size:22px;font-weight:normal;} .accordion-heading{height:50px;line-height:50px;background: #3C3F45;margin-top:5px;padding:3px 8px;overflow:hidden;} .accordion-heading:hover{background:#FF5500;transition:all 0.1s linear 0s;} .accordion-heading a{color:#fff;font:18px "Microsoft YaHei";display:block;height:50px;line-height:50px;} .collapse {position: relative;height: 0; overflow: hidden;-webkit-transition: height .35s ease;-moz-transition: height .35s ease;-o-transition: height .35s ease;transition: height .35s ease} .collapse.in {height: auto} .accordion-inner{background:#26292E;padding:9px 15px;color:#7F8289;font-size:16px;line-height:28px;} /*--- maincontent about ---*/ .service div{width:22%;float:left;margin-left:2.5%;} .service span{} .service span img{width:100%;min-width:100%;height:auto;background-size:cover;} .service h2{font:24px Arial;margin:20px 0;} .service p{color:#7F8289;font:14px "Microsoft YaHei";line-height:28px;padding:10px 0;} .service p.moreservice a{color:#666;font:14px Arial;} .service p.moreservice a:hover{color:#000;} .service span img:hover{} /*--- maincontent contact ---*/ #contact-form{width:63%;float:left;} #contact-form ul li{margin-bottom:8px;} #contact-form .submit { background:#ff5500;color: #FFFFFF;cursor: pointer;display: inline-block;font-size: 18px;font-weight: 500;margin-top: 30px;padding: 16px 40px;text-align: center;transition: background 0.1s linear 0s, color 0.1s linear 0s;vertical-align: middle;width: auto;} .contactsidebar{width:30%;float:right;text-align:left;padding:5px;} .contactsidebar h2{font:22px "Microsoft YaHei";} .contactsidebar h4{font:22px "Microsoft YaHei";} .contactsidebar ul li{color:#434343;font:16px Arial;line-height:28px;margin:15px 0 15px 0;} .contactsidebar a{font:16px "Microsoft YaHei";color:#FF5500;} .contactsidebar a:hover{color:#000;} /* 案例 --------------------------------------------------------------------------------------------------------*/ .case { width:250px; height:200px; padding:0 20px 0 10px; float:left;} .proj-img {overflow:hidden; border:#c4c4c4 1px solid;} .proj-img i {display:block;font-style:normal;position:absolute;width:100%;height:100%;z-index:9;text-indent:-9000px;top:0px;left:0;background:#fff;opacity:0; filter:alpha(opacity:0); background-color: #000;} .proj-img img {width:250px;height:155px;} .proj-img a { } .proj-img a.details { background:url(/Public/App/images/readmore-icon.png) 50% 50% no-repeat; } /* --------------------------------------------------------------------------------------------------------*/ .padding-top {padding-top:1px;} .normal li { display:block; line-height:20px; padding:2px 0; } .list li { background:url(/Public/App/images/list-bullet.png) 10px 10px no-repeat; display:block; padding:2px 0; padding-left:27px; line-height:20px; } .check li { background:url(/Public/App/images/list-check.png) 9px 9px no-repeat; display:block; padding:2px 0; padding-left:27px; line-height:20px; } .list li a, .check li a, .normal li a { color:#0073bf; text-decoration:none; border-bottom:1px dotted #0073bf; } .no-deco li a { color:#363636; text-decoration:none; border-bottom:0px dotted #0073bf; } .list li a:hover, .check li a:hover, .normal li a:hover { text-decoration:none; border-bottom:1px solid #0073bf; } .no-deco li a:hover { color:#0073bf; text-decoration:none; border-bottom:0px dotted #0073bf; } .pics {padding:4px; margin:5px 0px 5px 0; color:#292992; height:290px;} .picsindex {padding:4px; margin:5px 0px 5px 0; color:#292992; height:220px; background:#e5e5e5;} .picsindex p,.pics p{ color:#979595;font:12px "Microsoft YaHei";line-height:25px;text-align:justify;} .picsa{ background:#fff; border:#d2d2d2 1px solid; padding:4px; margin:5px 0px 5px 0; height:430px;} .infobox { background:#fff; border:#d2d2d2 1px solid; padding:20px; margin:10px 0px 10px 0; } .biaoti{ font-size:14px; padding-top:13px; padding-bottom:10px; text-align:center; font-weight:bold;} .biaoti a{color:#292929;font:14px "Microsoft YaHei";} .biaoti a:hover{color:#000;} .biaoti p{color:#666;} /*-----错误提示框----*/ #error{height:100%;padding:0;} .jump {padding:140px 0 200px 0;} .jump div{width:450px;position:relative;left:48%;margin-top:10%;margin-left:-225px;margin-right:-225px;border:1px solid #FF7200; border-radius: .3em;} .jump div p{color:#000;font:16px "Microsoft YaHei";text-align:center;margin-bottom:20px;} .jump div p.msg-title{font:24px "Microsoft YaHei";color:#fff;background:#FF7200;} .jump div p.notice span,.jump div p.notice a{color:#FF5500;font:bold 16px Arial;} .jump div p.notice a:hover{color:#000;} /*-----合作伙伴-----*/ #links{width:1100px; margin:0 auto;height:auto;padding:20px 0 10px;} .link{width: 1100px; margin:10px auto; height:74px; overflow: hidden;border-radius: .3em;} .link h1{height: 40px; line-height: 40px; padding-left: 10px;} .link ul{height: auto; overflow: hidden; width: 990px; margin: 0 auto;} .link li{width: 150px; height: 50px; float: left; padding-right:15px; padding-top:5px;} .link li a{display: block; float: left; width: 150px; height: 50px; overflow: hidden;} .link p{font-size: 12px; line-height: 22px; text-align: center;} .link p a{color: #fe6400;} .link p a:hover{color:#333;} /*重要的样式 一定要保留这样2行*/ .grayscale img{filter: grayscale(100%); -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: url("data:image/svg+xml;utf8,#grayscale"); filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1); -webkit-filter: grayscale(1);} .grayscale:hover img{-webkit-filter: grayscale(0); -moz-filter: grayscale(0); -ms-filter: grayscale(0); -o-filter: grayscale(0); filter:url("about:blank"); filter: grayscale(0); filter: rgb; } /*重要的样式 一定要保留这样2行*/ /* aboutus start --------------------------------------------------------------------------------------------------------*/ #aboutmain {width: 1140px;font-size: 12px;line-height: 25px;font-family: Arial,Microsoft YaHei,Helvetica,sans-serif;font-weight: normal;padding-top:20px;margin-top: 0;margin-right: auto;margin-left: auto;min-height: 500px;} .dangqianweizhi{font:18px bold "Microsoft YaHei"; } .dangqianweizhi a{color:# 060; font:18px bold "Microsoft YaHei"; } #aboutmain h1{ font-size:18px; font-weight:normal; margin-bottom:10px;} #aboutmain h2{ font-size:18px; font-weight:normal; margin-bottom:10px;} #aboutmain h2 a{ margin-bottom:10px; color:#434343; font:18px bold "Microsoft YaHei";} .large{ color: #262626; font-size:12px; line-height:40px; padding-bottom:25px;text-indent:2em;} .large a{ color: #000; font-size:12px;font-family: Arial; } #aboutmain h2 span{ font-size:30px; font-weight:normal;} #aboutmain h3{ line-height:50px;} #aboutmain p {line-height: 23px;color: #666;} #aboutnei {height: 800px; margin-top:20px;} #aboutnei h3 {clear: both;} #aboutnei ul {list-style: none;margin: 0px;padding: 0px;clear: both;} #aboutnei ul li {width: 320px;float: left;padding-right: 10px;} #aboutnei ul li img {padding-left: 70px; padding-bottom:20px;} #aboutnei ul li p {padding-left: 47px;line-height: 23px;color: #666;} /* productlist start --------------------------------------------------------------------------------------------------------*/ #productslist ul {margin:20px auto;padding: 0px;list-style: none;} #productslist ul li {display:block;height: 195px;margin-bottom: 5px; background:#f7f7f7; } #productslist ul li:hover{display:block;height: 195px;margin-bottom: 5px; background:#f0f0f0;text-decoration:none;} #productslist ul li h2 {margin: 0px;font-size: 16px;color:#000; font-weight:bold;} #productslist ul li:hover h2{color:#de0002;text-decoration:none;} #productslist ul li span {font-size: 12px;color: #666; font-weight:normal;} .productslistleft {width: 160px;float: left;margin: 20px 0px 10px 20px; background:url(../images/nopic.gif) no-repeat;} .productslistleft img{ border:1px #f0f0f0 solid; width:234px; height:145px;} .productslistright {width: 550px;float:right;margin: 10px 0px 10px 0px; padding-right:10px;} .productslistright ul li {display:block;height: 195px;margin-bottom: 5px; } .productslistright ul li:hover{display:block;height: 195px;margin-bottom: 5px; text-decoration:none;} .cpjianshu {color:#666;font-weight:normal; padding-top:1px; height:65px;} .cpjianshu p{line-height: 20px; font-size:12px;margin-bottom: 0px;} .cpjianshu strong{ font-weight:normal; line-height:20px;} #homesubnav{ width:100%; clear:both;margin:5px auto; } #homesubnav ul{ list-style:none; margin:0; padding:15px 0 0 0;} #homesubnav ul li{ float:left; width:49%; background:#dbdbdb; margin-right:2px; margin-bottom:2px; text-align:left;border-radius: .2em;} #homesubnav ul li a {text-decoration: none; font:14px "Microsoft YaHei"; padding-left:7px; display:block;height:30px; line-height:30px;color:#292929;background:#dbdbdb;border-radius: .2em;} #homesubnav ul li a:hover{ background:#696969; color:#FFF;border-radius: .2em;} #subnav{ width:100%; margin:10px auto;} #subnav ul{ list-style:none; margin:0px; padding:0px;} #subnav ul li{ float:left; width:25%; background:#ebebeb; margin-right:1px; text-align:center;border-radius: .3em;} #subnav ul li a {text-decoration: none; font:14px "Microsoft YaHei"; display:block;height:30px; line-height:30px;color:#FFF;background:#Ff7200;border-radius: .3em;} #subnav ul li a:hover{ background:#ff5500; color:#FFF;border-radius: .3em;} .fenye { margin-bottom:10px; text-align:left; padding-top:3px; padding-bottom:3px; clear:both;} .fenye a {padding-right: 6px; background-position: 50% bottom; padding-left: 6px; padding-bottom: 2px;color: #99210b; margin-right: 3px; padding-top: 2px; text-decoration: none; background-color: #ebebeb;} .fenye a:hover {background-image: none; color: #fff; background-color: #f90404;} .fenye a:active {background-image: none; background-color: #f90404;} .fenye span.current {padding-right: 6px; padding-left: 6px; font-weight: bold; padding-bottom: 2px; color: #99210b; margin-right: 3px; padding-top: 2px} .fenye span.disabled {padding-right: 6px; padding-left: 6px; padding-bottom: 2px; color: #adaaad; margin-right: 3px; padding-top: 2px} /* 案例详细页 --------------------------------------------------------------------------------------------------------*/ .caseindex { width:280px; padding:0 10px 0 0; float:left; } .last { padding:0 0 0 0; } .padding-top {padding-top:10px;} .padding-right { padding-right:15px; } #container {width: 990px; margin:0 auto; padding-top:20px; font-family:Arial;} .content{ width:100%;} .content h2{ font-size:28px; line-height:30px; padding:0px; margin:10px auto; font-weight:normal;} .content h2 span{ font-size:12px; color:#fff; padding:0px 5px;; margin-top:5px; background:#F00; float:right; height:30px; line-height:30px;} .contentleft{width:58%; float:left;text-align:center;} .contentleft img{ margin-top:5px; width:450px;} .contentright{width:40%; float:right;text-align:left; margin:0 auto;} .contentright h2{ font-size:14px; font-weight:bold; color:#d20004;} .contentright h3{ font-size:14px; font-weight:bold;color:#666; } .contentright span{ font-size:12px; color:#666; line-height:25px;} .orderleft{width:300px; height:200px; float:left;} .orderleft img{ margin-top:27px; margin-left:0px; width:300px;} .orderright p{ font-size:12px; line-height:25px; color:#666;} .orderright{width:380px; float:left; margin-left:10px;} .orderright h2{ font-size:12px; font-weight:bold; color:#2b2b2b;} .orderright h3{ font-size:12px; font-weight:bold;color:#666; padding-left:5px;} .orderright span{ font-size:12px; color:#666; line-height:25px;} .orderright p{ font-size:12px; line-height:25px; color:#666;} .contentbottom{clear:both; padding:30px 0 80px 0; margin-bottom:20px;} .contentbottom h2{ font-size:12px; color:#000; padding:0px; margin:0px; font-weight:bold;} .contentbottom h2 span{font-weight:normal;} .contentbottom p{ color:#666; font-size:12px; line-height:23px; font-family:Arial, sans-serif;} .contentbottom td{ font-size:12px;} .contentbottom tr{ border: #999 1px solid ;} .button{ margin-top:20px;width:50%; text-align:center; z-index:999;} .button a{text-decoration: none; font:14px "Microsoft YaHei"; display:block;height:30px; line-height:30px;color:#FFF;background:#Ff7200;border-radius: .3em;} .button a:hover{background:#3aa619; color:#FFF;border-radius: .3em; text-decoration:none;} .huikuang{ clear:both;width:100%;font:12px "Microsoft YaHei"; text-align:left;padding:5px 8px;line-height:25px;color:#666;background:#f0f0f0;border-radius: .3em; margin-top:10px;} .last{top:10px;display:block;} .next{top:10px;display:block;} .last a{ float:left; width:300px; height:35px; } .last a:hover{ float:left; width:250px; height:35px; text-decoration: none;} .last a:active{ float:left; width:250px; height:35px;} .next a{ float:left; width:300px; height:35px; } .next a:hover{ float:left; width:300px; height:35px;text-decoration: none;} .next a:active{ float:left; width:300px; height:35px;} /*----------新闻列表-------------*/ #newslist ul {margin:20px auto;padding: 0px;list-style: none;} #newslist ul li {border-bottom:1px dashed #cacaca; height:30px; line-height:30px;margin-bottom: 5px;padding-left:5px;} #newslist ul li a:link {color:#333;text-decoration: none; font-family: Arial, Helvetica, sans-serif; font-size:14px;padding-left:5px;} #newslist ul li a:visited {color: #434343;text-decoration: none;font-size:14px;padding-left:5px;} #newslist ul li a:hover {color: #093;text-decoration: none;font-size:14px;padding-left:5px;} #newslist ul li h2 {margin: 0px;font-size: 14px; width:75%; float:left;} #newslist ul li span {font-size: 14px;color: #666; float:right; width:23%; text-align:right;} .newslistleft {width: 130px;float: left;margin: 10px 0px 10px 10px; background:#999 url(../images/nopic.gif) no-repeat 50% 50%;} .newslistleft img{ border:1px #f0f0f0 solid;} .newslistright {width: 100%;float:right;margin: 10px 0px 10px 0px; } .jianshu {line-height: 20px;color:#666; font-size:12px;} .jianshu li{line-height: 20px;color:#666;} .jianshu p{line-height:20px;color:#666;} .indexnewslist{width:100%;float:left;height:auto;margin-left:0px;font:16px "Microsoft YaHei"; padding-top:10px;} .indexnewslist ul {margin:4px auto;padding: 0px;list-style: none;} .indexnewslist ul li { clear:both; height:120px;} .indexnewslist ul li a:link {color: #434343;text-decoration: none; font-family: Arial, Helvetica, sans-serif;font-size:16px; font-weight:bold; } .indexnewslist ul li a:visited {color: #434343;text-decoration: none;} .indexnewslist ul li a:hover {color: #000;text-decoration: none;} .indexnewslistleft {width: 165px;float: left;margin: 0px 0px 5px 5px;} .indexnewslistright {width:340px;float: right;margin: 0px 0px 5px 0px; background:#f9f9f9; padding:9px; height:82px; overflow:hidden;} .indexnewslistright:hover{width:340px;float: right;margin: 0px 0px 5px 0px; background:#f2f3f2; padding:9px; height:82px; overflow:hidden;} .indexnewslistright h2{margin-bottom:5px;font-size:16px;} .indexnewslistright h2 a{margin-bottom:0px; font-weight:bold;color:#434343;font-size:16px;} .indexnewsjianshu {line-height: 20px;color: #666; font-size:12px;} .indexnewsdate {line-height: 25px;color: #c1c1c1; font-size:11px; float:left;} /*---------新闻详细页--------------*/ #newsdetail {width: 100%;} .newtitle {font-size: 18px;text-align: center;color: #333;font-weight: bold;line-height: 60px;} .newcishu {font-size: 12px;color: #999;text-align: center;border-bottom: #CCC 1px solid;height: 30px;} .newsub {line-height: 25px;color: #242424;font-size: 14px; padding-top:15px;min-height: 400px;} .newsub p{ } .newsub a{color: #434343;font-size: 14px; font-weight:bold;} .newgengduo {width: 100%;margin-bottom: 20px;} .newgengduo ul {margin: 0px;padding: 0px;list-style: none;border-bottom: #CCC 1px solid;border-top: #CCC 1px solid;height: 60px;} .newgengduo ul li {float: left;width: 350px;margin: 20px auto;} .newgengduo ul li a:link {color: #6f6f6f;text-decoration: none;;} .newgengduo ul li a:visited {color: #cf0707;text-decoration: none;} .newgengduo ul li a:hover {color: #000;text-decoration: none;} .newgengduo ul li h2 {font-size: 12px;font-weight: normal;margin: 0px;} .newgengduo ul li h2 span {width: 50px;background: #e50404;color: #FFF;height: 23px;font-size: 12px;font-weight: normal;text-align: center;margin-right: 10px;display: block;float: left;} .newkey {line-height: 30px;margin-bottom: 10px; clear:both;} .newspage{ width:100%; margin:0 auto; z-index:0;background:#f8f8f8;height:30px; color:#434343;font-size:14px; margin-bottom:40px; } .newslast { float:left; padding-left:10px;} .newslast a{color:#ff5500;font-size:14px;} .newslast a:hover{ color:#ff7200;} .newsnext {float:right;padding-right:10px;} .newsnext a{color:#d20004;font-size:14px;} .newsnext a:hover{ color:#ff7200;} /*----------人才招聘------------*/ .jobsbiaodan {border: 1px solid #ccc; width: 240px; height:20px;} .jobswenben {border: 1px solid #ccc; width: 440px; height:150px;} #jobsapply { margin-bottom:100px; margin-top:30px;} #jobsapply ul { margin:0px; padding:0px; list-style:none;} #jobsapply ul li {line-height:30px; clear:both;} #jobsapply ul li h2{line-height:30px; font-size:14px; float:left; width:100px;} #jobsapply ul li input{ float:left;} #jobslist { width:300px; height:130px; background: url(../images/sunproduct.jpg); border:#dadada 1px solid; float:left; margin:6px;} .jobslistimg{ width:115px; height:112px; float:left; margin:10px;} #jobslist h2{ font-size:12px; font-weight:normal; margin:3px 0px; color:#000;} #jobslist h2 span{font-weight:bold; font-size:14px;} .apply{ float:left; margin:8px 0px;} .jobsdetail{width:100%; margin-bottom:100px;} .jobsdetail ul{ padding:0px; margin:0px; list-style:none;} .jobsdetail ul li { border-bottom:#CCC 1px inset; line-height:45px; } .jobsdetail ul li strong{ font-weight:bold;} .zptijiao { margin-top:20px;} .zptijiao a{width: 150px; height: 40px; line-height:40px; text-align:center; color:#FFF; display: block; font-size: 16px; font-family:Arial; font-weight: bold; border: solid 1px #da7c0c; border-radius: .2em; background: #f78d1d; background: -webkit-gradient(linear, left top, left bottom, from(#faa51a), to(#ff7200)); background: -moz-linear-gradient(top, #faa51a, #ff7200); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#faa51a', endColorstr='#ff7200'); margin-top:20px;} .zptijiao a:visited {color: #fff;text-decoration: none;} .zptijiao a:hover {color: #fff;text-decoration: none;} /*-----------留言详细调用---------*/ #homemessage { width: 100%; margin: 0px auto; margin-bottom:50px; padding-top:20px; } #homemessage header { height: 30px; line-height: 30px; text-align: left; } #homemessage ul { width: 408px; margin: 0px; padding: 0px; list-style: none; } #homemessage ul li { float:left; } #homemessage ul li h2 { float: left; width: 15%; font-size: 12px; color:#ffffff; font-weight:normal; text-align: left; } #homemessage ul li input { padding-left:3px;} #homemessage .hometijiao{text-align:center;} #homemessage ul li span{float: left;height: 20px;margin-top:2px;text-align: left; width: 84%;} .homebiaodan { height: 22px; line-height:22px; width: 408px; border: solid 1px #b7b7b7; background: #ccc; } .homebiaodanda { border: #CCC 1px solid; height: 45px; width: 408px; background: #ccc; } .homebiaodanda2 { border: #CCC 1px solid; height: 100px; width: 408px; background: #ccc; } .homeyanzhengmainput { height: 20px; line-height:20px; float:left; width:100px; border: solid 1px #b7b7b7; background: #ccc; } .hometijiao { width: 150px; height: 30px; line-height:22px; color:#FFF; font-size: 14px; font-family:Arial; font-weight: bold; background: #ff6600; border:0; } .yanzheng { width: 230px; height: 30px; float:left; } .send { width: 150px; height: 30px; float:right; } #homecontact-form{width:100%;float:left;} #homecontact-form ul li{margin-bottom:8px;} #homecontact-form H2{ font-size:14px; color:#FFF; } /*-----------留言详细调用---------*/ #message { width: 990px; margin: 0px auto; margin-bottom:50px; } #message header { height: 35px; line-height: 35px; text-align: left; } #message ul { margin: 0px; padding: 0px; list-style: none; } #message ul li { width: 100%; clear: both; margin-bottom: 5px; } #message ul li h2 { float: left; width: 25%; font-size: 16px; font-family:Arial; color:#434343; font-weight: bold; text-align: left; } #message ul li input { padding-left:10px;} #message .tijiao{text-align:center;} #message ul li span{float: right;height: 25px;margin-top: 9px;text-align: left; width: 70%;} .biaodan { height: 30px; width: 100%; -moz-box-shadow: inset 0 0 5px 1px #ebebeb; -webkit-box-shadow: inset 0 0 5px 1px #ebebeb; box-shadow: inset 0 0 5px 1px #ebebeb; border-radius: .2em; border: solid 1px #b7b7b7; background: #f0f0f0; } .biaodanda { border: #CCC 1px solid; height: 90px; width: 100%; -moz-box-shadow: inset 0 0 5px 1px #ebebeb; -webkit-box-shadow: inset 0 0 5px 1px #ebebeb; box-shadow: inset 0 0 5px 1px #ebebeb; border-radius: .2em; border: solid 1px #b7b7b7; background: #f0f0f0; } .yanzhengmainput { height: 28px; float:left; width:30%; border: solid 1px #b7b7b7; background: #f0f0f0; } .yanzhengma input{ float:left;} .yanzhengma sapn{ float:left;} .tijiao { width: 150px; height: 40px; color:#FFF; display: block; font-size: 16px; font-family:Arial; font-weight: bold; border: solid 1px #da7c0c; border-radius: .2em; background: #f78d1d; background: -webkit-gradient(linear, left top, left bottom, from(#faa51a), to(#ff7200)); background: -moz-linear-gradient(top, #faa51a, #ff7200); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#faa51a', endColorstr='#ff7200'); margin-top:20px; } /*---新闻和产品列表分页---*/ #page { margin: 50px 0px 30px 0px; text-align: center; padding-bottom: 3px; padding-top:40px; line-height: 25px; clear: both; } #page a { text-align: center; display:inline-block; padding:0px 10px; margin: 0px 3px; line-height: 30px; color:#626262; font-size:16px; border-radius: .4em; border: solid 1px #e0e0e0; background: #f0f0f0; background: -webkit-gradient(linear, left top, left bottom, from(#f0f0f0), to(#f0f0f0)); background: -moz-linear-gradient(top, #fff, #ededed); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ededed'); } #page a:hover { text-align: center; display:inline-block; padding:0px 10px; margin: 0px 3px; color:#ffffff; border-radius: .4em; text-decoration:none; border: solid 1px #d20004; background: #d20004; background: -webkit-gradient(linear, left top, left bottom, from(#d20004), to(#d20004)); background: -moz-linear-gradient(top, #d20004, #d20004); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#d20004', endColorstr='#d20004'); } #page a:active { background-image: none; background-color: #ff7200; } #page span.current { text-align: center; display:inline-block; padding:0px 10px; margin: 0px 3px; line-height: 30px; color:#fff; font-size:16px; border-radius: .4em; border: solid 1px #d20004; background: #d20004; background: -webkit-gradient(linear, left top, left bottom, from(#d20004), to(#d20004)); background: -moz-linear-gradient(top, #d20004, #d20004); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#d20004', endColorstr='#d20004'); /*--background: #fff; background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ededed)); background: -moz-linear-gradient(top, #fff, #ededed); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ededed');--*/ } #page span.disabled { padding-right: 6px; padding-left: 6px; padding-bottom: 2px; color: #adaaad; margin-right: 3px; padding-top: 2px } /*---底部版权信息---*/ .footer {background:#431516;bottom: 0;clear: both;height:31px; left: 0;text-align: center;width:100%; position:fixed;z-index:999999999; font:13px "Microsoft YaHei"; } .footer .copyright {color: #FFFFFF;font:12px "Microsoft YaHei"; margin-bottom: 0; height:30px; line-height:30px;text-transform: uppercase; width:1100px; margin:0 auto;} .footer .copyright a {color: #FFFFFF;text-decoration: none; font:12px "Microsoft YaHei";} .foot {background:#292929; margin:0px auto auto;clear: both;line-height:30px;left: 0;text-align: left;width:100%;z-index:999999; font:12px "Microsoft YaHei"; color:#fff;} .foot p.copy a {color: #fff;text-decoration: none; font:13px "Microsoft YaHei";} .foot_main{ width:1100px; margin:0 auto; top:10px; padding-bottom:35px; } .foot_menu { position:absolute; width:500px; left:5px; color:#fff;} .foot_menu ul{ float:left; margin-right:10px;} .foot_menu ul h3{ font-size:16px; line-height:35px;} .foot_menu ul li{ float:left; color:#a7a6a6;} .foot_menu ul li a{ color:#fff; font-size:12px;} .foot_cplist{ width:250px; float:left;} .foot_cplist li{ width:100%; line-height:23px;} .foot_cplist h3 span{ font-size:14px; line-height:40px; color:#999; padding-left:5px;} .foot_about{ width:150px; position:absolute; left:250px; color:#fff; font-size:12px; line-height:24px;} .foot_about li{ width:100%;line-height:23px;} .foot_lx{ position:absolute; left:420px; width:570px; color:#fff; font-size:12px; line-height:24px;} .foot_lx h3{ font-size:16px; line-height:40px;} .foot_lx h3 span{ font-size:14px; line-height:40px; color:#999; padding-left:5px;} .foot_lx a{ color:#fff; font-family:Arial, Arial, sans-serif;} .friendlink{ width:1098px; margin:0 auto;line-height:25px; font-size:12px; color:#803c3f;} .friendlink a{ color:#fff;} /* zoom-section */ .zoom-section{clear:both;margin-top:20px;} *html .zoom-section{display:inline;clear:both;} .zoom-desc{float:left;margin-left:10px;width:310px;margin-bottom:20px;} .zoom-small-image{border:4px solid #CCC;float:left;margin-bottom:20px;} .zoom-tiny-image{border:1px solid #CCC;margin:0px;} .zoom-tiny-image:hover{border:1px solid #C00;} /* 滚动 */ .searchbg{ width:100%; height:54px; margin:0 auto; background:#e5e5e5; border-bottom:#FFF 1px solid;} .search{ width:1100px; height:54px; line-height:54px; margin:0 auto; text-align:center; color:#777777;} .search a{color:#777777;} .kwordbg{ width:1176px;height:110px; margin:0 auto 20px auto; text-align:center;line-height:54px; border-bottom:#c4c4c4 0px solid; } .kword{ width:1176px; float:left; text-align:center;color:#006297;font-size:14px; font-weight:bold; padding-top:30px;text-transform : uppercase; margin:0 auto;} .kword h1{ height:30px; line-height:30px; color:#006297; font-size:32px; font-weight:bold;letter-spacing:5PX;} .kword h1 a{ color:#006297;} .search1{ width:490px; float:left; text-align:left;} .search1 h1{ height:54px; line-height:54px; color:#777777; font-size:12px; font-weight:normal;} .search2{ width:250px; float:right; text-align:right; } .s0 { border:#b8b8b8 1px solid; border-radius:1em; padding:4px 5px 4px 25px; color:#666; background:#e9e9e9 url(../images/searchbg.png) no-repeat; } .s1 { border:#166ab3 1px solid; border-radius:1em; padding:4px 10px; color:#FFF; background:#166ab3; } .s2 { width: 65px; height: 25px; line-height:20px; color:#FFF; padding-left:25px; font-size: 12px; font-family:Arial; background:#cd1922 url(../images/search.gif) no-repeat; border-top:#cd1922 2px solid; border-bottom:#cd1922 1px solid; border-left:#cd1922 1px solid; border-right:#cd1922 1px solid; border-radius:0 .3em .3em 0; margin-top:1px; float:left; z-index:99999; display:block; } .cl{clear:both;}.fl{float:left;}.fr{float:right;} .tc{text-align:center;}.tl{text-align:left;}.tr{text-align:right;} .dis{display:block;}.undis{display:none;} .f12{ font-size:12px}.f14{ font-size:14px}.f16{ font-size:16px}.f18{ font-size:18px}.fb{ font-weight:bold} .mgt{ margin-top:5px}.mgb{ margin-bottom:5px}.mgr{ margin-right:10px}.mgr0{ margin-right:0px;} .ptxt{ text-indent:24px; line-height:20px;}.txt{ height:25px; line-height:25px;} .border{border:1px #dcdcdc solid; padding:1px}.imgborder2{ border:2px #efefef solid; padding:2px;}.bhborder{ border:2px #188100 solid; padding:1px;} DIV.none {DISPLAY: none}.display{ display:block} .whitespace{ white-space:pre}.underling{ text-decoration:underline} .space{height:5px;clear:both;_height:0px;line-height:5px} .left{float:left}.right{float:right} .pannel{width:1100px;} .gdjyhjl {cursor: pointer;float: left;margin:10px 10px 0px 12px; _margin:10px 7px 0px 0px;background:url(../images/left.png) no-repeat;WIDTH: 28px;HEIGHT: 41px; TEXT-INDENT: -999px;} .gdjyhjr {cursor: pointer;float: right;margin:10px 10px 0px 0px; _margin:10px 5px 0px 0px;background:url(../images/right.png) no-repeat;WIDTH: 28px;HEIGHT: 41px; TEXT-INDENT: -999px;} #gdjyhj{ float:left; padding-top:2px; } #gdjyhj img{ width:150px; height:50px; border:#000 0px solid;} #body .ProductShow { BORDER: #dddddd 1px solid; WIDTH: 1100px; font-size:12px; } .hjc { } .hjnav { BACKGROUND-COLOR: #fff; HEIGHT: 205px; overflow:hidden; } .hjnavleft { WIDTH: 260px; FLOAT: left; HEIGHT: 205px; overflow:hidden; } .hjnavleft UL { } .hjnavleft UL LI { display:block; LINE-HEIGHT: 42px; PADDING-LEFT: 36px; HEIGHT: 42px; width:250px; background:#ffffff; margin-top:5px; margin-bottom:5px; margin-left:15px; margin-right:10px; } .hjnavleft UL LI a:hover{ color:#FFFFFF; text-decoration:none;} .hjnavleft UL LI i{ color:#d20004;} .hjnavleft UL LI.hover0 { BACKGROUND:#d20004; } .hjnavleft UL LI.hover0 i{ color:#FFF; } .hjnavleft UL LI.hover0 a{ color:#FFFFFF; font-weight:bold;} .hjnavleft UL LI.hover1 { BACKGROUND:#d20004; } .hjnavleft UL LI.hover1 i{ color:#FFF; } .hjnavleft UL LI.hover1 a{ color:#FFFFFF; font-weight:bold;} .hjnavleft UL LI.hover2 { BACKGROUND:#d20004; } .hjnavleft UL LI.hover2 i{ color:#FFF; } .hjnavleft UL LI.hover2 a{ color:#FFFFFF; font-weight:bold;} .hjnavleft UL LI.hover3 { BACKGROUND:#d20004; } .hjnavleft UL LI.hover3 i{ color:#FFF; } .hjnavleft UL LI.hover3 a{ color:#FFFFFF; font-weight:bold;} .hjnavleft UL LI.hover4 { BACKGROUND:#d20004; } .hjnavleft UL LI.hover4 a{ color:#FFFFFF; font-weight:bold;} .hjnavleft UL LI.hover5 { BACKGROUND:#d20004; } .hjnavleft UL LI.hover5 a{ color:#FFFFFF; font-weight:bold;} .hjnavleft UL LI.hover6 { BACKGROUND:#d20004; } .hjnavleft UL LI.hover6 a{ color:#FFFFFF; font-weight:bold;} .hjnavleft UL LI.hover7 { BACKGROUND:#d20004; } .hjnavleft UL LI.hover7 a{ color:#FFFFFF; font-weight:bold;} .hjnavleft UL LI.hover8 { BACKGROUND:#d20004; } .hjnavleft UL LI.hover8 a{ color:#FFFFFF; font-weight:bold;} .hjnavleft UL LI.hover9 { BACKGROUND:#d20004; } .hjnavleft UL LI.hover9 a{ color:#FFFFFF; font-weight:bold;} .hjnavleft UL LI.hover10 { BACKGROUND:#d20004; } .hjnavleft UL LI.hover10 a{ color:#FFFFFF; font-weight:bold;} .hjnavleft UL LI.hover11{ BACKGROUND:#d20004; } .hjnavleft UL LI.hover11 a{ color:#FFFFFF; font-weight:bold;} .hjnavcn { WIDTH: 860px; FLOAT: left; HEIGHT: 205px; OVERFLOW: hidden; } .f { PADDING-BOTTOM: 10px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 10px } .dcn { PADDING-BOTTOM: 10px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 10px } .shengming { PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 10px } .cfr H5 IMG { DISPLAY: block } .cfr UL LI.tenlion IMG { DISPLAY: block } .jdcenter IMG { DISPLAY: block } .cfr UL LI IMG { DISPLAY: none } .cfr UL LI.tenlion P { DISPLAY: none } .hjone { LINE-HEIGHT: 22px; PADDING-LEFT: 10px; PADDING-RIGHT: 10px; HEIGHT: 158px; PADDING-TOP: 5px } .hjone P { PADDING-BOTTOM: 5px; TEXT-INDENT: 2em } @font-face {font-family: "iconfont"; src: url('/Public/icon/iconfont.eot'); /* IE9*/ src: url('/Public/icon/iconfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('/Public/icon/iconfont.woff') format('woff'), /* chrome、firefox */ url('/Public/icon/iconfont.ttf') format('truetype'), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/ url('/Public/icon/iconfont.svg#iconfont') format('svg'); /* iOS 4.1- */ } .iconfont { font-family:"iconfont" !important; font-style:normal; -webkit-font-smoothing: antialiased; -webkit-text-stroke-width: 0.2px; -moz-osx-font-smoothing: grayscale; } .text8{ font-size:8px;} .text10{ font-size:10px;} .text12{ font-size:12px;} .text14{ font-size:14px;} .text16{ font-size:16px;} .text18{ font-size:18px;} .text20{ font-size:20px;} .text22{ font-size:22px;} .text24{ font-size:24px;} .text26{ font-size:26px;} .text28{ font-size:28px;} .text30{ font-size:30px;} .text32{ font-size:32px;} .text34{ font-size:34px;} .text36{ font-size:36px;} .text48{ font-size:48px;} .text50{ font-size:50px;} .red{ color:#de0002;} .yh{font-family:Arial,Microsoft YaHei,Helvetica,sans-serif;} .b{ font-weight:bold;} .n{ font-weight:normal;} .fl{ float:left;} .fr{ float:right;} .green{ color:#d20004;} .gray{ color:#b1b1b1;} .white{ color:#ffcc00;} .red{ color:#e70012} .red a{ color:#e70012} .p20{ padding-left:20px;} /*---产品图片放大---*/ #free-zoomer-view-panel { position:absolute; width:300px; height:300px; border:1px solid #CCC; overflow:hidden; z-index:9999; } #free-zoomer-view-panel img { position:absolute; left:0px; top:0px; } .loading { background-image:url("/Public/App/images/loading.gif"); background-repeat:no-repeat; background-position:center center; } img.free-zoomer { cursor:zoom-in; } .zoom{ background:url(../images/zoom.png) no-repeat ; width:50px; height:50px; top:280px; left:400px; position: relative; z-index:100;} /*---首页展示---*/ .zs{width:1100px; margin:0 auto 18px; height:350px;} .zs h3{height:40px;} .zs h3 em{color:#676767;float: left;font-size:14px;line-height:22px; padding:10px 0 0 6px;} .zs h3 em a{color:#676767;font-size:18px;} .zs h3 em span{display:block; font-weight:normal;} .zs h3 b{display:block;line-height:22px; float: right;margin-top:10px; font-size:14px; font-weight:normal;padding-right:28px; background:url(/Public/App/images/more1.png) no-repeat right center;} .zs h3 b a{color:#666;} .zs-con{width:1100px; height:350px; background:#FFF;} .zs-l{width:244px;height:350px;padding:0px 0 0; float: left;background:#FFF url(/Public/App/images/cpflbg.gif) repeat-y top; overflow: hidden; position:relative;} .zs-l li a{display:block; padding:0px 0 0 30px;height:35px; line-height:35px; color:#000; font-size:14px;} .zs-l li a:hover,.zs-l li.cur a{text-decoration:none; background:url('/Public/App/images/cpflbg1.gif') no-repeat; color:#fff;} .zs-r{width:820px;background:#FFF; float: right;overflow: hidden;} .m-zs{width:565px; height:350px;position:relative; float: left;overflow: hidden;} .m-zs img{display:block; width:565px;height:350px;} .m-zs span{display:block; position:absolute;left:10px; bottom:10px;} .m-zs span a{display:inline-block; width:19px; height:19px; background:url('/Public/App/images/ico1.png') no-repeat 2px 2px;} .m-zs span a:hover,.m-zs span a.cur{background:url('/Public/App/images/ico2.png') no-repeat;} .zs-txt{width:200px;height:350px; background:url('/Public/App/images/zs.gif') repeat-y; color:#fff; float: right;} .zs-txt p{margin:0 10px;padding:12px 0;font-size:12px; border-bottom:1px dashed #348db6; line-height:20px;} .zs-txt p b{display:block; font-size:12px; font-weight: bold;} .zs-txt em{display:block; padding:10px 0 0;} .zs-txt em a{display:inline-block; margin-left:13px;} .clearfix:before, .clearfix:after { content: ""; display: table; } .clearfix:after{ clear: both; } .clearfix{ *zoom: 1;/*ie6,7*/ }