﻿ba@charset "utf-8";
/*基本设置*/
*{padding:0; margin:0}
html,div,ul,li,dl,dt,dd,p,h1,h2,h3,h4,h5,h6,img,form,embed,label,ol{margin:0;padding:0;border:0; font-size:12px; font-weight:normal;font-family:"微软雅黑",Arial, Helvetica, sans-serif;}
img{border:none;}
ul,ul li,ol,ol li,menu li{list-style:none;}
a,a:visited,a:hover,a:active{color:#333;text-decoration:none;}
html{height:100%;width:100%}
body{margin:0px;padding:0px;font-size:12px;color:#333;font-family:"微软雅黑";_background-image:url(about:blank);_background-attachment:fixed}

/* 头部 start */
#top{ width:100%; border-bottom:1px solid #E6E6E6; background:#F7F7F7;}
.tops{ width:1200px; height:30px; margin:0 auto; overflow:hidden}
.tops p{ line-height:30px; float:left}
.tops ul{ float:right}
.tops ul li{ line-height:30px; margin-left:20px; padding-left:30px; float:left}
.tops ul li.tel{ background:url(../images/tel.png) no-repeat; background-position:0px 1px;}
.tops ul li.email{ margin-left:20px; padding-left:0px;}

.loser{ width:1200px; margin:0 auto; overflow:hidden}
.loser .logo{ display:block; width:297px; height:108px; float:left}
.loser .logo img{ /*width:100%*/ margin-top:12px}
.loser .search{ float:right; position:relative;}
.loser .search dl{ padding:20px 0 0 150px; float:right}
.loser .search dl dt{ width:60px; margin-right:10px; text-align:center; font-size:14px; float:left}
.loser .search dl dt span{ color:#9E9E9E}
.loser .search dl dd{ font-size:28px; color:#CD0000; float:right}
.loser .search .add{ position:absolute; top:65px; right:0px; font-size:16px; font-weight:bold}
.loser .search form{ height:30px; margin:34px 0 0 30px; background:url(../images/serch.png) no-repeat; float:left}
.loser .search form .text{ width:212px; line-height:30px; padding-left:8px; display:block; outline:none; border:none; background:none; float:left}
.loser .search form .submit{ width:30px; display:block; border:none; background:none; outline:none; cursor:pointer; float:left}

#nav{ width:100%; border-top:5px solid #CD0000}
#menu{ width:1200px; margin:0 auto; border-left:1px solid #E5E5E5; overflow:hidden}
#menu li{ width:150px; height:53px; line-height:53px; text-align:center; float:left}
#menu li a{ display:block; width:149px; height:53px; font-size:15px; font-weight:bold; color:#515151; border-right:1px solid #E5E5E5}
#menu li a:hover,#menu li.act a{ background:#CD0000; color:#FFF}
.dao{ display:none}

/* banner */
.slide_container{ position:relative; width:100%; }
.rslides{ position:relative; overflow:hidden; width:100%; padding:0; margin:0; }
.rslides li{  -webkit-backface-visibility:hidden; position:absolute; display:none; width:100%; left:0; top:0; }
.rslides li:first-child{ position:relative; display:block; float:left; }
.rslides img{ display:block; height:auto; float:left; width:100%; border:0; }
.slide{ position:relative; list-style:none; overflow:hidden; width:100%; padding:0; margin:0; }
.slide li{ position:absolute; width:100%; left:0; top:0; }
.slide img{ display:block; position:relative; z-index:1; height:auto; width:100%; border:0; }
.slide .caption{ display:block; position:absolute; z-index:2; font-size:20px; text-shadow:none; color:#fff; background:#000; background:rgba(0,0,0, .8); left:0; right:0; bottom:0; padding:10px 20px; margin:0; max-width:none; }
.slide_nav{ position:absolute; -webkit-tap-highlight-color:rgba(0,0,0,0); top:52%; left:0; opacity:0.7; z-index:3; text-indent:-9999px; overflow:hidden; text-decoration:none; height:61px; width:38px; background:transparent url("../images/themes.gif") no-repeat left top; margin-top:-45px; }
.slide_nav:active{ opacity:1.0; }
.slide_nav.next{ left:auto; background-position:right top; right:0; }
.banner,.banner img{ width:100%}

/* 首页新闻公告 */
#gao{ width:100%; height:45px; border-bottom:2px solid #F8F8F8}
.gao{ width:1200px; margin:0 auto; overflow:hidden}
.gao .news{ float:left}
.gao .news h2{ line-height:45px; font-size:14px; color:#CD0000; float:left}
#gongao{ width:700px; height:45px; margin-left:20px; overflow:hidden; float:left} 
#gongao #scroll_begin,#gongao #scroll_end{ display:inline}
#scroll_div{ width:700px; height:45px;line-height:45px; margin:0 auto; white-space:nowrap; overflow:hidden;}
#gongao #scroll_begin a,#gongao #scroll_end a{ padding-right:40px;}
#gongao a:hover{ color:#CD0000}


/* 首页图片滚动 */
.mr_frbox{ width:1200px; height:370px; margin:40px auto 0}
.mr_frBtnL{ float:left; margin:125px 15px 0px 0px; cursor:pointer; display:inline}
.mr_frBtnR{ float:right; margin-top:125px; cursor:pointer}
.mr_frUl{ float:left; width:1120px; height:130px}
.mr_frUl ul{ width:1120px;}
.mr_frUl ul li{ width:181px; height:350px; margin:0 21px; display:inline; float:left; overflow:hidden}
.mr_frUl ul li a{ width:100%; height:285px; display:block; margin-bottom:15px; font-size:14px; color:#666; text-align:center;}
.mr_frUl ul li a img{ width:100%; height:285px;}
.mr_frUl ul li a font{ color:#666;}

/* 首页产品列表 */
#product{ width:100%; background:#EEE}
.prolist{ width:1200px; margin:0 auto; padding:20px 0;}
.prolist .left2{ display:none}
.prolist .left{ width:218px; background:#FFF; display:block !important; float:left}
.prolist .left h2{ height:101px; background:url(../images/probg.png) no-repeat; border-bottom:1px solid #FFF;}
.prolist .left h3{ height:45px; text-align:center; padding-top:41px; font-size:22px; font-weight:bold; color:#FFF; background:url(../images/telbg.png) no-repeat;}
.hc_lnav{ width:218px; height:900px;}
.hc_lnav .allbtn{z-index:99999; position:relative}
.hc_lnav .allbtn ul{ width:100%; z-index:9999; position:absolute; }
.hc_lnav .allbtn ul li{ position:relative}
.hc_lnav .allbtn ul li .tx{ line-height:52px; border-bottom:1px solid #F0F0F0; background:url(../images/libg.png) no-repeat;}
.hc_lnav .allbtn ul li .tx a{ display:block; height:52px; text-align:center; font-size:16px; color:#757575;}
.hc_lnav .allbtn ul li:hover .tx{ background:url(../images/libg2.png) no-repeat;}
.hc_lnav .allbtn ul li:hover .tx a{ color:#FFF}
.hc_lnav .allbtn ul li .pop{ width:574px; position:absolute; background:#D30000; display:none;}
.hc_lnav .allbtn ul li:hover .pop{ display:block; top:-1px; left:218px; padding:0 15px; border:1px solid #FFF; border-left:none}
.hc_lnav .allbtn ul li .pop dd{ float:left; line-height:52px; text-align:center; padding:0 15px;}
.hc_lnav .allbtn ul li .pop dd a{ padding-bottom:10px; color:#FFF; font-size:14px;}
.hc_lnav .allbtn ul li .pop dd a:hover{ border-bottom:1px solid #FFF;}
.prolist .left h1{ height:101px; line-height:101px; text-align:center; font-size:26px; color:#FFF; background:#D30000;
border-bottom:1px solid #FFF;}
#list li{ width:100%; height:52px; line-height:52px; text-align:center}
#list li a{ display:block; width:100%; height:52px; font-size:18px; color:#757575; background:url(../images/libg.png) no-repeat;}
#list li a:hover,#list li.sel a{ background:url(../images/libg2.png) no-repeat; color:#FFF}

.prolist .right{ width:972px; background:#FFF; padding-bottom:20px; float:right; overflow:hidden}
.prolist .right h1{ display:none}
.prolist .right .pro{ width:180px; margin:20px 0 0 12px; float:left}
.prolist .right .pro dt{ width:100%; height:285px; overflow:hidden; position:relative}
.prolist .right .pro dt img{ width:100%; height:100%; -moz-transition:all .8s ease 0s; -ms-transition:all .8s ease 0s;
-o-transition:all .8s ease 0s; transition:all .8s ease 0s;}
.prolist .right .pro:hover dt img{ transform:scale(1.2); -moz-transform:scale(1.2); -webkit-transform:scale(1.2);}
.prolist .right .pro dd{ background:#EFEFEF;}
.prolist .right .pro dd a{ display:block; padding-top:5px; text-align:center; font-size:14px;}
.prolist .right .pro dd a font{ color:#666}
.prolist .right .pro dd span{ display:block; padding:4px 0 5px 0; text-align:center; color:#363636}
.prolist .right .pro:hover dd{ background:#D30000;}
.prolist .right .pro:hover dd a font{ color:#FFF}
.prolist .right .pro:hover dd span{ color:#FFF}

/* 首页新闻中心 */
#news{ width:1200px; margin:20px auto}
#news .title{ border-bottom:1px dotted #B2B2B2; overflow:hidden}
#news .title h2{ line-height:40px; font-size:21px; font-weight:bold; color:#CD0000; float:left}
#news .title a{ line-height:40px; font-size:14px; font-weight:bold; color:#A4A4A4; display:block; float:right}
#news .cont{ margin-top:30px; overflow:hidden}
#news .cont dl{ width:181px; margin:0 22px 0 0; float:left}
#news .cont dl dt{ width:100%; height:285px; overflow:hidden}
#news .cont dl dt img{ width:100%; height:100%; -moz-transition:all .8s ease 0s; -ms-transition:all .8s ease 0s;
-o-transition:all .8s ease 0s; transition:all .8s ease 0s;}
#news .cont dl:hover dt img{ transform:scale(1.2); -moz-transform:scale(1.2); -webkit-transform:scale(1.2);}
#news .cont dl:hover dd{ background:#D30000;}
#news .cont dl dd{ height:45px; line-height:45px; text-align:center; background:#EFEFEF; font-size:14px;}
#news .cont dl dd a font{ color:#000;}
#news .cont dl:hover dd a font{ color:#FFF}

/* 首页合作伙伴 */
#huoban{ width:1200px; margin:30px auto}
#huoban .title{ line-height:40px; font-size:21px; font-weight:bold; color:#CD0000; border-bottom:1px dotted #B2B2B2;}
#huoban .cont{ margin-top:30px; overflow:hidden}
#huoban .cont a{ display:block; width:180px; height:110px; margin-right:21px; border:1px solid #EEE; float:left; overflow:hidden}
#huoban .cont a img{ width:100%; height:100%; -moz-transition:all .8s ease 0s; -ms-transition:all .8s ease 0s;
-o-transition:all .8s ease 0s; transition:all .8s ease 0s;}
#huoban .cont a:hover img{ transform:scale(1.2); -moz-transform:scale(1.2); -webkit-transform:scale(1.2);}

/* 首页友情链接 */
#links{ width:100%; height:100px; background:#F6F6F6}
#links .lian{ width:1200px; margin:0 auto; padding-top:32px; overflow:hidden}
#links .lian h2{ width:90px; height:36px; line-height:36px; padding-left:13px; float:left; font-size:16px; font-weight:bold; color:#FFF; background:url(../images/links.png) no-repeat;}
#links .lian a{ display:block; line-height:36px; margin-left:20px; font-size:14px; color:#666; float:left;}
#links .lian a:hover{ color:#D30000;}

/* 面包屑 */
.position{ margin:10px 12px 0 12px; border-bottom:1px solid #CCC; overflow:hidden}
.position h2{ line-height:50px; font-size:24px; float:left}
.position p{ line-height:50px; font-size:14px; float:right}
.position p a:hover{ color:#D30000}


/* 关于我们 */
.content{ padding:20px; line-height:30px;}
.content h1{ line-height:80px; margin-bottom:20px; border-bottom:1px solid #EFEFEF; font-size:28px}
.content p{ line-height:30px; text-indent:2em; font-size:14px;}
.content img{ max-width:100%;}

/*新闻中心*/
.newscon{ padding:20px}
.newscon h1{ margin:0 0 30px 0; padding-bottom:22px; border-bottom:1px solid #EFEFEF; font-size:28px}
.newscon dl{ padding-bottom:28px; margin-bottom:28px; border-bottom:1px dashed #E5E5E5; overflow:hidden}
.newscon dl dt{ width:200px; height:120px; float:left}
.newscon dl dt img{ width:100%; height:100%;}
.newscon dl dd{ width:680px; float:right}
.newscon dl dd .title{ overflow:hidden}
.newscon dl dd .title h2{ font-weight:normal; font-size:16px; float:left}
.newscon dl dd .title h2 i{ display:block; width:7px; height:7px; border:2px solid #D30000; margin:6px 10px 0 0; float:left;}
.newscon dl dd .title span{ color:#666; font-size:14px; float:right}
.newscon dl dd .con{ line-height:25px; margin-top:15px;}
.newscon dl dd .con a{ font-size:14px; color:#666}
.newscon dl a:hover,.newscon dl dd .con a:hover{ color:#D30000}
.newscon h3{ text-align:center; font-size:20px; font-weight:normal; color:#333}
.newscon .time{ margin:20px 0; line-height:30px; text-align:center; font-size:12px; color:#999; border-top:1px dashed #E5E5E5; border-bottom:1px dashed #E5E5E5;}
.newscon .con{ text-indent:2em; line-height:30px; font-size:14px;}
.newscon .con img{ max-width:100%;}
.newscon .con p{ text-indent:2em; line-height:30px; font-size:14px;}

/* 联系我们 start */
.contact_art{ width:950px; margin:30px auto;}
.contact_art h1{ margin-bottom:10px; padding-bottom:22px; border-bottom:1px solid #EFEFEF; font-size:28px}
.contact_art .contact{ border-bottom:1px dashed #028BCF; width:910px; margin-left:10px; overflow:hidden}
.contact_art .contact ul{ width:227px; margin-top:20px; margin-bottom:20px; float:left}
.contact_art .contact2{ border-bottom:1px dashed #028BCF; width:910px; margin-left:10px; padding-top:20px; padding-bottom:20px;}
.contact_art .one{ height:40px; line-height:40px; font-size:16px; color:#D30000;}
.contact_art .two{ font-size:16px; color:#434343;}
.contact_art #map{ width:910px; height:400px; margin-top:30px; margin-left:20px; border:#ccc solid 1px; font-size:12px; z-index:1}
.content form{ width:600px; margin:30px auto 0}
.content form h3{ font-size:14px;}
.content form input{ width:97%; line-height:32px; padding-left:2%; font-size:14px; outline:none}
.content form textarea{ width:97%; height:200px; max-width:97%; max-height:200px; line-height:25px; padding-left:2%; font-size:14px;
outline:none}
.content form .submit{ display:block; width:120px; height:35px; line-height:35px; text-align:center; margin:20px auto 0}

/* 产品中心 */
.mod18{ width:500px; position:relative; margin:30px auto;}
.mod18 .lit{ width:100%;}
.mod18 .pre{ width:50px; height:92px; position:absolute; top:50%; left:-70px; margin-top:-46px;}
.mod18 .next{ width:50px; height:92px; position:absolute; top:50%; right:-70px; margin-top:-46px;}
.mod18 p img{ width:100%;}
.right .protit{ margin-top:30px; text-align:center; font-size:26px;}
.right .protit2{ margin-top:10px; text-align:center; font-size:14px;}
.procon{ padding:30px; line-height:30px; font-size:14px;}
.procon p{ line-height:30px; text-indent:2em; font-size:14px;}

/* 搜索页 */
.serch{ padding:20px 30px;}
.serch p{ line-height:40px; border-bottom:1px dashed #DDD; overflow:hidden}
.serch a{ padding-left:10px; font-size:14px; float:left}
.serch a:hover{ color:#D30000}
.serch span{ padding-right:10px; font-size:14px; color:#999; float:right}


/* 分页 start */
#mpage{ display:none}
#page{ background:#FFF; text-align:center; margin:0 auto; clear:both; padding-top:20px;}
#page li,#mpage li{ display:inline-block; vertical-align:middle; margin:0 4px;}
#page li a,#mpage li a{ display:block; height:30px; line-height:30px; padding:0 11px; border:1px solid #999; color:#999;}
#page li a.active,#page li a:hover{ background:#D30000; color:#fff; border:1px solid #D30000;}

/* 上一篇下一篇 start */
#shang{ width:100%; margin:27px auto; overflow:hidden;}
#shang .pre{ height:25px; float:left}
#shang .next{ height:25px; float:right}
#shang p ,#shang p a{ height:25px; line-height:25px; font-size:14px; color:#333}
#shang p a:hover{ color:#D30000}
#shang div ,#shang div a{ height:25px; line-height:25px; font-size:14px; color:#333}
#shang div a:hover{ color:#D30000}

/* 网页公用底部 start */
#foot{ width:100%; background:#CD0000}
#foot .cont{ width:1200px; height:54px; margin:0 auto;}
#foot .cont p{ line-height:54px; font-size:14px; color:#FFF; float:left}
#foot .cont span{ line-height:54px; display:block; font-size:14px; color:#FFF; float:right}
#foot .cont span a{ color:#FFF;}
.mfoot{ display:none}

/*在线客服*/
.floating_ck{position:fixed;right:15px;bottom:35%;font-size:12px; font-family:"Microsoft YaHei"; z-index:9999}
.floating_ck dl dd{position:relative;width:60px;height:60px;background-color:#D30000;border-bottom:solid 1px #fff;text-align:center;background-repeat:no-repeat;background-position:center 20%;cursor:pointer;}
.floating_ck dl dd:hover{background-color:#BF3535;}
.floating_ck dl dd:hover .floating_left{display:block;}
.floating_ck .tel{background-image:url(../images/tel_bottom.png);}
.floating_ck .consult{background-image:url(../images/zxicon_bottom.png);}
.floating_ck .qrcord{ background-image:url(../images/erweimaicon.png);}
.return{background-image:url(../images/return_bottom.png);}
.floating_ck dd span{color:#fff;display:block;padding-top:41px;font-size:12px;}
.floating_ck dd a{ text-decoration:none; color:#fff;}
.floating_left{ position:absolute; left:-160px; top:0px; width:160px; height:60px; background-color:#BF3535; display:none;border-radius:5px 0 0 5px;}
.floating_left a{ text-decoration:none; color:#fff;}
.floating_left p{ color:#FFF; font-size:14px; height:20px;}
.floating_left .one{ padding-top:10px; line-height:14px; font-size:14px; display:block;}
.floating_left .two{ margin-top:8px;}
.floating_left2{ height:105px;}
.floating_ewm{ height:182px;top:-122px;}
.floating_ewm i{display:block;width:115px;height:115px;margin:auto;margin-top:14px;}
.floating_ewm p{color:#fff;margin-top:8px;}
.floating_ewm .qrcord_p01{font-size:12px;line-height:16px;}


/* 手机端样式 */
@media screen and (max-width:768px){ html{-webkit-text-size-adjust:none}
	body{ background:#FFF}
	#top,.loser,#nav,.floating_ck{ display:none;}
	.dao{ display:block; width:100%; background:url(../images/headbg.png) repeat-x; border-top:4px solid #D30000; overflow:hidden}
	#header{ width:100%; height:60px; line-height:60px; text-align:center; position:relative; }
	#header span.right{ display:block; width:40px; height:40px; position:absolute; right:0px; top:10px; background:url("../images/btn.png") no-repeat center center; background-size:80%; 
	transform:rotate(0deg); 
	-ms-transform:rotate(0deg);
	-moz-transform:rotate(0deg);
	-webkit-transform:rotate(0deg);
	-o-transform:rotate(0deg); 
	-webkit-transition:all 0.3s linear; 
	-ms-transition:all 0.3s linear; 
	-moz-transition:all 0.3s linear; 
	-o-transition:all 0.3s linear; 
	transition:all 0.3s linear; 
	}
	#header span.right.on{background:url("../images/btn2.png") no-repeat center center; background-size:55%; 
	transform:rotate(135deg);
	-ms-transform:rotate(135deg);
	-moz-transform:rotate(135deg);
	-webkit-transform:rotate(135deg);
	-o-transform:rotate(135deg); 
	-webkit-transition:all 0.3s linear; 
	-ms-transition:all 0.3s linear; 
	-moz-transition:all 0.3s linear; 
	-o-transition:all 0.3s linear; 
	transition:all 0.3s linear; }
	#header h1{font-size:0.16rem; font-weight:normal; }
	#header span.left{ height:100%; position:absolute; left:5px; top:0; display:block; font-size:14px; padding:0px}
	#header span.left img{ height:90%; margin-top:1%}
	.menu{ overflow:hidden; background:#FFF; width:100%; position:absolute; left:0; top:63px; z-index:9999; height:0; list-style:none; border-top:1px solid #EEE;
	-webkit-transition:all 0.3s linear; 
	-ms-transition:all 0.3s linear; 
	-moz-transition:all 0.3s linear; 
	-o-transition:all 0.3s linear; 
	transition:all 0.3s linear; }
	.menu li{ width:100%; text-align:center; border-bottom:1px solid #EEE; height:35px; line-height:35px;}
	.menu li a{ font-size:14px; color:#666}
	.menu li.active a{ color:#D30000}
	/* banner */
	.slide img{ width:150%; left:-24%}
	.slide_nav.prev,.slide_nav.next{ display:none}
	.banner,.banner img{ height:160px;}
	/* 首页新闻公告 */
	.gao{ width:98%;}
	#gongao{ width:80%;} 
	#scroll_div{ width:100%;}
	.bdsharebuttonbox{ display:none}
	/* 首页图片滚动 */
	.mr_frbox{ display:none}
	/* 首页产品列表 */
	#product{ background:#FFF}
	.prolist{ width:98%; padding:10px 0;}
	.prolist .none{ display:none !important}
	.prolist .right{ width:100%;}
	.prolist .right h1{ display:block; line-height:40px; border-bottom:1px solid #CCC; font-size:18px;}
	.prolist .right .pro{ width:47%; margin:10px 0 0 2%;}
	.prolist .right .pro dt{ height:240px;}
	/* 首页新闻中心 */
	#news{ width:98%; margin:0 auto}
	#news .cont{ margin-top:15px;}
	#news .cont dl{ width:47%; margin:0 0 10px 2%;}
	#news .cont dl dt{ height:200px;}
	/* 首页合作伙伴 */
	#huoban{ width:98%; margin:10px auto}
	#huoban .cont{ margin-top:15px;}
	#huoban .cont a{ width:47%; height:110px; margin:0 0 10px 1.8%;}
	/* 首页友情链接 */
	#links{ display:none}
	/* 内页公用 */
	.position{ display:none}
	.prolist .left{ width:100%;}
	.prolist .left h1{ height:60px; line-height:60px;}
	.prolist .left h3{ display:none}
	.prolist .left2{ display:block}
	.prolist .left2 h1{ height:60px; line-height:60px; text-align:center; font-size:26px; color:#FFF; background:#D30000;
border-bottom:1px solid #FFF;}
	#list li{ width:47%; height:45px; line-height:45px; margin:5px 0 0 2%; float:left}
	#list #none{ display:none}
	#list li a{ height:45px; background:#EFEFEF;}
	#list li a:hover,#list li.sel a{ background:#D30000;}
	/* 关于我们 */
	.content{ padding:10px;}
	/*新闻中心*/
	.newscon{ padding:10px}
	.newscon h3{ margin-top:10px;}
	.newscon dl{ padding-bottom:0; margin-bottom:20px;}
	.newscon dl dt{ width:100%; height:120px; }
	.newscon dl dd{ width:100%;}
	.newscon dl dd .title{ margin-top:10px;}
	.newscon dl dd .title span{ display:none}
	.newscon dl dd .con{ margin-top:10px;}
	/* 联系我们 start */
	.contact_art{ width:100%; margin:10px auto;}
	.contact_art h1{ margin-bottom:10px; padding-bottom:10px;}
	.contact_art .contact{ width:100%; margin-left:0; border:none}
	.contact_art .contact ul{ width:100%; margin:5px 0;}
	.contact_art .contact2{ width:100%; margin-left:0; padding:10px 0;}
	.contact_art .one{ height:30px; line-height:30px;}
	.contact_art #map{ width:99%; height:300px; margin:20px 0 0 0;}
	.content form{ width:100%; margin:10px auto 0}
	/* 产品中心 */
	.mod18{ width:100%; margin:20px auto;}
	.mod18 .pre{ left:0;}
	.mod18 .next{ right:0;}
	.procon{ padding:10px;}
	.procon img{ width:100%}
	/* 分页 start */
	#page{ display:none}
	#mpage{ padding-top:20px; display:block; text-align:center;}
	#shang{ margin:27px auto 0;}
	#shang .pre,#shang .next{ width:100%;}
	/* 网页公用底部 start */
	#foot{ padding-bottom:50px;}
	#foot .cont{ width:100%; padding-top:8px;}
	#foot .cont p{ padding:0 10px; text-align:center; line-height:22px; font-size:12px;}
	#foot .cont span{ display:none}
	.mfoot{ width:100%; overflow:hidden; display:block; background:#D30000; position:fixed; left:0; bottom:0; border-top:1px solid #FFF}
	.mfoot .left,.mfoot .right{ display:block; width:50%; line-height:50px; text-align:center; font-size:14px; color:#FFF; float:left}
	.mfoot .right{ width:49%; border-left:1px solid #FFF}
}
@media screen and (max-width:320px){ html{-webkit-text-size-adjust:none}
	#header span.left{ left:5px;}
	.mod18{ width:305px;}
	.mod18 #prevTop,.mod18 #nextTop{ top:145px;}
	.mod18 .picBox,.mod18 .picBox ul{ height:350px;}
	.mod18 .picBox li{ width:305px; height:350px; }
}