body,h1,h2,ol,ul,li,p,input,dl,dt,dd,h4,h3,h5,h6 { margin:0; padding:0; border:0; }
ul,ol { list-style:none }
input[type="text"],input[type="search"] { -webkit-appearance:none; -webkit-tap-highlight-color:#fff; outline:0 }
body { color:#333; font-size:14px; background:#eee; font-family:"\5fae\8f6f\96c5\9ed1","Microsoft YaHei",Tahoma,Verdana; }
a{ color:#8d8d8d; text-decoration:none }
.hidden { display:none }
.none{ display:none;}
.clear{ clear:both;}
.editor{ padding:15px 10px; line-height:1.8; word-wrap:break-word; }
.editor a{ color:#f00; text-decoration:none; }
.editor ul,.editor ol{ padding-left:28px;}
.editor ul li{ list-style-type:disc; margin-bottom:3px; }
.editor ol li{ list-style-type:decimal; margin-bottom:3px; }
.editor img{ height:auto !important;max-width: 100% !important; width:100% !important}
.editor .metvideobox{ text-align:center; margin:10px auto; }
.editor .video-js{ max-width:100%; }
.adres p{ line-height:2rem}
/*分页*/
#flip{ text-align:center; height:50px; line-height:50px;}
#flip i{ margin-right:3px; color:#F30;vertical-align: middle;}
/*新闻模块*/
#newslist li{ padding:0px 8px; border-bottom:1px solid #ccc; height:54px;}
#newslist li a{ display:-webkit-box;}
#newslist li h4{ font-weight:normal; color:#000; -webkit-box-flex:1; padding-top:12px;overflow:hidden;}
#newslist li p.t{ height:18px; line-height:18px; overflow:hidden;}
#newslist li p.time{ color:#999; height:18px; line-height:18px; font-size:12px;}
#newslist li span.more{ display:block; width:20px; height:54px; background:url(../images/listmore.png) no-repeat center; background-size:10px; }
#newslist li span.hot{ color:#f00; }

#shownews h1.title{ font-size:18px; text-align:center; line-height:1.5; border-bottom:1px solid #ccc; padding:10px 20px;}
#shownews h1.title p.hits{ font-size:12px; color:#999; font-weight:normal;}

/*产品模块*/
#productlist{ margin-left:5px; }
#productlist .poroduct_list li{ float:left; width:50%; }
#productlist .poroduct_list li a{ display:block; margin:5px; margin-left:0px; text-align:center; color:#333; }
#productlist .poroduct_list li img{ max-width:100%; }
#productlist .poroduct_list_2 dl{ border-bottom:1px solid #ccc; padding:20px 0px; display:-webkit-box;}
#productlist .poroduct_list_2 a{display:block;}
#productlist .poroduct_list_2 li:last-child dl{ border-bottom:none!important;}
#productlist .poroduct_list_2 dt{ font-size:16px; display:-webkit-box; max-width:80px; margin-left:5px;}
#productlist .poroduct_list_2 dt:first-child{ width:120px; max-width:120px; height:100px; display:table-cell; text-align:center; vertical-align:middle; border:1px solid #eee}
#productlist .poroduct_list_2 dt img{ max-width:120px; max-height:100px;vertical-align: middle;}
#productlist .poroduct_list_2 dt.more{ width:20px; background-size:12px; position:relative}
#productlist .poroduct_list_2 dt.more i{position: absolute;top: 28%;right: 25%;}
#productlist .poroduct_list_2 dd{ margin-left:5px; -webkit-box-flex:1;}
#productlist .poroduct_list_2 dd h4{ font-weight:normal; color:#333; margin-bottom:5px;height: 1.2rem; line-height: 1.2rem;overflow: hidden;}
#productlist .poroduct_list_2 dd h4 .hot{ color:#f00;}
#productlist .poroduct_list_2 dd h5{ font-weight:normal;color:#F60; margin-top:5px;}
#productlist .poroduct_list_2 dd p.desc{ color:#999;max-height: 3.6rem;overflow: hidden; line-height:1.2rem}
#showproduct h1.title{ font-size:18px; font-weight:normal; padding:10px 10px 0px; line-height:1.2;}
#showproduct .pshow{ position:relative; width:100%; overflow:hidden; font-size:0px; text-align:center;}
#showproduct .pshow li img{ height:auto!important; width:100%; }
#showproduct .pshow li p{  text-align:left; min-height:7px; font-size:12px; }
#showproduct .paralist{ padding:0px 10px;}
#showproduct .paralist li{ display:-webkit-box; padding:8px 0px; border-bottom:1px solid #eee; }
#showproduct .paralist li a{ color:#08c; }
#showproduct .paralist li div.pn{ color:#999; }
#showproduct .paralist li div.pv{ -webkit-box-flex:1; }
#showproduct .paralist li:last-child{ border-bottom:none;}
#showproduct .desc{ margin:10px; padding:8px; background:#efefef;}



/*表单*/
.metinfo_mobile_form{ padding-top:10px;}
.metinfo_mobile_form li{ margin:10px auto; padding: 5px 20px 5px 0px; padding-left: 20px; position:relative;}
.metinfo_mobile_form li:last-child{ margin-top:0px!important;}
.metinfo_mobile_form li span.info{ display:block; width:100%; padding-bottom:5px; color:#999;}
.metinfo_mobile_form li .xbox{ padding-right:23px;}
.metinfo_mobile_form li.select .xbox,.metinfo_mobile_form li.radio .xbox{ padding-right:0px;}
.metinfo_mobile_form li input.input-text{ 
	width: 100%;
	border:1px solid red;
	height: 40px;
	padding: 0px 10px;
	line-height: normal;
	background: #fdfdfd;
	border-top: 1px solid #858585;
	border-left: 1px solid #afafaf;
	border-right: 1px solid #afafaf;
	border-bottom: 1px solid #c9c9c9;
	box-shadow: 1px 1px 3px #b7b7b7 inset!important;
	-webkit-appearance: none;
}
.metinfo_mobile_form li textarea.textarea-text{ 
	width: 100%;
	height: 130px;
	padding: 10px;
	line-height: 20px;
	background: #fdfdfd;
	border-top: 1px solid #858585;
	border-left: 1px solid #afafaf;
	border-right: 1px solid #afafaf;
	border-bottom: 1px solid #c9c9c9;
	-moz-box-shadow: 1px 2px 3px #b7b7b7 inset!important;
	-webkit-box-shadow: 1px 2px 3px #b7b7b7 inset!important;
	box-shadow: 1px 2px 3px #b7b7b7 inset!important;
	-webkit-appearance: none;
	background: -webkit-gradient(linear, 0 0, 0 100%, from(#fdfdfd), to(#fdfdfd));
	resize:none;
}
.metinfo_mobile_form li.radio{ padding:0px; margin:10px 20px;}
.metinfo_mobile_form li.radio span.name,.metinfo_mobile_form li.select span.name{ display:block; height:30px; line-height:30px; padding:0px 10px; border:1px solid #3072b3; border-bottom:none; }
.metinfo_mobile_form li.radio span.name,.metinfo_mobile_form li.select span.name{
    color: #fff; 
    background-color: #3072b3;
    background-image: linear-gradient(#599bdc, #3072b3);
}
.metinfo_mobile_form li.radio label{ display:block; text-align:left;height:38px; line-height:38px; padding-left:10px; }
.metinfo_mobile_form li.radio label{
    overflow: visible; 
    border: 1px solid #d4d4d4; 
    text-decoration: none; 
	border-top:0px;
    color: #333; 
    background-color: #ececec;
    background-image: linear-gradient(#f4f4f4, #ececec);
}
.metinfo_mobile_form li.radio label input{ position:relative; top:2px; margin-right:5px;}
.metinfo_mobile_form .input-submit{ padding: 0px 20px 20px;}
.metinfo_mobile_form .input-submit input,.metinfo_mobile_form .input-submit input:visited {
	background: #91bd09;
	display: inline-block;
	padding: 10px 30px 11px;
	color: #fff;
	text-decoration: none;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	position: relative;
	width:100%;
	font-size:20px;
	-webkit-appearance: none;
}
.metinfo_mobile_form li.select{ padding:0px; margin:10px 20px;}
.metinfo_mobile_form li.select select{ display:block; width:100%; height:40px; line-height:40px; background:#ececec; border:1px solid #d4d4d4; padding-left:5px; outline: none; }
.metinfo_mobile_form li.txtname{ display:-webkit-box;}
.metinfo_mobile_form li.txtname div.name{ width:100px; text-align:left; font-size:16px;}
.metinfo_mobile_form li.txtname div.val{ -webkit-box-flex:1; text-align:left; padding-left:10px; font-size:16px;color:#999; }
.metinfo_mobile_form li.txtname div.val img{ max-width:100%; }

/*上一条下一条*/
.met_page ul.preul{ display:-webkit-box; padding-bottom:10px; }
.met_page ul.preul li{ -webkit-box-flex:1; background:#efefef; overflow:hidden; color:#333; position:relative; width:50%}
.met_page ul.preul li a{ display:block; color:#333!important;}
.met_page ul.preul li p.pret{ margin-bottom:5px;}
.met_page ul.preul li p.pres{ line-height: 1.4rem;height: 1.4rem;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.met_page ul.preul li.preinfo{ text-align:left; padding:10px; margin-right:3px; padding-left:15px; }
.met_page ul.preul li.nextinfo{ text-align:left; padding:10px; margin-left:3px; padding-right:15px;}
.met_page ul.preul li.nor{ color:#999; background:#efefef;}
.met_page ul.preul li.preinfo:before{ content:"\f053"; font-family:"FontAwesome";position: absolute;left: 0px; top: 40%; color:#FF8804}
.met_page ul.preul li.nextinfo:after{content:"\f054"; font-family:"FontAwesome";position: absolute;right: 0px; top: 40%;color:#FF8804}

/*返回*/
.mtop{ -webkit-box-shadow: 2px 0px 8px #666; position:relative; height:46px; z-index:999;}
.metreturn{ -webkit-box-flex:1; width:30%;}
.metreturn a{ display:block; height:46px; line-height:46px; background:url(../images/return.png) no-repeat 10px center; background-size:14px; }
.mtitle{ -webkit-box-flex:1; height:46px; line-height:46px; color:#fff; font-size:20px; text-shadow: 0 1px 1px rgba(0,0,0,.4); text-align:center; width:100%;  white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.rightnav{ -webkit-box-flex:1; width:50%;}
/*整体*/
body,html{ background:#f2f2f2;}
.metcont{ max-width:640px;margin:0px auto;padding-bottom:48px;position:relative;}
.ui-imglazyload{ background:url(../loading.gif) no-repeat center center; width:80px; min-height:50px;}
/*head*/
.top{ height:46px; background-color:#FF8804; display:-webkit-box;}
.top-logo{ font-size:1rem; height:46px; line-height:46px; color:#fff; padding:0px 5px; overflow:hidden;-webkit-box-flex:1;}
.top-logo img{ max-height:46px;}
/*顶部右边功能区*/
.top-right li.tlist{ float:left; width:36px; height:32px; padding:14px 5px 0px; text-align:center; position:relative; z-index:999;}
.top-right li.now{ background:#dc6e00; }
.top-right li span.tspan{ font-size:20px; color:#c4cde0; }

.topBar {height: 2rem;width: 100%;background-color: #FF8804;position: relative;color: #fff;}
.topBar h1 {font: 1rem "微软雅黑";padding:0 .7rem; text-align:center; line-height:2rem;}
nav li{ -webkit-tap-highlight-color:rgba(0,0,0,0);}
/*导航方式1*/
nav.type1{ width:100%; position:relative; height:40px; overflow:hidden; background:#007ac7;}
nav.type1 ul{ display:-webkit-box; table-layout: fixed; white-space: nowrap; width: auto;}
nav.type1 .ui-scroller { display: inline-block; }
nav.type1 ul li{ -webkit-box-flex: 1; text-align:center; height:40px; line-height:40px; min-width:80px; overflow:hidden; border-right:1px solid #0066a6; }
nav.type1 ul li a,nav.type1 ul li a:visited{ color:#fff;  text-shadow: 0px 1px 1px #666;}
nav.type1 ul li a:hover{ color:#fff;}
nav.type1 ul li.navdown{ background:#ededed;}
nav.type1 ul li.navdown a{ color:#444; text-shadow:none;}
/*导航方式2*/
nav.type2 ul{ width:100%; background:#007ac7; overflow:hidden; }
nav.type2 ul li{ float:left; text-align:center; background:#007ac7; }
nav.type2 ul li a{ color:#fff; display:block; height:40px; line-height:40px; overflow:hidden; border-right:1px solid #0066a6; padding:0px 2px; border-bottom:1px solid #0066a6;}
nav.type2 ul li.navdown{ background:#ededed;}
nav.type2 ul li.navdown a{ color:#444; text-shadow:none;}
.tapmengban{ position:absolute; left:0px; top:0px; background:#000; width:100%; opacity:0;}
/*导航方式3*/
nav.type3{ position:absolute; top:55px; right:6px; z-index:99999999999; padding:0px 18px; background:#FF9F36; border-radius:5px; }
nav.type3 i{display: block;width: 0;height: 0;border: solid 9px;border-color: transparent transparent rgba(255,136,4,0.8);position: absolute;top: -18px;right: 8px;margin-left: -9px;}
nav.type3 ul{ width:100%; overflow:hidden; }
nav.type3 ul li{ margin:22px 0px; white-space:nowrap; }
nav.type3 ul li a{ color:#fff; font-size:15px; }

/*图片轮播*/
/*轮播*/
.focus{ width:100%; height:auto;  margin:0 auto; position:relative; overflow:hidden;   }
.focus .hd{ width:100%; height:11px;  position:absolute; z-index:1; bottom:5px; text-align:center;  }
.focus .hd ul{ display:inline-block; height:5px; padding:3px 5px; background-color:rgba(255,255,255,0.7); 
    -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; font-size:0; vertical-align:top;
}
.focus .hd ul li{ display:inline-block; width:5px; height:5px; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; background:#8C8C8C; margin:0 5px;  vertical-align:top; overflow:hidden;   }
.focus .hd ul .on{ background:#b01e00;  }
.focus .bd{ position:relative; z-index:0; }
.focus .bd li img{ width:100%;  height:180px;}

/*首页内容部分*/
.index .active{ background:#fff;}

.ui-slider-dots{height: 15px; width:100%; bottom:0 !important; padding-top: 5px !important; background-color: rgba(0,0,0,0.3);}
.ui-slider-dots>b{margin: 0 4px; width: 10px !important; height: 10px !important; border-radius: 5px !important;}
.link_tel{display:block!important; line-height: 40px!important; margin: 5px 5px 0 5px; color: #fff!important; text-align: center; border-radius: 5px; word-spacing: nowrap; overflow: hidden; font-size: 18px; position: relative;}
.link_tel:before{ content:"\f2a0"; font-family:"FontAwesome"; margin-left:0; position: absolute; left: 10px; top: 2px; font-size: 25px;}
.list_font{padding:1px 5px; display:-webkit-box;}
.list_font li {overflow: hidden; color: #fff; background-color: #fff; height: 100px; display: inline-block; float: left; padding: 2px; text-align: center;  -webkit-box-flex:1; -moz-box-flex:1; position: relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;  -webkit-background-clip: content; -moz-background-clip: content; background-clip: content; }
.list_font li a {color: #fff; display: inline-block; width: 100%; height: 100%;}
.list_font div:first-child { height: 100px; margin: 0; margin-bottom: 5px; line-height: 80px;}
.list_font span[class^="icon"] {display: inline-block; width: 30px; height: 30px; font-size: 30px;}
.list_font li p {font-size: 16px; position: absolute; width: 100%; bottom: 15px; color: #fff;}

/*底部信息*/
.foot-text{ text-align:center; padding:20px 0px; font-size:12px; line-height:1.5;}
.foot-text a{ color:#1c57c4;}

/*底部固定区块*/
#footer{ width:100%; position:fixed; bottom:0px; left:0px; height:48px; z-index:999; text-align:center; }
.footerbox{ max-width:640px; height:48px; margin:0px auto; position:relative;}
.footerlist{max-width:640px;  height:48px; overflow:hidden; border-top: 2px solid #006ebe; background: -webkit-gradient(linear, 0 0, 0 100%, from(#0058a4), to(#014c8d), color-stop(50%, #0058a4)); position:absolute; left:0px;}
#footer ul{ display:-webkit-box; }
#footer ul li{ display:-webkit-box; -webkit-box-flex:1; text-align:center; border-right: 1px solid #003c87; border-left: 1px solid #008cd7;}
#footer ul li a{ display:block; width:100%; text-align:center; color:#fff; height: 48px; }
#footer .icon{ display:block; margin:0px auto 6px; position:relative; top:3px; width:30px; height:20px; overflow:hidden; background:url(../footer.png) no-repeat; background-size:150px;background-position:-3px 0px;}
#footer .map{ background-position:-83px 0px;}
#footer .message{ background-position:-48px 0px;}
#footer .home{ background-position:-118px 0px;}
#footer .txt{ height:16px; line-height:16px; font-size:12px;}
.powered_by_metinfo{ }
.powered_by_metinfo a{ color:#666;}
.metpcmobile{ padding:8px 0px;}
.metpcmobile span{ padding:0px 8px;}

/*侧栏分类*/
.sidebar{ background:#fff;margin-top: 5px;}
.sb_nav h3.title{ height:40px; line-height:40px; background:#ededed; padding-left:15px;border-left: 4px solid #ea5946; font-weight:normal; overflow:hidden;}
.sb_nav h3.title p.moresidebar{ float:right; font-size:12px; padding:0px 10px; padding-left:30px; background:url(../images/side.png) no-repeat 15px center; background-size:12px;}
.sb_nav h3.title p.now{ background-color:#ccc;}

/*侧栏面板*/
.sidebar_jsbox{ position:absolute; left:0px; top:0px; width:100%; }
#wrapper_sidebar{position:absolute;z-index:99999;top:46px;bottom:0px;left:0;width:100%; background:#de7f32;overflow:auto;}
#sidebar{ width:100%; background:#405c86; padding:0px; margin:0px;opacity:0.9;top: 0px;z-index: 1001;position: fixed;height: 100%; }
#sidebar h3.title{ padding:0px 10px; height:46px; line-height:46px; margin:0px; text-align:center; font-weight:normal; background:#b85200; color:#fff}
#sidebar dl{ background:#de7f32; clear:both;}
#sidebar dt{ border-bottom:1px solid #1c375e; background:url(../images/navmore.png) no-repeat 95% center; background-size:12px; border-color:#b85200 }
#sidebar dt a{  padding:12px 10px; display:block; color:#fff;}
#sidebar dd{ border-bottom:1px solid #132b4e; overflow:auto; padding:3px 0px; }
#sidebar dd h4{ font-weight:normal; float:left; width:33%; padding:6px 0px; text-align:center; overflow:hidden; word-wrap:break-word;}
#sidebar dd h4 a{ display:block; color:#efefef;}
#sidebar dt.on,#sidebar h4.on{ background:#1c375e;}

/*************************************************************************************************************************************************/
/*详情页导航*/
.fr{float:right !important;}


/*底部弹出导航区块*/
#footernav{ width:100%; position:fixed; bottom:0px; left:0px; z-index:999; text-align:center; }
.footerboxnav{ max-width:640px; margin:0px auto; position:relative;}
#footernav ul{ display:-webkit-box; }
#footernav ul li{ display:-webkit-box; -webkit-box-flex:1; text-align:center; border-right: 1px solid #003c87; border-left: 1px solid #008cd7;}
#footernav ul li a{ display:block; width:100%; text-align:center; color:#fff; }
#footernav .icon{ display:block; margin:0px auto 6px; position:relative; top:3px; width:30px; height:22px; overflow:hidden; background:url(../footer.png) no-repeat; background-size:150px;background-position:-2px 0px;}
#footernav .map{ background-position:-82px 2px;}
#footernav .message{ background-position:-44px 0px;}
#footernav .home{ background-position:-116px 1px;}
#footnum{display:none;}

/*右下角弹出图标css begin----与底部弹出导航区块是一起的--*/
#footernav .icon-phone{color:#fff; font-size:23px; text-align:center; line-height:32px;}
#footernav .icon-map-marker{color:#fff; font-size:23px; text-align:center; line-height:32px;}
#footernav .icon-edit{color:#fff; font-size:22px; text-align:center; line-height:34px;}
#footernav .icon-home{color:#fff; font-size:23px; text-align:center; line-height:32px;}
.jisou-info{
    position:absolute;
    height:100px;
    background:rgba(0,0,0,0);
    top:0;
    left:0;
    width:0;
    height:0;
    z-index:800;
    display:none!important;
}
.info-nr {
	z-index:900;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.info-nr-menu{
	-webkit-appearance:button;
	display:inline-block;
	width:36px!important;
	height:36px!important;
	border-radius:36px;
	position: absolute;
	bottom:6px;
	left: 6px;
	z-index:999;
	-moz-box-shadow:0 0 0 4px #FFFFFF, 0 2px 5px 4px rgba(0, 0, 0, 0.25);
	-webkit-box-shadow:0 0 0 4px #FFFFFF, 0 2px 5px 4px rgba(0, 0, 0, 0.25);
	box-shadow:0 0 0 4px #FFFFFF, 0 2px 5px 4px rgba(0, 0, 0, 0.25);
	background-color: #B70000;
	-webkit-transition: -webkit-transform 200ms;
	-webkit-transform:rotate(1deg);
	color:#fff;
	background-image:url(../images/plus.png);
	background-repeat: no-repeat;
	background-position: center center;
	outline: none;
}
.info-nr-menu:before{
	font-size:20px;
	margin:9px 0 0 9px;
}
.info-nr-menu:checked{
	-webkit-transform:rotate(135deg);
}
.info-nr-phone>div {
	width:32px;
	height:32px;
	border-radius:32px;
	-moz-box-shadow:0 0 0 3px #FFFFFF, 0 2px 5px 3px rgba(0, 0, 0, 0.25);
	-webkit-box-shadow:0 0 0 3px #FFFFFF, 0 2px 5px 3px rgba(0, 0, 0, 0.25);
	box-shadow:0 0 0 3px #FFFFFF, 0 2px 5px 3px rgba(0, 0, 0, 0.25);
	background:#B70000;
	position:absolute;
	bottom:-11px;
	left:-11px;
	margin-bottom:20px;
	margin-left:20px;
	z-index:900;
	-webkit-transition: -webkit-transform 200ms;
}
.info-nr-phone>div a{
    display: block;
	height:32px;
	width:32px;
}
.info-nr-phone>div.on:nth-of-type(1) {-webkit-transform: translate(0, -100px) rotate(720deg);}
.info-nr-phone>div.on:nth-of-type(2) {-webkit-transform: translate(47px, -81px) rotate(720deg);}
.info-nr-phone>div.on:nth-of-type(3) {-webkit-transform: translate(81px, -45px) rotate(720deg);}
.info-nr-phone>div.on:nth-of-type(4) {-webkit-transform: translate(100px, 0) rotate(720deg);}
.color-blue .info-nr-menu,.color-blue div{background-color:#2192e1;}
.color-green .info-nr-menu,.color-green div{background-color:#64c31f;}
.color-grey .info-nr-menu,.color-grey div{background-color:#656664;}
.color-red .info-nr-menu,.color-red div{background-color:#d32020;}
.color-orange .info-nr-menu,.color-orange div{background-color:#ff7200;}
/*右下角弹出图标css end*/

/*** 时间轴 start ***/
.timeline{display: block;position: relative;padding-left: 95px;height: auto;overflow: visible;}
.timeline:after {content: ".";height: 0;visibility: hidden;display: block;clear: both;overflow: visible;}
.timeline .spine{position: absolute;left: 70px;top: 0;bottom: 0px;width: 3px;height: 100%;background:lightblue;overflow: visible;}
.timeline .spine:after{position:absolute;top:-8px;right:-6px;content:"";width:0;height:0;border:8px solid transparent;border-bottom:8px solid lightblue;border-top:none;}
.timeline .container{display: block;height: auto;line-height: 15px;margin: 0px;padding: 0px;width:90%;}
.timeline .event-item {position: relative;margin-top:40px;}
.timeline .event-item:after {content: ".";height: 0;visibility: hidden;display: block;clear: both;}
.timeline .event-tag {position: absolute;width: 60px;top: 50%;left: -98px;margin-top:-21px;font-size: 18px;}
.timeline .event-content {display: inline-block;padding: 10px;color: #666;background-color: #fff;font-size: 14px;border: 1px solid #eee;position:relative;text-align:center;border-radius: 4px;box-shadow: 0 1px 2px rgba(0, 0,0,.3);width: 100%;}
.timeline .event-content img{max-width: 100%;border: none;}
.timeline .left_area {position: absolute;width: 10px;height: 20px;top: 50%;left: -10px;margin-top: -10px;}
.timeline .event-item:last-child .left_area{top: auto;bottom: 0px;}
.timeline .event-item:last-child .event-node{margin-top: 4px;}
.timeline .event-item:last-child .event-tag{top: auto;bottom: 0px;}
.timeline .event-content .arrow_left {border-width: 10px;border-color: #e4e4e4;left: 0;border-left-width: 0!important;border-style: dashed;border-right-style: solid;border-top-color: transparent!important;border-bottom-color: transparent!important;position: absolute;font-size: 0;line-height: 0;}
.timeline .event-content .title{margin-bottom: 10px;line-height:20px;position: relative;text-align: left;}
.timeline .event-content .small{text-align:left;display:block;padding-top:4px;padding-bottom:4px;color:#999;font-size: 10pt;line-height:20px;}
.timeline .title:after{height: 1px;overflow: hidden;background-color: #e5e5e5;position:absolute;content: " ";bottom: -5px;width: 98%;left: 1%;border-bottom: 1px solid #ffffff;}
.timeline .event-content .arrow_left_bg {border-width: 10px;left: 1px;border-color: #fff;border-left-width: 0!important;border-style: dashed;border-right-style: solid;border-top-color: transparent!important;border-bottom-color: transparent!important;position: absolute;font-size: 0;line-height: 0;}
.timeline .event-node {height: 11px;width: 11px;left: -20px;top: 6px;overflow: hidden;background:#006cff;position:absolute;display:block;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;}
.date{display:block;width:60px;height:45px;position:relative;}
.date .year{width:100%;color:#FFFFFF;height:50%;line-height:22px;text-align:center;font-size:16px;font-weight:bolder;position:absolute;background:#006cff;top:0px;}
.date .moth{display:inline-block;color:#FFFFFF;height:50%;line-height:22px;width:50%;left:0px;bottom:0px;position:absolute;text-align:center;font-size:14px;font-weight:bolder;background:#5ea2ff;}
.date .day{display:inline-block;color:#FFFFFF;height:50%;width:50%;line-height:22px;right:0px;bottom:0px;position:absolute;text-align:center;font-size:14px;font-weight:bolder;background:#c4ddff;}
/*** 时间轴 end***/
/*焦点图放大*/
.thumb-houseimg-box {width: 320px;height: 200px;overflow: hidden;margin: 1px auto;position: relative}
.thumb-houseimg-box .slide-area {position: relative;height: 200px;}
.thumb-houseimg-box .slide-area>li {width: 320px;height: 200px;margin-right: 0;float: left}
.thumb-houseimg-box li img {max-width: 320px;height: 200px;display: block;margin: 0 auto}
.thumb-img-indexs {padding-left: 5px;text-align: center;position: absolute;bottom: 5px;left: 0;z-index: 50;right: 0;margin: 0}
.thumb-img-indexs i {margin-right: 5px; display:inline-block;width: 8px;height: 8px;border-radius: 100%;background: #DFDFDF;}
.thumb-img-indexs i.active {background: #6fc600}
.thumb-img-left,.thumb-img-right {width: 45px;height: 45px;position: absolute;top: 78px}
.thumb-img-left {left: 0;background-position: -93px 14px}
.thumb-img-left.touch {background-color: rgba(0,0,0,0.4);border-top-right-radius: 4px;border-bottom-right-radius: 4px}
.thumb-img-right {right: 0;background-position: -116px 14px}
.thumb-img-right.touch {background-color: rgba(0,0,0,0.4);border-top-left-radius: 4px;border-bottom-left-radius: 4px}
 
.big-images-slider {background-color: rgba(0,0,0,0.7);position: fixed;top: 0;left: 0;z-index: 2000; width: 100%;height: 100%;}
#bigimgShow{z-index: 2001;width: 100%;position: fixed;top: 50px; left: 0;}
#bigimgShow ul{position: relative;height: 200px;-webkit-transform: translate3d(0px, 0px, 0px);}
#bigimgShow ul li { margin-right: 0;float: left;} 
#bigimgShow li img{width:100%;min-width: 320px; display: block;margin: 0 auto;}
.bigimg-indexs {padding-left: 5px;text-align: center;position: absolute;bottom: 5px;left: 0;z-index: 50;right: 0;margin: 0}
.bigimg-indexs i {margin-right: 5px; display:inline-block;width: 8px;height: 8px;border-radius: 100%;background: #DFDFDF;}
.bigimg-indexs i.active {background: #6fc600}
#hideSpan{position: absolute;top: 0px;right: 0px;z-index: 9999;background: #fff; color:#f60;border-radius: 100%;width: 1.8rem;height: 1.8rem;text-align: center;}

#my_photo .thumb-houseimg-box{ width:20rem; height:auto; margin:0px auto}
#my_photo .thumb-houseimg-box .slide-area>li{ width:49%;height: 7.4rem;border-right: #eee solid 1px;border-bottom: #eee solid 1px;}
#my_photo .thumb-houseimg-box li img{max-width:9rem; max-height:6.5rem; margin: .4rem auto; height:auto}
#my_photo .thumb-houseimg-box li:nth-child(2n){ border-right:none}
#my_photo .thumb-houseimg-box li .myPic{height: 7.5rem;width: 9.8rem;display: table-cell;text-align: center;vertical-align: middle;}

/*产品详情*/
.infoBtn{padding:0.8rem 0.4rem 0.8rem;background:#fff;margin-top:.6rem; font-family:"microsoft yahei";border-bottom: 1px solid #ddd;background-color: #eee;}
.infoBtn .tite{font-size:1rem;color:#303030;margin-bottom:0.5rem; overflow:hidden}
.infoBtn .title_span{display: inline-block;font-size: 1rem;float: left;max-width: 100%;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.infoBtn .tite .price{width: 100%; display: inline-block;line-height: 2.2rem; color:#DD9439}
.infoBtn .c-ico{display:inline-block;width:1rem;height:1rem;line-height:1rem;background:#db2242;text-align:center;margin-left:.3rem;border-radius:2px;-webkit-border-radius:2px;-moz-border-radius:2px;color:#fff;font-style:normal;}
.infoBtn a{border:1px solid #d2d2d2;padding:0.4rem 0.6rem;display:inline-block;font:0.8rem "\5FAE\8F6F\96C5\9ED1";color:#666;background:#fafafa;border-radius:0.2rem;-webkit-border-radius:0.2rem;-moz-border-radius:0.2rem; clear:both}
.infoBtn a i.iconfont{font-size:.7rem;color:#f94d43;margin-right:.125rem}
/* subpage */
/*公司信息*/
.about,.view{width:92.5%;margin:0% auto;font:0.22rem/2.2 "microsoft yahei";color:#1d1d1d;}
.about p{margin-bottom:0.8em;}
.companyTb{margin-top:.5rem;height:auto;overflow:hidden;background-color:#fff;position:relative}
.companyTb .infTb{border:1px solid #eee;margin:.75rem .5rem}
.companyTb .infTb li{border-bottom:1px solid #eee;font:0.8rem/1.2 "微软雅黑";overflow:hidden}
.companyTb .infTb li .th{width:5.3rem;float:left;color:#666;text-align:center;position:relative}
.companyTb .infTb li .td:before{content:"";border-left:1px solid #eee;position:absolute;top:0;left:0;bottom:0;height:100%;}
.companyTb .infTb li .th,.companyTb .infTb li .td{padding:.7rem 0;}
.companyTb .infTb li .td{width:12.6rem;float:left;position:relative;padding-left:.45rem;}
.companyTb .infTb li:last-child{border:0;}
/*相册*/
.sb_box ul.proShow{width:20rem;margin:0 auto 20px;overflow:hidden}
.photoes ul li{width:50%;height:10.4rem;overflow:hidden;float:left;border-right:#eee solid 1px;border-bottom:#eee solid 1px;box-sizing:border-box;padding-bottom:.4rem;}
.photoes ul li:nth-child(2n){border-right:none;}
.photoes ul li img{width:8rem;height:7.5rem;display:block;margin:.4rem auto;}
.photoes ul li a{display:block;}
.photoes ul li b{font:0.6rem/1.0rem "微软雅黑";height:1.0rem;overflow:hidden;color:#393939;display:block;text-align:center;margin:0 .25rem}
.photoes ul li font{font:0.6rem/0.6rem "微软雅黑";color:#db2242;display:block;text-align:center;width:100%;}
.photoes ul li{ border:none; height:9.4rem}
.photoes ul li a i{margin:5px 8px;width: 7rem;line-height: 6.5rem;height: 6.5rem;text-align: center;background-color: #eee;box-shadow: 5px 5px 5px #eee;border: 1px solid #ddd;color: #ccc;}
/** 分享窗口 S **/
.share_box_bg {background-color: #666;display: none;width: 100%;height: 100%;left: 0;top: 0;filter: alpha(opacity=50);opacity: 0.5;z-index: 80;position: fixed!important;position: absolute;}
.share_box {background: #fafafa;border-radius: 2px;z-index: 999;width: 310px;height: auto;overflow: hidden;left: 50%;top: 40%;margin-left: -155px!important;margin-top: -120px!important;margin-top: 0px;position: fixed!important;position: absolute;display: none;}
.share_box_tit {height: 36px;line-height: 36px;padding: 0 10px;color: #FFF;background: #626262;background: -webkit-gradient(linear, 0 0, 0 100%, from(#626262), to(#2e2e2e)) repeat-x 0 bottom;background: -moz-linear-gradient(top,  #626262,  #2e2e2e);filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#626262', endColorstr='#2e2e2e');border-bottom: 1px solid #999;border-radius: 2px 2px 0 0;font-size: 18px;font-weight: bold;text-align: left;overflow: hidden;}
.share_box_tit .close {float: right;padding: 0px;cursor: pointer;height: 36px;width: 36px;line-height: 36px;background:url(http://m.7wsh.com/temp/images/close_16.png) no-repeat center;}
.button.white {color: #606060;border: solid 1px #b7b7b7;
background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ededed));background: -moz-linear-gradient(top, #fff, #ededed);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ededed');}
.box-btn {margin-top: 10px;padding-right: 2px;text-align: center;}
.box-btn a{ font-size:0.9rem}
.button.big{width: 97%;height: 1.9rem;line-height: 1.9rem;text-align: center;display: inline-block;}
/** 分享窗口 S **/

/*底部*/
.foot-text{background:#fbf3e1; color:#666;border-top: 2px solid #ea5946;}
.foot-text a{ color:#666;}
.foot-text p{width: 80%; text-align:left;font: 0.8rem "微软雅黑";color: #848484;margin: 0rem auto; border-top: #D4CCB9 dotted 1px; height: auto; line-height: 1.8rem;}
.foot-text p:first-child{ border-top:none;}
.foot-text p:last-child{ text-align:center}
.foot-text p i{ color:#F28F70; font-size:1.1rem; width:15px;}
.foot-text p span{ width:100%; display:inline-block}
#footer .footerlist.footerlist{background:-webkit-gradient(linear,0 0,0 100%,from(#0065bc),to(#004ca3), color-stop(100%, #004ca3)); }