/*reset.css*/ body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0}fieldset,img{border:0}:focus{outline:0}address,caption,cite,code,dfn,em,strong,th,var,optgroup{font-style:normal;font-weight:normal}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}abbr,acronym{border:0;font-variant:normal}input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit}code,kbd,samp,tt{font-size:100%}input,button,textarea,select{*font-size:100%}body{line-height:1.5}ol,ul{list-style:none}table{border-collapse:collapse;border-spacing:0}caption,th{text-align:left}sup,sub{font-size:100%;vertical-align:baseline}:link,:visited ,ins{text-decoration:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none} /* typography.css */ html {font-size:100.01%;} body {font: 12px/1.5 arial,tahoma,"\5b8b\4f53", sans-serif; background:#ffffff;} h1, h2, h3, h4, h5, h6 {font-weight:bold; color:#111;} h1 {font-size:3em;line-height:1;margin-bottom:0.5em;} h2 {font-size:2em;margin-bottom:0.75em;} h3 {font-size:1.5em;line-height:1;margin-bottom:1em;} h4 {font-size:1.2em;line-height:1.25;margin-bottom:1.25em;} h5 {font-size:1em;margin-bottom:1.5em;} h6 {font-size:1em;} h1 img, h2 img, h3 img, h4 img, h5 img, h6 img {margin:0;} a:hover {text-decoration:underline;} a {color:#67b803;text-decoration:underline;outline:none;} /*clear float*/ .clearfix:after {font-size:0;line-height:0;content: "\020";display: block;height: 0;clear: both;} .clearfix {zoom: 1;} .f1{color:#ff6600; } .f2{color:#67b803; } .center{text-align:center;} /*layout style*/ .inposition{position:relative; height:80px;} .header{z-index:9999; position:fixed; width:100%; height:80px; background:#ffffff; border-bottom:1px solid #f0f0f0; box-shadow:1px 1px 4px #ccc;} .header-warp{position:relative; margin:0 auto; width:980px; height:80px;} .header-warp h1{margin:0; padding:15px 0; width:141px; height:50px;} .logo{display:block; width:141px; height:50px; background:url(../image/logo.png) no-repeat; _background:url(../image/logo.jpg) no-repeat; text-indent:-9999px;} .nav{position:absolute; right:0px; top:24px; } .nav li{float:left; margin:0 6px; height:34px;} .nav li a{display:block; height:34px; padding:0 12px; font:14px/34px "\5FAE\8F6F\96C5\9ED1"; font-weight:100; color:#121212; text-decoration:none;} .nav li a:hover{background:#f6f6f6;text-decoration:none; border-radius:4px;} .nav li a.current,.nav li a.current:hover{background:#67b803; color:#fff;border-radius:4px;} .showarea{ width:100%; height:410px; min-width:980px; _width:980px; } .showarea li{width:100%; height:410px; overflow:hidden;} .imgli-1{background:url(../image/bimg1.jpg) #75bdd5 no-repeat center;} .imgli-2{background:url(../image/bimg2.jpg) #81beda no-repeat center;} .imgli-3{background:url(../image/bimg3.jpg) no-repeat center;} .imgli-4{background:url(../image/bimg4.jpg) #aadaea no-repeat center;} .imgli-5{background:url(../image/bimg5.jpg) #81beda no-repeat center;} .btnlist{ width:136px; margin-right: auto; margin-bottom: 0; margin-left: auto; margin-top: -20px; } .btnlist li{ float:left; cursor:pointer; width:30px; height:3px; background-color: #000; margin-top: 0; margin-right: 2px; margin-bottom: 10px; margin-left: 2px; } .btnlist li.focus{background:#67b803;} /*banner*/ .warp-one{ width:980px; overflow:hidden; zoom:1; margin-top: 20px; margin-right: auto; margin-bottom: 0; margin-left: auto; } .warp-news{float:left; width:470px;} .warp-news ul{width:430px; padding-right:39px; border-right:1px dotted #ccc; overflow:hidden;zoom:1;} .warp-news ul li{float:left; width:430px;margin:5px 0;} .warp-news ul li a,.warp-news ul li a:hover{display:block;text-decoration:none;} .warp-news ul li a h4,.warp-news ul li a p{margin:0; width:430px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;} .warp-news ul li a h4,.warp-news ul li a:hover h4{font:14px/30px "\5FAE\8F6F\96C5\9ED1"; color:#121212; } .warp-news ul li a:hover h4{color:#67b803;} .warp-news ul li a p{font:12px/20px "\5FAE\8F6F\96C5\9ED1"; color:#999; } .warp-title{margin:0 0 10px 0; font:22px/30px "\5FAE\8F6F\96C5\9ED1"; color:#262626; } .warp-title span{font-size:14px; padding:0 10px; font-weight:100;} .warp-title span a,.warp-title span a:hover{color:#999; text-decoration:none;} .warp-title span a:hover{color:#67b803;} .warp-about{float:left; width:470px; min-height:220px; padding-left:40px; background:url(../image/abt_bg.png) no-repeat right bottom;} .warp-about p{margin:0 0 15px 0; font:12px/22px "\5FAE\8F6F\96C5\9ED1"; color:#666; width:430px;} .warp-two{ background:#f0f2f4; border-top:1px solid #dfe4e9; border-bottom:1px solid #dfe4e9; width: 100%; margin-top: 20px; margin-right: 0; margin-bottom: 20px; margin-left: 0; padding-top: 24px; padding-right: 0; padding-bottom: 24px; padding-left: 0; min-width:980px; _width:980px; } .product-show{margin:0 auto; width:1004px; overflow:hidden;zoom:1;} .product-show li{position:relative; float:left; width:227px; height:300px; margin:0 12px; background:#67b803; } .product-show li a,.product-show li a:hover{display:block; text-decoration:none;width:227px; height:300px;} .product-show li a h3{margin:0; padding:0; height:110px; background:#fff; text-align:center; font:22px/60px "\5FAE\8F6F\96C5\9ED1"; color:#121212;} .product-show li a:hover h3{color:#67b803;} .product-show li a p{padding:50px 20px 20px; font:13px/20px "\5FAE\8F6F\96C5\9ED1"; color:#fff;} .pro-icon1,.pro-icon2,.pro-icon3,.pro-icon5{position:absolute; top:50px; left:50%; margin-left:-50px; display:block; width:100px; height:100px;} .pro-icon1{background:url(../image/pro_icon1.png) no-repeat;_background:url(../image/pro_icon1.gif) no-repeat;} .pro-icon2{background:url(../image/pro_icon2.png) no-repeat;_background:url(../image/pro_icon2.gif) no-repeat;} .pro-icon3{background:url(../image/pro_icon3.png) no-repeat;_background:url(../image/pro_icon3.gif) no-repeat;} .pro-icon5{background:url(../image/pro_icon5.png) no-repeat;_background:url(../image/pro_icon5.gif) no-repeat;} .warp-three{margin:0 auto 24px; padding:0 0 10px 0; width:980px; } .wtab{width:100%;} .wtab td{width:20%; height:100px; border:1px dashed #ccc; } .wtab th{padding:20px 0 10px; font:22px/30px "\5FAE\8F6F\96C5\9ED1"; color:#333;} .wtab td a{display:block; margin:0 auto; width:180px; height:90px; } .wtab td a.flink1{background:url(../image/flink1_curr.png) no-repeat;} .wtab td a.flink1:hover{background:url(../image/flink1_curr.png) no-repeat;} .wtab td a.flink2{background:url(../image/flink2_curr.png) no-repeat;} .wtab td a.flink2:hover{background:url(../image/flink2_curr.png) no-repeat;} .wtab td a.flink3{background:url(../image/flink3_curr.png) no-repeat;} .wtab td a.flink3:hover{background:url(../image/flink3_curr.png) no-repeat;} .wtab td a.flink4{background:url(../image/flink4_curr.png) no-repeat;} .wtab td a.flink4:hover{background:url(../image/flink4_curr.png) no-repeat;} .wtab td a.flink5{background:url(../image/flink5_curr.png) no-repeat;} .wtab td a.flink5:hover{background:url(../image/flink5_curr.png) no-repeat;} .wtab td a.flink6{background:url(../image/flink6_curr.png) no-repeat;} .wtab td a.flink6:hover{background:url(../image/flink6_curr.png) no-repeat;} .wtab td a.flink7{background:url(../image/flink7_curr.png) no-repeat;} .wtab td a.flink7:hover{background:url(../image/flink7_curr.png) no-repeat;} .wtab td a.flink8{background:url(../image/flink8_curr.png) no-repeat;} .wtab td a.flink8:hover{background:url(../image/flink8_curr.png) no-repeat;} .wtab td a.flink9{background:url(../image/flink9_curr.png) no-repeat;} .wtab td a.flink9:hover{background:url(../image/flink9_curr.png) no-repeat;} .wtab td a.flink10{background:url(../image/flink10_curr.png) no-repeat;} .wtab td a.flink10:hover{background:url(../image/flink10_curr.png) no-repeat;} .wtab td a.flink11{background:url(../image/flink11_curr.png) no-repeat;} .wtab td a.flink11:hover{background:url(../image/flink11_curr.png) no-repeat;} .wtab td a.flink12{background:url(../image/flink12_curr.png) no-repeat;} .wtab td a.flink12:hover{background:url(../image/flink12_curr.png) no-repeat;} .wtab td a.flink13{background:url(../image/flink13_curr.png) no-repeat;} .wtab td a.flink13:hover{background:url(../image/flink13_curr.png) no-repeat;} .wtab td a.flink14{background:url(../image/flink14_curr.png) no-repeat;} .wtab td a.flink14:hover{background:url(../image/flink14_curr.png) no-repeat;} .wtab td a.flink15{background:url(../image/flink15_curr.png) no-repeat;} .wtab td a.flink15:hover{background:url(../image/flink15_curr.png) no-repeat;} .wtab td a.flink16{background:url(../image/flink16_curr.png) no-repeat;} .wtab td a.flink16:hover{background:url(../image/flink16_curr.png) no-repeat;} .wtab td a.flink17{background:url(../image/flink17_curr.png) no-repeat;} .wtab td a.flink17:hover{background:url(../image/flink17_curr.png) no-repeat;} .wtab td a.flink18{background:url(../image/flink18_curr.png) no-repeat;} .wtab td a.flink18:hover{background:url(../image/flink18_curr.png) no-repeat;} .wtab td a.flink19{background:url(../image/flink19_curr.png) no-repeat;} .wtab td a.flink19:hover{background:url(../image/flink19_curr.png) no-repeat;} .wtab td a.flink20{background:url(../image/flink20_curr.png) no-repeat;} .wtab td a.flink20:hover{background:url(../image/flink20_curr.png) no-repeat;} .wtab td a.flink21{background:url(../image/flink21_curr.png) no-repeat;} .wtab td a.flink21:hover{background:url(../image/flink21_curr.png) no-repeat;} .wtab td a.flink22{background:url(../image/flink22_curr.png) no-repeat;} .wtab td a.flink22:hover{background:url(../image/flink22_curr.png) no-repeat;} .wtab td a.flink23{background:url(../image/flink23_curr.png) no-repeat;} .wtab td a.flink23:hover{background:url(../image/flink23_curr.png) no-repeat;} .wtab td a.flink24{background:url(../image/flink24_curr.png) no-repeat;} .wtab td a.flink24:hover{background:url(../image/flink24_curr.png) no-repeat;} .wtab td a.flink25{background:url(../image/flink25_curr.png) no-repeat;} .wtab td a.flink25:hover{background:url(../image/flink25_curr.png) no-repeat;} .wtab td a.flink26{background:url(../image/flink26_curr.png) no-repeat;} .wtab td a.flink26:hover{background:url(../image/flink26_curr.png) no-repeat;} .wtab td a.flink27{background:url(../image/flink27_curr.png) no-repeat;} .wtab td a.flink27:hover{background:url(../image/flink27_curr.png) no-repeat;} .wtab td a.flink28{background:url(../image/flink28_curr.png) no-repeat;} .wtab td a.flink28:hover{background:url(../image/flink28_curr.png) no-repeat;} .wtab td a.flink29{background:url(../image/flink29_curr.png) no-repeat;} .wtab td a.flink29:hover{background:url(../image/flink29_curr.png) no-repeat;} .wtab td a.flink30{background:url(../image/flink30_curr.png) no-repeat;} .wtab td a.flink30:hover{background:url(../image/flink30_curr.png) no-repeat;} .wtab td a.flink31{background:url(../image/flink31_curr.png) no-repeat;} .wtab td a.flink31:hover{background:url(../image/flink31_curr.png) no-repeat;} .wtab td a.flink32{background:url(../image/flink32_curr.png) no-repeat;} .wtab td a.flink32:hover{background:url(../image/flink32_curr.png) no-repeat;} .wtab td a.flink33{background:url(../image/flink33_curr.png) no-repeat;} .wtab td a.flink33:hover{background:url(../image/flink33_curr.png) no-repeat;} .wtab td a.flink34{background:url(../image/flink34_curr.png) no-repeat;} .wtab td a.flink34:hover{background:url(../image/flink34_curr.png) no-repeat;} .wtab td a.flink35{background:url(../image/flink35_curr.png) no-repeat;} .wtab td a.flink35:hover{background:url(../image/flink35_curr.png) no-repeat;} .wtab td a.flink36{background:url(../image/flink36_curr.png) no-repeat;} .wtab td a.flink36:hover{background:url(../image/flink36_curr.png) no-repeat;} .wtab td a.flink37{background:url(../image/flink37_curr.png) no-repeat;} .wtab td a.flink37:hover{background:url(../image/flink37_curr.png) no-repeat;} .wtab td a.flink38{background:url(../image/flink38_curr.png) no-repeat;} .wtab td a.flink38:hover{background:url(../image/flink38_curr.png) no-repeat;} .wtab td a.flink39{background:url(../image/flink39_curr.png) no-repeat;} .wtab td a.flink39:hover{background:url(../image/flink39_curr.png) no-repeat;} .wtab td a.flink40{background:url(../image/flink40_curr.png) no-repeat;} .wtab td a.flink40:hover{background:url(../image/flink40_curr.png) no-repeat;} .wtab td a.flink41{background:url(../image/flink41_curr.png) no-repeat;} .wtab td a.flink41:hover{background:url(../image/flink41_curr.png) no-repeat;} .wtab td a.flink42{background:url(../image/flink42_curr.png) no-repeat;} .wtab td a.flink42:hover{background:url(../image/flink42_curr.png) no-repeat;} .wtab td a.flink43{background:url(../image/flink43_curr.png) no-repeat;} .wtab td a.flink43:hover{background:url(../image/flink43_curr.png) no-repeat;} .wtab td a.flink44,.wtab td a.flink44:hover{background:url(../image/flink44_curr.png) no-repeat;} .wtab td a.flink45,.wtab td a.flink45:hover{background:url(../image/flink45_curr.png) no-repeat;} .wtab td a.flink46,.wtab td a.flink46:hover{background:url(../image/flink46_curr.png) no-repeat;} .wtab td a.flink47,.wtab td a.flink47:hover{background:url(../image/flink47_curr.png) no-repeat;} .wtab td a.flink48,.wtab td a.flink48:hover{background:url(../image/flink48_curr.png) no-repeat;} .wtab td a.flink49,.wtab td a.flink49:hover{background:url(../image/flink49_curr.png) no-repeat;} .wtab td a.flink50,.wtab td a.flink50:hover{background:url(../image/flink50_curr.png) no-repeat;} .wtab td a.flink51,.wtab td a.flink51:hover{background:url(../image/flink51_curr.png) no-repeat;} .wtab td a.flink52,.wtab td a.flink52:hover{background:url(../image/flink52_curr.png) no-repeat;} .wtab td a.flink53,.wtab td a.flink53:hover{background:url(../image/flink53_curr.png) no-repeat;} .wtab td a.flink54,.wtab td a.flink54:hover{background:url(../image/flink54_curr.png) no-repeat;} .wtab td a.flink55,.wtab td a.flink55:hover{background:url(../image/flink55_curr.png) no-repeat;} .wtab td a.flink56,.wtab td a.flink56:hover{background:url(../image/flink56_curr.png) no-repeat;} .wtab td a.flink57,.wtab td a.flink57:hover{background:url(../image/flink57_curr.png) no-repeat;} .wtab td a.flink58,.wtab td a.flink58:hover{background:url(../image/flink58_curr.png) no-repeat;} .wtab td a.flink59,.wtab td a.flink59:hover{background:url(../image/flink59_curr.png) no-repeat;} .wtab td a.flink60,.wtab td a.flink60:hover{background:url(../image/flink60_curr.png) no-repeat;} .wtab td a.flink61,.wtab td a.flink61:hover{background:url(../image/flink61_curr.png) no-repeat;} .wtab td a.flink62,.wtab td a.flink62:hover{background:url(../image/flink62_curr.png) no-repeat;} .wtab td a.flink63,.wtab td a.flink63:hover{background:url(../image/flink63_curr.png) no-repeat;} .wtab td a.flink64,.wtab td a.flink64:hover{background:url(../image/flink64_curr.png) no-repeat;} .wtab td a.flink65,.wtab td a.flink65:hover{background:url(../image/flink65_curr.png) no-repeat;} .wtab td a.flink66,.wtab td a.flink66:hover{background:url(../image/flink66_curr.png) no-repeat;} .wtab td a.flink67,.wtab td a.flink67:hover{background:url(../image/flink67_curr.png) no-repeat;} .wtab td a.flink68,.wtab td a.flink68:hover{background:url(../image/flink68_curr.png) no-repeat;} .wtab td a.flink69,.wtab td a.flink69:hover{background:url(../image/flink69_curr.png) no-repeat;} .wtab td a.flink70,.wtab td a.flink70:hover{background:url(../image/flink70_curr.png) no-repeat;} .footer{min-width:980px; _width:980px; background:#f0f0f0; border-top:1px solid #ccc;} .footer-nav{margin:0 auto; width:980px; padding:20px 0;} .footer-nav ul{overflow:hidden;zoom:1;width:100%;} .footer-nav ul li{float:left; width:20%;} .footer-nav ul li dl{overflow:hidden;zoom:1; width:100%;} .footer-nav ul li dl dt{float:left; width:100%; height:40px; font:14px/30px "\5FAE\8F6F\96C5\9ED1"; font-weight:600; color:#121212; } .footer-nav ul li dl dd{float:left; width:100%; font:12px/22px "\5FAE\8F6F\96C5\9ED1"; color:#666;} .footer-nav ul li dl dd a,.footer-nav ul li dl dd a:hover{color:#666; text-decoration:none;} .footer-nav ul li dl dd a:hover{color:#67b803;} .flogoarea{padding:30px 0 10px;} .flogoarea a{margin:0 auto;} .flogo{display:block; width:141px; height:50px; background:url(../image/flogo.png) no-repeat; _background:url(../image/flogo.jpg) no-repeat; text-indent:-9999px;} .footer-copy{min-width:980px; _width:980px; height:40px; background:#cfcfcf; overflow:hidden;zoom:1;} .footer-copy p{margin:0 auto; width:980px; text-align:right;font:12px/40px "\5FAE\8F6F\96C5\9ED1"; color:#666; } .footer-copy p span{float:left; width:auto; } .peihe-tit{font:12px/24px "\5FAE\8F6F\96C5\9ED1"; color:#999; text-shadow:1px 2px 1px #fff; text-align:center;} /*subpage style*/ .sub-commtit{margin:0; padding:30px 0; min-width:980px; _width:980px; background:#f0f2f4; border-bottom:1px solid #e4e8e8; text-align:center;} .sub-commtit h3{margin:0; font:27px/40px "\5FAE\8F6F\96C5\9ED1"; color:#67b803; text-align:center;} .sub-commtit h4{margin:0 0 20px 0; font:17px/24px "\5FAE\8F6F\96C5\9ED1"; color:#666; text-align:center;} .sub-nav{text-align:center;} .sub-nav a,.sub-nav a:hover{border-radius:4px; display:inline-block; margin:0 5px; padding:0 12px; background:#fff; font:14px/30px "\5FAE\8F6F\96C5\9ED1"; color:#333; text-decoration:none;} .sub-nav a:hover{background:#67b803; color:#fff;} .sub-nav a.current,.sub-nav a.current:hover{background:#67b803; color:#fff;} .sub-nav span{cursor:pointer;border-radius:4px; display:inline-block; margin:0 5px; padding:0 12px; background:#fff; font:14px/30px "\5FAE\8F6F\96C5\9ED1"; color:#333; text-decoration:none;} .sub-nav span.current{background:#67b803; color:#fff;} .sub-warp{margin:0 auto 20px; padding:20px 0; width:980px;} .sw-jobbg{background:url(../image/job_img1.png) no-repeat right top;} .sub-abtbox{margin:0 0 20px 0;} .sub-contactbox h3,.sub-newsbox h3,.sub-abtbox h3,.sub-jobbox h3{margin:0 0 20px 0; font:27px/40px "\5FAE\8F6F\96C5\9ED1"; color:#121212;} .sub-contactbox dl{margin:0 0 20px 0; width:980px; overflow:hidden;zoom:1;} .sub-contactbox dl dt{float:left; width:390px; } .sub-contactbox dl dt img{display:block; width:360px; height:335px;} .sub-contactbox dl dd{margin-left:390px;} .sub-contactbox dl dd h4{border-left:5px solid #67b803; padding:0 0 0 10px; font:17px/22px "\5FAE\8F6F\96C5\9ED1"; color:#121212;} .sub-contactbox dl dd h5{font:22px/30px "\5FAE\8F6F\96C5\9ED1"; color:#67b803; font-weight:600;} .sub-contactbox dl dd p{font:14px/30px "\5FAE\8F6F\96C5\9ED1"; color:#666; } .sub-contactbox dl dd p a{display:inline-block; vertical-align:middle;} .sub-abtbox h3.sph3{background:#eee; overflow:hidden;zoom:1;} .sub-abtbox h3 span{color:#999;display:block; float:left; background:#ddd; padding:4px 20px; CURSOR:POINTER;} .sub-abtbox h3 span.current{color:#67b803;background:#fff; border:1px solid #ccc; border-bottom:0px; height:39px;} .maparea{margin:0 0 20px 0; width:980px; height:340px; border:1px solid #ccc; } .sub-newsbox{margin:0 0 20px 0; min-height:600px;} .sub-newsbox dl{width:980px; border-bottom:1px dashed #ccc; padding:20px 0; overflow:hidden;zoom:1; } .sub-newsbox dl dd{float:left; padding-right:30px;} .sub-newsbox dl dd img{display:block; width:180px; height:110px; } .sub-newsbox dl dd.date{font:21px/24px "\5FAE\8F6F\96C5\9ED1"; color:#999; width:90px;} .sub-newsbox dl dd.date span{display:block; font-size:27px;line-height:40px; font-weight:600;} .sub-newsbox dl dt{margin-left:330px;} .sub-newsbox dl dt h4{margin:0 0 5px 0; font:17px/30px "\5FAE\8F6F\96C5\9ED1"; color:#333;} .sub-newsbox dl dt p{font:12px/22px "\5FAE\8F6F\96C5\9ED1"; color:#666; } .sub-newsbox dl dt p a{display:block;} /*page*/ .listpagination {text-align: right; padding: 5px 10px 10px 10px;font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 12px;border-top:0px solid #dbdbdb;} .listpagination2{text-align: center;} .listpagination a {margin: 0 5px 0 0; padding: 3px 8px; } .listpagination a.number {border: 1px solid #ddd;} .listpagination a.number:hover{border-color: #67b803 !important; text-decoration:none;} .listpagination a.current {background:#67b803; border-color: #67b803 !important; color: #fff !important;} .listpagination a.current:hover {text-decoration: none;} .listpagination span{float:left; width:auto; color:#454545; font-size:12px;} /*page*/ .page-position{margin:0; height:38px; border-bottom:1px solid #ccc;} .page-position p{margin:0 auto; width:980px; font:12px/38px "\5FAE\8F6F\96C5\9ED1"; color:#666; } .artwarp{padding:30px 0; min-width:980px; _width:980px; background:#f0f2f4; border-bottom:1px solid #e4e8e8;} .artbody{margin:0 auto; width:980px;} .artbody-tit{background:#67b803;padding:10px 0; } .artbody-tit h3{margin:0; padding:0 20px; font:22px/40px "\5FAE\8F6F\96C5\9ED1"; color:#fff; } .artbody-tit p{padding:0 20px; font:14px/30px "\5FAE\8F6F\96C5\9ED1"; color:#fff; text-align:right; overflow:hidden; } .artbody-tit p span{float:left; width:auto;} .artbody-tit p a{color:#fff;} .artbody-body{background:#fff; padding:20px; font:14px/22px "\5FAE\8F6F\96C5\9ED1"; color:#333;} .artbody-body h3,.artbody-body h4,.artbody-body h5{margin:0; font:17px/30px "\5FAE\8F6F\96C5\9ED1"; color:#333;} .artbody-body p{margin:0 0 15px 0;} .artbody-body img{display:block; max-width:680px; margin:10px auto; } .btus-box{margin:0 auto;width:980px;} .abtbox-con{overflow:hidden;zoom:1; font:14px/24px "\5FAE\8F6F\96C5\9ED1"; color:#333;} .abtbox-con p{margin:0 0 15px 0;} .abtbox-con2{margin:20px auto; width:980px; text-align:center; font:14px/24px "\5FAE\8F6F\96C5\9ED1"; color:#333;} .abtbox-con2 span{display:inline-block; width:33%;} .abtbox-con2 span em{margin:0 auto 20px; display:block; width:114px; height:114px; border:5px solid #67b803; font:27px/114px "\5FAE\8F6F\96C5\9ED1"; color:#67b803; border-radius:100px;} .abtbox-con2 span p{margin:0 auto 20px; width:260px;} .ph-team{margin:0 auto 20px; width:980px; height:400px; background:url(../image/team_str.jpg) no-repeat center;} .ph-teamabt{margin:10px auto; width:980px; overflow:hidden;zoom:1;} .ph-teamabt dl{margin:10px auto; padding:10px 0; min-height:80px; border-bottom:1px dotted #ccc; background:url(../image/t_icon.jpg) no-repeat left 10px; overflow:hidden;zoom:1;} .ph-teamabt dl dt,.ph-teamabt dl dd{width:88%; margin-left:100px; } .ph-teamabt dl dt{font:17px/30px "\5FAE\8F6F\96C5\9ED1"; color:#333; font-weight:600;} .ph-teamabt dl dd{font:12px/20px "\5FAE\8F6F\96C5\9ED1"; color:#666;} .ph-teamabt dl.ceo{background:url(../image/t_icon2.jpg) no-repeat left 10px;} .commbox-con{margin:0 auto 20px; min-height:600px; width:980px; overflow:hidden;zoom:1; font:14px/24px "\5FAE\8F6F\96C5\9ED1"; color:#333;} .commbox-con img{display:block;} .commbox-con p{margin:0 0 15px 0;} .commfright{float:right; margin:0px 0 20px 20px; } .commfleft{float:left; margin:10px 10px 10px 0; } .new-job{margin:0 auto; overflow:hidden;zoom:1;} .new-job span{display:block; margin:1px auto; width:980px; overflow:hidden;zoom:1; font:14px/36px "\5FAE\8F6F\96C5\9ED1"; font-weight:600; background:#fff; border-bottom:2px solid #333; color:#333;} .new-job span em{display:block; float:left; padding:0 0 0 10px;} .new-job span em.sem1{width:20%;} .new-job span em.sem2{width:20%;} .new-job span em.sem3{width:20%;} .new-job span em.sem4{width:30%;} .new-job span.iTab_tag{font-weight:100; background:#f5f5f5; border:0px; color:#666; cursor:pointer;} .new-job span.current{font-weight:600; background:#67b803; color:#fff;} .new-job ul{overflow:hidden;zoom:1; background:#eee; padding:20px;} .new-job ul h4{margin:0; font:14px/30px "\5FAE\8F6F\96C5\9ED1"; font-weight:600; color:#333;} .new-job ul p{margin:0 0 10px 0; font:12px/20px "\5FAE\8F6F\96C5\9ED1"; color:#333;} .Tabs01{width:100%;} .Tabs01 td{border:1px solid #EEE; padding:6px; font:12px/26px "\5FAE\8F6F\96C5\9ED1"; color:#333;} .Tabs01 td.tdname{background:#f0f2f4; width:10%;} .Tabs01 td.tdname2{background:#f0f2f4;} .Tabs01 td span{padding:0 6px;} .Tabs01 td input,.Tabs01 td select{vertical-align:middle;} .Tabs01 th{border:1px solid #EEE; padding:6px; background:#fff; color:#333; font-weight:600;} .commtxt1{padding:6px; border:1px solid #dcdcdc; color:#333; font-size:12px;} .commbtn1{cursor:pointer; border:0px; background:#67b803; box-shadow:0px 0px 3px #ccc; border-radius:4px; font:14px/24px"\5FAE\8F6F\96C5\9ED1"; color:#fff; padding:4px 12px;} .btngroup{padding:20px; text-align:center;} .cbtn1{cursor:pointer; border:1px solid #499600; background:#67b803; box-shadow:0px 0px 3px #ccc; border-radius:4px; height:40px; font:17px/40px "\5FAE\8F6F\96C5\9ED1"; color:#fff; padding:0 42px;} .server-box{width:980px; overflow:hidden;zoom:1;} .sbox-menu{ float:left; width:210px; } .sbox-menu h3{margin:0;background:#67b803; height:80px; text-align:right; padding:20px 10px 10px 10px; font:41px/50px "\5FAE\8F6F\96C5\9ED1"; color:#c2e39a;} .sbox-menu span{cursor:pointer; display:block; height:40px; background:#f5f5f5; border-bottom:1px solid #eee; padding:0 0 0 20px; font:14px/40px "\5FAE\8F6F\96C5\9ED1"; color:#666; } .sbox-menu span.current{background:url(../image/arr_1.gif) no-repeat 185px center; color:#67b803;} .sbox-con{float:right; width:720px;min-height:400px;} .scon1{overflow:hidden;zoom:1;} .scon1 p{margin:0 0 15px 0; font:14px/24px "\5FAE\8F6F\96C5\9ED1"; color:#333; overflow:hidden;zoom:1;} .scon1 h3{padding:10px 0;} .scon1 h3 em{font:22px/24px "\5FAE\8F6F\96C5\9ED1"; font-weight:600; color:#333; display:inline-block; padding:0 20px; border-left:6px solid #67b803;} .scon1 h4{margin:0 0 5px 0; font:16px/30px "\5FAE\8F6F\96C5\9ED1"; font-weight:600; color:#333;} .scon1 h4 span{display:block; font:12px/20px "\5FAE\8F6F\96C5\9ED1"; font-weight:100; color:#666; } .tips{margin:70px auto; text-align:center;} .tips p{text-align:center; font:17px/40px "\5FAE\8F6F\96C5\9ED1"; color:#999; } .tips p img{display:block; margin:10px auto;} .scon1 p.sc-style01{float:left; width:380px; height:180px; padding:10px; background:#eee; } .scon1 p.sc-style02{float:left; width:320px; height:200px; } .scon1 p.sc-style02 img{display:block;width:320px; height:200px;} .ph-good{overflow:hidden;zoom:1;} .ph-good span{display:block; padding:20px 0px 20px 200px; min-height:160px;_height:160px;} .ph-good span.phg-s1{background:url(../image/phg_s1.gif) no-repeat left center;} .ph-good span.phg-s2{background:url(../image/phg_s2.gif) no-repeat left center; border-top:1px dotted #ccc; border-bottom:1px dotted #ccc; } .ph-good span.phg-s3{background:url(../image/phg_s3.gif) no-repeat left center;} .nice-dl{margin:0 0 10px 0; padding:25px 0 25px 260px; min-height:150px; overflow:hidden;zoom:1; border-bottom:1px dotted #ccc;} .nice-dl dt,.nice-dl dd{float:left; width:100%; } .nice-dl dt{font:22px/36px "\5FAE\8F6F\96C5\9ED1";padding:0 0 10px 0; color:#121212; font-weight:600;} .nice-dl dd{font:14px/24px "\5FAE\8F6F\96C5\9ED1"; color:#666;} .nice-dl dd p{margin:0 0 10px 0;} .dl01{background:url(../image/dl_1.png) no-repeat 20px center; } .dl02{background:url(../image/dl_2.png) no-repeat 20px center; } .dl03{background:url(../image/dl_3.png) no-repeat 20px center; border:0px; } .dl04{background:url(../image/dl_4.png) no-repeat 20px center; } .dl05{background:url(../image/dl_5.png) no-repeat 20px center; } .dl06{background:url(../image/dl_6.png) no-repeat 20px center; border:0px; } .dl07{background:url(../image/dl_7.png) no-repeat 20px center; } .dl08{background:url(../image/dl_8.png) no-repeat 20px center; border:0px; } .dl09{background:url(../image/dl_9.png) no-repeat 20px center; } .dl10{background:url(../image/dl_10.png) no-repeat 20px center; } .dl11{background:url(../image/dl_11.png) no-repeat 20px center; border:0px;} .dl12{background:url(../image/dl_12.png) no-repeat 20px center; border:0px; padding:35px 0 25px 460px;min-height:290px;} .dl13{background:url(../image/dl_13.png) no-repeat 20px center; border:0px; padding:35px 0 25px 460px;min-height:290px;} .pdl01{background:url(../image/pdl_1.png) no-repeat left center;} .pdl02{background:url(../image/pdl_2.png) no-repeat left center;} .pdl03{background:url(../image/pdl_3.png) no-repeat left center; border:0px;} .nice-con{margin:10px 0; padding:0 0 10px 500px; min-height:300px; font:14px/22px "\5FAE\8F6F\96C5\9ED1"; color:#333; } .nice-con p{margin:0 0 10px 0;} .n-sys{background:url(../image/nice_sys.png) no-repeat left top;} .n-net{background:url(../image/nice_net.png) no-repeat left top;} .n-q{background:url(../image/nice_q.png) no-repeat left top;} .fu-bg{background:url(../image/fu_bg.png) no-repeat left top;} /*手机端大图 2014.4.10*/ .apparea{ width:100%; height:600px; min-width:980px; _width:980px; } .apparea li{width:100%; height:600px; overflow:hidden;} .imgli-5{ position: relative; background-color: #aadaea; background-image: url(../image/bimg5.jpg); background-repeat: no-repeat; background-position: center; } /*首页三个图片*/ .Container{margin-right:auto; margin-left:auto; padding-left:10px; padding-right:10px; min-width:960px; max-width:980px;} .service-warp{border-top:1px solid #ddd;} .Sbox{ float:left; width:33.33%; height:134px; box-sizing:border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; border-left:1px solid #ddd; background-image:url(../image/arr.png); background-repeat:no-repeat; background-position:88% 63%; -webkit-transition: background-position 0.3s; -moz-transition: background-position 0.3s; transition: background-position 0.3s; } .Sbox:hover{background-position:91% 63%;} .Sbox:nth-child(3n){ border-right:1px solid #ddd; } .Sbox a{ display:block; height:100px; margin:17px; text-decoration:none; padding-top: 0; padding-right: 17px; padding-bottom: 0; padding-left: 100px; } .Sbox a p{margin:0; padding:23px 0 0 0; font-size:14px; height:22px; line-height:22px; color:#888;} .Sbox a h3{ margin:0; padding:0 0 23px 0; font-size:24px; height:32px; line-height:36px; color:#121212; font-weight:100; -webkit-transition: background 0.3s, color 0.3s, box-shadow 0.3s; -moz-transition: background 0.3s, color 0.3s, box-shadow 0.3s; transition: background 0.3s, color 0.3s, box-shadow 0.3s; font-family: "\5FAE\8F6F\96C5\9ED1"; } .Sbox a:hover h3{ color:#67B803;} .Sbox a:hover p{color:#ccc;} .Sbox a.des{background:url(../image/icons_service.png) no-repeat 0px 0px;} .Sbox a.del{background:url(../image/icons_service.png) no-repeat 0px -100px;} .Sbox a.mar{background:url(../image/icons_service.png) no-repeat 0px -200px;} /*关注我们*/ .warp-atttitle{margin:0 0 10px 0; font:22px/30px "\5FAE\8F6F\96C5\9ED1"; color:#262626; } .warp-atttitle span{font-size:14px; padding:0 10px; font-weight:100;} .warp-atttitle span a,.warp-title span a:hover{color:#999; text-decoration:none;} .warp-atttitle span a:hover{color:#67b803;} .warp-att{ float:left; width:470px; min-height:220px; padding-left:40px; background-image: url(../image/weixin_prime.jpg); background-repeat: no-repeat; background-position: 40px 45px; } .warp-att p{ color:#666; padding-left: 140px; font-family: "\5FAE\8F6F\96C5\9ED1"; font-size: 16px; line-height: 22px; padding-top: 2px; }