@charset "utf-8";
/* CSS Document */

.pageIndex{}
.pageIndex .wrap{/* width: 1350px; */margin: 0 auto;}

.pageIndex .banner { position: relative; }
.pageIndex .banner .prev,.pageIndex  .banner .next {top: 50%;position: absolute;color: #fff;font-size: 24px;text-align: center;width: 60px;height: 60px;border-radius: 60px;line-height: 60px;background: rgb(0, 0, 0);left: 60px;z-index: 2;opacity: .3;margin-top: -30px; display: none;}
.pageIndex .banner:hover .prev, .banner:hover .next { display: block;}
.pageIndex .banner .prev:hover,.pageIndex  .banner .next:hover{ opacity: .6}
.pageIndex .banner .next { right: 60px; left: inherit; }
.pageIndex .banner .hd { position: absolute; text-align: center; z-index: 2; bottom: 20px; width: 100%; height: 4px; }
.pageIndex .banner .hd ul { }
.pageIndex .banner .hd li {width: 100px;height: 2px;background: rgb(255, 255, 255);opacity: .5;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#3F000000, endColorstr=#3F000000);border-radius: 4px;display: inline-block;margin: 0 4px;text-indent: -9999px;}
.pageIndex .banner .hd li.on {/* background: #006edd; */opacity: 1;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#9F000000, endColorstr=#9F000000);}
.pageIndex .banner .bd {width: 100%!important;}
.pageIndex .banner .bd li {width: 100%!important;}
.pageIndex .banner .bd li a { display: block; height: 100%; }
.pageIndex .banner .bd li .wrap{ height: 720px; position: relative;}
.pageIndex .banner .bd li a .desc{ min-height: 312px; min-width: 520px;  position: absolute; left: 0; top: 50%; margin-top: -156px; background: url("../img/banner-bg.png");color: #fff; padding: 60px 40px 0;}
.pageIndex .banner .bd li a h2{ font-size: 36px; line-height: 50px; padding: 0 0 20px; border-bottom: 1px solid #f8e0ba; display: inline-block;}
.pageIndex .banner .bd li a p{ font-size: 16px; line-height: 20px; position: relative; padding: 26px 0 26px 10px;}
.pageIndex .banner .bd li a p:before{content: ''; width: 4px; height: 4px; color: #fff; position: absolute; left: 0; top: 50%; margin-top: -2px; background: #fff; border-radius: 4px;}
.pageIndex .banner .bd li a span{ font-size: 16px; line-height: 1;}

.pageIndex .brand{padding:100px 0 0 0;}
.pageIndex .brand .title,.pageIndex .pro .title,.pageIndex .news .title,.pageIndex .heZuo .title,.pageIndex .CaseWrap .Title {font-size: 38px;color: #1d2023;line-height: 1;text-align: center;font-weight: lighter;}
.pageIndex .brand ul{margin-top: 70px; background: #f9f9f9; border: 1px solid #ebebeb;}
.pageIndex .brand li{float: left; width: 20%; border-right: 1px solid #ebebeb; text-align: center;}
.pageIndex .brand li a{display: inline-block;min-height: 215px;padding: 40px 0 0 0;line-height: 1;text-align: left;}
.pageIndex .brand li .img{min-height: 38px;}
.pageIndex .brand li a h3{font-size: 24px;color: #222;font-weight: lighter;}
.pageIndex .brand li a p{font-size: 16px;color: #1d2023;padding: 12px 0 20px;}
.pageIndex .brand li a span{display: inline-block;line-height: 28px;border: 1px solid #626262;padding: 0 25px;border-radius: 30px;color: #626262;}
.pageIndex .brand li a:hover span{background: #ed9611;border-color: #ed9611; color: #fff;}
.pageIndex .brand li.last{border: none;}
.pageIndex .brand li.last a p{padding-top: 24px;}
.pageIndex .brand li.last a{text-align: center;}

.pageIndex .pro{padding: 100px 0 0 0;text-align: center;}
.pageIndex .pro .hd{text-align: center;margin: 40px 0 20px;border: 1px solid #ececec;border-width: 1px 0;}
.pageIndex .pro .hd ul{ display: inline-block; overflow: hidden;}
.pageIndex .pro .hd li{ padding: 20px 22px; position: relative; float: left;}
.pageIndex .pro .hd li:before{content: '';width: 1px;height: 10px;background: #e7e7e7;position: absolute;left: -1px;top: 50%;margin-top: -7px;}
.pageIndex .pro .hd li a{line-height: 36px;color: #898989;font-size: 16px;padding: 0 24px;display: block;}
.pageIndex .pro .hd li.on a{background: #ed9611;color: #fff;}
.pageIndex .pro .list{padding: 70px 0 30px 0;}
.pageIndex .pro .list ul{margin: 0 -20px;}
.pageIndex .pro .list li{float:left;width: 50%;padding: 0 20px 40px;}
.pageIndex .pro .list li a{display: block;background: #f9f9f9;line-height: 1;}
.pageIndex .pro .list li .pic{position: relative;}
.pageIndex .pro .list li .pic img{}
.pageIndex .pro .list li a .pic span{position: absolute;left: 50%;bottom: 0;/* margin-left: -25%; */transform: translateX(-50%);display: block;min-width: 84%;background: #ed9611;line-height: 36px;font-size: 20px;color: #fff;border-radius: 15px 15px 0 0;}
.pageIndex .pro .list li .bd{border: 1px solid #edf0f5;border-width: 0 1px 1px 1px;padding: 30px 0 0px;/* overflow: hidden; */min-height: 180px;}
.pageIndex .pro .list li a .logos{display: inline-block;position: relative;padding: 2px 10px 0 0;margin: 0 7px 0 0;min-height: 20px;vertical-align: middle;}
.pageIndex .pro .list li a .logos img{float: left;max-height: 20px;}
.pageIndex .pro .list li a .logos:before{content:'';width: 1px;height: 16px;background: #444;position: absolute;right: 0;top: 2px;}
.pageIndex .pro .list li a h2{display: inline-block;line-height: 20px;font-size: 20px;vertical-align: top;color: #222;}
.pageIndex .pro .list li a p{font-size: 16px;color: #222;padding: 15px 0 25px;}
.pageIndex .pro .list li a .price{ display: inline-block; background: #222; height: 36px; border-radius: 36px; color: #fff; line-height: 36px; padding: 0 52px 0 28px; font-size: 24px; position: relative;}
.pageIndex .pro .list li a .price em{font-size: 16px;padding: 0 3px;}
.pageIndex .pro .list li a .price i{width: 26px;height: 26px;text-align: center;background: #fff;border-radius: 26px;color: #222;font-size: 14px;display: block;line-height: 27px;position: absolute;right: 9px;top: 5px;text-indent: 2px;overflow: hidden;}
.pageIndex .pro .list .more{text-align: center;padding: 20px 0 0 0;}
.pageIndex .pro .list .more a{display: inline-block;width: 200px;height: 52px;border: 1px solid #949494;line-height: 50px;text-align: center;font-size: 18px;color: #222;}
.pageIndex .pro .list .more a i{font-weight: normal;padding: 0 0 0 5px;}




.pageIndex .news{ padding: 100px 0 100px 0;}
.pageIndex .news ul{/*margin: 70px -15px 0;*/}
.pageIndex .news li{/* padding: 0 0px 24px; */padding: 0;float: left;width: 33.3333%;}
.pageIndex .news li.first{width: 66.6666%;}
.pageIndex .news li a{display: block;position: relative;box-shadow: 0px 8px 9px 0px #f7f7f7;}
.pageIndex .news li a .bd{background: #fff;min-height: 157px;padding: 20px 20px 0;border: 1px solid #eff1f5;border-top: 0;}
.pageIndex .news li a h3{font-size: 18px;color: #1d2023;line-height: 26px;margin-bottom: 10px;height: 52px;overflow: hidden;}
.pageIndex .news li a .desc{font-size: 14px;color: #7b7b7b;line-height: 22px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.pageIndex .news li a img{width: 100%;}
.pageIndex .news li a .bdHull{border-top: 1px solid #eceff4;margin: 15px 0 0 0;padding: 0 0 10px;font-size: 14px;color: #333;}
.pageIndex .news li a .bdHull .logos{float: left; max-height: 25px; padding: 10px 0 0 0;}
.pageIndex .news li a .bdHull img{max-height: 25px; width:auto}
.pageIndex .news li a .bdHull span{float: right;line-height: 46px;}
.pageIndex .news li a .bdHull span i{font-size: 12px;}

.pageIndex .news li.first .bd{position: absolute;bottom: 20px;width: 100%;background: none;min-height: auto;}
.pageIndex .news li.first a h3{color: #fff;}
.pageIndex .news li.first a .desc{-webkit-line-clamp: 1;color: #bdbdbd;}
.pageIndex .news li .box{padding: 0 15px 20px;}
.pageIndex .news .more{text-align: center;/* padding: 40px 0 0 0; */}
.pageIndex .news .more a{ display: inline-block; font-size: 14px; color: #626262; line-height: 32px; border: 1px solid #626262; padding: 0 20px; border-radius: 34px;}
.pageIndex .news .more a:hover{background: #ed9611;border-color: #ed9611; color: #fff;}

.newsTab{}
.newsTabHd{margin: 40px auto 30px;text-align: center;border: 1px solid #ececec;border-width: 1px 0;padding: 18px 0;line-height: 36px;}
.newsTab .newsTabHd ul{display: inline-block;vertical-align: middle;overflow: hidden;}
.newsTab .newsTabHd li{width: auto;padding: 0 22px;margin-left: -1px;position: relative;}
.newsTab .newsTabHd li:before{content:'';width: 1px;height: 14px;position: absolute;left: 0px;top: 50%;margin-top: -7px;background: #e7e7e7;}
.newsTab .newsTabHd li a{font-size: 16px;color: #898989;padding: 0 24px;}
.newsTab .newsTabHd li a:hover{color:#ed9611}
.newsTab .newsTabHd li.on a{background: #ed9611;color: #fff;}
.newsTabBd{}
.pageIndex .news .newsList{margin: 0 -15px;}
.newListScrool{position: relative;padding: 40px 0;}
.newListScrool .sub-prev,.newListScrool .sub-next{top: 50%;position: absolute;color: #fff;font-size: 16px;text-align: center;width: 40px;height: 40px;border-radius: 40px;line-height: 40px;background: #dadada;display: block;left: -70px;z-index: 2;opacity: 1;margin-top: -25px;display: none;}
.newListScrool .sub-next{right: -70px; left: inherit; }
.newListScrool .sub-prev:hover,.newListScrool .sub-next:hover{opacity: 1;background: #8b8b8b;}
.newListScrool .sub-prev.prevStop,.newListScrool .sub-next.nextStop{opacity: 1;background: #f7f7f7; cursor: inherit;}
.newListScrool .newListScroolHd{position: absolute;text-align: center;z-index: 2;bottom: 0px;width: 100%;height: 4px;display: none;}
.newListScrool .newListScroolHd ul{}
.newListScrool .newListScroolHd li{width: 65px;height: 2px;background: #e5e5e5;opacity: 1;border-radius: 2px;display: inline-block;margin: 0 5px;text-indent: -9999px;padding: 0;float: none;}
.newListScrool .newListScroolHd li.on{background: #adadad;}



.pageIndex .heZuo{ padding: 70px 0; background: #f9f9f9;}
.pageIndex .heZuo .title{margin-bottom: 60px;}
.pageIndex .heZuo ul{overflow: hidden;}
.pageIndex .heZuo li{float: left;width: 20%;border: 1px solid #eceded;border-width: 1px 0 0 1px;text-align: center;margin: -1px 0 0 -1px;}
.pageIndex .heZuo li a{display: inline-block;vertical-align: top;padding: 33px 0;}
.pageIndex .heZuo li img{width: 160px;}

.pageIndex .about{ text-align: center}
.pageIndex .about .wrap{position: relative;}
.pageIndex .about .title{line-height: 1;font-size: 38px;color: #1d2023;/* padding: 94px 0 0 0; */font-weight: lighter;/* position: absolute; */color: #fff;text-align: center;width: 100%;text-shadow: 0px 2px 3px rgba(15, 17, 21, 0.82);}
.pageIndex .about .title p{font-size: 30px;padding: 28px 0 0 0;font-weight: lighter;}
.pageIndex .about .hd{position: absolute;left: 0;top: 94px;text-align: center;width: 100%;z-index: 9;}
.pageIndex .about .hd ul{/* position: absolute; *//* left: 0; *//* top: 220px; *//* text-align: center; *//* width: 100%; */padding: 35px 0 0 0;}
.pageIndex .about .hd li{margin: 0 25px;font-size: 22px;line-height: 46px;background: #babec8;border-radius: 46px;color: #fff;padding: 0 30px;cursor: pointer;display: inline-block;} 
.pageIndex .about .hd li.on{background:#46b6f5;background: #ed9611;}
.pageIndex .about img{}



.pageIndex .CaseWrap {padding: 100px 0 100px;}
.pageIndex .CaseWrap .Title {padding: 0 0 30px;}
.pageIndex .CaseScrool {position: relative;padding: 40px 0;}
.pageIndex .CaseScrool .prev, .pageIndex .CaseScrool .next {top: 50%;position: absolute;color: #fff;font-size: 16px;text-align: center;width: 40px;height: 40px;border-radius: 40px;line-height: 40px;background: #dadada;display: block;left: -70px;z-index: 2;opacity: 1;margin-top: -25px;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#3F000000, endColorstr=#3F000000);}
.pageIndex .CaseScrool .prev:hover, .pageIndex .CaseScrool .next:hover {opacity: 1;background: #8b8b8b;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#9F000000, endColorstr=#9F000000);}
.pageIndex .CaseScrool .next { right: -70px; left: inherit; }
.pageIndex .CaseList { overflow: hidden; border-radius: 5px; }
.pageIndex .CaseList .tempWrap { margin: 0 auto; }
.pageIndex .CaseList ul { margin: 0 auto; }
.pageIndex .CaseList li { width: 100%; float: left; border-radius: 5px; }
.pageIndex .CaseList li a { display: block; overflow: hidden;/* padding: 0 15px; cursor: inherit */ }
.pageIndex .CaseList li a img {}
.pageIndex .CaseScrool .hd {position: absolute;text-align: center;z-index: 2;bottom: 0px;width: 100%;height: 4px;}
.pageIndex .CaseScrool .hd ul { }
.pageIndex .CaseScrool .hd li {width: 65px;height: 2px;background: #e5e5e5;opacity: 1;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#3F000000, endColorstr=#3F000000);border-radius: 2px;display: inline-block;margin: 0 5px;text-indent: -9999px;}
.pageIndex .CaseScrool .hd li.on {background: #adadad;/* opacity: 1; */filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#9F000000, endColorstr=#9F000000);}




@media(max-width:1768px) {

}
@media(max-width:1600px) {
  

}
@media(max-width:1440px) {
.pageIndex .banner .prev,.pageIndex  .banner .next {left: 30px;}
.pageIndex .banner .next { right: 30px; left: inherit; }
.newListScrool .sub-prev, .newListScrool .sub-next,.pageIndex .CaseScrool .prev, .pageIndex .CaseScrool .next{left: -50px;}
.newListScrool .sub-next,.pageIndex .CaseScrool .next{right: -50px;left: initial;}

}


@media(max-device-width:1440px) {


}

@media(max-device-width:1024px) {
    .newListScrool .sub-prev, .newListScrool .sub-next,.pageIndex .CaseScrool .prev, .pageIndex .CaseScrool .next{left: 20px;}
.newListScrool .sub-next,.pageIndex .CaseScrool .next{right:20px;left: initial;}
 
}