.fullSlide {

  width: 100%;

  position: relative;

  height: 500px;

  background: #FFF;

  overflow: hidden;

}



.fullSlide .bd {

  height: 500px;

  margin: 0 auto;

  position: relative;

  z-index: 1;

  overflow: hidden;

}



.fullSlide .bd ul {

  width: 100% !important;

}



.fullSlide .bd li {

  width: 100% !important;

  height: 500px;

  overflow: hidden;

  text-align: center;

}



.fullSlide .bd li a {

  display: block;

  height: 500px;

}



.fullSlide .hd {

  width: 100%;

  position: absolute;

  z-index: 2;

  bottom: 50px;

  left: 0;

  height: 30px;

  text-align: center;

}



.fullSlide .hd ul {

  text-align: center;

}



.fullSlide .hd ul li {

  cursor: pointer;

  display: inline-block;

  zoom: 1;

  width: 11px;

  height: 11px;

  margin: 12px;

  border: 2px solid #fff;

  overflow: hidden;

  line-height: 99px;

  border-radius: 50%;

  -webkit-transition: all .3s ease-out;

  transition: all .3s ease-out;

}



.fullSlide .hd ul .on {

  background: #03a766;

  border: 2px solid #03a766;

  -webkit-transition: all .3s linear;

  transition: all .3s linear;

}





.fullSlide .next {

  width: 29px;

  height: 56px;

  position: absolute;

  top: 50%;

  z-index: 9;

  background: url(../images/bannerr.png) no-repeat center;

  -webkit-transition: all .5s linear;

  transition: all .5s linear;

  right: 10%;

}



.fullSlide .prev {

  width: 29px;

  height: 56px;

  position: absolute;

  top: 50%;

  z-index: 9;

  background: url(../images/bannerl.png) no-repeat center;

  -webkit-transition: all .5s linear;

  transition: all .5s linear;

  left: 10%;

}







/*title*/



.title{

margin: 0 auto;

background: url(../images/title.png) no-repeat left top;

height: 200px;

}



.title span{

display: block;

font-size: 24px;

color: #fff;

float: left;

width: 100px;

text-align: center;

padding-top: 20px;

}



.title h3{

float: left;

margin-left: 30px;

font-size: 30px;

color: #484848;

font-weight: bold;

margin-top: 55px;

}



.title h3 a{

font-size: 30px;

color: #484848;

font-weight: bold;

}



.title h3 i{

display: block;

font-size: 12px;

color: #999999;

font-weight: normal;

text-transform: uppercase;

}



/*product*/



.product{

width: 1200px;

margin: 0 auto;



}



.product .pro_t{

width: 1240px;

height: 200px;

margin: 0 auto;

background: url(../images/title1.png) no-repeat 130px 70px;

}



.product .pro_t .title{

float: left;

}



.product .pro_t .pro_list{

float: left;

margin-left: 95px;

margin-top: 58px;

width: 855px;

}



.product .pro_t .pro_list ul li{

float: left;

width: 110px;

height: 93px;

margin: 0 15px;

text-align: center;

position: relative;

}



.product .pro_t .pro_list ul li a{

font-size: 15px;

color: #444444;

display: block;

overflow: hidden;

text-overflow: ellipsis;

white-space: nowrap;

-webkit-transition: all 0.5s ease-out;

-o-transition: all 0.5s ease-out;

transition: all 0.5s ease-out;

}



.product .pro_t .pro_list ul li a i{

display: block;

margin: 0 auto 15px auto;

width: 20px;

height: 22px;

background: url(../images/buttom1.png) no-repeat center;

}



.product .pro_t .pro_list .more{

float: right;

width: 34px;

height: 34px;

line-height: 34px;

background: #03a766;

border-radius: 50%;

text-align: center;

margin-top: 58px;

}



.product .pro_t .pro_list .more a{

display: block;

text-align: center;

font-size: 18px;

color: #fff;

}



.product .pro_t .pro_list ul li::after{

position: absolute;

left: 53px;

bottom: 0px;

content: "";

width: 4px;

height: 0;

background: #03a766;

-webkit-transition: all 0.5s ease-out;

-o-transition: all 0.5s ease-out;

transition: all 0.5s ease-out;

}



.product .pro_t .pro_list ul li:hover::after{

height: 20px;

}



.product .pro_t .pro_list ul li.on::after{

height: 20px;

}



.product .pro_box{

margin: 40px auto  0 auto;

width: 1260px;

}



.product .pro_box ul li{

float: left;

width: 370px;

margin: 0 45px 35px 0;

}



.product .pro_box ul li .pic{

width: 370px;

height: 270px;

background: #fff;

-webkit-box-shadow: 0 0 8px 6px rgba(0, 0, 0, .06);

box-shadow: 0 0 8px 6px rgba(0, 0, 0, .06);

border-top-right-radius: 15px;

border-bottom-left-radius: 15px;



}



.product .pro_box ul li .pic img{

width: 352px;

height: 252px;

margin: 9px;

border-top-right-radius: 15px;

border-bottom-left-radius: 15px;

}





.product .pro_box ul li .txt{

height: 70px;

margin: 0 10px;

}



.product .pro_box ul li .txt h3{

float: left;

width: 307px;

height: 70px;

line-height: 70px;

background: url(../images/pro_xt.png) no-repeat bottom center;

position: relative;



}



.product .pro_box ul li .txt h3 a{

background: url(../images/buttom2.png) no-repeat left center;

font-size: 15px;

color: #444;

display: block;

overflow: hidden;

text-overflow: ellipsis;

white-space: nowrap;

-webkit-transition: all 0.5s ease-out;

-o-transition: all 0.5s ease-out;

transition: all 0.5s ease-out;

padding-left: 20px;

}



.product .pro_box ul li .txt .more{

float: right;

width: 19px;

height: 40px;

background: url(../images/more.png) no-repeat  center;

margin-top: 30px;

-webkit-transition: all 0.5s ease-out;

-o-transition: all 0.5s ease-out;

transition: all 0.5s ease-out;

}



.product .pro_box ul li .txt h3::after{

position: absolute;

left: 0;

bottom: 3px;

width: 0;

height: 1px;

background: #03a766;

content: "";

-webkit-transition: all 0.5s ease-out;

-o-transition: all 0.5s ease-out;

transition: all 0.5s ease-out;

}



.product .pro_box ul li:hover .txt h3::after{

width: 50px;

}



.product .pro_box ul li:hover .txt .more{

background: url(../images/more1.png) no-repeat  center;

}







/*case*/



.case_bg{

width: 100%;

height: 620px;

margin: 45px auto 0 auto;

background: url(../images/case_bg.jpg) no-repeat  center;
}



.case_bg .case{

width: 1200px;

margin: 0 auto;

}



.case_bg .case .case_t{

width: 1240px;

height: 200px;

margin: 0 auto;

background: url(../images/title1.png) no-repeat 130px 70px;

}



.case_bg .case .case_t .title{

float: left;

}



.case_bg .case .case_t .case_r{

width: 840px;

float: right;

margin-right: 40px;

margin-top: 35px;

}



.case_bg .case .case_t .case_r h3{

float: left;

font-size: 72px;

color: #03a766;

font-weight: bold;

text-transform: uppercase;

font-family: 'Times New Roman', Times, serif;

opacity: 0.15;

}



.case_bg .case .case_t .case_r .more{

float: right;

width: 34px;

height: 34px;

line-height: 34px;

background: #03a766;

border-radius: 50%;

text-align: center;

margin-top: 80px;

display: block;

text-align: center;

font-size: 18px;

color: #fff;

}



.case_bg .case .case_box{

margin: 60px auto 0 auto;

position: relative;
}


.case_bg .case .case_box ul li{
  width: 25%;
}

.case_bg .case .case_box ul li .caseTxt img{
  display: block;
  margin:0 auto;
  height: 184px;
}

[class^='imghvr-'], [class*=' imghvr-'] {

position: relative;

display: inline-block;

margin: 0;

max-width: 100%;

color: #fff;

overflow: hidden;

-webkit-backface-visibility: hidden;

backface-visibility: hidden;

-moz-osx-font-smoothing: grayscale;

-webkit-transform: translateZ(0);

-moz-transform: translateZ(0);

-ms-transform: translateZ(0);

-o-transform: translateZ(0);

transform: translateZ(0);

}





[class^='imghvr-'], [class*=' imghvr-'], [class^='imghvr-']:before,

[class^='imghvr-']:after, [class*=' imghvr-']:before, [class*=' imghvr-']:after,

[class^='imghvr-'] *, [class*=' imghvr-'] *, [class^='imghvr-'] *:before,

[class^='imghvr-'] *:after, [class*=' imghvr-'] *:before, [class*=' imghvr-'] *:after {

-webkit-box-sizing: border-box;

-moz-box-sizing: border-box;

box-sizing: border-box;

-webkit-transition: all 0.35s ease;

-moz-transition: all 0.35s ease;

transition: all 0.35s ease;

}



[class^='imghvr-'] > img, [class*=' imghvr-'] > img {

vertical-align: top;

max-width: 100%;

}



[class^='imghvr-'] .example-desc, [class*=' imghvr-'] .example-desc {

padding: 30px;

background-color: #e84c3d;

position: absolute;

top: 0;

bottom: 0;

left: 0;

right: 0;

}





/* imghvr-blocks-rotate-in-left */

.imghvr-blocks-rotate-in-left:before,

.imghvr-blocks-rotate-in-left:after,

.imghvr-blocks-rotate-in-left .example-desc:before,

.imghvr-blocks-rotate-in-left .example-desc:after,

[class*=' imghvr-blocks']:before {

background-color: #03a766;

opacity: 0;

position: absolute;

content: '';

height: 50%;

width: 50%;

}



.imghvr-blocks-rotate-in-left:before,

.imghvr-blocks-rotate-in-left:after{

z-index: 1;

}



.imghvr-blocks-rotate-in-left:before{

top: 0;

right: 0;

-webkit-transform: translateY(-100%);

-moz-transform: translateY(-100%);

-ms-transform: translateY(-100%);

-o-transform: translateY(-100%);

transform: translateY(-100%);

}



.imghvr-blocks-rotate-in-left:after{

bottom: 0;

left: 0;

-webkit-transform: translateY(100%);

-moz-transform: translateY(100%);

-ms-transform: translateY(100%);

-o-transform: translateY(100%);

transform: translateY(100%);

}



.imghvr-blocks-rotate-in-left .example-desc{

z-index: 3;

background-color: transparent;

}



.imghvr-blocks-rotate-in-left .example-desc *{

opacity: 0;

-webkit-transition-delay: 0s;

-moz-transition-delay: 0s;

transition-delay: 0s;

}



.imghvr-blocks-rotate-in-left .example-desc:before,

.imghvr-blocks-rotate-in-left .example-desc:after{

z-index: -1;

}



.imghvr-blocks-rotate-in-left .example-desc:before{

top: 0;

left: 0;

-webkit-transform: translateX(-100%);

-moz-transform: translateX(-100%);

-ms-transform: translateX(-100%);

-o-transform: translateX(-100%);

transform: translateX(-100%);

}



.imghvr-blocks-rotate-in-left .example-desc:after {

bottom: 0;

right: 0;

-webkit-transform: translateX(100%);

-moz-transform: translateX(100%);

-ms-transform: translateX(100%);

-o-transform: translateX(100%);

transform: translateX(100%);

}



.imghvr-blocks-rotate-in-left a{

z-index: 3;

}



.imghvr-blocks-rotate-in-left:hover .example-desc *{

opacity: 1;

-webkit-transition-delay: 0.35s;

-moz-transition-delay: 0.35s;

transition-delay: 0.35s;

}





.imghvr-blocks-rotate-in-left:hover:before,

.imghvr-blocks-rotate-in-left:hover:after,

.imghvr-blocks-rotate-in-left:hover .example-desc:before,

.imghvr-blocks-rotate-in-left:hover .example-desc:after{

-webkit-transform: translate(0, 0) scale(1);

-moz-transform: translate(0, 0) scale(1);

-ms-transform: translate(0, 0) scale(1);

-o-transform: translate(0, 0) scale(1);

transform: translate(0, 0) scale(1);

opacity: 1;

}



.imghvr-blocks-rotate-in-left .example-desc{

text-align: center;

}

.imghvr-blocks-rotate-in-left .example-desc h3 a{

font-size: 18px;

color: #fff;

overflow: hidden;

text-overflow: ellipsis;

white-space: nowrap;

display: block;

-webkit-transition: all 0.5s ease-out;

-o-transition: all 0.5s ease-out;

transition: all 0.5s ease-out;

width: 510px;

height: 400px;

line-height: 400px;

}





.case_bg .case .case_box .case_r{

float: right;

width: 580px;

height: 460px;

} 



.case_bg .case .case_box .case_r ul li{

width: 580px;

height: 230px;

}



.case_bg .case .case_box .case_r ul li .pic{

float: left;

width: 290px;

height: 230px;

overflow: hidden;

}



.case_bg .case .case_box .case_r ul li .pic img{

width: 290px;

height: 230px;

overflow: hidden;

-webkit-transition: all 0.5s ease-out;

-o-transition: all 0.5s ease-out;

transition: all 0.5s ease-out;

}



.case_bg .case .case_box .case_r ul li:hover .pic img{

transform: scale(1.1);

-webkit-transform: scale(1.1);

-o-transform: scale(1.1);

}



.case_bg .case .case_box .case_r ul li .txt{

float: left;

width: 290px;

height: 230px;

background: #fff;

}



.case_bg .case .case_box .case_r ul li .txt i{

display: block;

width: 30px;

height: 1px;

background: #b4b4b4;

margin: 40px 0 0 30px;

-webkit-transition: all 0.5s ease-out;

-o-transition: all 0.5s ease-out;

transition: all 0.5s ease-out;

}



.case_bg .case .case_box .case_r ul li .txt a{

font-size: 16px;

color: #444444;

font-weight: bold;

display: block;

overflow: hidden;

text-overflow: ellipsis;

white-space: nowrap;

-webkit-transition: all 0.5s ease-out;

-o-transition: all 0.5s ease-out;

transition: all 0.5s ease-out;

margin: 7px 0 0 30px;

}



.case_bg .case .case_box .case_r ul li .txt span{

display: block;

width: 264px;

height: 1px;

background: #fafafa;

margin-top: 30px;



}



.case_bg .case .case_box .case_r ul li .txt p{

font-size: 13px;

color: #999;

line-height: 26px;

height: 52px;

overflow: hidden;

margin: 20px 0 0 30px;

width: 245px;

}



.case_bg .case .case_box .case_r ul li:hover .txt i{

background: #03a766;



}







/*about*/



.ab_bg{

width: 100%;

height: 557px;

margin: 80px auto 0 auto;

overflow: hidden;

}



.ab_bg .about{

width: 1200px;

height: 557px;

margin: 0 auto;

position: relative;

}



.ab_bg .about .ab_l{

float: left;

width: 600px;

}



.ab_bg .about .ab_l .title{

position: relative;

}



.ab_bg .about .ab_l .title::after{

position: absolute;

left: 135px;

top: 150px;

width: 464px;

height: 5px;

content: "";

background: url(../images/ab_t.png) no-repeat  center;

}



.ab_bg .about .ab_l .txt{

margin-top: 45px;



}



.ab_bg .about .ab_l .txt h5{

font-size: 20px;

color: #444444;



}



.ab_bg .about .ab_l .txt p{

font-size: 15px;

color: #777777;

line-height: 34px;

height: 102px;

overflow: hidden;

margin-top: 15px;



}



.ab_bg .about .ab_l .ab_list{

margin-top: 42px;

}



.ab_bg .about .ab_l .ab_list ul li{

width: 80px;

margin-right: 120px;

float: left;

text-align: center;



}



.ab_bg .about .ab_l .ab_list ul li a{

display: block;

font-size: 18px;

color: #555;

}



.ab_bg .about .ab_l .ab_list ul li span{

width: 80px;

height: 80px;

background: #aaaaaa;

border-radius: 50%;

display: block;

-webkit-transition: all 0.5s ease-out;

-o-transition: all 0.5s ease-out;

transition: all 0.5s ease-out;

margin-bottom: 15px;

}



.ab_bg .about .ab_l .ab_list ul li:hover span{

background: #03a766;

}



.ab_bg .about .ab_l .ab_list ul li.on span{

background: #03a766;

}



.ab_bg .about .ab_img{

float: right;

width: 762px;

height: 557px;

position: relative;

margin-right: -230px;

}



.ab_bg .about .ab_img img{

width: 762px;

height: 557px;

}



.ab_bg .about .ab_nr{

position: absolute;

right: -360px;

bottom: 0;

width: 360px;

height: 120px;

line-height: 120px;

background: url(../images/ico1.png) repeat  center;

border-top-left-radius: 15px;

z-index: 5;

}



.ab_bg .about .ab_nr i{

display: block;

text-align: center;

text-transform: uppercase;

font-family: 'Times New Roman', Times, serif;

font-size: 48px;

color: #fff;

opacity: 0.3;

}







/*news*/



.news_bg{
width: 100%;

height: 751px;

margin: 80px auto 30px auto;

background: url(../images/news_bg.jpg) no-repeat  center;

}



.news_bg .news{

width: 1200px;

margin: 0 auto;

}



.news_bg .news .news_l{

float: left;

width: 550px;

}



.news_bg .news .news_l .title{

position: relative;

}



.news_bg .news .news_l .title::after{

position: absolute;

left: 135px;

top: 150px;

width: 464px;

height: 5px;

content: "";

background: url(../images/ab_t.png) no-repeat center;

}



.news_bg .news .news_l .news_nr{

margin-top: 25px;



}



.news_bg .news .news_l .news_nr .txt{



}



.news_bg .news .news_l .news_nr .txt h3{

height: 35px;

line-height: 35px;



}



.news_bg .news .news_l .news_nr .txt h3 i{

font-size: 18px;

color: #999;

float: left;

display: block;



}



.news_bg .news .news_l .news_nr .txt h3 a{

font-size: 16px;

color: #444444;

display: block;

overflow: hidden;

text-overflow: ellipsis;

white-space: nowrap;

-webkit-transition: all 0.5s ease-out;

-o-transition: all 0.5s ease-out;

transition: all 0.5s ease-out;

float: right;

width: 470px;

}



.news_bg .news .news_l .news_nr .txt p{

font-size: 14px;

color: #666666;

line-height: 32px;

height: 64px;

overflow: hidden;

margin: 10px 0 0 80px;



}



.news_bg .news .news_l .news_nr .news_img{

width: 550px;

height: 345px;

margin-top: 25px;

}



.news_bg .news .news_l .news_nr .news_img img{

width: 550px;

height: 345px;

border-radius: 25px;

}



.news_bg .news .news_r{

float: right;

width: 545px;

position: relative;

height: 751px;

}



.news_bg .news .news_r .bd{

margin-top: 35px;

}



.news_bg .news .news_r .bd ul li{

height: 130px;

padding-top: 28px;

border-bottom: 1px solid #eeeeee;

position: relative;

}



.news_bg .news .news_r .bd ul li::after{

position: absolute;

left: 0;

bottom: 0;

width: 0;

height: 1px;

background: #03a766;

content: "";

-webkit-transition: all 0.5s ease-out;

-o-transition: all 0.5s ease-out;

transition: all 0.5s ease-out;

}



.news_bg .news .news_r .bd ul li:hover::after{

width: 100%;

}



.news_bg .news .news_r ul li h3{

overflow: hidden;



}



.news_bg .news .news_r ul li h3 i{

font-size: 18px;

color: #999;

float: left;

display: block;

-webkit-transition: all 0.5s ease-out;

-o-transition: all 0.5s ease-out;

transition: all 0.5s ease-out;

}



.news_bg .news .news_r ul li:hover h3 i{

font-weight: bold;

color: #03a766;



}



.news_bg .news .news_r ul li h3 a{

font-size: 16px;

color: #444444;

display: block;

overflow: hidden;

text-overflow: ellipsis;

white-space: nowrap;

-webkit-transition: all 0.5s ease-out;

-o-transition: all 0.5s ease-out;

transition: all 0.5s ease-out;

float: right;

width: 470px;

}



.news_bg .news .news_r ul li p{

font-size: 14px;

color: #777;

line-height: 32px;

height: 64px;

overflow: hidden;

margin: 10px 0 0 80px;



}



.news_bg .news .news_r .next{

position: absolute;

left: 215px;

top: 0;

width: 100px;

height: 35px;

background: #f5f5f5 url(../images/left1.png) no-repeat center;

border-bottom-left-radius: 15px;

border-bottom-right-radius: 15px;

-webkit-transition: all 0.5s ease-out;

-o-transition: all 0.5s ease-out;

transition: all 0.5s ease-out;

cursor: pointer;



}



.news_bg .news .news_r .prev{

position: absolute;

left: 215px;

bottom:  0;

width: 100px;

height: 35px;

background: #f5f5f5 url(../images/right1.png) no-repeat center;

border-top-left-radius: 15px;

border-top-right-radius: 15px;

-webkit-transition: all 0.5s ease-out;

-o-transition: all 0.5s ease-out;

transition: all 0.5s ease-out;

cursor: pointer;



}



.news_bg .news .news_r .next:hover{

background: #03a766 url(../images/left.png) no-repeat center;

}



.news_bg .news .news_r .prev:hover{

background: #03a766 url(../images/right.png) no-repeat center;

}


.case_bg .case_box .next{

position: absolute;

right: 0;

top: 110px;

width: 100px;
height: 35px;
transform: rotate(90deg);
background: rgb(3 167 102 / 30%) url(../images/right1.png) no-repeat center;
border-top-left-radius: 15px;
border-top-right-radius: 15px;
-webkit-transition: all 0.5s ease-out;
-o-transition: all 0.5s ease-out;
transition: all 0.5s ease-out;
cursor: pointer;
box-shadow: 2px 0px 5px 2px rgb(3 167 102 / 18%);
}



.case_bg .case_box .prev{

  position: absolute;
  left: 0;
  top: 110px;
  width: 100px;
  height: 35px;
  transform: rotate(90deg);
  background: rgb(3 167 102 / 30%) url(../images/right1.png) no-repeat center;
  border-top-left-radius: 15px;
  border-top-right-radius: 15px;
  -webkit-transition: all 0.5s ease-out;
  -o-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
  cursor: pointer;
  box-shadow: 2px 0px 5px 2px rgb(3 167 102 / 18%);
}

.case_bg .case .case_box ul li .caseTxt {
  margin: 10px;
  padding: 20px 0 10px;
  background: #fff;
  -webkit-transition: all 0.5s ease-out;

-o-transition: all 0.5s ease-out;

transition: all 0.5s ease-out;
}

.case_bg .case .case_box ul li .caseTxt p {
  text-align: center;
  font-size: 16px;
  margin-top: 10px;
  -webkit-transition: all 0.5s ease-out;

-o-transition: all 0.5s ease-out;

transition: all 0.5s ease-out;
}
.case_bg .case .case_box ul li:hover .caseTxt{
  background:#03a766;

}
.case_bg .case .case_box ul li:hover .caseTxt p{
  color:#fff
}
.case_bg .case_box .next:hover{

background: #03a766 url(../images/left.png) no-repeat center;

}



.case_bg .case_box .prev:hover{

background: #03a766 url(../images/right.png) no-repeat center;

}
.bus_bg {
  background: url(../images/case_bg.jpg) no-repeat center;
  padding-bottom: 70px;
}
.bus_bg .bus {
  width: 1200px;
  margin: 0 auto;
}

.bus_list {
  margin-top: 40px;
}

.bus_list a {
  display: inline-block;
  margin: 5px;
  font-size: 16px;
  padding: 7px 14px;
  background: #fff;
  border-radius: 5px;
}
.bus_bg .bus .bus_tit{
  background: url(../images/title1.png) no-repeat 130px 70px;
}