@charset "utf-8";@import 'sinotruk-public.css';
.active{background:#fe0000 !important;box-shadow:0 2px 4px 0px rgba(0,0,0,0.1),0 4px 8px 0px rgba(0,0,0,0.1),0 8px 16px 0px rgba(0,0,0,0.1);}
.active a{color:#FFFFFF !important}
.x_mue{width:100%;margin:5px 0 15px 0;overflow:hidden}
.x_mue ul li{font-size:14px;float:left;line-height:45px;display:block;padding:0 17px;background:#f2f2f2;margin:5px 10px 17px 10px;}
.x_mue ul li a{font-size:14px;color:#504f4f;display: block;}
.x_mue li.cur{background:#fe0000;color:#fff}
.x_mue li.cur a{color:#fff}
.x_mue li:hover{background:#fe0000;color:#FFFFFF}
.x_mue li:hover a{color:#FFFFFF}
.products_list{width:100%;height:auto;float:left}
.products_list li{width:252px;min-height:294px;border:1px solid #e0e0e2;padding:10px;float:left;margin-right:12px;margin-bottom:35px;margin-left:12px;text-align:center;}
.products_list li .img{width:252px;height:181px;overflow:hidden;position:relative}
.products_list li .img .cover{width:100%;height:100%;background:rgba(0,0,0,0.12);position:absolute;bottom:-184px;left:0}
.products_list li .img .cover i{width:70px;height:70px;background:url(../images/fd.png) no-repeat;position:absolute;top:50%;left:50%;margin:-35px 0 0 -35px}
.products_list li:hover .img .cover{top:0}
.products_list li h1{font-size:15px;line-height:13px;margin:17px auto; overflow: hidden;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.products_list li span{border:1px solid #e8e7e8;display:block;width:128px;line-height:34px;margin:0 auto}
.products_list li:hover h1{color:#cd000e}
.products_list li span:hover{background:#a62a28;color:#FFF}
.products_list li h5{font-size:12px;line-height:20px;color:#777}
.products_list li h6{text-transform:uppercase;font-size:12px;line-height:14px;margin-top:10px}
.products_list li h6 i{width:14px;height:14px;display:inline-block;background:url(../images/pro_ico.png) no-repeat;background-position:-160px -540px;vertical-align:middle;margin-right:10px;transition:1s transform;-webkit-transform:1s transform;-moz-transform:1s transform}
.products_list li h6 i:nth-child(3){background-position:-180px -540px}
.products_list li h6 b{width:1px;height:14px;background:#cfcfcf;display:inline-block;margin:0 10px}
.products_list li:nth-child(4){}
.products_list li:hover h6 i{transform:rotate(360deg)}
.pjlb_list{}
.pjlb_list li{width:272px;height:252px;float:left;margin-right:26px;margin-bottom:35px}
.pjlb_list li:nth-child(3n){float:right;margin-right:0}
.pjlb_list li .img{width:270px;height:205px;border:1px solid #ebebeb;overflow:hidden;margin-bottom:1px}
.pjlb_list li .img img{transition:1s transform;-webkit-transform:1s transform;-moz-transform:1s transform;width:100%}
.pjlb_list li:hover .img img{transform:scale(1.1,1.1)}
.pjlb_list li dd{width:100%;height:44px;line-height:44px;text-align:center;font-weight:bold;background:#e4e4e4;transition:all 1s;-webkit-transform:all 1s;-moz-transform:all 1s}
.pjlb_list li:hover dd{background:#e70012;color:#fff}
.banner_news{width:100%;height:351px;border-top:3px solid #cd000e;}
.news_list{}
.news_list li{padding:30px 0;border-bottom:1px solid #e9eaeb}
.news_list li .img{width:325px;height:215px;overflow:hidden;float:left}
.news_list li .img img{transition:1s transform;-webkit-transform:1s transform;-moz-transform:1s transform}
.news_list li:hover .img img{transform:scale(1.1,1.1)}
.news_list li dd{width:520px;float:right}
.news_list li dd h3{font-size:26px;font-weight:bold;line-height:36px}
.news_list li:hover dd h3 a{color:#e70012}
.news_list li dd h4{font-size:13px;line-height:18px;color:#888;text-transform:uppercase;margin:15px 0 20px}
.news_list li dd h4 i{width:18px;height:18px;background:url(../images/ico.png) no-repeat;display:inline-block;background-position:-245px -540px;margin-right:10px;vertical-align:middle}
.news_list li dd h4 i:nth-child(2){background-position:-279px -540px;margin-left:15px}
.news_list li dd p{color:#666}
.pageController{float:right;padding-right:10px;padding-top:5px;padding-bottom:5px}
.pageController a{float:left;display:block;background-color:#FFF;border:#efefef 1px solid;color:#555;padding:0 8px 0 6px;margin-right:5px}
.pageController a:hover{background-color:#efefef;color:#e70012;text-decoration:none;font-weight:bold;border:#efefef 1px solid}
.pageController .currPage{background-color:#efefef;color:#555;font-weight:bold;border:#efefef 1px solid}
.clear{clear:both}
.f_l{float:left}
.f_r{float:right}
.r_box li,.pagelist{transition:all 0.28s ease;-moz-transition:all 0.28s ease;-webkit-transition:all 0.28s ease;-o-transition:all 0.28s ease}
.article{width:100%;margin:30px auto 0 0;overflow:hidden;padding:0 8px;zoom:1}
.r_box{float:left;width:97%}
@-webkit-keyframes fadeInUp{0%{opacity:0;-webkit-transform:translateY(-50px);transform:translateY(-50px)}
100%{opacity:1;-webkit-transform:none;transform:none}
}@keyframes fadeInUp{0%{opacity:0;-webkit-transform:translateY(-50px);transform:translateY(-50px)}
100%{opacity:1;-webkit-transform:none;transform:none}
}.r_box li{background:rgba(255,255,255,.9);overflow:hidden;color:#797b7c;margin:10px 0;-webkit-animation-name:fadeInUp;animation-name:fadeInUp;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;-webkit-animation-duration:500ms;animation-duration:500ms;-webkit-animation-fill-mode:both;animation-fill-mode:both;border-radius:8px;box-shadow:0 2px 4px 0px rgba(0,0,0,0.1),0 4px 8px 0px rgba(0,0,0,0.1),0 8px 16px 0px rgba(0,0,0,0.1);position:relative}
.r_box li h2{font-size:20px;line-height:25px;margin:37px 25px 0;color:#f1404b;font-weight:normal;overflow:hidden;text-overflow:ellipsis;}
.r_box li h2 a{color:#222}
.r_box li h2 a:hover{color:#ff6000}
.r_box li img{float:right;clear:right;width:100%;-webkit-transition:all 0.5s;-moz-transition:all 0.5s;transition:all 0.5s}
.r_box li i{width:250px;display:block;overflow:hidden;float:left;margin:20px;font-size:14px;border-radius:5px}
.r_box li i img{width:100%;-o-object-fit:cover;object-fit:cover}
.r_box li p{margin:20px 25px 0;line-height:22px;overflow:hidden;text-overflow:ellipsis;height:44px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;position:relative}
.r_box li:hover img{transform:scale(1.05)}
.r_box .postfoot{margin:0 25px 25px;padding-top:10px;display:block;color:#999;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.r_box .postfoot [class^="icon-"]{font-size:13px}
.r_box .postfoot::after,.r_box .postfoot::before{content:'';display:table}
.r_box .postfoot div{display:block}
.pagelist{text-align:center;color:#666;width:100%;clear:both;margin:20px 0;padding:20px 20px 14px 20px;background:rgba(255,255,255,.9);overflow:hidden;-webkit-animation-name:fadeInUp;animation-name:fadeInUp;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;-webkit-animation-duration:500ms;animation-duration:500ms;-webkit-animation-fill-mode:both;animation-fill-mode:both;border-radius:8px;box-shadow:0 1px 2px 0px rgba(0,0,0,0.1)}
@media screen and (max-width:1149.9px){.article{width:96%;width:calc(96% + 16px)}
}@media only screen and (max-width:768.1px){.r_box li h2{margin:20px 20px 0;}.postfoot{display:none !important}
.r_box li p{margin:15px 20px 0}
.r_box .postfoot{margin:0 20px 20px}
.r_box li i{width:176px}
.r_box li i img{height:116px}
.article{width:100%}
.r_box,.main{width:98%}
}@media only screen and (max-width:479px){.article{width:100%;padding:0;margin-top:20px}
.r_box,.main{width:100%}
.r_box li h2{margin:15px 15px 0}
.r_box li p{margin:10px 15px 0}
.r_box .postfoot{margin:0 15px 15px}
.r_box li i{min-height:100px;height:100px;margin:20px;width:157px}
.r_box li i img{height:100px}
.r_box li{margin-bottom:10px;border-radius:0}
.r_box li h2{font-size:16px}
.r_box .postfoot{padding-top:10px;clear:none}
.r_box .postfoot .f_r{display:none}
.pagelist{margin:10px 0;border-radius:0;padding:15px 15px 10px}
}@media only screen and (max-width:376px){.r_box li h2{margin-top:12px}
.r_box li p{margin-top:5px;height:22px;-webkit-line-clamp:1}
.r_box li i{min-height:80px;height:80px;margin:15px;width:123px}
.r_box li i img{height:80px}
}.r_box li h2 a:hover,a:hover{color:#ff6000}
@media only screen and (max-width:1200px){.ny_box,.foot2_con{width:99%}
.modal-content .search-bar .keywords{width:557px !important}
.products_list li{width:20.5%;margin-right:10px;margin-left:10px;min-height:272px}
.products_list li .img{width:100%;height:auto}
.banner_products ul{width:auto;height:auto;left:0;margin-left:auto;top:0}
.products_list h3{font-size:18px;overflow:hidden}
.x_mue{height:auto;margin:5px 0 15px 0}
.x_mue ul li{margin:0px 4px 10px 4px;width:31.5%;text-align:center;padding:0;height:46px}
}@media only screen and (max-width:1000px){.products_list li{min-height:258px}
}@media only screen and (max-width:930px){.modal-content .search-bar .keywords{width:360px !important}
.products_list li{width:20%;margin-right:7px;margin-left:7px;min-height:254px}
}@media only screen and (max-width:768px){.products_list li{width:20%;margin-right:5px;margin-left:5px;min-height:240px}
.modal-content .search-bar .keywords{width:230px !important}
}@media only screen and (max-width:640px){.products_list li{width:44%;margin-right:5px;margin-left:5px}
.modal-content .search-bar .keywords{width:230px !important}
.products_list li .img .cover{background:none}
.products_list li{min-height:286px}
.foot2_con .fenlei dl{width:88%;padding:10px 30px}
.products_list li h1{font-size:15px;line-height:16px;margin:17px auto 0 auto;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;margin-bottom: 5px;}
#sinotruk-specifications{line-height:27px;font-size:16px}
}@media only screen and (max-width:620px){.products_list li{min-height:296px}
}@media only screen and (max-width:600px){.products_list li{min-height:291px}
.banner_products{display:none}
.modal-content{width:100% !important}
.search-logo{width:100%;text-align:center}
.modal-content .search-bar input[type="submit"]{width:19% !important}
.modal-content .search-bar .keywords{width:78% !important;margin-left:5px}
.modal-content .search-bar{margin:5px 0 10px 0 !important;width:100%!important}
.modal-dialog{position:relative !important}
.modal-content .search-logo img{width:150px;height:auto}
.modal-content .search-logo{margin:0px 0 3px 0 !important;background:#FD0000}
.modal-content .search-bar .keywords,.modal-content .search-bar input[type="submit"]{height:50px !important}
}@media only screen and (max-width:560px){.products_list li{min-height:263px}
}@media only screen and (max-width:530px){.products_list li{min-height:264px;width:43%}
.x_mue ul li{margin:0px 4px 7px 4px;width:31.5%;text-align:center;padding:0;width:30.5%}
}@media only screen and (max-width:500px){.products_list li{min-height:242px}
.products_list h3 i{width:43px;height:38px;line-height:46px;margin-right:0px;font-size:15px;margin-right:10px}
.products_list h3{font-size:15px}
}@media only screen and (max-width:460px){.products_list li{min-height:226px;width:42%}
}@media only screen and (max-width:430px){.products_list li{min-height:227px}
}@media only screen and (max-width:400px){.products_list li{min-height:208px;width:41%}
}@media only screen and (max-width:360px){.products_list li{min-height:148px;width:40%}
}@media only screen and (max-width:360px){.products_list li{width:90%}
.x_mue ul li{width:98%}
}