@charset "utf-8";
@import url(https://css01.v15cdn.com/language.css);
:root{--color:#16a3ff;--fontcolor:#111111;--fontbold3:300;--fontbold4:400;--fontbold5:500;--fontbold6:600;--fontbold7:700}
*,html,body,h1,h2,h3,h4,h5,h6,table,th,td,ul,li,dl,dt,dd,div,p{margin:0px;padding:0px;box-sizing:border-box}
body{color:var(--fontcolor);line-height:1.6;font-size:16px;font-family:Arial,Verdana,sans-serif}
a{text-decoration:none;cursor:pointer;color:var(--fontcolor);text-transform:capitalize}
a:hover{color:var(--color)}
img{border:none;max-width:100%;height:auto;vertical-align:bottom}
li,ol,ul{list-style:none}
.clearfix:after{content:".";width:0px;height:0px;visibility:hidden;display:block;clear:both;overflow:hidden}
.container{display:block;overflow:hidden;width:1190px;margin:2px auto}
.head{display:block;width:100%;position:fixed;top:0px;z-index:9999;background-color:#FFFFFF}
.logo_img{height:100%;float:left}
.logo_img img{height:57px}
.search_inp{float:right;height:31px;position:relative;width:250px;margin-right:12px;transform:scale(.72)}
.search_inp .sk{height:27px;line-height:27px;border:1px solid var(--color);width:200px;font-size:16px;position:absolute;outline:0;color:var(--fontcolor);padding-left:10px}
.search_inp input::-webkit-input-placeholder{color:#C8C8C8}
#btnSearch{position:absolute;left:174px;top:6px;width:18px;height:18px;border:none;cursor:pointer;outline:0;font-size:9px}
.menu{display:block;width:1190px;margin:0px auto;background:#FFFFFF}
.nav{display:block;float:right;height:65px;line-height:65px}
.nav ul li{text-align:center;float:left}
.nav>ul>li{position:relative}
.nav>ul>li>a{padding:0px 15px}
.nav ul ul{display:none;position:absolute;top:100%;background:var(--color);width:auto}
.nav li a{color:var(--fontcolor);display:block}
.nav li a:hover{color:#FFFFFF;cursor:pointer}
.nav ul li:hover{background:var(--color)}
.nav ul ul li{width:auto;float:none}
.nav ul ul a{color:#FFFFFF;white-space:nowrap;text-align:left;padding:0px 15px;display:block;line-height:45px;max-width:300px;overflow:hidden;text-overflow:ellipsis}
.sitemap{display:none;overflow:hidden;background-color:#EEEEEE;position:absolute;z-index:9999}
.sitemap ul li{display:block;overflow:hidden}
.sitemap ul li a:hover{color:#FFFFFF}
.sitemap li a{color:var(--fontcolor)}
.mleft{display:block;overflow:hidden;float:left;width:270px;padding-top:18px}
.mleft ul li{height:40px;line-height:40px;width:100%}
.mleft ul li a{padding-left:10px;float:left;font-size:14px}
.mleft ul li:hover{background:var(--color);display:block}
.mleft ul li:hover a{color:#FFFFFF}
.mleft ul hr{border:1px dashed #fdfdfd;width:256px;margin-left:10px}
.mright{display:block;overflow:hidden;text-align:left;width:270px;padding:20px 10px 10px 40px}
.mright b{font-size:14px}
.mright span{display:block;line-height:25px;font-size:16px;text-indent:5px}
.top_bg{display:block;height:3px;overflow:hidden;background:url(https://css02.v15cdn.com/m229/blue/cs.webp) repeat-x}
#banner{margin-top:103px}
.slideshow{margin-top:100px}
footer{font-size:14px;background:#282e3f}
footer .container{zoom:1;max-width:1200px;padding:15px 0px;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:auto;margin:0px 0 0 2.5%;color:#EEEEEE}
footer .container .col .pro-title{position:relative;font-size:20px;border-bottom:1px solid #CCCCCC;margin-bottom:20px;font-weight:normal}
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:#EEEEEE}
footer .container .col .contact-list li .m-icon{float:left;display:inline-block;width:26px;height:26px;background:url(https://css02.v15cdn.com/m229/blue/foot_icon.webp) no-repeat 0 0;vertical-align:middle}
footer .container .col .contact-list li .add{background-position:0 2px}
footer .container .col .contact-list li .tel{background-position:-67px 2px}
footer .container .col .contact-list li .mail{background-position:-33px -2px}
footer .container .col .contact-list li .txt{float:left;width:216px;padding:0px 0px 0px 20px}
footer .container .col .contact-list li .txt a{color:#EEEEEE}
footer .container .col .contact-list li .txt a:hover{color:var(--color)}
footer .container .col .cate-list{margin:-12px 0 0}
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:#EEEEEE;padding:0px 0px 0px 10px}
footer .container .col .cate-list li a:hover{color:#EEEEEE}
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;margin:0px 5px 10px 0px;border:1px solid #EEEEEE;color:#EEEEEE}
footer .container .col .tags-list a:hover{border:1px solid var(--color);color:var(--color)}
footer .container .col .qr-wrap{display:inline-block;width:150px;height:150px}
.back_to_top{position:fixed;bottom:30px;right:30px;width:62px;cursor:pointer;z-index:1001}
.copy-text{color:#FFFFFF;text-align:center;padding-bottom:20px}
.copy-text a{color:#FFFFFF}
#about,#products{padding:70px 0px}
.incon_title{padding-bottom:30px;text-align:center}
.incon_title h2{text-transform:uppercase;font-size:36px;color:var(--fontcolor)}
.incon_title h2 span{color:var(--fontcolor)}
.border_line{border-top:1px solid #333333;height:1px;margin:10px auto 0px;width:25%;position:relative}
.border_line:before{background-color:#333333;border:1px ridge #333333;content:"";height:4px;left:50%;margin-left:-20px;position:absolute;top:-3px;width:40px}
.mid_box .single_one{float:left;width:33.33%;text-align:center;transition:all .3s;padding:10px 0px}
.mid_box .two_imgbox{position:relative;width:191px;height:85.38px;background-color:transparent;margin:46.19px auto 60px;padding:20px 0px;border-left:solid 3px #DDDDDD;border-right:solid 3px #DDDDDD;-webkit-transform:translateZ(0);-moz-transform:translateZ(0);-ms-transform:translateZ(0);-o-transform:translateZ(0);transform:translateZ(0);-webkit-transition-duration:.3s;-moz-transition-duration:.3s;-o-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:transform;-moz-transition-property:transform;-o-transition-property:transform;transition-property:transform;transition:all .5s}
.mid_box .two_imgbox:hover{-webkit-transform:translateY(-10px);-moz-transform:translateY(-10px);-ms-transform:translateY(-10px);-o-transform:translateY(-10px);transform:translateY(-10px)}
.two_imgbox:before{top:-72.5685px;border-top:solid 4.2426px #DDDDDD;border-right:solid 4.2426px #DDDDDD}
.two_imgbox:after,.two_imgbox:before{content:"";position:absolute;z-index:1;width:138.14px;height:138.14px;background-color:inherit;left:25.4315px;-webkit-transform:scaleY(.5774) rotate(-45deg);-moz-transform:scaleY(.5774) rotate(-45deg);-ms-transform:scaleY(.5774) rotate(-45deg);-o-transform:scaleY(.5774) rotate(-45deg);transform:scaleY(.5774) rotate(-45deg)}
.two_imgbox:after{bottom:-70.5685px;border-bottom:solid 4.2426px #DDDDDD;border-left:solid 4.2426px #DDDDDD}
.single_one a{color:var(--fontcolor)}
.two_imgbox{position:relative;height:175px;padding-top:20px}
.single_one img{margin-top:-11px;width:158px}
.single_content p{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:20px;font-weight:var(--fontbold4)}
.mid_in{background:var(--color);opacity:.8;padding:70px 0px}
.counters_li li{float:left;width:25%}
.counters-item h4,.counters-item .h4{font-size:20px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.counters-item p{font-size:16px;margin:0px}
#counter{background-attachment:fixed!important;background-position:center center;background-repeat:no-repeat;background-size:cover;position:relative;color:#FFFFFF;text-align:center}
.mid_in{background:var(--color);opacity:.8;padding:70px 0px}
.counters-item{padding:3px 15px}
.counters-item>div{padding:11px 0px;border:1px solid #EEEEEE}
.products_li li{float:left;width:25%}
.service-block{text-align:center}
.products_con{padding:10px}
#products a{color:var(--fontcolor);-webkit-transition:all .3s ease-in 0s;-moz-transition:all .3s ease-in 0s;-o-transition:all .3s ease-in 0s;transition:all .3s ease-in 0s}
.text_big{text-align:center;margin-bottom:30px;padding:0px 25px}
.service-block img{max-width:100%;max-height:100%}
.service-block a{display:inline-block;position:relative;width:100%}
.service-block a:after{background-color:#5dbffc;position:absolute;content:"";left:0px;top:0px;opacity:0;height:100%;width:100%;-moz-transform:scaleY(0);-webkit-transform:scaleY(0);-o-transform:scaleY(0);-ms-transform:scaleY(0);transform:scaleY(0);-webkit-transition:all .6s ease-out;-moz-transition:all .6s ease-out;-ms-transition:all .6s ease-out;-o-transition:all .6s ease-out;transition:all .6s ease-out;z-index:10}
.products_li li:hover .service-block a:after{-moz-transform:scaleY(1);-webkit-transform:scaleY(1);-o-transform:scaleY(1);-ms-transform:scaleY(1);transform:scaleY(1);opacity:.8}
.appli_con .appli_con-name,.appli_con h3,.products_con .products_con-name,.products_con h3{text-align:center;overflow:hidden;text-overflow:ellipsis;font-size:16px}
#application{background:#ededed;overflow:hidden;padding:70px 0px; }
.appli_li li{float:left;width:25%}
.appli_li li:hover h3{color:var(--color)}
.appli_li li:hover img{transform:scale(1.2)}
.appli_imgbox{position:relative;overflow:hidden;border:1px solid #ECECEC}
.appli_imgbox:hover{cursor:pointer}
.appli_imgbox .v-pic{display:inline-block;text-align:center;vertical-align:middle;font-size:160px}
.appli_imgbox img{width:100%;transition:.6s;vertical-align:middle}
.appli_con{padding:10px}


#about {
    padding-bottom: 50px;
}



.appli_con .appli_con-name, .appli_con h3, .products_con .products_con-name, .products_con h3 a{
	font-size: 14px !important;
}




.appli_imgbox:after{background-color:#5dbffc;position:absolute;content:"";left:0px;top:0px;opacity:0;height:100%;width:100%;-moz-transform:scaleX(0);-webkit-transform:scaleX(0);-o-transform:scaleX(0);-ms-transform:scaleX(0);transform:scaleX(0);-webkit-transition:all .6s ease-out;-moz-transition:all .6s ease-out;-ms-transition:all .6s ease-out;-o-transition:all .6s ease-out;transition:all .6s ease-out;z-index:10}
.appli_li li:hover .appli_imgbox:after{-moz-transform:scaleX(1);-webkit-transform:scaleX(1);-o-transform:scaleX(1);-ms-transform:scaleX(1);transform:scaleX(1);opacity:.8}
.btn_rmore{padding:4px 8px;background:var(--color);color:#FFFFFF;position:absolute;top:50%;margin-top:-18px;left:50%;margin-left:-42px;z-index:1000;display:none}
.appli_li li:hover .btn_rmore{display:block}
.btn_rmore::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%}
.btn_rmore:hover{color:#FFFFFF;text-decoration:underline}
.btn_rmore:focus{color:#FFFFFF}
.btn_rmore:active{color:#FFFFFF}
.btn_rmore: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)}
.btn_rmore: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)}
.btn_rmore: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)}
.button{width:1170px;margin:0px auto;display:block;overflow:hidden}
.button-img{float:left;width:16.66666667%}
.button-img img{width:128px;height:128px}
.process_news{padding:50px 0px;background:#F4F4F4}
.mid_content{padding:0px 25px}
.pro_title{text-align:center;font-size:26px;font-weight:var(--fontbold4);font-style:normal;color:var(--fontcolor);padding-bottom:10px}
.pro_mid{text-align:center;color:#666666;padding-bottom:30px}
.news_content{height:225px;position:relative;background:#FFFFFF;float:left;transition:all .3s}
.ff_content{height:225px;width:90%;margin:0px auto}
.newscon_left{float:left;width:260px;margin-top:30px;text-align:center}
.newscon_left img{max-width:260px;max-height:160px}
.newscon_right{transition:all .3s;width:100%;padding:30px 0px 0px 280px}
.newscon_right div{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:5;overflow:hidden;transition:all .6s;color:#444444;font-size:16px}
.newscon_right p{color:var(--fontcolor);font-size:18px;font-weight:var(--fontbold6)}
.newscon_right div:hover{margin-left:5px}
.news_banner{position:relative;height:250px;margin-bottom:20px;transition:all .3s ease-out 0s;overflow:hidden}
.news_banner .banner_box{position:absolute;height:285px}
.news_prev{left:0px}
.news_next,.news_prev{position:absolute;top:35%;padding:15px;background:#dbdbdb;color:#FFFFFF;font-size:20px;cursor:pointer;display:inline-block}
.prev_next span:hover{background:#cbcbcb}
.news_next{right:0px}
.know_more{text-align:center}
.know_more a{border:1px solid #BBBBBB;padding:8px 30px;color:#666666;display:inline-block}
.know_more a:hover{border:1px solid var(--color);color:var(--color)}
.profile .container{max-width:1200px;margin:76px auto 90px;zoom:1}
.profile .container:after,.profile .container:before{content:"";display:table}
.profile .container:after{clear:both}
.profile .profile-imgs{float:left;width:49.99%;margin-bottom:30px}
.profile .profile-imgs .img-box{width:76%;margin-left:8%}
.profile .profile-imgs .border-box{position:relative;width:100%;padding:50% 0;border:6px solid var(--color)}
.profile .profile-imgs .border-box img{position:absolute;top:6%;left:6%;width:100%;height:100%}
.profile .profile-words{float:right;width:40%;font-size:16px}
.profile .profile-words p{width:100%}
.profile .profile-words h3{font-size:36px;padding-bottom:15px}
.profile .short-line{display:block;width:16%;height:2px;background-color:var(--fontcolor)}
.profile .pri-p{font-weight:var(--fontbold7);color:var(--color);padding-bottom:1em}
.profile .pro-p{padding:15px 0px;font-size:16px;color:#444444}
.profile .detail-p{color:#666666;line-height:2}
.profile .more-btn{margin-top:15px}
.more-btn{display:inline-block;padding:8px 30px;font-size:16px;color:#FFFFFF;text-align:center;background-color:#333333;text-transform:capitalize}
.conect-ways .container{position:relative;width:100%;background:var(--color) url(https://css02.v15cdn.com/m229/blue/pattern_bg.webp) ;zoom:1}
.conect-ways .container:after,.conect-ways .container:before{content:"";display:table}
.conect-ways .container:after{clear:both}
.conect-ways .share-bg{display:block;width:50%}
.conect-ways .ico-list{position:absolute;top:50%;right:50%;height:46px;margin-top:-23px;margin-right:7%}
.conect-ways .ico-list .facebook{background-position:-2px 0px}
.conect-ways .ico-list .twitter{background-position:-58px 0px}
.conect-ways .ico-list .google{background-position:-116px 0px}
.conect-ways .ico-list .icon1{background-position:-170px 0px}
.conect-ways .ico-list .icon2{background-position:-226px 0px}
.conect-ways .ico-list a{display:inline-block;width:46px;height:46px;margin-left:12px;opacity:.8;background:no-repeat}
.conect-ways .ico-list a:hover{opacity:1}
.conect-ways .email-box{position:absolute;top:50%;left:50%;width:27%;height:140px;margin-top:-70px;margin-left:3%;color:#FFFFFF}
.conect-ways .email-box p{width:100%;white-space:nowrap}
.conect-ways .email-box .tip-title{font-size:20px;height:34px}
.conect-ways .email-box .tip-word{font-size:16px;height:56px}
.conect-ways .email-box .email-field{position:relative;height:46px;background:rgba(255,255,255,.2)}
.conect-ways .email-box .email-field input{line-height:46px;height:46px;border:none;background-color:transparent;padding:0px 22px;width:90%}
.conect-ways .email-box .email-btn{position:absolute;display:block;right:18px;top:50%;width:36px;height:26px;margin-top:-13px;background:url(https://css02.v15cdn.com/m229/email1.webp) no-repeat center center}
.conect-ways .email-box::-webkit-input-placeholder{color:#FFFFFF}
.conect-ways .email-box:-moz-placeholder{color:#FFFFFF}
.conect-ways .email-box::-moz-placeholder{color:#FFFFFF}
.conect-ways .email-box:-ms-input-placeholder{color:#FFFFFF}
.conect-ways .container{position:relative;width:100%;background:var(--color) url(https://css02.v15cdn.com/m229/blue/pattern_bg.webp) ;zoom:1}
.conect-ways .container:after,.conect-ways .container:before{content:"";display:table}
.conect-ways .container:after{clear:both}
.conect-ways .share-bg{width:50%}
.conect-ways .ico-list{position:absolute;top:50%;right:50%;height:46px;margin-top:-23px;margin-right:7%}
.conect-ways .ico-list .facebook{background-position:-2px 0px}
.conect-ways .ico-list .twitter{background-position:-58px 0px}
.conect-ways .ico-list .google{background-position:-116px 0px}
.conect-ways .ico-list .icon1{background-position:-170px 0px}
.conect-ways .ico-list .icon2{background-position:-226px 0px}
.conect-ways .ico-list a{display:inline-block;width:46px;height:46px;margin-left:12px;opacity:.8;background:no-repeat}
.conect-ways .ico-list a:hover{opacity:1}
.conect-ways .email-box{position:absolute;top:50%;left:50%;width:27%;height:140px;margin-top:-70px;margin-left:3%;color:#FFFFFF}
.conect-ways .email-box p{width:100%;white-space:nowrap}
.conect-ways .email-box .tip-title{font-size:20px;height:34px}
.conect-ways .email-box .tip-word{font-size:16px;height:56px}
.conect-ways .email-box .email-field{position:relative;height:46px;background:rgba(255,255,255,.2)}
.conect-ways .email-box .email-field input{line-height:46px;height:46px;border:none;background-color:transparent;padding:0px 22px;width:90%}
.conect-ways .email-box .email-btn{position:absolute;display:block;right:18px;top:50%;width:36px;height:26px;margin-top:-13px;background:url(https://css02.v15cdn.com/m229/blue/email.webp) no-repeat center center}
.conect-ways .email-box::-webkit-input-placeholder{color:#FFFFFF}
.conect-ways .email-box:-moz-placeholder{color:#FFFFFF}
.conect-ways .email-box::-moz-placeholder{color:#FFFFFF}
.conect-ways .email-box:-ms-input-placeholder{color:#FFFFFF}
.table,.table1,table#emphasis,table#newspaper,table#verzebra,table.colorful,table.hovertable,table.imagetable{width:100%;border-collapse:collapse}
.table p,.table1 p,table#emphasis p,table#newspaper p,table#verzebra p,table.colorful p,table.hovertable p,table.imagetable p{padding:0px;margin:0px}
.table td,.table th{border:1px solid #cdcdcd;padding:5px}
.table tr:nth-child(odd){background-color:#efede1}
.table tr:nth-child(even){background-color:#FFFFFF}
.table tr:first-child{background-color:#8db3e3}
.table tr:nth-child(3){background-color:#d7d7d7}
.table1 th,.table1 tr.bgcolor{background-color:#c1c1c1}
.table1 td,.table1 th{border:1px solid #000000;padding:5px}
.inner_banner img{max-width:100%;display:block}
.inner_banner{clear:both;margin-top:100px}
.bPosition{margin:0px 10px;margin-bottom:20px;margin-left:20px;font-size:15px;height:auto;padding:10px;line-height:25px;background:#FFFFFF}
.d-main{float:left;width:73.16%;border:1px solid #D6D6D6;margin-left:21px;background:#FFFFFF}
.g-sidebar{width:22%;float:left;display:inline;margin-left:2%}
.g-sidebar h3{padding:4px;font-size:20px;font-weight:var(--fontbold4);border-top:4px solid var(--color);background:#FFFFFF;text-align:center}
.g-sidebar .list{width:98%;margin-top:2%}
.g-sidebar .list .title{font-size:20px;line-height:20px;color:var(--fontcolor);padding:17px 0px 17px 20px;background:url(https://css02.v15cdn.com/m229/hl_left.webp) no-repeat left center;cursor:pointer;border-bottom:1px solid #E3E3E3;display:block}
.g-sidebar .list .titletwo{line-height:20px;background-position:left 17px}
.g-sidebar .list .active{color:var(--color);background:url(https://css02.v15cdn.com/m229/hl_down.webp) no-repeat left 20px}
.g-sidebar .list li{padding-left:26px;margin-top:13px}
.g-sidebar .list li a{background:url(https://css02.v15cdn.com/m229/hl_fire.webp) no-repeat left center;padding-left:16px;font-size:16px;line-height:16px;color:#666666}
.g-sidebar .list li a:hover{color:#2C2B2B}
.g-sidebar .hot{width:100%;padding-top:80px}
.g-sidebar .hot .hot-list li{font-size:20px;line-height:20px;color:#666666;padding:17px 0px 17px 26px;background:url(https://css02.v15cdn.com/m229/hl_fire.webp) no-repeat left center;cursor:pointer;border-bottom:1px solid #E3E3E3;margin-left:2%}
@media screen and (max-width:1004px) and (min-width:960px){
.g-sidebar h3{font-size:23px;line-height:60px}
.g-sidebar .list .title{font-size:16px;line-height:16px}
.g-sidebar .list li a{font-size:14px}
.g-sidebar .hot .hot-list li{font-size:15px}}
@media screen and (max-width:960px){
.g-sidebar{float:none;width:95%;margin:0px auto}
.g-sidebar .hot{padding-top:30px}}
@media screen and (max-width:640px) and (min-width:480px){
.g-sidebar{float:none;width:89%;margin:0px auto}}
@media screen and (max-width:480px) and (min-width:320px){
.g-sidebar{float:none;width:89%;margin:0px auto}}
@media screen and (max-width:990px){
.g-sidebar{float:none;width:95%;margin-top:5%}}
.btest{float:left;display:inline;background:var(--color)}
.g-second{background-color:#F9F9F9;background-size:100%;overflow:hidden;padding-bottom:75px}
.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:bolder;line-height:25px;color:#282828;table-layout:fixed;word-break:break-all;overflow:hidden}
.proIntro{clear:both;margin:10px auto;color:var(--fontcolor)}
.p-odd{margin-top:30px;background:#FFFFFF;z-index:1;overflow:hidden}
.img-url{width:300px;display:block;overflow:hidden;float:left;display:inline;margin-right:10px}
.img-url img{max-width:300px;max-height:300px;display:block;margin:0px auto}
.info{float:left;display:inline;width:57%;margin:15px 0px 0px 15px;table-layout:fixed;overflow:hidden}
.info .tit-url{color:var(--fontcolor);font-size:18px;line-height:32px;font-weight:var(--fontbold6);text-transform:capitalize}
.info .line{width:100%;border-top:1px solid #D6D6D6;margin-top:6px}
.info p{width:100%;font-size:15px;line-height:1.5;margin-top:15px;color:#666666}
.info .more{width:48.8%;height:47px;display:block;margin-top:25px;margin-left:0px}
.info-f{float:left;width:60%;height:40px;line-height:40px;text-align:center;font-size:16px;color:#FFFFFF;background-color:var(--color)}
.info-j{width:40px;height:40px;float:left;background:#f08000 url(https://css02.v15cdn.com/m229/btn-fire.webp) no-repeat center center}
.ninelist1{width:100%;zoom:1}
.ninelist1:after,.ninelist1:before{content:"";display:table}
.ninelist1:after{clear:both}
.ninelist1 .ninelist-li{width:272px;min-height:272px;float:left;display:inline;margin:2.2% 0 0 15px;background:#FFFFFF}
.ninelist1 .ninelist-li a{position:relative;display:block;width:100%;height:100%}
.ninelist1 .ninelist-li a img{max-width:272px;max-height:272px}
.ninelist1 .ninelist-li a:hover .mark{opacity:.8;filter:alpha(opacity=80)}
.ninelist1 .mark{width:90%;height:90%;position:absolute;top:5%;left:5%;display:table;background:var(--color);opacity:0;filter:alpha(opacity=0);transition:all .4s ease-out;-moz-transition:all .4s ease-out;-webkit-transition:all .4s ease-out;-o-transition:all .4s ease-out}
.ninelist1 .mark-col{vertical-align:middle;display:table-cell}
.ninelist1 .mark-col span{margin-left:5%;margin-bottom:8px;display:block;width:15%;height:4px;background-color:var(--color)}
.ninelist1 .mark-txt{display:inline-block;font-weight:var(--fontbold4);margin:0px 5%;color:#FFFFFF}
@media screen and (max-width:1155px) and (min-width:992px){
.g-second .g-main .g-container h1{font-size:19px;line-height:19px}
.g-second .g-main .g-container .r-text{margin-top:15px}
.g-second .g-main .g-container .r-text span{font-size:16px;line-height:22px}
.g-second .g-main .g-container .pro-list .p-odd .info{width:55%;margin-left:10px;top:20px}
.g-second .g-main .g-container .pro-list .p-odd .info .tit-url{font-size:25px;line-height:25px}
.g-second .g-main .g-container .pro-list .p-odd .info p{font-size:19px}}
@media screen and (max-width:990px){
.g-second .g-main .g-container{width:95%;margin-top:4%}
.g-second .g-main .g-container h1{text-align:center}
.g-second .g-main .g-container .pro-list .p-odd .img-url{float:left;display:inline}
.g-second .g-main .g-container .pro-list .p-odd .info{float:left;display:inline;top:30px}
.g-second .g-main .g-container .pro-list .p-odd .info .tit-url{font-size:24px;line-height:26px}}
@media screen and (max-width:895px){
.g-second .g-main .g-container h1{font-size:19px;line-height:19px}
.g-second .g-main .g-container .r-text{margin-top:15px}
.g-second .g-main .g-container .r-text span{font-size:16px;line-height:22px}
.g-second .g-main .g-container .pro-list .p-odd .info{width:40%;margin-left:10px}
.g-second .g-main .g-container .pro-list .p-odd .info .tit-url{font-size:20px;line-height:20px}
.g-second .g-main .g-container .pro-list .p-odd .info p{font-size:15px}}
@media screen and (max-width:775px){
.g-second .g-main .g-container h1{font-size:19px;line-height:19px}
.g-second .g-main .g-container .r-text{margin-top:15px}
.g-second .g-main .g-container .r-text span{font-size:16px;line-height:22px}
.g-second .g-main .g-container .pro-list .p-odd{width:422px;height:663px;margin:20px auto 0px}
.g-second .g-main .g-container .pro-list .p-odd .info{width:95%;margin-left:10px}
.g-second .g-main .g-container .pro-list .p-odd .info .tit-url{font-size:25px;line-height:25px}
.g-second .g-main .g-container .pro-list .p-odd .info p{font-size:19px}
.g-second .g-main .g-container .pro-list .p-odd .info .more{margin:60px auto 0px}
.g-second .g-main .g-container .pro-list .p-odd .info .more .info-f{font-size:16px}}
@media screen and (max-width:465px){
.g-second .g-main .g-container{margin-left:5px}
.g-second .g-main .g-container h1{font-size:19px;line-height:19px}
.g-second .g-main .g-container .r-text{margin-top:15px}
.g-second .g-main .g-container .r-text span{font-size:16px;line-height:22px}
.g-second .g-main .g-container .pro-list .p-odd{width:422px;height:663px;margin:20px auto 0px}
.g-second .g-main .g-container .pro-list .p-odd .info{width:95%;margin-left:10px}
.g-second .g-main .g-container .pro-list .p-odd .info .tit-url{font-size:25px;line-height:25px}
.g-second .g-main .g-container .pro-list .p-odd .info p{font-size:19px}
.g-second .g-main .g-container .pro-list .p-odd .info .more{margin:60px auto 0px}
.g-second .g-main .g-container .pro-list .p-odd .info .more .info-f{font-size:16px}}
@media screen and (max-width:375px){
.g-second .g-main .g-container{margin-left:0px}
.g-second .g-main .g-container h1{font-size:19px;line-height:19px}
.g-second .g-main .g-container .r-text{margin-top:15px}
.g-second .g-main .g-container .r-text span{font-size:16px;line-height:22px}
.g-second .g-main .g-container .pro-list .p-odd{width:422px;height:663px;margin:20px auto 0px}
.g-second .g-main .g-container .pro-list .p-odd .img-url{width:375px}
.g-second .g-main .g-container .pro-list .p-odd .info{width:85%;margin-left:10px}
.g-second .g-main .g-container .pro-list .p-odd .info .tit-url{font-size:25px;line-height:25px}
.g-second .g-main .g-container .pro-list .p-odd .info p{font-size:19px}
.g-second .g-main .g-container .pro-list .p-odd .info .more{margin:40px auto 0px}
.g-second .g-main .g-container .pro-list .p-odd .info .more .info-f{font-size:16px}}
.proIntro p{font-size:14px!important}
.keywords{margin:70px auto}
.keywords a{margin-right:0px;color:var(--fontcolor);font-size:19px;line-height:20px;display:block;border-bottom:1px solid #DDDDDD;padding:17px 0px 17px 0px;text-transform:capitalize}
.keywords a:hover{text-decoration:underline}
.d-container{background:#FCFCFC;padding-bottom:8%;overflow:hidden}
.d-container .d-content{max-width:1200px;margin:0px auto;padding-top:30px}
.d-main{float:left;width:73.16%;border:1px solid #D6D6D6;margin-left:21px;background:#FFFFFF}
.slide-con{width:96.8%;margin:3% auto;padding-bottom:3%;min-height:380px}
.slide-con:after{content:'';display:block;visibility:hidden;height:0px;clear:both}
.singglepic{float:left;width:380px}
.d-slider-left{float:left}
.d-slider{float:left;width:380px;position:relative}
.d-slider-rights{float:left;width:calc(100% - 382px);padding:0px 0 0 2%;box-sizing:border-box}
.marquee{position:absolute;width:150px;height:150px;background:#FFFFFF;opacity:.5}
.show-box{position:absolute;display:none;width:367px;height:311px;overflow:hidden;left:368px;top:0px;background:#FFFFFF;z-index:999}
.large-box{width:367px;height:311px;position:relative;overflow:hidden}
.large-box .zz_box{width:100%;height:100%;position:absolute;top:0px;left:0px;background:rgba(0,0,0,.15);z-index:10;overflow:hidden}
.large-box li,.large-box ul{width:100%;overflow:hidden;height:311px}
.large-box img{max-width:100%;max-height:100%;margin:0px auto;display:block}
.small-box{width:367px;height:56px;margin:2% auto 0;position:relative;overflow:hidden}
.btn{display:block;width:19px;height:32px;cursor:pointer;position:absolute;top:50%;margin-top:-16px;z-index:11}
.left-btn{left:0px;background:url(https://css02.v15cdn.com/m229/qy-btuleft.webp) }
.right-btn{right:0px;background:url(https://css02.v15cdn.com/m229/qy-bturight.webp) }
.small-list{position:relative;width:316px;height:63px;margin:0px auto;overflow:hidden}
.small-list ul{zoom:1}
.small-list ul:after,.small-list ul:before{content:"";display:table}
.small-list ul:after{clear:both}
.small-list li{position:relative;float:left;margin-right:8px;width:65px;padding:2px 3px;border:1px solid #EEEEEE}
.small-list li img{display:block;max-width:65px;max-height:50px;margin:0px auto}
.small-list li .bun-bg{display:block;position:absolute;top:2px;left:3px;width:65px;height:50px;background:#989898;filter:alpha(opacity=60);-moz-opacity:.6;-khtml-opacity:.6;opacity:.6}
.small-list li.on .bun-bg{display:none}
.d-main-details{clear:both;width:97%;margin:0px auto;padding:10px 0px 0px 0px}
.details-titles{float:left;width:100%;overflow:hidden}
.details-title1{width:100%;font-size:26px;line-height:1.3;color:var(--fontcolor)}
.details-txt1{width:100%;margin-top:2%;font-size:16px;line-height:25px;color:#666666}
.details-right{width:100%;overflow:hidden}
.details-btns{width:175px;height:43px;margin-top:15px;overflow:hidden;cursor:pointer}
.details-btns button{float:left;display:block;width:134px;height:43px;line-height:43px;font-size:20px;color:#FFFFFF;background:var(--color);border:0px;text-align:center;overflow:hidden;cursor:pointer}
.details-btns p{float:left;width:41px;height:43px;background:#f08000 url(https://css02.v15cdn.com/m229/btn-fire.webp) no-repeat center center}
.share-tools{width:100%;margin-top:15px}
.share-tools a{display:inline-block;vertical-align:middle;width:26px;height:26px;margin-right:12px}
.details-title2{width:98%;margin:10px auto;font-size:20px;line-height:34px;color:var(--fontcolor)}
.details-txt2{width:98%;margin:0px auto;font-size:16px;color:var(--fontcolor);overflow:hidden}
.no-border{border:none}
.hot-details{width:98%;margin:32px auto 0;overflow:hidden}
.hot-details a{display:block;color:#959595;height:28px;line-height:28px;padding:0px 14px;border:1px solid #E5E5E5;float:left;margin:0px 7px 7px 0px;overflow:hidden}
.flip{margin:0px auto;padding:15px 0px;width:96%;color:#444444;font-size:16px;line-height:25px;zoom:1}
.flip:after,.flip:before{content:"";display:table}
.flip:after{clear:both}
.flip a{color:#444444;padding-bottom:4px;margin-left:8px}
.flip .prev{display:inline;margin-left:33px}
.flip .next{display:inline;margin-left:33px;font-weight:var(--fontbold4)}
form .form-title{width:95%;margin:3% auto 2%;font-size:20px;line-height:34px;color:var(--fontcolor)}
form ul{width:90%;margin:0px auto}
form li{font-size:16px;line-height:36px;margin-bottom:20px}
form li em{display:inline-block;color:#201f1a;width:78px;text-align:right;font-weight:var(--fontbold4);margin-right:10px;vertical-align:top}
form li em i{color:#ff0f0f}
form li input{font-size:16px;line-height:36px;height:36px;width:50%;color:#201f1a;text-indent:10px}
form li textarea{height:122px;font-size:16px;line-height:28px;padding:10px;width:60%;color:#201f1a}
form .li{margin:0px}
form .form-agree{font-weight:var(--fontbold4);color:#666666;margin-left:130px}
form .form-agree input{vertical-align:middle;margin-right:3px}
.form-btns{width:175px;height:43px;margin:28px 0px 0px 130px;overflow:hidden}
.form-btns button{float:left;display:block;width:134px;height:43px;line-height:43px;font-size:20px;color:#FFFFFF;background:var(--color);border:0px;text-align:center;overflow:hidden}
.form-btns p{float:left;width:41px;height:43px;background:#282e3f url(https://css02.v15cdn.com/m229/btn-fire.webp) no-repeat center center}
@media (max-width:1200px){
.container{width:100%;padding:2px 2%;box-sizing:border-box}}
@media (max-width:990px){
.d-main{float:none;width:95%;margin:4% auto 0px}
.d-main h3{font-size:20px;line-height:60px}
.d-main .g-context a{font-size:24px;line-height:24px}}
@media (max-width:768px){
.d-main{float:none;width:95%;margin:4% auto 0px}
.details-titles{float:none;width:100%}
.details-right{float:none;width:100%;text-align:center}
.share-tools{text-align:left}}
@media (max-width:710px){
.d-main{float:none;width:95%;margin:4% auto 0px}
.d-slider-rights{display:table;overflow:hidden}
.details-titles{float:none;width:100%}
.details-title1{font-size:24px}
.details-txt1{font-size:16px;line-height:30px}
.details-right{float:none;width:100%;text-align:center}
.share-tools{text-align:left}}
@media (max-width:690px){
.d-main{float:none;width:95%;margin:4% auto 0px}
.d-slider-rights{width:100%}
.details-btns{float:left}
.share-tools{float:right;width:initial;margin-top:30px}
.marquee{width:100px;height:100px}
.show-box{width:200px;height:200px;top:55px}}
@media (max-width:590px){
.d-main{float:none;width:95%;margin:4% auto 0px}
.d-slider{float:none;margin:0px auto}
.show-box{filter:alpha(opacity=0);opacity:0}
.marquee{filter:alpha(opacity=0);opacity:0}
.flip i{float:none;display:block;margin-left:33px;overflow:hidden}
.flip em{float:none;display:block;margin-left:33px;margin-right:0px;overflow:hidden}}
@media (max-width:530px){
.d-main{float:none;width:95%;margin:4% auto 0px}
.d-slider{float:none;margin:0px auto}
.show-box{filter:alpha(opacity=0);opacity:0}
.marquee{filter:alpha(opacity=0);opacity:0}
.flip i{float:none;display:block;margin-left:33px;overflow:hidden}
.flip em{float:none;display:block;margin-left:33px;margin-right:0px;overflow:hidden}}
@media (max-width:480px){
.d-main{float:none;width:95%;margin:4% auto 0px}
.details-right{float:none;width:100%;text-align:center}
.details-btns{float:none}
.share-tools{float:none;width:100%;margin:20px auto}
.flip i{float:none;display:block;margin-left:33px;overflow:hidden}
.flip em{float:none;display:block;margin-left:33px;margin-right:0px;overflow:hidden}
form textarea{width:50%!important}
.form-agree{margin-left:20px!important}
.form-btns{margin:28px auto 0!important}
.details-btns{margin:15px auto 0px}
.share-tools{text-align:center;margin-left:5px}}
@media (max-width:445px){
.d-main{float:none;width:95%;margin:4% auto 0px}
.d-slider{float:none;width:100%}
.large-box{width:100%}
.small-box{width:60%}
.small-list{width:154px}
.flip i{float:none;display:block;margin-left:33px;overflow:hidden}
.flip em{float:none;display:block;margin-left:33px;margin-right:0px;overflow:hidden}
form textarea{width:50%!important}
.form-agree{margin-left:20px!important}
.form-btns{margin:28px auto 0!important}}
@media (max-width:375px){
.d-main{float:none;width:95%;margin:4% auto 0px}
.flip i{float:none;display:block;margin-left:33px;overflow:hidden}
.flip em{float:none;display:block;margin-left:33px;margin-right:0px;overflow:hidden}
form textarea{width:50%!important}
.form-agree{margin-left:20px!important}
.form-btns{margin:28px auto 0!important}}
.keywords{margin:10px;font-size:14px}
.keywords span a{border:0px;display:inline;font-size:16px;border:1px solid #CCCCCC;line-height:40px;padding:7px 15px}
.productsTags{margin:10px;font-size:16px;line-height:22px}
.singglepic.on img{width:auto}
.g-newslist{width:100%;background-color:#F9F9F9;background-size:100% 100%}
.g-main{max-width:1200px;margin:0px auto;padding-bottom:50px;zoom:1}
.g-main:after,.g-main:before{content:"";display:table}
.g-main:after{clear:both}
.g-container .news-list{clear:both;overflow:hidden;margin:0px auto}
.g-container .news-li{clear:both;height:40px;line-height:39px;border-bottom:1px dashed #d3d3d3;position:relative;overflow:hidden;margin:0px auto}
.g-container .news-li a{display:block}
.g-container .news-li .newsli-content{float:left;font-size:16px;color:var(--fontcolor)}
.g-container .news-li .newsli-data{float:right;font-size:12px;color:#555555;text-align:right}
.g-container .news-li:hover .newsli-content{color:var(--color)}
.g-container .news-li:hover .newsli-data{color:var(--color)}
.g-container .news-list .pic_li{padding:12px 0px;border-bottom:1px dashed #AAAAAA}
.g-container .news-list .pic-l{width:240px;float:left}
.g-container .news-list .pic-r{padding-left:260px}
.g-container .news-list a{font-size:18px;display:block;margin-bottom:6px;color:var(--fontcolor)}
.g-container .news-list h6{color:var(--fontcolor);font-weight:var(--fontbold5);font-size:14px}
.g-container .news-list a:hover{color:var(--fontcolor)}
.g-page{width:100%;margin:30px 0px}
.g-page .pages{width:100%;text-align:center;margin:0px auto;zoom:1}
.g-page .pages:after,.g-page .pages:before{content:"";display:table}
.g-page .pages:after{clear:both}
.g-page .pages span{display:inline;margin:0px 5px;font-size:16px;line-height:32px}
.g-page .pages a{min-width:20px;display:inline;margin:0px 8px;color:var(--fontcolor);font-size:16px;line-height:32px;text-align:center;padding:0px 4px;box-sizing:border-box}
.g-page .pages .ctxt{color:#FFFFFF;background:var(--color);text-align:center;padding:5px 10px}
@media screen and (max-width:990px){
.g-newslist .g-main .g-container{float:none;width:95%;margin:20px auto 0px}
.g-newslist .g-main .g-container .news-list .news-li a .newsli-content{font-size:18px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.g-newslist .g-main .g-container .news-list .news-li a .newsli-data{font-size:18px}}
.news-content{width:100%;padding-bottom:6%;background:url(https://css02.v15cdn.com/m229/bg.webp) repeat-y center top;background-size:100%;overflow:hidden}
.news-main{max-width:1200px;margin:0px auto;padding-top:1.6%}
.news-right{float:left;width:73.16%;margin-left:21px;overflow:hidden;border:1px solid #D6D6D6}
.new-titles{font-size:24px;line-height:1;padding:10px 0px;text-align:center;color:#FFFFFF;background:var(--color)}
.new-titles em{margin-left:26px;display:inline-block}
.news-txts{width:100%;background:#FFFFFF;font-size:15px;line-height:30px;padding-bottom:5%;color:#6f6f6f}
.news-txts i{display:block;text-align:center;padding-top:2%}
.news-txts p{max-width:96%;margin:0px auto;overflow:hidden}
.news-txts .share-btn-list{margin:0px 20px}
.news-cont{width:100%;background:#FFFFFF;overflow:hidden}
.news-cont ul{text-align:center;padding:24px 0px 24px 15px}
.news-cont li{display:inline-block;vertical-align:middle;width:50%;color:#666666;border-bottom:1px dotted #c4c4c4;margin-bottom:5px;cursor:pointer;overflow:hidden;text-align:left}
.news-cont a{display:block;width:100%;line-height:29px;color:#666666}
.news-cont i{float:left;width:255px;white-space:nowrap;text-overflow:ellipsis;text-align:left;overflow:hidden}
.news-cont span{float:right}
.news-cont .on{color:#201f1a}
.mews-slide{width:100%;background:#FFFFFF;overflow:hidden}
.small-box{width:843px;margin:30px auto;height:150px;position:relative;overflow:hidden}
.btn{display:block;width:19px;height:32px;cursor:pointer;position:absolute;top:50%;margin-top:-16px;z-index:11}
.left-btn{left:0px;background:url(https://css02.v15cdn.com/m229/qy-btuleft.webp) }
.right-btn{right:0px;background:url(https://css02.v15cdn.com/m229/qy-bturight.webp) }
.small-list{position:relative;width:786px;height:150px;margin:0px auto;overflow:hidden}
.small-list ul{zoom:1}
.small-list ul:after,.small-list ul:before{content:"";display:table}
.small-list ul:after{clear:both}
.small-list li{position:relative;float:left;display:inline;margin-right:9px;width:148px;height:148px;border:1px solid #e7e7e7}
.small-list li img{display:block;width:140px;height:140px;margin:4px auto 0;overflow:hidden}
.small-list li .bun-bg{display:none;position:absolute;top:4px;left:4px;width:140px;height:140px;background:var(--color);filter:alpha(opacity=60);-moz-opacity:.6;-khtml-opacity:.6;opacity:.6}
.small-list li.on .bun-bg{display:block}
.small-list a{display:block}
.small-box{width:700px;height:146px}
.small-list{width:640px;height:146px}
.small-list li{width:118px;height:118px;margin-right:8px;overflow:hidden}
.small-list li img{width:110px;height:110px}
.small-list li .bun_bg{width:110px;height:110px}
@media (max-width:990px){
.news-main{float:none;width:100%;margin:0px auto;padding-top:0px}
.news-right{float:none;width:95%;margin:2% auto 0px}}
@media (max-width:770px){
.flip{padding:10px 0px}
.flip i{float:none;display:block;margin-left:33px;line-height:30px;margin-bottom:10px;overflow:hidden}
.flip em{float:none;display:block;margin-left:33px;margin-right:0px;line-height:30px;overflow:hidden}
.small-box{width:620px;height:110px}
.small-list{width:570px;height:110px}
.small-list li{width:108px;height:108px;margin-right:4px;overflow:hidden}
.small-list li img{width:102px;height:102px}
.small-list li .bun_bg{width:102px;height:102px}}
@media (max-width:680px){
.small-box{width:580px;height:100px}
.small-list{width:525px;height:100px}
.small-list li{width:98px;height:98px;margin-right:6px;overflow:hidden}
.small-list li img{width:92px;height:98px}
.small-list li .bun_bg{width:92px;height:92px}}
@media (max-width:635px){
.small-box{width:480px;height:80px}
.small-list{width:425px;height:80px}
.small-list li{width:78px;height:78px;margin-right:6px;overflow:hidden}
.small-list li img{width:72px;height:72px}
.small-list li .bun_bg{width:72px;height:72px}}
@media (max-width:530px){
.news-main{float:none;width:100%;margin:0px auto;padding-top:0px}
.news-right{float:none;width:95%;margin:2% auto 0px}
.flip{padding:10px 0px}
.flip i{float:none;display:block;margin-left:33px;line-height:30px;margin-bottom:10px;overflow:hidden}
.flip em{float:none;display:block;margin-left:33px;margin-right:0px;line-height:30px;overflow:hidden}
.news-cont .new-list{width:95%;margin:12px auto;overflow:hidden;padding:0px}
.news-cont .new-list li{width:100%}
.news-cont .new-list i{width:50%}
.news-cont .new-list span{width:30%;white-space:nowrap;text-overflow:ellipsis;text-align:right;overflow:hidden}
.small-box{width:405px;height:81px}
.small-list{width:356px;height:81px}
.small-list li{width:65px;height:81px;margin-right:5px;overflow:hidden}
.small-list li img{width:59px;height:73px}
.small-list li .bun_bg{width:59px;height:73px}}
@media (max-width:460px){
.news-main{float:none;width:100%;margin:0px auto;padding-top:0px}
.news-right{float:none;width:95%;margin:2% auto 0px}
.flip{padding:10px 0px}
.flip i{float:none;display:block;margin-left:33px;line-height:30px;margin-bottom:10px;overflow:hidden}
.flip em{float:none;display:block;margin-left:33px;margin-right:0px;line-height:30px;overflow:hidden}
.news-cont .new-list{width:95%;margin:12px auto;overflow:hidden;padding:0px}
.news-cont .new-list li{width:100%}
.news-cont .new-list i{width:50%}
.news-cont .new-list span{width:30%;white-space:nowrap;text-overflow:ellipsis;text-align:right;overflow:hidden}
.small-box{width:350px;height:46px}
.small-list{width:300px;height:46px}
.small-list li{width:54px;height:44px;margin-right:5px;overflow:hidden}
.small-list li img{width:46px;height:36px}
.small-list li .bun_bg{width:46px;height:36px}}
@media (max-width:400px){
.news-main{float:none;width:100%;margin:0px auto;padding-top:0px}
.news-right{float:none;width:95%;margin:2% auto 0px}
.flip{padding:10px 0px}
.flip i{float:none;display:block;margin-left:33px;line-height:30px;margin-bottom:10px;overflow:hidden}
.flip em{float:none;display:block;margin-left:33px;margin-right:0px;line-height:30px;overflow:hidden}
.news-cont .new-list{width:95%;margin:12px auto;overflow:hidden;padding:0px}
.news-cont .new-list li{width:100%}
.news-cont .new-list i{width:50%}
.news-cont .new-list span{width:30%;white-space:nowrap;text-overflow:ellipsis;text-align:right;overflow:hidden}
.small-box{width:322px;height:46px}
.small-list{width:295px;height:46px}
.small-list li{width:54px;height:44px;margin-right:3px;overflow:hidden}
.small-list li img{width:46px;height:36px}
.small-list li .bun_bg{width:46px;height:36px}}
@media (max-width:375px){
.news-main{float:none;width:100%;margin:0px auto;padding-top:0px}
.news-right{float:none;width:95%;margin:2% auto 0px}
.flip{padding:10px 0px}
.flip i{float:none;display:block;margin-left:33px;line-height:30px;margin-bottom:10px;overflow:hidden}
.flip em{float:none;display:block;margin-left:33px;margin-right:0px;line-height:30px;overflow:hidden}
.news-cont .new-list{width:95%;margin:12px auto;overflow:hidden;padding:0px}
.news-cont .new-list li{width:100%}
.news-cont .new-list i{width:50%}
.news-cont .new-list span{width:30%;white-space:nowrap;text-overflow:ellipsis;text-align:right;overflow:hidden}
.small-box{width:300px;height:38px}
.small-list{width:250px;height:38px}
.small-list li{width:46px;height:36px;margin-right:2px;overflow:hidden}
.small-list li img{width:38px;height:28px}
.small-list li .bun_bg{width:38px;height:28px}}
.g-about{background:url(https://css02.v15cdn.com/m229/bg.webp) repeat-y center top;background-size:100%;padding-bottom:8%;overflow:hidden}
.g-container h1{font-size:20px;font-weight:var(--fontbold4);background:var(--color);color:#FFFFFF;padding:10px;text-transform:capitalize}
.g-container img{margin:0px auto;max-width:100%;height:auto;display:block}
.g-container .g-context{padding:20px 20px 4% 20px;position:relative;background:#FFFFFF;overflow:hidden;line-height:25px;font-size:15px}
@media screen and (max-width:1004px) and (min-width:960px){
.g-container h1{font-size:20px;line-height:30px;padding:20px}}
@media screen and (max-width:990px){
.g-container{float:none;width:95%;margin:4% auto 0px}
.g-container h1{font-size:20px;line-height:30px;padding:20px}
.g-container .g-context a{font-size:24px;line-height:24px}}
@media screen and (max-width:768px){
.g-container{float:none;width:95%;margin:4% auto 0px}
.g-container h1{font-size:20px;line-height:30px;padding:20px}
.g-container .g-context a{font-size:16px;line-height:16px}}
@media screen and (max-width:640px) and (min-width:480px){
.g-container h1{font-size:20px;line-height:30px;padding:20px}}
@media screen and (max-width:480px) and (min-width:320px){
.g-container{float:none;width:89%;margin:4% auto 0px}
.g-container h1{font-size:20px;line-height:30px;padding:20px}}
.g-second .g-main .g-container .ninelist1 li a.LayImAhrefNode{display:block!important;width:100%;height:38px;font-size:16px;line-height:38px;transition:all .5s linear 0s}
.ninelist1 .ninelist-li a{height:88%}
.g-second .g-main .g-container .ninelist0 li a.LayImAhrefNode{width:48.8%;line-height:47px;margin:2.7% 0 0 0;vertical-align:middle;transition:all .5s linear 0s}
.details-right a.LayImAhrefNode{display:inline-block;width:155px;line-height:43px;font-size:18px;padding:0px 10px;margin:15px 0px 0px 0px;transition:all .5s linear 0s}
.details-right a.LayImAhrefNode:hover,.g-second .g-main .g-container .ninelist0 li a.LayImAhrefNode:hover,.g-second .g-main .g-container .ninelist1 li a.LayImAhrefNode:hover{background:#2b2b2b;text-decoration:none;color:#FFF!important}
.LayImAhrefNode{display:inline-block!important;border-radius:2px;background:#f08000;color:#FFF!important;text-align:center}
.wmkcfeedback{padding:15px}
.ptit{width:97%;margin:15px auto 0px;font-size:20px;color:var(--fontcolor)}
.rollPro1{margin:15px;display:flex;flex-wrap:wrap}
.rollPro1:after{content:'';display:block;visibility:hidden;clear:both;height:0px}
.rollPro1 li{float:left;width:33.3333%;padding:10px;box-sizing:border-box}
.rollPro1 li .pbox{width:100%;border:1px solid #CCCCCC}
.rollPro1 li .pbox a{width:350px;height:200px;display:table-cell;vertical-align:middle}
.rollPro1 li .pbox img{max-width:100%;max-height:100%;display:block;margin:0px auto}
.rollPro1 li p{overflow:hidden;text-overflow:ellipsis;font-size:16px;text-align:center;line-height:1.3;padding:5px 7px}
@media screen and (max-width:768px){
.rollPro1 li{width:50%}}
@media screen and (max-width:550px){
.rollPro1 li .pbox a{height:170px}}
@media screen and (max-width:415px){
.rollPro1 li{width:100%}
.rollPro1 li .pbox a{height:auto}}
.g-sidebar .sf-menu,.g-sidebar .sf-menu1{width:98%;margin-top:2%}
.g-sidebar .sf-menu1>li>a,.g-sidebar .sf-menu2>li>a,.g-sidebar .sf-menu>li>a{display:block;font-size:18px;color:var(--fontcolor);padding:5px 0px 5px 20px;background:url(https://css02.v15cdn.com/m229/hl_left.webp) no-repeat left center;cursor:pointer;border-bottom:1px solid #D3D3D3}
.g-sidebar .sf-menu ul li a,.g-sidebar .sf-menu1 ul li a{line-height:20px;background-position:left 17px}
.g-sidebar .sf-menu1>li:hover>a,.g-sidebar .sf-menu2>li:hover>a{color:var(--color);background:url(https://css02.v15cdn.com/m229/hl_down.webp) no-repeat left 20px}
.g-sidebar .sf-menu li,.g-sidebar .sf-menu1 li{padding-left:6px;margin-top:10px;text-transform:capitalize}
.g-sidebar .sf-menu ul li,.g-sidebar .sf-menu1 ul li,.g-sidebar .sf-menu2 ul li{padding-left:16px}
.g-sidebar .sf-menu ul li a,.g-sidebar .sf-menu1 ul li a,.g-sidebar .sf-menu2 ul li a{background:url(https://css02.v15cdn.com/m229/hl_fire.webp) no-repeat left center;padding-left:16px;font-size:16px;line-height:16px;color:var(--fontcolor)}
.g-sidebar .sf-menu li a:hover,.g-sidebar .sf-menu1 li a:hover{color:var(--color)}
.g-sidebar .sf-menu1 ul{display:none}
.g-sidebar .sf-menu1 li:hover>ul{display:block}
.g-sidebar .sf-menu2{width:100%;margin-top:2%}
.g-sidebar .sf-menu2 ul li a{line-height:28px;background-position:left 25px;padding:17px 0px 17px 20px;display:block}
.g-sidebar .sf-menu2 li{padding-left:6px;margin-top:0px;position:relative}
.g-sidebar .sf-menu2 ul{display:none;position:absolute;top:0px;left:100%;background:#E3E3E3;width:100%}
.g-sidebar .sf-menu2 li:hover>ul{display:block}
.rollPro{height:220px}
.rollPro .Cont{width:760px;overflow:hidden;margin:12px auto}
.rollPro .ScrCont{width:2500px}
.rollPro .pic{width:142px;padding:0px 5px}
.rollPro .pbox img{max-width:140px;max-height:120px;line-height:120px;display:block;margin:0px auto}
.rollPro .pbox{width:140px;height:120px;line-height:120px;text-align:center;vertical-align:middle;display:table-cell;border:1px solid #EEEEEE;margin:0px auto}
.rollPro p{height:42px;overflow:hidden;line-height:20px;text-align:center}
.rollPro #List1,.rollPro #List2,.rollPro .Cont,.rollPro .pic,.rollPro .wen_jt{float:left}
.rollPro .wen_jt{width:24px;padding-top:45px}
#con{margin-top:30px}
#tagContent{padding-top:20px}
#tags:after{content:'';display:block;clear:both;visibility:hidden;height:0px}
#tags li{margin-bottom:10px;float:left}
#tags li a{text-decoration:none;display:block;line-height:40px;padding:0px 18px;margin-right:8px;background:#EFEFEF;color:var(--fontcolor);font-size:18px}
ul#tags li.selectTag a{color:#FFFFFF;background:var(--color)}
.tagContent{display:none;width:100%;color:var(--fontcolor);padding-top:10px;font-size:16px;line-height:28px}
#tagContent div.selectTag{display:block}
.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 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{color:#111111;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}
.clearfix:after{content:".";display:block;height:0px;clear:both;visibility:hidden}
.clearfix{zoom:1}
.language_search{display:flex;justify-content:flex-end;margin-top:10px}
.search_inp{width:212px;margin-right:0px}
.search_inp{transform:scale(1)}
.head .container{overflow:inherit}
#btnSearch{background:url(https://css02.v15cdn.com/m229/icon-search.webp) no-repeat center;background-size:contain;font-size:0px}
.appli_li{display:flex;flex-wrap:wrap}
 
.g-second {padding-bottom:40px}
.proIntro a {color:#555555}
.details-txt2 a {color:var(--fontcolor)}
.productsTags {margin:10px 0px;font-size:16px;line-height:28px}
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}
.lang{z-index:99999;text-align:left;position:relative;height:30px;padding:0px 5px;border-radius:4px}
.lang-icon{display:flex;align-items:center;width:100%;height:30px;border:none;cursor:pointer;font-size:14px;user-select:none;white-space:nowrap}
.lang-icon span{position:relative;padding-right:18px;color:#000000;margin-left:5px;line-height:20px}
.lang-icon span::before{content:"";position:absolute;right:4px;top:11px;width:8px;height:1px;background:#333333;transform:rotate(50deg)}
.lang-icon span::after{content:"";position:absolute;right:0px;top:11px;width:8px;height:1px;background:#333333;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:0 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.lang-flex .lang-arrow{left:80%}
.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-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%;padding:0px}
.lang-wrap li.lang-active,.lang-wrap li:hover{background-color:#EEEEEE}
.lang-wrap li a{display:block;color:var(--fontcolor);font-size:12px;padding:8px;text-decoration:none;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;line-height:20px}
.lang-wrap li img{display:inline-block;width:24px;height:16px;vertical-align:-.25em;margin-right:4px}
@media (max-width:1024px){
.lang{margin-left:auto;margin-right:20px;transition:all .2s linear}
.lang-icon img{width:32px}
.lang-icon span{display:none}
.lang-drop{display:none}
.lang-drop.active{display:block}
.lang-drop.lang-flex{right:auto;left:50%;transform:translateX(-50%);top:60px!important;position:fixed;width:calc(100vw - 20px)}
.lang-drop.lang-flex.active{top:54px!important}
.lang-flex .lang-wrap{width:100%}
.lang-drop.lang-flex .lang-arrow{left:82%}}
.sidebar-item{width:100%;margin-bottom:25px;position:relative}
.sidebar-item.sidebar-search{background:#FFFFFF;display:flex;justify-content:space-between;align-items:center;border:none;padding:20px 10px}
.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{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.6}
.sidebar-item .sidebar-list .item{display:flex;align-items:center;justify-content:space-between;padding:10px 0;border-bottom:1px solid #d3d3d3}
.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{width:auto;margin:0;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{width:auto;height:auto;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 10px;border:none;background:#FFFFFF}
.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:18px;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}