@charset "utf-8";
/* CSS Document */
body{ font-size:12px; font-family:Arial, Helvetica, sans-serif,"微软雅黑","宋体"; background:#fff; color:#333; margin:0; padding:0;}
h1,h2,h3,h4,h5,h6{ margin:0; padding:0;}
ul,li,ol{ list-style:none; margin:0; padding:0;}
input,img,table{ border:none; margin:0; padding:0;}
a{ text-decoration:none; color:#333;}
a:hover{ color:#F00;}
.mt5{ margin-top:5px;}

/*header-start*/
#header {height:91px; background-color:#fff;}
    .logo {width:211px; height:91px; float:left;}
    #nav {position:absolute; width:800px; top:0; right:15px; z-index:4; height:100%; background-color:#fff; overflow:hidden;}
    #nav li {float:left; height:100%; -webkit-transition:background-color 700ms; transition:background-color 700ms; width:86px;}

    #nav li a {position:relative; z-index:2; display:block; width:100%; height:100%; font-weight:bold; font-size:13px; line-height:79px; text-align:center; color:#666; -webkit-transition:color 200ms; transition:color 200ms;}
    #nav li a.on {color:#fff;}
    #nav li a span {position:absolute; left:0; top:0; z-index:2; width:100%; height:100%;}
    #nav li a .bkg {top:100%; z-index:1; background-color:#da0303; -webkit-transition:top 200ms; transition:top 200ms;}

    #nav li a.on .bkg,
    #nav li a:hover .bkg {top:0;}
	.g-wrap {position:relative; margin:0 auto; width:1130px; height:100%;}
#content {position:relative; width:100%;}

    #subNav {position:absolute; top:0; left:0px; z-index:4; width:100%; height:61px; overflow:hidden;}
    #subNav .g-wrap {overflow:visible;width:100%;}
    #subNav .g-wrap .item {position:absolute; top:-100%; width:100%; height:100%; background:url(../img/ernavb02.png); overflow:hidden; -webkit-transition:top 300ms; transition:top 300ms; }
    #subNav .g-wrap .about {left:0px; padding:0 0 0 422px;}
    #subNav .g-wrap .news {left:0px; padding:0 0 0 509px;}
    #subNav .g-wrap .relation {left:0px; padding:0 0 0 710px;}
    #subNav .g-wrap .service {left:0px; padding:0 0 0 810px;}
    #subNav .g-wrap .hr {left:0px; padding:0 0 0 890px;}
    #subNav .g-wrap .content {left:0px; padding:0 0 0 1030px;}
    #subNav .g-wrap .on {top:0;}
    #subNav .g-wrap .item a {float:left; padding:0 16px; font-weight:bold; font-size:13px; line-height:61px; color:#d2ced5;-webkit-transition:color 300ms; transition:color 300ms;}
    #subNav .g-wrap .item a:hover {color:#f63b2e; background:#666;}
    #subNav .g-wrap .item #on {
    color: #f63b2e;
}

/*header-end*/

/*banner-start*/
#banner {position:relative; z-index:2; width:100%; height:409px; overflow:hidden;}
#banner .pics {position:relative; width:100%; height:100%;}
#banner .pics li {display:none; position:absolute; top:0; left:0; z-index:2; width:100%; height:100%; background:no-repeat center 0;}
#banner .pics li a {display:block; width:100%; height:100%;}
#banner .pics .b1 {display:list-item;}
#banner .btns a {position:absolute; top:50%; z-index:4; margin-top:-25px; width:50px; height:50px; -ms-transition:left 400ms, right 400ms; transition:left 400ms, right 400ms; -webkit-transition:left 400ms, right 400ms; -moz-transition:left 400ms, right 400ms; -o-transition:left 400ms, right 400ms;}
#banner .btns .prev {left:-50px;}
#banner .btns .next {right:-50px;}
#banner .btns .prev.on {left:120px;}
#banner .btns .next.on {right:120px;}
#banner .btns a span {position:absolute; top:0; left:0; width:100%; height:100%; -ms-transition:-ms-opacity 300ms;  transition:opacity 300ms;-webkit-transition:-webkit-opacity 300ms; -moz-transition:-moz-opacity 300ms; -o-transition:-o-opacity 300ms; cursor:pointer;}
#banner .btns a span.off {-webkit-opacity:1; opacity:1; display:block\9;}
#banner .btns a span.on {-webkit-opacity:0; opacity:0; display:none\9;}
#banner .btns .prev .off {background:url(../img/prev.png) no-repeat 0 0;}
#banner .btns .prev .on  {background:url(../img/prev_on.png) no-repeat 0 0;}
#banner .btns .next .off {background:url(../img/next.png) no-repeat 0 0;}
#banner .btns .next .on {background:url(../img/next_on.png) no-repeat 0 0;}
#banner .btns a:hover .off {-webkit-opacity:0; opacity:0; display:none\9;}
#banner .btns a:hover .on {-webkit-opacity:1; opacity:1; display:block\9;}

#banner .g-wrap {position:absolute; left:50%; bottom:0; z-index:2; margin-left:-565px; width:1130px; height:30px; overflow:hidden;}
#banner .g-wrap .idxs {float:left; height:100%;}
#banner .g-wrap .idxs li {float:left; margin:30px 7px 0 0; width:9px; height:9px; border-radius:13px; border:2px solid #fff; cursor:pointer; -ms-transition:background-color 1000ms, margin-top 500ms, border-color 1000ms; transition:background-color 500ms, margin-top 500ms; transition:background-color 1000ms, margin-top 500ms, border-color 1000ms; -webkit-transition:background-color 1000ms, margin-top 500ms, border-color 1000ms; -moz-transition:background-color 1000ms,  margin-top 500ms, border-color 1000ms; -o-transition:background-color 1000ms, margin-top 500ms, border-color 1000ms;}
#banner .g-wrap .idxs li.on {background-color:#8f8d93; border-color:#8f8d93;}
/*banner-end*/

/*news-start*/
#news-slide {position:relative; margin:0 auto; padding-left:35px; width:1095px; height:57px; background:url(../img/icon1.jpg) no-repeat 0 19px; overflow:hidden;}
#news-slide .item {height:100%;}
#news-slide .item a {display:inline-block; height:57px; line-height:57px; font-weight:bold; color:#2e2e57; -ms-transition:color 300ms; transition:color 300ms; -webkit-transition:color 300ms; -moz-transition:color 300ms; -o-transition:color 300ms;}
#news-slide .item a:hover {color:#f63b2e;}
#news-slide .item a span {margin:0 25px; font-weight:normal; color:#6C6C6C;}
#news-slide .item .more {padding:0 12px; margin-top:12px; font-weight:bold; height:33px; line-height:33px; font-size:12px;  color:#2e2e57; background-color:#DFE0E4; border-radius:25px; box-shadow:0px 0px 3px #777; -ms-transition:color 300ms, background-color 300ms; transition:color 300ms, background-color 300ms; -webkit-transition:color 300ms, background-color 300ms; -moz-transition:color 300ms, background-color 300ms; -o-transition:color 300ms, background-color 300ms;}
#news-slide .item .more:hover {background-color:#f63b2e; color:#eee;}
/*news-end*/
.hk{ width:100%; height:200px; background:#e0e2e4; position:relative;}
#center {position:absolute; top:50%; left:50%;}
#slider {position:absolute;width:1200px;height: 200px;left: -600px;top:-100px;overflow: hidden;}
#slider .slide {position: absolute;top: 0px;height: 333px;width: 900px;overflow: hidden;}
#slider .title   {color: #F80;font-weight: bold;font-size: 1.2em;margin-right: 1.5em;
text-decoration: none;}
#slider .backgroundText {position: absolute;width: 1200px;height:200px;top: 100px;}
/*分享*/
#share{ width:1170px; height:40px; line-height:30px; margin:0 auto; text-align:right; color:#666; padding:30px 0 25px 0; font-size:14px;}
#share ul{ width:425px; float:right;}
#share ul li{ float:left; margin:0 5px;}

/*footer-start*/
#footer{ width:100%; height:85px; background:url(../img/footb.jpg) top repeat-x; line-height:85px; color:#747474;}
.footer{ width:1130px; height:85px; margin:0 auto;}
.f_left{ float:left;}
.f_left a{ padding:0 5px; color:#747474;}
.f_left a:hover{ color:#F00;}
.f_right{ float:right; word-spacing:5px;}

/*走进JBD*/
#in_footer{ width:100%; height:85px; background:url(../img/infb.jpg) top repeat-x; line-height:85px; color:#747474;}
.inbanner{ width:100%; height:90px; background:url(../img/about_banner.jpg) center;}
.dqwz{ width:100%; height:38px; background:url(../img/abb.jpg);}
.in_dqwz{ width:1110px; height:38px; line-height:38px; margin:0 auto; background:url(../img/home.jpg) no-repeat left center; padding-left:20px;color:#9a9a9a;}
.in_dqwz a{ padding:0 5px; color:#9a9a9a;}
.in_dqwz a:hover{ color:#F00;}

.inside{ width:1130px; height:auto; margin:20px auto; overflow:hidden;}
.in_left{ width:253px; height:auto; float:left;}
.title{ width:100%; height:50px; background:url(../img/titleb.jpg) no-repeat; line-height:50px; color:#fff; text-align:center; font-size:20px; font-weight:bold; letter-spacing:1px;}
.in_left ul{ width:100%; height:auto;}
.in_left ul li{ width:253px; height:40px; background:#f6f6f6; border-top:2px solid #fff; line-height:40px; text-align:center; font-size:16px; font-weight:bold; letter-spacing:5px;}
.listb{ background:url(../img/listb.jpg); color:#000000;}
.in_left ul li a{ display:block; color:#4b4b4b;}
.in_left ul li a:hover{ background:url(../img/listb.jpg); color:#000000;}
.inl_img1{ border:1px solid #cee2e9; margin-top:5px;}

.in_right{ width:855px; height:auto; float:right;}
.inr_top{ width:100%; height:auto; overflow:hidden;}
.inrt_left,.news_left{ width:660px; float:left;}
.inrt_right{ width:193px; height:296px; float:right; }
.inrt_left h3{ font-family:"微软雅黑"; font-size:20px; color:#787878; margin-top:40px;}
.inrt_left p{ color:#616161; line-height:20px;}

/*新闻内页*/
.date{ width:68px; height:88px; background:#e1e1e1; float:left; padding:0 10px; font:bold 14px/15px 'novecento' !important;}
.day{ display:block; color:#e62b1e; font:bold 36px/36px 'novecento' !important; margin:10px 0 0 0;}
.rq{display:block; padding-left:5px; color:#888; font-size:18px; text-transform:uppercase;}
.news_content2{ width:560px; float:right; padding-right:5px; line-height:20px; color:#686565;}
.news_content2 h1{ color:#686565; font-size:18px; font-family:"微软雅黑"; line-height:28px;}
.news_content2 h3{ font-size:12px; font-weight:normal; color:#888; word-spacing:5px;line-height:28px;}
/*留言页面*/
.message{ width:500px; height:auto; margin-top:20px; margin:0 auto;}
.message .label,.textarea{ letter-spacing:5px; font-size:14px; text-align:right;height:30px; }
.message .text{ width:350px; height:28px; border:1px solid #CCC;  background:#f6f6f6; padding:0 5px; line-height:28px;}
.message .red1{ color:#F00; text-align:right; height:30px; padding-right:55px;}
.message textarea{ width:340px; height:100px;border:1px solid #CCC;  background:#f6f6f6; padding:10px; text-align:left;}
.textarea{ vertical-align:text-top;}
.message label{ color:#F00; padding:0 5px; font-size:18px;}
.button{ width:80px; height:30px; line-height:30px; text-align:center; color:#fff; background:#d7033a; border:1px solid #ff0000;}

/*走进社会*/
.in_right .tx{ width:855px; overflow:hidden; margin:2px 5px;}
.in_right .tx p{ line-height:30px; color:#2f2f2f; font-size:14px; text-indent:1em; font-family:"微软雅黑"; padding-bottom:20px;}
.in_right .tx .wz1{ margin-left:40px; height:85px; }
.in_right .tx .wz1 img{ float:left;}
.in_right .tx .wz1 p{ line-height:85px;}
.in_right .tx  .wz2{ margin-left:120px; height:137px;}
.in_right .tx  .wz2 img{ float:left}
.in_right .tx  .wz2 p{ line-height:27px;}
.in_right .tx  .wz3{ margin-left:20px; height:84px; clear:both;}
.in_right .tx  .wz3 p{ line-height:84px;}
.in_right .tx  .wz3 img{ float:left;}

.in_right{ width:855px; height:auto; float:right;}
.inr_top{ width:100%; height:auto; overflow:hidden;}
.inrt_left,.news_left,.news_content{ width:658px; float:left; overflow:hidden}
.inrt_right{ width:193px; height:auto; float:right; }
.inrt_left h3{ font-family:"微软雅黑"; font-size:20px; color:#787878; margin-top:40px;}
.inrt_left p{ color:#616161; line-height:20px;}
.ic{ margin-top:10px;}
/*news*/
.news_content{ margin-bottom:10px;}
.news_top{ width:100%; height:212px; overflow:hidden; margin-bottom:10px; border-bottom:2px dotted #000}
.news_top .news_top_left{ width:355px; float:left; overflow:hidden}
.news_top .news_top_right{ float:right; width:303px; overflow:hidden}
.news_top .news_top_left h2{font-family:"微软雅黑"; font-size:30px;color:#a3d9f5; margin-bottom:15px;}
.news_top .news_top_left h3{ color:#c20000; font-family:"微软雅黑"; padding:0 10px; font-size:18px;}
.news_top .news_top_left p{ line-height:25px; padding:0 10px;}
.news_list{ height:120px; padding:10px 0 20px;  width:100%; border-bottom:2px solid #e8e6e6}
.news_list .date-block{background-color: #e1e1e1; color: #444;float: left; font: bold 14px/15px; height: 100px;padding: 0 10px;width: 100px}
.news_list .date-block span{ display:block; color:#f00}
.news_list .date-block .day2{ font: bold 80px Verdana, Geneva, sans-serif; float:left; height:80px; display:block }
.news_list .date-block .year{ font-size:14px; float:left; margin-top:22px; line-height:20px; }
.news_list .summary{ float:right; width:510px; color:#746969; overflow:hidden}
.news_list .summary h1{ line-height:26px; margin-bottom:8px; color:#404040; font-size:16px;}
.news_list .summary h3{ margin:-4px 0; color:#404040; height:30px; font:12px "宋体"}
.news_list .summary p{color: #404040;height:48px;font:12px/16px "宋体"; margin:8px 30px 10px 0;overflow: hidden;}
.news_list:hover{height:120px; padding:10px 0 20px;  width:100%; border-bottom:2px solid #e8e6e6; background-color:#e8e6e6}
.news_more{ clear:both; background:#dadada; height:50px; width:100%}
.news_list a:hover{ color:#404040}
.news-more{background: #e1dede url(../img/news_more.png) no-repeat  center 15px;cursor: pointer;display: block;height: 54px;width: 100%;}
.friendlink{ width:100%; overflow:hidden}

/*人力资源*/
.human{ margin-top:15px; width:90%; border-bottom:1px dashed #CCC;}
.human li{ width:100%;}
.h_title{ font-size:14px; font-weight:bold; height:30px; line-height:30px; overflow:hidden;}
.h_content{ color:#777; height:50px; line-height:25px; overflow:hidden;}
.h_more{ height:30px; line-height:30px;}
.h_more a{ color:#F00;}
.h_more a:hover{ color:#333;}
.page{ width:100%; height:30px; line-height:30px; margin-top:10px;}
.page a,.page span{ padding:5px 10px; background:#CCC;}
.page a:hover,.page span{ background:#F00; color:#fff;}
.page ul li{float:left; margin-left:5px; background:#CCC; padding:0px 5px;}
.page .thisclass{background:#F00; padding:0px 10px;  color:#fff;}
.page .thisclass a{background:#F00; color:#fff;}
.human_content{ margin-top:20px;}
.smallInput{ border:1px solid #CCC; width:200px; height:25px; line-height:25px; padding:0 5px;}
.jianli{ width:400px; height:100px; padding:5px;}
/*friendlink*/
.friendlink{ width:100%; overflow:hidden}
.friendlink dl{ float:left; width:170px; margin:10px 18px; overflow:hidden;}
.friendlink dl dt{ height:80px; width:160px;border:1px solid #ccc; }
.friendlink dl dt img{ padding:10px 12px}
.friendlink dl dd{text-align:center; line-height:30px;}
.inrt_left input{line-height: 35px;margin-bottom: 10px; border:1px #545454 solid}