@charset "utf-8";
:root{--color:#007fa8;--fontcolor:#666666;--fontbold3:300;--fontbold4:400;--fontbold5:500;--fontbold6:600;--fontbold7:700}
*,html,body,h1,h2,h3,h4,h5,h6,table,th,td,ul,li,dl,dt,dd,div,p,pre,form,input,button,textarea {margin:0px;padding:0px;font-family:Arial, Helvetica, sans-serif}
body,td,th{font-size:14px;color:var(--fontcolor);line-height:1.7}
a:link, a:visited {color:#666666;text-decoration:none}
a:hover, a:active {color:var(--color);text-decoration:none}
ul, li, dl, dt, dd, ol {margin:0px;padding:0px;list-style:none}
h1, h2, h3, h4, h5, h6 {font-size:15px;text-transform:capitalize}
h1.title {text-align:center;color:#009ec4;font-size:20px;padding:2px 0px 15px 0px}
.clear:after, .clearfix:after {content:".";display:block;height:0px;clear:both;visibility:hidden}
.clear, .clearfix {clear:both;margin:0px auto;display:block}
form {margin:0px;padding:0px}
img {border:0px}
.left {float:left}
.right {float:right}
.all_mar {clear:both;margin:0px auto;padding:0px}
.all_w {clear:both;margin:0px auto;padding:0px;width:100%}
.all_mar .hTel {background:url(index_04.gif) no-repeat;height:52px;line-height:32px;font-size:20px;color:#006296;font-weight:bold;text-indent:45px;margin-top:32px}
.ss_f {float:left;border:1px solid #c8c8c8;height:27px;line-height:24px;text-indent:6px;color:#9d9d9d;width:80px}
.s_k {float:left}
.in_w {clear:both;margin:0px auto;padding:0px;width:1000px}
.ttop {position:relative}
.in_w .m_t img {vertical-align:middle}
.menu_bg {background:url(dian.gif) repeat-x top;height:43px;border-bottom:1px solid #CCC}
.in_cd li {float:left;background:url(index_07.gif) no-repeat right 0}
.in_cd li#liReview {background:none}
.in_cd li a {padding:0px 15px}
.in_cd li.hover {background:none}
.inmenu:link, .inmenu:visited {color:#565656;font-size:14px;display:block;text-align:center;line-height:43px}
.inmenu:hover, .inmenu:active {color:var(--color);border-top:2px solid var(--color);line-height:41px}
.inmenu_1:link, .inmenu_1:visited, .inmenu_1:hover, .inmenu_1:active {color:var(--color);font-size:14px;display:block;text-align:center;line-height:41px;border-top:2px solid var(--color)}
.in_cd li {position:relative;z-index:9999}
.in_cd li:hover a, .in_cd li:hover a:hover {border-top:2px solid var(--color)}
.in_cd li:hover ul li a {border-top:0px}
.in_cd li ul li {float:none;padding-bottom:3px;height:33px;line-height:33px;text-align:left;text-transform:capitalize;padding:0px 12px;background:none}
.in_cd li ul li a {float:none;display:block;color:#FFF;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;color:#565656;padding:0px 12px}
.in_cd li ul li a:hover {color:#FFF;background:#0274bb}
.in_cd li ul {display:none;position:absolute;top:43px;left:0px;background:#54d2fb;background:url(index_13.gif) repeat-x top #FFF;padding:15px 0px 15px 0px}
.in_cd .nav_de li a {padding:0px 12px}
.in_cd .nav_fr li a, .in_cd .nav_vn li a {padding:0px 7px}
.in_cd .nav_es li a {padding:0px 9px;font-size:12px}
.containers {border-bottom:1px solid #CCC}
.containers .body {margin:0px auto;width:980px}
.containers h4 {margin:0px auto;padding:0px}
.cd_w {width:860px}
.in_t {background:url(dian.gif) repeat-x bottom;margin-top:34px}
.in_tit {font-size:16px;background:url(index_17.gif) no-repeat center bottom;text-align:center;max-width:240px;padding-bottom:15px;color:#3e3e3e;font-weight:bold;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
.cp_lb li {float:left;padding:23px 21px 46px 0px;width:234px}
.cp_lb li img {max-height:314px}
.cp_lb li.npr4, .cp_lb li.npr8, .cp_lb li.npr12 {padding-right:0px}
.cp_ceng {position:absolute;width:234px;height:114px;margin-top:200px;visibility:visible}
.cp_bg {position:absolute;z-index:3;width:234px;height:114px;background:#000;filter:alpha(opacity=39);opacity:0.39}
.cp_font {position:absolute;z-index:4;width:214px;height:102px;background:url(jtou.gif) no-repeat center 78px;padding:8px 10px 0px 10px;text-align:center;color:#FFF;line-height:20px}
.cp_font a {display:block;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;height:24px}
.cp_font .font_14 {font-size:13px;display:block;height:42px;overflow:hidden}
.xw_bg {background:#f9f9f9;padding:37px 0px 47px 0px}
.nybg {width:201px;height:45px;background:url(ny05.jpg) no-repeat}
.nybg h2 {color:#FFF;text-align:center;font-size:20px;line-height:40px;font-weight:bold}
.leftbg {width:183px;height:61px;background:url(index_33.jpg) no-repeat}
.leftbg h2 {color:#FFF;text-align:center;font-size:16px;line-height:20px}
.nybg_contact {width:201px;margin-top:10px}
.nybg_contact p {font-size:14px}
.fl_w {width:183px}
.fl_con {background:url(index_35.gif);height:270px;width:183px;padding-top:13px}
.fl_lb ul {max-height:224px;overflow:hidden}
.fl_lb li {float:left;width:183px}
.fl_lb li a:link, .fl_lb li a:visited {color:#FFF;font-size:14px;display:block;line-height:32px;padding-left:16px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
.fl_lb li a:hover, .fl_lb li a:active {color:#FFF;background:url(index_39.gif) no-repeat center}
.xw_con {background:#FFF;width:758px;height:400px;padding:20px}
.xw_l {width:470px}
.xw_r {width:260px}
.xw_r .font_14 {height:180px;overflow:hidden}
.xw_t {font-size:16px;font-weight:bold;border-bottom:1px solid var(--color);padding-bottom:8px;color:#424242}
.xw_more {background:url(index_45.gif) no-repeat 95px center #F4F4F4;display:block;width:105px;padding-left:15px;font-size:14px;line-height:28px}
.xw_lb li {clear:both;position:relative;width:470px;padding:10px 0px 10px 0px;line-height:20px}
.xw_lb li img {width:120px;height:80px;position:absolute;left:4px;top:15px}
.xw_zb {width:128px;line-height:28px;text-align:center;font-size:14px;font-weight:bold;background:var(--color);color:#FFF}
.xw_zb01 {width:128px;line-height:28px;text-align:center;font-size:14px;font-weight:bold;background:#a1a1a1;color:#FFF}
.xw_yb {width:325px;background:url(index_40.gif) repeat-x bottom;padding-bottom:6px;height:106px;overflow:hidden}
.xw_gd {background:url(index_41.gif) no-repeat right center;width:55px;display:block}
.lj_p {clear:both;margin:0px auto;padding:0px;min-height:170px;padding:20px 0px 10px 0px;color:#7C7C7C;line-height:20px}
.lj_l {width:350px}
.lj_r {width:560px}
.fd_k {border:1px solid #C1C1C1;background:#FFF;height:33px;width:177px;padding-left:10px;border-right:0px}
.fd_f {background:none;border:0px;width:170px;line-height:30px;height:30px;font-size:14px;color:#C4C4C4}
.lj_w {width:380px}
.footbg {background-color:#FDFDFD}
.copyright {clear:both;margin:0px auto;padding:0px;text-align:center;color:#FFF;font-size:9pt}
.copy_bg {clear:both;margin:0px auto;padding:10px 0px;min-height:60px;background:#0a324b}
.copy_bg .font_14 img {vertical-align:middle}
.copy_lb li {float:right;width:32px;padding:6px 0px 0px 4px}
.btn {background-color:#343434;color:#FFF;text-align:center;width:62px;height:35px;line-height:35px;float:right;border:0px;margin:0px;cursor:pointer}
.ny_bar {background:url(ny_02.jpg) no-repeat center;height:200px}
.ny_l {width:202px}
.ny_r {width:757px}
.ny_zb {background:url(ny_12.gif);width:201px}
.ny_zb_bg {background:url(ny_07.gif) no-repeat top;min-height:275px;padding:0px 12px 10px 13px;width:176px}
.ny_zb01 {background:url(ny_070.gif) no-repeat top;height:221px;padding:0px 12px 0px 13px;width:176px}
.ny_fl li {float:left;width:176px}
.nymenu:link, .nymenu:visited {color:#FFF;line-height:36px;display:block;padding-left:15px;font-size:14px}
.nymenu:hover, .nymenu:active {color:#FFF;background:url(ny_09.gif) no-repeat center}
.nymenu_1:link, .nymenu_1:visited, .nymenu_1:hover, .nymenu_1:active {color:#FFF;line-height:36px;display:block;padding-left:15px;font-size:14px;background:url(ny_09.gif) no-repeat center}
.pro_lb li {float:left;width:234px;padding:0px 9px 30px 9px}
.zpro {height:314px}
.zpro1 {height:234px}
.pro_lb li img {max-height:314px;overflow:hidden}
.pro_tit_bg {background:#000;filter:alpha(opacity=39);opacity:0.39;position:absolute;z-index:1;width:234px;height:40px}
.pro_tit {position:absolute;z-index:2;width:234px;text-align:center;line-height:40px;font-size:14px}
.pro_ceng {position:absolute;width:234px;height:40px;margin-top:274px}
.pro_ceng1 {position:absolute;width:234px;height:40px;margin-top:194px}
.show_w {width:319px}
.show_b {padding-bottom:17px;background:url(ny1_21.gif) repeat-x bottom}
.show_lb li {float:left;width:102px;padding-right:4px}
.suckerdiv ul {margin:0px;padding:0px;list-style-type:none;width:176px;float:left;padding:0px;line-height:36px}
.suckerdiv ul li {position:relative}
.suckerdiv ul li ul {left:176px;position:absolute;width:176px;top:0px;display:none;background:#4ec8e6}
.suckerdiv ul li ul li ul {left:176px}
.suckerdiv ul li a {display:block;color:white;text-decoration:none;background:#009dc4;border-bottom:0px;width:156px;padding:0px 5px 0px 15px;border-bottom:1px solid #e3e3e3}
.suckerdiv ul li a:visited {color:black}
.suckerdiv ul li a:hover {color:black;background-color:#FFF}
.suckerdiv .subfolderstyle {background:url(arrow-list.gif) no-repeat center right}
#banner {clear:both;min-width:1000px;background:#FFF;width:100%;margin:0px auto;position:relative}
.slider_img {display:block;text-align:center;height:100%}
.slider_img img {display:inline-block!important;margin:0px;max-width:100%;width:auto;height:auto;display:block}
.wmuSlider {height:100%!important;position:relative;overflow:hidden}
.bbdd {z-index:2;position:absolute;bottom:2%;margin:0px;padding:0px;width:100%;text-align:center}
.bbdd li {margin:0px 8px 10px 0px;list-style-type:none;display:inline-block}
.bbdd a {display:inline-block;text-indent:-9999px;width:16px;height:16px;background:url(dot.png) no-repeat 0 -16px;display:block;border-radius:16px;overflow:hidden}
.bbdd a.wmuActive {background-position:0 0}
.banner {width:100%;text-align:center;margin:0px auto;margin-bottom:10px;background:#EEE}
.banner img {min-width:1000px;max-width:100%}
.wmuSliderPrev, .wmuSliderNext {width:52px;height:134px;line-height:99em;overflow:hidden;margin:-35px 0px 0px;display:block;background:url(bt_arr.png) no-repeat;position:absolute;top:45%;z-index:10;cursor:pointer;opacity:0;filter:alpha(opacity=0);-webkit-transition:all .3s ease}
.wmuSliderNext {background-position:-69px 0px;right:0px}
.wmuSlider:hover .wmuSliderNext:hover {background-position:-69px -144px}
.wmuSliderPrev {left:0px}
.wmuSlider:hover .wmuSliderPrev:hover {background-position:0 -144px}
.wmuSlider:hover .wmuSliderNext {opacity:0.8;filter:alpha(opacity=25)}
.wmuSlider:hover .wmuSliderPrev {opacity:0.8;filter:alpha(opacity=25)}
.wmuSlider:hover .wmuSliderNext:hover, .wmuSlider:hover .wmuSliderPrev:hover {opacity:1;filter:alpha(opacity=50)}
.pages {clear:both;margin:10px auto;padding:0px;text-align:center;font-size:12px}
.pages a, .pages span {display:inline-block;height:24px;padding:0px 9px;margin:0px 4px!important;line-height:24px}
.pages a:link, .pages a:visited {color:#666666;line-height:24px;border:1px solid #D9D9D9;background:#FFF}
.pages a:hover, .pages a:active, .pages span.ctxt {color:#333333;background:#007FB0;border:1px solid #007FB0;color:#FFF;text-decoration:none}
.pro_lb0 li {clear:both;border-bottom:1px solid #EEE;padding:8px 0px}
.pro_lb0 li:hover {background:#FFFCF3}
.pro_lb0 .fl {float:left;margin:0px 20px 0px 10px}
.pro_lb0 .pimg {background:#FFF;width:150px;height:120px;text-align:center;vertical-align:middle;display:table-cell;border:1px solid #EEE}
.pro_lb0 img {max-width:150px;_width:150px;max-height:120px;_height:120px;_margin-top:expression_r((300-this.height)/2)}
.pro_lb0 p {margin:0px;padding:0px;line-height:1.7}
.pro_lb0 .pinfo {display:block}
.pro_lb0 strong {font-size:14px;line-height:18px}
.pro_lb0 strong a {color:#007FB0}
.pro_lb0 strong a:hover {color:#0094C0}
.pro_lb0 span {display:block}
.pro_lb0 div {margin:0px;padding:0px;line-height:1.7}
.pro_lb0 h3 {margin:0px 0px 3px;padding:0px;font-size:14px;line-height:18px}
.pro_lb0 h3 a {color:#007FB0}
.pro_lb0 h3 a:hover {color:#0094C0}
.pro_lb1 div {float:right;width:180px;height:108px;line-height:20px;overflow:hidden;text-align:left;color:#999}
.pro_lb1 h3 {font-size:12px;display:block;font-weight:normal}
.pro_lb0 .inquire {float:right}
.pro_lb0 .inquire a {float:right;color:#FFF;margin:0px 10px;background:#FF7519;padding:0px 8px;border:1px solid #FF7519;border-radius:3px}
.pro_lb0 .inquire a:hover {text-decoration:none;background-color:#FF9147}
.pro_lb0 .more {text-align:right;color:#EEE;padding-right:16px}
.pro_lb0 .more a {float:left;color:#0094C0;margin:8px 0px;padding:0}
.pro_lb0 .more a:hover {text-decoration:underline}
.hpic img {max-width:222px;max-height:160px;vertical-align:middle;_margin-top:expression_r((300-this.height)/2)}
.hpic {width:222px;height:160px;line-height:160px;text-align:center;vertical-align:middle;display:table-cell}
.pro_lb1 ul {clear:both;width:738px;overflow:hidden;margin:5px 0px 0px 0px;padding:0px}
.pro_lb1 ul li {float:left;width:224px;height:205px;border:solid 1px #CCC;text-align:center;margin:5px 8px 15px 8px}
.pro_lb1 ul li img {padding:5px}
.pro_lb1 ul li:hover {border:solid 1px #70a8d5}
.pro_lb1 ul li p {border-top:dashed 1px #EEE;height:32px;line-height:32px;overflow:hidden;text-align:center;text-transform:capitalize;display:block;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;background:var(--color)}
ul.sf-menu {clear:both;margin:0px auto;height:auto;position:relative;text-transform:capitalize;z-index:1000;width:176px}
ul.sf-menu li {zoom:1;margin:0px;color:#FFF;line-height:36px}
ul.sf-menu li a {text-transform:capitalize;text-decoration:none;text-indent:10px;width:245x;display:block;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;color:#FFF;border-bottom:1px solid #3daece}
ul.sf-menu li a:hover, ul.sf-menu li a:active {color:#FFF;text-decoration:none;background:url(ny_09.gif) no-repeat center}
ul.sf-menu li.hover, ul.sf-menu li:hover {position:relative}
ul.sf-menu li.menu-item:hover {position:relative}
ul.sf-menu ul {width:100%;margin:0px;padding:0px;position:absolute;left:176px;top:0px;visibility:hidden;text-transform:capitalize}
ul.sf-menu ul li a {font-weight:normal;text-indent:15px;line-height:35px;border-bottom:1px solid #CCC;background:#FFF url(arrow-list.gif) no-repeat 160px center;color:#555}
ul.sf-menu li.hover ul li a, ul.sf-menu li.hover ul li a:hover, ul.sf-menu li.hover ul li a:active {color:#FFF;text-decoration:none;background:#CCC url(arrow-list.gif) no-repeat 160px center}
ul.sf-menu ul li a.hover, ul.sf-menu ul li a:hover {text-decoration:none;background:#CCC url(arrow-list.gif) no-repeat 160px center!important}
ul.sf-menu ul li ul {padding:0px}
ul.sf-menu ul ul {left:176px;margin:0px;padding:0px;visibility:hidden}
ul.sf-menu ul ul li a {width:auto;padding:0px;text-indent:15px;text-decoration:none}
ul.pro-menu {margin-top:-1px;margin:0px;padding:0px;text-transform:capitalize}
ul.sf-menu li:hover > ul {visibility:visible;margin:0px;padding:0px}
ul.sf-menu li.LiProDetail a {background:#FFF url(arrow-list.gif) no-repeat 8px center!important;text-indent:24px!important}
ul.sf-menu li.LiProDetail a:hover, ul.sf-menu li.LiProDetail a:active {background:#009dc4 url(arrow-list1.gif) no-repeat 8px center!important;text-indent:24px!important}
.pic_b {border:1px solid #FFF}
.pic_b01 {border:1px solid #CACACA}
.pnum:link, .pnum:visited {color:#666666;line-height:24px;padding:2px 5px 2px 5px;border:1px solid #D9D9D9;height:24px;overflow:hidden;background:#FFF}
.pnum:hover, .pnum:active {color:#333333;background:#DCDDDF;border:1px solid #D9D9D9}
.pnum01:link, .pnum01:visited, .pnum01:hover, .pnum01:active {color:#FFF;line-height:24px;padding:2px 5px 2px 5px;background:var(--color);border:1px solid var(--color);height:24px;overflow:hidden}
.gray {color:#424242}
.gray01:link, .gray01:visited {color:#b8b8b8}
.gray01:hover, .gray01:active {color:var(--color)}
.gray02:link, .gray02:visited {color:#3d3d3d}
.gray02:hover, .gray02:active {color:var(--color)}
.white {color:#FFF}
.white01:link, .white01:visited {color:#FFF}
.white01:hover, .white01:active {color:#FFF;text-decoration:underline}
.blue {color:var(--color)}
.blue01:link, .blue01:visited {color:var(--color)}
.blue01:hover, .blue01:active {color:var(--color);text-decoration:underline}
.font_14 {font-size:14px}
.font_16 {font-size:16px}
.font_18 {font-size:18px}
.font_20 {font-size:20px}
.line_h {line-height:24px}
.line_h01 {line-height:20px}
.m_t {margin-top:6px}
.m_t01 {margin-top:20px}
.m_t02 {margin-top:30px}
.m_t03 {margin-top:15px}
.m_t04 {margin-top:23px}
.mt0 {margin-top:0px!important}
.ErWeiImg {width:110px;height:auto}
.prevNext {clear:both;margin:5px auto;padding:0px}
.prevNext a:hover {text-decoration:underline}
.prevNext .prev {clear:both;margin:0px;padding:0px;text-align:left;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
.prevNext .next {clear:both;margin:0px;padding:0px;text-align:left;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
.newsBack {font-size:14px;font-weight:bold;text-align:center}
.newsBack a {color:#d22720}
.newsBack a:hover {color:#d22720;text-decoration:underline}
.newslist {clear:both;margin:0px auto 12px auto;width:740px}
.newslist ul {padding-right:16px}
.newslist li {text-align:right;height:32px;background:url(arrow-list.gif) 8px 10px no-repeat;font-size:13px;border-bottom:1px dashed #FFF;line-height:32px;text-indent:24px}
.newslist li a {float:left}
.newslist li a:hover {color:#d22720;text-decoration:underline}
.content {font-size:14px;line-height:24px;padding:12px 0px 0px 12px}
.content p {margin-bottom:12px}
.scontent {font-size:14px;line-height:24px;padding-left:16px;text-align:left}
.content p {margin-bottom:12px}
.info {color:#999;text-align:right;font-size:12px}
.info span {color:#000}
.pro-body {clear:both;margin:0px auto 6px;padding:2px 6px;color:#666666;font-size:12px;line-height:1.7}
.proIntro{clear:both;margin:10px auto 30px;padding:0px;line-height:1.6}
.show_tit01 {background:#EEE;height:28px;line-height:28px;text-align:left;text-indent:12px;font-weight:bold;font-size:14px;margin:12px auto}
.singglepic {text-align:center;padding:12px 0px}
.pro-body {clear:both;margin:0px auto 6px;padding:2px 6px;color:#666666;font-size:12px;line-height:1.7}
.proIntro{clear:both;margin:10px auto 30px;padding:0px;line-height:1.6}
.prosubmenu {clear:both;margin:0px auto;padding:2px}
.prosubmenu li {float:left;width:32%;line-height:22px}
.clearfix:after {content:".";display:block;height:0px;clear:both;visibility:hidden}
.clearfix {*zoom:1}
.rnews, .rollPro {clear:both;margin:10px auto;padding:0px;border-top:solid 1px #EEE}
.rnews h3, .rollPro h3 {line-height:30px;font-weight:normal}
.rnews li {float:left;width:49%;height:26px;line-height:26px;background:url(dd.gif) 6px center no-repeat;text-indent:16px}
.rnews li a {text-align:left;display:block;font-size:12px;border-bottom:1px dashed #EEE}
.rollPro {height:220px}
.rollPro .Cont {width:640px;overflow:hidden;margin:0px auto}
.rollPro .ScrCont {width:2500px}
.rollPro .pic {width:150px;padding:0px 5px}
.rollPro .pbox img {max-width:142px;max-height:120px;line-height:120px;_margin-top:expression_r((300-this.height)/2)}
.rollPro .pbox {width:150px;height:120px;line-height:120px;text-align:center;vertical-align:middle;display:table-cell;border:1px solid #EEE;margin:0px auto}
.rollPro p {height:42px;overflow:hidden;line-height:20px;text-align:center}
.rollPro #List1, .rollPro #List2, .rollPro .wen_jt, .rollPro .Cont, .rollPro .pic {float:left}
.rollPro .wen_jt {width:24px;padding-top:45px}
.feedback {clear:both;margin:0px auto;padding:0px;margin:20px 0px 0px 0px}
.submita {margin:16px auto;display:inline-block;padding:0px 18px!important;line-height:22px;background:#FF9C00;border:0px;height:24px;color:#FFF;cursor:pointer;font-size:16px}
.xh {color:#F00;padding:0px 3px}
.table {border-collapse:collapse}
.table td, .table th {border:1px solid #CDCDCD;padding:5px}
.table p {padding:0px;margin:0px}
.eshare {clear:both;margin:0px auto;padding:0px;width:280px}
.eshare li {float:left;padding:10px 0px 0px 7px}
.eshare li a:hover img {filter:alpha(opacity=70);-moz-opacity:0.7;opacity:0.7}
.eshare li img {border-radius:50%}
.in_w .m_t img, .btn {cursor:pointer}
.emenu {clear:both;margin:0px auto;text-align:center;line-height:24px}
.emenu a {color:#FFF;padding:0px 3px}
.emenu a:hover {color:#EEE}
.prl {float:left;width:400px;text-align:center}
.prr {float:right;width:320px;padding-top:20px}
.buybtn {clear:both;width:200px;height:40px;margin:20px 0px 0px 0px;text-align:left;line-height:40px}
.buybtn a {display:inline-block;padding:0px 15px;color:#FFF;height:40px;background:#007FB0;border-radius:2px;font-size:18px}
.buybtn a:hover {background:#0094C0;color:#FFF;border-radius:2px}
.pshare {clear:both;margin:0px auto;padding:5px 0px 0px 0px;text-align:center;display:block}
.pshare li {float:left;width:48%;height:28px;line-height:28px}
.pshare li img {vertical-align:middle;margin-right:12px}
.jsshare {clear:both;margin:0px auto;padding:5px 0px 0px 0px;text-align:center}
.jsshare span.stxt {display:inline-block;font-size:14px;line-height:24px;padding:0px 8px 0px 0px;position:relative}
.addthis_sharing_toolbox {display:inline-block}
span.at-icon-wrapper, .at-icon-wrapper svg {width:24px!important;height:24px!important;line-height:24px!important}
.tenflag1, .tenflag2, .tenflag3 {width:680px;clear:both}
.tenflag1 {border:1px solid #EEE}
.tenflag1 dt {border-bottom:1px solid #EEE}
.tenflag1 dd {text-indent:12px}
.tenflag1 dt, .tenflag2 dt, .tenflag3 dt {font-size:16px;font-weight:bold;padding:16px 0px 12px 12px}
.tenflag2 dd {float:left;width:20%;margin:0px;padding:0px;line-height:36px;text-align:left}
.tenflag1 dd {height:36px;line-height:36px;border-bottom:1px solid #EEE;padding:0px;margin:0px;background:#F5F5F5}
.tenflag1 dd span {float:left;width:36%;background:#FFF;font-weight:bold}
.tenflag1 dd:nth-child(2n) span {background:#F5F5F5}
.tenflag1 dd:nth-child(2n) {background:#FFF}
.tenflag2 dd {text-align:center}
.tenflag2 dd img {width:116px;display:block;margin:0px auto;padding-bottom:0px!important}
.tenflag2 dd p {padding:0px 0px 6px 0px !important;margin:0px}
.tenflag3 img {width:680px!important;height:448px!important}
.pdown1 #A_DownLoadProduct {display:inline-block;clear:both;min-height:32px;margin:16px 0px 0px 0px;line-height:32px;background:#007fa8;color:#fff;padding:0 16px}
.pdown1 #A_DownLoadProduct span {display:inline-block;min-height:32px;padding:0}
.pdown2 #A_DownLoadProduct, .pdown3 #A_DownLoadProduct, .pdown4 #A_DownLoadProduct {display:inline-block;clear:both;height:45px;margin:16px 0px 0px 0px;line-height:45px;padding-right:45px}
.pdown2 #A_DownLoadProduct span, .pdown3 #A_DownLoadProduct span, .pdown4 #A_DownLoadProduct span {display:inline-block;min-height:45px;padding:0px 12px 0px 16px}
.pdown2 #A_DownLoadProduct, .pdown3 #A_DownLoadProduct, .pdown4 #A_DownLoadProduct {background:#007fa8;color:#fff}
.proCateTags {clear:both;margin:10px auto;padding:4px;border-radius:4px;border:1px solid #EFEFEF}
.proCateTags h3 {font-size:14px;line-height:21px;font-weight:normal}
.keywords, .productsTags {margin:0px;margin:10px auto}
.keywords a, .productsTags a {margin:0px 8px 0px 0px;font-size:12px;color:#0099d9;line-height:170%;text-decoration:underline;text-transform:capitalize;display:inline-block;white-space:nowrap;text-overflow:ellipsis}
.keywords a:hover, .productsTags a:hover {text-decoration:none}
.rollPro1 {clear:both;margin:10px auto;overflow:hidden}
.rollPro1 h2 {padding-bottom:10px}
.rollPro1 li {width:30%;float:left;margin-right:5%;text-align:center}
.rollPro1 li:nth-of-type(3) {margin-right:0%}
.rollPro1 li:nth-of-type(6) {margin-right:0%}
.rollPro1 li:nth-of-type(9) {margin-right:0%}
.rollPro1 li:nth-of-type(12) {margin-right:0%}
.rollPro1 li .pbox {border:1px solid #EEE;padding:4px;height:150px}
.rollPro1 li .pbox img {max-width:100%;max-height:150px}
.rollPro1 li p {margin:0px auto 10px;height:20px;line-height:20px;font-size:12px;text-align:center;overflow:hidden}
.rollPro1 li p a {color:#333333}
.rollPro1 h2 {font-size:20px;font-weight:normal;padding-bottom:10px}
.ttop>.right>.right {float:left}
#xyz *{box-sizing:border-box}
#xyz{position:relative;z-index:99999;width:120px;height:30px;line-height:30px;margin-left:10px;float:left;top:36px}
.xyz12{width:100%;position:absolute;height:100%}
.xyz12 ul{border:1px #EEE solid;background:#FFF}
.xyz12 li{float:none;margin-left:0px;width:100%;position:relative;height:28px;padding:0px 8px;z-index:1;text-align:left}
.xyz12 li a{color:#333333;font-size:12px;padding:0px;display:block;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
.xyz12 li.selected{border-top:0px}
.xyz12 li.selected a{color:#8550d9}
.xyz12 span{position:absolute;right:6px;top:0px;display:block;width:30px;height:30px;cursor:pointer;z-index:100}
.xyz12 span.dp{transform:rotate(180deg)}
.xyz12 li img {vertical-align:middle;margin:0px 7px 0px 0px}
.xyz12 li:hover{background:#F2F2F2}
.newslist li.nwone {background:none;border-bottom:1px dashed #CCC;height:auto;text-align:left;font-size:14px;text-indent:0;padding:10px 0px}
.newslist li.nwone:after {content:'';display:block;visibility:hidden;clear:both;height:0px}
.newslist li.nwone .newsimg {display:block;width:200px}
img {max-width:100%}
.nwrig {padding-left:230px;position:relative}
.newslist li.nwone .newstxt>a {padding-right:100px;display:block;width:100%;box-sizing:border-box;line-height:1.4;padding-top:10px;font-weight:bold;color:#333333;float:none}
.nwrig p {line-height:1.7;padding-top:15px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4;overflow:hidden;max-height:107px}
.nwrig >span {position:absolute;right:-16px;top:0px}
.inydetail,.inydetail a,.inydetail td,.inydetail p {font-size:15px;line-height:1.7;color:#333333}
.productsTags {font-size:15px;line-height:1.7;color:#333333}
.productsTags a {color:#333333;text-transform:inherit;white-space:normal;display:inline;text-decoration:none;font-size:15px;margin:0px}
.ptit {color:var(--color);font-size:16px;margin:10px 0px;line-height:1.6}
.rollPro1 li p a {font-size:13px;display:block;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
.rollPro1 li p {margin-top:5px}
.proIntro a {color:#666}
h4.cate-h4, h4.pro-h4 {clear:both;font-weight:bold}
ul.cate-ulli, ul.pro-ulli {clear:both;padding:10px 0px 10px 20px}
ul.cate-ulli li, ul.pro-ulli li {list-style-type:disc;line-height:1.7}
ol.cate-ulli, ol.pro-ulli {clear:both;padding:10px 0px 10px 30px}
ol.cate-ulli li, ol.pro-ulli li {list-style-type:decimal;line-height:1.7}
.prohome-content{clear:both;margin:20px auto;padding:0px;line-height:1.6;box-sizing:border-box;max-width:1350px}
.prolist-content{clear:both;margin:0px auto;padding:0px;line-height:1.6;box-sizing:border-box}
.prolist-content .kche-wrap-width{padding-left:0px!important;padding-right:0px!important}
.prolist-bottom{clear:both;margin:20px auto;padding:0px;line-height:1.6;box-sizing:border-box;max-width:1350px}
.prolist-bottom a{text-decoration:underline}
.prolist-bottom a:hover{color:var(--color)}
.ck-widget-toc{display:table;border:1px solid #A2A9B1;background-color:#F8F9FA;padding:10px 20px 10px 10px;font-size:95%;margin:15px 0px;min-width:300px;max-width:100%}
.ck-widget-toc ol{padding:0px 0px 0px 30px;counter-reset:item}
.ck-widget-toc ol li{display:block;position:relative;list-style:none}
.ck-widget-toc ol li:before{content:counters(item, ".");counter-increment:item;position:absolute;margin-right:100%;right:10px}
.ck-widget-toc-title{text-align:left;font-weight:var(--fontbold7);margin:0px 0px 5px 0px;padding:0px 0px 0px 5px}
.ck-widget-pt{padding-top:100px;margin-top:-100px}
.ck-widget-toc1{display:table;border:1px solid #A2A9B1;background-color:#F8F9FA;padding:10px 20px 10px 10px;font-size:95%;margin:15px 0px;min-width:300px;max-width:100%}
.ck-widget-toc1 ol{padding:0px 0px 0px 30px;counter-reset:item}
.ck-widget-toc1 ol li{display:block;position:relative;list-style:none}
.ck-widget-toc1 ol li:before{content:counters(item, ".");counter-increment:item;position:absolute;margin-right:100%;right:10px}
article.blogcontent{clear:both;margin:0px auto 40px;padding:0px}
article.blogcontent h2{margin:20px 0px 0px 0px;font-size:24px;line-height:1.3}
article.blogcontent h3{margin:20px 0px 0px 0px;font-size:22px;line-height:1.3}
article.blogcontent h4{margin:20px 0px 0px 0px;font-size:20px;line-height:1.3}
article.blogcontent h5{margin:20px 0px 0px 0px;font-size:18px;line-height:1.3}
article.blogcontent img{margin:0px 0px 10px 0px;padding:0px;max-width:49%;margin-right:1%;border:solid 1px #EEEEEE;vertical-align:top}
article.blogcontent p{margin:0px 0px 10px 0px;padding:0px;line-height:1.6}
article.blogcontent p a{color:var(--color)}
article.blogcontent p a:hover{text-decoration:underline}
article.blogcontent ul{margin:0px;padding:5px 0px 0px 20px}
article.blogcontent ul li{margin:0px 0px 5px 0px;list-style-type:disc}
.ny_l{margin-bottom:30px}
.nybg h2{line-height:45px;font-size:18px}
.sidebar-item .nybg{width:202px;float:none;background-size:100%}
.sidebar-item *{box-sizing:border-box;}
.sidebar-item{box-sizing:border-box;width:100%;margin-bottom:20px;position:relative}
.sidebar-item.sidebar-search{display:flex;justify-content:space-between;align-items:center;border:none;padding:0}
.email-subscription{display:flex;flex-direction:column;width:100%}
.email-subscription input{font-size:12px;width:100%;outline:0;border:1px solid #ccc;height:40px;border-radius:6px;padding:0 10px;transition:all .1s linear}
.email-subscription button{font-size:12px;margin-top:6px;width:100%;height:40px;background:#008AB8;color:#fff;border:none;border-radius:6px;cursor:pointer;transition:all .1s linear}
.company-intro{border:none}
.company-intro p{padding:10px 0 0;font-size:13px;}
.sidebar-hotpro{margin-bottom:0}
.sidebar-item .sidebar-list .item{display:flex;align-items:center;justify-content:space-between;padding:10px 0;border-bottom:1px solid #eee;}
.sidebar-item .sidebar-list .item:hover .img img{transform:scale(1.02)}
.sidebar-item .sidebar-list .item:hover .info .title{color:var(--color)}
.sidebar-item .sidebar-list .item .img{width:70px;height:56px;background:#FFFFFF;border:1px solid #EBEBEB;border-radius:3px;overflow:hidden}
.sidebar-item .sidebar-list .item .img img{width:100%;height:100%;object-fit:cover;transition:all .1s linear}
.sidebar-item .sidebar-list .item .info{flex:1;padding-left:10px;text-align:left}
.sidebar-item .sidebar-list .item .info .title{font-size:13px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;line-height:1.4;transition:all .1s linear}
.sidebar-item .sidebar-list .item .info .more{margin-top:3px;text-transform:capitalize;color:var(--color);font-size:12px;padding:0;border:none;line-height:1.4}
.blogflex{display:flex;align-items:flex-start;padding:10px;border-radius:6px;background:#f7f7f7;}
.blogflex .blogflex-img{width:40px;height:40px;border-radius:50%;border:1px solid #eee;overflow: hidden;}
.blogflex .blogflex-img img{width:100%;height:100%;object-fit:cover}
.blogflex .blogflex-info{flex:1;padding-left:10px}
.blogflex .blogflex-info .blogflex-name{font-size:14px;line-height:1.4;font-weight:700;}
.blogflex .blogflex-info .blogflex-content{font-size:12px;line-height:1.4;color:#666;margin-top:5px;}
.lang{z-index:99999;text-align:left;position:relative;line-height:1.4;height:30px;margin-left:10px;float:left;top:36px;}
.lang-icon{display:flex;align-items:center;width:100%;height:30px;border:none;cursor:pointer;font-size:var(--fontsize16);user-select:none;white-space:nowrap}
.lang-icon span{position:relative;padding-right:18px;color:var(--headercolor,#333);margin-left:8px;font-size:var(--fontsize14,14px)}
.lang-icon span::before{content:"";position:absolute;right:4px;top:9px;width:8px;height:1px;background:var(--headercolor,#333);transform:rotate(50deg)}
.lang-icon span::after{content:"";position:absolute;right:0px;top:9px;width:8px;height:1px;background:var(--headercolor,#333);transform:rotate(-50deg)}
.lang-drop{position:absolute;top:calc(100% + 26px);right:50%;transform:translateX(50%);background:#FFFFFF;border:1px solid #EBEEF5;border-radius:4px;box-shadow:0px 2px 12px 0 rgba(0,0,0,.1);z-index:9999;visibility:hidden;opacity:0;transition:opacity .3s,top .3s}
.lang-drop.lang-flex{transform:translateX(20%)}
.lang-drop.active{visibility:visible;opacity:1;top:calc(100% + 7px)}
.lang-arrow{display:block;width:10px;height:10px;background-color:#FFFFFF;border-top:1px solid #EBEEF5;border-left:1px solid #EBEEF5;transform:translateX(-50%) rotate(45deg);position:absolute;top:-6px;left:50%}
.lang-drop.lang-flex .lang-arrow{left:80%}
.lang-wrap{list-style:none;width:140px;padding:8px 0px;box-sizing:border-box}
.lang-flex .lang-wrap{display:flex;flex-wrap:wrap;padding:8px}
.lang-wrap li{width:100%;box-sizing:border-box;transition:background-color .3s}
.lang-flex .lang-wrap li{width:33.3333%}
.lang-wrap li.lang-active,.lang-wrap li:hover{background-color:#EEEEEE}
.lang-wrap li a{display:block;color:var(--fontcolor,#333);font-size:var(--fontsize12,12px);padding:10px 12px;text-decoration:none;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
.lang-wrap li img{display:inline-block;width:24px;height:16px;vertical-align:-.25em;margin-right:4px}
@media(max-width:1024px){
.lang{transition:all .2s linear}
.lang-icon img{width:32px;height:auto;}
.lang-icon span{display:none}
.lang-drop{display:none}
.lang-drop.active{display:block;top:calc(100% + 12px)}}

:root {
  --haiflon-blue: #007fa8;
  --haiflon-dark: #0a324b;
  --haiflon-border: #d9e2e7;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; background: #fff; color: #555; }
a { color: inherit; }
img { max-width: 100%; height: auto; }

.legacy-shell { width: min(1000px, calc(100% - 32px)); margin-inline: auto; }
.legacy-header { background: #fff; border-bottom: 1px solid #e7eef1; }
.header-row { min-height: 106px; display: flex; align-items: center; justify-content: space-between; gap: 24px; }
.legacy-logo img { width: 360px; max-height: 76px; object-fit: contain; object-position: left center; }
.header-contact { display: grid; gap: 5px; text-align: right; color: #006296; font-size: 16px; font-weight: 700; }
.header-contact a { text-decoration: none; }

.legacy-nav { border-bottom: 1px solid #ccc; background: linear-gradient(#fff, #f8fafb); }
.nav-row { min-height: 44px; display: flex; flex-wrap: wrap; align-items: stretch; }
.nav-row a { display: grid; place-items: center; padding: 0 16px; min-height: 44px; text-decoration: none; border-top: 2px solid transparent; }
.nav-row a:hover, .nav-row a:focus-visible { color: var(--haiflon-blue); border-top-color: var(--haiflon-blue); }

.legacy-content { min-height: 420px; overflow: hidden; }
.legacy-content > .all_mar,
.legacy-content > .in_w { max-width: calc(100% - 32px); }
.legacy-content a[href^="http://www.haiflon.com"] { color: inherit; }
.legacy-content .content img { max-width: 100%; height: auto !important; }

.inquiry-layout { display: grid; grid-template-columns: minmax(0, .85fr) minmax(0, 1.15fr); gap: 48px; padding-block: 54px; }
.inquiry-intro h1 { margin: 4px 0 18px; color: var(--haiflon-blue); font-size: clamp(28px, 4vw, 42px); }
.inquiry-intro p { margin: 0 0 14px; font-size: 15px; line-height: 1.8; }
.inquiry-intro a { color: var(--haiflon-blue); font-weight: 700; }
.section-label { color: var(--haiflon-blue); text-transform: uppercase; letter-spacing: .13em; font-size: 12px !important; font-weight: 700; }

.inquiry-form { display: grid; grid-template-columns: 1fr 1fr; gap: 18px; padding: 28px; border: 1px solid var(--haiflon-border); background: #f8fbfc; box-shadow: 0 12px 34px rgb(10 50 75 / 8%); }
.inquiry-form > div:first-child, .inquiry-form .full { grid-column: 1 / -1; }
.inquiry-form h2 { margin: 2px 0 0; color: #16394b; font-size: 24px; }
.inquiry-form label { display: grid; gap: 7px; font-weight: 700; color: #35515f; }
.inquiry-form label span { color: #c93838; }
.inquiry-form input, .inquiry-form textarea { width: 100%; border: 1px solid #bdccd3; border-radius: 2px; background: #fff; padding: 11px 12px; font: inherit; color: #20333d; }
.inquiry-form input:focus, .inquiry-form textarea:focus { outline: 2px solid rgb(0 127 168 / 22%); border-color: var(--haiflon-blue); }
.inquiry-form textarea { resize: vertical; }
.honeypot { position: absolute !important; left: -10000px !important; width: 1px !important; height: 1px !important; overflow: hidden !important; }
.form-footer { display: flex; align-items: center; gap: 16px; }
.form-footer p { margin: 0; font-size: 13px; line-height: 1.5; }
.button { border: 0; padding: 12px 22px; cursor: pointer; font: inherit; font-weight: 700; }
.button.primary { background: var(--haiflon-blue); color: #fff; }
.button.primary:hover { background: #006886; }
.button:disabled { opacity: .6; cursor: wait; }

.legacy-footer { clear: both; padding: 22px 16px 18px; background: var(--haiflon-dark); color: #fff; text-align: center; }
.footer-links { display: flex; flex-wrap: wrap; justify-content: center; gap: 8px 0; }
.footer-links a { padding: 0 10px; color: #fff; text-decoration: none; border-right: 1px solid rgb(255 255 255 / 35%); }
.footer-links a:last-child { border-right: 0; }
.legacy-footer p { margin: 12px 0 0; font-size: 12px; }

@media (max-width: 760px) {
  .header-row { min-height: 82px; align-items: flex-start; flex-direction: column; justify-content: center; gap: 8px; padding-block: 12px; }
  .legacy-logo img { width: min(310px, 100%); }
  .header-contact { text-align: left; font-size: 14px; }
  .nav-row { justify-content: center; }
  .nav-row a { padding-inline: 10px; font-size: 13px; }
  .legacy-content .in_w { width: min(1000px, calc(100% - 24px)); }
  .legacy-content .ny_l, .legacy-content .ny_r, .legacy-content .left, .legacy-content .right { float: none; max-width: 100%; }
  .legacy-content .ny_l { display: none; }
  .legacy-content .ny_r { width: 100%; }
  .inquiry-layout { grid-template-columns: 1fr; gap: 24px; padding-block: 34px; }
  .inquiry-form { grid-template-columns: 1fr; padding: 20px; }
  .inquiry-form > label { grid-column: 1 / -1; }
  .form-footer { align-items: flex-start; flex-direction: column; }
}


/* Independent replacement for the legacy hosted wmuSlider script. */
#banner { overflow: hidden; }
#banner .wmuSlider { display: block; width: 100%; margin: 0; padding: 0; list-style: none; }
#banner .slider_img { display: none; width: 100%; }
#banner .slider_img:first-child { display: block; }
#banner .wmuSlider.haiflon-slider-ready .slider_img { display: none; }
#banner .wmuSlider.haiflon-slider-ready .slider_img.is-active { display: block; animation: haiflon-slide-in .55s ease both; }
#banner .slider_img img { display: block !important; width: 100%; height: auto; margin: 0 auto; }
#banner .haiflon-slider-button { position: absolute; z-index: 3; top: 50%; width: 42px; height: 56px; margin-top: -28px; border: 0; border-radius: 3px; color: #fff; background: rgb(0 0 0 / 32%); font: 32px/1 Arial,sans-serif; cursor: pointer; opacity: .72; }
#banner .haiflon-slider-button:hover, #banner .haiflon-slider-button:focus-visible { opacity: 1; background: rgb(0 0 0 / 52%); }
#banner .haiflon-slider-prev { left: 18px; }
#banner .haiflon-slider-next { right: 18px; }
#banner .haiflon-slider-dots { position: absolute; z-index: 3; right: 0; bottom: 13px; left: 0; display: flex; justify-content: center; gap: 8px; }
#banner .haiflon-slider-dot { width: 10px; height: 10px; padding: 0; border: 1px solid #fff; border-radius: 50%; background: rgb(0 0 0 / 30%); cursor: pointer; }
#banner .haiflon-slider-dot[aria-current="true"] { background: #fff; }
@media (max-width: 720px) { #banner { min-width: 0; } #banner .haiflon-slider-button { width: 34px; height: 44px; margin-top: -22px; font-size: 25px; } #banner .haiflon-slider-prev { left: 8px; } #banner .haiflon-slider-next { right: 8px; } }
@keyframes haiflon-slide-in { from { opacity: .55; transform: translateX(2.5%); } to { opacity: 1; transform: translateX(0); } }
@media (prefers-reduced-motion: reduce) { #banner .wmuSlider.haiflon-slider-ready .slider_img.is-active { animation: none; } }

/* The former ny_02.jpg is unavailable; use a local factory image instead. */
.legacy-content .ny_bar { background: #087f9d url(/migrated-assets/haiflon/887d0bab8ef4b2.jpg) center 46% / cover no-repeat; }