﻿/* 全局 */
*{margin:0px; padding:0px;}
*:focus{outline:none;}
body,input{font-family:"微软雅黑", "宋体", "新宋体", "幼圆", Arial;}
body{ font-size:14px; overflow-x:hidden;  }
a,a:link,a:active,a:visited{color:#333; text-decoration:none;}
a:hover{ text-decoration:none;}
a:focus{-moz-outline-style:none;}
ul{list-style:none;}
img{border:none;}
.clearfix{ clear:both;}
input{ border: none; padding: 0;}
ul{margin:0;padding:0;}
li{list-style:none;}
@media only screen and (max-width: 767px){body{width:1200px;}}
@media (min-width:640px) and (max-width:1024px){body{width:1200px;}}


/* basic */
.lside{ float: left;}
.rside{ float: right;}
.container{ width: 1025px; margin: 0 auto;}
.pd_l20{}
.pd_t60{ padding-top: 60px;}
.pd_r20{}
.pd_b20{}

.mg_l20{}
.mg_t40{ margin-top: 40px!important;}
.mg_r20{ margin-right: 20px;}
.mg_b20{}



/* index-top */
.topbar{ height: 101px;}
.clearfix{ clear: both;}
.topbar .lside{padding-top: 15px;padding-left:18px;}
.topbar .rside{ padding-top: 32px;}
p.t1,p.t2{ font-size: 28px; font-weight: bold; color: #0066b3;}
p.t2{ letter-spacing: -3.2px;}
.search{ float: left; background: #fafafa; border: 1px solid #e6e6e6; width: 202px; height: 32px; padding-left: 10px;}
.search-btn{ float: left; width: 52px; height: 34px; background: url(../images/searchicon.png) no-repeat 50% center #e6e6e6;}

.navbar{ width: 100%; background: #b39a7c;border-top:5px solid #f36523;}
.navbar a.on{ background: #a6865f;}
.navbox li{ width: 128px; text-align: center;}
.navbox li a{ width: 128px; height: 50px;  display: inline-block; line-height: 50px; color: #fff; background:#b39a7c; font-size: 15px; }
.nav_down li a { height: 36px; line-height: 36px;}
.navbox li a:hover{ background: #a6865f;}
.nav_down li a:hover{ background: #ccb08d;}
.nav_f{ position: relative; float: left;}
.nav_down{ position: absolute; left: 0; top:50px; z-index: 99999	;}
.nav_down{ display: none;}


/* banner */
.bannerbox{ width:100%; background:#fff; height: 405px; }
.banner { width:1920px;  height: 405px; margin:0 auto; position:relative; left: 50%; margin-left: -960px;  margin-bottom: 15px; }
.banner .num {zoom:1;position:relative; width: 1025px;height: 12px; position: absolute; bottom:0px; left: 50%;  zoom:1; z-index:3 ;margin-left:-512px; }
.banner .num li {/*position: absolute;*/bottom: 0; width: 205px; height: 12px; line-height: 25px;  background: #0066b3; cursor:pointer; float: left; }
.banner .num li.on { background:#097b3c; height: 30px;margin-top:-18px;}
.banner .num li a{ display: block; height: 100px;}
.banner .num li:nth-child(1){ /*left: 0px;*/ background: #0065b3;}
.banner .num li:nth-child(2){ /*left: 205px;*/ background: #00477f;}
.banner .num li:nth-child(3){ /*left: 410px;*/ background: #3a8fae;}
.banner .num li:nth-child(4){ /*left: 615px;*/ background: #b8a273;}
.banner .num li:nth-child(5){ /*left: 820px;*/ background: #ec6c00;}
.banner .num li:first-child{ /*left: 0px;*/ background: #0065b3;}
.banner .num li:first-child+li{ /*left: 205px;*/ background: #00477f;}
.banner .num li:first-child+li+li{ /*left: 410px;*/ background: #3a8fae;}
.banner .num li:first-child+li+li+li{ /*left: 615px;*/ background: #b8a273;}
.banner .num li:first-child+li+li+li+li{ /*left: 820px;*/ background: #ec6c00;}

.banner .prev,
.banner .next { display: none; width: 52px; height: 52px; background: url(../images/slidelr.png) left center; no-repeat; position: absolute; top: 50%;}
.banner .prev { left:0px; }
.banner .next { right:0px; background-position: right }
.bannerbox ul,.bannerbox li{ list-style: none;}
@media (min-width:640px) and (max-width:1440px){.banner .prev { left:400px; }.banner .next { right:400px; background-position: right ;}}

.setwidth{ width: 1025px; /*overflow: hidden;*/}
.banner_info{width: 1200px; /*padding-top: 5px; padding-bottom: 30px; border-bottom: 1px solid #e3e3e3;*/}
.banner_info li{ float: left;  width: 204px;height: 54px;  }
.banner_info li p{line-height: 44px; font-size: 16px; padding: 5px 0; /*padding-left: 25px;*/color:#a6865f;text-align:center;}
/*.banner_info li:nth-child(1){border-left: 1px solid #0066b3;}
.banner_info li:nth-child(2){border-left: 1px solid #00477f;}
.banner_info li:nth-child(3){border-left: 1px solid #00aae8;}
.banner_info li:nth-child(4){border-left: 1px solid #8fc320;}
.banner_info li:nth-child(5){border-left: 1px solid #ec6c00;}*/
.bancon{position: relative;}
.bantext{position: absolute; left: 50%; bottom: 40%; width: 260px; height: 136px; background:rgba(0,102,179,.7); margin-left: 180px;padding-left: 40px;
border-radius: 20px 0 0 20px;}
.bantext span{ display: block; color: #fff; margin: 15px 0; }
.bantext span.tit{ font-size: 41px;}
.bantext span.btn{font-size: 12px; width: 94px; height: 32px; background: #ec6c00; text-align: center; line-height: 32px;}
/* indexcolumn */
.columnbox{ width: 1100px;}
.column{width: 321px; float: left; padding: 30px 28px 0px 0;}
.column_top{ /*width: 321px;*/ border-bottom:1px #e3e3e3 solid;margin-bottom:30px;}
.column_top a:hover{ color: #e85b2d;}
.column_top .lside{ padding-left: 14px; border-left: 2px solid #e35a14; font-size: 18px; }
.column_top .rside{ line-height: 32px;}
.column_main{/*padding-top: 10px;*/}
.column_main:hover .tit{ color: #e85b2d;}
.imgof{/*width: 321px; height: 197px;*/ width:100%;height:176px;overflow: hidden;padding:5px;border:1px solid #d8d7dc;box-sizing:border-box;}
.column_main img{ /*width: 321px; height: 197px;*/width:100%;height:100%;}
.column_main a:hover img{ transform: scale(1.1);
    transition: all 1s ease 0s;
	-webkit-transform: scale(1.1);
	-webkit-transform: all 1s ease 0s;}
.column_main .tit{ font-size: 15px; padding: 15px 0; border-bottom: dashed 1px #555; color: #000;}
.column_list{  /*padding-top: 15px;*/ line-height: 24px; color: #000; /*padding-left: 20px;*/ height: 168px;padding-top:2px;}
.column_list li{ /*list-style: disc;*/font-size: 9px;padding-left:10px;background:url(../images/li_list.png) no-repeat -5px center;}
.column_list li a{ font-size: 13px;display:block;white-space:nowrap;word-break:keep-all;overflow:hidden;text-overflow:ellipsis;line-height:28px;}
.column_list li a:hover{ color: #e85b2d;}
.column_btn{ margin-top: 30px; display: block; width: 318px; height: 68px;
	background:url(/images/indexbtnbg.png) no-repeat; overflow: hidden;
	display:none;
}
.bt1:hover{background-position: 0 -70px;}
.bt2{background-position: -350px 0;}
.bt2:hover{background-position: -350px -70px;}
.bt3{background-position: -708px 0;}
.bt3:hover{background-position: -708px -70px;}
/* foot */
.foot{ width: 100%; height: 78px; background: #e6e6e6;font-size: 12px; color: #777777; margin-top:36px;}
.foot .lside,.foot .rside{ padding-top: 18px; line-height: 22px;}
.foot .lside span{ margin:0 8px; display: inline-block;}
.foot .lside a{ font-size: 13px;}

/* indexcol-1-slide */
.cl:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.cl { zoom: 1; }
.frame { margin-bottom: 10px; border: 1px solid #e1e1e1; background: #FFF; }
.block { margin: 10px 10px 0; }
.temp { margin: 1px; }
.slideshow { clear: both; width:321px; height:250px;overflow: hidden; }
.slideshow li { position: relative; overflow: hidden; display: inline-block;  }
.slideshow li a{width: 321px; height: 197px; display: block; overflow: hidden; }
.slideshow li:hover span.title{ color: #e85b2d;}
.slidebar li { background: rgba(0,0,0,0.3); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = #30000000,endColorstr = #30000000); color: #FFF; overflow: hidden; }
.slidebar li { float: left; margin-right: 1px; width: 6px; height: 6px; line-height: 20px; text-align: center; font-size: 10px; cursor: pointer; border-radius:10px; }
.slidebar li.on { background: rgba(255,255,255,0.5); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = #50FFFFFF,endColorstr = #50FFFFFF); color: #000; font-weight: 700; }
.frame { background: none; border: 0px solid #fff; margin-bottom: 0px; }
.temp { margin: 0; }
.slidebar { position: absolute; bottom:52px; left: 0;  width: 321px; height: 30px; background: rgba(0,0,0,.3);}
.slidebar ul{ padding:12px 0 0 12px;}
.slidebar li{background: #fff; margin:0 4px;}
.slideshow span.title {
	color: #000; font-weight: normal; position: absolute; bottom:10px;left: 0; margin-bottom: 0;
 	width: 321px; height: 32px; line-height: 32px; font-size: 15px; 
 	border-bottom:  dashed 1px #555; padding-bottom: 10px;}
.block { margin: 0;position: relative; }
#frameHlicAe { margin: 0px !important; border: 0px !important; }
.comiis_wrapad { overflow: hidden; }
.comiis_wrapad img { float: left; margin-top: 0px;  width: 321px; height: 197px;}
#slidesImgs li { width: 960px; height: 259px; display: none; }

/* about */
.page_name{font-size: 25px; color: #744c28;}
.page_nav{font-size: 12px; line-height: 46px;}
.page_nav a:hover{ color: #e85b2d;}

.leftmenu { float: left; width: 206px;}
.leftmenu li{ width: 186px; }
.leftmenu li.tit{ height: 66px; background: #f36523; font-size: 18px; color: #fff;line-height: 80px;padding-left: 20px;}
.leftmenu li a{color: #835f3f; display: block; width: 186px; height: 50px; line-height: 50px; background: #eeeeee; padding-left: 20px; font-size: 14px;}
.leftmenu li a:hover{ background: #e1e1e1;}
.leftmenu li a.on{background: #e1e1e1;}
.leftmenu li a span{ float: right; padding-right: 20px; display: inline-block; color: #bababa;}

.rightcon{  width: 782px; float: right;}
.rightcon .top{  border-bottom: 1px solid #e3e3e3;}
.rightcon .con{ overflow: hidden;}
.pageban{ position: relative; width:100%;  margin-bottom: 40px;}
.pageban img{position: relative; left: 50%; margin-left: -960px;}
.certi_box{ width: 782px;}
.certi{text-align: center; width: 261px; float: left; margin-bottom: 40px;}
.certi img{ width: 245px; height: 209px;}


.page{padding: 20px 0 0 0;}
.page{ width: 100%;  padding: 7px 0; text-align: center;  margin: 40px 0 0 0; overflow: hidden;}
.page a{ display: inline-block; border: 1px solid #c7cfd0; margin: 0 6px; padding: 0 10px; line-height: 26px; background-color: #edf5f6; color: #333; font-size: 12px;}
.page a:hover{ background-color: #c8cfd0;}


.campany{ padding: 35px 0 0 0; border-bottom: 1px solid #eeeeee;}
.campany .infoa .lside{ width: 232px; height: 144px;}
.campany .infoa .lside img{width: 232px; height: 144px;}
.campany .infoa .rside{ width: 530px; height: 109px;}
.campany .infoa .rside:a:hover span.tit{ color: #e85b2d;}
.campany .infoa .rside .tit{font-size: 16px; color: #000; padding-bottom: 16px; display: block; }
.campany .infoa .rside .c{font-size: 13px; color: #555555; line-height: 24px; height: 68px; /*border-bottom: 1px solid #eeeeee;*/}
.campany .infob .lside span{ float:left; margin-right: 20px; font-size: 13px; color: #555555; line-height: 24px;}
.campany .infob .lside{ padding:30px 0;}
.campany .infob .rside a{/*margin-top: 40px;*/margin-bottom:10px; width: 110px; height: 34px; display: block; background:#d3c6b6; color: #fff; text-align: center; line-height: 34px;} 
.campany .infob .rside a:hover{background: #ec6c00; }

#main{
  width:720px;
  float:left;
  overflow:hidden;
}
#gd{
  list-style:none outside none;
  display:block;
  background:yellow;
  position:relative;
  width:9999em;
}
#gd li{

  display:block;
  float:left;
 padding: 0 40px;
 margin: 9px 0;
 border-right: 1px solid #eeeeee; 

}
#gd li a{
color:#b7b7b7;
font-size: 14px;
}
#gd li a:hover{color: #ec6c00;border-bottom: 2px solid #ec6c00;}
#gd li a.on_b{color: #ec6c00;border-bottom: 2px solid #ec6c00;
}
#box{
  width:782px;
  margin:40px auto;
  overflow:hidden;
  height: 38px;
}
#toleft{
  width:30px;
  height:30px;
  background:url(../images/lrbtn.png) no-repeat 0 center;

  float:left;
  cursor:pointer;
}
#toright{
  width:30px;
  height:30px;
  background:url(../images/lrbtn.png) no-repeat -20px center;
  float:left;
  cursor:pointer;
}

.event{ width: 782px; overflow: hidden; padding: 30px 0 0 0; }
.event .lside .datebox{ width: 102px;}
.event .lside span.date{ 
	width: 48px; height: 48px; background-color: #e3e3e3; 
	text-align: center; line-height: 48px; display: block; border-radius: 50%; color: #000; margin: 0 auto;}
.event .lside span.date:hover{background-color:#ec6c00; color: #fff;}
.event .rside .info{ width: 656px; font-size: 13px; color: #555555; line-height: 22px; padding-bottom: 30px; border-bottom: 1px solid #eeeeee;}


/* business */
.business_list{ overflow: hidden; width: 782px;}
.business_list .tit{ padding-left: 40px; border-left: 3px solid #ec6c00; font-size: 20px; margin:30px 0;}
.business_list .list{ width: 880px; padding-bottom: 30px; border-bottom: 1px solid #eeeeee;}
.business_list .list a{ color:#85603b;
	float: left; width: 190px; height: 38px; line-height: 38px; text-align:center;
 background: #d6c4ae; margin:0 6px 6px 0;}
 .business_list .list a:hover{ background: #a6865f; color: #fff;}
 .business_list .list a.on{ background: #a6865f; color: #fff;}
 .business_info .tit{ padding-left: 40px; border-left: 3px solid #ec6c00; font-size: 18px; margin:30px 0;color:#b68950;}

/* news */
 .news_recon{ padding: 40px 0;}
 .news_recon .lside{ width: 304px; height: 188px; overflow: hidden;}
  .news_recon a:hover div.tit{ color: #e85b2d;}
 .news_recon a:hover img{transform: scale(1.1);
    transition: all 1s ease 0s;
	-webkit-transform: scale(1.1);
	-webkit-transform: all 1s ease 0s;}
 .news_recon .rside{ width: 434px;}
 .news_recon .lside img{ width: 305px; height: 188px;}
 .news_recon .rside .tit{ font-size: 18px; padding: 10px 0 20px 0 ;}
 .news_recon .rside .info{font-size: 13px;  line-height: 22px;  width: 434px; height: 88px;}
 .news_recon .rside .date{font-size: 12px; /*padding: 15px 0 0 0;*/}
 .newslist{  list-style: disc;color: #777; list-style-position: inside;}
 .newslist a:hover{ color: #e85b2d;}
 .newslist li{ width:782px; height:27px;overflow: hidden; font-size: 13px; line-height: 26px; padding: 10px 0; border-bottom: 1px dashed #cccccc;}
  .newslist li span{ float: right;}

 .details_tit{ width: 782px;}
 .details_tit h2.tit{  font-size: 26px; font-weight: normal; text-align: center; padding: 30px 0 15px 0;}
 .details_tit .info{ margin: 0 auto; width: 320px; }
  .details_tit .info span{ display: inline-block;color: #8c8c8c; width: 320px; text-align: center; padding: 0 0 10px 0;}
  .news_c { overflow: hidden;}
 .news_dt{ border-bottom: 1px solid #eeeeee; padding-bottom: 30px;}

 .relative{ padding: 30px 0;  float: left;}
 .relative a{ display: block; margin: 10px 0;}
 .sharebox{ float: right; padding: 40px 0 0 0;}

 /* party */
 .party .newslist li{ font-size: 14px; padding: 20px 0; }
 .party .newslist li a{color: #555555;}
 .party .newslist li a:hover{ color: #e85b2d;}
.news_list{ width: 782px; height: 154px; display: block; padding: 34px 0; border-top:1px solid #e3e3e3;}
.news_list:hover{ background:#f2f2f2; }
.news_list:hover div.news_list_t{ color: #e85b2d;}
.news_list:hover img{transform: scale(1.1);
    transition: all 1s ease 0s;
	-webkit-transform: scale(1.1);
	-webkit-transform: all 1s ease 0s;}
.news_list_box{ padding: 30px 0 0 0 ;}
.news_list_l{ float: left; width: 248px; height: 152px; overflow: hidden;}
.news_list_l img{ width: 248px; height: 152px;}
.news_list_r{ width: 512px; float: right; height: 112px; }
.news_list_t{ font-size: 16px; color: #333333;}
.news_list_c{ font-size: 13px;  width: 512px;padding: 20px 0; height: 62px; line-height: 22px;}

/* gongshi */
.tabsg{ text-align: center; margin-top: 30px;}
.rtitbg{  background: #eeeeee; }
.tabsg th{ padding: 14px 0;  font-size: 16px;  color: #333333;}
.tabsg td{ padding: 20px 0; font-size: 14px; border-bottom: 1px solid #eeeeee;color: #5d5d5d;}
.tabsg td a{ width: 92px; height: 26px; text-align: center; line-height: 26px;
 background: #b39a7c; color: #ffffff; font-size: 14px; border-radius: 15px; display: block; margin: 0 auto;}
 .tabsg td a:hover{ background: #f36523;}

 /* rencai */
.join_int{background-color:#f1f1f1; margin:20px 0px; overflow: hidden; color: #555555;}
.join_int li{float:left; padding:15px 70px 15px 20px;}
.join_info{line-height:24px; padding:0px 0px 20px 0; width: 782px; font-size: 13px; color: #555555;}
.join_info strong{font-size:14px;}
.join_info p{padding:5px 0px 10px;}
.join_inbn{padding:20px 0px 30px;}
.join_inbn a{margin:0px 10px 0 0;}
.lihr{margin:20px 0px;}
.lihr li{float:left; border:1px solid #e5e5e5; border-radius:2px; padding:15px 20px 15px 30px; width:230px; margin:0px 30px 20px 0px;}
.lihr li p{padding:0px;}
 .jobinfo span{font-size:15px; display: block; padding-left: 20px; border-left: 3px solid #ec6c00; margin-bottom:20px; }

 /* contact */
.xinxi{width: 488px; padding-top: 30px;}
.xinxi ul{ padding-left: 40px; background: url(../images/lianxiicon.png) no-repeat 0px 20px; margin-top: 10px;}
.xinxi li{ list-style: none; padding:17px 0; color: #555555; font-size: 13px;}

/* feedback */
.fabu{ padding: 40px 0 0 0px; color: #333; font-size: 14px;}
.fabu input{ margin: 0 10px;}
.fbxs{ padding: 10px 0 20px 0 ; overflow: hidden;}
.typebox{ float: left; margin-right: 15px;}
.fbxs_t input{ width: 280px; height: 30px; border: 1px solid #eeeeee; padding: 0 0 0 10px; }
.fbxs_t{ overflow: hidden; padding: 10px 0;}
.fbxs_t input,.fbxs_t span{ float: left; }
.ipspan{width:50px; line-height:32px; text-align:center;}
.neirong{ width: 650px ; height: 134px; border: 1px solid #eeeeee; margin: 0 0 0 10px; padding: 10px 10px;}
.tijiao{ padding: 25px 0 0 50px;}
.tijiao input{ width: 128px; height: 40px; background: #ee8100; color: #fff;}
input.chongzhi{ background: #e1e1e1;}

/* webmap */
.webmap{ width: 100%; overflow: hidden; padding-bottom: 180px;}
.webmap .titbox{margin-top: 30px; width: 100%; border-bottom: 1px solid #eeeeee; height: 52px; line-height: 52px;}
.webmap .tit{ width: 1025px; margin: 0 auto;}
.webmap .tit .lside{ font-size: 25px;}
.webmap .tit .rside{ font-size: 12px; line-height: 52px;}
.webmapbox{ float: left; padding-right: 85px;}
.webmapcontainer{ width: 1200px;}
.webmapbox li{ padding-left: 18px; font-size: 13px; line-height: 26px;}
.webmapbox .fone{ padding-left:15px; border-left: 3px solid #f36523; font-weight: bold;}

/* legal */
.legalbox { margin: 30px 0;}
.legalbox span{ font-size: 18px; color: #333333; font-weight: normal; display: block; margin: 10px 0; padding-left: 20px; border-left: 3px solid #f36523;}
.legalbox p{ line-height: 22px; font-size: 13px; color: #555555;}

/* concern */
.concernbox{ overflow: hidden; padding:30px 0; border-bottom: 1px dashed #eeeeee;}
.concernbox a:hover{ color: #e85b2d;}
.concernbox .lside{ width: 76px;}
.concernbox .lside span{ width: 76px; display: block;}
.concernbox .lside span.day{ height: 48px; line-height: 48px;  text-align: center; font-size: 30px; color: #fff; background: #a6865f;}
.concernbox .lside span.yearmon{height: 28px; text-align: center; line-height: 28px;  background: #e1e1e1;}
.concernbox .rside{ width: 662px;}
.concernbox .rside h2{ font-size: 18px; font-weight: normal;}
.concernbox .rside .info{ font-size: 13px; color: #555555; line-height: 22px; width: 662px; height: 46px; overflow: hidden; padding-top: 10px;}

.xiashutit{font-size:18px; margin:30px 0; padding-left:15px; border-left:4px solid #ec6c00;}
.xiashushow a{margin-right: 4px; float: left; width: 102px; height: 32px; text-align: center; line-height: 32px; background: #b6b6b6; color: #fff;}
.xiashushow a.on{ background: #0066b3;}
.xiashushow a:hover{background: #0066b3;}
.xiashushow .tab{ padding: 30px 0 0 0; overflow: hidden;}