@charset "utf-8";
*{ margin: 0; padding: 0;}
html, body{ 
    font-size: 12px; 
    font-family: "微软雅黑";
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    background: #dedede;
}
ul, ol,li {list-style: none}
fieldset, img {border: none}
a, a:link, a:visited, a:active {text-decoration: none}

.fl{ float:left;} 
.fr{ float:right;} 
.clear { clear:both;}

.wrapper{ width: 100%; position: relative; overflow: hidden;}
.bg1{ width: 460px; height: 526px; position: absolute; left: 0; top: 360px; z-index: 2;}
.bg2{ width: 430px; height: 376px; position: absolute; right: 0; bottom: 102px; z-index: 2;}
.bg3{ width: 460px; height: 526px; position: absolute; left: 0; top: 180px;}
.bg4{ width: 430px; height: 376px; position: absolute; right: 0; bottom: -100px;}

.content{ width: 1000px; margin: 0 auto; position: relative; background: #fff;}
.head{ width: 100%; height: 100px; position: relative; z-index: 15;}
.logo{ width: 103px; height: 46px; padding: 38px 0 0 38px;}
.nav{ position: absolute; right: 0; bottom: 10px;}
.nav li{ float: left; font-size: 14px; padding: 0 35px;}
.nav li a{ color: #898989; line-height: 30px;}
.nav li a:hover{ border-bottom: 2px solid #f5a538; color: #231815;}
.nav li.on a{ border-bottom: 2px solid #f5a538; color: #231815;}

.banner{ width: 1000px; height: 380px; position: relative; z-index: 5; overflow: hidden;}
.bannerBox{ width: 1000px; height: 380px; overflow: hidden; position: relative;}
.bannerBox ul{ position: absolute; left: 0; top: 0; height: 380px;}
.bannerBox ul li{ width: 1000px; height: 380px; float: left;}
.bannerBox ul li img{ display: block; width: 100%;}

.bannerBox .dots{ width: 100%; position: absolute; left: 0; bottom: 10px; z-index: 10px; height: 13px; text-align: center; display: none;}
.bannerBox .dots li{ width: 13px; height: 13px; background: #fff; border-radius: 100%; display: inline-block; color: #fff; overflow: hidden; margin: 0 3px;}
.bannerBox .dots li.active{ background: #f5a538; color: #f5a538;}

.banner .arrows{ display: none;}

.banner .prev{ width: 21px; height: 31px; background: url(../img/left2.png) no-repeat; position: absolute; left: 20px; top: 45%; z-index: 10; cursor: pointer; font-size: 0px;}
.banner .next{ width: 21px; height: 31px; background: url(../img/right2.png) no-repeat; position: absolute; right: 20px; top: 45%; z-index: 10; cursor: pointer; font-size: 0px;}
.banner .prev:hover{ background: url(../img/left3.png) no-repeat;}
.banner .next:hover{ background: url(../img/right3.png) no-repeat;}

.newsIndex{ width: 920px; padding: 0 40px; background: #f6f5f5; position: relative; z-index: 5; height: 109px; margin-top: 20px;}
.newsIndex li{ float: left; width: 246px; text-align: center; margin-right: 1px;}
.newsIndex li a{ display: block; width: 100%; height: 109px; color: #b5b5b6;}
.newsIndex li a font{ display: block; padding-top: 10px; line-height: 22px;}
.newsIndex li a strong{ display: block; font-size: 14px;}
.newsIndex li a span{ display: block; width: 150px; height: 33px; border: 1px solid #91714a; line-height: 33px; font-size: 18px; margin: 5px auto 0 auto; color: #91714a;}
.newsIndex li a:hover,
.newsIndex li.on a{ color: #fff; background: #f5a538;}
.newsIndex li a:hover span,
.newsIndex li.on a span{ border: 1px solid #fff; color: #fff;}

.more{ display: block; width: 70px; height: 13px; position: absolute; right: 40px; top: 50px; background: url(../img/more.png) no-repeat;}

.tabIndex{ width: 920px; margin: 20px auto 0 auto; height: 210px; position: relative;}

.newslistIndex{ width: 920px; height: 210px; position: relative;}
.newsIndeximg{ width: 369px; height: 209px; overflow: hidden;}
.newsIndeximg img{ display: block; width: 100%;}
.newsIndexright{ width: 480px; position: absolute; top: 0; left: 400px;}
.latestIndex .tit{ height: 30px; line-height: 30px; color: #231815; display: block; font-size: 16px; overflow: hidden; padding-top: 5px;}
.latestIndex .tit:hover{ color: #f5a538;}
.latestIndex .detail{ height: 25px; line-height: 25px; color: #898989; overflow: hidden;}
.latestIndex .learn_more{ color: #898989;}
.latestIndex .learn_more:hover{ color: #f5a538; text-decoration: underline;}
.listIndex{ margin-top: 20px;}
.listIndex li{ line-height: 28px; height: 28px; overflow: hidden; position: relative;}
.listIndex li a{ display: block; width: 80%; overflow: hidden; height: 28px; color: #595757;}
.listIndex li span{ display: block; position: absolute; right: 0; top: 0; height: 28px; line-height: 28px; color: #898989;}
.listIndex li a:hover{ color: #f5a538;}

.tabBox{ width: 920px; height: 210px; position: absolute; left: 0; top: 0; display: none;}

.foot{ padding: 25px 0 30px 0; color: #898989; text-align: center;}

.abanner{ width: 1000px; height: 100px; overflow: hidden; position: relative; overflow: hidden;}
.abanner img{ display: block; width: 100%;}

.main{ width: 920px; padding: 40px; position: relative; z-index: 5;}
.mainLeft{ float: left; width: 170px; background: #f6f5f5;}
.mainLeft span{ display: block; height: 67px; background: url(../img/bg3.png) no-repeat; line-height: 50px; text-align: center; color: #fff; font-size: 28px;}

.mainLeft li{ height: 49px;}
.mainLeft li a{ display: block; padding-left: 30px; color: #898989; font-size: 17px; line-height: 47px; border-bottom: 2px solid #fff;}
.mainLeft li a:hover{ border-bottom: 2px solid #f5a538;}
.mainLeft li.on a{ border-bottom: 2px solid #f5a538;}

.mainRight{ width: 710px; float: right;}
.position{ width: 100%; height: 33px; line-height: 33px; font-size: 18px; color: #f5a538; border-bottom: 2px solid #fbd39f; position: relative;}
.position i{ display: block; width: 91px; height: 6px; position: absolute; bottom: -2px; left: 0; background: url(../img/bg4.jpg) no-repeat;}

.profile{ width: 710px; margin-top: 20px; line-height: 24px; color: #595757; min-height: 400px; font-size: 14px;}

.projectBox{ width: 710px; margin-top: 20px; position: relative;}
.projectBox li{ float: left; width: 327px;}
.projectBox li a{ display: block;}
.projectBox li a span{ display: block; width: 327px; height: 181px; overflow: hidden;}
.projectBox li a span img{ display: block; width: 100%;}
.projectBox li a p{ display: block; height: 30px; line-height: 30px; color: #231815; font-size: 18px; padding-top: 5px; overflow: hidden;}
.projectBox li a:hover p{ color: #f5a538;}

.line{ width: 100%; height: 1px; background: #d3d3d4; position: absolute; left: 0; top: 263px;}

.page{ width: 100%; text-align: center; margin-top: 20px; font-size: 14px;}
.page a{ color: #231815;}

.newsCenter{ width: 100%; margin-top: 20px;}
.newsCenter li{ line-height: 30px; height: 30px; position: relative; font-size: 13px;}
.newsCenter li a{ display: block; width: 90%; overflow: hidden; height: 30px; color: #595757;}
.newsCenter li span{ display: block; position: absolute; right: 0; top: 0; line-height: 30px; color: #595757;}
.newsCenter li a:hover{ color: #f5a538;}

.joinTop{ width: 710px; height: 47px; background: #f5a538; margin-top: 10px; line-height: 47px; font-size: 14px; color: #fff;}
.joinTop span{ display: block; float: left;} 
.jt1{ width: 65px; text-align: center;}
.jt2{ width: 185px; padding: 0 20px;}
.jt3{ width: 105px; text-align: center;}
.jt4{ width: 100px; text-align: center;}
.jt5{ width: 120px; text-align: center;}
.jt6{ width: 95px; text-align: center;}

.weNeed{ width: 710px;}
.needList{ width: 710px; margin-top: 2px;}
.needTit{ width: 710px; height: 46px; line-height: 46px; color: #595757; background: #f6f5f5; font-size: 14px;}
.needTit span{ display: block; float: left;}
.needTit a{ color: #595757;}
.needTit a:hover{ color: #f5a538;}
.needDetail{ width: 590px; padding: 10px 20px 20px 100px; position: relative; display: none;}
.needDetailBox{ width: 100%; line-height: 24px; color: #595757;}
.upclose{ width: 16px; height: 18px; background: url(../img/icon4.png) no-repeat; position: absolute; right: 20px; bottom: 15px; cursor: pointer;}

.welcome{ width: 710px; padding-top: 30px; color: #f5a538; font-size: 14px;}

.eventCenter{ width: 710px; margin-top: 20px; position: relative;}
.lineShu{ width: 1px; height: 100%; position: absolute; left: 68px; background: #f5a538;}

.eventBox{ width: 620px; position: relative; padding: 0 0 0 90px; margin-bottom: 20px;}
.eventYear{ position: absolute; left: 0; top: 0; color: #c9cacb; font-size: 14px; width: 68px;}
.eventYear span{ color: #f5a538;}
.eventYear font{ position: absolute; right: -6px; top: -2px; color: #f5a538; font-size: 40px; line-height: 20px;}

.eventList{ width: 620px; border-bottom: 1px solid #d3d3d4; padding-bottom: 10px;}
.eventList li{ height: 28px; line-height: 28px; font-size: 13px; overflow: hidden;}
.eventList li a{ color: #595757;}
.eventList li a:hover{ color: #f5a538;}

.position2{ width: 920px; margin: 30px auto 0 auto; height: 30px; font-size: 14px; color: #898989; line-height: 30px;}
.position2 a{ color: #898989;}

.titleOf{ width: 920px; margin: 30px auto 0 auto; text-align: center; font-size: 18px; color: #231815;}
.titleOther{ width: 920px; margin: 0 auto; text-align: center; padding-top: 10px; color: #231815; border-bottom: 2px solid #d3d3d4; padding-bottom: 10px;}
.brief{ width: 920px; margin: 20px auto 0 auto; line-height: 28px; color: #231815; font-size: 14px; padding-bottom: 30px; border-bottom: 2px solid #c6c7c8;}
.prevnext{ width: 920px; margin: 20px auto 0 auto; position: relative; padding-bottom: 30px;}
.prevnext ul{ width: 80%;}
.prevnext li{ height: 28px; line-height: 28px; font-size: 14px; color: #231815;}
.prevnext li a{ color: #231815;}
.prevnext li a:hover{ color: #f5a538;}
.prevnext a.back{ position: absolute; right: 0; top: 20%; color: #231815; font-size: 14px;}
.prevnext a.back:hover{ color: #f5a538;}

.contactUs{ width: 710px; margin-top: 20px; position: relative; padding-bottom: 100px;}
.map{ width: 710px; height: 320px; border: 1px solid #dedede;}
.map #allmap {width: 100%;height: 100%;overflow: hidden;margin:0;font-family:"微软雅黑";}

.contactList{ position: relative; padding-top: 30px;}
.contactList li{ margin-bottom: 10px; font-size: 14px; color: #595757;}
.contactList li i{ display: block; width: 17px; height: 17px; background: url(../img/icon1.png) no-repeat; float: left; margin-right: 10px;}
.contactList li.ct1 i{ background-position: 0 0;}
.contactList li.ct2 i{ background-position: -17px 0;}
.contactList li.ct3 i{ background-position: -34px 0;}
.contactList li.ct4 i{ background-position: -51px 0;}

.linkCenter{ width: 480px; position: relative; margin: 40px auto;}
.linkBox{ width: 480px; overflow: hidden; position: relative;}
.linkBox ul{ float: left; width: 480px;}
.linkBox li{ float: left; width: 140px; height: 76px; overflow: hidden; margin: 0 10px 20px 10px;}
.linkBox li img{ display: block; height: 100%; margin: 0 auto;}
.linkCenter .next{ width: 21px; height: 31px; background: url(../img/right.png) no-repeat; position: absolute; right: -40px; top: 65px; cursor: pointer;}
.linkCenter .prev{ width: 21px; height: 31px; background: url(../img/left.png) no-repeat; position: absolute; left: -40px; top: 65px; cursor: pointer;}

.lineHeng{ width: 710px; height: 1px; background: #f5a538; margin: 10px auto 20px auto;}
.exTitle{ width: 710px; margin: 0 auto; height: 52px; background: #f5a538; line-height: 52px; text-align: center; font-size: 24px; color: #fff;}

.infor{ width: 710px; margin: 20px auto 0 auto; padding-bottom: 30px; color: #231815; font-size: 14px;}
.infor li{ position: relative; padding-left: 123px; margin-bottom: 15px; overflow: hidden;}
.infor li input[type='text']{ height: 27px; border: 1px solid #b3b4b4; padding: 0 10px; width: 260px; float: left; margin-right: 10px; font-size: 14px; outline: none;}
.infor li p{ line-height: 29px; float: left;}
.infor li span{ display: block; position: absolute; left: 0; top: 0; height: 29px; line-height: 29px; width: 115px; text-align: right;}
.infor li textarea{ width: 560px; height: 170px; padding: 10px; border: 1px solid #b3b4b4; font-size: 14px; outline: none;}
.infor li a{ float: left; margin-right: 10px;}
.infor li input[type="submit"]{ width: 88px; height: 32px; text-align: center; color: #fff; background: #f5a538; border: none; font-size: 16px; cursor: pointer;}
.infor li label{ float: left; line-height: 29px; margin-right: 15px;}
.infor li label input{ float: left; margin: 9px 5px 0 0;}

.share{ position: absolute; right: 10px; top: 25px; z-index: 10; height: 15px; color: #898989;}
.share li{ float: left; margin: 0 3px; position: relative;}
.share li.wx a{ display: block; width: 15px; height: 15px; background: url(../img/icon3.png) no-repeat;}
.share li.qq a{ display: block; width: 16px; height: 15px; background: url(../img/icon2.png) no-repeat; background-position: 0 0;}
.share li.wb a{ display: block; width: 16px; height: 15px; background: url(../img/icon2.png) no-repeat; background-position: -22px 0;}
.share li.sh a{ display: block; width: 15px; height: 15px; background: url(../img/icon2.png) no-repeat; background-position: -41px 0;}
.share li.wx span{ display: block; width: 100px; height: 100px; padding: 5px; background: #fff; position: absolute; right: 15px; top: -15px; z-index: 10; display: none;}
.share li.wx span img{ width: 100%; display: block;}
.share li.wx:hover span{ display: block;}

/**分页样式*/   
.pager { margin:auto; text-align:center; height:40px;margin-top: 20px; }
.pager a{ border:#999999 1px solid; border-radius:4px; color: #333; padding:6px 10px; margin-left:5px;}
.pager span{ margin-left:5px;padding:6px 10px;border-radius:4px; border: #F5A538 1px solid; }
.pager a:hover ,#pager a:active { border:#F5A538 1px solid; color:#fff; background:#F5A538;}
.pager span.current {   font-weight:bold; color:#fff; background:#F5A538;}
.pager span.disabled { color: #333; padding:6px 10px; border:#aaa 1px solid; }