html{font:12px/22px "Arial";}
body,html{overflow-x: hidden;height: 100%;min-width: 600px;}
body,html,div,a,span,p,ul,li,img,h1,h2,h3,h4,h5,h6,input{margin: 0;padding: 0;color: #333;}
img {border: 0 none;}
a{text-decoration: none;vertical-align: top;cursor: pointer;}
li{list-style: none;}
.clearfix {display: block;*zoom: 1;height: 1%;}
.clearfix:after {display: block;content: "\0020";clear: both;font-size: 0;height: 0;visibility: hidden;}
.center{text-align: center;}
body,html{position: relative;width: 100%;height: auto;}
.clearBefore:before{
content:"";
font-size: 0;
display: block;
visibility: hidden;
height: 0;
clear: both;
}
.clearAfter:after{
content:"";
font-size: 0;
display: block;
visibility: hidden;
height: 0;
clear: both;
}
/*#VideoPopup{
top: 0;
left:0;
position: fixed;
width:100%;
height:100%;
display: none;
z-index: 1000;
}
#VideoPopup .videoShdow{
position: absolute;
left: 0;
top:0;
width: 100%;
height:100%;
background:#000;
filter:alpha(opacity=80);
-moz-opacity:0.8;
-khtml-opacity: 0.8;
opacity: 0.8;
}
#VideoPopup .Popup_videoPlay{
width:588px;
height:413px;
top: 0;
left:0;
right: 0;
bottom:0;
}*/
#grid{
display: none;
}
.shdow_grid{
display: none;
position: absolute;
width: 100%;
height: 100%;
top:0;
left: 0;
background: rgba(0,0,0,0);
}
body.sideopen .shdow_grid{
display: block;
}
.icon {
position: absolute;
bottom: 5%;
left: 50%;
height: 4px;
z-index: 5;
}
.container{width: 100%;position: relative;}
.container .head{
width: 100%;
height: 109px;
/*height: 0;*/
line-height: 108px;
top:0;
left:0;
z-index: 2;
position: absolute;
/*overflow: hidden;*/
}
.head .head-con{
width: 1600px;
margin: 0 auto;
max-width: 1600px;
height: 108px;
border-bottom: 1px solid #ccc;
/* position: relative;*/
}
.head .logo{
float: left;
width:20%;
}
.head .logo img{
max-width: 100%;
}
.head .head-nav{width: 80%;float: right;height:100%;}
.head .head-nav .nav{float: right;display: inline-block;height:100%;margin-right: -49px;}
.head .head-nav ul{float: right;height:100%;}
.head .head-nav li{
float: left;
padding: 0 27px;
/*position: relative;*/
height: 108px;
cursor: pointer;
font-size: 16px;
}
.head .head-nav li:hover>a{
color:#7fbe25;
}
.head .head-nav li a{
color: #fff;
}
.head .head-nav li a.current{
color:#7fbe25;
}
.head .head-nav .search{float: right;display: inline-block;position: relative;}
.head .search .inputW{
border: none;
display: inline-block;
/* background: url(../images/seach.png) no-repeat; */
width: 177px;
height: 30px;
outline-style: none;
color: #fff;
text-indent: 19px;
border: 1px solid #ccc;
border-radius: 15px;
background: none;
}
.head .search .inputBtn{
font-size: 0;
border: none;
display: inline-block;
background: url(../images/seach2.png) no-repeat center center;
width: 37px;
height: 30px;
outline-style: none;
cursor: pointer;
position: absolute;
top: 40px;
right: 2px;
border-left: 1px solid #ccc;
}
.head .company{
/*position: absolute;*/
/*top: 14px;*/
/*right: 0;*/
float: right;
line-height: normal;
position: relative;
z-index: 999;
margin-top: 10px;
}
.head .company p{
color:#fff;
line-height: normal;
}
.head .company p a{
color:#fff;
}
.head .company p a.active,.head .company p a:hover{
color:#7fbe25;
}
.head .company .hid{
/*text-align: center;*/
line-height: 37px;
color:#fff;
height: 0;
overflow: hidden;
cursor: pointer;
/*background: rgba(230,230,230,0.8);*/
}
.section{
width: 100%;
position: relative;
}
.index-section{
position: absolute;
top: 33%;
left: 184px;
}
.text-con{
margin: 0 auto;
}
/*.index-logo{
margin-top: 300px;
}*/
.head.active{
background:rgba(255,255,255,0.6);
}
.head.active .head-nav li a{
color:#000;
}
.head.active .search .inputW{
color:#000;
}
.head.active .company p a{
color:#000;
}
.head.active .company p a:hover{
color: #7fbe25;
}
.head-nav li .hidNav{
/* position: absolute;
width: 100%;
left: 0;
top: 107px;
float: none;
display: none;
padding: 21px 0;
overflow: hidden;
height: 0;
background: rgba(153,153 ,153,0.4);*/
position: absolute;
/*width: 100%;*/
text-align: center;
background:rgba(230,230,230,0.8);
z-index: -1;
display: none;
left:0;
right:0;
top:108px;
}
.head-nav li .hidNav li{
padding: 30px 10px;
text-align: center;
float: left;
height: auto;
line-height: 18px;
}
.head-nav li .hidNav .liWrap{
position: relative;
float:left;
}
.head-nav li .hidNav li a{
color:#666;
font-size: 14px;
}
.head .head-nav li a:hover{
color: #7fbe25;
}
/*.head.active .head-nav li a{
color:#000;
}*/
/*.head-nav li:hover .hidNav{
display: block;
height:auto;
}*/
.nav a:hover{
color:#7fbe25 !important;
}
.nav span.active{
color:#7fbe25 !important;
}
.home .section2{
visibility:hidden;
}
.home .section2 .section1-con.mobile{
display: none;
}
.home .section2 .img_wrap .effe01{
position: absolute;
top: 66%;
left: 12%;
width: 226px;
height: 111px;
filter:alpha(opacity=0);
-moz-opacity:0;
-khtml-opacity: 0;
opacity: 0;
}
.home .section2 .img_wrap .effe02{
position: absolute;
top: 47%;
left: 55%;
width: 226px;
height: 111px;
filter:alpha(opacity=0);
-moz-opacity:0;
-khtml-opacity: 0;
opacity: 0;
}
.home .section2 .img_wrap .effe03{
position: absolute;
top: 39%;
right: 7%;
width: 226px;
height: 111px;
filter:alpha(opacity=0);
-moz-opacity:0;
-khtml-opacity: 0;
opacity: 0;
}
.home .section2 .img_wrap .effeWrap{
position: relative;
width:100%;
height:100%;
}
.home .section2 .img_wrap .effeWrap .diat{
position: absolute;
top:0;
left:0;
width: 54px;
height:54px;
cursor: pointer;
}
.home .section2 .img_wrap .effeWrap .diat_wrap{
position: relative;
width:100%;
height:100%;
}
.home .section2 .img_wrap .effeWrap .diat_wrap .diat_ele{
position: absolute;
top:0;
left:0;
width:100%;
height:100%;
filter:alpha(opacity=0);
-moz-opacity:0;
-khtml-opacity: 0;
opacity: 0;
}
.home .section2 .img_wrap .effeWrap .diatFont{
position: absolute;
width:164px;
height: 106px;
top: 0;
right:0;
filter:alpha(opacity=0); /* IE */
-moz-opacity:0; /* 老版Mozilla */
-khtml-opacity:0; /* 老版Safari */
opacity: 0;
}
.home .section2 .img_wrap .effeWrap .diatFont_wrap{
position: relative;
width:100%;
height:100%;
}
.home .section2 .img_wrap .effeWrap .diatFont_wrap .react{
position: absolute;
width: 100%;
height: 100%;
}
.home .section2 .img_wrap .effeWrap .diatFont_wrap .h{
font-size: 16px;
color:#fff;
padding: 13px 19px 10px;
}
.home .section2 .img_wrap .effeWrap .diatFont_wrap .p{
font-size: 12px;
color:#fff;
padding: 0px 14px 0px;
}
.home .section2 .lunbo_wrap .fss-wrapper{width: 100%;float: left;}
.home .section2 .lunbo_wrap .fss-wrapper img{
width:100%;
height: 100%;
}
.home .section2 .banner-pagination.mobile_pagination{
display: none;
}
.home .section2 .banner-pagination{
position: absolute;
top:40%;
right: 5%;
}
.home .section2 .banner-pagination a{
height:13px;
width:13px;
display:block;
margin-top:15px;
}
.home .section2 .banner-pagination a>span{
width:13px;
height:13px;
display: block;
background:url(../images/cir_blank.png) no-repeat 50%;
font-size: 0px;
}
.home .section2 .banner-pagination a.selected span{
background:url(../images/cir_cir.png) no-repeat 50%;
}
.home .section3{
width:100%;
position: relative;
}
.home .section3 .content_wrap{
width:1200px;
margin: 0 auto;
padding-bottom:70px;
background:#ffffff;
position: relative;
}
.home .section3 .content_wrap .img{
width:57%;
height:100%;
float: left;
}
.home .section3 .content_wrap .img01{
width: 44%;
float: right;
padding-top: 37%;
}
.home .section3 .content_wrap .img02{
width: 10%;
float: right;
paddiing-top: 38%;
padding-top: 25%;
width: 44%;
}
.home .section3 .content_wrap .font{
width:43%;
float: right;
height:100%;
}
.home .section3 .content_wrap .font_wrap{
padding-top: 37%;
padding-left:10%;
}
.home .section3 .content_wrap .font_wrap .line{
height:6px;
width:42px;
background:#7fbe25;
}
.home .section3 .content_wrap .font_wrap .title{
padding-top: 18px;
position: relative;
}
.home .section3 .content_wrap .font_wrap .title .p2{
color: #7fbe25;
font-size: 16px;
text-indent: 82px;
padding-top: 20px;
}
.home .section3 .content_wrap .font_wrap .title .p1{
position: absolute;
font-size: 27px;
top:36px;
}
.home .section3 .content_wrap .font_wrap .p3{
color: #7fbe25;
font-size: 12px;
padding: 6px 0px;
}
.home .section3 .content_wrap .font_wrap .img03{
width:80%;
margin: 0 auto;
padding-top: 8%;
}
.home .section3 .content_wrap .font_wrap h3{
font-size:18px;
padding: 22px 0;
}
.home .section3 .content_wrap .font_wrap .p4{
line-height: 30px;
color: #666666;
}
.home .section3 .content_wrap .font_wrap .ReadMore{
width: 177px;
height: 37px;
background:#fff;
border: 1px solid #7fbe25;
color:#7fbe25;
line-height:37px;
text-align: center;
font-size: 14px;
border-radius: 18px;
margin-top:9%;
cursor: pointer;
}
.home .section3 .content_wrap .font_wrap .ReadMore a{
color:#7fbe25;
}
.home .section3 .content_wrap .font_wrap .ReadMore:hover{
background:#7fbe25;
color:#fff;
}
.home .section3 .content_wrap .font_wrap .ReadMore:hover a{
color:#fff;
}
/******************section4************************************/
.home .section4{
width:100%;
position: relative;
background:#000033;
z-index: 1;
}
.home .section4 .caroufredsel_wrapper{
overflow: visible!important;
}
.home .section4 .section4Inner{
float:left;
position: relative;
}
.home .section4 .section4Inner .biGBg{
position: absolute;
width:100%;
height:100%;
top:0;
left:0;
}
.home .section4 .content_wrap{
width:1200px;
margin: 0 auto;
height: auto;
position: relative;
}
.home .section4 .content_wrap .caroufredsel_wrapper{
overflow: visible!important;
}
.home .section4 .content_wrap .lunbo4_ele{
/*float:left;*/
}
.home .section4 .content_wrap .img{
width:57%;
height:900px;
float: right;
position: relative;
}
.home .section4 .content_wrap .img img{
position: absolute;
bottom:-20%;
right: -17%;
width: 126%;
}
.home .section4 .content_wrap .font{
width:43%;
float: left;
height:100%;
}
.home .section4 .content_wrap .font_wrap{
padding-top: 37%;
padding-left:10%;
}
.home .section4 .content_wrap .font_wrap .line{
height:6px;
width:42px;
background:#7fbe25;
}
.home .section4 .content_wrap .font_wrap .title{
padding-top: 18px;
position: relative;
}
.home .section4 .content_wrap .font_wrap .title .p2{
color: #ffffff;
font-size: 16px;
text-indent: 90px;
padding-top: 20px;
}
.home .section4 .content_wrap .font_wrap .title .p1{
position: absolute;
font-size: 27px;
top:36px;
color:#ffffff
}
.home .section4 .content_wrap .font_wrap .p3{
color: #ffffff;
font-size: 12px;
padding: 6px 0px;
}
.home .section4 .content_wrap .font_wrap .img03{
margin: 0 auto;
padding-top: 14%;
}
.home .section4 .content_wrap .font_wrap .img03 .pic01{
text-align: center;
padding-right: 29px;
float: left;
}
.home .section4 .content_wrap .font_wrap .img03 .pic01 p{
padding-top: 16px;
color:#FFFFFF;
}
.home .section4 .content_wrap .font_wrap h3{
font-size: 30px;
padding: 33px 0;
}
.home .section4 .content_wrap .font_wrap .p4{
line-height: 30px;
color: #ffffff;
padding-top: 53px;
}
.home .section4 .banner-pagination2{
position: absolute;
top:40%;
right: 5%;
}
.home .section4 .banner-pagination2 a{
height:13px;
width:13px;
display:block;
margin-top:15px;
}
.home .section4 .banner-pagination2 a>span{
width:13px;
height:13px;
display: block;
background:url(../images/cir_blank.png) no-repeat 50%;
font-size: 0px;
}
.home .section4 .banner-pagination2 a.selected span{
background:url(../images/cir_cir.png) no-repeat 50%;
}
/******************section5************************************/
.home .section5{
width:100%;
position: relative;
background:#ffffff;
}
.home .section5 .content_wrap{
padding-top: 170px;
width:1200px;
margin: 0 auto;
height: 700px;
position: relative;
}
.home .section5 .content_wrap .title{
margin:0 auto;
}
.home .section5 .content_wrap .title .line{
height:6px;
width:42px;
background:#7fbe25;
margin:0 auto;
}
.home .section5 .content_wrap .title h1{
margin: 0 auto;
text-align: center;
padding: 35px 0 9px;
font-size: 27px;
}
.home .section5 .content_wrap .title h1 span{
font-size: 16px;
padding-left: 15px;
color:#7fbe25;
}
.home .section5 .content_wrap .title p{
color:#7fbe25;
font-size: 12px;
text-align: center;
}
.home .section5 .content_wrap .content{
padding-top: 90px;
}
.home .section5 .content_wrap .content .pro{
width:28%;
float:left;
overflow: hidden;
}
.home .section5 .content_wrap .content .pro:hover p{
color:#7fbe25;
}
.home .section5 .content_wrap .content .pro.left{
padding-left:8%;
}
.home .section5 .content_wrap .content .pro img{
width:100%;
}
.home .section5 .content_wrap .content .pro .tit{
font-size: 14px;
font-weight: bold;
line-height: 27px;
}
.home .section5 .content_wrap .readMore{
width:176px;
height:38px;
margin:0 auto;
border: 1px solid #7fbe25;
border-radius:23px;
text-align: center;
line-height: 38px;
color:#7fbe25;
margin-top: 50px;
cursor: pointer;
}
.home .section5 .content_wrap .readMore:hover{
color:#fff;
background:#7fbe25;
}
/******************section6************************************/
.home .section6{
width:100%;
position: relative;
overflow: hidden;
/* background:url(../images/home_sel6_bg.jpg);
background-size: cover;*/
}
.home .section6 .section6_bg{
position: absolute;
min-width:100%;
height:100%;
top:0;
right:0;
}
.home .section6 .content_wrap{
width:1200px;
margin: 0 auto;
height: 737px;
position: relative;
}
.home .section6 .content_wrap .list{
width:57%;
height:100%;
float: right;
position: relative;
}
.home .section6 .content_wrap .list_wrap{
padding-top: 200px;
width: 200px;
float: right;
/*padding-right: 225px;*/
}
.home .section6 .content_wrap .list_wrap .li{
height: 57px;
padding-right: 82px;
text-align: right;
line-height: 57px;
margin-bottom: 39px;
cursor: pointer;
}
.home .section6 .content_wrap .list_wrap .li.li1{
background: url(../images/home_1_02.png) no-repeat center right;
}
.home .section6 .content_wrap .list_wrap .li.li2{
background: url(../images/home_2_02.png) no-repeat center right;
}
.home .section6 .content_wrap .list_wrap .li.li3{
background: url(../images/home_3_02.png) no-repeat center right;
}
.home .section6 .content_wrap .list_wrap .li.li4{
background: url(../images/home_4_02.png) no-repeat center right;
}
/*.home .section6 .content_wrap .list_wrap .li.li1:hover{
background: url(../images/home_1_01.png) no-repeat center right;
}
.home .section6 .content_wrap .list_wrap .li.li2:hover{
background: url(../images/home_2_01.png) no-repeat center right;
}
.home .section6 .content_wrap .list_wrap .li.li3:hover{
background: url(../images/home_3_01.png) no-repeat center right;
}
.home .section6 .content_wrap .list_wrap .li.li4:hover{
background: url(../images/home_4_01.png) no-repeat center right;
}*/
.home .section6 .content_wrap .list_wrap a.selected .li.li1{
background: url(../images/home_1_01.png) no-repeat center right;
}
.home .section6 .content_wrap .list_wrap a.selected .li.li2{
background: url(../images/home_2_01.png) no-repeat center right;
}
.home .section6 .content_wrap .list_wrap a.selected .li.li3{
background: url(../images/home_3_01.png) no-repeat center right;
}
.home .section6 .content_wrap .list_wrap a.selected .li.li4{
background: url(../images/home_4_01.png) no-repeat center right;
}
.home .section6 .content_wrap .list_wrap .li p{
color:#7fbe25;
}
/*.home .section6 .content_wrap .list_wrap .li:hover p{
color:#fff;
}*/
.home .section6 .content_wrap .list_wrap a.selected .li p{
color:#fff;
}
.home .section6 .content_wrap .font{
width:43%;
float: left;
height:100%;
}
.home .section6 .content_wrap .font_wrap{
padding-top: 32%;
padding-left:10%;
}
.home .section6 .content_wrap .font_wrap .line{
padding-top:10px;
height:0px;
border-bottom:6px solid #FFFFFF;
width:42px;
}
.home .section6 .content_wrap .font_wrap .zig_ele{
padding-bottom: 60px;
}
.home .section6 .content_wrap .font_wrap .title{
/*padding-top: 30px;*/
}
.home .section6 .content_wrap .font_wrap .title .p1{
font-size: 27px;
padding: 41px 0 10px;
color:#ffffff
}
.home .section6 .content_wrap .font_wrap .p3{
color: #ffffff;
font-size: 12px;
}
.home .section6 .content_wrap .font_wrap .readMore{
width:176px;
height:38px;
border-radius:23px;
text-align: center;
line-height: 38px;
border:1px solid #fff;
color:#fff;
margin-top: 50px;
cursor: pointer;
}
.home .section6 .content_wrap .font_wrap .readMore:hover{
background:#7fbe25;
border-color: #7fbe25;
}
.home .section6 .content_wrap .font_wrap h3{
font-size: 30px;
padding: 33px 0;
}
.home .section6 .content_wrap .font_wrap .p4{
line-height: 30px;
color: #ffffff;
padding-top: 27px;
}
/***************#CompanyIntroduction*************************************/
#CompanyIntroduction{
width: 100%;
position:relative;
}
#CompanyIntroduction .section1{
width: 100%;
position: relative;
}
#CompanyIntroduction .section1 .font{
position: absolute;
top: 44%;
left: 8%;
}
#CompanyIntroduction .section1 .font h1{
color:#fff;
font-size: 37px;
padding-top: 66px;
font-weight: normal;
}
#CompanyIntroduction .section1 .aa{
width: 100%;
}
#CompanyIntroduction .section2{
width: 100%;
position: relative;
padding-bottom: 127px;
}
#CompanyIntroduction .section2_inner{
width:1600px;
margin: 0 auto;
}
#CompanyIntroduction .section2_inner .nav{
height:67px;
line-height:67px;
font-size: 14px;
color:#666666;
}
#CompanyIntroduction .section2_inner .nav a{
color:#666666;
}
#CompanyIntroduction .section2_inner .content{
padding-top: 79px;
}
#CompanyIntroduction .section2_inner .content .line{
height:0;
border-bottom: 5px solid #7fbe25;
width:36px;
margin:0 auto;
}
#CompanyIntroduction .section2_inner .content h1{
color:#000000;
font-size: 27px;
margin:0 auto;
text-align: center;
padding-top: 27px;
padding-bottom: 15px;
}
#CompanyIntroduction .section2_inner .content h1 span{
color:#7fbe25;
font-size: 16px;
}
#CompanyIntroduction .section2_inner .content p{
color:#7fbe25;
font-size: 12px;
text-align: center;
}
#CompanyIntroduction .section2_inner .content .pOrImg{
width: 968px;
padding-top: 53px;
margin:0 auto;
}
#CompanyIntroduction .section2_inner .content .pOrImg .p{
font-size: 12px;
line-height: 24px;
color:#666666;
text-align: center;
}
#CompanyIntroduction .section2_inner .content .pOrImg .p span{
color:#7fbe25;
font-weight: bold;
}
#CompanyIntroduction .section2_inner .content .img_wrap{
padding-top: 77px;
}
#CompanyIntroduction .section2_inner .content .img_wrap .ele{
width:33.3%;
text-align: center;
float:left;
}
#CompanyIntroduction .section2_inner .content .img_wrap .eleinner{
border-left: 1px solid #e8e8e8;
}
#CompanyIntroduction .section2_inner .content .img_wrap .eleinnerRight{
border-right: 1px solid #e8e8e8;
}
#CompanyIntroduction .section2_inner .content .img_wrap .ele img{
width:110px;
}
#CompanyIntroduction .section2_inner .content .img_wrap .ele h3{
font-size: 12px;
color:#000000;
line-height: 50px;
padding-top:10px;
}
#CompanyIntroduction .section2_inner .content .img_wrap .ele p{
text-align: center;
font-size: 12px;
line-height: 24px;
color:#666666;
}
#CompanyIntroduction .section3{
width: 100%;
position: relative;
padding-bottom: 127px;
/* background:url(../images/cI_selection3_bg.jpg) center top;
background-attachment: fixed !important;*/
background:url(../images/cI_selection3_bg.jpg) no-repeat;
background-size: cover;
}
#CompanyIntroduction .section3_inner{
width:1600px;
margin: 0 auto;
}
#CompanyIntroduction .section3_inner .content{
padding-top: 79px;
}
#CompanyIntroduction .section3_inner .content .line{
height:0;
border-bottom: 5px solid #ffffff;
width:36px;
margin:0 auto;
}
#CompanyIntroduction .section3_inner .content h1{
color:#ffffff;
font-size: 27px;
margin:0 auto;
text-align: center;
padding-top: 27px;
padding-bottom: 15px;
}
#CompanyIntroduction .section3_inner .content h1 span{
color:#ffffff;
font-size: 16px;
}
#CompanyIntroduction .section3_inner .content p{
color:#ffffff;
font-size: 12px;
text-align: center;
}
#CompanyIntroduction .section3_inner.main_middle{
margin:0 auto;width:1600px;position:relative;
/* display: none;*/
}
#CompanyIntroduction .section3_inner #timeline{width:1120px;overflow:hidden;margin:40px auto 0 auto;position:relative;background:url('../images/licbg.png') 12px 52px no-repeat}
#CompanyIntroduction .section3_inner #dates{width:1120px;margin-top:20px;z-index: 99;}
#CompanyIntroduction .section3_inner #dates li{float:left;width:94px;height:90px;font-size:16px;text-align:center;position: relative;}
#CompanyIntroduction .section3_inner #dates li .title{position: absolute;top:-20px;left: 45px;display: block;width: 154px;height: 68px;line-height: 38px;display: none;}
#CompanyIntroduction .section3_inner #dates li .year{margin-top: 58px;color:#ffffff;font-size: 12px;}
#CompanyIntroduction .section3_inner #dates a{color:#713611;width:94px;height:90px;display:block;}
#CompanyIntroduction .section3_inner #dates .selected{font-size:18px;font-weight:bold;}
#CompanyIntroduction .section3_inner #dates li a.selected .title{text-align:left;text-indent:13px;font-size: 12px;background:url("../images/qizi.png") no-repeat;color: #fff;display: block;}
#CompanyIntroduction .section3_inner #issues{width:1120px;overflow:hidden;}
#CompanyIntroduction .section3_inner #issues li{padding-top:60px;list-style:none;float:left;}
#CompanyIntroduction .section3_inner #issues li img{text-align:left;display:block;margin:0 auto;width:1120px;}
/*#issues li .left{
width:50%;
float:left
}
#issues li .right{
width:50%;
float:left;
}
#issues li .right .year{
padding-left: 67px;
font-size: 44px;
color:#ffffff;
}
#issues li .right .right_wrap{
padding-left: -47px;
width:305px;
height:0;
border-bottom: 5px solid #7fbe25;
}*/
/****************section4**************************/
#CompanyIntroduction .section4{
width: 100%;
position: relative;
padding-bottom: 127px;
}
#CompanyIntroduction .section4_inner{
width:1600px;
margin: 0 auto;
}
#CompanyIntroduction .section4_inner .content{
padding-top: 79px;
}
#CompanyIntroduction .section4_inner .content .line{
height:0;
border-bottom: 5px solid #7fbe25;
width:36px;
margin:0 auto;
}
#CompanyIntroduction .section4_inner .content h1{
color:#000000;
font-size: 27px;
margin:0 auto;
text-align: center;
padding-top: 27px;
padding-bottom: 15px;
}
#CompanyIntroduction .section4_inner .content h1 span{
color:#7fbe25;
font-size: 16px;
}
#CompanyIntroduction .section4_inner .content p{
color:#7fbe25;
font-size: 12px;
text-align: center;
}
#CompanyIntroduction .section4_inner .content .pOrImg{
width: 968px;
padding-top: 53px;
margin:0 auto;
}
#CompanyIntroduction .section4_inner .pOrImg .pi{
width:33.3%;
height:151px;
float:left;
padding-bottom: 30px;
}
#CompanyIntroduction .section4_inner .pOrImg .piWrap{
position: relative;
height:100%;
padding-right:30px;
}
#CompanyIntroduction .section4_inner .pOrImg .pi .piimg{
position: absolute;
width: 53px;
height:50px;
top: 42px;
left: 24px;
cursor: pointer;
}
#CompanyIntroduction .section4_inner .pOrImg .piP{
padding-left: 101px;
border:1px solid #eee;
height:100%;
overflow: hidden;
padding-right: 4px;
cursor: pointer;
}
#CompanyIntroduction .section4_inner .pOrImg .piP .hidContent{
height:0;
border:none;
overflow: hidden;
}
#CompanyIntroduction .section4_inner .pOrImg .line{
width:36px;
height:0px;
padding-top: 30px;
border-bottom:5px solid #7fbe25;
margin:0;
}
#CompanyIntroduction .section4_inner .pOrImg p{
text-align: left;
color:#666666;
font-size: 12px;
line-height:26px;
padding-top:10px;
}
#CompanyIntroduction .section4_inner .readMor{
width: 968px;
height:50px;
background:#eee;
margin:0 auto;
margin-top:30px;
text-align: center;
line-height:50px;
cursor: pointer;
}
#CompanyIntroduction .section4_inner .readMor:hover a{
color:#7fbe25;
}
#CompanyIntroduction .section4_inner .readMor a{
font-size: 12px;
color:#000;
}
#certificate{
position: fixed;
width:100%;
height:100%;
top:0;
left:0;
display:none;
z-index: 100;
}
#certificate .shadow{
position: relative;
width:100%;
height:100%;
background:#000;
filter:alpha(opacity=60); /* IE */
-moz-opacity:0.6; /* 老版Mozilla */
-khtml-opacity:0.6; /* 老版Safari */
opacity: 0.6;
}
#certificate .certificate_wrap{
width: 50%;
height: 50%;
position: absolute;
top:0;
left:0;
right:0;
bottom:0;
margin: auto;
/*background:#fff;*/
}
#certificate .certificate_inner{
position: relative;
width:100%;
height:100%;
text-align: center;
}
#certificate .certificate{
position: absolute;
top:0;
left: 0;
bottom: 0;
right: 0;
margin: auto;
max-width: 90%;
max-height: 90%;
}
#certificate .certificate_inner .close{
position: absolute;
top:0;
right:0;
width: 56px;
height: 56px;
cursor: pointer;
}
#certificate .certificate_inner .pwrap{
position: absolute;
bottom:0;
width:90%;
}
#certificate .certificate_inner .pWrapInner{
position: relative;
text-align: center;
}
#certificate .certificate_inner .p{
color: #fff;
position: absolute;
text-align: center;
left: 0;
right: 0;
margin: 0 auto;
}
/*******************contact us******************************************/
#ContactUs{
width: 100%;
position:relative;
}
#ContactUs .section1{
width: 100%;
position: relative;
}
#ContactUs .section1 .font{
position: absolute;
top: 44%;
left: 8%;
}
#ContactUs .section1 .font h1{
color:#fff;
font-size: 37px;
padding-top: 66px;
font-weight: normal;
}
#ContactUs .section1 .aa{
width: 100%;
}
#ContactUs .section1 .aa{
width: 100%;
}
#ContactUs .section2{
width: 100%;
position: relative;
padding-bottom: 127px;
}
#ContactUs .section2_inner{
width:1600px;
margin: 0 auto;
}
#ContactUs .section2_inner .nav{
height:67px;
line-height:67px;
font-size: 14px;
color:#666666;
}
#ContactUs .section2_inner .nav a{
color:#666666;
}
#ContactUs .section2_inner .content{
padding-top: 79px;
}
#ContactUs .section2_inner .content .line{
height:0;
border-bottom: 5px solid #7fbe25;
width:36px;
margin:0 auto;
}
#ContactUs .section2_inner .content h1{
color:#000000;
font-size: 27px;
margin:0 auto;
text-align: center;
padding-top: 27px;
padding-bottom: 15px;
}
#ContactUs .section2_inner .content h1 span{
color:#7fbe25;
font-size: 16px;
}
#ContactUs .section2_inner .content p{
color:#7fbe25;
font-size: 12px;
text-align: center;
}
#ContactUs .section2_inner .content .pOrImg{
width: 968px;
padding-top: 53px;
margin:0 auto;
text-align: center;
}
#ContactUs .section2_inner .content .pOrImg img{
width: 619px;
}
#ContactUs .section3{
width: 100%;
position: relative;
padding-bottom: 127px;
background:url(../images/cu_sele3_bg.jpg) ;
background-size: cover;
}
#ContactUs .section3_inner{
width:1600px;
margin: 0 auto;
}
#ContactUs .section3_inner .content{
padding-top: 79px;
}
#ContactUs .section3_inner .content .line{
height:0;
border-bottom: 5px solid #ffffff;
width:36px;
margin:0 auto;
}
#ContactUs .section3_inner .content h1{
color:#ffffff;
font-size: 32px;
margin:0 auto;
text-align: center;
padding-top: 27px;
padding-bottom: 15px;
}
#ContactUs .section3_inner .content h1 span{
color:#ffffff;
font-size: 18px;
}
#ContactUs .section3_inner .content p{
color:#ffffff;
font-size: 12px;
text-align: center;
}
/*************************************/
#ContactUs .section3_inner .content .pOrImg{
width: 968px;
padding-top: 53px;
margin:0 auto;
}
#ContactUs .section3_inner .pOrImg .pi{
width:25%;
height:279px;
float:left;
}
#ContactUs .section3_inner .pOrImg .piWrap{
height: 100%;
padding-right: 0px;
padding-left: 9px;
}
#ContactUs .section3_inner .pOrImg .pi .piimg{
width: 89px;
height:89px;
padding-top: 49px;
}
#ContactUs .section3_inner .pOrImg .piP{
padding-left: 17px;
border:2px solid #eee;
height:100%;
overflow: hidden;
padding-right: 4px;
cursor: pointer;
}
#ContactUs .section3_inner .pOrImg .piP:hover{
box-shadow: 2px 2px 5px #666;
border:2px solid #7fbe25;
}
#ContactUs .section3_inner .pOrImg .piP:hover p{
color:#7fbe25;
}
#ContactUs .section3_inner .pOrImg .pWrap{
padding-top:14px;
}
#ContactUs .section3_inner .pOrImg .pH{
text-align: left;
color:#ffffff;
font-size: 14px;
font-weight: bold;
line-height:26px;
padding-top:10px;
}
#ContactUs .section3_inner .pOrImg .pA{
text-align: left;
color:#ffffff;
font-size: 12px;
line-height:26px;
}
#ContactUs .section3_inner .pOrImg .pA a{
color:#ffffff;
}
/****************section4**************************/
#ContactUs .section4{
width: 100%;
position: relative;
padding-bottom: 127px;
}
#ContactUs .section4_inner{
width:1600px;
margin: 0 auto;
}
#ContactUs .section4_inner .content{
padding-top: 79px;
}
#ContactUs .section4_inner .content .line{
height:0;
border-bottom: 5px solid #7fbe25;
width:36px;
margin:0 auto;
}
#ContactUs .section4_inner .content h1{
color:#000000;
font-size: 32px;
margin:0 auto;
text-align: center;
padding-top: 27px;
padding-bottom: 15px;
}
#ContactUs .section4_inner .content h1 span{
color:#7fbe25;
font-size: 18px;
}
#ContactUs .section4_inner .content p{
color:#7fbe25;
font-size: 12px;
text-align: center;
}
#ContactUs .section4_inner .content .pOrImg{
width: 968px;
padding-top: 53px;
margin:0 auto;
}
#ContactUs .section4_inner .pOrImg .pi{
width:33.3%;
height:214px;
float:left;
padding-bottom: 30px;
}
#ContactUs .section4_inner .pOrImg .piWrap{
height:100%;
padding-right:15px;
padding-left: 15px;
}
#ContactUs .section4_inner .pOrImg .piP{
padding-left: 17px;
border:1px solid #eee;
height:100%;
overflow: hidden;
padding-right: 4px;
}
#ContactUs .section4_inner .pOrImg .line{
width:36px;
height:0px;
padding-top:28px;
border-bottom:5px solid #7fbe25;
margin:0;
}
#ContactUs .section4_inner .pOrImg .pH{
text-align: left;
color:#000;
font-size: 14px;
line-height:26px;
padding-top:16px;
font-weight: bold;
}
#ContactUs .section4_inner .pOrImg .p{
text-align: left;
color:#666666;
font-size: 12px;
line-height:26px;
}
#ContactUs .section4_inner .readMor{
width: 968px;
height:50px;
background:#eee;
margin:0 auto;
margin-top:30px;
text-align: center;
line-height:50px;
cursor: pointer;
}
#ContactUs .section4_inner .readMor a{
font-size: 12px;
color:#000;
}
#ContactUs .section4_inner .readMor:hover a{
color:#7fbe25;
}
/*******************MediaInfo******************************************/
#MediaInfo{
width: 100%;
position:relative;
}
#MediaInfo .section1{
width: 100%;
position: relative;
}
#MediaInfo .section1 .font{
position: absolute;
top: 44%;
left: 8%;
}
#MediaInfo .section1 .font h1{
color:#fff;
font-size: 37px;
padding-top: 66px;
font-weight: normal;
}
#MediaInfo .section1 .aa{
width: 100%;
}
#MediaInfo .section1 .aa{
width: 100%;
}
#MediaInfo .section2{
width: 100%;
position: relative;
padding-bottom: 127px;
}
#MediaInfo .section2_inner{
width:1200px;
margin: 0 auto;
}
#MediaInfo .navWrap{
height:62px;
width: 100%;
border-bottom:1px solid #eee;
}
#MediaInfo .nav{
width: 1200px;
margin:0 auto;
height:62px;
line-height:62px;
font-size: 14px;
color:#666666;
}
#MediaInfo .nav a{
color:#666666;
}
#MediaInfo .section2_inner .content{
padding-top: 20px;
}
#MediaInfo .section2_inner .content .ty{
float:left;
width:113px;
height:35px;
font-size: 14px;
text-align: center;
cursor: pointer;
}
#MediaInfo .section2_inner .content .ty.active{
color:#7fbe25;
background:url(../images/angle.png) no-repeat;
background-position: center bottom;
}
#MediaInfo .section2_inner .content .newWrap{
padding-top:30px;
}
#MediaInfo .section2_inner .content .newsYear{
width:68%;
float:left;
padding-bottom: 10px;
}
#MediaInfo .section2_inner .content .newsY{
border-bottom:1px dashed #eee;
padding-bottom: 10px;
filter:alpha(opacity=0);
-moz-opacity:0;
-khtml-opacity:0;
opacity: 0;
}
#MediaInfo .section2_inner .content .newsY h2{
font-size: 14px;
color:#000;
font-weight: bold;
line-height:34px;
}
#MediaInfo .section2_inner .content .newsY .time{
font-size: 12px;
color:#666666;
line-height:34px;
}
#MediaInfo .section2_inner .content .newsY .newImg{
width:100%;
overflow: hidden;
}
#MediaInfo .section2_inner .content .newsY img{
width:100%;
overflow: hidden;
}
/*#MediaInfo .section2_inner .content .newsY img:hover{
-webkit-transform: scale(1.2);
-moz-transform: scale(1.2);
-o-transform: scale(1.2);
-webkit-transition: all 1s;
-moz-transition: all 1s;
-o-transition: all 1s;
}*/
#MediaInfo .section2_inner .content .newsY .text{
padding-top: 10px;
line-height:30px;
color:#666666;
font-size: 12px;
}
#MediaInfo .section2_inner .content .newsY .text:hover{
color:#7fbe25;
}
#MediaInfo .section2_inner .content .newsYear .fenye{
padding-top: 30px;
position: relative;
}
#MediaInfo .section2_inner .content .newsYear .fenye .countNmu{
float:left;
font-size: 12px;
color: #666666;
}
#MediaInfo .section2_inner .content .newsYear .fenye .zhangwenbang{
position: absolute;
margin:0 auto;
}
#MediaInfo .section2_inner .content .newsYear .fenye .zhangwenbang li{
display:inline-block;
}
#MediaInfo .section2_inner .content .newsYear .fenye .zhangwenbang li a{
font-size: 12px;
color: #487135;
padding: 1px 7px;
}
#MediaInfo .section2_inner .content .newsYear .fenye .zhangwenbang li.active a{
padding: 1px 7px;
color:#000;
}
#MediaInfo .section2_inner .content .newsYear .fenye .zhangwenbang li.disabled a{
/*pointer-events: none;*/
cursor:not-allowed;
}
#MediaInfo .section2_inner .content .importantNew{
width:32%;
float:left;
}
#MediaInfo .section2_inner .content .importantNew_inner{
padding-left:35px;
}
#MediaInfo .section2_inner .content .importantNew h2{
font-size: 14px;
color:#000;
font-weight: bold;
line-height:34px;
padding-bottom:34px;
padding-left:13px;
}
#MediaInfo .section2_inner .content .imporN_wrap{
/*background:#cccccc;*/
padding:19px 18px;
}
#MediaInfo .section2_inner .content .imporN_ele{
padding-bottom: 22px;
}
#MediaInfo .section2_inner .content .imporN_ele img{
width:100%;
overflow:hidden;
padding-bottom:15px;
}
#MediaInfo .section2_inner .content .imporN_ele p{
line-height:30px;
color:#000;
font-size: 12px;
}
/*******************product_classification******************************************/
#product_classification{
width: 100%;
position:relative;
}
#product_classification .section1{
width: 100%;
position: relative;
}
#product_classification .section1 .font{
position: absolute;
top: 50%;
left: 8%;
}
#product_classification .section1 .font h1{
color: #fff;
font-size: 34px;
padding-top: 5%;
padding-bottom: 6%;
font-weight: normal;
}
#product_classification .section1 .font p{
font-size: 12px;
color: #fff;
width: 300px;
}
#product_classification .section1 .aa{
width: 100%;
}
#product_classification .section1 .aa{
width: 100%;
}
#product_classification .section2{
width: 100%;
position: relative;
padding-bottom: 127px;
}
#product_classification .section2_inner{
width:1200px;
margin: 0 auto;
}
#product_classification .navWrap{
height:62px;
width: 100%;
border-bottom:1px solid #eee;
}
#product_classification .nav{
width: 1200px;
margin:0 auto;
height:62px;
line-height:62px;
font-size: 14px;
color:#666666;
}
#product_classification .nav a{
color:#666666;
}
#product_classification .section2_inner .content{
padding-top: 20px;
}
#product_classification .section2_inner .video_left{
float:left;
padding-right:2%;
width:49%;
height:344px;
}
#product_classification .section2_inner .left{
position: relative;
height:100%;
overflow: hidden;
width: 100%;
}
#product_classification .section2_inner .pic {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
}
#product_classification .section2_inner .shadow{
position: absolute;
width: 100%;
height: 100%;
/*background: #000;*/
/*opacity: 0.6;*/
top: 0;
left: 0;
cursor: pointer;
}
#product_classification .section2_inner .shadow p{
position: absolute;
bottom: 40px;
left:30px;
color:#fff;
font-size: 16px;
}
#product_classification .section2_inner .shadow .btn{
width:37px;
position: absolute;
right:30px;
bottom:44px;
}
#product_classification .section2_inner .video_right{
float:left;
width:49%;
height:344px;
position: relative;
}
#product_classification .section2_inner .video_right .videoTwo{
width: 100%;
height:100%;
}
#product_classification .section2_inner .pro{
float:left;
/*padding-right:2%;*/
width:49%;
padding-top:25px;
height:348px;
}
#product_classification .section2_inner .pro.odd{
padding-right:2%;
}
#product_classification .section2_inner .pro_con{
height:100%;
overflow:hidden;
border:1px solid #eee;
}
#product_classification .section2_inner .font_intro{
float:left;
width: 50%;
height:100%;
position: relative;
}
#product_classification .section2_inner .font_intro h3{
padding-top:43px;
padding-left:25px;
padding-bottom: 30px;
font-size: 16px;
color:#000;
}
#product_classification .section2_inner .font_intro p{
color:#666666;
font-size:12px;
line-height:28px;
padding-left: 25px;
}
#product_classification .section2_inner .font_intro .readMore{
position: absolute;
left:25px;
bottom: 27px;
width:175px;
height:37px;
border: 1px solid #7fbe25;
line-height:37px;
color:#7fbe25;
text-align: center;
border-radius: 20px;
cursor: pointer;
}
#product_classification .section2_inner .font_intro .readMore:hover{
color:#fff;
background:#7fbe25;
}
#product_classification .section2_inner .img_show{
float:left;
width: 50%;
position: relative;
height: 100%;
}
#product_classification .section2_inner .img_show img{
position: absolute;
top:43px;
right:25px;
max-width:90%;
max-height:90%;
}
#product_classification .controls {
width: 100%;
height: 65px;
position: relative;
/*z-index: 999;*/
bottom: 60px;
}
#product_classification .controls .timeline {
width: 100%;
height: 17px;
position: relative;
background: #666666;
}
#product_classification .controls .timeline .jp-seek-bar {
float: left;
width: 600px;
height: 17px;
background: #666666;
}
#product_classification .controls .timeline .jp-play-bar {
float: left;
width: 600px;
height: 17px;
background: url(../images/process_bar.png) repeat-x;
}
#product_classification .controls .pbutton {
width: 100%;
height: 44px;
position: relative;
background: #c5c5c5;
}
#product_classification .controls .jp-play {
cursor: pointer;
position: absolute;
width: 32px;
height: 32px;
overflow: hidden;
text-indent: -9999px;
background: url(../images/play.png) no-repeat;
top: 6px;
left: 20px;
}
#product_classification .controls .jp-pause {
cursor: pointer;
position: absolute;
width: 32px;
height: 32px;
overflow: hidden;
text-indent: -9999px;
background: url(../images/pause.png) no-repeat;
top: 6px;
left: 20px;
}
#product_classification .controls .jp-stop {
cursor: pointer;
position: absolute;
width: 32px;
height: 32px;
overflow: hidden;
text-indent: -9999px;
background: url(../images/stop.png) no-repeat;
top: 6px;
left: 60px;
}
#product_classification .controls .jp-time {
position: absolute;
width: 132px;
height: 15px;
font-size: 12px;
color: #333333;
top: 16px;
right: 215px;
}
#product_classification .controls .jp-time div {
float: left;
}
#product_classification .controls .jp-time div {
float: left;
}
#product_classification .controls .jp-mute {
position: absolute;
width: 24px;
height: 24px;
background: url(../images/muteoff.png) no-repeat;
right: 175px;
top: 10px;
cursor: pointer;
}
#product_classification .controls .jp-unmute {
position: absolute;
width: 24px;
height: 24px;
background: url(../images/muteon.png) no-repeat;
right: 175px;
top: 10px;
cursor: pointer;
}
#product_classification .controls .voice {
position: absolute;
height: 6px;
width: 56px;
background: url(../images/volSbar.png) repeat-x;
right: 98px;
top: 19px;
}
#product_classification .controls .voice .jp-volume-bar {
position: absolute;
width: 100%;
height: 100%;
background: url(../images/volSbar.png) repeat-x;
cursor: pointer;
}
#product_classification .controls .voice .jp-volume-bar .jp-volume-bar-value {
position: absolute;
height: 100%;
background: url(../images/volPbar.png) repeat-x;
cursor: pointer;
}
#product_classification .controls .jp-full-screen {
position: absolute;
width: 32px;
height: 32px;
top: 6px;
right: 30px;
background: url(../images/big_fsOn.png) no-repeat;
cursor: pointer;
}
#product_classification .controls .jp-restore-screen {
position: absolute;
width: 32px;
height: 32px;
top: 6px;
right: 30px;
background: url(../images/big_fsOff.png) no-repeat;
cursor: pointer;
}
/*******************productlist******************************************/
#productlist{
width: 100%;
position:relative;
}
#productlist .section1{
width: 100%;
position: relative;
}
#productlist .section1 .aa{
width: 100%;
}
#productlist .section2{
width: 100%;
position: relative;
padding-bottom: 127px;
}
#productlist .section2_inner{
width:1200px;
margin: 0 auto;
}
#productlist .navWrap{
height:62px;
width: 100%;
border-bottom:1px solid #eee;
}
#productlist .nav{
width: 1600px;
margin:0 auto;
height:62px;
line-height:62px;
font-size: 14px;
color:#666666;
}
#productlist .nav a{
color:#666666;
}
#productlist .section2_inner .content{
padding-top: 79px;
}
#productlist .section2_inner .content .line{
height:0;
border-bottom: 5px solid #7fbe25;
width:36px;
margin:0 auto;
}
#productlist .section2_inner .content h1{
color:#000000;
font-size: 32px;
margin:0 auto;
text-align: center;
padding-top: 27px;
padding-bottom: 15px;
}
#productlist .section2_inner .content h1 span{
color:#7fbe25;
font-size: 18px;
}
#productlist .section2_inner .content p{
color:#7fbe25;
font-size: 12px;
text-align: center;
}
#productlist .list_wrap{
width:100%;
margin: 0 auto;
padding-top:100px;
}
#productlist .list{
width: 33.3%;
float:left;
height:408px;
text-align: center;
padding-bottom:80px;
}
#productlist .img_wrap{
height: 340px;
width: 82%;
margin: 0 auto;
overflow: hidden;
text-align: center;
}
#productlist .img_wrap img{
max-height: 95%;
max-width: 95%;
padding-top: 2%;
}
#productlist .list h3{
font-size: 14px;
color:#000;
line-height: 30px;
}
#productlist .content .list_wrap .list p{
font-size: 12px;
color:#666666;
line-height: 20px;
}
#productlist .section1 .font{
position: absolute;
top: 50%;
left: 8%;
}
#productlist .section1 .font h1{
color: #fff;
font-size: 34px;
padding-top: 5%;
padding-bottom: 6%;
font-weight: normal;
}
#productlist .section1 .aa{
width: 100%;
}
/***********productdetail_special****************************/
#productdetail_special{
width: 100%;
position:relative;
min-height: 800px;
padding-top: 108px;
}
#productdetail_special .cont_wrap{
/*padding:160px 0;*/
text-align: center;
font-size: 0;
line-height: 0;
}
#productdetail_special .cont_wrap img{
max-width: 100%;
}
/*******************productdetail******************************************/
#productdetail{
width: 100%;
position:relative;
padding-top: 108px;
}
#productdetail .section1{
width: 100%;
position: relative;
padding-top: 193px;
}
#productdetail .section1 .title{
text-align: center;
}
#productdetail .section1 .title .line{
height:0;
border-bottom: 5px solid #7fbe25;
width:36px;
margin:0 auto;
}
#productdetail .section1 .title h1{
color:#000000;
font-size: 27px;
margin:0 auto;
text-align: center;
padding-top: 27px;
padding-bottom: 15px;
}
#productdetail .section1 .title h1 span{
color:#7fbe25;
font-size: 16px;
}
#productdetail .section1 .title p{
color:#7fbe25;
}
#productdetail .section1 .title .content p{
color:#7fbe25;
font-size: 12px;
text-align: center;
}
#productdetail .section1 .lunbo_wrap{
width:1600px;
margin:0 auto;
padding:40px 0;
position: relative;
}
#productdetail .section1 #slider{
width:100%;
}
#productdetail .section1 #slider li{
float:left;
text-align: center;
padding-bottom: 30px;
}
#productdetail .section1 #slider li img{
max-width: 90%;
max-height: 90%;
min-height: 300px;
}
#productdetail .section1 .paginationWrap{
position: absolute;
top:20%;
/*overflow: hidden;*/
right:50px;
z-index: 10;
}
#productdetail .section1 .paginationWrap .caroufredsel_wrapper{
overflow: visible;
}
#productdetail .section1 #pagination{
}
#productdetail .section1 #pagination a {
display:block;
border: 2px solid #eee;
margin-bottom: 10px;
padding: 0 30px;
}
#productdetail .section1 #pagination a img{
width: 86px;
}
#productdetail .section1 #pagination a:hover{
border: 2px solid #7fbe25;
}
#productdetail .section1 #pagination a.selected{
border: 2px solid #7fbe25;
}
#productdetail .section2{
width: 100%;
position: relative;
padding-bottom: 127px;
}
#productdetail .section2_inner{
/*width:1200px;*/
margin: 0 auto;
}
#productdetail .navWrap{
height:62px;
width: 100%;
border-top:1px solid #eee;
border-bottom:1px solid #eee;
}
#productdetail .nav{
width: 1200px;
margin:0 auto;
height:62px;
line-height:62px;
font-size: 14px;
color:#666666;
}
#productdetail .nav a{
color:#666666;
}
#productdetail .section2_inner .content{
/*padding:50px 0;*/
text-align: center;
}
#productdetail .section2_inner .content img{
max-width: 100%;
}
/*#productdetail .section2_inner .content{
padding-top: 79px;
padding-bottom: 79px;
}
#productdetail .section2_inner .content .line{
height:0;
border-bottom: 5px solid #7fbe25;
width:36px;
margin:0 auto;
}
#productdetail .section2_inner .content h1{
color:#000000;
font-size: 32px;
margin:0 auto;
text-align: center;
padding-top: 27px;
padding-bottom: 15px;
}
#productdetail .section2_inner .content h1 span{
color:#7fbe25;
font-size: 18px;
}
#productdetail .section2_inner .content p{
color:#7fbe25;
font-size: 12px;
text-align: center;
}
#productdetail .list_wrap{
width:1200px;
margin: 0 auto;
padding-top:100px;
}*/
/******************app**************************************************/
#app{
width:100%;
}
#app .section1{
width:100%;
font-size: 0;
line-height: 0;
position: relative;
}
#app .section1 .appbg{
width:100%;
}
#app .section1 .contex{
position: absolute;
top:38%;
left:20%;
}
#app .section1 .contex h2{
color: #fff;
font-size: 43px;
line-height: 39px;
font-weight: normal;
}
#app .section1 .contex .p{
font-size: 20px;
line-height: 60px;
color:#fff;
}
#app .section1 .contex .p1{
font-size:16px;
padding-top: 40px;
color:#fff;
line-height: 20px;
}
#app .section1 .contex .download{
padding-top: 18px;
}
#app .section1 .contex .down{
float:left;
width: 187px;
height: 38px;
border-radius: 22px;
border: 1px solid #fff;
margin-right: 30px;
text-align: center;
line-height:38px;
color:#fff;
font-size: 16px;
cursor: pointer;
}
#app .section1 .contex .down:hover{
background:#7fbe25;
border: 1px solid #7fbe25;
}
#app .section2 .navWrap{
height:62px;
width: 100%;
border-top:1px solid #eee;
border-bottom:1px solid #eee;
}
#app .section2 .nav{
width: 1600px;
margin:0 auto;
height:62px;
line-height:62px;
font-size: 14px;
color:#666666;
}
#app .section2 .nav a{
color:#666666;
}
#app .sec_inner2{
width: 1200px;
margin:0 auto;
padding-top:80px;
}
#app .sec_inner2 h1{
font-size: 18px;
color:#000;
font-weight: bold;
padding-bottom: 14px;
text-align: center;
}
#app .sec_inner2 .title p{
font-size: 14px;
text-align: center;
color:#7fbe25;
}
#app .sec_inner2 .main_left{
float:left;
width:50%;
padding-top: 80px;
}
#app .sec_inner2 .main_left .eleinner{
position: relative;
padding:60px 85px 60px 44px;
}
#app .sec_inner2 .main_left .eleinner .line{
width: 0;
height: 227px;
border-left: 1px solid #dddddd;
position: absolute;
top: 119px;
z-index: -1;
left: 74px;
}
#app .sec_inner2 .main_left .ele{
position: relative;
padding-left: 73px;
padding-bottom: 37px;
}
#app .sec_inner2 .main_left .eleimg01{
width:60px;
position: absolute;
top:0;
left:0;
cursor:pointer;
}
#app .sec_inner2 .main_left .ele h3{
font-size: 12px;
color:#000;
line-height: 66px;
}
#app .sec_inner2 .main_left .ele p{
font-size: 12px;
color:#666666;
line-height: 30px;
overflow:hidden;
height: 0;
transition: all 2s;
-moz-transition: all 2s; /* Firefox 4 */
-webkit-transition: all 2s; /* Safari 和 Chrome */
-o-transition: all 2s;
}
#app .sec_inner2 .main_left .ele.active p{
height:auto;
}
#app .sec_inner2 .main_right{
float:left;
width:50%;
padding-top:80px;
text-align: center;
overflow: hidden;
}
#app .sec_inner2 .main_right img{
max-width: 80%;
max-height: 90%;
}
#app .section3{
height:839px;
width: 100%;
background:url(../images/app_sele2_bg.jpg) no-repeat;
background-size: cover;
}
#app .section3 .title{
padding-top:80px;
}
#app .section3 h1{
font-size: 18px;
color:#fff;
font-weight: normal;
padding-bottom: 14px;
text-align: center;
}
#app .section3 .title p{
font-size: 12px;
text-align: center;
color:#fff;
}
#app .inner3{
width:1200px;
margin:0 auto;
}
#app .inner3 .main_left{
width:50%;
float:left;
text-align: center;
margin-left: -1000px;
display: none;
}
#app .inner3 .main_left .h3{
font-size: 18px;
color:#fff;
font-weight: normal;
padding-bottom: 14px;
text-align: center;
padding-top: 54%;
}
#app .inner3 .main_left .p{
font-size: 14px;
text-align: center;
color:#fff;
width: 331px;
margin:0 auto;
}
#app .inner3 .main_right{
width:48%;
float:left;
text-align: center;
margin-left: 1000px;
display: none;
}
#app .inner3 .main_right img{
max-width: 90%;
max-height:90%;
padding-top: 21%;
}
#app .section4{
background:url(../images/app_se4_bg.jpg) no-repeat;
background-size: cover;
}
#app .sec_inner4{
/*width: 1200px;*/
/*margin:0 auto;*/
padding-top:80px;
}
#app .sec_inner4 h1{
font-size: 18px;
color:#000;
font-weight: normal;
padding-bottom: 14px;
text-align: center;
}
#app .sec_inner4 .title p{
font-size: 14px;
text-align: center;
color:#7fbe25;
}
#app .sec_inner4 .content_wrap{
width:1200px;
margin:0 auto;
padding:107px 0;
position: relative;
min-height: 337px !important
}
#app .sec_inner4 .caroufredsel_wrapper{
min-height:350px !important
}
#app .sec_inner4 .content_wrap .lunbo{
height: 337px;
}
#app .sec_inner4 .content_wrap .ele{
float: left;
}
#app .sec_inner4 .mian_left{
width:50%;
float:left;
}
#app .sec_inner4 .mian_left img{
max-width: 90%;
max-height:100%;
}
#app .sec_inner4 .mian_right{
width:50%;
float:left;
}
#app .sec_inner4 .mian_right .font_wrap{
padding-left: 80px;
}
#app .sec_inner4 .font_wrap h3{
font-size: 16px;
color:#000;
}
#app .sec_inner4 .font_wrap .line{
width: 53px;
height: 0px;
padding-top: 30px;
border-bottom: 2px solid #7fbe25;
}
#app .sec_inner4 .font_wrap p{
padding-top: 30px;
color:#666666;
font-size: 12px;
line-height: 30px;
width: 300px;
}
#app .sec_inner4 .pagination{
position: absolute;
top: 32%;
right: 5%;
}
#app .sec_inner4 .pagination a {
height: 13px;
width: 13px;
display: block;
margin-top: 15px;
}
#app .sec_inner4 .pagination a.selected span {
background: url(../images/app_cir_cir.png) no-repeat 50%;
}
#app .sec_inner4 .pagination a>span {
width: 13px;
height: 13px;
display: block;
background: url(../images/app_cir_blank.png) no-repeat 50%;
font-size: 0px;
}
#app .section5{
width:100%;
height:839px;
position: relative;
overflow: hidden;
}
#app .section5 .content_wrap{
height: 100%;
width: 100%;
}
#app .section5 .imgele{
width:25%;
float:left;
position: relative;
height: 100%;
overflow: hidden;
cursor: pointer;
}
#app .section5 .imgele .pic{
height:100%;
position: absolute;
left:0;
right: 0;
top: 0;
}
#app .section5 .imgele .shdow{
position: absolute;
width:100%;
height:100%;
background:#000;
filter:alpha(opacity=60);
-moz-opacity:0.6;
-khtml-opacity: 0.6;
opacity: 0.6;
}
#app .section5 .imgele .Icon{
position: absolute;
left:0;
right:0;
bottom:0;
top:14%;
margin: auto;
width: 149px;
height: 200px;
text-align: center;
overflow: hidden;
}
#app .section5 .imgele .Icon img{
width:61%;
}
#app .section5 .imgele .Icon p{
color:#fff;
font-size: 12px;
padding-top: 20px;
text-align: center;
}
#app .section5 .imgele .Icon p a{
color:#fff;
}
#app .section5 .imgele .Icon p a.wfEditorMode{
color:#7fbe25;
}
#app .section5 .Big_bg{
display: none;
top:0;
left:0;
position: absolute;
width: 100%;
height: 100%;
background:url(../images/app_select5.jpg) no-repeat 50%;
background-size: cover;
filter:alpha(opacity=0);
-moz-opacity:0;
-khtml-opacity: 0;
opacity: 0;
}
#app .section5 .h3{
position: absolute;
top:68px;
text-align: center;
left: 0;
right: 0;
}
#app .section5 #h3{
display: block;
}
#app .section5 #h3_1{
display: none;
}
#app .section5 .h3 h3{
font-size: 16px;
color:#fff;
line-height: 44px;
}
#app .section5 .h3 p{
font-size: 12px;
color:#fff;
text-align: center;
}
#app .section6{
background:url(../images/app_select6_bg.jpg) no-repeat;
background-size: cover;
}
#app .sec_inner6{
/*width: 1200px;*/
margin:0 auto;
padding-top:80px;
}
#app .sec_inner6 h1{
font-size: 18px;
color:#000;
font-weight: normal;
padding-bottom: 14px;
text-align: center;
}
#app .sec_inner6 .title p{
font-size: 14px;
text-align: center;
color:#7fbe25;
}
#app .sec_inner6 .content_wrap{
width:1200px;
margin:0 auto;
padding:45px 0;
text-align: center;
}
#app .sec_inner6 .content_wrap p{
width: 688px;
margin: 0 auto;
}
#app .sec_inner6 .content_wrap .imgEffec{
width: 753px;
max-width: 100%;
margin:0 auto;
position: relative;
}
#app .sec_inner6 .content_wrap .imgBig{
padding-top:30px;
max-width: 100%;
}
#app .sec_inner6 .content_wrap .effe01{
position: absolute;
left: 21%;
bottom: 44%;
width: 30%;
filter:alpha(opacity=0); /* IE */
-moz-opacity:0; /* 老版Mozilla */
-khtml-opacity:0; /* 老版Safari */
opacity: 0;
}
#app .sec_inner6 .content_wrap .effe02{
position: absolute;
right: 30%;
bottom: 32%;
width: 41%;
filter:alpha(opacity=0); /* IE */
-moz-opacity:0; /* 老版Mozilla */
-khtml-opacity:0; /* 老版Safari */
opacity: 0;
}
#app .sec_inner6 .content_wrap .effe03{
position: absolute;
left: 21%;
bottom: 20%;
width: 29.5%;
filter:alpha(opacity=0); /* IE */
-moz-opacity:0; /* 老版Mozilla */
-khtml-opacity:0; /* 老版Safari */
opacity: 0;
}
#app .section7{
}
#app .sec_inner7{
/*width: 1200px;*/
margin:0 auto;
padding-top:80px;
}
#app .sec_inner7 h1{
font-size: 18px;
color:#000;
font-weight: normal;
padding-bottom: 14px;
text-align: center;
}
#app .sec_inner7 .title p{
font-size: 14px;
text-align: center;
color:#7fbe25;
}
#app .sec_inner7 .content_wrap{
width:1200px;
margin:0 auto;
padding:45px 0;
text-align: center;
}
#app .sec_inner7 .content_wrap p{
width: 688px;
margin: 0 auto;
}
#app .sec_inner7 .content_wrap img{
padding-top:30px;
max-width: 90%;
}
#app .section8{
background:url(../images/app_sele8_bg.jpg) no-repeat;
background-size: cover;
}
#app .section8 .title{
text-align: center;
font-size: 18px;
color:#fff;
padding-top: 77px;
}
#app .section8 .content{
width:1200px;
margin:0 auto;
padding: 58px 0;
}
#app .section8 .content .cont_left{
width:50%;
float:left;
text-align: center;
}
#app .section8 .content .cont_left .imgwrap{
margin:0 auto;
text-align: center;
max-width: 279px;
position: relative;
}
#app .section8 .content .cont_left .mainPic{
max-width: 100%;
/*width: 90%;*/
/* -webkit-transform: rotate(360deg);
animation: rotation 3s linear infinite;
-moz-animation: rotation 3s linear infinite;
-webkit-animation: rotation 3s linear infinite;
-o-animation: rotation 3s linear infinite;*/
}
@-webkit-keyframes rotation{
from {-webkit-transform: rotate(0deg);}
to {-webkit-transform: rotate(360deg);}
}
#app .section8 .content .cont_left .effe01{
left: 40%;
width: 16%;
position: absolute;
top: 39%;
-webkit-transform: rotate(360deg);
animation: rotation 3s linear infinite;
-moz-animation: rotation 3s linear infinite;
-webkit-animation: rotation 3s linear infinite;
-o-animation: rotation 3s linear infinite;
}
#app .section8 .content .cont_left .effe02{
left: 17%;
width: 66%;
position: absolute;
bottom: 30%;
}
#app .section8 .content .cont_right{
width:50%;
float:left;
}
#app .section8 .content .cont_right .p{
font-size: 12px;
color:#fff;
line-height:30px;
padding-top:140px;
width: 452px;
}
#app .section8 .content .cont_right .btn{
height:52px;
padding-top: 163px;
}
#app .section8 .content .cont_right .btnToa{
width: 200px;
height:50px;
text-align: center;
color:#7fbe25;
border: 1px solid #7fbe25;
line-height:50px;
border-radius: 25px;
float:left;
cursor: pointer;
}
#app .section8 .content .cont_right .btnToa:hover{
color:#fff;
background:#7fbe25;
}
#app .section8 .content .cont_right .btn .btnRig{
margin-left: 26px;
}
#erweima{
position: fixed;
width:100%;
height:100%;
top:0;
left:0;
display:none;
z-index: 100;
}
#erweima .shadow{
position: relative;
width:100%;
height:100%;
background:#000;
filter:alpha(opacity=60); /* IE */
-moz-opacity:0.6; /* 老版Mozilla */
-khtml-opacity:0.6; /* 老版Safari */
opacity: 0.6;
}
#erweima .erweima_wrap{
width: 340px;
height: 423px;
position: absolute;
top:0;
left:0;
right:0;
bottom:0;
margin: auto;
background:#fff;
}
#erweima .erweima_inner{
position: relative;
width:100%;
height:100%;
text-align: center;
}
#erweima .close{
position: absolute;
top:0;
right:0;
cursor: pointer;
}
#erweima .erweimaImg{
margin:0 auto;
padding-top: 20%;
width: 60%;
left:0;
right:0;
}
#erweima .erweimanConten{
padding: 5px;
border: 1px solid #eee;
}
#erweima .erweima{
display:block;
width:100%;
}
#erweima .down{
position: absolute;
left:0;
right:0;
margin:0 auto;
bottom:30px;
width: 188px;
height: 44px;
border-radius: 22px;
border: 1px solid #7fbe25;
text-align: center;
line-height:44px;
color:#7fbe25;
font-size: 16px;
cursor: pointer;
}
#erweima .down:hover{
background:#7fbe25;
color: #fff;
}
/*******************contact us service******************************************/
#ContactUs_ser{
width: 100%;
position:relative;
}
#ContactUs_ser .section1{
width: 100%;
position: relative;
}
#ContactUs_ser .section1 .font{
position: absolute;
top: 39%;
left: 14%;
}
#ContactUs_ser .section1 .font h1{
color:#fff;
font-size: 40px;
padding-top: 13%;
font-weight: normal;
}
#ContactUs_ser .section1 .font .threeCont{
position: relative;
}
#ContactUs_ser .section1 .font .threeInner{
padding-top: 63px;
}
#ContactUs_ser .section1 .font .threeCont .three{
float:left;
padding-right:42px;
text-align: center;
}
#ContactUs_ser .section1 .font .threeCont .three img{
height: 38px;
max-height: 100%;
max-width: 100%;
}
#ContactUs_ser .section1 .font .threeInner p{
color:#fff;
font-size: 12px;
line-height: 30px;
text-align: center;
}
#ContactUs_ser .section1 .aa{
width: 100%;
}
#ContactUs_ser .section2{
width: 100%;
position: relative;
padding-bottom: 127px;
}
#ContactUs_ser .section2_inner{
width:1200px;
margin: 0 auto;
}
#ContactUs_ser .nav{
width: 1600px;
margin: 0 auto;
height:67px;
line-height:67px;
font-size: 14px;
color:#666666;
}
#ContactUs_ser .nav a{
color:#666666;
}
#ContactUs_ser .section2_inner .content{
padding-top: 79px;
}
#ContactUs_ser .section2_inner .content .title{
padding-bottom: 50px;
border-bottom: 1px solid #eee;
}
#ContactUs_ser .section2_inner .content .line{
height:0;
border-bottom: 5px solid #7fbe25;
width:36px;
margin:0 auto;
}
#ContactUs_ser .section2_inner .content h1{
color:#000000;
font-size: 32px;
margin:0 auto;
text-align: center;
padding-top: 27px;
padding-bottom: 15px;
}
#ContactUs_ser .section2_inner .content h1 span{
color:#7fbe25;
font-size: 18px;
}
#ContactUs_ser .section2_inner .content p{
color:#7fbe25;
font-size: 12px;
text-align: center;
}
#ContactUs_ser .section2_inner .content .form_wrap{
width: 100%;
padding-top: 53px;
margin:0 auto;
text-align: center;
}
#ContactUs_ser .section2_inner .content .form_wrap .red{
color:red;
}
#ContactUs_ser .section2_inner .content .form_wrap .group{
position: relative;
width:50%;
float:left;
height:40px;
margin-bottom: 40px;
}
#ContactUs_ser .section2_inner .content .form_wrap .group label{
position: absolute;
top: 0;
left: 0;
font-size: 14px;
color: #666666;
line-height: 40px;
}
#ContactUs_ser .section2_inner .content .form_wrap .group input{
margin-left: 22%;
display: block;
border: 1px solid #999999;
font-size: 12px;
height: 38px;
width: 70%;
text-indent: 10px;
color: #666666;
font-size: 14px;
}
#ContactUs_ser .section2_inner .content .form_wrap .group select{
margin-left: 22%;
display: block;
border: 1px solid #999999;
font-size: 12px;
height: 38px;
width: 70%;
text-indent: 10px;
color: #666666;
font-size: 14px;
}
#ContactUs_ser .section2_inner .content .form_wrap .group1{
position: relative;
width:100%;
float:left;
height:200px;
margin-bottom: 40px;
}
#ContactUs_ser .section2_inner .content .form_wrap .group1 label{
position: absolute;
top: 0;
left: 0;
font-size: 14px;
color: #666666;
line-height: 40px;
}
#ContactUs_ser .section2_inner .content .form_wrap .group1 textarea{
margin-left: 11%;
display: block;
border: 1px solid #999999;
line-height: 24px;
height:200px;
text-indent: 10px;
color: #666666;
width: 85%;
font-size: 14px;
}
#ContactUs_ser .section2_inner .content .form_wrap .group3{
position: relative;
width:50%;
float:left;
height:40px;
margin-bottom: 40px;
}
#ContactUs_ser .section2_inner .content .form_wrap .group3 label{
position: absolute;
top: 0;
left: 0;
font-size: 14px;
color: #666666;
line-height: 40px;
}
#ContactUs_ser .section2_inner .content .form_wrap .group3 label.text5{
left: 57%;
}
#ContactUs_ser .section2_inner .content .form_wrap .group3 input{
margin-left:22%;
display: block;
border: 1px solid #999999;
font-size: 12px;
height: 26px;
width: 74px;
text-indent: 10px;
color: #666666;
font-size: 14px;
margin-top: 10px;
}
#ContactUs_ser .section2_inner .content .form_wrap .group3 #yw0{
position: absolute;
left:40%;
top: -1px;
}
#ContactUs_ser .section2_inner .content .form_wrap .formBtn{
text-align: left;
margin-left:11%;
}
#ContactUs_ser .section2_inner .content .form_wrap .submit{
margin-right: 43px;
}
#ContactUs_ser .section2_inner .content .form_wrap .btncom{
width:176px;
height:38px;
text-align: center;
line-height:38px;
color:#fff;
font-size: 14px;
cursor:pointer;
color:#7fbe25;
border:1px solid #7fbe25;
border-radius: 19px;
background:#fff;
outline: none;
}
#ContactUs_ser .section2_inner .content .form_wrap .btncom:hover{
color:#fff;
background:#7fbe25;
}
#ContactUs_ser .section2_inner .content .contact_way{
padding-top:84px;
width:100%;
margin:0 auto;
}
#ContactUs_ser .section2_inner .content .contact_way .dirCom{
float:left;
height:147px;
}
#ContactUs_ser .section2_inner .content .contact_way .left{
width:48%;
padding-right:4%;
}
#ContactUs_ser .section2_inner .content .contact_way .right{
width:48%;
}
#ContactUs_ser .section2_inner .content .contact_way .dir_con{
height:145px;
border:1px solid #eee;
}
#ContactUs_ser .section2_inner .content .contact_way .dir_con .img{
float:left;
width:40%;
height: 100%;
position: relative;
}
#ContactUs_ser .section2_inner .content .contact_way .dir_con .img img{
position: absolute;
right:0;
left:0;
top:0;
bottom:0;
margin: auto;
}
#ContactUs_ser .section2_inner .content .contact_way .dir_con .font{
float:left;
width:60%;
height: 100%;
}
#ContactUs_ser .section2_inner .content .contact_way .dir_con .font_wrap{
height:90%;
margin-top:2%;
border-left: 1px solid #eee;
padding-left: 64px;
}
#ContactUs_ser .section2_inner .content .contact_way .dir_con .font-top{
padding-top: 40px;
}
#ContactUs_ser .section2_inner .content .contact_way .dir_con .font_wrap p{
font-size: 14px;
color:#999;
line-height:30px;
text-align: left;
}
/*******************Videos******************************************/
#Videos{
width: 100%;
position:relative;
}
#Videos .section1{
width: 100%;
position: relative;
}
#Videos .section1 .font{
position: absolute;
top: 39%;
left: 14%;
}
#Videos .section1 .font h1{
color:#fff;
font-size: 40px;
padding-top: 13%;
font-weight: normal;
}
#Videos .section1 .font .threeCont{
position: relative;
}
#Videos .section1 .font .threeInner{
padding-top: 63px;
}
#Videos .section1 .font .threeCont .three{
float:left;
padding-right: 42px;
text-align: center;
}
#Videos .section1 .font .threeCont .three img{
height: 38px;
max-height: 100%;
max-width: 100%;
}
#Videos .section1 .font .threeInner p{
color:#fff;
font-size: 12px;
line-height: 30px;
text-align: center;
}
#Videos .section1 .aa{
width: 100%;
}
#Videos .section2{
width: 100%;
position: relative;
padding-bottom: 127px;
}
#Videos .section2_inner{
width:1600px;
margin: 0 auto;
}
#Videos .section2_inner .nav{
height:67px;
line-height:67px;
font-size: 14px;
color:#666666;
}
#Videos .section2_inner .nav a{
color:#666666;
}
#Videos .section2_inner .content{
padding-top: 79px;
}
#Videos .section2_inner .content .title{
padding-bottom: 50px;
}
#Videos .section2_inner .content .line{
height:0;
border-bottom: 5px solid #7fbe25;
width:36px;
margin:0 auto;
}
#Videos .section2_inner .content h1{
color:#000000;
font-size: 27px;
margin:0 auto;
text-align: center;
padding-top: 27px;
padding-bottom: 15px;
}
#Videos .section2_inner .content h1 span{
color:#7fbe25;
font-size: 18px;
}
#Videos .section2_inner .content p{
color:#7fbe25;
font-size: 12px;
text-align: center;
}
#Videos .section2_inner .content .video_wrap{
width:659px;
padding-top: 53px;
margin:0 auto;
}
#Videos .section2_inner .content .playVideo{
/*border:6px solid #7fbe25;*/
height:489px;
position: relative;
cursor: pointer;
width:100%;
}
#Videos .section2_inner .content .playVideo .playVideo1{
position: absolute;
top:0;
left:0;
width:100%;
height: 100%;
}
#Videos .section2_inner .content .playVideo .playVideo2{
position: absolute;
top:0;
left:0;
width:100%;
height: 100%;
display: none;
}
#Videos .videosrc2{
width:100%;
height:100%;
position: relative;
}
#Videos .controls {
width: 100%;
height: 65px;
position: relative;
z-index: 999;
bottom: 60px;
}
#Videos .controls .timeline {
width: 100%;
height: 17px;
position: relative;
background: #666666;
}
#Videos .controls .timeline .jp-seek-bar {
float: left;
width: 600px;
height: 17px;
background: #666666;
}
#Videos .controls .timeline .jp-play-bar {
float: left;
width: 600px;
height: 17px;
background: url(../images/process_bar.png) repeat-x;
}
#Videos .controls .pbutton {
width: 100%;
height: 44px;
position: relative;
background: #c5c5c5;
}
#Videos .controls .jp-play {
cursor: pointer;
position: absolute;
width: 32px;
height: 32px;
overflow: hidden;
text-indent: -9999px;
background: url(../images/play.png) no-repeat;
top: 6px;
left: 20px;
}
#Videos .controls .jp-pause {
cursor: pointer;
position: absolute;
width: 32px;
height: 32px;
overflow: hidden;
text-indent: -9999px;
background: url(../images/pause.png) no-repeat;
top: 6px;
left: 20px;
}
#Videos .controls .jp-stop {
cursor: pointer;
position: absolute;
width: 32px;
height: 32px;
overflow: hidden;
text-indent: -9999px;
background: url(../images/stop.png) no-repeat;
top: 6px;
left: 60px;
}
#Videos .controls .jp-time {
position: absolute;
width: 132px;
height: 15px;
font-size: 12px;
color: #333333;
top: 16px;
right: 215px;
}
#Videos .controls .jp-time div {
float: left;
}
#Videos .controls .jp-time div {
float: left;
}
#Videos .controls .jp-mute {
position: absolute;
width: 24px;
height: 24px;
background: url(../images/muteoff.png) no-repeat;
right: 175px;
top: 10px;
cursor: pointer;
}
#Videos .controls .jp-unmute {
position: absolute;
width: 24px;
height: 24px;
background: url(../images/muteon.png) no-repeat;
right: 175px;
top: 10px;
cursor: pointer;
}
#Videos .controls .voice {
position: absolute;
height: 6px;
width: 56px;
background: url(../images/volSbar.png) repeat-x;
right: 98px;
top: 19px;
}
#Videos .controls .voice .jp-volume-bar {
position: absolute;
width: 100%;
height: 100%;
background: url(../images/volSbar.png) repeat-x;
cursor: pointer;
}
#Videos .controls .voice .jp-volume-bar .jp-volume-bar-value {
position: absolute;
height: 100%;
background: url(../images/volPbar.png) repeat-x;
cursor: pointer;
}
#Videos .controls .jp-full-screen {
position: absolute;
width: 32px;
height: 32px;
top: 6px;
right: 30px;
background: url(../images/big_fsOn.png) no-repeat;
cursor: pointer;
}
#Videos .controls .jp-restore-screen {
position: absolute;
width: 32px;
height: 32px;
top: 6px;
right: 30px;
background: url(../images/big_fsOff.png) no-repeat;
cursor: pointer;
}
#Videos .section2_inner .content .video_wrap .pic {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
}
#Videos .section2_inner .content .video_wrap .shadow{
position: absolute;
width: 100%;
height: 100%;
/* background: #000;
opacity: 0.6;*/
top: 0;
left: 0;
}
#Videos .section2_inner .content .video_wrap .shadow .shadow_bg{
position: absolute;
width: 100%;
height: 100%;
background: #000;
filter:alpha(opacity=60); /* IE */
-moz-opacity:0.6; /* 老版Mozilla */
-khtml-opacity:0.6; /* 老版Safari */
opacity: 0.6;
}
#Videos .section2_inner .content .playVideo .shadow .btn{
left:0;
right:0;
bottom:0;
top:0;
margin:auto;
width:88px;
position: absolute;
}
#Videos .section2_inner .content .litterVido{
padding-top: 63px;
position: relative;
}
#Videos .section2_inner .content .litterVido .caseleft {
position: absolute;
left: 2px;
top: 49px;
margin-top: 33px;
width: 37px;
height: 61px;
background: url(../images/arrow01.png) no-repeat left top;
background-size: auto 100%;
z-index: 10;
cursor: pointer;
}
#Videos .section2_inner .content .litterVido .caseright {
position: absolute;
right:-33px;
top: 49px;
margin-top: 33px;
width: 37px;
height: 61px;
background: url(../images/arrow02.png) no-repeat left top;
background-size: auto 100%;
z-index: 10;
cursor: pointer;
}
#Videos .section2_inner .content .litterVido .caseleft:hover {
background: url(../images/arrow03.png) no-repeat left top;
background-size: auto 100%;
}
#Videos .section2_inner .content .litterVido .caseright:hover {
background: url(../images/arrow04.png) no-repeat left top;
background-size: auto 100%;
}
#Videos .section2_inner .content .litterVido .eleimg{
float:left;
/*width:162px;*/
width: 142px;
padding-left:15px;
height:98px;
overflow: hidden;
position: relative;
cursor: pointer;
}
#Videos .section2_inner .content .litterVido .eleimg_wrap{
/*width:100%;*/
height:100%;
position: relative;
}
#Videos .section2_inner .content .eleimg .shadow .btn{
left:0;
right:0;
bottom:0;
top:0;
margin:auto;
width:30px;
position: absolute;
}
#Videos .section2_inner .content .youtube{
padding-top: 48px;
text-align: center;
}
#Videos .section2_inner .content .youtube p{
color:#7fbe25;
font-size: 14px;
}
#Videos .section2_inner .content .youtube p a{
color:#000;
}
/*******************LightingControl******************************************/
#LightingControl{
width: 100%;
position:relative;
}
#LightingControl .section1{
width: 100%;
position: relative;
}
#LightingControl .section1 .font{
position: absolute;
top: 30%;
left: 8%;
}
#LightingControl .section1 .font h1{
color:#fff;
font-size: 34px;
padding-top: 5%;
}
#LightingControl .section1 .font .threeCont{
position: relative;
}
#LightingControl .section1 .font .threeInner{
padding-top: 31px;
}
#LightingControl .section1 .font .threeCont .three{
float:left;
padding-right: 26px;
text-align: center;
}
#LightingControl .section1 .font .threeCont .three img{
height: 38px;
max-height: 100%;
max-width: 100%;
}
#LightingControl .section1 .font .threeInner p{
color:#fff;
font-size: 12px;
line-height: 30px;
text-align: center;
}
#LightingControl .section1 .aa{
width: 100%;
}
#LightingControl .section2{
width: 100%;
position: relative;
padding-bottom: 127px;
}
#LightingControl .section2_inner{
width:1600px;
margin: 0 auto;
}
#LightingControl .section2_inner .nav{
height:67px;
line-height:67px;
font-size: 14px;
color:#666666;
}
#LightingControl .section2_inner .nav a{
color:#666666;
}
#LightingControl .section2_inner .content{
padding-top: 79px;
width: 1200px;
margin:0 auto;
}
#LightingControl .section2_inner .searchform{
width:100%;
}
#LightingControl .section2_inner .searchform .inputWrap{
float:left;
height:47px;
width:30%;
}
#LightingControl .section2_inner .searchform .inputWrapwir{
width:40%;
}
#LightingControl .section2_inner .searchform .inputinner{
padding-right:50px;
height:100%;
}
#LightingControl .section2_inner .searchform .inputWrapbtn{
width:20%;
}
#LightingControl .section2_inner .searchform .btn{
height:100%;
}
#LightingControl .section2_inner .searchform input{
height:100%;
width:100%;
font-size: 14px;
}
#LightingControl .section2_inner .searchform input[type="text"]{
text-indent: 16px;
}
#LightingControl .section2_inner .searchform select{
height:100%;
width:100%;
text-indent: 16px;
font-size: 14px;
}
#LightingControl .section2_inner .searchform .submit{
color: #7fbe25;
font-weight: bold;
background: #fff;
cursor: pointer;
outline: none;
border: 1px solid #7fbe25;
}
#LightingControl .section2_inner .searchform .submit:hover{
background:#7fbe25;
color:#fff;
}
#LightingControl .contentlist{
padding-top: 45px;
width:100%;
position: relative;
}
#LightingControl .contentlist .ele{
width:50%;
height: 193px;
float:left;
padding-bottom: 56px;
}
#LightingControl .contentlist .eleinnerleft{
padding-right:25px;
height:100%;
}
#LightingControl .contentlist .eleinnerright{
padding-right:25px;
height:100%;
}
#LightingControl .contentlist .eleCont{
width:100%;
height:100%;
border-bottom:1px dashed #eee;
}
#LightingControl .contentlist .img{
float: left;
width: 45%;
text-align: center;
height: 80%;
padding-top: 5%;
overflow: hidden;
}
#LightingControl .contentlist .img .imgInner{
width: 100%;
height:100%;
background: #f9f9f9;
}
#LightingControl .contentlist .img img{
padding-top: 6%;
max-height: 80%;
max-width:64%;
}
#LightingControl .contentlist .font{
float:left;
width:55%;
height:100%;
position: relative;
}
#LightingControl .contentlist .font h3{
padding-left: 33px;
padding-top: 54px;
font-size: 16px;
color:#000;
}
#LightingControl .contentlist .font a{
position: absolute;
left:33px;
bottom:22px;
padding-left: 33px;
height: 22px;
padding-left:34px;
background:url(../images/lign_down.jpg) no-repeat left center;
font-size: 12px;
color:#7fbe25;
}
#LightingControl .contentlist .fenye{
padding-top: 30px;
position: relative;
}
#LightingControl .contentlist .fenye .countNmu{
float:left;
font-size: 12px;
color: #666666;
}
#LightingControl .contentlist .fenye .zhangwenbang{
position: absolute;
margin:0 auto;
}
#LightingControl .contentlist .fenye .zhangwenbang li{
display:inline-block;
}
#LightingControl .contentlist .fenye .zhangwenbang li a{
font-size: 12px;
color: #487135;
padding: 1px 7px;
}
#LightingControl .contentlist .fenye .zhangwenbang li.active a{
padding: 1px 7px;
color:#000;
}
#LightingControl .contentlist .fenye .zhangwenbang li.disabled a{
/*pointer-events: none;*/
cursor:not-allowed;
}
/*******************UserMD******************************************/
#UserMD{
width: 100%;
position:relative;
}
#UserMD .section1{
width: 100%;
position: relative;
}
#UserMD .section1 .font{
position: absolute;
top: 39%;
left: 14%;
}
#UserMD .section1 .font h1{
color:#fff;
font-size: 40px;
padding-top: 13%;
font-weight: normal;
}
#UserMD .section1 .font h1 .wfEditorMode{
color:#7fbe25;
}
#UserMD .section1 .font .threeCont{
position: relative;
}
#UserMD .section1 .font .threeInner{
padding-top: 63px;
}
#UserMD .section1 .font .threeCont .three{
float:left;
padding-right: 42px;
text-align: center;
}
#UserMD .section1 .font .threeCont .three img{
height: 38px;
max-height: 100%;
max-width: 100%;
}
#UserMD .section1 .font .threeInner p{
color:#fff;
font-size: 12px;
line-height: 30px;
text-align: center;
}
#UserMD .section1 .aa{
width: 100%;
}
#UserMD .section2{
width: 100%;
position: relative;
padding-bottom: 127px;
}
#UserMD .section2_inner{
width:1600px;
margin: 0 auto;
}
#UserMD .section2_inner .nav{
height:67px;
line-height:67px;
font-size: 14px;
color:#666666;
}
#UserMD .section2_inner .nav a{
color:#666666;
}
#UserMD .section2_inner .content{
padding-top: 79px;
width: 1200px;
margin:0 auto;
}
#UserMD .section2 .title{
text-align: center;
}
#UserMD .section2 .title .line{
height:0;
border-bottom: 5px solid #7fbe25;
width:36px;
margin:0 auto;
}
#UserMD .section2 .title h1{
color:#000000;
font-size: 32px;
margin:0 auto;
text-align: center;
padding-top: 27px;
padding-bottom: 15px;
}
#UserMD .section2 .title h1 span{
color:#7fbe25;
font-size: 18px;
}
#UserMD .section2 .title .content p{
color:#7fbe25;
font-size: 12px;
text-align: center;
}
#UserMD .section2 .title p{
color:#7fbe25;
}
#UserMD .contentlist{
padding-top: 45px;
width:100%;
}
#UserMD .contentlist .ele{
width:50%;
height: 193px;
float:left
}
#UserMD .contentlist .eleinnerleft{
padding-right:25px;
height:100%;
}
#UserMD .contentlist .eleinnerright{
padding-right:25px;
height:100%;
}
#UserMD .contentlist .eleCont{
width:100%;
height:100%;
border-bottom:1px dashed #eee;
}
#UserMD .contentlist .img{
padding-top: 19px;
float: left;
width: 45%;
text-align: center;
height: 80%;
overflow: hidden;
}
#UserMD .contentlist .img .imgInner{
width: 100%;
height:100%;
background: #f9f9f9;
}
#UserMD .contentlist .img img{
max-height: 60%;
max-width: 100%;
padding-top: 20%;
}
#UserMD .contentlist .font{
float:left;
width:55%;
height:100%;
position: relative;
}
#UserMD .contentlist .font h3{
padding-left: 33px;
padding-top: 54px;
font-size: 16px;
color:#000;
}
#UserMD .contentlist .font a{
position: absolute;
left:33px;
bottom:22px;
padding-left: 33px;
height: 22px;
padding-left:34px;
background:url(../images/lign_down.jpg) no-repeat left center;
font-size: 12px;
color:#7fbe25;
}
#UserMD .readMore{
width: 177px;
height: 37px;
font-size: 12px;
line-height: 37px;
text-align: center;
border:1px solid #7fbe25;
background:#fff;
color:#7fbe25;
margin: 0 auto;
border-radius: 18px;
cursor: pointer;
margin-top: 30px;
}
#UserMD .readMore:hover{
width: 177px;
height: 37px;
font-size: 12px;
line-height: 37px;
text-align: center;
background:#7fbe25;
color:#fff;
margin: 0 auto;
border-radius: 18px;
cursor: pointer;
margin-top: 30px;
}
/*******************distribution******************************************/
#distribution{
width: 100%;
position:relative;
}
#distribution .section1{
width: 100%;
position: relative;
}
#distribution .section1 .contentWrap{
position: absolute;
top: 34%;
left: 0;
width: 100%;
margin: 0 auto;
}
#distribution .section1 .contentinner{
width: 1600px;
margin:0 auto;
position: relative;
}
#distribution .section1 .font{
float:left;
width: 50%;
position: relative;
padding-bottom: 145px;
}
#distribution .section1 .img{
float:left;
width: 50%;
}
#distribution .section1 .img img{
width: 80%;
}
#distribution .section1 .font h1{
color:#fff;
font-size: 34px;
padding-top: 5%;
padding-bottom: 6%;
font-weight: normal;
line-height: 40px;
}
#distribution .section1 .font p{
font-size: 12px;
color: #fff;
width: 300px;
}
#distribution .section1 .font .readMore{
position: absolute;
bottom: 10px;
left: 0;
width:182px;
height: 38px;
text-align: center;
line-height:38px;
color:#fff;
/*background:#fff;*/
border-radius: 19px;
border: 1px solid #fff;
cursor: pointer;
}
#distribution .section1 .font .readMore:hover{
color:#fff;
background:#7fbe25;
border: 1px solid #7fbe25;
}
#distribution .section1 .aa{
width: 100%;
}
#distribution .section2{
width: 100%;
position: relative;
padding-bottom: 0px;
}
#distribution .section2_inner{
width:1600px;
margin: 0 auto;
}
#distribution .section2_inner .nav{
height:67px;
line-height:67px;
font-size: 14px;
color:#666666;
}
#distribution .section2_inner .nav a{
color:#666666;
}
#distribution .section2_inner .content{
padding-top: 79px;
width: 1200px;
margin:0 auto;
}
#distribution .section2 .title{
text-align: center;
padding-bottom: 50px;
}
#distribution .section2 .title .line{
height:0;
border-bottom: 5px solid #7fbe25;
width:36px;
margin:0 auto;
}
#distribution .section2 .title h1{
color:#000000;
font-size: 27px;
margin:0 auto;
text-align: center;
padding-top: 27px;
padding-bottom: 15px;
}
#distribution .section2 .title h1 span{
color:#7fbe25;
font-size: 18px;
}
#distribution .section2 .title p{
color:#7fbe25;
}
#distribution .section2 .title .content p{
color:#7fbe25;
font-size: 12px;
text-align: center;
}
#distribution .section3{
width: 100%;
position: relative;
border-top: 1px solid #eee;
padding-bottom: 160px;
}
#distribution .inner_sec3{
padding-top: 50px;
width: 1200px;
margin:0 auto;
text-align: center;
max-width: 90%;
position: relative;
}
#distribution .inner_sec3 .globel{
max-width: 90%;
margin:0 auto;
text-align: center;
}
#distribution .inner_sec3 .globel img{
max-width: 100%;
}
#distribution .inner_sec3 .globel_dian{
position: absolute;
/*top: 50px;*/
top:-300px;
left: 5%;
display: none;
max-width: 90%;
filter:alpha(opacity=0); /* IE */
-moz-opacity:0; /* 老版Mozilla */
-khtml-opacity:0; /* 老版Safari */
opacity: 0;
}
#distribution .inner_sec3 .Country{
padding-top: 70px;
}
#distribution .inner_sec3 .ele{
float:left;
position: relative;
}
#distribution .inner_sec3 .coun{
position: absolute;
top:33px;
left:10px;
width:100%;
line-height: 50px;
color:#7fbe25;
font-size: 16px;
text-align: left;
}
#distribution .inner_sec3 .eles{
width: 183px;
height:170px;
padding-top: 79px;
float:left;
padding-right: 20px;
position: relative;
}
#distribution .inner_sec3 .elesinner{
width:100%;
height:100%;
border:1px solid #eee;
overflow: hidden;
}
#distribution .inner_sec3 .elesinner .co{
width: 100%;
height:28px;
padding-top: 12px;
position: relative;
}
#distribution .inner_sec3 .elesinner .co p{
color:#999;
font-size: 14px;
text-indent: 10px;
line-height: 28px;
text-align: left;
}
#distribution .inner_sec3 .elesinner .co .coimg{
position: absolute;
right: 10px;
bottom: 0;
height: 28px;
width: 42px;
box-shadow: 1px 1px 1px #999;
}
/*******************oversea******************************************/
#oversea{
width: 100%;
position:relative;
min-height:870px;
}
#oversea .section1{
width: 100%;
position: relative;
}
#oversea .section1 .contentWrap{
position: absolute;
top: 34%;
left: 0;
width: 100%;
margin: 0 auto;
}
#oversea .section1 .contentinner{
width: 1600px;
margin:0 auto;
position: relative;
}
#oversea .section1 .font{
float:left;
width: 50%;
position: relative;
padding-bottom: 145px;
}
#oversea .section1 .img{
float:left;
width: 50%;
}
#oversea .section1 .img img{
width: 80%;
}
#oversea .section1 .font h1{
color:#fff;
font-size: 34px;
padding-top: 5%;
padding-bottom: 6%;
font-weight: normal;
line-height: 40px;
}
#oversea .section1 .font p{
font-size: 12px;
color: #fff;
width: 300px;
}
#oversea .section1 .font .readMore{
position: absolute;
bottom: 10px;
left: 0;
width:182px;
height: 38px;
text-align: center;
line-height:38px;
color:#fff;
border-radius: 19px;
border: 1px solid #fff;
cursor: pointer;
}
#oversea .section1 .font .readMore:hover{
color:#fff;
background:#7fbe25;
border: 1px solid #7fbe25;
}
#oversea .section1 .aa{
width: 100%;
}
#oversea .section2{
width: 100%;
position: relative;
padding-bottom: 0px;
}
/*弹框*/
.d_popup{
height: 100%;
width: 100%;
position: fixed;
left: 0%;
top: 0%;
/*z-index: 100;*/
/* z-index: -1;
opacity: 0;*/
display: none;
}
.d_popup .d_mask{
height: 100%;
width: 100%;
background: url(../images/d_mask.png);
background-size: 100%;
position: absolute;
top: 0;
left: 0;
cursor: pointer;
}
.d_employeeimg{
position: absolute;
top: 50%;
right: 50%;
left: 50%;
width: 720px;
height: 520px;
margin-left: -360px;
margin-top: -260px;
/*background: #fff;*/
padding: 60px;
/*border-radius: 10px;*/
box-sizing: border-box;
/*box-shadow: 0 3px 6px 5px #fff;*/
z-index: 99;
}
.d_employeeimg ul li{
float: left;
width: 600px;
height: 400px;
position: relative;
z-index: 99;
/*border-radius: 20px;*/
}
.d_employeeimg ul li img{
width: 600px !important;
height: 400px;
display: inherit;
margin: 0 auto;
/*border-radius: 20px;*/
}
.d_employeeimg .prev_left{
display: block;
width: 60px;
height: 60px;
line-height: 60px;
text-align: center;
background: url(../images/arrow01_blank.png) no-repeat center center;
position: absolute;
left: 0;
top: 230px;
cursor: pointer;
}
.d_employeeimg .prev_left:hover{
background: url(../images/arrow03.png) no-repeat center center;
}
.d_employeeimg .next_right{
display: block;
width: 60px;
height: 60px;
line-height: 60px;
text-align: center;
background: url(../images/arrow02_blank.png) no-repeat center center;
position: absolute;
right: 0;
top: 230px;
cursor: pointer;
}
.d_employeeimg .next_right:hover{
background: url(../images/arrow04.png) no-repeat center center;
}
.d_employeeimg .poput_close{
display: block;
width: 58px;
height: 58px;
line-height: 30px;
text-align: center;
background: url(../images/zs_close2.png) no-repeat center center;
position: absolute;
right: -23px;
top: 20px;
z-index: 99;
cursor: pointer;
}
.d_employeeimg .poput_close:hover{
background: url(../images/zs_close1.png) no-repeat center center;
}
#oversea .nav{
width: 1600px;
margin:0 auto;
height:67px;
line-height:67px;
font-size: 14px;
color:#666666;
}
#oversea .nav a{
color:#666666;
}
#oversea .section2_inner{
}
#oversea .section2_inner .timeYea{
padding-top: 31px;
width: 1200px;
margin:0 auto;
}
#oversea .section2_inner .timeYea .ty{
float:left;
width:113px;
height:35px;
text-align: center;
cursor: pointer;
}
#oversea .section2_inner .timeYea .ty.active{
color:#7fbe25;
background:url(../images/angle.png) no-repeat;
background-position: center bottom;
}
#oversea .content{
width: 100%;
display: block;
/*height: auto;*/
padding-top: 22px;
position: relative;
}
#oversea .content .caroufredsel_wrapper{
float: none!important;
position: relative!important;
top: auto!important;
right: auto!important;
bottom: auto!important;
left: auto!important;
z-index: auto!important;
margin: 0px!important;
overflow: hidden!important;
}
#oversea .content .prev{
left:31px;
top: 45%;
position: absolute;
width: 37px;
height: 61px;
background: url(../images/arrow01_blank.png) no-repeat left top;
z-index: 10;
cursor: pointer;
}
#oversea .content .prev:hover{
background: url(../images/arrow03.png) no-repeat left top;
}
#oversea .content .next{
position: absolute;
right:31px;
top: 45%;
width: 37px;
height: 61px;
background: url(../images/arrow02_blank.png) no-repeat left top;
z-index: 10;
cursor: pointer;
}
#oversea .content .next:hover{
background: url(../images/arrow04.png) no-repeat left top;
}
#oversea .content .lunbo{
width:100%;
}
#oversea .content .porWrap{
width:100%;
float:left;
}
#oversea .content .por{
position: relative;
width:33.3%;
float:left;
min-height: 150px;
overflow:hidden;
cursor: pointer;
}
#oversea .content .por>a{
display:block;
width:100%;
height:100%;
position: relative;
}
#oversea .content .por .img{
display: block;
position: absolute;
width: 100%;
height: 100%;
box-sizing:border-box;
/*border:1px solid #fff;*/
/* border-top: 1px solid #fff;
border-left: 1px solid #fff;*/
}
#oversea .content .por .shadow{
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
background: #000;
filter:alpha(opacity=40); /* IE */
-moz-opacity:0.4; /* 老版Mozilla */
-khtml-opacity:0.4; /* 老版Safari */
opacity: 0.4;
}
/*#oversea .content .por .shadow img{
display: block;
position: absolute;
width: 1px;
height: 100px;
top:0;
left:0;
top:0;
bottom: 0;
padding-left: 50%;
margin:auto;
}*/
#oversea .content .por .title{
position: absolute;
width: 80%;
height: 50px;
bottom: 35px;
left: 20px;
}
#oversea .content .por .titleOver{
text-align: center;
top: 0;
left: 0;
bottom: 0;
right: 0;
margin: auto;
filter:alpha(opacity=0); /* IE */
-moz-opacity:0; /* 老版Mozilla */
-khtml-opacity:0; /* 老版Safari */
opacity: 0;
}
#oversea .content .por .title p{
color:#fff;
font-size: 12px;
}
/*******************distributor******************************************/
#distributor{
width: 100%;
position:relative;
min-height: 700px;
}
#distributor .section1{
width: 100%;
position: relative;
}
#distributor .section1 .contentWrap{
position: absolute;
top: 34%;
left: 0;
width: 100%;
margin: 0 auto;
}
#distributor .section1 .contentinner{
width: 1600px;
margin:0 auto;
position: relative;
}
#distributor .section1 .font{
float:left;
width: 50%;
position: relative;
padding-bottom: 145px;
}
#distributor .section1 .img{
float:left;
width: 50%;
}
#distributor .section1 .img img{
width: 80%;
}
#distributor .section1 .font h1{
color:#fff;
font-size: 34px;
font-weight: normal;
padding-top: 5%;
padding-bottom: 6%;
line-height: 40px;
}
#distributor .section1 .font p{
font-size: 12px;
color: #fff;
width: 300px;
}
#distributor .section1 .font .readMore{
position: absolute;
bottom: 10px;
left: 0;
width:182px;
height: 38px;
text-align: center;
line-height:38px;
color:#fff;
border-radius: 19px;
border: 1px solid #fff;
cursor: pointer;
}
#distributor .section1 .font .readMore:hover{
color:#fff;
background:#7fbe25;
border: 1px solid #7fbe25;
}
#distributor .section1 .aa{
width: 100%;
}
#distributor .section2{
width: 100%;
position: relative;
padding-bottom: 0px;
}
#distributor .nav{
width: 1600px;
margin:0 auto;
height:67px;
line-height:67px;
font-size: 14px;
color:#666666;
}
#distributor .nav a{
color:#666666;
}
#distributor .section2_inner{
padding-top: 40px;
width:1200px;
margin:0 auto;
}
#distributor .content{
width:100%;
}
#distributor .content .ele{
width:50%;
height:529px;
padding-top:39px;
float:left;
}
#distributor .content .eleinnerLeft{
padding-right:50px;
height: 100%;
}
#distributor .content .eleinnerRight{
padding-left:50px;
height: 100%;
}
#distributor .content .eleinner{
padding-left:50px;
height: 100%;
overflow: hidden;
border-bottom: 1px solid #eee;
position: relative;
}
#distributor .content .eleinner img{
width: 100%;
height: 50%;
}
#distributor .content .eleinner h3{
font-size: 14px;
line-height: 40px;
color:#000;
}
#distributor .content .eleinner p{
color:#666;
font-size: 12px;
line-height:24px;
}
#distributor .content .eleinner .readMore{
width:175px;
height: 38px;
text-align: center;
line-height:38px;
color:#7fbe25;
border: 1px solid #7fbe25;
border-radius: 19px;
margin-top: 30px;
position: absolute;
left: 50px;
bottom: 29px;
}
#distributor .content .eleinner .readMore:hover{
color:#fff;
background:#7fbe25;
}
/******************distributor detail************************************/
#distri_detail{
width:100%;
}
#distri_detail .content{
padding-top:174px;
padding-bottom: 145px;
width:1200px;
margin:0 auto;
position: relative;
}
#distri_detail .content .back {
position: absolute;
bottom: 60px;
left: 0;
right: 0;
margin: 0 auto;
width: 175px;
height: 38px;
text-align: center;
line-height: 38px;
color: #7fbe25;
/* background: #fff; */
border-radius: 19px;
border: 1px solid #7fbe25;
cursor: pointer;
font-size: 18px;
}
#distri_detail .content .back:hover {
background: #7fbe25;
color: #fff;
}
#distri_detail h1{
font-size: 18px;
color:#000;
text-align: center;
}
#distri_detail .rightBlock{
height:74px;
width:100%;
position: relative;
}
#distri_detail .floatRight{
top:44px;
right:0;
height: 25px;
position: relative;
float:right;
padding-right: 44px;
}
#distri_detail .floatRight img{
position: absolute;
top:0;
right:0;
height:94%;
}
#distri_detail .floatRight p{
font-size: 14px;
color:#666666;
line-height: 34px;
}
#distri_detail .content .bigImg{
padding-top:62px;
width:100%;
padding-bottom: 60px;
}
#distri_detail .content .p p{
padding-top: 25px;
line-height: 28px;
font-size: 12px;
color:#666666;
}
/*******************Cooperation******************************************/
#Cooperation{
width: 100%;
position:relative;
}
#Cooperation .section1{
width: 100%;
position: relative;
}
#Cooperation .section1 .contentWrap{
position: absolute;
top: 34%;
left: 0;
width: 100%;
margin: 0 auto;
}
#Cooperation .section1 .contentinner{
width: 1600px;
margin:0 auto;
position: relative;
}
#Cooperation .section1 .font{
float:left;
width: 50%;
position: relative;
padding-bottom: 145px;
}
#Cooperation .section1 .img{
float:left;
width: 50%;
}
#Cooperation .section1 .img img{
width: 80%;
}
#Cooperation .section1 .font h1{
color:#fff;
font-size: 34px;
font-weight: normal;
padding-top: 5%;
padding-bottom: 6%;
line-height: 40px;
}
#Cooperation .section1 .font p{
font-size: 12px;
color: #fff;
width: 300px;
}
#Cooperation .section1 .font .readMore{
position: absolute;
bottom: 10px;
left: 0;
width:182px;
height: 38px;
text-align: center;
line-height:38px;
color:#fff;
border-radius: 19px;
border: 1px solid #fff;
cursor: pointer;
}
#Cooperation .section1 .font .readMore:hover{
color:#fff;
background:#7fbe25;
border: 1px solid #7fbe25;
}
#Cooperation .section1 .aa{
width: 100%;
}
#Cooperation .section2{
width: 100%;
position: relative;
padding-bottom: 0px;
}
#Cooperation .nav{
width: 1600px;
margin:0 auto;
height:67px;
line-height:67px;
font-size: 14px;
color:#666666;
}
#Cooperation .nav a{
color:#666666;
}
#Cooperation .section2_inner{
padding-top: 40px;
width:1200px;
margin:0 auto;
}
#Cooperation .content{
width:100%;
}
#Cooperation .content .ele_wrap{
height:399px;
position: relative;
margin-bottom: 10px;
}
#Cooperation .content .ele_left{
float:left;
width:30%;
height:100%;
}
#Cooperation .content .ele_left .rightPadding{
padding-right: 12px;
height:100%;
}
#Cooperation .content .ele_left .ele{
height:100%;
border:1px solid #eee;
padding-right: 25px;
}
#Cooperation .content .ele_left h3{
color:#000;
font-size: 14px;
padding-top: 92px;
padding-left: 28px;
}
#Cooperation .content .ele_left p{
color:#999;
font-size: 14px;
padding-top: 92px;
padding-left: 28px;
padding-top: 24px;
line-height:28px;
cursor: pointer;
}
#Cooperation .content .ele_left p:hover{
color:#7fbe25;
}
#Cooperation .content .ele_left .readMore{
border-radius: 19px;
line-height: 38px;
border:1px solid #7fbe25;
color:#7fbe25;
cursor: pointer;
width: 177px;
height:38px;
text-align: center;
position: absolute;
left:28px;
bottom: 90px;
}
#Cooperation .content .ele_left .readMore:hover{
background:#7fbe25;
color:#fff;
}
#Cooperation .content .ele_right{
float:left;
width:70%;
height:100%;
overflow: hidden;
}
#Cooperation .content .ele_right img{
width:100%;
height:100%;
}
/*******************solution******************************************/
#solution{
width: 100%;
position:relative;
}
#solution .section1{
width: 100%;
position: relative;
}
#solution .section1 .font{
position: absolute;
top: 42%;
right: 12%;
}
#solution .section1 .font h1{
color: #fff;
font-size: 40px;
padding-top: 13%;
font-weight: normal;
}
#solution .section1 .aa{
width: 100%;
}
#solution .section1 .aa{
width: 100%;
}
#solution .section2{
width: 100%;
position: relative;
padding-bottom: 0px;
}
#solution .section2 .nav{
width: 1600px;
margin:0 auto;
height:67px;
line-height:67px;
font-size: 14px;
color:#666666;
}
#solution .section2 .nav a{
color:#666666;
}
#solution .section2_inner{
padding-top: 40px;
width:1200px;
margin:0 auto;
}
#solution .section2_inner .content{
width:100%;
margin:0 auto;
text-align: center;
}
#solution .section2_inner .content h1{
color:#000000;
font-size: 18px;
margin:0 auto;
text-align: center;
/*padding-top: 27px;*/
padding-bottom: 15px;
}
#solution .section2_inner .content .title p{
color:#7fbe25;
font-size: 12px;
text-align: center;
}
#solution .section2_inner .content .proimg{
padding-top:30px;
width:90%;
padding-bottom: 99px;
}
#solution .section3{
width: 100%;
position: relative;
padding-bottom: 0px;
background:url(../images/solu_02.jpg) no-repeat 50%;
background-size: cover;
}
#solution .section3_inner{
padding-top: 40px;
width:1200px;
margin:0 auto;
}
#solution .section3_inner .content{
width:100%;
margin:0 auto;
text-align: center;
padding-bottom: 133px;
}
#solution .section3_inner .content h1{
color:#fff;
font-size: 18px;
margin:0 auto;
text-align: center;
/*padding-top: 27px;*/
padding-bottom: 15px;
}
#solution .section3_inner .content .title p{
color:#fff;
font-size: 12px;
text-align: center;
}
#solution .section3_inner .content .proimg{
padding-top:30px;
width:90%;
padding-bottom: 30px;
}
#solution .section3_inner .content .p{
padding-top: 49px;
line-height: 28px;
color:#fff;
font-size: 12px;
text-align: center;
width: 603px;
margin:0 auto;
}
#solution .section3_inner .content .pLeft{
width:100%;
position: relative;
height: 167px;
}
#solution .section3_inner .content .pLeft p{
width: 258px;
position: absolute;
top: 49px;
line-height: 28px;
color:#fff;
font-size: 12px;
text-align: center;
display: none;
}
#solution .section3_inner .content .pLeft p.p1{
display:block;
}
#solution .section3_inner .content .fourPic{
padding-top: 31px;
}
#solution .section3_inner .content .pic_wrap{
width:25%;
float:left;
}
#solution .section3_inner .content .pic{
padding:0 20%;
}
#solution .section3_inner .content .picinner{
width:100%;
height:183px;
position: relative;
border:1px solid #ffffff;
border-radius: 5px;
text-align: center;
cursor: pointer;
}
#solution .section3_inner .content .pic_bg{
position: absolute;
width:100%;
height:100%;
top:0;
left:0;
}
#solution .section3_inner .content .picinner.opBG .pic_bg{
background:#fff;
filter:alpha(opacity=40); /* IE */
-moz-opacity:0.4; /* 老版Mozilla */
-khtml-opacity:0.4; /* 老版Safari */
opacity: 0.4;
}
#solution .section3_inner .content .litterPic{
width: 33.3%;
margin:0 auto;
padding-top: 20%;
position: relative;
}
#solution .section3_inner .content p{
color:#99ff33;
text-align: center;
font-size: 12px;
padding-top: 14px;
position: relative;
}
#solution .section4{
width: 100%;
position: relative;
padding-bottom: 0px;
}
#solution .section4_inner{
padding-top: 40px;
width:1200px;
margin:0 auto;
}
#solution .section4_inner .content{
width:100%;
margin:0 auto;
text-align: center;
padding-bottom: 43px;
}
#solution .section4_inner .content h1{
color:#000000;
font-size: 18px;
margin:0 auto;
text-align: center;
/*padding-top: 27px;*/
padding-bottom: 15px;
}
#solution .section4_inner .content .title p{
color:#7fbe25;
font-size: 12px;
text-align: center;
}
#solution .section4_inner .content .roomPic{
padding-top:30px;
width:920px;
margin:0 auto;
position: relative;
}
#solution .section4_inner .content .roomPic .proimg{
width:100%;
}
#solution .section4_inner .content .roomPic .room{
width: 104px;
height: 30px;
border: 1px solid #7fbe25;
border-radius: 5px;
font-size: 12px;
color: #7fbe25;
text-align: center;
line-height: 30px;
position: absolute;
cursor: pointer;
}
#solution .section4_inner .content .roomPic .room:hover{
color:#fff;
background:#7fbe25;
}
#solution .section4_inner .content .roomPic .room.active{
color:#fff;
background:#7fbe25;
}
#solution .section4_inner .content .roomPic .room1{
top: 33px;
left: 289px;
}
#solution .section4_inner .content .roomPic .room2{
top: 33px;
right: 150px;
}
#solution .section4_inner .content .roomPic .room3{
top: 120px;
left: 23px;
}
#solution .section4_inner .content .roomPic .room4{
top: 246px;
right: 27px;
}
#solution .section4_inner .content .roomPic .room5{
bottom: 147px;
left: 146px;
}
#solution .section4_inner .content .roomPic .room6{
bottom: 80px;
right: 206px;
}
#solution .section4_inner .sixBlock{
height:0px;
overflow: hidden;
}
#solution .section4_inner .content .lunbo_wrap{
position: relative;
padding:40px 20px 40px;
overflow: hidden;
max-width: 941px;
margin: 0 auto;
top:0;
left:0;
/*display:none;*/
}
#solution .section4_inner .content .lunbo_wrap .caroufredsel_wrapper{
width: auto!important;
height: 149px!important;
}
#solution .section4_inner .content .lunbo_wrap .lunbo_inner1{
position: absolute;
width: 100%;
top:0;
left:0;
}
/*#solution .section4_inner .content .lunbo_wrap .lunbo{
padding-bottom: 3px;
}*/
#solution .section4_inner .content .lunbo_wrap .prev{
width:16px;
height:21px;
position: absolute;
top:45%;
left:10px;
background:url(../images/solu_prev.png) no-repeat 50%;
cursor: pointer;
}
#solution .section4_inner .content .lunbo_wrap .next{
width:16px;
height:21px;
position: absolute;
top:45%;
right:10px;
background:url(../images/solu_next.png) no-repeat 50%;
cursor: pointer;
}
#solution .section4_inner .content .lunbo_ele{
float:left;
width:154px;
height:145px;
padding:2px 17px;
}
#solution .section4_inner .content .ele_inner{
width:100%;
height:100%;
position: relative;
cursor: pointer;
border: 1px solid #eee;
}
#solution .section4_inner .content .ele_inner img{
position: absolute;
top:0;
left:0;
bottom:0;
right: 0;
margin:auto;
width:50%;
}
#solution .section4_inner .content .ele_inner .ele_bg{
position: absolute;
width:100%;
height:100%;
top:0;
left:0;
display: none;
}
#solution .section4_inner .content .ele_inner:hover .ele_bg{
display: block;
}
#solution .section4_inner .content .ele_inner .ele_bg_inner{
width:100%;
height:100%;
position: relative;
}
#solution .section4_inner .content .ele_inner .blue_bg{
position: absolute;
width:100%;
height:100%;
background:#7fbe25;
filter:alpha(opacity=60); /* IE */
-moz-opacity:0.6; /* 老版Mozilla */
-khtml-opacity:0.6; /* 老版Safari */
opacity: 0.6;
}
#solution .section4_inner .content .ele_inner .ele_bg_inner p{
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
text-align: center;
padding-top: 45%;
font-size: 12px;
color:#fff;
}
#solution .section4_inner .content .ele_inner .ele_bg_inner p a{
color:#fff;
}
#solution .section4_inner .content .ele_inner .ele_bg_inner p a.wfEditorMode{
color:#7fbe25;
}
#solution .section5{
width: 100%;
position: relative;
padding-bottom: 0px;
background: url(../images/solu_se5_bg.jpg) no-repeat 50%;
background-color:#000;
}
#solution .section5_inner{
width: 1200px;
margin:0 auto;
height:769px;
}
#solution .section5_inner .vertical{
height:100%;
width:0px;
border-right:1px solid #cccccc;
float:left;
}
#solution .section5_inner #pagination2{
float:left;
width:85px;
height:100%;
}
#solution .section5_inner #pagination2 .time{
padding-top: 69px;
}
#solution .section5_inner #pagination2 .time p{
cursor: pointer;
color:#fff;
padding-left: 15px;
font-size: 14px;
background:url(../images/time_line.jpg) no-repeat left center;
}
#solution .section5_inner #pagination2 .time.selected p{
background:url(../images/time_blue.jpg) no-repeat left center;
color:#7fbe25;
font-size: 14px;
}
#solution .section5_inner .lunbo_Wrap2{
float:left;
width:355px;
padding-top: 165px;
padding-left: 180px;
}
#solution .section5_inner .lunbo_Wrap2 .caroufredsel_wrapper{
}
#solution .section5_inner .lunbo_Wrap2 .lunbo2_ele{
/*float:left;*/
}
#solution .section5_inner .lunbo_Wrap2 .lunbo2_ele img{
width:212px;
padding-top: 5px;
}
#solution .section5_inner .lunbo_Wrap2 .lunbo2_ele h3{
font-size: 14px;
padding-top: 48px;
color:#fff;
}
#solution .section5_inner .lunbo_Wrap2 .lunbo2_ele ul{
/*list-style:inside disc #fff;*/
list-style:disc inside;
}
#solution .section5_inner .lunbo_Wrap2 .lunbo2_ele li{
font-size: 12px;
color:#fff;
line-height: 24px;
list-style:disc inside;
/*list-style:inside disc #fff;*/
}
/*******************loT******************************************/
#loT{
width: 100%;
position:relative;
min-height: 960px;
}
#loT .section1{
width: 100%;
position: relative;
}
#loT .section1 .font{
position: absolute;
top: 42%;
right: 12%;
}
#loT .section1 .font h1{
color: #fff;
font-size: 40px;
padding-top: 13%;
font-weight: normal;
}
#loT .section1 .aa{
width: 100%;
}
#loT .section1 .aa{
width: 100%;
}
#loT .section2{
width: 100%;
position: relative;
padding-bottom: 0px;
}
#loT .nav{
width: 1600px;
margin:0 auto;
height:67px;
line-height:67px;
font-size: 14px;
color:#666666;
}
#loT .nav a{
color:#666666;
}
/*#loT .section2_inner{
padding-top: 40px;
width:1200px;
margin:0 auto;
padding-bottom: 104px;
}
#loT .content{
width:100%;
}
#loT .content .ele{
width:50%;
height:529px;
padding-top:39px;
float:left;
}
#loT .content .eleinnerLeft{
padding-right:50px;
height: 100%;
}
#loT .content .eleinnerRight{
padding-left:50px;
height: 100%;
}
#loT .content .eleinner{
padding-left:50px;
height: 100%;
overflow: hidden;
border-bottom: 1px solid #eee;
position: relative;
}
#loT .content .eleinner img{
width: 100%;
height: 50%;
}
#loT .content .eleinner h3{
font-size: 14px;
line-height: 40px;
color:#000;
}
#loT .content .eleinner p{
color:#666;
font-size: 12px;
line-height:24px;
}
#loT .content .eleinner .readMore{
width:175px;
height: 38px;
text-align: center;
line-height:38px;
color:#7fbe25;
background:#fff;
border:1px solid #7fbe25;
border-radius: 19px;
margin-top: 30px;
position: absolute;
bottom: 25px;
cursor: pointer;
}
#loT .content .eleinner .readMore:hover{
color:#fff;
background:#7fbe25;
}*/
#loT .section3{
width: 100%;
position: relative;
padding-bottom:100px;
}
#loT .section3 .section3lunbo{
height:300px;
}
#loT .section3 .ele{
float: left;
position: relative;
width: 515px;
height: 387px;
margin: 0 5px;
overflow: hidden;
}
#loT .section3 .ele .hover {
overflow: hidden;
position: absolute;
top: 0px;
left: 0px;
width: 515px;
height: 387px;
background: url(../images/bg_homecasehover.png);
text-align: center;
}
#loT .section3 .ele .hover .hoverin {
margin-top: 140px;
}
#loT .section3 .ele .hover span {
display: block;
font-size: 14px;
color: #fff;
}
#loT .section3 .ele .hover .img2 {
margin-top: 5px;
}
#loT .section3 .caseleft {
position: absolute;
left: 38px;
top: 50px;
margin-top: 112px;
width: 37px;
height: 61px;
background: url(../images/arrow01.png) no-repeat left top;
z-index: 10;
cursor: pointer;
}
#loT .section3 .caseleft:hover{
background: url(../images/arrow03.png) no-repeat left top;
}
#loT .section3 .caseright {
position: absolute;
right: 15px;
top: 50px;
margin-top: 112px;
width: 37px;
height: 61px;
background: url(../images/arrow02.png) no-repeat left top;
z-index: 10;
cursor: pointer;
}
#loT .section3 .caseright:hover{
background: url(../images/arrow04.png) no-repeat left top;
}
/*#loT .section3 .caseleft:hover,#loT .section3 .caseright:hover {
background-position: left bottom;
}*/
/******************mf_detail************************************/
#mf_detail{
width:100%;
min-height: 851px;
}
#mf_detail .content{
padding-top:174px;
padding-bottom: 145px;
width:1200px;
margin:0 auto;
text-align: center;
position: relative;
}
#mf_detail .content .back{
position: absolute;
bottom: 60px;
left: 0;
right:0;
margin:0 auto;
width: 175px;
height: 38px;
text-align: center;
line-height: 38px;
color: #7fbe25;
/* background: #fff; */
border-radius: 19px;
border: 1px solid #7fbe25;
cursor: pointer;
font-size: 18px;
}
#mf_detail .content .back:hover{
background: #7fbe25;
color:#fff;
}
#mf_detail .content .p img{
max-width: 100%;
max-height: 300px;
width: auto;
height: auto;
display: block;
margin: auto;
padding-bottom: 26px;
}
#mf_detail .content .p{
text-align: left;
}
#mf_detail .content .p p{
text-align: left;
}
#mf_detail h1{
font-size: 18px;
color:#000;
text-align: center;
}
#mf_detail .rightBlock{
height:74px;
width:100%;
position: relative;
}
#mf_detail .floatRight{
top:44px;
right:0;
height: 25px;
position: relative;
float:right;
padding-right: 44px;
}
#mf_detail .floatRight img{
position: absolute;
top:0;
right:0;
height:94%;
}
#mf_detail .floatRight p{
font-size: 14px;
color:#666666;
line-height: 34px;
}
#mf_detail .content .bigImg{
padding-top:62px;
width:100%;
padding-bottom: 60px;
}
#mf_detail .content .p p{
padding-top: 5px;
line-height: 19px;
font-size: 13px;
color: #666666;
}
.mf_detail_video{
}
.mf_detail_video .video_wrap{
width:659px;
padding-top: 53px;
margin:0 auto;
}
.mf_detail_video .playVideo{
/*border:6px solid #7fbe25;*/
height:489px;
position: relative;
cursor: pointer;
width:100%;
}
.mf_detail_video .playVideo .playVideo1{
position: absolute;
top:0;
left:0;
width:100%;
height: 100%;
}
.mf_detail_video .playVideo .playVideo2{
position: absolute;
top:0;
left:0;
width:100%;
height: 100%;
display: none;
}
.mf_detail_video .videosrc2{
width:100%;
height:100%;
position: relative;
}
.mf_detail_video .controls {
width: 100%;
height: 65px;
position: relative;
z-index: 999;
bottom: 60px;
}
.mf_detail_video .controls .timeline {
width: 100%;
height: 17px;
position: relative;
background: #666666;
}
.mf_detail_video .controls .timeline .jp-seek-bar {
float: left;
width: 600px;
height: 17px;
background: #666666;
}
.mf_detail_video .controls .timeline .jp-play-bar {
float: left;
width: 600px;
height: 17px;
background: url(../images/process_bar.png) repeat-x;
}
.mf_detail_video .controls .pbutton {
width: 100%;
height: 44px;
position: relative;
background: #c5c5c5;
}
.mf_detail_video .controls .jp-play {
cursor: pointer;
position: absolute;
width: 32px;
height: 32px;
overflow: hidden;
text-indent: -9999px;
background: url(../images/play.png) no-repeat;
top: 6px;
left: 20px;
}
.mf_detail_video .controls .jp-pause {
cursor: pointer;
position: absolute;
width: 32px;
height: 32px;
overflow: hidden;
text-indent: -9999px;
background: url(../images/pause.png) no-repeat;
top: 6px;
left: 20px;
}
.mf_detail_video .controls .jp-stop {
cursor: pointer;
position: absolute;
width: 32px;
height: 32px;
overflow: hidden;
text-indent: -9999px;
background: url(../images/stop.png) no-repeat;
top: 6px;
left: 60px;
}
.mf_detail_video .controls .jp-time {
position: absolute;
width: 132px;
height: 15px;
font-size: 12px;
color: #333333;
top: 16px;
right: 215px;
}
.mf_detail_video .controls .jp-time div {
float: left;
}
.mf_detail_video .controls .jp-time div {
float: left;
}
.mf_detail_video .controls .jp-mute {
position: absolute;
width: 24px;
height: 24px;
background: url(../images/muteoff.png) no-repeat;
right: 175px;
top: 10px;
cursor: pointer;
}
.mf_detail_video .controls .jp-unmute {
position: absolute;
width: 24px;
height: 24px;
background: url(../images/muteon.png) no-repeat;
right: 175px;
top: 10px;
cursor: pointer;
}
.mf_detail_video .controls .voice {
position: absolute;
height: 6px;
width: 56px;
background: url(../images/volSbar.png) repeat-x;
right: 98px;
top: 19px;
}
.mf_detail_video .controls .voice .jp-volume-bar {
position: absolute;
width: 100%;
height: 100%;
background: url(../images/volSbar.png) repeat-x;
cursor: pointer;
}
.mf_detail_video .controls .voice .jp-volume-bar .jp-volume-bar-value {
position: absolute;
height: 100%;
background: url(../images/volPbar.png) repeat-x;
cursor: pointer;
}
.mf_detail_video .controls .jp-full-screen {
position: absolute;
width: 32px;
height: 32px;
top: 6px;
right: 30px;
background: url(../images/big_fsOn.png) no-repeat;
cursor: pointer;
}
.mf_detail_video .controls .jp-restore-screen {
position: absolute;
width: 32px;
height: 32px;
top: 6px;
right: 30px;
background: url(../images/big_fsOff.png) no-repeat;
cursor: pointer;
}
.mf_detail_video .video_wrap .pic {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
}
.mf_detail_video .video_wrap .shadow{
position: absolute;
width: 100%;
height: 100%;
/* background: #000;
opacity: 0.6;*/
top: 0;
left: 0;
}
.mf_detail_video .playVideo .shadow .btn{
left:0;
right:0;
bottom:0;
top:0;
margin:auto;
width:88px;
position: absolute;
}
/******************#loT_detail************************************/
#loT_detail{
width:100%;
}
#loT_detail .content{
padding-top:174px;
padding-bottom: 145px;
width:1200px;
margin:0 auto;
text-align: center;
}
#loT_detail .content .p{
text-align: left;
}
#loT_detail .content .p img{
max-width: 100%;
max-height: 300px;
width: auto;
height: auto;
display: block;
margin: auto;
padding-bottom: 26px;
}
#mf_detail .content .p{
text-align: left;
}
#loT_detail h1{
font-size: 18px;
color:#000;
text-align: center;
}
#loT_detail .rightBlock{
height:74px;
width:100%;
position: relative;
}
#loT_detail .floatRight{
top:44px;
right:0;
height: 25px;
position: relative;
float:right;
padding-right: 44px;
}
#loT_detail .floatRight img{
position: absolute;
top:0;
right:0;
height:94%;
}
#loT_detail .floatRight p{
font-size: 14px;
color:#666666;
line-height: 34px;
}
#loT_detail .content .bigImg{
padding-top: 62px;
padding-bottom: 60px;
max-width: 100%;
max-height: 300px;
width: auto;
height: auto;
}
#loT_detail .content .p p{
padding-top: 25px;
line-height: 28px;
font-size: 12px;
color:#666666;
}
/******************footer************************************/
#footer{
width: 100%;
position: relative;
background:#333333;
}
#footer .contentmune{
width:1200px;
margin: 0 auto;
position: relative;
padding-bottom:30px;
}
#footer .contentmune .list{
padding-top:30px;
width: 16.6%;
float:left;
}
#footer .contentmune .list h3{
line-height: 44px;
font-size: 16px;
color: #8f8f8f;
}
#footer .contentmune .list h3:hover{
color:#fff;
}
#footer .contentmune .list ul li{
/*padding-top: 13px;*/
}
#footer .contentmune .list ul li a{
color:#5c5c5c;
font-size:12px;
}
#footer .contentmune .list ul li a:hover{
color:#fff;
}
#footer .copyRight{
width: 100%;
background:#222;
}
#footer .copyrightInner{
width:1600px;
margin: 0 auto;
height: 98px;
}
#footer .copyrightInner .left{
float:left;
}
#footer .copyrightInner .left img{
/* display: block;
float:left;*/
padding-top:22px;
width:54px;
height:54px;
padding-right: 42px;
}
#footer .copyrightInner .right{
float:right;
font-size: 12px;
line-height: 98px;
color: #666666;
}
#jp_container_N{
padding-top: 63px;
position: absolute;
bottom: -159px;
}
#jp_container_N li{
float:left;
width:20%;
padding-left:4%;
height:98px;
overflow: hidden;
position: relative;
cursor: pointer;
}
#jp_container_N li>div{
height:100%;
}
#error {
width: 100%;
position: relative;
padding-top: 108px;
padding-bottom: 127px;
}
.wfEditorMode{
border: 1px solid #999;
background: #fff;
color: #7fbe25;
font-size: 14px;
font-weight: normal;
}
.gotop {
width: 60px;
height: 60px;
background: url(../images/top.png) no-repeat center center;
cursor: pointer;
position: fixed;
right: 80px;
bottom: 20%;
z-index: 99999;
}
.gotop:hover {
background: url(../images/togreen.png) no-repeat center center;
}
#searchPage{
width: 100%;
height: 100%;
position: relative;
padding-top: 200px;
min-height: 761px;
}
#searchPage .por_wrap{
/*margin-top:200px;*/
}
#searchPage .desSou_title{
float:left;
width:100%;
height:100%;
overflow: hidden;
}
#searchPage .desSou_title .scroll{
width:100%;
height:100%;
overflow:auto;
padding-right:21px;
position: relative
}
#searchPage .content_wrap{
width:960px;
left:0;
right:0;
margin:0 auto;
}
#searchPage .content_wrap .inputBox{
position: absolute;
left:0;
right:0;
margin:40px auto;
width:560px;
height:45px;
font-size: 14px;
color:#999999;
}
#searchPage .content_wrap .inputBox .input{
height:43px;
width: 517px;
text-indent: 10px;
border: 1px solid #999999;
}
#searchPage .content_wrap .inputBox .bt{
position: absolute;
top: 0px;
right: -3px;
width: 43px;
height: 43px;
background: #336633;
cursor: pointer;
border:1px solid #999999;
}
#searchPage .content_wrap .inputBox .bt img{
width:20px;
position: absolute;
top:0;
left:0;
bottom:0;
right:0;
margin:auto;
}
#searchPage .content_wrap .news_content{
padding:156px 0;
}
#searchPage .content_wrap .news_content .news_con{
padding:30px 0;
border-bottom: 1px solid #999999;
}
#searchPage .content_wrap .news_content h1{
color:#333333;
font-size: 16px;
}
#searchPage .content_wrap .news_content .time{
color:#333333;
font-size:12px;
padding:30px 0;
}
#searchPage .content_wrap .news_content .p{
font-size: 12px;
line-height:24px;
color:#999999;
}
#searchPage #pagination{
position: relative;
padding-top: 43px;
}
#searchPage #pagination ul{
position: absolute;
margin: 0 auto;
}
#searchPage #pagination li{
float:left;
padding: 3px 5px;
}
#searchPage #pagination li.hidden a{
cursor: not-allowed;
}
#searchPage #pagination li a{
font-size: 14px;
color: #666;
display: block;
}
#searchPage #pagination li.selected a{
color:#7fbe25;
}
#grid .nav li:hover>a{
color:#7fbe25;
}
#product_classification.classificationTest{
}