@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}
.pro_img h1{font-size:30px; text-transform: uppercase}
.pro_img{width:100%; text-align: center;}

.pro_img .img{width:650px; margin: 30px auto;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);}

.pro_img dd{ width:540px; float:right; position:relative}

.pro_img dd h3{ font-size:30px; color:#003333; font-weight:bold; line-height:40px; margin-bottom:15px;}

.pro_img dd h4{font-size:16px; font-weight:bold; line-height:50px;}

.pro_img dd p{font-size:13px; color:#666; line-height:24px; padding-bottom:15px; border-bottom:1px solid #e0e0e0;}

.pro_img dd p font{font-weight:bold;}

.pro_img dd ul{ margin:10px auto;}

.pro_img dd ul li{color:#666; line-height:33px;}

.pro_img dd ul li i{width:22px; height:22px; display:inline-block; margin-right:10px; background:url(../images/ico.png) no-repeat; background-position:-195px -582px; vertical-align:middle}

.pro_img dd ul li:nth-child(2) i{ background-position:-195px -614px;}



.pro_img dd h5{}

.pro_img dd h5 dl{ float:left;margin-left:12px}

.pro_img dd h5 dl:nth-child(1){ width:270px; height:60px; line-height:60px; background:#e70012; color:#fff; font-weight:bold; font-size:22px;}

.pro_img dd h5 dl:nth-child(1) a{color:#fff}

.pro_img dd h5 dl:nth-child(1) i{width:33px; height:30px; background:url(../images/ico.png) no-repeat; background-position:-225px -583px; vertical-align:middle; display:inline-block; margin:0 20px}

.pro_img dd h5 dl:nth-child(2){width:70px; height:56px; background:#f3f3f3; margin-top:2px}

.pro_img dd h5 dl:nth-child(2) i{width:30px; height:33px; display:block; margin:11px auto 0; background:url(../images/ico.png) no-repeat; background-position:-195px -640px;}

.pro_img dd small{width:30px; height:2px; background:#fd8800; display:block; position:absolute; transform:skew(-10deg,-40deg); right:80px; top:26px}

.pro_img dd small:nth-child(2){width:20px; background:#fec787; right:96px; top:42px}

.pro_img dd h5 dl:hover:nth-child(1){ background:rgba(231,0,18,0.7);}

.pro_img dd h5 dl:hover:nth-child(2){ background:#fec787;}



.xq_tit{ width:100%; height:54px; background:#f4f4f4; line-height:54px; margin:30px 0 20px}

.xq_tit i{width:250px; background:#fe0000; display:inline-block; color:#fff; font-size:22px; font-weight:bold; font-style:normal; text-indent:30px; position:relative;}

.xq_titd i:after{content:""; width:0; height:0; border-top:7px solid #fff; border-left:7px solid transparent; border-right:7px solid transparent; position:absolute; top:23px; right:30px; display:block}

.xq_con{ width:100%; margin:0 auto;}



.xq_prolist{width:100%; margin:0 auto; padding:0}

.xq_prolist li{width:252px;min-height:271px; border:1px solid #e0e0e2; padding:10px; float:left; margin-right:24px;text-align: center}


.xq_prolist li:nth-child(4){ float:right; margin-right:0}
 
.xq_prolist li .img{width:252px; height:180px; overflow:hidden}
.xq_prolist li h1{ font-size:15px; line-height:13px;margin: 19px auto;}
.xq_prolist li span{ border: 1px solid #e8e7e8;display: block;width: 128px;line-height: 34px;margin: 0 auto;}
.xq_prolist li:hover h1{color:#cd000e}
.xq_prolist li span:hover{background:#a62a28; color:#FFF}


.xq_message{width:99%;height:auto; margin:0 auto; font-weight:bold;}

.xq_message li{width:556px; float:left; margin-bottom:10px;}

.xq_message li:nth-child(even){float:right;}

.xq_message li font{color:red;}

.xq_message input[type="text"]{width:95%; height:30px; line-height:30px; border:1px solid #ccc; padding:0 10px; color:#a9b1c6}

.xq_message dd{width:100%;}

.xq_message textarea{width:97.5%; height:130px; padding:10px; border:1px solid #ccc; line-height:30px; color:#a9b1c6; font-weight:normal; font-size:14px}

.xq_message input[type="submit"]{width:100%; height:44px; background:#fe0000; color:#fff; font-size:17px; border-radius:5px;display:block; margin:30px auto; cursor:pointer}

.xq_message input[type="submit"]:hover{ background:#fe0000}

blockquote{background:rgba(68,142,246,0.1);border-left:4px solid #448EF6;position:relative;width:100%;padding:16px;margin-bottom:15px;font-size:14px;padding-left:calc(16px + 16px);border-radius:5px;transition:all 0.28s ease;-moz-transition:all 0.28s ease;-webkit-transition:all 0.28s ease;-o-transition:all 0.28s ease}
blockquote:before{position:absolute;color:#448ef6;content:'\e739';top:calc(50% - 24px * 0.5);left:4px;width:24px;height:24px;text-align:center;font-weight:600;line-height:24px;vertical-align:middle;font-family:'icomoon'}
h3 i{margin-right:6px}
.l_box .sidebar,.infosbox,.related-list{transition:all 0.28s ease;-moz-transition:all 0.28s ease;-webkit-transition:all 0.28s ease;-o-transition:all 0.28s ease}
.article{margin:19px auto 0 0px;overflow:hidden;padding:8px;zoom:1}
.aside{width:260px;float:right;display:block;position:relative;z-index:1;margin-left:-260px}
.ra_box{float:left;width:100%}
.main{margin-right:282px}
.sitemap{margin-bottom:10px;font-size:14px;color:#888;line-height:14px}
.sitemap a{font-size:14px;color:#888}
.sidebar{padding:16px 20px 20px;margin-bottom:20px}
.sidebar img{max-width:100%}
.sidebar .side-title{height:32px;font-size:16px;color:#448EF6;text-align:left !important;margin-bottom:13px}
.sidebar .side-title h3{position:relative;display:inline-block;font-size:18px;font-weight:400;text-transform: uppercase;}
.sidebar .side-title:hover{color:#ff6000}
.l_box .sidebar{background:rgba(255,255,255,.9);overflow:hidden;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)}
#side-new-article-item ul{counter-reset:section}
.sidebar li.topthub{line-height:normal;position:relative;margin-bottom:10px;display:block;overflow:hidden;max-height:160px;border-radius:5px}
.sidebar li.topthub:hover img{transform:scale(1.05);border-radius:5px}
.sidebar li.topthub img{-webkit-transition:all 0.5s;-moz-transition:all 0.5s;transition:all 0.5s;border-radius:5px}
.sidebar li.topthub img:hover{border-radius:5px}
#side-tui-article-item li.topthub{max-height:none;border-radius:0}
#side-tui-article-item li.topthub a.img{line-height:normal;position:relative;margin-bottom:10px;display:block;overflow:hidden;max-height:160px;border-radius:5px}
#side-tui-article-item li.topthub p{margin-top:3px}
#side-new-article-item li.widlist{text-overflow:ellipsis;white-space:nowrap;overflow:hidden;margin-bottom:5px;height:28px;line-height:28px;position:relative}
.sidebar li.widlist::before{counter-increment:section;content:counter(section);display:inline-block;background-color:#f0f0f0;display:inline-block;font-size:13px;width:18px;height:18px;line-height:18px;color:#999;text-align:center;margin-right:5px;border-radius:3px}
.sidebar li.widlist:nth-child(-n+4):before{background:#f63;color:#fff}

.bloginfo [class^="icon-"]{font-size:13px}
.infosbox img{max-width:100%;height:auto!important;display:inline;border-radius:5px;margin:20px auto;display:block}
.related-list{padding:10px 10px 5px 10px}
.related-list h3{line-height:40px;font-weight:normal;margin-bottom:8px;border-radius:2px;font-size:18px;overflow:hidden;color:#448EF6;padding:0 10px}
.related-list li{float:left;width:25%;padding:0 10px;overflow:hidden;margin-bottom:15px}
.related-list li i{width:100%;height:120px;overflow:hidden;display:block;border-radius:5px}
.related-list li i img{width:100%;height:121px;-o-object-fit:cover;object-fit:cover;-webkit-transition:all 0.5s;-moz-transition:all 0.5s;transition:all 0.5s}
.related-list li:hover img{transform:scale(1.05)}
.related-list li p{margin-top:3px;height:42px;text-align:center}
.infosbox,.related-list{overflow:hidden;background:rgba(255,255,255,.9);margin-bottom:20px;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);padding-bottom: 40px;}
.newsview{padding:15px 25px 25px;word-break:break-all}
.news_con{text-align:justify;font-size: 18px;line-height: 31px;}
.news_con li{width:44.6%;border:1px solid #e0e0e2;padding:10px;float:left;margin-right:12px;margin-left:12px;text-align:center}
.news_con h3,.news_con h2{margin: 5px 0;padding: 0;display: block;float: left;width: 100%;}
.news_con table:nth-child(4){margin-top: 40px}
.news_con table{width: 100%;text-align: center;}
.news_con table td, th { padding: 7px 1px;min-width: 148px; }
.news_con p{width: 100%;display: block;float: left;margin: 10px auto;}
.news_con li .img{width:100%;}
.news_con li h1{font-size:15px;line-height:13px;margin:10px auto}
.news_title{font-size:24px;font-weight:normal;padding:20px 0 10px 0;color:#333}
.bloginfo{width:100%;overflow:hidden;margin-bottom:20px;padding-bottom:15px;border-bottom:1px solid #eee;color:#999}
.bloginfo li{float:left;margin-right:20px}
.bloginfo a{color:#999;font-size: 15px;}
@media screen and (max-width:1149.9px){.article{width:96%;width:calc(96% + 16px)}
}@media only screen and (max-width:768.1px){.article{width:100%;padding:0 20px 20px}
.related-list li{width:50%}
.l_box{display:none}
.infosbox,.main{width:96%;}
.infosbox, .related-list{margin-top:10px;}
}@media only screen and (max-width:479px){.sitemap{padding:0 18px}
.article{width:100%;padding:0;}
.l_box{display:none}
.infosbox,.main{width:100%}
.infosbox,.related-list{border-radius:0;margin-bottom:10px}
.related-list h3{padding:0 5px}
.related-list li{width:50%;padding:0 5px;margin-bottom:10px}
.copyright{padding:0 15px}
.newsview{padding:0px 15px 30px}
}.sidebar .side-title:hover,a:hover{color:#ff6000}
.copyright blockquote:hover{background:#ff600019;border-color:#ff6000}
blockquote{border-color:#e80000}
.related-list h3,.sidebar .side-title,blockquote:before{color:#fe0000}
blockquote{background:#e8000019}
.sitemap,.sitemap a{color:#fff}


@media only screen and (max-width: 1200px) {
    body {  display:block !important; }
    .ny_box,.foot2_con{ width:99%}
    .modal-content .search-bar .keywords{width:557px !important}
    .xq_prolist li{ width:20.5%;margin-right:10px;margin-left: 10px;min-height:272px}
    .xq_prolist li .img{ width:100%; height:auto}
    .banner_products ul{ width:auto;height:auto;left:0; margin-left:auto; top:0}
    .xq_prolist 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;}
    .xq_message li{width:50%}
    .xq_message input[type="text"]{width:89%}
    .xq_message textarea{width:95%}
    .news_con li{width:91%}
}
@media only screen and (max-width:1000px) {
      .xq_prolist li{min-height:240px}
      .pro_img h1{ margin-top:0}
}
@media only screen and (max-width: 930px) {
    .modal-content .search-bar .keywords{width:360px !important}
    .xq_prolist li{ width:20%;margin-right:7px;margin-left: 7px;min-height:219px}
    .pro_img h1{ font-size:21px;}
    .xq_tit i{width:162px;font-size:17px;text-indent:11px}
}
@media only screen and (max-width: 768px) {
    .xq_prolist li{ width:20%;margin-right:5px;margin-left: 5px;min-height:219px}
    .modal-content .search-bar .keywords{width:230px !important}

#sinotruk-specifications{line-height: 28px !important;font-size:15px !important;padding:5px;}

#sinotruk-specifications table td, th { padding: 0px !important;min-width:auto !important; }
.pro_img .img{width:98%;height:auto}
.xq_tit{height:40px;line-height:40px}
.xq_titd i::after{top:17px;right:13px;}
}
@media only screen and (max-width: 640px) {
    .xq_prolist li{ width:44%;margin-right:5px;margin-left: 5px;}
    .modal-content .search-bar .keywords{width:230px !important}
    .xq_prolist li .img .cover{background:none}
    .xq_prolist li{min-height:286px}
    .foot2_con .fenlei dl{width:88%;padding: 10px 30px;}
.xq_prolist li h1{ font-size:15px; line-height:13px;margin: 17px auto 0 auto;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;margin-bottom: 5px;}
.xq_prolist li:nth-child(4){float:left;}
}
@media only screen and (max-width: 620px) {
  
    .xq_prolist li{min-height:296px}
    .xq_message li{width:100%}
    .xq_message input[type="text"]{width:95%;height:35px}
    .xq_message textarea{width:95%}
    .xq_message{width:97%}
}
@media only screen and (max-width: 600px) {
    .xq_prolist 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) {
    .xq_prolist li{min-height:263px}
}
@media only screen and (max-width: 530px) {
    .xq_prolist 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) {
    .xq_prolist li{min-height:242px}
    .xq_prolist h3 i{width:43px; height:38px; line-height:46px; margin-right:0px;font-size:15px;margin-right:10px}
    .xq_prolist h3{ font-size:15px}
}
@media only screen and (max-width: 460px) {
    .xq_prolist li{min-height:182px; width:42%}
    
}
@media only screen and (max-width: 430px) {
    .xq_prolist li{min-height:221px;}
    
}
@media only screen and (max-width: 400px) {
    .xq_prolist li{min-height:208px;width:41%}
    
}
@media only screen and (max-width: 360px) {
    .xq_prolist li{min-height:148px;width:40%}
    
}
@media only screen and (max-width: 360px) {
    .xq_prolist li{width:90%}
      .x_mue ul li{ width:98%;}
}