﻿html,body {margin:0;padding:0;font-family:Arial;background:#fff;overflow-x:hidden;}
a{text-decoration:none;}
ul,li{margin:0;padding:0;list-style:none;}
img{border:0;max-width:100%;}
p,span{margin:0;padding:0;}
.f_12{font-size:12px;}
.cb{clear:both;}
.msgbox{text-align:center;}

.m{position:absolute;top:0;bottom:0;overflow:hidden;width:100%;min-width:210px}
.header{position:absolute;display:block;z-index:250;left:0;right:0;height:45px;background:#222;}
.header .icon{margin:5px 5px 0 5px;line-height:1000px;overflow:hidden;}
.header .home{position:absolute;right:0;top:0;}
.header h1{overflow: hidden;position:absolute;top:0;left:27.5%;z-index:1;width:45%;height:100%;text-align:center;color:#fff;font-size:18px;font-weight:bold;text-align:center;white-space:nowrap;}


.logo111{position:absolute;left:0;top:20px;z-index:1000;}

.content{display:block;position:absolute;z-index:180;top:45px;bottom:50px;left:0;right:0;overflow:auto;overflow-x:hidden;}

.info{padding:10px;width:auto;display:block;height:auto;word-break:break-all;}
.info input,.info textarea{width:98%;margin:1% 4px;height:30px;}
.info textarea{height:150px;}
.info .ta{text-align:center;}
.info img{max-width:100%;margin:0 auto;}

.allpage { border-bottom:1px solid #aaa;}
.allpage li{ padding: 10px; border-top:1px solid #aaa;background:#eaeaea;}
.allpage li b { display: none; }
.allpage li a{color:#000;}

.prevnext { display: inline-block;width: 100%;text-align: center;}
.prevnext a{display: block;position: relative;margin: 10px 4%;border: 1px solid #d7d7d7;border-radius:3px;width: 40%;background-color: #f2f0ec;color: #333;line-height: 2.5em;}
.prevnext .prev {float: left; text-indent: 5%;}
.prevnext .next {float: right;text-indent: -5%;}
.prevnext a span{display:inline-block;position:absolute;top: 50%; margin-top: -10px;border-color:transparent #9c9595;border-style:solid;}
.prevnext .prev span{left:5%;border-width: 10px 10px 10px 0px;}
.prevnext .next span{right:5%;border-width: 10px 0px 10px 10px;}

.footer{display:block;position:absolute;bottom:0;left:0;right:0;z-index:1000;border-top:0px solid #000;height:50px}
.footer .box{height:50px;background:#222222;overflow:hidden;}
.footer .box li{float:left;width:25%;text-align:center;}
.footer .box li.last{background:none;}
.footer .box li span{display:block;height:14px;line-height:14px;font-size:12px;color:#f5f7f6;}


.panel{display:none;width:60%;padding-bottom:45px;background:#2b2b2b;color:#fff;overflow-y:auto;}
.panel .title{height:25px;line-height:25px;font-size:14px;font-weight:bold;color:#fff;border-bottom:1px solid #444444;padding:0 10px;}
.panel li{height:45px;line-height:45px;color:#fff;vertical-align:middle;border-bottom:1px solid #444444;}
.panel li a{color:#f5f7f6;font-size:14px;}
.panel li span{margin-right:10px;vertical-align:middle;}
.panel li i{float:right;vertical-align:middle;display:inline-block;padding-right:15px;}


.homeview{height:100%;overflow:auto;}

.banner{position:relative;background:#5c656e;}
.banner img{float:left;width:100%;}


.menuvice{padding:20px 0;background:url(../images/menubg.png) no-repeat;background-size:100% auto;overflow:hidden;}
.menuvice li{float:left;width:50%;text-align:center;margin:10px 0;}

.menuvice .menu1 { }
.menuvice .menu2 { }
.menuvice .menu3 { }
.menuvice .menu4 { }
.menuvice .menu5 { background: url(../images/products.png) 0 center no-repeat; }
.menuvice .menu6 { background: url(../images/jobs.png) 0 center no-repeat; }
.menuvice .menu7 { background: url(../images/single.png) 0 center no-repeat; }
.menuvice .menu8 { background: url(../images/gbook.png) 0 center no-repeat; }



.homemenu{position:absolute;z-index:1100;top:130px;right:0;width:130px;}
.homemenu span{display:inline-block;width:44px;height:44px;line-height:22px;font-size:22px;vertical-align:middle;}
.homemenu li{float:left;width:84px;height:94px;line-height:94px;text-align:center;background:url(../images/menubg.png) no-repeat;overflow:hidden;}
.homemenu li a{color:#98820a;}

.homemenu li.a2{margin-left:44px;margin-top:-10px;}
.homemenu li.a3{margin-top:-10px;}
.homemenu li.a4{margin-left:44px;margin-top:-10px;}

.menuindex{position:absolute;z-index:100;top:50px;left:0;width:33%;}
.menuindex a{display:block;line-height:40px;margin-bottom:15px;text-align:center;background:url(../images/menubg.png) right center no-repeat;color:#fff;opacity:0.8;}


.newsitem a {display: block;position: relative; overflow: hidden;border-top: 1px solid #ffffff;border-bottom: 1px solid #dcdcdc;line-height: 25px;padding: 10px 0px; white-space: nowrap; font-size:13px; color:#333;}
.newsitem a span {display: block;overflow: hidden;text-indent: 10px;text-overflow: ellipsis; white-space:nowrap;}

.productitem {display:inline-block;width:100%; }
.productitem a{display:inline-block;overflow:hidden;float: left;margin: 3px 1%;padding: 3px 1%;width:46%;color:#333;font-size:12px;}
.productitem .img {display:block;overflow:hidden;text-align:center;}
.productitem .img img{max-width:98%;max-height:98%;vertical-align:middle;}
.productitem span {display: block;overflow: hidden;text-align: center;white-space: nowrap;text-overflow: ellipsis;}

.showmore{clear:both;display:none;text-align:center;font-size:14px;padding:10px 0;}

.page{clear:both;padding:20px 0;text-align:center;}
.page a{display:inline-block;height:20px;line-height:20px;font-size:12px;padding:0 5px;margin:0 2px;border:1px solid #aaa;color:#333;}
.page a.on{background:#aaa;color:#fff;}

.icon{display:inline-block;width:36px;height:30px;margin:0 auto;}
.icon.home{background:url(../icon/home.png) no-repeat;}
.icon.home2{background:url(../icon/home2.png) no-repeat;}
.icon.about{background:url(../icon/about.png) no-repeat;}
.icon.contact{background:url(../icon/contact.png) no-repeat;}
.icon.goback{background:url(../icon/goback.png) no-repeat;}
.icon.introduce{background:url(../icon/introduce.png) no-repeat;}
.icon.message{background:url(../icon/message.png) no-repeat;}
.icon.menu{background:url(../icon/menu.png) no-repeat;}
.icon.news{background:url(../icon/news.png) no-repeat;}
.icon.phone{background:url(../icon/phone.png) no-repeat;}
.icon.products{background:url(../icon/products.png) no-repeat;}
.icon.search{background:url(../icon/search.png) no-repeat;}
.icon.sitemap{background:url(../icon/sitemap.png) no-repeat;}
.icon.network{background:url(../icon/network.png) no-repeat;}
.icon.pc{background:url(../icon/pc.png) no-repeat;}