img{border:0;vertical-align:middle}
li,ol,ul{list-style:none}
button,input,select,textarea{vertical-align:middle;font-size:14px;font-family:inherit;line-height:normal;outline:0}
button{cursor:pointer}
table{border-collapse:collapse}
video{object-fit:contain}
.clearfix:after{content:"";display:block;clear:both}
.fl{float:none}
.fr{float:right}
.container{max-width:1200px;margin-left:auto;margin-right:auto;padding-left:15px;padding-right:15px}
.container1{max-width:1400px;margin-left:auto;margin-right:auto;padding:0 15px}
.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:0;margin:0}
.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:#fff}
.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 #000;padding:5px}
html{font-size:14px}
.mask_bg{position:absolute;width:100%;height:100%;bottom:0;background:#000;transition:all .5s;left:0;z-index:999;opacity:.3;display:none}
.moved{display:block}
.firstRow img{max-width:100%;display:block}
@media only screen and (max-width:1440px){
html{font-size:14px}
}
@media only screen and (max-width:1024px){
html{font-size:12px}
}
@media only screen and (max-width:768px){
html{font-size:10px}
}
@media (max-width:441px){
.container{padding-left:0;padding-right:0}
}
.nav_ne{background:#f3f3f3;margin-bottom:30px;clear:both}
.nav_ne ul{display:flex;padding:25px 15px}
.nav_ne li:nth-child(1) a{padding-left:0}
.nav_ne a{color:#3e3e3e;font-size:1rem;padding:0 10px;text-transform:uppercase}
.nav_ne i{color:#3e3e3e;font-size:.8125rem}
.fixednav{position:fixed;background:#0b63a3;z-index:1000;width:100%;top:0}
.nav .submenu{position:absolute;width:112px;top:70px;background:#fff;text-align: center;
    padding-left:0;opacity:.95;filter:alpha(opacity=85);z-index:9999999;display:none}
.nav .submenu li{border-bottom:1px solid #d8d8d8;float:none}
.nav .submenu li a{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:40px;height:40px;
    display:block;color:#0b63a3;padding:4px 0;text-transform:capitalize}
.submenu li:hover{background:#0b63a3}
.submenu li:hover a{color:#fff}
.mobile_logo img{vertical-align:middle;margin-left:15px}
.mobile_login_menu{position:absolute;right:15px;top:50%;margin-top:-10px;cursor:pointer;display:none}
.mobile_login_menu span{display:block;width:20px;height:2px;margin-bottom:5px;position:relative;background:#fff;border-radius:3px;z-index:1;transform-origin:20px;transition:background .5s cubic-bezier(.77,.2,.05,1),opacity .55s ease,transform .5s cubic-bezier(.77,.2,.05,1),width .5s}
.seed{left:0!important}
.hide_top{position:fixed;width:100%;z-index:1000;background:#0b63a3;height:70px;line-height:70px}
.toggle span:nth-child(1){opacity:1;transform:rotate(-45deg)}
.toggle span:nth-child(2){opacity:0}
.toggle span:nth-child(3){opacity:1;transform:rotate(45deg)}
.hidden_content{position:absolute;float:left;transition:all .3s;left:0;width:100%;height:70px;top:0;z-index:1000;background:#0b63a3;display:none}
.hide_menuwrap{position:fixed;float:right;transition:all .3s;z-index:200;left:-300px;width:300px;height:100%;background:#0b63a3;top:70px}
.hide_menuwrap .nav_en1{float:none}
.hide_menuwrap .nav_en li{float:none;position:relative;background:#0b63a3}
.hide_menuwrap .nav_en1 a{display:block;height:45px;line-height:45px;border-bottom:1px solid #fff;color:#fff;float:none;margin-right:0;padding-left:10px;margin-left:0}
.hide_menuwrap .nav_en1 a:hover{background:#fff;color:#0b63a3}
.hide_menuwrap .nav_en1>li>a:hover{background:#fff;color:#0b63a3}
.hide_menuwrap .submenu{position:absolute;top:0;left:300px;width:100%;display:none}
.hide_menuwrap .submenu li:hover a{color:#0b63a3}
.foot_fix{ clear:both; margin:0px auto; padding:0px; text-align:center; font-size:9pt; line-height:170%;}
.foot_fix .foot_sharer li{display:inline-block;margin-bottom:0}
.foot_fix .foot_sharer{text-align:-webkit-center;margin:15px 0}
.foot_fix .foot_sharer li a{line-height:35px;background:#0b63a3;border-radius:50%;width:35px;height:35px;margin:0 5px;border:1px solid #fff;color:#fff;font-size:18px}
.fix_li li{float:left;width:20%;margin-bottom:0;line-height:50px;text-align:-webkit-center;font-size:26px;color:#fff}
.fix_li li a{color:#fff}
@media screen and (max-width:1470px){
.mid_box{float:left;width:80%;padding-left:0}
#head .nav{margin-top:0}
#head{height:110px;width:100%;top:0;background:#0b63a3}
.left_wrap{width:100%;height:91px}
.search_wrap{margin-top:34px;float:right;margin-right:25px}
.right_wrap{padding-left:0}
}
@media screen and (max-width:1260px){
#head{height:70px;}
#procate .fr,.cate_right{position:relative!important}
#procate .fr{right:17%!important;width:66%!important}
#about .fr,.catefl_content{width:100%!important;text-align:-webkit-center}
#about .fl{width:80%!important;left:10%!important;position:relative!important}
#about .fr{margin-left:0}
#procate .fl{float:none;width:100%!important}
.mobile_login_menu{display:block}
#procate{margin:70px 0 150px 0!important}
.hidden_content{display:block}
.top_share{top:17px;z-index:10000;margin-top:0;right:70px}
.top_share li{float:left}
.top_share li a{margin:0 5px 0 5px}
/*#slider{padding-top:70px}
.nav{position:fixed;float:right;transition:all .3s;z-index:200;left:-300px;width:300px;height:100%;background:#0b63a3;top:70px}
.logo_img{float:none;height:70px;line-height:70px}
.logo_img img{display:inline-block}
.nav>li{float:none}
.nav>li>a{display:block;line-height:56px;border-bottom:1px solid #fff}
.nav>li>a:hover{background:#fff;color:#0b63a3}
.nav li a:hover .submenu{display:block}
.nav .submenu{position:unset;float:none}
.nav .submenu li a:hover{background:#0b63a3;color:#fff} */
}
@media screen and (max-width:1024px){
#recommend li{margin-right:0!important;width:100%!important;margin-top:0!important;text-align:-webkit-center}
.reco_top{position:relative;display:inline-block}
.reco_bottom{padding:40px 0!important}
.new_contents .fl{width:100%!important;margin-right:0!important;position:relative!important;height:850px!important}
.new_contents .fr{width:100%!important}
.new_right li{padding:25px 15px!important}
.new_right h3 a{height:unset!important}
.defind_content li{position:unset!important;width:100%!important}
.defind_tt{margin-top:0!important;padding-left:5%!important}
.defind_content li:nth-child(1){padding:20px 0}
.defind_content li:nth-child(2){display:none}
.defind_content li:nth-child(3){margin-left:0!important}
.defind_font{padding:50px 5%!important}
.foot_top .fl,.foot_top .fr{width:100%}
.foot_top .fl{border-bottom:1px solid #eee}
.foot_top .fr{padding-bottom:35px}
.foot_li li{width:unset;padding:0 10px}
.recommend_content{margin-top:0!important}
.product_li li{width:49%!important}
.product_li li:nth-child(2n){margin-right:0!important}
.product_li li:nth-child(3),.product_li li:nth-child(5){margin-right:2%!important}
}
@media screen and (max-width:768px){
.new_contents .fl{height:670px!important}
.defind_tt{font-size:56px!important}
#procate .fr{width:90%!important;right:5%!important}
.newbot_cont h3 a{font-size:32px!important;height:90px!important;line-height:50px!important;overflow:hidden}
.cate_pure{width:200px!important;height:200px!important;margin-top:-100px!important;margin-left:-100px!important}
.cate_span{margin-left:-65px!important;font-size:28px!important}
#about .fl{left:20%}
#about .fr p,#news .news_top{margin:30px 0!important}
.cate_ltitle{font-size:44px!important;line-height:56px!important}
#recommend .cate_ltitle{margin:0 0 40px 0!important}
#news{padding:50px 0!important}
#SubmitEmail_I{width:240px}
.copy_right{color:#888}
.top_share{display:none}
#procate{margin:20px 0 90px 0!important}
.cate_mid{margin-top:20px!important}
#procate .fl p{margin-top:30px!important;margin-bottom:30px!important}
.foot_fix{display:block}
.foot_bottom{display:none}
.foot_top{margin-bottom:140px}
.foot_top .fl li{width:100%;padding:25px 0}
.contact_title{margin-left:unset;text-align:-webkit-center}
.left_control{left:-70px!important}
#product .cate_ltitle{padding:30px 0!important}
.mobile_logo img{max-width:180px}
}
@media screen and (max-width:476px){
.new_contents .fl{height:550px!important}
.defind_tt{font-size:36px!important;padding-left:5%!important}
.product-tags{flex-wrap:wrap}
.product-tags p{width:45%!important;padding:10px 0 10px 5%}
}
.lf-box{width:100%}
.table td,.table th{border:1px solid #cdcdcd;padding:5px}
/*@media screen and (max-width:1470px){#slider,.inner-banner{padding-top:70px;}} */

.pic_main{width: 100%;}

.pic_lb{display: flex;width:100%;flex-wrap: wrap;}
.pic_lb li{padding:8px 12px 8px 0;width:31%}
.pic_lb li:hover{background:#fffcf3}
.pic_lb .fl{width:100%;height:auto;}
.pic_lb .pimg{width:100%;text-align:center;vertical-align:middle;border:1px solid #eee;padding:2px;overflow:hidden}
.pic_lb img{width:100%;}
.pic_lb h3{display:block;max-height:34px;font-size:14px;padding:4px 0 6px 0;margin-bottom:5px;overflow:hidden}
.pic_lb h3 a{color:#333}
.pic_lb h3 a:hover{color:#ff525e}
.pic_lb span{display:block}
.pic_lb li a span{text-align: center;margin-top:10px}
@media screen and (max-width:640px){
    .pic_main{padding:6px 0 0 0}
    .pic_lb .fl{width:100%;margin-bottom:15px}
    .pic_lb img{width:auto;max-width:100%;margin:0 auto}
    .pic_lb .protxt{width:100%}
	.pic_lb li{width:46%}
	.pic_lb li a span{font-size:12px}

}
@media only screen and (max-width:640px){
    .pic_lb img{width:100%}
}

.foot_ewm{width: 40% !important;}

.main{display:flex}
.rt-box{flex:0 0 auto;width:280px;padding-left:50px;margin-left:auto}
.rt-row{margin-bottom:35px}
.rt-row h3{text-transform:uppercase;font-size:1.5rem;position:relative;border-bottom:1px solid #f1f1f1;
    padding-bottom:14px;margin-bottom:16px}
.rt-row h3::after{content:"";display:block;position:absolute;bottom:-1px;left:0;height:1px;background:#646464;width:50px}
.rt-row-1{display:flex}
.rt-row-1 input{background:#f7f7f7;padding:0 14px;height:52px;font-size:1rem;border:0;outline:0;width:100%;color:#666}
.rt-row-1 input::placeholder{color:#848484}
.rt-row-1 button{background:#f7f7f7;border:0;outline:0;width:52px;flex:0 0 auto}
.rt-row-1 button:hover,.rt-row-1 input:focus,.rt-row-1 input:hover{background:#eee}
.rt-row-2 a{transition:all .3s;position:relative;box-sizing:border-box;border:1px solid #d5d5d5;
    margin-bottom:10px;border-radius:0 7px 0 0}
.rt-row-2 a::after{transition:all .3s;content:"";display:block;position:absolute;height:6px;
    width:6px;background:grey;transform:translateY(-50%) rotate(45deg);transform-origin:center;top:50%;left:12px}
.rt-row-2 a{font-size:.9375rem;color:#6f6f6f;transition:all .3s;padding:10px 30px;display:block}
.rt-row-2 li ul{display:none}
.rt-row-2 li ul a{border:0;border-radius:0}
.rt-row-2 li ul a::after{display:none}
.rt-row-2 li:hover a,.rt-row-2 li:hover ul a:hover{color:#fff}
.rt-row-2 li:hover a::after{background:#fff}
.rt-row-2 li:hover ul{display:block}
.rt-row-2 li:hover ul a{background:#fff;color:grey}

.rt-row-3 li{display:flex;margin-bottom:30px;align-items:center}
.rt-row-3 img{width:100px;height:100px;object-fit:cover;margin-right:14px;flex:0 0 auto}
.rt-row-3 a{font-size:1rem;color:#070707;line-height:20px}
.rt-row-3 p{color:#6f6f6f;font-size:.8125rem;margin-top:10px}
.rt-row-4 ul{display:flex;flex-wrap:wrap}
.rt-row-4 li{position:relative;width:85px;height:85px;border:1px solid #ececec;box-sizing:border-box;margin-bottom:8px;margin-right:8px}
.rt-row-4 img{width:100%;height:100%;object-fit:cover}
.rt-row-4 a{display:flex;align-items:center;justify-content:center;position:absolute;top:0;left:0;width:100%;height:100%;background:#464646;opacity:0}
.rt-row-4 i{color:#fff;font-size:1.5rem}
.rt-row-4 li:hover a{opacity:.7}
.rt-row-5 ul{display:flex;flex-wrap:wrap;white-space:nowrap}
.rt-row-5 li{margin-right:12px;margin-bottom:18px;border:1px solid #ececec;transition:all .3s;background:#ececec}
.rt-row-5 li:hover{background:#fff}
.rt-row-5 a{display:block;padding:0 15px;line-height:38px;font-size:.8125rem;color:#646464}
.rt-row-6 ul{display:flex;flex-wrap:wrap}
.rt-row-6 li{display:flex;height:35px;width:35px;text-align:center;border-radius:2px;align-items:center;justify-content:center;background:#1882d6;margin-right:10px;margin-bottom:10px}
.rt-row-6 li a{display:block}
.rt-row-6 i{color:#fff;font-size:1.25rem}
.rt-row-6 li:nth-child(2){background:#20c1f5}
.rt-row-6 li:nth-child(3){background:#ec594f}
.rt-row-6 li:nth-child(4){background:#2c3f50}
.rt-row-6 li:nth-child(5){background:#436990}
.rt-row-6 li:nth-child(6){background:#eb5d8b}
.pages{line-height:35px;margin-bottom:30px;text-align:-webkit-center}
.pages a,.pages span{display:inline-block;padding:0 15px;background-color:#0b63a3;color:#fff;margin:10px 2.5px;font-size:.875rem}
.pages span{background-color:#aaa}
.pages a:hover{background-color:#666}
.aboutus h3{font-size:1.5625rem;border-bottom:1px dashed #d9d9d9;padding-bottom:15px;margin-bottom:25px}
.aboutus p{margin-bottom:25px;line-height:25px;color:#4f4f4f;font-size:.9375rem}
@media screen and (max-width:960px){
.main{flex-direction:column-reverse}
.rt-box{width:100%;padding:0}
.rt-row{margin-bottom:20px}
}
.description::after,.morelink a,.news-more a,.pro_lb .readmore::before,.rt-row-2 li:hover a,.rt-row-2 li:hover ul a:hover{background:#0b63a3}

.product-tags p.active,.product-tags p:hover,.rt-row-1 button,.rt-row-3 a:hover{color:#0b63a3}
.pro_lb .readmore:hover i{background:#0b63a3}
.inner-banner{max-width:100%;display:block}
.p-hottags,.prenext-products{max-width:1200px;margin:30px auto;padding:0 15px;color:#666;line-height:1.8;font-size:14px}



/*inquiry*/
.feedback {clear:both;margin:0px auto;padding:0px;margin:20px 0px 0px 0px;}
.submita {margin:16px auto;margin-left: 20px; display:inline-block;padding:0 18px!important;line-height:22px;background:#0b63a3;border:0px;height:24px;color:#FFF;cursor:pointer;font-size:16px;}
.xh {color:#f00;padding:0 3px;}
#feedbackForm {color:#2b0505;font-size:16px;border: 1px dashed #ccc;padding: 30px 30px 10px 0;margin-bottom: 30px;}
#feedbackForm tr td{border:0px solid #ccc;height:50px;}
#feedbackForm tr td:nth-child(1){width:80px;text-align:right;}
#feedbackForm tr td input{display:block!important;margin-left: 20px; border:1px solid #7d7171;width:90%;height:40px;line-height: 40px;background-color:rgba(1,1,1,0.0);border-radius:5px;}
#feedbackForm tr td textarea{margin-left: 20px; border:1px solid #7d7171;width:90%;height:80%;background-color:rgba(1,1,1,0.0);border-radius:5px;resize:none;}
.submita{width:90%;height:50px;border-radius:5px;}

.pro_lb{display:flex;flex-wrap:wrap}
.pro_lb li{box-sizing:border-box}
.pro_lb img{width:100%}
.pro_lb h5{padding:0 10px;line-height:27px;font-size:1.375rem;margin-bottom:20px}
.pro_lb p{padding:0 10px;font-size:.9375rem;color:#8c8c8c;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.pro_lb .readmore{margin-top:40px;position:relative;background:#ededed}
.pro_lb .readmore a{white-space:nowrap;display:flex;padding-left:27px;text-transform:uppercase;color:#525254;font-size:.875rem;line-height:50px;width:100%;box-sizing:border-box;position:relative;z-index:5}
.pro_lb .readmore i{width:50px;flex:0 0 auto;line-height:50px;text-align:center;margin-left:auto;background:#ccc;position:relative;z-index:5;color:#fff;transition:all .2s}
.pro_lb .readmore::before{position:absolute;width:0%;height:100%;top:0;left:0;content:"";transition:all .3s}
.pro_lb .readmore:hover::before{width:100%}
.pro_lb .readmore:hover a{color:#fff}
@media screen and (max-width:640px){
.pro_lb li{width:100%}
.pro_lb h5{margin-top:15px;margin-bottom:10px}
.pro_lb .readmore{margin-top:20px;margin-bottom:40px}
.pro_lb li:nth-child(2n){padding-left:0}
.pro_lb li:nth-child(2n+1){padding-right:0}
}
.pro_lb1 li{width:50%;display:flex;flex-direction:column;justify-content:space-between}
.pro_lb1 li:nth-child(2n){padding-left:15px}
.pro_lb1 li:nth-child(2n+1){padding-right:15px}
.pro_lb1 div{flex:0 0 auto;display:flex;flex-direction:column}
.pro_lb1 .img-box{height:100%;max-height:200px}
.pro_lb1 img{object-fit:contain;height:100%}
.pro_lb1 h5{margin-top:40px}
.pro_lb1 .readmore{margin-bottom:76px}
.pro_lb0 li{width:100%;display:flex;margin-bottom:20px}
.pro_lb0 .img-box{margin-right:20px;flex:0 0 auto;width:200px}
.pro_lb0 .img-box img{height:100%;object-fit:contain;width:100%}
.pro_lb0 .img-box+div{width:100%}


.product-content{display:flex}
.product-pic{margin-right:45px;}
.product-pic img{max-width: 100%;}
.product-info h3{font-size:1.4375rem;color:#000;margin-bottom:25px;margin-top:25px}
.description{text-transform:uppercase;color:#2c2c2c;position:relative;padding:10px 0}
.description::after,.description::before{content:"";display:block;position:absolute;bottom:0;left:0;height:4px}
.description::before{width:100%;background:#f2f3f8}
.description::after{width:96px;background:#0067aa}
.product-info p{margin:10px 0}
.morelink a{display:inline-block;margin-right:20px;background:#0067aa;border-radius:3px;color:#fff;font-size:1.0625rem;padding:0 20px;line-height:40px;white-space:nowrap}
.morelink a:hover{background:#888;color:#fff}
.productshare{display:flex;align-items:center;padding:20px 0}
.productshare p{text-transform:uppercase;color:#2c2c2c;font-size:.8125rem;display:inline-block;margin:0 15px 0 0}
.productshare ul{display:flex}
.product-content{margin-bottom:90px}
.product-tags{background:#f6f6f6;display:flex;justify-content:center;padding:20px 0;margin-bottom:40px}
.product-tags p{color:#262626;font-size:1.125rem;cursor:pointer;transition:all .3s;width:25%;text-transform:uppercase}
.product-tags p.active,.product-tags p:hover{color:#0067aa}
.products-intro-change .table p{margin-bottom:0}
.products-intro-change table tr:nth-child(2n+1){background:#f6f6f6}
@media screen and (max-width:960px){
.product-content{flex-wrap:wrap;justify-content:center}
.morelink,.product-info h3{text-align:center}
}


.prevNext{
	overflow: hidden;
}
.prevNext p{
	line-height: 36px;
    font-size: 16px;
    color: #000;
}
.prevNext p a{
	color: #000;
}

.rnews{
	width: 100%;
	margin-top: 36px;
}
.rnews .h3{
	font-size: 24px;
    line-height: 30px;
    padding: 8px 0px;
    background: #0067aa;
    color: #fff;
    margin-bottom: 28px;
    text-indent: 32px;
}

.rnews ul{
	overflow: hidden;
}
.rnews ul li{
	display: inline-block;
    vertical-align: middle;
    width: 406px;
    margin-right: 15px;
    font-size: 13px;
    color: #888888;
    border-bottom: 1px dotted #c4c4c4;
    line-height: 29px;
    margin-bottom: 5px;
    cursor: pointer;
    overflow: hidden;
    text-align: left;
}
.rnews ul li a{
    display: block;
    width: 100%;
    line-height: 29px;
    color: #888888;
}