@import url(icono.min.css);
body{ min-width:1200px; margin:0 auto;}
*{ font-size:14px; color:#333;}
a:hover{ color:#D70C19;}
.wrap{ width:1200px; margin:0 auto;}
.top{ background:#1c1c1c;}
.top *{ color:#fff;}
menu{ border:0; padding:0;}
.welcome{ float:left; width:40%; padding:8px 0;}
.post{ float:right; width:60%; text-align:right; padding:8px 0; text-align:right;}
.post .RowsTitle,.post .Content{ float:left;}
.head{ display:inline-block; width:100%; border-bottom:1px solid #333; color:#666;}
.head *{ color:#757575;}
.Login_I{ float:left; dispaly:block; padding-left:15px;}
.Login_I input{ color:#757575; float:left;letter-spacing:1px;}
.Login_I .com{ display:none;}
.Login_I .email{ display:none;}
.Login_I .pw,.Login_I .un{ float:left; display:block; margin-left:10px;}
.Login_I div ol{ float:left;}
.Login_I div ol.La_ol{ text-align:left;}
.Login_I .gou0{cursor:pointer; width:144px; float:left; margin-top:6px; text-align:center;}
.Login_I .gou1{cursor:pointer; width:144px; float:left; margin-top:6px; text-align:center}
.Login_I .inputA{width:144px; height:22px; padding:0; margin:0; border:0; margin-top:2px; background:#757575;}
.Login_I .inputAa{width:144px; height:22px; padding:0; margin:0; border:0; margin-top:2px;}
.Login_I .inputB{width:94px; margin-left:5px;}
.Login_C .input_DL{ float:right; width:50px; display:block; color:#fff; background:#D70C19; border:0;}
.Login .enter{ float:right; display:block;}
.Login_B{float:left; dispaly:block;  margin-left:10px; }
.Login_C{ float:right; text-align:center; width:50px; display:block; margin-right:25px;}
.Login_B input{ color:#9a9a9a; height:25px;}
.Login_B div{ display:block; float:left; width:116px;}
.Login_B .gou0{ cursor:pointer; float:left; text-align:center; height:21px; line-height:21px; background:url(box.jpg) no-repeat left center; }
.Login_B .gou1{ cursor:pointer; float:left; text-align:center}
.Login_B div label{ margin-top:-1px;}
.Login_B .gou1{ height:21px; line-height:21px; background:url(tick.png) no-repeat left center; }
.logo{ float:left; width:60%; padding:20px 0; height:60px;}
.phone{ float:left; width:40%; height:60px;}
.phone .Mail{ float:left; width:calc(50% - 40px); background:url(mail.png) no-repeat 0 30px; background-size:30px 30px; padding:15px 0; padding-left:40px;}
.phone .Hotline{ float:left; width:calc(50% - 40px); background:url(phone.png) no-repeat 0 30px; background-size:30px 30px; padding:15px 0; padding-left:40px;}
.phone .dt{ display:block; clear:both; margin-top:5px; color:#fff;}
.menu{ height:88px; background:#fff; text-align:center;}
.menu .MenuCenter{ display:inline-block; font-size:0; position:relative;}
.menu ul li{ float:left; width:160px; text-align:center; position:relative; z-index:3;}
.menu ul li a{ display:block; line-height:88px; font-size:16px; font-weight:bold;}
.menu ul li a:hover{ color:#fff;}
.menu ul .sel a{ color:#ff0}
.banner{ height:648px;}
#wowslider-container .ws_bullets { top:0; right: 0; }
#wowslider-container { overflow: hidden; zoom: 1; position: relative; width:100%; height:100%; margin:0 auto; z-index:100; }
#wowslider-container .ws_shadow { width:100%; height:30px; position: absolute; left:0; bottom:-30px; z-index:-1; }
#wowslider-container .ws_images { position: absolute; left:0px; top:0px; width:100%; height:100%; overflow:hidden; }
#wowslider-container .ws_images a { color:transparent; }
#wowslider-container .ws_images img { top:0; left:0; border:none 0; }
#wowslider-container a { text-decoration: none; outline: none; border: none; }
#wowslider-container .ws_bullets { font-size: 0px; top:calc(100% - 50px); left:50%; float: left; position:absolute; z-index:70; }
#wowslider-container .ws_bullets div { position:relative; float:left; }
#wowslider-container .ws_bullets a { margin-left:4px; width:8px; height:15px; background: url(bullet.png) left 50% no-repeat; float: left; text-indent: -9999px; position:relative; }
#wowslider-container .ws_bullets a.ws_selbull, #wowslider-container .ws_bullets a:hover { background-position: right 50%; }
#wowslider-container a.ws_next, #wowslider-container a.ws_prev { position:absolute; display:none; top:50%; margin-top:-28px; z-index:60; height: 62px; width: 38px; background-image: url(arrows.png); }
#wowslider-container a.ws_next { background-position: 100% 0; right:-8px; }
#wowslider-container a.ws_prev { left:-8px; background-position: 0 0; }
#wowslider-container a.ws_next:hover { background-position: 100% 100%; }
#wowslider-container a.ws_prev:hover { background-position: 0 100%; }
* html #wowslider-container a.ws_next, * html #wowslider-container a.ws_prev { display:block }
#wowslider-container:hover a.ws_next, #wowslider-container:hover a.ws_prev { display:block }
#wowslider-container .ws-title { position: absolute; bottom:50px; left: 0; margin-right:5px; z-index: 50; padding:12px; color: #F9FBFB; text-transform:uppercase; background:#000000; font-family: Helvetica, Arial, Verdana, sans-serif; font-size: 18px; }
#wowslider-container .ws-title div { padding-top:5px; font-size: 13px; text-transform:none; }
#wowslider-container .ws_bullets a img { text-indent:0; display:block; top:16px; left:-120px; visibility:hidden; position:absolute; -moz-box-shadow: 0 0 5px #999999; box-shadow: 0 0 5px #999999; border: 5px solid #FFFFFF; }
#wowslider-container .ws_bullets a:hover img { visibility:visible; }
#wowslider-container .ws_bulframe div div { height:90px; overflow:visible; position:relative; }
#wowslider-container .ws_bulframe div { left:0; overflow:hidden; position:relative; width:240px; }
#wowslider-container .ws_bullets .ws_bulframe { display:none; top:20px; overflow:visible; position:absolute; cursor:pointer; -moz-box-shadow: 0 0 5px #999999; box-shadow: 0 0 5px #999999; border: 5px solid #FFFFFF; }
#wowslider-container .ws_bulframe span { display:block; position:absolute; top:-11px; margin-left:-9px; left:120px; width:15px; height:6px; }
.slogan{ height:38px; background:url(h1.png) no-repeat center bottom;}
.product{ margin-top:50px; margin-bottom:50px;}
#Navigator .RowsTitle{ display:inline-block; font-size:0; width:100%; margin-bottom:36px;}
#Navigator .RowsTitle .Title{ text-align:center;}
#Navigator .RowsTitle .Title .en,.RowsTitle .Title .en a{ display:inline-block; font-size:16px; line-height:1.8em; background:#D70C19; color:#fff; text-align:center; padding:0 50px;}
#Navigator .RowsTitle .Title .cn,#Navigator .RowsTitle .Title .cn a{ display:block; font-size:30px; color:#000; text-align:center; line-height:60px; font-weight:bold;}
#Navigator .Content{ text-align:center;}
.TabNavTitle{ display:inline-block; margin-bottom:40px;}
.TabNavTitle .TabTitle{ display:inline-block; margin:0 10px;}
.TabNavTitle .TabTitle a{ display:block; padding:5px 20px; background:#f8f8f8;}
.TabNavTitle .TabTitle a:hover{ background:#D70C19; color:#fff;}
#ProductView li,#ArticleView li{ float:left; width:268px; height:232px; text-align:center; margin:10px; margin-bottom:30px; padding:4px; border:1px solid #eee; box-shadow:5px 5px 5px #eee;}
#ProductView li:hover,#ArticleView li:hover{ border:1px solid #D70C19;}
#ProductView .thumbs,#ArticleView .thumbs{ display:block;}
#ProductView .thumbs a,#ArticleView .thumbs a{ display:table-cell; width:268px; height:192px; font-size:0; vertical-align:middle;}
#ProductView img,#ArticleView img{ max-width:268px; max-height:192px;}
#ProductView .atext,#ArticleView .atext{ display:block; line-height:30px;}
.red{ background:#D70C19; height:200px; clear:both;}
.about{ background:url(cityu.png) repeat-x center bottom; height:688px; margin-top:50px;}
.about #Navigator .Content{ text-align:left; }
.card{ float:right; width:460px; margin-left:40px; height:350px; }
.card img{ max-width:460px; max-height:350px;}
.about ul{ display:inline-block; margin-top:-10px;}
.about ul li{ float:left; margin-left:20px;}
.about ul li a{ display:block; padding:5px 20px; background:#f8f8f8;}
.about ul li a:hover{ background:#666; color:#fff;}
#ArticleIntro ul li{ text-align:left; margin-bottom:20px; border-bottom:1px solid #f8f8f8; padding-bottom:10px;}
#ArticleIntro ul li:first-child{ border:0;}
#ArticleIntro ul li .thumbs{ width:120px; height:120px;}
#ArticleIntro ul li .thumbs img{ max-width:120px; max-height:120px;}
#ArticleIntro ul li .detail .title a{ display:block; font-size:18px; font-weight:bold; line-height:20px; margin-bottom:8px;}
#ArticleIntro ul li .detail .intro{ line-height:1.5em;}
.LongDatePlus{ float:left; padding:5px; margin-right:20px; background:#D70C19; color:#fff; text-align:center; margin-bottom:10px;}
.LongDatePlus .dd{ display:block; font-size:24px; font-weight:bold; line-height:28px; color:#fff;}
.LongDatePlus .yymm{ color:#fff;}
.news{ margin-top:50px; margin-bottom:50px;}
.news #ArticleIntro ul li{ float:right; width:630px;}
.news #ArticleIntro .Summary{ float:left; width:520px; margin-right:50px;}
.news #ArticleIntro .Summary .thumbs{ width:100%; height:380px; overflow:hidden;}
.news #ArticleIntro .Summary .thumbs a{ display:block;}
.news #ArticleIntro .Summary .thumbs img{ width:520px; max-width:inherit; max-height:inherit;}
.news #ArticleIntro .Summary .detail{ margin-top:10px;}
.news #ArticleIntro .Summary .detail .title a{ display:block; font-size:18px; font-weight:bold;}
.news #ArticleIntro .enter{ display:none;}
.bottom{ display:inline-block; width:100%; background:#2C2B2B; color:#fff; padding-top:30px;}
.bottom * { color:#fff;}
.bottom .copyright{ float:left; padding-bottom:30px; width:800px;}
.bottom .wechat{ float:left; width:400px; height:200px;}
.black{ display:inline-block; width:100%; background:#000; padding:15px 0; margin-bottom:-7px;}
.dmenu{ height:50px;}
.dmenu ul li{ float:left; margin-right:30px;}
.dmenu ul li a{ float: left; display: block;}
.submenu{ height:40px; background:#f8f8f8; padding:20px 0; border-bottom:1px solid #f0f0f0;}
.submenu #sub{ width:1200px; margin:0 auto;}
.submenu .RowsTitle,.submenu .Content{ float:left; line-height:40px; padding:0;}
.submenu .RowsTitle .Title{ line-height:40px; margin:0; padding:0 20px; background:url(circle.png) no-repeat ; margin-right:20px; padding-left:80px; font-weight:bold; font-size:22px; }
.submenu ul li{ float:left;}
.submenu ul li a{ display:block; line-height:40px; padding:0 20px; margin:0 10px; border:1px solid transparent;}
.submenu ul li a:hover,.submenu ul .subsel a{ background:#eee; border:1px solid #666;}
.frame{ margin-bottom:80px;}
.guide{ margin:30px 0; color:#ccc;}
.guide *{ color:#ccc;}
.gray{ float:left; color:#ccc; margin-right:10px; transform:scale(0.8); margin-top:5px;}
#ProductDetail .Title,#ArticleDetail .Title{ display:block; text-align:center; font-size:30px; font-weight:bold; line-height:68px;}
.Log{ display:block; text-align:center; background:#f0f0f0; margin-bottom:20px; padding:10px 0;}
.Picture{ text-align:center;}
#ProductDetail img,#ArticleDetail img{ max-width:1200px; margin:0 auto;}
#ProductDetail .Subject{ width:100px; line-height:30px; background:#f00; text-align:center; color:#fff; font-weight:bold;}
#ArticleList ul li{ padding:5px;}
#ArticleList ul li .Title{ display:inline-block; text-indent:30px; background:url(dot.png) no-repeat left center; opacity:.8;}
#ArticleList ul li .Title:hover{ opacity:1;}
.LongDate{ float:right; display:block; width:80px; text-align:right;}
.ShortDate{ float:right; display:block; width:40px; text-align:right;}.Log{ display:block; color:#aaa;}
.Pagination{ display:block; clear:both; text-align:center; padding:10px 0; background:#f8f8f8; margin:20px 0;}
.Pagination a{ padding:0 2px;}
.Pagination #page{ text-align:center; line-height:1em;}