﻿@charset "utf-8";
:root{--color:#7bd9e7;--fontcolor:#333;--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:400}
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:700}
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:#333}
img{border:0}
.navbar{position:relative;width:100%;border-bottom:2px solid var(--color);background:#25355b}
.navbar .container{margin:0px auto;padding:0px 15px;position:relative;zoom:1}
.navbar .container:after,.navbar .container:before{content:"";display:table}
.navbar .container:after{clear:both}
.navbar .container .navbar-header{zoom:1;width:100%;z-index:50}
.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:18px 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:21px;margin-bottom:21px;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{display:none;position:fixed;width:100%;z-index:55;left:0px;background:#25355b}
.navbar .container .navbar-collapse .navbar-nav>li{display:block;position:relative;text-align:center;padding:0px 3px;border-bottom:3px solid transparent}
.navbar .container .navbar-collapse .navbar-nav>li>a{line-height:36px;color:#FFF;font-size:16px;text-transform:capitalize}
.navbar .container .navbar-collapse .navbar-nav .dropdown .dropdown-menu{display:none;width:auto;position:fixed;left:-200%;top:0px;transition:all .2s}
.navbar .container .navbar-collapse .navbar-nav .dropdown .dropdown-menu li{display:block;width:100%;padding:0px;z-index:20;text-align:center;border-bottom:1px solid #f6c320;background:rgba(253,193,1,.9)}
.navbar .container .navbar-collapse .navbar-nav .dropdown .dropdown-menu li a{display:block;padding:0px 0px 0px 11px;color:#dbe8ff}
.navbar .container .navbar-collapse .navbar-nav .dropdown .dropdown-menu li:last-child{border:0}
.navbar .container .navbar-collapse .navbar-nav .dropdown .dropdown-menu li:hover{background:var(--color)}
.navbar .container .navbar-collapse .navbar-nav .dropdown .dropdown-menu li:hover a{color:#086472}
.navbar .container .navbar-collapse .navbar-nav .dropdown.open .dropdown-menu{display:block}
.navbar .container .navbar-collapse .navbar-nav .select-flag{display:block;position:relative;float:left;width:133px;height:23px;margin:0px 10px;padding:0px;background:#f6f6f6;border-radius:4px}
.navbar .container .navbar-collapse .navbar-nav .select-flag .select-box{position:absolute;width:100%;background:#f6f6f6;border-radius:4px}
.navbar .container .navbar-collapse .navbar-nav .select-flag .lower{position:absolute;right:10px;top:6px;width:17px;display:block;overflow:hidden;cursor:pointer;height:10px;z-index:50}
.navbar .container .navbar-collapse .navbar-nav .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}
.navbar .container .navbar-collapse .navbar-nav .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}
.navbar .container .navbar-collapse .navbar-nav .select-flag .flage-show{position:relative;display:block;width:109px;margin:0px auto;color:#bbb}
.navbar .container .navbar-collapse .navbar-nav .select-flag .flage-show li{display:none;margin:0px;padding:4px 0px;width:100%;height:18px;text-align:left;background:0 0}
.navbar .container .navbar-collapse .navbar-nav .select-flag .flage-show li a{line-height:18px}
.navbar .container .navbar-collapse .navbar-nav .select-flag .flage-show li:after{display:none}
.navbar .container .navbar-collapse .navbar-nav .select-flag .flage-show i{display:inline-block;line-height:16px;vertical-align:top}
.navbar .container .navbar-collapse .navbar-nav .select-flag .flage-show img{display:inline-block;margin:0px 5px 0px 0px}
.navbar .container .navbar-collapse .navbar-nav .active{background:var(--color)}
.navbar .container .collapse{display:block;position:absolute}
@media (max-width:768px){
.navbar .container .navbar-collapse .navbar-nav .select-flag{margin:20px 40%;display:none}}
@media (min-width:768px){
.navbar .container{width:750px}
.navbar .container .navbar-collapse .navbar-nav .select-flag{display:none}}
@media (min-width:992px){
.navbar .container{width:955px}
.navbar .container .navbar-header{float:left;width:auto}
.navbar .container .navbar-header .navbar-brand{float:left}
.navbar .container .navbar-header .navbar-toggle{display:none}
.navbar .container .navbar-collapse{position:relative;display:block;background:0 0}
.navbar .container .navbar-collapse .navbar-nav{float:right}
.navbar .container .navbar-collapse .navbar-nav li{float:left;padding:30px 8px}
.navbar .container .navbar-collapse .navbar-nav .dropdown .dropdown-menu{display:none;position:absolute;width:205px;top:98px;left:50%;margin:0px 0 0 -102px}
.navbar .container .navbar-collapse .navbar-nav .dropdown .dropdown-menu li{display:block;width:100%;height:30px;padding:0px;z-index:20;text-align:left;border-bottom:1px solid #a5bae0;background:rgba(37,53,91,.9)}
.navbar .container .navbar-collapse .navbar-nav .dropdown .dropdown-menu li a{display:block;padding:0px 0px 0px 11px;color:#dbe8ff;line-height:30px}
.navbar .container .navbar-collapse .navbar-nav .dropdown .dropdown-menu li:last-child{border:0}
.navbar .container .navbar-collapse .navbar-nav .dropdown .dropdown-menu li:hover{background:var(--color)}
.navbar .container .navbar-collapse .navbar-nav .dropdown .dropdown-menu li:hover a{color:#086472}
.navbar .container .navbar-collapse .navbar-nav .dropdown.open .dropdown-menu{display:block}
.navbar .container .navbar-collapse .navbar-nav .select-flag{display:block;float:left;width:133px;height:23px;margin:32px 10px 0px;background:#f6f6f6;border-radius:4px;padding:4px 0px 0px 0px}
.navbar .container .navbar-collapse .navbar-nav .select-flag .flage-show{position:relative;width:109px;height:16px;margin:0px auto;color:#bbb}
.navbar .container .navbar-collapse .navbar-nav .select-flag .flage-show i{display:inline-block;line-height:16px;vertical-align:top}
.navbar .container .navbar-collapse .navbar-nav .select-flag .flage-show img{display:inline-block;margin:0px 5px 0px 0px}
.navbar .container .navbar-collapse .navbar-nav .select-flag .flage-show .lower{position:absolute;right:0px;top:5px;width:17px;display:block;overflow:hidden;height:10px}
.navbar .container .navbar-collapse .navbar-nav .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}}
@media (min-width:1200px){
.navbar .container{width:1170px}
.navbar .container .navbar-collapse{display:block}
.navbar .container .navbar-collapse .navbar-nav li{padding:30px 12px}
.navbar .container .navbar-collapse .navbar-nav li .dropdown-menu li{margin:0px}}
.banner{position:relative;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 .wmuSlider{height:100%!important;position:relative;overflow:hidden}
.banner .wmuSlider .slider_img{display:block;text-align:center;height:100%}
.banner .wmuSlider .wmuSliderNext,.banner .wmuSlider .wmuSliderPrev{width:62px;height:62px;line-height:99em;overflow:hidden;margin:-35px 0px 0px;display:block;background:url(https://css02.v15cdn.com/m151/zd_ctr.png) no-repeat;position:absolute;top:50%;z-index:10;cursor:pointer;opacity:1;filter:alpha(opacity=1);-webkit-transition:all .3s ease}
.banner .wmuSlider .wmuSliderPrev{left:48px}
.banner .wmuSlider .wmuSliderNext{background-position:-62px 0px;right:48px}
.banner .wmuSlider .bdbd{position:absolute;bottom:3%;height:6px;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}
.banner .wmuSlider .bdbd ul{zoom:1}
.banner .wmuSlider .bdbd ul:after,.banner .wmuSlider .bdbd ul:before{content:"";display:table}
.banner .wmuSlider .bdbd ul:after{clear:both}
.banner .wmuSlider .bdbd ul li{float:left;display:inline;overflow:hidden;text-indent:-30000px;margin:0px 3px}
.banner .wmuSlider .bdbd ul li a{display:block;width:14px;height:6px;background:url(https://css02.v15cdn.com/m151/zd_dots.png) no-repeat}
.banner .wmuSlider .bdbd ul li .wmuActive{background-position:-19px 0px}
.map-title{position:relative;padding:2% 0}
.map-title .container{margin:0px auto;padding:15px 0px 15px 15px;color:#0d889a;font-size:20px;background:#EEFAFC;zoom:1}
.map-title .container:after,.map-title .container:before{content:"";display:table}
.map-title .container:after{clear:both}
@media (min-width:992px){
.map-title .container{width:975px}}
@media (min-width:1200px){
.map-title{width:100%;padding:40px 0px}
.map-title .container{width:1185px}}
footer{background:#282e3f}
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}
footer .container .col{float:left;display:inline;width:262px;height:290px;margin:0px 0 0 2.5%;color:#838da9}
footer .container .col .pro-title{position:relative;font-size:14px;font-weight:700;border-bottom:1px solid #383838;line-height:1.5;margin-bottom:27px}
footer .container .col .pro-title:after{content:'';position:absolute;bottom:-1px;left:0px;width:40px;height:0px;border-top:1px solid var(--color)}
footer .container .col .contact-list li{width:262px;margin:0px 0px 16px;color:#545e7c}
footer .container .col .contact-list li .m-icon{float:left;display:inline-block;width:24px;height:21px;background:url(https://css02.v15cdn.com/m151/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.5}
footer .container .col .contact-list li .txt a{color:#545e7c}
footer .container .col .contact-list li .txt a:hover{color:var(--color)}
footer .container .col .cate-list{margin:-12px 0px 0px}
footer .container .col .cate-list li{position:relative;width:262px;height:39px;line-height:39px;border-bottom:1px solid #39425b;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:14px}
footer .container .col .cate-list li a{position:relative;color:#545e7c;padding:0px 0px 0px 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 .cate-list li:after{content:'';position:absolute;bottom:0px;left:0px;width:100%;height:0px;border-top:1px solid #111931}
footer .container .col .tags-list a{display:inline-block;padding:5px 10px;margin:0px 5px 5px 0px;border:1px solid #545e7c;color:#545e7c}
footer .container .col .tags-list a:hover{border:1px solid var(--color);color:var(--color)}
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 .container{max-width:560px}}
@media screen and (max-width:570px){
footer .container{max-width:270px}
footer .container .col{height:230px}}
footer .foottext{position:relative;background:#424f6c;font-size:12px}
footer .foottext .copyright{float:left;color:#7081a8}
footer .foottext .foot-nav{float:right}
footer .foottext .foot-nav li{position:relative;display:inline-block;padding:0px 10px}
footer .foottext .foot-nav li a{color:#7081a8}
footer .foottext .foot-nav li a:hover{color:var(--color)}
footer .foottext .foot-nav li:before{position:absolute;top:50%;right:1px;margin:-4px 0px 0px;content:'';width:0px;height:7px;border-right:1px solid #000}
footer .foottext .foot-nav li:after{position:absolute;top:50%;right:0px;margin:-4px 0px 0px;content:'';width:0px;height:7px;border-right:1px solid #565656}
footer .foottext .foot-nav li:last-child:before{display:none}
footer .foottext .foot-nav li:last-child:after{display:none}
@media screen and (max-width:1200px){
footer .foottext .container .copyright{padding-left:10px}
footer .foottext .container .foot-nav{padding-top:10px}}
footer .back-btn{position:absolute;top:-17px;left:50%;margin:0px 0 0 -17px;display:block;width:34px;height:34px;background:var(--color);transform:rotate(45deg)}
footer .back-btn:before{content:'';position:absolute;top:12px;left:7px;width:0px;height:0px;border-left:9px solid transparent;border-bottom:9px solid #FFF;border-right:9px solid transparent;transform:rotate(-45deg)}
footer .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 var(--color);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}
.proIntro p{font-size:14px!important}
#ossi{z-index:999}
h5#hid{width:95%;margin-left:5%;padding:20px 0px;font-size:23px;font-weight:400;line-height:23px;color:var(--color)}
.leftContact1 p{font-size:14px;line-height:20px;padding:0px 10px}
.leftContact1{padding:0px 0px 10px}
.rollPro1{width:97%;margin:10px 0px 10px;overflow:hidden}
.rollPro1 h2{font-size:20px;font-weight:400;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:#eee;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:#333}
.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}
.searchbox_content{width:100%;display:flex;display:-webkit-flex;margin:20px auto;border:1px #888 solid}
.searchbox_content #txtSearch{box-sizing:border-box;text-indent:15px;padding:0px;font-size:14px;border:none;line-height:38px;color:#888;width:calc(100% - 50px);outline:0;height:38px;background:#FFF;border-radius:0}
.searchbox_content #btnSearch{width:50px;height:38px;border:none;background:#EEFAFC url(search.png) center no-repeat;cursor:pointer;border-radius:0}
.g-sidebar{padding:10px;box-sizing:border-box}
.navbar .container .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:46px}
.xyz12{width:100%;background:#FFF;position:absolute;border:1px #EEE solid}
.xyz12 li{margin-left:0px;width:100%;position:relative;height:100%;padding:0px 8px;z-index:1;text-align:left}
.xyz12 li a{color:#333;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;width:16px}
.xyz12 li:hover{background:var(--color)}
.xyz12 li:hover a{color:#FFF}
footer{clear:both}
.proIntro {color:#666;line-height:1.6!important;border-top:1px solid #CCC}
.proIntro a {color:#666}
.details-section .container .main .main-container .main-contant .details a {color:#000}
.productsTags {margin:10px 0px}
.ptit {display:block;margin-left:-25px;color:#FFF;background:#228b22;margin:24px 0 30px -25px;padding:10px 50px;width:91.7%;font-size:20px;line-height:28px;font-weight:bold}
.rollPro1 li p a {font-size:14px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
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}
.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:700;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}