@charset "utf-8";
/* CSS Document */

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, button, textarea, p, blockquote, th, td{
    margin: 0;
    padding: 0;
	list-style:none
}
img{border:none;}
h1{line-height:40px;height:40px;font-size:18px;color:#008ce2;margin-top:10px;margin-bottom:10px;font-weight: bold;}
.left span{font-size:18px;color:#008ce2;font-weight:bold;}
.basic_info h2{font-size:12px; font-weight:normal; color:#000000; margin-top:0;}
body, table, td, div, p{
    word-break: normal;
    word-wrap: break-word;
}
body{
    background-color:#fff;
    color: #333;
    font: 12px/1.5 Arial;
	text-align:left;
}
.left{float:left;}
.right{float:right}

#w1200{width: 100%;margin:0 auto;overflow:hidden;max-width: 1440px;padding: 0 20px;min-width: 1200px;}
.wl220{width:220px;  overflow:hidden;margin-top: 12px;}
.wl220 ul li{position:relative;word-break: break-all;overflow:hidden;border-bottom: 1px #ededed solid;}
.wl220 ul li img {position:absolute; top:10px; left:17px;}
.wl220 ul li a{text-decoration:none;color:#333;width: 100%;display: inline-block;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.wl220 ul li a:hover{ text-decoration:underline}
.wl220 ul li .nopad{ background:url(../images/pinming_16.gif) no-repeat left bottom; height:2px; line-height:2px; padding:0; margin:0}
.wl220 ul li.nopl {padding-left: 0;background: none;height: 2px;line-height: 2px;border-bottom: none;}

ul.rel_pro li{
}
ul.rel_pro li span{display: flex;height: auto;}
ul.rel_pro li a{text-decoration:none; color:#343434;}
ul.rel_pro li a:hover{text-decoration:underline; color:#f60;}
ul.rel_pro li span a{color: #0066ca;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;display: inline-block;width: 100%;padding: 8px 0;}

.w950{width: calc(100% - 230px);overflow:hidden;padding-left: 30px;}
.right_top{height:34px;line-height:30px;background-color:#f4f4f4;width: 100%;float:left;padding-left:5px;margin-top:12px;}
.right_top table td{vertical-align:middle; padding-left:5px; font-size:14px}
.right_top table td a{text-decoration:none; color:#0066ca;}
.right_top table td a:hover{text-decoration:underline; }
.clearfix{*zoom:1;}
.clearfix:after{ content: ''; display: block;clear: both;}
.basic_info{margin-top:20px;}
.basic_info ul li{width: 50%;float: left;display: flex;align-items: flex-start;padding: 5px 0;}
.bold_000{font-weight:bold; color:#000}
.basic_info em{font-style: normal;width: calc(100% - 135px);}
.basic_info a{color: #06c;}
.basic_info span{font-weight: bold;display: inline-block;width: 135px;height: 22px;}
.basic_info .jgsBox{width: 240px;display: flex;align-items: center;justify-content: center;}
.basic_info .jgsBox img{max-width: 100%;max-height: 100%;}
.w420{width:420px; overflow:hidden;}

 h2{ font-size:14px; font-weight:bold; color:#FFF;}
.h2_history{ float:left; height:26px; line-height:26px; padding:0px 11px; background-color:#008ce2; border-radius:3px;margin-bottom: 8px;}
.h2_chemistry{float:left; height:26px; line-height:26px; padding:0px 11px; background-color:#008ce2; border-radius:3px;margin-bottom: 8px;}
.h2_uses{float:left; height:26px; line-height:26px; padding:0px 11px; background-color:#008ce2; border-radius:3px;margin-bottom: 8px;}
.h2_production{float:left; height:26px; line-height:26px; padding:0px 11px; background-color:#008ce2; border-radius:3px;margin-bottom: 8px;}
.h2_toxicity{float:left; height:26px; line-height:26px; padding:0px 11px; background-color:#008ce2; border-radius:3px;margin-bottom: 8px;}
.h2_consensus{float:left; height:26px; line-height:26px; padding:0px 11px; background-color:#008ce2; border-radius:3px;margin-bottom: 8px;}
.h2_safety{float:left; height:26px; line-height:26px; padding:0px 11px; background-color:#008ce2; border-radius:3px;margin-bottom: 8px;}
.h2_standards{float:left; height:26px; line-height:26px; padding:0px 11px; background-color:#008ce2; border-radius:3px;margin-bottom: 8px;}
.h2_analytical{float:left; height:26px; line-height:26px; padding:0px 11px; background-color:#008ce2; border-radius:3px;margin-bottom: 8px;}
.h2_specification{float:left; height:26px; line-height:26px; padding:0px 11px; background-color:#008ce2; border-radius:3px;margin-bottom: 8px;}
.aliang_div{float:left;width: 100%;border-bottom:1px dotted #d3d3d3;margin-bottom:10px;padding:10px 0;}
p.right_con{padding:10px 0 0 32px;line-height:20px;}
p.end_dotted{ border-bottom:1px dotted #d3d3d3; padding:15px 0 15px 32px; line-height:20px; float:left;}

#bottom{width:auto; height:100px; border-top:7px solid #f3f3f3; padding-top:20px; text-align:center; line-height:20px;}
#bottom a{text-decoration:none; color:#0066ca;}
#bottom a:hover{text-decoration:underline; color:#0066ca;}
a.back_top{background:url(../images/pinming_18.gif) no-repeat; width:55px; height:55px; display:block; bottom:45px; right:10px; position:fixed}
a.back_top:hover{background:url(../images/pinming_24.gif) no-repeat;}

#Pos{padding-top:10px; padding-bottom:10px;width: 100%;}
.postbuying {font-size: 14px;font-weight: 600;text-decoration: underline !important;}
.postbuying:hover {color: #ff5500;}
/* 新广告所用样式 */
.newCarAds *{font-size: 14px;}
.newCarAds {background: linear-gradient(90deg, #F0EDFB 0%, #BAD6FF 100%);padding: 20px;}
.newCarAds .compBox{display: flex;}
.newCarAds .compBox .videoBox{width: 405px;background: #222;display: flex;align-items: center;justify-content: center;}
.newCarAds .compBox .videoBox video{width: 100%;}
.newCarAds .compBox .proInfo{width: calc(100% - 405px);padding-left: 20px;position: relative;}
.newCarAds .compBox .proInfo .compText {display: inline-flex;align-items: center;margin-bottom: 15px;}
.newCarAds .compBox .proInfo .compText .compLogo{width: 132px;height: 44px;display: flex;align-items: center;justify-content: center;margin-right: 15px;}
.newCarAds .compBox .proInfo .compText .compLogo img{max-width: 100%;max-height: 100%;}
.newCarAds .compBox .proInfo .compText .compName{font-size: 18px;text-decoration: underline;font-weight: bold;    width: calc(100% - 210px);}
.newCarAds .compBox .proInfo .compText em{margin: 0 15px;}
.newCarAds .compBox .proInfo .proText h3{margin-bottom: 15px;}
.newCarAds .compBox .proInfo .proText h3 a{font-size: 16px;color: #004daf;font-weight: bold;}
.newCarAds .compBox .proInfo .proText span{margin-right: 40px;}
.newCarAds .compBox .proInfo .proText span a{color: #004daf;font-weight: bold;}
.contactsuppli:hover{color: #fff;}
.newCarAds .compBox .proInfo .contactsuppli{position: absolute;right: 0;}
.newCarAds .compBox .proImgBox .imgBox{background: #fff;width: 100%;height: 160px;display: flex;align-items: center;justify-content: center;}
.newCarAds .compBox .proImgBox .imgBox img{max-width: 100%;max-height: 100%;}
.newCarAds .compBox .proImgBox{margin-top: 20px;}
.newCarAds .compBox .proImgBox .swiper-slide p{text-align: center;width: 100%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;margin-top: 10px;}
.newCarAds .swiper_proImg .swiper-button-prev,.newCarAds .swiper_proImg  .swiper-button-next{background: #fff;width: 40px;height: 40px;border-radius: 100%;display: flex;align-items: center;justify-content: center;
box-shadow: 0 0 2px #ddd;top: 90px;opacity: 0;}
.newCarAds .swiper_proImg:hover .swiper-button-prev,.newCarAds .swiper_proImg:hover .swiper-button-next{opacity:1 ;}
/*year*/
.year1,.year2,.year3,.year4,.year5,.year6,.year7,.year8,.year9,.year10,.year11,.year12,.year13,.year14,.year15,.year16,.year17,.year18,.year19,.year20{ background-image: url(../images/yearicon.png); background-repeat: no-repeat; display: inline-block; }
.year1{ width: 21px; height: 20px; background-position: left top; margin-right: 5px;}
.year2{ width: 21px; height: 20px; background-position: left -29px; margin-right: 5px;}
.year3{ width: 21px; height: 20px; background-position: left -57px; margin-right: 5px;}
.year4{ width: 21px; height: 20px; background-position: left -85px; margin-right: 5px;}
.year5{ width: 21px; height: 20px; background-position: left -113px; margin-right: 5px;}
.year6{ width: 21px; height: 20px; background-position: left -144px; margin-right: 5px;}
.year7{ width: 21px; height: 20px; background-position: left -173px; margin-right: 5px;}
.year8{ width: 21px; height: 20px; background-position: left -202px; margin-right: 5px;}
.year9{ width: 21px; height: 20px; background-position: left -231px; margin-right: 5px;}
.year10{ width: 23px; height: 20px; background-position: left -259px; margin-right: 5px;}
.year11{ width: 23px; height: 20px; background-position: left -294px; margin-right: 5px;}
.year12{ width: 24px; height: 20px; background-position: left -322px; margin-right: 5px;}
.year13{ width: 24px; height: 20px; background-position: left -349px; margin-right: 5px;}
.year14{ width: 24px; height: 20px; background-position: left -377px; margin-right: 5px;}
.year15{ width: 24px; height: 20px; background-position: left -406px; margin-right: 5px;}
.year16{ width: 24px; height: 20px; background-position: left -434px; margin-right: 5px;}
.year17{ width: 25px; height: 20px; background-position: left -462px; margin-right: 5px;}
.year18{ width: 25px; height: 20px; background-position: left -492px; margin-right: 5px;}
.year19{ width: 25px; height: 20px; background-position: left -521px; margin-right: 5px;}
.year20{ width: 27px; height: 20px; background-position: left -550px; margin-right: 3px;}
.enterprise {background-image: url(../images/listicon.png);background-repeat: no-repeat;word-wrap: normal;white-space: nowrap;}
.enterprise {vertical-align: middle;width: 17px;height: 17px;background-position: 0 0;display: inline-block;margin: 3px 5px 0 0;float: left;}
.contactsuppli {height: 32px;padding-left: 47px;color: #fff;font: 400 13px/32px arial;display: block;background: url(../images/listicon.png) no-repeat #F49500 25px -93px;border-radius: 2px;width: 190px;}
/* 新广告所用样式 */
@media (max-width: 768px) {
	*{font-size: 15px !important;}
	.basic_info span{height: auto;}
	#w1200{margin-top: 60px;padding: 0 15px;width: 100%;max-width: 100%;min-width: 100%;padding-bottom: 80px;}
	.wl220{width: 100%;}
	ul.rel_pro li span a{overflow: inherit;white-space: normal;}
	.w950{width: 100%;padding-left: 0;}
	.right_top{display: none;}
	.basic_info ul li{width: 100%;}
	.routeItem .itemCon {overflow-x: scroll !important;}
	#rfqBox{padding: 0;}
	.newCarAds{width: 100%;padding: 10px;margin-top: 20px;}
	.newCarAds .compBox{display: inherit;}
	.newCarAds .compBox .videoBox{width: 100%;height: 300px;}
	.newCarAds .compBox .videoBox video{height: 300px;}
	.newCarAds .compBox .proInfo{width: 100%;padding: 0;margin-top: 30px;padding-bottom: 50px;}
	.newCarAds .compBox .proInfo .contactsuppli{bottom: 0px;left: 0;}
	.newCarAds .swiper_proImg .swiper-button-prev,.newCarAds .swiper_proImg  .swiper-button-next{opacity: 1;}
	.basicMenu{margin-bottom: 15px;}
	.basicMenu a {display: inline-block;padding: 10px 15px;border-radius: 5px;color: #ff8a00;border: 1px #ff8a00 solid;font-size: 16px;margin-right: 10px;}
	.basicMenu a.active{color: #fff;background: #ff8a00;}
	.rfqBtn a {background: #ff8a00;color: #fff;text-align: center;width: 100%;display: inline-block;padding: 10px 0;font-size: 16px !important;position: fixed;
	bottom: 0;z-index: 99;}
	.layui-card-body{padding: 10px 0;}
}