.fl {

    float: left;

}



.fr {

    float: right;

}







/*banner*/





.fullSlide {

    width: 100%;

    position: relative;

    height: 520px;

    background: #FFF;

    overflow: hidden;

}



.fullSlide .bd {

    height: 520px;

    margin: 0 auto;

    position: relative;

    z-index: 1;

    overflow: hidden;

}



.fullSlide .bd ul {

    width: 100% !important;

}



.fullSlide .bd li {

    width: 100% !important;

    height: 520px;

    overflow: hidden;

    text-align: center;

}



.fullSlide .bd li a {

    display: block;

    height: 520px;

}



.fullSlide .hd {

    width: 100%;

    position: absolute;

    z-index: 2;

    bottom: 0;

    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: 14px;

    height: 14px;

    margin: 3px;

    background-color: #0b6ac6;

    overflow: hidden;

    line-height: 99px;

    border: 2px solid #FFF;

    border-radius: 50%;

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

    transition: all .3s ease-out;

}



.fullSlide .hd ul .on {

    width: 50px;

    background: #eb6100;

    border-radius: 9px;

    -webkit-transition: all .3s linear;

    transition: all .3s linear;

}



.fullSlide .prev,

.fullSlide .next {

    width: 40px;

    height: 60px;

    position: absolute;

    top: 50%;

    margin-top: -30px;

    z-index: 2;

    background: url(../images/slider-arrow.png) -126px -137px #000 no-repeat;

    filter: alpha(opacity=30);

    -moz-opacity: .3;

    opacity: .3;

    -webkit-transition: all .5s linear;

    transition: all .5s linear;

}



.fullSlide .prev {

    background: url(../images/slider-arrow.png) -126px -137px #000 no-repeat;

    left: 10%;

}



.fullSlide .next {

    background-position: -6px -137px;

    right: 10%;

}



/*<!--banner结束-->*/



/*<!--搜索开始-->*/

.jgss {

    width: 100%;

    height: 65px;

    background: url(../images/ssbj.png) center;

    margin-top: -33px;

    position: relative;

    z-index: 222;

}



.gjc {

    width: 670px;

    height: 65px;

    line-height: 65px;

    color: #ffffff;

    font-size: 16px;

    float: left;

}



.gjc a {

    color: #fff;

    padding-left: 15px;

    padding-right: 15px;

    font-size: 14px;

}



.gjc a:hover {

    color: #fff;

}



.ssk {

    width: 400px;

    height: 40px;

    float: right;

    margin-top: 16px;

    /* margin-right: 20px; */

}



.ss-text {

    width: 320px;

    height: 16px;

    background: transparent;

    color: #fff;

    padding-left: 10px;

    border-left: 1px solid #fff;

    font-size: 12px;

    padding-left: 10px;

    float: left;

    margin-top: 8px;

}



.ss-submit {

    width: 60px;

    height: 36px;

    float: right;

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

}



/*<!--搜索结束-->*/



.jgss h4 {

    line-height: 65px;

    color: #333;

    font-size: 14px;

    color: #fff;

}



.products {

    height: 888px;

    background: #f4f4f4;

}



.productsTitle p {

    font-size: 36px;

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

    font-weight: bold;

    text-align: center;

    padding-top: 30px;

    color: #1e1916;

}



.productsTitle h3 {

    font-size: 30px;

    text-align: center;

    color: #1e1916;

}





.productslt {

    width: 250px;

    height: 148px;



}



.productslt h3 {

    padding: 35px 0 0 50px;

    color: #fff;

    font-size: 30px;

    font-weight: bold;

}



.productslt p {

    font-size: 24px;

    padding-left: 50px;

    color: #d4d4d4;

}



.productsL {

    width: 250px;

    height: 710px;

    margin-top: 30px;

    background: #009342;

}



.productsList h4 {

    display: block;

    width: 226px;

    height: 50px;

    margin: 0 auto;

    background: #009342;

    margin-bottom: 9px;

    -webkit-transition: .5s;

    transition: .5s;

}



.productsList h4.on,

.productsList h4:hover {

    background: #dc1c29;

}



.productsList {

    width: 226px;

    background: #fff;

    padding: 10px;

    margin-left: 2px;

    height: 540px;

    overflow: hidden;

}



.productsList h4 a {

    display: block;

    line-height: 50px;

    font-size: 16px;

    color: #fff;

    text-align: center;

    overflow: hidden;

    text-overflow: ellipsis;

    white-space: nowrap;

}



.productsList ul li a {

    width: 166px;

    display: block;

    height: 48px;

    line-height: 48px;

    padding-right: 30px;

    padding-left: 30px;

    border-bottom: 1px solid #ccc;

    background: url(../images/productsIco1.png) no-repeat 10px center;

    overflow: hidden;

    text-overflow: ellipsis;

    white-space: nowrap;

}



.productsList ul li:last-child {

    margin-bottom: 10px;

}



.productsList ul li:hover a {

    -webkit-transform: translateX(5px);

    transform: translateX(5px);

    color: #009342;

}





.productsR {

    width: 910px;

    margin-top: 30px;

    position: relative;

    height: 710px;

}



.productsR ul li {

    position: absolute;



}



.productsR ul li a.prodocutMore {

    width: 96%;

    height: 50px;

    background: url(../images/productsMore.png) repeat;

    display: block;

    position: absolute;

    left: 0;

    bottom: 0;

    padding: 0 2%;

    text-align: center;

    line-height: 50px;

    color: #fff;

    overflow: hidden;

    text-overflow: ellipsis;

    white-space: nowrap;

    font-size: 16px;

}



.productsLbox {

    width: 100%;

    height: 100%;

    position: relative;

}



.productsR ul li:hover a.prodocutMore {

    background: #dc1c29;

}





.products1 {

    width: 445px;

    height: 260px;

    top: 0;

    left: 0

}



.products1 img {

    width: 445px;

    height: 260px;

    display: block;

}





.products2 {

    width: 445px;

    height: 260px;

    top: 0;

    right: 0

}



.products2 img {

    width: 445px;

    height: 260px;

    display: block;

}





.products3 {

    width: 290px;

    height: 205px;

    top: 280px;

    left: 0;

}



.products3 img {

    width: 290px;

    height: 205px;

    display: block;

}





.products4 {

    width: 290px;

    height: 205px;

    top: 280px;

    left: 310px;

}



.products4 img {

    width: 290px;

    height: 205px;

    display: block;

}



.products5 {

    width: 290px;

    height: 205px;

    top: 280px;

    right: 0;

}



.products5 img {

    width: 290px;

    height: 205px;

    display: block;

}









.products6 {

    width: 290px;

    height: 205px;

    top: 506px;

    left: 0;

}



.products6 img {

    width: 290px;

    height: 205px;

    display: block;

}





.products7 {

    width: 290px;

    height: 205px;

    top: 506px;

    left: 310px;

}



.products7 img {

    width: 290px;

    height: 205px;

    display: block;

}



.products8 {

    width: 290px;

    height: 205px;

    top: 506px;

    right: 0;

}



.products8 img {

    width: 290px;

    height: 205px;

    display: block;

}









/* reasonBox */

.title h3 {

    font-size: 36px;

    text-align: center;

    padding-top: 30px;

    font-weight: bold;

    color: #1e1916;

}



.title p {

    font-size: 30px;

    text-align: center;

    padding-top: 5px;

    padding-bottom: 20px;

}



.reasonB1 {

    height: 631px;

    overflow: hidden;

}



.reasonBox1 {

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

    width: 100%;

    height: 472px;

    margin-top: 20px;

    overflow: hidden;

}



.reasonT {



    position: absolute;



    top: 0;



    right: 0;



    width: 565px;

}



.reasonT h4 {

    font-size: 14px;

    color: #FFF;

    font-family: Arial;

    margin-top: 40px;

    font-weight: bold;

    padding-left: 50px;

    line-height: 46px;

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

}



.reasonT p {

    float: left;

    margin-top: 34px;

    margin-left: 40px;

    color: #fff;

    font-size: 24px;

    line-height: 40px;

}





.reasonI {

    width: 256px;

    height: 166px;

    position: absolute;

    -webkit-transition: .5s;

    transition: .5s;

}



.reasonI img {

    display: block;

    width: 41px;

    height: 41px;

}



.reasonI h4 {

    font: bold 24px "micosoft yahei";

    margin: 20px 0;

    border-bottom: 1px solid #d9d9d9;

    padding-bottom: 20px;

}



.reasonI p {

    font-size: 16px;

    line-height: 32px;

    color: #777777;

}



.reason1 {

    top: 30px;

    left: 0;

}



.reason2 {

    top: 30px;

    left: 312px;

}



.reason3 {

    top: 240px;

    left: 0;

}



.reason4 {

    top: 240px;

    left: 312px;

}



.reason5 {

    top: 240px;

    left: 618px;

}





.reason6 {

    top: 240px;

    right: 0;

}



.reasonI:hover {

    -webkit-transform: translateX(-6px);

    transform: translateX(-6px);

}



.reasonI:hover h4,

.reasonI:hover p {

    color: #009342;

}





.reasonB2 {

    width: 100%;

    height: 1090px;

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

}



.reasonBox2 {

    margin-top: 20px;

}



.reasonBox2 img {

    width: 590px;

    height: 359px;

    display: block;

    float: left;

}



.reasonBtext {

    background: #fff;

    height: 384px;

    float: left;

    width: 530px;

    padding: 30px;

}



.reasonBoxImg2 {

    margin-top: 85px;

}



.reasonBtext ul li {

    border-bottom: 1px solid #d9d9d9;

    padding-bottom: 15px;

    margin: 15px

}



.reasonBtext ul li h4 {

    font: 48px/48px arial;

    color: #d9d9d9;

}



.reasonBtext ul li b {

    display: block;

    font-size: 24px;

    padding: 5px 0;

}



.reasonBtext ul li p {

    color: #666;

    line-height: 30px;

}





.reason1Tel b {

    display: block;

    font-size: 24px;

    font-weight: normal;

    color: #fff;

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

}



.reason1Tel {

    padding-left: 70px;

    width: 150px;

    float: left;

    margin-left: 30px;

}





/* mbanner */

.mbanner {

    width: 100%;

    height: 299px;

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

}



.mbannerL {

    width: 260px;

    margin: 50px 0px 0 330px;

}



.mbannerL h4 {

    font-size: 36px;

    font-weight: bold;

    color: #fff;

}



.mbannerL b {

    font-size: 40px;

}





.mbannerL ul li {

    padding-left: 50px;

    width: 80px;

    margin-top: 20px;

    float: left;

    font-size: 18px;

    color: #fff;

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

}









.mbannerR {

    width: 530px;

    padding-top: 60px;

    margin-left: 26px;

}





.mbannerR h5 {

    font-size: 20px;

    text-align: center;

    color: #fff;

}





.mbannerR p span {

    display: inline-block;

    padding: 30px 20px 0 0;

}



.mbannerR p span:before {

    content: "●";

    display: inline-block;

    padding-right: 10px;

    color: #dc1c29;

}









.text-2 {

    width: 364px;

    height: 36px;

    border: 1px solid #fff;

    background: #f3f3f3 url(../images/text-2.png) no-repeat 10px center;

    margin-top: 5px;

    color: #ccc;

    text-indent: 40px;

    display: block;

}



.text-3 {

    width: 364px;

    height: 36px;

    border: 1px solid #fff;

    background: #f3f3f3 url(../images/text-3.png) no-repeat 10px center;

    margin-top: 5px;

    color: #ccc;

    text-indent: 40px;

    display: block;

}



.textarea-2 {

    width: 364px;

    margin-top: 5px;

    height: 60px;

    background: #f3f3f3 url(../images/textarea-2.png) no-repeat 10px 5px;

    border: 1px solid #fff;

    color: #fff;

    text-indent: 40px;

    line-height: 30px;

}



.a-dmBth {

    display: block;

    width: 146px;

    height: 146px;

    background: #dc1c29;

    border: none;

    outline: none;

    color: #fff;

    cursor: pointer;

    -webkit-transition: all 1s ease;

    transition: all 1s ease;

    font-size: 13px;

    margin: 26px 0 0 9px;

}



.a-dmBth:hover {

    -webkit-animation: rot 0.5s 2 alternate;

    -moz-animation: rot 0.5s 2 alternate;

    -ms-animation: rot 0.5s 2 alternate;

    animation: rot 0.5s 2 alternate;

    -ms-transform: rotate(0deg) scale(1.1);

    color: #fff;

}



.a-dmRl {

    margin-top: 20px;

}







/* reason2 */

.reason2Boox {

    width: 100%;

    height: 1208px;

    background: #f4f4f4;

}



.reason2Box ul li {

    float: left;

    width: 560px;

    height: 455px;

    position: relative;

    margin: 15px;

}



.reason2Box ul li img {

    width: 525px;

    height: 250px;

    position: absolute;

    top: 0;

    right: 0;

}



.reason2Box ul li span {

    font-size: 24px;

    font-weight: bold;

    color: #fff;

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

    position: absolute;

    display: block;

    width: 130px;

    height: 69px;

    z-index: 9;

    top: 30px;

    line-height: 44px;

}



.reason2Box ul li span i {

    display: inline-block;

    padding-left: 10px;

    padding-right: 10px;

}



.reason2Text {

    position: absolute;

    width: 525px;

    height: 185px;

    padding-top: 20px;

    background: #fff;

    top: 250px;

    padding-left: 35px;

}



.reason2Text p {

    line-height: 36px;

    padding-left: 20px;

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

}



.reason2Box {

    margin-top: 20px;

}









/*<!--成功案例开始-->*/

.albj {

    width: 100%;

    height: 1050px;

    overflow: hidden;

}



.albj h3 a {

    width: 100%;

    height: 114px;

    line-height: 134px;

    text-align: center;

    color: #222222;

    font-size: 36px;

    font-weight: bold;

    display: block;

}



.alzx {

    width: 1179px;

    height: 794px;

    margin: auto;

    border-top: 1px solid #cdcdcd;

    border-left: 1px solid #cdcdcd;

    margin-top: 40px;

}



.aldt {

    width: 785px;

    height: 531px;

    float: left;

    border-bottom: 1px solid #cdcdcd;

    border-right: 1px solid #cdcdcd;

}



.aldt p {

    width: 756px;

    height: 430px;

    overflow: hidden;

    margin-top: 15px;

    margin-left: 15px;

}



.aldt p img {

    width: 756px;

    height: 430px;

    -webkit-transition: all .5s;

}



.aldt ul {

    width: 756px;

    margin: auto;

}



.aldt ul .aldtbt {

    width: 600px;

    float: left;

}



.aldt ul .aldtbt a {

    width: 100%;

    height: 40px;

    line-height: 40px;

    color: #222222;

    font-size: 16px;

    overflow: hidden;

    display: block;

}



.aldt ul .aldtbt span {

    width: 100%;

    height: 30px;

    line-height: 30px;

    color: #666666;

    overflow: hidden;

    display: block;

}



.aldt ul .alxq a {

    width: 120px;

    height: 35px;

    border-radius: 30px;

    background: #009342;

    display: block;

    text-align: center;

    line-height: 35px;

    color: #fff;

    margin-top: 23px;

    float: right;

}



.aldt ul .alxq a:hover {

    background: #004123;

}



.aldt:hover p img {

    transform: scale(1.2, 1.2);

}



.alnr {

    width: 392px;

    float: left;

}



.alxt {

    width: 392px;

    height: 250px;

    float: left;

    margin-left: -1px;

    border-right: 1px solid #cdcdcd;

    border-left: 1px solid #cdcdcd;

    border-bottom: 1px solid #cdcdcd;

    padding-top: 15px;

}



.alxt p {

    width: 361px;

    height: 208px;

    overflow: hidden;

    margin-left: 15px;

}



.alxt p img {

    width: 361px;

    height: 208px;

    -webkit-transition: all .5s;

}



.alxt span a {

    width: 361px;

    height: 40px;

    margin: auto;

    text-align: center;

    line-height: 40px;

    color: #222222;

    display: block;

	overflow:hidden;

}



.alxt:hover p img {

    transform: scale(1.2, 1.2);

}





.teamBox .hd ul li {

    width: 161px;

    height: 44px;

    float: left;

    background: #f4f4f4;

    text-align: center;

    line-height: 44px;

    -webkit-transition: .5s;

    transition: .5s;

    cursor: pointer;

    font-size: 16px

}



.team h3 {

    text-align: center;

    font-size: 30px;

}



.teamBox .hd {

    width: 323px;

    margin: 30px auto 0;

}



.teamBox .hd ul li.on,

.teamBox .hd ul li:hover {

    background: #009342;

    color: #fff;

}



.teamBox .bd {

    height: 323px;

    overflow: hidden;

    margin-top: 40px;

}



.teamList ul li {

    width: 287px;

    height: 323px;

    position: relative;

    float: left;

    -webkit-transition: .5s;

    transition: .5s;

    margin: 0px 4px 0;

}



.teamList ul li:hover {

    -webkit-transform: translateY(-5px);

    transform: translateY(-5px);

    box-shadow: 0 0 14PX rgba(0, 0, 0, .1);

}



.teamList ul li img {

    width: 287px;

    height: 287px;

    display: block;

    object-fit: cover;
}



.teamList ul li .teamMore {

    width: 220px;

    height: 60px;

    background: #009342;

    padding: 0 13px;

    -webkit-transition: .5s;

    transition: .5s;

    display: block;

    position: absolute;

    left: 20px;

    bottom: 0px;

    line-height: 60px;

    text-align: center;

    color: #fff;

    font-size: 16px;

}



.team {

    height: 520px;

    overflow: hidden;

}





/* about */

.about {

    width: 100%;

    height: 462px;
background-color: #0bae6e;
    /*background: url(../images/about.jpg) no-repeat center;*/

    margin-top: 20px;

}

.aboutR {

    width: 500px;
	float: left;
 height: 300px;
    margin-left: 48px;
    margin-top: 60px;
}
.aboutR video{

     width: 565px;
	object-fit: cover;
 height: 342px;
}



.aboutL {

    width: 540px;
	float: left;

}





.aboutL h3 {

    font-size: 24px;

    font-weight: normal;

    color: #fff;

    padding-top: 70px;

}





.aboutL span {

    font-size: 12px;

    color: #fff;

}





.aboutL p {

    font-size: 14px;

    padding-top: 20px;

    line-height: 30px;

    display: -webkit-box;

    -webkit-box-orient: vertical;

    -webkit-line-clamp: 5;

    overflow: hidden;

    color: #fff;

    height: 150px;

}



.aboutMore a {

    display: block;

    float: left;

    width: 128px;

    height: 36px;

    border: 1px solid #fff;

    text-align: center;

    line-height: 36px;

    color: #fff;

    margin-top: 40px;

}



.aboutMore b {

    display: block;

    float: left;

    height: 50px;

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

    line-height: 50px;

    padding-left: 40px;

    color: #fff;

    font-weight: normal;

    margin: 33px 0 0 30px;

}



.aboutMore b i {

    display: inline-block;

    font-size: 24px;

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

    font-weight: normal;

}







/*<!--新闻中心结束-->*/

.news {

width: 100%;

height: 550px;

padding-top: 40px;
}



.newnr {

    width: 780px;

    float: left;

}



.newnr .hd li {

    width: 50%;

    float: left;

    height: 60px;

    background: #1e1916;

}



.newnr .hd li p a {

    width: 180px;

    height: 60px;

    line-height: 60px;

    padding-left: 60px;

    background: url(../images/ht.jpg) no-repeat 10px 30px;

    display: block;

    float: left;

    color: #fff;

    font-size: 16px;

}



.newnr .hd li span a {

    width: 80px;

    height: 60px;

    line-height: 60px;

    color: #fff;

    text-align: center;

    display: block;

    float: right;

    text-transform: uppercase;

}



.newnr .hd .on {

    background: #009342;

}



.newnr .hd li:hover {

    background: #009342;

}



.newxq {

width: 100%;

height: 460px;

background: #f5f5f5;
}



.newtt {

    width: 700px;

    margin: auto;

    padding-top: 40px;

}



.newtt img {

    width: 250px;

    height: 150px;

    display: block;

    float: left;

}



.newtt ul {

    width: 430px;

    float: right;

}



.newtt ul li a {

    height: 40px;

    color: #1a1e29;

    line-height: 40px;

    display: block;

    overflow: hidden;

    text-overflow: ellipsis;

    white-space: nowrap;

}



.newtt ul p {

    width: 100%;

    line-height: 24px;

    height: 72px;

    overflow: hidden;

    color: #666666;

}



.newtt ul span {

    width: 100%;

    height: 35px;

    line-height: 35px;

    color: #666666;

    display: block;

}



.newlist {

    margin-top: 30px;

    height: 220px;

    overflow: hidden;

}



.newlist li a {

    width: 325px;

    display: block;

    height: 48px;

    margin-left: 40px;

    margin-right: 10px;

    color: #666666;

    border-bottom: 1px dashed #e3e3e3;

    float: left;

}



.newlist li a p {

    width: 225px;

    height: 48px;

    overflow: hidden;

    text-overflow: ellipsis;

    white-space: nowrap;

    line-height: 48px;

    float: left;

    padding-left: 13px;

    overflow: hidden;

    background: url(../images/dd.jpg) no-repeat 0px 22px;

}



.newlist li a span {

    width: 80px;

    display: block;

    height: 48px;

    line-height: 48px;

    float: right;

}



.newlist li:hover a {

    color: #009342;

    border-bottom: 1px dashed #009342;

}



.cjwd {

    width: 350px;

    float: right;

}



.cjbt {

    width: 100%;

    float: left;

    height: 60px;

    background: #009342;

}



.cjbt p a {

    width: 180px;

    height: 60px;

    line-height: 60px;

    padding-left: 60px;

    background: url(../images/ht.jpg) no-repeat 10px 30px;

    display: block;

    float: left;

    color: #fff;

    font-size: 16px;

}



.cjbt span a {

    width: 80px;

    height: 60px;

    line-height: 60px;

    color: #fff;

    text-align: center;

    display: block;

    float: right;

    text-transform: uppercase;

}



.cjwdks {

width: 100%;

height: 430px;

background: #f5f5f5;

padding-top: 30px;
}



.cjwdks ul {

width: 265px;

height: 92px;

border-bottom: 1px dashed #e3e3e3;

margin: auto;

margin-bottom: 10px;
}



.cjw {

    width: 100%;

    height: 24px;

}



.cjw span {

    width: 24px;

    height: 24px;

    display: block;

    text-align: center;

    line-height: 24px;

    color: #fff;

    float: left;

    background: #009342;

}



.cjw a {

    width: 230px;

    float: right;

    height: 24px;

    line-height: 24px;

    overflow: hidden;

    color: #1a1e29;

    display: block;

    overflow: hidden;

    text-overflow: ellipsis;

    white-space: nowrap;

}



.cjw a:hover {

    color: #009342;

}



.cjd {

    width: 100%;

    height: 48px;

    margin-top: 10px;

}



.cjd span {

    width: 24px;

    height: 24px;

    display: block;

    text-align: center;

    line-height: 24px;

    color: #fff;

    float: left;

    background: #dc1c29;

}



.cjd p {

    width: 230px;

    float: right;

    height: 48px;

    line-height: 24px;

    overflow: hidden;

    color: #666666;

    display: -webkit-box;

    -webkit-box-orient: vertical;

    -webkit-line-clamp: 2;

    overflow: hidden;



}



.newnr .hd li:hover {

    background: #009342;

}





.newnr {

    height: 450px;

    width: 780px;

    background: #f5f5f5;

}







/* links */

.links {

width: 100%;

height: 50px;

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





.linksL {

    color: #333;

    line-height: 50px;

    font-size: 16px;

    width: 90px;

    padding-left: 280px;

}



.linksR {

    width: 800px;

}



.linksR a {

    display: inline-block;

    font-size: 14px;

    color: #333;

    padding: 0 5px;

    line-height: 50px;

}