@charset "utf-8";


/* 设置字库 */
@font-face {
  font-family: "SourceHanSansCN-Regular";
  src: url("../fonts/SourceHanSansCN-Regular.woff2") format("woff2"),
       url("../fonts/SourceHanSansCN-Regular.woff") format("woff"),
       url("../fonts/SourceHanSansCN-Regular.ttf") format("truetype"),
       url("../fonts/SourceHanSansCN-Regular.eot") format("embedded-opentype"),
       url("../fonts/SourceHanSansCN-Regular.svg") format("svg");
  font-weight: normal;
  font-style: normal;
}
  /* Legacy iOS */
font-weight: normal; font-style: normal; }
/*全局初始化样式*/
*{box-sizing: border-box; margin:0; padding:0;}
body{position: relative; padding:0; margin:0 auto; font-size:14px; line-height:1.42857143; font-family:'SourceHanSansCN-Regular'; color: #333; min-width: 320px; width: 100%; zoom:1;background: #fff;
/*禁用Webkit内核浏览器的文字大小调整功能*/
-webkit-text-size-adjust:none;

/*取出点击出现半透明的灰色背景*/
-webkit-tap-highlight-color:rgba(0,0,0,0);
-webkit-tap-highlight:rgba(0,0,0,0);

/*控制文本可选性*/
/*
-webkit-user-select: none;
    -ms-user-select: none;
   -moz-user-select: none;
 -khtml-user-select: none;
        user-select: none;
*/

/*设置字体的抗锯齿或者说光滑度*/
-webkit-font-smoothing: antialiased;
overflow-x: hidden;
}
*{-moz-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; /*word-break: break-all;*/word-wrap: break-word;}
/*默认去除ul、li的默认样式*/
.p,.h1,.h2,.h3,.h4,.h5,.h6{ margin: 0; padding: 0;}
.ul,.ul li{ list-style:none; margin: 0; padding: 0;}
p,h1,h2,h3,h4,h5,h6{ margin: 0; padding: 0;}
ul,ul li{ list-style:none; margin: 0; padding: 0;}
/*初始化下拉菜单、单行输入框、多行输入框的样式*/
select,input,textarea{ border-radius:0; -webkit-border-radius:0; color:#333;}
/*表单元素获得焦点时不显示虚线框*/
input:focus { outline: none;}
input,button,select,textarea{ outline:none;/*-webkit-appearance:none;*//*强制去除表单自带的样式*/ }
/*不允许多行输入文本框有滚动条*/
textarea{ resize:none;/*-webkit-appearance:none;*//*强制去除textarea自带的样式*/ }
/*初始化表单元素样式*/
textarea,input,select { background:none; border:none; margin:0; padding:0;}
/*初始化HTML5标签样式*/
audio,canvas,progress,video { display: inline-block; vertical-align:baseline;}
article,aside,footer,header,hgroup,nav,section,figure,figcaption{ display:block;}
/*去除figure边距*/
figure,figcaption{ margin:0px; padding:0px;}

/*初始化图片样式*/
img{ border:none; border:0; max-width:100%; vertical-align:middle;}

/*初始化a的样式和字体样式*/
a{ color:#333; text-decoration:none!important; -webkit-tap-highlight-color:rgba(0,0,0,0);}
a:hover{color: #18416d;}


/*清除浮动*/
.clear{ clear:both; height:0px; overflow:hidden;}

.clearfix:after{ content:"."; display: block; height: 0; visibility: hidden; clear: both;font-size: 0px;}
.clearfix { zoom: 1;}
.fl{float: left;}
.fr{float: right;}

/* 单行隐藏 */
.otxthide {white-space:nowrap;-o-text-overflow:ellipsis;text-overflow:ellipsis;overflow:hidden}
/* 多行隐藏 */
.otxthide2 {display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
/* 多行隐藏 */
.dot3 {display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;}

.w1400{max-width:1400px;margin: 0 auto;}


/*top*/
.top{background:#000;position: fixed;width: 100%;top: 0;left: 0;z-index: 999;}
.top .w1400{position: relative;}
.top .logo{float: left;line-height:70px;}
.top .nav{margin: 0 auto;max-width:810px;}
.top .nav li{line-height:70px;float: left;margin: 0 50px;}
.top .nav li a{color:#fff;font-size:18px;}
.top .searBox{position: absolute;top: 50%;margin-top: -12.5px;right:0;}
.top .searBox .searI{width: 25px;height: 25px;background:url(../images/sear.png) no-repeat;display: block;cursor: pointer;}
.top .searBox .searSld{position: absolute;background:#Fff;right:0;border-radius:5px;display: none;}
.top .searBox .searSld input{line-height:30px;padding:10px 25px 10px 10px;}
.top .searBox .searSld .goSear{width: 25px;height: 25px;background:url(../images/sear_a.png) no-repeat;display: block;position: absolute;top: 50%;margin-top:-12.5px;right:5px;}
.hTop{height: 70px;}

/*banner*/
.banner{position: relative;}
.banner li{position: relative;}
.banner .img{padding-bottom: 46.769%;background-repeat: no-repeat;background-size: cover;background-position: center center;}
.banner .txtBox{position: absolute;color:#fff;top: 50%;left: 50%;transform: translate(-50%, -50%);text-align: center;}
.banner .txtBox p{font-size:36px;line-height:60px;}
.banner .txtBox .play{width: 64px;height: 64px;margin: 0 auto;display: block;background:url(../images/play.png) no-repeat;margin-top:35px;}
.banner .vidBox{position: absolute;top: 0;left: 0;width: 100%;height: 100%;display: none;}
.banner .vidBox video{width: 100%;height: 100%;background-color: rgba(0,0,0,.8);}
.banner .vidBox .close{ width: 30px; height: 30px;right: 20px;position: absolute;top: 10px; transform: rotate(45deg);cursor: pointer;display: block;z-index: 9;}
.banner .vidBox .close:before,
.banner .vidBox .close:after{position: absolute; left: 50%; top: 50%; content: '';background: #fff;}
.banner .vidBox .close:before{width: 80%; height: 2px; margin-top: -1px; margin-left: -40%;}
.banner .vidBox .close:after{height: 80%; width: 2px; margin-left: -1px; margin-top: -40%;}
.banner .slick-dots{position: absolute; bottom: 2%;left: 50%; transform: translateX(-50%); z-index: 10;}
.banner .slick-dots li{float: left; border: 1px solid #eaeaea;border-radius: 50%; width: 8px; height: 8px; margin: 0 12px;background: #eaeaea;}
.banner .slick-dots li button{display: none;}
.banner .slick-dots li.slick-active{border-color: #18416d;background: none;}

.progList{}
.progList .item{text-align: center;position: relative;padding: 4% 0;}
.progList .item:not(:first-child){padding-top:0;}
.progList .item:before{height: 360px;width: 100%;background:#f1f1f1;position: absolute;left: 0;bottom: 0;content:'';z-index: -1;display: none;}
.progList .item .txtBox{margin-bottom:60px;}
.progList .item .txtBox h5{font-size:42px;font-weight:normal;margin-bottom: 15px;}
.progList .item .txtBox p{font-size:16px;color:#666666;line-height:28px;}
.progList .item .txtBox span{font-size:20px;color:#18416d;display: block;margin-top:20px;}
.progList .item .txtBox .more{display: inline-block;width: 160px;line-height:40px;border-radius:35px;font-size:16px;color:#18416d;border: 1px solid #18416d;transition:.3s;margin-top:25px;}
.progList .item .txtBox .more:hover{background:#18416d;color:#fff;}
.progList .item .imgBox{height: 550px;overflow: hidden;}
@media(max-width:960px){
  .progList .item .imgBox{height: 28.902%;}
}

.idxproList{/*padding: 0 1%;*/}
.idxproList .item{float: left;width: 49.5%;margin-right: 1%;margin-bottom:1%;position: relative;}
.progList.idxprogList .item:last-child{padding-bottom:1%;}
.idxproList .item:nth-child(2n){margin-right:0;}
.idxproList .item .img{padding-bottom:62.828%;background-repeat: no-repeat;background-size: cover;background-position: center center;}
.idxproList .item .txtBox{position: absolute;width: 100%;left: 0;top: 10%;color:#fff;text-align: center;}
.idxproList .item .txtBox h5{font-size:36px;margin-bottom:10px;}
.idxproList .item .txtBox p{font-size:20px;}
.idxproList .item .more{display: block;width: 160px;line-height:40px;border-radius:35px;font-size:16px;color:#fff;border: 1px solid #fff;transition:.3s;position: absolute;left: 50%;margin-left:-80px;bottom: 10%;text-align: center;}
.idxproList .item .more:hover{background:#fff;color:#333;bottom: 12%;}
.idxproList .item .price{position: absolute;left: 0%;width: 100%;display: block;font-size:18px;color:#fff;bottom: 25%;text-align: center;}
.bottom{background: #f5f5f7;}
.bottom .bomTop{padding:3% 0;}
.bottom .bomTop .bomnav{float: left;}
.bottom .bomTop .bomnav dl{float: left;margin-right:130px;}
.bottom .bomTop .bomnav dt a{color:#333;display: block;margin-bottom:10px;}
.bottom .bomTop .bomnav dd{margin: 0;}
.bottom .bomTop .bomnav dd a{display: block;line-height:30px;color:#888888;}
.bottom .bomTop .bomnav dd a:hover{color:#18416d;}
.bottom .bomTop .bomshare{float: right;text-align: right;}
.bottom .bomTop .bomshare .phone{font-size:28px;color:#666666;}
.bottom .bomTop .bomshare .shareL{margin: 15px 0;}
.bottom .bomTop .bomshare .shareL a{display: inline-block;width: 40px;height: 40px;border-radius:50%;background-color: rgba(63,63,63,.3);margin-left:30px;background-repeat:no-repeat;background-position:center center;}
.bottom .bomTop .bomshare .shareL a.wx{background-image:url(../images/wx.png);}
.bottom .bomTop .bomshare .shareL a.wb{background-image:url(../images/wb.png);}
.bottom .bomTop .bomshare .shareL a.dy{background-image:url(../images/dy.png);}
.bottom .bomTop .bomshare .add{color:#999999;}
.bottom .bomTop .bomshare .dy,
.bottom .bomTop .bomshare .wx{position: relative;cursor: pointer;}
.bottom .bomTop .bomshare .dy figure,
.bottom .bomTop .bomshare .wx figure{position: absolute;width: 130px;padding: 5px;background-color: #fff; bottom: 100%;margin-bottom: 10px;left: 50%;margin-left: -65px;display: none; box-shadow: 0 0 10px rgba(0,0,0,0.2);}
.bottom .bomTop .bomshare .dy figure img,
.bottom .bomTop .bomshare .wx figure img{display: block;width: 100%;}
.bottom .bomBom{border-top: 1px solid #e6e6e6;line-height:70px;color:#999;}
.bottom .bomBom ul{float: left;}
.bottom .bomBom li{float: left;line-height:70px;padding: 0 20px;position: relative;}
.bottom .bomBom li a{color:#999;}
.bottom .bomBom li:before{width: 1px;height: 10px;content: '';background:#999;position: absolute;top: 50%;margin-top:-5px;left: 0;}
.bottom .bomBom li:first-child{padding-left: 0;}
.bottom .bomBom li:first-child:before{display: none;}
.bottom .bomBom .copy{float: right;}
.bottom .bomBom .copy a:not(:hover){color: #999;}

.innerBan{}
.innerBan .Banbox{padding-bottom: 31.5%;background-repeat: no-repeat;background-size: cover;background-position: center center;}
@media(min-width: 1024px){
  .innerBan .Banbox{padding-bottom:600px;}
}

.menu{text-align: center;border-bottom: 1px solid #ebebeb;margin-bottom:4%}
.menu li{display: inline-block;margin: 0 30px;}
.menu li a{display: block;line-height:100px;font-size:24px;color:rgba(48,48,48,.2);transition: .3s;}
.menu li:hover a,
.menu li.on a{color:#18416d;}

/*公司简介*/
.comBrief{margin-bottom:4%;}
.comBrief h5{text-align: center;font-size:30px;margin-bottom:30px;font-weight:normal;}
.comBrief .comFoor1 .txt{text-align: center;font-size:16px;line-height:32px;color:#666666;}
.comBrief .comFoor2{margin-top:5%;}
.comBrief .comFoor2 li{float: left;width: 31%;margin-right:3.5%;margin-top:40px;padding:55px;background: #f9f9f9;height: 360px;}
.comBrief .comFoor2 li:nth-child(3n){margin-right:0;}
.comBrief .comFoor2 li .tit{display: block;font-size:24px;margin-bottom:30px;}
.comBrief .comFoor2 li p{font-size:16px;line-height:32px;color:#666666;}
.comCulture{padding-bottom:440px;background-repeat: no-repeat;background-size: cover;background-position: center center;position: relative;margin-bottom:4%;}
.comCulture .txtBox{text-align: center;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);color:#fff;font-size:30px;}
.comCulture .txtBox h5{font-weight:normal;margin-bottom:25px;font-size:30px;}
.comHoner{margin-bottom:4%;}
.comHoner h5{font-size:30px;font-weight:normal;text-align: center;margin-bottom:3%;}
.comHoner .honerSlide{padding:0 90px 60px 90px;background:url(../images/honerBG.png) no-repeat center bottom;}
.comHoner .honerSlide li img{margin: 0 auto;}
.comHoner .honerSlide .slick-arrow{font-size:0;border: none;width: 29px;height: 56px;position: absolute;top: 50%;margin-top:-28px;background:url(../images/Har.png) no-repeat;cursor: pointer;}
.comHoner .honerSlide .slick-prev{left: -90px;}
.comHoner .honerSlide .slick-next{right:-90px;transform: rotate(180deg);}

/*品牌故事*/
.Brands{margin-bottom:4%;}
.Brands .item{position: relative;background:#f5f5f7;margin-bottom:4%;}
.Brands .item .imgBox{float: left;width: 50%;}
.Brands .item:nth-child(even) .imgBox{float: right;}
.Brands .item .txtBox{width: 50%;position: absolute;top: 50%;transform: translateY(-50%);padding: 0 4%;right:0;}
.Brands .item:nth-child(even) .txtBox{right:auto;left: 0;}
.Brands .item .txtBox h5{font-size:24px;font-weight:normal;margin-bottom:25px;}
.Brands .item .txtBox p{font-size:16px;color:#888888;line-height:30px;}

/*人才招聘*/
.jobMain{margin-bottom:4%;}
.jobMain .jobList{margin-bottom:6%;}
.jobMain .jobList .list{border-radius:10px;margin-bottom:20px;}
.jobMain .jobList .list .job-title{padding:25px 30px;background:#f8f8f8;position: relative;transition:.3s;}
.jobMain .jobList .list .job-title h5{font-size:20px;font-weight:normal;color:#000;margin-bottom:20px;transition:.3s;}
.jobMain .jobList .list .job-title .condition span{font-size:16px;color:#999999;display: inline-block;vertical-align: middle;padding:0 25px;border-left: 1px solid #ededed;line-height:1;transition:.3s;}
.jobMain .jobList .list .job-title .condition span:first-child{padding-left:0;border-left:none;}
.jobMain .jobList .list .job-title .time{position: absolute;top:50%;transform: translateY(-50%);right:30px;padding-right: 35px;font-size:16px;}
.jobMain .jobList .list .job-title .time:before{width: 9px;height: 6px;content: '';background:url(../images/i1.png) no-repeat;position: absolute;top: 50%;margin-top:-3px;right:0;transition:.3s;}
.jobMain .jobList .list:hover .job-title h5{color:#18416d;}
.jobMain .jobList .list .job-title.select{background:#18416d;box-shadow:0 10px 20px rgba(24,65,109,.3);}
.jobMain .jobList .list .job-title.select h5{color:#fff;}
.jobMain .jobList .list .job-title.select .condition span{color:#fff;}
.jobMain .jobList .list .job-title.select .time{color:#fff;}
.jobMain .jobList .list .job-title.select .time:before{background:url(../images/i1_a.png) no-repeat;}
.jobMain .jobList .list .job-brief{display: none;padding:3%;background:#f8f8f8;}
.jobMain .jobList .list .job-brief .item{margin-bottom:2%;}
.jobMain .jobList .list .job-brief h5{font-size:20px;font-weight:normal;color:#000;margin-bottom:20px;}
.jobMain .jobList .list .job-brief .txt{font-size:16px;color:#666666;line-height:36px;}

.PageBox .Pages{ text-align:center; padding:3% 0;}
.PageBox .Pages a{ display:inline-block; vertical-align:middle;background:#f5f5f5; padding:0 15px; line-height:38px; color:#666;margin: 0 10px;}
.PageBox .Pages a:hover,
.PageBox .Pages a.a_cur{ background-color:#18416d; color:#fff;}
.PageBox .Pages em{ font-style:normal; display:inline-block; vertical-align:middle; overflow:hidden;}
.PageBox .Pages em a{ float:left; margin-left:-1px;}
.PageBox .Pages .a_prev,
.PageBox .Pages .a_next{ padding:0; width:44px; background:url(../images/al.png) no-repeat center center; overflow:hidden; line-height:1000px; height:38px;border:none;}
.PageBox .Pages .a_next{ background-image:url(../images/ar.png);}
@media(max-width:480px){
.PageBox .Pages a{padding:0 5px; }
}

/*服务品牌*/
.brandicon{padding:30px 0;text-align: center;background:#f8f8f8;}
.brandicon .item{display: inline-block;vertical-align: middle;text-align: center;margin: 0 30px;}
.brandicon .item .iconB{line-height:50px;margin-bottom:10px;}
.brandicon .item p{color:#666;}

/*服务品牌详情*/
.brandInfo .progList .item{padding-top: 8%;}
.brandInfo .progList .item .txtBox{position: relative;margin-bottom:8%;}
.brandInfo .progList .item .txtBox:before{width: 559px;height: 234px;content: '';background:url(../images/bBG.png) no-repeat;position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);z-index: -1;}
.brandinfoTit{text-align: center;padding:4% 0;}
.brandinfoTit h5{font-size:42px;font-weight:normal;margin-bottom:20px;}
.brandinfoTit p{font-size:16px;line-height:28px;color:#666666;}

.Floor002658{ font-family:Arial, Helvetica, sans-serif; overflow:hidden; padding-bottom: 2%;}
.Floor002658 .title-intro{ text-align:center; padding:3% 0; color:#333; max-width:1150px; margin:0 auto;}
.Floor002658 .title-intro h3{ margin:0; font-size:60px;}
.Floor002658 .title-intro p{ font-size:20px; line-height:30px;}
.Floor002658 .title-intro a{ color:#c09a75; text-decoration:underline;}
@media(max-width:768px){
.Floor002658 .title-intro h3{ font-size:30px;}
.Floor002658 .title-intro p{ font-size:16px; line-height:24px;}
}
@media(max-width:480px){
.Floor002658 .title-intro h3{ font-size:24px;}
.Floor002658 .title-intro p{ font-size:14px; line-height:20px;}
}

/*slick Basic*/
.Relatedcases .slick-slider { position:relative;display: block;-webkit-touch-callout: none;-ms-touch-action: pan-y; touch-action: pan-y;-webkit-tap-highlight-color: transparent}
.Relatedcases .slick-list { position: relative; z-index: 1;display: block; overflow: hidden;}
.Relatedcases .slick-list:focus {outline: none}
.Relatedcases .slick-list.dragging {cursor: pointer;cursor: hand;}
.Relatedcases .slick-slider .slick-track,
.Relatedcases .slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0);-moz-transform: translate3d(0, 0, 0);-ms-transform: translate3d(0, 0, 0);-o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0)}
.Relatedcases .slick-track {position: relative; top: 0; left: 0; display: block;}
.Relatedcases .slick-track:before,
.Relatedcases .slick-track:after{display: table; content: '';}
.Relatedcases .slick-track:after{ clear: both;}
.Relatedcases .slick-loading .slick-track { visibility: hidden;}
.Relatedcases .slick-slide{ display: none; float: left;min-height: 1px;}
[dir = 'rtl'] .slick-slide {float: right;}
.Relatedcases .slick-slide .slick-loading img { display: none;}
.Relatedcases .slick-slide .dragging img { pointer-events: none;}
.Relatedcases .slick-initialized .slick-slide { display: block;}
.Relatedcases .slick-loading .slick-slide { visibility: hidden;}
.Relatedcases .slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent;}
.Relatedcases .slick-arrow .slick-hidden { display: none;}
/*slick Basic End*/

.Relatedcases .slider > ul{margin-bottom: 42px;}
.Relatedcases li.slick-slide{ position:relative;transform:scale(0.8); transition:0.5s 0.3s;}
.Relatedcases li.slick-slide .imgBox{position: relative;}
.Relatedcases li.slick-slide .imgBox:before{ position:absolute; content:''; left:0; top:0; width:100%; height:100%; background:#000; opacity:0.4;transition:0.5s 0.3s;}
.Relatedcases li.slick-slide .txtBox{opacity: 0;transition:0.5s 0.3s;text-align: center;margin-top:20px;}
.Relatedcases li.slick-slide .txtBox h5{font-size:24px;font-weight:normal;}
.Relatedcases li.slick-slide .txtBox p{margin: 20px 0;font-size:16px;color:#888888;}
.Relatedcases li.slick-slide .txtBox .view{display: block;width: 160px;line-height:40px;border-radius:35px;color:#18416d;border:1px solid #18416d;margin: 0 auto;transition:0.3s;}
.Relatedcases li.slick-slide .txtBox .view:hover{color:#fff;background:#18416d;}
.Relatedcases li.slick-current .txtBox{opacity: 1;}
.Relatedcases li.slick-current{ transform:scale(1);}
.Relatedcases li.slick-current .imgBox::before{opacity: 0;}


.Relatedcases .slick-arrow{ position:absolute; content:''; width:32px; height:32px;border: 0; border-top:4px solid #b2b2b2;border-right:4px solid #b2b2b2; transform:rotate(45deg); top:50%; margin-top:-16px; cursor:pointer; z-index:10;font-size: 0;background: none;}
.Relatedcases .slick-prev{left:13%; margin-left:-32px;transform:rotate(-135deg);}
.Relatedcases .slick-next{right:13%; margin-right:-32px;}
.Relatedcases .slick-arrow:hover{ border-color:#fff;}

.Relatedcases .slick-dots {font-size: 0; line-height: normal; text-align: center; margin-top: 2.5%;}
.Relatedcases .slick-dots li {display: inline-block; margin: 0 5px; vertical-align: middle;}
.Relatedcases .slick-dots button {display: block; font-size: 0; height: 10px; width: 10px; border-radius: 5px; border: 1px solid #000; padding:0; cursor: pointer; transition:all .3s;}
.Relatedcases .slick-dots .slick-active button {background-color: #000; width:25px;}
@media(max-width:640px){
.Relatedcases li.slick-slide{ transform:scale(1);}
.Relatedcases .slick-prev{left:3%; margin-left:0;}
.Relatedcases .slick-next{right:3%; margin-right:0;}
}
@media(max-width:480px){
.Relatedcases .slick-arrow{width: 24px; height: 24px; margin-top: -12px;border-width: 3px;}
}
.appModels{padding-bottom:6%;margin-top:4%;}
.appModels li{text-align: center;}
.appModels li .carM img{margin: 0 auto;}
.appModels li p{font-size:24px;margin-top:25px;}
.appModels .slick-dots {font-size: 0; line-height: normal; text-align: center; margin-top: 2.5%;}
.appModels .slick-dots li {display: inline-block; margin: 0 5px; vertical-align: middle;}
.appModels .slick-dots button {display: block; font-size: 0; height: 10px; width: 10px; border-radius: 50%; border: 1px solid #000; cursor: pointer;}
.appModels .slick-dots .slick-active button {background-color: #000;}
.appModels .slick-arrow { position:absolute; content:''; width:32px; height:32px;border: 0; border-top:4px solid #b2b2b2;border-right:4px solid #b2b2b2; transform:rotate(45deg); top:50%; margin-top:-16px; cursor:pointer; z-index:10;font-size: 0;background: none;}
.appModels .slick-prev {left:0%; margin-left:-32px;transform:rotate(-135deg);}
.appModels .slick-next {right:0%; margin-right:-32px;}
.appModels .slick-arrow:hover{ border-color:#fff;}
@media(max-width:640px){
.appModels .slick-prev{left:3%; margin-left:0;}
.appModels .slick-next{right:3%; margin-right:0;}
}
@media(max-width:480px){
.appModels .slick-arrow{width: 24px; height: 24px; margin-top: -12px;border-width: 3px;}
}
/*案例*/
.caseWarp{padding-bottom:4%;}
.caseWarp .caseList{}
.caseWarp .caseList .item{float: left;width: 48%;margin-right:4%;margin-bottom:4%;text-align: center;}
.caseWarp .caseList .item .img{padding-bottom:66.35%;background-repeat: no-repeat;background-size: cover;background-position: center center;}
.caseWarp .caseList .item:nth-child(2n){margin-right:0;}
.caseWarp .caseList .item .txtBox{margin-top:25px;}
.caseWarp .caseList .item .txtBox h5{font-size:24px;font-weight:normal;}
.caseWarp .caseList .item .txtBox p{margin: 20px 0;font-size:16px;color:#888888;}
.caseWarp .caseList .item .txtBox .view{display: block;width: 160px;line-height:40px;border-radius:35px;color:#18416d;border:1px solid #18416d;margin: 0 auto;transition:.3s;}
.caseWarp .caseList .item .txtBox .view:hover{color:#fff;background:#18416d;}

/*caseinfo */
.caseinfo{padding:3.49vw 0;}
.caseinfo .name{border-bottom: 1px dotted #cecece; text-align: center; margin-bottom: 37px;}
.caseinfo .name h1{margin: 0 0 30px 0;font-size: 20px;color: #333;}
.caseinfo .time{color: #c8c8c8;padding-bottom: 1.72vw;line-height: 16px;}
.caseinfo .time time{display: inline-block; vertical-align: middle;}

.caseinfo .edit-info{line-height: 2.5625em;color: #1e1e1e; text-align: justify; padding-bottom: 4vw;}
@media(min-width:641px){
.caseinfo .time{font-size: 16px;}
}

/*技术支持*/
.techSupport{padding:4% 0 6%;}
.techSupport .supList{}
.techSupport .supList .item{padding:50px 0;border-bottom:1px solid #e3e3e3;}
.techSupport .supList .item .txtBox{float: left;width: 42%;padding-top:30px;}
.techSupport .supList .item .txtBox h5{font-size:24px;font-weight:normal;}
.techSupport .supList .item .txtBox p{margin: 20px 0;font-size:16px;color:#888888;line-height:30px;}
.techSupport .supList .item .txtBox .view{display: block;width: 160px;line-height:40px;border-radius:35px;color:#18416d;border:1px solid #18416d;transition:.3s;text-align: center;margin-top:20px;}
.techSupport .supList .item .txtBox .view:hover{color:#fff;background:#18416d;}
.techSupport .supList .item .imgBox{float: right;width: 42%;}
.techSupport .supList .item:nth-child(even) .txtBox{float: right;}
.techSupport .supList .item:nth-child(even) .imgBox{float: left;}

/*活动*/
.activity{padding:4% 0;}
.activity .actList{}
.activity .actList li{float: left;width: 31%;margin-right:3.5%;margin-bottom:4%;}
.activity .actList li:nth-child(3n){margin-right:0;}
.activity .actList li .img{padding-bottom:63.134%;background-repeat: no-repeat;background-size: cover;background-position: center center;}
.activity .actList li .txtBox{margin-top:30px;}
.activity .actList li .txtBox time{font-size:18px;}
.activity .actList li .txtBox h5{font-size:24px;font-weight:normal;margin: 20px 0;}
.activity .actList li .txtBox .view{display: inline-block;width: 160px;line-height:40px;border-radius:35px;color:#18416d;border:1px solid #18416d;transition:.3s;text-align: center;}
.activity .actList li .txtBox .view:hover{color:#fff;background:#18416d;}

/*联系方式*/
.contact{padding:4% 0 6%;}
.contact .mapBox{position: relative;}
.contact .mapBox #dituContent{width: 100%;height: 650px;}
.contact .mapBox .txtBox{position: absolute;top: 50%;transform: translateY(-50%);right:40px;background:#fff;padding:45px 55px 45px;z-index: 1;}
.contact .mapBox .txtBox .logo{margin-bottom:40px;}
.contact .mapBox .txtBox .item{padding-left: 40px;margin-bottom:20px;}
.contact .mapBox .txtBox .item h5{font-size:20px;font-weight:normal;position: relative;margin-bottom:10px;}
.contact .mapBox .txtBox .item h5.pho:before{width: 20px;height: 16px;content: '';background:url(../images/i2.png) no-repeat;position: absolute;top: 50%;margin-top:-8px;left: -40px;}
.contact .mapBox .txtBox .item h5.mal:before{width: 20px;height: 16px;content: '';background:url(../images/i3.png) no-repeat;position: absolute;top: 50%;margin-top:-8px;left: -40px;}
.contact .mapBox .txtBox .item h5.add:before{width: 15px;height: 20px;content: '';background:url(../images/i4.png) no-repeat;position: absolute;top: 50%;margin-top:-10px;left: -40px;}
.contact .mapBox .txtBox .item h5.code:before{width: 20px;height: 15px;content: '';background:url(../images/wx.png) no-repeat;position: absolute;top: 50%;margin-top:-10px;left: -40px;}
.contact .mapBox .txtBox .item p{font-size:16px;color:#999999;line-height:25px;}
.contact .mapBox .txtBox .item p.num{font-size:24px;}

/*在线留言*/
.Feedback{padding-bottom: 6%;}
.Feedback .messBox{border:1px solid #ebebeb;position: relative;}
.Feedback .messBox .Imgb{float: right;width: 50%}
.Feedback .messBox .Form{position: absolute;top: 50%;transform: translateY(-50%);left: 0;width: 50%;padding:0 50px;}
.Feedback .messBox .Form:before,
.Feedback .messBox .Form:after{width: 52px;height: 45px;content: '';background:url(../images/i5.png) no-repeat;position: absolute;}
.Feedback .messBox .Form:before{top: -50px;left: 50px;}
.Feedback .messBox .Form:after{transform: rotate(180deg);bottom: 0;right:50px;}
.Feedback .messBox .Form h5{font-size:20px;font-weight:normal;margin-bottom:10px;}
.Feedback .messBox .Form .itemBox{margin-bottom:20px;}
.Feedback .messBox .Form .itemBox .item{width: 48%;margin-right:4%;float: left;position: relative;}
.Feedback .messBox .Form .itemBox .item:nth-child(2n){margin-right:0;}
.Feedback .messBox .Form .itemBox .item input{line-height:40px;height: 40px;width: 100%;border:1px solid #ededed;padding: 0 20px 0 55px;}
.Feedback .messBox .Form .itemBox .item i{display: block;width: 45px;height: 22px;border-right:1px solid #ededed;position: absolute;left: 0;top: 50%;margin-top:-11px;background-repeat:no-repeat;background-position:center center;}
.Feedback .messBox .Form .itemBox .item i.comn{background-image: url(../images/i6.png);}
.Feedback .messBox .Form .itemBox .item i.name{background-image: url(../images/i7.png);}
.Feedback .messBox .Form .itemBox .item i.phon{background-image: url(../images/i8.png);}
.Feedback .messBox .Form .itemBox .item i.mail{background-image: url(../images/i9.png);}
.Feedback .messBox .Form .itemBox textarea{width: 100%;border:1px solid #ededed;padding:10px 15px;height: 85px;}
.Feedback .messBox .Form .subBtn{width: 145px;line-height:44px;text-align: center;color:#fff;background:#18416d;font-size:16px;display: block;}

.Other002539{ position:fixed; z-index:200; right:0;}
.Other002539 ul li{ position:relative;}
.Other002539 ul li figure{ position:absolute; top:0; right:48px;background:#000; color:#fff; display:none;}
.Other002539 .li_wx figure{ width:150px; padding:10px;}
.Other002539 .li_wx figure img{ display:block; width:100%;}
.Other002539 .li_tel figure{ padding:0 20px; font-size:18px;line-height:48px;white-space:nowrap;}
.Other002539 .li_tel figure a{ color:#fff;}
.Other002539 .icon{ display:block; width:48px; height:48px; background:url(../images/Other002539-icon.png) no-repeat left top #000; border-bottom:1px solid #483f3e;}
.Other002539 .li_tel .icon{ background-position:0 -100px;}
.Other002539 .icon.gettop{ background-position:0 100%;}
.Other002539 .icon.open{ background-image:none; position:relative; }
.Other002539 .open span{ color:#fff; font-size:24px; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%);}
@media(min-width:1025px){
.Other002539{ top:50%; transform:translateY(-50%);}
.Other002539 ul{ display:block !important;}
.Other002539 .icon.open{display:none;}
.Other002539 .li_tel figure::before{ position:absolute; content:''; width:100%; height:100%; left:0; top:0; background-color:transparent;}
}
@media(max-width:1024px){
.Other002539{ bottom:5%;}
.Other002539 ul{ display:none;}
.Other002539 #open_2539{ background-color:#483f3e;}
}


/*响应式*/
.nav_btn {float:right; width:30px; height:27px; margin:20px 0 0 20px; position:relative; cursor:pointer; display:none;  transition:margin 0.3s ease 0s;z-index: 999;}
.nav_btn span,.nav_btn span:before,.nav_btn span:after {content:''; display:block; width:100%; height:2px; background-color:#fff; position:absolute; left:0;border-radius:3px;}
.nav_btn span {top:50%; margin-top:-1px;}
.nav_btn span:before {top:-10px; transition:all 0.3s ease 0s;}
.nav_btn span:after {bottom:-10px; transition:all 0.3s ease 0s;}
.nav_btn.open span {height:0;}
.nav_btn.open span:before {transform:rotate(45deg); top:0;background-color:#fff;}
.nav_btn.open span:after {transform:rotate(-45deg); bottom:-2px;background-color:#fff;}


@media(max-width:1440px){
  .w1400{padding: 0 2%;}
  .top .searBox{right:2%;}
  .bottom .bomTop .bomnav dl{margin-right:90px;}
  .comBrief .comFoor2 li{padding:20px}
}

@media(max-width:1024px){
  .top .w1400{position:static;}
  .top .searBox{position:relative;float: right;margin-top:23px;top: auto;right:auto;}
  .nav_btn{display: block;}
  .top .nav{position: absolute;top: 100%;width: 100%;left: 0;background:rgba(0,0,0,.5);padding:20px 0;display: none;}
  .top .nav li{float: none;line-height:40px;margin: 0 2%;}
  .banner .txtBox p{font-size:24px;line-height:38px;}
  .banner .txtBox .play{width: 40px;height: 40px;background-size: contain;margin-top:20px;}
  .progList .item .txtBox h5{font-size:28px;}
  .progList .item .txtBox p{line-height:24px;}
  .progList .item .txtBox .more{width: 130px;line-height:35px;font-size:14px;}
  .progList .item .imgBox{/*max-width: 80%;*/margin: 0 auto;}
  .idxproList .item .txtBox h5{font-size:28px;}
  .idxproList .item .txtBox p{font-size:16px;}
  .idxproList .item .more{width: 130px;line-height:35px;font-size:14px;margin-left:-65px;}
  .Brands .item{padding:20px;}
  .Brands .item .imgBox{float: none;width: 100%;text-align: center;margin-bottom:20px;}
  .Brands .item .txtBox{position: static;transform: translateY(0);padding:0;width:100%;}
  .Brands .item .txtBox h5{font-size:18px;margin-bottom: 12px;}
  .Brands .item .txtBox p{font-size:14px;line-height:24px;}
  .jobMain .jobList .list .job-title .condition span{padding:0 20px;}
  .Feedback .messBox{padding:20px;}
  .Feedback .messBox .Form{position: static;transform: translateY(0);width:100%;padding:0;}
  .Feedback .messBox .Imgb{float: none;width:100%;text-align: center;margin-top:20px;}
  .Feedback .messBox .Form:before, .Feedback .messBox .Form:after{display: none;}
}

@media(max-width:960px){
  .bottom .bomTop .bomnav{float: none;}
  .bottom .bomTop .bomnav dl{float: none;margin-right:0;margin: 0;border-bottom:1px solid #e6e6e6;}
  .bottom .bomTop .bomnav dl dt{display: block;width: 100%;line-height:35px;position: relative;}
  .bottom .bomTop .bomnav dl dt:before{width: 9px;height: 6px;content: '';background:url(../images/i1.png) no-repeat;position: absolute;top: 50%;margin-top:-3px;right:10px;transition:.3s;}
  .bottom .bomTop .bomnav dl dt a{display: inline-block;margin-bottom:0;}
  .bottom .bomTop .bomnav dd a{line-height:24px;}
  .bottom .bomTop .bomnav dl .sub{display: none;}
  .bottom .bomTop .bomnav dl.select dt:before{transform: rotate(180deg);}
  .bottom .bomTop .bomshare{float: none;text-align: center;margin-top:20px;}
  .bottom .bomTop .bomshare .shareL a.wx:first-child{margin-left:0;}
  .bottom .bomTop .bomshare .shareL{margin: 10px 0;}
  .bottom .bomBom{line-height:30px;}
  .bottom .bomBom ul{float: none;text-align: center;}
  .bottom .bomBom li{float: none;display: inline-block;vertical-align: middle;line-height:30px;}
  .bottom .bomBom .copy{float: none;text-align: center;}
  .menu li a{line-height:50px;font-size:16px;}
  .comBrief h5{font-size:24px;margin-bottom: 20px;}
  .comBrief .comFoor1 .txt{font-size:14px;line-height:24px;padding:0 2%;}
  .comBrief .comFoor2 li{width: 100%;float: none;margin-right:0;height: auto;margin-top:20px;}
  .comBrief .comFoor2 li .tit{font-size:16px;margin-bottom:15px;}
  .comBrief .comFoor2 li p{font-size:14px;line-height:24px;}
  .comCulture{padding-bottom:280px;}
  .comCulture .txtBox{font-size:22px;}
  .comCulture .txtBox h5{font-size:22px;margin-bottom:12px;}
  .comHoner h5{font-size:24px;margin-bottom:15px;}
  .jobMain .jobList .list .job-title{padding:15px;}
  .jobMain .jobList .list .job-title .time{font-size:14px;transform: translateY(0);top: 15px;}
  .jobMain .jobList .list .job-title .condition span{font-size:14px;padding:0 10px;}
  .jobMain .jobList .list .job-title h5{font-size:16px;}
  .jobMain .jobList .list .job-brief h5{font-size:16px;margin-bottom:10px;}
  .jobMain .jobList .list .job-brief .txt{font-size:14px;line-height:24px;}
  .activity .actList li{float: left;width:49%;margin-right:2%;}
  .activity .actList li:nth-child(3n){margin-right:2%;}
  .activity .actList li:nth-child(2n){margin-right:0;}
  .activity .actList li .txtBox{margin-top:15px;}
  .activity .actList li .txtBox h5{font-size:16px;margin: 10px 0;}
  .activity .actList li .txtBox time{font-size:14px;}
  .activity .actList li .txtBox .view{width:120px;line-height:35px;}
}

@media(max-width:768px){
  .top .logo{width:60px;line-height:55px;}
  .hTop{height: 55px;}
  .nav_btn{margin: 14px 0 0 20px;}
  .top .searBox{margin-top:15px;}
  .progList .item{padding: 40px 0;}
  .progList .item .txtBox{margin-bottom: 30px;}
  .brandicon .item{margin: 0 20px;}
  .brandicon .slick-arrow{width:8px;height: 15px;font-size:0;border:none;position: absolute;top: 50%;margin-top:-7.5px;z-index: 99;}
  .brandicon .slick-arrow.slick-prev{background:url(../images/al_a.png) no-repeat;left:5px;}
  .brandicon .slick-arrow.slick-next{background:url(../images/ar_a.png) no-repeat;right:5px;}
  .banner .img{padding-bottom:320px;}
  .banner .txtBox{width: 80%;}
  .banner .txtBox p{font-size:16px;}
  .bottom .bomBom li{padding: 0 10px;}
  .progList .item .txtBox{padding:0 2%;}
  .progList .item .txtBox p{font-size:14px;line-heigh:20px;}
  .progList .item:before{height: 20%;}
  .progList .item .txtBox h5{font-size:24px;margin-bottom:8px;}
  .idxproList .item{float: none;width: 100%;margin-right:0;}
  .idxproList{margin-top:4%;}
  .idxproList .item .txtBox h5{font-size:22px;}
  .idxproList .item .txtBox p{font-size:14px;}
  .comHoner .honerSlide .slick-arrow{width: 12px;background-size: contain;background-position:center center;}
  .comBrief .comFoor2{margin-top:30px;}
  .menu li{margin:0 12px;}
  .menu li a{font-size:15px;line-height:40px;}
  .jobMain .jobList .list .job-title .time{padding-right:20px;top: 38px;}
  .jobMain .jobList .list .job-title .condition span{font-size:12px;}
  .progList .item .txtBox span{font-size:15px;margin-top:10px;}
  .brandicon .item{/*width:30%;*/margin-bottom:10px;}
  .brandicon .item .iconB img{margin: 0 auto;}
  .casePage .Pages{padding:35px 0;}
  .Relatedcases .slick-arrow{top: 30%;}
  .Relatedcases{padding:30px 2%;}
  .brandInfo .progList .item .txtBox:before{width:190px;height: 80px;background-size: contain;top: 20%;}
  .brandinfoTit h5{font-size:24px;margin-bottom:10px;}
  .brandinfoTit p{font-size:14px;line-height:24px;}
  .Relatedcases li.slick-slide .txtBox h5{font-size:16px;}
  .Relatedcases li.slick-slide .txtBox p{font-size:14px;margin: 10px 0;}
  .Relatedcases li.slick-slide .txtBox .view{width:120px;line-height:35px;}
  .appModels li p{font-size:16px;}
  .appModels{padding-bottom:30px;}
  .caseWarp .caseList .item{float: none;width:100%;margin-right:0;margin-bottom:30px;}
  .caseWarp .caseList .item .txtBox h5{font-size:16px;}
  .caseWarp .caseList .item .txtBox p{font-size:14px;margin: 10px 0;}
  .caseWarp .caseList .item .txtBox .view{width:120px;line-height:35px;}
  .techSupport .supList .item .txtBox{float: none;width:100%;padding-top:0;}
  .techSupport .supList .item .imgBox{float: none;width:100%;text-align: center;margin-top: 20px;}
  .techSupport .supList .item .txtBox h5{font-size:16px;}
  .techSupport .supList .item .txtBox p{font-size:14px;line-height:24px;margin-top:10px;}
  .techSupport .supList .item .txtBox .view{width:120px;line-height:35px;}
  .activity .actList li{width:100%;float: none;margin-right:0!important;margin-bottom:20px;}
  .contact .mapBox .txtBox{position: static;transform: translateY(0);padding:20px;margin-bottom:20px;}
  .contact .mapBox #dituContent{height: 320px;}
  .contact .mapBox .txtBox .logo{margin-bottom:20px;}
  .contact .mapBox .txtBox .item h5{font-size:16px;margin-bottom:8px;}
  .contact .mapBox .txtBox .item p.num{font-size:16px;}
  .contact .mapBox .txtBox .item p{font-size:14px;}
  .Feedback .messBox .Form .itemBox{margin-bottom:10px;}
  .Feedback .messBox .Form .itemBox .item{float: none;width:100%;margin-right:0;margin-bottom:10px;}
  .Feedback .messBox .Form h5{font-size:18px;}
  .Feedback .messBox .Form .subBtn{line-height:35px;font-size:14px;}
}