/*web reset css start*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, dialog, footer, header, section, footer, nav, figure, menu, time, input, button { padding:0; margin:0; font-family:Arial; }
address, caption, cite, code, dfn, em, th, var { font-style:normal; font-weight:normal; }
h1, h2, h3, h4, h5, h6 { font-size:100%; font-weight:normal; }
caption, th, td { font-weight:normal; text-align:left; }
table { border-collapse:separate; border-spacing:0; }
input, button, select { vertical-align:middle; }
fieldset, img, abbr, acronym { border:0; }
textarea { resize:none; overflow:auto; }
ul, ol { list-style:none;}
blockquote:before, blockquote:after, q:before, q:after { content:""; }
blockquote, q { quotes:""""; }
html, body { width:100%; font-size:12px; line-height:normal; font-family:Helvetica Arial; color:#353535; -webkit-text-size-adjust:none; }
html { overflow-y:auto; *overflow-y:scroll; }
:focus { outline:0; }
article, aside, dialog, footer, header, section, footer, nav, figure, menu, time { display:block; }
button, a, a:hover, a:visited, a:active { color:#353535; text-decoration:none; -moz-transition:all 0.2s linear; -webkit-transition:all 0.2s linear; -o-transition:all 0.2s linear; -ms-transition:all 0.2s linear; transition:all 0.2s linear; } 
/*web reset css end*/

/*web public css start*/
.none { display:none!important; }
.block { display:block!important; }
.nmt { margin-top:0!important; }
.nmr { margin-right:0!important; }
.mr10 { margin-right:10px!important; }
.mr15 { margin-right:15px!important; }
.mr20 { margin-right:20px!important; }
.mr25 { margin-right:25px!important; }
.mr30 { margin-right:30px!important; }
.mr35 { margin-right:35px!important; }
.mr40 { margin-right:40px!important; }
.nmb { margin-bottom:0!important; }
.mb10 { margin-bottom:10px!important; }
.mb15 { margin-bottom:15px!important; }
.mb20 { margin-bottom:20px!important; }
.mb25 { margin-bottom:25px!important; }
.mb30 { margin-bottom:30px!important; }
.mb35 { margin-bottom:35px!important; }
.mb40 { margin-bottom:40px!important; }
.nml { margin-left:0!important; }
.npd { padding:0!important; }
.npt { padding-top:0!important; }
.npr { padding-right:0!important; }
.npb { padding-bottom:0!important; }
.npl { padding-left:0!important; }
.nbd { border:0!important; }
.nbg { background:none!important; }
.fwn { font-weight:normal!important; }
.fwb { font-weight:bold!important; }
.tal { text-align:left!important; }
.tac { text-align:center!important; }
.tar { text-align:right!important; }
/*web public css end*/

/*web clear css start*/
.clearFix { *zoom:1; }
.clearFix:after { display:block; overflow:hidden; content:"."; visibility:hidden; clear:both; height:0; line-height:0; }
/*web clear css end*/

body { background-color:#F5F5F5; min-width:1024px; }
.g-inr { position:relative; width:1000px; height:100%; margin:0 auto; *zoom:1; }
.g-inr:after { display:block; overflow:hidden; content:"."; visibility:hidden; clear:both; height:0; line-height:0; }
.g-hd { position:relative; z-index:2; height:49px; overflow:hidden; background-color:#036117; }
.g-hd .hdLogo,
.g-hd .hdLogo:hover,
.g-hd .hdLogo:visited,
.g-hd .hdLogo:active { float:left; display:block; width:191px; height:49px; cursor:pointer; background:url(../images/sprite.png) no-repeat -130px 0; text-indent:-9999px; }
.g-hd .hdNav { height:49px; line-height:49px; overflow:hidden; }
.g-hd .hdNav a,
.g-hd .hdNav a:hover,
.g-hd .hdNav a:visited,
.g-hd .hdNav a:active { float:left; display:block; width:142px; height:49px; border-right:1px solid #358145; text-align:center; color:#EEF4F0; font-size:14px; text-transform:uppercase; }
.g-hd .hdNav a.nav3,
.g-hd .hdNav a.nav3:hover,
.g-hd .hdNav a.nav3:visited,
.g-hd .hdNav a.nav3:active { width:170px; }
.g-hd .hdNav a:hover { background-color:#049525; }
.g-hd .hdNav a.sel,
.g-hd .hdNav a.sel:hover,
.g-hd .hdNav a.sel:visited,
.g-hd .hdNav a.sel:active { background-color:#5DA600; }
.g-bar { position:relative; z-index:2; height:60px; line-height:60px; margin-bottom:45px; background-color:#EBEBEB; font-size:16px; }
.g-bar .trg { position:absolute; left:63px; top:60px; display:block; width:0; height:0; border-left:12px solid transparent; border-right:12px solid transparent; border-top:12px solid #EBEBEB; }
.g-bar .bar { padding-left:30px; }
.g-bar em { padding:0 8px; }
.g-body .g-inr { min-height:450px; }
.g-touch { position:relative; z-index:2; height:99px; overflow:hidden; background-color:#EEE; }
.g-touch .touchText { position:absolute; left:220px; top:37px; display:block; width:423px; height:23px; background:url(../images/sprite.png) no-repeat 0 -60px; text-indent:-9999px; }
.g-touch .touchBtn,
.g-touch .touchBtn:hover,
.g-touch .touchBtn:visited,
.g-touch .touchBtn:active { position:absolute; right:180px; top:31px; display:block; width:154px; height:37px; background:url(../images/sprite.png) no-repeat -330px 0; }
.g-touch .touchBtn:hover { opacity:0.8; filter:Alpha(opacity=80); }
.g-ft { position:relative; z-index:2; height:136px; overflow:hidden; background-color:#7E7E7E; color:#D5D5D5; }
.g-ft .ftNav { position:absolute; left:45px; bottom:38px; width:200px; height:40px; line-height:20px; }
.g-ft a,
.g-ft a:hover,
.g-ft a:visited,
.g-ft a:active { color:#D5D5D5; }
.g-ft a:hover { text-decoration:underline; }
.g-ft .ftNav em { padding:0 10px 0 12px; }
.g-ft .ftCprt { position:absolute; right:45px; bottom:38px; width:225px; line-height:16px; }
.g-ft .ftMid { width:400px; padding-top:28px; margin:0 auto; }
.g-ft .ftMid .ftShare { width:156px; height:28px; overflow:hidden; margin:0 auto; padding-bottom:10px; }
.g-ft .ftMid .ftShare li { float:left; width:29px; height:28px; margin:0 4px; }
.g-ft .ftMid .ftShare a,
.g-ft .ftMid .ftShare a:hover,
.g-ft .ftMid .ftShare a:visited,
.g-ft .ftMid .ftShare a:active { display:block; width:29px; height:28px; }
.g-ft .ftMid .ftShare .ico { display:block; width:29px; height:28px; background:url(../images/sprite.png) no-repeat; }
.g-ft .ftMid .ftShare .ico1 { background-position:0 0; }
.g-ft .ftMid .ftShare .ico2 { background-position:-30px 0; }
.g-ft .ftMid .ftShare .ico3 { background-position:-60px 0; }
.g-ft .ftMid .ftShare .ico4 { background-position:-90px 0; }
.g-ft .ftMid .ftContact { text-align:center; line-height:16px; }
.g-ft .ftMid .ftContact span { padding:0 8px; }

.contactImg { float:left; display:block; width:301px; height:267px; padding:7px; border:1px solid #e6e6e6; }
.contactInfo { float:right; width:635px; overflow:hidden; }
.contactInfo .title { padding-bottom:15px; font-size:22px; color:#286f34; text-transform:uppercase; }
.contactInfo .infoWrap { overflow:hidden; }
.contactInfo .infoBox { float:right; width:300px; }
.contactInfo .infoBox:first-child { float:left; }
.contactInfo .infoBox .tit { width:100px; padding-top:10px; font-size:17px; text-transform:uppercase; border-top:3px solid #5DA600; }
.contactInfo .infoBox .infoList { color:#777; }
.contactInfo .infoBox .infoList li { padding:10px 0; line-height:18px; overflow:hidden; border-bottom:1px solid #DEE4D6; }
.contactInfo .infoBox .infoList li .lab { float:left; }
.contactInfo .infoBox .infoList li .text { float:left; }
.contactInfo .infoBox .infoList li a:hover { text-decoration:underline; }

.pdtListTitle { height:30px; margin-bottom:20px; line-height:30px; font-size:24px; text-transform:uppercase; }
.pdtListWrap { padding-bottom:100px; margin-bottom:60px; border:1px solid #EEEEEE; border-top:0; background-color:#FFF; overflow:hidden; }
.pdtListWrap .typeTabs { height:39px; overflow:hidden; background-color:#5DA600; }
.pdtListWrap .typeTabs a,
.pdtListWrap .typeTabs a:hover,
.pdtListWrap .typeTabs a:visited,
.pdtListWrap .typeTabs a:active { float:left; display:block; height:37px; line-height:37px; padding:0 25px; color:#FFF; border-top:1px solid #5DA600; border-bottom:1px solid #5DA600; background:url(../images/tabBorder.png) no-repeat left; font-size:13px; }
.pdtListWrap .typeTabs a:first-child,
.pdtListWrap .typeTabs a:first-child:hover,
.pdtListWrap .typeTabs a:first-child:visited,
.pdtListWrap .typeTabs a:first-child:active { background-image:none; }
.pdtListWrap .typeTabs a.sel,
.pdtListWrap .typeTabs a.sel:hover,
.pdtListWrap .typeTabs a.sel:visited,
.pdtListWrap .typeTabs a.sel:active { margin-right:-1px; background-color:#FFF; color:#353535; border-color:#EEEEEE; }
.pdtListWrap .pdtList { padding:40px 15px 0 15px; overflow:hidden; }
.pdtListWrap .pdtList li { float:left; width:202px; overflow:hidden; margin:0 20px 40px 20px; background-color:#FFF; }
.pdtListWrap .pdtList a,
.pdtListWrap .pdtList a:hover,
.pdtListWrap .pdtList a:visited,
.pdtListWrap .pdtList a:active { position:relative; display:block; width:200px; height:208px; border:1px solid #EFEFEF; }
.pdtListWrap .pdtList a:hover { border-color:#A9D077; }
.pdtListWrap .pdtList a .cover { position:absolute; z-index:2; left:0; top:0; width:200px; height:150px; }
.pdtListWrap .pdtList a .cover .bg { position:absolute; z-index:1; left:0; top:0; width:200px; height:150px; background-color:#5DA600; opacity:0; filter:Alpha(opacity=0); -moz-transition:all 0.2s linear; -webkit-transition:all 0.2s linear; -o-transition:all 0.2s linear; -ms-transition:all 0.2s linear; transition:all 0.2s linear; }
.pdtListWrap .pdtList a:hover .cover .bg { opacity:0.8; filter:Alpha(opacity=80); }
.pdtListWrap .pdtList a .cover .ico { position:absolute; z-index:2; left:50%; top:50%; width:34px; height:34px; margin:-117px 0 0 -17px; background:url(../images/sprite.png) no-repeat 0 -100px; -moz-transition:all 0.2s linear; -webkit-transition:all 0.2s linear; -o-transition:all 0.2s linear; -ms-transition:all 0.2s linear; transition:all 0.2s linear; }
.pdtListWrap .pdtList a:hover .cover .ico { margin-top:-17px; }
.pdtListWrap .pdtList a .pdtInfo { position:absolute; z-index:1; left:0; top:0; width:200px; height:208px; }
.pdtListWrap .pdtList a .pdtInfo img { display:block; width:200px; height:150px; }
.pdtListWrap .pdtList a .pdtInfo .title { height:58px; line-height:58px; text-indent:16px; font-size:14px; }
.pdtListWrap .paging { float:left; margin-left:330px; overflow:hidden; }
.pdtListWrap .paging a,
.pdtListWrap .paging a:hover,
.pdtListWrap .paging a:visited,
.pdtListWrap .paging a:active { float:left; display:block; width:28px; height:27px; margin-left:8px; line-height:27px; border-radius:3px; background-color:#EEE; text-align:center; }
.pdtListWrap .paging a:hover { background-color:#c9c9c9; }
.pdtListWrap .paging a.nt,
.pdtListWrap .paging a.nt:hover,
.pdtListWrap .paging a.nt:visited,
.pdtListWrap .paging a.nt:active { width:48px; }
.pdtListWrap .paging a.sel,
.pdtListWrap .paging a.sel:hover,
.pdtListWrap .paging a.sel:visited,
.pdtListWrap .paging a.sel:active { background-color:#c9c9c9; }
.pdtListWrap .paging span { float:left; display:block; width:28px; height:27px; line-height:27px; text-align:center; }

.pdtDetail { float:left; width:734px; padding-bottom:70px; }
.pdtDetail .pdtName { margin-bottom:25px; line-height:30px; font-size:24px; color:#036117; font-weight:700; text-transform:uppercase; }
.pdtDetail .pdtEditor { line-height:22px; *zoom:1; }
.pdtDetail .pdtEditor:after { display:block; overflow:hidden; content:"."; visibility:hidden; clear:both; height:0; line-height:0; }
.pdtDetail .pdtEditor img { max-width:100%; border:1px solid #e6e6e6; }
.pdtDetail .pdtEditor .tit { padding:27px 0 8px; margin-bottom:8px; line-height:20px; font-size:16px; border-bottom:1px solid #d7d6db; color:#111; }
.pdtDetail .pdtEditor .stdTable {  }
.pdtDetail .pdtEditor .stdTable td { padding-right:30px; }
.pdtRelate { float:right; width:202px; padding-bottom:70px; }
.pdtRelate .relateTit { width:202px; height:12px; margin-bottom:18px; background:url(../images/sprite.png) no-repeat -270px -100px; text-indent:-9999px; }
.pdtRelate .relatePrev,
.pdtRelate .relatePrev:hover,
.pdtRelate .relatePrev:visited,
.pdtRelate .relatePrev:active { position:relative; display:block; width:200px; height:20px; margin-bottom:10px; border:1px solid #CBCBCB; background-color:#EEECED; }
.pdtRelate .relatePrev:hover { opacity:0.8; filter:Alpha(opacity=80); }
.pdtRelate .relatePrev .ico { position:absolute; left:50%; top:50%; display:block; width:24px; height:11px; margin:-6px 0 0 -12px; background:url(../images/sprite.png) no-repeat -120px -150px; }
.pdtRelate .relateNext,
.pdtRelate .relateNext:hover,
.pdtRelate .relateNext:visited,
.pdtRelate .relateNext:active { position:relative; display:block; width:200px; height:20px; margin-top:10px; border:1px solid #CBCBCB; background-color:#EEECED; }
.pdtRelate .relateNext:hover { opacity:0.8; filter:Alpha(opacity=80); }
.pdtRelate .relateNext .ico { position:absolute; left:50%; top:50%; display:block; width:24px; height:11px; margin:-5px 0 0 -12px; background:url(../images/sprite.png) no-repeat -170px -150px; }
.pdtRelate .relateWrap { position:relative; width:202px; height:670px; overflow:hidden; }
.pdtRelate .relateList { position:absolute; left:0; top:0; width:202px; height:auto; }
.pdtRelate .relateList li { float:left; width:202px; overflow:hidden; margin-bottom:20px; background-color:#FFF; }
.pdtRelate .relateList a,
.pdtRelate .relateList a:hover,
.pdtRelate .relateList a:visited,
.pdtRelate .relateList a:active { position:relative; display:block; width:200px; height:208px; border:1px solid #EFEFEF; }
.pdtRelate .relateList a:hover { border-color:#A9D077; }
.pdtRelate .relateList a .cover { position:absolute; z-index:2; left:0; top:0; width:200px; height:150px; }
.pdtRelate .relateList a .cover .bg { position:absolute; z-index:1; left:0; top:0; width:200px; height:150px; background-color:#5DA600; opacity:0; filter:Alpha(opacity=0); -moz-transition:all 0.2s linear; -webkit-transition:all 0.2s linear; -o-transition:all 0.2s linear; -ms-transition:all 0.2s linear; transition:all 0.2s linear; }
.pdtRelate .relateList a:hover .cover .bg { opacity:0.8; filter:Alpha(opacity=80); }
.pdtRelate .relateList a .cover .ico { position:absolute; z-index:2; left:50%; top:50%; width:34px; height:34px; margin:-117px 0 0 -17px; background:url(../images/sprite.png) no-repeat 0 -100px; -moz-transition:all 0.2s linear; -webkit-transition:all 0.2s linear; -o-transition:all 0.2s linear; -ms-transition:all 0.2s linear; transition:all 0.2s linear; }
.pdtRelate .relateList a:hover .cover .ico { margin-top:-17px; }
.pdtRelate .relateList a .pdtInfo { position:absolute; z-index:1; left:0; top:0; width:200px; height:208px; }
.pdtRelate .relateList a .pdtInfo img { display:block; width:200px; height:150px; }
.pdtRelate .relateList a .pdtInfo .title { height:58px; line-height:58px; text-indent:16px; font-size:14px; }

.companyWrap { position:relative; height:1020px; background:url(../images/companyBg.jpg) no-repeat; }
.companyWrap .cntWrap1 { position:absolute; left:0; top:0; width:530px; height:240px; }
.companyWrap .cntWrap2 { position:absolute; right:0; top:345px; width:553px; height:274px; }
.companyWrap .cntWrap3 { position:absolute; left:0; top:735px; width:530px; height:184px; }
.companyWrap .cntWrap1 .cntTit { padding:30px 25px 0 25px; color:#036117; font-size:18px; text-transform:uppercase; }
.companyWrap .cntText { line-height:22px; }
.companyWrap .cntWrap1 .cntText { padding:10px 25px; }
.companyWrap .cntWrap2 .cntText { padding:22px 25px; }
.companyWrap .cntWrap3 .cntText { padding:30px; }
.companyWrap .coord { position:absolute; display:block; width:45px; height:70px; background:url(../images/sprite.png) no-repeat -50px -100px; }
.companyWrap .cntWrap1 .coord { right:-20px; bottom:-5px; }
.companyWrap .cntWrap2 .coord { right:1px; bottom:-30px; }
.companyWrap .cntWrap3 .coord { right:-20px; bottom:-25px; }
.companyWrap .img1 { position:absolute; right:0; top:0; width:392px; height:236px; }
.companyWrap .img2 { position:absolute; left:0; top:360px; width:390px; height:236px; }
.companyWrap .img3 { position:absolute; right:0; top:735px; width:378px; height:186px; }

.qualityWrap { padding-bottom:90px; overflow:hidden; }
.qualityWrap .qualityTitle { padding-bottom:17px; color:#036117; font-size:22px; text-transform:uppercase; }
.qualityWrap .leftCnt { float:left; width:609px; line-height:20px; color:#777; }
.qualityWrap .rightImg { float:right; display:block; width:338px; height:479px; margin-top:5px; border:4px solid #FFF; }
.qualityCnt { padding:35px 0; border-bottom:1px solid #DCDCDC; overflow:hidden; }
.qualityCnt { color:#777; line-height:22px; font-size:14px; }

body.indexPage { background-color:#DCDCDC; }
body.indexPage .g-body { background-color:#FFF; }
body.indexPage .g-body .g-inr { min-height:0; }
.pageWrap { position:relative; width:1000px; margin:0 auto; box-shadow:0 0 12px #BCBCBC; }
.g-bnr { position:relative; height:410px; overflow:hidden; }
.bnrMask { position:absolute; z-index:2; right:0; top:0; width:504px; height:410px; }
.bnrMask img { display:block; width:100%; height:100%; }
.bnrList { position:absolute; z-index:1; left:0; top:0; width:1000px; height:410px; }
.bnrList li { opacity:0; filter:Alpha(opacity=0); position:absolute; z-index:1; left:0; top:0; width:1000px; height:410px; }
.bnrList li.sel { z-index:2; }
.bnrList li a,
.bnrList li a:hover,
.bnrList li a:visited,
.bnrList li a:active { display:block; width:1000px; height:410px; }
.bnrList li a img { display:block; width:1000px; height:410px; }
.bnrCtl { position:absolute; z-index:3; right:50px; bottom:25px; height:8px; overflow:hidden; }
.bnrCtl span { float:left; display:block; width:35px; height:8px; margin-left:7px; background-color:#FFF; cursor:pointer; }
.bnrCtl span.sel { background-color:#E81737; }
.g-pdt { height:213px; overflow:hidden; }
.g-pdt .pdtPrev { position:absolute; left:0; top:0; width:28px; height:100%; background-color:#FFF; cursor:pointer; }
.g-pdt .pdtPrev .ico { position:absolute; left:5px; top:50%; margin-top:-15px; display:block; width:18px; height:30px; background:url(../images/sprite.png) no-repeat -120px -100px; }
.g-pdt .pdtPrev:hover .ico { background-position:-180px -100px; }
.g-pdt .pdtNext { position:absolute; right:0; top:0; width:28px; height:100%; background-color:#FFF; cursor:pointer; }
.g-pdt .pdtNext .ico { position:absolute; right:5px; top:50%; margin-top:-15px; display:block; width:18px; height:30px; background:url(../images/sprite.png) no-repeat -150px -100px; }
.g-pdt .pdtNext:hover .ico { background-position:-210px -100px; }
.pdtMdl { position:relative; width:944px; height:100%; margin:0 auto; overflow:hidden; background-color:#FFF; }
.pdtTypeList { position:absolute; left:0; top:0; width:1180px; height:100%; overflow:hidden; }
.pdtTypeList li { position:relative; float:left; width:236px; height:100%; overflow:hidden; background-color:#FDFCFC; }
.pdtTypeList li:nth-child(2n) { background-color:#F9F9F9; }
.pdtTypeList li a,
.pdtTypeList li a:hover,
.pdtTypeList li a:visited,
.pdtTypeList li a:active { display:block; width:100%; height:100%; }
.pdtTypeList li .cnt { position:absolute; z-index:1; left:0; top:0; width:100%; height:100%; }
.pdtTypeList li .cnt .ico { display:block; width:36px; height:36px; margin:65px auto 0 auto; }
.pdtTypeList li .cnt .tit { height:40px; line-height:40px; text-align:center; color:#7D7D7D; font-size:16px; font-weight:700; text-transform:uppercase; }
.pdtTypeList li .mask { opacity:0; filter:Alpha(opacity=0); position:absolute; z-index:2; left:0; top:0; width:100%; height:100%; background-color:#5DA600; color:#FFF; -moz-transition:all 0.2s linear; -webkit-transition:all 0.2s linear; -o-transition:all 0.2s linear; -ms-transition:all 0.2s linear; transition:all 0.2s linear; }
.pdtTypeList li a:hover .mask { opacity:1; filter:Alpha(opacity=100); }
.pdtTypeList li .mask .tit { position:relative; padding-left:42px; height:36px; line-height:40px; margin:35px auto 15px auto; font-size:15px; text-transform:uppercase; text-align:center; }
.pdtTypeList li .mask .tit span { position:relative; display:inline-block; height:42px; }
.pdtTypeList li .mask .tit span .ico { position:absolute; left:-42px; top:0; display:block; width:36px; height:36px; }
.pdtTypeList li .mask .intro { width:180px; height:108px; line-height:18px; margin:0 auto; overflow:hidden; text-align:center; }
.welMdl { height:283px; overflow:hidden; background:url(../images/welcomeBg.jpg) no-repeat; text-align:center; }
.welMdl .tit { position:relative; padding-top:35px; height:46px; line-height:46px; font-size:24px; font-weight:700; color:#036117; letter-spacing:2px; }
.welMdl .tit .line { position:absolute; left:50%; bottom:0; width:154px; height:45px; margin-left:-77px; border-bottom:1px solid #036117; }
.welMdl .cnt { padding:20px 0 13px 0; line-height:24px; font-size:14px; }
.welMdl .more,
.welMdl .more:hover,
.welMdl .more:visited,
.welMdl .more:active { color:#036117; font-size:14px; }
.welMdl .more em { font-family:SimSun; font-size:12px; }