html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}
html{}
body{line-height:1}
.overflow-hidden{height:100% !important;overflow:hidden !important}
*{box-sizing:border-box}
ol,ul{list-style:none}
blockquote,q{quotes:none}
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}
table{border-collapse:collapse;border-spacing:0}
a{text-decoration:none}
img{display:block;max-width:100%;border-style:none}
.fl{float:left}
.fr{float:right}
.white-text{color:#fff !important}
strong{font-weight:700}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden}
html,body{width:100%;height:100%;padding:0;margin:0;overflow-x:hidden;overflow:auto !important}
.container{max-width:100%;padding:0 15px;margin:0 auto}
.icon{width:1em;height:1em;vertical-align:-0.15em;fill:currentColor;overflow:hidden}
a{color:#333}
#copy-success-message-container{display:flex;justify-content:center;align-items:center;position:fixed;top:0;left:0;width:100%;height:100%;z-index:1000;background-color:rgba(0,0,0,0.5)}
#copy-success-message{padding:15px;border-radius:10px;color:white;background-color:#0069b7;font-size:16px;text-align:center;width:100px;max-width:90%;box-shadow:0 4px 8px rgba(0,0,0,0.1)}
.tool-container{height:100%;overflow:hidden}
.tool-left{width:34%;height:100%;float:left;overflow:auto;border-right:3px solid #e1e1e1}
.english{padding:10px 20px}
.english a{width:100%;display:block;text-align:right}
.english a svg{margin-right:5px;margin-left:10px}
.logo-search{margin-bottom:15px}
.logo-search .logo{font-size:28px;line-height:36px;font-weight:700;color:#0069b7;display:inline-block;vertical-align:top;margin-right:30px}
.logo-search .search{display:inline-block}
.logo-search .search span:first-child{width:200px;height:36px;line-height:32px;border:1px solid #0069b7;color:#666;font-size:14px;text-align:center;border-radius:4px 0 0 4px;display:inline-block}
.logo-search .search span:last-child{width:60px;height:36px;line-height:32px;border:1px solid #0069b7;background:#0069b7;color:#fff;font-size:14px;text-align:center;border-radius:0 4px 4px 0;display:inline-block;margin-left:-5px}
.logo-search .login{float:right}
.logo-search .login span{display:block;width:80px;height:36px;line-height:32px;border:1px solid #0069b7;background:#0069b7;color:#fff;font-size:14px;text-align:center;border-radius:4px}
.header{width:100%;background:#0069b7}
.navbar{width:99%;margin:0 auto;display:flex;flex-wrap:wrap}
.navbar li{padding-left:10px}
.navbar li a{display:block;line-height:45px;text-align:center;color:#fff}
.banner a{display:block;margin:0 auto}
.banner img{width:100%;display:block;margin:0 auto;border-bottom:1px solid #0069b7;border-top:1px solid #0069b7;margin-top:15px}
.banner span{height:120px;line-height:120px;font-size:36px;font-weight:700;width:100%;display:block;background:#bfe9ff;color:#0069b7;text-align:center;border:2px solid #bfe9ff}
.index-main{margin-top:10px}
.index-main a{display:block}
.index-main h3{font-size:18px;font-weight:700;line-height:30px;margin-bottom:10px;text-align:center;color:#0069b7}
.index-main p{font-size:14px;line-height:26px;text-align:left;color:#000}
.index-main span{display:inline-block;height:60px;line-height:60px;width:calc(49% - 8px);text-align:center;margin:5px;background-color:#0069b7;color:#fff}
.index-main span a{color:#fff}
.index-main em{display:inline-block;height:60px;line-height:60px;width:calc(19% - 8px);text-align:center;margin:5px;background-color:#0069b7;color:#fff}
.index-main span:last-child{margin-right:0}
.index-link{margin-top:20px}
.index-link a{display:block}
.index-link a span{margin-right:10px}
.index-foot{margin-top:20px;padding:0 10px}
.index-foot a{width:calc(33.333% - 10px);height:170px;float:left;border:1px solid #0069b7;margin:0 5px}
.index-foot a h4{background:#0069b7;color:#fff;padding:0 10px;line-height:35px}
.index-foot a ul{margin-top:5px}
.index-foot a li{height:25px;line-height:25px;padding:0 10px;font-size:12px}
.index-foot a li span{float:right}
.index-foot a .form-item{height:35px;line-height:35px;padding:0 10px;margin-top:6px}
.index-foot a .form-item span.input{height:36px;line-height:34px;border:1px solid #0069b7;border-radius:4px;width:100%;font-size:12px;display:inline-block;vertical-align:middle;padding:0 10px}
.index-foot a .form-item span.button{height:36px;line-height:34px;border-radius:5px;font-size:12px;border:0;background:#0069b7;color:#fff;text-align:center;margin:0 auto;display:block}
.index-contact-item{padding:10px 0}
.index-contact-item p{font-size:12px;color:#333;line-height:35px;padding-left:10px}
.index-footer{width:100%;background:#0069b7;color:#fff;margin-top:20px;padding:10px 0;display:block}
.index-footer p{text-align:center;font-size:12px;color:#fff;line-height:20px}
.tool-right{width:66%;height:100%;float:right;border-left:3px solid #e1e1e1;padding:20px}
.tool-code{border:3px solid #0069b7;height:100%;border-radius:5px;overflow:hidden}
.tool-code > h2{font-size:18px;font-weight:700;line-height:43px;color:#fff;text-align:center;background:#0069b7;border-bottom:2px solid #0069b7}
.tool-code-box{height:calc(100% - 45px);padding:0 15px 15px;overflow:auto}
.code-box > h3{font-size:18px;font-weight:700;color:#333;line-height:36px;border-left:5px solid #0069b7;border-radius:3px;margin:20px 0 5px;padding:0 10px;background-color:#f2f2f2}
.code-box > h3 > span{font-size:14px;font-weight:400;color:#808080}
.code-box > button{width:49%;border:1px solid #e1e1e1;background:#fff;color:#000;font-size:14px;margin-top:15px;margin-right:5px;border-radius:4px;padding:5px;cursor:pointer}
.code-box > button span{line-height:20px;display:block;width:100%;overflow:hidden;height:20px;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical}
.code-box > button span:last-child{font-size:12px}
.code-box > button:hover{background:#0069b7;color:#fff}
.textarea-box{position:relative;margin-top:18px;border-radius:5px;overflow:hidden}
textarea{width:100%;line-height:20px;border:1px solid #e5e5e5;padding:5px;border-radius:5px;outline:none;resize:none}
.textarea-box button{width:auto;position:absolute;right:0;top:0;background:#ccc;color:#666;font-size:12px;text-align:center;padding:4px 8px;border-radius:0 5px 0 10px;border:0;outline:none;cursor:pointer}
.num .count{margin-top:10px;line-height:36px;font-size:14px}
.num .count span{margin-right:10px;line-height:36px;font-size:14px;display:inline-block;margin-bottom:5px}
.num .count span select,.num .count span input{width:100px;height:36px;border:1px solid #e2e2e2;border-radius:5px;padding:5px;text-align:center}
.num .count span select{width:120px}
.num .count span select option{text-align:center}
.num .count span input:focus{outline-color:#0069b7}
.tab-hd{margin-top:20px;border-bottom:1px solid #e6e6e6}
.tab-hd span{display:inline-block;*display:inline;*zoom:1;vertical-align:middle;font-size:14px;transition:all .2s;-webkit-transition:all .2s;position:relative;line-height:35px;min-width:65px;padding:0 15px;text-align:center;cursor:pointer;color:#333}
.tab-hd span.active{color:#000}
.tab-hd span.active:after{position:absolute;left:0;top:0;content:'';width:100%;height:36px;border:1px solid #e6e6e6;border-bottom-color:#fff;border-radius:2px 2px 0 0;box-sizing:border-box;pointer-events:none}
.code-tips{padding:25px 15px 15px;border:1px solid #e1e1e1;border-radius:5px;margin-top:25px;position:relative;line-height:24px;font-size:14px}
.code-tips span{background-color:#fff;position:absolute;left:10px;top:-15px;display:block;min-width:100px;line-height:30px;height:30px;font-size:20px;font-weight:700;color:#0069b7;text-align:center}
.down-zip{margin:15px 5px}
.down-zip a{display:inline-block;height:36px;line-height:36px;text-align:center;font-size:14px;color:#fff;background:#0069b7;border-radius:16px;padding:0 15px;margin-right:10px;margin-bottom:10px}
.product-list a.checkbox{display:block;width:100%;margin-top:20px}
.product-list a.checkbox span{display:inline-block;height:36px;line-height:36px;padding:0 20px;font-size:14px;color:#333;background:#e1e1e1;margin-right:5px;border-radius:5px}
.product-list a.checkbox span.all{background:#0069b7;color:#fff}
.common-page{text-align:center;margin-top:20px}
.common-page span{height:30px;line-height:30px;background:#e1e1e1;color:#333;text-align:center;font-size:12px;display:inline-block;padding:0 10px;border-radius:4px}
.common-page span.active{background:#0069b7;color:#fff}
.news-recommend{margin-top:20px}
.news-recommend h3{font-size:18px;font-weight:700;line-height:30px;border-bottom:1px solid #ccc;margin-bottom:10px}
.news-recommend p{line-height:20px;font-size:14px;color:#333}
.news-recommend p span{float:right}
.product-box{margin-top:20px}
.product-sort{width:150px}
.product-sort a{display:block;border:1px solid #0069b7;margin-bottom:15px}
.product-sort a h4{background:#0069b7;height:30px;line-height:30px;font-size:18px;color:#fff;text-align:center}
.product-sort a ul{padding:5px 0}
.product-sort a li{height:24px;line-height:24px;font-size:14px;color:#333;text-align:center}
.product-content{width:calc(100% - 170px)}
.product-content .position{border-bottom:2px solid #e1e1e1;margin-bottom:10px}
.product-content .position a{display:inline-block;font-size:14px;color:#333;line-height:16px;padding-bottom:10px}
.product-pics{width:40%;display:block;margin:0 auto;padding-right:15px}
.product-pics a{width:100%;display:block}
.product-pics a span:first-child{width:100%;height:140px;line-height:140px;text-align:center;display:block;background:#0069b7;font-size:20px;color:#fff;margin-bottom:5px}
.product-pics a span{width:calc(25% - 4px);height:40px;line-height:40px;text-align:center;display:block;background:#0069b7;font-size:14px;color:#fff;float:left;margin-right:5px}
.product-pics a span:last-child{margin-right:0}
.product-cont{width:100%;margin-top:10px}
.product-cont h2{font-size:18px;line-height:30px;font-weight:700;color:#000;text-align:center}
.product-cont p.time{font-size:12px;color:#333;text-align:center;line-height:20px;margin-bottom:10px}
.product-cont p{font-size:12px;line-height:20px;text-indent:2em;margin-bottom:5px;color:#808080}
.product-cont a.zan{display:block;width:90px;height:36px;line-height:36px;text-align:center;border-radius:18px;background:#0069b7;color:#fff;margin:10px auto}
.product-cont a.message{border:1px solid #0069b7;margin-top:15px;display:block}
.product-cont a.message span.input{width:100%;display:block;height:60px;line-height:25px;color:#333;background:#f1f1f1;padding:5px}
.product-cont a.message p{text-align:right;margin-bottom:0}
.product-cont a.message span.button{display:block;background:#0069b7;height:30px;line-height:30px;text-align:center;margin:5px;padding:0;color:#fff}
.product-page span{font-size:12px;color:#000}
.product-recommend{margin-top:5px}
.product-recommend h3{font-size:16px;font-weight:700;text-align:center;color:#333}
.product-recommend span{display:block;text-align:center;width:calc(25% - 10px);height:80px;line-height:80px;background:#0069b7;font-size:14px;color:#fff;margin-right:10px;float:left;margin-top:15px}
.product-recommend span:last-child{margin-right:0}
@media screen and (max-width:992px){.tool-left{display:none}
.tool-right{width:100%;float:unset;border-left:0;padding:5px 10px 5px 10px}
.code-box > button{width:100%}
.tool-nav{position:fixed;top:55px;left:15px;height:calc(100% - 65px);width:calc(100% - 30px);background:#fff;z-index:999;padding:10px;flex-direction:column;flex-wrap:nowrap;display:flex;overflow-y:auto;height:80vh;}
.tool-nav a{display:inline-block;line-height:36px;margin:0 5px 12px 0;padding:0 15px;font-size:14px;color:#333;border-radius:5px;border:1px solid #e1e1e1;text-align:center}
.tool-nav a.active{color:#fff;background:#0069b7}
.menu{display:block;float:right;cursor:pointer;height:40px;width:30px;position:absolute;top:3px;right:15px;z-index:1000}
.menu span{display:inline-block;width:30px;height:3px;background-color:#fff;border-radius:5px;position:absolute;top:25px;left:0px;transition:background-color 0.2s ease-out 0.1s}
.menu span:before{content:'';display:inline-block;width:30px;height:3px;background-color:#fff;border-radius:5px;position:absolute;top:-10px;left:0px;transition:transform 0.1s ease-out,top 0.3s ease 0.2s;transform:rotate(0deg)}
.menu span:after{content:'';display:inline-block;width:30px;height:3px;background-color:#fff;border-radius:5px;position:absolute;top:10px;left:0px;transition:transform 0.1s ease-out,top 0.3s ease 0.2s;transform:rotate(0deg)}
.tool-container.menu_click .menu span{background-color:transparent}
.tool-container.menu_click .menu span:before{transition:top 0.3s ease,transform 0.1s ease-out 0.2s;transform:rotate(45deg);top:0px}
.tool-container.menu_click .menu span:after{transition:top 0.3s ease,transform 0.1s ease-out 0.2s;transform:rotate(-45deg);top:0px}
}