@charset "gb2312";
@font-face{font-family:'AkzidenzGrotesk-BoldCondAlt';src:url('../fonts/font-fw/AkzidenzGrotesk-BoldCondAlt.otf') format('woff');font-weight:normal;font-style:normal}
*{ margin:0; padding:0; list-style:none;box-sizing: border-box;}
body{ font-size:12px; font-family:"microsoft yahei",Arial, Helvetica; -moz-user-select : none;-webkit-user-select: none;}/**防复制**/
table{ border-collapse:collapse; border-spacing:0;}
img { border:none;vertical-align: middle;max-width: 100%;height: auto;}
a{color:#333333;text-decoration:none;}
.clear{clear:both; font-size:0; line-height:0; height:0; overflow:hidden;}
.fix{*zoom:1;}
.fix:after {visibility: hidden;display: block;font-size: 0;content:""; clear: both; height: 0;}
blockquote{ padding-left:2em;}
.round4{-moz-border-radius: 4px; -webkit-border-radius: 4px; -khtml-border-radius: 4px; border-radius: 4px;}
.pWidth{width: 1600px;margin: 0 auto;}

header{position:absolute;z-index:9991;top:0;left:0;width:100%;transition:all .55s cubic-bezier(0.55,0.75,0.6,1) 0s;-webkit-transition:all .55s cubic-bezier(0.55,0.75,0.6,1) 0s;-moz-transition:all .55s cubic-bezier(0.55,0.75,0.6,1) 0s}
header .logo {position: absolute;left: 40px;top: 20px;z-index: 200;}
.menuBox{position: relative;width: 100%;text-align: center;}
.menu{}
.menu li{margin: 0 23px;display: inline-block;}
.menu li a {font-size: 16px;color: #fff;line-height: 36px;position: relative;padding: 28px 0 6px;display: block;}
.menu li a:after {content: '';bottom: 0;position: absolute;display: block;width: 0;height: 1px;background: #fff;transition: all .4s;}
.menu li.on a:after, .menu li a:hover:after {width: 100%;}
.tel{position: absolute;right: 40px;top: 28px;font-size: 22px;line-height: 36px;color: #fff;background: url(common/tel.png) left center no-repeat;padding-left: 30px;font-family: Arial;}
.menuMore{display:none;}

/**banner beigin**/
.banner {position: relative;width: 100%;height: auto;}
.banner>img {max-width: 100%; max-height:100vh;border: 0;vertical-align: middle;}

.mySwiper{position: absolute;left: 0;top: 0;height: 100%;width: 100%;}
.swiper-wrapper{}
.swiper-wrapper .banner1{}
.dongtai{width: 100%;position: absolute;left: 0;top: 0;-moz-transition: all 4.5s linear;-o-transition: all 4.5s linear;transition: all 4.5s linear;}
.swiper-slide-active .dongtai{top:-200px}
.verticalTransform{transform: translateY(-50%);-moz-transform: translateY(-50%);-webkit-transform: translateY(-50%);-moz-transition: all 0.5s linear;-o-transition: all 0.5s linear;transition: all 0.5s linear;}

.banner1 .mengBan {background: url(banner/bannerbg.png) center center no-repeat;background-size: cover;width: 100%;position: absolute;left: 0;top: 0;z-index: 10;height: 100%;}
.banner1 .swiperText{position: absolute;top: 50%;left:0;width: auto;color: #fff;font-size: 36px;line-height: 60px;}
.banner1 .swiperText .en{font-size: 48px;display: block;margin-bottom: 10px;}
.swiper-slide-active .swiperText{left:15%}

.banner2 .swiperImg {position: absolute;top: 50%;right: 0;width: 50%;transform: translateY(-40%);text-align:left;}
.banner2 .swiperImg img{max-width:100%;width: 90%;}
.banner2 .swiperText2 {position: absolute;left: 10%;top: 20%;color: #fff;line-height: 1.8;transform: translateY(-50%);}
.banner2 .swiperText2 h3{text-align: left;font-size: 22px;}
.banner2 .swiperText2 h3 .s2{font-size: 48px;font-weight: bold;display: block;}
.banner2 .swiperText2 .link {width: 135px;height: 50px;background: #222 url(banner/icon22.png) 95px center no-repeat;display: block;font-size: 14px;line-height: 50px;color: #fff;font-family: 'sheepsansbol';padding-left: 20px;margin-top: 48px;}
.swiper-slide-active .swiperText2{top:50%}

.banner3 .swiperImg {position: absolute;left: 0;top: 0;}
.banner3 .swiperImg .img1{}
.banner3 .swiperImg .img2 {position: absolute;top: 0;left: 0;}
.banner3 .swiperImg .img1 img{}
.banner3 .swiperImg .img2 img{}
.banner3 .swiperText3 {position: absolute;left: 80%;top: 50%;color: #fff;line-height: 1.8;transform: translateY(-50%);}
.banner3 .swiperText3 h3{text-align: left;font-size: 22px;}
.banner3 .swiperText3 h3 .s2{font-size: 48px;font-weight: bold;display: block;}
.banner3 .swiperText3 .link {width: 135px;height: 50px;background: #222 url(banner/icon22.png) 95px center no-repeat;display: block;font-size: 14px;line-height: 50px;color: #fff;font-family: 'sheepsansbol';padding-left: 20px;margin-top: 48px;}
.swiper-slide-active .swiperText3{left:10%}

.carousel-controls {position: absolute;right: 0;bottom: 0;top: unset;width: 465px;height: 70px;background: rgba(255,255,255,.6);z-index:11;}
.swiper-pagination {position: absolute;left: 0;bottom:0;width: 180px;padding-left: 66px;font: bold 18px/70px 'gotham-medium';color: #999;}
.swiper-button-next, .swiper-button-prev{position: absolute;left: 180px;top: unset;bottom: 0;width: 70px;height: 70px;cursor: pointer;}
.swiper-button-prev{left: 250px;}
.swiper-button-next:after, .swiper-button-prev:after{display: none;}

.swiper-button-next span, .swiper-button-prev span{z-index: 1;position: absolute;top: 0;display: block;width: 25px;height: 100%;overflow: hidden;transition: all .45s ease-out 0s;-webkit-transition: all .45s ease-out 0s;-moz-transition: all .45s ease-out 0s;background: url(banner/icon4.png) no-repeat left center;}
.swiper-button-prev span{background: url(banner/icon3.png) no-repeat right center;}
.swiper-slide-duplicate-active{display:none;}
/**banner end**/

.service{width: 100%;background: #fff;padding: 50px 0 30px 0;}
.serviceTitle{width:100%;position:relative;padding-bottom:54px}
.serviceTitle .bdl{font-size:70px;line-height:70px;font-family:Helvetica;color:#000}
.serviceTitle .tbox{}
.indexTitle{font-size:36px;line-height:1;font-weight:bold;color:#222;margin-bottom:23px}
.serviceTitle .txt{width:685px;font-size:14px;line-height:24px;color:#666}
.serviceTitle .bdr{font-size:70px;line-height:70px;font-family:Helvetica;color:#000;display:table;position:absolute;right:0;top:110px}
.serviceTitle .bdr span{width:300px;height:2px;background:#222;display:inline-block;position:absolute;top:9px;right:65px}
.serviceList{width:100%;display:table;border-bottom:2px solid #222;padding-bottom:60px;overflow:hidden}
.serviceList li{width:20%;float:left;box-sizing:border-box;padding:60px 20px 54px 40px;background:#fff;transition:all ease .3s;border-radius:3px;margin:0 5.125% 0 0.5%}
.serviceList li:nth-child(4n){margin:0 0 0 8px}
.serviceList li:hover{background:#21abd7}
.serviceList li .icon{width:100%;height:100px;transition:all ease .3s}
.serviceList li .icon1{background:url(icon/icon8.png) left top no-repeat}
.serviceList li .icon2{background:url(icon/icon9.png) left top no-repeat}
.serviceList li .icon3{background:url(icon/icon10.png) left top no-repeat}
.serviceList li .icon4{background:url(icon/icon11.png) left top no-repeat}
.serviceList li:hover .icon1{background:url(icon/icon12.png) left top no-repeat}
.serviceList li:hover .icon2{background:url(icon/icon13.png) left top no-repeat}
.serviceList li:hover .icon3{background:url(icon/icon14.png) left top no-repeat}
.serviceList li:hover .icon4{background:url(icon/icon15.png) left top no-repeat}
.serviceList li .title{font-size:24px;color:#222;line-height:36px;font-weight:bold;margin-bottom:28px;transition:all ease .3s}
.serviceList li:hover .title{color:#fff}
.serviceList li .txt{color:#666;font-size:14px;line-height:24px;transition:all ease .3s}
.serviceList li:hover .txt{color:#fff}
.serviceList li .link{width:0;height:10px;margin-top:45px;background:url(icon/icon16.png) right center no-repeat;transition:all ease .3s}
.serviceList li:hover .link{width:48px}


.indexCase{width:100%;padding:30px 0 80px}
.indexCase .pWidth{position: relative;}
.indexCase .indexMores{font-family:'sheepsansbold';font-size:16px;line-height:36px;color:#000;background:url(icon/icon21.png) right center no-repeat;padding-right:35px;display:block;position:absolute;right:0;top:50px}
.indexCaseCate{width:100%;display:table;margin-top:30px}
.indexCaseCate li{height:28px;line-height:26px;float:left;border:1px solid #666;border-radius:14px;margin-right:10px}
.indexCaseCate li:hover{border-radius:14px;border-color:#222}
.indexCaseCate li a{padding:0 20px;display:inline-block;font-size:16px;border-radius:14px;color:#666;transition:all ease .3s}
.indexCaseCate li:hover a{background:#222;color:#fff}
.indexCaseCate li.on a{background:#222;color:#fff}
.indexCaseList{width:100%;display:table;margin-top:40px}
.indexCaseList li{width:32.5%;float:left;margin-right:1.25%;margin-bottom:20px}
.indexCaseList li:nth-child(3n){margin-right:0}
.indexCaseList li:hover{box-shadow:0 0 15px 1px rgba(0,0,0,.1)}
.indexCaseList li .img{width:100%;overflow:hidden}
.indexCaseList li .img  img{width:100%;-moz-transition:all 0.5s linear;-o-transition:all 0.5s linear;transition:all 0.5s linear}
.indexCaseList li:hover .img img{-webkit-transform:scale(1.05);-moz-transform:scale(1.05);-ms-transform:scale(1.05);-o-transform:scale(1.05);transform:scale(1.05)}
.indexCaseList li .tbox{width:100%;box-sizing:border-box;border:1px solid #ebebeb;border-top:none;padding:20px 20px 0}
.indexCaseList li .tbox .title{width:100%;position:relative;line-height:36px}
.indexCaseList li .tbox .title .t1{font-size:16px;font-weight:bold;color:#222;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.indexCaseList li .tbox .title .t2{font-size:14px;color:#666;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.indexCaseList li .tbox .title .icon{position:absolute;right:0;top:20px}
.indexCaseList li .tbox .title .icon span{display:inline-block;width:18px;height:16px;margin-left:10px}
.indexCaseList li .tbox .title .icon a{display:inline-block;width:18px;height:16px;margin-left:10px}
.indexCaseList li .tbox .title .icon .icon1{background:url(icon/icon17.png) center center no-repeat}
.indexCaseList li .tbox .title .icon .icon2{background:url(icon/icon18.png) center center no-repeat}
.indexCaseList li .tbox .title .icon .icon3{background:url(icon/icon19.png) center center no-repeat}
.indexCaseList li .tbox .more{width:100%;border-top:1px solid #e3e3e3;margin-top:7px;font-size:14px;color:#666;line-height:36px;padding:7px;background:url(icon/icon20.png) right center no-repeat;transition:all ease .3s}

.companyData{position:relative;overflow:hidden;background:url(icon/img9.jpg)}
.companyData .wrap{z-index:1;position:relative;background:-moz-linear-gradient(left,rgba(23,9,49,.6) 0%,rgba(30,95,116,.6) 100%);background:-webkit-gradient(linear,0% 0%,0% 100%,from(rgba(23,9,49,.6)),to(rgba(30,95,116,.6))));background:-webkit-linear-gradient(left,rgba(23,9,49,.6) 0%,rgba(30,95,116,.6) 100%);background:-o-linear-gradient(left,rgba(23,9,49,.6) 0%,rgba(30,95,116,.6) 100%);background:-ms-linear-gradient(left,rgba(23,9,49,.6) 0%,rgba(30,95,116,.6) 100%);background:linear-gradient(to right,rgba(23,9,49,.6) 0%,rgba(30,95,116,.6) 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='rgba(23,9,49,.6)',endColorstr='rgba(30,95,116,.6)',GradientType=1 )}
.companyDataList{width:1140px;margin:0 auto;padding:180px 0}
.companyDataList li{float:left;width:33.33%;height:240px;position:relative;text-align:center;border-right:1px solid rgba(255,255,255,.2)}
.companyDataList li:nth-child(3n){border-right:0}
.companyDataList li:first-child,.companyDataList li:nth-child(2),.companyDataList li:nth-child(3){border-bottom:1px solid rgba(255,255,255,.2)}
.companyDataList .textBox{position:absolute;top:50%;width:100%;font-size:16px;color:#fff;transform:translateY(-50%);white-space: nowrap;text-overflow: ellipsis;overflow:hidden;}
.companyDataList .textBox .numberBox{display:block;font:normal 108px/1 'AkzidenzGrotesk-BoldCondAlt';color:#fff;letter-spacing:2px}
.companyDataList .textBox .numberBox .icon{display:inline-block;font-size:72px;vertical-align:13px}

.indexSolution{width:100%;padding:80px 0}
.solutionBox{width:100%;background:#373737;display:table}
.solutionBox .img{width:60%;float:left}
.solutionBox .tbox{width:40%;float:left;padding:8.5% 0 0 80px;display:inline-block}
.solutionBox .tbox .title{font-size:36px;font-weight:bold;color:#fff;line-height:1;margin-bottom:20px}
.solutionBox .tbox .txt{max-width:96%;font-size:14px;line-height:28px;color:#fff}
.solutionBox .tbox .list{width:100%;margin-top:53px}
.solutionBox .tbox .list li{float:left;margin:0 20px 20px 0}
.solutionBox .tbox .list li a{line-height:36px;border:1px solid #bbb;border-radius:19px;display:block;padding:0 21px;font-size:14px;color:#bbb;transition:all ease .3s}
.solutionBox .tbox .list li:hover a{color:#222;background:#fff;border:1px solid #fff}

.indexNews{width:100%;background:#fff;overflow:hidden}
.indexTitle{font-size:36px;line-height:1;color:#000;font-weight:bold}
.indexMores{font-family:'sheepsansbold';font-size:16px;line-height:36px;color:#000;background:url(icon/icon21.png) right center no-repeat;padding-right:35px;display:block;position:absolute;right:5px;top:30px}
.indexCate{width:100%;margin-top:30px;display:table}
.indexCate li{float:left;margin-right:10px}
.indexCate li a{display:block;line-height:26px;padding:0 20px;border:1px solid #666;font-size:14px;color:#666;border-radius:14px;transition:all ease .3s}
.indexCate li:hover a{color:#fff;background:#222;border-color:#222}
.indexCate li.on a{color:#fff;background:#222;border-color:#222}
.indexNewsList{width:calc(700% + 70px);margin-top:40px;display:inline-block;left:0;position:relative;transition:all ease 1s}
.indexNewsList .lbox{width:calc(100% / 7);display:inline-block;float:left;padding-right:10px}
.indexNewsList .lbox .box1{width:30%;margin-right:0.625%;float:left;transition:all ease .3s}
.indexNewsList .lbox .box1 a{display:inline-block;width:100%}
.indexNewsList .lbox .box1 .img{width:100%;height:280px}
.indexNewsList .lbox .box1 .tbox{width:100%;height:270px;box-sizing:border-box;background:#f7f7f7;padding:0 30px}
.indexNewsList .lbox .box1:hover{box-shadow:0 0 10px 0 rgba(0,0,0,.3)}
.indexNewsList .lbox .box1 .tbox .time{color:#999;font-family:'sheepsansbold';font-weight:bold;font-size:48px;line-height:50px;border-bottom:1px solid #dbdbdb;padding:22px 0 16px;background:url(icon/icon20.png) right 54px no-repeat;transition:all ease .3s}
.indexNewsList .lbox .box1 .tbox:hover .time{color:#222}
.indexNewsList .lbox .box1 .tbox .time span{font-size:16px;line-height:20px;font-weight:initial;display:block}
.indexNewsList .lbox .box1 .tbox .titles{font-size:16px;line-height:36px;color:#000;margin-top:30px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.indexNewsList .lbox .box1 .tbox .txts{font-size:14px;line-height:24px;color:#666;margin-top:14px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.indexNewsList .lbox .box2{width:30%;margin-right:0.625%;float:left}
.indexNewsList .lbox .box2 .tbox{width:100%;height:270px;background:#f4f4f4;box-sizing:border-box;padding:0 30px;margin-bottom:10px;transition:all ease .3s}
.indexNewsList .lbox .box2 .tbox:hover{box-shadow:0 0 10px 0 rgba(0,0,0,.3)}
.indexNewsList .lbox .box2 .tbox a{display:inline-block;width:100%}
.indexNewsList .lbox .box2 .tbox .time{font-size:48px;font-weight:bold;line-height:50px;font-family:'sheepsansbold';color:#999;padding:22px 0 15px;background:url(icon/icon20.png) right 54px no-repeat;border-bottom:1px solid #dbdbdb;transition:all ease .3s}
.indexNewsList .lbox .box2 .tbox .time span{font-size:16px;line-height:20px;display:block}
.indexNewsList .lbox .box2 .tbox:hover .time{color:#222}
.indexNewsList .lbox .box2 .tbox .titles{font-size:16px;line-height:36px;color:#000;margin-top:30px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.indexNewsList .lbox .box2 .tbox .txts{font-size:14px;line-height:24px;color:#666;margin-top:10px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.indexNewsList .lbox .box3{width:38.75%;float:left}
.indexNewsList .lbox .box3 .tbox{width:100%;height:130px;margin-bottom:10px;box-sizing:border-box;padding:30px;background:#f4f4f4 url(icon/icon20.png) 95% 60px no-repeat;transition:all ease .3s}
.indexNewsList .lbox .box3 .tbox:hover{box-shadow:0 0 10px 0 rgba(0,0,0,.3)}
.indexNewsList .lbox .box3 .tbox a{display:inline-block}
.indexNewsList .lbox .box3 .tbox .time{width:60px;font-size:48px;font-weight:bold;line-height:50px;font-family:'sheepsansbold';color:#999;float:left;margin-right:20px;transition:all ease .3s}
.indexNewsList .lbox .box3 .tbox:hover .time{color:#222}
.indexNewsList .lbox .box3 .tbox .time span{font-size:16px;display:block;line-height:20px}
.indexNewsList .lbox .box3 .tbox .titles{width:calc(100% - 80px);float:left;font-size:16px;line-height:26px;color:#000;padding-top:10px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}

.indexClient{width:100%}
.indexClientImg{width:65%;height:635px;position:relative;float:left}
.indexClientImg .img{position:absolute;border-radius:50%;overflow:hidden;box-shadow:0 0 10px 0 rgba(0,0,0,.1);transition:all ease 1.5s;left:459px;top:328px;width:1px;height:1px;cursor:pointer;transform-origin:50% 50%;-ms-transform-origin:50% 50%;-webkit-transform-origin:50% 50%;-moz-transform-origin:50% 50%;-o-transform-origin:50% 50%;-moz-transition:all .8s linear;-o-transition:all .8s linear;transition:all .8s linear}
.indexClientImg .img img{width:100%}
.indexClientImg .img10{z-index:2}
.indexClientImg .img:hover{-webkit-transform:scale(1.5);-moz-transform:scale(1.5);-ms-transform:scale(1.5);-o-transform:scale(1.5);transform:scale(1.5)}
.indexClientImg .img6:hover,.indexClientImg .img7:hover,.indexClientImg .img9:hover,.indexClientImg .img11:hover{-webkit-transform:scale(1.3);-moz-transform:scale(1.3);-ms-transform:scale(1.3);-o-transform:scale(1.3);transform:scale(1.3)}
.indexClientImg .img10:hover{-webkit-transform:scale(1.2);-moz-transform:scale(1.2);-ms-transform:scale(1.2);-o-transform:scale(1.2);transform:scale(1.2)}
.indexClient .indexClientImg .img1{left:17px;top:87px;width:58px;height:58px}
.indexClient .indexClientImg .img2{left:5%;top:174px;width:82px;height:82px}
.indexClient .indexClientImg .img3{left:2%;top:317px;width:71px;height:71px}
.indexClient .indexClientImg .img4{left:1%;top:487px;width:56px;height:56px}
.indexClient .indexClientImg .img5{left:18%;top:75px;width:82px;height:82px}
.indexClient .indexClientImg .img6{left:23%;top:200px;width:96px;height:96px}
.indexClient .indexClientImg .img7{left:15.5%;top:337px;width:91px;height:91px}
.indexClient .indexClientImg .img8{left:14%;top:484px;width:82px;height:82px}
.indexClient .indexClientImg .img9{left:42%;top:112px;width:105px;height:105px}
.indexClient .indexClientImg .img10{left:39%;top:261px;width:135px;height:135px}
.indexClient .indexClientImg .img11{left:32%;top:418px;width:100px;height:100px}
.indexClient .indexClientImg .img12{left:61%;top:80px;width:82px;height:82px}
.indexClient .indexClientImg .img13{left:60.5%;top:255px;width:96px;height:96px}
.indexClient .indexClientImg .img14{left:55%;top:409px;width:100px;height:100px}
.indexClient .indexClientImg .img15{left:79%;top:100px;width:65px;height:65px}
.indexClient .indexClientImg .img16{left:73%;top:222px;width:82px;height:82px}
.indexClient .indexClientImg .img17{left:74.5%;top:374px;width:82px;height:82px}
.indexClient .indexClientImg .img18{left:70%;top:518px;width:67px;height:67px}
.indexClient .indexClientImg .img19{left:87%;top:333px;width:65px;height:65px}
.indexClient .indexClientImg .img20{left:86%;top:490px;width:64px;height:64px}
.indexClientTbox{width:35%;float:right;padding-top:200px}
.indexClientTbox .title{font-size:36px;line-height:36px;font-weight:bold;color:#000;margin-bottom:24px}
.indexClientTbox .txt{font-size:14px;line-height:24px;color:#666;margin-bottom:50px}
.indexClientTbox .more{font-size:16px;line-height:36px;padding-right:35px;background:url(icon/icon21.png) right center no-repeat;display:inline-block;color:#000;font-family:'sheepsansbold'}

footer{width:100%}
.footTop{width:100%;min-height:365px;padding:60px 7.8% 18px;display:table;background:url(common/footBg.jpg) center center repeat-x;background-size:auto 100%}
.footTop li{width:22%;float:left;margin-right:2.6%}
.footTop li:last-child{margin-right:0}
.footTop li .title{font-size:14px;line-height:28px;color:#fff;font-weight:bold;border-bottom:1px solid rgba(255,255,255,.08);padding-bottom:12px}
.footTop li .tbox{font-size:14px;line-height:28px;padding-top:22px}
.footTop li .tbox .txt{color:#999}
.footTop li .tbox .more{width:96px;height:32px;border:1px solid #504f4f;border-radius:16px;display:block;color:#666;font-size:12px;margin-top:32px;padding-left:20px;background:url(icon/footIcon4.png) 62px center no-repeat;transition:all ease .5s}
.footTop li .tbox .more:hover{border:1px solid #fff;color:#fff;background:url(icon/footIcon5.png) 62px center no-repeat}
.footTop li .tbox .link{width:50%;display:block;color:#999;float:left;transition:all ease .5s}
.footTop li .tbox .link:hover{color:#fff}
.footTop li .tbox li{width:100%;display:table;padding:12px 0;border-bottom:1px dashed #494848}
.footTop li .tbox li:last-child{border:none}
.footTop li .tbox li .img{width:90px;float:left}

.foot-top li .tbox li .img{width:90px;float:left}


.footTop li .tbox li .tboxs{width:calc(100% - 110px);float:right;font-size:14px;line-height:28px;color:#999}
.footTop li .tbox li .tboxs .t1{color:#fff;font-weight:bold}
.footTop li .tbox li .tboxs .t2{width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.footCenter{width:100%;padding:60px 7.8% 18px;display:table;min-height:220px;background:#222;color:#999}
.footCenter li{width:22%;float:left;margin-right:2.6%}
.footCenter li:last-child{margin-right:0}
.footCenter li .fEwm{width:100px;margin-right:10px;float:left}
.footCenter li .tbox{display:inline-block;line-height:28px}
.footCenter li .tbox.ewm{padding-top:22px}
.footCenter li .tbox.fTel{padding:6px 0 0 45px;background:url(icon/footIcon1.png) left 8px no-repeat}
.footCenter li .tbox.sz{padding:8px 0 0 45px;background:url(icon/footIcon2.png) left 4px no-repeat}
.footCenter li .tbox.gz{padding:8px 0 0 45px;background:url(icon/footIcon3.png) left top no-repeat}
.footCenter li .tbox .t1{font-size:14px;color:#fff;font-weight:bold}
.footCenter li .tbox .t2{}
.footBottom{width:100%;padding:30px 7.8% 18px;display:table}

.footBottom .makelink{width:106px;height:30px;border:1px solid #e4e4e4;text-align:center;line-height:28px;display:block;color:#999;float:right;transition:all ease .5s}
.footBottom .makelink:hover{color:#222}
.linkBox .aBox a{font-size:12px;line-height:30px;color:#666;margin-right:20px;transition:all ease .5s}
.linkBox .aBox span{font-size:12px;line-height:30px;color:#666;margin-right:20px;transition:all ease .5s}
.linkBox .aBox a:hover{color:#222}
.linkBox .copyright{line-height:28px;color:#999;margin-top:10px}
.linkBox .copyright a{color:#999}


/*内页 begin*/
.nyBanner{width:100%;position:relative;transition:all ease .5s}
.nyBanner .nyBannerImg{}
.nyBanner .nyBannerImg img{width:100%;height:auto;}

.nyBannerContent{position:absolute; left:10%;top: 50%;transform: translateY(-50%);}
.nyBannerContent .title{font-size: 36px;font-weight: bold;line-height: 1;color: #fff;}
.nyBannerContent .subTitle{font-size: 16px;line-height: 30px;margin-top: 12px;color: #fff;}
.nyMenu{position: absolute;left: 0;bottom: 0;width: 100%;height: 60px;background: rgba(0,0,0,.25);padding:0 30px;}
.nyMenuCate{float:left;}
.nyMenuCate li {float: left;margin-right: 3px;padding:12px;}
.nyMenuCate li a {font-size: 14px;color: #fff;line-height: 36px;padding: 0 20px;display: block;transition: all ease .3s;border-radius: 15px;}
.nyMenuCate li:hover a, .nyMenuCate li.on a{color:#222;background:#fff} 
.position{float:right;line-height: 60px;font-size: 14px;color: #7e7e7e;letter-spacing: 2px;padding-left: 25px;background: url(icon/icon23.png) left center no-repeat;}
.position a {color: #7e7e7e;transition: all ease .3s;}

.txtPage{}
/*内页 end*/

/* FeedBack beigin */
.feedBack{background: #fff;padding: 60px 50px;margin-top: 20px;}
.feedBlock{margin-bottom: 10px; position: relative;}
.fAuthor{left: 0; position: absolute; top: 0; width: 120px;}
.fIcon{ text-align:center;}
.fAvatar{background: url("../avatar.gif") no-repeat scroll center top; height: 67px; width: 120px;}
.fName{font-family: Arial,Helvetica,sans-serif; font-size: 12px; font-weight: bold; overflow: hidden; padding-right: 4px; text-align: center; white-space: nowrap;}
.fInfo{border: 2px solid #ddd; margin-left: 120px; min-height: 70px; padding: 8px; position: relative;}
.fTime{color: #aaa; font-family: Arial,Helvetica,sans-serif; font-size: 12px; padding-right:6px; position: absolute; right: 0; text-align: right; top: 10px;}
.fContent{background: url("../postBg.png") no-repeat scroll -270px 12px; border-bottom: 1px solid #ddd; font: bold 14px/40px "楷体"; padding-left: 30px;} 
.fReply{background: url("../postBg.png") no-repeat scroll -270px -80px;}
.fReply p{color: #333; padding-left: 30px; line-height:40px;}

.qipao1{border-color: transparent #ddd transparent transparent; border-style: solid; border-width: 16px; display: block; font-size: 0; left: -33px; line-height: 0; position: absolute; top: 14px;}
.qipao2{border-color: transparent #fff transparent transparent; border-style: solid; border-width: 20px; display: block; font-size: 0; left: -33px; line-height: 0; position: absolute; top: 10px;}
	
.commentbox{padding-top:5px;}
.liuyan li{padding: 10px 0; clear:both;}
.liuyan .fontStyle{font: bold 12px/40px "宋体"; color:#1187de; float:left; width:100px; margin-right:10px; text-align:right;}
/* FeedBack end */

/* relative start */
.relativeInfo{ background:#fff;}
.relativeTitle{font-size: 36px;color: #222;font-weight: bold;margin-bottom: 20px;}
.relativeTitle span{}
.proDetailTitle{background-color: #01a0eb;}
.proDetailTitle span{background-color: #333; color: #fff; display: inline-block; font: bold 14px/30px "microsoft yahei",Arial,Helvetica; padding: 0 20px;}

.relativeBox{width:100%;padding:24px 30px;background:#fff;margin-top:10px}
.relativePicList{width:100%;margin-top:23px padding:10px 0;}

.relativePicList li{float:left;width:31.7%;margin-right:2.45%;transition:all 0.5s linear}
.relativePicList li:hover{box-shadow:0 0 10px 0 rgba(0,0,0,.15)}
.relativePicList li:nth-child(3n){margin-right:0}
.relativePicList li a{width:100%;display:block}
.relativePicList li .img{width:100%;overflow:hidden}
.relativePicList li .img img{width:100%;transition:all 0.5s linear}
.relativePicList li:hover .img img{transform:scale(1.05)}
.relativePicList li span{font-size:14px;line-height:30px;color:#222;padding:12px 10px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}

.message{ }
.messageList{padding-top: 10px;}
.messageForm{padding-top: 10px;}
.relativeMsgBlock{margin-bottom: 10px; position: relative;}
.relativeMsgLeft{width:90px; float:left;}
.relativeMsgPic{background:url("../avatar.gif") no-repeat scroll center center; height: 64px;}
.relativeMsgName{text-align:center; font-family:Arial, Helvetica, sans-serif; font-size:12px;padding-top:5px;color:#196ba7;font-weight:bold;}		
.relativeMsgRight{float:left; padding-bottom:10px;}
.relativeMsgTime{text-align:right;font-family:Arial, Helvetica, sans-serif;color:#ccc;padding:0px 20px 5px 20px;}	
.relativeMsgContent{border: 1px solid #ddd; margin-left: 20px; padding: 8px 0; width:930px; position:relative;}
.relativeMsgBorder{height:55px; width:20px; background:url("../PostBG.png") no-repeat -6px -77px; position:absolute; left:-19px}
.relativeMsgContent p{padding:0px 20px 5px 20px;color:#196ba7;}
.messageTA, .messageTA2{width: 80%;border: 1px solid #ddd;color: #4d4d4d;font-size: 14px;line-height: 30px;padding: 3px 5px;}
.messageName {width: 30%;border: 1px solid #ddd;color: #4d4d4d;font-size: 14px;line-height: 30px;padding: 3px 5px;}
.messageCode{ width:100px;border: 1px solid #ddd; color:#4d4d4d; font-size: 14px; height: 20px; line-height: 20px; padding: 3px 5px;}
.Cbutton{height: 50px;background: #222;border-radius: 25px;font-size: 16px;color: #fff;font-weight: bold;min-width: 150px;}
/* relative end */

/** Search beigin **/
.searchForm{padding: 10px 0 20px 0;}
.searchForm .seaKeyWords{ border:1px solid #ddd; width:160px !important;}
.searchtip{font: bold 14px/36px "微软雅黑"; padding: 20px; text-align: center;}
.result_list .gray{color: #01a0eb; text-align: right;}
.result_list dl{ border-bottom:1px dashed #999}
.result_list dl dt{ font:bold 12px/30px '微软雅黑'; padding-left:10px;}
.resultContent{ font:12px/26px '微软雅黑'; padding-left:20px; color:#777;}
.resultInfo{ color: #aaa; font-size: 12px; line-height: 30px; padding-right: 10px; text-align: right;}
.resultInfo a{color:#aaa; margin-right:10px;}
/** Search end **/

/* 招聘信息 strat */
.recruitList{ border:1px solid #842;}
.recruitTitleBg{ background:#842;}
.recruitList li{ line-height:40px; border-bottom:1px solid #842;}
.recruitTitle{font:bold 14px/40px "宋体"; color:#fff; padding-left:10px; display:block; float:left;}
.recruitTime{color: #aaa; float: right; font-size: 12px; padding-right: 15px;}
.recruitItem{ font:bold 12px/40px "microsoft yahei",Arial, Helvetica; color:000; display:block; float:left; width:90px; text-align:right; padding-right:10px; background:#ddd;}
.recruitItemText{ float:left; width:655px; margin-left:10px; line-height:40px;}
.recruitDiscription{float:left; width:655px; margin-left:10px; line-height:30px;}
.recruitHr{ height:1px;}
/* 招聘信息 end */

/** siteMap strat **/
.siteMap{ line-height:30px;}
.siteMapBigLi{ padding-bottom:2px;}
.siteMapBigClass{background-color: #01a0eb; color: #fff; display: block; font: bold 12px/36px "microsoft yahei",Arial,Helvetica; padding-left: 20px;}
.siteMapBigClass:hover{ color:#eee;}
.siteMap ul{margin-left: 24px;}
.siteMap ul li{border-bottom: 1px solid #eee; line-height: 30px;}
.siteMap ul li a{display: inline-block; padding: 0 8px; font-size: 12px;}
/** siteMap end **/

/*分页 begin*/
.yPage{text-align:center;line-height:35px; margin-top:5px; color:#000;}
.yPage a{ color:#01a0eb; margin:0 5px;}
.currentPage{ color:#01a0eb;}
/*分页 end*/

@media (max-width: 1600px){
	.pWidth{width: 96%;}
	.companyDataList {width: 90%;padding: 80px 0;}
	.solutionBox .tbox {padding: 4% 0 0 50px;}
}
@media screen and (max-width:1200px){
	header .tel{display:none;}
	.menu {float: right;}
	.footTop li {width: 30%;}
	.footTop li:last-child {display: none;}
	.solutionBox .tbox {padding: 3% 0 0 20px;}
	.solutionBox .tbox .list {margin-top: 20px;}
	
}
@media screen and (max-width:1024px){
	.menu, .nyBannerContent, .nyMenu{display:none;}
	.pWidth{width:100%;}
	header .logo {left: 10px;top: 10px;}
	.menuMore {position: absolute;right: 0;display: block;background: url("wapImg/navMore-white.png") no-repeat scroll center center;height: 62px;width: 60px;background-size: 25px 22px;top: 0;}
	.menu{display:none;padding-top: 60px;background:rgba(0,0,0,0.9); width:100%;position:fix; top:0; right:0;padding-bottom: 20px;z-index:9999;}
	.menu ul li {width: 100%;float: none;border-bottom: 1px solid #fff;}
	.menu>li{float:unset;display:block;margin:0;text-align:center;border-bottom:1px solid #ccc;width:100%;max-width: none;}
	.menu>li a {color: #fff;line-height: 60px;padding: 0;}
	.menu li a:after{height:0;}
	
	.serviceTitle {padding-bottom: 10px;}
	.serviceTitle .txt {width: 100%;padding: 0 2%;}
	.serviceTitle .bdl, .serviceTitle .bdr{display:none;}
	.serviceList li {width: 48%;padding: 1% 10px;margin: 0 0 0 1%;}
	.indexTitle, .indexCate{padding: 0 2%;}
	.indexTitle {font-size: 24px;}
	.indexCase {padding: 30px 0 20px;}
	.indexSolution {padding: 20px 0;}
	.indexNewsList .lbox .box1{display:none;}
	.indexNewsList .lbox .box2 {width: 50%;margin-right: 1%;}
	.indexNewsList .lbox .box3 {width: 49%;}
	
}
@media screen and (max-width:768px){
	.banner1 .swiperText {font-size: 18px;line-height: 36px;}
	.banner1 .swiperText .en {font-size: 24px;}
	.carousel-controls {width: 100%;}
	.swiper-pagination {width: 100%;padding-left: 0;}
	.swiper-button-prev {left: unset;right: 0;}
	.swiper-button-next {left: 0;}
	.companyDataList li {height: 150px;}
	.indexCaseList li {width: 48.75%;}
	.indexCaseList li:nth-child(3n) {margin-right: 1.25%;}
	.companyDataList .textBox .numberBox {font: normal 60px/1 'AkzidenzGrotesk-BoldCondAlt';}
	.companyDataList .textBox .numberBox .icon {font-size: 60px;vertical-align: 0;}
	.indexSolution{display:none;}
	.indexNews {padding: 30px 0;}
	.indexClientImg{width:100%;}
	.indexClientTbox {width: 100%;padding:10px 2%;}
	.indexClientTbox .txt {margin-bottom: 0px;}
}

@media screen and (max-width:580px){
	.swiper-slide-active .dongtai {top: -60px;}
	.swiperText, .swiperText2, .swiperText3, .carousel-controls{display:none;}
	.serviceList li .icon {height: 80px;}
	.serviceList li .title {font-size: 18px;line-height: 32px;margin-bottom: 0;}
	.indexCase .indexMores{display:none;}
	.indexCate li {margin-bottom: 10px;}
	.indexCaseList {margin-top: 10px;}
	.companyDataList {width: 100%;padding: 30px 0;}
	.indexSolution{display:block;}
	.solutionBox .img {width: 100%;}
	.solutionBox .tbox {width: 100%;}
	.solutionBox .tbox .title {font-size: 18px;}
	.solutionBox .tbox .list li {margin: 0 10px 20px 0;}
	.solutionBox .tbox .list li a {line-height: 30px;}
	.indexNewsList .lbox .box2 .tbox .time, .indexNewsList .lbox .box3 .tbox .time{display:none;}
	.indexNewsList .lbox .box2 .tbox {height: auto;padding: 10px 2%;margin: 0 0 4px 0;}
	.indexNewsList .lbox .box2 .tbox .titles {margin-top: 0px;}
	.indexNewsList .lbox .box2 .tbox .txts {margin-top: 0;}
	.indexNewsList .lbox .box3 .tbox {height: auto;margin-bottom: 4px;padding: 0 2%;background: #f4f4f4;}
	.indexNewsList .lbox .box3 .tbox .titles {width: 100%;line-height: 48px;padding-top: 0;}
	.footTop{display:none;}
	.footCenter {padding: 20px 2%;min-height:unset}
	.footCenter li {width: 47.4%;}
	.footCenter li .fEwm img{height:80px;}
	.footBottom {display:none;}
}
@media screen and (max-width:450px){
	.logo img{width:100px;}
	.indexTitle {font-size: 18px;margin-bottom: 10px;}
	.indexCaseList li .tbox {padding: 10px 10px 0;}
	.indexCaseList li .tbox .more{display:none;}
	.companyDataList li {height: 70px;}
	.companyDataList .textBox {font-size: 12px;font-weight: normal;}
	.indexNewsList .lbox .box2, .indexNewsList .lbox .box3{width:100%;}
	.companyDataList .textBox .numberBox {font: normal 30px/1 'AkzidenzGrotesk-BoldCondAlt';}
	.companyDataList .textBox .numberBox .icon {font-size: 30px;vertical-align: 0;}
	.service {padding: 20px 0 10px 0;}
	.serviceList {padding-bottom: 0;}
	.serviceList li .txt{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;}
	.footCenter li {width: 100%;}
	.indexCaseList li .tbox .title .icon, .linkBox {display: none;}
}