@charset "utf-8";
blockquote,body,button,caption,dd,div,dl,dt,fieldset,figure,form,h1,h2,h3,h4,h5,h6,hr,html,input,legend,li,menu,ol,p,pre,table,td,textarea,th,ul{margin:0;padding:0}
address,article,aside,details,figcaption,figure,footer,header,menu,nav,section{display:block}
table{border-collapse:collapse;border-spacing:0}
caption,th{text-align:left;font-weight:400}
abbr,body,fieldset,html,iframe,img{border:0}
address,cite,dfn,em,i,var{font-style:normal}
[hidefocus],summary{outline:0}
li{list-style:none}
h1,h2,h3,h4,h5,h6,small{font-size:100%}
sub,sup{font-size:83%}
code,kbd,pre,samp{font-family:inherit}
q:after,q:before{content:none}
textarea{overflow:auto;resize:none}
label,summary{cursor:default}
a,button{cursor:pointer}
b,em,h1,h2,h3,h4,h5,h6,strong{font-weight:700}
a,a:hover,del,ins,s,u{text-decoration:none}
body,button,input,keygen,legend,select,textarea{font:12px/1.14 Arial,Helvetica,sans-serif,"microsoft yahei";color:#333;outline:0}
body{background:#fff}
a,a:hover{color:#333}
img{border:0}
#xyz{right:0;top:5px}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden}
.clearfix{*zoom:1}
.navbar{position:relative;width:100%;border-top:6px solid #ef3042;background:#ededed}
.navbar .container{margin:0 auto;padding:0 15px;*zoom:1}
.navbar .container:after,.navbar .container:before{content:"";display:table}
.navbar .container:after{clear:both}
.navbar .navbar-header{*zoom:1;width:100%;z-index:50}
.navbar .navbar-header:after,.navbar .navbar-header:before{content:"";display:table}
.navbar .navbar-header:after{clear:both}
.navbar .navbar-brand{float:left;display:block;padding:10px 0}
.navbar .navbar-brand img{vertical-align:middle}
.navbar .navbar-toggle{display:block;position:relative;float:right;margin-right:15px;padding:9px 10px;margin-top:21px;margin-bottom:21px;background-color:transparent;background-image:none;border:1px solid transparent;border-radius:4px;border-color:#ddd}
.navbar .sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);border:0}
.navbar .icon-bar{display:block;width:38px;height:4px;border-radius:1px;margin:6px 3px;background:#888}
.navbar .navbar-collapse{display:none;position:fixed;width:100%;z-index:55;left:0;background:#ededed}
.navbar .navbar-nav li{display:block;position:relative;text-align:center;font-size:0}
.navbar .navbar-nav li{display:block;padding:0 3px}
.navbar .navbar-nav li a{line-height:36px;color:#939393;font-size:16px}
.navbar .dropdown .dropdown-menu{display:none;width:auto;position:fixed;left:-200%;top:0}
.navbar .dropdown .dropdown-menu li{display:block;width:100%;padding:0;z-index:20;text-align:center}
.navbar .dropdown .dropdown-menu li a{display:block;padding:0 0 0 11px;color:#dbe8ff}
.navbar .dropdown .dropdown-menu li:last-child{border:0}
.navbar .dropdown .dropdown-menu li:hover{background:#ef3042}
.navbar .dropdown .dropdown-menu li:hover a{color:#fff}
.navbar .dropdown.open .dropdown-menu{display:block}
.navbar .select-flag{display:none}
.navbar .home span{background:#ef3042}
.navbar .home span a{color:#fff}
.navbar .active span{background:#ef3042}
.navbar .active span a{color:#fff}
.navbar .collapse{display:block;position:absolute}
@media (min-width:768px){
    .navbar .container{width:750px}
}
@media (min-width:992px){
    .navbar .container{width:955px}
    .navbar .navbar-header{float:left;width:auto}
    .navbar .navbar-brand{float:left}
    .navbar .navbar-toggle{display:none}
    .navbar .navbar-collapse{position:relative;display:block;background:0 0}
    .navbar .navbar-nav{float:right}
    .navbar .navbar-nav li{float:left;height:82px}
    .navbar .navbar-nav li a{padding:30px 5px 5px 5px;display:inline-block;vertical-align:top}
    .navbar .navbar-nav li a:hover{background:red;color:#fff}
    .navbar .dropdown .dropdown-menu{display:none;position:absolute;width:205px;top:82px;left:50%;margin:0 0 0 -102px}
    .navbar .dropdown .dropdown-menu li{display:block;width:100%;height:30px;padding:0;z-index:20;text-align:left;border-bottom:1px solid #e0e1e1;background:rgba(255,255,255,.9)}
    .navbar .dropdown .dropdown-menu li a{display:block;padding:0 0 0 11px;color:#555;line-height:30px}
    .navbar .dropdown .dropdown-menu li:last-child{border:0}
    .navbar .dropdown .dropdown-menu li:hover{background:#ef3042}
    .navbar .dropdown .dropdown-menu li:hover a{color:#fff}
    .navbar .dropdown.open .dropdown-menu{display:block}
    .navbar .select-flag{display:block;float:left;width:132px;height:26px;line-height:26px;margin:32px 10px 0;background:#fff;position:relative;*zoom:1}
    .navbar .select-flag:after,.navbar .select-flag:before{content:"";display:table}
    .navbar .select-flag:after{clear:both}
    .navbar .select-flag .lower{cursor:pointer;z-index:100;position:absolute;right:8px;top:8px;width:17px;display:block;overflow:hidden;height:10px}
    .navbar .select-flag .up:before{content:'';height:8px;width:8px;display:block;border:2px solid #bbb;border-right-width:0;border-top-width:0;transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-o-transform:rotate(-45deg);-ms-transform:rotate(-45deg);position:absolute;bottom:3px;left:3px}
    .navbar .select-flag .dp:before{content:'';height:8px;width:8px;display:block;border:2px solid #bbb;border-right-width:0;border-top-width:0;transform:rotate(135deg);-webkit-transform:rotate(135deg);-moz-transform:rotate(135deg);-o-transform:rotate(135deg);-ms-transform:rotate(135deg);position:absolute;top:3px;left:3px}
    .navbar .select-flag ul{*zoom:1;background:#fff}
    .navbar .select-flag ul:after,.navbar .select-flag ul:before{content:"";display:table}
    .navbar .select-flag ul:after{clear:both}
    .navbar .select-flag li{position:relative;height:26px;width:116px;padding:0 8px;z-index:1;text-align:left}
    .navbar .select-flag li a{white-space:nowrap;text-overflow:ellipsis;overflow:hidden;display:block;height:26px;line-height:26px;color:#bbb;font-size:16px}
    .navbar .select-flag li img{display:inline-block;vertical-align:middle;margin:-2px 7px 0 0;height:16px}
}
@media (min-width:1200px){
    .navbar .container{width:1170px}
    .navbar .navbar-collapse{display:block}
    .navbar .navbar-nav li{height:82px}
    .navbar .navbar-nav li a{padding:30px 15px 5px 15px;display:inline-block;vertical-align:top}
    .navbar .navbar-nav .select-flag li{height:26px}
    .navbar .dropdown-menu li{margin:0}
}
.about-banner{width:100%;height:auto}
.about-banner img{margin:0 auto;max-width:100%;height:auto;display:block}
.search{position:relative;background:#363636;width:100%}
.search .container{width:260px;padding:14px 0;margin:0 auto;position:relative}
.search .container .search-icon{width:45px;height:37px;position:absolute;top:14px;left:0}
.search .container .search-ipt{*zoom:1}
.search .container .search-ipt:after,.search .container .search-ipt:before{content:"";display:table}
.search .container .search-ipt:after{clear:both}
.search .container .search-ipt input{width:145px;height:37px;padding:0 8px 0 45px;border:0;font-size:16px;background:#fff;float:left;color:#ccc}
.search .container .search-ipt button{background:#ef3042 url("../images/sss1.png") no-repeat center center;width:60px;height:37px;border:0;float:left;position:relative}
.search .container .seach-title{position:absolute;top:19px;left:0;width:40%;height:70px;background:#363636;color:#fff;text-align:left;padding-top:20px}
.search .container .seach-title h2{padding-left:20%;font-weight:400;font-size:18px;line-height:30px}
.search .container .seach-title i{padding-left:20%;opacity:.5}
@media (min-width:768px){
    .search .container{width:460px}
    .search .container .search-ipt input{width:345px}
}
@media (min-width:992px){
    .search .container{width:560px}
    .search .container .search-ipt input{width:445px}
}
@media (min-width:1200px){
    .search .container{width:760px}
    .search .container .search-ipt input{width:645px}
}
.g-sidebar{width:22%;float:left;*display:inline;margin-left:2%}
.g-sidebar h3{width:100%;font-size:23px;font-weight:400;line-height:60px;border-top:6px solid #ef3042;background:#fff;text-align:center;margin-top:-3px}
.g-sidebar .list{width:98%;margin-top:2%}
.g-sidebar .list .title{font-size:20px;line-height:20px;color:#000;padding:17px 0 17px 20px;background:url("../images/hl_left.png") 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:#ef3042;background:url("../images/hl_down.png") no-repeat left 20px}
.g-sidebar .list li{padding-left:26px;margin-top:13px;display:none}
.g-sidebar .list li a{background:url("../images/hl_fire.png") no-repeat left center;padding-left:16px;font-size:14px;line-height:16px;color:#999}
.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:#999;padding:17px 0 17px 26px;background:url("../images/hl_fire.png") 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:0 auto}
    .g-sidebar .hot{padding-top:30px}
}
@media screen and (max-width:640px) and (min-width:480px){
    .g-sidebar{float:none;width:89%;margin:0 auto}
}
@media screen and (max-width:480px) and (min-width:320px){
    .g-sidebar{float:none;width:89%;margin:0 auto}
}
@media screen and (max-width:990px){
    .g-sidebar{float:none;width:95%;margin-top:5%}
}
.footer{padding-top:20px;background:#161616}
.footer .container{*zoom:1;max-width:1200px;padding:25px 0 25px 0;margin:0 auto}
.footer .container:after,.footer .container:before{content:"";display:table}
.footer .container:after{clear:both}
.footer .col{float:left;*display:inline;width:242px;height:240px;padding-left:20px;margin:0 0 40px 2.5%;border-left:1px solid #383838;color:#ef3042}
.footer .logo-brand{display:block;width:100%}
.footer .logo-brand img{vertical-align:middle;max-width:242px}
.footer .logo-txt{float:left;width:100%;font-size:14px;line-height:1.5;padding-top:10px;color:#565656}
.footer .pro-title{position:relative;font-size:14px;font-weight:700;border-left:1px solid #ef3042;line-height:1.5;margin-bottom:27px;margin-left:-21px;padding-left:20px}
.footer .contact-list li{width:262px;margin:0 0 16px;color:#565656}
.footer .contact-list .m-icon{float:left;display:inline-block;width:24px;height:21px;background:url("../images/foot_icon.png") no-repeat 0 0;vertical-align:middle}
.footer .contact-list .add{background-position:0 0}
.footer .contact-list .tel{background-position:0 -22px}
.footer .contact-list .mail{background-position:0 -44px}
.footer .contact-list .txt{float:left;width:216px;padding:0 0 0 20px;font-size:14px;line-height:1.5}
.footer .contact-list .txt a{color:#565656}
.footer .contact-list .txt a:hover{color:#ef3042}
.footer .cate-list{margin:-12px 0 0}
.footer .cate-list li{position:relative;width:262px;height:39px;line-height:39px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:14px}
.footer .cate-list li a{position:relative;color:#565656;padding:0 0 0 10px}
.footer .cate-list li a:hover{color:#9b9b9b}
.footer .cate-list li a:before{content:'';position:absolute;top:50%;left:0;width:0;height:0;margin:-3px 0 0;border-top:3px solid transparent;border-left:5px solid #ef3042;border-bottom:3px solid transparent}
.footer .cate-list li a:after{content:'';position:absolute;top:50%;left:-2px;width:0;height:0;margin:-3px 0 0;border-top:3px solid transparent;border-left:5px solid #161616;border-bottom:3px solid transparent}
.footer .qr-wrap{display:inline-block}
.footer .qr-wrap img{padding:4px;border:1px solid #343434;max-width:184px;max-height:184px}
.footer .col:first-child{border:0}
@media screen and (max-width:1200px) and (min-width:570px){
    .footer .container{max-width:580px}
    .footer .col{margin:0 0 40px 4%}
}
@media screen and (max-width:570px){
    .footer .container{max-width:270px}
}
.footer .foottext{position:relative;background:#2a2a2a;padding:30px 0 24px;font-size:12px}
.footer .copyright{float:left;color:#727272}
.footer .foot-nav{float:right}
.footer .foot-nav li{position:relative;display:inline-block;padding:0 10px}
.footer .foot-nav li a{color:#727272}
.footer .foot-nav li a:hover{color:#ef3042}
.footer .foot-nav li:before{position:absolute;top:50%;right:1px;margin:-4px 0 0;content:'';width:0;height:7px;border-right:1px solid #000}
.footer .foot-nav li:after{position:absolute;top:50%;right:0;margin:-4px 0 0;content:'';width:0;height:7px;border-right:1px solid #565656}
.footer .foot-nav li:last-child:before{display:none}
.footer .foot-nav li:last-child:after{display:none}
@media screen and (max-width:1200px){
    .footer .foottext .copyright{padding-left:10px}
    .footer .foottext .foot-nav{padding-top:10px}
}
.footer .back-btn{position:absolute;top:-17px;left:50%;margin:0 0 0 -17px;display:block;width:34px;height:34px;background:#ef3042;transform:rotate(45deg)}
.footer .back-btn:before{content:'';position:absolute;top:12px;left:7px;width:0;height:0;border-left:9px solid transparent;border-bottom:9px solid #fff;border-right:9px solid transparent;transform:rotate(-45deg)}
.footer .back-btn:after{content:'';position:absolute;top:15px;left:9px;width:0;height:0;margin:-1px 0 0;border-left:9px solid transparent;border-bottom:9px solid #ef3042;border-right:9px solid transparent;transform:rotate(-45deg)}
.table{border-collapse:collapse}
.table td,.table th{border:1px solid #cdcdcd;padding:5px}
.table p{padding:0;margin:0}
.singglepic{float:left;width:360px!important}
.singglepic img{width:360px}
#xyz{right:0;margin-top:7px}
.jsshare{padding-top:8px}
.jsshare span.stxt{display:inline-block;font-size:14px;line-height:24px;padding:0 8px 0 0;position:relative}
.jsshare a,.jsshare a img{width:35px;vertical-align:middle}
.addthis_sharing_toolbox{display:inline-block}
.at-icon-wrapper svg,span.at-icon-wrapper{width:24px!important;height:24px!important;line-height:24px!important}
.rollPro1{width:92%;margin:10px auto;overflow:hidden}
.rollPro1 h2{color:#000;font-size:20px;font-weight:400;padding-bottom:10px}
.rollPro1 li{width:30%;float:left;margin-right:5%;text-align:center}
.rollPro1 li:nth-of-type(3){margin-right:0}
.rollPro1 li:nth-of-type(6){margin-right:0}
.rollPro1 li:nth-of-type(9){margin-right:0}
.rollPro1 li:nth-of-type(12){margin-right:0}
.rollPro1 li .pbox{border:1px solid #eee;padding:4px;height:180px}
.rollPro1 li .pbox img{max-width:100%;max-height:180px}
.rollPro1 li p{font-size:14px;height:40px;line-height:20px;overflow:hidden;margin:10px auto}
.rollPro1{width:92%;margin:10px auto;overflow:hidden}
.rollPro1 h2{padding-bottom:10px}
.rollPro1 li{width:30%;float:left;margin-right:5%;text-align:center}
.rollPro1 li:nth-of-type(3){margin-right:0}
.rollPro1 li:nth-of-type(6){margin-right:0}
.rollPro1 li:nth-of-type(9){margin-right:0}
.rollPro1 li:nth-of-type(12){margin-right:0}
.rollPro1 li .pbox{border:1px solid #eee;padding:4px;height:150px}
.rollPro1 li .pbox img{max-width:100%;max-height:150px}
.rollPro1 li p{height:40px;line-height:20px;overflow:hidden;margin:10px auto}
.pro-body{clear:both;margin:10px auto 0;font-size:14px;line-height:20px}
ul.ninelist.ninelist-one{float:left}
.news-section .container .main .ninelist li{height:210px;clear:both}
.pic-l img{max-width:100%;height:auto;max-height:200px}
.pic-l{float:left;width:20%}
.pic-r{float:right;width:76%;margin-top:8px}
.pic-r p{float:left}
.pic-r p a{font-size:16px;color:#333;font-weight:700}
.pic-r span{float:right;color:#666;line-height:20px}
.pic-r h6{color:#666;font-size:14px;padding-top:10px;clear:both}
.g-container .news-list li{display:inline-block;width:100%}
.bPosition{margin:0 10px;margin-bottom:20px;margin-left:20px;font-size:15px;height:auto;padding:10px;line-height:25px;background:#fff}
.pdown1 #A_DownLoadProduct{display:inline-block;clear:both;height:32px;margin:16px 0 0 0;line-height:32px;background:url("../images/down1_2.png") right top no-repeat;padding-right:50px}
.pdown1 #A_DownLoadProduct span{display:inline-block;height:32px;background:url("../images/down1_1.png") no-repeat;padding:0 0 0 16px}
.pdown2 #A_DownLoadProduct,.pdown3 #A_DownLoadProduct,.pdown4 #A_DownLoadProduct{display:inline-block;clear:both;height:45px;margin:16px 0 0 0;line-height:45px;padding-right:45px}
.pdown2 #A_DownLoadProduct span,.pdown3 #A_DownLoadProduct span,.pdown4 #A_DownLoadProduct span{display:inline-block;height:45px;background:url("../images/down2_1.png") no-repeat;padding:0 12px 0 16px}
.pdown2 #A_DownLoadProduct{background:url("../images/down2_2.png") right top no-repeat}
.pdown3 #A_DownLoadProduct{background:url("../images/down2_3.png") right top no-repeat}
.pdown4 #A_DownLoadProduct{background:url("../images/down2_4.png") right top no-repeat}
.details-btns{float:left;margin-right:30px}
.navbar .navbar-nav li a{padding:30px 10px 5px 10px}
.footer .container{display:flex;justify-content:center;flex-wrap:wrap}
#xyz ul{display:flex;justify-content:center;padding-top:10px;flex-wrap:wrap}
#xyz ul li{margin:5px}
#xyz ul li a{font-size:12px;color:#727272;display:flex;align-items:center;line-height:1.4;text-transform:capitalize}
#xyz ul li a img{margin-right:3px}
.addthis_inline_share_toolbox{clear:inherit!important}
.share-tools{float:left}
.singglepic.on img{max-height:730px;max-width:730px;width:auto}
p.ind-st{font-size:30px;font-weight:500;margin:15px 0;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
p.icatename{display:inline-block;vertical-align:top;font-size:38px;line-height:60px;border-bottom:1px solid #43443e;color:#43443e;font-weight:600}
.aboutus .txt .abt{display:inline-block;vertical-align:top;font-size:38px;line-height:60px;border-bottom:1px solid #43443e;color:#43443e}
.hotsale .list-txt p.hsp{font-size:28px;line-height:40px;color:#43443e;padding:25px 30px 0 30px;font-weight:400}

.info p {display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:5;overflow:hidden;max-height:95px;}
.info .tit-url {line-height:1.3!important;}
.g-page .pages {width:100%!important;text-align:center;}
.pro-body {font-size:15px;line-height:1.7;color:#111;margin:14px 0;}
.proIntro {font-size:14px;line-height:1.7;color:#555;border:1px solid #d6d6d6;background:#fff;padding:10px;margin:15px 0 20px;}
.proIntro a {color:#555;}
.details-txt2 * {color:#222;font-size:16px;line-height:1.7;}
.details-txt2 .productsTags {margin:10px 0;font-size:16px;line-height:1.7;}





.navbar-header a img{height:140px}
.navbar { background: #fff;}
.navbar .navbar-nav>li>a { color: #eee; padding: 4px 15px;}
.navbar .navbar-nav { background: #43443e; margin-top: 107px;}
.navbar .navbar-nav>li { height: 44px;}
.navbar .dropdown .dropdown-menu { top: 44px;}
.aboutus .txt-box,.aboutus .container-store .corner-block { background: #fff;}
.aboutus .txt p { font-style: italic;}
.aboutus .about-tit:after,.aboutus .container,.hotsale,.hotsale .hotsale-tit:after,.hotsale .list-box3,.aboutus .about-lists,.product .product-tit:after,.product .container,.product .corner-block { background: #fff;}
.hotpro-tit { position: relative; font-size: 50px; color: #43443e; line-height: 60px; display: inline-block;border-bottom: 1px solid #ccc; padding-bottom: 20px; width: 100%;}
.hotpro-tit span { color: #ef3042;}
.hotsale .hotsale-tit,.aboutus .about-tit,.product .product-tit,.hotsale .hotsale-tit { line-height: 50px; font-size: 50px;}
.aboutus .about-lists { margin-top: 290px;}
.hotsale .box4-txt span { line-height: 32px; height: 32px; font-size: 20px;}
.hotsale .list-txt h4 { text-align: center;}
.hotsale .list-box1 { height: 720px;}
.hotsale .list-box3 { height: 600px;}
.hotsale .list-box5 { height: 480px;}
.hotsale .hotsale-tit { text-align: center; width: 100%; height: 80px;}
.hotsale .hotsale-hr { height: 0;}
h1, h2, h3, h4, h5, h6, small {color: #ff0000;}
.product .item-txt span {color: #333333;}
.ttxt { position: absolute; top: 122px; font-weight: bold; font-size: 16px;}
.ali {position: absolute; top: 60px; right: 15px;}
.navbar .container { position: relative;}
.navbar-header .ali img { width: 130px; height: auto;}


/** pagination **/
.pagination{display: inline-block; width: 100%; text-align: center;}
.pagination li{display: inline-block; line-height: 32px; font-size: 16px; margin: 0 3px;}
.pagination li a,
.pagination li span{display: block; padding: 0 10px;}
.pagination li.active span{background: #ef3042; color: #fff;}
/** end of pagination **/
.icp{text-align: center;}
.icp a {color: #727272;}
.icp a:hover{color: #ef3042}