body, div, dl, dt, dd, ul, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, select, input, textarea, button, p, blockquote, th, td, img ,iframe { margin: 0; padding: 0; }
table{ border-collapse: collapse; border-spacing: 0; }
input,button,textarea,option { font: 12px "\5b8b\4f53", Arial, Helvetica, sans-serif; }
ul, li, div{ list-style: none; border: 0px; }
img{ border: 0px; }
.clear{ font: 0px/0px serif; display: block; clear: both; }
html{ -webkit-text-size-adjust: none; }
input{ outline: none; }
button{ border:none; }
textarea{ resize: none; }
a{ text-decoration: none; }
body:nth-of-type(1) input:focus,textarea:focus{ outline: none;}
body{ font: 12px "\5b8b\4f53","Tahoma","Arial","Microsoft Yahei"; color: #333; background: #fff; position: relative;}


.left {
	float: left;
}
.right {
	float: right;
}
.mobileTop a {
	color: #666;
}
/*header*/
#header{ width:100%; height:32px; margin:0 auto; background-color:#f5f5f5; border-bottom:1px solid #e3e3e3;}
.header{ width:1400px; height:32px; margin:0 auto; position:relative;}
.header ul{ float:left;}
.header li{ float:left; color:#666; line-height:32px;}
.header li a,.header p a{ color:#666; padding:0 4px;}
.header a:hover,.header a.mobile:hover{ color:#f60;}
.header input{ width:92px; height:18px; float:left; border:1px solid #d4d4d4; margin:6px 6px 0 0;}
.header button{ width:35px; height:19px; float:left; background:url(../images/news2014/news.gif) no-repeat 0 0; margin:6px 4px 0 2px;}
.header p{ line-height:32px; float:right; padding-right:6px; color:#dfdfdf;}
.header a.mobile{ width:55px; height:16px; display:block; float:right; text-indent:18px; margin-top:8px; line-height:16px; color:#4e9b31; background:url(https://www.foodjx.com/images/news2014/news.gif) no-repeat -139px 0;}
.weixin {
	width: 1400px;
	margin: 0 auto;
	position: relative;
	z-index: 99999;
}
.weixinTop {
	position: absolute;
	padding: 0 0 0 28px;
	top: -38px;
	right: 7px;
	cursor: pointer;
	color: #666;
	line-height: 38px;
	background: url(../images/technology/product/bg.png) 0 -24px no-repeat
}
.weixinBot {
	position: absolute;
	right: -1px;
	top: -1px;
	display: none;
	border: 1px solid #d1d1d1;
}
.headerNav{
	width: 1400px;
	margin: 0 auto;
}
.headerNav p{
	color: #888;
	line-height: 12px;
	height: 12px;
	width: 1400px;
	overflow: hidden;
	margin-top: 10px;
	font-family: "microsoft yahei";
}
.headerNav p a{
	color: #888;
	margin:0 4px ;
}
.headerNav p a:hover{
	color: #FF6600;
}
.banneradv{width: 1400px;margin: 15px auto 0;}

.top{width: 1400px;height: 80px;margin: 0 auto 0;position: relative;}
.top .logo{ position:absolute; left:0; top:10px; z-index:3;}

.top h1{height: 50px;position: absolute;left: 290px;top: 12px;border-left: 1px solid #d7d7d7;font: 30px/50px "Microsoft Yahei","\5b8b\4f53"; text-indent:12px;color: #00895c;}


.selectbox { width: 72px; height: 38px; border: 0;border-left: 1px solid #d4d4d4;  display: block;font-size: 14px;line-height: 38px; color: #00895c; z-index: 10; position: absolute; top: 16px; left: 415px; text-indent: 19px; cursor: pointer; }
.search{ width: 500px; height: 38px; position: absolute; border: 1px solid #ddd; z-index: 1;  top: 15px; left: 500px; background: #fff;}
.top input.text{ width:400px; height:38px; display:block; position:absolute; line-height:38px; border:0px; background:#fff; color:#666; text-indent:10px; top:16px; left:502px; z-index:11; font-size:14px; }
.top button{ width:90px; height:40px; display:block; position:absolute;background: #00895c; top:15px; left:912px; cursor:pointer; z-index:3; color: #fff;font: 20px/40px "Microsoft Yahei";}
.selectbox-wrapper{ width:72px; border:1px solid #cdcdcd; border-top:0; background:#fff; text-align:center; position:absolute; top:55px; left:400px; z-index:9999; }
.selectbox-wrapper ul li.selected,.selectbox-wrapper ul li.current{ background:#00895c; color:#fff; }
.selectbox-wrapper ul li { padding-bottom:3px; width:72px; cursor:pointer; font-size:14px; line-height:18px; padding-top:3px; text-indent:20px; text-align:left; }
.top p{  height:40px; line-height:40px; position:absolute; top:15px; right:-20px; z-index:3; overflow:hidden;}
.top p a{ padding:0 6px; color:#f60;font: 14px/40px "Microsoft Yahei";}
.top p a:hover{ color:#f60; text-decoration:underline;}

#nav{width: 100%;height:50px;margin: 0 auto 0;background: #00895c;}
.nav{width: 1400px;margin: 0 auto 0;position: relative;z-index:1;}
.nav .menuList{width: 1400px;margin: 0 auto;height: 50px;}
.nav .menuList a{width: 116px; text-align: center; float: left;display: inline-block;height:50px;font:16px/50px "Microsoft Yahei";color:#fff}
.nav .menuList .focus{background: #349c7a;}
.nav .menuList a:hover{background: #349c7a;}
ul.subMore{position: absolute;right: 10px;top: 0;width: 95px;height: 50px;display: none;}
ul.subMore li{width: 95px;height: 50px;display: block;position: relative;}
.moreTop{text-align: center; width: 95px; height: 50px; position: absolute; z-index: 9; font: normal 16px/50px "Microsoft Yahei","simhei"; color: #fff;  cursor: pointer; }
.subMoreBot{ width: 105px; padding-bottom: 5px; position: absolute; z-index: 5; font: normal 16px/26px "Microsoft Yahei","simhei"; text-indent: 10px; color: #fff; top:50px; right: -10px;background: #00895c; }
.subMoreBot p{ width:95px; float: left; }
.subMoreBot p a{ height: 26px; float: left; color: #fff; font-size: 14px;width:95px;}
.subMoreBot p a:hover{ text-decoration: underline; color: #ff6600; }


.newtech-top{width: 1400px;margin: 15px auto;overflow: hidden;}
.LeftList{width: 360px;float: left;margin-right: 30px;}
.LeftList h3{width: 360px;float: left;height: 35px;position: relative;background: #efefef;}
.LeftList h3 a{width: 86px;text-align: center; font: bold 18px/36px "Microsoft Yahei";color:#fff;background: #f26522;position: absolute;left: 0;top: -1px;}
.LeftList ul{width: 360px;float: left;margin-top: 10px;}
.LeftList ul li{width: 360px;height: 92px;float: left;border-bottom: 1px solid #ebebeb;overflow: hidden;}
.LeftList ul li span{width: 360px;height: 32px;float: left;overflow: hidden;text-align: left;}
.LeftList ul li span a{font:  16px/32px "Microsoft Yahei";color:#333;}
.LeftList ul li span a:hover{color: #f60;text-decoration: underline;}
.LeftList ul li p{width: 360px;height: 52px;float: left;overflow: hidden;font: 14px/26px "\5b8b\4f53","Tahoma";color: #777;}
.LeftList ul li p a{color: #f60;}


.newCont{width: 570px;height: 323px;float: left;overflow: hidden;position: relative;}
.newCont ul{width: 10000px;height: 323px;position: absolute;}
.newCont ul li{width: 570px;height: 323px;float: left; position: relative;}
.msTitle{position:absolute;height: 37px;width:570px;background:#464646;text-indent: 20px;filter: alpha(opacity=80); opacity: 0.80;position: absolute;bottom:0;left: 0; text-align:center;}
.msTitle a{color:#fff;font: 18px/37px "Microsoft Yahei";}
.msTitle a:hover{color:#fff;text-decoration: underline;}
.tgr{width: 100px;position: absolute;bottom: 13px;right: 10px;z-index: 3;}
.tgr i{width: 10px;height: 10px;float: right;display: inline-block;background: #fff;border-radius: 5px;margin-right: 9px;}
.tgr i.cur{background: #00895c;}


.RightList{width: 410px;float: right;}
.hotTit{width: 410px;height: 31px;float: left;position: relative;border-bottom: 1px solid #d7d7d7;}
.hotTit h3{border-bottom: 3px solid #00895c;position: absolute;left: 0;bottom: -3px;}
.hotTit h3 a{font: 22px/31px "Microsoft Yahei";color: #333;}
.hotTit h3 a em{font-style: normal;color: #00895c;}
.hotTit a.more{font: 12px/31px "\5b8b\4f53","Tahoma";color: #777;position: absolute;right: 0;top: 0;}
.hotTit a.more:hover{color: #f60;}

.RightList dl{width: 410px;float: left;margin-top: 7px}
.RightList dl dt{width: 390px;float: left;height: 20px;overflow: hidden;margin-top: 11px;}
.RightList dl dt a{font: 14px/20px "\5b8b\4f53","Tahoma";color: #666;}
.RightList dl dt a:hover{color:#f60;text-decoration: underline;}
.RightList dl dd{width: 20px;height: 20px;text-align: center;color: #fff;background: #909090;float: right;font: 15px/20px "Microsoft Yahei";margin-top: 11px;}


.main{width: 1400px;margin: 10px auto 0;}
.techLeft{width: 950px;float: left;}
.mainTitle{width: 950px;float: left; border-left:1px solid #d7d7d7;border-top: 2px solid #00895c; position: relative;height: 35px; font: normal 16px/35px "Microsoft Yahei";}
.mainTitle b{width: 92px;display: block;float: left;background: #00895c;text-align: center}
.mainTitle b a{color: #fff;}
.mainTitle p{float: left;}
.mainTitle p a{width: 93px;height: 34px;float: left;text-align: center;border-right:1px solid #d7d7d7;border-bottom: 1px solid #d7d7d7;color: #333;}
.mainTitle a.active{height: 34px; border-bottom: 0;font-weight: bold; color: #00895c; border-right: 1px solid #d7d7d7;background: #fff;background: url(https://www.31food.com/images/sub2016.png) no-repeat -50px -65px;}
.mainTitle #tech.active{height: 34px; border-bottom: 0;font-weight: bold; color: #fff; background: #fff;background:#00895c;border-right:1px solid #00895c;}

.techLeft1{width: 950px;float: left;}
.mainTitle1{width: 950px;float: left; border-left:1px solid #d7d7d7;border-top: 2px solid #00895c; position: relative;margin-top:6px;height: 35px; font: normal 16px/35px "Microsoft Yahei";}
.mainTitle1 b{width: 95px;display: block;float: left;background: #00895c;text-align: center}
.mainTitle1 b a{color: #fff;}
.mainTitle1 p{float: left;}
.mainTitle1 p a{width: 130px;height: 34px;float: left;text-align: center;border-right:1px solid #d7d7d7;border-bottom: 1px solid #d7d7d7;color: #333;}
.mainTitle1 a.active{height: 34px; border-bottom: 0;font-weight: bold; color: #00895c; border-right: 1px solid #d7d7d7;background: #fff;background: url(https://www.31food.com/images/sub2016.png) no-repeat -30px -65px;}
.mainTitle1 #tech.active{height: 34px; border-bottom: 0;font-weight: bold; color: #fff; background: #fff;background:#00895c;border-right:1px solid #00895c;}

ul.tech-list{width: 950px;float: left;}
ul.tech-list li{width: 935px;height: 160px;float: left;overflow: hidden;border-bottom: 1px solid #ebebeb;padding-left: 15px;}
ul.tech-list li:hover{border-left: 5px solid #00895c;margin-left: -5px;}
ul.tech-list li:hover p{width: 935px;}
ul.tech-list li:hover img{margin-left: 12px;}
ul.tech-list li p{width: 950px;height: 30px;overflow: hidden;margin: 17px 0;}
ul.tech-list li p a{font: 18px/30px "Microsoft Yahei";color: #333;}
ul.tech-list li:hover p a{color: #00895c;font-weight: bold;}
ul.tech-list li img{width: 130px;height: 90px;float: left;margin-right: 20px;}
ul.tech-list li span{ height: 70px; overflow: hidden; font: 14px/20px "\5b8b\4f53","Tahoma";color: #666;}
ul.tech-list li span a{color: #f60;font: 12px/30px "\5b8b\4f53","Tahoma";}


ul.down-list{}
ul.down-list li{height: 72px;padding-top: 10px;}
ul.down-list li p{margin: 0;height: 36px;}
ul.down-list li p a{font: 16px/36px "Microsoft Yahei";color: #333;}
ul.down-list li:hover p a{font:normal 16px/36px "Microsoft Yahei";color: #00895c;}
ul.down-list li span{ width: 950px;text-indent: 12px;height: 36px;}
ul.down-list li:hover span{ width: 950px;text-indent: 12px;}
ul.down-list li span a{color: #f60;font: 14px/36px "\5b8b\4f53","Tahoma";color: #888;}


.techRight{width: 410px;float: right;}
.techRight .hotTit{width: 410px;height: 32px;}
.techRight .hotTit h3 a{font: 22px/40px "Microsoft Yahei";}
.picTop a{
    display: block;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden;
}
.picTop{width: 195px;float: left;height: 101px;margin-top: 15px;position: relative;}
.picTop img{width: 100%;max-height: none;}
.picTop b{width: 195px;height: 30px;float: left; position: absolute;left: 0;bottom: 0; filter: alpha(opacity=80); opacity: 0.80;background: #333;}
.picTop:hover b{background: #00895c;}
.picTop p{width: 195px;height: 30px;float: left; overflow: hidden; position: absolute;left: 0;bottom: 0; text-align: center;}
.picTop p a{font: 12px/30px "Microsoft Yahei";color: #fff;}

ul.tech-toplist{width: 410px;float: left;margin-top: 10px;margin-bottom: 10px;}
ul.tech-toplist li{width: 410px;height: 30px;overflow: hidden;float: left;text-indent: 15px; background: url(https://www.31food.com/images/sub2016.png) no-repeat -94px -25px; }
ul.tech-toplist li a{font: 14px/30px "\5b8b\4f53","Tahoma";color: #666;}
ul.tech-toplist li a:hover{text-decoration: underline;color: #f60;}

.hotToptit{width: 410px;height: 37px;overflow: hidden;margin-top: 20px;float: left;}
.hotToptit p{width: 420px;float: left;text-align: center;}
.hotToptit p a{width: 150px;height: 30px;float: left;background-color: #efefef;margin-right: 10px;font: 14px/30px "Microsoft Yahei";color: #333;}
.hotToptit p a.focus{height: 37px;background: #cccccc url(../images/technology/hotToptit-icon.jpg) no-repeat;}

.techRight dl{width: 410px;float: left;margin-top: 0px}
.techRight dl dt{width: 388px;float: left;height:40px;overflow: hidden;border-bottom: 1px solid #ebebeb;}
.techRight dl dt a{font: 14px/40px "\5b8b\4f53","Tahoma";color: #666;}
.techRight dl dt a:hover{color:#f60;text-decoration: underline;}
.techRight dl dd{width: 22px;height: 20px; padding: 10px 0; text-align: center;color: #fff;border-bottom: 1px solid #ebebeb;float: right;font: 15px/20px "Microsoft Yahei";}
.techRight dl dd b{width: 22px;height: 20px; background: #a2a2a2;display: block;float: left;font-weight: normal;}


.download{width: 1400px;margin: 15px auto 0;}
.downTitle{width: 1398px;float: left;height: 34px;position: relative;border: 1px solid #e1e1e1;background: #f6f6f6;}
.downTitle h3{width: 125px;height: 33px; border-top: 3px solid #00895c; background: #fff; position: relative;left: 0;top:-1px;text-align: center;border-right: 1px solid #e1e1e1;}
.downTitle h3 a{font:bold 22px/32px "Microsoft Yahei";color: #00895c;}
.downTitle a.more{font: 12px/34px "\5b8b\4f53","Tahoma";color: #888;position: absolute;right: 10px;top: 0;}
.downTitle a.more:hover{color: #f60;}


.downbot{width: 1400px;float: left;overflow: hidden;position: relative;height:185px;margin-top: 18px;}
.downbot ul{width: 1406px!important;float: left;position: absolute;left: 0;top: 0px;}
.downbot ul li{width: 113px; padding: 10px 13px 0 12px; height: 170px; float: left; position: relative;margin-right: 20px;}
.downbot ul li img{width: 125px;height: 146px;position: absolute;left: 12px;top: 10px;border: 1px solid #ebebeb;}
.downbot ul li p{width: 140px;height: 26px; overflow: hidden; position: absolute;left: 5px;bottom: -5px;text-align: center;}
.downbot ul li p a{font: 12px/26px "\5b8b\4f53","Tahoma";color: #333;}
.downbot ul li p a:hover{color:#f60;}

.preNext{z-index: 999999; width: 20px;height: 64px;position: absolute;background: url(https://www.31food.com/images/sub2016.png) no-repeat;cursor: pointer;}
.pre{background-position: -80px -99px;left: 0;top :51px;}
.next{background-position: -80px -177px;right: 0;top: 51px;}


/* footer */
#footer {
	width: 100%;
	border-top: 1px solid #e8e8e8;
	background: #333333;
	padding: 20px 0 12px;
}
#footer .w {
	width: 1400px;
	margin: 0 auto;
}
.foot {
	text-align: center;
	line-height: 20px;
	font-size: 14px;
	color: #999;
}
.foot a {
	color: #999;
}
.foot a:hover {
	color: #00895c;
}
.footer-content {
	text-align: left;
	border-bottom: 1px solid #424241;
	padding-bottom: 22px;
	margin-bottom: 22px;
}
.guide{
	padding-left: 15px;
	width: 350px;
	float: left;
}
.guide span{
	font-size: 18px;
	line-height: 30px;
	display: block;
	margin-bottom: 10px;
	color: #fff;
}
.guide p{
	float: left;
	margin-right: 20px;
}
.guide p a {
	display: block;
	font-size: 14px;
	line-height: 30px;
	color: #999;
}
.guide.last {
	width: auto;
	overflow: hidden;
	float: none;
}
.zyAPP {
	width: 110px;
	text-align: center;
	margin: 5px 10px;
	display: inline-block;
	vertical-align: top;
}
.zyAPP:first-of-type {
    margin-left: 0;
}
.zyAPP b{
	font-size: 14px;
	line-height: 30px;
	color: #999;
	font-weight: normal;
}
.WechatTop{
	font-size: 14px;
    line-height: 30px;
    color: #999;
}
.guide {
	width: 400px;
	position: relative;
}
.guide p {
	width: 180px;
}
.foot span {
	font-size: 16px;
	color: #fff;
	display: block;
	margin: 0 0 15px;
}
.foot i {
	font-style: normal;
	color: #00895c;
}
.foot ul {
	display: inline-block;
	margin-top: 10px;
}
.foot li {
	float: left;
	margin-right: 20px;
}
.foot li b{
	display: block;
	font-weight: normal;
	margin-bottom: 7px;
}
.foot li a {
	width: 24px;
	height: 24px;
	display: inline-block;
	border-radius: 50%;
	/* background: #cecece url(../../../images/index/QQ.png) no-repeat center; */
	margin-left: 8px;
	margin-right: 4px;
	vertical-align: top;
}
.foot img{
	max-width: 100%;
	max-height: 100%;
}
.foot li em{
	font-style:normal ;
	margin-right: 8px;
}
.bottom {
	padding: 20px 0;
	text-align: center;
	background-color: #333;
}
.bottom p a {
	margin-right: 12px;
}
.bottom p a.record6 {
	width: 86px;
	background: url(https://www.foodjx.com/images/index/ypxx.png) no-repeat;
	vertical-align: top;
	position: relative;
	height: 32px;
	display: inline-block;
	text-decoration: none;
	color: #424345;
	text-align: left;
	font: normal 12px/14px "microsoft yahei";
	margin: 0px 2px;
	border-radius: 3px;
	padding: 8px 0px 0 34px;
}
.bottom p a.record6::after {
	content: "互联网药品信息服务资格证书";
	position: absolute;
	right: 1px;
	top: 1px;
	width: 90px;
	background-color: #fff;
	bottom: 1px;
	border-radius: 2px;
	text-align: center;
	line-height: 14px;
	padding-top: 6px;
	padding-right: 6px;
	box-sizing: border-box;
}
.bottom span {
	margin-top: 15px;
	display: inline-block;
}
.bottom span img {
	margin-right: 5px;
}
.bottom span a {
	font-size: 12px;
	color: #999;
}


.backHome{ width:54px; position: relative;}
.backHome a{ width:54px; height:19px; display:block; float:left; background:#5b7648; text-align:center; font:normal 11px "Microsoft Yahei","simhei"; color:#fff; padding:35px 0px 0 0px; margin:2px 0; opacity:0.7; filter:alpha(opacity=70); background:url(../images/index/rightBar.png) no-repeat 0 0; overflow: hidden; text-decoration: none; }
.backHome a:hover{ opacity:1; filter:alpha(opacity=100); }
.backHome a.guest,.backHome a.guest:hover{ background:url(../images/index/rightBar.png) no-repeat 0 -114px; opacity: 0.7; filter:alpha(opacity=70); }
.backHome a.price{ background:url(../images/index/rightBar.png) no-repeat 0px -57px; }
.backHome a.rightWx{ background:url(../images/index/rightBar.png) no-repeat 0px -228px; }
.backHome img{
    position: absolute;
    right: 65px;
    top: 130px;
    display: none;
}
.toTop{ width:54px; height:54px; position:fixed; _position:absolute; top:494px; _top:expression(eval(document.documentElement.scrollTop+321)); display:none;font:normal 11px "Microsoft Yahei","simhei"; }
.toTop a,.toTop a:hover{ display:block; width:54px; height: 19px; padding:35px 0px 0 0px; background:url(../images/index/rightBar.png) no-repeat 0px -171px; opacity: 0.6; filter:alpha(opacity=60); color: #fff; text-decoration: none; text-align: center; }
.toTop a:hover{ opacity:1; filter:alpha(opacity=100); }
#goTop { position:fixed; _position:absolute; top:260px; display:block; right:10px; z-index: 99999; }
*html, * html body { background-attachment:fixed; }
*html #goTop { position:absolute; right:expression(eval(document.documentElement.scrollLeft+10)); top:expression(eval(document.documentElement.scrollTop+145)); }
.mobilewx {
	width: 1400px;
	margin: 0 auto;
	position: relative;
	z-index: 99999;
}

.mobileTop {
	position: absolute;
	padding: 0 0 0 28px;
	top: -38px;
	right: 94px;
	cursor: pointer;
	color: #666;
	line-height: 38px;
	background: url(../images/offer_bg.png) 12px 12px no-repeat;
}

.mobileBot {
	position: absolute;
	right: 74px;
	top: -1px;
	display: none;
	border: 1px solid #d1d1d1;
}
.mobileBot img{
	width: 90px;
}
.swiper-container {height: 323px;}
.swiper-container a{
	display: block;
	height: 100%;
}
.swiper-slide img {
    width: 100%;
    height: 100%;
}
.swiper-pagination-bullet {
	width: 8px;
	height: 8px;
	display: inline-block;
	border-radius: 100%;
	background: #000;
	opacity: .4!important;
}
.swiper-pagination-bullet-active {
	opacity: 1;
	background: #00895c!important;
}
.swiper-slide p{
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	padding: 0 15px;
	text-align: center;
	background:#464646;
	filter: alpha(opacity=80);
	opacity: 0.80;
}
.swiper-slide p a{
	display: block;
	height: 38px;
	line-height: 38px;
	overflow: hidden;
	font-size: 18px;
	color: #fff;
}
.swiper-slide p a:hover{color: #00895c;}
.swiper-container-horizontal > .swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {
	bottom: 10px;
	left: 440px!important;
	width: 20%!important;
}