@charset "utf-8";
@import url(language.css);
:root{--color:#01c5fd;--fontcolor:#333333;--fontbold3:300;--fontbold4:400;--fontbold5:500;--fontbold6:600;--fontbold7:700}
blockquote,body,button,caption,dd,div,dl,dt,fieldset,figure,form,h1,h2,h3,h4,h5,h6,hr,html,input,legend,li,menu,ol,p,pre,table,td,textarea,th,ul{margin:0px;padding:0px}
address,article,aside,details,figcaption,figure,footer,header,menu,nav,section{display:block}
table{border-collapse:collapse;border-spacing:0}
caption,th{text-align:left;font-weight:var(--fontbold4)}
abbr,body,fieldset,html,iframe,img{border:0}
address,cite,dfn,em,i,var{font-style:normal}
[hidefocus],summary{outline:0}
li{list-style:none}
h1,h2,h3,h4,h5,h6,small{font-size:100%}
sub,sup{font-size:83%}
code,kbd,pre,samp{font-family:inherit}
q:after,q:before{content:none}
textarea{overflow:auto;resize:none}
label,summary{cursor:default}
a,button{cursor:pointer}
b,em,h1,h2,h3,h4,h5,h6,strong{font-weight:var(--fontbold7)}
a,a:hover,del,ins,s,u{text-decoration:none}
body,button,input,keygen,legend,select,textarea{font:14px/1.6 arial;color:var(--fontcolor);outline:0}
body {margin:0px auto;padding:0px;background:#FFF}
a,a:hover{color:#333333}
img{border:0}
.navbar{position:absolute;top:0px;left:0px;z-index:50;width:100%;box-shadow:0 0 0 1px rgba(255,255,255,.4);background:rgba(0,0,0,.1);zoom:1}
.navbar:after,.navbar:before{content:"";display:table}
.navbar:after{clear:both}
.navbar .container{margin:0px auto;padding:0px 5px;position:relative}
.navbar .container .navbar-header{zoom:1;width:100%}
.navbar .container .navbar-header:after,.navbar .container .navbar-header:before{content:"";display:table}
.navbar .container .navbar-header:after{clear:both}
.navbar .container .navbar-header .navbar-brand{float:left;display:block;padding:12px 0px 11px 0px}
.navbar .container .navbar-header .navbar-brand img{vertical-align:middle}
.navbar .container .navbar-header .navbar-toggle{display:block;position:relative;float:right;margin-right:15px;padding:9px 10px;margin-top:15px;background-color:transparent;background-image:none;border:1px solid transparent;border-radius:4px;border-color:#ddd}
.navbar .container .navbar-header .navbar-toggle .sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0px;overflow:hidden;clip:rect(0,0,0,0);border:0}
.navbar .container .navbar-header .navbar-toggle .icon-bar{display:block;width:38px;height:4px;border-radius:1px;margin:6px 3px;background:#888}
.navbar .container .navbar-collapse{width:100%;display:none;position:fixed;left:0px;z-index:55;background:rgba(0,0,0,.1)}
.navbar .container .navbar-collapse .nav_en{padding-top:26px}
.navbar .container .navbar-collapse .nav_en li{display:block;position:relative;padding:0px 20px;text-align:center;padding:0px 3px}
.navbar .container .navbar-collapse .nav_en li a{display:block;line-height:34px;color:#FFF;font-size:14px}
.navbar .container .navbar-collapse .nav_en .dropdown .dropdown-menu{display:none;width:auto;position:fixed;left:-200%;top:-200%;padding-top:15px}
.navbar .container .navbar-collapse .nav_en .dropdown .dropdown-menu li{display:block;width:100%;height:auto;padding:0px;z-index:20;text-align:center;border-bottom:1px solid #d1d6d8;background:#FFF}
.navbar .container .navbar-collapse .nav_en .dropdown .dropdown-menu li a{display:block;padding:0px 0px 0px 11px;color:#f54747}
.navbar .container .navbar-collapse .nav_en .dropdown .dropdown-menu li li:last-child{border:0}
.navbar .container .navbar-collapse .nav_en .dropdown .dropdown-menu li li:hover{background:#0fc5fa}
.navbar .container .navbar-collapse .nav_en .dropdown .dropdown-menu li li:hover a{color:#FFF}
.navbar .container .navbar-collapse .nav_en .dropdown.open .dropdown-menu{display:block}
.navbar .container .navbar-collapse .nav_en .select-flag{display:none}
.bPosition{padding:15px 2%;font-size:14px;background:#f8fafb;margin-bottom:2%}
.navbar .container .collapse{display:block}
@media (max-width:768px){
.navbar .container .navbar-header .navbar-brand{width:12.27%;padding:1.6% 0 1.47% 0}
.navbar .container .navbar-header .navbar-brand img{width:100%;height:100%}
.navbar .container .navbar-header .navbar-toggle{width:8.8%;padding:1.2% 1.33%;margin:2% 2% 0 0}
.navbar .container .navbar-header .navbar-toggle .icon-bar{width:90%;height:2px;margin:9% 4.5%}}
@media (min-width:768px){
.navbar .container{width:750px}}
@media (min-width:992px){
.navbar .container{width:955px}
.navbar .container .navbar-header{width:auto;float:left;zoom:1}
.navbar .container .navbar-header:after,.navbar .container .navbar-header:before{content:"";display:table}
.navbar .container .navbar-header:after{clear:both}
.navbar .container .navbar-header .navbar-toggle{display:none}
.navbar .container .navbar-collapse{display:block;position:relative;background:0 0}
.navbar .container .navbar-collapse .nav_en{float:right}
.navbar .container .navbar-collapse .nav_en li{float:left;padding:0px 10px;height:54px}
.navbar .container .navbar-collapse .nav_en .dropdown .dropdown-menu{display:none;position:absolute;padding-top:15px;width:205px;top:40px;left:50%;margin:0px 0 0 -102px}
.navbar .container .navbar-collapse .nav_en .dropdown .dropdown-menu li{display:block;width:100%;padding:0px;z-index:20;text-align:left;border-bottom:1px solid #d1d6d8;background:#FFF}
.navbar .container .navbar-collapse .nav_en .dropdown .dropdown-menu li a{display:block;padding:8px 0 8px 11px;color:#032b36;line-height:18px}
.navbar .container .navbar-collapse .nav_en .dropdown .dropdown-menu li:last-child{border:0}
.navbar .container .navbar-collapse .nav_en .dropdown .dropdown-menu li:hover{background:#0fc5fa}
.navbar .container .navbar-collapse .nav_en .dropdown .dropdown-menu li:hover a{color:#FFF}
.navbar .container .navbar-collapse .nav_en .dropdown.open .dropdown-menu{display:block}
.navbar .container .navbar-collapse .nav_en .select-flag{display:block;float:left;width:133px;height:23px;margin:0px 10px;background:rgba(0,0,0,.1);border-radius:4px 4px 0px 0px;padding:7px 0px 0px 0px}
.navbar .container .navbar-collapse .nav_en .select-flag .flage-show{position:relative;width:109px;height:16px;margin:0px auto;cursor:pointer}
.navbar .container .navbar-collapse .nav_en .select-flag .flage-show i{color:#FFF;display:inline-block;line-height:16px;vertical-align:top}
.navbar .container .navbar-collapse .nav_en .select-flag .flage-show img{display:inline-block;margin:0px 5px 0 0}
.navbar .container .navbar-collapse .nav_en .select-flag .flage-show .lower{position:absolute;right:0px;top:5px;width:17px;display:block;overflow:hidden;height:10px}
.navbar .container .navbar-collapse .nav_en .select-flag .flage-show .lower:before{content:'';height:8px;width:8px;display:block;border:2px solid #bbb;border-right-width:0px;border-top-width:0px;transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-o-transform:rotate(-45deg);-ms-transform:rotate(-45deg);position:absolute;bottom:3px;left:3px}
.navbar .container .navbar-collapse .nav_en .select-flag .flage-show span.lower-icon:before{content:'';height:8px;width:8px;display:block;border:2px solid #bbb;border-right-width:0px;border-top-width:0px;transform:rotate(135deg);-webkit-transform:rotate(135deg);-moz-transform:rotate(135deg);-o-transform:rotate(135deg);-ms-transform:rotate(135deg);position:absolute;top:3px;left:3px}
.navbar .container .navbar-collapse .nav_en .select-flag .flage-item{background:rgba(0,0,0,.1);margin-top:7px;display:none}
.navbar .container .navbar-collapse .nav_en .select-flag .flage-item .flage-list{zoom:1}
.navbar .container .navbar-collapse .nav_en .select-flag .flage-item .flage-list:after,.navbar .container .navbar-collapse .nav_en .select-flag .flage-item .flage-list:before{content:"";display:table}
.navbar .container .navbar-collapse .nav_en .select-flag .flage-item .flage-list:after{clear:both}
.navbar .container .navbar-collapse .nav_en .select-flag .flage-item .flage-list img{float:left;margin:7px 8px 0 12px}
.navbar .container .navbar-collapse .nav_en .select-flag .flage-item .flage-list i{color:#FFF;line-height:30px;display:block;float:left}}
@media (min-width:1200px){
.navbar .container{width:1170px}
.navbar .container .navbar-collapse{display:block}
.navbar .container .navbar-collapse .nav_en li{margin:0px 0 0 30px}
.navbar .container .navbar-collapse .nav_en li .dropdown-menu li{margin:0px}}
.banner{zoom:1}
.banner:after,.banner:before{content:"";display:table}
.banner:after{clear:both}
.banner img{margin:0px auto;max-width:100%;width:auto;height:auto;display:block}
.banner .banner-slider{height:100%!important;position:relative;overflow:hidden}
.banner .banner-slider .slider_img{display:block;text-align:center;height:100%}
.banner .banner-slider .bdbd{position:absolute;bottom:8%;height:6px;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}
.banner .banner-slider .bdbd ul{zoom:1}
.banner .banner-slider .bdbd ul:after,.banner .banner-slider .bdbd ul:before{content:"";display:table}
.banner .banner-slider .bdbd ul:after{clear:both}
.banner .banner-slider .bdbd ul li{float:left;display:inline;overflow:hidden;text-indent:-30000px;margin:0px 8px}
.banner .banner-slider .bdbd ul li a{display:block;width:14px;height:6px;background:url(../images/slide_dots.png) no-repeat}
.banner .banner-slider .bdbd ul li .wmuActive{background-position:-19px 0px}
.search{position:relative;background:var(--color);padding:2% 0}
.search .container{margin:0px auto;zoom:1}
.search .container:after,.search .container:before{content:"";display:table}
.search .container:after{clear:both}
.search .container .search-ipt{float:left;width:300px;position:relative;zoom:1}
.search .container .search-ipt:after,.search .container .search-ipt:before{content:"";display:table}
.search .container .search-ipt:after{clear:both}
.search .container .search-ipt input{position:absolute;width:63%;height:50px;padding:0px 2%;border:0px;font-size:16px;border:1px solid #032b36;left:0px;top:5px;background:url(../images/search-icon.png) #FFF no-repeat 93% center}
.search .container .search-ipt button{background:#032b36;height:60px;padding:0px 35px 0 50px;border:0px;font-size:13px;color:#FFF;float:right}
.search .container .seach-title{position:absolute;top:19px;left:0px;width:40%;height:70px;background:#032b36;color:#FFF;text-align:left;padding-top:20px}
.search .container .seach-title h2{padding-left:20%;font-weight:var(--fontbold4);font-size:18px;line-height:30px}
.search .container .seach-title i{padding-left:20%;opacity:.5}
@media (min-width:768px){
.search .container .search-ipt{width:400px}
.search .container .search-ipt input{width:68%}
.search .container .search-ipt button{font-size:16px}
.search .container .search-title{color:#032b36;font-weight:var(--fontbold4);height:85px}
.search .container .search-title h2{font-size:25px;line-height:46px;padding-left:15%}
.search .container .search-title i{padding-top:5px;font-size:13px;padding-left:15%}}
@media (min-width:992px){
.search .container{width:990px}
.search .container .search-ipt{width:500px}
.search .container .search-ipt input{width:68%}
.search .container .seach-title{height:100px;padding-top:30px}
.search .container .seach-title h2{font-size:30px;line-height:46px;padding-left:15%}
.search .container .seach-title i{padding-top:5px;font-size:16px;padding-left:15%}}
@media (min-width:1200px){
.search{width:100%;padding:45px 0 5px}
.search .container{width:1200px}
.search .container .search-ipt{width:706px;position:relative;zoom:1}
.search .container .search-ipt:after,.search .container .search-ipt:before{content:"";display:table}
.search .container .search-ipt:after{clear:both}
.search .container .search-ipt input{position:absolute;width:76%;height:50px;padding:0px 2%;border:0px;font-size:16px;left:0px;top:5px}
.search .container .search-ipt button{background:#032b36;height:60px;padding:0px 35px 0 50px;border:0px;font-size:18px;color:#FFF;float:right}
.search .container .seach-title{height:114px;padding-top:50px}
.search .container .seach-title h2{font-size:30px;line-height:46px}
.search .container .seach-title i{padding-top:5px;font-size:16px}}
.two-search{padding:25px 0px}
.two-search .container .seach-title{height:75px;padding-top:25px}
.search{position:relative;width:100%;background-color:#f8fafb}
.search .container .icon{width:52px;height:70px;border-radius:30px;position:absolute;top:-25px;left:50%;margin-left:-26px;background:url(../images/public-icon.png) #f8fafb no-repeat center center}
.search .container .search-title{width:30%;margin-left:5%;float:left;line-height:54px}
@media screen and (min-width:1200px){
.search .container .search-title{font-size:32px}
.search .container .search-ipt{width:647px}}
@media screen and (max-width:1200px) and (min-width:992px){
.search .container .icon{width:45px;height:60px;background-size:60%}
.search .container .search-title{font-size:26px}
.search .container .search-ipt{width:500px}}
@media screen and (max-width:992px) and (min-width:762px){
.search .container .icon{width:40px;height:53px;background-size:55%}
.search .container .search-title{font-size:20px}
.search .container .search-ipt{width:450px}}
@media screen and (max-width:762px) and (min-width:650px){
.search .container .icon{width:40px;height:53px;background-size:50%}
.search .container .search-title{font-size:16px}
.search .container .search-ipt{width:400px}}
@media screen and (max-width:650px) and (min-width:450px){
.search .container .icon{width:30px;height:38px;background-size:50%;top:-10px;margin-left:-15px}
.search .container .search-title{font-size:16px;width:100%;margin-left:0px;text-align:center}
.search .container .search-title{float:none;margin-top:15px;line-height:30px}
.search .container .search-ipt{width:70%;float:none;margin:0px auto}
.search .container .search-ipt input{height:30px}
.search .container .search-ipt button{height:40px}}
@media screen and (max-width:450px){
.search .container .icon{width:30px;height:38px;background-size:50%;top:-10px;margin-left:-15px}
.search .container .search-title{font-size:16px;width:100%;margin-left:0px;text-align:center}
.search .container .search-title{float:none;margin-top:15px;line-height:30px}
.search .container .search-ipt{width:90%;float:none;margin:0px auto}
.search .container .search-ipt input{height:30px}
.search .container .search-ipt button{height:40px}}
@media screen and (max-width:375px){
.search .container .icon{width:20px;height:27px;background-size:60%;top:-10px;margin-left:-10px}}
footer{position:relative;background:#191d1f}
footer .suspend{width:53px;height:68px;background:url(../images/public-icon.png) #FFF no-repeat center center;border-radius:30px;position:absolute;top:0px;left:50%;transform:translateX(-50%) translateY(-50%);-webkit-transform:translateX(-50%) translateY(-50%)}
footer .container{zoom:1;max-width:1200px;padding:60px 0 24px;margin:0px auto}
footer .container:after,footer .container:before{content:"";display:table}
footer .container:after{clear:both}
footer .container .col{float:left;display:inline;width:262px;height:290px;margin:0px 0 0 2.5%}
footer .container .col .pro-title{font-size:18px;font-weight:var(--fontbold7);color:var(--color);line-height:20px;border-left:1px solid var(--color);margin-bottom:27px;padding-left:20px;position:relative}
footer .container .col .item-distance{margin-left:20px}
footer .container .col .topsino-phase{width:235px;color:#565656;font-size:14px;margin-top:21px;line-height:2}
footer .container .col .topsino-phase span{display:block}
footer .container .col .leam-more{width:163px;height:40px;margin-top:25px}
footer .container .col .leam-more a{display:block;text-align:center;line-height:40px;position:relative;zoom:1}
footer .container .col .leam-more a:after,footer .container .col .leam-more a:before{content:"";display:table}
footer .container .col .leam-more a:after{clear:both}
footer .container .col .leam-more a .word{width:127px;font-size:18px;color:#69757a;float:left;background:#292e30}
footer .container .col .leam-more a .icon{float:right;height:40px;background:#2e3335}
footer .container .col .leam-more a .icon img{padding:12.5px 13.5px}
footer .container .col .contact-list li{width:262px;margin:0px 0 16px;color:#565656}
footer .container .col .contact-list li .m-icon{float:left;display:inline-block;width:24px;height:21px;background:url(../images/foot_icon.png) no-repeat 0 0;vertical-align:middle}
footer .container .col .contact-list li .add{background-position:0 0}
footer .container .col .contact-list li .tel{background-position:0 -22px}
footer .container .col .contact-list li .mail{background-position:0 -44px}
footer .container .col .contact-list li .txt{float:left;width:216px;padding:0px 0px 0px 20px;font-size:14px;line-height:1.8}
footer .container .col .contact-list li .txt a{color:#565656}
footer .container .col .contact-list li .txt a:hover{color:var(--color)}
footer .container .col .cate-list{margin:-12px 0px 0px 20px}
footer .container .col .cate-list li{position:relative;width:262px;height:39px;line-height:39px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:14px}
footer .container .col .cate-list li a{position:relative;color:#565656;padding:0px 0 0 10px}
footer .container .col .cate-list li a:hover{color:var(--color)}
footer .container .col .cate-list li a:before{content:'';position:absolute;top:50%;left:0px;width:0px;height:0px;margin:-3px 0px 0px;border-top:3px solid transparent;border-left:5px solid var(--color);border-bottom:3px solid transparent}
footer .container .col .cate-list li a:after{content:'';position:absolute;top:50%;left:-2px;width:0px;height:0px;margin:-3px 0px 0px;border-top:3px solid transparent;border-left:5px solid #161616;border-bottom:3px solid transparent}
footer .container .col .qr-wrap{display:inline-block;width:184px;height:184px;padding:4px;border:1px solid #343434}
@media screen and (max-width:1200px) and (min-width:570px){
footer .suspend{width:45px;height:60px;background-size:60%}
footer .container{max-width:560px}}
@media screen and (max-width:992px) and (min-width:762px){
footer .suspend{width:40px;height:53px;background-size:55%}}
@media screen and (max-width:762px){
footer .suspend{width:40px;height:53px;background-size:50%}}
@media screen and (max-width:570px){
footer .container{max-width:270px}}
#turn-page{width:100%;margin:30px 0px;color:#ababab;line-height:32px;text-align:center;overflow:hidden}
#turn-page .pagelist{display:flex;width:50%;margin:0px auto;zoom:1;align-items:center;white-space:nowrap}
#turn-page .pagelist:after,#turn-page .pagelist:before{content:"";display:table}
#turn-page .pagelist:after{clear:both}
#turn-page a,#turn-page span{padding:0px 10px;float:left;margin-left:5px;color:#ababab;font-size:14px;line-height:32px;text-align:center;display:block}
#turn-page a:link,#turn-page a:visited{background:#FFF;color:#ababab}
#turn-page a:active,#turn-page a:hover,#turn-page span.ctxt{background:var(--color);color:#FFF}
@media screen and (max-width:520px){
#turn-page .pagelist{width:85.23%}}
.pro-list{width:100%;zoom:1}
.pro-list:after,.pro-list:before{content:"";display:table}
.pro-list:after{clear:both}
.pro-list .ninelist{width:31.05%;float:left;display:inline;margin-left:1.5%;margin-top:2.2%;position:relative}
.pro-list .ninelist a{position:relative;display:block}
.pro-list .ninelist a img{width:100%;height:100%}
.pro-list .ninelist .mark{width:100%;height:100%;background:#000;background:rgba(0,0,0,.7);position:absolute;top:0px;left:0px;display:none}
.pro-list .ninelist .mark .z-ct{margin-top:50%}
.pro-list .ninelist .mark .z-ct span{font-size:16px;line-height:20px;color:#FFF;display:block;text-align:center}
.pro-list .ninelist .mark .z-ct a{width:145px;margin:0px auto;display:block;height:30px;font-size:18px;line-height:30px;text-align:center;background:var(--color);color:#FFF;margin-top:10px}
.pro-list .ninelist:hover .mark{display:block}
.g-second .g-main .g-sidebar .list{width:98%;margin-left:2%}
.g-second .g-main .g-sidebar .list .title{font-size:16px;line-height:20px;color:#000;padding:17px 0 17px 26px;background:url(../images/hl_left.png) no-repeat left center;cursor:pointer;border-bottom:1px solid #e3e3e3;display:block}
.g-second .g-main .g-sidebar .list .titletwo{line-height:20px;background-position:left 17px}
.g-second .g-main .g-sidebar .list .active{background:url(../images/hl_down.png) no-repeat left 20px}
.sidebar-menu li ul{display:none}
.sidebar-menu li:hover ul{display:block}
.g-second .g-main .g-sidebar .list li{padding-left:26px;margin-top:13px}
.g-second .g-main .g-sidebar .list li a{background:url(../images/hl_left.png) no-repeat left center;padding-left:16px;font-size:14px;line-height:16px;color:#666}
.g-second .g-main .g-sidebar .list li a:hover{color:#252525}
.table{border-collapse:collapse}
.table td,.table th{border:1px solid #cdcdcd;padding:5px}
.table p{padding:0px;margin:0px}
.con-us{line-height:20px;font-size:14px;margin-top:10px}
.pdown1 #A_DownLoadProduct{display:inline-block;clear:both;height:32px;margin:16px 0px 0px 0px;line-height:32px;background:url(../images/down1_2.webp) right top no-repeat;padding-right:50px}
.pdown1 #A_DownLoadProduct span{display:inline-block;height:32px;background:url(../images/down1_1.webp) no-repeat;padding:0px 0 0 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(../images/down2_1.webp) no-repeat;padding:0px 12px 0 16px}
.pdown2 #A_DownLoadProduct{background:url(../images/down2_2.webp) right top no-repeat}
.pdown3 #A_DownLoadProduct{background:url(../images/down2_3.webp) right top no-repeat}
.pdown4 #A_DownLoadProduct{background:url(../images/down2_4.webp) right top no-repeat}
.g-sidebar .hot{width:100%;padding-top:80px}
a.navbar-brand img{height:auto;max-width:100%}
.rollPro1{width:100%;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:0px}
.rollPro1 li:nth-of-type(6){margin-right:0px}
.rollPro1 li:nth-of-type(9){margin-right:0px}
.rollPro1 li:nth-of-type(12){margin-right:0px}
.rollPro1 li .pbox{border:1px solid #EEE;padding:4px;height:150px}
.rollPro1 li .pbox img{max-width:100%;max-height:150px}
.rollPro1 li p{height:40px;line-height:20px;overflow:hidden;margin:10px auto}
.pro-body{clear:both;margin:0px auto;padding:5px;font-size:14px;line-height:20px}
.proIntro{clear:both;margin:10px auto 30px;padding:0px;line-height:1.6;color:#201f1a}
#con{margin-top:30px}
#tagContent{clear:both;padding-top:20px}
#tags li{float:left}
#tags li a{padding:12px 20px;margin-right:6px;background:#999;color:#FFF;font-size:20px;font-weight:var(--fontbold7)}
ul#tags li.selectTag a{background:var(--color)}
.tagContent{display:none;width:960px;color:#333333;padding-top:10px;font-size:14px;line-height:28px}
#tagContent div.selectTag{display:block}
ul li.news-con{height:170px;clear:both;display:block}
.pic-l img{max-width:100%;height:auto;max-height:170px}
.pic-l{float:left;width:20%}
.pic-r{float:right;width:76%;margin-top:8px}
.pic-r p{float:left}
.pic-r p a{font-size:16px;color:#333333;font-weight:var(--fontbold7)}
.pic-r span{float:right;color:#666666;line-height:20px}
.pic-r h6{color:#666666;font-size:14px;clear:both;font-weight:var(--fontbold4);line-height:24px}
.g-container .news-list li{display:inline-block;width:100%}
#xyz{right:0px;top:5px;position:static}
a.navbar-brand img{max-width:200px}
.navbar .container .navbar-collapse .nav_en li{margin:0px 0 0 10px}
footer .container .col{height:auto}
#xyz ul{display:flex;justify-content:center;padding-bottom:10px;flex-wrap:wrap}
#xyz ul li{margin:5px}
#xyz ul li a{font-size:12px;color:var(--color);display:flex;align-items:center;line-height:1.4;text-transform:capitalize}
#xyz ul li a img{margin-right:3px}
.g-container .news .news-list li{width:48%}
footer .container.footnav {padding:15px 0px;text-align:center;border-top:1px solid #555}
footer .container.footnav ul li {display:inline-block}
footer .container.footnav ul li a {display:inline-block;font-size:15px;color:#565656;padding:5px 20px}
footer .container.footnav ul li a:hover {color:var(--color)}
.g-second .g-main .g-container .line {border-color:#e3e3e3!important}
.pro-body {margin:8px 0px}
.g-second .g-main .g-container .proIntro a {color:#201f1a}
.details-section .main-container .procudt-box .product-details,.details-section .main-container .procudt-box .product-details p {font-size:15px;line-height:1.7!important;color:#111}
.details-section .hot-tags .tags-box .productsTags {width:100%;font-size:15px;line-height:1.7;color:#111111;padding:0px 14px;box-sizing:border-box}
.details-section .hot-tags .tags-box .productsTags a {margin:0px;display:inline;float:none;text-decoration:none;color:#111}
.details-section .hot-tags .tags-box {padding:15px 0!important}
.details-section .hot-tags {margin:12px 0px}
.details-section .hot-tags .tags-box .history-tags {width:100%!important;padding:5px 0px}
.details-section .hot-tags .tags-box .history-tags * {font-size:15px}
.details-section .hot-tags .tags-box .history-tags span {padding:5px 15px!important;line-height:1.6}
.banner{min-height:200px;background:#EEE}
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}
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}
.g-sidebar .hot{padding-top:30px!important}
.g-sidebar .line,.g-sidebar h3{margin-left:0!important}
.sidebar-item *{box-sizing:border-box}
.sidebar-item{box-sizing:border-box;width:100%;margin-bottom:30px;position:relative}
.sidebar-item.sidebar-hotpro{margin-bottom:0}
.sidebar-item.sidebar-search{background:#f8fafb;display:flex;justify-content:space-between;align-items:center;border:none;padding:20px 12px}
.email-subscription{display:flex;flex-direction:column;width:100%}
.email-subscription input{font-size:13px;width:100%;outline:0;border:1px solid #CCCCCC;height:40px;border-radius:0;padding:0 10px;transition:all .1s linear}
.email-subscription button{margin-top:10px;width:100%;height:40px;background:var(--color);color:#FFFFFF;border:none;border-radius:0;cursor:pointer;transition:all .1s linear}
.company-intro{border:none}
.company-intro p:not(.line){padding:10px 0 0 0;font-size:14px}
.sidebar-item .sidebar-list .item{display:flex;align-items:center;justify-content:space-between;padding:10px 0;border-bottom:1px solid #e3e3e3}
.sidebar-item .sidebar-list .item:last-child{margin-bottom:0em}
.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:100px;height:80px;background:#FFFFFF;border:1px solid #e3e3e3;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:15px}
.sidebar-item .sidebar-list .item .info .title{font-size:15px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;line-height:1.2;transition:all .1s linear}
.sidebar-item .sidebar-list .item .info .more{margin-top:6px;text-transform:capitalize;color:var(--color);font-size:14px;padding:0;border:none;line-height:1.4}
.blogflex{display:flex;align-items:flex-start;padding:20px 12px;border:none;background:#f8fafb}
.blogflex .blogflex-img{width:50px;height:50px;border-radius:50%;border:1px solid #EEEEEE;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:17px;line-height:1.4;font-weight:700}
.blogflex .blogflex-info .blogflex-content{font-size:14px;line-height:1.4;color:#666666;margin-top:5px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:30;overflow:hidden}
.lang{z-index:99999;text-align:left;position:absolute;top:2px;right:0;}
.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,#fff);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,#fff);transform:rotate(50deg)}
.lang-icon span::after{content:"";position:absolute;right:0px;top:9px;width:8px;height:1px;background:var(--headercolor,#fff);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)}}

#turn-page .pagelist a.page-num-current{
	background-color:#1A3A9D;
	color:#fff;
}