html, body, div, span, object, iframe, table, tr, th, td, em, img, h1, h2, h3, h4, h5, h6, p, a, dl, dt, dd, ul, li, form, label { font-family: inherit; font-style: inherit; padding: 0px; margin: 0px; border: 0px none; }
ol, ul { list-style: outside none none; }
img { vertical-align: top; border: 0px none; }
body { font: 12px/24px Verdana,Arial,Helvetica,sans-serif,SimSun; color: rgb(102, 102, 102); }
.fl { float: left; }
.fr { float: right; }
h2 { font-size: 14px; }
a:link { color: rgb(102, 102, 102); text-decoration: none; }
a:visited { color: rgb(102, 102, 102); text-decoration: none; }
a:hover { color: rgb(255, 102, 0); text-decoration: underline; }
p a:link, p a:visited { color: rgb(17, 7, 18); text-decoration: none; }
p a:hover { color: rgb(255, 96, 0); text-decoration: underline; }

html, body, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, button, textarea, p, blockquote, th, td { padding: 0px; margin: 0px; }
img { border: medium none; vertical-align: bottom; }
a { color: rgb(102, 102, 102); outline: 0px none; text-decoration: none; }
ul, li { list-style-type: none; padding: 0px; margin: 0px; }
input, select, textarea, button { font-size: 100%; font-family: inherit; }
body { font-size: 12px; line-height: 24px; }
.fix::after { display: block; content: "$"; height: 0px; clear: both; overflow: hidden; visibility: hidden; }
.fix {  }
.fl { float: left; display: inline; }
.fr { float: right; display: inline; }
body { font-family: "Microsoft Yahei"; }
.w1100 { width: 1100px; margin: 0px auto; }
.sy_banner { background: rgb(255, 255, 255) none repeat scroll 0% 0%; height: 450px; width: 100%; overflow: hidden; position: relative; }
.bannerCont { position: relative; width: 100%; height: 100%; }
.bannerCont li { display: block; width: 100%; height: 450px; position: absolute; left: 0px; top: 0px; z-index: 0; opacity: 0; }
.btn_center { width: 100%; position: absolute; bottom: 10px; left: 0px; height: 20px; z-index: 2; }
.btn_center p { width: 165px; margin: 0px auto; height: 100%; }
.btn_center p span { width: 14px; height: 14px; background: rgb(153, 153, 153) none repeat scroll 0% 0%; border-radius: 50%; float: left; margin: 0px 8px; cursor: pointer; text-align: center; }
.btn_center p .active { background: rgb(240, 122, 6) none repeat scroll 0% 0%; }
.btn_left, .btn_right { width: 72px; height: 72px; top: 200px; position: absolute; cursor: pointer; display: none; z-index: 2; }
.btn_left { background: rgba(0, 0, 0, 0) url('btnl.png') no-repeat scroll 0% 0%; left: 10%; }
.btn_right { background: rgba(0, 0, 0, 0) url('btnr.png') no-repeat scroll 0% 0%; right: 10%; }
.sytl1, .sytl2 { padding-bottom: 30px; border-bottom: 1px solid rgb(204, 204, 204); }
.sytl1tit { height: 30px; line-height: 30px; padding: 20px 0px 15px; border-bottom: 1px solid rgb(204, 204, 204); }
.sytl1tit h6 { color: rgb(0, 0, 0); font-size: 18px; font-weight: normal; }
.sytl1tit h6 b { font-weight: bold; margin-left: 10px; }
.sytl1tit p { font-size: 14px; }
.sytl1tit p::before { content: ""; width: 25px; height: 25px; display: inline-block; vertical-align: middle; }
.sytl1tit p:nth-of-type(1)::before { background: rgba(0, 0, 0, 0) url('syicon1.png') no-repeat scroll 0px 0px / 100px 25px; }
.sytl1tit p:nth-of-type(2)::before { background: rgba(0, 0, 0, 0) url('syicon1.png') no-repeat scroll -50px 0px / 100px 25px; }
.sytl1tit ul { overflow: hidden; height: 30px; font-size: 14px; }
.sytl1tit ul span { color: rgb(210, 42, 74); }
.sytl1tit ul li { margin: 0px 70px 0px 20px; }
.sytl1tit ul li img { vertical-align: middle; }
.sytl1con { width: 1150px; overflow: hidden; margin-top: 30px; text-align: center; }
.sytl1con li { display: inline-block; width: 250px; margin-right: 30px; position: relative; float: left; }
.sytl1con li span { width: 100px; height: 100px; display: block; margin: 0px auto; }
.syspan1 { background: rgba(0, 0, 0, 0) url('sytl1-1.png') no-repeat scroll 8px 0px; }
.syspan2 { background: rgba(0, 0, 0, 0) url('sytl1-1.png') no-repeat scroll -92px 0px; }
.syspan3 { background: rgba(0, 0, 0, 0) url('sytl1-1.png') no-repeat scroll -192px 0px; }
.syspan4 { background: rgba(0, 0, 0, 0) url('sytl1-1.png') no-repeat scroll -292px 0px; }
.sytl1nr1 { display: block; cursor: pointer; height: 200px; background: rgb(0, 153, 169) none repeat scroll 0% 0%; }
.sytl1nr1 h5 { padding: 10px 0px; font-size: 20px; color: rgb(255, 255, 255); font-weight: normal; line-height: 50px; }
.sytl1nr1:hover { background: rgba(0, 0, 0, 0) url('sytl1-2.png') no-repeat scroll 0px 0px; }
.sytl2nr2 { margin-top: 15px; }
.sytl2nr2 a { line-height: 35px; color: rgb(51, 51, 51); font-size: 14px; padding: 0px 8px; }
.sytl2nr2 a:hover { background: rgb(0, 169, 190) none repeat scroll 0% 0%; color: rgb(255, 255, 255); }
.red a { color: red; }
.red a:hover { background: rgb(0, 169, 190) none repeat scroll 0% 0%; color: rgb(255, 255, 255); }
.sytl2tit, .sytl3tit, .sytl4tit { padding: 20px 0px; }
.sytl2tit h5, .sytl3tit h5, .sytl4tit h5 { float: left; color: rgb(0, 0, 0); font-size: 24px; font-weight: normal; }
.sytl2tit h5 span, .sytl3tit h5 span, .sytl4tit h5 span { color: rgb(102, 102, 102); font-size: 12px; margin-left: 10px; }
.sytl2tit a, .sytl3tit a, .sytl4tit a { float: right; color: rgb(255, 255, 255); text-align: center; font-size: 12px; padding: 0px 5px; }
.sytl2tit a { background: rgb(0, 169, 190) none repeat scroll 0% 0%; }
.sytl4tit a { background: rgb(0, 169, 190) none repeat scroll 0% 0%; }
.sytl2con li { width: 218px; float: left; margin-left: 2px; position: relative; overflow: hidden; }
.sytl2con li p { height: 35px; line-height: 35px; position: absolute; left: 0px; bottom: 0px; color: rgb(255, 255, 255); font-size: 16px; text-align: center; background: rgb(55, 64, 67) none repeat scroll 0% 0%; opacity: 0.9; width: 218px; }
.sytl2con li span { width: 50px; height: 50px; display: block; background: rgb(51, 60, 64) url('sytl2icon1.png') no-repeat scroll center center; position: absolute; top: 50%; left: -50%; margin: -25px 0px 0px -25px; border-radius: 5px; opacity: 0.8; }
.sytl2con li span:hover { opacity: 1; }
.tl2tjzj { position: absolute; left: 0px; top: 0px; }
.mtb20 { margin: 20px 0px; }
.sytl4z { width: 585px; padding: 0px 30px 0px 0px; border-right: 1px solid rgb(204, 204, 204); }
.sytl4z li { height: 30px; line-height: 30px; }
.sytl4z li a { color: rgb(51, 51, 51); font-size: 13px; vertical-align: middle; }
.sytl4z li a:hover { color: rgb(229, 0, 96); }
.sytl4z li a::before { content: ""; display: inline-block; width: 4px; height: 4px; background: rgb(176, 176, 176) none repeat scroll 0% 0%; vertical-align: middle; margin-right: 10px; }
.sytl4z li span { margin-left: 10px; }
.sytl4y { width: 450px; margin-left: 30px; }
.sytl4y ul { width: 500px; overflow: hidden; }
.sytl4y li { display: inline-block; margin-right: 22px; width: 70px; float: left; font-size: 14px; text-align: center; }
.sytl4yspan1 { background: rgb(210, 42, 74) none repeat scroll 0% 0%; }
.sytl4yspan1 i { background: rgba(0, 0, 0, 0) url('sytl4icon1.png') no-repeat scroll 10px 10px; }
a:hover .sytl4yspan1 { background: rgb(200, 40, 70) none repeat scroll 0% 0%; }
.sytl4yspan2 { background: rgb(194, 140, 62) none repeat scroll 0% 0%; }
.sytl4yspan2 i { background: rgba(0, 0, 0, 0) url('sytl4icon1.png') no-repeat scroll -45px 10px; }
a:hover .sytl4yspan2 { background: rgb(182, 131, 58) none repeat scroll 0% 0%; }
.sytl4yspan3 { background: rgb(54, 174, 187) none repeat scroll 0% 0%; }
.sytl4yspan3 i { background: rgba(0, 0, 0, 0) url('sytl4icon1.png') no-repeat scroll -104px 10px; }
a:hover .sytl4yspan3 { background: rgb(50, 162, 174) none repeat scroll 0% 0%; }
.sytl4yspan4 { background: rgb(85, 192, 100) none repeat scroll 0% 0%; }
.sytl4yspan4 i { background: rgba(0, 0, 0, 0) url('sytl4icon1.png') no-repeat scroll -170px 15px; }
a:hover .sytl4yspan4 { background: rgb(79, 179, 93) none repeat scroll 0% 0%; }
.sytl4yspan5 { background: rgb(213, 78, 78) none repeat scroll 0% 0%; }
.sytl4yspan5 i { background: rgba(0, 0, 0, 0) url('sytl4icon1.png') no-repeat scroll -230px 15px; }
a:hover .sytl4yspan5 { background: rgb(198, 73, 73) none repeat scroll 0% 0%; }
.sytl4y li a { color: rgb(102, 102, 102); }
.sytl4y li span { width: 60px; height: 60px; display: block; border-radius: 50%; margin-bottom: 5px; }
.sytl4y li span i { content: ""; width: 60px; height: 60px; vertical-align: middle; display: block; margin: 0px auto; }
.sytl4tel { margin-top: 10px; border-top: 1px solid rgb(204, 204, 204); padding-top: 10px; }
.sytl4tel p { color: rgb(51, 51, 51); font-size: 14px; text-align: center; }
.pt_box_3 { display: block; border: 1px solid rgb(227, 227, 227); width: 1100px; margin: 0px auto 10px; background: rgb(255, 255, 255) none repeat scroll 0% 0%; }
.link_box .lk_t { height: 20px; line-height: 20px; padding: 0px 15px 0px 10px; overflow: hidden; margin-top: 10px; color: rgb(102, 102, 102); }
.link_box .lk_t span { height: 20px; color: rgb(82, 173, 224); margin-right: 15px; float: left; display: inline; vertical-align: middle; }
.link_box p { line-height: 24px; padding: 10px 10px 5px; }
.link_box p a { margin-right: 13px; display: inline-block; white-space: nowrap; color: rgb(51, 51, 51); font-size: 12px; font-family: "Microsoft yahei"; width: 95px; }
.link_box p a:hover { color: rgb(255, 0, 0); text-decoration: underline; }

html, body, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, button, textarea, p, blockquote, th, td { padding: 0px; margin: 0px; }
img { border: medium none; vertical-align: bottom; }
a { color: rgb(51, 51, 51); outline: 0px none; text-decoration: none; }
ul, li { list-style-type: none; padding: 0px; margin: 0px; }
input, select, textarea, button { font-size: 100%; font-family: inherit; }
body { font-size: 12px; line-height: 24px; }
.fix::after { display: block; content: "$"; height: 0px; clear: both; overflow: hidden; visibility: hidden; }
.fix {  }
.fl { float: left; display: inline; }
.fr { float: right; display: inline; }
body { font-family: "Microsoft Yahei"; }
.w1100 { width: 1100px; margin: 0px auto; }
.top { height: 30px; background: rgb(5, 66, 73) none repeat scroll 0% 0%; font-family: "microsoft yahei"; }
.top p { color: rgb(255, 255, 255); font-size: 12px; line-height: 30px; }
.top .fr { position: relative; color: rgb(255, 255, 255); }
.color1 { color: rgb(255, 255, 255); }
.mrl10 { margin: 0px 10px; }
.toplsbox { display: inline-block; }
.topls { background: rgba(0, 0, 0, 0) url('top-icon.png') no-repeat scroll right center; padding-right: 20px; line-height: 30px; }
.d_topqgnav { position: absolute; right: 5px; top: 30px; width: 70px; overflow: hidden; background: rgb(255, 255, 255) none repeat scroll 0% 0%; border: 1px solid rgb(198, 198, 198); text-align: center; font-size: 12px; display: none; z-index: 4; }
.d_topqgnav li a { line-height: 27px; color: rgb(51, 51, 51); display: block; }
.d_topqgnav li a:hover { color: rgb(210, 42, 74); }
.mainnav { height: 100px; font-family: "microsoft yahei"; }
.mainnav .fl { margin-top: 15px; }
.synav li { padding-top: 30px; float: left; width: 88px; height: 70px; position: relative; }
.synav li h5 { font-weight: normal; }
.synav li h5 a { line-height: 40px; height: 48px; color: rgb(51, 51, 51); font-size: 14px; display: block; text-align: center; }
.synav li h5 a:hover { color: rgb(255, 255, 255); background: rgba(0, 0, 0, 0) url('navhot.png') no-repeat scroll 0px 0px; }
.kemu { display: none; height: 226px; width: 1000px; position: absolute; right: 0px; top: 100px; z-index: 3; padding-top: 20px; overflow: hidden; border: 3px solid rgb(210, 42, 74); background: rgb(255, 255, 255) none repeat scroll 0% 0%; opacity: 0.97; }
.kemu ul { margin-top: 8px; }
.kmCon { width: 950px; margin: 0px auto; overflow: hidden; }
.navlistul { width: 1200px; }
.navlistul li { float: left; width: 182px; height: 180px; border-right: 1px dashed rgb(0, 104, 103); margin-right: 15px; }
.navlistul dt { float: left; }
.navlistul dl { height: 106px; }
.navlistul dt a { display: block; background-position: 0px -45px; width: 45px; height: 45px; }
.navlistul dd { float: left; margin-left: 15px; display: inline; }
.navlistul dd p { width: 122px; line-height: 24px; }
.navlistul dd p a { padding-right: 0px; }
.navlistul dd p a:hover { color: rgb(242, 104, 54); }
.navlistul dd h2 { height: 24px; line-height: 24px; }
.navlistul dd h2 a { font-size: 20px; font-family: "microsoft yahei"; color: rgb(0, 104, 104); }
.navimg a { display: block; background: rgba(0, 0, 0, 0) url('zc.jpg') no-repeat scroll 0% 0%; width: 164px; height: 74px; }
.navimg a:hover { background: rgba(0, 0, 0, 0) url('zchover.jpg') no-repeat scroll 0% 0%; }
.navimg2 a { display: block; background: rgba(0, 0, 0, 0) url('bx.jpg') no-repeat scroll 0% 0%; width: 164px; height: 74px; }
.navimg2 a:hover { background: rgba(0, 0, 0, 0) url('bxhover.jpg') no-repeat scroll 0% 0%; }
.navimg5 a { display: block; background: rgba(0, 0, 0, 0) url('cy.jpg') no-repeat scroll 0% 0%; width: 164px; height: 74px; }
.navimg5 a:hover { background: rgba(0, 0, 0, 0) url('cyhover.jpg') no-repeat scroll 0% 0%; }
.navimg4 a { display: block; background: rgba(0, 0, 0, 0) url('fz.jpg') no-repeat scroll 0% 0%; width: 164px; height: 74px; }
.navimg4 a:hover { background: rgba(0, 0, 0, 0) url('fzhover.jpg') no-repeat scroll 0% 0%; }
.navimg3 a { display: block; background: rgba(0, 0, 0, 0) url('gz.jpg') no-repeat scroll 0% 0%; width: 164px; height: 74px; }
.navimg3 a:hover { background: rgba(0, 0, 0, 0) url('gzhover.jpg') no-repeat scroll 0% 0%; }
.navli1 dt a { background: rgba(0, 0, 0, 0) url('kmico.png') no-repeat scroll 0px -45px; }
.navli1 dt a:hover { background: rgba(0, 0, 0, 0) url('kmico.png') no-repeat scroll 0px 0px; }
.navli2 dt a { background: rgba(0, 0, 0, 0) url('kmico.png') no-repeat scroll -45px -45px; }
.navli3 dt a { background: rgba(0, 0, 0, 0) url('kmico.png') no-repeat scroll -90px -45px; }
.navli4 dt a { background: rgba(0, 0, 0, 0) url('kmico.png') no-repeat scroll -135px -45px; }
.navli5 dt a { background: rgba(0, 0, 0, 0) url('kmico.png') no-repeat scroll -180px -45px; }
.navli2 dt a:hover { background: rgba(0, 0, 0, 0) url('kmico.png') no-repeat scroll -45px 0px; }
.navli3 dt a:hover { background: rgba(0, 0, 0, 0) url('kmico.png') no-repeat scroll -90px 0px; }
.navli4 dt a:hover { background: rgba(0, 0, 0, 0) url('kmico.png') no-repeat scroll -135px 0px; }
.navli5 dt a:hover { background: rgba(0, 0, 0, 0) url('kmico.png') no-repeat scroll -180px 0px; }
.mtb30 { margin: 30px 0px; }
.syfooter { background: rgb(0, 62, 69) none repeat scroll 0% 0%; font-family: "microsoft yahei"; }
.syfoots { padding: 15px 0px; }
.syfoots form { margin-top: 20px; }
.sousuwb { width: 290px; height: 30px; background: rgb(255, 255, 255) none repeat scroll 0% 0%; float: left; border: medium none; margin-right: 15px; }
.sousubt { width: 110px; height: 30px; background: rgb(210, 42, 74) none repeat scroll 0% 0%; text-align: center; line-height: 30px; color: rgb(255, 255, 255); font-size: 14px; border: medium none; float: left; }
.sydbjb { padding-right: 40px; }
.sydbjb dl { float: left; margin-right: 35px; }
.sydbjb dl:nth-of-type(1) span { background: rgba(0, 0, 0, 0) url('footericon1.png') no-repeat scroll 0px 0px; }
.sydbjb dl:nth-of-type(2) span { background: rgba(0, 0, 0, 0) url('footericon1.png') no-repeat scroll 0px -25px; }
.sydbjb dl:nth-of-type(3) span { background: rgba(0, 0, 0, 0) url('footericon1.png') no-repeat scroll 0px -50px; }
.sydbjb dl:nth-of-type(4) span { background: rgba(0, 0, 0, 0) url('footericon1.png') no-repeat scroll 0px -75px; }
.sydbjb dl:nth-of-type(5) span { background: rgba(0, 0, 0, 0) url('footericon1.png') no-repeat scroll 0px -100px; }
.sydbjb dl span { width: 25px; height: 25px; display: inline-block; vertical-align: middle; margin-right: 10px; }
.sydbjb dt { font-size: 18px; color: rgb(255, 255, 255); }
.sydbjb dd { font-size: 12px; margin-left: 35px; line-height: 30px; }
.sydbjb dd a { color: rgb(255, 255, 255); padding: 0px 3px; }
.sydbjb dd a:hover { color: rgb(255, 255, 255); background: rgb(210, 42, 74) none repeat scroll 0% 0%; }
.wxnr { height: 121px; color: rgb(255, 255, 255); }
.wxnr h6 { font-size: 14px; margin: 10px 0px 0px 20px; font-weight: normal; line-height: 35px; }
.wxnr p { font-size: 12px; margin-left: 20px; line-height: 30px; }
.wxnr p a { color: rgb(255, 255, 255); padding: 0px 3px; }
.wxnr p a:hover { background: rgb(210, 42, 74) none repeat scroll 0% 0%; }
.wxnrx { margin-top: 10px; }
.wxnrx p { color: rgb(255, 255, 255); font-size: 12px; }
.sydbwx { border-left: 1px solid rgb(0, 76, 85); padding-left: 90px; }
.syfcopyright { background: rgb(1, 49, 54) none repeat scroll 0% 0%; height: 30px; line-height: 30px; text-align: center; color: rgb(255, 255, 255); font-size: 14px; }
.syfcopyright a { color: rgb(255, 255, 255); }
.oIQWZ { height: auto; margin: 0px auto; overflow: hidden; }
.oIQWZ .EYwdY { margin-right: 10px; }
.baeilh { float: left; width: 326px; height: 340px; background: rgb(255, 255, 255) none repeat scroll 0% 0%; margin-top: 10px; }
.baeilh .fmldET { width: 306px; color: rgb(59, 89, 153); border-bottom: 1px solid rgb(59, 89, 153); height: 36px; line-height: 36px; padding: 0px 10px; }
.baeilh .fmldET h1 { float: left; width: 200px; font-size: 18px; height: 36px; }
.baeilh .fmldET h1 a { color: rgb(0, 0, 0); }
.baeilh .fmldET h1 a:hover { text-decoration: none; color: rgb(193, 61, 72); }
.baeilh .fmldET span { float: right; width: 50px; font-size: 12px; height: 36px; text-align: right; }
.baeilh .MECLL { margin: 0px 10px; }
.baeilh .MECLL h2 { color: rgb(59, 89, 153); font-size: 18px; height: 35px; line-height: 35px; text-align: center; font-weight: normal; border-bottom: 1px dashed rgb(204, 204, 204); }
.baeilh .MECLL p { width: 306px; line-height: 25px; clear: both; overflow: hidden; margin-top: 10px; }
.baeilh .MECLL p img { float: left; }
.baeilh .MECLL p span { text-indent: 2em; float: left; width: 200px; margin-left: 6px; }
.baeilh .MECLL p span a { color: rgb(59, 89, 153); }
.baeilh .MECLL p span a:hover { text-decoration: none; color: rgb(193, 61, 72); }
.baeilh .vCScvS { margin: 5px 10px 0px; }
.baeilh .vCScvS li { float: left; width: 296px; height: 24px; line-height: 24px; background: rgba(0, 0, 0, 0) url('dian.gif') no-repeat scroll left center; padding-left: 10px; font-size: 14px; overflow: hidden; }
.baeilh .vCScvS span { float: right; }
#floatNavWarp { width: 100%; height: 60px; background: rgb(0, 106, 158) none repeat scroll 0% 0%; position: fixed; right: 0px; bottom: 0px; z-index: 10000000; }
.floatNav { width: 1000px; margin: 0px auto; height: 60px; background: rgba(0, 0, 0, 0) url('float-nav-bg.jpg') no-repeat scroll 0% 0%; }
.online { width: 143px; height: 47px; float: left; padding-top: 13px; margin-left: 270px; }
.floatCon { width: 577px; height: 60px; float: left; }
.floatCon li { float: left; margin: 13px 13px 0px 0px; width: 120px; height: 47px; position: relative; }
.floatCon .QQ { width: 115px; }
.floatCon li a { width: 120px; height: 36px; display: block; }
.floatCon .QQ a { width: 115px; height: 36px; display: block; }
.tel_phone a { text-decoration: underline; background: rgba(0, 0, 0, 0) url('dh.png') repeat scroll 0px -36px; }
.tel_phone a:hover { text-decoration: underline; background: rgba(0, 0, 0, 0) url('dh.png') repeat scroll 0px 0px; }
.QQ a { text-decoration: none; background: rgba(0, 0, 0, 0) url('qq.png') repeat scroll 0px -36px; }
.QQ a:hover { background: rgba(0, 0, 0, 0) url('qq.png') repeat scroll 0px 0px; }
.WX a { text-decoration: none; background: rgba(0, 0, 0, 0) url('wx.png') repeat scroll 0px -36px; }
.WX a:hover { background: rgba(0, 0, 0, 0) url('wx.png') repeat scroll 0px 0px; }
.topL { width: 40px; height: 32px; margin-top: 15px; float: left; }