@charset "utf-8";
body, div, dl, dt, dd, ul, ol, li, pre, code, form, fieldset, legend, input, button, textarea, p, blockquote, h2, font { margin: 0; padding: 0; border: 0; }
.ths { width: 80%; margin: 0 auto; }
input, button, textarea, select, optgroup, option { font-family: inherit; font-size: 100%; font-style: inherit; font-weight: inherit; }
ul, li, dl, dt, dd, ol { display: block; list-style: none; }
img { border: 0; }
.fl { float: left }
.fr { float: right }
.clear { clear: both; height: 0px; overflow: hidden }
a { text-decoration: none; outline: 0; }
html { overflow-x: hidden; }
.center { text-align: center; }
.fixed { position: fixed; width: 55px; height: 212px; right: 25px; bottom: 50px; _position: absolute; _bottom: auto; _top: expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop, 10)||0)-(parseInt(this.currentStyle.marginBottom, 10)||0))); z-index: 999; }
.fixed a { display: block; width: 55px; height: 53px; }
.fixed a.codepic { background: url(../images/fixed.jpg) 0 0 no-repeat; background-position: 0 -53px; height: 52px; }
.fixed a.codepic:hover { background-position: -54px -53px; }
.fixed div { position: relative; }
.fixed a.backup { background: url(../images/fixed.jpg) 0 0 no-repeat; background-position: 0 -158px; height: 52px; }
.fixed a.backup:hover { background-position: -54px -158px; height: 53px; }
.fixed div img { position: absolute; left: -196px; width: 196px; height: 196px; top: -106px; display: none; }
body { color: #515d6b; font-size: 12px; overflow-x: hidden; background: #fff; font-family: 宋体; }
a { color: #515d6b; }
.header { width: 100%; min-width: 1004px; padding: 15px 0; background: #efefef; border-bottom: 2px solid #22b38a; }
.logo { float: left; display: inline; padding: 10px 0 0 0; }
.tel { float: right; font-family: 'Microsoft Yahei'; }
.tel span { display: block; font-size: 22px; background: url(../images/ca.png) right center no-repeat; padding-right: 30px; text-align: right; color: #22b38a; text-transform: uppercase; }
.tel p { color: #2e2e2e; line-height: 1; font-family: "Impact"; font-size: 30PX; }
.activity { width: 100%; height: 440px; margin: 0 auto; padding: 20px 0 15px 0px; }
.ths_left { width: 30%; height: 440px; float: left; border: 1px #89c1ff solid; }
.ths_right { width: 68%; height: 440px; float: right; border: 1px #89c1ff solid; }
.viewmore { width: 100%; background: url(../images/line.jpg) left center repeat-x; height: 32px; text-align: center }
.viewmore a { background: #22b38a; width: 84px; display: inline-block; *display: inline; *zoom: 1; height: 32px; color: #fff; font-size: 14px; text-align: center; line-height: 32px; }
.viewmore label { background: #fff; }
.case {  width: 100%; position: relative; z-index: 0; height: 500px; background: #f5f5f5; margin: 20px 0 15px 0px;  border: 1px #89c1ff solid; }
.ths_case { float: left; width: 100%; height: 500px; float: left; border: 1px #89c1ff solid; }
.main { width: 980px; margin: 0 auto; overflow: hidden; position: relative; }
.fyMain { margin-top: 15px; margin-b/ottom: 40px; width: 100%; background: #fff; padding: 30px 0 30px 0; }
.linkbut { position: absolute; left: 0; width: 100%; text-align: center; bottom: -21px; }
.footclear { width: 100%; clear: both; margin: 0 0 0px 0; height: 0px; font-size: 0; overflow: hidden; }
.foot { width: 100%; min-width: 1004px; color: #a7a7a7; padding: 50px 0 0 0; height: 100px; overflow: hidden; background: #000 }
.f_link { width: 100%; height: 41px; line-height: 41px; color: #4e6990; background: #fff; }
.f_link .main { position: relative; z-index: 999; text-align: center; }
.f_link a { padding-left: 20px; color: #000000; }
.f_link span { padding-left: 50px; color: #000000; }
.bootTxt { float: left; bo/rder-top: 1px solid #080808; width: 100%; padding-top: 10px; line-height: 30px; font-family: 宋体; }
.bootTxt .fl { padding/-left: 20px; float: left; width: 70%; text-align: left; color: #a7a7a7; padding-left: 20px; }
.bootTxt .fl a { color: #a7a7a7; }
.bootTxt .fl a:hover { color: #a7a7a7; }
.foot a { color: #a7a7a7; }
.share { float: right; width: 210px; margin: 0 auto; padding: 0px 0 0 0; }
.f_linkmap { float: right; background: url(../images/map.png) left center no-repeat; padding: 0 0 0 40px; font-size: 13px; height: 32px; }
.f_linkmap a { padding: 0; }
.padding25 { padding: 10px 0px; width: 980px; word-break: break-all; line-height: 30px; font-size: 14px; min-height: 640px; _height: 640px; color: #777777; }
.productfra { width: 980px; margin: 0 auto; overflow: hidden; padding: 20px 0; }
.productul { float: left; width: 980px; }
.productul li { float: left; width: 220px; height: 200px; display: inline; padding: 0 0 20px 20px; }
.productul li a { float: left; width: 220px; height: 200px; }
.productul li a { cursor: pointer; float: left; width: 220px; height: 200px; background: #1a1d22; color: #fff; }
.productul li a:hover { cursor: pointer; float: left; width: 220px; height: 200px; background: #22b38a; color: #fff; }
.productul li a p { float: left; width: 220px; height: 35px; line-height: 35px; font-size: 14px; text-align: center; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }
.news_list { padding: 0 0 0 20px; width: 960px; font-size: 14px; }
.news_list li { float: left; width: 960px; line-height: 40px; overflow: hidden; }
.newseven { background: #eee }
.news_list li a { float: left; width: 100%; height: 40px; line-height: 40px; color: #515151; overflow: hidden; }
.news_list li a:hover { color: #22b38a; }
.news_list li a span { cursor: pointer; }
.news_list li .fl { width: 800px; margin-left: 6px; display: inline; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; padding-left: 10px; font-size: 14px; }
.news_list li .fr { margin-right: 5px; font-size: 12px; }
.page { margin-top: 20px; font-size: 14px; float: left; width: 100%; line-height: 34px; text-align: center; color: #1a1d22; }
.page a { color: #262217; padding: 0 10px; margin: 0 5px; font-/weight: bold; border: 1px solid #22b38a; background: #fff; }
.page * { display: inline-block; _zoom: 1; _display: inline; vertical-align: middle; line-height: 32px; height: 32px; padding-bottom: 1px; }
.page .hover { display: inline-block; border: 1px solid #ff5a00; font-weight: bold; padding: 0 10px; color: #fff; background: #ff5a00; }
.newsview { min-height: 400px; display: inline; width: 920px; padding-top: 25px; margin-top: 30px; border-top: 1px solid #fff; margin-bottom: 25px; padding-bottom: 15px; _height: 400px; font-size: 14px; line-height: 33px; float: left; color: #777; padding-left: 40px; padding-right: 40px; }
.title_s { float: left; width: 980px; text-align: left; border-bottom: 1px solid #e4e4e4; color: #777; margin-bottom: 10px; font-size: 12px; line-height: 30px; padding: 10px 0 0 0; display: inline; margin-bottom: 20px; }
.viewpage { background: #eeeeee; width: 100%; float: left }
.main_r_nav { float: left; width: 700px; height: 66px; padding: 10px 0; font-size: 14px; margin-left: 20px; display: inline; }
.returnlist { width: 50px; height: 56px; padding: 15px 18px; display: inline; float: right; color: #fff; line-height: 30px; font-size: 12px; background: #22b38a; }
.returnlist a { color: #fff; text-align: center; font-size: 18px; font-family: "microsoft yahei"; width: 100%; display: block; }
.main_r_nav a { color: #555; /*float: left; width: 100%;*/ text-overflow: ellipsis; overflow: hidden; white-space: nowrap; line-height: 33px; font-size: 14px; }
.main_r_nav a:hover { color: #22b38a; }
.title_s .divleft { float: left; }
.title_s .divright { float: right; padding: 0px 0 0 0; }
.proname { margin: 5px auto; width: 100%; text-align: center; color: #22b38a; font-size: 28px; font-family: Arial; text-transform: uppercase; }
.prona { display: inline-block; *display: inline; *zoom: 1; text-align: center; font-family: 'Microsoft Yahei'; font-size: 22px; background: #FFF; color: #ef8700; line-height: 1.3; }
.prona1 { display: inline-block; *display: inline; *zoom: 1; text-align: center; font-family: 'Microsoft Yahei'; font-size: 22px; background: #fff; color: #ef8700; line-height: 1.3; }
.kec { width: 100%; /*background: url(../images/line.jpg) left center repeat-x; */text-align: center; margin: -15px 0 0 0; }
.news { width: 1000px; margin: 0 auto;	/*height: 360px;*/ padding: 0px 0 0 0; }
.more { width: 100%; text-align: center; text-transform: uppercase; }
.more a { text-align: center; white-space: nowrap; color: #22b38a; font: 16px/1.2 "Book Antiqua"; border: 0.17em solid #22b38a; padding: 0 1.1em; display: inline-block; margin: 0 auto; }
.more font { display: block; font-size: 1.2em; padding: 0 2%; position: relative; margin-top: -10px; background: #fff; font-family: 'Microsoft Yahei'; font-size: 15px; }
.menuf { width: 100%; height: 45px; background: #22b38a; position: relative; }
.menuf ul { width: 980px; margin: 0 auto; padding: 10px 0 0 0; }
.menuf li { float: left; display: inline; text-align: center; width: 80px; margin: 0 9px 0 9px; }
.menuf li a { float: left; width: 100%; text-align: center; color: #FFF; font: 12px; height: 28px; line-height: 28px; }
.menuf a:hover, .menuf a.cur { font-weig/ht: bold; background: url(../images/daohover.jpg) left top no-repeat; color: #fff; }
.newsframe { width: 100%; height: 340px; background: #f2f2f2; }
.news_fra { width: 980px; height: 280px; margin: 0 auto; padding: 54px 0 0 0; }
.news_fleft { float: left; width: 470px; }
.news_fleft p.p1 { float: left; width: 470px; font-weight: bold; }
.news_fleft p.p1 span { float: left; background: #22b38a; font-family: 'Microsoft Yahei'; font-size: 24px; color: #fff; height: 25px; line-height: 25px; overflow: hidden; padding: 0px 0 2px 0; }
.news_fleft p.p1 label { float: left; font-family: 'Microsoft Yahei'; font-size: 14px; color: #9e9d9d; padding: 10px 0 0 10px; }
.news_fleft p.p2 { float: left; width: 470px; font-weight: bold; height: 25px; color: #636363; font-size: 30px; font-family: 'Impact'; padding: 0px 0 0 0; text-transform: uppercase; line-height: 25px; overflow: hidden; }
.news_ful { float: left; width: 460px; padding: 28px 0 0 0; }
.news_ful li { float: left; width: 460px; }
.news_ful li a { float: left; width: 436px; height: 30px; line-height: 30px; color: #747474; padding: 0 0 0 24px; background: url(../images/gra.jpg) 5px center no-repeat; }
.news_ful li a p { float: left; width: 356px; line-height: 30px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }
.news_ful li a:hover { color: #22b38a; background: url(../images/gr.jpg) 5px center no-repeat; }
.news_ful li a span { float: right; width: 70px; height: 30px; line-height: 30px; overflow: hidden; font-size: 10px; font-family: Arial, Helvetica, sans-serif; }
.news_fright { float: right; width: 410px; }
.news_fright p.p1 { float: left; width: 410px; text-align: right; color: #636363; font-family: 'Microsoft Yahei'; font-weight: bold; font-size: 30.92px; }
.news_fright p.p2 { float: left; width: 410px; text-align: right; color: #22b38a; font-family: 'Impact'; font-weight: bold; font-size: 38.28px; }
.news_frcon { float: left; width: 410px; }
p.mapimg { float: right; padding: 20px 0 0 0; }
.news_frr { float: left; width: 230px; padding: 20px 0 0 0; color: #747474; line-height: 24px; }
.news_mapcon { float: left; width: 230px; }
.news_mapcon label { float: left; width: 40px; font-family: 宋体 }
.news_mapcon span { float: left; width: 180px; font-size: 12px; }