@charset "utf-8";
/* CSS Document */
.pageFooter{margin-top: 0}
.focusBanner { position: relative; }
.focusBanner .prev, .focusBanner .next {position: absolute;top: 50%;width: 27px;height: 44px;margin-top: -22px;z-index: 10;cursor: pointer;background: none;color: #fff;font-size: 30px;text-align: center;width: 60px;height: 60px;border-radius: 60px;line-height: 60px;background: rgba(19, 22, 28, .2);left: 120px;display: none!important;}
.focusBanner .prev:hover, .focusBanner .next:hover { background: rgba(19, 22, 28, .5);/* border-color: #1bb8ce; */ }
.focusBanner .next { left: inherit; right: 120px; }
.focusBanner .swiper-pagination-bullet { background: #fff; opacity: 1; }
.focusBanner .swiper-pagination-bullet-active { background: #1bb8ce; }
.focusBanner .hd {position: absolute;z-index: 22;width: 100%;bottom: 20px;text-align: center;height: 12px;display: none;}
.focusBanner .hd ul { display: inline-block; }
.focusBanner .hd li { display: block; width: 12px; height: 12px; border-radius: 12px; position: relative; background: #4d4f55; border: 2px solid #55585d; float: left; margin: 0 6px; text-indent: -999999px; cursor: pointer; }
.focusBanner .hd li.on { background: #fff; }
.focusBanner .hd li:before { content: ''; position: absolute; left: -7px; top: -7px; width: 14px; height: 14px; border: 2px solid #58524f; border-radius: 18px; display: none; }
.focusBanner .hd li.on:before { display: none; }
.focusBanner .bd { }
.focusBanner .bd li { height: 700px!important }
.focusBanner .bd li a {display: block;background-position: 50% 50%;background-repeat: no-repeat;height: 700px;/*background-size: cover;*/}
.focusBanner .bd li a img { display: block; margin: 0 auto; }

.section-pro{background: #f7f9fd;padding: 90px 0 80px;}
.section-pro .tit{text-align: center;line-height: 1;color: #000;margin-bottom: 50px;}
.section-pro .tit h2{font-size: 40px;font-weight: lighter;margin-bottom: 30px;}
.section-pro .tit p{font-size: 18px;}
.section-pro .tit span{font-size: 30px;font-weight: bold;}
.section-pro ul{/* margin: 0 -10px; */max-width: 1295px;margin: 0 auto;}
.section-pro li{float: left;width: 25%;padding: 0 10px 0;}
.section-pro li a{ display: block; background: #fff; border-radius: 10px; overflow: hidden; text-align: center; line-height: 1; color: #000; padding: 0 0 35px;}
.section-pro li img{}
.section-pro li a h3{font-size: 26px;color: #343449;margin-bottom: 10px;}
.section-pro li a span{font-size: 12px;color: #727272;text-transform: uppercase;}

.section-tongXin{/* display: none; */padding: 90px 0 80px;background: #fff;}
.section-tongXin .tit{text-align: center;line-height: 1;margin-bottom: 50px;color: #000;}
.section-tongXin .tit h2{ font-size: 40px; font-weight: lighter; margin-bottom: 35px;}
.section-tongXin .tit p{font-size: 22px;font-weight: lighter;}
.section-tongXin ul{ /* margin: 0 -10px; */ max-width: 1295px; margin: 0 auto;}
.section-tongXin li{ float: left; width: 50%; padding: 0 10px 0;}
.section-tongXin li a{ display: block; background: #f2f5f9; border-radius: 10px; overflow: hidden; text-align: center; padding: 0 0 24px;}
.section-tongXin li a img{}
.section-tongXin li a h3{ font-size: 22px; line-height: 1; color: #131313; margin: 30px 0 20px;}
.section-tongXin li a p{ font-size: 18px; line-height: 32px; color: #000;}
.section-tongXin li a span{font-size: 24px;font-weight: bold;}

.section-gongNeng{/* display:none; */background: url("../img/gongNeng-bg.jpg") repeat-x 0 0 #dbe2ec;padding: 90px 0 80px;}
.section-gongNeng .tit{font-size: 40px;font-weight: lighter;text-align: center;color: #000;}
.section-gongNeng ul{max-width: 1270px;margin: 0 auto;}
.section-gongNeng li{float: left;width: 33.333333%;padding: 40px 0 0 5%;}
.section-gongNeng li .hull{float: left;}
.section-gongNeng li .hd{ font-size: 18px; line-height: 1; color: #000; font-weight: lighter;}
.section-gongNeng li .hd p{ font-weight: lighter; border-top: 1px solid #d7dae1; padding: 5px 0; line-height: 32px; margin-top: 10px;}
.section-gongNeng li a{display: block;}
.section-gongNeng li a .img{ position: relative; display: inline-block; box-shadow: 0px 3px 8px 2px #c7c9d0;}
.section-gongNeng li a span{display: block;font-size: 14px;color: #315aac;text-indent: 80px;padding: 20px 0 00;line-height: 1;}
.section-gongNeng li a i{ position: absolute; right: 0; bottom: 0; background: #b2b2b2; color: #fff; /* width: 22px; */ /* height: 22px; */ text-align: center; line-height: 1; overflow: hidden; padding: 5px;}
.section-gongNeng li a:hover i{}

.section-jieXian{/* display: none; */padding: 90px 0 80px;background: #fff;}
.section-jieXian .tit{text-align: center;line-height: 1;margin-bottom: 50px;color: #000;}
.section-jieXian .tit h2{ font-size: 40px; font-weight: lighter; margin-bottom: 35px;}
.section-jieXian ul{ /* margin: 0 -10px; */ max-width: 1295px; margin: 0 auto;}
.section-jieXian li{ float: left; width: 50%; padding: 0 10px 0;}
.section-jieXian li a{ display: block; background: #f2f5f9; border-radius: 10px; overflow: hidden; text-align: center; padding: 0 0 24px;}
.section-jieXian li a img{}
.section-jieXian li a h3{font-size: 22px;line-height: 1;color: #131313;margin: 30px 0 10px;}
.section-jieXian li a p{ font-size: 18px; line-height: 32px; color: #000;}

.seciont-about{text-align: center;background: none;margin: 0px auto 80px;position: relative;}
.seciont-about .detailWrap{position: absolute;left: 50%;margin-left: -450px;line-height: 1;top: 94px;z-index: 2;width: 900px;}
.seciont-about h2{line-height: 1;color: #fff;font-weight: lighter;font-size: 38px;text-shadow: 0px 2px 3px rgba(15, 17, 21, 0.82);}
.seciont-about span,.seciont-about p{font-size: 30px;margin-top: 28px;display: block;}
.seciont-about img{}
.seciont-about .hd{/* position: absolute; *//* left: 0; *//* top: 94px; */text-align: center;/* width: 100%; *//* z-index: 9; */}
.seciont-about .hd ul{/* position: absolute; *//* left: 0; *//* top: 220px; *//* text-align: center; *//* width: 100%; */padding: 35px 0 0 0;}
.seciont-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;} 
.seciont-about .hd li.on{background: #315aac;}


.pageIndex{background:#fff}
.pageIndex .news{padding: 90px 0 80px 0;}
.pageIndex .news .title{ text-align: center; font-size: 40px; line-height: 1; color: #000; font-weight: lighter;
}
.pageIndex .news ul{margin: 0;min-height: auto;}
.pageIndex .news li{/* padding: 0 0px 24px; */padding: 0;float: left;width: 33.3333%;border: none;}
.pageIndex .news li.first{width: 66.6666%;}
.pageIndex .news li a{display: block;position: relative;box-shadow: 0px 8px 9px 0px #f7f7f7;padding: 0;}
.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;}
.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: 18px;color: #315aac;line-height: 32px;border: 1px solid #315aac;padding: 0 20px;/* border-radius: 34px; */width: 320px;height: 50px;line-height: 50px;}
.pageIndex .news .more a:hover{background: #315aac;border-color: #315aac;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: #006edd;}
.newsTab .newsTabHd li.on a{background: #315aac;color: #fff;}
.newsTabBd{}
.pageIndex .news .newsList{margin: 0 -15px;padding: 0;}
.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;}



.section_1{text-align: center;line-height: 1;background: #f2f2f2;padding: 50px 0 90px;}
.section_1 ul{overflow: hidden;}
.section_1 li{padding: 50px 0 0 0;border: 1px solid #dedfe2;border-width: 1px 0 0 1px;min-height: 140px;float: left;width: 33.333%;margin: -1px 0 0 -1px;}
.section_1 h2{font-size: 26px;color: #1a1a1a;margin: 0 0 10px;}
.section_1 p{font-size: 20px;color: #555;margin: 0;}
.section_2{text-align: center;line-height: 1;padding: 60px 0 65px;background: #f2f2f2;}
.section_2 h2{margin: 0;/* background: #f2f2f2; */font-size: 40px;color: #1a1a1a;}
.section_2 p{margin: 0;font-size: 20px;color: #1a1a1a;padding: 30px 0 65px;}
.section_2 img{ display: block; margin: 0 auto;}
.section_3{ background: url("../img/fangan_Bg.jpg") no-repeat 50% 50%; background-size: cover; padding: 60px 80px;}
.section_3 h2{line-height: 1;margin: 0 0 60px;font-size: 40px;color: #fff;text-align: center;}
.section_3 ul{/* margin: 0 -11px; */padding: 0 4px;}
.section_3 li{ float: left; width: 50%; padding: 0 11px;}
.section_3 li a{display: block;text-align: center;background: #fff;border: 2px solid transparent;padding: 0 0 35px;border-radius: 5px;overflow: hidden;}
.section_3 li a span{display: inline-block;width: 220px;line-height: 54px;color: #fff;background: #568af5;border-radius: 54px;text-align: center;font-size: 24px;margin-bottom: 15px;}
.section_3 li a p{font-size: 28px;line-height: 32px;color: #000;padding: 0;margin: 0;}
.section_3 li a p span{color: #568af5;}
.section_3 li a p em{font-size: 36px;}
.section_3 li a img{width: 100%;margin-bottom: 50px;}
.section_3 li a:hover{border-color: #568af5;}
.section_4{background: url("../img/brand_bg.jpg") no-repeat 50% 50%;background-size: cover;padding: 52px 0 30px;}
.section_4 h2{text-align: center;color: #fff;font-size: 40px;line-height: 50px;margin: 0 0 52px;letter-spacing: 3px;}
.section_4 ul{ margin: 0 -18px;}
.section_4 li{ float: left; width: 33.333%; padding: 0 18px 50px;}
.section_4 li a{display: block;}
.section_4 li a:hover{transform: translateY(-10px);}
.section_4 li a img{width: 100%}
.section_5{background:url("../img/case_bg.jpg") no-repeat 50% 50%;background-size: cover;padding: 50px 0 30px;text-align: center;}
.section_5 h2{ text-align: center; line-height: 1; color: #fff; font-size: 40px; margin: 0 0 50px;}
.section_5 ul{ background: #fff; margin-bottom: 45px;}
.section_5 li{ float: left; width: 25%;}
.section_5 li a{ display: block;position: relative;}
.section_5 li a img{ width: 100%}
.section_5 li a:hover{box-shadow: 0 0 5px 3px #8a8a8a52;z-index: 2;}
.section_5 a.more{line-height: 50px;border: 1px solid #fff;background: url("../img/case_icon.png") no-repeat right center;font-size: 20px;color: #fff;display: inline-block;text-align: center;padding: 0 75px 0 30px;}
.section_6{ background: #646e77; text-align: center; padding: 80px 0 80px;}
.section_6 .title{ line-height: 1; color: #fff;}
.section_6 .title h2{ font-size: 40px; margin: 0; padding: 0;}
.section_6 .title p{font-size: 20px;margin: 0;padding: 25px 0 50px;}
.section_6 ul{/* margin: 0 -5px; */padding: 0 30px 75px;}
.section_6 li{float: left;width: 25%;padding: 0 9px;}
.section_6 li a{display: block;background: #fff;border-radius: 10px;overflow:hidden;line-height: 1;/* padding: 0 0 27px; */}
.section_6 li img{ width: 100%;}
.section_6 li a h3{font-size: 24px;line-height: 28px;color: #222;}
.section_6 li a p{font-size: 18px;color: #656565;margin: 15px 0 20px;padding: 0;}
.section_6 li a .bd{ padding: 30px 30px 30px; text-align: left;}
.section_6 li a .price{line-height: 38px;color: #fff;background: #006edd;border: 3px solid #006edd;border-radius: 44px;font-size: 24px;}
.section_6 li a .price span{background: #fff;height: 38px;line-height: 38px;color: #006edd;display: inline-block;border-radius: 38px;min-width: 120px;text-align: center;font-size: 32px;/* overflow: hidden; */vertical-align: bottom;font-weight: bold;margin-right: 10px;}
.section_6 li a .price span em{font-size: 18px;}
.section_6 a.more{background: url("../img/pro_btn.png") no-repeat;width: 512px;height: 80px;display: inline-block;line-height: 70px;font-size: 28px;color: #fff;text-indent: 150px;text-align: left;}


.systemTabs{position:relative;min-height: 940px; overflow: hidden;}
.systemTabs .TabsHd{width: 200px;height: 100%;background: rgba(0, 18, 34, 0.35);position: absolute;z-index: 4;top: 0;text-align: right;}
.systemTabs .TabsHd h2{font-size: 24px;line-height: 1;color: #fff;padding: 55px 30px 50px 0;}
.systemTabs .TabsHd ul{}
.systemTabs .TabsHd li{}
.systemTabs .TabsHd li.last{margin-bottom: 25px;}
.systemTabs .TabsHd li a{position: relative;padding: 0 30px 0 0;display: block;font-size: 14px;line-height: 26px;color: #999;}
.systemTabs .TabsHd li a span{display: block;font-size: 18px;color: #fff!important;/* line-height: 1; *//* padding: 0 0 10px; */}
.systemTabs .TabsHd li a:before{content: '';background: url(/newWeb/products/images/WuLianWang/system-icon.png) no-repeat;width: 12px;height: 22px;position: absolute;right: -12px;bottom: 2px;display: none;}
.systemTabs .TabsHd li a:hover{color: #fff;}
.systemTabs .TabsHd li.m a{font-size: 18px;color: #fff;}
.systemTabs .TabsHd li.m a:before{}
.systemTabs .TabsHd li.m a:hover{}
.systemTabs .TabsHd li.on a:before{display:block;}
.systemTabs .TabsHd li.on a{color: #fff;}
.systemTabs .TabsHd li.m.on a{color: #00cccc;}
.systemTabs .TabsBd{}
.systemTabs .TabsBd dd{ min-height: 940px;width: 100%; background-repeat: repeat;background-position: 50% 50%; background-size: cover; }
.systemTabs .TabsBd .desc {padding: 40px 80px 20px 80px;}
.systemTabs .TabsBd .desc h2 { font-size: 30px; line-height: 1; color: #00cccc; padding: 0 0 35px; }
.systemTabs .TabsBd .desc .hd { padding: 0 0 0 30px; position: relative; line-height: 1; }
.systemTabs .TabsBd .desc .hd span { font-size: 24px; line-height: 1; color: #fff; position: relative; display: block; }
.systemTabs .TabsBd .desc .hd em { position: absolute; left: 0; top: -10px; font-size: 24px; line-height: 1; color: #515059; }
.systemTabs .TabsBd .desc p {font-size: 18px;color: #ccc;line-height: 30px;padding: 5px 0 0px;}
.systemTabs .TabsBd ul{color: #ccc;font-size: 18px;line-height: 33px;padding: 50px 0 20px 0;}
.systemTabs .TabsBd li { float: left; width: 50%; padding: 0 140px 0 50px; }
.systemTabs .TabsBd li h3{ font-size: 20px; color: #0cc; padding: 0 0 10px; line-height: 1; }
.systemTabs .TabsBd li p{}





@media (max-device-width: 1024px) {}


@media (max-device-width:770px) {}