@charset "utf-8";
@import url(https://css01.v15cdn.com/language.css);
:root{--color:#00024F;--fontcolor:#444;--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;-webkit-text-size-adjust:none;font-family:Arial, Helvetica, sans-serif}
body {margin:0px auto;padding:0px}
body, table, tr, td, th{font-size:14px;color:var(--fontcolor);line-height:1.7}
a:link, a:visited {color:#444;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 {color:var(--color);clear:both;padding:10px 0px}
.clear:after, .clearfix:after {content:".";display:block;height:0px;clear:both;visibility:hidden}
.clear, .clearfix {clear:both;margin:0px auto;display:block}
.pageleft {float:left;width:280px}
.pageright {float:right;width:800px}
.left {float:left}
.right {float:right}
.all_mar {margin:0px auto}
.all_w {width:100%}
.pro-body {clear:both;margin:0px auto 6px;padding:0px;color:#666666;font-size:12px;line-height:1.7}
.proIntro{clear:both;margin:10px auto 30px;padding:0px;line-height:1.6}
.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:#666666;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}
.pages {clear:both;margin:10px auto;padding:0px;text-align:center}
.pages a, .pages span {margin:0px 4px;padding:0px 9px;height:24px;line-height:24px;display:inline-block;text-decoration:none}
.pages a:link, .pages a:visited {background:#FFF;border:1px solid #EEE}
.pages a:hover, .pages a:active, .pages span.ctxt {background:var(--color);border:1px solid var(--color);color:#FFF}
.prevNext {clear:both;margin:5px auto;padding:0px}
.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}
.rollPro1 {clear:both;margin:10px auto;padding:0px;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}
#top {clear:both;margin:0px auto;width:100%;height:auto}
.head {width:1110px;margin:auto;height:98px;background:#FFF;overflow:hidden}
.logo {float:left}
.headright {float:right;width:723px;margin-left:45px}
.topmedi {float:right;width:245px;height:37px;overflow:hidden;margin-top:5px}
.medi {float:left;width:36px;margin-left:5px}
.serach_box {width:237px;float:right;background:url(serach_box.jpg) no-repeat;height:30px}
.ser {width:170px;height:20px;line-height:20px;display:block;float:right;color:#808080;border:none;margin-top:5px}
.ser1 {width:30px;height:30px;line-height:30px;float:right}
.top_bg {background:url(index_01.gif);height:114px}
.in_w {width:1100px}
.logo_t {padding-top:10px;position:absolute}
.top_w {width:860px}
.ss_t {padding-top:22px;position:relative}
.ss_bg {background:url(serach_box.jpg);border-top-left-radius:5px;border-bottom-left-radius:5px;border-bottom:1px solid #CCC;border-top:1px solid #CCC;border-left:1px solid #CCC;height:26px;overflow:hidden;width:160px;padding-top:3px;padding-left:40px;line-height:26px}
.ss_text {background:none;border:0px;height:17px;line-height:17px;width:127px;font-family:Arial, Helvetica, sans-serif;font-size:12px;color:#FAFAFA}
.cd_t {margin-top:11px}
.in_cd {float:right}
.in_cd li {float:left;height:51px;line-height:51px;text-align:center;font-size:16px}
.in_cd li a {float:left;padding:0px 16px;border-top:3px solid #FFF}
.in_cd li a:hover, .in_cd li a.inmenu_1, .in_cd li:hover a {color:#0c093c;border-top:3px solid #0c093c}
.in_cd .nav_de li a {padding:0px 12px;border-top:3px solid #FFF}
.in_cd .nav_fr li a {padding:0px 8px;border-top:3px solid #FFF}
.in_cd .nav_es li a {padding:0px 10px;border-top:3px solid #FFF}
.in_cd .nav_es li a, .in_cd .nav_po li a {padding:0px 10px;border-top:3px solid #FFF}
.top_email {height:30px;float:right;line-height:30px;font-size:16px;padding-right:20px}
.gray {color:#666}
.in_cd li {position:relative;z-index:9999}
.in_cd li:hover ul li {float:none;display:block;width:100%;height:30px;border-bottom:1px solid #bdbcb8;clear:both;min-width:120px;background:var(--color)}
.in_cd li:hover ul li a {float:none;display:block;color:#FFF;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;padding:0px 10px;line-height:30px;text-align:left;text-transform:none;border-top:0px}
.in_cd li:hover ul li a:hover {color:#FDFF0E;border-top:0px}
.in_cd li ul {display:none;float:left;width:auto;position:absolute;top:51px;left:0px;background:#63615c;padding-left:0px;opacity:0.85;filter:alpha(opacity=85)}
.tshare {clear:both;margin:0px auto;padding:0px;width:250px}
.tshare li {float:left;padding:5px 0px 0px 6px}
.tshare li img {border-radius:50%}
#banner {clear:both;background:#FFF;min-width:1000px;max-width:100%;margin:0px auto}
.slider_img {display:block;text-align:center;height:100%}
.slider_img img {margin:0px auto;max-width:100%;width:auto;height:auto}
.wmuSlider {height:100%!important;position:relative;overflow:hidden}
.bbdd {z-index:2;position:absolute;left:46%;bottom:2%;margin:0px;padding:0px}
.bbdd li {margin:0px 8px 10px 0px;list-style-type:none;float:left}
.bbdd a {display:block;text-indent:-9999px;width:20px;height:10px;background:#292929;border:1px solid #303030}
.bbdd a.wmuActive {background:var(--color);border:1px solid var(--color)}
.banner {width:100%;text-align:center;margin:0px auto;margin-bottom:10px;background:#FFF;clear:both}
.banner img {min-width:1000px;max-width:100%}
.timeline {width:100%;margin:auto;background:url(Timeline.jpg) center top no-repeat;height:424px;overflow:hidden}
.timelinepic {width:1110px;margin:auto;background:url(Timelinepic.jpg) no-repeat;height:auto}
.timelinepic_z {width:1440px;margin:0px auto}
.timetop {width:960px;height:128px;float:right;margin-top:83px}
.time_1991 {width:325px;height:auto;margin-top:35px;margin-left:10px;float:left}
.time_1991 h {color:#55a238;font-size:36px}
.time_1991 p {width:170px;color:#303030;font-size:16px}
.time_2010 {width:370px;height:auto;margin-top:12px;margin-left:10px;float:left}
.time_2010 h {color:#55a238;font-size:36px}
.time_2010 p {width:240px;color:#303030;font-size:16px}
.time_2014 {width:235px;height:auto;margin-top:12px;margin-left:10px;float:left}
.time_2014 h {color:#55a238;font-size:36px}
.time_2014 p {width:200px;color:#303030;font-size:16px}
.timetwo {width:816px;float:right;height:193px;margin-top:20px}
.time_2000 {width:357px;height:auto;margin-top:12px;margin-left:15px;float:left}
.time_2000 h {color:#55a238;font-size:36px}
.time_2000 p {width:200px;color:#303030;font-size:16px}
.time_2013 {width:357px;height:auto;margin-top:12px;margin-left:15px;float:left}
.time_2013 h {color:#55a238;font-size:36px}
.time_2013 p {width:200px;color:#303030;font-size:16px}
.why_box {max-width:1440px;height:432px;margin:auto;position:relative}
.why_boxbg {width:100%;background:url(why_boxbg.jpg) center top no-repeat;height:432px;margin:auto}
.why {width:1110px;margin:auto;height:432px;overflow:hidden;position:absolute;z-index:2}
.whyleft {width:720px;float:left;height:432px;margin-left:15px}
.why_left {display:none}
.whyleft01 {width:580px;float:left;margin-top:40px;margin-left:15px}
.why_title {margin:auto;width:230px;margin-left:30%}
.why_title a {color:#010101;font-size:30px;text-align:center;margin:auto}
.why_text {width:580px;margin-top:25px}
.why_text p {width:580px;color:#818181;font-size:16px;text-align:left;line-height:24px}
.read_more {width:580px;margin-top:12px;text-align:center}
.read_more a {display:block;width:239px;height:36px;line-height:36px;background:var(--color);border-radius:25px;margin:0px auto;font-size:18px;color:#FFF}
.whybg {width:100%;height:432px;position:absolute;top:0px;left:50%;z-index:1;margin:0px 0 0 -50%;overflow:hidden}
.foot {width:100%;height:auto;margin:auto;background-color:#F2F2F2;border-top:var(--color) 3px solid;overflow:hidden}
.footerbig {width:1110px;height:auto;margin:auto;overflow:hidden;position:relative}
.footerlist {width:225px;margin-left:10px;float:left;margin-top:30px}
.footlisttitle {font-size:20px;color:#1c1c1c;font-weight:bold;padding-bottom:15px}
.footerlist li a {font-size:12px;color:#555;line-height:26px}
.footerlist li a:hover {color:#83c122}
.footerlist1 {width:283px;margin-left:8px;float:left;margin-top:30px}
.connect {font-size:12px;color:#555;line-height:24px}
.footerlist2 {width:285px;margin-left:10px;float:left;margin-top:30px}
.footerpic {width:265px;margin-top:25px}
.pic {width:56px;margin-left:10px;float:left;padding-bottom:15px}
.footerlist3 {width:275px;margin-left:12px;float:left;margin-top:30px}
.connect1 {font-size:14px;color:#333333;line-height:24px}
.connect2 {font-size:14px;color:#333333;line-height:24px}
.footerlist3 .newsletter {width:260px;height:30px;padding-left:4px;margin-top:10px;float:left;border-color:var(--color)}
.topmedi1 {float:right;width:245px;height:37px;overflow:hidden;margin-top:10px;display:none}
.medi1 {float:left;width:36px;margin-left:5px}
.copy_box {clear:both;margin:0px auto;padding:5px 0px;text-align:center;font-size:9pt;color:#383838}
.copy1 {margin-left:10px}
.copy2 {margin-left:60px}
.copy_box a {color:#383838}
.copy_box a:hover {color:var(--color)}
.foottop {position:absolute;top:0px;right:0px}
.foottop a {display:block;height:34px;width:40px;background:url(top.png) no-repeat}
.foottop a:hover {height:40px;width:40px;background:url(top2.png) no-repeat}
.btn {padding-top:15px;clear:both}
.btn input {display:block;background:var(--color);border-radius:5px;width:136px;height:35px;border:0px;font-size:16px;font-weight:bold;text-align:center;color:#FFF;clear:both}
.smallbanner {width:100%;margin:auto;text-align:center;height:150px;clear:both}
.main {clear:both;margin:0px auto;width:1110px;height:auto}
.pro_pic {width:280px;margin-top:-100px;position:absolute;background:url(lefttop.png) no-repeat 50%;height:100px;text-align:center}
.left01 {width:276px;display:block;margin:auto;border-left:2px var(--color) solid;border-right:2px var(--color) solid;border-bottom:2px var(--color) solid;border-radius:0px 0px 130px 130px}
.leftpic {clear:both;margin:0px auto;width:274px;font-size:15px;height:40px;line-height:40px;color:#0c0a3c;font-weight:bold;text-align:center;background:url(leftpic.jpg) no-repeat}
.left_serach {width:274px;background:url(left_serach.jpg) no-repeat;height:80px;margin-bottom:5px}
.left_ser {height:28px;width:156px;color:#808080;border:none;background:url(left_ser.jpg) no-repeat;margin-left:40px;margin-top:25px}
.left_ser1 {height:29px;float:right;margin-top:25px;margin-right:5px}
ul.sf-menu {clear:both;margin:0px auto;height:auto;position:relative;text-transform:capitalize;z-index:1000;width:274px;text-align:left}
ul.sf-menu li {zoom:1;margin:0px;min-height:37px;background:url(pro_listshow.png) center left no-repeat;border-bottom:1px #eaeaea solid}
ul.sf-menu li a {display:block;font-size:14px;line-height:37px;padding-left:27px}
ul.sf-menu li a:hover, ul.sf-menu li a:hover {color:#FFF}
ul.sf-menu li.hover, ul.sf-menu li:hover {position:relative;background:#0c0a3c url(pro_listshow.png) center left no-repeat}
ul.sf-menu ul {width:274px;margin:0px;padding:0px;position:absolute;left:274px;top:0px;visibility:hidden;text-transform:capitalize}
ul.sf-menu ul li {font-weight:normal;border-bottom:1px solid #FFF;background:var(--color) url(pro_listshow.png) 0px -6px no-repeat;min-height:30px;padding-top:6px}
ul.sf-menu ul li a {line-height:20px;font-weight:normal;color:#FFF}
ul.sf-menu ul li:hover {background:#0c0a3c url(pro_listshow.png) 0px -6px no-repeat}
ul.sf-menu ul li ul {padding:0px}
ul.sf-menu ul ul {left:274px;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}
.left_contact {width:274px;height:auto;background:url(left_contact.jpg) 10px 0px no-repeat;margin-top:20px;margin-bottom:80px;overflow:hidden}
.left_cont {width:274px;height:30px;text-align:center;padding-top:10px}
.left_cont {font-size:14px;color:#333333;font-weight:bold;line-height:30px}
.left_conttext {font-size:12px;color:#555;line-height:26px;margin-left:25px}
.left_conttext strong {font-size:14px;color:#333333;font-weight:bold}
.left_contacts {width:274px;height:38px;background:url(left_contacts.png) 10px 0px no-repeat;margin:0px}
.bPosition {clear:both;margin:0px auto;border-bottom:1px solid #EEE;text-align:right}
.bPosition a {line-height:30px}
.maincon {clear:both;margin:0px auto;padding-bottom:30px;height:auto}
.products_classbox {clear:both;margin:10px auto 0px;overflow:hidden}
.products_class_pic {width:272px;float:left}
.products_class_pic img {width:100%;border:1px solid var(--color)}
.products_class_con {width:470px;float:left;margin-left:56px}
.pcc_title {width:470px;float:left;margin-top:50px}
.pcc_title a {font-size:14px;font-weight:bold;color:#020202}
.pcc_title a:hover {color:var(--color)}
.pcc_con {width:470px;float:left;font-size:13px;color:#676767;margin-top:50px;line-height:24px}
.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 {width:140px;height:140px;text-align:center;vertical-align:middle;display:block;border:1px solid #EEE;background:#FFF}
.pro_lb0 img {max-width:136px;max-height:136px;padding:2px}
.pro_lb0 div {margin:0px;padding:0px;line-height:1.7}
.pro_lb0 .pinfo {display:block}
.pro_lb0 h3, .pro_lb0 strong {margin:0px 0px 3px;padding:0px;font-size:14px;line-height:18px}
.pro_lb0 h3 a, .pro_lb0 strong a {color:var(--color)}
.pro_lb0 h3 a:hover, .pro_lb0 strong a:hover {color:#296CB6}
.pro_lb0 .inquire {float:right}
.pro_lb0 .inquire a {float:right;color:#FFF;margin:0px 10px;background:#FF9147 url(https://img01.v15cdn.com/contact-now.gif) 6px center no-repeat;padding:0px 6px 0px 22px;border-radius:3px}
.pro_lb0 .inquire a:hover {text-decoration:none;background-color:#EF7E01}
.pro_lb0 .more {text-align:right;color:#EEE;padding-right:16px}
.pro_lb0 .more a {float:left;margin:8px 0px;background:url(https://img01.v15cdn.com/pro-more.webp) left center no-repeat;padding:0px 0px 0px 18px}
.product_class_menu {width:800px;margin:auto;overflow:hidden}
.pro_img01 {width:161px;height:164px;float:left;margin-left:20px;margin-bottom:40px;position:relative;border:1px solid var(--color)}
.pro_img01 a, .pro_img01 span, .pro_img02 a, .pro_img02 span {display:none;text-decoration:none;font-size:12px;font-weight:bold}
.pro_img01:hover, .pro_img02:hover {cursor:pointer}
.pro_img01:hover a.now, .pro_img02:hover a.now {cursor:pointer;position:absolute;top:0px;width:100%;height:100%;z-index:100;left:0px;display:block}
.pro_img01:hover span, .pro_img02:hover span {display:block;position:absolute;bottom:0px;left:0px;color:#FFF;width:161px;z-index:10;height:42px;line-height:42px;text-align:center;background:#000;filter:alpha(opacity=60);-moz-opacity:0.5;opacity:0.5}
.pro_img02 h3, .pro_img01 h3 {display:none;text-decoration:none;font-size:12px;font-weight:bold}
.pro_img01:hover h3, .pro_img02:hover h3 {display:block;position:absolute;bottom:0px;left:0px;color:#FFF;width:161px;z-index:10;height:42px;line-height:42px;text-align:center;background:#000;filter:alpha(opacity=60);-moz-opacity:0.5;opacity:0.5}
.pro_img02 {width:158px;float:left;margin-left:30px;margin-bottom:40px;position:relative}
.pro_img02 img {border:1px solid var(--color);width:100%;height:154px;overflow:hidden}
.product_details_menu {clear:both;margin:10px auto}
.product_details_pic {width:380px;float:left}
.product_details_con {width:380px;float:right;overflow:hidden}
.details_title {width:450px;float:left;margin-top:25px}
.details_title a {font-size:14px;font-weight:bold;color:#020202}
.details_title a:hover {color:var(--color)}
.details_con {width:100%;float:left;font-size:13px;color:#676767;margin-top:8px;line-height:24px}
.details_inqury {width:100%;float:left;margin-top:40px}
.pro_item {width:800px;margin:auto;overflow:hidden}
.pro_item_con {width:788px;margin-left:12px}
.pro_item_menu {width:788px;height:44px;border-bottom:2px solid var(--color);background:url(item_menu.jpg) left no-repeat}
.pro_item_menu ul {margin:0px;padding:0px;padding-left:20px}
.pro_item_menu ul li {list-style:none;float:left;background-color:var(--color);border-right:1px solid #FFF;color:#333333;font-weight:bold;min-width:100px;height:44px;line-height:44px;text-align:center;font-size:14px}
.pro_item_menu ul li.current {background:var(--color) url(pro_item_menu.jpg) center no-repeat}
.ptitle {clear:both;margin:10px auto 0px;width:100%;height:44px;border-bottom:2px solid var(--color);background:url(item_menu.jpg) left no-repeat}
.ptitle h3 {float:left;background:var(--color) url(pro_item_menu.jpg) center no-repeat;border-right:1px solid #FFF;color:#FFF;font-weight:bold;min-width:100px;height:44px;line-height:44px;text-align:center;font-size:14px;margin:0px 20px;padding:0px 20px 0px 0px}
.pro_item_menu a {display:block;float:left;text-decoration:none;color:#333333;font-weight:bold;min-width:160px;height:44px;line-height:40px;text-align:center;font-size:14px;background-color:var(--color);border:1px solid var(--color)}
.pro_item_menu a:hover {background:var(--color) url(pro_item_menu.jpg) center no-repeat}
.ge {margin-left:20px}
.pro_item_content {clear:both;margin:0px auto;padding:0px}
.kuai .gaa {position:relative;float:none;background-color:white;overflow:none;z-index:1}
.guai .waa {position:relative;float:none;background-color:white;overflow:none;z-index:1}
.form {width:788px;margin:auto;margin-bottom:107px}
.form01 {width:582px;height:322px;margin-left:162px;margin-top:-450px}
.yyy {display:none;position:fixed;width:100%;height:62px;cursor:pointer;z-index:100}
.yyy img {float:right}
.yyy dl {position:absolute;display:none;width:100%;bottom:-150px;height:auto;background-color:var(--color);margin:0px;padding:0px;z-index:101;opacity:0.9}
.yyy dd {width:100%;height:35px;margin:0px;padding:0px;text-align:center;line-height:35px;border-top:#FFF 1px solid;border-bottom:#FFF 1px solid}
.yyy dd a {color:white;font-size:14px}
.yyy dd:hover {background-color:#4B4A4A;color:#999}
.but_01 {display:none;position:fixed;width:100%;height:35px;cursor:pointer;z-index:200;margin-top:95px}
.but_01 img {float:right}
.but_01 dl {position:absolute;display:none;width:100%;bottom:-220px;height:auto;background-color:var(--color);margin:0px;padding:0px;z-index:101;opacity:0.9}
.but_01 dd {width:100%;height:35px;margin:0px;padding:0px;text-align:center;line-height:35px;border-top:#FFF 1px solid;border-bottom:#FFF 1px solid}
.but_01 dd a {color:white;font-size:14px}
.but_01 dd:hover {background-color:#4B4A4A;color:#999}
.newslist {padding-left:10px;float:left}
.newslist ul li {width:98%;float:left;line-height:30px;border-bottom:1px solid #e3e3e3}
.newslist ul li A {font-size:14px;letter-spacing:.5px;color:#888}
.newslist ul li span {float:right;color:#888}
.news_detail_title {text-align:center;font-size:20px;font-weight:bold}
.news_detail_time {text-align:center}
.news_detail_content {text-align:left;line-height:22px;font-size:14px}
.page {float:right;padding-right:3%;color:#666666;font-size:14px;line-height:40px;width:100%;text-align:right}
.page .disabled {margin-right:5px;background:#707070;padding:4px;color:#FFF}
.page .current {margin-right:5px;background:#707070;padding:4px;color:#FFF}
.page A {margin-right:5px;background:#FFF;padding:4px;color:#FFF;border:1px solid #666}
.page A:hover {margin-right:5px;background:#707070;padding:4px;color:#FFF;border:1px solid #707070}
ul.down_ul li {float:left;width:99.5%;height:30px;line-height:30px;border:1px solid #e3e3e3;margin-bottom:10px;background-color:#FFF}
ul.down_ul li div.d1, ul.down_ul li div.d2, ul.down_ul li div.d3 {height:30px;line-height:30px;width:33%;margin:0px;text-align:center;float:left}
ul.down_ul li div.d2 {border-left:1px solid #e3e3e3;border-right:1px solid #e3e3e3}
ul.down_ul li div.d2 img {width:28px}
.f_b {border-bottom:1px solid #E3E3E1}
.bar_bg {height:587px}
.bar_w {width:535px;line-height:22px}
.bar_f {font-size:14px}
.in_gs {background:url(com_16.gif) no-repeat center 0;position:absolute;width:1004px;margin:-61px 0px 0px -20px;padding:20px 20px 0px 20px;z-index:1000}
.in_gs_nr {width:612px;padding-left:18px}
.gs_f {color:#00036A;font-size:24px}
.gs_n {color:#838A94;line-height:20px;padding-top:5px}
.gs_w {width:196px}
.gs_tel {background:url(index_21.gif);padding-left:44px;width:152px;text-align:center;color:#FFF;font-size:18px;line-height:32px;height:32px;margin-top:10px}
.in_con {background:url(index_27.gif);padding-top:42px}
.in_t {background:url(index_30.gif);height:31px;padding-right:24px;width:979px}
.in_tit {background:url(index_29.gif);width:155px;padding-left:57px;text-align:center;height:31px;line-height:31px}
.tit_f {color:#00036A;font-size:22px}
.in_cp {padding:32px 0px 43px 42px;width:961px}
.in_cp_lb li {width:272px;padding-right:62px;float:left}
.in_cp_lb li.npr {padding-right:0px}
.in_cp_f {text-align:center;background:#FAFAFA;border-bottom:1px solid #CCC;padding:18px 8px 18px 8px;width:256px;line-height:24px;color:#A2A2A2}
.wz_f:link, .wz_f:visited {color:#2D3E50;font-size:20px}
.wz_f:hover, .wz_f:active {color:#00036C;text-decoration:underline}
.in_w01 {width:272px}
.icon01 {background:url(index_47.gif) no-repeat 0 0;padding-left:55px;width:217px;line-height:41px;font-size:24px;color:#2C3F4E}
.icon02 {background:url(index_49.gif) no-repeat 0 0}
.icon03 {background:url(index_51.gif) no-repeat 0 0}
.in_jj {line-height:24px}
.lmor:link, .lmor:visited {color:#FFF;background:#333333;padding:4px 10px 4px 10px;line-height:18px}
.lmor:hover, .lmor:active {color:#FFF;text-decoration:underline}
.in_xw li {float:left;width:272px;border-bottom:1px dashed #656565;line-height:22px;padding:5px 0px 5px 0px}
.in_t01 {background:url(index_63.gif);height:63px;padding-right:24px;width:979px}
.in_tit01 {background:url(index_62.gif);width:187px;height:39px;line-height:39px;padding:24px 0px 0px 58px;text-align:center}
.lgduo:link, .lgduo:visited {color:#FE9900;background:#FFF;border:1px solid #CFCFCF;padding:4px 8px 4px 8px;line-height:18px}
.lgduo:hover, .lgduo:active {color:#00036C;text-decoration:underline}
.in_con01 {padding:23px 0px 10px 44px;background:url(index_65.gif);width:959px}
.rollBox {width:959px;overflow:hidden;margin:0px auto;height:210px;line-height:30px}
.rollBox .Cont {width:887px;overflow:hidden;margin:0px auto}
.rollBox .ScrCont {width:1200px}
.rollBox .Cont .pic {width:221px;float:left;text-align:center}
.rollBox #List1, .rollBox #List2 {float:left}
.wen_jt {width:36px;padding-top:48px;text-align:center}
.lj_bg {background:#EFEFEF;padding:48px 0px 58px 0px;margin-top:24px}
.lj_lb li {float:left;line-height:24px}
.lj_lb li.jw01 {width:340px;padding-right:65px}
.lj_lb li.jw02 {width:230px;padding-right:50px}
.lj_lb li.jw03 {width:318px}
.lj_f {font-size:24px;color:#2D3E52}
.lj_icon01 {background:url(index_89.gif) no-repeat 0px 6px;padding-left:48px;width:270px}
.lj_icon02 {background:url(index_92.gif) no-repeat 0px 6px;padding-left:48px;width:270px}
.copy_bg {background:#010068;border-top:1px solid #FFF;line-height:44px;height:44px;color:#FFF}
.fx_p {padding:14px 0px 0px 10px}
.ny_bar {background:url(ny_02.jpg) no-repeat center 0;height:249px}
.ny_con {padding:42px 0px 30px 0px}
.ny_w {width:239px}
.ny_t {background:url(ny_05.gif);height:43px;line-height:34px;padding-left:25px;width:214px;color:#FFF;font-size:16px}
.cp_fl {background:url(ny_11.gif)}
.fl_bg {background:url(ny_27.gif) no-repeat bottom;min-height:180px;padding:0px 15px 0px 21px;width:203px}
.cp_lm li {float:left;width:203px}
.cp_lm li {float:left;width:190px;padding:0px 10px 0px 3px}
.cp_lm li.semor {padding:15px 0px 15px 0px;text-align:right;line-height:30px}
.cpmenu:link, .cpmenu:visited {color:#323232;padding-left:18px;background:url(ny_18.gif) no-repeat 0 10px;display:block;line-height:30px;padding-top:5px;border-bottom:1px solid #D0D0CE}
.cpmenu:hover, .cpmenu:active {color:#FE9900;background:url(ny_14.gif) no-repeat 0 10px}
.cpmenu_1:link, .cpmenu_1:visited, .cpmenu_1:hover, .cpmenu_1:active {color:#FE9900;padding-left:18px;background:url(ny_14.gif) no-repeat 0 10px;display:block;line-height:30px;padding-top:5px;border-bottom:1px solid #D0D0CE}
.ny_t01 {background:#00036C;line-height:34px;text-align:center;color:#FFF;font-size:16px;margin-top:41px}
.rollBox01 {width:237px;overflow:hidden;margin:0px auto;height:170px;line-height:30px;border:1px solid #CCC;padding-top:15px}
.rollBox01 .Cont {width:165px;overflow:hidden;margin:0px auto}
.rollBox01 .ScrCont {width:1200px}
.rollBox01 .Cont .pic {width:166px;float:left;text-align:center}
.rollBox01 #List1, .rollBox01 #List2 {float:left}
.ny_w01 {width:739px}
.ny_loc {background:url(ny_08.gif) no-repeat 0px 8px;padding-left:28px;border-bottom:1px solid #CCC;line-height:34px;width:711px}
.pro_lb li {float:left;width:229px;padding-bottom:35px;padding-right:8px;padding-left:9px}
.pro_lb li.npage {text-align:center;padding:20px 0px 0ppx 0px;width:739px}
.pro_k {border:2px solid #EEEEEC;padding:17px 17px 10px 17px;width:191px}
.pro_w {width:191px}
.pro_cs li {background:url(ny_24.gif) no-repeat 0 9px;padding:0px 0px 0px 12px;line-height:24px;width:179px}
.pro_cs li.byy {background:url(cp_12.jpg) no-repeat 0 9px;color:#FD9A00}
.ny_w02 {width:722px}
.ny_tit {line-height:33px;padding-left:15px;background:#EAE8E9;color:#2B4053;font-weight:bold;width:707px}
.zs_l {width:483px}
.zs_r {width:220px}
.zs_cs li {background:url(ny_24.gif) no-repeat 0 9px;padding:0px 0px 0px 12px;line-height:24px;width:208px}
.pro_ssx {border:1px dashed #DCDCDC;padding:0px 14px 0px 14px;line-height:26px;width:692px;margin-top:26px}
.T_Menu_02 {width:722px;background:#EAE8E9;line-height:34px;height:34px}
.T_Menu_02 label {float:left;width:230px;color:#787878;text-align:center;font-weight:bold}
.T_Menu_02 .selected {background:#FF9900;color:#FFF}
.show_t {background:#EAE8E9;line-height:34px;height:34px;padding-left:22px;color:#455564;width:700px}
.show_lb li {float:left;width:192px;padding:30px 24px 30px 24px}
.show_f {text-align:center;background:#FAFAFA;border-bottom:1px solid #CCC;padding:18px 8px 18px 8px;width:176px;line-height:24px;color:#A2A2A2}
#weix {position:absolute;width:215px;margin:-178px 0px 0px -217px;z-index:99999;visibility:hidden}
.suckerdiv ul {margin:0px;list-style-type:none;width:190px;float:left;padding:0px;line-height:36px}
.suckerdiv ul li {position:relative}
.suckerdiv ul li ul {left:190px;position:absolute;width:190px;top:0px;display:none;background:#EEE;z-index:99999}
.suckerdiv ul li ul li ul {left:190px}
.suckerdiv ul li a {display:block;color:black;text-decoration:none;background:#CFCFCF;border-bottom:0px;width:170px;padding:0px 5px 0px 15px;border-bottom:1px solid #e3e3e3}
.suckerdiv ul li a:visited {color:black}
.suckerdiv ul li a:hover {color:white;background-color:#CDCDCD}
.suckerdiv .subfolderstyle {background:url(arrow-list.gif) no-repeat center right}
.go {width:37px;height:105px;position:fixed;_position:absolute;_top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop, 10)||20)-(parseInt(this.currentStyle.marginBottom, 10)||0)));right:0px;bottom:1%}
.pic_b {border:1px solid #CCC}
.pic_b01 {border:1px solid #FFF}
.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:#FD1A2B;border:1px solid #FD1A2B;height:24px;overflow:hidden}
.product_details_con h1.title {line-height:22px;font-size:15px;margin:0px;padding:0px;text-align:left}
#inquiry_btn {display:block;width:114px;height:36px;line-height:32px;color:#FFF;background:url(send_inqury.jpg) no-repeat;text-align:center;font-size:16px;font-weight:bold}
.gray01:link, .gray01:visited, .gray01:hover, .gray01:active {color:#333333;display:block;text-align:center;background:#FFF;border-left:1px solid #BABABA;border-right:1px solid #BABABA;border-top:3px solid #7FBD1A;line-height:48px;text-align:center;font-size:16px}
.gray02:link, .gray02:visited {color:#333333}
.gray02:hover, .gray02:active {color:#FF9904}
.yellow {color:#FF9904}
.yellow01:link, .yellow01:visited, .yellow01:hover, .yellow01:active {color:#7FBD1A}
.yellow02:link, .yellow02:visited {color:#7FBD1A}
.yellow02:hover, .yellow02:active {color:#00036C;text-decoration:underline}
.red01:link, .red01:visited {color:#FE0000}
.red01:hover, .red01:active {color:#00036C;text-decoration:underline}
.blue {color:#010068}
.blue01:link, .blue01:visited {color:#2C3F50}
.blue01:hover, .blue01:active {color:#00036C;text-decoration:underline}
.black {color:#333333}
.font_16 {font-size:16px}
.m_t {margin-top:8px}
.m_t01 {margin-top:17px}
.m_t02 {margin-top:39px}
.table {border-collapse:collapse}
.table td, .table th {border:1px solid #CDCDCD;padding:5px}
.table p {padding:0px;margin:0px}
.table td p {padding:0px;margin:0px}
.submenu_info {clear:both}
.prosubmenu li {float:left;width:32%;line-height:24px}
.prosubmenu {padding:3px 0px 0px 10px}
.containers {margin:0px auto;width:1000px;margin-top:20px;clear:both}
.containers h4 {margin:0px auto;padding:0px}
.rnews, .rollPro {width:100%;margin:0px auto;clear:both;padding:0px 12px}
.rnews h3, .rollPro  h3 {font-size:16px;line-height:36px;height:42px;color:var(--color)}
.rnews li {float:left;width:49.5%;height:28px;line-height:28px;background:url(dd.gif) 5px center no-repeat;text-indent:15px}
.rnews li a {color:#666666;display:block;width:96%;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;font-size:12px;border-bottom:1px dashed #EEE}
.rnews li a:hover {color:var(--color)}
.rollPro {height:220px}
.rollPro .Cont {width:740px;overflow:hidden;margin:0px auto}
.rollPro .ScrCont {width:1200px}
.rollPro .pic {width:169px;padding:0px 8px;margin-left:0px}
.rollPro .pbox img {max-width:167px;max-height:130px;line-height:130px;_margin-top:expression_r((300-this.height)/2)}
.rollPro .pbox {width:167px;height:130px;line-height:130px;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}
.a_more a {padding:0px 8px;color:#FFF}
.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;padding-top:10px}
.newslist ul {padding-right:16px}
.newslist li {text-align:right;height:32px;background:url(pro_listshow.png) -2px -8px no-repeat;font-size:13px;border-bottom:1px dashed #DDD;line-height:32px;text-indent:22px;color:#999}
.newslist li a {float:left}
.newslist li a:hover {color:var(--color);text-decoration:underline}
.scontent {font-size:14px;line-height:24px;padding-left:16px;text-align:left}
.info {color:#999;text-align:right;font-size:12px}
.info span {color:#333333}
.newsDate {text-align:right}
.newsDate span {color:#999}
.hid {display:none}
#btnSearch, #ImgSend_I {cursor:pointer}
.emenu {clear:both;text-align:center;line-height:30px;height:36px;padding-top:20px;font-size:14px}
.emenu a {color:#333333;padding:0px 3px}
.emenu a:hover {color:var(--color)}
.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:#0A4DA6;border-radius:2px;font-size:18px}
.buybtn a:hover {background:#145CBC;color:#FFF;border-radius:2px}
.pshare {display:block;padding:8px 0px 0px 0px}
.jsshare {text-align:center;padding-top:8px}
.pshare li {float:left;width:48%;height:28px;line-height:28px}
.pshare li img {vertical-align:middle;margin-right:12px}
.jsshare span.stxt {display:inline-block;font-size:14px;line-height:24px;padding:0px 8px 0px 0px;position:relative}
.jsshare a, .jsshare a img {width:35px;vertical-align:middle}
.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;height:32px;margin:16px 0px 0px 0px;line-height:32px;background:url(https://img01.v15cdn.com/down1_2.webp) right top no-repeat;padding-right:50px}
.pdown1 #A_DownLoadProduct span {display:inline-block;height:32px;background:url(https://img01.v15cdn.com/down1_1.webp)no-repeat;padding:0px 0px 0px 16px}
.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;height:45px;background:url(https://img01.v15cdn.com/down2_1.webp)no-repeat;padding:0px 12px 0px 16px}
.pdown2 #A_DownLoadProduct {background:url(https://img01.v15cdn.com/down2_2.webp) right top no-repeat}
.pdown3 #A_DownLoadProduct {background:url(https://img01.v15cdn.com/down2_3.webp) right top no-repeat}
.pdown4 #A_DownLoadProduct {background:url(https://img01.v15cdn.com/down2_4.webp) right top no-repeat}
#xyz *{box-sizing:border-box}
#xyz{position:relative;z-index:99999;width:120px;height:30px;line-height:30px;margin-left:10px;float:right}
.xyz12{width:100%;position:absolute;height:100%}
.xyz12 ul{border:1px #CCC solid;background:#F2F2F2;border-radius:5px}
.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;background:url(https://img01.v15cdn.com/amore.webp) center no-repeat;display:block;width:30px;height:30px;cursor:pointer;z-index:100}
.xyz12 span.dp{background:url(https://img01.v15cdn.com/amore1.webp) center no-repeat}
.xyz12 li img {vertical-align:middle;margin:0px 7px 0px 0px}
.xyz12 li:hover{background:#FFF}
#indproduct .container {max-width:1480px;margin:50px auto 30px;padding:0px 20px;min-width:1110px;box-sizing:border-box}
.intitle {text-align:center;color:#000;font-size:32px;line-height:1.3;margin-bottom:34px}
ul.prodln {display:flex;flex-wrap:wrap;justify-content:space-between}
ul.prodln li {width:23.5%;text-align:center;margin-bottom:25px}
ul.prodln li .prpic img {width:100%}
ul.prodln li .protit {font-size:16px;padding:10px 10px 0px;color:#222}
#showroom-tabs {display:flex;background:#f4f4f4;margin:20px 0px 8px}
#showroom-tabs a {display:flex;width:33.333%;align-items:center;padding:6px;justify-content:center;cursor:pointer;color:#000}
#showroom-tabs a h6 {font-size:14px}
#showroom-tabs a img {margin-right:5px}
#showroom-tabs a.active {background:#ddd;color:#000}
.showroom-related-search {font-size:14px;font-weight:bold;color:#000;margin:14px 0px 8px}
ul.showroom-related-search-li {display:flex;flex-wrap:wrap}
ul.showroom-related-search-li li {border-radius:5px;border:1px solid #CCC;margin:0px 8px 8px 0px}
ul.showroom-related-search-li li a {display:inline-block;line-height:28px;padding:0px 12px}
.showroom-review-title {display:flex;margin-bottom:8px}
.showroom-review-title a {margin:0px auto 0px 8px;font-size:13px}
.showroom-review-item {margin-bottom:15px;border:1px solid #CCC;padding:10px}
.proIntro a {color:#666}
.ptit {font-weight:bold;margin-top:15px}
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}
.left01{width:100%;box-sizing:border-box;border-left-width:3px;border-right-width:3px;border-bottom-width:3px;overflow:hidden;border-color:#85c227;}
.sidebar-item *{box-sizing:border-box;}
.sidebar-item{box-sizing:border-box;width:100%;position:relative;margin-bottom:20px}
.sidebar-item.sidebar-search{display:flex;justify-content:space-between;align-items:center;border:none;padding:15px 10px;margin-bottom:0}
.email-subscription{display:flex;flex-direction:column;width:100%}
.email-subscription input{background:#fff;font-size:12px;width:100%;outline:0;border:1px solid #ccc;height:34px;border-radius:0;padding:0 5px;transition:all .1s linear}
.email-subscription button{font-size:12px;margin-top:6px;width:100%;height:34px;background:var(--color);color:#fff;border:none;border-radius:0;cursor:pointer;transition:all .1s linear}
.company-intro p{padding:10px;font-size:12px;line-height:1.6;color:#555;}
.sidebar-item .sidebar-list .item{display:flex;align-items:center;justify-content:space-between;padding:10px;border-bottom:1px solid #eaeaea}
.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:80px;height:64px;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:0 0 0 10px;text-align:left;width:calc(100% - 70px)}
.sidebar-item .sidebar-list .item .info .title{color:#333;font-size:14px;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:4px;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:15px 10px;background:#f8f8f8;margin:0}
.blogflex .blogflex-img{width:50px;height:50px;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:right}
.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)}}