@charset "utf-8";

@import url('base.css');
@media screen and (min-width:640px){html{font-size:100px}}
@media screen and (min-width:601px) and (max-width:639px){html{font-size:93.9063px}}
@media screen and (min-width:551px) and (max-width:600px){html{font-size:86.0938px}}
@media screen and (min-width:501px) and (max-width:550px){html{font-size:78.2813px}}
@media screen and (min-width:451px) and (max-width:500px){html{font-size:70.4688px}}
@media screen and (min-width:414px) and (max-width:450px){html{font-size:64.6875px}}
@media screen and (min-width:375px) and (max-width:413px){html{font-size:58.5938px}}
@media screen and (min-width:360px) and (max-width:374px){html{font-size:56.25px}}
@media screen and (min-width:320px) and (max-width:359px){html{font-size:50px}}

body,#tool,.top { margin:0 auto; min-width:320px; max-width:640px}
h1,h2,h3,h4,h5,h6,p,ul,ol,li,form,dl,input,dd{margin:0;}
body{font:0.25rem 'Microsoft Yahei','\5FAE\8F6F\96C5\9ED1',Arial,Verdana,Helvetica,sans-serif; background:#EEE; color:#333; padding:0.9rem 0 0 0}
input,textarea,select{font-size:100%;font-family:inherit}
ul,ol,li{ margin:0; padding:0;list-style-type:none}
a,a:visited { color:#222; text-decoration:none;}
a:hover { color:#ff552e; text-decoration:none}
div,td { font-size:0.25rem;}
img{ max-width:100%;}

.m { background-color:#F9F9F9; border-bottom:#EEE solid 1px; }
.divline { line-height:0.15rem; height:0.15rem; clear:both;overflow:hidden}
.box { border:#EEE solid 1px;}
.ablock { width:100%; background-color:#FFF}
.f_l { float:left;}
.f_r { float:right}

.bg-white { background-color:#FFF}

.w-5 {
  width: 5% !important;
}
.w-10 {
  width: 10% !important;
}
.w-15 {
  width: 15% !important;
}
.w-20 {
  width: 20% !important;
}
.w-25 {
  width: 25% !important;
}
.w-30 {
  width: 30% !important;
}
.w-33 {
  width: 33.333333333% !important;
}
.w-35 {
  width: 35% !important;
}
.w-40 {
  width: 40% !important;
}
.w-45 {
  width: 45% !important;
}
.w-50 {
  width: 50% !important;
}
.w-55 {
  width: 55% !important;
}
.w-60 {
  width: 60% !important;
}
.w-65 {
  width: 65% !important;
}
.w-67 {
  width: 66.666666667% !important;
}
.w-70 {
  width: 70% !important;
}
.w-75 {
  width: 75% !important;
}
.w-80 {
  width: 80% !important;
}
.w-85 {
  width: 85% !important;
}
.w-90 {
  width: 90% !important;
}
.w-95 {
  width: 95% !important;
}
.w-100 {
  width: 100% !important;
}
.h-5 {
  height: 5% !important;
}
.h-10 {
  height: 10% !important;
}
.h-15 {
  height: 15% !important;
}
.h-20 {
  height: 20% !important;

}
.h-25 {
  height: 25% !important;
}
.h-30 {
  height: 30% !important;
}
.h-33 {
  height: 33.333333333% !important;
}
.h-35 {
  height: 35% !important;
}
.h-40 {
  height: 40% !important;
}
.h-45 {
  height: 45% !important;
}
.h-50 {
  height: 50% !important;
}
.h-55 {
  height: 55% !important;
}
.h-60 {
  height: 60% !important;
}
.h-65 {
  height: 65% !important;
}
.h-67 {
  height: 66.666666667% !important;
}
.h-70 {
  height: 70% !important;
}
.h-75 {
  height: 75% !important;
}
.h-80 {
  height: 80% !important;
}
.h-85 {
  height: 85% !important;
}
.h-90 {
  height: 90% !important;
}
.h-95 {
  height: 95% !important;
}
.h-100 {
  height: 100% !important;
}

.px10 { font-size:0.2rem!important}
.px11 { font-size:0.22rem!important}
.px12 { font-size:0.24rem!important}
.px14 { font-size:0.28rem!important}
.px15 { font-size:0.3rem!important}
.px16 { font-size:0.32rem!important}
.px18 { font-size:0.36rem!important}
.px21 { font-size:0.42rem!important}

.line-height-1 { line-height: 120%!important; }
.line-height-2 { line-height: 140%!important; }
.line-height-3 { line-height: 160%!important; }
.line-height-4 { line-height: 180%!important; }
.line-height-5 { line-height: 200%!important; }
.line-height-6 { line-height: 220%!important; }
.line-height-7 { line-height: 240%!important; }
.line-height-8 { line-height: 280%!important; }
.line-height-9 { line-height: 320%!important; }
.line-height-10 { line-height: 350%!important; }

/* ����������ɫ */
.blue,.blue a,.blue a:link,.blue a:visited,.blue:link,.blue:visited{color:#06c;}
.red,.red a,.red a:link,.red a:visited,.red:link,.red:visited{color:#F00;}
.orange,.orange a,.orange a:link,.orange a:visited,.orange:link,.orange:visited{color:#F60;}
.black,.black a,.black a:link,.black a:visited,.black:link,.black:visited{color:#222;}
.gray,.gray a,.gray a:link,.gray a:visited,.gray:link,.gray:visited{color:#999;}
.green,.green a,.green a:link,.green a:visited,.green:link,.green:visited{color:#390;}
.white,.white a,.white a:link,.white a:visited,.white:link,.white:visited{color:#FFF;}

.location { color:#888; line-height:0.3rem; padding:0.15rem; border-bottom:#EEE solid 1px}
.location a{ color:#888; text-decoration:none;}
.location a:hover{ color:#F60;}
.location span { color:#ccc; margin:0 0.1rem; font-weight:bold; font-family:"����"}

.li_dot li {background:url(../img/li_dot.gif) 0.05rem center no-repeat; text-indent:0.8em; font-size:0.25rem; line-height:180%; overflow:hidden}

.box_head { height:0.7rem; line-height:0.7rem; border-bottom:#E9E9E9 solid 1px; padding:0 0.15rem; background-color:#FFF; color:#555; position:relative}
.box_head div.box_head_icon {width:0.08rem; height:0.28rem; display:inline-block; background:-webkit-gradient(linear,left bottom,right top,from(#FF7300),to(#FF552E)) #FF552E; background:linear-gradient(bottom left,#FF7300,#FF552E) #FF552E; background-size:1.3rem;background-position:0.25rem 50%; position: absolute; top: 50%; transform: translate(0, -50%);}
.box_head div.box_head_title { padding-left:0.2rem; display:inline-block; color:#E60000}
.box_head div.more { float:right;}
.box_head div.more a { color:#999999}
.box_body { padding:0.1rem 0.28rem 0 0.28rem; background-color:#FFFFFF;}

.top { position:fixed;top:0;z-index:900; width:100%; height:0.9rem; line-height:0.9rem; background:#FF7300; /*background: -webkit-gradient(linear,left bottom,right top,from(#FF7300),to(#FF552E)) #FF552E; background: linear-gradient(linear,left bottom,right top,from(#FF7300),to(#FF552E)) #FF552E;*/ overflow:hidden;}
.top a,.top a:hover{ color:#FFFFFF; text-decoration:none}
.top div.pagetitle { position:absolute; width:100%;font-size:0.4rem; background:url(../img/logo.png) center no-repeat; background-size:auto 0.5rem;}
.top div.go2back { position:absolute; left:0.05rem;width:0.5rem; height:0.9rem; line-height:0.9rem; background:url(../img/nav_back.png) center center no-repeat; background-size:auto 0.4rem; z-index:2;}
.top div.go2home { position:absolute; right:0.05rem; width:0.7rem; height:0.9rem; display:inline-block; background:url(../img/topnavico.png) center no-repeat;background-size:0.4rem; z-index:2}
.top div a { color:#FFF; display:block; height:0.9rem; width:auto}

.windowlist { background-color:#FFF; width:100%; height:100%; position:fixed; top:0.9rem; z-index:99999;min-width:320px; max-width:640px}
.windowlist li { width:100%; text-indent:0.3rem; border-bottom:#e5e5e5 solid 1px; }
.windowlist li a { width:100%; display:block; padding:0.2rem 0;background:url(wapimg/arrow_right.png) right 0.1rem center no-repeat;background-size:0.3rem;}
.windowlist li a:hover { background-color:#F7F7F7}

.menu{ background:#FFF; display:table; width:98%; padding:0.1rem 1%}
.menu li { float:left; width:23%; margin:0 1%; text-align:center; padding:0.1rem 0}
.menu li a { display:block; color:#555;}
.menu li div { width:1rem; height:1rem; margin:0.1rem auto; border-radius:0.5rem; -moz-border-radius:0.5rem;}
.menu li a:hover { text-decoration:none}
.menu li div.m1 { background:url(../img/11.png) center no-repeat #FF552E;background-size:0.6rem 0.6rem;}
.menu li div.m2 { background:url(../img/22.png) center no-repeat #FF552E;background-size:0.6rem 0.6rem;}
.menu li div.m3 { background:url(../img/33.png) center no-repeat #FF552E;background-size:0.5rem 0.5rem;}
.menu li div.m4 { background:url(../img/44.png) center no-repeat #FF552E;background-size:0.6rem 0.6rem;}

#shopmenu ul{ background:#FF552E; border-bottom:#ff7300 solid 3px; display:flex; justify-content:space-between;}
#shopmenu li{ text-align:center; padding:10px 15px}
#shopmenu li a{ color:#fff}
#shopmenu li.selected { background-color:#FF7300}
/*��ҳ*/
.pageLink { padding: 0.3rem 0; text-align:center; font-family:Verdana, Arial; color:#666666}
.pageLink a {font-family: Verdana, Tahoma, Arial; padding:0.02rem 0.1rem; text-decoration: none;}
.pageLink span { margin:0 0.05rem}
.pageLink a:hover,.pageLink a:focus { color:#FF552E; text-decoration:none}
.pageLink .current { color:#FFF; padding: 0.02rem 0.1rem; background-color:#FF552E;border-radius:3px;-moz-border-radius:3px; margin:0 0.05rem}

.footer { color:#999; text-align:center; line-height:0.35rem; font-size:0.15rem; margin:0.2rem 0 70px 0;}
.footer a { color:#999}
.footer a:hover { color:#42bd56}

.pagecontent { line-height:2em;}
.pagecontent h1 {line-height:140%; font-size:0.4rem; margin-top:0.2rem}
.pagecontent p{ padding:6px 0; text-indent:2em;}
.pagecontent img { max-width:100%;}
.pagecontent p img { margin-left:-2em}
.pagecontent a {border-bottom:1px dashed #42bd56; margin:0 3px; color:#42bd56;}
.pagecontent a:hover {border-bottom:1px dashed #FF552E;color:#FF552E;}

.pagecontent .zixunbtn a{ text-decoration:none; border:0;border-radius:50px;-moz-border-radius:50px;-webkit-border-radius:50px;}
.pagecontent .zixunbtn a:hover{ color:#fff}


.sourcetext { display:block; font-size:0.25rem; margin:0.1rem 0; border:#EEE solid 1px; line-height:0.4rem; background-color:#FFF; padding:0.1rem; color:#888}

/*newslist*/
ul.newslist li { background-color:#FFFFFF; width:100%; border-bottom:#EEEEEE solid 1px; padding:0.25rem 0; font-family:Verdana, Arial; position:relative; max-height:1.6rem; overflow:hidden}
ul.newslist li div.content {  margin:0 0.15rem;}
ul.newslist li:last-child { border-bottom:0}
ul.newslist li div.img {float:left; width:1.6rem; height:1.6rem; background-color:#FFFFFF; overflow:hidden; margin-right:0.2rem;}
ul.newslist li div.img img { width:1.6rem; height:1.6rem;}
ul.newslist li div.title { line-height:0.4rem; height:0.8rem; overflow:hidden}
ul.newslist li div.time {  color:#999999; margin:0.06rem; font-size:0.2rem;}

.catlist{ font-size:0.26rem;background-color:#FFFFFF;}
.catlist dl { width:100%; line-height:0.5rem; padding:0.01rem 0; position:relative; border-bottom:#EEE solid 1px; padding:0.1rem 0}
.catlist dl:last-child { border-bottom:0}
.catlist dd span a{ margin:0.1rem 0; margin-right:0.2rem; display:inline-block; padding:0 0.2rem; height:0.5rem; line-height:0.5rem;border-radius:0.5rem; -moz-border-radius:0.5rem; -webkit-border-radius:0.5rem; color:#23ac38; border:#23ac38 solid 1px;}
.catlist dd span a:hover { color:#FF552E; border:#FF552E solid 1px}

.catlist{ padding:0.25rem 0.15rem; border-bottom: #EEE dashed 1px}
.catlist span a{ font-size:0.2rem; display:inline-block; white-space:nowrap; color:#999999; line-height:0.4rem; margin:0.06rem 0.2rem 0.06rem 0; padding:0.03rem 0.1rem; border:#EEE solid 1px; border-radius:5rem; background:#FAFAFA}
.catlist span.focus a{display:inline-block; color:#fff; background:#FF552E; border:#FF552E solid 1px; }

.comlist li { padding:0.2rem 0; border-bottom:#EEE solid 1px;}
.comlist li div{ line-height:0.4rem}
.comlist li div.company{ font-size:0.35rem; margin-bottom:0.1rem}
.comlist li div.intro{ font-size:0.20rem}
.comlist li div.area{ font-size:0.20rem;}



/*��Ϣ��ϸҳ��*/
.offer-detail { border-bottom:#EEE solid 1px; padding: 0.16rem}

.info-title h1{ font-size:0.4rem; word-break:break-all}
.title-tool { font-size:0.2rem; margin-top:0.05rem}

.info-content { color:#444; line-height:200%; padding:0.15rem 0; font-size:0.25rem; width:100%; word-break:break-all; overflow:hidden;}
.info-content p{ margin:0; padding:10px 0; text-indent:2em}
.info-content img { max-width:6rem; text-align:center; display:block; margin:auto}

.show-detail { padding:0.2rem 0}
.show-detail td.left { width:1.4rem}

.show-detail td span.btn-phone a{ display:inline-block; padding:0.25rem 1.5rem; font-size:0.35rem; color:#FFFFFF; background-color:#FF623E; cursor:pointer;}
.show-detail td span.btn-phone:hover { background-color:#FF3300; color:#FFFFFF}

.show-detail td span.btn-qq a{ vertical-align:middle; display:inline-block; cursor:pointer; background:url(images/bg-detail.png) -244px -341px no-repeat;position:relative; top:-1px; width:85px; height:24px;}
.show-detail td span.btn-qq a:hover { background:url(images/bg-detail.png) -244px -297px no-repeat;}

.show-detail td span.btn-wechat { vertical-align:middle; display:inline-block; cursor:pointer; background:url(images/bg-detail.png) -20px -341px no-repeat;position:relative; top:-1px; width:92px; height:24px;  margin:0 0 0 10px}
.show-detail td span.btn-wechat:hover { background:url(images/bg-detail.png) -20px -297px no-repeat;}

.show-detail td span.btn-message { vertical-align:middle; display:inline-block; cursor:pointer; background:url(images/bg-detail.png) -132px -341px no-repeat;position:relative; top:-1px; width:92px; height:24px;  margin:0 0 0 10px}
.show-detail td span.btn-message:hover { background:url(images/bg-detail.png) -132px -297px no-repeat;}

.img_box { text-align:center}
.img_box img{ max-width:100%;}

.companyinfo {
	display:flex;
	justify-content: space-between;
	align-items:center;
	background-color:#FFF;
	padding:0.3rem
}

.company-name {background-color:#FFF; padding-right:0.2rem}
.company-name h1 { line-height:140%; overflow:hidden; font-weight:normal; font-size:0.27rem; font-weight:bold; color:#222;}
.company-name .keyword { line-height:0.35rem; height:0.7rem; overflow:hidden; margin:0.1rem 0 0 0; color:#666666}

.company-detail ul { padding-bottom:5px}
.company-detail li{ border-bottom:#EEE dotted 1px; line-height:40px; height:40px; overflow:hidden}

.company-content { padding:0 5px 8px 5px; line-height:180%}
.company-content p { padding:5px 0}


/*Message*/
.message-box { padding:8px}
.message-box td { border-bottom:#EEE dotted 1px; padding-top:12px; padding-bottom:12px;}
.message-box .input { border-bottom:#EEE solid 1px; border-right:#EEE solid 1px; border-top:#bbb solid 1px; border-left:#bbb solid 1px; height:0.56rem; line-height:0.56rem; width:90%; padding-left:4px; font-family:Verdana, Arial, Helvetica, sans-serif; color:#444; font-size:0.25rem;border-radius:3px;-moz-border-radius:3px;}
.message-box .submit { padding:0.08rem 0.2rem; border:0; background-color:#E60000; color:#FFFFFF; cursor:pointer}
.message-box .submit:hover { background-color:#CC0000}
.message-box .select { color:#333333; border:#ccc solid 1px; margin-right:0.16rem; width:90%;border-radius:3px;-moz-border-radius:3px;}
.message-box .boxleft{  color:#666666; padding-right:0.2rem; width:1.4rem;}
.message-box label { display:block; height:0.64rem; line-height:0.64rem; padding-left:0.48rem;}
.message-box .onshow { background:url('../userskin/images/onShow.gif') 1px center no-repeat; color:#888888; padding-left:0.48rem}
.message-box label.error { background:url('../userskin/images/onError.gif') 1px center no-repeat; color:#FF0000}
.message-box label.success { background:url('../userskin/images/onCorrect.gif') 1px center no-repeat; color:#339900; padding-left:0.48rem; height:0.64rem; line-height:0.64rem; font-family:Tahoma, 'PingFang SC', '\5FAE\8F6F\96C5\9ED1', Verdana, Arial}
.message-box label.onNone { background:none; padding:0; display:none}

#tool{ width:100%; position:fixed;bottom:0;z-index:900;}
ul.toollist{ width:100%; float:left;display:block; background: #F0F0F0; border-top:#E5E5E5 solid 1px}
.toollist li{float:left;width:20%;}
.toollist li a{font-size:.2rem;text-align:center;display:block;text-decoration:none;padding:0.1rem 0; }
.toollist li a img{width:25px;height:25px;}
.toollist li a i{font-size:24px;}
.toollist li a p{display:block !important;line-height:16px;text-align:center;}
.toollist li.cur a{color:#FF552E;}

/*Tag*/
.tagslist { padding: 10px 20px; } 
.tagslist span a { font-size:14px; display:inline-block; margin:8px 16px 8px 0; height:32px; line-height:32px; padding: 0 10px}
.tagslist span a:hover { text-decoration: none; opacity: 0.8 }
.tagslist span a.tag1 {background-color:#a0d497; color: #FFFFFF!important}
.tagslist span a.tag2 {background-color:#fff5b7; color: #b3a029!important}
.tagslist span a.tag3 {background-color:#d8edff; color: #7196ad!important}
.tagslist span a.tag4 {background-color:#ffecce; color: #ab8549!important}
.tagslist span a.tag5 {background-color:#ffebeb; color: #b89090!important}

.tagslist a.tag6 {background-color:#555555; color: #FFFFFF!important}
.tagslist a.tag7 {background-color:#f0ad4e; color: #FFFFFF!important}
.tagslist a.tag8 {background-color:#BDC3C7; color: #FFFFFF!important}
.tagslist a.tag9 {background-color:#337ab7; color: #FFFFFF!important}
.tagslist a.tag0 {background-color:#ff6c60; color: #FFFFFF!important}


.company-product ul {

	padding:5px 0;

	justify-content:space-between;	
}
.company-product ul li {
	width:48%;
    height:55vw;
    float:left;
	margin:1%
}
.company-product ul li img {
	border:#EEE solid 1px;
	padding:2%;
    width:96%;
	max-width:40vw;
    max-height:40vw;
	border-radius:5px;
}

.show_txt{margin: auto;  position: fixed; top: 40%; left:20%; right:20%; width:60%; max-width:280px;  max-height:500px;  background-color: #333;
           text-align: center;line-height:40px; padding:20px 0px; opacity: 0.8;z-index: 999;color: #ffffff;box-shadow: 0 0 5px #9e9e9e; 
           font-size: 15px; display:none; border-radius:10px;}