@media all and (min-width: 0){body{background-color:#FFF}.slide-news{background-color:#DCDCDD}.slide-news .cate-news .item{padding:0 12px;height:54px;display:flex;align-items:center;background-image:url(../image/news/line.png);background-position:right center;background-repeat:no-repeat;background-size:1px auto}.slide-news .cate-news .item.first{padding-left:0}.slide-news .cate-news .item.last{padding-right:0;background-image:none}.slide-news .cate-news .item a{font-size:13px;color:#7E7E7E;text-decoration:none;text-transform:uppercase;padding:0 5px;height:31px;display:flex;align-items:center}.slide-news .cate-news .item:hover a{background-color:#F15928;color:#FFF;border-radius:4px}main .left{padding:14px 11px 0 11px}main .left h2{font-size:15px;text-transform:uppercase;color:#F15928;border-bottom:2px solid #F15928;padding-bottom:12px}main .left ul{list-style:none;display:flex;flex-wrap:wrap;justify-content:space-between;padding:10px 0 0 0}main .left ul li{width:calc(50% - 29px);background-color:#F1F1F1;border-radius:5px;margin-bottom:4px;padding:6px 12px}main .left ul li:hover{background-color:#F15928}main .left ul li:hover a{color:#FFF}main .left ul li a{text-decoration:none;font-size:14px;color:#000}main .right{padding:0 11px}main .right article{padding:17px 0 0 0}main .right article img.dai-dien{width:100%;height:auto;display:block;margin-bottom:17px}main .right article h1{font-size:25px;line-height:31px;color:#F15928;margin-bottom:21px}main .right article h2{font-size:18px;color:#58595B;line-height:1.1;margin-bottom:5px}main .right article h3{font-size:18px;color:#58595B;line-height:1.1;margin-bottom:5px}main .right article h4{font-style:italic;text-align:center !important;color:#1abc9c;margin-top:-8px;font-size:15px;margin-bottom:10px}main .right article h4 a{text-decoration:none;color:#70a1ff}main .right article p{font-size:14px;line-height:23px;color:#58595B;margin-bottom:14px;text-align:justify}main .right article p img{width:100% !important;height:auto !important;display:block}main .right article ul,main .right article ol{padding:0 20px 15px 20px}main .right article ul li,main .right article ol li{list-style:disc;color:#58595B;font-size:15px !important;line-height:1.3}main .right article ul li a,main .right article ol li a{text-decoration:none;color:#F15928}main .right article ul li a:hover,main .right article ol li a:hover{color:#70a1ff}main .right article div.youtube{position:relative;width:100%;padding-bottom:56.25%;height:0;margin-top:-12px;margin-bottom:20px}main .right article div.youtube iframe{position:absolute;top:0;left:0;width:100%;height:100%}main .right article div.pro-insert{border:1px solid #aaa;margin-bottom:15px;background-color:#FFF}main .right article div.pro-insert a{text-decoration:none}main .right article div.pro-insert img{width:170px;float:left;height:auto;margin:10px}main .right article div.pro-insert .pro-info{width:calc(100% - 190px);padding:10px 10px 20px 0;float:left}main .right article div.pro-insert .pro-info p{padding:0;margin:0}main .right article div.pro-insert .pro-info p.name{font-size:16px;font-weight:bold;padding-bottom:5px;text-align:left}main .right article div.pro-insert .pro-info p.name a{color:#58595B}main .right article div.pro-insert .pro-info p.price{font-size:14px;padding:0 0 5px 0}main .right article div.pro-insert .pro-info p.price span{color:#bf081f}main .right article div.pro-insert .pro-info p.price span.big{font-weight:bold;font-size:25px}main .right article div.pro-insert .pro-info p.promotion{width:100%;padding-bottom:3px}main .right article div.pro-insert .pro-info .break{width:100%;height:20px !important;border-top:1px solid #aaa}main .right article div.pro-insert .pro-info a{text-decoration:none;color:#FFF}main .right article div.pro-insert .pro-info .view-pro{background:#f89406;background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#f76b1c), to(#f89406));background:-webkit-linear-gradient(top, #f89406, #f76b1c);background:-moz-linear-gradient(top, #f89406, #f76b1c);background:-ms-linear-gradient(top, #f89406, #f76b1c);background:-o-linear-gradient(top, #f89406, #f76b1c);padding:8px 30px 9px 30px;border-radius:5px}main .right article div.smenu-wrap{background-color:rgba(120,224,143,0.3) !important;border:1px solid #78e08f;border-radius:3px;padding:10px 0;margin-bottom:10px}main .right article div.smenu-wrap h2{font-weight:normal;font-size:14px !important;line-height:1.5;color:#1677F0;padding:0 10px 0 10px;cursor:pointer;margin-bottom:0}main .right article div.smenu-wrap h2.tit{font-weight:bold;color:#000;cursor:auto;font-size:18px !important}main .right article div.smenu-wrap h2.clickScrollSub{padding-left:25px}main .right article div.frame-link{background:rgba(120,224,143,0.3) !important;border:1px solid #78e08f !important;padding:10px;margin-bottom:10px;border-radius:3px}main .right article div.frame-link ul{padding-bottom:0}main .right article div.frame-link a{text-decoration:none}}@media all and (min-width: 521px){.slide-news{width:520px;margin:auto}main .left{padding-left:0;padding-right:0}main .right{padding:0}}@media all and (min-width: 1201px){body{background-color:#F3F3F3}nav.active .parent{display:block}nav .parent{display:none}.slide-news{width:1200px;background-color:transparent;border-bottom:1px solid #CFCDCD;padding-bottom:9px}.slide-news .cate-news .item{padding:0 12px;height:31px}main{width:1200px;margin:auto;display:flex;flex-wrap:wrap;justify-content:space-between}main .left{width:289px;padding-top:13px}main .left .wrap{position:sticky;top:0;background-color:#FFF;border-radius:10px;padding:10px 16px 43px 16px}main .left ul li{width:100%}main .right{width:900px;display:flex;justify-content:space-between;flex-wrap:wrap;padding-top:13px;margin-bottom:55px}main .right article{background-color:#FFF;padding-top:0;width:100%}main .right article h1{padding-left:14px;font-size:30px;padding-right:14px}main .right article h2{padding-left:14px;font-size:23px;padding-right:14px}main .right article h3{padding-left:14px;padding-right:14px}main .right article p{padding-left:14px;padding-right:14px}main .right article p img{width:80% !important;margin:auto}main .right article ul,main .right article ol{padding-left:30px}}
