.banner { height: 50vh;background-position: center;background-size: cover;background-repeat: no-repeat; }
.fl { float: left; }
.fr { float: right; }
.brandnav {
    padding: 30px 0;
    border-bottom: 2px solid #f3f3f3;
}

.brandnavs {
    padding-top: 220px;
    background: #f8f8f8;
    padding-bottom: 45px;
}

.brandnav .fl {
    color: #3e5d8f;
}

.brandnav .fl a {
    font-size: 14px;
    width: 152px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    color: #fff;
    background: #74addd;
    margin-right: 10px;
    display: inline-block;
}

.brandnav .fl a:hover,
.brandnav .fl a.on {
    background: #4ca263;
}

.brandnav .fl a > span:nth-child(1) {
    display: none;
}

.brandnav .fr,
.brandnav .fr a {
    color: #333;
    font-size: 14px;
    margin-top: 12px;
}

.brandnav .fr span {
    display: inline-block;
    margin: 0 10px;
}

.brandnav .fr a:hover {
    color: #acc7e7;
}

.brandnav .fr i {
    width: 22px;
    height: 18px;
    background: url(../images/home.png) no-repeat;
    background-size: contain;
    display: inline-block;
    margin-right: 10px;
    margin-bottom: -2px;
}

.brandnav .fr .home { color: #74addd; }


.compony1 { padding-bottom: 118px;background: url(../images/dots.jpg) repeat-x left bottom; }
h1 {padding-top: 80px;text-align: center;position: relative;font-size: 24px;color: #333;margin-bottom: 50px;}
h1:after { content: '';width: 30px;height: 1px;background: #4ca263;position: absolute;bottom: -20px;left: 50%;margin-left: -15px; }
p { font-size: 14px; }
.compony1 p,.compony6 .wp> p { font-size: 14px;line-height: 26px;margin: 0 auto;text-align: left;margin-bottom: 40px; }

p.ov { overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;height: 72px; }
a.click{ width: 80px;color: #74addd;display: block;margin: 0 auto;font-size: 14px;margin-bottom: 90px;position: relative; }
a.click:after { content:'';width: 100%;height: 1px;background: #74addd;position: absolute;bottom: -2px;left: 0; }
a.click:hover{color: #4ca263;}
a.click:hover:after {background: #4ca263;}
.compony1 ul {overflow: hidden;margin: 0 auto;margin-bottom: 20px;}
.compony1 ul li { float: left;width: 25%;box-sizing: border-box;text-align: center;padding: 0 10px; }
.compony1 ul li span { display: block; }
.compony1 ul li span.big { font-size: 28px;color: #4ca263;margin-bottom: 10px; }
.compony1 ul li + li {border-left: 1px solid #e5e5e5;}

.compony2 { background: #fbfbfb; position: relative;}
.compony2 img { display: block;width: 100%; }
.compony2 .fl { width: 58%;position: relative; }
.compony2 .fl .zhe { width: 100%;height: 100%;background: rgba(0,0,0,.4) url(../images/playvideo.png) no-repeat center center;position: absolute;left: 0;top: 0;cursor: pointer; }
.compony2 .fl:after { content:'';width: 100%;height: 1px;position: absolute;bottom: 0;left: 0;background: #fff; }
.compony2 .fr { width: 54%;position: absolute;right: 0;top: 0; }
.compony2 h1 {text-align: left;padding-top: 0;}
.compony2 h1:after { left: 0;margin-left: 0;bottom: -20px; }
.compony2 a { margin-bottom: 0;display: inline-block;margin-top: 20px; }
.compony2 .fr .text { width: 66%;position: absolute;top: 50%;left: 24%;transform: translateY(-50%); }
.compony2 p {line-height: 26px;text-align: justify;}
.compony2 p.ov { overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 4;-webkit-box-orient: vertical;height: 100px;  }




.compony3  { padding-bottom: 80px; }
.compony3 .time { height: 120px;position: relative;}
.compony3 .time .line { width: 84%;height: 1px;background: #74addd;position: absolute;left: 0;top:50%;margin: 0 8%;box-sizing: border-box;}
.compony3 .slider-nav .slick-slide { text-align: center;position: relative;cursor: pointer;}
.compony3 .slider-nav .slick-slide i { width: 10px;height: 10px;background: #74addd;border-radius: 50%;position: absolute;bottom: 5px;left: 50%;margin-left: -5px;-webkit-transition: all .25s ;
   -moz-transition: all .25s ;
    -ms-transition: all .25s ;
     -o-transition: all .25s ;
        transition: all .25s ;}
.compony3  .slider-nav { padding: 0 40px; }
.compony3  .slider-nav .slick-slide i { width: 10px;height: 10px;background: #30b2e4;border-radius: 50%;position: absolute;bottom: 5px;left: 50%;margin-left: -5px;-webkit-transition: all .25s ;
   -moz-transition: all .25s ;
    -ms-transition: all .25s ;
     -o-transition: all .25s ;
        transition: all .25s ;}
.compony3 .slider-nav .slick-list,.compony3 .slider-nav .slick-slide { height: 70px;color: #74addd;font-size: 20px;}
.compony3 .slider-nav .slick-slide.slick-current i { width: 19px;height: 26px;background: url(../images/add.png) no-repeat;margin-left: -10px;bottom: 0;}

.compony3 .slider-nav .slick-prev { width: 36px;height: 36px;background: url(../images/prev01.png) no-repeat;border: none;position: absolute;left: 0;bottom: -10px;cursor: pointer;}
.compony3 .slider-nav .slick-next { width: 36px;height: 36px;background: url(../images/next01.png) no-repeat;border: none;right: 0;position: absolute;bottom: -10px;cursor: pointer;background-size: contain;}
.compony3  .slider-nav .slick-prev.slick-disabled {background: url(../images/prev.png) no-repeat}
.compony3  .slider-nav .slick-next.slick-disabled {background: url(../images/next.png) no-repeat}
.compony3  .slider-for { margin: 0 125px; }
.compony3 .text { border: 1px solid #e5e5e5;margin-bottom: 20px;padding: 20px;position: relative;background: #fafafa; }

.compony3 .text p { padding-left: 120px;color: #1e1e1e; }

.compony3 .text span { position: absolute;top: 50%;transform: translateY(-50%);left: 20px;height: 40px;border-right: 1px solid #e5e5e5;line-height: 40px;
padding-right: 30px; color: #4ca263;font-size: 18px;}



.compony4 { background: #f8f8f8; padding-bottom: 100px;}

.compony4 p { text-align: center;font-size: 16px;color: #666;margin-bottom: 35px; }

.compony4 .partner-container { border: 1px solid #e9e9e9;overflow: hidden;box-shadow: 0 2px 5px rgba(0,0,0,.1);position: relative;}
.compony4 .swiper-slide img {display: block;-webkit-transition: all .25s;
   -moz-transition: all .25s;
    -ms-transition: all .25s;
     -o-transition: all .25s;
        transition: all .25s;width: 100%;}
.compony4 .swiper-slide .img { border: 1px solid #e9e9e9;box-sizing: border-box;position: relative;}
.compony4 .swiper-slide a { display: block;position: relative;z-index: 2;}
.compony4 .swiper-slide .img:after { content: '';width: 101%;height: 101%;position: absolute;top: -1px;left: -1px;border: 5px solid #c7d0cf;box-sizing: border-box;opacity: 0;-webkit-transition: all .25s;
   -moz-transition: all .25s;
    -ms-transition: all .25s;
     -o-transition: all .25s;
        transition: all .25s;}
.compony4 .swiper-slide .img:hover { border: 1px solid #4ca263; }
.compony4 .swiper-slide .img:hover img { transform: scale(.9);}
.compony4 .swiper-button-prev,.compony4 .swiper-button-next { right: 22px;z-index: 22;top: 107%;left: auto;}
.compony4 .swiper-button-prev { width: 14px;height: 26px;background: url(../images/l1.png) no-repeat;right: 74px;}
.compony4 .swiper-button-next { width: 14px;height: 26px;background: url(../images/0r1.png) no-repeat;}
.compony4 .swiper-button-next:after { content: '';width: 13px;height: 22px;background: url(../images/x.png) no-repeat;position: absolute;left: -22px;top: 1px; }
.compony4 .swiper-button-prev.swiper-button-disabled,.compony4 .swiper-button-next.swiper-button-disabled { opacity: 1; }
.compony4 .swiper-button-prev.swiper-button-disabled { background: url(../images/l2.png) no-repeat; }
.compony4 .swiper-button-next.swiper-button-disabled { background: url(../images/0r2.png) no-repeat; }
.compony4  .swiper-pagination { left: 0;width: 100px;top: 103%;font-size: 20px; }
.compony4  .swiper-pagination .c { color: #4ca263; }
.compony4  .swiper-pagination .t { color: #999; }


.compony5 ul {margin-bottom: 40px;}
.compony5 ul li{width: 14%;float: left;padding: 50px 0;box-sizing: border-box;border-left: 1px solid #fff;}
.compony5 ul li:nth-child(1) {background: #fafafa;}
.compony5 ul li:nth-child(2) {background: #f6f6f6;}
.compony5 ul li:nth-child(3) {background: #f2f2f2;}
.compony5 ul li:nth-child(4) {background: #f6faf7;}
.compony5 ul li:nth-child(5) {background: #edf6ef;}
.compony5 ul li:nth-child(6) {background: #e4f1e8;}
.compony5 ul li:nth-child(7) {background: #dbece0;}
.compony5 ul li  { text-align: center;}
.compony5 ul li p {  margin-bottom: 20px; height: 40px;}
.compony5 ul li img { display: inline-block; }
.compony5 ul li span {display: block;text-align: center; color: #333;}

.compony5 ol li {padding-left: 45px;background: url(../images/dott.png) repeat-x left bottom;position: relative;padding: 20px 0;padding-left: 45px;line-height: 36px;}
.compony5 ol li p { font-size: 16px;width: 75%; }
.compony5 ol li span { width: 36px;height: 36px;background: url(../images/circle01.png) no-repeat;background-size: contain;position: absolute;top: 20px;left: 0; }
.compony5 ol  { margin-bottom: 80px; }


.compony6 { background-repeat: no-repeat;background-size: cover;background-position: center top;}
.compony6 ul {margin: 0 auto; }
.compony6 ul li { width: 30.5%;background: #fff;margin-bottom: 30px;padding: 40px 20px; text-align: center;float: left;height: 400px;box-sizing: border-box;}
.compony6 ul li + li { margin-left: 4%; }
.compony6 ul li:nth-child(3n+1) {margin-left: 0;}
.compony6 ul li img { max-width: 100%; }
.compony6 ul li .img { height: 90%; position: relative;}
.compony6 ul li .img img { position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%); }
.compony6 ul li p { font-size: 16px;color: #666; }
.compony6 ul li:hover { box-shadow: 0 0 20px rgba(0,0,0,.2); }

#pages {
    padding: 50px 0;
    text-align: center;
}

#pages a {
    margin: 0 10px;
    font-size: 16px;
    color: #666;
}

#pages a i {
    display: inline-block;
    width: 36px;
    height: 36px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    color: #333;
    vertical-align: middle;
    line-height: 40px;
    font-size: 20px;
    margin: 0 10px;
    margin-bottom: 5px;
}

#pages a.prev {
    margin-right: 20px;
}

#pages a.next {
    margin-left: 20px;
}

#pages a.prev i {
    background: url(../images/prev01.png) no-repeat center;
    background-size: contain;
}

#pages a.next i {
    background: url(../images/next01.png) no-repeat center;
    background-size: contain;
}

#pages a.prev.disabled i {
    background: url(../images/prev.png) no-repeat center;
    background-size: contain;
}

#pages a.next.disabled i {
    background: url(../images/next.png) no-repeat center;
    background-size: contain;
}

#pages a.item.on,
#pages a.item:hover {
    color: #acc7e7;
    text-decoration: underline;
}



.compony7 ,.compony9 { text-align: center;padding-bottom: 100px;position: relative; }
.compony7 h1 {  margin-bottom: 60px;}
.compony7 p { margin-top: 20px;font-size: 16px;text-align:left;position: relative;}
.compony7 p span { position: relative; padding-left: 15px; }
.compony7 p span:before { content: '';width: 5px;height: 5px;border-radius: 50%;position: absolute;top: 8px; left: 0;background: #74addd;}
.compony7:after ,.compony9:after,.compony10:after { content: '';width: 30%;height: 1px;background: #e5e5e5;position: absolute;bottom: 60px;left: 50%;transform: translateX(-50%); }


.compony8 { padding-top: 105px;/*height: 40vh;*/background-repeat: no-repeat;/*background-size: cover;*/background-position: top center; /*margin-bottom: 120px;*/}
.compony8 .text { background: #f8f8f8;/*position: absolute;*/left: 0;width: 100%;top: 40%;padding: 0 140px;box-sizing: border-box;padding-bottom: 70px; }
.compony8 ul li {margin-bottom: 2%; float: left;width: 50%;padding-left: 40px;position: relative;box-sizing: border-box; }
.compony8 ul li:after{content: "";
    clear: both;
    height: 0;
    display: block;
}
.compony8 ul li i { width: 90px;height: 90px;background: #e4eee7 url(../images/house.png) no-repeat center center;border-radius: 50%;position: absolute;top: 0;left: 0; }
.compony8 ul li .icon{    float: left;
    width: 90px;
    height: 90px;
    background: #e4eee7;
    border-radius: 50%;
    text-align: center;
    line-height: 105px;
    margin-right: 6%;}
.compony8 ul li h2{    font-size: 36px;font-weight: lighter;margin-bottom: 10px;}
.compony8 ul li p { font-size: 16px;font-weight: lighter;margin-bottom: 10px;}
.compony8 ul li span { color: #666; }

.compony9 ul ,.compony10 ul { margin-top: 60px; }
.compony9 ul li,.compony10 ul li { width: 50%;float: left;padding: 0 30px;box-sizing: border-box;text-align: center; margin-bottom: 2%;}
.compony9 ul li img ,.compony10 ul li img{ margin-bottom: 20px;display: block;width: 100%; }
.compony9 ul li p { font-size: 16px;color: #4ca263; }


.compony10 h1 { padding-top: 20px; }
.compony10 { position: relative;padding-bottom: 100px; }
.compony10 .wp > img { display: block;margin: 20px auto;max-width: 100% }
.compony10 ul li p { background: #eee;padding:  20px;box-sizing: border-box;font-size: 16px;color: #1e1e1e;text-align: left; }
.compony10 ul li img { margin-bottom: 0; }



.compony11 {background: #f8f8f8;margin-top: 60px;padding-bottom: 60px;}
.compony11 ul li { width: 48%;float: left;background: #fff;padding: 20px;box-sizing: border-box;padding-left: 100px;position: relative;margin-bottom: 20px; border: 1px solid #e5e5e5;}
.compony11 ul li +li { margin-left: 4% }
.compony11 ul li:nth-child(2n+1) {margin-left: 0;}
.compony11 ul li span { position: absolute;color: #4ca263;left: 20px;font-size: 20px;top: 50%;transform: translateY(-50%);}
.compony11 ul li p { font-size: 16px;padding-left: 40px; border-left: 1px solid #d2d2d2;}

.compony11 ul li h4{    position: absolute;
    color: #4ca263;
    left: 20px;
    font-size: 20px;
    top: 50%;
    transform: translateY(-50%);}


.compony12 {padding: 50px 45px;margin-top: 60px;}
.compony12 .part {  border-top: 1px solid #e5e5e5;padding: 50px 45px;}
.compony12 .part .fl { width:35%; }
.compony12 .part .fl img {width: 100%;}
.compony12 .part .fr { width: 60%; }
.compony12 .part .fr h2{margin-bottom: 16px;}
.compony12 .part .fr h2 img{ display: inline-block;vertical-align: middle;margin-top: -4px;margin-right: 15px; }

.compony12 .box { height: 130px;overflow: hidden; }
.compony12 .box h3 { font-size: 16px;color: #55ab6c; margin-bottom: 10px;margin-top: 30px;}
.compony12 .box p { color: #666;line-height: 22px; }

.compony12 a.click { margin: 30px 0; }

.compony12 .part:last-child { border-bottom: 1px solid #e5e5e5; }



.compony13 { background: #f6f6f6;padding-bottom: 100px; }
.compony13 ul li { width: 48%;float: left;background: #fff;border: 1px solid #efefef;box-sizing: border-box;margin-bottom: 20px; }
.compony13 ul li:nth-child(even) { margin-left: 4%; }
.compony13 ul li .fl { width: 45%; }
.compony13 ul li:hover .fl {  }
.compony13 ul li .fl img { width: 100%;display: block; }
.compony13 ul li .fr { width: 55%;padding-left: 20px;box-sizing: border-box;padding-right: 10px; }
.compony13 ul li h2 { font-size: 20px;color: #333;padding-top: 20px;margin-bottom: 15px; }
.compony13 ul li:hover h2 { color: #74addd; }
.compony13 ul li p { color: #999;overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;height: 40px; }
.compony13 ul li a { display: block;}
.compony13 ul li span { color: #74addd;background: url(../images/d.jpg) repeat-x left top;padding-top: 20px; display: block;margin-top: 20px; }

.compony13 ul li:hover { box-shadow: 0 0 20px rgba(0,0,0,.2); }



.compony14  { padding-top: 50px;padding-bottom: 100px;background: #f6f6f6;}
.compony14 .part1 .fl { width: 40%; }
.compony14 .part1 .fr { width: 60%;padding-left: 50px;box-sizing: border-box; }
.compony14 .part1 .fl img{ width: 100%;display: block; }
.compony14 .part1 h2 { font-size: 24px;padding-top: 70px;position: relative;margin-bottom: 50px;color: #74addd; }
.compony14 .part1 h2:before {content: '';width: 30px;height: 2px;background: #4ca263;position: absolute;top: 50px;left: 0;}
.compony14 .part1 span { font-size: 18px;color: #333;margin-bottom: 15px;display: inline-block;font-weight: bold; }
.compony14 .part1 p { line-height: 26px;color: #666; font-size: 16px; }
.compony14 .part1 { border: 1px solid #efefef;padding-right: 30px;background: #fff; }
.compony14 .part { margin-bottom: 30px; }

.compony14 .part2 h3 { font-size: 18px;font-weight: bold;margin-bottom: 10px;display: inline-block;margin-bottom: 20px; }
.compony14 .part2 p { line-height: 24px;color: #666;padding-left: 20px;position: relative; margin-bottom: 10px;font-size: 16px;}
.compony14 .part2 p:before { content:'';width: 5px;height: 5px;background: #74addd;border-radius: 50%;position: absolute;left: 0;top: 10px; }
.compony14 .part2 .fr span {width: 30%;position: relative;display: inline-block;margin-bottom: 20px;box-sizing: border-box;padding-left: 20px;color:#666;}
.compony14 .part2 .fr span:before { content:'';width: 10px;height: 2px;background: #4ca263;position: absolute;top: 10px;left: 0; }
.compony14 .part2 .fl,.compony14 .part2 .fr { height: 250px; border: 1px solid #efefef;width:48%;box-sizing: border-box;background: #fff;padding: 30px; }

.compony14 .part3 h4 { font-size: 20px;font-weight: bold;margin-bottom: 30px; }
.compony14 .part3 { overflow-x: auto; }
.compony14 .part3 table { border-collapse: collapse;width: 100%;min-width: 1160px; }
.compony14 .part3 table th { padding: 20px 5px;background: #eff2f5;border-top: 1px solid #acc7e7;color:#333;font-size: 14px; }
.compony14 .part3 table td { padding: 20px 5px;border-bottom: 1px solid #e5e5e5;text-align: center;font-size: 14px; }
.compony14 .componyask{text-align: center;margin-top: 40px;}
.compony14 .componyask a{display: inline-block;margin:10px 12px;}
.compony14  .ask { width: 200px;height: 60px;line-height: 60px;background: #4ca263;text-align: center;color: #fff; }
.compony14  .ret { width: 200px;height: 60px;line-height: 60px;background: #4ca263;text-align: center;color: #fff; }
.compony14  .ask:hover,.compony14  .ret:hover { background: #2a773f; }

.compony14 .part3::-webkit-scrollbar {/*滚动条整体样式*/
        width: 10px;     /*高宽分别对应横竖滚动条的尺寸*/
        height: 9px;
    }
.compony14 .part3::-webkit-scrollbar-thumb {/*滚动条里面小方块*/
        background: #1f8b3b;
    }
.compony14 .part3::-webkit-scrollbar-track {/*滚动条里面轨道*/
        background: #EDEDED;
    }



.compony15 { background: #f6f6f6;padding: 100px 0; }
.compony15 ul { padding-left: 35px;  }
.compony15 ul li { background: #fff;padding: 35px 0;padding-right: 30px;padding-left: 165px;position: relative;margin-bottom: 70px; }
.compony15 ul li:hover { box-shadow: 0 0 20px rgba(0,0,0,.3); }
.compony15 ul li:hover h2 span { display: block; }
.compony15 ul li i { width: 120px;height: 914px;background: url(../images/customer.png) no-repeat;background-size: contain;position: absolute;top: -35px;left: -35px; }
.compony15 ul li h2 { font-size: 24px;padding-bottom: 15px; border-bottom: 1px solid #eee;margin-bottom: 25px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;color: #333;position: relative;}
.compony15 ul li:before { content: '';width: 100px;height: 2px;background: #d2d2d2;position: absolute;top: 28%;margin-top: -1px;left: 2%;z-index: 2; }
.compony15 ul li p { line-height: 24px;color: #666;overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical; height: 44px;}
.compony15 ul li h2 span { float: right;color: #4ca263;font-size: 14px;margin-top: 10px;display: none; }




.compony16 {padding: 70px 0;}
.compony16 h2 { font-size: 20px;margin-bottom: 25px; }
.compony16 p { color: #666;line-height: 26px; }
.compony16 .text { padding-bottom: 40px;margin-bottom: 40px;border-bottom: 1px solid #efefef; }
.compony16 .wp > p { text-align: center; }
.compony16   p img { display: inline-block; }
.compony16 .img  .fl ,.compony16 .img  .fr{ width: 50%;text-align: center; }
.compony16  .img img { display: inline-block;width: 90%; }

 .compony16 .page {
    padding: 50px 0;
    margin-top: 50px;
    position: relative;
    border-top: 1px solid #eee;
}


 .compony16 .page a { color: #666; }
  .compony16 .page a span  { color: #333; }
   .compony16 .page a:hover { color: #4ca263; }
  .compony16 .page a:hover span { color: #333; }

 .compony16 .page a.return {
    padding: 15px 30px;
    border: 1px solid #4ca263;
    position: absolute;
    top: 35px;
    left: 50%;
    transform: translateX(-50%);
    font-size: 16px;
    line-height: 24px;
    color: #666;
}

 .compony16 .return i { width: 18px;height: 18px;background: url(../images/menu.png) no-repeat;display: inline-block;vertical-align: middle;margin-right: 15px;margin-top: -4px; }
 .compony16 a.return:hover { color: #fff;background: #4ca263; }
 .compony16 .return:hover i { background: url(../images/menu2.png) no-repeat; }


 .compony17 { background: #f8f8f8;padding: 60px 0; }
 .compony17 .part {  margin-bottom: 60px;background: #fff;}
 .compony17 .fl { width: 40%;}
 .compony17 .fl img { width: 100%;display: block; }
 .compony17 .fr { width: 60%;box-sizing: border-box;padding-left: 50px; }

 .compony17 .fr h2 { padding-top: 40px;color: #333;font-size: 18px;margin-bottom:20px; }
.compony17 .fr .time { color: #999;margin-bottom: 15px;display: inline-block; }
.compony17 .fr p { color: #999;line-height: 26px;overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical; padding-top: 20px;background: url(../images/d.jpg) repeat-x left top;}
.compony17 .fr .check { color: #666;display: inline-block;font-size: 14px;margin-top: 50px; }
.compony17 .part:hover .check {color: #4ca263;}

.compony17 ul li { padding-left: 140px;position: relative; background: #fff;height: 165px;padding-top: 35px;box-sizing: border-box;margin-bottom: 40px;border: 1px solid #eaeaea;padding-right: 10px;}
.compony17 ul li div { width: 100px;height: 165px;background: #74addd;position: absolute;top: -1px;left: -1px; }
.compony17 ul li h3 { font-size: 18px ;margin-bottom: 15px;color: #333;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.compony17 ul li p { color: #999;line-height: 24px; overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp:2;-webkit-box-orient: vertical;height: 44px;}
.compony17 ul li i { font-size: 26px;text-align: center;color: #fff; font-style: normal;display: block;margin-top: 45px; }
.compony17 ul li span { display: block;text-align: center;color: #fff;margin-top: 10px; }
.compony17 ul li:hover { box-shadow: 0 0 20px rgba(0,0,0,.3);}
.compony17 ul li:hover div { background: #4ca263; }


.alertvideo { width: 100%;height: 100%;position: fixed;top: 0;left: 0;z-index: 100;background: #000;display: none; }
.alertvideo .box { width: 100%;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%); }
.alertvideo video { width: 85%;margin: 0 auto; display: block;}

.alertvideo .close { width: 30px;height: 30px;background: url(../images/close.png) no-repeat;background-size: contain;position: absolute;top: 20px;right: 20px; cursor: pointer;}


.compony17 .culture { background: #fff;padding: 50px; }
.compony17 .culture h2 { text-align: center;font-size: 20px;margin-bottom: 20px; }
.compony17 .culture > span { font-size: 14px;color: #999;text-align: center;display: block;padding-bottom: 20px;background: url(../images/d.jpg) repeat-x left bottom;margin-bottom: 40px; }
.compony17 .culture > span i { width: 14px;height: 14px;background: url(../images/time.png) no-repeat;background-size: contain;display: inline-block;vertical-align: middle;margin-right: 10px;margin-top: -5px; }
.compony17 .videobox { width: 80%;position: relative;margin: 0 auto; }
.compony17 .videobox  a { width: 100%;height: 100%;position: absolute;top: 0;left: 0;z-index: 2;background: url(../images/playvideo.png) no-repeat center center;background-size: 50px;}
.compony17 .videobox img { width: 100%; }
.compony17 .videobox video { width: 100%; }
.compony17 .videobox .zhe { width: 100%;height: 100%;position: absolute;top: 0;left: 0;background: rgba(0,0,0,.3); }
.compony17 .videobox img { display: block; }
.compony17 .culture h4 {font-size: 16px;text-align: center;margin: 30px 0;margin-bottom: 50px;}

.compony17 .culture p { color: #666;line-height: 26px;}

.compony17 .culture h3 { font-size: 18px;font-weight: bold;color: #4ca263;margin-bottom: 20px; }
.compony17 .culture h5 { font-size: 16px;color: #333;margin-bottom: 10px; }
.compony17 .culture img { display: block; margin: 0 auto;max-width: 100%;}


.compony17 .line { overflow: hidden;margin-top: 30px;padding-top: 50px;border-top: 1px solid #eee;}
.compony17 .line .fl { width: auto;}
.compony17 .line .fr { padding-top: 0;width: auto;}
.compony17 .line .fr a { width: 145px;height: 50px;background: #4ca263;color: #fff;text-align: center;line-height: 50px;display: inline-block;-webkit-transition: all .25s;
   -moz-transition: all .25s;
    -ms-transition: all .25s;
     -o-transition: all .25s;
        transition: all .25s;}
.compony17 .line .fr a:hover { background: #5b8730;}


.compony17 .line .bdsharebuttonbox { display: inline-block;vertical-align: middle;margin-left: 10px;}
.bdshare-button-style0-16 .bds_tsina{ width: 21px;height: 18px;background: url(../images/weibo.png) no-repeat 0 0!important;background-size: contain;}
.bdshare-button-style0-16 .bds_tsina:hover { background: url(../images/weibo2.png) no-repeat 0 0!important;background-size: contain;}
.bdshare-button-style0-16 .bds_weixin{ width: 22px;height: 18px;background: url(../images/weichat.png) no-repeat 0 0!important;background-size: contain;}
.bdshare-button-style0-16 .bds_weixin:hover { background: url(../images/weichat2.png) no-repeat 0 0!important;background-size: contain;}
.bdshare-button-style0-16 .bds_sqq{ width: 18px;height: 18px;background: url(../images/qq.png) no-repeat 0 0!important;background-size: contain;}
.bdshare-button-style0-16 .bds_sqq:hover { background: url(../images/qq2.png) no-repeat 0 0!important;background-size: contain;}

.bdshare-slide-button-box { display: none!important;}
.sr-bdimgshare { display: none!important;}




.search { padding: 100px 0;background: #f8f8f8; }

.search .box { padding: 50px 90px;background: #fff; padding-bottom: 100px;}

.search .box  input[type="text"],.compony20 input[type="text"] { width: 80%;height: 50px;border: 1px solid #eee;display: inline-block; padding-left: 15px;color: #666;transition: all .25s;
   -moz-transition: all .25s;
    -ms-transition: all .25s;
     -o-transition: all .25s;
        transition: all .25s;box-sizing: border-box;}
.search .box  button ,.compony20 button{ width: 16%;height: 50px;background: #4ca263;display: inline-block;border: none;color: #fff;margin-left: 10px;vertical-align: middle;cursor: pointer;-webkit-transition: all .25s;
   -moz-transition: all .25s;
    -ms-transition: all .25s;
     -o-transition: all .25s;
        transition: all .25s;border-radius: 4px;box-sizing: border-box;float: right;}
.search .box  button:hover,.compony20 button:hover { background: #74addd;}
.search .box  input[type="text"]:focus,.compony20input[type="text"] { box-shadow: 0 0 20px rgba(0,0,0,.2); }
.search  h3 { color: #e8303f;padding-bottom: 20px;border-bottom: 1px solid #e5e5e5;margin-top: 30px; }
.search .result h4 { font-size: 24px;margin-bottom: 40px; }
.search .result .part { padding: 60px 0;border-bottom: 1px solid #eee; }
.search .result .part p { overflow: hidden;white-space: nowrap;text-overflow: ellipsis;height: 24px; }
.search .result .part .keyword { color: #e8303f; }
.search .result .part .fl { width: 75%; }
.search .result .part .fr  { width: 15%;text-align: right;height: 95px;line-height: 95px;color: #999;padding-left: 9%;border-left: 1px solid #eee; }
.search .result .part .fr  a { color: #999; }
.search .result .part .fr  a:hover { color: #4ca263; }



.compony18 { background: url(../images/logo2.png) no-repeat center top;padding-bottom: 80px; }
.compony18 .wp > p { color: #74addd; text-align: center;font-size: 16px;margin-bottom: 30px;}

.compony18 .hirebox { border-top: 3px solid #30b2e4;}
.compony18 .boxtitle { border: 1px solid #dfdfdf;background: #f8f8f8;}
.compony18 .boxtitle ul { overflow: hidden;padding: 18px 0;}
.compony18 .boxtitle ul li { float: left;width: 16%;text-align: center;color: #8b8b8b;}
.compony18 .boxline { position: relative;border: 1px solid #dfdfdf;border-top: none;}
.compony18 .boxline ul { overflow: hidden;cursor: pointer;background: #fff;}
.compony18 .boxline ul:hover { background: #f8f8f8;}
.compony18 .boxline ul li { float: left;width: 16%;text-align: center;padding: 16px 0;color: #797979;font-size: 14px;}
.compony18 .boxline ul li:first-child { color: #333;font-weight: bold;}
.compony18 .boxline ul li:last-child { position: absolute;width: 22px;height: 13px;background: url(../images/hire03.png) no-repeat;top: 20px;right: 20px;padding: 0;}
.compony18 .boxline ul.on li:last-child { background: url(../images/hire3.png) no-repeat;}

.compony18 .boxline .info { width: 100%;padding: 30px;box-sizing: border-box;display: none;padding-top: 0;background: #fafafa;}
.compony18 .boxline .info h3 { font-size: 16px;color: #30b2e4;margin-bottom: 20px;padding-top: 30px;}
.compony18 .boxline .info ol { margin-bottom: 50px;}
.compony18 .boxline .info ol li { font-size: 14px;color: #666;margin-bottom: 5px;}
.compony18 .boxline .info p { font-size: 14px;color: #666;line-height: 24px;margin-bottom: 15px;}
.compony18 .boxline .info p a { color: #30b2e4;}
.compony18 .boxline .info .line {display: none;margin-top: 30px;}
.compony18 .boxline .info .line p span { color: #74addd; }
.compony18 .boxline .info .line p { display: inline-block;margin-right: 30px;font-size: 16px; }







.compony20 { padding: 60px 0;background: #f6f6f6; }
.compony20 .box { margin-top: 30px; }
.compony20 .box .fl { width: 20%; }
.compony20 .box .fl .item { border: 1px solid #d7d8d9;border-bottom: none;line-height: 70px;background: #eff2f5;border-right: none;cursor: pointer; }
.compony20 .box .fl .item span { display: block;box-sizing: border-box;padding-left: 30px;position: relative; }
.compony20 .box .fl .item span:before { content: '';width: 4px;height: 100%;position: absolute;left: -1px;top: 0; background: transparent;}
.compony20 .box .fl .item span:after { content: '';width: 1px;height: 100%;position: absolute;right: -1px;top: 0;background: #d7d8d9; }
.compony20 .box .fl .item.current span:before { background: #74addd; }
.compony20 .box .fl .item.current span:after { background: #fff; }
.compony20 .box .fl .item.current { background: #fff; border-right: none;}
.compony20 .box .fl .item:last-child { border-bottom: 1px solid #d7d8d9; }
.compony20 .box .fr { width: 80%;background: #fff; padding: 50px;box-sizing: border-box;border: 1px solid #d7d8d9;margin-left: -1px;}
.compony20 .box .fr .part { display: none; }
.compony20 .box .fr .part.show { display: block; }
.compony20 .box .fr h2 { font-size: 20px;border-bottom: 1px solid #eee;padding-bottom: 20px;margin-bottom: 40px; }
.compony20 .box .fr h2 a { float: right;font-size: 14px;color: #666;margin-top: 4px; }
.compony20 .box .fr h2 a img { display: inline-block;vertical-align: middle;margin-top: -4px; }
.compony20 .box .fr h2 a:hover { color: #4ca263; }
.compony20 .box .fr dl { margin-bottom: 20px; }
.compony20 .box .fr dl dt { cursor: pointer; }
.compony20 .box .fr dl dt,.compony20 .box .fr dl dd {line-height: 50px;background: #f8f8f8;padding-left: 20px;color: #666;}
.compony20 .box .fr dl dd { background: url(../images/d.jpg) repeat-x left bottom;display: none; }
.compony20 .box .fr dl dd a.see {width: 25px;height: 25px;background: url(../images/see.svg) no-repeat;display: inline-block;margin-right: 10px;vertical-align: middle;background-size: contain;}
.compony20 .box .fr dl dd a.download { width: 20px;height: 20px;background: url(../images/download.png) no-repeat;display: inline-block;margin-left: 10px;vertical-align: middle;background-size: contain;}
.compony20 .box .fr dl dd a.download:hover { background: url(../images/download2.png) no-repeat; }
.compony20 .box .fr dl dd span { color: #d8d8d8;float: right;margin-right: 20px; }

.compony20 .box .fr dl dt a.see {width: 25px;height: 25px;background: url(../images/see.svg) no-repeat;display: inline-block;margin-right: 10px;vertical-align: middle;background-size: contain;}
.compony20 .box .fr dl dt a.download { width: 20px;height: 20px;background: url(../images/download.png) no-repeat;display: inline-block;margin-left: 10px;vertical-align: middle;background-size: contain;}
.compony20 .box .fr dl dt a.download:hover { background: url(../images/download2.png) no-repeat; }
.compony20 .box .fr dl dt span { color: #d8d8d8;float: right;margin-right: 20px; }

.compony20 .box .fr dl dt i { width: 22px;height: 13px;background: url(../images/hire03.png) no-repeat;display: inline-block;float: right;margin-right: 20px;margin-top: 20px; }
.compony20 .box .fr dl dt.cli i { background: url(../images/hire3.png) no-repeat; }
.compony20 .box .fr dl dt.cli {background: #edf6ef;}


.compony21 {padding: 50px 0;background-position: center;background-size: cover;background: #f9f9f9 url(../images/aboutus04.jpg) no-repeat;}
.compony21 .fl { position: relative;width: 50%; }
.compony21 .fl p { position: absolute; }
.compony21 .fl .bj { top: 35%;right: 19%; }
.compony21 .fl .sh { top: 58%;right: 7%; }
.compony21 .fl .yw { top: 65%;right: 9%; }
.compony21 .fl .hz { top: 81%;right: 19%; }
.compony21 .fl .sz { top: 84%;right: 22%; }
.compony21 .fl .dg { top: 82%;right: 32%; }
.compony21 .fl .xg { top: 89%;right: 27%; }
.compony21 .fl img {max-width: 100%;}




.compony21 .fr {background: #fff;padding: 30px 30px;box-shadow: 0 0 20px rgba(0,0,0,.3);margin-top: 50px;width: 40%;padding-bottom: 10px;}
.compony21 .fr h2 { margin-bottom: 20px;font-size: 22px; }
.compony21 .fr .line { position: relative;padding-left: 50px;padding-bottom: 20px;background: url(../images/d.jpg) repeat-x left bottom;margin-bottom: 15px;}
.compony21 .fr .line:nth-child(2) i { width: 30px;height: 42px;background: url(../images/add2.png) no-repeat;display: inline-block;position: absolute;left: 0;top: 2px;}
.compony21 .fr .line:nth-child(3) i { width: 27px;height: 367px;background: url(../images/tel2.png) no-repeat;display: inline-block;position: absolute;left: 0;top: 6px;}
.compony21 .fr .line:nth-child(4) i { width: 30px;height: 30px;background: url(../images/fox2.png) no-repeat;display: inline-block;position: absolute;left: 0;top: 8px;}
.compony21 .fr .line:nth-child(5) i { width: 33px;height: 27px;background: url(../images/email2.png) no-repeat;display: inline-block;position: absolute;left: 0;top: 12px;}
.compony21 .fr .line:nth-child(5) { background: none;}
.compony21 .fr .line h3 { font-size: 16px;margin-bottom: 5px;}
.compony21 .fr .line p,.compony21 .fr .line span { font-size: 14px;color: #999;}
.compony21 .fr .line span { margin-right: 30px;display: inline-block;}
.compony21 ul {margin-top: 50px;}
.compony21 ul li { width: 33.33%;float: left; margin-bottom: 50px;}
.compony21 ul li .part {width:95%;border-bottom: 1px solid #e5e5e5;height: 170px;padding-right: 20px;box-sizing: border-box;}
.compony21 ul li h2 { font-size: 20px;padding-left: 35px;background: url(../images/house2.png) no-repeat left center;margin-bottom: 20px; }
.compony21 ul li p { line-height: 24px;color: #666; }
.compony21 ul li:hover h2 { color: #4ca263;background: url(../images/house3.png) no-repeat left center;/*background-size: contain;*/ }



.alertcontact { width: 50%;position: fixed;top: 50%;left: 50%;transform: translate(-50%,-50%);display: none;z-index: 35;max-height: 600px;overflow-y: auto;background: #fff url(../images/dd.jpg) no-repeat right bottom;padding: 30px 60px;box-shadow: 0 0 20px rgba(0,0,0,.3);box-sizing: border-box;}

.alertcontact .contact { width: 100%;z-index: 2;}
.alertcontact .contact .fl { width: 50%; }
.alertcontact .contact .fr { width: 40%; }
.alertcontact .contact .fl h2 ,.alertcontact .contact .fr h2{ font-size: 24px;color: #1f8b3b;margin-bottom: 20px; }
.alertcontact .contact .fl p,.alertcontact .contact .fr p { font-size: 14px;color: #666;line-height: 24px;margin-bottom: 30px; }
.alertcontact .contact label { vertical-align: middle;font-size: 14px;margin-right: 5px; }
.alertcontact .contact .line { margin: 15px 0; }
.alertcontact .contact .line input { border: 1px solid #e4e4e4;border-radius: 4px;background: #fafafa;line-height: 30px;width: 70%; }
.alertcontact .contact .line:nth-child(3) label { vertical-align: top; }
.alertcontact .contact .line textarea { height: 155px;  border: 1px solid #e4e4e4;border-radius: 4px;background: #fafafa;width: 70%; }
.alertcontact .contact button { padding: 10px 40px;border-radius: 20px;background: #30b2e4;color: #fff;display: inline-block;margin-left: 50px;border: none;cursor: pointer; }
.alertcontact .contact button:hover { background: #289ac6; }
.alertcontact .contact .fr h2 { color: #333; }
.alertcontact .contact .fr p { margin-bottom: 40px; }
.alertcontact .contact .fr span { font-size: 14px;color: #999; }
.alertcontact .contact .fr h3 { margin-top: 10px;color: #666; }
.alertcontact .contact .fr a { color: #4ca263;display: inline-block;margin-top: 50px; }