@charset "utf-8";
/* CSS Document */
.zhit{ width:100%; background-color:#fff; display:inline-block;  padding:20px 0; position:relative; top:-3px; border-bottom:1px solid #ecedef;}
.zhitw{ width:1210px; margin:0 auto;}
.logol{ float:left; font-size:24px; font-weight:bold; color:#ff1d1d; }
.logol a{ margin-right:3px;}
.logol a img{ width:210px;}
.logol a::after{ content:''; width:1px; height:28px; display:inline-block; background-color:#d1d1d1; margin-left:10px; position:relative; top:6px;}
.logol span{ width:74px; height:29px; line-height:29px; display:inline-block; text-align:center;  border-radius:29px; background-color:#ff1d1d; color:#ff1d1d; font-weight:bold; margin-right:5px; font-size:20px; color:#fff; position:relative; top:-1px;}
.myr{ float:right;}
.myra{ float:right; width:105px; height:38px; line-height:38px; text-align:center; background-color:#ff1d1d; font-size:14px; color:#fff; display:block; border-radius:5px; margin-top:1px;}
.myra:hover{ background-color:#ff7800; color:#fff;}
.bjinb{ width:450px; height:38px; border:1px solid #cccccc;border-radius:5px; float:right; margin-right:20px; }
.bjinp{ width:86%; height:38px; background-color:#fff; outline:none; float:left; padding-left:15px;  box-sizing: border-box; border:0; margin-left:2px;}
.bjbtn{ width:13%; float:right;background:#adadad url(../img/zhishi.png) no-repeat 17px -183px; height:38px; border:0; outline:none;}
.bjbtn:hover{ background-color:#ff7800;}
.jgcon{ width:1210px; margin:0 auto; padding-bottom:20px;}
.jgmk{ width:100%; display:inline-block; background-color:#fff; border-radius:5px; margin-top:20px; padding:20px; box-sizing: border-box;}
.jgmk h1{ text-align:center; font-size:26px; margin-top:10px;}
.chjs{ width:100%; display:inline-block; margin-top:15px; margin-bottom:10px;}
.chjs div{ width:20%; text-align:center; float:left; color:#333; font-size:14px;}
.chjs div span{ font-size:16px; font-weight:bold;}
.up{ display:inline-block; color:#de2100;}
.up::before{ content:''; width:10px; height:13px; display:inline-block; background:url(../img/zhishi.png) no-repeat -70px -198px;margin-right:5px; position:relative; top:0;}
.descend{ display:inline-block; color:#009612;}
.descend::before{ content:''; width:10px; height:13px; display:inline-block; background:url(../img/zhishi.png) no-repeat -114px -198px; margin-right:5px; position:relative; top:0;}
.cb00{ width:100%; border-bottom:2px solid #f6f7f7; margin-top:20px;}
.cb00 a{ padding:0 20px; height:38px; line-height:38px; border-top-left-radius:5px;  border-top-right-radius:5px; background-color:#f2f2f2; font-size:15px; color:#333; display:inline-block; margin-right:20px;}
.cb00 a:hover{background-color:#c80d0d; color:#fff;}
.tbqh{ width:96%; margin:20px auto 0;}
.tbqh span{ font-size:15px; color:#333; padding:0 2px 5px 2px; margin-right:20px; display:inline-block; cursor: pointer;}
.tbqha{ font-weight:bold; color:#fc1515 !important; border-bottom:2px solid #fc1515;}
.tbqh span:hover{ color:#fc1515;}
.Statistics{ width:100%; height:350px;}
.jaer{ font-size:20px; font-weight:bold;}
.jaer::before{ content:''; width:4px; height:20px; display:inline-block; background-color:#fc1515; margin-right:10px; position:relative; top:2px;}
.jaera{ float:right;    width: 90px;  height: 32px;   line-height: 32px;  text-align: center; background-color: #ff1d1d; font-size: 14px;  color: #fff; display: block; border-radius: 5px; }
.jaera:hover{ background-color:#ff7800; color:#fff;} 
.jtables{ width:100%; display:inline-block; margin-top:20px;}
.jtables table{ width:100%; border-collapse: collapse; border-spacing: 0;}
.jtables table tr th{ height:40px; background-color:#f8fafc; border-bottom:1px solid #e2e8f0; padding:0 15px; text-align:left; font-size:14px;}
.jtables table tr td{ padding:15px; border-bottom:1px solid #e2e8f0; max-width:300px}

.vipicon {border: 1px solid #ff7300;display: block;border-radius: 3px;height: 12px;font: 12px/12px arial;padding: 1px 5px 1px 0;color: #ff7300;overflow: hidden; float:left; margin-left:4px; margin-top:2px;}
.vipicon span {text-align: center;background: #ff7300;color: #fff;padding: 1px 4px;margin-right: 4px;line-height: 100%;font-weight: bold;}
.factory_company_name {  color: #333; position: relative; float:left;}
.factory_company_name a {display: inline-block;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;padding-right: 20px;position: relative;width: 100%;box-sizing: border-box; font-weight:bold; color:#333;}
.factory_company_name a::after { content:''; background:url(../images/arrow.png) no-repeat -19px -54px; width:10px; height:6px; display:inline-block; margin-left:3px; position:relative; top:-1px;}
.factory_company_name a:hover {color: #ff7800;}
.factory_company_box {   padding: 20px; background-color: #fff;  border-radius: 3px; position: absolute; top: 24px;  left: 0; width: 310px; text-align: left;  display: none; z-index: 99;  box-shadow: 1px 2px 5px 1px #dfdfdf;}
.factory_company_box::before {  content: '';  position: absolute;  display: inline-block;  top: -5px; left: 20px;  width: 0; height: 0px;  content: ''; border-style: solid; border-width: 7px; border-color: #fff #fff #fff #fff; transform: rotate(135deg);  box-shadow: -1px 1px 1px #f0f0f0; z-index: 9999; }
.factory_company_box div {  line-height: 20px;  text-align: left; display: inline-block;  width: 100%;  margin-top: 1px;  margin-bottom: 1px;line-height:24px;}
.factory_company_box div span { display: inline-block; word-break: break-all; max-width: 240px;  float: left;}
.factory_company_name:hover .factory_company_box { display: block;}

/*联系方式新增*/
.telw{ width:100%; display:inline-block; margin-top:5px;}
.tel{ float:left; font-size:15px; color:#333; margin-right:20px;}
.qqhmw{float:left; position:relative; top:2px;}
.qqhmw a img{ height:20px;}
.qqhmb{position:absolute;  z-index:999; top: 24px; left: -49px; display:none;}
.qqhm{background-color:#e4e4e4;	padding:5px 13px; width:165px; margin-left:-5px; height:26px;}
.qqhm::after{content:''; position:absolute; left:43%; top:-15px; display:inline-block; width:0px; height:0px; border:8px solid;	border-left-color:transparent;	border-right-color:transparent;	border-top-color:transparent;	border-bottom-color:#e4e4e4;}
.qqhm span{font-size:14px;	color:#000;margin-right:15px;	float:left;}
.qqhm span::before{content:'';width:14px;	height:16px;	background:url(../images/icon_common.png) no-repeat -166px -163px;	display:inline-block; margin-right:7px;	position:relative;top:2px;}
.qqhm a{ font-size:13px; color:#0045be; float:right;}
.qqhmw:hover .qqhmb{display:block;}
.wxqt{	background-color:#fff;	border:1px solid #e4e4e4;	text-align:center;	width:188px;	position:relative;	left:-4px;
padding:10px 0;	top:-4px;}
.wxqt div img{	width:120px;	margin-bottom:5px;	}
.jtables1 tr th{ font-size:12px !important; height:34px !important; line-height:34px !important; border:1px solid #e2e8f0;}
.jtables1 tr td{ font-size:12px !important; border:1px solid #e2e8f0;}
.jalist{ width:25%; margin-top:30px; float:left; padding-right:20px; box-sizing: border-box;}
.jalist a{ color:#333; font-size:16px; font-weight:bold; display:block; width:100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.jalist a:hover{ color:#fc1515;}
.jalist span{ display:block; color:#999; margin-top:10px;} 
.xga{ width:100%; display:inline-block;} 
.xga a{ height:34px; line-height:34px; padding:0 15px; background-color:#f0f3fb; color:#333; float:left; margin-top:15px; margin-right:5px; margin-left:10px; border-radius:5px;}
.xga a:hover{ background-color:#ff7800; color:#fff;}
.mzp{ text-align:right; line-height:50px; font-size:13px; color:#333;}
.jfootw{ width:100%; margin-top:30px; padding-bottom:20px;}
.jfoot{ width:1210px; margin:0 auto; text-align:center; font-size:13px; color:#999; line-height:22px; border-top:1px solid #eee; padding-top:20px;}
.offer{ width: 800px;  height: 400px; box-shadow: 1px 0 15px #999;  margin: auto; position: fixed;  top: 200px; left: 50%;  margin-left: -400px; background: #fff; padding: 50px 30px; display: none;  }
.offerlist { padding-left: 200px }
.offerlist li { list-style: none;  border-bottom: 1px solid #ccc;  width: 360px;  height: 30px; padding: 3px 0}
.offerlist li span { color: #888;  padding-right: 20px}
.offerlist li input {  border: 0; width: 260px;  padding: 5px;  font-size: 15px;  color: #000 }
.offer .h1 { text-align: center; margin-bottom: 30px; float: none; padding: 0;  font-size: 24px; font-weight: bold;}
.offerbut { padding: 30px 0; text-align: center}
.but1, .but2 { border: 0; background-image: linear-gradient(to right,#fc1515,#ff7300);  padding: 5px 20px;  font-size: 15px; color: #fff;  border-radius: 5px; margin: 10px}
.but2 { background: #eee; color: #888}
.but1:hover, .but2:hover { background: #fc1515;  color: #fff; cursor: pointer}
.jgmk400{ min-height:500px;}
.mybj{ text-align:center; margin-top:10px; font-size:22px; font-weight:bold; margin-bottom:20px;}
.red{ color:red;     font-size: 20px !important; line-height:14px;}
/*翻页*/
.pageBox{ margin:30px 0; clear:both}
.page{padding:10px 0 0 0;width:630px; margin:auto; text-align:center; font-size: 14px;}
.page a{color:#888; padding:3px;cursor:pointer;}
.page a:hover,.ad_a .R_list_info .information a:hover{color:#000;}
.page span,.page ul{ display:inline-block}
.page ul {  position: relative;top: 6px; display:inline-block; margin-bottom: 0 !important; }
.page ul li{border:1px solid #ccc; float:left;margin:0 5px;height:22px; line-height:22px; text-align:center;border-radius:3px;}
.page ul li a{padding:3px 8px; }
.page ul  a li{height: 22px;padding:3px 8px}
.page .CC,.page ul li:hover{border:1px solid #333; background:#fff; cursor:pointer;}
.page .CC a{color: #333}
.page span{padding:0 5px; color:#a4a4a4; line-height:24px;}
.page .pageNo{height:22px;border:1px solid #a4a4a4;width:45px;text-align:center; font-family:Arial, Helvetica, sans-serif}
.page .pageGo{border:none;background:#666;height:24px;padding:0 5px;color:#eee; cursor:pointer}
.page .pageGo:hover{ background:#ff8900}
.page .NN,.page .NN:hover{border:1px solid #fff; background:none; cursor:auto}
/*翻页*/
.directory{ width:100%; background-color:#fff; box-shadow: 0 5px 5px 0 rgba(0,0,0,.03); position:relative; top:-7px;}
.cata{ width:1210px; margin:0 auto; font-size:14px; height:50px; line-height:50px;}
.cata .caspan{ color:#fc1515; font-weight:bold; }
.cata a{ color:#333;  margin-right:27px; display:inline-block;}
.cata a:hover{ color:#fc1515;}
.cata a:last-child{ margin-right:0;}
.rise{ width:49%; float:left; background-color:#fff; border-radius:10px; margin-top:20px; padding:20px; box-sizing: border-box;}
.riseR{ float:right;}
.ritit{ font-size:20px; font-weight:bold; color:#333;}
.riticon1{ width:24px; height:22px; display:inline-block; background:url(../img/zhishi.png) no-repeat 0 -253px; margin-right:12px; position:relative; top:4px;} 
.riticon2{ width:24px; height:22px; display:inline-block; background:url(../img/zhishi.png) no-repeat -49px -253px; margin-right:12px; position:relative; top:4px;} 
.riticon3{ width:24px; height:22px; display:inline-block; background:url(../img/zhishi.png) no-repeat -98px -253px; margin-right:12px; position:relative; top:4px;} 
.riticon4{ width:24px; height:23px; display:inline-block; background:url(../img/zhishi.png) no-repeat -150px -253px; margin-right:12px; position:relative; top:4px;} 
.riticon5{ width:24px; height:23px; display:inline-block; background:url(../img/zhishi.png) no-repeat -198px -253px; margin-right:12px; position:relative; top:4px;} 
.ritable,.qitable{ width:100%; margin-top:20px;}
.ritable table,.qitable table{ width:100%; border-collapse: collapse; border-spacing: 0;}
.ritable table tr th,.qitable table tr th{ height:34px; line-height:34px; text-align:left; font-weight:400; background-color:#eeeff1; color:#686c76; padding:0 13px;}
.ritable table tr td{ font-size:14px; color:#333; padding:13px;  border-bottom:1px dashed #ddd;}
.rita{ color:#333; max-width:170px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display:inline-block;}
.rita:hover{ color:#fc1515;}
.ritable table tr:hover{ background:#f8f8f8;}
.qiye{ width:100%; display:inline-block; background-color:#fff; border-radius:10px; margin-top:20px; padding:20px; box-sizing: border-box;}
.qitable table tr td{ font-size:14px; color:#333; padding:13px;  border-bottom:1px solid #ddd;}
.qyname{ float:left; font-weight:bold; margin-right:5px;}
.put{ width:24%; float:left; margin-top:20px; height:268px; border:1px solid #eaeef1; margin-right:1.3%; padding:20px; box-sizing: border-box; position:relative;}
.put:hover{    box-shadow: 0 1px 10px 0 rgba(0,0,0,.07);}
.puta{ width:100%; display:inline-block; position:relative; height:170px; overflow:hidden;}
.puta img{ max-width:100%; max-height:170px; position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);}
.puta:hover{transition: transform 0.3s ease;  transform: scale(1.05, 1.05);}
.putnav{ height:64px; width:100%; background-color:#f7f8fc; position:absolute; bottom:0; left:0; padding:0 20px;  box-sizing: border-box;}
.putnav a{ color:#333; display:block; margin-top:10px; font-weight:bold; font-size:15px;}
.putnav a:hover{color:#fc1515;}
.putnav span{ color:#999; display:block; margin-top:8px;}
.put:nth-child(5){ margin-right:0;}
.put:nth-child(9){ margin-right:0;}
.second{ width:100%; display:inline-block; }
.second a{ height:34px; line-height:34px; padding:0 20px;  border-radius:5px; margin-top:20px; margin-right:20px; display:inline-block; float:left; background-color:#fff; color:#333; border:1px solid #e9e9e9;}
.second a:hover{ border:1px solid #fc1515; background-color:#fc1515; color:#fff;}
.second a.sea{border:1px solid #fc1515; background-color:#fc1515; color:#fff;}
.selist{ width:100%; display:inline-block; background-color:#fff; margin-top:20px; border-radius:5px; padding:20px;box-sizing: border-box;}
.selist:hover{ box-shadow: 0 1px 10px 0 rgba(0,0,0,.07);}
.seimg{ width:260px; height:170px; border:1px solid #eaeef1; display:block; float:left; border-radius:5px; position:relative; overflow:hidden; padding:15px;  }
.seimg img{ max-width:100%; max-height:170px; transition: transform 0.3s ease;  position: absolute;
	top: 50%;
	left: 50%;
	 -webkit-transform: translate(-50%, -50%) scale(1);
  -moz-transform: translate(-50%, -50%) scale(1);
  -ms-transform: translate(-50%, -50%) scale(1);
  -o-transform: translate(-50%, -50%) scale(1);
  transform: translate(-50%, -50%) scale(1); }
.seimg img:hover{  -webkit-transform: translate(-50%, -50%) scale(1.05);
  -moz-transform: translate(-50%, -50%) scale(1.05);
  -ms-transform: translate(-50%, -50%) scale(1.05);
  -o-transform: translate(-50%, -50%) scale(1.05);
  transform: translate(-50%, -50%) scale(1.05);}
.serig{ float:left; margin-left:25px; width:70%;}
.ejname{ font-size:20px; font-weight:bold; color:#333;}
.ejname span{ margin-left:15px;}
.ejspan{ width:100%; display:inline-block; margin-top:18px;}
.ejspan div{ float:left; line-height:20px;}
.ejjg{ font-size:16px; font-weight:bold; color:#fc1515; margin-right:20px;}
.ejtime{ color:#999; margin-left:40px;} 
.bjgg{ width:100%; margin-top:20px;}
.bjgg table{ width:100%; border-collapse: collapse; border-spacing: 0;}
.bjgg table tr th{ text-align:left; color:#000; font-weight:400; padding:10px 10px 8px 0;font-size:13px; border-bottom:1px solid #eee;}
.bjgg table tr td{ padding:10px 10px 0 0; color:#666; font-size:13px; max-width:200px;}
.vipicon1{ display:inline-block; float:none; margin-left:8px; position:relative; top:2px;}
.ejspan .up{ font-size:16px; position:relative; top:2px;}
.ejspan .descend{ font-size:16px; position:relative; top:2px;}
.kong{ text-align:center; margin-top:100px; min-height:350px;}
.kong img{ display:block; margin:0 auto; width:240px;}
.kong div{ margin-top:5px; font-size:16px; color:#000;}
@media (max-width:1280px){
.zhitw,.cata,.jgcon,.jfoot{ width:1000px;}
.bjinb{ width:365px;}
.cata a{margin-right: 15px;}
.bjbtn{ width:15%;}
.bjinp{ width:84%;}
.seimg{ width:235px;}
.serig{ width:68%;}
.jtables1{overflow-x: scroll; white-space: nowrap;}
.offer{box-sizing: border-box; height:auto !important; top:80px;}
	}
@media (max-width:1000px){
.zhitw,.cata,.jgcon,.jfoot{ width:94%;}
.logol{ float:none; font-size: 18px;}
.logol a::after{    height: 22px;    position: relative; top: 4px;}
.logol a img{ width:180px; margin-top:3px;}
.logol span{ width: 51px; height: 22px; line-height: 22px; font-size:15px;}
.myr{ float:none; margin-top:20px; width:100%;}
.myra{ width:21%; position:relative; top:-1px;}
.bjinb{ width:76%; float:left;margin-right:0;}
.cata{ height:auto; line-height:20px; padding-bottom:12px;}
.cata a{ margin-top:12px;}
.second,.ritable,.qitable,.jtables{overflow-x: scroll; white-space: nowrap;}
.second a{ float:none; margin-right:8px; padding: 0 15px;}
.seimg{ float:none; width:100%;box-sizing: border-box;}
.serig{ width:100%; float:none; margin-left:0; margin-top:20px;}
.ejspan{ margin-top:10px;}
.ejspan div{ margin-right:10px;}
.ejtime{ margin-left:20px; position:relative; top:4px;}
.bjgg{overflow-x: scroll; white-space: nowrap;}
.seimg img{ max-width:90%; max-height:150px;}
.rise{ width:100%; float:none;}
.put{ width:48%; margin-left:1%; margin-right:1%; padding:10px; height:220px}
.puta{ height:130px;}
.puta img{ max-height:110px;}
.putnav a{ font-size:14px;}
.jalist{ width:100%;}
.page{ width:90%;} 
.chjs div{ text-align:left; width:50%; margin-top:10px;}
.chjs div span{ font-size:15px;}
.cb00 a{ padding:0 15px;}
.offer{ width:90%; left:5%; margin-left: 0; padding:10px;}
.offerlist{ padding-left: 0; width: 90%; margin: 0 auto;}
.offerlist li{ width:100%;}
.offer div:nth-child(1){ float:none !important; display:block !important; margin:20px auto 20px !important;}
.offer div:nth-child(2){ float:none !important; display:block !important; text-align:center;}
	}