/*****************网站首页******************/
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;
}