/*****************网站首页******************/ html{ width:100%; } body{ width:100%; overflow-x:hidden; } header,nav{ display:block; } /*顶部*/ header{ border-top:4px solid #6ab92c; background:#fff; height:134px; position:relative; z-index:10000; text-align:center; } .w1200{ width:1200px; margin:0 auto; } /*logo*/ .logo{ width:311px; margin-top:15px; } .head_right{ width:860px; } /*head_top*/ .head_top{ font-size:0px; margin-top:30px; } .head_top a{ background:url(../images/ind1.png) center no-repeat; display:inline-block; vertical-align:middle; width:82px; height:24px; line-height:24px; text-align:center; color:#fff; text-transform:uppercase; font-size:12px; margin-left:10px; } .head_top a.on{ background:url(../images/ind2.png) center no-repeat; } nav{ text-align:right; position:relative; display:block; } nav li{ float:left; /* position:relative;*/ width:107px; } .navTit{ color:#555; font-size:17px; display:block; line-height:80px; display:block; width:100%; text-align:center; } .navBox{ position:absolute; top:80px; left:0px; width:100%; font-size:15px; background:#6ab92c; padding:10px 0px; display:none; text-align:left; } .navBox a{ display:inline-block; margin-right:40px; line-height:34px; color:#fff; } .navBox a:hover{ font-weight:bold; font-size:16px; } nav li.on .navTit{ font-weight:bold; color:#6ab92c; } nav li:hover .navBox{ display:block; } nav li:hover .navTit{ color:#6ab92c; } .indTit p{ font-size:26px; text-transform:uppercase; color:#aaaaaa; line-height:1; margin-bottom:10px; } .indTit h1{ font-size:32px; font-weight:bold; color:#6ab92d; line-height:1; } /*关于澳门第一城*/ .section1{ height:566px; width:100%; opacity:0; padding-bottom:22px; background:url(../images/about1.png) center bottom no-repeat; } .bg11{ background:url(../images/section1_1.png) left center no-repeat; width:100%; animation-duration:0.8s; animation-delay:0.8s; animation-iteration-count:1; height:100%; width:100%; } .bg12{ background:url(../images/section1_2.png) right bottom no-repeat; animation-duration:1s; animation-delay:1s; animation-iteration-count:1; height:100%; width:100%; } .bg13 .text{ width:450px; float:left; } .bg13 .indTit{ animation-duration:1.5s; animation-delay:1.5s; animation-iteration-count:1; padding-top:117px; } .bg13 .intro{ animation-duration:2s; animation-delay:2s; animation-iteration-count:1; display:-webkit-box; -webkit-line-clamp:4; -webkit-box-orient:vertical; overflow:hidden; font-size:14px; color:#333; line-height:34px; margin-top:45px; height:136px \9; } .bg13 .text a{ animation-duration:2.5s; animation-delay:2.5s; animation-iteration-count:1; display:inline-block; vertical-align:middle; width:54px; height:30px; margin-top:50px; } /*关于澳门第一城轮播图*/ /*************************************/ #aboutBanner{ animation-duration:3s; animation-delay:3s; animation-iteration-count:1; width:707px; height:344px; background:#fff; border:1px solid #6ab92d; float:right; position:relative; margin-top:107px; } .aboutBanner1{ width:707px; height:344px; position:absolute; left:-10px; top:-10px; } .aboutBanner1 .bd{ width:100%; height:100%; position:relative; z-index:0; } .aboutBanner1 .bd li{ zoom:1; vertical-align:middle; } .aboutBanner1 .bd li a{ display:block; width:100%; height:100%; } .aboutBanner1 .bd img{ max-width:100%; vertical-align:middle; } .aboutBanner1 .hd{ bottom:0px; z-index:1; position:absolute; left:0px; text-align:right; width:100%; } .aboutBanner1 .hd ul{ overflow:hidden; zoom:1; width:100%; text-align:right; } .aboutBanner1 .hd ul li{ background:#fff; cursor:pointer; display:inline-block; width:18px; height:6px; position:relative; margin-right:8px; } .aboutBanner1 .hd ul li.on{ background:#6ab92d; color:#fff; } /*媒体中心*/ /* .section2{ opacity:0; animation-duration:2.5s; animation-delay:2.5s; animation-iteration-count:1; } */ .media_tit{ animation-duration:1.2s; animation-delay:1.2s; animation-iteration-count:1; height:190px; } .media_tit .fl{ margin-top:61px; } .media_tit .fr{ margin-top:74px; } .media_tit .fr a{ display:inline-block; background:#dddddd; vertical-align:middle; padding:0 20px; font-size:15px; height:41px; line-height:41px; margin-left:5px; } .media_tit .fr a.on{ background:#6ab92c; color:#fff; } /*媒体中心轮播图*/ /*******媒体列表*********/ .news{ width:587px; float:right; } .newsUl{ width:100%; height:100%; } .newsLi{ width:585px; border:1px solid #ddd; animation-duration:2.5s; animation-delay:2.5s; animation-iteration-count:1; height:90px; padding:15px 0px; margin-bottom:10px; overflow:hidden; } .newsLi+.newsLi{ width:585px; border:1px solid #ddd; animation-duration:2.8s; animation-delay:2.8s; animation-iteration-count:1; } .newsLi+.newsLi+.newsLi{ width:585px; border:1px solid #ddd; animation-duration:3.2s; animation-delay:3.2s; animation-iteration-count:1; } .newsLi .date{ height:90px; text-align:center; border-right:1px dashed #ddd; width:120px; } .newsLi .date b{ font-size:40px; font-weight:bold; color:#aaaaaa; display:inline-block; line-height:1; margin-top:12px; } .newsLi .date p{ font-size:16px; color:#aaa; line-height:1.5; } .newsLi .text{ width:410px; margin-left:30px; } .newsLi .text h1{ font-size:18px; color:#333333; line-height:36px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; } .newsLi .text .intro{ height:40px \9; font-size:12px; color:#aaaaaa; line-height:20px; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; } .newsLi:hover{ background:#6ab92c; } .newsLi:hover .text h1{ color:#fff; } .newsLi:hover .text .intro{ color:#fff; } .newsLi:hover .date b{ color:#fff; } .newsLi:hover .date p{ color:#fff; } /*媒体中心轮播图*/ .section2{ padding-bottom:70px; } .media_banner{ width:585px; height:389px; position:relative; animation-duration:1.6s; animation-delay:1.6s; animation-iteration-count:1; overflow:hidden; } .media_banner .bd{ width:100%; height:100%; position:relative; z-index:0; display:block; } .media_banner .bd li{ zoom:1; vertical-align:middle; width:100%; height:389px; position:relative; } .media_banner .bd li a{ display:block; width:100%; height:100%; position:relative; } .media_banner .bd .img{ width:100%; height:100%; } .media_banner .bd img{ width:100%; vertical-align:middle; } .media_banner a.prev{ position:absolute; left:10px; background:url(../images/media2.png) left center no-repeat; width:32px; height:61px; z-index:1000; top:145px; } .media_banner a.next{ position:absolute; right:10px; background:url(../images/media1.png) left center no-repeat; width:32px; height:61px; z-index:1000; top:145px; } .media_banner .bd li .text{ position:absolute; left:0px; bottom:0px; width:100%; text-align:center; color:#fff; z-index:1000; font-size:15px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; background:url(../images/media3.png) center top repeat; height:50px; line-height:50px; } /*澳门第一城产品*/ .section3{ background:url(../images/ind3.jpg) center no-repeat; animation-duration:1s; animation-delay:1s; animation-iteration-count:1; height:640px; } .section3 .indTit{ color:#fff; animation-duration:2s; animation-delay:2s; animation-iteration-count:1; padding:60px 0px; } .section3 .indTit p{ color:#fff; } .section3 .indTit h1{ color:#fff; } .bg32 li{ width:-webkit-calc(25% - 35px);width:calc(25% - 35px); float:left; background:#fff; -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px; position:relative; behavior:url(PIE.htc); -webkit-box-shadow:0px 0px 7px #aaa; -moz-box-shadow:0px 0px 7px #aaa; box-shadow:0px 0px 7px #aaa; margin-right:46px; animation-duration:2.3s; animation-delay:2.3s; animation-iteration-count:1; overflow:hidden; margin-right:31px \9; } .bg32 li+li{ margin-right:46px; animation-duration:2.6s; animation-delay:2.6s; animation-iteration-count:1; margin-right:31px \9; } .bg32 li+li+li{ animation-duration:2.9s; animation-delay:2.9s; animation-iteration-count:1; } .bg32 li .img{ width:100%; max-height:317px; text-align:center; overflow:hidden; } .bg32 li .img img{ transition:all 1s; max-width: 100%; } .bg32 li:nth-child(4n){margin-right:0} .bg32 li:hover{ position:relative; behavior:url(PIE.htc); -webkit-box-shadow:0px 0px 10px #6ab92d; -moz-box-shadow:0px 0px 10px #6ab92d; box-shadow:0px 0px 10px #6ab92d; } .bg32 li:hover img{ transform:scale(1.05); } .bg32 li .text{ line-height:30px; padding:15px 10px 18px; font-size:18px; text-align:center; color:#333333; } .bg32 li:hover .text{ color:#6ab92d; font-weight:bold; } /*第四部分*/ .section4{ background:url(../images/ind7.png) 75% top no-repeat; width:100%; height:790px; animation-duration:1s; animation-delay:1s; animation-iteration-count:1; } .bg41{ background:url(../images/ind8.png) right 80px no-repeat; animation-duration:1.4s; animation-delay:1.4s; animation-iteration-count:1; } .bg42{ background:url(../images/ind14.png) right 226px no-repeat; background-size:753px; animation-duration:1.8s; animation-delay:1.8s; animation-iteration-count:1; } .bg43{ padding-top:70px; height:720px; animation-duration:2.2s; animation-delay:2.2s; animation-iteration-count:1; } .bg43 li{ padding-left:77px; margin-bottom:40px; animation-duration:2.2s; animation-delay:2.2s; } .bg43 li h1{ font-size:26px; font-weight:bold; color:#6ab92d; } .bg43 li p{ font-size:20px; color:#333333; } .bg43 li+li{ animation-duration:2.3s; animation-delay:2.3s; } .bg43 li+li+li{ animation-duration:2.4s; animation-delay:2.4s; } .bg43 li+li+li+li{ animation-duration:2.5s; animation-delay:2.5s; } .bg43 li+li+li+li+li{ animation-duration:2.6s; animation-delay:2.6s; } /*底部*/ footer{ background:#55a716; padding-top:20px; } .footer11{ width:840px; } .footer1Nav{ border-bottom:1px solid #fff; line-height:46px; } .footer1Nav a{ font-size:15px; margin-right:36px; color:#fff; } .footer1_img{ margin:40px 0px; } .footer2{ background:#3c8a00; line-height:40px; } .footer2 .fl{ font-size:14px; color:#fff; } .footer2 .fl a{ padding-right:8px; margin-right:8px; border-right:1px solid #fff; color:#fff; display:inline-block; vertical-align:middle; line-height:1; } .footer2 .fr{ color:#fff; font-size:14px; } .footer12{ margin-top:20px; } .footer12 li{ width:115px; text-align:center; margin-left:30px; float:left; color:#fff; font-size:15px; } .footer12 li img{ width:115px; height:115px; } /**************************内页公共样式****************************/ .page{ animation-duration:1s; animation-delay:1s; animation-iteration-count:1; padding-bottom:40px; } .pageTop{ position:relative; padding-bottom:60px; height:400px; } .pageTop>img{ width:100%; } .pageTop .text{ text-align:center; position:absolute; left:0px; width:100%; z-index:4000; } .pageTop .text h1{ font-size:40px; font-weight:bold; color:#ddd; letter-spacing:8px; line-height:1; margin-bottom:12px; position:relative; text-align:center; } .pageTop .text p{ font-size:30px; text-transform:uppercase; color:#aaa; line-height:1; position:relative; } .pageTop .text h1 .aboutsh{ margin:-2px 0px 2px -2px; color:#6ab92d; position:absolute; } .pageTop .text p .aboutsh{ margin:-2px 0px 2px -1px; color:#000; position:absolute; } .pageMenu{ position:absolute; bottom:0px; left:0px; width:100%; z-index:1000; background:url(../images/page2.png) center top no-repeat; padding-top:20px; } .pageMenu1{ background:url(../images/page4.png) center bottom no-repeat; padding-bottom:20px; } .pageMenu2{ background:url(../images/page3.png) center center repeat-y; } .pageMenu2 li{ float:left; line-height:80px; text-align:center; background:url(../images/page5.png) center right no-repeat; font-size:18px; } .pageMenu2 li a{ color:#333; } .pageMenu2 li.on a{ font-size:20px; font-weight:bold; color:#6ab92c; } .pageMenu2 li a:hover{ color:#6ab92c; cursor:pointer; } .pageTit{ text-align:center; padding:50px 0px; line-height:1; } .pageTit p{ text-transform:uppercase; font-size:26px; color:#aaaaaa; margin-bottom:8px; } .pageTit h1{ font-size:32px; font-weight:bold; color:#6ab92d; } /*****************走进澳门第一城********************/ .aboutText{ padding:25px 0; } .aboutText img{ max-width:100%; } .aboutText p{ font-size:17px; line-height:42px; color:#888; } .aboutImg img{ max-width:100%; } .aboutUl{ padding:40px 0px; } .aboutUl li{ float:left; width:29.3%; padding:0 2%; } .aboutUl li p{ font-size:15px; line-height:1; color:#555555; } .aboutUl li h1{ color:#6ab92c; font-size:24px; font-weight:normal; } .aboutUl li h1 b{ font-weight:bold; font-size:40px; } /****************企业新闻*********************/ .news_list{ margin-bottom:30px; background:url(../images/news1.jpg) center no-repeat; } .news_list a{ display:block; padding:20px 128px 20px 0px; width:1070px; height:93px; overflow:hidden; } .news_list a .date{ width:145px; height:100%; text-align:center; } .news_list a .date b{ font-size:40px; font-weight:bold; color:#aaaaaa; line-height:1; margin-top:13px; display:inline-block; vertical-align:middle; } .news_list a .date p{ font-size:18px; color:#aaaaaa; margin-top:6px; line-height:1; } .newsText{ width:865px; padding:0 30px; height:100%; } .newsText h1{ font-size:20px; color:#333333; line-height:1.8; } .newsText .intro{ height: 52px \9; font-size:15px; color:#aaaaaa; line-height:26px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp:2; -webkit-box-orient: vertical; } .news_list:hover{ background:url(../images/news2.jpg) center no-repeat; box-shadow:0px 0px 15px #ddd; } .news_list:hover a{ color:#fff !important; } .news_list:hover a h1{ color:#fff !important; } .news_list:hover a .intro{ color:#fff !important; } .news_list:hover a .date p{ color:#fff !important; } .news_list:hover a .date b{ color:#fff !important; } /*页码*/ .flip{ font-size:0px; } .flip a:first-child{ border-left:1px solid #ddd; } .flip a{ display:inline-block; line-height:36px; font-size:15px; padding:0 14px; border:1px solid #ddd; border-left:0px; } .flip a.on{ background:#6ab92c; color:#fff; border-color:#6ab92c; } /*******************新闻详情*************************/ #news_del .title{ padding:60px 0px; text-align:center; } #news_del .title h1{ font-size:20px; font-weight:bold; color:#000; line-height:1.5; margin-bottom:13px; } #news_del .title p{ font-size:15px; color:#666; line-height:1; } #news_del .title p span{ margin:0 10px; } #news_del .cont p{ font-size:18px; line-height:1.8; margin-bottom:15px; } #news_del .cont{ padding-bottom:15px; } #news_del .cont img{ max-width:100%; } .flip1{ border-top:1px dashed #aaa; line-height:50px; font-size:16px; } .flip1 a{ width:500px; } .flip1 a:hover{ font-weight:bold; color:#6ab92c; } /***********************产品展示************************/ .proTit{ font-size:0px; margin-bottom:48px; } .proTit a{ display:inline-block; vertical-align:middle; width:150px; height:42px; line-height:42px; border:1px solid #dddddd; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; position:relative; behavior:url(PIE.htc); background:#eeeeee; color:#333333; font-size:16px; margin:0 8px; } .proTit a.on{ background:#6ab92c; color:#fff; border-color:#6ab92c; } .proUl ul{ margin-bottom:20px; } .proUl li{ float:left; width:383px; margin-right:25px; margin-bottom:30px; text-align:center; } .proUl li a{ display:block; width:369px; padding:7px; background:url(../images/probg.png) center top no-repeat; } .proUl li .img{ width:369px; height:256px; overflow:hidden; text-align:center; line-height:256px; } .proUl li .img img{ max-width:100%; max-height:100%; vertical-align:middle; transform:all 0.6s; } .proUl li p{ font-size:18px; color:#333333; line-height:1.5; margin-top:10px; } .proUl li:hover .img img{ transform:scale(1.04); } .proUl li:hover p{ color:#6ab92c; font-weight:bold; } /*************************产品详情*****************************/ #pro_del>div.clearfix{ padding-bottom:40px; } #pro_del .img{ width:480px; text-align:center; } #pro_del .img img{ max-width:420px; max-height: 500px; } #pro_del .text{ float:left; width:720px; } #pro_del .text .name{ font-size:20px; font-weight:bold; margin-bottom:15px; } #pro_del .text .intro h1{ margin-bottom:15px; } #pro_del .text .intro h1 span{ background:#f0f0f0; display:inline-block; line-height:42px; padding:0 30px; font-size:16px; vertical-align:middle; } #pro_del .text .intro p{ font-size:15px; line-height:2; margin-bottom:15px; } /*******************产品介绍**************************/ .pro11{ background:url(../images/pro1_2.png) center top no-repeat; padding-top:20px; } .pro1_cont{ background:url(../images/pro1_5.png) center bottom no-repeat; padding-bottom:20px; } .pro1_cont1{ background:url(../images/pro1_4.png) center repeat-y; width:922px; margin:0 auto; height:auto; padding:9px; position:relative; overflow:hidden; } .pro1_cont1 .title{ position:absolute; left:9px; top:90px; } .pro1_cont1 .title a{ display:block; line-height:51px; width:95px; padding-left:20px; font-size:18px; color:#333333; margin-bottom:20px; background:url(../images/pro1_6.png) right center no-repeat; } .pro1_cont1 .title a.on{ background:url(../images/pro1_7.png) right center no-repeat; width:105px; color:#fff; } .pro1_cont1 .cont{ margin-left:150px; width:696px; } .pro1_cont1 .cont .list .name{ text-align:center; font-size:24px; color:#333333; margin:30px auto 40px; } .pro1_cont1 .cont .list .img{ text-align:center; margin-bottom:30px; } .pro1_cont1 .cont .list .img img{ max-width:100%; } .pro1_cont1 .cont .list .intro .tip{ display:inline-block; width:70px; line-height:29px; color:#fff; background:#6ab92d; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; position:relative; behavior:url(PIE.htc); text-align:center; font-size:17px; vertical-align:middle; margin-top:7px; } .pro1_cont1 .cont .list .intro .text{ width:602px; } .pro1_cont1 .cont .list .intro .text p{ font-size:16px; line-height:30px; color:#555555; margin-bottom:15px; } /***************联系我们*******************/ #contact{ background:url(../images/page2.png) center top no-repeat; padding-top:20px; margin-top:-120px; position:relative; z-index:1000; margin-bottom:30px; } .contact1{ background:url(../images/page4.png) center bottom no-repeat; padding-bottom:20px; } .contact2{ background:url(../images/page3.png) center repeat-y; } .contact_left{ margin-left:50px; width:710px; padding-right:50px; border-right:1px dashed #ddd; } .contact_tit{ background:url(../images/contact1.png) center bottom no-repeat; line-height:100px; font-size:30px; color:#6ab92c; font-weight:bold; margin-bottom:30px; } .contact_list{ margin-bottom:40px; } .contact_list .img img{ width:360px; } .contact_list .text{ width:320px; margin-left:30px; padding-top:5px; } .contact_list .text h1{ font-size:16px; color:#555555; line-height:40px; } .contact_list .text p{ font-size:16px; color:#555555; line-height:40px; } /*留言信箱*/ .contact_right{ width:284px; margin-left:50px; } .contact_row{ border:1px solid #bbb; height:42px; line-height:42px; margin-bottom:12px; padding:0 15px; overflow:hidden; } .contact_row input{ width:100%; height:100%; border:none; outline:none; border-radius:0px; font-size:16px; color:#555; } .contact_row1 input{ width:50%; } .contact_row1 img{ float:right; margin-top:5px; } .contact_row3{ border:1px solid #bbb; height:230px; margin-bottom:12px; padding:10px 0px; overflow:hidden; line-height:36px; } .contact_row3 textarea{ border:none; outline:none; width:94%; height:230px; font-size:16px; color:#555; overflow-y:auto; background-color:transparent; padding:0 3%; } .contact_row2 input[type="submit"]{ width:136px; height:44px; line-height:44px; border:none; outline:none; background:#6ab92d; color:#fff; border-radius:0px; font-size:18px; } .contact_row2 input[type="reset"]{ width:136px; height:44px; line-height:44px; border:none; outline:none; background:#aaaaaa; color:#fff; border-radius:0px; font-size:18px; } /*******************公司荣誉***********************/ .about21{ background:url(../images/about1.png) center bottom no-repeat; background-size:100%; padding-bottom:40px; margin-bottom:40px; } .about21 li{ float:left; margin:15px; width:368px; height:258px; border:1px solid #aaa; overflow:hidden; position:relative; -webkit-border-radius:8px; -moz-border-radius:8px; border-radius:8px; behavior:url(PIE.htc); text-align:center; line-height:255px; } .about21 li img{ max-width:100%; max-height:100%; transition:all 1s; vertical-align:middle; } .about21 li .text{ position:absolute; left:0px; bottom:0px; width:100%; background:url(../images/aboutbg.png) center repeat; padding:10px; line-height:26px; color:#fff; text-align:center; font-size:16px; display:none; } .about21 li:hover{ -webkit-box-shadow:0px 0px 10px #ddd; -moz-box-shadow:0px 0px 10px #ddd; box-shadow:0px 0px 10px #ddd; position:relative; behavior:url(PIE.htc); cursor:pointer; } .about21 li:hover img{ transform:scale(1.05); } .about21 li:hover .text{ display:block; } .about22 li{ float:left; margin:15px; width:268px; height:379px; border:1px solid #aaa; overflow:hidden; position:relative; -webkit-border-radius:8px; -moz-border-radius:8px; border-radius:8px; behavior:url(PIE.htc); line-height: 375px; } .about22 li img{ max-width:100%; max-height:100%; transition:all 1s; vertical-align:middle; } .about22 li .text{ position:absolute; left:0px; bottom:0px; width:100%; background:url(../images/aboutbg.png) center repeat; padding:10px; line-height:26px; color:#fff; text-align:center; font-size:16px; display:none; } .about22 li:hover{ -webkit-box-shadow:0px 0px 10px #ddd; -moz-box-shadow:0px 0px 10px #ddd; box-shadow:0px 0px 10px #ddd; position:relative; behavior:url(PIE.htc); cursor:pointer; } .about22 li:hover img{ transform:scale(1.05); } .about22 li:hover .text{ display:block; } /****************发展历程***********************/ #about4 .w1200{ background:url(../images/licheng1.jpg) center top repeat-y; } .about4_li{ width:1000px; position:relative; margin:0px auto; padding:50px 0px; min-height:150px; } .about4_img{ width:400px; overflow:hidden; float:left; text-align:right; } .about4_text{ width:400px; overflow:hidden; float:right; text-align:left; } .about4_year{ position:absolute; left:50%; top:50%; background:url(../images/licheng2.png) center no-repeat; margin-left:-55px; margin-top:-55px; width:100px; height:100px; padding-right:8px; padding-bottom:8px; padding-top:2px; padding-left:2px; } .about4_year1{ width:90px; height:90px; padding:5px; -webkit-border-radius:100%; -moz-border-radius:100%; border-radius:100%; position:relative; behavior:url(PIE.htc); overflow:hidden; } .about4_year2{ text-align:center; line-height:90px; color:#fff; font-size:26px; width:90px; height:90px; -webkit-border-radius:100%; -moz-border-radius:100%; border-radius:100%; position:relative; behavior:url(PIE.htc); overflow:hidden; font-weight:bold; } .about4_img img{ width:220px; border:1px solid #ddd; padding:6px; } .about4_text h1{ font-size:20px; font-weight:bold; color:#6ab92d; line-height:1.5; margin-bottom:10px; } .about4_text p{ font-size:15px; line-height:2; color:#555; } /*******************团队建设*************************/ .cul_banner{ width:680px; height:450px; position:relative; overflow:hidden; border:1px solid #aaa; padding:9px; float:left; } .cul_banner .bd{ width:680px; height:450px; position:relative; z-index:0; display:block; overflow:hidden; line-height: 450px; text-align:center; } .cul_banner .bd li{ zoom:1; vertical-align:middle; width:100%; height:100%; position:relative; } .cul_banner .bd li a{ display:block; width:100%; height:100%; position:relative; } .cul_banner .bd .img{ width:100%; height:100%; } .cul_banner .bd img{ max-width:100%; max-height:100%; vertical-align:middle; } .cul_banner a.prev{ position:absolute; left:20px; background:url(../images/media2.png) left center no-repeat; width:32px; height:61px; z-index:1000; top:195px; } .cul_banner a.next{ position:absolute; right:20px; background:url(../images/media1.png) left center no-repeat; width:32px; height:61px; z-index:1000; top:235px; } .culture_tit{ font-size:26px; font-weight:bold; color:#6ab92d; line-height:100px; } .cul_text{ width:370px; float:right; font-size:15px; line-height:2; text-indent:2em; } .culture_list{ padding:50px; background:#e4f8d5; } /*******************人才招聘*********************/ .job_list{ border:1px solid #aaa; margin-bottom:20px; } .job_list ul li{ float:left; width:25%; text-align:center; background:#f5f7f8; line-height:50px; border-bottom:1px solid #aaa; border-right:1px solid #aaa; box-sizing: border-box; font-size:16px; } .job_list .text span{ float:left; background:#f5f7f8; border-right:1px solid #aaa; box-sizing: border-box; font-size:16px; width:25%; text-align:center; } .job_list .text div.fl{ width:70%; padding:10px 2.5%; line-height:26px; } .job_list .text div.fl p{ margin-bottom:10px; font-size:15px; } .job_list .text{ border-bottom:1px solid #aaa; } .job5_dl{ width:1000px; margin:0 auto 30px; } .job5_dl dt{ background:url(../images/job5_1.png) left top no-repeat; padding-left:44px; font-size:20px; font-weight:bold; margin-bottom:6px; line-height:2; } .job5_dl dd{ font-size:17px; line-height:2.0; background:#f5f5f5; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; position:relative; behavior:url(PIE.htc); overflow:hidden; padding:15px 40px; } /*************2020-03-20**************/ .back_top{ position:fixed; bottom:100px; right:0px; background:url(../images/back.png) center repeat; width:46px; z-index:10000; line-height:1.5; text-align:center; padding:8px 0px; color:#fff; display:none; } .back_top:hover{ cursor:pointer; } /*************在线应聘**************/ #job2{ width:1040px; border:1px solid #6ab92d; border-top:0px; -webkit-border-radius:6px; -moz-border-radius:6px; border-radius:6px; position:relative; behavior:url(PIE.htc); overflow:hidden; margin:0 auto; } #job2 .tit{ background:#6ab92d; color:#fff; line-height:55px; font-size:20px; /* font-weight:bold;*/ letter-spacing:2px; text-align:center; } #job2 form{ background:#86c757; } #job2 form .row{ border-bottom:1px solid #ddd; } #job2 form .tip{ width:200px; float:left; color:#fff; text-align:right; padding-right:20px; font-size:16px; } #job2 form .cont{ width:790px; background:#fff; float:left; padding:15px; font-size:15px; } #job2 .red{ font-style:normal; color:#f00; font-size:20px; line-height:30px; display:inline-block; vertical-align:middle; } #job2 input[type="text"]{ height:30px; padding:0 10px; width:495px; } #job2 select{ height:30px; padding:0 15px; width:170px; } #job2 label{ margin-right:20px; margin-left:5px; line-height:30px; } #job2 .teach input[type="text"]{ height:30px; padding:0 15px; width:130px; } #job2 .teach input{ margin-right:8px; margin-bottom:15px; } #job2 .teach{ border-bottom:1px dashed #aaa; margin-bottom:15px; } #job2 input[type="submit"]{ width:117px; background:#6ab92d; color:#fff; outline:none; border:none; height:40px; line-height:40px; margin:17px 0 18px 191px; font-size:16px; letter-spacing:1px; } .clearfloat:after { display: table; height: 0; content: ""; clear: both; visibility: hidden; } /*页面下拉时视频小窗口*/ .botAdVdeio{ position:fixed; bottom:30px; right:5px; width:300px; height:169px; z-index:1000; -webkit-box-shadow: 1px 1px 5px #333; } .botAdVdeio .close{ position:absolute; z-index:1000; right:0px; top:0px; }