@charset "utf-8";
@import url(https://css01.v15cdn.com/language.css);
:root{--color:#1199ee;--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);text-transform:capitalize}
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:0px;max-width:100%}
.g-index{width:100%;min-width:320px;overflow-x:hidden}
.navbar{position:absolute;top:0px;left:0px;width:100%;z-index:99}
.navbar .container{margin:0px auto;padding:0px 15px;zoom:1}
.navbar .container:after,.navbar .container:before{content:"";display:table}
.navbar .container:after{clear:both}
.navbar-header{zoom:1;width:100%;z-index:50}
.navbar-header:after,.navbar-header:before{content:"";display:table}
.navbar-header:after{clear:both}
.navbar-collapse{display:none;position:fixed;width:100%;z-index:55;left:0px;background:#FFF}
.dropdown-menu{display:none;width:auto;position:fixed;left:-200%;top:-200%;padding-top:15px}
.dropdown-menu li{display:block;width:100%;padding:0px;z-index:20;text-align:center;border-bottom:1px solid var(--color);background:rgba(74,184,254,.9)}
.dropdown-menu li a{color:#FFF}
.dropdown-menu li:last-child{border:0}
.dropdown-menu li:hover{background:var(--color)}
.dropdown-menu li:hover a{color:#d7ecf9}
.dropdown.open .dropdown-menu{display:block}
.select-flag{display:none}
.act:after,.active:after{content:"";background-color:var(--color);width:30px;display:inline-block;position:absolute;height:2px;left:50%;bottom:0px;margin-left:-15px}
.collapse{display:block;position:absolute}
.navbar-nav{padding-top:34px}
.navbar-nav li{display:block;position:relative;padding:0px 20px;text-align:center;padding:0px 3px}
.navbar-nav li a{line-height:34px;font-size:14px}
.navbar-nav>li>a{color:#616161;display:block;text-transform:capitalize}
.navbar-toggle{display:block;position:relative;float:right;padding:9px 10px;margin:21px 15px 21px 0px;background-color:transparent;background-image:none;border:1px solid transparent;border-radius:4px;border-color:#ddd}
.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0px;overflow:hidden;clip:rect(0,0,0,0);border:0}
.icon-bar{display:block;width:38px;height:4px;border-radius:1px;margin:6px 3px;background:#888}
.navbar-brand{float:left;display:block}
.navbar-brand img{vertical-align:middle}
.g-page{width:100%;margin:30px 0px;line-height:40px;font-size:14px;color:var(--color);text-align:center}
.pagelist{width:240px;margin:0px auto;zoom:1}
.pagelist:after,.pagelist:before{content:"";display:table}
.pagelist:after{clear:both}
.g-page a,.g-page span{width:40px;height:40px;display:inline-block;display:inline;margin-right:15px}
.g-page a,.g-page span{line-height:40px;text-align:center;color:#ababab}
.g-page a:active,.g-page a:hover,.g-page span.ctxt{background-color:var(--color);color:#FFF}
.pageactive{background-color:var(--color);color:#FFF}
.bPosition{background:#fbfaf7;padding:15px;margin-bottom:2%}
@media (min-width:992px){
.navbar .container{width:955px}
.navbar-header{float:left;width:auto}
.navbar-brand{float:left}
.navbar-toggle{display:none}
.navbar-collapse{position:relative;display:block;background:0 0}
.navbar-nav{float:right;z-index:99}
.navbar-nav li{float:left;padding:0px 10px}
.dropdown-menu{display:none;position:absolute;padding-top:18px;width:205px;top:32px;left:50%;margin:-1px 0 0 -102px;z-index:99}
.dropdown-menu li{display:block;width:100%;padding:0px;z-index:20;text-align:left;border-bottom:1px solid var(--color)}
.dropdown-menu li a{display:block;padding:0px 0px 0px 11px}
.dropdown-menu li:last-child{border:0}
.dropdown.open{position:relative}
.dropdown.open .dropdown-menu:before{content:"";position:absolute;width:0px;height:0px;border-left:15px solid transparent;border-right:15px solid transparent;border-bottom:15px solid var(--color);display:block;left:50%;top:3px;margin-left:-15px;filter:alpha(opacity=90);-moz-opacity:.9;-khtml-opacity:.9;opacity:.9}
.dropdown.open .dropdown-menu{display:block}
.select-flag{display:block;position:relative;float:left;width:133px;height:23px;margin:0px 10px;padding:4px 0px 0px 0px;background:#f6f6f6;border-radius:4px}
.select-flag .select-box{position:absolute;width:100%;background:#f6f6f6;border-radius:4px}
.select-flag .lower{position:absolute;right:10px;top:8px;width:17px;display:block;overflow:hidden;cursor:pointer;height:10px;z-index:50}
.select-flag .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}
.select-flag .lower.up:before{transform:rotate(135deg);-webkit-transform:rotate(135deg);-moz-transform:rotate(135deg);-o-transform:rotate(135deg);-ms-transform:rotate(135deg);bottom:-3px}
.select-flag .flage-show{position:relative;display:block;width:109px;margin:0px auto;color:#bbb}
.select-flag .flage-show li{display:none;float:none;margin:0px;padding:5px 0px;height:18px;text-align:left}
.select-flag .flage-show li a{line-height:18px}
.select-flag .flage-show li:after{display:none}
.select-flag .flage-show i{display:inline-block;line-height:16px;vertical-align:top}
.select-flag .flage-show img{display:inline-block;margin:0px 5px 0px 0px}}
@media (min-width:1200px){
.navbar .container{width:1160px}
.navbar-collapse{display:block}
.navbar-nav>li{margin:0px 0 0 30px}
.dropdown-menu li{margin:0px}}
@media (max-width:992px){
.navbar{position:relative}}
.banner{position:relative;min-height:150px}
.banner .swiper-slide{position:relative}
.banner .swiper-slide img{width:100%}
.banner .swiper-button-next,.banner .swiper-button-prev{position:absolute;top:50%;width:37px;height:91px;margin-top:-45px;background-image:url(lm_ctr.png);background-size:75px 91px;-webkit-background-size:75px 91px;z-index:2}
.banner .swiper-button-prev{background-position:0 0;left:10px}
.banner .swiper-button-next{background-position:-38px 0px;right:10px}
.search-bar{position:absolute;width:512px;top:104px;left:50%;transform:translateX(-50%);z-index:2}
.search-bar input{width:90%;height:18px;padding:8px 3% 8px 7%;color:#727068;border:1px solid #FFF;border-radius:50px;background-color:rgba(255,255,255,.5);box-shadow:0 3px 30px rgba(0,0,0,.3)}
.search-bar .i-icon{position:absolute;top:11px;left:14px;display:inline-block;width:15px;height:15px;background:url(search.png) no-repeat top center}
@media (max-width:550px){
.search-bar{width:85%}
.search-bar input{width:85%;padding:8px 5% 8px 10%}}
@media (max-width:500px){
.search-bar{display:none}}
.g-sidebar{width:22%;float:left;display:inline;position:relative;z-index:20}
.g-sidebar h3{font-size:22px;font-weight:var(--fontbold7);line-height:23px;color:#494444}
.g-sidebar .g-nav{margin-top:20px;border-top:2px solid var(--color)}
.g-sidebar .list{position:relative;border-bottom:1px solid #e3e3e3}
.g-sidebar .list .title{font-size:16px;line-height:20px;color:#000;padding:17px 26px;cursor:pointer;display:block}
.g-sidebar .list:last-child{border-bottom:none}
.g-sidebar .list:hover{background:var(--color)}
.g-sidebar .list:hover ul{display:block}
.g-sidebar .list:after,.g-sidebar .list:before{content:'';height:2px;width:10px;display:block;background:var(--color);position:absolute;top:27px;right:8px}
.g-sidebar .seclevel.list:after{-webkit-transform:rotate(90deg);transform:rotate(90deg)}
.g-sidebar .g-nav ul{display:none;position:absolute;width:240px;right:-240px;top:0px;z-index:10;background:#f9f9f9}
.g-sidebar .g-nav ul li{position:relative;padding:17px 0px 17px 26px;border-bottom:1px solid #e3e3e3}
.g-sidebar .g-nav ul li:last-child{border-bottom:none}
.g-sidebar .g-nav ul li:hover{background:var(--color)}
.g-sidebar .g-nav ul li:hover .list3{display:block}
.g-sidebar .g-nav ul a{font-size:14px;line-height:20px;color:#000}
.g-sidebar .list3{display:none;position:absolute;width:240px;top:0px;right:-240px;background:#f9f9f9}
.g-sidebar .line{width:100%;margin-left:0px;border-top:2px solid var(--color);margin-top:20px}
.g-sidebar .hot{width:100%;padding-top:80px}
.g-sidebar .hot .hot-list li{font-size:18px;line-height:20px;color:#000;padding:17px 0px 17px 26px;background:url(hl_fire.png) no-repeat left center;cursor:pointer;border-bottom:1px solid #e3e3e3;margin-left:2%}
.g-sidebar .hot .hot-list li:last-child{border-bottom:none}
@media screen and (max-width:960px){
.g-sidebar{float:none;width:100%;margin-top:5%}
.g-sidebar .list{width:100%;margin:0px}
.g-sidebar .list:hover .list2{display:none}
.g-sidebar .list:after,.g-sidebar .list:before{display:none}
.g-sidebar .hot{display:none}}
footer{background:var(--color)}
footer .container{zoom:1;max-width:1200px;padding:30px 0px 24px;margin:0px auto}
footer .container:after,footer .container:before{content:"";display:table}
footer .container:after{clear:both}
@media screen and (max-width:1200px){
footer .container{max-width:900px}}
@media screen and (max-width:900px){
footer .container{width:600px}}
@media screen and (max-width:600px){
footer .container{max-width:300px}}
.col{float:left;display:inline;width:260px;height:290px;margin:0px 20px;color:#FFF}
@media screen and (min-width:1200px){
.col{margin:0px 5% 0 5%}}
.pro-title{position:relative;font-size:14px;font-weight:var(--fontbold7);border-bottom:1px solid #044b78;line-height:1.5;padding:0px 0px 8px 0px;margin:0px 0px 27px 0px}
.pro-title:after{content:'';position:absolute;bottom:-1px;left:0px;width:40px;height:0px;border-top:1px solid #d7ecf9}
.contact-list{zoom:1}
.contact-list:after,.contact-list:before{content:"";display:table}
.contact-list:after{clear:both}
.contact-list li{zoom:1;width:262px;margin:0px 0px 16px;color:#FFF}
.contact-list li:after,.contact-list li:before{content:"";display:table}
.contact-list li:after{clear:both}
.contact-list li .m-icon{float:left;display:inline-block;width:24px;height:21px;margin:4px 0px 0px;background:url(foot_icon.png) no-repeat 0 0;vertical-align:middle}
.contact-list li .add{background-position:0 0}
.contact-list li .tel{background-position:0 -22px}
.contact-list li .mail{background-position:0 -44px}
.contact-list li .txt{float:left;width:216px;padding:0px 0px 0px 20px;font-size:14px;line-height:1.5}
.contact-list li .txt a{color:#FFF}
.contact-list li .txt a:hover{color:#d7ecf9}
.cate-list{margin:-12px 0px 0px}
.cate-list li{position:relative;width:262px;height:39px;line-height:39px;border-bottom:1px solid #044b78;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:14px}
.cate-list li a{position:relative;color:#FFF;padding:0px 0px 0px 10px}
.cate-list li a:hover{color:#d7ecf9}
.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 #d7ecf9;border-bottom:3px solid transparent}
.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 var(--color);border-bottom:3px solid transparent}
.qr-wrap{display:inline-block;width:184px;height:184px;padding:4px;border:1px solid #044b78}
.foottext{position:relative;background:#4ab8fe;padding:20px 0px 14px;font-size:12px}
.copyright{float:left;color:#FFF}
.foot-nav{float:right}
.foot-nav li{position:relative;display:inline-block;padding:0px 10px}
.foot-nav li a{color:#FFF}
.foot-nav li a:hover{color:#d7ecf9}
.foot-nav li:before{position:absolute;top:50%;right:1px;margin:-4px 0px 0px;content:'';width:0px;height:7px;border-right:1px solid var(--color)}
.foot-nav li:after{position:absolute;top:50%;right:0px;margin:-4px 0px 0px;content:'';width:0px;height:7px;border-right:1px solid #565656}
.foot-nav li:last-child:before{display:none}
.foot-nav li:last-child:after{display:none}
@media screen and (max-width:1200px){
.copyright{padding-left:10px}
.foot-nav{padding-top:10px}}
.back-btn{position:absolute;top:-17px;left:50%;margin:0px 0 0 -17px;display:block;width:34px;height:34px;background:#d7ecf9;transform:rotate(45deg)}
.back-btn:before{content:'';position:absolute;top:12px;left:7px;width:0px;height:0px;border-left:9px solid transparent;border-bottom:9px solid var(--color);border-right:9px solid transparent;transform:rotate(-45deg)}
.back-btn:after{content:'';position:absolute;top:15px;left:9px;width:0px;height:0px;margin:-1px 0px 0px;border-left:9px solid transparent;border-bottom:9px solid #d7ecf9;border-right:9px solid transparent;transform:rotate(-45deg)}
.table{border-collapse:collapse}
.table td,.table th{border:1px solid #cdcdcd;padding:5px}
.table p{padding:0px;margin:0px}
.con-us{margin-top:10px;line-height:20px;color:#666666;font-size:14px}
.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}
#con{margin-top:30px}
#tagContent{padding-top:20px}
ul#tags{height:30px}
#tags li{float:left}
#tags li a{padding:0px 16px;margin-right:6px;line-height:30px;text-transform:uppercase;background:#999;display:inline-block;height:30px;color:#FFF}
ul#tags li.selectTag a{background:var(--color)}
#tagContent p{font-size:14px;line-height:22px}
.rollPro1{width:100%;margin:40px auto 10px;overflow:hidden}
.rollPro1 h2{font-size:20px;font-weight:var(--fontbold4);padding-bottom:10px}
.rollPro1 li{width:30%!important;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{background:#EEEEEE;padding:5px;height:150px}
.rollPro1 li .pbox img{max-width:100%;max-height:150px;margin:0px auto}
.rollPro1 li p{height:40px;line-height:20px;overflow:hidden;margin:10px auto}
.rollPro1 li p a{color:#333333}
.navbar-collapse{display:flex;justify-content:flex-end}
.navbar-nav>li{margin:0px}
.navbar .container{display:flex;justify-content:space-between}
#xyz *{box-sizing:border-box}
#xyz{position:relative;z-index:99999;width:120px;height:27px;line-height:27px;margin-left:10px;margin-top:34px}
.xyz12{width:100%;background:#FFF6;position:absolute}
.xyz12 li{margin-left:0px;width:100%;position:relative;height:100%;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:27px;height:27px;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:-2px 7px 0px 0px}
.xyz12 li:hover{background:#F2F2F2}
.btest{float:left;display:inline;background:var(--color)}
.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}
.g-second{width:100%;background:#FFF}
.g-main{max-width:1200px;margin:0px auto;margin-top:5.6%;zoom:1}
.g-main:after,.g-main:before{content:"";display:table}
.g-main:after{clear:both}
.g-container{width:73.16%;margin-left:21px;float:left;display:inline}
.g-container h1{font-size:25px;font-weight:var(--fontbold4);line-height:25px;color:#494444;table-layout:fixed;word-break:break-all;overflow:hidden;text-align:right}
.p-odd{zoom:1;width:100%;background:#fbfaf7;height:275px;position:relative;z-index:1;margin-top:50px}
.p-odd:after,.p-odd:before{content:"";display:table}
.p-odd:after{clear:both}
.img-url{display:block;float:left;width:275px;height:275px}
.img-url img{max-width:100%;max-height:100%}
.info{float:left;width:58%;padding:50px 0 0 30px;table-layout:fixed;overflow:hidden}
.info .tit-url{font-size:20px;font-weight:var(--fontbold4);line-height:30px;color:#333333}
.info p{width:90%;font-size:14px;line-height:20px;margin-top:8px;overflow:hidden;color:#666}
.info .more{width:30.5%;height:40px;line-height:40px;font-size:16px;text-align:center;display:block;color:#FFF;margin-top:5.7%;margin-left:65.04%}
.info .mmv{background-color:var(--color);vertical-align:middle;display:inline-block;position:relative;box-shadow:0 0 1px rgba(0,0,0,0);transform:translateZ(0);transition-property:color;transition-duration:.5s;backface-visibility:hidden;-moz-osx-font-smoothing:grayscale;-webkit-transition-duration:.5s;-webkit-transition-property:color;-webkit-transform:translateZ(0);-webkit-backface-visibility:hidden}
.info .mmv:before{background-color:#192634;transform-origin:0 50%;left:0px;top:0px;right:0px;bottom:0px;position:absolute;z-index:-1;content:"";transform:scaleX(0);transition-property:transform;transition-duration:.5s;transition-timing-function:ease-out;-webkit-transition-timing-function:ease-out;-webkit-transition-duration:.5s;-webkit-transition-property:transform;-webkit-transform:scaleX(0);-webkit-transform-origin:0 50%}
.info .mmv:hover{color:#FFF;text-decoration:underline}
.info .mmv:focus{color:#FFF}
.info .mmv:active{color:#FFF}
.info .mmv:hover::before{transform:scaleX(1);transition-timing-function:cubic-bezier(.52,1.64,.37,.66);-webkit-transition-timing-function:cubic-bezier(.52,1.64,.37,.66);-webkit-transform:scaleX(1)}
.info .mmv:focus::before{transform:scaleX(1);transition-timing-function:cubic-bezier(.52,1.64,.37,.66);-webkit-transition-timing-function:cubic-bezier(.52,1.64,.37,.66);-webkit-transform:scaleX(1)}
.info .mmv:active::before{transform:scaleX(1);transition-timing-function:cubic-bezier(.52,1.64,.37,.66);-webkit-transition-timing-function:cubic-bezier(.52,1.64,.37,.66);-webkit-transform:scaleX(1)}
.g-page{width:100%;margin:30px 0px}
.pagelist{width:43.23%;margin:0px auto;zoom:1}
.pagelist:after,.pagelist:before{content:"";display:table}
.pagelist:after{clear:both}
.pagelist li{width:10.25%;float:left;display:inline;margin-left:3.9%}
.pagelist li a{color:#ababab;font-size:14px;line-height:32px;text-align:center;display:block}
.pagelist li .a-color{color:#000}
.pagelist .page-li:hover{background:var(--color);color:#FFF}
.pagelist .pageactive{background:var(--color);color:#FFF}
.proCateTags{clear:both;padding:30px 10px 8px 10px;margin:0px 10px;border-radius:5px}
.proCateTags h3{border-bottom:2px solid var(--color);font-size:22px;line-height:32px;margin:0px;padding:0px;padding-bottom:15px}
.keywords{margin:12px auto}
.keywords a{overflow:hidden;margin-right:10px;color:#333333;font-size:16px;line-height:20px;display:block;border-bottom:1px solid #EEE;padding:17px 0px 17px 0px}
.keywords a:hover{text-decoration:none}
@media screen and (max-width:1024px){
.info{width:50%}}
@media screen and (max-width:960px){
.g-container{float:none;width:93%;padding:6% 0 0 2%;margin:0px auto}}
@media screen and (max-width:768px){
.p-odd{height:auto}
.p-odd .img-url{width:45%;height:auto}
.info{width:45%;padding:5% 0 0 15px}
.info .more{width:100%;margin:5.7% 0 0}
.info p{width:100%}}
@media screen and (max-width:520px){
.p-odd .img-url{width:100%}
.info{width:90%;padding:5%}
.pagelist{width:98%}}
.ninelist1{width:100%;zoom:1}
.ninelist1:after,.ninelist1:before{content:"";display:table}
.ninelist1:after{clear:both}
.ninelist1 li{width:31.05%;float:left;display:inline;margin-left:1.1%;margin-top:.2%;margin-right:1.1%}
.ninelist1 li a{position:relative;display:table-cell;height:380px;vertical-align:middle;text-align:center;overflow:hidden}
.ninelist1 li a img{width:100%;height:auto}
.ninelist1 li a .mark{width:100%;background:#000;position:absolute;bottom:0px;left:0px;padding:5% 0;table-layout:fixed;word-break:break-all;overflow:hidden;opacity:.7;filter:alpha(opacity=70)}
.ninelist1 li a .mark h3{font-size:14px;line-height:18px;color:#FFF;font-weight:var(--fontbold4);margin:0px 5%;display:block}
@media screen and (max-width:440px){
.ninelist1 li a .mark{height:30px}}
.proIntro{clear:both;margin:10px auto 30px;padding:0px;line-height:1.6;color:#444}
.pro-body{clear:both;margin:5px auto;font-size:14px;line-height:20px}
.g-newlist{width:100%;background:#FFF}
.g-newlist .g-main{max-width:1200px;margin:0px auto;margin-top:5.6%;zoom:1}
.g-newlist .g-main:after,.g-newlist .g-main:before{content:"";display:table}
.g-newlist .g-main:after{clear:both}
.g-newlist .g-container{width:73.16%;margin-left:21px;float:left;display:inline;overflow:hidden}
.g-newlist .a-list{width:100%}
.g-newlist .a-list li{width:100%;border-bottom:1px dotted #EEE}
.g-newlist .a-list li a{display:block;font-size:18px;line-height:50px;height:50px;color:#a2a2a2;position:relative}
.g-newlist .a-list li a:hover{color:#000}
.g-newlist .a-list .a-text{position:absolute;top:0px;left:0px;max-width:450px;width:450px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.g-newlist .a-list .a-day{position:absolute;top:0px;right:0px;font-size:14px}
.g-newlist .g-page{width:100%;margin-top:50px;margin-bottom:90px}
.g-newlist .g-page .pagelist{width:43.23%;margin:0px auto;zoom:1}
.g-newlist .g-page .pagelist:after,.g-newlist .g-page .pagelist:before{content:"";display:table}
.g-newlist .g-page .pagelist:after{clear:both}
.g-newlist .g-page .pagelist li{width:10.25%;float:left;display:inline;margin-left:3.9%}
.g-newlist .g-page .pagelist li a{color:#ababab;font-size:14px;line-height:32px;text-align:center;display:block}
.g-newlist .g-page .pagelist li .a-color{color:#000}
.g-newlist .g-page .pagelist .page-li:hover{background:var(--color);color:#FFF}
.g-newlist .g-page .pagelist .pageactive{background:var(--color);color:#FFF}
@media screen and (max-width:960px){
.g-newlist .g-container{width:90%;margin-left:5%;float:left;overflow:hidden;margin-top:5%}}
@media screen and (max-width:640px){
.g-newlist .a-list li a{font-size:15px}
.g-newlist .a-list .a-text{max-width:300px;width:300px}
.g-newlist .g-page .pagelist{width:85.23%}}
@media screen and (max-width:480px){
.g-newlist .a-list li a{font-size:12px}
.g-newlist .a-list .a-text{max-width:250px;width:250px}
.g-newlist .g-container{width:89%}
.g-newlist .g-container .g-page .pagelist{width:85.23%}}
@media screen and (max-width:375px){
.g-newlist .a-list .a-text{max-width:100%;width:100%}
.g-newlist .a-list .a-day{display:none}}
.g-newct{width:100%;background:#FFF;padding-bottom:90px;min-width:566px}
.g-newct .g-main{max-width:1200px;margin:0px auto;margin-top:5.6%;zoom:1;position:relative}
.g-newct .g-main:after,.g-newct .g-main:before{content:"";display:table}
.g-newct .g-main:after{clear:both}
.g-newct .g-main .g-container{width:71.16%;padding-left:40px;float:left;display:inline;overflow:hidden;position:relative}
.g-newct .g-main .g-container .g-bags{background:#fbfaf8;padding-top:3%;position:relative}
.g-newct .g-main .g-container .g-bags h1{display:block;margin:0px auto;line-height:28px;font-size:28px;width:90%;text-align:left;padding-bottom:40px}
.g-newct .g-main .g-container .g-bags .header{font-size:16px;line-height:28px;color:#999;text-align:center}
.g-newct .g-main .g-container .g-bags .g-textone{width:90%;margin-left:5%;font-size:16px;line-height:30px;color:#000;table-layout:fixed;word-break:break-word;overflow:hidden;text-align:justify}
.g-newct .g-main .g-container .g-bags .g-textthree{padding-bottom:15px}
.g-newct .g-main .g-container .g-bags .bags{background:#E6E6E6;padding:20px 0px;zoom:1}
.g-newct .g-main .g-container .g-bags .bags:after,.g-newct .g-main .g-container .g-bags .bags:before{content:"";display:table}
.g-newct .g-main .g-container .g-bags .bags:after{clear:both}
.g-newct .g-main .g-container .g-bags .bags li{width:46%;float:left;display:inline;margin-left:5%}
.g-newct .g-main .g-container .g-bags .bags li span{font-size:18px;line-height:18px;color:#a1a1a1}
.g-newct .g-main .g-container .g-bags .bags li a{text-decoration:underline;font-size:18px;line-height:26px;color:#a1a1a1}
.g-newct .g-main .g-container .g-bags .bags .li-two{width:38%;margin-left:7%}
.g-newct .g-main .g-container .g-bags .g-header{background:var(--color);height:67px;font-size:28px;line-height:67px;color:#FFF;z-index:20;padding-left:6%;width:92%}
.g-newct .g-main .g-container .g-news{background:#fbfaf8;position:relative}
.g-newct .g-main .g-container .g-news .listone{zoom:1;padding-top:30px}
.g-newct .g-main .g-container .g-news .listone:after,.g-newct .g-main .g-container .g-news .listone:before{content:"";display:table}
.g-newct .g-main .g-container .g-news .listone:after{clear:both}
.g-newct .g-main .g-container .g-news .listone li{width:45%;margin-left:3%;float:left;display:inline}
.g-newct .g-main .g-container .g-news .listone li a{display:block;height:35px;line-height:35px;font-size:16px;position:relative;color:#888;border-bottom:2px dotted #EEE}
.g-newct .g-main .g-container .g-news .listone li a .a-text{position:absolute;top:0px;left:0px}
.g-newct .g-main .g-container .g-news .listone li a .a-day{position:absolute;top:0px;right:0px}
.g-newct .g-main .g-container .g-news .listone li a:hover{color:#000}
.g-newct .g-main .g-container .g-news .g-header{background:var(--color);height:47px;font-size:18px;line-height:47px;color:#FFF;z-index:20;padding-left:6%;width:93%}
.g-newct .g-main .g-container .g-slide{background:#fbfaf8;padding-bottom:30px;position:relative;padding-top:30px}
.g-newct .g-main .g-container .g-slide .small-box{padding-top:30px;zoom:1}
.g-newct .g-main .g-container .g-slide .small-box:after,.g-newct .g-main .g-container .g-slide .small-box:before{content:"";display:table}
.g-newct .g-main .g-container .g-slide .small-box:after{clear:both}
.g-newct .g-main .g-container .g-slide .small-box .btn{display:block;width:19px;height:32px;cursor:pointer;margin-top:38px}
.g-newct .g-main .g-container .g-slide .small-box .left-btn{float:left;display:inline;margin-right:4px;margin-left:16px;background:url(qy-btuleft.png)}
.g-newct .g-main .g-container .g-slide .small-box .right-btn{float:right;display:inline;margin-right:15px;background:url(qy-bturight.png)}
.g-newct .g-main .g-container .g-slide .small-box .small-list{position:relative;float:left;display:inline;width:762px;overflow:hidden;height:106px}
.g-newct .g-main .g-container .g-slide .small-box .small-list ul{zoom:1}
.g-newct .g-main .g-container .g-slide .small-box .small-list ul:after,.g-newct .g-main .g-container .g-slide .small-box .small-list ul:before{content:"";display:table}
.g-newct .g-main .g-container .g-slide .small-box .small-list ul:after{clear:both}
.g-newct .g-main .g-container .g-slide .small-box .small-list ul li{width:100px;height:100px;border:1px solid #EEE;padding:2px;float:left;display:inline;margin-left:6px;position:relative}
.g-newct .g-main .g-container .g-slide .small-box .small-list ul li img{max-width:100%;max-height:100%}
.g-newct .g-main .g-container .g-slide .small-box .small-list ul li.on .bun-bg{display:block}
.g-newct .g-main .g-container .g-slide .small-box .small-list ul li .bun-bg{display:none;position:absolute;top:0px;left:0px;width:100%;height:100%;background:#000;filter:alpha(opacity=60);-moz-opacity:.6;-khtml-opacity:.6;opacity:.6}
.g-newct .g-main .g-container .g-slide .g-header{background:var(--color);height:47px;font-size:18px;line-height:47px;color:#FFF;z-index:20;padding-left:6%;width:93%;text-transform:capitalize}
.g-newct .g-header{background:var(--color);width:90%;height:47px;padding:0px 5%;line-height:47px;color:#FFF;font-size:18px;text-transform:uppercase}
@media screen and (max-width:1200px){
.g-newct .g-main .g-container .g-news .listone li a{font-size:12px}
.g-newct .g-main .g-container .g-slide .small-box{width:680px;margin:0px auto}
.g-newct .g-main .g-container .g-slide .small-box .btn{margin-top:24px}
.g-newct .g-main .g-container .g-slide .small-box .small-list{width:598px}
.g-newct .g-main .g-container .g-slide .small-box .small-list ul li{width:106px;height:77px}}
@media screen and (max-width:960px){
.g-newct .g-main .g-container{width:90%;margin-left:2%;float:left;overflow:hidden;margin:5%;padding:0px}}
@media screen and (max-width:770px){
.g-newct .g-main .g-container .g-news .listone li{float:none;width:95%}
.g-newct .g-main .g-container .g-news .listone li a{font-size:12px}
.g-newct .g-main .g-container .g-slide .small-box{width:480px;margin:0px auto}
.g-newct .g-main .g-container .g-slide .small-box .btn{margin-top:12px}
.g-newct .g-main .g-container .g-slide .small-box .small-list{width:407px}
.g-newct .g-main .g-container .g-slide .small-box .small-list ul li{width:68px;height:50px}}
@media screen and (max-width:640px){
.g-newct{min-width:0px;padding-bottom:0px}
.g-newct .g-main .g-container{width:100%;margin-left:0px;padding-left:0px}
.g-newct .g-main .g-container .g-bags{padding-top:11%}
.g-newct .g-main .g-container .g-bags .g-header{left:0px;margin-left:0px;width:100%;font-size:20px;text-align:center;padding:0px}
.g-newct .g-main .g-container .g-bags p{text-align:justify}
.g-newct .g-main .g-container .g-news .g-header,.g-newct .g-main .g-container .g-slide .g-header{width:100%}
.g-newct .g-main .g-container .g-slide{display:none}
.g-newct .g-main .g-container .a-list li a{font-size:15px}
.g-newct .g-main .g-container .g-page .pagelist{width:85.23%}}
.aboutus{width:100%;background:#FFF;padding:70px 0px 0px}
.aboutus .about-lists{width:1200px;margin:0px auto;padding:60px 0px;zoom:1}
.aboutus .about-lists:after,.aboutus .about-lists:before{content:"";display:table}
.aboutus .about-lists:after{clear:both}
.aboutus .about-lists .list-box{float:left;position:relative;padding:0px 1%;width:23%}
.aboutus .about-lists .list-box img{padding:12px 0px;max-width:100%;max-height:246px}
.aboutus .about-lists .list-box .title-box{padding:0px 0px}
.aboutus .about-lists .list-box .title-box p{font-size:18px}
.aboutus .about-lists .list-box .order{position:relative;float:left;width:52px;height:63px;padding:12px 0px 0px 12px;border:2px solid #d0d0d0;color:#4ab8fe;font-size:24px;margin:0px 10px 0px 0px}
.aboutus .about-lists .list-box .order:after{position:absolute;top:-2px;left:10px;content:"";width:19px;height:0px;border-top:2px solid #4ab8fe}
.pcate_more{text-align:right;font-size:22px;margin-top:auto;padding-right:45px;margin-bottom:55px}
.pcate_more a{display:inline-block;background:var(--color);color:#FFF;padding:0px 20px;line-height:1.6;border-radius:3px}
.pcate_more a:hover{background:#4ab8fe}
@media (max-width:1200px){
.aboutus .about-lists{width:880px}
.aboutus .about-lists .list-box{padding:0px 0px 0px 120px}}
@media (max-width:990px){
.aboutus .about-lists{width:768px}
.aboutus .about-lists .list-box{padding:0px 0px 0px 10px}
.aboutus .about-lists .list-box .title-box p{font-size:15px}}
@media (max-width:768px){
.aboutus .about-lists{width:500px}
.aboutus .about-lists .list-box:nth-child(odd){float:left;padding:0px 0px 0px 10px}
.aboutus .about-lists .list-box:nth-child(even){float:right;padding:0px 10px 0px 0px}
.aboutus .about-lists .list-box .order{position:relative;float:left;width:25px;height:43px;padding:12px 0px 0px 5px;border:2px solid #d0d0d0;color:#4ab8fe;font-size:14px;margin:0px 10px 0px 0px}
.aboutus .about-lists .list-box .title-box p{font-size:12px}}
@media (max-width:500px){
.aboutus .about-lists{width:100%;min-width:270px}
.aboutus .about-lists .list-box:nth-child(odd){padding:0px 0px 0px 10px}
.aboutus .about-lists .list-box:nth-child(even){padding:0px 10px 0px 0px}}
.sec-title h2{position:relative;font-size:55px;color:#000;text-align:center;text-transform:capitalize;letter-spacing:5px;font-weight:var(--fontbold4)}
.sec-title h2:before{position:absolute;top:-16px;left:50%;margin-left:-11px;content:'';border-bottom:16px solid #4ab8fe;border-left:10px solid transparent;border-right:10px solid transparent}
.sec-title h2:after{position:absolute;top:-12px;left:50%;margin-left:-7px;content:'';border-bottom:10px solid #FFF;border-left:6px solid transparent;border-right:6px solid transparent}
.sec-title h3{font-size:20px;color:silver;text-align:center;text-transform:capitalize;font-weight:var(--fontbold4);padding:0px 0px 8px}
.sec-title p{width:700px;margin:0px auto;font-size:16px;color:#666666;text-align:center;font-weight:var(--fontbold4)}
@media (max-width:768px){
.sec-title p{width:90%}}
.product{position:relative;width:100%;zoom:1}
.product:after,.product:before{content:"";display:table}
.product:after{clear:both}
.product .swiper-slide{display:flex}
.product .swiper-slide:after,.product .swiper-slide:before{content:"";display:table}
.product .swiper-slide:after{clear:both}
.product .swiper-slide img{width:100%}
.product .swiper-slide .slide-left{width:33.4%}
.product .swiper-slide .slide-right{float:left;display:inline;width:25%}
.product .swiper-slide .mask{width:41.6%;background:#f7f7f7;padding:20px;box-sizing:border-box;display:flex;flex-direction:column}
.product .swiper-slide .mask h3{font-size:28px;margin-bottom:15px}
.product .swiper-slide .mask p{font-size:16px;line-height:1.6;margin-bottom:5px}
.product .swiper-button-next,.product .swiper-button-prev{position:absolute;width:34px;height:34px;margin-top:-60px;right:25%;top:100%;background-image:url(lm-arrow.png);background-size:69px 34px;-webkit-background-size:69px 34px;cursor:default}
.product .swiper-button-prev{left:75%;margin-left:-100px;background-position:0 0}
.product .swiper-button-next{margin-right:20px;background-position:-35px 0px}
@media screen and (max-width:1600px){
.product .swiper-slide .mask h3{padding:50px 40px 20px}
.product .swiper-slide .mask p{height:100px;overflow:hidden}}
@media screen and (max-width:1400px){
.product .swiper-slide .mask h3{padding:40px 40px 15px}}
@media screen and (max-width:1200px){
.product .swiper-slide .mask p{height:99px}}
@media screen and (max-width:990px){
.product .swiper-slide .mask h3{padding:20px 15px 10px}
.product .swiper-slide .mask p{padding:0px 15px}
.product .swiper-button-next,.product .swiper-button-prev{margin-top:-40px}}
@media screen and (max-width:768px){
.product .swiper-slide .mask h3{font-size:22px}
.product .swiper-button-next,.product .swiper-button-prev{display:none}}
@media screen and (max-width:500px){
.product .swiper-slide .mask h3{padding:40px 15px 10px;font-size:20px}
.product .swiper-slide .mask p{display:none}
.product .swiper-button-next,.product .swiper-button-prev{margin-top:-40px}}
.hot-product{width:100%;background:#FFF;padding:70px 0px 0px}
.hot-product .swiper-container{padding:0px 0 100px}
.hot-product .swiper-container .pagination{position:absolute;z-index:20;bottom:60px;width:100%;text-align:center;cursor:default}
.hot-product .swiper-container .swiper-pagination-switch{display:inline-block;width:10px;height:10px;background:#FFF;border:1px solid #4ab8fe;opacity:1;border-radius:50%;margin-right:10px;cursor:default}
.hot-product .swiper-container .swiper-active-switch{background:#4ab8fe;border:1px solid #4ab8fe}
.hot-product .hot-list{margin:0px auto;display:flex;flex-wrap:wrap;max-width:1200px;padding-bottom:30px;margin-top:30px}
.hot-product .hot-list:after,.hot-product .hot-list:before{content:"";display:table}
.hot-product .hot-list:after{clear:both}
.hot-product .hot-list li{width:32%;margin-right:2%;margin-bottom:2%;border:1px solid #ddd;box-sizing:border-box;padding:10px;border-radius:5px}
.hot-product .hot-list li:nth-of-type(3n+3){margin-right:0px}
.hot-product .hot-list a{display:block}
.hot-product .hot-list a img{max-width:100%}
.hot-product .hot-list p{font-size:16px;color:#4c4c4c;text-align:center;padding:10px 0px 0px 0px;line-height:1.5}
@media screen and (max-width:1200px){
.hot-product .hot-list{width:774px}}
@media screen and (max-width:840px){
.hot-product .hot-list{width:387px}}
@media screen and (max-width:390px){
.hot-product .hot-list{width:96%;margin:0px auto}
.hot-product .hot-list a{width:100%;height:100%}}
.btest{float:right;display:inline;background:var(--color)}
.details-section .container{zoom:1;padding-top:50px;max-width:1200px;margin:0px auto}
.details-section .container:after,.details-section .container:before{content:"";display:table}
.details-section .container:after{clear:both}
.main{padding:0px 0 77px 274px;position:relative}
.main .main-top{zoom:1;height:367px;border:1px solid #ebe9e9}
.main .main-top:after,.main .main-top:before{content:"";display:table}
.main .main-top:after{clear:both}
.main .g-slider{position:relative;width:367px;float:left}
.main .g-slider .btn{display:block;width:19px;height:32px;cursor:pointer;margin-top:8px}
.main .g-slider .left-btn{float:left;display:inline;margin-right:7px;background:url(qy-btuleft.png)}
.main .g-slider .right-btn{float:right;display:inline;background:url(qy-bturight.png)}
.main .g-slider .show-box{position:absolute;display:none;width:367px;height:367px;overflow:hidden;left:368px;top:0px;background:#FFF;z-index:999}
.main .g-slider .swiper-button-next,.main .g-slider .swiper-button-prev{position:absolute;width:18px;height:18px;margin-top:-28px;left:100%;top:100%;background-image:url(details-arrow.png);background-size:37px 18px;-webkit-background-size:37px 18px;z-index:5}
.main .g-slider .swiper-button-prev{margin-left:-72px;background-position:0 0}
.main .g-slider .swiper-button-next{margin-left:-36px;background-position:-19px 0px}
.main .slider{width:300px;float:left;display:inline;position:relative;background:#FFF;z-index:10;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none}
.main .large-box{position:relative;margin-bottom:6px;width:367px;height:367px;overflow:hidden;background-color:#FFF}
.main .large-box ul{zoom:1}
.main .large-box ul:after,.main .large-box ul:before{content:"";display:table}
.main .large-box ul:after{clear:both}
.main .large-box .marquee{position:absolute;width:150px;height:150px;background:#FFF;opacity:.5}
.main .slider .small-box{width:100%;padding:10px 0px;position:relative;zoom:1}
.main .slider .small-box:after,.main .slider .small-box:before{content:"";display:table}
.main .slider .small-box:after{clear:both}
.main .slider .small-box .btn{position:absolute;width:19px;height:32px;top:50%;cursor:pointer;margin-top:-16px}
.main .slider .small-box .left-btn{left:0px;background:url(https://css02.v15cdn.com/m152/sy_arrow3.png) no-repeat top center}
.main .slider .small-box .right-btn{right:0px;background:url(https://css02.v15cdn.com/m152/sy_arrow4.png) no-repeat top center}
.main .slider .small-box .small-list{width:252px;margin-left:30px;height:51px;overflow:hidden}
.main .slider .small-box .small-list li{width:51px;float:left;display:inline;position:relative;margin-right:12px}
.main .slider .small-box .small-list li .bun-bg{display:none;position:absolute;top:0px;left:0px;width:100%;height:100%;background:#000;filter:alpha(opacity=60);-moz-opacity:.6;-khtml-opacity:.6;opacity:.6}
.main .slider .small-box .small-list .on .bun-bg{display:block}
.main .m-t-right{float:left;width:50%;height:340px;padding:25px 25px 0px 25px}
.main .main-titleone{display:block;color:#201f1a;font-size:23px}
.main .main-titleone em{display:inline-block;line-height:32px;font-size:20px;vertical-align:middle;text-transform:uppercase}
.main .right-details{overflow:hidden}
.main .right-details p{padding:20px 0px 0px;color:#201f1a;font-size:14px;line-height:1.5}
.main .right-details button{display:block;background:#000;color:#FFF;font-size:16px;height:42px;line-height:42px;padding:0px 22px;border:0px;float:left;display:inline;margin-top:25px}
.main .right-details .share-tools{float:right;display:inline;margin-top:58px}
.main .right-details .share-tools a{width:26px;height:26px;float:left;margin-left:10px}
.main .main-bottom{padding:0px 0px 90px 25px}
.main .main-title{padding:30px 0px;width:86.7%;color:#201f1a;text-transform:uppercase}
.main .main-title em{font-size:18px;line-height:28px}
.main .details{padding-top:20px;font-size:16px;line-height:1.5;line-height:30px;border-top:1px solid #ebe9e9}
.main .tags{font-size:16px;line-height:1.5;zoom:1}
.main .tags:after,.main .tags:before{content:"";display:table}
.main .tags:after{clear:both}
.main .tags a{display:inline;display:inline-block;color:#8e8d89;padding:10px 14px;border:1px solid #8e8d89;margin:0px 7px 7px 0px}
.main .flip{padding:6px 5% 0 25px;margin:30px 0 0 -25px;color:#868686;background:#E6E6E6;font-size:14px;line-height:36px;zoom:1}
.main .flip:after,.main .flip:before{content:"";display:table}
.main .flip:after{clear:both}
.main .flip a{color:#868686;text-decoration:underline;margin-left:8px}
.main .flip i{display:block}
.main .flip em{display:block;font-weight:var(--fontbold4)}
.main .form li{font-size:14px;line-height:36px;margin-bottom:20px}
.main .form li em{display:inline-block;color:#201f1a;width:78px;text-align:right;font-weight:var(--fontbold4);margin-right:10px;vertical-align:top}
.main .form li em i{color:#ff0f0f}
.main .form li input{font-size:14px;line-height:36px;height:36px;width:50%;color:#201f1a;text-indent:10px}
.main .form li textarea{height:122px;font-size:14px;line-height:28px;padding:10px;width:60%;color:#201f1a}
.main .form .li{margin:0px}
.main .form .form-agree{font-weight:var(--fontbold4);color:#666666;margin-left:88px}
.main .form .form-agree input{vertical-align:middle}
.main .form button{display:block;margin:28px 0px 0px 88px;background:#000;color:#FFF;font-size:16px;height:42px;line-height:42px;padding:0px 22px;border:0}
@media screen and (max-width:1200px){
.main .m-t-right{width:42%}}
@media screen and (max-width:1100px){
.main .m-t-right{width:30%}
.main .right-details p{display:none}
.main .right-details button{margin-top:120px}
.main .right-details .share-tools{float:left;margin-top:20px}
.main .right-details .share-tools a{margin:0px 10px 0px 0px}}
@media screen and (max-width:1100px){
.main .m-t-right{width:30%}}
@media screen and (max-width:960px){
.g-sidebar{float:none;width:100%;margin-top:5%}
.g-sidebar .hot{padding:20px 0px 0px}
.main{padding:0px 0px 40px}
.main .main-top{height:auto;border:none}
.main .m-t-right{width:45%;height:auto;padding:0px 3%}
.main .right-details p{padding:20px 0px 0px;display:block;word-break:break-word}
.main .right-details button{margin-top:20px;float:none}
.main .main-bottom{padding:0px 3%}
.main .flip{margin:30px 0px 0px}
.main .flip em{float:left;display:inline}}
@media screen and (max-width:768px){
.main .m-t-right{width:35%;height:auto;padding:0px 3%}}
@media screen and (max-width:700px){
.main .g-slider{float:none;margin:0px auto}
.main .g-slider .show-box{left:500px}
.main .m-t-right{width:94%;height:auto;padding:0px 3%}
.main .m-t-right .right-details .share-tools{float:right;display:inline}
.main .m-t-right .right-details button{float:left;display:inline}}
.pshare{float:left;padding:8px 0px 0px 0px}
.jsshare{text-align:center;padding-top:8px;padding-left:60px;position:relative}
.pshare li{float:left;width:48%;height:28px;line-height:28px}
.pshare li img{vertical-align:middle;margin-right:12px}
.jsshare span.stxt{font-size:14px;line-height:24px;padding:0px 8px 0px 0px;position:absolute;left:8px;top:8px}
.jsshare a,.jsshare a img{width:24px;vertical-align:middle}
.addthis_sharing_toolbox{display:inline-block}
.at-icon-wrapper svg,span.at-icon-wrapper{width:24px!important;height:24px!important;line-height:24px!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}
.main .main-top{display:flex;height:auto}
.btest{float:left;display:inline;background:var(--color)}
.about-section{padding-top:80px}
.about-section .container{max-width:1200px;margin:0px auto;zoom:1}
.about-section .container:after,.about-section .container:before{content:"";display:table}
.about-section .container:after{clear:both}
.about-section .container .main{padding:0px 0 0 28.16%;position:relative;z-index:5}
.about-section .container .main .main-container{background:#fbfaf8;position:relative;margin:0px 0px 60px}
.about-section .container .main .main-container h3{font-size:28px;padding:60px 0px 30px 30px;text-transform:uppercase;color:#201f1a}
.about-section .container .main .main-container p{display:block;padding:0px 30px 0px;font-size:14px;line-height:25px}
.about-section .container .main .about-img{float:left;width:367px;height:379px;padding:0px 30px 30px 0px}
.feedback_info{padding-top:30px}
@media screen and (max-width:960px){
.sidebar{float:none;width:100%}
.about-section .container .main{padding:0px 2%}
.about-section .container .main .about-img{float:left;width:367px;height:379px;padding:0px 30px 30px 0px}}
@media screen and (max-width:600px){
.about-section .container .main .about-img{float:none;margin:0px auto;padding:30px 0px 0px}}
@media screen and (max-width:376px){
.about-section .container .main .about-img{width:100%;height:100%}}
.proIntro a {color:#454545}
.main .details,.main .details a,.main .details p,.main .details td {font-size:16px;color:#111111;line-height:1.7}
.main .tags * {font-size:16px;line-height:1.7;color:#111}
.main .tags a {display:inline;border:none;padding:0px;color:#111111;margin:0px}
.productsTags {margin:12px 0px}
.main .flip {line-height:1.6;padding:10px 25px}
.main .flip i:first-child {padding-bottom:8px}
.rollPro1 li p a {font-size:15px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;line-height:20px;height:40px}
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}
.g-sidebar{padding-bottom:40px}
.sidebar-item h3{border-bottom:2px solid var(--color);padding-bottom:20px}
.sidebar-item *{box-sizing:border-box;}
.sidebar-item{box-sizing:border-box;width:100%;margin-bottom:40px;position:relative}
.sidebar-item.sidebar-search{background:#fbfaf7;display:flex;justify-content:space-between;align-items:center;border:none;padding:20px 15px}
.email-subscription{display:flex;flex-direction:column;width:100%}
.email-subscription input{font-size:14px;width:100%;outline:0;border:1px solid #CCCCCC;height:40px;border-radius:0;padding:0 10px;transition:all .1s linear}
.email-subscription button{font-size:14px;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{padding:10px 0 0;font-size:15px;line-height:1.7}
.sidebar-item .sidebar-list .item{display:flex;align-items:center;justify-content:space-between;padding:10px 0;border-bottom:1px solid #e5e5e5;}
.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 #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;width:auto;padding:0 0 0 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{width:auto;height:auto;margin:6px 0 0 0;text-align:left;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 15px;border:none;background:#fbfaf7}
.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:16px;line-height:1.4;font-weight:700}
.blogflex .blogflex-info .blogflex-content{font-size:14px;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;margin-top:34px;}
.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)}}