.h1,.h2,.h3,.h4,.h5{font-weight:700}
.banner .banner-slider{width:100%;position:relative;overflow:hidden}
.banner .banner-slider img{margin:0 auto;max-width:100%;width:100%;height:auto;display:block}
.banner .banner-slider .bdbd{border-radius:15px;padding:7px;background:rgba(0,0,0,.5)}
.banner .banner-slider .wmuSliderNext,.banner .banner-slider .wmuSliderPrev{display:none}
.about-us,.hot-products,.news{*zoom:1;width:100%}
.about-us:after,.about-us:before,.hot-products:after,.hot-products:before,.news:after,.news:before{content:"";display:table}
.about-us:after,.hot-products:after,.news:after{clear:both}
.about-us .container,.hot-products .container,.news .container{margin:0 auto}
.about-us .container-title,.hot-products .container-title,.news .container-title{width:100%;text-align:center}
.about-us .close-icon,.hot-products .close-icon,.news .close-icon{display:block;width:100%;margin-top:5%;height:12px;background:url(../images/close-icon.png) no-repeat center center;display: none;}
.about-us .container-desc,.hot-products .container-desc,.news .container-desc{width:92%;margin: 0 auto 2% auto;text-align:center;color:#afb5b7;color: #333;}
@media screen and (min-width:1200px){
.about-us .container,.hot-products .container,.news .container{max-width:1200px}
.about-us .container-title,.hot-products .container-title,.news .container-title{font-size: 38px;padding-bottom: 35px;padding-top: 35px;}
.about-us .container-desc,.hot-products .container-desc,.news .container-desc{font-size: 18px;}
}
@media screen and (max-width:1200px) and (min-width:992px){
.about-us .container,.hot-products .container,.news .container{max-width:1000px}
.about-us .container-title,.hot-products .container-title,.news .container-title{font-size:48px}
.about-us .container-desc,.hot-products .container-desc,.news .container-desc{font-size:14px}
}
@media screen and (max-width:992px) and (min-width:762px){
.about-us .container,.hot-products .container,.news .container{max-width:800px}
.about-us .container-title,.hot-products .container-title,.news .container-title{font-size:32px}
.about-us .container-desc,.hot-products .container-desc,.news .container-desc{font-size:12px}
}
@media screen and (max-width:762px){
.about-us .container,.hot-products .container,.news .container{width: 95%;}
.about-us .container-title,.hot-products .container-title,.news .container-title{font-size: 20px;padding-top: 15px;}
.about-us .container-desc,.hot-products .container-desc,.news .container-desc{font-size:12px;padding-top: 7px;line-height: 18px;}
}
@media screen and (max-width:375px){
.about-us .container,.hot-products .container,.news .container{max-width:375px;}
}
.hot-products .products-list{margin:0 auto;width:100%;*zoom:1}
.hot-products .products-list:after,.hot-products .products-list:before{content:"";display:table}
.hot-products .products-list:after{clear:both}
.hot-products .pro-items{width: 280px;float:left;margin-bottom:5%;margin-right: 15px;border: 1px solid #ddd;}
.hot-products .pro-items img{width: 280px;height: 280px;object-fit: cover;}
.hot-products .pro-items a{display:block;position:relative;*zoom:1}
.hot-products .pro-items a:after,.hot-products .pro-items a:before{content:"";display:table}
.hot-products .pro-items a:after{clear:both}
.hot-products .pro-items a .img-desc{position:absolute;bottom: 20px;left:0;width: 250px;height:55px;float:left;padding: 15px;background:rgba(0,0,0,.85);border-right:2px solid #01c5fd;opacity:0;transition:all .3s ease-in-out}
.hot-products .pro-items a .img-desc h3,.hot-products .pro-items a .img-desc .h3{color:#fff;font-size:14px;font-weight:400;margin-bottom:20px}
.hot-products .pro-items a .img-desc p{color:#efefef;font-size:14px}
.hot-products .pro-items a .icon{display:block;width:48px;height:48px;position:absolute;left: 245px;bottom: 0px;background:url(../images/product-icon.png) #01c5fd no-repeat center center;opacity:0;transition:all .3s ease-in-out}
@media screen and (max-width:1250px){
.hot-products .products-list{width:801px}
}
@media screen and (max-width:801px){
.hot-products .products-list{width:100%}

.hot-products .pro-items{width: 48%;/* margin-right:10%; */}
.hot-products .pro-items:nth-child(2n){margin-right:0;}
/* .hot-products .pro-items:nth-of-type(2n){margin-right:0;float: right;} */
.hot-products .pro-items:nth-child(2n){margin-right:0;float: right;}
.hot-products .pro-items img{width:100%;height: 223px;object-fit: contain;}
.hot-products .pro-items a .img-desc{width:205px;height:auto;padding:20px}
.hot-products .pro-items a .icon{left:220px}
}
@media screen and (max-width:700px){
.hot-products .pro-items{width: 48%;margin-right: 0;}
.hot-products .pro-items img{width:100%;height: 303px;object-fit: contain;}
.hot-products .pro-items a .img-desc{width:155px;height:auto;padding:20px}
.hot-products .pro-items a .img-desc h3,.hot-products .pro-items a .img-desc .h3{font-size:12px}
.hot-products .pro-items a .img-desc p{font-size:12px}
.hot-products .pro-items a .icon{left:170px}
}
@media screen and (max-width:560px){
.hot-products .pro-items a .img-desc{width:95px;height:auto;padding:10px;background:rgba(0,0,0,.35);bottom:0}
.hot-products .pro-items a .img-desc h3,.hot-products .pro-items a .img-desc .h3{font-size:10px}
.hot-products .pro-items a .img-desc p{font-size:10px}
.hot-products .pro-items a .icon{left:110px;bottom:0}
}
@media screen and (max-width:375px){
.hot-products .products-list{/* max-width:310px; */}
.hot-products .pro-items{position:relative;height:auto}
.hot-products .pro-items a img{width:100%;height: 171px;object-fit: contain;}
.hot-products .pro-items a .img-desc{position:absolute;width: 88%;height:77px;padding:10px 10px 0 10px;bottom:0}
.hot-products .pro-items a .img-desc h3,.hot-products .pro-items a .img-desc .h3{font-size:10px;margin-bottom:5px}
.hot-products .pro-items a .img-desc p{font-size:10px;word-break:break-word}
.hot-products .pro-items a .icon{width:20px;height:20px;z-index:2;background-size:50%;bottom:36px;left:126px}
.hot-products .pro-items a .line{left:133px;height:87px;bottom:0}
.hot-products li:nth-of-type(even){margin-right:0}
}
.about-us{width:100%;/*margin-top:-107px;*/background-color:#f8fafb;padding-bottom: 35px;}
.about-us .container{*zoom:1}
.about-us .container:after,.about-us .container:before{content:"";display:table}
.about-us .container:after{clear:both}
.about-us .container .close-icon{margin-top: 50px;}
.about-us .container .slider{margin:0 auto}
.about-us .container .slider .slide-item{display:none}
.about-us .container .slider .large_box{*zoom:1;position:relative}
.about-us .container .slider .large_box:after,.about-us .container .slider .large_box:before{content:"";display:table}
.about-us .container .slider .large_box:after{clear:both}
.about-us .container .slider .large_box img{width:38%;height:auto;position:relative;z-index:2;float:left;margin-top:17px}
.about-us .container .slider .large_box .pro-desc{float:left;padding:63px 15px 0 92px;width:53%;height:380px;background-color:#01c5fd;margin:0 auto;margin-bottom:17px;margin-left:-1%}
.about-us .container .slider .large_box .pro-desc h3,.about-us .container .slider .large_box .pro-desc .h3{color:#fff;margin-bottom: 35px;}
.about-us .container .slider .large_box .pro-desc .desc-list{color:#fff;margin-bottom:10px;font-size:18px;line-height: 35px;}
.about-us .container .slider .large_box .pro-desc h4,.about-us .container .slider .large_box .pro-desc .h4{margin-bottom:14px}
.about-us .container .slider .large_box .pro-desc p{font-size:14px;color:#b5efff;line-height:25px}
.about-us .container .slider .large_box .pro-desc p .square{display:block;margin:11px 3px 0 0;float:left;width:4px;height:4px;background-color:#b5efff;transform:rotate(45deg);-ms-transform:rotate(45deg);-moz-transform:rotate(45deg);-webkit-transform:rotate(45deg);-o-transform:rotate(45deg)}
.about-us .container .slider .large_box .pro-desc .mmv{background:url(../images/arrow.png) #032b36 no-repeat 128px center;color:#fff;font-size:18px;width:141px;height:40px;text-align:center;line-height:40px;vertical-align:middle;display:inline-block;position:relative;box-shadow:0 0 1px rgba(0,0,0,0);transform:translateZ(0);transition-property:color;transition-duration:.5s;backface-visibility:hidden;-moz-osx-font-smoothing:grayscale;-webkit-transition-duration:.5s;-webkit-transition-property:color;-webkit-transform:translateZ(0);-webkit-backface-visibility:hidden}
.about-us .container .slider .large_box .pro-desc .mmv:before{background-color:#192634;transform-origin:0 50%;left:0;top:0;right:0;bottom:0;position:absolute;z-index:-1;content:"";transform:scaleX(0);transition-property:transform;transition-duration:.5s;transition-timing-function:ease-out;-webkit-transition-timing-function:ease-out;-webkit-transition-duration:.5s;-webkit-transition-property:transform;-webkit-transform:scaleX(0);-webkit-transform-origin:0 50%}
.about-us .container .slider .large_box .pro-desc .mmv:hover{color:#fff;text-decoration:underline}
.about-us .container .slider .large_box .pro-desc .mmv:focus{color:#fff}
.about-us .container .slider .large_box .pro-desc .mmv:active{color:#fff}
.about-us .container .slider .large_box .pro-desc .mmv:hover::before{transform:scaleX(1);transition-timing-function:cubic-bezier(.52,1.64,.37,.66);-webkit-transition-timing-function:cubic-bezier(.52,1.64,.37,.66);-webkit-transform:scaleX(1)}
.about-us .container .slider .large_box .pro-desc .mmv:focus::before{transform:scaleX(1);transition-timing-function:cubic-bezier(.52,1.64,.37,.66);-webkit-transition-timing-function:cubic-bezier(.52,1.64,.37,.66);-webkit-transform:scaleX(1)}
.about-us .container .slider .large_box .pro-desc .mmv:active::before{transform:scaleX(1);transition-timing-function:cubic-bezier(.52,1.64,.37,.66);-webkit-transition-timing-function:cubic-bezier(.52,1.64,.37,.66);-webkit-transform:scaleX(1)}
.about-us .container .slider .small_box{position:relative;width:100%;margin:0 auto;margin-top:5px}
.about-us .container .slider .small_box .btn{cursor:pointer;display:block;position:absolute;width:36px;height:26px;top:50%;margin-top:-13px}
.about-us .container .slider .small_box .left_btn:hover{background:url(../images/arrow-left.png) #01c5fd no-repeat center center}
.about-us .container .slider .small_box .left_btn{left:-25px;background:url(../images/arrow-left.png) #032b36 no-repeat center center}
.about-us .container .slider .small_box .right_btn{right:-25px;background:url(../images/arrow.png) #032b36 no-repeat center center}
.about-us .container .slider .small_box .right_btn:hover{background:url(../images/arrow.png) #01c5fd no-repeat center center}
.about-us .container .slider .small_box .small_list{overflow:hidden;*zoom:1}
.about-us .container .slider .small_box .small_list:after,.about-us .container .slider .small_box .small_list:before{content:"";display:table}
.about-us .container .slider .small_box .small_list:after{clear:both}
.about-us .container .slider .small_box .small_list li{margin-right:5px;float:left;width:170px;height:170px;overflow:hidden}
.about-us .container .slider .small_box .small_list li .pic-desc{padding:20px 0 0 15px;text-align:center;width:101px;height:170px;display:block;float:left;background-color:#01c5fd}
.about-us .container .slider .small_box .small_list li .pic-desc h3{color:#fff;font-size:18px}
.about-us .container .slider .small_box .small_list li .pic-desc p{color:#fff;font-size:14px}
.about-us .container .slider .small_box .small_list li img{float:left;display:block;width:170px;height:170px}
.about-us .container .slider .small_box .small_list li.on{width:282px;height:170px;border:2px solid #01c5fd}
.about-us .container .slider .small_box .small_list li.on img{display:block;width:166px;height:170px}
@media screen and (min-width:1200px){
.about-us .container .slider{width:1160px}
.about-us .container .slider .large_box .pro-desc h3,.about-us .container .slider .large_box .pro-desc .h3{font-size:36px}
}
@media screen and (max-width:1200px){
.about-us .container .slider{max-width:1160px}
.about-us .container .slider .large_box{display:block}
.about-us .container .slider .large_box img{width:36%;height:auto;padding-right:3%;margin-left:17px}
.about-us .container .slider .large_box .pro-desc{padding:73px 0 0 80px;height:330px;width:92%;float:none}
.about-us .container .slider .large_box .pro-desc h3,.about-us .container .slider .large_box .pro-desc .h3{font-size:26px}
.about-us .container .slider .large_box .pro-desc h4,.about-us .container .slider .large_box .pro-desc .h4{font-size:16px}
.about-us .container .slider .small_box .small_list li{width:136px}
.about-us .container .slider .small_box .left_btn{left:-15px}
.about-us .container .slider .small_box .right_btn{right:-15px}
}
@media screen and (max-width:992px){
.about-us .container .slider{max-width:992px}
.about-us .container .slider .large_box img{width:32%;margin:0 auto;margin-top:12px;padding-right:3%;width: 100%;float: none;padding-right: 0;}
.about-us .container .slider .large_box .pro-desc{padding:4% 4% 4% 3%;height:auto;width:92%;float:none}
.about-us .container .slider .large_box .pro-desc h3,.about-us .container .slider .large_box .pro-desc .h3{font-size:22px;margin-bottom:15px}
.about-us .container .slider .large_box .pro-desc h4,.about-us .container .slider .large_box .pro-desc .h4{font-size:14px}
.about-us .container .slider .large_box .pro-desc p{font-size:12px}
.about-us .container .slider .small_box .small_list li{width:95px}
}
@media screen and (max-width:762px){
.about-us .container .slider{width: 95%;}
.about-us .container .slider .large_box h3{font-size:30px}
.about-us .container .slider .small_box .small_list li{width:93px;height:auto}
.about-us .container .slider .small_box .small_list li img{width:93px;height:auto}
.about-us .container .slider .small_box .small_list li .pic-desc{display:none}
.about-us .container .slider .small_box .small_list li.on{width:93px;height:auto}
.about-us .container .slider .small_box .small_list li.on img{width:100%;height:auto}
}
@media screen and (max-width:700px){
.about-us .container .slider .small_box .small_list li{width:85px}
.about-us .container .slider .small_box .small_list li img{width:100%}
.about-us .container .slider .small_box .small_list li.on{width:85px;height:auto}
}
@media screen and (max-width:650px){
.about-us .container .slider .small_box .small_list li{width:76px}
.about-us .container .slider .small_box .small_list li img{width:100%}
.about-us .container .slider .small_box .small_list li.on{width:76px;height:auto}
}
@media screen and (max-width:580px){
.about-us .container .slider .small_box .small_list{width:90%;margin:0 auto}
.about-us .container .slider .small_box .small_list li{width:66px}
.about-us .container .slider .small_box .small_list li img{width:100%}
.about-us .container .slider .small_box .small_list li.on{width:66px;height:auto}
}
@media screen and (max-width:570px){
.about-us .container .slider .small_box .small_list{width:100%}
}
@media screen and (max-width:500px){
.about-us .container .slider .small_box .small_list{width:90%}
.about-us .container .slider .small_box .small_list li{width:56px}
.about-us .container .slider .small_box .small_list li img{width:100%}
.about-us .container .slider .small_box .small_list li.on{width:56px;height:auto}
}
@media screen and (max-width:480px){
.about-us .container .slider .small_box .small_list{width:94%}
}
@media screen and (max-width:450px){
.about-us .container .slider .small_box .small_list li{width:53px}
.about-us .container .slider .small_box .small_list li img{width:100%}
.about-us .container .slider .small_box .small_list li.on{width:53px;height:auto}
}
@media screen and (max-width:420px){
.about-us .container .slider .small_box .small_list{width:100%}
}
@media screen and (max-width:375px){
.about-us .container .slider .large_box .pro-desc{padding:30px 0 20px 10px;width: 100%;padding-left: 5px;padding-right: 5px;}
.about-us .container .slider .large_box .pro-desc .mmv{background-position-x:105px;font-size:14px;width:120px;height:30px;line-height:30px}
.about-us .container .slider .large_box .pro-desc h3,.about-us .container .slider .large_box .pro-desc .h3{font-size:18px;margin-bottom:15px}
.about-us .container .slider .large_box .pro-desc .desc-list h4{font-size:14px}
.about-us .container .slider .large_box .pro-desc .desc-list p{font-size:12px}
.about-us .container .slider .small_box{width:85%!important;margin:5px auto}
.about-us .container .slider .small_box .small_list li{width:100px!important;height:100px!important}
.about-us .container .slider .small_box .small_list li img{width:100px!important;height:100px!important}
.about-us .container .slider .small_box .small_list li.on{width:186px!important;height:100px!important}
.about-us .container .slider .small_box .small_list li.on .pic-desc{display:block;padding:5px;width:76px;height:98px!important}
.about-us .container .slider .small_box .small_list li.on .pic-desc h3{font-size:12px}
.about-us .container .slider .small_box .small_list li.on .pic-desc p{font-size:10px}
.hot-products .pro-items:nth-child(2n) {
    float: right;
}
}
.news{padding-bottom:120px;position:relative}
.news .container .icon{width:52px;height:70px;border-radius:30px;position:absolute;top:-35px;left:50%;margin-left:-26px;background:url(../images/public-icon.png) #fff no-repeat center center;display: none;}
.news .container .news-content{margin:0 auto;margin-top:20px;*zoom:1}
.news .container .news-content:after,.news .container .news-content:before{content:"";display:table}
.news .container .news-content:after{clear:both}
.news .container .news-content .content-left{width: 645px;float:left;position:relative}
.news .container .news-content .content-left img{width: 645px;height:526px;height:auto;position:relative;margin:0 auto;z-index:2}
.news .container .news-content .content-left .square{width:127px;height:127px;background-color:#01c5fd;position:absolute}
.news .container .news-content .content-left .square-left{left:-2.5%;bottom:-3%}
.news .container .news-content .content-left .square-right{top:-3%;right:-2.5%}
.news .container .news-content .content-right{float:left;margin-left:35px;width: 520px;height: 426px;}
.news .container .news-content .content-right .desc-box h3 a,.news .container .news-content .content-right .desc-box .h3 a{display:block;color:#032b36;font-size: 22px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
.news .container .news-content .content-right .desc-box p{color: #afb5b7;color: #333;}
.news .container .news-content .content-right .news-icon{background:#01c5fd;position:absolute;display:block;width:64px;height:64px;right:-31px;top:12px;transform:rotate(45deg);-ms-transform:rotate(45deg);-moz-transform:rotate(45deg);-webkit-transform:rotate(45deg);-o-transform:rotate(45deg)}
.news .container .news-content .content-right .news-icon .icon-inner{display:block;width:64px;height:64px;transform:rotate(-45deg);-ms-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-o-transform:rotate(-45deg)}
.news .container .news-content .content-right .tip:first-child .icon-pic{background:url(../images/index-news-icon1.png) no-repeat center center}
.news .container .news-content .content-right .tip:nth-child(2n) .icon-pic{background:url(../images/index-news-icon2.png) no-repeat center center}
.news .container .news-content .content-right .tip:nth-child(3n) .icon-pic{background:url(../images/index-news-icon3.png) no-repeat center center}
.news .container .news-content .content-right .tip:nth-child(4n) .icon-pic{background:url(http://m146.seo.com.cn/images/m146/blue/index-news-icon4.png) no-repeat center center}
@media screen and (min-width:1200px){
.news .container .news-content{width:1200px}
.news .container .content-right{width:400px}
.news .container .content-right .desc-box h3,.news .container .content-right .desc-box .h3{font-size:20px;margin:26px 0 15px 0}
.news .container .content-right .desc-box p{font-size:16px;margin-bottom:33px;line-height:22px}
.news .container .content-right .tips-list{padding:5px 0 0 5px;width:395px}
.news .container .content-right .tips-list .tip{margin-bottom:5px;position:relative;background-color:#f0f9fc;width:347px;height:88px;padding:15px 52px 0 15px;box-sizing:border-box}
.news .container .content-right .tips-list .tip h4,.news .container .content-right .tips-list .tip .h4{width:100%}
.news .container .content-right .tips-list .tip h4 a,.news .container .content-right .tips-list .tip .h4 a{display:block;color:#01c5fd;font-size:18px}
.news .container .content-right .tips-list .tip p{width:265px;color:#62787e;font-size:14px;margin:0;height:47px;overflow: hidden;}
}
@media screen and (min-width:992px) and (max-width:1200px){
.news .container .icon{width:45px;height:60px;background-size:60%}
.news .container .news-content{max-width:800px}
.news .container .news-content .content-right{width:100%;margin:20px 0 0 0}
.news .container .news-content .content-right .desc-box{width:400px;float:left}
.news .container .news-content .content-right .desc-box h3{margin:26px 0 15px 0}
.news .container .news-content .content-right .desc-box p{font-size:16px;margin-bottom:33px;line-height:22px}
.news .container .news-content .content-right .tips-list{padding:5px 0 0 5px;width:395px;float:right}
.news .container .news-content .content-right .tips-list .tip{margin-bottom:5px;position:relative;background-color:#f0f9fc;width:347px;height:88px;padding:15px 52px 0 15px;box-sizing:border-box}
.news .container .news-content .content-right .tips-list .tip h4,.news .container .news-content .content-right .tips-list .tip h4 a{color:#01c5fd;font-size:18px}
.news .container .news-content .content-right .tips-list .tip p{width:265px;color:#62787e;font-size:14px;margin:0}
}
@media screen and (max-width:992px){
.news .container .icon{width:40px;height:53px;background-size:55%}
.news .container .news-content{max-width:750px}
.news .container .news-content .content-right{max-width:750px;margin:0 auto;float:none;height: auto;}
.news .container .news-content .desc-box{width: 100%;float:left}
.news .container .news-content .desc-box h3{font-size:18px;margin:26px 0 15px 0}
.news .container .news-content .desc-box p{font-size:12px;margin-bottom: 20px;line-height:22px}
.news .container .news-content .tips-list{padding:5px 0 0 5px;float:right;margin:5% auto;width:50%;*zoom:1;display: n;}
.news .container .news-content .tips-list:after,.news .container .news-content .tips-list:before{content:"";display:table}
.news .container .news-content .tips-list:after{clear:both}
.news .container .news-content .tips-list .tip{float:left;margin:0 55px 5px 0;position:relative;background-color:#f0f9fc;width:347px;height:88px;padding:15px 52px 0 15px;box-sizing:border-box}
.news .container .news-content .tips-list .tip h4 a{color:#01c5fd;font-size:16px}
.news .container .news-content .tips-list .tip p{width:265px;color:#62787e;font-size:12px;margin:0}
.news .container .news-content .tips-list .news-icon{width:50px;height:50px;right:-24px;top:20px}
.news .container .news-content .tips-list .news-icon .icon-inner{width:50px;height:50px}
}
@media screen and (max-width:800px){
.news .container .icon{width:40px;height:53px;background-size:50%}
.news .container .news-content .content-left{width:90%;margin:0 auto;float:none}
.news .container .news-content .content-left img{width:100%;height:auto}
.news .container .news-content .content-right{width:90%;margin:0 auto;float:none;height: auto;}
.news .container .news-content .tips-list .tip{width:90%}
.news .container .news-content .tips-list .tip p{width:80%}
}
@media screen and (max-width:500px){
.news .container .icon{width:30px;height:38px;background-size:50%;top:-10px;margin-left:-15px}
.news .container .news-content .tips-list .tip{height:auto;padding:15px;margin-bottom:20%}
.news .container .news-content .tips-list .tip h4 a{font-size:12px}
.news .container .news-content .tips-list .tip p{font-size:10px}
}
@media screen and (max-width:375px){
.news .container .news-content .content-left{float:none;width:90%}
.news .container .news-content .content-left .square{width:70px;height:70px}
.news .container .news-content .content-left .square-right{top:-7px;right:-20px}
.news .container .news-content .content-left .square-left{left:4px;bottom:-8px}
.news .container .news-content .content-left img{left:12px}
.news .container .news-content .content-right{*zoom:1;overflow:hidden;margin-top: 30px;width: 100%;height: auto;}
.news .container .news-content .content-right:after,.news .container .news-content .content-right:before{content:"";display:table}
.news .container .news-content .content-right:after{clear:both}
.news .container .news-content .tips-list{float:left;margin-top:26px;display: none;}
.news .container .news-content .tips-list .tip{float:none;margin:0 0 25% 0}
.news .container .news-content .tips-list .news-icon{width:30px;height:30px;right:-14px;top:30px}
.news .container .news-content .tips-list .news-icon .icon-inner{width:30px;height:30px;background-size:50%}
}
@media screen and (max-width:375px){
.news{padding-bottom: 30px;}
.news .container .news-content .tips-list .tip{width:76%}
.news .container .news-content .tips-list .news-icon{top:50%;margin-top:-15px}
}
.news .container .content-right .tips-list .tip h4 a,.news .container .content-right .tips-list .tip .h4 a{white-space:nowrap;text-overflow:ellipsis;overflow:hidden;display:block}
.hot-products .pro-items:hover .icon,.hot-products .pro-items:hover .img-desc{opacity:1}