@charset "utf-8";
/* Banner */
.banner { position:relative; width:100%; overflow:hidden; z-index:0; }
.banner .bd { zoom:1; }
.banner .bd img { width:100%!important; height:auto!important; }

/* 主体 */
.container { position:relative; padding:15px 0; z-index:8; }
.wrap { position:relative; width:1200px; min-height:460px; _height:460px; margin:0 auto; }
.wrap .sidebar {margin-top: -57px;background: url(inside1_03.png) no-repeat center;height: 125px;}
.wrap .main { display:block; overflow:hidden; *zoom:1; padding:30px 33px 0 0;float:left;width: 747px;border-right: 1px solid #e1dede;}
.wrap .mainx { display:block; overflow:hidden; *zoom:1; padding:50px 33px 0;width: 1134px;border-right: 0;border:1px solid #efefef;box-shadow: 0 0 10px #efefef;}
.wrapBt { height:0; background:none; overflow:hidden; clear:both; }

/* 左侧栏目标题 */
.leftTitle { position:relative; color:#333;float:left;width: 200px; padding-left: 48px;}
.leftTitle i,.leftTitle s { display:block; }
.leftTitle i { font-size:18px; font-weight:normal; color: #737373;font-style: normal;padding-top: 15px;}
.leftTitle s { color:#888; font:12px/18px arial; text-decoration:none; text-transform:uppercase; }

/* 二级、三级菜单 */
.menu{float:left;margin-left: -41px;position: relative;z-index: 10;padding-top: 2px;}
.menu dl { zoom:1;  text-align:center; }
.menu dl:after{content:'\20';display:block;height:0;clear:both}
.menu dl dt { display:inline-block; *display:inline; zoom:1;  vertical-align:top;background: url(inside2_03.png) no-repeat center;float:left; }
.menu dl dt a { display:inline-block; font-size:15px;width: 139px;height: 40px;line-height: 40px; color: #fff;}
.menu dl dt a:hover,.menu dl dt .current { background:#00498a; color:#fff; text-decoration:none; }

.m-rdm { padding:25px 0 10px; text-align:center;display: none; }
.m-rdm a { display:inline-block; margin:0 8px 10px; padding:3px 20px; border:1px solid #ddd; line-height:24px; }
.m-rdm a:hover,.m-rdm .current { border:1px solid #999; background:#999; color:#fff; }


.side2_l{float:left;padding:38px 0 0 35px;font-size:17px;color: #333;}
.side2_l s{text-decoration: none;color: #cecece;}
.side2_l i{font-style: normal;color: #cecece;font-size:12px;}
/* 面包屑 */
.location { position:relative; margin-top: 42px;float:right;color: #cbcbcb;font-family: "宋体";margin-right: 41px; }
.location h3 {display: none; float:left; padding-left:10px; border-left:5px solid #069; color:#000; font-size:21px; font-weight:normal; }
.breadcrumbs { float:right; text-align:right; }
.breadcrumbs a { display:inline-block; vertical-align:top; color: #cbcbcb;font-family: "宋体"; margin:0 6px;}
.breadcrumbs .u-home { }

/* 内容模式 */
.article { padding:0 0 40px; line-height:2; font-size:14px; word-wrap:break-word; float:left;width: 780px;}
.article .hd { padding:0 0 20px; text-align:center; }
.article .hd h1 { color:#000; font-size:20px; }
.article .hd .titBar { color:#797979; font-size:12px; } 
.article .bd { padding-bottom:40px; }
.article .ft { padding:20px 0 0; border-top:1px solid #ddd; }

/* 头部新闻 */
.hotNews { margin-bottom:30px; background:#848484; overflow:hidden; }
.hotNews .pic { float:left; width:390px; height:250px; margin-right:5px; }
.hotNews .pic img { width:100%; height:100%; }
.hotNews dl { display:block; overflow:hidden; zoom:1; padding:25px 20px 0 15px; line-height:22px; }
.hotNews dl dt { margin-bottom:13px; padding-left:10px; background:url(o_ico_05.jpg) no-repeat 0 13px; color:#fff; font-size:14px; line-height:30px; }
.hotNews dl dt a { color:#fff; }
.hotNews dl dt a:hover { color:#000; }
.hotNews dl .i { min-height:110px; padding-bottom:10px; padding-left:10px; color:#eee; }
.hotNews dl .m { width:84px; height:24px; margin-left:10px; background:#fff; line-height:24px; text-align:center; }
.hotNews dl .m a { display:block; color:#333; }
.hotNews dl .m a:hover { background:#666; color:#fff; }

/* 新闻列表 */
.news { padding:0 0 40px; }
.newsTable th { border:1px solid #fff; background:#c8cacb; color:#fff; font-weight:bold; text-align:center; }
.newsTable td { padding:8px 10px; border-bottom:1px solid #dcd9d4; line-height:20px; }
.list { padding:0 0 40px; }
.list li { padding:9px 0; border-bottom:1px dashed #e0e0e0; background:url(o_ico_18.gif) no-repeat 2px 17px; font-size:14px; line-height:20px; clear:both; }
.list li span { float:right; color:#999; font-size:12px; }
.list li a { padding-left:15px; }
.list li a:hover { text-decoration:underline; }

/* 图文新闻 */
.pothoItem { margin:0 0 40px; }
.pothoItem .item { margin-bottom:20px; padding:0 0 20px; border-bottom:1px dashed #d3d3d3; overflow:hidden; }
.pothoItem .item .pic { float:left; width:200px; height:150px; margin-right:20px; padding:4px; border:1px solid #e7e7e7; }
.pothoItem .item .pic img { width:200px; height:150px; }
.pothoItem .item dl { display:block; overflow:hidden; zoom:1; padding:0; line-height:20px; }
.pothoItem .item dl dt { font-size:16px; line-height:32px; }
.pothoItem .item dl .d,.pothoItem .item dl .m { display:none; }
.pothoItem .item dl .i { padding:5px 0 0; color:#999; font-size:14px; line-height:25px; }

/* 图片列表 */
.pic-item-list { margin:0 0 20px; }
.pic-item-list .pic-item { display:block; float:left; width:130px; margin-bottom:10px; padding:0; }
.pic-item-list .list-pic { display:block; width:100px; height:100px; margin:0 auto; padding:4px; border:1px solid #919090; line-height:100px; text-align:center; }
.pic-item-list dl { padding:0 5px; line-height:26px; text-align:center; }
.piList { padding:0 0 20px; overflow:hidden; }
.piList .pic-item-list { width:780px; margin:0; padding:0; }
.piList .pic-item { position:relative; width:230px; margin:0 27px 23px 0; padding:0; display:inline; }
.piList .list-pic { display:block; width:230px; height:162px; margin-bottom:0; padding:0; border:0; line-height:148px; }
.piList .list-pic img { width:230px; height:162px; }
.piList dl { padding:4px 5px; line-height:20px; }
.piList dl dt { height:30px; font-size:12px; line-height:30px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; }

/* 分页 */
.page { padding:0 0 40px; line-height:24px; text-align:center; }
.page a { display:inline-block; margin:0 2px; padding:0 8px; border:1px solid #ddd; background:#ddd; color:#333; vertical-align:top; }
.page a:hover,.page .current { border:1px solid #00498a; background:#00498a; color:#fff; }

/* 人才招聘 */
.hrTop { padding:0 0 30px; border-bottom:1px solid #ddd; }
.hrTop li { padding-left:16px; background:url(ico_05.gif) no-repeat 0 8px; font-weight:bold; line-height:24px; }
.hrTable .hrTableTh { height:32px; background:#666; color:#fff; }
.hrTable th { color:#fff; font-weight:normal; }
.hrTable td { padding:0 8px; }
.hrTable .bg td { background:#eee; }
.hr { position:relative; padding:0 0 40px; }
.hr h3 { padding-left:0; border-bottom:1px dotted #ccc; color:#0063be; font-size:20px; line-height:55px; }
.hr h3 s { float:right; width:20px; height:20px; margin-top:17px; cursor:pointer; }
.hr h3 .off { background:url(hr_down.gif) no-repeat center; }
.hr h3 .on { background:url(hr_up.gif) no-repeat center; }
.hrItem { margin-bottom:5px; }
.hrItem .title { border-bottom:1px dotted #ccc; color:#999; font-weight:bold; line-height:36px; }
.hrItem .title span { float:right; font-weight:100; }
.hrItem .title span a { color:#88000c; }
.hrItem .con { margin-bottom:10px; padding:15px 0; line-height:24px; }
.hrItem .con h4 { font-size:14px; line-height:36px; }
.hrItem .apply { width:95px; height:25px; padding:0; background:#01286f; color:#fff; line-height:25px; text-align:center; }
.hrItem .apply a { color:#fff; }
.hr-list { margin-bottom:5px; padding:5px 5px 15px; border-bottom:1px dotted #777; }
.hr-list .title { padding:0; color:#0063be; font-weight:bold; line-height:20px; }
.hr-list .title span { float:right; font-weight:100; }
.hr-list .info { padding:5px 0; line-height:24px; }
.hr-list .apply { height:24px; line-height:24px; text-align:right; }

/* 新闻列表 */
.message { padding:0 0 30px; }
.message-list { margin-bottom:5px; padding:5px 5px 15px; border-bottom:1px dotted #ddd; }
.message-list .m-title { padding:0; color:#0063be; font-size:16px; font-weight:bold; line-height:20px; }
.message-list .m-title span { float:right; color:#01286f; font-size:12px; font-weight:100; }
.message-list .m-info { padding:5px 0; line-height:24px; }
.message-list .r-title { padding:0; line-height:20px; }
.message-list .r-info { padding:5px 0; line-height:24px; }

/* 人才招聘 */
.form-panel { padding:0 0 30px; }
.form-panel h4 { margin-bottom:10px; padding:0 20px; background:#666; color:#fff; line-height:30px; }
.form-panel .tips { padding:10px 0 10px 100px; font-weight:bold; font-size:13px; text-align:left; }
.form-panel .field { clear:both; }
.form-panel li.field label { display:block; float:left; width:100px; line-height:24px; text-align:right; }
.form-panel .input { padding:5px 0; zoom:1; }
.form-panel .field:after { content:'\20'; display:block; height:0; clear:both; }
.form-panel .text { height:20px; padding:2px 3px; border:1px solid #ccc; background:#fff; color:#555; }
.form-panel .textarea { width:450px; height:100px; padding:1px 3px; border:1px solid #ccc; background:#fff; color:#555; }
.form-panel .submit-field { padding:0 10px 20px 100px; _padding:0 10px 20px 100px; clear:both; }
.form-panel .submit-field input { margin-right:10px; }
.form-panel .submit-field .btn-submit,.form-panel .submit-field .btn-reset { width:93px; height:29px; border:none; background:#666; color:#fff; cursor:pointer; }

/* 产品详细页 */
.m-detail { margin-bottom:30px; }
.m-detail .m-property { float:left; width:100%; }
.m-detail .property { margin-left:350px; }
.m-detail .property h1 { font-weight:100; font-size:18px; line-height:34px; }
.m-detail .property .m-i-a { margin-bottom:8px; padding:8px 0 15px; border-bottom:1px dotted #d9d9d9; color:#888; font-size:14px; line-height:25px; }
.m-detail .gallery { position:relative; float:left; width:350px; margin-left:-100%; }
.m-detail .gallery .bigPic { width:300px; height:224px; }
.product-detail { margin-bottom:30px; border:1px solid #e5e5e5; }
.product-detail .hd { height:45px; border-bottom:1px solid #e5e5e5; background:#f6f6f6; }
.product-detail .hd h2 { float:left; width:136px; height:46px; margin:-2px 0 -1px; border-top:2px solid #0058af; border-right:1px solid #e5e5e5; background:#fff; font-size:22px; font-weight:100; line-height:46px; text-align:center; }
.product-detail .bd { padding:25px; line-height:28px; font-size:14px; }

.iright{float:right;width: 289px;height: 100%;padding:0 32px;}
.iright ul li{margin:10px 0;}

.psx{width: 1084px;margin-left: 15px;background: #f4f4f4;padding:43px 43px 41px;}
.psx .psx_sel{width: 340px;height: 59px;font-size:13px;color: #666666;border:1px solid #d2d2d2;padding-left: 18px;vertical-align: middle;}
.psx .psx_sel {  
  /*Chrome和Firefox里面的边框是不一样的，所以复写了一下*/  
  border: solid 1px #d2d2d2;  
  
  /*很关键：将默认的select选择框样式清除*/  
  appearance:none;  
  -moz-appearance:none;  
  -webkit-appearance:none;  
  
  /*在选择框的最右侧中间显示小箭头图片*/  
  background: url(pic_sel_03.png) no-repeat scroll right center transparent;  
  
  
  /*为下拉小箭头留出一点位置，避免被文字覆盖*/  
  padding-right: 14px;  
}  
  
  
/*清除ie的默认选择框样式清除，隐藏下拉箭头*/  
.psx .psx_sel::-ms-expand { display: none; }  
.psx .psx_ipt{width: 340px;height: 59px;box-sizing: border-box;border:1px solid #d2d2d2;padding-left: 18px;font-size:13px;color: #666666;vertical-align: middle;margin-left: 20px;}
.psx .psx_sbt{display: inline-block; width: 340px;height: 59px;line-height: 59px;text-align: center; box-sizing: border-box;border:1px solid #d2d2d2;padding-left: 18px;font-size:13px;color: #fff;vertical-align: middle;margin-left: 20px;background: #00498a url(pix_06.png) no-repeat 110px center;}
.pi_c{padding:0 23px;}
.pici{float:left;width: 272px;border:1px solid #b5b5b5;margin:39px 19px 0 0;}
.pici:nth-child(4n){margin-right: 0;}
.pici_b{padding-bottom: 30px;}
.pici_b .pici_b1{text-align: center;font-size:18px;color: #333333;padding-top: 30px;} 
.pici_b .pici_b2{min-height: 44px; padding:0 24px;text-align: center;font-size:12px;color: #666666;margin-top: 15px;line-height: 22px;}
.pici_b .pici_b3{width: 56px;height: 2px;background: #00498a;margin:15px auto 0;}
.pici_b .pici_b4{text-align: center;margin-top: 20px;}
.pici_b .pici_b4 a{color: #00498a;text-transform: uppercase;}
.pi_more{line-height: 64px;background: #f5f5f5;text-align: center;margin-top: 40px;width: 1154px;margin-left: 15px; }
.pi_more a{display: block;font-size:12px;color: #333333;}

.inews{}
.inews_h{width: 450px;}
.inews_h .inews_h1{font-size:25px;color: #00498a;}
.inews_h .inews_h2{margin-top: 15px;}
.inews_h .inews_h2 a{font-size:19px;color: #333333;}
.inews_h .inews_h3{font-size: 12px;color: #666666;line-height: 25px;margin-top: 10px;}
.inews_h4{width: 100%;text-align: center;line-height: 52px;background: #e5e5e5;margin-top: 10px;}
.inews_h4 a{display: block;}
.inews_h4 a img{padding-top: 15px;}
.inews_c{margin-top: 28px;margin-bottom: 40px;}
.inews_ci{padding:24px 0;border-bottom: 1px solid #e1dede;}
.inews_cil{padding:0 19px; float:left;margin-left: 16px;width: 50px;height: 88px;background: url(inews2_03.png) no-repeat center;text-align: center;}
.inews_cil div{font-size: 33px;font-weight: bold;color: #00498a;border-bottom: 1px solid #00498a;padding-top: 7px;}
.inews_cil p{font-size: 12px;color: #00498a;}
.inews_cir{float:right;width: 607px;margin-right: 15px;}
.inews_cir div{}
.inews_cir div a{font-size: 17px;color: #333333;}
.inews_cir p{font-size: 12px;color: #666666;line-height: 25px;margin-top: 10px;}
.inews_ci:hover{background: #eeeeee;}
.inews_ci:hover .inews_cir div a{color: #00498a;}

.conz{padding:0 54px;margin:20px 0 90px;}
.conz_l{float:left;width: 280px;padding-right: 32px;border-right: 1px dashed #ebebeb;}
.conz_l1{font-size: 21px;color: #728080;font-weight: bold;}
.conz_l2{font-size: 16px;color: #8e9797;font-family: "宋体";}
.conz_l3{font-size: 13px;color: #728080;padding-left: 30px;background: url(contact1_06.png) no-repeat left center;margin-top: 15px;}
.conz_l4{font-size: 13px;color: #728080;padding-left: 30px;background: url(contact2_09.png) no-repeat left center;margin-top: 15px;}
.conz_l5{font-size: 13px;color: #728080;padding-left: 30px;background: url(contact3_11.png) no-repeat left center;margin-top: 15px;}
.conz_l6{font-size: 13px;color: #728080;padding-left: 30px;background: url(contact3_14.png) no-repeat left center;margin-top: 15px;}
.conz_r{float:right;width: 670px;}
.conz_l7{margin-top: 15px;width: 160px;}
.conz_l7 p{text-align: center;}

.jd{}
.jd1{padding-bottom: 27px;border-bottom: 1px solid #e1dede;}
.jd2{margin-top: 44px;}
.jd2_a{font-size: 16px;color: #080808;padding-left: 43px;background: url(jd5_07.png) no-repeat 14px center;}
.jd2_b{}
.jd2_b label{display: block;margin:14px 0;}
.jd2_b label span{display: inline-block;width: 120px;text-align: right;vertical-align: middle;font-size: 14px;color: #666666;}
.jd2_b label input[type='text']{width: 587px;height: 27px;border:1px solid #dbdbdb;padding-left: 10px;background: #f4f4f4;vertical-align: middle;}
.jd2_b label textarea{width: 587px;height:157px;border:1px solid #dbdbdb;padding: 5px;background: #f4f4f4;vertical-align: top;}
.jd2_b label i{width: 110px;height:32px;overflow: hidden;display: inline-block;background: url(jd4_15.png) no-repeat center;vertical-align: middle;}
.jd2_b label i input{width: 110px;height:32px;opacity: 0;}
.bbd{padding-bottom: 27px;border-bottom: 1px solid #e1dede;}
.jd2_c{font-size: 16px;color: #080808;padding-left: 43px;background: url(jd6_11.png) no-repeat 14px center;margin-top: 25px;}
.jd2_d label{display: block;margin:14px 0;}
.jd2_d label span{display: inline-block;width: 120px;text-align: right;vertical-align: middle;font-size: 14px;color: #666666;}
.jd2_d label input[type='text']{width: 587px;height: 27px;border:1px solid #dbdbdb;padding-left: 10px;background: #f4f4f4;vertical-align: middle;}
.jd2_d label.code input[type='text']{width: 86px;}
.jd2_e{font-size: 12px;color: #db0000;font-family: "宋体";padding-left: 58px;background: url(jd7_07.jpg) no-repeat 45px 5px;padding-right: 50px;}
.jd2_f input{width: 230px;height: 42px;background: #00498a;border-radius: 5px;font-size: 16px;color: #fff;}
.jd2_f{text-align: center;margin-top: 50px;}

.w1200 { width: 1200px; margin: 0 auto; position: relative;}
.all-map { width: 100%; height: 691px; background: url(bj1_03.png) no-repeat center top; background-size: cover; position: relative; }
.all-mapbg { position: absolute; left: 0px; top: 51px; z-index: 1; }
.all-map-title { position: absolute; top: 180px; right: 0; z-index: 9; }
.all-map-title span{display:block;padding-left: 55px; font-family: "NovecentowideMedium"; font-size: 40px; color: #D1B366; font-weight: normal;letter-spacing: -3px;line-height: 40px;}
.all-map-list { position: absolute; top: 310px; right:0px; z-index: 99; }
.all-map-location { position: relative; z-index: 2; }
.all-map-list li { display: block; width: 142px; height: 142px; background: #005cad; float: left; margin-left: 15px; overflow: hidden; position: relative; cursor: pointer; -webkit-transition: all .3s; transition: all .3s;z-index: 99; }
.all-map-list li a { display: block; width: 110px; height: 45px; font-size: 15px; color: #fff; position: absolute; bottom: 16px; left: 17px; font-weight: bold; -webkit-transition: all .3s; transition: all .3s; }
.all-map-list li a span { display: block; font-size: 18px; padding-bottom: 5px; }
.all-map-list li:hover, .all-map-list .current { background: #ea9818; }
.all-map-list li:hover a, .all-map-list .current a { color: #fff; }
.all-map-location > div { position: absolute; z-index: 2; -webkit-transition: all 400ms; -moz-transition: all 400ms; -o-transition: all 400ms; -ms-transition: all 400ms; transition: all 400ms; opacity: 0; filter: alpha(opacity=0); -moz-opacity: 0; }
.all-map-location > div.active { opacity: 1; filter: alpha(opacity=100); -moz-opacity: 0; }
.all-map-1 { top: 302px; left: 340px; left: 240px \9; }
.all-map-2 { top: 130px; left: 318px; left: 218px \9; }
.all-map-3 { top: 272px; left: 416px; left: 316px \9; }

.all-map-1.active { top: 62px; left: 217px; }
.all-map-2.active { top: 62px; left: 217px; }
.all-map-3.active { top: 62px; left: 217px; }

.job-list li { /*background: #e9e9e9;*/ background: #f4f4f4; min-height: 75px; position: relative; width: 100%; margin-top: 10px; }
.job-list li.current{background: #e9e9e9;}
.job-list li.current b{display: none;}
.job-list li b{font-weight: normal;}
.job-list-cont { padding: 25px; width: 900px; position: relative; overflow: hidden; }
.job-list-btn { display: block; position: absolute; top: 0; right: 0; background: url(icon-join.png) #e0e0e0 no-repeat center center; width: 150px; height: 100%; }
.job-list-date { width: 130px; float: left; color: #d0b87d; font-size: 22px; font-family: "NovecentowideMedium"; height: 24px; -webkit-transition: all .3s; transition: all .3s; }
.job-list-content { float: left; width: 770px; }
.job-list-content a:hover{color:#ee5555;}
.job-list-content .xx { margin-bottom: 0; color: #474752; margin-top: 5px; height: 0; -webkit-transition: all .3s; transition: all .3s;display:none;}
.job-list-content h4 { color: #535252; font-size: 15px; }
.job-list-content .share{float:right;width:140px;height:33px;margin-right:30px;}
.job-list-content .share .font{display:block;float:left;height:33px;line-height:33px;font-size:14px;color:#818182;}
.job-list-content .share a{display:block;width:33px;height:33px;float:left;margin-right:10px;}
.job-list .current .job-list-content .xx { height: auto; display: block; }
.job-list .current h4 a, .job-list-content h4 a:hover { color: #00498a; }


.xxsa{position: relative;}
.xxsa .prev{position:absolute; bottom:35px; z-index:2; width:44px; height:44px; background:no-repeat 0 0;left:0px;background-image:url(../images/btn_prev.png);}
.xxsa .next{position:absolute; bottom:35px; z-index:2; width:44px; height:44px; background:no-repeat 0 0;left:70px;background-image:url(../images/btn_next.png);}
.itro{height: 387px;padding-top: 40px;background: url(industry-introduce-bg.jpg) no-repeat center;width: 1920px;position: relative;left: 50%;margin-left: -960px;}
.itrox{width: 1200px;margin:0 auto;}
.itro_l{float:left;width: 50%;padding:0 15px;box-sizing: border-box;}
.itro_r{float:right;width: 50%;padding:0 15px;box-sizing: border-box;}
.itro_l1{font-family: "Helvetica";font-size: 18px;text-transform: uppercase;text-align: left; color: #999999; padding: 10px 10px 16px 0;}
.itro_l2{font-size: 26px;position: relative;font-weight: bold;color: #00498a;padding-bottom: 10px;}
.itro_l3{content: "";width: 19px;height: 2px;background-color: #ababab;margin-bottom: 15px;}

#content {margin-top: 20px; position:relative; overflow:hidden;width: 1920px;position: relative;left: 50%;margin-left: -960px;}
#about-4 #history {height:620px; background:#f9efd9 url(xa.png) no-repeat bottom center; overflow:hidden;}
#about-4 #history .viewport {position:relative;  margin:0 auto; margin-bottom: 50px; width:1130px; height:100%; background:url(../images/fzlc_title.png) no-repeat 2px 20px; overflow:visible;}
#about-4 #history .viewport .btn {display:none; position:absolute; bottom:15px; z-index:2; width:44px; height:44px; background:no-repeat 0 0;}
#about-4 #history .viewport .prev {left:-50px;background-image:url(../images/btn_prev.png);}
#about-4 #history .viewport .next {right:-60px;background-image:url(../images/btn_next.png);}
#about-4 #history .viewport .wrap {position:relative; left:0; top:0; z-index:1; width:100%; height:100%;}
#about-4 #history .viewport .wrap .item {position:absolute; bottom:-100%; width:283px; background:url(../images/p_4_3.jpg) repeat-y 9px 0; -webkit-transition:bottom 500ms; transition:bottom 300ms;}
#about-4 #history .viewport .wrap .on {bottom:0;}
#about-4 #history .viewport .wrap .item div {padding:5px 16px 35px 29px ;background:url(../images/p_4_2.png) no-repeat 0 bottom;}
#about-4 #history .viewport .wrap .item div p {margin-bottom:20px; line-height:18px; color:#666;}
#about-4 #history .viewport .wrap .item div .year {display:block; margin:0px 0 20px 0; font:30px/30px 'novecento' !important; color:#d69200;}
#about-4 .link {position:relative; z-index:2; padding:15px 0 20px 0; height:165px; background-color:#fff;}