/*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: #e60011;

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;

}





/*........页面动画效果公用 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: #FFCB06;

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: #e60011; 

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: #0A2F49;

}

.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;

 }

 /*.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: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:10px  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: #e60011;

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: #e60011;

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:#e60011;}

 

.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: #e60011;

}

@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: #e60011;

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: #FFCB06;

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: 5px 60px;

}

@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: #e60011; 

border-color:  #e60011;



}

.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:auto; 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:50px; 

}

.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: #e60011;

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: #e60011;

 }

 @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: #e60011;

border-color: #e60011;

}

.d-title-tab li.on a,.d-title-tab li:hover a{

    color: #fff;

}



.contactus li:last-child:hover .hezuo{ 

background:#e60011;

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: #e60011;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: #e60011; }

.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 }



























    .height50 a{

              margin: 0 10px;

            background: #165b8c;

            

            color: #fff;

            padding: 5px 5px;

            transition: all 0.2s linear;

            border-radius: 2px;

            display: inline-block;

            

            }

            .height50 a:hover{

              background: #FFCB06;

            }



            .height50 .hoverr{

            background: #FFCB06;

          }

          .ittem{

            display: none;

          }

          .news-img .iinmin{

            width: 100%;

            height: 369.59px;

          }



.module-5 .dsad{

width: 33.3%;

}

          @media screen and (max-width: 600px) {

            .height50{



            }

       .height50 a{

       margin: 4px 2px;

     }

       .module-5 .dsad{

    width: 100%;

    }

    .dsaji{

      height: auto;

    }



}


.i-about {

    width: 100%;

    margin-top: 100px;

    background: url(/images/i-about-bj.jpg) no-repeat;

    padding-top: 60px;

}



.inner {

    width: 1200px;

    margin: 0px auto;

}

.i-about .title {

    text-align: center;

    position: relative;

}

.i-about .title H2 {

    font-size: 36px;

    color: #FFF;

    line-height: 36px;

    font-weight: bold;

}

.i-about .title .t1 {

    font-size: 18px;

    color: #FFF;

    font-weight: normal;

    margin: 0px auto 0 auto;

    font-weight: normal;

    line-height: 50px;

    text-align: center!important;

    position: relative;

    top: 0px;

    font-family: Arial, Helvetica, sans-serif;

}

.plr20 {

    padding: 0px 10px;

}

.i-about .title .xian {

    content: "";

    width: 40px;

    height: 3px;

    background: #FFF;

    margin: 10px auto;

    display: block;

}

.i-about .title H6 {

    font-size: 14px;

    color: #fff;

    line-height: 24px;

    margin-top: 20px;

}

.i-about .list {

    display: inline-block;

    margin-top: 30px;

}

.i-about .list li {

    width: 33.33%;

    float: left;

}

.i-about .list li a {

    color: #666;

}

.i-about .list li figure {

    display: block;

    line-height: normal;

    width: 100%;

    float: left;

    overflow: hidden;

}

.i-about .list li img {

    text-align: center;

    transition: 460ms;

    display: block;

    line-height: 0;

}

.i-about .list li H4 {

    color: #231815;

    line-height: 50px;

    text-align: center;

    font-size: 18px;

}

.i-about .list li h6 {

    font-size: 14px;

    text-align: center;

}

.i-about .list li H6:before {

    width: 25%;

    height: 1px;

    background: #eee;

    margin-right: 20px;

    z-index: 999;

    content: "";

    display: inline-block;

    position: relative;

    top: -5px;

}

.i-about .list li H6:after {

    width: 25%;

    height: 1px;

    background: #eee;

    margin-left: 20px;

    z-index: 999;

    content: "";

    display: inline-block;

    position: relative;

    top: -5px;

}

.i-about .list li a {

    color: #666;

}

.i-about .list li img {

    text-align: center;

    transition: 460ms;

    display: block;

    line-height: 0;

}

.i-about .list li:hover figure img {

    transform: scale(1.08);

}

@media screen and (max-width: 641px){

  .i-about {

    margin-top: 30px;

    padding-top: 40px;

}

.inner {

    width: 100%;

}

.i-about .list li {

    width: 100%;

    margin-bottom: 20px;

}

.i-about .list li img {

    width: 100%;

    max-width: 400px;

    margin: 0px auto;

}

.i-about .list li H6:after {

    width: 22%;

    height: 1px;

    background: #eee;

    margin-left: 20px;

    z-index: 999;

    content: "";

    display: inline-block;

    position: relative;

    top: -5px;

}

.i-about .list li H6:before {

    width: 22%;

    height: 1px;

    background: #eee;

    margin-right: 20px;

    z-index: 999;

    content: "";

    display: inline-block;

    position: relative;

    top: -5px;

}



}