/* CSS Document */ /*鏂伴椈璧勮*/ .f26 { font-size: 26px; } i, em{ font-style: normal; } /*娓呴櫎娴姩*/ .clear { clear: both; } .lb-wrap{ height: 509px; overflow: hidden; } .lb-wrap img{ position: relative; top:0; left: 50%; margin-left: -960px; } .lnews{ background-color: #f8f8f8; padding-top: 60px; padding-bottom:75px; } .lnews H3{ text-align:center;font-weight:300;} .lnews H3>SPAN{ font-weight:100; color:#CCC;} .ln-img{ display: block; margin: 0 auto; margin-bottom: 50px; } .ln-lst{float: none;width:1200px;margin:0 auto;} .ln-lst li{margin-bottom: 13px;float: left;width:390px;height:430px;background-color:#fff;border-right:1px solid #ededed;position: relative;cursor:pointer;margin-right:13px;} .ln-lst li.nobr{margin-right:-13px;} .ln-lst .ln-lt-i{ display:block; margin:0 auto; margin-top:12px; width:356px; height:210px; } .ln-lst .ln-lt-bg{ display: none; position: absolute; width:390px; height: 430px; top: -10px; left: -15px; background: url(ln_bg03.png) no-repeat; } .ln-lst li:hover .ln-lt-bg{ display: block; z-index: 12; } .ln-lst li:hover{ z-index: 13; } .ln-lst h3{ margin-top:26px; height:26px; line-height:26px; font-size:20px; color:#000; font-weight:normal; padding:0 25px; width: 346px; white-space: nowrap; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; } .ln-lst li:hover h3{ color:#f60; } .ln-lst span{ display:block; margin-top:9px; text-indent:25px; line-height:22px; font-size:18px; color:#838383; } .ln-lst p{ margin-top:11px; height:48px; line-height:24px; font-size:12px; color:#999; padding: 0 25px; overflow:hidden; } .ln-lst .ln-lst-de{ display:block; width:31px; height:31px; margin-left:27px; margin-top:15px; background:url(ln_enter.png) no-repeat; } .ln-lst li:hover .ln-lst-de{ background-position:0 -31px; } .ln-lst2{ float:none; width:1190px; margin:0 auto; } .ln-lst2 li{ float:left; width:225px; height:140px; background-color:#fff; padding:17px 20px 0 20px; margin-right:25px; margin-bottom:25px; border:solid 1px #dedede; }o .ln-lst2 li.nobr{ margin-right:0; } .ln-lst2 li:hover{ box-shadow: -10px 0 30px #f3f3f3,10px 0 30px #f3f3f3,0 0 0 #e7e7e7, 0 12px 40px #e7e7e7; } .ln-lst2 span{ display:block; line-height:24px; font-size:18px; color:#f60; } .ln-lst2 h3{ margin-top:11px; margin-bottom:11px; height:24px; line-height:24px; font-size:14px; color:#666; font-weight:normal; width: 100%; white-space: nowrap; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; text-align:left; } .ln-lst2 h3:hover{ color:#f60; } .ln-lst2 p{ overflow:hidden; line-height:22px; color:#999; font-size:12px; } .ln-lst2 .ln-lst2-de{ display:block; margin-top:18px; font-size:14px; line-height:20px; color:#000; cursor:pointer; } .ln-lst2 .ln-lst2-de:hover{ color:#f60; } .linvst{ background-color: #f8f8f8; height: 214px; padding-top: 100px; } .lin-img{ display: block; margin: 0 auto; } .lin-a-w{ width: 472px; margin: 0 auto; margin-top: 29px; overflow:hidden; } .lin-a-w .linaw{ width:500px; } .lin-a{ display: block; float: left; position: relative; height: 27px; padding: 0 14px; margin-right: 15px; text-align: center; } .lin-a .lin-a-l, .lin-a .lin-a-r{ display: block; width: 14px; height: 27px; position: absolute; background-image: url(li_btn02.png); background-repeat: no-repeat; } .lin-a .lin-a-l{ top: 0; left:0; } .lin-a .lin-a-r{ top:0; right: 0; background-position: -14px 0; } .lin-a i{ display: block; height: 25px; line-height: 25px; color: #333; padding: 0 7px; font-size: 14px; border-top: 1px solid #dbdbdb; border-bottom: 1px solid #dbdbdb; } .l-ml83{ margin-left: 83px; } .lin-a.cur .lin-a-l, .lin-a.cur .lin-a-r, .lin-a:hover .lin-a-l, .lin-a:hover .lin-a-r{background-image: url(li_btn01.png);} .lin-a.cur i, .lin-a:hover i{ color: #fff; background-color: #f60; border-top: 1px solid #f60; border-bottom: 1px solid #f60; } .lin-trends{ background-color: #fff; height: 356px; padding-top: 79px; } .lin-trends img{ display: block; float: left; } .lin-trends img.lin-02{ margin-left: 30px; } .lin-lst-wrap{ background-color: #f8f8f8; padding: 50px 0 43px; } .lin-lst{ float: none; width: 1190px; margin: 0 auto; } .lin-lst li{ float: left; width: 319px; height: 152px; background-color: #fff; padding:28px 30px 0 30px; margin-right: 26px; margin-bottom: 30px; box-shadow: -3px 0 10px #f4f4f4,3px 0 10px #f4f4f4,0 0 0 #ededed, 0 5px 20px #ededed; } .lin-lst li.nobr{ margin-right: 0; } .lin-lst li:hover{ box-shadow: -10px 0 30px #f3f3f3,10px 0 30px #f3f3f3,0 0 0 #e7e7e7, 0 12px 40px #e7e7e7; } .lin-lst span{ display: block; line-height: 22px; font-size: 18px; color: #999; } .lin-lst p{ margin-top: 14px; line-height: 24px; font-size: 14px; color: #020202; cursor: pointer; height: 48px; overflow: hidden; } .lin-lst p:hover{color: #f60;} .lin-lst .lin-lst-de{ display: block; margin-top: 20px; line-height: 24px; font-size: 14px; color: #666; cursor: pointer; } .lin-lst .lin-lst-de:hover{color:#f60;} .news-detail{ padding: 35px 0px 0px;margin: 0px auto;background-color: #fff;padding-bottom: 55px;} .news-detail .detail-content{width:812px;} .1111111--------news-detail .news-recommend{width: 26%;} .news-detail .detail-content .news-title{font-size: 26px;color: #6a6b71;line-height:32px;padding-bottom: 32px;border-bottom: 1px solid #EFEFEF;} .news-detail .detail-content .news-date span{ display: inline-block; font-size: 18px; color: #99a0a9; float: right; margin-right: 10px; padding-left: 30px; height: 60px; line-height: 60px; background: url('clock.jpg') left center no-repeat; } .news-detail .detail-content .news-content {font-size: 16px;color: #777777;line-height: 38px;margin-top: 20px;} .news-detail .detail-content .news-content p {font-size: 16px;} .news-detail .detail-content .news-content h3{ font-weight:200; line-height:2.5;} .news-detail .detail-content .news-nav{font-size: 18px;color: #262626;margin-top:50px;} .news-detail .detail-content .news-nav table{width: 100%;text-align: center;} .news-detail .detail-content .news-nav table .page-nav-left{text-align: left;} .news-detail .detail-content .news-nav table .page-nav-right{text-align: right;} .news-detail .detail-content .news-nav table a{display: inline-block;font-size: 16px;} .news-detail .detail-content .page-nav-left, .news-detail .detail-content .page-nav-right{width: 213px;} .news-detail .detail-content .page-nav-left a{ background: url('prev.png') left center no-repeat; padding-left: 22px; } .news-detail .detail-content .page-nav-center{width: 286px;} .news-detail .detail-content .page-nav-center a{ background: url('news_icon_small.png') left center no-repeat; padding-left: 30px; } .news-detail .detail-content .page-nav-right a{ background: url('next.png') right center no-repeat; padding-right: 22px } .news-recommend{width:300px;} .news-recommend .recommend-title{font-size: 22px;color: #6a6b71;padding-bottom: 28px;} .news-recommend .recommend-item{background-color: #F4F4F4;margin-bottom:15px;} .news-recommend .recommend-item .news-txt{padding:10px;} .news-recommend .recommend-item .news-title{font-size: 15px;color: #262626;margin-bottom: 6px;background: url('nav.png') right center no-repeat;} .news-recommend .recommend-item .news-summary{font-size: 12px;color: #666666;line-height: 22px;} .news-content img{ max-width: 712px;} .l-page{ width: 1200px; margin: 0 auto; width: 100%; height: 54px; margin-top: 22px; } .pull-right{ width: 1200px; margin: 0 auto; height: 54px; margin-top: 22px; background-color:#f0f0f0; text-align: center; } .pull-right .pagination{ display: inline-block; padding: 14px 0; height: 26px; font-size: 14px; line-height: 26px; color: #333; float: none; zoom:1; } .pull-right .pagination:after{content: "020";visibility:hidden;overflow:hidden;height: 0;clear: both;} .pull-right .pagination li{margin: 0 6px; float:left; display:inline;} .pull-right .pagination li a{padding:0 10px;color: #333;font-size: 16px;} .pull-right .pagination li:hover,.pull-right .pagination li.active{background-color: #f60;} .pull-right .pagination li:hover a, .pull-right .pagination li.active a{color: #fff;} .pull-right .pagination li.disabled a{color: #666;cursor: default;} .pull-right .pagination li.disabled:hover{background-color: #f0f0f0;} .pull-right .pagination li.disabled:hover a{color:#666;} .line1{ width:66px; height:3px; line-height:3px; background-color:#dedede;} /*job*/ #main .content{text-align: center;} .fixwidth {width: 1200px; margin: 0px auto;} .title{height: 74px;margin-top: 52px;} .title h2{font-size: 30px;line-height: 40px;color: #2c2c2c;} .join p{font-size: 16px;color: #79797b;line-height: 36px;} .join .join-intr {text-align: left;border-top: 1px solid #EFEFEF;margin-top: 57px;padding-top: 42px;padding-bottom: 22px;} .join .join-intr strong{font-size: 26px;color: #2a2c38;display: block; line-height: 26px; margin-bottom: 15px} .join .join-intr p{font-size: 16px;} .join .join-intr-inner{width: 860px;margin: 0px auto;} .join .join-intr-inner .intr-item{margin-bottom: 33px;} .join .join-intr-inner .intr-item-1 strong{margin-top: 25px;} .join .join-intr-inner .intr-item-2 .f-right{margin-top: 30px;} .join .join-intr-inner .intr-item-3 .f-right{margin-top: 20px;} .join .join-intr p a,.join .join-intr p span{color: #fe4351;} .join .inline-recruit .recruit-item{border: 2px solid #F0F0F0;padding: 30px 43px;margin-bottom: 23px; width: 417px;} .join .inline-recruit .recruit-item.odd{margin-right:20px;} .join .inline-recruit .recruit-content{ max-height: 250px; height: 250px; overflow-y: auto;text-align: left;font-size: 16px;line-height: 36px; color: #79797b} .join .inline-recruit .title-4{ font-size:22px; color:#00213B; height: 68px; line-height: 68px; padding-left: 82px; margin-bottom: 26px; background: url("/images/apps/frontend/aboutus/join/icon4.png") left center no-repeat; } .join .inline-recruit p{text-align: left;font-size: 16px;line-height: 36px;} .join .inline-recruit .apply-btn a{ display: inline-block;width: 94px; height: 44px; background: url("/images/apps/frontend/aboutus/join/apply_btn.png") center center no-repeat; } .join .inline-recruit .apply-box{margin-top: 66px;} .join .inline-recruit .apply-box .release-time p{font-size: 16px;color: #00213b;margin-top: 8px;opacity: 0.7;} .join .inline-recruit .inline-recruit-inner{width: 1042px;margin: 0px auto;margin-top: 60px;margin-bottom: 60px;} /*wenhua*/ #wenhua h3{ letter-spacing:8px; font-weight:200;} .tac {text-align: center;} .f14{font-size:14px;} .f32{font-size:32px;} .juhong{color:#F60;} .culture_box { display:block; font-size:0; text-align:center; border:1px solid #e2e2e2; overflow:hidden; width:1200px; margin:50px auto;} .culture_box .culture_item { display:inline-block; width:16%; height:100%; border-right:1px solid #e2e2e2; box-sizing:border-box; -webkit-transition:all 0.3s linear; -moz-transition:all 0.3s linear; transition:all 0.3s linear; position:relative; cursor:pointer;} .culture_box .culture_item .small { display:block; width:100%; height:100%; position:absolute; left:0; top:0; background:rgba(255,255,255,.9); -webkit-transition:all 0.3s linear; -moz-transition:all 0.3s linear; transition:all 0.3s linear;} .culture_box .culture_item .small em{ display:block; font-size:24px; color:#3e3e3e; line-height:26px; position:absolute; top:50%; margin-top:-72px; left:50%; margin-left:-30px;} .culture_box .culture_item .small i{ display:block; font-size:24px; width:150px; color:#a8a8a8; line-height:26px; position:absolute; top:50%; margin-top:55px; right:50%; margin-right:-75px; text-align:left; -webkit-transform-origin: 50% 100%; transform-origin: 50% 100%; -moz-transform-origin: 50% 100%; -webkit-transform:rotate(90deg);-moz-transform:rotate(90deg);transform:rotate(90deg); } .culture_box .culture_item .small img{ display:none; position:absolute; top:198px; left:92px; } .culture_box .culture_item.item_1 .small i, .culture_box .culture_item.item_2 .small i { margin-top:30px;} .culture_box .culture_item .small .small_line { display:block; width:0px; height:55px; border-left:1px solid #cecece; position:absolute; left:50%; margin-left:-10px; top:50%; margin-top:30px;} .culture_box .culture_item .big { display:block; width:100%; padding:25px 6%; box-sizing:border-box; position:absolute; left:0; bottom:0; text-align:left; background:rgba(234,100,0,.9); -webkit-transition:all 0.3s linear; -moz-transition:all 0.3s linear; transition:all 0.3s linear; -webkit-transform:translate3d(0,200%,0);-moz-transform:translate3d(0,200%,0);transform:translate3d(0,200%,0);} .culture_box .culture_item .big strong { display:block; color:#fff; font-size:40px; line-height:40px; margin-bottom:10px; font-weight:normal; vertical-align:middle;} .culture_box .culture_item .big strong em { font-size:22px; line-height:24px; margin-left:5px; vertical-align:middle;} .culture_box .culture_item .big p { font-size:12px; line-height:22px; color:#ffdd9c; font-family:SimSun;} .culture_box .culture_item:last-child { border:0;} .culture_box .culture_item.item_1 { background:url(/upload/culture_img1.jpg) no-repeat center top; background-size:auto 100%;} .culture_box .culture_item.item_2 { background:url(/upload/culture_img2.jpg) no-repeat center top; background-size:auto 100%;} .culture_box .culture_item.item_3 { background:url(/upload/culture_img3.jpg) no-repeat center top; background-size:auto 100%;} .culture_box .culture_item.item_4 { background:url(/upload/culture_img4.jpg) no-repeat center top; background-size:auto 100%;} .culture_box .culture_item.show { width:52%;} .culture_box .culture_item.show .small { opacity:0;} .culture_box .culture_item.show .big { -webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);transform:translate3d(0,0,0);} /*鑽h獕*/ .honor{padding-top:25px;position: relative;width:1200px; margin:0 auto;} .honor-box{ width:1118px; height:651px; margin:0 auto; border:1px solid #dbdbdb; background:#fff;margin-top:50px;} .honor-show{ width:1118px; height:497px; position:relative; overflow:hidden;} .honor-show ul{ position:absolute; left:0; top:0;} .honor-show ul li{width:1118px; height:487px; text-align:center; position:relative; overflow:hidden; float:left; display:inline;} .honor-show ul li img{ max-width:1118px; max-height:615px;} .honor-bot{ width:100%; height:133px; padding-top:20px; background:#f8f8f8; border-top:1px solid #dbdbdb;position:relative;} .honor-bot a{ display:block; width:29px; height:58px; top:48px; background-image:url(honor_btn.jpg); position:absolute; overflow:hidden;} .honor-thumb{ width:996px; height:115px; margin:0 auto 0; position:relative; overflow:hidden;} .honor-thumb ul{ position:absolute;height:115px; left:0; top:0;} .honor-thumb ul li{display:inline-block;height:109px; margin-right:7px; border:3px solid #fff; cursor: pointer; float:left; width:153px; text-align:center;} .honor-thumb ul li.cur{ border-color:#1c98fc;} .honor-thumb ul li img{ vertical-align:top;} .prev02{ left:14px;background-position: 0 0;} .next02{ background-position:-29px 0; right:14px;} .prev02:hover{ background-position:0 -58px ;} .next02:hover{ background-position:-29px -58px;}