html {
font: 12px/22px "���ź�", "Microsoft Yahei", "Arial"; -ms-overflow-x: hidden; font-size-adjust: none; font-stretch: normal;
}
body {
margin: 0px; padding: 0px;
}
html {
margin: 0px; padding: 0px;
}
div {
margin: 0px; padding: 0px;
}
a {
margin: 0px; padding: 0px;
}
span {
margin: 0px; padding: 0px;
}
p {
margin: 0px; padding: 0px;
}
ul {
margin: 0px; padding: 0px;
}
li {
margin: 0px; padding: 0px;
}
img {
margin: 0px; padding: 0px;
}
h1 {
margin: 0px; padding: 0px;
}
h2 {
margin: 0px; padding: 0px;
}
h3 {
margin: 0px; padding: 0px;
}
h4 {
margin: 0px; padding: 0px;
}
h5 {
margin: 0px; padding: 0px;
}
h6 {
margin: 0px; padding: 0px;
}
input {
margin: 0px; padding: 0px;
}
img {
border: 0px currentColor; border-image: none;
}
a {
text-decoration: none; vertical-align: top; cursor: pointer;
}
li {
list-style: none;
}
.clearfix {
height: 1%; display: block;
}
.clearfix::after {
height: 0px; clear: both; font-size: 0px; display: block; visibility: hidden; content: "\0020";
}
.center {
text-align: center;
}
body {
width: 100%; height: auto; position: relative;
}
html {
width: 100%; height: auto; position: relative;
}
.clearBefore::before {
height: 0px; clear: both; font-size: 0px; display: block; visibility: hidden; content: "";
}
.clearAfter::after {
height: 0px; clear: both; font-size: 0px; display: block; visibility: hidden; content: "";
}
body {
visibility: hidden;
}
body .wfEditorMode {
background: rgb(255, 255, 255); padding: 5px; border: 1px solid #7dcc42; border-image: none; color: #7dcc42; font-size: 14px; display: none;
}
body.wfEditorMode .wfEditorMode {
display: inline-block;
}
#sidebar {
top: 35%; right: 17px; position: fixed; z-index: 1;
}
#sidebar .sidebarele {
border: 1px solid rgb(0, 0, 0); border-image: none; width: 85px; height: 78px; text-align: center; margin-bottom: 2px; position: relative; cursor: pointer;
}
#sidebar .sidebarele:hover p.p {
color: #7dcc42;
}
#sidebar .sidebarele.top {
display: none; opacity: 0; -moz-opacity: 0; -khtml-opacity: 0;
}
#sidebar .sidebarele .sid_bg {
background: url("../images/slid_bg.png"); left: 0px; top: 0px; width: 100%; height: 100%; position: absolute;
}
#sidebar .sidebarele .sid_con {
width: 100%; height: 100%; position: absolute;
}
#sidebar .sidebarele img {
width: 35px; padding-top: 13px;
}
#sidebar .sidebarele.sidebarele03 img {
width: auto; height: 30px;
}
#sidebar .sidebarele p {
color: rgb(255, 255, 255); padding-top: 7px; font-size: 14px;
}
#sidebar .sideHide {
left: 0px; top: -1px; width: 0px; height: 80px; display: none; position: absolute; opacity: 0; -moz-opacity: 0; -khtml-opacity: 0;
}
#sidebar .sideHideWrap {
width: 120px; height: 80px; right: 120px; font-size: 0px; position: relative;
}
#sidebar .sideHideinner {
width: 120px; height: 80px; right: 0px; overflow: hidden; font-size: 0px; position: relative;
}
#sidebar .sideHideWrap .sid_bg {
z-index: -1;
}
#sidebar .sideHideWrap .p2 {
text-align: center; color: rgb(255, 255, 255); line-height: 80px; padding-top: 0px; font-size: 14px;
}
#sidebar .sideHideerweima {
background: rgb(255, 255, 255); width: 120px; height: 120px; right: 120px; font-size: 0px; position: relative;
}
#sidebar .sideHideerweima img {
width: 100%; padding-top: 0px;
}
.grid {
display: none;
}
#header {
width: 100%; height: 100px; position: absolute; z-index: 8;background-color:#fff;
}
#header .headerWrap {
margin: 0px auto; width: 1200px; height: 100%;
}
#header .headerWrap .logo {
/* padding-top: 36px; */
float: left;
}
#header .headerWrap .nemuRight {
padding-top: 49px; float: right;
}
#header .headerWrap .nemuRight .nemu {
padding-left: 22px; float: left;
}
#header .headerWrap .nemuRight .nemu a {
font-size: 16px;color: #333333;
}
#header .headerWrap .nemuRight .nemu:hover a {
color: #9cd776;
}
#header .headerWrap .nemuRight .nemu a.current {
color: #9cd776;
}
#header .headerWrap .nemuTop {
top: 0px; width: 100%; height: 36px; right: 0px; position: relative;
}
#header .headerWrap .nemuTop_wrap {
top: 7px; right: 0px; float: right; position: absolute;
}
#header .headerWrap .nemuTop_wrap .tel {
background: url("../images/tel.png") no-repeat left; height: 28px; padding-left: 29px; font-size: 12px; float: left;
}
#header .headerWrap .nemuTop_wrap .tel a {
color: #333333; line-height: 28px;
}
#header .headerWrap .nemuTop_wrap .company {
height: 28px; color: rgb(255, 255, 255); line-height: 28px; padding-left: 22px; font-size: 12px; float: left;
}
#header .headerWrap .nemuTop_wrap .company a {
color: rgb(255, 255, 255); line-height: 28px;
}
#header .headerWrap .nemuTop_wrap .company a.active {
color: #7dcc42;
}
#header .headerBg {
background: url("../images/slid_bg.png"); left: 0px; top: 0px; width: 100%; height: 100%; display: none; position: absolute; z-index: -1; opacity: 0; -moz-opacity: 0; -khtml-opacity: 0;
}
.scroll#header {
}
.scroll#header .headerWrap .nemuRight {
padding-top: 28px; float: right;
}
.scroll#header .headerWrap .nemuTop {
display: none;
}
.scroll#header .headerWrap .logo {
padding-top: 16px;
}
#home .section1 {
width: 100%; overflow: hidden; position: relative;
}
#home .section1 .sliderele {
position: relative;
}
#home .section1 .sliderele .grey_bg {
background: rgb(0, 0, 0); left: 0px; top: 0px; width: 100%; height: 100%; position: absolute; opacity: 0.5; -moz-opacity: 0.5; -khtml-opacity: 0.5;
}
#home .section1 .fss-wrapper {
float: left;
}
#home .section1 .sliderele img {
width: 100%; height: 100%;
}
#home .section1 .banner-pagination {
left: 0px; width: 100%; text-align: center; bottom: 15px; display: none; position: absolute; z-index: 2;
}
#home .section1 .banner-pagination a {
background: url("../images/pagination.png") no-repeat top; margin: 0px 13px; width: 16px; height: 16px; text-indent: -99px; overflow: hidden; display: inline-block;
}
#home .section1 .banner-pagination a.selected {
background-position: bottom;
}
#home .section1 .sq {
margin: 0px auto; left: 0px; width: 950px; height: 187px; right: 0px; bottom: 100px; position: absolute; z-index: 0;
}
#home .section1 .sq .sqitem {
width: 33%; height: 100%; text-align: center; float: left;
}
#home .section1 .sq .sqitem .yuan {
width: 174px; height: 174px; text-align: center; color: rgb(255, 255, 255); line-height: 100px; font-size: 35px; display: inline-block; position: relative;
}
#home .section1 .sq .sqitem .yuan .cir {
left: 0px; top: 0px; width: 100%; height: 100%; position: absolute;
}
#home .section1 .sq .sqitem .yuan .canvas {
left: 0px; top: 0px; position: absolute;
}
#home .section1 .sq .sqitem span {
line-height: 158px; font-family: "Impact"; font-weight: bold;
}
#home .section1 .sq .sqitem span.yi {
font-family: "���ź�","Microsoft Yahei";
}
#home .section1 .sq .sqitem p {
width: 100%; color: rgb(255, 255, 255); line-height: 23px; font-size: 16px; margin-top: -52px;
}
#home .section1 .slider .font {
margin: 0px auto; left: 0px; top: 26%; width: 764px; text-align: center; right: 0px; position: absolute;
}
#home .section1 .slider .font h2 {
color: rgb(255, 255, 255); line-height: 83px; font-size: 36px; font-weight: normal;
}
#home .section1 .slider .font p {
color: rgb(255, 255, 255); font-size: 20px;
}
#home .section2 {
width: 100%; overflow: hidden; position: relative;
}
#home .section2 .section2_1 {
height: 715px; float: left;
}
#home .section2 .section2_1.section2_1_shop {
background: url("../images/home_selction2_bg.jpg") no-repeat center / cover;
}
#home .section2 .section2_1.section2_1_yun {
background: url("../images/home_selction2_02bg.jpg") no-repeat center / cover;
}
#home .section2 .section2_1.section2_1_store {
background: url("../images/home_selction2_03bg.jpg") no-repeat center / cover;
}
#home .section2 h2 {
text-align: center; color: rgb(51, 51, 51); padding-top: 68px; font-size: 36px; font-weight: normal; position: relative; z-index: 5;
}
#home .section2 h2 span {
text-align: center; color: #7dcc42; padding-top: 68px; font-size: 36px; font-weight: normal;
}
#home .section2 .unline {
margin: 0px auto; width: 244px; height: 0px; padding-top: 36px; border-bottom-color: #7dcc42; border-bottom-width: 2px; border-bottom-style: solid;
}
#home .section2 .content {
margin: 0px auto; width: 960px; height: 299px; padding-top: 64px; padding-bottom: 127px; position: relative;
}
#home .section2 .section2_1_store .content {
padding-top: 139px;
}
#home .section2_1_store .cont_t {
padding: 0px 30px; position: relative; z-index: 1;
}
#home .section2_1_store .cont_three {
width: 100%; display: table;
}
#home .section2_1_store .c_t_e {
width: 230px; text-align: center; display: table-cell;
}
#home .section2_1_store .c_t_line {
padding-top: 70px; display: table-cell;
}
#home .section2_1_store .c_t_wrap {
position: relative;
}
#home .section2_1_store .c_t_bg {
background: url("../images/h_s3_line.png") repeat-x; padding: 0px 110px; left: -110px; width: 100%; height: 15px; position: absolute; z-index: -1;
}
#home .section2_1_store img {
max-width: 90%;
}
#home .section2_1_store .img01 img {
width: 147px;
}
#home .section2_1_store .img02 {
padding: 14px 0px;
}
#home .section2_1_store .h {
line-height: 28px; font-size: 16px;
}
#home .section2_1_store .p {
text-align: left; line-height: 23px; padding-top: 10px; font-size: 13px;
}
#home .section2_1_store p {
padding: 0px 10px;
}
#home .section2 .section2_1 .huike {
margin: auto; left: 0px; top: 0px; width: 90%; right: 0px; bottom: 0px; position: absolute;
}
#home .section2 .section2_1 .huikefont p {
color: rgb(255, 255, 255); font-size: 14px;
}
#home .section2 .section2_1 .huikefont {
display: none; position: absolute;
}
#home .section2 .section2_1 .huike01 {
left: 5%; top: 29%;
}
#home .section2 .section2_1 .huike09 {
left: 7%; bottom: 30%;
}
#home .section2 .section2_1 .huike02 {
left: 13%; bottom: 25%;
}
#home .section2 .section2_1 .huike03 {
left: 26%; bottom: 34%;
}
#home .section2 .section2_1 .huike04 {
left: 36%; top: 33%;
}
#home .section2 .section2_1 .huike05 {
right: 26%; bottom: 31%;
}
#home .section2 .section2_1 .huike06 {
top: 33%; right: 15%;
}
#home .section2 .section2_1 .huike07 {
right: 6%; bottom: 35%;
}
#home .section2 .section2_1 .huike08 {
right: 6%; bottom: 3%;
}
#home .section2 .section2_1 .huike08 .redmore {
width: 100%; height: 0px; position: relative;
}
#home .section2 .section2_1 .huike08 .redmoePo {
width: 64px; height: 108px; bottom: 2px; position: absolute;
}
#home .section2 .content .slider2 {
overflow: hidden;
}
#home .section2 .content .slider2 .elegroup {
height: 390px; float: left;
}
#home .section2 .content .slider2 .elegroup .eleWrap {
width: 25%; height: 149px; margin-bottom: -49px; float: left;
}
#home .section2 .content .slider2 .elegroup .eleWrap.paddingLeft {
padding-left: 12.5%;
}
#home .section2 .content .slider2 .elegroup .ele {
background: url("../images/diamond.png") no-repeat center; margin: 0px auto; width: 149px; height: 149px; text-align: center; cursor: pointer;
}
#home .section2 .content .slider2 .elegroup .ele img {
padding-top: 48px; max-height: 40px; max-width: 50px;
}
#home .section2 .content .slider2 .elegroup .ele p {
color: rgb(51, 51, 51); padding-top: 2px; font-size: 14px;
}
#home .section2 .left {
background: url("../images/arrowLeft.png") no-repeat center; left: 7%; top: 58%; width: 100px; height: 100px; position: absolute; z-index: 1; cursor: pointer;
}
#home .section2 .right {
background: url("../images/arrowRight.png") no-repeat center; top: 58%; width: 100px; height: 100px; right: 7%; position: absolute; z-index: 1; cursor: pointer;
}
#home .section2 .left:hover {
background: url("../images/arrowLeft02.png") no-repeat center;
}
#home .section2 .right:hover {
background: url("../images/arrowRight02.png") no-repeat center;
}
#home .section3 {
width: 100%; height: 800px; overflow: hidden; position: relative;
}
#home .section3 .contLeft {
width: 50%; height: 100%; float: left; position: relative;
}
#home .section3 .contLeft .imgBg {
left: 0px; top: 0px; width: 100%; height: 100%; position: absolute;
}
#home .section3 .video {
left: 0px; top: 0px; width: 100%; height: 100%; position: absolute;
}
#home .section3 .contentWrap {
margin: 0px auto; left: 0px; top: 96px; width: 637px; right: 0px; position: absolute;
}
#home .section3 .contentWrap .title {
color: rgb(255, 255, 255); font-size: 36px;
}
#home .section3 .contentWrap .title span {
color: #fff;
}
#home .section3 .contentWrap .title_line {
width: 246px; height: 0px; padding-top: 36px; border-bottom-color: rgb(255, 255, 255); border-bottom-width: 2px; border-bottom-style: solid;
}
#home .section3 .contentWrap .p {
line-height: 28px; padding-top: 59px; font-size: 12px;
}
#home .section3 .contentWrap .p p {
color: rgb(255, 255, 255);
}
#home .section3 .contentWrap .sq {
width: 100%; height: 170px; padding-top: 59px;
}
#home .section3 .contentWrap .sq .sqitem {
width: 170px; height: 100%; text-align: center; padding-left: 40px; float: left;
}
#home .section3 .contentWrap .sq .sqitem .yuan {
background: url("../images/yuan2.png") no-repeat center; width: 170px; height: 170px; text-align: center; color: rgb(255, 255, 255); line-height: 100px; font-size: 35px; display: inline-block; position: relative;
}
#home .section3 .contentWrap .sq .sqitem span {
line-height: 134px; font-family: "Impact"; font-size: 18px;
}
#home .section3 .contentWrap .sq .sqitem span span {
font-size: 35px;
}
#home .section3 .contentWrap .sq .sqitem p {
width: 100%; color: rgb(255, 255, 255); line-height: 17px; font-size: 16px; margin-top: -100px;
}
#home .section3 .contentWrap .readmore {
background: none; border-radius: 19px; border: 1px solid #7dcc42; border-image: none; width: 137px; height: 30px; text-align: center; color: #7dcc42; line-height: 30px; font-size: 14px; margin-top: 126px; cursor: pointer;
}
#home .section3 .contentWrap .readmore:hover {
background: #7dcc42; color: rgb(255, 255, 255);
}
#home .section3 .contRight {
width: 50%; height: 100%; float: left; position: relative;
}
#home .section3 .contRight .r_top {
width: 100%; height: 50%; position: relative;
}
#home .section3 .contRight .r_top .imgBg {
left: 0px; top: 0px; width: 100%; height: 100%; position: absolute;
}
#home .section3 .contentWrap2 {
margin: 0px auto; left: 0px; top: 53px; width: 576px; right: 0px; position: absolute;
}
#home .section3 .contentWrap2 .title {
color: rgb(255, 255, 255); font-size: 36px;
}
#home .section3 .contentWrap2 .title span {
color: #fff;
}
#home .section3 .contentWrap2 .title_line {
width: 246px; height: 0px; padding-top: 36px; border-bottom-color: rgb(255, 255, 255); border-bottom-width: 2px; border-bottom-style: solid;
}
#home .section3 .contentWrap2 .sq {
width: 100%; height: 145px; padding-top: 59px;
}
#home .section3 .contentWrap2 .sq .sqitem {
height: 100%; text-align: center; padding-right: 12px; float: left;
}
#home .section3 .contentWrap2 .sq .sqitem .yuan {
width: 127px; height: 127px; text-align: center; color: rgb(255, 255, 255); line-height: 100px; font-size: 35px; display: inline-block; position: relative;
}
#home .section3 .contentWrap2 .sq .sqitem .yunBg {
left: 0px; top: 0px; width: 100%; height: 100%; position: absolute;
}
#home .section3 .contentWrap2 .sq .sqitem span {
line-height: 108px; font-family: "Impact"; font-size: 18px;
}
#home .section3 .contentWrap2 .sq .sqitem span span {
font-size: 35px;
}
#home .section3 .contentWrap2 .sq .sqitem p {
margin: -38px auto 0px; width: 66%; color: rgb(255, 255, 255); line-height: 21px; font-size: 16px;
}
#home .section3 .contRight .r_bottom {
width: 100%; height: 50%;
}
#home .section3 .contRight .r_b_l {
width: 50%; height: 100%; float: left; position: relative;
}
#home .section3 .contRight .r_b_l .imgBg {
left: 0px; top: 0px; width: 100%; height: 100%; position: absolute;
}
#home .section3 .contRight .contentWrap3 {
margin: 0px auto; left: 0px; top: 71px; width: 246px; right: 0px; position: absolute;
}
#home .section3 .contRight .contentWrap3 .title {
color: rgb(255, 255, 255); font-size: 36px;
}
#home .section3 .contRight .contentWrap3 .title span {
color: #fff;
}
#home .section3 .contRight .contentWrap3 .title_line {
width: 246px; height: 0px; padding-top: 36px; border-bottom-color: rgb(255, 255, 255); border-bottom-width: 2px; border-bottom-style: solid;
}
#home .section3 .contRight .contentWrap3 ul {
padding-top: 56px;
}
#home .section3 .contRight .contentWrap3 ul li {
list-style: inside; color: rgb(255, 255, 255); line-height: 29px; font-size: 14px;
}
#home .section3 .contRight .contentWrap3 ul p {
color: rgb(255, 255, 255); padding-left: 30px;
}
#home .section3 .contRight .r_b_r {
width: 50%; height: 100%; float: left; position: relative;
}
#home .section3 .contRight .r_b_r .imgBg {
left: 0px; top: 0px; width: 100%; height: 100%; position: absolute;
}
#home .section4 {
width: 100%; height: 550px; overflow: hidden; position: relative;
}
#home .section4 .leftDiv {
width: 20%; height: 100%; float: left; position: relative;
}
#home .section4 .newhover{
background: #7dcc42!important;
}
#home .section4 .newhover .font h3{
color: rgb(255, 255, 255)!important;
}
#home .section4 .newhover .font .time{
color: rgb(255, 255, 255)!important;
}
#home .section4 .newhover .font .p {
color: rgb(255, 255, 255)!important;
}
#home .section4 .newhover .font .readmore{
color: rgb(41, 40, 40)!important;
background: rgb(255, 255, 255)!important;
}
#home .section4 .newhover .readmore{
background: #7dcc42; border: 1px solid rgb(255, 255, 255)!important;
border-image: none!important;
}
/* #home .section4 .leftDiv_wrap .readmore:hover {
} */
/*
#home .section4 .leftDiv_hover:hover {
background: #7dcc42;
}
#home .section4 .leftDiv_hover:hover .font h3 {
color: rgb(255, 255, 255);
}
#home .section4 .leftDiv_hover:hover .font .time {
color: rgb(255, 255, 255);
}
#home .section4 .leftDiv_hover:hover .font .p {
color: rgb(255, 255, 255);
}
#home .section4 .leftDiv_hover:hover .readmore {
color: rgb(41, 40, 40)!important;
background: rgb(255, 255, 255);
} */
/* #home .section4 .leftDiv_hover:hover .readmore {
color: #000;
} */
#home .section4 .leftDiv_wrap {
height: 100%; border-right-color: rgb(187, 187, 187); border-right-width: 1px; border-right-style: solid; position: relative;
}
#home .section4 .leftDiv_wrap .font {
padding-top: 65px; padding-right: 32px; padding-left: 32px;
}
#home .section4 .leftDiv_wrap .font h3 {
color: rgb(0, 0, 0); line-height: 36px; font-size: 16px; font-weight: normal;
}
#home .section4 .leftDiv_wrap .font .time {
/* color: #7dcc42; */
padding-top: 20px; font-size: 12px;
}
#home .section4 .leftDiv_wrap .font .p {
color: rgb(102, 102, 102); padding-top: 45px;
}
#home .section4 .leftDiv_wrap .font p {
color: rgb(102, 102, 102); line-height: 30px; font-size: 12px;
}
#home .section4 .leftDiv_wrap .readmore {
background: none; border-radius: 19px; border: 1px solid #7dcc42;background-color: #7dcc42; border-image: none; left: 32px; width: 137px; height: 30px; text-align: center; bottom: 123px; line-height: 30px; font-size: 14px; position: absolute; cursor: pointer;
}
/* #home .section4 .leftDiv_wrap .readmore:hover {
background: #7dcc42; border: 1px solid rgb(255, 255, 255); border-image: none; color: rgb(255, 255, 255);
} */
#home .section4 .newCenter {
margin: 0px auto; width: 244px; text-align: center; padding-top: 229px;
}
#home .section4 .newCenter .title {
color: rgb(0, 0, 0); font-size: 36px;
}
#home .section4 .newCenter .title span {
color: #7dcc42;
}
#home .section4 .newCenter .title_line {
width: 244px; height: 0px; padding-top: 36px; border-bottom-color: rgb(0, 0, 0); border-bottom-width: 2px; border-bottom-style: solid;
}
#home .section4 .cir {
background: url("../images/cir02.png") no-repeat center; margin: 0px auto; left: 0px; width: 189px; height: 189px; right: 0px; bottom: 118px; position: absolute; cursor: pointer;
}
#home .section4 .cir:hover {
background-image: url("../images/cir01.png");
}
#home .section4_1 {
background: rgb(246, 246, 246); width: 100%; height: 568px; overflow: hidden; position: relative;
}
#home .section4_1 h2 {
text-align: center; color: rgb(51, 51, 51); padding-top: 101px; font-size: 36px; font-weight: normal; position: relative; z-index: 5;
}
#home .section4_1 h2 span {
text-align: center; color: #7dcc42; padding-top: 68px; font-size: 36px; font-weight: normal;
}
#home .section4_1 .unline {
margin: 0px auto; width: 244px; height: 0px; padding-top: 36px; border-bottom-color: #7dcc42; border-bottom-width: 2px; border-bottom-style: solid;
}
#home .section4_1 .content {
margin: 0px auto; width: 960px; padding-top: 48px; position: relative;
}
#home .section4_1 .o_P_ele {
padding: 0px 13px; width: 449px; float: left;
}
#home .section4_1 .o_P_inner {
height: 281px; position: relative;
}
#home .section4_1 .imgWrap {
width: 100%; height: 100%;
}
#home .section4_1 .imgWrap img {
width: 100%; height: 100%;
}
#home .section4_1 .f_t {
background: url("../images/h_S41_bg.png"); left: 0px; width: 100%; height: 47px; bottom: 0px; position: absolute;
}
#home .section4_1 .f_t p {
padding: 0px 20px; color: rgb(255, 255, 255); line-height: 47px; overflow: hidden; display: block; white-space: nowrap; -ms-text-overflow: ellipsis;
}
#home .section4_1 .s41_left {
background: url("../images/arrowLeft.png") no-repeat center; left: -30px; top: 140px; width: 35px; height: 60px; position: absolute; cursor: pointer;
}
#home .section4_1 .s41_right {
background: url("../images/arrowRight.png") no-repeat center; top: 140px; width: 35px; height: 60px; right: -30px; position: absolute; cursor: pointer;
}
#home .section4_1 .s41_left:hover {
background: url("../images/arrowLeft02.png") no-repeat center;
}
#home .section4_1 .s41_right:hover {
background: url("../images/arrowRight02.png") no-repeat center;
}
#home .section5 {
width: 100%; height: 600px; overflow: hidden; position: relative;
}
#home .section5 .section5_pomp {
left: 0px; top: 0px; width: 100%; height: 100%; display: none; position: fixed; z-index: 10; opacity: 0; -moz-opacity: 0; -khtml-opacity: 0;
}
#home .section5 .section5_pomp .pomp_bg {
background: url("../images/bg_homecasehover.png"); left: 0px; top: 0px; width: 100%; height: 100%; position: absolute;
}
#home .section5 .section5_pomp .picCenter {
margin: auto; left: 0px; top: 20%; width: 80%; height: auto; right: 0px; position: absolute;
}
#home .section5 .picCenter .Bigimg {
max-width: 100%;
}
#home .section5 .contentLeft {
width: 50%; height: 100%; float: left;
}
#home .section5 .block {
overflow: hidden; position: relative; cursor: pointer;
}
#home .section5 .block .imgBg {
width: 100%; height: 100%; position: absolute;
}
#home .section5 .block .hoverEffe {
background: #7dcc42; width: 100%; height: 100%; position: absolute; opacity: 0; -moz-opacity: 0; -khtml-opacity: 0;
}
#home .section5 .block.active .hoverEffe {
opacity: 1; -moz-opacity: 1; -khtml-opacity: 1;
}
#home .section5 .block .hoverEffe .font {
width: 100%; height: 100%; position: relative;
}
#home .section5 .block .hoverEffe .fontPos {
top: 35%; width: 100%; text-align: center; position: absolute;
}
#home .section5 .block .hoverEffe .fontPos img {
width: 72px;
}
#home .section5 .block .hoverEffe p {
color: rgb(255, 255, 255); padding-top: 27px; font-size: 27px;
}
#home .section5 .contentLeft .block01 {
width: 100%; height: 100%; position: relative;
}
#home .section5 .contentLeft .block02 {
width: 100%; height: 33.4%; position: relative;
}
#home .section5 .contentLeft .l_right {
width: 100%; height: 100%; float: left;
}
#home .section5 .contentLeft .l_r_top {
width: 100%; height: 50%;
}
#home .section5 .contentLeft .block03 {
width: 50%; height: 100%; float: left;
}
#home .section5 .contentLeft .block04 {
width: 50%; height: 100%; float: left;
}
#home .section5 .contentLeft .l_r_bottom {
width: 100%; height: 50%;
}
#home .section5 .contentLeft .l_r_bL {
width: 50%; height: 100%; float: left;
}
#home .section5 .contentLeft .block05 {
width: 100%; height: 100%;
}
#home .section5 .contentLeft .block06 {
width: 100%; height: 50%;
}
#home .section5 .contentLeft .block07 {
width: 50%; height: 100%;
}
#home .section5 .contentLeft .l_r_bR {
width: 50%; height: 100%; float: left;
}
#home .section5 .contentRight {
width: 50%; height: 100%; float: left;
}
#home .section5 .contentRight .Right_top {
width: 100%; height: 50%;
}
#home .section5 .contentRight .block08 {
width: 50%; height: 100%; float: left;
}
#home .section5 .contentRight .block09 {
width: 50%; height: 100%; float: left;
}
#home .section5 .contentRight .Right_bottom {
width: 100%; height: 50%;
}
#home .section5 .contentRight .r_b_left {
width: 50%; height: 100%; float: left;
}
#home .section5 .contentRight .block10 {
width: 100%; height: 100%;
}
#home .section5 .contentRight .block11 {
width: 100%; height: 50%;
}
#home .section5 .contentRight .block12 {
width: 50%; height: 100%; float: left;
}
#footer {
width: 100%; height: 348px;
}
#footer .content {
margin: 0px auto; width: 1200px; padding-top: 50px;
}
#footer .content .menu {
float: left;
}
#footer .content .menu .menu_ele {
float: left;
}
#footer .content .menu .ul_title {
text-align: center; color: rgb(51, 51, 51); font-size: 16px;
}
#footer .content .menu .ul_title a {
color: rgb(51, 51, 51);
}
#footer .content .menu .ul_title a:hover {
color: #7dcc42;
}
#footer .content .menu .ul_li_wrap {
text-align: center; padding-top: 10px;
}
#footer .content .menu .li {
color: rgb(136, 136, 136); line-height: 20px; font-size: 12px;
}
#footer .content .menu .li a {
color: rgb(136, 136, 136);
}
#footer .content .menu .li a:hover {
color: #7dcc42;
}
#footer .content .info {
height: 100%; float: right;
}
#footer .content .infoTop {
width: 100%;
}
#footer .content .infoTop .erweima {
width: 124px; text-align: center; float: left;margin-left: 10px;
}
#footer .content .infoTop .erweima img {
width: 100%;
}
#footer .content .infoTop .erweima p {
color: rgb(185, 185, 185); line-height: 24px; font-size: 12px;
}
#footer .content .infoTop .sharelog {
float: right;
}
#footer .content .infoTop .sharelog .fenxiang {
padding-top: 25px;
}
#footer .content .infoTop .sharelog .img {
width: 29px; height: 29px; padding-right: 10px;
}
#footer .content .infoTop p.clearBefore {
color: rgb(173, 173, 173); line-height: 30px; font-size: 12px;
}
#footer .content .infoTop p.clearBefore a {
color: rgb(173, 173, 173); font-size: 12px;
}
#footer .content .infoTop p.clearBefore a:hover {
text-decoration: underline;
}
#footer .content .clearAfter {
height: 143px;
/* background-image: url(../images/index_lb_1.jpg);
background-repeat: no-repeat;
background-position: 840px center; */
}
#home_pomp {
left: 0px; top: 0px; width: 100%; height: 100%; display: none; position: fixed; z-index: 100;
}
#home_pomp .d_mask {
background: url("../images/d_mask.png") 0% 0% / 100%; left: 0px; top: 0px; width: 100%; height: 100%; position: absolute; cursor: pointer;
}
#home_pomp .d_employeeimg {
background: rgb(255, 255, 255); margin: auto; left: 0px; top: 0px; width: 800px; height: 480px; right: 0px; bottom: 0px; position: absolute;
}
#home_pomp .d_employeeimg .all {
width: 100%; height: 100%; position: relative;
}
#home_pomp .d_employeeimg .close {
background: url("../images/home_close.png") no-repeat; top: 70px; width: 24px; height: 24px; right: 40px; position: absolute; cursor: pointer;
}
#home_pomp .d_employeeimg .close:hover {
background: url("../images/home_close02.png") no-repeat;
}
#home_pomp .pomp_h {
text-align: center; color: rgb(0, 0, 0); padding-top: 5px; font-size: 30px;
}
#home_pomp .pomp_wrap {
margin: 0px auto; width: 80%; height: 80%; padding-top: 10%;
}
#home_pomp .pomp_wrap ul {
list-style: inside;
}
#home_pomp .pomp_wrap ul li {
list-style: inside;
}
#home_pomp .pomp_wrap ul ul {
list-style: circle; padding-left: 20px;
}
#home_pomp .pomp_wrap ul li li {
list-style: circle inside;
}
#home_pomp .pomp_inner {
width: 100%; height: 100%; -ms-overflow-y: auto;
}
#home_pomp .pomp_p {
padding-top: 20px;
}
#home_pomp .pomp_p p {
color: rgb(102, 102, 102); line-height: 24px; font-size: 12px;
}
#home_pomp .pomp_p p img {
margin: 0px auto; display: block; max-width: 80%;
}
#home_pomp .pomp_img {
width: 100%; text-align: center; padding-top: 20px;
}
#home_pomp .pomp_img img {
max-width: 100%;
}
.sideHide2 {
left: -346px; top: 1px; width: 327px; height: 172px; bottom: 8px; padding-right: 20px; margin-top: 0px; margin-left: 0px; display: none; position: absolute; z-index: 2147483646 !important;
}
.sideHide2qq {
height: 172px; background-image: url("../images/qqbg.png"); background-repeat: no-repeat;
}
.sideHide2qq .launchBtn {
left: 173px; top: 145px; width: 69px; height: 22px;
}
.sideHide2qq .btn {
display: block; position: absolute;
}
.sideHide2qq .laterBtn {
left: 248px; top: 145px; width: 69px; height: 22px;
}
.sideHide2qq .closeBtn {
top: 0px; width: 39px; height: 26px; right: 6px;
}
.sidebarele .sideHide2qq #title {
left: 17px; top: 1px; height: 30px; color: rgb(0, 0, 0); line-height: 15px; font-size: 16px; position: absolute;
}
.sideHide2qq .content {
left: 114px; top: 45px; position: absolute;
}
.sideHide2qq .content h1 {
color: rgb(32, 91, 132); line-height: 34px; font-size: 24px; font-weight: normal;
}
.sideHide2qq .content .subTitle {
height: 22px; color: rgb(34, 94, 141); line-height: 22px; font-size: 18px; font-weight: normal; -ms-overflow-y: hidden;
}
.sideHide2qq .content .plainText#plainText {
height: 14px; color: rgb(47, 107, 153); line-height: 14px; font-size: 12px; margin-top: 10px; -ms-overflow-y: hidden;
}