.apps{margin-bottom: 15px;}
.apps-title{position: relative; background: #201e1e;}
.apps-title a{display: block; font-family: HelvetIns; font-size: 22px; text-transform: uppercase; text-align: center; line-height: 50px; color: #43abc8;}
.apps-list{border-right: 1px solid #d7d7d7; border-left: 1px solid #d7d7d7;}
.apps-item{position: relative; padding: 5px; border-bottom: 1px dotted #d7d7d7;}
.apps-item:nth-last-child(2){border-bottom: 0;}
.apps-item a{font-family: HNMedium; font-size: 14px; line-height: 30px; color: #32a5d2;}
.apps-item img{float: left; margin-right: 5px;}
.apps-item span{display: block; height: 30px; overflow: hidden; transition: all 0.25s ease 0s;}
.apps-item i{position: absolute; top: 5px; right: 11px; line-height: 30px; transition: all 0.25s ease 0s;}
.apps-more{position: relative; padding-bottom: 1px; background: #201e1e;}
.apps-more a{display: block; font-family: HelvetIns; font-size: 17px; text-align: center; line-height: 27px; color: #32a5d2; transition: all 0.25s ease 0s;}
.apps-more:hover{background: #ed1b24; transition: all 0.25s ease 0s;}
.apps-more:hover a{color: #fff;}
.apps-item:hover span, .apps-item-active span{color: #ed1b24;}
.apps-item:hover i, .apps-item-active i{right: 7px; color: #ed1b24;}.tips{margin-bottom: 15px;}
.tips-title, .tips-more{margin-bottom: 15px; font-family: HNMedium; font-size: 15px; line-height: 25px;}
.tips-title a, .tips-more a{display: inline-block; padding: 0 15px; background: #32a5d2; border-radius: 0 5px 5px 0; color: #fff; transition: all 0.25s ease 0s;}
.tips-list{margin-bottom: 15px; border: 1px solid #d7d7d7;}
.tips-item{padding: 7px; border-bottom: 1px solid #d7d7d7; line-height: 18px;}
.tips-item:nth-last-child(2){border-bottom: 0;}
.tips-img{float: left; margin-right: 10px;}
.tips-name{height: 36px; margin-bottom: 5px; overflow: hidden;}
.tips-name a{display: block; font-family: HNMedium; color: #333; transition: all 0.25s ease 0s;}
.tips-time{height: 18px; font-size: 12px; color: #777; overflow: hidden;}
.tips-time i{color: #32a5d2;}
.tips-more{margin-bottom: 0; text-align: right;}
.tips-more a{border-radius: 5px 0 0 5px;}
.tips-more a:hover{background: #ed1b24;}
.tips-item:hover .tips-name a{color: #32a5d2;}.col-menu{margin-bottom: 30px;}
.col-title{position: relative; background: #201e1e; font-family: HelvetIns; font-size: 18px; text-transform: uppercase; text-align: center; line-height: 35px; color: #32a5d2;}
.col-menu ul{list-style: none;}
.col-menu ul li{position: relative;}
.col-menu ul li a{position: relative; display: block; text-transform: uppercase; line-height: 35px; color: #333; transition: all 0.25s ease 0s;}
.col-menu ul li a i{position: absolute; top: 0; left: 8px; font-size: 10px; line-height: 35px; transition: all 0.25s ease 0s;}
.col-menu ul li a:hover i{transform: translateX(3px);}
.col-menu ul li ul li a i{left: 25px;}
.col-menu > ul{background: #fff; border: 1px solid #e2e2e2; border-top: 0;}
.col-menu > ul > li > a{padding-left: 25px; border-bottom: 1px dashed #d7d7d7;}
.col-menu > ul > li:last-child a{border-bottom: 0;}
.col-menu > ul > li > a:hover, .col-menu > ul > li.active > a{color: #32a5d2;}
.col-menu > ul > li > i{position: absolute; top: 0; right: 0; width: 35px; height: 35px; font-size: 10px; text-align: center; line-height: 35px; cursor: pointer;}
.col-menu > ul > li > i:hover, .col-menu > ul > li.active > i{color: #32a5d2;}
.col-menu > ul > li > ul > li > a{padding-left: 40px; border-bottom: 1px dashed #d7d7d7;}
.col-menu > ul > li > ul > li > a:hover, .col-menu > ul > li > ul > li.active > a{color: #32a5d2;}.tips{margin-bottom: 15px;}
.tips-title, .tips-more{margin-bottom: 15px; font-family: HNMedium; font-size: 15px; line-height: 25px;}
.tips-title a, .tips-more a{display: inline-block; padding: 0 15px; background: #32a5d2; border-radius: 0 5px 5px 0; color: #fff; transition: all 0.25s ease 0s;}
.tips-list{margin-bottom: 15px; border: 1px solid #d7d7d7;}
.tips-item{padding: 7px; border-bottom: 1px solid #d7d7d7; line-height: 18px;}
.tips-item:nth-last-child(2){border-bottom: 0;}
.tips-img{float: left; margin-right: 10px;}
.tips-name{height: 36px; margin-bottom: 5px; overflow: hidden;}
.tips-name a{display: block; font-family: HNMedium; color: #333; transition: all 0.25s ease 0s;}
.tips-time{height: 18px; font-size: 12px; color: #777; overflow: hidden;}
.tips-time i{color: #32a5d2;}
.tips-more{margin-bottom: 0; text-align: right;}
.tips-more a{border-radius: 5px 0 0 5px;}
.tips-more a:hover{background: #ed1b24;}
.tips-item:hover .tips-name a{color: #32a5d2;}.tips{margin-bottom: 15px;}
.tips-2{margin-bottom: 30px;}
.tips-title, .tips-more{margin-bottom: 15px; font-family: HNMedium; font-size: 15px; line-height: 25px;}
.tips-title a, .tips-more a{display: inline-block; padding: 0 15px; background: #32a5d2; border-radius: 0 5px 5px 0; color: #fff; transition: all 0.25s ease 0s;}
.tips-title-2{text-transform: uppercase; text-align: right; line-height: 35px;}
.tips-title-2 a{border-radius: 5px 0 0 5px;}
.tips-list{margin-bottom: 15px; border: 1px solid #d7d7d7;}
.tips-item{padding: 7px; border-bottom: 1px solid #d7d7d7; line-height: 18px;}
.tips-item:nth-last-child(2){border-bottom: 0;}
.tips-img{float: left; margin-right: 10px;}
.tips-name{height: 36px; margin-bottom: 5px; overflow: hidden;}
.tips-name a{display: block; font-family: HNMedium; color: #333; transition: all 0.25s ease 0s;}
.tips-time{height: 18px; font-size: 12px; color: #777; overflow: hidden;}
.tips-time i{color: #32a5d2;}
.tips-more{margin-bottom: 0; text-align: right;}
.tips-more a{border-radius: 5px 0 0 5px;}
.tips-more a:hover{background: #ed1b24;}
.tips-item:hover .tips-name a{color: #32a5d2;}.video{margin: 15px 0; padding: 10px; border: 1px solid #d7d7d7;}
.video #___ytsubscribe_0{display: block!important; margin: 0 auto!important; overflow: hidden;}
.video-title{margin-bottom: 10px; font-family: HelvetIns; font-size: 22px; text-transform: uppercase; text-align: center; line-height: 37px; color: #32a5d2;}
.video-item{margin-bottom: 15px;}
.video-item a{position: relative; display: block; color: #fff;}
.video-item a img{margin-bottom: 1px;}
.video-item a span{display: block; padding: 5px 7px; background: #231f20; line-height: 20px;}
.video-item a i{position: absolute; top: 0; right: 0; bottom: 30px; left: 0; width: 40px; height: 40px; margin: auto;
    font-size: 37px; text-align: center; line-height: 40px; color: rgba(255,255,255,0.5); transition: all 0.25s ease 0s;}
.video-item a:hover i{color: rgba(255,255,255,1);}.contact{}
.c-left{margin-bottom: 20px;}
.c-left h1{font-size: 100%; text-transform: uppercase; color: #32a5d2; margin-bottom: 15px;}
.c-left ul{list-style: none; padding-left: 15px;}
.c-left ul li{margin-bottom: 5px; line-height: 20px;}
.c-left ul li:nth-child(3){max-height: 40px;}
.c-left ul li span{display: inline-block; width: 85px; vertical-align: top;}
.c-left ul li p{display: inline-block; width: calc(100% - 85px);}
.c-left ul li b{display: block;}
.c-left ul li:nth-child(2) p b{color: #32a5d2;}
.c-left ul li:nth-child(3) p b{color: #ff0000;}
.c-left ul li a{color: #333;}
.c-right form{margin: auto;}
.c-text{margin-bottom: 20px; text-align: justify; line-height: 20px;}
.c-item{position: relative; margin-bottom: 10px;}
.c-item i{position: absolute; top: 0; bottom: 0; left: 0; display: flex; width: 40px; margin: auto; align-items: center; justify-content: center; color: #32a5d2;}
.c-item input[type="text"]{text-indent: 40px;}
.c-item:nth-child(5){text-align: right;}
@media (min-width: 480px){
    .c-right form{width: calc(100% - 30px);}
}
@media (min-width: 767px){
    .c-left{float: left; width: calc(50% - 15px);}
    .c-right{float: right; width: calc(50% - 15px);}
}
@media (min-width: 970px){
    .c-left,
    .c-right{width: calc(50% - 25px);}
    .c-right form{width: calc(100% - 50px);}
}.down-item{padding: 10px; border: 1px solid #d7d7d7; border-top: 0; line-height: 20px;}
.down-item:nth-child(1){border-top: 1px solid #d7d7d7;}
.down-item:nth-child(2n){background: #f9f9f9;}
.down-img{float: left; margin-right: 10px;}
.down-info{float: left;}
.down-plus{padding-top: 15px; line-height: 25px;}
.down-name{margin-bottom: 5px; font-family: Tahoma; font-size: 21px; font-weight: bold; line-height: 30px; color: #32a5d2;}
.down-prev{margin-bottom: 11px; color: #555;}
.down-time{float: left; margin-right: 50px;}
.down-fit{float: left; font-family: HNMedium;}
.down-company{font-family: HNBold; font-size: 15px;}
.down-size{}
.down-button{font-family: Times New Roman; font-size: 17px; font-weight: bold; color: #32a5d2;}
.down-button:hover a{border-bottom: 1px solid #32a5d2;}
@media (min-width: 320px){
    .down-img{width: 70px;}
    .down-info{width: calc(100% - 80px);}
    .down-company,
    .down-size,
    .down-button{float: left; margin-right: 30px;}
    .down-button{margin-right: 0;}
}
@media (min-width: 580px){
    .down-clear{display: none;}
    .down-img{width: 100px;}
    .down-info{width: calc(100% - 245px); padding-right: 10px;}
    .down-plus{float: right; width: 125px;}
    .down-company,
    .down-size,
    .down-button{float: none; margin-right: 0;}
}.direct{margin-bottom: 20px; padding: 15px 0; background: #f5f5f5;}
.direct ul{list-style: none; text-align: center;}
.direct ul li{display: inline-block; line-height: 20px;}
.direct ul li+li:before{content: "/"; display: inline-block; margin: 0 8px 0 5px;}
.direct ul li a{display: inline-block; color: #333;}
@media (min-width:320px){
    .direct ul li.direct-m{display: none;}
}
@media (min-width:767px){
    .direct ul li.direct-m{display: inline-block;}
}.menu-scroll{position: fixed; z-index: 99991;}
.menu-icon{position: relative; float: left; width: 50px; height: 40px; background: #fff; border-radius: 5px; text-align: center;}
.menu-icon span{display: block; width: 28px; height: 2px; position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; background: #32a5d2;}
.menu-icon span:after, .menu-icon span:before{display: block; width: 28px; height: 2px; background: #32a5d2; position: absolute; content: '';}
.menu-icon span:after{bottom: -8px;}
.menu-icon span:before{top: -8px;}
.menu{float: left;}
.menu ul{list-style: none; transform-origin: 0 0; z-index: 100; transition: all 0.25s ease 0s;}
.menu ul li{float: left;}
.menu ul li a{display: block; font-family: HNMedium; font-size: 15px; line-height: 25px; transition: all 0.25s ease 0s;}
.menu > ul > li{margin: 0 2.5px; padding-bottom: 15px;}
.menu > ul > li > a{line-height: normal; color: #fff;}
.menu > ul > li > a img{margin: 0 auto 5px;}
.menu > ul > li > a span{display: block; padding: 0 5px; border-radius: 5px; line-height: 25px;}
.menu > ul > li.active > a span, .menu > ul > li:hover > a span{background: #32a5d2;}
.menu > ul > li > ul{position: absolute; top: 100%; right: 0; left: 0; margin: auto; padding: 15px 20px; background: #fff; box-shadow: 0px 0px 3px 1px rgba(0,0,0,0.25); transform: scale(1,0); opacity: 0;}
.menu > ul > li:hover > ul{transform: scale(1,1); opacity: 1;}
.menu > ul > li > ul > li{float: left; width: 20%;}
.menu > ul > li > ul > li > a{padding: 2.5px 0; color: #333;}
.menu > ul > li > ul > li > a:hover{color: #32a5d2;}
.menu > ul > li > ul > li > ul > li{float: none;}
.menu > ul > li > ul > li > ul > li > a{padding: 2.5px 0 2.5px 10px; text-transform: none;}
.menu > ul > li > ul > li > ul > li > a:hover{color: #32a5d2;}
@media (min-width: 320px){
    .menu-bar{float: right; margin: 41px 0 0 0;}
}
@media (min-width: 970px){
    .menu-bar{float: left; margin: 20px 51px 0;}
    .menu-display{display: none;}
}
@media (min-width: 1170px){
    .menu-bar{margin: 20px 52px 0;}
}.blog{margin-bottom: 15px;}
.blog-list{padding: 5px; background: #182432;}
.blog-item{position: relative; padding: 5px; background: #182432; line-height: 18px; transition: all 0.25s ease 0s;}
.blog-img{margin-bottom: 10px;}
.blog-name{height: 54px; margin-bottom: 5px; overflow: hidden;}
.blog-name a{display: block; font-family: HNMedium; color: #fff; transition: all 0.25s ease 0s;}
.blog-time{height: 18px; font-size: 12px; color: #777; overflow: hidden;}
.blog-time i{color: #32a5d2;}
.blog-item:hover{background: #fff;}
.blog-item:hover .blog-name a{color: #333;}.faq-list{margin-bottom: 20px; padding: 15px; background: #f5f5f5; border-radius: 15px;}
.faq-title{margin-bottom: 15px; font-family: HelvetIns; font-size: 22px; text-transform: uppercase; text-align: center; color: #32a5d2;}
.faq-owl{position: relative; line-height: 20px;}
.faq-owl b{float: left; display: block; width: 55px;}
.faq-owl p{float: right; width: calc(100% - 55px);}
.faq-owl i{font-family: HNMedium;}
.faq-ask{margin-bottom: 10px;}
.faq-answer{margin-bottom: 10px;}
.faq .owl-nav{width: 70px; margin: auto;}
.faq .owl-nav button.owl-prev, .faq .owl-nav button.owl-next{width: 27px; height: 27px; margin: 0 4px; border: 1px solid #32a5d2; border-radius: 50%; outline: none; color: #32a5d2; transition: all 0.25s ease 0s;}
.faq .owl-nav button.owl-prev:hover, .faq .owl-nav button.owl-next:hover{background: #32a5d2; color: #fff;}
.faq-form{margin-bottom: 15px;}
.faq-form p{margin-bottom: 10px; font-family: HNBold; text-transform: uppercase; text-align: center; line-height: 20px;}
.faq-item{position: relative; float: left; width: calc((100% - 20px) / 3); margin-right: 10px; margin-bottom: 10px;}
.faq-item:nth-child(3){margin-right: 0;}
.faq-textarea{margin-bottom: 20px;}
.faq-submit{text-align: center;}
@media (min-width:970px){
    .faq{float: left; width: calc(100% - 510px);}
}.macG{margin-bottom: 15px; background: #231f20;}
.macG ul{/*width: 1920px;*/ list-style: none;}
.macG ul li{float: left; background: #231f20; border-right: 1px solid rgba(255,255,255,0.25);}
.macG ul li:nth-last-child(2){border-right: 0;}
.macG ul li a{display: block; padding: 0 10px; font-family: HNBold; font-size: 14px; text-transform: uppercase; line-height: 40px; color: #fff; transition: all 0.25s ease 0s;}
.macG ul li  a:hover{color: #32a5d2;}
/*.macG3-scroll, .macG4-scroll{width: 100%; height: 40px;}*/
.mac-item{box-sizing: border-box; float: left; margin-right: 10px; margin-bottom: 20px;}
.mac-img{margin-bottom: 20px;}
.mac-name{height: 36px; text-align: center; line-height: 18px; overflow: hidden;}
.mac-name a{display: block; color: #333; transition: all 0.25s ease 0s;}
.mac-price{font-family: HNBold; text-align: center; line-height: 18px; color: #ed1b24;}
.mac-item:hover .mac-name a{color: #32a5d2;}
@media (min-width:320px){
    .mac-item{width: calc((100% - 10px) / 2);}
    .mac-item:nth-child(2n){margin-right: 0;}
}
@media (min-width:580px){
    .mac-item{width: calc((100% - 20px) / 3);}
    .mac-item:nth-child(2n){margin-right: 10px;}
    .mac-item:nth-child(3n){margin-right: 0;}
}
@media (min-width:1170px){
    .mac-item{width: calc((100% - 30px) / 4);}
    .mac-item:nth-child(2n),
    .mac-item:nth-child(3n){margin-right: 10px;}
    .mac-item:nth-child(4n){margin-right: 0;}
}.slide{position: relative;  z-index: 0;}
.slide1 .owl-dots{position: absolute; right: 0; bottom: 10px; left: 0; height: 15px; margin: auto; text-align: center;}
.slide1 .owl-dots button.owl-dot{display: inline-block; width: 15px; height: 15px; margin: 0 5px; background: rgba(255,255,255,0.25); border-radius: 50%; outline: none; transition: all 0.25s ease 0s;}
.slide1 .owl-dots button.owl-dot:hover{background: rgba(255,255,255,0.75);}
.slide1 .owl-dots button.owl-dot.active{background: #fff;}
.slide2 .owl-dots, .slide3 .owl-dots{display: none;}
@media (min-width:320px){
    .slide{padding: 0 0 30px;}
    .slide1, .slide2{margin-bottom: 15px;}
}
@media (min-width:480px){
    .slide{padding: 30px 0;}
    .slide2, .slide3{float: left; width: calc(50% - 7.5px);}
    .slide2{margin-right: 15px; margin-bottom: 0;}
}
@media (min-width:970px){
    .slide1{float: left; width: 62%; margin-right: 2%; margin-bottom: 0;}
    .slide2, .slide3{width: 36%;}
    .slide2{margin-right: 0; margin-bottom: 15px;}
}
@media (min-width:1170px){
    .slide1{width: 730px; margin-right: 15px;}
    .slide2, .slide3{width: 425px;}
}.spG{margin-bottom: 15px; background: #333;}
.spG ul{/*width: 1920px;*/ list-style: none;}
.spG ul li{float: left; background: #333; border-right: 1px solid rgba(255,255,255,0.25);}
.spG ul li:nth-last-child(2){border-right: 0;}
.spG ul li a{display: block; padding: 0 10px; font-family: HNBold; font-size: 14px; text-transform: uppercase; line-height: 40px; color: #fff; transition: all 0.25s ease 0s;}
.spG ul li  a:hover{color: #32a5d2;}
/*.spG3-scroll, .spG4-scroll{width: 100%; height: 40px;}*/
.sp{margin-bottom: 10px;}
.sp-item{box-sizing: border-box; float: left; margin-right: 15px; margin-bottom: 15px; padding: 15px; box-shadow: 0 0 3px 1px rgba(0,0,0,0.125);}
.sp-img{margin-bottom: 20px;}
.sp-name{height: 90px; margin-bottom: 5px; text-align: center; line-height: 18px; overflow: hidden;}
.sp-name a{display: block; font-family: HNBold; color: #333; transition: all 0.25s ease 0s;}
.sp-name span{display: block; color: #777;}
.sp-price{font-family: HNMedium; text-align: center; line-height: 18px; color: #ed1b24;}
.sp-item:hover .sp-name a{color: #32a5d2;}
@media (min-width:320px){
    .sp-left{display: none;}
    .sp-item{width: calc((100% - 15px) / 2);}
    .sp-item:nth-child(2n){margin-right: 0;}
}
@media (min-width:580px){
    .sp-item{width: calc((100% - 30px) / 3);}
    .sp-item:nth-child(2n){margin-right: 15px;}
    .sp-item:nth-child(3n){margin-right: 0;}
}
@media (min-width:970px){    
    .sp-item-h{width: calc((100% - 15px) / 2);}
    .sp-item-h:nth-child(3n){margin-right: 15px;}
    .sp-item-h:nth-child(2n){margin-right: 0;}
    
    .sp-left{float: left; display: block; width: 270px;}
    .sp-right{float: right; width: calc(100% - 300px);}
}
@media (min-width:1170px){
    
    .sp-item{width: calc((100% - 30px) / 3);}
    .sp-item:nth-child(2n){margin-right: 15px;}
    .sp-item:nth-child(3n){margin-right: 0;}
}.newstop{margin-bottom: 20px;}
.newstop-item{position: relative; margin-bottom: 20px;}
.newstop-item:after{content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; background: rgba(0,0,0,0.25); opacity: 0; z-index: 0; transition: all 0.25s ease 0s;}

.newstop-name{position: absolute; right: 0; bottom: 0; left: 0; margin: auto; background: rgba(0,0,0,0.5); z-index: 1;}
.newstop-name a{display: block; padding: 10px; font-family: HNBold; line-height: 20px; color: #fff;}
.newstop-name span{display: block; font-family: HN; text-transform: none;}
.newstop-name span i{color: #32a5d2;}
.newstop-item:nth-child(1) .newstop-name a{text-transform: uppercase;}
.newstop-item:hover:after{opacity: 1;}

.news-item{margin-bottom: 30px;}
.news-name{margin-bottom: 10px;}
.news-name a{display: block; font-family: HNBold; font-size: 14px; color: #333; transition: all 0.25s ease 0s;}
.news-name a:hover{color: #32a5d2;}
.news-img{float: left; width: 210px;}
.news-info{float: right; width: calc(100% - 225px); line-height: 20px;}
.news-prev{height: 80px; margin-bottom: 10px; overflow: hidden; color: #555;}
.news-more{float: right;}
.news-more a{display: block; padding: 0 10px; background: #32a5d2; border-radius: 3px; line-height: 20px; color: #fff; transition: all 0.25s ease 0s;}
.news-more a:hover{background: #ed1b24;}
.news-more a i{transform: translate3d(0,1px,0); transition: all 0.25s ease 0s;}
.news-more a:hover i{transform: translate3d(3px,1px,0);}
.news-item:hover .news-name a{color: #32a5d2;}

.newsother-item{margin-bottom: 20px;}
.newsother-name{padding: 5px; border: 1px solid #d7d7d7; border-top: 0;}
.newsother-name a{display: block; font-family: HNBold; line-height: 20px; color: #333; transition: all 0.25s ease 0s;}
.newsother-name a:hover{color: #32a5d2;}

@media (min-width:320px){
    .newstop-right, .newsvideo{display: none;}
}
@media (min-width:480px){
    .newstop-item{float: left; width: calc((100% - 20px) / 2); margin-right: 20px;}
    .newstop-item:nth-child(1){width: 100%; margin-right: 0;}
    .newstop-item:nth-child(3), .newstop-item:nth-child(5){margin-right: 0;}
}
@media (min-width:400px){
    .news-right{display: none;}
}
@media (min-width:767px){
    .newstop-item{width: calc((50% - 40px) / 2);}
    .newstop-item:nth-child(1){width: 50%; margin-right: 20px;}
    .newstop-left{float: left; width: calc(100% - 320px);}
    .newstop-right{float: right; display: block; width: 300px;}
}
@media (min-width:970px){
    .news-left{float: left; width: calc(100% - 300px);}
    .news-right{float: right; display: block; width: 270px;}
}
@media (min-width:1170px){
    .newstop-left{width: calc(50% - 15px);}
    .newstop-right{width: calc(50% - 15px);}
    .newsother{float: left; width: 300px;}
    .newsvideo{float: right; display: block; width: calc(100% - 320px);}
}.product-left{width: 100%; margin-bottom: 30px;}

.product-prev{margin-bottom: 10px; padding-bottom: 10px; border-bottom: 1px solid #d7d7d7;}
.product-prev b{line-height: 22px;}

.product-string{list-style: none; margin-bottom: 15px; padding-bottom: 15px; border-bottom: 1px solid #d7d7d7;}
.product-string li{line-height: 22px;}
.product-string li b{position: relative; display: inline-block; width: 105px; vertical-align: top;}
.product-string li b:after{content: ':'; position: absolute; right: 0;}
.product-string li span{display: inline-block; width: calc(100% - 125px); padding-left: 15px;}
.product-string li:last-child b{width: auto;}
.product-string li:last-child b:after{content: '';}
.product-string li:last-child span{width: auto;}

.product-red{color: #ed1b24;}
.product-blue{color: #32a5d2;}

.product-price{list-style: none;}
.product-price li{line-height: 30px;}
.product-price li b{position: relative; display: inline-block; width: 105px; vertical-align: top;}
.product-price li b:after{content: ':'; position: absolute; right: 0;}
.product-price li label{display: inline-block; width: calc(100% - 125px); padding-left: 15px; font-family: HNBold; font-size: 20px; color: #ed1b24;}
.product-price li span{display: inline-block; width: calc(100% - 125px); padding-left: 15px; font-family: HNBold; font-size: 14px; color: #777;}

.product-quantity{margin: 0 0 13px;}
.product-quantity b{position: relative; display: inline-block; width: 105px; height: 30px; line-height: 30px; vertical-align: top;}
.product-quantity b:after{content: ':'; position: absolute; right: 0;}
.product-quantity-control{display: inline-block; width: 105px; margin: 0 0 0 12px;}
.product-quantity-control div{float: left; width: 22px; height: 30px;}
.product-quantity-control div:last-child{float: right;}
.product-quantity-control div a{display: block; font-size: 25px; text-align: center; line-height: 30px; color: #fff; background: #32a5d2; transition: all 0.25s ease 0s;}
.product-quantity-control div a:hover{background: #ff0000;}
.product-quantity-control input[type='text']{float: left; width: calc(100% - 54px); height: 30px; margin: 0 5px; font-size: 15px; text-align: center; text-indent: 0; color: #32a5d2; border: 1px solid #32a5d2;}

.product-cart{}
.product-cart p{line-height: 22px;}
.product-cart a{position: relative; display: block; font-family: HNBold; font-size: 15px; color: #fff; padding: 7px 35px 9px 55px;}
.product-cart a i{position: absolute; top: 10px; left: 19px; width: 18px; height: 15px; margin: auto; text-align: center;}
.product-cart-add, .product-cart-go{vertical-align: top; transition: all 0.25s ease 0s;}
.product-cart-add a{background: #bf191e;} .product-cart-go a{background: #32a5d2;}
.product-cart-add:hover a, .product-cart-go:hover a{background: #ff0000;}

.product-contact{box-sizing: border-box; padding: 10px; background: #f9f9f9; border: 1px solid #d7d7d7; border-radius: 10px; line-height: 22px;}
.product-contact a{color: #ed1b24;}
.product-contact ul{list-style: none;}
.product-contact ul li{position: relative; padding-left: 15px;}
.product-contact ul li:before{content: '\f00c'; position: absolute; top: 0; left: 0; margin-right: 5px; font-family: "Font Awesome 5 Free"; font-size: 9px; font-weight: 900; line-height: 22px; color: #32a5d2;}

.product-tab{margin-top: 25px; padding-top: 25px; border-top: 1px solid #d7d7d7;}
.product-tab ul{list-style: none;}
.product-tab li a{display: block; font-family: HNBold; text-transform: uppercase; color: #fff; background: #d7d7d7; border: 1px solid #d7d7d7; border-bottom: 0;}
.product-tab li a.active{position: relative; background: #fff; color: #32a5d2}
.product-tab li a.active:after{content: ''; position: absolute; bottom: -1px; left: 0; width: 100%; height: 1px; background: #fff;}

.product-content{padding: 10px; border: 1px solid #d7d7d7}

@media (min-width: 320px){    
    .product-info{margin-bottom: 20px;}
    .product-tab li{display: block;}
    .product-tab li a{padding: 5px 10px 7px; font-size: 15px;}
}
@media (min-width: 410px){
    .product-cart-add, .product-cart-go{display: inline-block; margin: 0;}
    .product-tab li{display: inline-block;}
    .product-tab li a{padding: 5px 6px 7px; font-size: 14px; border-top: 3px solid #d7d7d7;}
}
@media (min-width: 480px){
    .product-tab li a{padding: 5px 10px 7px; font-size: 15px;}
}
@media (min-width: 580px){
    .product-info{float: left; width: calc(100% - 270px); margin-bottom: 0;}
    .product-contact{float: right; width: 250px;}
}
@media (min-width: 767px){
    .product-left{float: left; width: 350px; margin-bottom: 0;}
    .product-right{float: right; width: calc(100% - 370px);}
    .product-info{float: none; width: auto; margin-bottom: 20px;}
    .product-contact{float: none; width: auto;}
}
@media (min-width: 970px){
    .product-left{width: 300px;}
    .product-right{width: calc(100% - 320px);}
    .product-info{float: left; width: calc(100% - 270px); margin-bottom: 0;}
    .product-contact{float: right; width: 250px;}
}
@media (min-width: 1170px){
    .product-left{width: 400px;}
    .product-right{width: calc(100% - 420px);}
}.page-video{display: flex; flex-flow: row wrap;}
.page-video .video-item{box-sizing: border-box; float: left; width: calc((100% - 20px)/2); margin: 0 10px 10px 0; padding: 4px; transition: all 0.3s ease 0s;}