body{font-family:'Open Sans';color:#4b4b42;font-weight:400;font-size:13px;}
ul{margin:0;padding:0;list-style:none}
.col-xs-15,.col-sm-15,.col-md-15,.col-lg-15{position:relative;min-height:1px;padding-right:15px;padding-left:15px}
.col-xs-15{width:20%;float:left}
@media (min-width: 767px) {
.col-sm-15{width:20%;float:left}
}
@media (min-width: 992px) {
.col-md-15{width:20%;float:left}
}
@media (min-width: 1200px) {
.col-lg-15{width:20%;float:left}
}

iframe{max-width:100%;}

.d-none{display:none !important;}
.shadow {-webkit-box-shadow: 1px 2px 5px 0 #bbb;-moz-box-shadow: 1px 2px 5px 0 #bbb;box-shadow: 1px 2px 5px 0 #bbb;}
.bold{font-weight:bold;}
.pd0{padding:0!important}
.pd5{padding:5px!important}
.pd10{padding:10px!important}
.pd15{padding:15px!important}
.pd20{padding:20px!important}
.pd30{padding:30px!important}
.pdl0{padding-left:0!important}
.pdr0{padding-right:0!important}
.pdt0{padding-top:0!important}
.pdb0{padding-bottom:0!important}
.pdl5{padding-left:5px!important}
.pdr5{padding-right:5px!important}
.pdt5{padding-top:5px!important}
.pdb5{padding-bottom:5px!important}
.pdl10{padding-left:10px!important}
.pdr10{padding-right:10px!important}
.pdt10{padding-top:10px!important}
.pdb10{padding-bottom:10px!important}
.pdl15{padding-left:15px!important}
.pdr15{padding-right:15px!important}
.pdt15{padding-top:15px!important}
.pdb15{padding-bottom:15px!important}
.pdl20{padding-left:20px!important}
.pdr20{padding-right:20px!important}
.pdt20{padding-top:20px!important}
.pdb20{padding-bottom:20px!important}
.pdl30{padding-left:30px!important}
.pdr30{padding-right:30px!important}
.pdt30{padding-top:30px!important}
.pdb30{padding-bottom:30px!important}
.mgt0{margin-top:0!important}
.mgl0{margin-left:0!important}
.mgr0{margin-right:0!important}
.mgb0{margin-bottom:0!important}
.mgt5{margin-top:5px!important}
.mgl5{margin-left:5px!important}
.mgr5{margin-right:5px!important}
.mgb5{margin-bottom:5px!important}
.mgt10{margin-top:10px!important}
.mgl10{margin-left:10px!important}
.mgr10{margin-right:10px!important}
.mgb10{margin-bottom:10px!important}
.mgt15{margin-top:15px!important}
.mgl15{margin-left:15px!important}
.mgr15{margin-right:15px!important}
.mgb15{margin-bottom:15px!important}
.mgt20{margin-top:20px!important}
.mgl20{margin-left:20px!important}
.mgr20{margin-right:20px!important}
.mgb20{margin-bottom:20px!important}
.mgt30{margin-top:30px!important}
.mgl30{margin-left:30px!important}
.mgr30{margin-right:30px!important}
.mgb30{margin-bottom:30px!important}
.row-lg{margin-left:-15px!important;margin-right:-15px!important}
.row-md{margin-left:-10px!important;margin-right:-10px!important}
/*.row-sm{margin-left:-7px!important;margin-right:-7px!important}*/
.row-sm{margin-left:-3px!important;margin-right:-2px!important}

.row-xs{margin-left:0!important;margin-right:0!important}
.col-lg{padding-left:15px;padding-right:15px}
.col-md{padding-left:10px;padding-right:10px}
/*.col-sm{padding-left:7px;padding-right:7px}*/
.col-sm{padding-left:3px;padding-right:2px}
.col-xs{padding-left:0;padding-right:0}

a:hover{text-decoration:none;color:#F34548}
a{color:#333;outline:0!important;text-decoration:none!important}

.thumb{position:relative;display:block}
.thumb img{position:absolute;max-width:100%;max-height:100%;top:0;left:0;bottom:0;right:0;margin:auto}
.thumbnail{margin:0;border:none;border-radius:0;padding:0}
.border{border-left:1px solid #ccc;border-top:1px solid #ccc;border-right:1px solid #ccc}
.gotoTop{position:fixed;width:36px;height:36px;bottom:200px;right:5px;display:none}

.titH3 {font-size: 16px;line-height: 1.3;margin: 10px 0;padding: 0;position: relative;}
.support-item .thumb{width: 50px;height: 50px;position: relative;display: inline-block;}

.navbar-banner{background-color:#5fafd5;}
.navbar{border:none}

.navbar-top{background-color:#123444;color:#fffc00;}
.navbar-top .navbar-hotline{padding:5px 0;font-size:13px;font-weight:600;text-transform:uppercase;}
/*.navbar-top .navbar-hotline span.n{color:#e20000}*/

.nav-top>li {display:inline-block;}
.nav-top>li.active>a,.nav-top>li>a:hover {color:#fff;}
.nav-top>li>a {display:block;padding:5px 15px;color:#fffc00;position:relative;}
.nav-top>li>a:after{content:'';position:absolute;right:0;top:50%;width:1px;height:15px;background:#5f5f5f;transform: translateY(-50%);}
.nav-top>li>ul {display:none;position:absolute;background:#0274a9;width:240px;/*padding:8px 0;*/z-index:99;}
.nav-top>li>ul>li>a {display:block;padding:11px 15px;position:relative;color:#fff;}
.nav-top>li>ul>li>a:hover{background: #f2f6f4;color: #0a5578;}
/*.nav-top>li>ul>li>a:before{content: "";width: 5px;height: 5px;background: #0a5578;display: block;position: absolute;top: 18px;left: 15px;}*/
.nav-top>li:hover>ul {display:block;}

/*.navbar-main{border:1px solid #ededed;border-top:none;padding:10px 0;position:absolute;width:90%;display:none;background:#fff;z-index:999}
.navbar-main.active_pc{display:block}
.navbar-main li{display:block;}
.navbar-main li a{font-size:14px;display:block;padding:6px 15px;}
.navbar-main img{max-width:17px;max-height:17px;vertical-align:middle;margin:0 5px 0 0}
.navbar-main >li>ul {position:absolute;left:100%;width:300%;height:100%;display:none;background:#fff;padding:10px;top:0;}
.navbar-main >li>ul>li{float:left;position:relative;width:33%;}
.navbar-main >li>ul>li>a { font-weight:600;padding:4px 0;font-size:13px;display:inline !important;}
.navbar-main >li>ul>li>ul {position:relative;}
.navbar-main >li>ul>li>ul>li>a {padding:3px 0 3px 15px;font-size:12px;}
.navbar-main >li:hover>ul {display:block;}
*/
 

.navbar-main{border:1px solid #ededed;border-top:none;/*padding:10px 0;*/position:absolute;width:90%;display:none;background:#fff;z-index:999}
.navbar-main.active_pc{display:block}
.navbar-main li{display:block;}
.navbar-main > li{border-bottom: 1px solid #ddd;position:relative;}
.navbar-main > li:last-child{border:none;}
.navbar-main li a{font-size:14px;display:block;padding:6px 15px;}
.navbar-main img{max-width:17px;max-height:17px;vertical-align:middle;margin:0 5px 0 0}
/*.navbar-main >li>ul {position:absolute;left:100%;width:300%;height:100%;display:none;background:#fff;padding:10px;top:0;}*/
.navbar-main >li>ul {position: absolute;left: 100%;z-index: 99;max-width: 240px;width:100%;border: 1px solid #ddd;top: 0;display:none;background:#fff;}
.navbar-main >li>a:hover{background:#f2f6f4}
.navbar-main >li>a{position:relative;}
.navbar-main >li>a > i.icon.sub{position:absolute;right:5px;top:50%;transform:translateY(-50%);}
/*.navbar-main >li>ul>li{float:left;width:33%;}*/
.navbar-main >li>ul>li>a { font-weight:600;font-size:13px;padding: 11px 20px;padding-left: 30px;position:relative;}
.navbar-main >li>ul>li>a:before{content: "";width: 5px;height: 5px;background: #0a5578;display: block;position: absolute;top: 18px;left: 15px;}
.navbar-main >li>ul>li>a:hover{background:#f2f6f4;color:#0a5578;}
.navbar-main >li>ul>li>ul {position:relative;}
.navbar-main >li>ul>li>ul>li>a {padding:3px 0 3px 15px;font-size:12px;}
.navbar-main >li:hover>ul {display:block;}


.navbar-toggle{padding:0;margin:0;border-radius:0}
.navbar-toggle .icon-bar{color:#fffc00;background:#fffc00;width:36px}

.navbar-brand{padding:0;height:auto;margin-left:0!important;margin-right:50px}

.tab-pane{position:relative}
.tab-pane .prev-link,.tab-pane .next-link{position:absolute;top:40%;z-index:9999;font-size:45px;background-color:rgba(255,255,255,0.9);padding:0 10px}
.tab-pane .prev-link{left:1px}
.tab-pane .next-link{right:2px}

.nav-tabs>li{margin-left:15px}
.nav-tabs>li:first-child{margin-left:0}
.nav-tabs>li>a{border:none;border-radius:0;text-transform:uppercase;font-size:15px;padding:10px 15px 10px 0}
.nav-tabs>li.active,.nav-tabs>li:hover{margin-bottom:-2px}
.nav-tabs>li.active>a,.nav-tabs>li.active>a:focus,.nav-tabs>li.active>a:hover,.nav-tabs>li>a:focus,.nav-tabs>li>a:hover{border:none;border-bottom:3px solid #e20000;background:none}

.box-pro{position:relative}
/*.box-pro-title{background:#f8f8f8;border-top:1px solid #e20000;margin-bottom:7px;margin-top:7px;position:relative}*/
.box-pro-title{background:#f8f8f8;border-bottom:1px solid #e20000;margin-bottom:7px;margin-top:7px;position:relative}
.box-pro-title h2{margin:0;font-size:15px;text-transform:uppercase}
.box-pro-title h2 span{display:inline-block;background:#e20000;color:#fff;padding:10px 15px}
.box-pro-title .all{display:inline-block;position:absolute;top:10px;right:10px}
.box-pro-title .all i{margin-left:5px}
.box-pro .view-all{position:absolute;top:-40px;right:10px}

.titH2 {font-size: 22px;line-height: 1.4;margin: 10px 0;padding: 0;position: relative;}
.c_green {color: #0a5578;}
.d_rank {padding-bottom: 10px;}
.d_rank:before {content: "";display: block;width: 100%;max-width: 100px;height: 2px;background: #0a5578;position: absolute;left: 0;right: 0;bottom: 0;margin: auto;}

.video-item .vd-img{display: block;width: 100%;height: 280px;position: relative;overflow: hidden;}
.video-item .vd-img img{display: block;width: 100%;height:100%;object-fit:cover !important;}
.video-item .vd-img:after {content: "";display: block;background: url(/images/icon/bg-video.png)no-repeat center;position: absolute;top: 0;left: 0;bottom: 0;right: 0;}
.video-item h3{font-weight:bold;font-size:14px;color:#0a5578;text-align:left;line-height:1.5;}
.video-item h3 img{width: auto !important;display: inline-block !important;margin-right: 5px;}

/*.home-cat .box-pro:nth-child(2n) .box-pro-title{border-top-color:#038e04}*/
.home-cat .box-pro:nth-child(2n) .box-pro-title{border-bottom-color:#0a5578}
.home-cat .box-pro:nth-child(2n) .box-pro-title span{background:#0a5578}

.pro-item{margin:0;background:#fff;overflow:hidden;height:auto;position:relative;border:1px solid #ccc;box-sizing:border-box;border-left:0;border-top:0}
.pro-item.pro-item-border{border:1px solid #ccc;margin-top:7px;margin-bottom:7px}
.pro-item:hover h3 a{color:#e20000}
.pro-item .thumb{width:auto;height:180px;text-align:center;position:relative;margin:10px}
.pro-item .thumb .icon-km{position:absolute;width:40px;height:39px;top:-10px;right:-10px;background:url(/images/icon/icon-km.png)}
.pro-item .thumb img{max-width:100%;max-height:100%;position:absolute;top:0;left:0;right:0;bottom:0;margin:auto}
.pro-item .caption{background:#f8f8f8;padding:20px 15px;position:relative}
.pro-item h3{font-size:14px;line-height:20px;height:39px;overflow:hidden;margin:0 0 10px}
.pro-item h3 a{color:#4b4b4b}
.pro-item h3:hover a{color:#e20000}
.pro-item .pr{font-size:14px;color:#989898;margin-bottom:5px;text-decoration:line-through}
/*.pro-item .pr2{font-size:18px;font-weight:600;color:#FE0000;margin-bottom:0}*/
.pro-item .pr2{font-size:15px;font-weight:600;color:#FE0000;margin-bottom:0}
.pro-item .cr{position:absolute;bottom:23px;right:15px;display:block;color:#0a5578;font-size:14px;border-bottom:1px solid #0a5578}
.pro-item .cr i{margin-right:5px}
/*.owl-carousel-brand{border-top:3px solid #0a5578}*/

.owl-carousel-brand .thumb{height:70px;margin:0 5px;}

.footer{background:#f0f0f0;padding-bottom:30px;/*background:#333;color:#fff !important;*/}
.footer .link{padding:10px 0 15px;background:url(/images/icon/hr.png) repeat-x bottom left;margin:0px 0 20px}
.footer .link span{font-weight:600}
.footer .nav-info h3{margin:0 0 10px;font-size:15px;text-transform:uppercase;color:#4b4b4b}
.footer .nav-info > ul{margin-bottom:25px}
.footer .nav-info > ul > li{display:block;margin:4px 0}
.footer .nav-info > ul > li > i{margin-right:5px;color:#0a5578}
.owl-carousel-footer { border:1px solid #d8d8d8 ;padding:15px;background:#fff;border-top:3px solid #0a5578;}
.owl-carousel-footer-title {text-transform:uppercase;font-size:14px;font-weight:600;margin-bottom:7px;}
.owl-carousel-footer-title span {background:#0a5578;color:#fff;padding:5px 20px;border-radius:5px 5px 0 0}
.footer .owl-carousel-footer .owl-item .thumb{height:100px}
.footer .mxh img{margin-right:5px}
.footer .tk p{display:inline-block}
.footer .tk span{color:#e20000;margin-left:5px}
.footer .tk img{margin-right:5px;vertical-align:middle}

.adslink{background:#4b4b4b;color:#fff;padding:10px 0}
.adslink a{color:#fff!important}
.adslink a:hover{text-decoration:underline!important}

.news-footer h2{font-size:15px;text-transform:uppercase;font-weight:600;background:url(/images/icon/hr.png) repeat-x left center;margin-bottom:20px}
.news-footer h2 span{background:#fff;padding-right:10px}

.pro-viewer{position:relative}
.pro-viewer .tviewer{text-transform:uppercase;font-weight:600}

.news-left >li{display:block;margin-bottom:6px}
.news-left >li>a{font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block;}
.news-left >li>a>i{margin-right:6px;color:#e20000}
.news-left >li.first{position:relative;margin-bottom:10px}
.news-left >li.first .thumbs {height:auto;float:left;margin:0 10px 0 0;width:45%;overflow:hidden;height:175px;}
.news-left >li.first .thumbs img {width: 100%;
    height: 100%;
    max-height: none;
    position: relative;
    display: block;
    object-fit: cover;}
.news-left >li.first > h3{margin:0 0 8px;font-size:13px;font-weight:600;line-height:18px}
.news-left >li.first span{font-weight:300;font-style:italic;display:block;margin-bottom:5px}
/*.news-left >li.first p{max-height:79px;overflow:hidden;margin-bottom:0;line-height:20px;text-align:justify}*/
.news-left >li.first p{overflow:hidden;margin-bottom:0;line-height:20px;text-align:justify}

.main-breadcrumb,.main-breadcrumb .breadcrumb{background:#f4f4f4}

.page-nummber{position:relative;text-align:right}
.page-nummber a{border:1px solid #d7d7d7;padding:5px 15px;display:inline-block;font-size:12px;margin:10px 0 0 0;}
.page-nummber a:first-child{margin-left:0}
.page-nummber a.cpage,div.page-nummber a:hover{background:#0a5578;color:#fff;border:1px solid #0a5578}
.page-nummber a.cpage{background:#0a5578;border:1px solid #0a5578}

.product-title h2{margin:0;font-size:20px;font-weight:600;text-transform:uppercase}
.product-title select{outline:none;font-size:11px}

.pro-detail .pro-detail-img{height:auto}
.pro-detail .pro-detail-img .thumbnail{padding:10px;border:1px solid #ccc;position:relative;height:400px;width:100%;}
.pro-detail .pro-detail-img .thumbnail .icon-km{position:absolute;width:40px;height:39px;top:0;right:0;background:url(/images/icon/icon-km.png)}
/*.pro-detail .pro-detail-img img{max-width:100%;max-height:100%;position:absolute;top:0;left:0;right:0;bottom:0;margin:auto;}*/
.pro-detail .pro-detail-img img{max-width:100%;max-height:100%;top:0;left:0;right:0;bottom:0;margin:auto;}

/*.pro-detail-info h1{margin:0 0 21px;font-size:24px;text-transform:uppercase;line-height:32px;white-space:nowrap;width:100%;overflow:hidden;text-overflow:ellipsis;}*/
.pro-detail-info h1{margin:0 0 21px;font-size:24px;text-transform:uppercase;line-height:32px;white-space:nowrap;width:100%; }
.pro-detail-info p{font-size:14px}
.pro-detail-info .ct{font-size:15px;height:65px;overflow:scroll;}
.pro-detail-info .pr{text-decoration:line-through}
.pro-detail-info .pr2{font-size:18px;color:#e20000}
.pro-detail-info .sl{vertical-align:middle;margin-bottom:15px;position:relative;}
.pro-detail-info .sl >i{font-size:30px;margin-left:10px;vertical-align:middle}
.pro-detail-info .sl .tell{font-size:22px;color:#e20000;margin:0 5px;vertical-align:middle;font-weight:600}
.pro-detail-info .dh a{background:#0a5578;color:#fff;padding:6px 15px;border-radius:3px;display:inline-block}
.pro-detail-info .dh span{font-size:13px;margin-left:10px}
.pro-detail-intro .ttct{font-size:15px;font-weight:600;margin-bottom:0}
.pro-detail-intro .ttct span{display:inline-block;background:#0a5578;color:#fff;padding:10px 15px}

.pro-detail-info .sl .up,.pro-detail-info .sl .down {position:absolute;left:90px;font-size:15px;cursor:pointer;opacity:0.3;}
.pro-detail-info .sl .up:hover,.pro-detail-info .sl .down:hover {opacity:1;}
.pro-detail-info .sl .up {top:1px;}
.pro-detail-info .sl .down {top:12px;}

.ProSub {font-size: 12px;background: #0a5578;color: #fff;text-shadow: #000 1px 1px 1px;}
.ProSub .titH3 {border-top: none!important;background: url(/images/icon/hot.png)no-repeat 8px;padding-left: 70px;}
.ProSub .sub-img {width: 70px;}
.ProSub tr td {border-top: 1px dashed #ccc!important;vertical-align: middle!important;}
.ProSub .sub-tit {color: #ff0;}
.sub-price strong {color: #f94e3f;font-size: 14px;}
.sub-price span {font-size: 12px; color: #eee;text-decoration: line-through;}
.ProSub .img2 {max-width: 100%; max-height: 100%;width: auto!important;object-fit: cover;}
.sub-btn {display: block;background: #288ad6; color: #fff; padding: 5px;max-width: 70px;}
.b_radius5{border-radius: 5px;-moz-border-radius: 5px;-webkit-border-radius: 5px;}
.sub-btn:hover, .sub-btn:active, .sub-btn:focus {background: #002346;color: #fff;}
#gallery_01 a {display: block;position: relative;height: 80px; text-align:center;margin:0 2px;}
#gallery_01 a.active{border:1px solid #0a5578;}
.owl-carousel .owl-item img {display: block;width: 100%;height:100%;object-fit:contain;}


.intro{margin-bottom:15px;line-height:22px;color:#3a3a3a;overflow:hidden;width:100%;font-size:14px}
.intro h1,div.intro h2,div.intro h3,div.intro h4{margin:10px 0;padding:0;padding-bottom:5px;line-height:1.6}
.intro a{color:#0a5578;text-decoration:underline}
.intro img{max-width:100%;margin:15px 0}
.intro li,.intro ul{list-style-type:inherit;margin:3px 3px 3px 10px}
.intro table td,.intro table tr{vertical-align:top}
.intro p{margin-bottom:10px}

.pro-detail-intro .intro{border:1px solid #ededed;padding:10px 15px}

.dmap p{background:#f4f4f4;padding:10px 15px;margin-bottom:0}
.dmap p>i{color:#e20000;margin-right:6px}

.dpro h2{font-size:15px;font-weight:600;text-transform:uppercase}
.dscroll{max-height:1050px;overflow-y:scroll}
.dprokm h2{background:#0a5578;padding:10px 15px;margin-bottom:0;margin-top:0}
.dprokm h2 span{color:#fff}

.itag{background:#123444;color:#fff;padding:3px 5px}
.tags{padding:3px 5px;margin:2px;background:#dcdcdc;display:inline-block}

.news-item{border-bottom:1px dashed #d7d7d7;margin-top:15px;padding-bottom:15px;position:relative}
.news-item .thumb{width:210px;height:125px;overflow:hidden;float:left;margin-right:15px;text-align:center;}
.news-item .thumb img {width: 100%;height: 100%;max-height: none;position: relative;display: block;object-fit: cover;}

.news-item h3{font-size:13px;margin-bottom:7px;margin-top:0;font-weight:600;line-height:1.4}
.news-item p{margin-bottom:5px;max-height:70px;overflow:hidden}
.news-item .read{display:block;color:#cf241b!important}

.news-detail h1.title{font-size:25px;margin:0 0 15px;line-height:30px}
.news-detail .sapo{font-size:14px;margin-bottom:15px;display:block}
.news-detail .tlq{font-size:15px;font-weight:600;padding-bottom:8px;border-bottom:1px solid #ededed}

.news-lq >li{display:block;margin:4px 0}
.news-lq >li>i{margin-right:8px}

.lien-he .form-group{margin-bottom:5px}
.lien-he .form-group .form-control{border-radius:0}

.navbar-home{background:#123444;height:50px}
.navbar-home .km{font-size:14px;text-transform:uppercase;color:#fff;font-weight:600;margin:0 0 0 -30px ;height:50px;padding:18px 0 0 25px;background:url(/images/icon/icon-hoth.png) no-repeat top left;cursor:pointer}
.navbar-home .km i{margin-left:8px}
.navbar-home .dm{height:50px;background:#0274a9;color:#fff;font-size:14px;text-transform:uppercase;margin:0;font-weight:600;padding:14px 0 0 15px;cursor:pointer}
.navbar-home .dm a{color:#fff}
.navbar-home .dm i:first-child{font-size:25px;vertical-align:middle;margin-right:8px}
.navbar-home .dm i:last-child{margin-left:10px}

.nav-support >li{display:inline-block;border-left:1px solid #5f5f5f;padding-left:15px}
.nav-support >li i{float:left;font-size:50px;color:#fff;margin-right:10px}
.nav-support >li span{display:block;width:150px;margin-top:3px;color:#fff}
.nav-support >li span:last-child{color:#fffc00;font-weight:600;font-size:14px}
.nav-support >li.cart{height:50px}
.nav-support >li.cart i{font-size:30px;margin-top:10px}

/*.pro-slide-item{background:#f2e5dc;padding:30px 100px 0 30px;height:360px}*/
/*.pro-slide-item{background:#f2e5dc;padding:30px 30px 0 30px;height:360px}*/
.pro-slide-item{background:#f2e5dc;padding:30px 0 0 0;height:360px}
.pro-slide-item.bgn{background:none!important}
/*.pro-slide-item .thumb{float:left;width:320px;height:300px;margin-right:20px}*/
.pro-slide-item .thumb{float:left;width: 405px;height:300px;margin-right:20px}
.pro-slide-item .thumb img{margin:inherit}
/*.pro-slide-item h3{font-size:25px;margin:0 0 10px;color:#8a4929;line-height:30px;text-overflow:ellipsis;font-weight:400;text-transform:uppercase}*/
.pro-slide-item h3{font-size:25px;margin:0 0 10px;color:#8a4929;line-height:30px;font-weight:400;text-transform:uppercase;    display: -webkit-box;
    max-width: 100%;
    
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: justify;}
/*.pro-slide-item .ct{color:#8a4929;font-size:14px;max-height:160px;overflow:hidden}*/
.pro-slide-item .ct{color:#8a4929;font-size:14px; height:125px;overflow:hidden}
.pro-slide-item .pr{font-size:25px;color:#e20000;font-weight:600}
.pro-slide-item .cr{color:#fff;background:#0a5578;display:inline-block;text-transform:uppercase;padding:5px 15px;border-radius:3px}

#sync2 {margin-top:-10px;}
.pro-thumb-item {padding-top:10px;position:relative;}
.pro-thumb-item i {position:absolute;top:0;z-index:9999;left:48%;font-size:25px;line-height:0;top:8px;display:none;color:#0a5578;}
.pro-thumb-item p {background:#f4f4f4;border:1px solid #fff;padding:5px 10px;cursor:pointer;position:relative;margin-bottom:0;}
.pro-thumb-item p span{height:36px;}
.synced .pro-thumb-item p {background:#0a5578;color:#fff}
.synced .pro-thumb-item i {display:block;}


.navbar-info{margin-top:15px}
/*.navbar-info-s{width:50%;text-align:right;margin-top:15px}*/
.navbar-info-s{width:42%;text-align:right;margin-top:15px}
.navbar-info-s input[type=text]{background:#fff;border:2px solid #ededed;outline:none;height:38px;vertical-align:middle;width:60%;padding-left:10px}
.navbar-info-s a{display:inline-block;background:#123444;color:#fff;width:38px;height:38px;vertical-align:middle;padding:10px 0 0;text-align:center}
.navbar-info-s a i{font-size:18px}
.navbar-info-s select{width:30%;border:2px solid #ededed;height:38px;vertical-align:middle;border-right:0;outline:0;padding-left:5px;margin-right:-4px;}
.navbar-info-hl{margin-top:15px}
.navbar-info-hl .t{font-size:13px;text-transform:uppercase;margin-bottom:5px;color:#fff;}
.navbar-info-hl .s{color:#fffc00;font-size:18px;font-weight:600;margin-bottom:0}
.navbar-info-hl .s i{margin-right:8px}

.slogan{font-size: 18px;line-height: 1.4;position: relative;color: #fff133;background: #123444;}
.slogan span {display: inline-block;position: relative;padding: 12px 24px;}
.slogan span:before, .slogan span:after {content: "";display: block;width: 10px;height: 8px;position: absolute;top: 10px;left: 10px;background: url(/images/icon/bg-tit.png)no-repeat;}
.slogan span:after {left: auto;top: auto;right: 10px;bottom: 10px;background-position: -14px;}
.navf {background:#123444;}
.navf ul {text-align:center;}
.navf ul li {display:inline-block;}
.navf ul li a { display:block;padding:10px 20px;text-transform:uppercase;color:#fff;}
.navf ul li a:hover {text-decoration:underline !important;}

.news-right-item {margin-bottom:10px;}
.news-right .thumbs {width:25%;height:85px;float:left;overflow:hidden;margin-right:10px;}
.news-right .thumbs img {    width: 100%;height: 100%;max-height: none;position: relative;display: block;object-fit: cover;}
.news-right h3 {font-size:13px;margin:0 0 6px 0;font-weight:600;}
.news-right p {max-height:57px;overflow:hidden;}

@media (max-width:768px) 
{

    .cart-mb{color:#fffc00;margin-top:0 !important;padding:5px 0;}
    .row-responsive{white-space:nowrap;overflow-y:hidden;overflow-x:scroll;-webkit-overflow-scrolling:touch}
    .row-responsive .col-responsive{display:inline-block!important;white-space:normal;float:none}

    .nav-top {position:fixed;top:0;left:0;width:100%;display:none;background:#0274a9;z-index:999;}
    .nav-top.active {display:block;}
    .nav-top>li:hover>ul {display:none;}
    .nav-top .active { display:block !important;}
    .nav-top i.icon {position:absolute;top:0;right:0;width: 40px;height: 100%;text-align: right;font-size: 18px;line-height:20px;margin:0 5px;text-align:center;z-index:999;line-height:40px;}
    .nav-top li{display:block;position:relative;}
    .nav-top li a{padding:6px 15px !important;position:relative;text-transform:uppercase;}
    .nav-top>li>ul {position:relative;width:100%;padding:0;}
    .nav-top>li>ul>li>a{padding-left:30px!important;}
    
    .navbar-main {border:none;max-height:450px;overflow-y:scroll;}
    .navbar-main li:hover ul{display:none}
    .navbar-main ul.active{display:block!important}
    .navbar-main.active_pc{display:none}

    .navbar-main a {text-transform:uppercase;}
    .navbar-main i.icon {float: right;width: 40px;height: 100%;text-align: right;font-size: 18px;line-height:20px;margin:0 5px;text-align:center;}
    .navbar-main li a {padding:8px 0;font-size:12px !important;}
    .navbar-main >li>ul {left:inherit;position:relative;width:100%;padding:0 0 0 22px;max-width:100%;}
    .navbar-main >li>ul>li {width:100%;float:none;}
    .navbar-main>li>ul>li>ul{position:relative;width:100%;left:0;margin-top:0;display:none;}
    .navbar-main>li>ul>li>a {font-weight:400;/*padding:5px 0;*/}
    .navbar-main>li>ul>li>ul>li>a {padding:5px 0;}

    .nav-toggle{position:fixed!important;top:0;right:0;width:50px;height:30px;background:#a2a10e!important;color:#fff!important;text-align:center;padding:0;margin:0}
    .navbar-toggle {display:block;margin-top:17px;}  
    
    .navbar-home{/*background:#0a5578*/background:#0274a9;}
    .navbar-header{margin:15px!important;float:none;}
    .navbar-brand{width:85%;margin-right:0}
    .navbar-brand img{max-width:90%}
    
    .navbar-banner .container {width:100%;}
    .navbar-banner .navbar-brand {margin-left:15px !important;}

    .navbar-info{background:#123444;width:100%;padding:10px 15px;margin-left:0!important;margin-top:0!important}
    .navbar-info-s{width:100%;background:#fff;border-radius:3px;margin-top:0}
    .navbar-info-s input[type=text]{background:none;border:none;outline:none;height:38px;vertical-align:middle;width:60%;padding-left:10px}
    .navbar-info-s a{display:inline-block;background:none;color:#333;width:38px;height:38px;vertical-align:middle;padding:10px 0 0;text-align:center}
    .navbar-info-s a i{font-size:18px}
    .navbar-info-s select {border:none;height:33px;}
    .slide-container {padding:0 !important;}
    
    .news-right .thumbs  {float:none;}
    
    .pro-detail-info h1{white-space:normal;width:100%;overflow:inherit;text-overflow:ellipsis;}
    
}

@media (max-width:767px) 
{
    .pdl15-mb{padding-left:15px !important;}
    .pro-slide-item {padding:10px;height:260px;}
    .pro-slide-item .thumb {width:250px;height:250px;}
    .pro-slide-item .ct {max-height:100px;} 
    
    .gotoTop {bottom:20px;}
    .text-xs{text-align:center!important}
    .dscroll{max-height:inherit;}
    .footer{padding:15px 0}
    .product-title select{display:block;margin-top:5px}
    .navbar-info-s input[type=text]{background:none;border:none;outline:none;height:38px;vertical-align:middle;width:80%;padding-left:10px}
    
    .pro-item{text-align:center}
    .pro-item .thumb{height:120px}
    .pro-item .cr{position:relative;display:inline-block;bottom:inherit;right:inherit;margin-top:5px}
    /*.pro-slide-item{padding:10px;height:400px;background:none!important}*/
    .pro-slide-item{padding:10px;height:500px;background:none!important}
    .pro-slide-item h3{white-space:normal}
    .pro-slide-item .thumb{width:100%;float:inherit;height:150px;margin-bottom:20px}
    .pro-slide-item .thumb img{margin:auto}
    .pro-slide-item .ct{max-height:59px}
    .slide-container{padding:0!important}

    .news-right .thumbs {width:100%;height:130px;overflow:hidden;margin-bottom:10px;margin-right:0;display:block;position:relative;border:1px solid #ededed;float:none;}
    .news-right .thumbs img {max-width:100%;max-height:100%;margin:auto;position:absolute;top:0;left:0;right:0;bottom:0;}
    .news-right h3 {float:left;}
    
    .news-item .thumb {width: 40%;height: auto;display:block;}
    .news-item .read {float:right;}
    
    .navbar-banner .navbar-brand {margin-left:0 !important;}
    
    .pro-detail .pro-detail-img .thumbnail {height:300px;}
    
    .navf ul li {display:inline-block;}
    /*.navf ul li a {display:inline-block;}*/
    .navf ul{overflow-y:hidden;overflow-x:auto;white-space:nowrap;}
    
    .pro-detail-intro .ttct {border-bottom:1px solid #0a5578;}
    .pro-detail-intro .ttct span {background:none;text-transform:uppercase;color:#333;padding-left:0;}
    
}
    
.loading{background:rgba(0,0,0,.8);position:fixed;right:5px;bottom:50px;z-index:100;padding:10px 55px;border-radius:5px;text-align:center}
.loading label{display:block;color:#fff;font-size:12px;margin:2px 0 0}
.nav-km{position:absolute;width:200px;display:none;background:#fff;top:49px;z-index:9999;padding:5px 10px;border:1px solid #e20000;margin-left:-30px;}
.nav-km > li{display:block;margin:5px 0}
.nav-km > li > a> img{margin-left:5px}
.nav-km.active{display:block}