/*首页banner star*/

.banner-cont{position: absolute;z-index: 9;top: 50%;left:0;color: #fff;width: 100%;text-align:center;margin-top: -165px;}
.banner-cont.one,.banner-cont.fifty{text-align: left;left: 12%;}
.banner-cont.three{text-align: right; right:10%; left:auto;}
.banner-t{ position:relative;}
.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-top:32px;  opacity: 0;filter:alpha(opacity=100);}
.banner-t .cont-p{font-size: 28px;margin-top:85px;opacity: 0;filter:alpha(opacity=100);}
.banner-t .blink-p{margin-top:77px; opacity: 0;filter:alpha(opacity=100);text-transform: Uppercase;}
.banner-t span.s{  display: block;opacity: 0;filter:alpha(opacity=100);text-transform: Uppercase;margin-top:15px;line-height: 15px;}
.fifty-bg{ background-repeat:no-repeat; background-position: top right; background-size:cover}


.banner-cont.year{ top:0px; margin-top:0px;}
.banner-t .year h3{ margin-top:125px;}
.banner-t .year h2{ margin-top:10px;}
.banner-t .year .cont-p{ margin-top:0px;}
.banner-t .year .blink-p{margin-top:20px;}
.banner-t .year .span{ margin-top:15px;}

.banner-t .two h3{}
.banner-t .two h2{ margin-top:37px;}
.banner-t .two .cont-p{ margin-top:63px;}
.banner-t .two .blink-p{margin-top:63px;}
.banner-t .two .span{ margin-top:15px;}


.banner-t .three h3{}
.banner-t .three h2{ margin-top:28px;}
.banner-t .three .cont-p{ margin-top:63px;}
.banner-t .three .blink-p{margin-top:64px;}
.banner-t .three .span{ margin-top:21px;}

.banner-t .fifty h3{}
.banner-t .fifty h2{ margin-top:26px; padding-left:83px; }
.banner-t .fifty .cont-p{ margin-top:13px;padding-left:16px; }
.banner-t .fifty .blink-p{margin-top:56px;padding-left:17px; }

 .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:fadeInRightBig 0.9s linear 0.3s forwards;
-moz-animation:fadeInRightBig 0.9s linear 0.3s forwards;
-o-animation:fadeInRightBig 0.9s linear 0.3s forwards;
animation:fadeInRightBig 0.9s linear 0.3s forwards;
}
.banner-t .active .blink-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.s{
-webkit-animation:fadeInLeftBig 0.9s linear 0.3s forwards;
-o-animation:fadeInLeftBig 0.9s linear 0.3s  forwards;
-moz-animation:fadeInLeftBig 0.9s linear 0.3s forwards;
animation:fadeInLeftBig 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; width: 100%; display: block; background-position: center bottom;}


/*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;
 }
@media only screen and (max-width:1600px){
	.banner-cont{ top:50%;}
	.banner-cont.year{ top:0px; margin-top:0px;}
	}
@media only screen and (max-width:1440px){
.banner-cont{ top:45%;}
.banner-t .banner-cont img{ max-width:80%;}
.banner-t .banner-cont.fifty img{ max-width:50%;}
.banner-t .banner-cont.fifty{ left:0%; text-align:center;}
}
@media (min-width:779px){

    .banner-t .lxwm, 
    .banner-t .ljmore{
    height: 45px;line-height: 45px;
    }
}

@media (max-width: 1024px) {
.m-one{ background-image:url(../images/m-a-banner.png) !important; background-size:cover; background-repeat:no-repeat;}
.m-two{ background-image:url(../images/m-b-banner.png) !important; background-size:cover; background-repeat:no-repeat;}
}
@media (max-width: 780px) {
.thumb{ padding-top: 20px; }
.banner-t .fifty h2{ padding-left: 0px; margin-top: 6px;}
.banner-t .owl-controls{ bottom:1%; }
.banner-t .blink-p{ margin-top: 10px; }
.banner-t .two .blink-p{ margin-top: 20px; }
.banner-t .three .blink-p{ margin-top: 20px; }
.banner-t .cont-p{ margin-top: 20px; }
.banner-t .two .cont-p{ margin-top: 20px; }
.banner-t .three .cont-p{ margin-top: 20px; }
.banner-cont{top:45%;}
.banner-cont.fifty{ top:auto; bottom:13%; }
.two .banner-cont{top:35%;}
.index-banner{position: relative;}
.banner-t .lxwm, .banner-t .ljmore{margin: 5px;width: 115px; padding:8px 15px;}
.fifty .thumb img{ max-width: 80%; }
.banner-t .thumb.fifty-thumb img{ max-width:95%; }
/*.banner-t h2 {font-size:40px;}
.banner-t h3 {font-size:30px;}
.banner-t .cont-p {font-size: 16px; }*/
.banner-t .item.fifty-bg{ background-size: auto 100%;background-position: 0 0;}
.banner-cont{margin-top:-72px; padding-left: 10px;} 
.banner-t img{ width: 80%; }
.banner-t .thumb img{ width: 100%; }
.banner-t .banner-cont.fifty img{ max-width:80%; width:80%;}
.banner-t .fifty h2{ display: block;}
.banner-t .fifty .blink-p{ margin-top: 10px;}
 .banner-t .active h3,
 .banner-t .active h2,
 .banner-t .active .cont-p,
 .banner-t .active .blink-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,.banner-t .active .blink-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; bottom:5%;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.html);
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*/


@media (max-width:780px) {

.banner-t .owl-controls .owl-next, .banner-t .owl-controls .owl-prev{
height: 30px;
width:30px;
margin-top:-15px;
display: none;
}

}
.index-banner .owl-page span{ opacity:1;}