/*
* Power by www.826pc.com
*/
/*btn按钮公用样式*/
.pagination > li:first-child > a, .pagination > li:first-child > span,
.pagination > li:last-child > a, .pagination > li:last-child > span
{ border-radius:0  }
.green-btn,.gray-btn{
background: #068237;
height: 45px;
width: 155px;
color: #fff;
text-align: center;
line-height: 45px;
display: inline-block;
margin: 0 auto;
cursor: pointer; 
position: relative;
transition:0.4s;
}
.gray-btn{background: #333; }

.green-btn:after,
.gray-btn:after{
height: 45px;
content:" ";
border-radius: inherit;
position: absolute;
top: 0;
left: 0;
width: 100%; 
z-index: -1;
-webkit-transition: -webkit-transform 0.2s cubic-bezier(0.25, 0, 0.3, 1);
-moz-transition: -moz-transform 0.2s cubic-bezier(0.25, 0, 0.3, 1);
-o-transition: -o-transform 0.2s cubic-bezier(0.25, 0, 0.3, 1);
transition: transform 0.2s cubic-bezier(0.25, 0, 0.3, 1);

border: 2px solid #fff;
-webkit-transform: scale3d(0.7, 0.7, 1);
-moz-transform: scale3d(0.7, 0.7, 1);
-o-transform: scale3d(0.7, 0.7, 1);
transform: scale3d(0.7, 0.7, 1); 
}

.green-btn:hover:after,
.gray-btn:hover:after
{
-webkit-transform: scale3d(1, 1, 1);
-moz-transform: scale3d(1, 1, 1);
-o-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
.green-btn:hover,
.gray-btn:hover
{  background: none;}
.gray-btn:hover{ color: #fff; }



/*.......页面动画效果公用 star............*/

.about-title,
.aboutus,
.d-title-tab,
.tj-title-tab,
.page
{
opacity: 0;
filter:alpha(opacity=100); 
-webkit-animation:fadeInUp 0.8s linear forwards;
-moz-animation:fadeInUp 0.8s linear forwards;
-o-animation:fadeInUp 0.8s linear forwards;
animation:fadeInUp 0.8s linear forwards;
}


.aboutus
{
-webkit-animation-delay:0.5s;
-o-animation-delay:0.5s;
-moz-animation-delay:0.5s;
animation-delay:0.5s;
}
.d-title-tab,
.tj-title-tab
{
-webkit-animation-delay:0.1s;
-o-animation-delay:0.1s;
-moz-animation-delay:0.1s;
animation-delay:0.1s;
}
.page{ 
padding: 0 15px;
-webkit-animation-delay:1s;
-o-animation-delay:1s;
-moz-animation-delay:1s;
animation-delay:1s;
}
.page1 ul li{float: left;margin: 0px 3px;}

/*........页面动画效果公用 end...........*/


#indexPage a.more { width: 130px; height: 35px; border-radius: 0px; color: transparent;
position: relative; border-color: transparent; }

#indexPage a.more::after, #indexPage a.more::before {

}
#indexPage a.more::before {
border: 2px solid #90af6b;
-webkit-transform: scale3d(0.7, 0.7, 1);
-o-transform: scale3d(0.7, 0.7, 1);
-moz-transform: scale3d(0.7, 0.7, 1);
transform: scale3d(0.7, 0.7, 1);
margin-top: -2px;
}
#indexPage a.more::after {background: #90af6b;}
#indexPage a.more:hover { border-color: transparent; }
#indexPage a.more:hover:after { 
-webkit-transform: scale3d(0.7, 0.7, 1); 
-o-transform: scale3d(0.7, 0.7, 1); 
-moz-transform: scale3d(0.7, 0.7, 1); 
transform: scale3d(0.7, 0.7, 1); 
background-color: transparent;
     }
#indexPage a.more:hover::before {
-webkit-transform: scale3d(1, 1, 1);
-moz-transform: scale3d(1, 1, 1);
-o-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1)
}
#indexPage #mproject a.more {
 margin-top:70px;
 -webkit-animation-delay: 0.1s;
 -moz-animation-delay: 0.1s;
 -o-animation-delay: 0.1s;
 animation-delay: 0.1s;
-webkit-animation-name: fadeInRight;
-moz-animation-name: fadeInRight;
-o-animation-name: fadeInRight;
animation-name: fadeInRight;
 }

/*首页banner star*/

.banner-cont{
position: absolute;
z-index: 9;
top: 50%;
left: 0;
color: #fff;
width: 100%;
text-align: center;
margin-top: -165px;
}
.banner-t  { }
.banner-t img{
position: relative;
z-index: 8;
}
.banner-t h3{ 
    font-size: 60px; 
    opacity: 0;
    filter:alpha(opacity=100); 
 }


.banner-t h2{
text-transform: Uppercase;
font-size:72px;
margin: 25px 0;  
opacity: 0;
filter:alpha(opacity=100);
}


.banner-t .cont-p{
font-size: 28px;
margin:0 0 10px 0;
opacity: 0;
filter:alpha(opacity=100);
}
.banner-t span{ 
    display: block;
    opacity: 0;
    filter:alpha(opacity=100);
    text-transform: Uppercase;
    margin: 8px 0 35px 0;
    line-height: 15px;
 }

 .banner-t .active h3{
    -webkit-animation:fadeInLeftBig 0.9s linear 0.1s forwards;
-moz-animation:fadeInLeftBig 0.9s linear 0.1s forwards;
-o-animation:fadeInLeftBig 0.9s linear 0.1s forwards;
animation:fadeInLeftBig 0.9s linear 0.1s forwards;
}
.banner-t .active h2{
-webkit-animation:fadeInRightBig 0.9s linear 0.3s forwards ;
-o-animation:fadeInRightBig 0.9s linear 0.3s forwards ;
-moz-animation:fadeInRightBig 0.9s linear 0.3s forwards ;
animation:fadeInRightBig 0.9s linear 0.3s forwards ;
}
.banner-t .active .cont-p{
-webkit-animation:fadeInLeftBig 0.9s linear 0.3s forwards;
-moz-animation:fadeInLeftBig 0.9s linear 0.3s forwards;
-o-animation:fadeInLeftBig 0.9s linear 0.3s forwards;
animation:fadeInLeftBig 0.9s linear 0.3s forwards;
}
.banner-t .active span{
-webkit-animation:fadeInRightBig 0.9s linear 0.3s forwards;
-o-animation:fadeInRightBig 0.9s linear 0.3s  forwards;
-moz-animation:fadeInRightBig 0.9s linear 0.3s forwards;
animation:fadeInRightBig 0.9s linear 0.3s forwards;
}
.banner-t .lxwm,
.banner-t .ljmore{
margin: 0 18px;
background: #068237;
color: #fff;
text-align: center;
display: inline-block;
width: 0;
opacity: 0;
filter:alpha(opacity=100); 
cursor: pointer;
position: relative;
width: 155px;
border-radius:5px;
}
.banner-t .active .lxwm{
-webkit-animation: fadeInLeftBig 0.9s linear 0.4s  forwards;
-moz-animation: fadeInLeftBig 0.9s linear 0.4s  forwards;
-o-animation: fadeInLeftBig 0.9s linear 0.4s  forwards;
animation: fadeInLeftBig 0.9s linear 0.4s  forwards; 
}
.banner-t .active .ljmore{
-webkit-animation: fadeInRightBig 0.9s linear 0.4s  forwards;
-moz-animation: fadeInRightBig 0.9s linear 0.4s  forwards;
-o-animation: fadeInRightBig 0.9s linear 0.4s  forwards;
animation: fadeInRightBig 0.9s linear 0.4s  forwards; 
}
.banner-t  .ljmore { 
color: #068237; 
background: #fff;

}


.banner-cont .lxwm:hover i:after,
.banner-cont .ljmore:hover i:after{
filter:alpha(opacity=100); 
-moz-opacity:1; 
-khtml-opacity:1; 
opacity: 1;
width:100%; 
height:100%;
background: #06692d;
}
.banner-t i {
display: inline-block;
position: absolute;
top: 0px;
left: 0px;
right: 0px;
bottom: 0px;
z-index: -1;
}
.banner-cont i:after {
-webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
content:" ";
position: absolute;
left: 0%;
margin: auto;
top: 0%;
width: 0;
height: 100%;
opacity: 0;
filter:alpha(opacity=100);
border-radius:5px;
}
.banner-t .active .lxwm:hover ,.banner-t .active .ljmore:hover  {
    -webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
}
.banner-t .active .ljmore:hover{ color: #fff; }
.banner-t .item{ position: relative; height: 977px; width: 100%; display: block; background-position: center center;background-repeat: no-repeat; }


/*banner图片*/
.banner-t img{ max-width: 100%; }
.banner-cont h3,
.banner-cont h2,
.banner-cont span,
.banner-cont p
{  
    background-size: 100%;
    background-repeat:no-repeat; 
    background-position:center;
 }
 /*--2018-02-09--*/
.banner-cont.year{ top:0px; margin-top:0px;}
.banner-cont.year h3{ margin-top:240px;}
.banner-cont.year h2{ margin-top:50px;}
.banner-cont.year p{ margin-top:30px; margin-bottom:75px;}
 /*.banner-cont.one h3
 {
    background-image: url(../images/banner1-1.png);
 }
 .banner-cont.one h2
 {
    background-image: url(../images/banner1-2.png);
 }
 .banner-cont.one p
 {
    background-image: url(../images/banner1-3.png);
 }
  .banner-cont.one span
 {
    background-image: url(../images/banner1-4.png);
 }
  .banner-cont.two h3
 {
    background-image: url(../images/banner2-1.png);
 }
 .banner-cont.two h2
 {
    background-image: url(../images/banner2-2.png);
 }
 .banner-cont.two p
 {
    background-image: url(../images/banner2-3.png);
 }
  .banner-cont.two span
 {
    background-image: url(../images/banner2-4.png);
 }
  .banner-cont.three h3
 {
    background-image: url(../images/banner3-1.png);
 }
 .banner-cont.three h2
 {
    background-image: url(../images/banner3-2.png);
 }
 .banner-cont.three p
 {
    background-image: url(../images/banner3-3.png);
 }
  .banner-cont.three span
 {
    background-image: url(../images/banner3-4.png);
 }*/
@media (min-width:1440px){
	.banner-cont.year h3{ margin-top:150px;}	
	}
@media (min-width:779px){
    .banner-t .lxwm, 
    .banner-t .ljmore{
    height: 45px;line-height: 45px;
    }
}

/*@media (max-width: 991px) {
.banner-t h2 {font-size: 48px;}
.banner-t h3 {font-size: 40px;}
.banner-t .cont-p {font-size: 16px;}
}*/
@media (max-width: 780px) {
.index-banner{margin-top:50px;position: relative;}
.banner-t .lxwm, .banner-t .ljmore{
    margin: 5px;
    width: 100px;
    padding: 6px 0;
}
/*.banner-t h2 {font-size:40px;}
.banner-t h3 {font-size:30px;}*/
.banner-t .cont-p { margin-bottom:35px;  }
.banner-cont{margin-top:-72px; padding-left: 10px;} 
.banner-t img{ width: 80%; }
 .banner-t .active h3,
 .banner-t .active h2,
 .banner-t .active .cont-p,
.banner-t .active span,
.banner-t .active .lxwm,
.banner-t .active .ljmore
  {
-webkit-animation:fadeInUp 0.8s linear 0.1s forwards;
-moz-animation:fadeInUp 0.8s linear 0.1s forwards;
-o-animation:fadeInUp 0.8s linear 0.1s forwards;
animation:fadeInUp 0.8s linear 0.1s forwards;
}
.banner-t h2 { display: none;}
.banner-t h3 {font-size:28px; margin: 15px 0;}
.banner-t span { display: none}
.banner-t .active .cont-p {
-webkit-animation-delay: 0.5s;
-o-animation-delay: 0.5s;
animation-delay: 0.5s;
}
.banner-t .active .lxwm, .banner-t .active .ljmore{
    -webkit-animation-delay: 1s;
    -o-animation-delay: 1s;
    animation-delay: 1s;
}
}
.banner-t .owl-controls { position: absolute; z-index:11; top: 50%; left:0;right:0; }
.banner-t .owl-controls .owl-prev,
.banner-t .owl-controls .owl-next
{
position: absolute;
height: 70px;
width: 70px;
margin-top:-35px;
filter:alpha(opacity=50); 
-moz-opacity:0.5; 
-khtml-opacity:0.5;
opacity: 0.5;
background:url(../images/btn-pre.jpg);
background-size:100%; 
}

.banner-t .owl-controls .owl-next:hover,
.banner-t .owl-controls .owl-prev:hover{
filter:alpha(opacity=70); 
-moz-opacity:0.7; 
-khtml-opacity:0.7; 
opacity: 0.7;
}
.banner-t .owl-controls .owl-next{
right:10px;  
}
.banner-t .owl-controls .owl-prev{ 
left:10px; 
-webkit-transform: rotate(180deg);
-moz-transform: rotate(180deg);
-o-transform: rotate(180deg);
transform: rotate(180deg);
}

/*首页banner end*/


.pt70{
padding:70px  0 0 0;
}
.index-title,
.about-title
 {
padding: 34px 0 37px;
text-transform: capitalize;
font-weight: normal;
line-height: 30px;
color: #333333;
}
/*.about-title.fixed{
    position: fixed;
    height: 85px;
    background: #fff;
    top: 50px;
    width: 100%;
    z-index: 2;
}*/

.about-title span,
.index-title span{
display: inline-block;
vertical-align: bottom;
}
.about-title .c333,
.index-title .c333{
color: #989898;
font-size: 14px; display: block;
}


.line span {
display: inline-block;
width: 403px;
height: 1px;
background: #ddd;
position: relative;
position: relative;
}
.line span.green:after {
background: url(../images/line-green.png);
}
.line span:after {
content: " ";
position: absolute;
left: 50%;
top: 50%;
margin: -7px 0px -9px -9px;
width: 18px;
height: 14px;
}


.height50{height: 65px;}
.height60{height: 60px;}



@media (max-width:425px) {
.line span {
width: 37%;
}
.about-title,
.index-title {
padding: 15px 0 0px;
}

.height50 {height: 20px;}
.height60 {height: 20px;}

.index-engineering .col-sm-6{
padding:10px; 
}
}

.index-engineering .phone-cont{ display: none; }

@media (max-width:780px) {
.index-engineering .phone-cont{ display: block; }
.index-engineering .phone-cont h3{ 
margin-top: 25px;
font-size: 18px;
color: #000; 
display:block;
padding: 0px 30px 0px 3px;
float: left;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
position: relative; 
}
.index-engineering .phone-cont h3:before {
content: " ";
position: absolute;
z-index: -1;
left: 0;
right: 100%;
bottom: 0;
background: #068237;
height: 24px;
-webkit-transition: right 0.7s ease-out;
-moz-transition: right 0.7s ease-out;
-o-transition: right 0.7s ease-out;
transition: right 0.7s ease-out;
}
.index-engineering .phone-cont h3.on:before{ 
right: 0;

} 
.index-engineering .phone-cont p{
text-align: left;
float: left;
line-height: 1.5;
padding:10px 0;
}
.pt70{
padding-top:30px;
}
.index-engineering .animated:nth-child(1),.index-engineering .animated:nth-child(3){
filter:alpha(opacity=100); 
-moz-opacity:1; 
-khtml-opacity:1; 
opacity: 1;
}

.banner-t .owl-controls .owl-next, .banner-t .owl-controls .owl-prev{
height: 30px;
width:30px;
margin-top:-15px;
display: none;
}
}
.module-2,.tab-box{
margin: 0 auto;
max-width: 1920px;
overflow: hidden;
clear: both;
}
.module-2 .col-md-4{ 
overflow: hidden; background: #000;
}
.module-2 .col-md-4 img{ 
    filter:alpha(opacity=100); 
-moz-opacity:1; 
-khtml-opacity:1; 
opacity: 1; }

.module-2 .imgbg{
background: #000; 
filter:alpha(opacity=30); 
-moz-opacity:0.3; 
-khtml-opacity:0.3; 
opacity: 0.3;
height: 100%;
width: 100%;
position: absolute; 
z-index: 2;
top: 0;
left: 0; 
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
-moz-transition: all 0.5s;
transition: all 0.5s;
}

.module-2 .col-md-4 img{
width: 100%;
}
@media (min-width:779px){
.module-2 .col-md-4:hover img{ 
filter:alpha(opacity=20); 
-moz-opacity:0.2; 
-khtml-opacity:0.2; 
opacity: 0.2;
 }
.module-2 .col-md-4:hover .imgbg{
filter:alpha(opacity=70); 
-moz-opacity:0.7; 
-khtml-opacity:0.7; 
opacity: 0.7;

}

.module-2 .col-md-4 img{
filter:alpha(opacity=70); 
-moz-opacity:0.7; 
-khtml-opacity:0.7; 
opacity: 0.7;
-moz-transition:  all 2.5s;
-webkit-transition:  all 2.5s;
-o-transition:  all 2.5s;
transition: all 2.5s;
}
.module-2 .col-md-4:hover img{
-webkit-transform: scale(1.2);
-o-transform: scale(1.2);
transform: scale(1.2);
}
}


.module-2 .col-md-4 .absolute{
position: absolute;
width: 230px;
text-align: center;
top: 50%;
left: 50%;
margin-top:-80px;
margin-left:-115px;  
z-index: 3;
}
.module-2 h3,
.module-2 span,
.module-2 a{
display: block;
color: #fff;
}
.module-2 h3{
font-size: 24px;
}
.module-2 span{
    margin: 30px 0 0 0;
line-height: 1.7;
font-size: 16px;
height: 57px;
overflow: hidden;
display: block;
}
 
@media (max-width:780px) {
    .module-2 span{
    padding:10px 0 20px;
    }
    .module-2 .col-md-4 .absolute{
    margin-top:-72px; 
    }    
    .module-2 h3{ font-size: 16px; }
    .module-2 span{ font-size: 14px; }
    .module-2{ padding: 0 15px; }
    .module-2 .col-md-4 img{ 
    filter:alpha(opacity=70); 
    -moz-opacity:0.7; 
    -khtml-opacity:0.7; 
    opacity: 0.7;
    }

    .module-2 .col-md-4{
    width: 100%;margin:14px 0;
    }
}
.module-3{
max-width: 1200px;
margin: 0 auto;
}
.module-3 .service-con{
float: left;
cursor: pointer;
width: 21%;
border: 1px solid #ddd;
padding: 43px 23px;
text-align: center;
-webkit-transition: all 0.15s;
-moz-transition: all 0.15s;
-o-transition: all 0.15s;
transition: all 0.15s;
margin: 0 1%;
}


.module-3 .service-con.on{
background: #068237;
width:50%;
}
@media (min-width:991px) {
/*.module-3 .service-con:hover{
width: 50%;
}*/
}
@media (max-width:779px) {
.module-3 .service-con,.module-3 .service-con.on{
width: 100%;
margin: 0;
}
.module-3 .service-con:hover{
width: 100%;
}

.module-3 .service-con,.module-3 .service-con.on{
margin-bottom:15px;
}

}


.module-3 .service-con.on h3,
.module-3 .service-con.on p{
color: #fff;

}

.module-3 h3{
padding: 17px 0;
font-size: 18px; 
}
.module-3 p{
line-height: 2;
margin-bottom: 25px;
color: #666;
height: 58px;
overflow: hidden;
}


.module-4 h3{
font-size: 18px;color: #fff;
}   
.module-4 p{
color: #fff; padding-top: 10px;
}
.module-4 .outer{ 

}
.products-img-box:hover img{
filter:alpha(opacity=20); 
-moz-opacity:0.2; 
-khtml-opacity:0.2; 
opacity: 0.2;
}
.module-4 .outer .child{
    margin-top: -60px;
    position: absolute;
    top: 50%; 
    padding: 35px;
    text-align: center;
    width: 100%;
}
.products-img-box img{
filter:alpha(opacity=100); 
-moz-opacity:1; 
-khtml-opacity:1; 
opacity: 1;
}
.products-img-box{background:#068237;}
 
.module-4 .col-xs-12{ padding: 0 }
.module-4{
position: relative;
cursor: pointer;
overflow: hidden;
clear: both;
}    
.module-4 .outer{
position: absolute;
top: 0;
width: 100%;
height: 100%;
text-align: left;/*
padding-top:72%;*/

overflow: hidden; 
text-align: center;
top: -20px;
-webkit-transition: opacity .35s,-webkit-transform .35s;
-moz-transition: opacity .35s,-moz-transform .35s;
-o-transition: opacity .35s,-o-transform .35s;
transition: opacity .35s,transform .35s;
-webkit-transform: translate3d(0,20px,0);
-moz-transform: translate3d(0,20px,0);
-o-transform: translate3d(0,20px,0);
transform: translate3d(0,20px,0);
filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; opacity: 0;
} 
.module-4 .col-md-3{
position: relative;
padding: 0;
overflow: hidden;
}

 
.products-img-box:before{border-top:1px solid #fff;border-bottom:1px solid #fff; 
    -webkit-transform:scale(0,1);
    -moz-transform:scale(0,1);
    -o-transform:scale(0,1);
    transform:scale(0,1);
    position:absolute;
top:20px;
right:20px;
bottom:20px;
left:20px;
content:" ";
opacity: 0;
-webkit-transition:opacity 0.5s,-webkit-transform  0.5s;
-moz-transition:opacity  0.5s,-moz-transform  0.5s;
-o-transition:opacity  0.5s,-o-transform  0.5s;
transition:opacity  0.5s,transform  0.5s;
}
.products-img-box:after{border-right:1px solid #fff;border-left:1px solid #fff;
    -webkit-transform:scale(1,0);
    -moz-transform:scale(1,0);
    -o-transform:scale(1,0);
    transform:scale(1,0);
    position:absolute;
top:20px;
right:20px;
bottom:20px;
left:20px;
content:" ";
opacity: 0;
-webkit-transition:opacity 0.5s,-webkit-transform  0.5s;
-moz-transition:opacity  0.5s,-moz-transform  0.5s;
-o-transition:opacity  0.5s,-o-transform  0.5s;
transition:opacity  0.5s,transform  0.5s;
}
.products-img-box:hover:after,
.products-img-box:hover:before {
filter:alpha(opacity=100); 
-moz-opacity:1; 
-khtml-opacity:1; 
opacity: 1;
-webkit-transform:scale(1,1);
    -moz-transform:scale(1,1);
    -o-transform:scale(1,1);
    transform:scale(1,1);
}
.module-4  .col-md-3 img{
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
-moz-transition: all 0.5s;
transition: all 0.5s;
}

 
.products-img-box:hover .outer{
filter:alpha(opacity=100); 
-moz-opacity:1; 
-khtml-opacity:1; 
opacity: 1;
-webkit-transform:translate3d(0,0,0);
-moz-transform:translate3d(0,0,0);
-o-transform:translate3d(0,0,0);
transform:translate3d(0,0,0)
}
.products-img-box img{
    width: 100%;
    position: relative;
    top: 0;
    left: 0;
}
.module-4 .understand{
background:url(../images/index-products1.jpg) center center fixed;
/*height: 240px;*/
padding: 99px 0;
text-align: center; 
}
/*@media (min-width: 779px){
    .module-4 .understand:before{
background: url(../images/index-products1.jpg) top center;
background-attachment: fixed;
content: " ";
height: 240px;
width: 100%;
position: fixed; 
display: block;

}
}
*/
.module-4 .understand .more{
background: #333;
color: #fff;
width: 155px;
text-align: center;
display: block;
height: 45px;
margin: 0 auto;
line-height: 45px;
position: relative;
top: 50%;
visibility: visible; 
/* -webkit-animation-delay: 0.5S;
 -moz-animation-delay: 0.5S;
 -o-animation-delay: 0.5S;
 animation-delay: 0.5S;
  -webkit-animation-name: fadeInUp;
  -moz-animation-name: fadeInUp;
  -o-animation-name: fadeInUp;
  animation-name: fadeInUp;*/

}
.module-4 .understand .more:before{ 
position: absolute;
display: block;
content: "了解更多产品";
left:28px;
-webkit-transition:all 0.2s linear;
-o-transition: all 0.2s linear;
-moz-transition: all 0.2s linear;
transition: all 0.2s linear;
}

.module-4 .understand .more:after{
  content: " ";
position: absolute;
background: url(../images/right5.png);
height: 15px;
width: 9px;
top: 8px;
left:110px;
opacity: 0;
-webkit-transition:all 0.2s linear;
-o-transition: all 0.2s linear;
-moz-transition: all 0.2s linear;
transition: all 0.2s linear;  
}
.more-btn:after
{ 
content: " ";
position: absolute;
background: url(../images/right5.png);
height: 15px;
width: 9px;
top: 8px;
left:110px;
opacity: 0;
-webkit-transition:all 0.2s linear;
-o-transition: all 0.2s linear;
-moz-transition: all 0.2s linear;
transition: all 0.2s linear;
}
.module-4 .understand .more:after
{ top: 16px; }
.module-4 .understand .more:hover:before{ left:20px;}
.module-4 .understand .more:hover:after { 
    left:118px;
    opacity: 1;
}
.more-btn:before{
position: absolute;
display: block;
content: "了解更多";
left:35px;
-webkit-transition:all 0.2s linear;
-o-transition: all 0.2s linear;
-moz-transition: all 0.2s linear;
transition: all 0.2s linear;
}
.more-btn:hover:before
{ 
left:25px; 
}
.more-btn:after
{
left: 84px;
}
.more-btn:hover:after{
left: 95px;
opacity:1;
}
.module-4 .tab-btn{
overflow: hidden;
text-align: center;
margin-bottom:40px; 
}
.tab-btn.fadeInUp{
animation:  fadeInUp 1s ease-in-out forwards;
-webkit-animation: fadeInUp 1s ease-in-out forwards;
-moz-animation: fadeInUp 1s ease-in-out forwards;
-o-animation: fadeInUp 1s ease-in-out forwards;
}
.module-4 .tab-btn li{
display: inline-block;
padding: 2px 15px;
margin: 5px;
position: relative;
}
.module-4 .tab-btn li.on{
color: #fff;
background: #068237;
}
@media (max-width:780px) {
    .module-4 .outer .child{
        position: static;
        margin: 0;
        padding: 0;
    }
.products-img-box img{ position: static; }
.module-4 .understand .more:before{/* left: 36px;*/ }
.module-4 .understand{height: 120px;}
.module-4 .understand .more{/*top: 40px;*/}
.module-4 .outer{
padding: 15px 0; background: #000; position: relative; margin: 0;text-align: center; opacity: 1;
}

.module-3{ display: none; }
.module-4 .col-md-3{ display: block; margin-bottom:15px;} 
.products-img-box{
filter:alpha(opacity=100); 
-moz-opacity:1; 
-khtml-opacity:1; 
opacity: 1;
bottom: 0;
}
.products-img-box{
overflow: hidden;
}
.module-4 .col-md-3 .imgbg{
height: 82px;
position: static;
background: #000;
}
.module-4 h3{
font-size: 16px;
/*padding-bottom:7px;*/
}
.module-4 p{
padding-top: 0;
font-size: 14px;
line-height: 1.5;
}
.module-4 p:nth-child(2){ display: none; }
.module-4 .tab-btn{
margin-bottom: 15px;
}
}

.module-4 .tab-btn li.cut:before,
.module-4 .tab-btn li.cut:after {
content: " ";
width: 100%;
height: 1px;
z-index: 2;
background: #068237;
position: absolute;
transform: scale3d(0,1,1);
-webkit-transform: scale3d(0,1,1);
-o-transform: scale3d(0,1,1);
-ms-transform: scale3d(0,1,1);
-webkit-transition: -webkit-transform 0.5s;
-o-transition: -o-transform 0.5s;
-moz-transition: -moz-transform 0.5s;
transition: transform 0.5s;
}

.module-4 .tab-btn li.cut:before {
right: 0;
top: 0;
}

.module-4 .tab-btn li.cut:after {
left: 0;
bottom: 0;
}

.module-4 .tab-btn li.cut:before,
.module-4 .tab-btn li.cut:after {
-webkit-transform: scale3d(1,1,1); 
-o-transform: scale3d(1,1,1);
transform: scale3d(1,1,1);
} 


.module-5 {
max-width: 1200px;
margin: 0 auto;
overflow: hidden;
}

.news-img{
overflow: hidden;
}
.news-img img{
transition: all 1s linear;
-moz-transition: all 1s linear;
-webkit-transition: all 1s linear;
-o-transition: all 1s linear;
width: 100%;
} 
.col-news-6:hover img{
-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
-o-transform: scale(1.1);
transform: scale(1.1);
}
.module-5 .col-news-6{  cursor: pointer;} 
.module-5 .col-news-6 h4{
font-size: 16px;
margin: 20px 0;
text-align: left;
font-weight: bold;
} 
.module-5 .col-news-6 p{
line-height: 1.8;
color: #666;
text-align: left;
}
.module-5 .col-news-6 .more-btn{
width: 135px;
height: 30px;
line-height: 30px;
background: #068237;
color: #fff;
display: block;
text-align: center;
margin-top:20px; 
position: relative;
}
.module-5 .col-news-6 .more-btn:hover{

filter:alpha(opacity=80); 
-moz-opacity:0.8; 
-khtml-opacity:0.8; 
opacity: 0.8;
}
.module-5 .col-news-6 .pag{
background: url(../images/pag.png) no-repeat;
width: 52px;
height: 64px;
position: absolute;
z-index: 5;
top: 0px;
left: 12px;
color: #fff;
text-align: center;
}
.module-5 .col-news-6 h5{
font-size: 24px;
font-weight: bold;

}
.module-5 .col-news-6 em{
font-size: 12px;
}
@media (max-width: 992px){
.module-5 .col-sm-6{ padding-bottom:15px;}
.module-5 .col-news-6 .pag{top: 0;}
}
@media (max-width:780px){
.module-5 .col-news-6 h4{
width: 100%;
display: block;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
margin: 20px 0 5px 0;
}
.module-5 .col-news-6{margin:15px 0 0; } 
.module-5 .col-news-6 .more-btn{ height:30px; line-height: 30px; margin-top:10px; width: 100px;  }
.module-5 .col-news-6 .pag{left: 10px;} 
.more-btn:before{ left: 23px; }
}
.phone-down{display: none;}
@media (max-width:780px) {
.phone-down{
display: block;
position: absolute;
z-index: 99;
bottom: 30px;
left: 50%;
margin-left: -15px;
font-size: 20px;
color: #fff;
width: 30px; 
opacity: 0;
filter:alpha(opacity=100);
-webkit-animation:fadedown-p 1.6s linear  infinite;
-moz-animation:fadedown-p 1.6s linear  infinite;
-o-animation:fadedown-p 1.6s linear  infinite;
animation:fadedown-p 1.6s linear  infinite;
}
.phone-down img{
width: 100%;
}
}
@-webkit-keyframes fadedown-p {
0% {
opacity: 0;
filter:alpha(opacity=100);
-webkit-transform: translateY(0px);
-moz-transform: translateY(0px);
-o-transform: translateY(0px);
transform: translateY(0px); 
}
50%{
filter:alpha(opacity=50); 
-moz-opacity:0.5; 
-khtml-opacity:0.5; 
opacity: 0.5;
-webkit-transform: translateY(7px);
-o-transform: translateY(7px);
-moz-transform: translateY(7px);
transform: translateY(7px); 
}
100%{
opacity: 0;
filter:alpha(opacity=100);
-webkit-transform: translateY(15px);
-o-transform: translateY(15px);
-moz-transform: translateY(15px);
transform: translateY(15px);
}
}
@-o-keyframes fadedown-p {
0% {
opacity: 0;
filter:alpha(opacity=100);
-webkit-transform: translateY(0px);
-moz-transform: translateY(0px);
-o-transform: translateY(0px);
transform: translateY(0px); 
}
50%{
filter:alpha(opacity=50); 
-moz-opacity:0.5; 
-khtml-opacity:0.5; 
opacity: 0.5;
-webkit-transform: translateY(7px);
-o-transform: translateY(7px);
-moz-transform: translateY(7px);
transform: translateY(7px); 
}
100%{
opacity: 0;
filter:alpha(opacity=100);
-webkit-transform: translateY(15px);
-o-transform: translateY(15px);
-moz-transform: translateY(15px);
transform: translateY(15px);
}
}
@-moz-keyframes fadedown-p {
0% {
opacity: 0;
filter:alpha(opacity=100);
-webkit-transform: translateY(0px);
-moz-transform: translateY(0px);
-o-transform: translateY(0px);
transform: translateY(0px); 
}
50%{
filter:alpha(opacity=50); 
-moz-opacity:0.5; 
-khtml-opacity:0.5; 
opacity: 0.5;
-webkit-transform: translateY(7px);
-o-transform: translateY(7px);
-moz-transform: translateY(7px);
transform: translateY(7px);
}
100%{
opacity: 0;
filter:alpha(opacity=100);
-webkit-transform: translateY(15px);
-o-transform: translateY(15px);
-moz-transform: translateY(15px);
transform: translateY(15px);
}
}
@keyframes fadedown-p {
0% {
opacity: 0;
filter:alpha(opacity=100);
-webkit-transform: translateY(0px);
-moz-transform: translateY(0px);
-o-transform: translateY(0px);
transform: translateY(0px); 
}
50%{
filter:alpha(opacity=50); 
-moz-opacity:0.5; 
-khtml-opacity:0.5; 
opacity: 0.5;
-webkit-transform: translateY(7px);
-o-transform: translateY(7px);
-moz-transform: translateY(7px);
transform: translateY(7px);
}
100%{
opacity: 0;
filter:alpha(opacity=100);
-webkit-transform: translateY(15px);
-o-transform: translateY(15px);
-moz-transform: translateY(15px);
transform: translateY(15px);
}
}


/*工程案例*/

@media (min-width:779px) {
.floor{
        min-height: 74px;
    position: absolute;
    text-align: left; 
    left: 0;
    right: 0; 
    bottom:-75px;
    background: #fff;
    -webkit-transition:  all 0.3s ease-out 0s;
    -moz-transition:  all 0.3s ease-out 0s;
    -o-transition:  all 0.3s ease-out 0s;
    transition:  all 0.3s ease-out 0s;
    }
}
.floor{padding: 10px 20px;}
.floor h4{ color: #333; line-height: 30px; }
.floor span{ color: #999; }
.floor img{ position: absolute; right: 20px;bottom: 17px;
-webkit-transition: 0.5s;
-moz-transition: 0.5s;
-o-transition: 0.5s;
transition: 0.5s;}
.module-1 .relative{ margin: 7px -8px; overflow: hidden;  }
.module-1 li:hover .relative{box-shadow:2px 2px 8px #eee; cursor: pointer;}
.floor:hover img{right:15px}

.module-1 .relative:hover .floor{
bottom: 0;
}
.case li .floor{
    padding: 22px 20px;
}
@media (max-width:780px) {
.floor{ position: relative;  padding:15px 0 10px 0;}
.floor h4{ line-height: 18px; }
.floor img{ top: 12px; display: none }
.floor{ bottom: 0; }
.module-1 .relative{box-shadow:0px 0px 6px #eee;  margin: 0;margin-bottom:15px; }

}

/*.module-4 .understand {
background: url(../images/index-products1.jpg) top center fixed;
padding: 85px 0;
text-align: center;
}*/

/*工程案例*/
.details-banner{
/*background: url(../images/ny-banner.jpg) top center fixed;*/
height: 300px;
position: relative;
color: #fff;
}
.details-banner.cpzs{
background: url(../images/banner-cpzs.jpg) top center fixed;
}
.details-banner.cztj{
background: url(../images/banner-cztj.jpg) top center fixed;
}
.details-banner.gcal{
background: url(../images/banner-gcal.jpg) top center fixed;
}
.details-banner.gywm{
background: url(../images/banner-gywm.jpg) top center fixed;
}
.details-banner.jdsb{
background: url(../images/banner-jdsb.jpg) top center fixed;
}
.details-banner.zlgl{
background: url(../images/banner-zlgl.jpg) top center fixed;
}
.details-banner.zttp{
background: url(../images/banner-zttp.jpg) top center fixed;
}
.details-banner.lxwm{
background: url(../images/banner-lxwm.jpg) top center fixed;
}
.details-banner.rczp{
background: url(../images/banner-rczp.jpg) top center fixed;
}
.details-banner.xwzx{
background: url(../images/banner-xwzx.jpg) top center fixed;
}
.details-banner.yxfw{
background: url(../images/banner-yxfw.jpg) top center fixed;
}







.bread-nav{ padding-top:109px   }
.bread-nav h3{ font-size: 42px; color: #fff; padding-bottom:15px; }
.bread-nav a,.bread-nav span{ font-size: 14px; color: #fff; }
.d-title-tab{ text-align: center; }
.d-title-tab.fixed{ 
    position: fixed;
    padding-bottom: 10px;
    background: #fff;
    top: 50px;
    z-index: 2;
    width: 100%;
    border-bottom: 1px solid #eee;
}
.d-title-tab li{
    margin: 0 5px;
display: inline-block;
border: 1px solid #eee;
color: #999999;
text-align: center;
padding:3px 15px ;
-webkit-transition:  all 0.3s ease-out;
-moz-transition:  all 0.3s ease-out;
-o-transition:  all 0.3s ease-out;
transition:  all 0.3s ease-out;
}
.d-title-tab li.on,
.d-title-tab li:hover
{
cursor: pointer;
color: #fff;
background: #068237; 
border-color:  #068237;

}
.d-content p{
    text-align: left;
    line-height: 2.7;
    max-width:900px;
    margin: 0 auto;
}
.d-content p br{
 display: none
    }
.d-content img{ margin:35px auto ;    width: 100%; max-width:650px; display: block;  }
.d-content span{ padding:0 10px; }
.d-title{ padding: 70px 0 60px 0; }
@media (max-width: 1440px){
    .details-banner{ height:250px;  }
    .bread-nav h3{ font-size: 36px; }
}


@media (max-width: 780px){
.details-banner{
height:200px;margin-top:90px; 
}
.d-title{ padding: 35px 0 15px 0; }
.d-title h3{ margin: 0; }
.d-title span{ font-size: 12px; }
.bread-nav{ padding-top:70px}
.bread-nav h3{ font-size:22px; padding-bottom:10px; }

}

/*基地设备*/
 

@-webkit-keyframes up-slip {
    0%
    {
        filter:alpha(opacity=100); 
        -moz-opacity:1; 
        -khtml-opacity:1; 
        opacity: 1;
        -webkit-transform: translateY(100%);
        transform: translateY(100%);
    }
    100%
    {
    -webkit-transform: translateY(0);
        transform: translateY(0);
        filter:alpha(opacity=100); 
        -moz-opacity:1; 
        -khtml-opacity:1; 
        opacity: 1;
    }
}
@-o-keyframes up-slip {
    0%
    {
        filter:alpha(opacity=100); 
        -moz-opacity:1; 
        -khtml-opacity:1; 
        opacity: 1;
        -webkit-transform: translateY(100%);
        transform: translateY(100%);
    }
    100%
    {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        filter:alpha(opacity=100); 
        -moz-opacity:1; 
        -khtml-opacity:1; 
        opacity: 1;
    }
}
@-moz-keyframes up-slip {
    0%
    {
       filter:alpha(opacity=100); 
        -moz-opacity:1; 
        -khtml-opacity:1; 
        opacity: 1;
        -webkit-transform: translateY(100%);
        transform: translateY(100%);
    }
    100%
    {
    -webkit-transform: translateY(0);
        transform: translateY(0);
        filter:alpha(opacity=100); 
        -moz-opacity:1; 
        -khtml-opacity:1; 
        opacity: 1;
    }
}
@keyframes up-slip {
    0%
    {
    filter:alpha(opacity=100); 
        -moz-opacity:1; 
        -khtml-opacity:1; 
        opacity: 1;
        -webkit-transform: translateY(100%);
        transform: translateY(100%);
    }
    100%
    {
    -webkit-transform: translateY(0);
        transform: translateY(0);
        filter:alpha(opacity=100); 
        -moz-opacity:1; 
        -khtml-opacity:1; 
        opacity: 1;
    }
}

.up-slip{
overflow: hidden;
animation:up-slip 0.7s ease-out forwards;
-webkit-animation:up-slip 0.7s ease-out forwards;
-o-animation:up-slip 0.7s ease-out forwards;
-moz-animation:up-slip 0.7s ease-out forwards;
filter:alpha(opacity=100); 
-moz-opacity:1; 
-khtml-opacity:1; 
opacity: 1;
}
.equipment figure,
.services li,
.case li,
.Talent li
{
    -webkit-transform:translateY(100%);
    -moz-transform:translateY(100%);
    -o-transform:translateY(100%);
    transform:translateY(100%);
    -ms-transform:translateY(0);
}

.equipment figure .relative{
display: block;
    border: 1px solid #fbfafa;
    margin: 5px 0;
    padding: 5px;
    box-shadow: 4px 2px 16px #fbfafa;
 }
 
.equipment figure .relative img{max-width: 100%;}

 

.equipment figure .click-img{
position: absolute;
bottom:-30px;
right: 0;
left: 0;
background: #068237;
color: #fff;
font-weight: bold;
font-size: 24px;
text-align: center;
height: 30px;
line-height: 30px;

-webkit-transition:  all 0.3s ease-out 0s;
-moz-transition:  all 0.3s ease-out 0s;
-o-transition:  all 0.3s ease-out 0s;
transition:  all 0.3s ease-out 0s;
}
.equipment figure:hover .click-img{ 
bottom: 0;

}
.equipment figure h4,
.equipment figure h5,
.equipment figure h6
{ color: #666; }
.equipment figure h4{ font-size: 16px; margin-top:20px; line-height: 30px;  }
.equipment figure h5{font-size: 14px; margin-bottom:35px;  }
.equipment figure h6{font-size: 16px; margin:25px 0; text-align: center; }


@media (max-width:780px) {
.equipment figure h4{margin-top:10px;}
.equipment figure h5{margin-bottom:10px;}
}

/*营销服务*/
.services{text-align: left;}
.services li{ cursor: pointer; overflow: hidden; display: block;
 position: relative; padding:7px; margin-bottom:25px ; background: #f6f6f6; }
.services li img.col-md-3{z-index: 2; position: relative;width: 300px; margin-right:40px;  }
.services li div.col-md-6{padding-top: 20px;z-index: 2; position: relative; }
.services li h3{  color: #333; font-size: 16px; line-height: 40px; }
.services li p{ line-height:2.4; color: #666666; font-size: 12px; }
.services li i{z-index: 2; position: relative;margin-top: 35px;  float: right;
 border-left:1px solid #eee; color: #666;
font-size: 26px; height: 85px; line-height: 85px;
-webkit-transition:  all 0.3s ease-out;
-moz-transition:  all 0.3s ease-out;
-o-transition:  all 0.3s ease-out;
transition:  all 0.3s ease-out;
-webkit-transform: translate3d(0px,0,0);
-moz-transform: translate3d(0px,0,0);
-o-transform: translate3d(0px,0,0);
transform: translate3d(0px,0,0);
}
.services li:hover i{
-webkit-transform: translate3d(10px,0,0);
-moz-transform: translate3d(10px,0,0);
-o-transform: translate3d(10px,0,0);
transform: translate3d(10px,0,0);
}
.services li::after{
content:" ";
position: absolute;
top: 0px;
display: block;
left: 0;
width: 100%;
height: 100%; 
background: #fff; 
-webkit-transform: scaleY(0);
-moz-transform: scaleY(0);
-o-transform: scaleY(0);
transform: scaleY(0);
-webkit-transition: -webkit-transform .75s cubic-bezier(.19,1,.22,1);
-moz-transition: -moz-transform .75s cubic-bezier(.19,1,.22,1);
-o-transition: -o-transform .75s cubic-bezier(.19,1,.22,1);
transition: transform .75s cubic-bezier(.19,1,.22,1);  
-webkit-transform-origin: top;
-moz-transform-origin: top;
-o-transform-origin: top;
transform-origin: top;
-webkit-transition-delay: 0s;
-moz-transition-delay: 0s;
-o-transition-delay: 0s;
transition-delay: 0s; 
}
.services li:hover:after{
z-index: 0;
-webkit-transform-origin: bottom;
-moz-transform-origin: bottom;
-o-transform-origin: bottom;
transform-origin: bottom;  
-webkit-transform: scaleY(1);
-moz-transform: scaleY(1);
-o-transform: scaleY(1);
transform: scaleY(1);
}
.services li:hover{
-webkit-box-shadow:  0px 7px 17px #dedede; 
box-shadow:  0px 7px 17px #dedede;
}
@media (max-width:780px) {
.services li{ margin-bottom:15px;  }
.services li h3{text-align: left; line-height:35px; padding-top: 15px;    font-size: 18px;}
.services li img.col-md-3{ margin: 0; width: 100%; padding: 0;}
.services li i{ display: none; }
.services li div.col-md-6{ padding: 0 }
.services li p {
    line-height: 2; 
    font-size: 14px;
}
}

/*材质推荐*/
.tj-title-tab{
position: relative;
z-index: 3;
/*-webkit-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
-webkit-transition:all .8s ease-out;
-o-transition:all .8s ease-out;
transition:all .8s ease-out;*/
}
.tj-title-tab.fixed{
    position: fixed;
    padding-bottom:10px; 
    background: #fff;
    top: 50px;
    z-index: 2;
    width: 100%;
    border-bottom:1px solid #eee; 
    /*-webkit-transform: translateY(-100px);
    -ms-transform: translateY(-100px);
    -o-transform: translateY(-100px);
    transform: translateY(-100px);*/
}

.tj-title-tab .select-box{
/*position: relative;*/
display: inline-block;
margin: 3px 10px;
text-align: left;
background: #f8f8f8;
color: #666666;
}

.tj-title-tab .select-text{ 
    display: block;
    padding: 10px;
    /*width: 120px;*/
    cursor: pointer;
    border: 1px solid #eee; 
    position: relative;
    z-index:5;
    background: #f8f8f8; 
        overflow: hidden;
}
 .tj-title-tab a{ font-size: 14px; }
 .tj-title-tab .select-text a{  
    /*width: 65px; */
    overflow: hidden; 
    display: block;
    white-space: nowrap;
    float: left;
  }
.tj-title-tab .select-text:after{
content: " ";
background: url(../images/down.png)  no-repeat;
height: 8px;
width: 19px; 
display: block;
float: right;
margin:9px 0 0 9px; 
background-position: -62px -3px; 
-webkit-transition:  all 0.3s ease-out 0s;
-moz-transition:  all 0.3s ease-out 0s;
-o-transition:  all 0.3s ease-out 0s;
transition:  all 0.3s ease-out 0s;
transform:rotate(0deg);
-moz-transform:rotate(0deg);  /* Firefox */
-webkit-transform:rotate(0deg); /* Safari 和 Chrome */
-o-transform:rotate(0deg); 
}
.tj-title-tab .sliper{
display: none;
width: 100%; 
text-align:left;  
border-top:none; 
position: absolute;
z-index:6;
left: 0; 
top: 54px;
 
}
.tj-title-tab .sliper ul{
border: 1px solid #eee;
display: block;
overflow-y: hidden;
background: #f8f8f8; 
    }
.tj-title-tab .sliper li{
display:inline-block;
padding: 5px 0;
color: #666666;
cursor: pointer;
}
.tj-title-tab .sliper li a{
    display: block;
padding:5px 10px;

}
.tj-title-tab .sliper li:hover  a{
color: #fff;
background: #068237;
 }
 @media (max-width: 780px){
.tj-title-tab .sliper{ }
.tj-title-tab .select-text{ padding: 5px 10px; }
.tj-title-tab,
.d-title-tab{ padding-top:10px;  }
}
/*关于我们*/
.aboutus p{ text-indent: 2em; line-height: 2.5; color: #666666;
 font-size: 16px; text-align: left;  }
.Brand { border-top:2px dotted  #ccc; padding:10px 0; margin: 30px 0 0;}
.Brand li { font-size: 16px; color: #666; text-align: left; line-height: 35px;display: block; overflow: hidden;}
.Brand li h4{ font-size: 18px; padding:5px  0; margin-top:20px; }
.aboutus img{ max-width: 100%;    padding-top: 12px; margin-right:30px; float: left; margin-bottom:15px;   }
@media (max-width: 780px){
    .aboutus p,
    .Brand li
    { font-size: 14px; }
    .Brand li h4{ font-size: 16px; }
    .aboutus img{ margin:0 0 15px 0;   }
}
/*联系我们*/
.contactus{}

.contactus .col-md-6,.contactus .col-md-5{
opacity: 0;
filter:alpha(opacity=100);
-webkit-animation:fadeInLeft 0.6s linear forwards;
-moz-animation:fadeInLeft 0.6s linear forwards;
-o-animation:fadeInLeft 0.6s linear forwards;
animation:fadeInLeft 0.6s linear forwards;  
-webkit-animation-delay:0.6s;
-o-animation-delay:0.6s;
animation-delay:0.6s;
}
.contactus .col-md-5{
-webkit-animation:fadeInRight 0.6s linear forwards;
-moz-animation:fadeInRight 0.6s linear forwards;
-o-animation:fadeInRight 0.6s linear forwards;
animation:fadeInRight 0.6s linear forwards; 
-webkit-animation-delay:0.7s;
-o-animation-delay:0.7s;
animation-delay:0.7s;
}
.lx-us li{ color: #666; font-size: 14px; text-align: left;line-height: 26px;}
.lx-us li h4{ font-size: 16px; font-weight: bold; padding:13px 0;} 
.lx-us{ display: block;overflow: hidden; margin-top: 50px;}
.lx-us li.jd{  background: url(../images/about-icon.png) no-repeat 0 -6px;padding-left: 19px; }
.lx-us li.tel{ background: url(../images/about-icon.png) no-repeat 0 -46px;padding-left: 19px; }
.lx-us li.cz{ background: url(../images/about-icon.png) no-repeat 0 -71px;padding-left: 19px; }
.lx-us li.yx{ background: url(../images/about-icon.png) no-repeat 0 -96px;padding-left: 19px; }

.lx-us li.wz{ background: url(../images/about-icon2.png) no-repeat 0 -28px;padding-left: 19px; }
.lx-us li.yb{ background: url(../images/about-icon2.png) no-repeat 0 -1px;padding-left: 19px; }
.lx-us li.rx{ background: url(../images/about-icon2.png) no-repeat 0 -54px;padding-left: 19px; }

.lx-us img{ max-width: 100%; }
.lx-us .hezuo{ 
border: 1px solid #eee;
float: left; 
font-size: 16px;
width: 115px; 
height: 40px;
line-height: 38px; 
text-align: center ;
-webkit-transition:  all 0.3s ease-out 0s;
-moz-transition:  all 0.3s ease-out 0s;
-o-transition:  all 0.3s ease-out 0s;
transition:  all 0.3s ease-out 0s;
}
.contactus .go-hezuo{
border: 1px solid #eee;
height: 40px; 
width: 40px;
display: block;
float: left;
margin-left:10px;
text-align: center; 
background: url(../images/right2.png) no-repeat 14px 10px;
-webkit-transition:  all 0.3s ease-out 0s;
-moz-transition:  all 0.3s ease-out 0s;
-o-transition:  all 0.3s ease-out 0s;
transition:  all 0.3s ease-out 0s;
} 
.d-title-tab li.on{
color: #fff;
background: #068237;
border-color: #068237;
}
.d-title-tab li.on a,.d-title-tab li:hover a{
    color: #fff;
}

.contactus li:last-child:hover .hezuo{ 
background:#068237;
color: #fff;
}
.contactus li:last-child:hover .go-hezuo{ 
transform: translate3d(10px,0,0);
}

/*人才招聘*/
.Talent{ text-align: left; overflow:hidden; }
.Talent li{ cursor: pointer; margin: 30px 0; padding:0 30px;}
.Talent .date{ overflow: hidden; }
.Talent .date p{ float: left; }

.Talent .date i{ 
width: 20px; 
height: 1px;
background: #eee;
display: block;
float: left;
margin: 11px 5px 0 5px;

}
.Talent li:hover .date i{
width: 50px;
}
.Talent .date:after{
content: " ";
height: 21px;
width: 150px;
display: block;
background: url(../images/right3.png) no-repeat 0px 3px;
float: right;
opacity: 0;
filter:alpha(opacity=100);
}
.Talent li:hover .date:after{ 
filter:alpha(opacity=100); 
-moz-opacity:1; 
-khtml-opacity:1; 
opacity: 1;
-webkit-transform:translate3d(10px,0,0);
-moz-transform:translate3d(10px,0,0);
-o-transform:translate3d(10px,0,0);
transform:translate3d(10px,0,0);
}

.Talent h6{
color: #666; 
font-size: 16px; 
border-bottom:1px solid #eee; 
padding:20px 0;
margin: 0 0 15px 0;

}
.Talent li:hover h6{
-webkit-transform:translate3d(0,5px,0);
-moz-transform:translate3d(0,5px,0);
-o-transform:translate3d(0,5px,0);
transform:translate3d(0,5px,0);
}
.Talent .info{
color: #999;
font-size: 12px;

}
.Talent li:hover .info{
-webkit-transform:translate3d(0,-5px,0);
-moz-transform:translate3d(0,-5px,0);
-o-transform:translate3d(0,-5px,0);
transform:translate3d(0,-5px,0);
}

.Talent .date i,
.Talent .date:after,
.Talent .info,
.Talent h6
{
-webkit-transition: all 0.3s ease-out 0s;
-moz-transition: all 0.3s ease-out 0s;
-o-transition: all 0.3s ease-out 0s;
transition: all 0.3s ease-out 0s;
}
.pop-up{ 
display: none;
text-align: left;
padding:20px;
position: fixed;
width: 1010px;
height:510px;
left: 50%;
margin-left:-505px; 
top: 50%;
margin-top: -255px;
z-index: 3;
background: #fff;
}
.pop-up em{ margin-right:15px;  }
.pop-up ul{padding:0 40px; margin: 30px 0; height: 360px; overflow-y: auto;}
.pop-up li{ display: block; overflow: hidden; padding:7px 0; color: #666; }
.pop-up span{
display: block;
font-size: 18px;
background: url(../images/icon.png) 0 -7px no-repeat;
border-bottom: 1px solid #eee;
padding: 6px 48px 21px 48px;
}
.pop-up .button{ display: none; cursor: pointer; background: #068237;color: #fff; font-size: 16px; margin:50px auto 0;
width: 153px; height: 43px; line-height: 43px; text-align: center; }
.pop-up .close{
background: url(../images/icon.png) 0 -68px no-repeat;
height: 30px; width: 36px;
position: absolute;
right:25px;
top: 25px; 
filter:alpha(opacity=100); 
-moz-opacity:1; 
-khtml-opacity:1; 
opacity: 1;
}

.background-color{
display: none;
background: #000; 
filter:alpha(opacity=40);
-moz-opacity:0.4; 
-khtml-opacity:0.4;
opacity: 0.4;
height: 100%;
width: 100%;
position: fixed; 
z-index: 2;
top: 0;
left: 0; 
}
@media (max-width: 780px){
.Talent li{ padding: 0 15px; }
.Talent h6{ padding:10px 0; }
.pop-up{ width:280px; padding: 15px; height: 340px; margin-top:-170px; margin-left:-140px   }
.pop-up ul{ height:276px; padding: 0; margin:0; }
.pop-up span{ background: none; padding:0 0 10px 0; }
.pop-up .close{    right: 8px; top: 8px; }
.pop-up .button {
    margin: 15px auto 0; 
    width: 100px;
    height: 30px;
    line-height: 30px; 
}
}


/*新闻动态*/
.news{text-align: left; }
.news li:first-child{border-top:1px solid #eee;}
.news li{ background: none; border-bottom:1px solid #eee; padding:35px 0; margin-bottom:0;   }
.news li:hover{
  box-shadow: none;
}
.news h2{font-size: 18px;    line-height: 45px;}
.news span  p{
 font-size: 30px; color: #333;
}

.news span{
z-index: 2; 
position: relative;
margin-top: 35px; 
 float: right; 
height: 85px;  
margin-right:40px; 
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out; 
-webkit-transform: translate3d(0px,0,0);
-moz-transform: translate3d(0px,0,0);
-o-transform: translate3d(0px,0,0);
transform: translate3d(0px,0,0);
}
.news li div.col-md-6{
-webkit-transform: translateX(0px);
-ms-transform: translateX(0px);
-o-transform: translateX(0px);
transform: translateX(0px);
}
.news span img{
 float: right;
 }

.news li img.col-md-3,
.news li div.col-md-6,
.news span
{
-webkit-transition: all 0.3s ease-out 0s;
-moz-transition: all 0.3s ease-out 0s;
-o-transition: all 0.3s ease-out 0s;
transition: all 0.3s ease-out 0s;
}

.news li:hover span{
  margin-right:20px; 
}
@media (min-width:779px){
.news li:hover img.col-md-3,
.news li:hover div.col-md-6{
-webkit-transform: translateX(-10px);
-ms-transform: translateX(-10px);
-o-transform: translateX(-10px);
transform: translateX(-10px);

}
}
@media (max-width: 780px){
.news span p{font-size: 14px; }
.news span img{ display: none; }
.news span{ margin:0; height: auto; }
.news li{ padding:15px 0; }
.news h2{
        text-align: left;
    line-height: 35px;
    padding-top: 15px;
    font-size: 18px;
}
}
/*质量管理*/
.quality .col-sm-6 img{ max-width: 100%; display: block; margin: 0 auto; }




/*分享*/
.d-title .c999.relative{ height: 24px; }

.openshare{ cursor: pointer; }
.openshare i{
    display: inline-block;
    background: url(../images/icon.png) -1px -126px no-repeat;
    height: 8px;
    width: 22px;
    -webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
    transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
}
.openshare.on i{
transform:rotate(180deg);
-moz-transform:rotate(180deg);  /* Firefox */
-webkit-transform:rotate(180deg); /* Safari 和 Chrome */
-o-transform:rotate(180deg); 
-webkit-transform-origin: 30% 60%;
-moz-transform-origin: 30% 60%;
-o-transform-origin: 30% 60%;
transform-origin: 30% 60%;
}

.share {display:none; position:relative; } 
.share-btns {
position: relative;
top: 3px;
height: 30px; 
background: #FAFAFA;
border: 1px solid #EDEDED;
text-align: left;
display: inline-block;
vertical-align: middle; 
cursor: pointer; 
}
.share .share-btns a {
    background:#FAFAFA url("../images/share_icon.png") no-repeat scroll 6px 4px;
    display: block;
    float: left;
    height: 28px;
    position: relative;
    width: 30px;
    margin: 0;
    padding: 0;
}
.weibo:hover{background-position: -34px 4px;}
.share-btns a.qzone { background-position: 6px -36px;}
.share-btns a.qzone:hover{background-position:-34px -36px;}
.share-btns a.weixin {background-position:6px -276px;}
.share-btns a.weixin:hover{background-position:-34px -276px;}
.share-btns a.tqq{background-position:5px -75px}
.share-btns a.tqq:hover{background-position:-35px -75px}
.share-btns a.sqq{background-position:4px -155px}
.share-btns a.sqq.sqq:hover{background-position:-36px -155px}
.share-btns a.douban{background-position:5px -195px}
.share-btns a.douban:hover{background-position:-35px -195px}
.share-btns a.renren{background-position:6px -235px}
.share-btns a.renren:hover{background-position:-34px -235px}
.share-btns a::after {
    background: #ededed none repeat scroll 0 0;
    content: "";
    display: block;
    height: 16px;
    position: absolute;
    right: 0;
    top: 6px;
    width: 1px;
} 
.share .share-btns:after{
    content: "";
    width: 27px;
    height: 10px;
    position: absolute;
    top: -10px;
    right: 20px;
    background: url(../images/arrow_with_shadow.png) 0 0 no-repeat;
}


/*弹出微信二维码*/
.layui-layer-page{ 
position: absolute;
display: none;
left: 50%;
top: 50%;
margin: 0 auto;
padding: 10px;
width: 240px;
height: 300px;
margin-left: -120px;
margin-top:-150px; 
background: #fff;
border: solid 1px #d8d8d8;
z-index: 10;
font-size: 12px; 
display: none;
}
.weixin_popup_head{
    font-size: 12px;
    font-weight: bold;
    text-align: left;
    line-height: 16px;
    height: 16px;
    position: relative;
    color: #000;
}
.layui-layer-page span {
    font-size:14px;
    font-weight: bold;
    text-align: left;
    line-height: 16px;
    height: 16px;
    position: relative;
    color: #000;
}
.layui-closewx-close{
    width:23px;
    height: 16px;
    position: absolute;
    right: 0;
    top:0;
    color: #999;
    text-decoration: none;
    font-size: 20px;
    cursor: pointer;
}
.weixin_popup_foot {
    font-size: 12px;
    text-align: left;
    line-height: 22px;
    color: #666;
}
.layui-layer-page img{ width:185px; display: block; margin: 0 auto; }
.layui-layer-bg{ 
    display: none;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; 
    position: fixed;
    _position: absolute;
    pointer-events: auto;
    z-index: 9;
    background-color: #000;
    filter:alpha(opacity=0.5);
    -moz-opacity:0.5; 
    -khtml-opacity:0.5; 
    opacity: 0.5;
}
 
 /*材质推荐详情*/
.news-info{/* background:#1c1c1c;*/ padding:0 50px;}
.news-info-top{ top:0px; left:0px; right:0px;z-index:999; background:#1c1c1c;}
/*.news-info-title{ font-size:22px; color:#c09358; line-height:30px;}*/
.news-info-header{ text-align:right;left:0px; right:20px; top:0px; z-index:9999; background:#fff; padding:20px 0;}
.news-info-header a{ display:inline-block; width:30px; height:30px;overflow:hidden; margin:0 5px; position:relative;}
.news-info-header a.go-back{ padding:10px; border:solid 1px #efefef;}
.news-info-header a.prev:after{}

.news-info-header a.prev::after{ content:'';display:inline-block; position:absolute; top:30px; left:0px;width:30px; height:30px; background:url(../images/news-prev.png) no-repeat center center #c09358; transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; background-size:25px;border-radius:50%; overflow:hidden; }
.news-info-header a.prev::before{ content:'';display:inline-block; position:absolute; top:0px; left:0px; width:30px; height:30px; background:url(../images/news-prev.png) no-repeat center center ; transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; background-size:25px;border-radius:50%; overflow:hidden; }
.news-info-header a.prev:hover::after{ margin-top:-30px;}
.news-info-header a.prev:hover::before{ margin-top:-30px;}

.news-info-header a.next::after{ content:'';display:inline-block; position:absolute; top:30px; left:0px;width:30px; height:30px; background:url(../images/news-next.png) no-repeat center center #c09358; transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; background-size:25px;border-radius:50%; overflow:hidden; }
.news-info-header a.next::before{ content:'';display:inline-block; position:absolute; top:0px; left:0px; width:30px; height:30px; background:url(../images/news-next.png) no-repeat center center ; transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; background-size:25px; border-radius:50%; overflow:hidden; }
.news-info-header a.next:hover::after{ margin-top:-30px;}
.news-info-header a.next:hover::before{ margin-top:-30px;}

.news-info-header a.del::after{ content:'';display:inline-block; position:absolute; top:30px; left:0px;width:30px; height:30px; background:url(../images/news-del.png) no-repeat center center #c09358; transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; background-size:25px;border-radius:50%; overflow:hidden; }
.news-info-header a.del::before{ content:'';display:inline-block; position:absolute; top:0px; left:0px; width:30px; height:30px; background:url(../images/news-del.png) no-repeat center center ; transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; background-size:25px; border-radius:50%; overflow:hidden; }
.news-info-header a.del:hover::after{ margin-top:-30px;}
.news-info-header a.del:hover::before{ margin-top:-30px;}

/*.news-info-time{ font-size:14px; color:#949494; border-bottom:solid 1px #949494; padding:20px 0; margin:0 60px; background:#1c1c1c;}*/
.news-info-container{  line-height:30px; font-size:14px; color:#949494; text-align:center;}
.news-info-container img{ max-width: 100%; }
/*.news-info-container h5{ font-size: 16px; }*/
.news-info-header .goback{
    font-size: 16px;
    width: 50px;
    line-height: 31px;
    color: #999;
    }
    .news-info-header .goback:hover{ color: #068237; }
.cz-info-box{ background: #f9f9f9; padding:15px 0; overflow:hidden; margin:20px auto 0; max-width: 500px;  } 
.cz-info-box h4{ font-size: 14px; color: #999; float: left; padding: 15px }



table.noBorderTable td,table.noBorderTable th,table.noBorderTable caption{border:1px dashed #ddd;}
table{margin-bottom:10px;border-collapse:collapse;display:table;width:100%!important}
td,th{word-wrap:break-word;word-break:break-all;padding:5px 10px;border:1px solid #DDD}
caption{border:1px dashed #DDD;border-bottom:0;padding:3px;text-align:center}
th{border-top:2px solid #BBB;background:#f7f7f7}
.ue-table-interlace-color-single{background-color:#fcfcfc}
.ue-table-interlace-color-double{background-color:#f7faff}