body{ min-width:1160px;}
*{color:#666;font-size:14px;}
a:hover{ color:#efaa00;}
.top{ margin:0 auto; position:relative; text-align:center;}
.main{text-align:center; margin:0 auto;}
.frame{ padding:30px 0;}
.body{ margin:0 40px; margin-bottom:40px; clear:both; min-height:400px;}
.bottom{ text-align:center;}
.wrap{ width:1100px; margin:auto;}

.banner{ height:796px; }
.banner:after{ float:left; display:block; width:430px; height:162px; content:""; position:absolute; z-index:100; top:468px; left:50%; margin-left:-460px; background:url(slogon.png) no-repeat;}
.slide { position: relative; width:100%; }
.ban_c { position: absolute; left: 0; top: 0; width: 100%; height: 100%; overflow: hidden; }
.ban_t { position: absolute; left: 0; bottom: 0; width: 100%; line-height: 20px; padding: 4px 0; text-indent: 10px; white-space: nowrap; overflow: hidden; color: #fff; background: #333; background: rgba(0,0,0,.5); z-index: 3; }
.ban_nav { position: absolute; bottom: 20px; left: 0; width: 100%; text-align: center; z-index: 4; }
.ban_c img { width: 100%; height: 100%; }
.ban_nav a { display: inline-block; vertical-align: middle; width: 24px; height: 24px; line-height: 24px; overflow: hidden; text-align: center; margin-left: 8px; cursor: pointer; text-decoration: none; font-size: 10px; -webkit-text-size-adjust: none; background: #333; color: #fff; border-radius:12px;}
.ban_nav .on { background: #E50012; color: #fff; }
.Left, .Right { cursor: pointer; }
.d-none{display: none;}
.navbar{ width:1090px; height:149px; position:absolute; top:0; left:50%; margin-left:-545px; z-index:100; background:url(bg_nav.png) no-repeat;}
.head{ height:75px; margin-top:74px; color:#FFF; font-size:18px;}
.logo{ float:left; display:none; width:320px; height:75px; font-size:20px; color:#fff; line-height:75px; overflow:hidden; padding-left:10px;}
.logo img{ max-width:350px; max-height:75px;}
.phone{ float:left; display:none; width:220px; height:55px; margin:10px 0; background:url(phone.png) no-repeat 40px center; border-left:1px dashed #aaa; padding-left:40px;}
.phone .Margin{ margin-top:18px;}
.phone .hotline{ margin-left:30px;}
.phone .hotline *{ color:#fff;}
.menu { float:right;}
.menu .MenuCenter{ display:inline-block; height:149px; font-size:0;  margin-top:-74px;}
.menu li{ float:left; width:70px; height:149px; margin-right:5px; background:url(nav.png) no-repeat 0 -149px;}
.menu li:hover{ background-position:0 0;}
.menu li a{ display:block; font-size:14px; color:#fff; text-align:center; padding:0 20px; margin-top:95px; line-height:1.3em;}
.menu .li2{ background-position:-70px -149px;}
.menu .li2:hover{ background-position:-70px 0;}
.menu .li3{ background-position:-140px -149px;}
.menu .li3:hover{ background-position:-140px 0;}
.menu .li4{ background-position:-210px -149px;}
.menu .li4:hover{ background-position:-210px 0;}
.menu .li5{ background-position:-280px -149px;}
.menu .li5:hover{ background-position:-280px 0;}
.menu .li6{ background-position:-350px -149px;}
.menu .li6:hover{ background-position:-350px 0;}
.menu .li7{ background-position:-420px -149px;}
.menu .li7:hover{ background-position:-420px 0}
.menu .li8{ background-position:-490px -149px;}
.menu .li8:hover{ background-position:-490px 0;}
.submenu{ margin-bottom:50px;}
.submenu .RowsTitle{ background:url(title.jpg) no-repeat center; text-align:center;}
.submenu .RowsTitle .Title{ display:inline-block; background:#fff; padding:0 40px;}
.submenu .RowsTitle .Title .cn{ color:#efaa00; font-weight:normal;}
.submenu .RowsTitle .Title .en{ color:#666;}
.submenu .Margin{ margin-top:30px;}
.submenu ul li{ float:left; display:block;}
.submenu ul li a{ display:block; padding:5px 20px;}
.submenu ul li.subsel a{ background:#efaa00; color:#fff;}

.RowsTitle .Title .cn{ display:inline; font-size:30px; font-weight:bold; color:#000;}
.RowsTitle .Title .en{ display:inline; font-size:14px; margin-left:20px;}
.about{ height:290px; background:url(bgabout.jpg) no-repeat; background-size:100% 100%; position:relative; padding:50px 0;}
.about .Margin{ text-align:center; font-size:14px; line-height:2.2em; height:188px; margin-top:30px; overflow:hidden;}
.about .More{ position:relative; top:200px; text-align:center;}
.about .RowsTitle{ height:56px; background:url(title.png) no-repeat; text-align:center;}

#ArticleList{ display:inline-block; width:100%; font-size:0;}
#ArticleList li{ background:#e00; clear:both;}
#ArticleList li a{ display:block; float:left; line-height:35px; font-size:16px;}
.LongDate{ float:right; line-height:35px; font-size:16px;}
.ShortDate{ float:right; line-height:35px; font-size:16px;}

.news{ padding:50px 0;}
.news .RowsTitle{ float:left; position:relative; width:200px; height:540px; background:#eeeef0;}
.news .RowsTitle .Title{ margin-top:40px;}
.news .RowsTitle .Title .en{ display: block;margin-left:0px;}
.news .Content{ float:left; width:900px; height:180px; margin-left:30px; background:url(line.png) no-repeat 700px center; padding-right:50px; padding-top:8px;}
.news .RowsTitle .More{ position:absolute; right:0; bottom:0;}
.news .RowsTitle .More a{ display:block; font-size:0;}
.video{border-bottom:2px dashed #eee; margin: 20px auto;padding: 40px 0;}
.pro{ position:relative;}
.pro .RowsTitle .Title{ background:url(pro.jpg) no-repeat center top; height:230px; text-indent:-5000px;}
.pro .RowsTitle .More{ position:absolute; top:840px; width:1100px; height:30px; border-bottom:2px dashed #ccc;}
.pro .RowsTitle .More a{ display:inline-block; background:#fff; padding:0 30px;}
.pro .Content{ text-align:center; height:750px;}
.pro .Margin{ display:inline-block; margin:0 auto; font-size:0; text-align:center;}
.pro .Margin .cn{ float:left; display:block; width:auto;}
.pro ul li{ display:inline-block; font-size:0; width:294px; height:275px; background-repeat:no-repeat;}
.pro h4 a{ display:block; height:269px;  text-indent:-10000px; overflow:hidden;}

.gray{ display:inline-block; width:100%; background:#9E9EA0; font-size:0; margin:30px auto; padding: 80px 0; text-align: center;}
.gray .RowsTitle{ float:left; width:260px; height:188px; position:relative; text-align:center; background:#F4C600; padding:30px 0;}
.gray .RowsTitle .Title{ display:inline-block; margin-top:50px;}
.gray .RowsTitle .Title .cn,.gray .RowsTitle .Title .en{display:block; text-align:right; color:#fff;}
.gray .Content{ float:left; width:710px; height:188px; margin-left:30px; margin-right:100px; padding:30px 0;}
.gray .Content *{ color:#eee;}
.gray .RowsTitle .More{ position:absolute; width:45px; height:248px; top:0; left:1010px; border-right:2px dashed #ccc;}
.gray .RowsTitle .More a{ display:block; margin-top:110px; margin-left:28px;}
.pic{ display:inline-block; width:100%; padding-bottom:30px; text-align:center;}
.pic .Subject{ width:1100px; margin:0 auto;}

.bottom{ display:inline-block; width:100%; background:#e12300; color:#fff; text-align:center;}
.bottom .wrap{ background:url(bgbottom.png) no-repeat center top; width:auto; height:300px;}
.bottom *{ font-size:15px; color:#fff;}
.bottom .logo{ display:inline-block; width:100%; height:167px; padding:0; text-indent:-10000px;}
.copyright{ display:inline-block; text-align:center; margin:0 auto; clear:both; padding:20px 80px 0 80px;}

#ArticleDetail .Title,#ProductDetail .Title{ display:block; text-align:center; font-size:30px; line-height:60px; font-weight:bold; color:#efaa00;}
.Log{ display:block; text-align:center; background:#f8f8f8; margin-bottom:20px; line-height:40px; margin-bottom:40px;}
.Picture{ text-align:center;}
.Picture img{ max-width:1000px;}

#ArticleSummary li{ height:168px; overflow:hidden; margin-bottom:20px;}
#ArticleSummary li .thumbs{ float:left; display:block; width:168px; height:128px; margin-right:30px; overflow:hidden;}
#ArticleSummary li .nopic{ display:none;}
#ArticleSummary li .thumbs img{ width:168px;}
#ArticleSummary li .detail .title a{ font-size:20px; color:#efaa00;}
#ArticleSummary li .detail .intro{ color:#888; height:76px; overflow:hidden;}
#ArticleSummary li .detail .intro .enter{ display:none}

#ProductView li{ float:left; width:230px; height:255px; text-align:center; margin:10px;}
#ProductView .thumbs{ display:block; border:1px solid #eee;}
#ProductView .thumbs a{ display:table-cell; width:210px; height:180px; font-size:0; vertical-align:middle; padding:9px;}
#ProductView img{ max-width:210px; max-height:180px;}
#ProductView .atext{ display:block; line-height:40px;}
#ProductView ul li:hover .atext{ color:#efaa00; }

#Telephonist{ padding-left:500px; background:url(Telephonist.jpg) no-repeat left bottom;  margin-bottom:50px;}
#Telephonist .CompanyName{ font-size:22px;}

.MessageBorder{ text-align:left;}
.MsgColor0{ border:1px solid #f4f4f4; background:#f8f8f8; padding:20px;}
.MsgColor1{ padding:5px;}
.MsgList{ font-weight:bold;}
.MsgText .face{ height:18px; vertical-align:middle; margin-right:5px;}
.MsgReply{ font-weight:bold;}
.MessageTable{ font-weight:bold; text-indent:25px; line-height:22px; display:block;}
.MsgName,.MsgContact,.MsgContent{ clear:both;}
.MsgLeft{ float:left; display:block; width:100px; padding-right:10px; text-align:right;}
.MsgRight{ float:left; display:block; clear:right; margin-bottom:10px;}
.MsgRight input[type=text],.MsgRight textarea{ width:500px;}
.MsgSubmit{ margin:8px 0px; display:block; clear:both;}
.MsgFace img{ width:18px; vertical-align:middle;}

.Pagination{ display:block; clear:both; text-align:center; padding:10px 0; background:#f8f8f8; margin:20px 0;}
.order{position: relative;width:1100px;margin-left:auto;margin-right:auto;}
.layer-top{background:rgba(255,255,255,.9); position: absolute; top:200px; right:20px; width:300px; height:320px; z-index: 100000; border:1px solid #ccc;box-shadow:10px 10px 0px #666; padding:15px;}
.row{display:flex;flex-flow:row wrap; justify-content:space-between; margin:5px 0;}
.row li{background:#0076DB; padding: 10px 18px;color:#fff;cursor: pointer;}
.row li.on{background:#e00;}
.label{display: inline-flex;width:60px;}
input{width:100%;padding:5px 10px;}
input[type=submit]{ background:#0076DB;color:#fff;border:0;padding:10px 0;margin-top:10px;}
form{border:1px solid #ccc; padding:10px;}
form select{width:100%; overflow: hidden; padding:5px 10px}
.link{ padding-top:20px; padding-bottom:40px;}
.link h3{font-size:22px; font-weight:400; margin-bottom: 10px;}
.link a{padding-left:10px; padding-right:10px;}