/* CSS Document */ .banner_img{ width:100%; height:322px; background:url(../img/culture_banner.jpg) no-repeat center top;} .declare_img{ width:100%; height:350px; background:url(../img/declare_bg.jpg) no-repeat center top;} .about_text { display:block; width:100%; margin-bottom:45px; font-family:'Microsoft YaHei'; text-align:left;} .about_text strong { display:block; color:#333; font-size:20px; margin-bottom:8px; font-weight:normal;margin-top: 50px;} .about_text .juhong{ color:#F60;} .about_text p { color:#7e7e7e; line-height:26px; font-size:14px;} .no-display{display: none;} .img-width-01{width: 500px;} .img-width-02{width: 740px;} .img-width-03{width: 511px;} .img-width-04{width: 380px;} .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:1490px; margin:0 auto; margin-bottom:50px; } .ln-lst li{ float: left; width:470px; height:440px; background-color:#fff; border-right:1px solid #ededed; position: relative; cursor: pointer; margin-right:25px; } .ln-lst li.nobr{ border-right:none; } .ln-lst .ln-lt-i{ display:block; margin:0 auto; margin-top:12px; width:379px; height:210px; } .ln-lst .ln-lt-bg{ display: none; position: absolute; width: 426px; height: 470px; top: -10px; left: -15px; background: url(/img/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(/img/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(/img/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(/img/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 10px 0px; margin: 0px auto; background-color: #fff; padding-bottom: 55px; } .news-detail .detail-content{width: 68%;} .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('/img/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 h3{ font-weight:200; line-height:2.5;} .news-detail .detail-content .news-nav{font-size: 18px;color: #262626;margin-top: 130px;} .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;} .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('/img/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('/img/news_icon_small.png') left center no-repeat; padding-left: 30px; } .news-detail .detail-content .page-nav-right a{ background: url('/img/next.png') right center no-repeat; padding-right: 22px } .news-recommend .recommend-title{font-size: 22px;color: #6a6b71;padding-bottom: 28px;} .news-recommend .recommend-item{background-color: #F4F4F4;margin-bottom: 30px;} .news-recommend .recommend-item .news-txt{padding: 17px 17px 20px 0px;} .news-recommend .recommend-item .news-title{ font-size: 15px; color: #262626; margin-bottom: 6px; background: url('/img/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;} /*鍏徃鍘嗙▼*/ .title{height: 85px;margin-top: 52px;} .title h2{font-size: 30px;line-height: 40px;color: #2c2c2c;text-align: center; font-weight:200;} .title_2{height: 93px;background: url('/img/history_title.jpg') left center no-repeat;} .title_2 h3{font-size: 30px;line-height: 93px;color: #ffffff;text-align: center;font-weight:200;} .history-intr .intr-item{margin-right: 32px;width: 340px;} .history-intr .intr-last-item{margin-right: 0px;} .history-intr .intr-item strong{font-size: 22px;color: #2c2c2c;display: block;line-height: 30px;height: 60px;margin: 30px 0px;} .history-intr .intr-item p{font-size: 16px;color: #79797b;line-height: 34px;} #owl-demo{width:900px;margin: 0px auto;} .fixwidth {width:1085px;margin: 0px auto;} .company_process a{color: #999999; font-size: 20px;} .company_process .owl-carousel .owl-wrapper, .company_process .owl-carousel .owl-item{text-align: center; height: 55px;} .company_process .owl-carousel .owl-wrapper, .company_process .owl-carousel .owl-item .item{height: 55px;} .company_process .owl-carousel .owl-wrapper, .company_process .owl-carousel .owl-item .item a{display: inline-block;padding: 0px 5px;height: 52px;line-height: 52px;border-bottom: 3px transparent solid;} .company_process .owl-carousel .owl-item .item.tab_active a { color: #f75464; border-bottom-color: #fb7070; } .owl-theme .clickable .owl-buttons div{ display: inline-block; text-indent: -9999px; width: 55px; height: 55px; background-position: center center; background-repeat: no-repeat; position: relative; top: -68px; background-color:transparent; opacity: 1; } .owl-theme .clickable{position: absolute;width: 100%;} .owl-theme .clickable .owl-buttons .owl-prev{ float: left; background-image: url('/img/left_arrow.png'); left: -252px; } .owl-theme .clickable .owl-buttons .owl-next{ float: right; background-image: url('/img/right_arrow.png'); right: -252px; } #container_info .f-left{margin-left: 60px;} #container_info{padding-top: 50px;border-top: 1px solid #EAEDF1;background-color: #F9F9F9;} #container_info .month{background: url(/img/company_history1.png) no-repeat 85px 15px; min-height:160px;margin-top: -15px;} #container_info .month .title{float: left;margin-right: 80px;margin-top: 15px;} #container_info .month .title .month_num{font-size: 25px;color: #828282;} #container_info .month .title .month_num p{font-size: 25px;color: #828282;} #container_info .month .msg{font-size:16px;float: left;max-width: 645px;} #container_info .month .msg .msg_title{color:#8d95a0;margin-top:8px;margin-bottom: 10px;font-size: 16px; text-align:left;} #container_info .month .msg .msg_main{font-size: 16px;color:#30323d;line-height: 30px;text-align:left;} #container_info .month .msg_content{min-height: 130px;} #container_info .month .line{height: 1px; border-bottom: 1px solid #F9F7F8; float: left; width: 100px; width: 100%;} #container_info .month_first{margin-top: 0px;} #container_info .month_last{background: url(/img/company_history3.png) no-repeat 85px -105px;margin-top: 0px;} #container_info .container_info_txt{margin-left: 85px;margin-top: 20px;} /*浜烘墠*/ /*鍔犲叆鎴戜滑*/ #main .content{text-align: center;} .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;} #main{min-width: 1190px;} .fixwidth1 { width: 1000px; margin: 0px auto; } .map img{width: 100%;} .contact-txt .title{padding: 50px 0px 50px 0px;} .contact-txt .title h1{font-size: 28px;color: #010101;margin-top: 22px;} .contact-txt .title p{font-size: 20px;color: #909091;} .contact-txt .title h1,.contact-txt .title p{padding-left:28px;} .contact-txt .contact-body{margin-bottom: 66px;} .contact-txt .contact-body table{width: 100%;border: 2px solid #F0F0F0;} .contact-txt .contact-body table td{ font-size: 18px; color: #79797b; height: 60px; padding-left: 90px; border-bottom: 1px solid #F0F0F0; vertical-align: middle; } .contact-txt .contact-body table td span{color: #3b3a3a;} .culture_box { display:block; font-size:0; text-align:center; border:1px solid #e2e2e2; overflow:hidden; width:1450px; 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);} #wenhua h3{ letter-spacing:8px; font-weight:200;} .honor{ padding-top:25px; position: relative; width:1290px; margin:0 auto; } .honor-box{ width:918px; height:651px; margin:0 auto; border:1px solid #dbdbdb; background:#fff;} .honor-show{ width:918px; height:497px; position:relative; overflow:hidden;} .honor-show ul{ position:absolute; left:0; top:0;} .honor-show ul li{width:918px; height:487px; text-align:center; position:relative; overflow:hidden; float:left; display:inline;} .honor-show ul li img{ max-width:918px; 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(../img/honor_btn.jpg); position:absolute; overflow:hidden;} .honor-thumb{ width:810px; 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;} @media screen and (min-width: 1600px) and (max-width: 1900px) { .ln-lst{ width:1340px; } .ln-lst li{ width:420px; height:440px; margin-right:25px; } .culture_box{ width:1250px;} } @media screen and (min-width: 1280px) and (max-width: 1590px) { .ln-lst{ width:1190px; } .ln-lst li{ width:370px; height:440px; margin-right:25px; overflow:hidden; } .ln-lst .ln-lt-bg { display: none; position: absolute; width: 370px; height: 440px; top: -10px; left: -15px; background: url(/img/ln_bg03.png) no-repeat; } .culture_box{ width:1190px;} } .video-bg{ } .video-bg dl{ float:left; width:520px; margin-bottom:40px; display:block; background-color:#FFF; margin-right:40px; padding:40px 20px;} .video-bg dl:hover{z-index:2;-webkit-box-shadow:0 15px 30px rgba(0,0,0,0.1);box-shadow:0 15px 30px rgba(0,0,0,0.1)} .video-bg dt{ font-size:19px; padding-bottom:20px;} .video-bg dt a{color:#000000;} .video-bg dt span{ float:right; font-size:14px; color:#595757;padding-top: 2px; }