@charset "utf-8";
body{margin:0;padding:0;font-family:'微软雅黑' ;font-size:14px;width:100%;line-height: 20px!important;}
input,select,textarea,button{vertical-align:middle;outline:0}
h1,h2,h3,h4,h5,h6{font-weight:400}
img{border:0;vertical-align:middle}
dl,dt,li,ol,ul{list-style:none}
a{text-decoration:none;outline:0;color:#333}
*{padding:0;margin:0}
.clear{clear:both}
.clearfix:after,.clearfix:before{display:table;content:""}
.clearfix:after{clear:both}
.text{text-align:center}
.fl{float:left}
.fr{float:right}
.hide{display:none}
input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{color:#9e9e9e}
input:-moz-placeholder,textarea:-moz-placeholder{color:#9e9e9e}
input::-moz-placeholder,textarea:-moz-placeholder{color:#9e9e9e}
input:-ms-input-placeholder,textarea:-ms-input-placeholder{color:#9e9e9e}
.wrap{width: 1200px;margin:0 auto;}
.tabbox{display:table-cell;vertical-align:middle}
a,a:hover,a:active,a:visited,a:link,a:focus,span,div{
    -webkit-tap-highlight-color:rgba(0,0,0,0);
    -webkit-tap-highlight-color: transparent;
    outline:none;
    background: none;
    text-decoration: none;
}
img{object-fit:cover;}


@font-face {
  font-family: 'iconfont';
  src: url('../icon/iconfont.eot');
  src: url('../icon/iconfont.eot?#iefix') format('embedded-opentype'),
      url('../icon/iconfont.woff2') format('woff2'),
      url('../icon/iconfont.woff') format('woff'),
      url('../icon/iconfont.ttf') format('truetype'),
      url('../icon/iconfont.svg#iconfont') format('svg');
}
@font-face {
  font-family: 'FZLT2';
  src: url('../font/FZLTCXHJW.ttf') format('truetype');/*###*/
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'FZLTH';
  src: url('../font/FZLTH.ttf') format('truetype');/*###*/
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'AGENCY';
  src: url('../font/AGENCYR.ttf') format('truetype');/*###*/
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'ARVO';
  src: url('../font/ARVO.ttf') format('truetype');/*###*/
  font-weight: normal;
  font-style: normal;
}
.iconfont {
  font-family: "iconfont" !important;
  font-size: 16px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}



@font-face {
    font-family: 'Normal';
    src:url('../font/SourceHanSansCN-Normal.ttf');
}
@font-face {
    font-family: 'Medium';
    src:url('../font/SourceHanSansCN-Medium.otf');
}
@font-face {
    font-family: 'Light';
    src:url('../font/SourceHanSansCN-Light.ttf');
}
@font-face {
    font-family: 'Regular';
    src:url('../font/SourceHanSansCN-Regular.ttf');
}
@font-face {
    font-family: 'ExtraLight';
    src:url('../font/SourceHanSansCN-ExtraLight.ttf');
}
@font-face {
    font-family: 'Heavy';
    src:url('../font/SourceHanSansCN-Heavy.otf');
}

/*moblie-nav*/
.top-left{ position:fixed;top:28px; z-index:130;display: none;width:23px; height:15px; right:2em;}
.top-left::before,
.top-left::after,
.top-left span{ position:absolute; width:100%; height:3px; border-radius:3px; background:#402c73; }
.top-left::before,
.top-left::after{ content:'';transition:transform 0.2s;}
.top-left span{ top:50%; margin-top:-1.5px;}
.top-left::before{ top:0;}
.top-left::after{ bottom:0;}
.top-menu{ position:fixed; height:100%; overflow-y:auto; width:100%;left:0; top:0;background:rgba(0,0,0,0.9); padding:21% 20px 0 0; transform:translateY(-100%); opacity:0; transition:0.2s; z-index:-1;}
.top-menu ul{ position:relative; width:100%;}
.top-menu li a{ display:block; line-height:30px; }
.top-menu li > a{ position:relative; border-bottom:1px solid #222; font-size:16px; color:#fff; line-height:3; padding:0 41px 0 25px;text-transform: capitalize;}
.top-menu li.on > a{ background-color:#222;}
.top-menu li.on > a::after{ position:absolute; content:''; width:10px; height:10px; border-right:2px solid #fff; border-top:2px solid #fff; transform:rotate(135deg); right:25px; top:50%; margin-top:-7px;}
.top-menu li dl{ position: relative;left: 0; width:100%; top:0; display:none; transition:transform 0.3s; }
.top-menu li dl.dl-show{}
.top-menu li dl dt a{color:#aaa; font-size:14px; line-height:2.5;padding: 0 41px 0 40px;}
.Top-open.top-menu{ opacity:1; transform:translateY(0); z-index:100;}
.Top-open.top-left{ position:fixed; margin-top:0; top:28px; z-index:130;}
.Top-open.top-left span{ opacity:0;}
.Top-open.top-left::before,
.Top-open.top-left::after{ top:50%;}
.Top-open.top-left::before{ transform:rotate(45deg);background: #402c73;}
.Top-open.top-left::after{transform:rotate(-45deg);background: #402c73;}
/*moblie-nav end*/
.sou-btn{position: fixed;right: 5em;top: 24px;z-index:150;display: none}
.sou h3{color: #fff;}

/*header css*/
header{position: relative;left: 0;top:0px;width: 100%;z-index: 120;transition:.5s;background-color: rgba(0,0,0,0.8);}
header .wrap{position: relative;}
header .logo{line-height:78px;transition:.5s;}
header .logo img{max-height: 90%;width: 220px;}
header .headR{width: 80%;display: flex;justify-content: flex-end;}
header .nav{width:56%;}
header .nav ul{display: flex;flex: 0 0 100%;justify-content: space-between;}
header .nav li{line-height:78px;position: relative;transition:.5s;text-align: center;float: left;}
header .nav li a{font-size:14px;color: #fff;position: relative;font-family: 'Normal';display: block;}
header .nav li a:before{content:'';position: absolute;left:0;bottom:0;width:0%;height: 2px;background:#402c73;}
header .nav li:hover a:before,header .nav li.on a:before{width:100%;}
header .nav li .submenu{left:-45px;position: absolute;top: 100%;z-index: 10;display: none;width:155px;background:rgba(64,44,115,.8);}
header .nav li .submenu ul{border-radius: 0;display: block;margin: 0 8px;}
header .nav li .submenu a {color: #fefefe;display: block;font-size: 16px;padding: 0;font-family: 'Normal';overflow: hidden;text-overflow:ellipsis;white-space:nowrap;background: none;padding-right: 0;font-weight: normal;}
header .nav li .submenu li{margin: 0;float: none;line-height:39px;width: 100%;}
header .nav li .submenu li a:before{display: none}
header .nav li .submenu li:hover a{color: #402c73;}
header .sou{width:20%;transition:.5s;height:78px;display: table;margin-left: 5%;}
header .sou .box{background: #eeeeee;border-radius: 41px;padding:0 8%;width:84%;}
header .sou input{height: 41px;width: 80%;float: left;border:none;background: none}
header .sou button{height: 41px;border:none;width: 20%;float: left;background: none;cursor: pointer;}
header .sou button i{font-size: 20px;color: #402c73}
header.Hhead .sou button i{color: #fff}

.search{position: absolute;right:0;bottom:-71px;z-index: 10;background: rgba(0,0,0,.7);padding:15px 2%;width: 96%;display: none;}
.search .box{width: 100%;float: right;}
.search input{width:75%;height: 40px;border:none;background: none;float: left;padding-left:1%;font-size: 16px;color:#333;border-bottom: 1px #fff solid;color: #fff;}
.search button{width: 20%;height: 40px;border:none;background:#56a795;float: right;font-size:16px;font-family: 'Normal';color: #fff;cursor: pointer;border-radius: 5px;}
.search input:focus{border-color: #56a795;}
/*header end*/
header.fixed{position: fixed;box-shadow: 0px 0px 7px 2px rgba(0,0,0,.3);}
header.fixed .other,header.fixed .nav li,header.fixed .logo{line-height: 70px;}
header.fixed .nav li .submenu a{line-height: 46px;}
header.fixed .sou{height: 70px;}
header.fixed.Hhead .sou button i{color: #402c73}

/*comm css*/
.nybanner{position: relative;width: 100%;margin: 0 auto}
.nybanner img{display: block;width: 100%;min-height: 329px;}


footer{padding:90px 0 25px;background:#232222;}
.foot-t{margin-bottom: 20px;}
footer .copy{text-align:center;color: #f1f1f1;font-family: 'Normal';padding-top: 25px;border-top: 1px solid #393939;}
footer .L{width: 434px;display: flex;flex: 0 0 100%;justify-content: space-between;}
footer .L .name{width: 139px;font-family: 'Medium';}
footer .L .name h4{font-size: 24px;color: #ffffff;}
footer .L .name p{color: #ffffff;font-size: 24px;}
footer .L .share{width: 131px;}
footer .L .share h4{font-size: 18px;color: #ffffff;font-family: 'Normal';}
footer .L .share dl{margin-top: 18px;display: flex;flex: 0 0 100%;justify-content: space-between;}
footer .L .share dl a{position: relative;}
footer .L .share dl a i{color: #ffffff;font-size: 24px;}
footer .L .share dl a:hover i{color: #402c73}
footer .L .share dl a span{position: absolute;left:-34px;bottom: 32px;display: none}
footer .L .share dl a span img{width: 100px;height: 100px;}

footer .R{width: 638px;font-family: 'Normal';}
footer .R h4{color: #ffffff;font-size: 18px;margin-bottom: 25px;}
footer .R .box{display: flex;flex: 0 0 100%;justify-content: space-between;}
footer .R .ul1{width: 60%;}
footer .R .ul2{width: 30%;}
footer .R li{float: left;width: 100%;color: #fff;line-height: 36px;}
footer .R li a{color: #fff;}

.flowing{position: fixed;right:5px;top:45%;background: #646569;z-index: 10;margin-bottom:0}
.flowing li{text-align: center;width: 64px;position: relative;transition:.5s;}
.flowing li a{display: block;padding: 10px 0}
.flowing li i{font-size: 27px;color: #fff;margin-bottom: 5px;display: inline-block;}
.flowing li p{font-size: 12px;color: #fff;margin:0}
.flowing li:before{content:'';position: absolute;left:10%;bottom:0;width:80%;height: 1px;background:#4b4c4f;}
.flowing li:last-child:before{display: none}
.flowing li:hover{background: #5384ab}





/*解决方案*/
.nybox{padding:46px 0;}
.case{}
.case p{font-size: 16px;color: #747474;font-family: 'Light';line-height: 30px;}
.nyhead2{text-align: center;color: #111111;font-size: 36px;margin-bottom: 38px;}
.nyhead2 span{color: #402c73}
.nyhead{text-align: center;position: relative;}
.nyhead:before{content:'';position: absolute;left:0%;top:50%;width:100%;height: 1px;background:#c7effb;z-index: 1}
.nyhead span{background: #fff;padding:0 21px;font-size: 30px;color: #402c73;font-family: 'Regular';position: relative;z-index: 3}
.case .item{margin-top: 75px;}
.case .item ul{display: flex;flex: 0 0 100%;justify-content: space-between;}
.case .item .sycj{margin-top: 68px;padding:0 145px;}
.case .item .sycj li{text-align: center;}
.case .item .sycj li span{width: 129px;height: 129px;background: #f9f9f9;display: inline-block;line-height: 129px;border-radius: 129px;margin-bottom: 14px;}
.case .item .sycj li span img{max-height: 85%;max-width: 85%;}
.case .item .fanr{margin-top: 25px;}
.case .item img{max-width: 90%;max-height: 90%}
.case .item .fays{margin-top: 58px;}
.case .item .fays li{width: 23%;text-align: center;}
.case .item .fays li span{height: 123px;display: block;margin-bottom: 25px;}
.case .item .fays li p{font-size: 12px;color: #3a3f3b;}



/*产品服务*/
.service{}
.service .main{}
.service .main li{padding:92px 0;overflow: hidden;border-bottom: 1px #c7eafa solid}
.service .main li .pic{width: 50%;text-align: center;}
.service .main li .pic img{max-width:90%}
.service .main li .txt {width: 50%;}
.service .main li .txt h4{font-size: 36px;color: #333333;font-family: 'Regular';margin-bottom: 45px;}
.service .main li .txt p{font-size: 16px;color: #747474;font-family: 'Light';line-height: 30px;}
.service .main li .txt a{font-size:14px;color: #402c73;font-family: 'Normal';margin-top: 20px;display: inline-block;}
.service .main li:nth-child(odd) .pic{float: left}
.service .main li:nth-child(odd) .txt{float: right;}
.service .main li:nth-child(even) .pic{float: right}
.service .main li:nth-child(even) .txt{float: left;}
.service .main li:last-child{border-bottom: none} 

.shouh ul {}

.shouh ul li{float:left;width:15.6%;margin:0 0.5%;text-align: center;}
.shouh ul li img{width:100%}
/*成功案例*/
.pag{text-align: center;}
.pag a{height: 45px;line-height: 45px;padding:0 19px;background: #eee;display: inline-block;margin: 0 4px;color: #333;transition:.5s;}
.pag a:hover{color: #fff;background: #402c73;}
.win-case{}
.win-case .list{margin: 70px 0 30px;}
.win-case .list ul{margin-right: -3%}
.win-case .list li{float: left;width: 47%;margin: 0 3% 1% 0;}
.win-case .list li .pic{height: 261px;overflow: hidden;}
.win-case .list li .pic img{width: 100%;height: 100%;transition:.5s;}
.win-case .list li .txt{height: 144px;background: #fff;width: 90%;float: right;position: relative;top:-37px;right: -4px;display: table;transition:.5s;}
.win-case .list li .txt .tabbox{padding:0 35px;}
.win-case .list li .txt h4{color: #848484;font-size: 16px;margin-bottom: 21px;overflow: hidden;text-overflow:ellipsis;white-space:nowrap;position: relative;padding-right: 100px;}
.win-case .list li .txt p{color: #a3a3a3;font-size: 12px;line-height: 24px;max-height: 48px;overflow: hidden;}
.win-case .list li .txt h4:before{content: '';position: absolute;right: 0;top:0;width: 16px;height: 14px;background: url(../images/sj1_15.png) no-repeat center;}
.win-case .list li:hover .txt{box-shadow: 0px 0px 7px 2px rgba(0,0,0,.3);}
.win-case .list li:hover .pic img{transition:.5s;transform:scale(1.1);}



/*公司信息*/
.message{}
.message .mian{margin-top: 20px;}
.message .mian ul{margin-bottom: 40px;}
.message .mian li{border-bottom: 1px #c7effb solid;}
.message .mian li a{padding:43px 0;overflow: hidden;display: flex;flex: 0 0 100%;justify-content: space-between;}
.message .mian li .date{width: 110px;margin-left: 47px;}
.message .mian li .date h4{font-size: 22px;color: #c5c5c5;font-family: 'ExtraLight';font-weight: normal;}
.message .mian li .date b{height: 29px;line-height: 29px;width: 29px;text-align: center;border:1px #e6e6e6 solid;border-radius: 4px;display: inline-block;color: #e6e6e6;margin-top: 33px;transition:.5s;font-family: '宋体'}
.message .mian li .txt{width: 641px;font-family: 'Light';}
.message .mian li .txt h4{margin-bottom: 20px;color: #333;font-size: 16px;}
.message .mian li:nth-child(2n) .txt h4{color: #402c73;}
.message .mian li .txt p{color: #9f9f9f;line-height: 24px;}
.message .mian li .pic{width: 203px;overflow: hidden;}
.message .mian li .pic img{width: 100%;transition:.5s;}
.message .mian li:last-child{border-bottom: none}
.message .mian li:hover .date b{background: #402c73;color: #fff;border-color: #402c73}
.message .mian li:hover .txt h4{color: #}
.message .mian li:hover .pic img{transition:.5s;transform:scale(1.1);}



/*公司信息-合作伙伴*/
.teamwork{}
.teamwork .main{margin-top: 84px;}
.teamwork .main ul{margin-bottom: 30px;}
.teamwork .main li{float: left;width: 20%;text-align: center;margin-bottom: 27px;}
.teamwork .main li span{height: 106px;line-height: 106px;margin-bottom: 8px;display:block;position: relative;border-top:1px #ebebeb solid;border-bottom:1px #ebebeb solid;}
.teamwork .main li span img{max-height: 85%;max-width: 85%;}
.teamwork .main li p{line-height: 22px;color: #a0a0a0;}
.teamwork .main li span:before{content: '';position: absolute;left: 0;top:0;width: 1px;height: 100%;background: #ebebeb;}
.teamwork .main li span:after{content: '';position: absolute;right: 0;bottom:0;width: 1px;height:100%;background: #ebebeb;}
.teamwork .main li:hover span{box-shadow:0px 0px 13px 6px rgba(242,242,242,.8)}




/*公司信息-招贤纳士*/
.recruit{}
.recruit .mian{margin-top: 78px;}
.recruit .t{}
.recruit .t table{width: 100%;}
.recruit .t td{width: 16.6%;font-size: 16px;color: #000000;text-align: center;height:50px;font-family: 'Medium';}
.recruit .b{}
.recruit .b table{width: 100%;}
.recruit .b td{width:16.6%;font-size:16px;color: #000;text-align: center;height:48px;}
.recruit .b .item{background: #f5f5f5;cursor: pointer;margin-bottom:38px;border-radius: 48px;transition:1s;}
.recruit .b .item.active{background: #402c73;margin-bottom: 5px;}
.recruit .b .item.active *{color: #fff;}
.recruit .b .join_txt{padding:26px 71px;display: none;font-size: 16px;line-height: 30px;background: #fff;color: #000;margin-bottom:38px;}
.recruit .b .join_txt img{max-width: 100%}



/*关于我们*/
.about{}
.about .mian{margin-top: 84px;}
.about .mian ul{margin-right: -2%;margin-top: 30px;}
.about .mian li{float: left;margin: 1%;width: 23%;text-align:center}
.about .mian li span{height: auto;overflow: hidden;margin-bottom: 24px;display: block;}
/*.about .mian li span img{height: 100%;}*/
.about .mian li p{color: #666666;font-size:12px;line-height: 26px; }
.about .mian p{color:#6c6b6b;line-height:32px;font-size: 16px;}
.about .mian h4{color:#6c6b6b;font-size: 18px;}
.about .mian .pic{float: left;text-align: center;margin: 0 55px 86px 0;overflow: hidden;}
.about .mian .pic img{height: 330px;}
.about .mian .pic h5{margin-top: 25px;color: #2e2e2e;font-size: 22px;margin-bottom: 5px;}
.about .mian .pic dl{color: #c8c8c8;font-size: 12px;}
.about .mian .pic:hover img{transform:scale(1.1);transition:all .5s linear;filter: brightness(80%);}
.about .mian li:hover span img{transform:scale(1.1);transition:all .5s linear;filter: brightness(80%);}
.about .mian ul.liucheng{margin:30px 0}
.about .mian ul.liucheng li{float: left;margin: 1%;width: 14.6%;}
.about .mian ul.liucheng li.flexl{display:flex;align-items: center;}
.about .mian ul.liucheng li.flexl img{margin-right: 10px;}
.about .mian ul.liucheng li.flexl:hover img{transform:scale(1.3);transition:all .5s linear;filter: brightness(80%);}
/*客户服务*/
.customer{}
.customer-t{position: relative;}
.customer-t img{width: 100%;min-height: 432px;}
.customer-t span{height: 60px;padding:0 47px 0 92px;color: #fefefe;font-size: 36px;font-family: 'Heavy';background:url(../images/tb1_03.png) no-repeat #180f54 40px center;display: inline-block;position: absolute;line-height: 60px;
    left: 50%;bottom:-63px;
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%); 
}
.customer-t span a{color: #fefefe}
.customer-b{margin: 120px 0}
.customer-b .box{width: 864px;margin: 0 auto;}
.customer-b li{margin-bottom:24px;overflow: hidden; }
.customer-b li .name{width: 25%;font-size: 18px;color: #696969;font-family: 'Light';float: left;text-align: right;line-height: 43px;}
.customer-b li .input{width: 63%;float: left;margin-left: 3%}
.customer-b li .input input,.customer-b li .input select{width:73%;height: 43px;border:1px #e5e5e5 solid;border-radius: 5px;font-size: 18px;color: #333333;font-family: 'Normal';padding: 0 3%}
.customer-b li .input select{width:99%;}
.customer-b li button{width: 175px;height: 50px;margin: 0 auto;display:block;background: #402c73;color: #fff;border:none;font-size: 18px;cursor: pointer;}
.customer-b li .input input:focus,.customer-b li .input select:focus{border-color: #402c73;}




/*index*/
.Hhead{position: fixed;background:transparent;border-bottom: 1px rgba(238,238,238,.5) solid}
header.Hhead.fixed{background: #fff;}
header.Hhead .nav li a{color: #fff}
header.Hhead .sou .box{background: rgba(238,238,238,.5)}
header.Hhead .sou input{color: #fff}
header.Hhead.fixed .nav li a{color: #585757}
header.Hhead.fixed .sou .box{background:#eee;}
header.Hhead.fixed .sou input{color: #333}
.banner{position: relative;}
.banner li img{width: 100%;min-height: 687px;}
.banner2{position: relative;display: none}
.banner-sw2{height: auto;}
.banner2 li img{width: 100%;height: auto;}
.banner-pag{bottom: 29px !important;}
.banner .swiper-pagination-bullet,.banner2 .swiper-pagination-bullet{width:11px !important;height:11px !important;opacity: 1 !important;background: #e8f0e2;    border-radius: 11px;}
.banner .swiper-pagination-bullet-active,.banner2 .swiper-pagination-bullet-active{background: #402c73;width: 19px !important;}
.serviceA{background:url(../images/bg2_02.jpg) no-repeat center;background-size: 100%;padding:96px 0;}
.serviceA .box{width: 1400px;margin: 0 auto}
.serviceA-t{}
.serviceA-t b{display:block;margin: 36px auto;width: 19px;height: 3px;background: #402c73;}
.serviceA-t p{font-size: 20px;color: #4c4c4c;font-family: 'Light';text-align: center;}
.serviceA-b{margin-top: 118px;}
.serviceA-b ul{display: flex;flex: 0 0 100%;justify-content: space-between;}
.serviceA-b li{text-align: center;width: 19%;}
.serviceA-b li p{font-size: 20px;color: #333333;font-family: 'Regular';}
.serviceA-b li span{height: 80px;line-height: 80px;margin-bottom: 19px;display: block;}
.serviceA-b li span img{max-width: 85%;max-height: 85%}
.aboutA{padding:85px 0;background: url(../images/b2_03.jpg) no-repeat center;background-size: cover}
.aboutA .box{width: 1155px;margin: 0 auto}
.aboutA p{font-size: 18px;color: #fff;font-family: 'Light';line-height: 30px;}
.aboutA ul{margin-top: 59px;display: flex;flex: 0 0 100%;justify-content: space-between;}
.aboutA li{text-align: center;width: 169px;}
.aboutA li:hover{transform:scale(1.3);transition:all .5s linear;filter: brightness(80%);}
.aboutA li span{display: block;height: 133px;margin-bottom: 19px;background:url(../images/bg3.png) no-repeat center;width: 100%;color: #fff;font-size: 72px;text-transform: uppercase;font-family: 'Heavy';line-height: 133px;background-size:auto 100%}
.aboutA li:hover span{background:url(../images/bg31.png) no-repeat center;}
.aboutA li p{font-size: 18px;color: #fff;font-family: 'Regular';text-transform: uppercase;}
.aboutA li span img{width: 60px;}
.referral{padding: 65px 0;border-bottom: 1px #eee solid;}
.referral .box{width: 1250px;margin: 0 auto}
.referral-t{}
.referral-t b{display:block;margin: 36px auto 0;width: 19px;height: 3px;background: #402c73;}
.referral-b{margin-top: 64px;overflow: hidden;}
.referral-b .L{width: 622px;overflow: hidden;}
.referral-b .L:hover img{transform:scale(1.1);transition:all .5s linear;filter: brightness(80%);}
.referral-b .L img{max-width: 100%}
.referral-b .R{width: 550px;}
.referral-b .R h4{font-size: 30px;color: #333333;letter-spacing:5px;margin-bottom: 22px;}
.referral-b .R p{color: #5a5959;font-size: 18px;line-height: 30px;position: relative;}
/*.referral-b .R p:before{content: '●';position: absolute;left:-21px;top:0;color: #402c73;font-size: 16px;}*/
.caseA{margin-top: 44px;}
.caseA-t{}
.caseA-t b{display:block;margin: 36px auto 0;width: 19px;height: 3px;background: #402c73;}
.caseA .main{margin-top: 55px;height: 660px;}
.caseA .main li {float: left;width: 20%;height: 100%;position: relative;overflow: hidden;}
.caseA .main li img{width: 100%;height: 100%;}
.caseA .main li:before{content: '';position: absolute;left: 0;top:0;width: 100%;height: 100%;background: rgba(24,15,84,.5);z-index: 1;transition:.5s;}
.caseA .main li .txt{position: absolute;top:217px;left:10%;z-index: 5;color: #fff;width: 80%;font-family: 'Normal';}
.caseA .main li .txt span{color: #fff;font-size: 30px;}
.caseA .main li:hover img{transform:scale(1.1);transition:all .5s linear;filter: brightness(80%);}
.caseA .main li .txt h4{color: #fff;font-size: 30px;}
.caseA .main li .txt b{width: 50px;height: 3px;background: #fff;display:block;margin: 35px 0}
.caseA .main li .txt dl{color: #fff;font-size: 18px;line-height: 30px;height: 185px;margin-bottom: 15px;transition:.5s;opacity: 0;overflow: hidden;}
.caseA .main li .txt a{color: #fff;text-align: center;display: block;font-size: 18px;transition:.5s;opacity: 0}
.caseA .main li:hover .txt dl,.caseA .main li:hover .txt a{opacity: 1}
.caseA .main li:hover:before{background: rgba(0,0,0,.1);}
.caseA-pag{bottom: 0px !important;width: 100%;display: none}
.caseA .swiper-pagination-bullet{width:8px !important;height:8px !important;opacity: 1 !important;background: #402c73;    border-radius: 8px;margin: 0 3px;}
.caseA .swiper-pagination-bullet-active{width:30px !important;}


.caseB{margin-top:103px;}
.caseB .box{width: 80%;margin: 0 auto;}
.caseB-t{}
.caseB-t b{display:block;margin: 36px auto 0;width: 19px;height: 3px;background: #402c73;}
.caseB-b{margin-top: 54px;padding-bottom: 74px;position: relative;}
.caseB-sw{padding:1em !important;}
.caseB-sw li{box-shadow: 0px 0px 10px 7px rgba(218,235,253,.8);border-radius: 8px;}
.caseB-sw li a{display: block;padding:30px 46px;}
.caseB-sw li .t{font-size: 14px;color: #111111;font-family: 'Normal';line-height: 24px;}
.caseB-sw li .t .pic{float: left;width: 79px;height: 79px;margin-right: 8px;}
.caseB-sw li .t .pic img{width: 100%;height: 100%;}
.caseB-sw li .t .name{float: left;width: 63px;margin-top: 10px}
.caseB-sw li .b{color: #626262;line-height: 24px;font-size: 14px;font-family: 'Normal';margin-top: 42px;}
.caseB-sw li:before{content: '';position: absolute;left:68px;bottom:-20px;width:29px;height: 20px;background:url(../images/tb3.png) no-repeat center;}
.caseB-pag{bottom: 0px !important;width: 100%;}
.caseB .swiper-pagination-bullet{width:8px !important;height:8px !important;opacity: 1 !important;background: #402c73;    border-radius: 8px;margin: 0 3px;}
.caseB .swiper-pagination-bullet-active{width:30px !important;}
.partner{margin-top: 65px;}
.partner-t{text-align: center;font-size: 24px;color: #5f5f5f;font-family: 'Normal';}
.partner-b{margin: 27px auto 50px;width: 1345px;position: relative;}
.partner-b li{text-align: center;height: 90px;line-height: 90px;}
.partner-b li img{max-width: 90%;transition:.5s;opacity: .5}
.partner-r i,.partner-l i{color: #e2e2e2;font-size: 36px;}
.partner-r{right: -64px !important;background: none !important}
.partner-l{left: -64px !important;background: none !important}
.partner-r:hover i,.partner-l:hover i{color: #402c73}
.partner-b li:hover img{transition:.5s;transform:scale(1.2);opacity: 1}



/*详情页*/
.details-top{text-align: center;margin-bottom: 30px;}
.details-top h2{font-size: 35px;color: #333333;font-family: 'Normal';margin-bottom: 5px;}
.details-top dl{font-size: 18px;color: #666;font-family: 'Light';}
.details-bom{font-size: 18px;color: #505050;font-family: 'Light';line-height: 36px;}
.details-bom img{max-width: 100%}







/*media*/
@media screen and (max-width: 1440px){
  .partner-b{width: 85%;}
  .caseB .box,.serviceA .box,.referral .box{width: 90%;}
  .caseA .main li .txt h4,.caseA .main li .txt span{font-size: 24px;}
  .caseA .main li .txt dl,.referral-b .R p,.customer-b li .name,.customer-b li .input input, .customer-b li .input select{font-size: 16px;}
  .nyhead2,.service .main li .txt h4{font-size: 30px;}
  .referral-b .R h4{font-size: 26px;}
  .caseA .main li .txt{top:97px;}
  .caseA .main{height: 505px;}
  .nyhead2{margin-bottom: 25px;}
  .caseB-t b,.caseA-t b,.referral-t b{margin: 25px auto 0}
  .serviceA-t b{margin: 25px auto}
  .serviceA-b{margin-top: 60px;}
  .caseB{margin-top: 66px;}
  .caseB-b{margin-top: 29px;}
  .serviceA,.service .main li{padding:60px 0;}
  .recruit .mian{margin-top: 29px}
  .win-case .list{margin: 30px 0 30px}
  .customer-t span{font-size: 30px;}

}
@media screen and (max-width: 1366px){
    .serviceA-b li p{font-size: 18px;}
    .aboutA .box{width: 85%;}
    .referral-b .L{width: 45%;}
    .referral-b .R{width: 50%;}
    .caseA .main{margin-top: 30px;}
    .caseB-sw li a{padding:17px 25px;}
    .partner-b li{height: 78px;line-height: 78px;}
    .aboutA li span{font-size: 62px;}
    .wrap{width: 85%;}
    .details-top h2{font-size: 30px;}
    .teamwork .main,.about .mian{margin-top: 40px;}
    header .nav li .submenu a{font-size: 14px;}
    .message .mian li a{padding:30px 0;}
    .details-bom{font-size: 16px;}
    footer .L{width: 390px;}

}
@media screen and (max-width: 1280px){
    .serviceA, .service .main li{padding:45px 0;}
    .serviceA-b{margin-top: 33px;}
    .caseA .main li .txt dl{height: 162px;}
    .caseA .main li .txt{top:75px;}
    .caseA .main{height: 440px;}
    .caseA .main li .txt h4, .caseA .main li .txt span{font-size: 22px;}
    .caseA .main li .txt b{margin:20px 0}
    .caseA .main li .txt dl, .referral-b .R p, .customer-b li .name, .customer-b li .input input, .customer-b li .input select{font-size:14px }
    .caseA .main li .txt a{font-size: 16px;}
    footer{padding: 40px 0 25px}
    footer .copy{margin-top: 50px;}
    footer .R{width: 57%;}
    footer .L{width: 35%;}
    footer .R h4{margin-bottom: 12px;}
    .service .main li .txt h4{margin-bottom: 22px;}
    .nyhead2, .service .main li .txt h4,.nyhead span,.details-top h2{font-size: 26px;}
    .service .main li .txt p,.case p,.details-bom{font-size: 14px;}
    .details-top dl{font-size: 16px;}
    .recruit .b td,.recruit .b .join_txt,.about .mian p{font-size: 14px;}
    .about .mian .pic h5{font-size: 20px;}
    .serviceA-b li span{height: 70px;line-height: 70px;margin-bottom: 12px;}
    .aboutA p{font-size: 16px;}
    .referral-b .R h4{font-size: 24px;}
    .referral-b{margin-top: 40px;}
    .referral,.referral{padding:40px 0;}
    .partner-r{right: -42px !important}
    .partner-l{left: -42px !important}
    .caseB-sw li .b{margin-top: 15px;}
    .customer-t span{height: 52px;line-height: 52px;font-size: 26px;}
    .customer-b{margin: 75px 0 50px;}
    .teamwork .main li span{height: 90px;line-height: 90px;}

}
@media screen and (max-width: 1200px){

    .caseA-pag{display: block;}
    header .nav{display: none}
    .top-left{display: block;}

    header .headR{width: auto;}
    .aboutA li p,.serviceA-b li p{font-size: 16px;}
    .caseA .main{height: auto;padding-bottom: 2em;margin: 1em;}
    .caseA .main li{width: 33.33%;height: 440px;}
    .caseA .main li .txt dl,.caseA .main li .txt a{opacity: 1}
    .serviceA-t p{font-size: 16px;}
    .aboutA li span{height: 120px;line-height: 120px;}
    header .sou{width: auto;}
    header .sou .box{width:auto;padding:0 1em;}
    header .sou input{width: 160px;}
    header .sou button{width: 34px;}
    .top-menu{padding: 10% 20px 0 0}
    .about .mian .pic{margin: 0 40px 25px 0}
    .about .mian li span{height: 200px;}
    .win-case .list li .txt .tabbox{padding:0 22px;}
    .win-case .list li .pic{height: 224px;}
    .recruit .b .item{margin-bottom: 25px;}
    .case .item .sycj{padding: 0 85px;}
    header .other, header .nav li, header .logo{line-height: 70px;}
    header .sou{height: 70px;}

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

        footer .R{margin-top: 1em;width: 100%;}
        footer .L{width: 100%;}
        .about .mian p{line-height: 26px;}
        .about .mian .pic{margin: 0 0 1em 0;float: none}
        .about .mian li span{height: 166px;margin-bottom: 5px;}
        .about .mian li p{line-height: 20px;}
        .teamwork .main, .about .mian{margin-top: 25px;}
        .teamwork .main li{width: 25%;}
        .teamwork .main li span{height: 75px;line-height: 75px;}
        .pag a{padding:0 15px;height: 37px;line-height: 37px;}
        .wrap{width: 90%;}
        header .headR{margin-right: 2em;}
        .recruit .b .join_txt{padding:1em 2em;}
        .details-bom{line-height: 26px;}
        .customer-b .box{width: 90%;}
        .aboutA li p, .serviceA-b li p{font-size: 14px;}
        .aboutA li span{height: 90px;line-height: 90px;font-size: 50px;margin-bottom: 5px;}
        .aboutA{padding: 30px 0}
        .aboutA ul{margin-top: 30px;}
        .referral-b .L{width: 100%;}
        .referral-b .R{width:96%;margin-top: 1em;padding-left: 4%}
        .message .mian li .date{margin-left: 1em;width: 15%;}
        .message .mian li .txt{width: 55%;}
        .message .mian li .pic{width: 20%;}
        .message .mian li .txt h4{margin-bottom: 10px;}

}
@media screen and (max-width: 800px){

        .banner{display: none}
        .banner2{display: block;}    
        .service .main li .txt{width: 60%;}
        .service .main li .pic{width: 35%;}
        .partner-r{right: -20px !important;}
        .partner-l{left: -20px !important;}
        .service .main li .txt h4{margin-bottom: 7px;}
        .service .main li .txt p{line-height: 26px;}
        .service .main li .txt h4, .nyhead span, .details-top h2{font-size: 20px;}
        .serviceA, .service .main li{padding: 24px 0}
        .nybanner img{min-height: 235px;}
        .about .mian li span{height: 130px;}
        .message .mian li a{padding:15px 0;}
        .message .mian li .date h4{font-size: 20px;}
        .nyhead2{font-size: 24px;}
        .case .item .sycj{margin-top:1.5em;padding: 0 1em;}
        .case .item img{zoom:.6;}
        .case .item .fays li span{height: 105px;line-height: 105px;margin-bottom: 5px;}
        .case .item .fays li p{line-height: 22px;}
        .case .item .fays{margin-top: 30px;}
        .nyhead2{margin-bottom: 1em;}
        .nybox{padding: 30px 0}
        .customer-t img{min-height: 312px;}
        .win-case .list li{margin: 0 3% 3% 0}
        .win-case .list li .txt{right: 0;top:0;width: 99.8%;height: 99px;border: 1px #ddd solid;}
        .win-case .list li .txt h4{margin-bottom: 5px;}
        .customer-t span{padding: 0 28px 0 64px;font-size: 20px;background: url(../images/tb1_03.png) no-repeat #180f54 27px center;height: 45px;line-height: 45px;}
        .flowing{right: 0;top:auto;bottom: 0;width: 100%;display: flex;flex: 0 0 100%;justify-content: space-between;}
        .flowing li{width: 33.33%;text-align: center;}
        .flowing li:before{left: auto;width: 1px;height: 100%;background: #fff;right: 0;}
        footer{margin-bottom: 4em;}
        footer .L .name p{font-size: 20px;}
        footer .L .name h4{font-size: 22px;}
        .case .item .sycj li span{width: 110px;height: 110px;line-height: 110px;}
        .case p{line-height: 26px;}
        .top-menu{padding: 14% 20px 0 0}
        .serviceA-b ul{display: block;overflow: hidden;}
        .serviceA-b li{width: 33.33%;float: left;margin: 0 0 1% 0}
        .serviceA-b li span{height: 58px;line-height: 58px;margin-bottom: 5px;}
        .win-case .list li .pic{height: 175px;}
        .recruit .b td,.recruit .t td{height: 40px;}
        .recruit .b .item{margin-bottom: 15px;}
        .flowing li i{font-size: 22px;}
        footer .R li{line-height: 30px;}
        footer .R h4{margin-bottom: 9px;}
        footer .copy{margin-top: 25px;}
        .case .item{margin-top: 30px;}
        .Hhead{background: rgba(255,255,255,.7);}

}
@media screen and (max-width: 670px){

    .serviceA-b li span img{zoom:.8;}
    .aboutA p{font-size: 14px;line-height: 26px;}
    .sou-btn{display: block;}
    header .sou{display: none}
    header .other, header .nav li, header .logo{line-height: 60px;}
    header.fixed .other, header.fixed .nav li, header.fixed .logo{line-height: 60px;}
    .top-left{top:26px;}
    .sou-btn{top:22px;}
    .serviceA-t b{margin: 14px auto}
    .nyhead2{margin-bottom: 0}
    .serviceA-b{margin-top: 1em;}
    .aboutA ul{display: block;overflow: hidden;}
    .aboutA li{float:left;width: 48%;margin: 0 2% 1em 0}
    .aboutA li span{font-size: 33px;height: 70px;line-height: 70px;}
    .caseB-t b, .caseA-t b, .referral-t b{margin: 14px auto 0}
    .referral, .referral{padding:30px 0;}
    .referral-b{margin-top: 1em;}
    .referral-b .R h4{font-size: 18px;letter-spacing: 1px;}
    .referral-b .R p{line-height: 23px;}
    .nyhead2{font-size: 20px;}
    .caseA .main li{width: 50%;}
    .caseB-b{padding-bottom: 30px;margin-top: 15px;}
    .partner-b li{height: 60px;line-height: 60px;}
    .partner-r{right: -10px !important}
    .partner-l{left: -10px !important}
    .partner-t{font-size: 20px;}
    .caseA .main li{height: 364px;}
    .caseA .main li .txt{top:30px;}
    footer .R .ul1{width: 100%;}
    footer .R .ul2{width: 100%;}
    footer .R .box{display: block;}
    .top-menu{padding: 18% 20px 0 0}
    .service .main li .txt a{margin-top: 6px;}
    .service .main li .txt p{line-height: 22px;height: 46px;overflow: hidden;}
    .service .main li .txt h4, .nyhead span, .details-top h2{font-size: 18px;font-weight: 600}
    .nybanner img{min-height: 180px;}
    .case .item .sycj{padding:0;}
    .case .item .sycj li span{width: 87px;height: 87px;line-height: 87px;}
    .case .item{margin-top: 30px;}
    .case .item ul{display: block;}
    .case .item .fays li{width: 100%;overflow: hidden;text-align: left}
    .case .item .fays li span{height: 55px;line-height: 55px;float: left;margin-right: .5em;}
    .case .item .fays li p{margin-top: 1.2em}
    .case .item .sycj{display: flex;}
    .customer-t span{bottom:-45px;width: 144px;}
    .customer-b li .name{width: 100%;text-align: left;}
    .customer-b li .input{width: 100%;margin-left: 0}
    .customer-b li{margin-bottom: 10px}
    .customer-b li button{width: 115px;height: 40px;font-size: 16px;margin: 1em auto}
    .customer-t img{min-height: 274px;}
    .customer-b{margin: 30px 0}
    .win-case .list li{width: 100%;margin: 0 0 1em 0}
    .win-case .list ul{margin-right: 0}
    .message .mian li a{display: block;position: relative;}
    .message .mian li .date{width: 100%;margin-left: 0;position: absolute;right: 0;bottom: 11px;text-align: right;}
    .message .mian li .date h4{font-size: 14px;}
    .message .mian li .date b{display: none}
    .message .mian li .txt{width: 64%;float: right;}
    .message .mian li .txt p{display: none}
    .message .mian li .pic{float: left;width: 30%;}
    .teamwork .main li{width: 33.33%;margin-bottom: 12px;}
    .recruit .b .item{border-radius: 0px;}
    .recruit .b .join_txt{line-height: 26px;padding:1em;border: 1px #ddd solid;}
    .recruit .t td{font-size: 16px;}
    .recruit .mian{margin-top: 10px;}
    .about .mian .pic img {height: auto;width: 100%;}
    .about .mian .pic h5{font-size: 16px;}
    .about .mian ul{margin-right: 0}
    .about .mian li{width: 100%;margin: 0 0 1em 0;overflow: hidden}
    .about .mian li span{float:left;width: 35%;height: auto;}
    .about .mian li p{float: right;width: 60%;}
    .about .mian li span img{padding-top:15px}
    .about .mian .pic h5{margin-top: 10px;}
    .teamwork .main li span{height: 65px;line-height: 65px;}
    .recruit .t{margin-bottom: 1em;}
    .recruit .b table,.recruit .t table,.recruit .b tbody,.recruit .t tbody{display: block;}
    .recruit .b table tr,.recruit .t table tr{display: block;overflow: hidden;border-left: 1px #ddd solid;}
    .recruit .b td, .recruit .t td{float: left;width: 33.03%;text-align: center;line-height: 35px;display: block;
        border-bottom: 1px #ddd solid;border-right: 1px #ddd solid;}
    .recruit .b .item,.recruit .t{border-top: 1px #ddd solid;}
    .recruit .b .item.active{margin-bottom: 0px;}
    .recruit .b .join_txt{margin-bottom: 1em;}
    .referral-b .R p:before{left: -15px;}
    footer .L .share{width: 106px;}
    footer .L .share dl{margin-top: 10px;}
    footer .L .share dl a i{font-size: 22px;}
    .about .mian ul.liucheng li{width: 48%;margin-bottom:20px}
    .about .mian ul.liucheng li img{width:35px}
   header .logo img{width: 160px;}
   .aboutA li span img{width: 30px;}
   .shouh ul li{width: 31.33%;
    margin: 1%;}
    .customer-b li .input input{width: 93%;}

}