@charset "utf-8";

body,html{width:100%; transition:all 0.2s linear; -webkit-transition:all 0.2s linear; overflow-x:hidden;}
body{ margin:0px; padding:0px; margin:0px auto; font-size:14px; line-height:24px; color:#333; min-width:320px; zoom:1; background:#fff; font-family:frutigernext,"Microsoft YaHei",Arial,Helvetica,sans-serif,Arial,"宋体"; word-break:break-all;}
ul,li,form, dl,dt,dd,div,ul,li,h1,h2,h3,h4,h5,h6,p,em,i{ font-style:normal; list-style:none; padding: 0px; margin: 0px;}
.h1,.h2,.h3,.h4,.h5,.h6,.p{ padding:0px; margin:0px;}
select,input,textarea{ font-size:14px; border-radius:0; -webkit-border-radius:0; color:#414446; font-family:"微软雅黑";}
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;}
article,aside,footer,header,hgroup,nav,section,figure,figcaption{ display: block;} /*html5设置*/
figure,figcaption{ margin:0px; padding:0px;}
audio,canvas,progress,video { display: inline-block; vertical-align: baseline;}
img{ max-width:100%; border:none; border:0;  vertical-align:top;}
a{color:#333; text-decoration:none; noline:-webkit-tap-highlight-color:rgba(0,0,0,0); transition:all 0.2s linear; -webkit-transition:all 0.2s linear;}
a:focus {outline:none; -moz-outline:none;}
li{transition:all 0.2s linear; -webkit-transition:all 0.2s linear;}
a:hover,li:hover{ text-decoration:none; transition:all 0.2s linear; -webkit-transition:all 0.2s linear;}
.fl{ float:left;}.fr{ float:right;}.tr{ text-align:right;}.tc{text-align: center;}
.hidetxt{ display:none;}
.clear{ clear:both;} 
.clearfix{overflow:hidden;_zoom:1;}
.w1600{max-width:1600px; min-width:320px; margin:0px auto;}
.w1920{max-width:1920px; min-width:320px; margin:0px auto;}
.w1366{max-width:1366px; min-width:320px; margin:0px auto;}

.owl-carousel .owl-nav{height: 0;}
input,.empty{outline: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.zindex{z-index: 3; position: relative;}

@media ( max-width:1640px){
  .w1600{padding:0 15px;}
  .auto{margin: 0 15px;}
}

@media ( max-width:1400px){
  .w1366{padding:0 15px;}
}

/* 动画 */
@keyframes move
{
    0%, 65%{ 
      -webkit-transform:rotate(0deg);
      transform:rotate(0deg);
    }
    70% {  
      -webkit-transform:rotate(15deg);
      transform:rotate(15deg);
    }
    75% {  
      -webkit-transform:rotate(-15deg);
      transform:rotate(-15deg);
    }
    80% {  
      -webkit-transform:rotate(15deg);
      transform:rotate(15deg);
    }
    85% {  
      -webkit-transform:rotate(-15deg);
      transform:rotate(-15deg);
    }
    90% {  
      -webkit-transform:rotate(15deg);
      transform:rotate(15deg);
    }
    95% {  
      -webkit-transform:rotate(-15deg);
      transform:rotate(-15deg);
    }
    100% {  
      -webkit-transform:rotate(0deg);
      transform:rotate(0deg);
    }
}

@-webkit-keyframes move
{
    0%, 65%{ 
      -webkit-transform:rotate(0deg);
      transform:rotate(0deg);
    }
    70% {  
      -webkit-transform:rotate(15deg);
      transform:rotate(15deg);
    }
    75% {  
      -webkit-transform:rotate(-15deg);
      transform:rotate(-15deg);
    }
    80% {  
      -webkit-transform:rotate(15deg);
      transform:rotate(15deg);
    }
    85% {  
      -webkit-transform:rotate(-15deg);
      transform:rotate(-15deg);
    }
    90% {  
      -webkit-transform:rotate(15deg);
      transform:rotate(15deg);
    }
    95% {  
      -webkit-transform:rotate(-15deg);
      transform:rotate(-15deg);
    }
    100% {  
      -webkit-transform:rotate(0deg);
      transform:rotate(0deg);
    }
}

@keyframes scaleIn {
    0% {
       -webkit-transform:scale(1.5); transform:scale(1.5); transition:500ms;
    }
    100% {
       -webkit-transform:scale(1); transform:scale(1); transition:500ms;
    }
}
@-webkit-keyframes scaleIn {
    0% {
        -webkit-transform:scale(1.5); transform:scale(1.5); transition:500ms;
    }
    50% {
    -webkit-transform:scale(1.2); transform:scale(1.2); transition:500ms;
    }
    100% {
        -webkit-transform:scale(1); transform:scale(1); transition:500ms;
    }
}

@-webkit-keyframes bounce-down {
    25% {-webkit-transform: translateY(-10px); opacity: 1;}
    50%, 100% {-webkit-transform: translateY(0); opacity: 0.6;}
    75% {-webkit-transform: translateY(10px); opacity: 0.2}
}
@keyframes bounce-down {
    25% {-webkit-transform: translateY(-10px); opacity: 1;}
    50%, 100% {-webkit-transform: translateY(0); opacity: 0.6;}
    75% {-webkit-transform: translateY(10px); opacity: 0.2;}
}

@keyframes opacity-change {
    0% {
        opacity: 0.2;
    }
    50% {
        opacity: 1;
    }
    100% {
        opacity: 0.2;
    }
}

@-webkit-keyframes opacity-change {
    0% {
        opacity: 0.2;
    }
    50% {
        opacity: 1;
    }
    100% {
        opacity: 0.2;
    }
}

/*公用样式*/
.effect-img{text-align: center;cursor: pointer; zoom:1; overflow:hidden;}
.effect-img img,.effect-img span{opacity: 1;-webkit-transition: opacity 0.35s, -webkit-transform  0.35s;transition: opacity 0.35s, transform 0.35s; display: block; width: 100%;}
.effect-img:hover img,li:hover .effect-img img,dd:hover .effect-img img,.effect-img:hover span,li:hover .effect-img span,dd:hover .effect-img span{opacity: 1;-webkit-transform: scale3d(1.1,1.1,1);transform:  scale3d(1.1,1.1,1);}
.effect-img span{height: 100%;}

.icon img{position: absolute; width: 100%; left: 0; top: 0;}
li .i1{transition: 400ms;}
li .i2{-webkit-transform:scale(0); transform:scale(0); opacity:0; filter:alpha (opacity=0); transition:500ms;}
li:hover .i2,li.on .i2{-webkit-transform:scale(1); transform:scale(1); opacity:1;  filter:alpha(opacity=100);}
li:hover .i1,li.on .i1{opacity: 0; filter: alpha(opacity=0); -webkit-transform: scale (1.2); transform: scale(1.2);}

.boxbg,.effect-img span{background-repeat: no-repeat; background-size: cover; background-position: center center;}
.relative{position: relative;}
.ptb3{padding: 3% 0;}
.ptb6{padding: 8% 0;}
.ptb5{padding: 5% 0;}
.mb3{margin-bottom: 3%;}
.mb5{margin-bottom: 5%;}
.title{overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.info{overflow: hidden;word-break:normal; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical;}
.whitebg{background-color: #fff;}
.white{color: #fff;}
.light{font-weight: 100;}
 
.Ban{height: 436px; padding-top: 200px;}
.BanTxt{padding: 0 8%; text-align: center; color: #fff;}
.BanTxt .name{font-size: 60px; line-height: 80px;}
.BanTxt .info{font-size: 24px; line-height: 30px; margin: 15px 0 0;}
.BanTxt .HomeMore{margin: 50px auto 0;}
.BanTxt .ys{display: inline-block; margin: 48px 0 0; padding: 20px 80px; background-image: url(../images/btnbg.png); background-size: 100% 100%; line-height: 24px; font-size: 24px;}

.Menus{border-bottom: 1px solid #dcdcdc;}
.Menus .title{display: none; padding: 0px 20px; background: #2d6dc1; line-height: 40px;}
.Menus .title span{display: block; font-size: 18px; color: #fff; background: url(../images/down.png) no-repeat right center;}
.Menus ul{text-align: center;}
.Menus li{display: inline-block; font-size: 0; line-height: 75px;}
.Menus li a{display: block; width: 212px; font-size: 18px; background-image: url(../images/line5.jpg); background-repeat: no-repeat; background-position: right center;}
.Menus li:last-child a{background-image: none;}
.Menus li:hover a,.Menus li.on a{color: #fff; background-color: #2d6dc1; background-image: none;}

/*pages*/
.Pages{width:100%; text-align:center;}
.Pages a{display:inline-block; width: 65px; line-height:32px; border: 1px solid #dcdcdc; border-radius: 5px; color:#808080; margin:0px 5px; font-size: 18px;}
.Pages a img{display: inline-block; margin-top: 9px;}
.Pages .num a{width: 32px;}
.Pages a:hover,.Pages a.a_cur{background:#2d6dc1; color:#fff; border:1px solid #2d6dc1;}
/*pages end*/

@media ( max-width:1600px){
	.ptb6{padding: 10% 0;}
  .BanTxt{padding: 0 15px;}
  .BanTxt .name{font-size: 40px; line-height: 50px;}
}

@media ( max-width:1024px){
	.ptb6{padding: 7% 0;}
  .Ban{height: 311px; padding-top: 125px;}
  .BanTxt .name{font-size: 26px; line-height: 30px;}
  .BanTxt .info{font-size: 16px; line-height: 24px;}
  .BanTxt .HomeMore{margin-top: 25px;}
  .BanTxt .ys{font-size: 20px; padding: 15px 35px;}
  .Menus li{line-height: 55px;}
  .Menus li a{width: 160px;}
  .Pages{width: auto !important;}
}

@media ( max-width:768px){
  .Menus li{width: 24%;}
  .ptb6{padding: 10% 0;}
  .Menus li a{width: auto; font-size: 16px;}
}

@media ( max-width:480px){
    .ptb3{padding: 5% 0;}
	.ptb6{padding: 10% 0;}
    .mb3{margin-bottom: 5%;}
    .Ban{height: 200px; padding-top: 100px;}
    .BanTxt .name{font-size: 20px; line-height: 30px;}
    .BanTxt .ys{font-size: 16px;}
    .Pages a{line-height: 26px; width: 56px; margin: 0 2px; font-size: 14px;}
    .Pages .num a{width: 26px;}
    .Pages a img{margin-top: 5px;}
}

/*Top*/
.Header{position: fixed; left: 0; top: 0; width: 100%; background: rgba(0,0,0,0.36); z-index: 99; box-shadow: 0 5px 20px rgba(0,0,0,.3);}
.Top{position: relative;}
.Logo{width: 22.133%; line-height: 42px; float: left; padding: 22px 0px;}
.Logo img{display: inline-block; vertical-align: middle; width: 100%;}
.Logo .i2{display: none;}
.Showbox{width: 70%; float: right; position: relative;}
.Showbox .call{display: none;}
.Topinfo{position: absolute; right: 0px; top: 50%; margin-top: -16px; line-height: 32px; width: 156px;}
.Header .call{font-size: 16px; color: #fff; text-align: right;}
.Header .call img{display: inline-block; vertical-align: middle; width: 21px; margin-right: 8px; animation:move 3s 0s infinite;-webkit-animation:move 3s 0s infinite;}

.Nav{margin: 26px 150px 26px 0;}
.Nav li{float:left; position:relative; width: 12.285%; text-align: center;}
.Nav li .am{display:block; font-size:16px; line-height:32px; color:#fff; border-radius: 25px;}
.Nav li i{position: absolute; display: none; width: 60px; height: 50px; right: 0px; top: 0px; background-position: center center; background-repeat: no-repeat; background-image: url(../images/down2.png); overflow: hidden;}
.Nav li:hover .am,.Nav li.active .am{background: #2d6dc1;}
.Nav li .SubNav{position:absolute; left:50%; top:100%; z-index:999; width:140px; margin-left:-70px; display:none; padding-top: 25px;}
.Nav li .SubNav .box{padding: 10px 0; background:#fff; border-top: 4px solid #2d6dc1;}
.Nav li .SubNav .box b{position: absolute; top: -14px; left: 50%; margin-left: -7px; border-style: solid; border-width: 0 7.5px 10px 7.5px; border-color: transparent transparent #2d6dc1 transparent;}
.Nav li .SubNav a{display:block; line-height:32px; font-size:14px; color:#333; text-align:center;}
.Nav li .SubNav a:hover{color: #59c47f;}

.Nav li.nav1 .SubNav{width: 495px; margin-left: -247px;}
.Nav li.nav1 .SubNav a{line-height: 24px; color: #333; text-align: left;}
.Nav li.nav1 .SubNav a:hover{color: #4668b7;}
.Nav li.nav1 .SubNav .box{padding: 36px 28px;}
.Nav li.nav1 .SubNav .column{margin-bottom: 24px; padding-bottom: 10px; border-bottom: 1px solid #f0f0f0;}
.Nav li.nav1 .SubNav .column a{display: inline-block; width: 50%; float: left; font-size: 20px; line-height: 24px; font-weight: bold;}
.Nav li.nav1 .SubNav dl{width: 33.3333%; float: left;}
.Nav li.nav1 .SubNav dl dt{margin-bottom: 10px; border-bottom: 1px solid #b5c3e3; margin-bottom: 12px;}
.Nav li.nav1 .SubNav dl dt a{display: block; font-size: 16px; color: #565656; line-height: 36px;}
.Nav li.nav1 .SubNav dl dd a{display: block; font-size: 18px; color: #222; line-height: 36px;}
.Nav li.nav1 .SubNav .column .hot{display: inline-block; position: relative; top: -5px; width: 38px; line-height: 18px; text-align: center; font-size: 12px; background: #e56f69; border-radius: 5px; color: #fff; text-transform: uppercase; font-weight: normal; font-style: italic; margin-left: 5px;}

.Banner .item .box{height:942px;}
.Banner .item .img{display: none;}
.Banner .item .mask{position: absolute; width: 100%; height: 100%; left: 0; top: 0; background: rgba(0,0,0,0.38); display: flex; align-items: center; justify-content: center; flex-direction: column;}
.Banner .item .txt img{width: 80%; margin: 0 auto;}
.Banner .owl-nav .owl-prev span,.Banner .owl-nav .owl-next span{width: 68px; height: 68px; overflow: hidden; line-height: 1000px; background-size: cover; background-repeat: no-repeat; position: absolute; top: 50%; margin-top: -34px; z-index: 5;}
.Banner .owl-nav .owl-prev span{left: 5%; background-image: url(../images/left.png);}
.Banner .owl-nav .owl-next span{right: 5%; background-image: url(../images/right.png);}
.Banner .owl-nav .owl-prev span:hover{background-image: url(../images/lefton.png);}
.Banner .owl-nav .owl-next span:hover{background-image: url(../images/righton.png);}
.Banner .owl-dots{width: 100%; text-align: center; position: absolute; left: 0px; bottom: 5%; height: 14px; line-height: 14px;}
.Banner .owl-dots .owl-dot{width: 14px; height: 14px; margin: 0px 5px; background-image: url(../images/dotpic.png); background-repeat: no-repeat; background-position: left top;}
.Banner .owl-dots .owl-dot.active{background-position: left bottom;}
.Banner .mouse{width: 29px; position: absolute; left: 50%; bottom: 70px; margin-left: -14px; z-index: 3; -webkit-animation: bounce-down 1.5s linear infinite;animation: bounce-down 1.5s linear infinite;}

@media ( max-width:1700px){
  .Banner .item .box{height:800px;}
}

@media ( max-width:1440px){
    .Banner .item .box{height:720px;}
}

@media ( max-width:1024px){
    .Logo{width: 240px; line-height: normal; padding: 15px 0;}
    .Topinfo{right: 50px;}
    .header_menu{display:block; background-image:url(../images/navicon.png); position:absolute; top:50%; right:0px; margin-top:-12px; width:20px; height:24px;background-size:100%;background-position:center; background-repeat:no-repeat; z-index:9;}
    .Showbox{width:50%; height:100%; background:#fff; overflow:auto;overflow-x:none; position:fixed;z-index:9990;top:0; right:-100%;}
    .Showbox .close_bar{height:60px;line-height:60px;overflow:hidden;position:absolute;top:0;left:0; width:100%;background:#618bc2; border-bottom:1px solid #e8e8e8;text-align:right;}
    .Showbox .close_bar a{background:url(../images/menu_close_btn.png) no-repeat;width:25px;height:25px; background-size:cover;display:inline-block;vertical-align:middle;margin-right:20px;transition:transform ease-in 0.3s;}
    .Showbox .close_bar a:hover{transform:rotate(180deg);}
    .Nav{background:none; margin-top:72px; width:100%;}
    .Nav li{float:none; width:auto; text-align:left; padding: 0; background: none; border-bottom: 1px solid #f0f0f0;}
    .Nav li .am{padding:0 15px; color:#333; line-height:50px; font-size:18px;}
    .Nav li:hover .am, .Nav li.active .am{background:none; color: #2d6dc1;}
    .Nav li i{display: block;}
    .Nav li .SubNav{position:static; background:none; padding:0px; width: 100%; margin-left: 0;}
    .Nav li .SubNav a{padding-left:60px; text-align: left; font-size: 16px; color: #666;}
    .Nav li.on i{transform: rotate(-180deg);}
    .Nav li.on .SubNav{display: block;}
    .Nav li .SubNav .box{background: #f8f8f8;}
    .Nav li.nav1 .SubNav{padding-top: 0; width: auto; margin-left: 0;}
    .Nav li.nav1 .SubNav .box{padding: 20px;}
    .Nav li.nav1 .SubNav a{padding-left: 0;}

    .Banner .item .box{height:500px;}
    .Banner .owl-nav .owl-prev span,.Banner .owl-nav .owl-next span{width: 40px; height: 40px; margin-top: -20px;}
    .Banner .mouse{bottom: 50px;}
}

@media ( max-width:640px){
    .Logo{width: 75px;}
    .Logo .i1{display: none;}
    .Logo .i2{display: block;}
    .Showbox{width: 100%;}
    .Nav li .SubNav .box b{display: none;}
    .Nav li.nav1 .SubNav .column{margin-bottom: 10px;}
    .Showbox .call{position: absolute; left: 0; right: 0; bottom: 20px; font-size: 22px; display: block; text-align: center; color: #333 !important;}
    .Showbox .call img{display: none;}
    .Banner .item .box{height:auto;}
    .Banner .item .img{display: block;}
    .Banner .item .mask{display: none;}
}

@media ( max-width:480px){
    .Header{background: #000;}
	.Topinfo .call{display: none;}
	.Nav li .SubNav .box{background: #eee;}
	.Nav li.nav1 .SubNav .box{padding: 20px 15px;}
	.Nav li.nav1 .SubNav .column{border-bottom: none;}
  .Nav li.nav1 .SubNav .column a,.Nav li.nav1 .SubNav dl dt a{font-size: 16px;}
  .Nav li.nav1 .SubNav dl dd a{font-size: 15px;}
  .Banner .owl-nav .owl-prev span, .Banner .owl-nav .owl-next span{width: 30px; height: 30px; margin-top: -15px;}
  .Banner .mouse{bottom: 40px;}
    
}
 

/*bottom*/
.Footer{background: #22272b; padding: 80px 0 35px;}
.blogo{margin-bottom: 36px;}
.Sitepath,.Contactinfo{float: left; padding-right: 5%; margin-right: 5%; background: url(../images/line1.png) no-repeat right top;}
.Sitepath{width: 22.5%;}
.Sitepath dl{width: 50%; float: left;}
.Sitepath dl dt i{display: block; width: 12px; height: 1px; background: #59c47f;}
.Sitepath dl dt span{display: block; font-size: 16px; font-weight: bold; line-height: 59px; color: #fff;}
.Sitepath dl dd a{display: block; line-height: 35px; color: #ddd; font-weight: 100;}
.Contactinfo{width: 28.25%; margin-left: 3%;}
.Contactinfo dl{position: relative; padding-left: 32px; line-height: 30px; color: #ddd; margin-bottom: 28px;}
.Contactinfo dl:last-child{margin-bottom: 0;}
.Contactinfo dl .icon{position: absolute; left: 0; top: 4px;}
.Contactinfo dl dt{font-size: 16px; color: #fff;}
.Contactinfo dl dd.num{font-size: 24px; color: #2d6dc1; font-weight: bold;}
.WeixinBox{width: 20%; float: right;}
.WeixinBox dl{width: 48%; float: left; text-align: center;}
.WeixinBox dl:nth-child(2n){float: right;}
.WeixinBox dl img{display: block; max-width: 120px; width: 100%; margin: 0 auto;}
.WeixinBox dl span{display: block; line-height: 30px; margin-top: 15px; font-size: 16px; color: #fff;}
.Footer select{float: right; width: 162px; height: 40px; background: #2d6dc1; color: #fff; padding: 0 12px;}
.company{color: #fff;}
.company h3{font-size: 16px; margin-bottom: 10px;}
.company .con{ font-weight: 100;}
.company .con a{color: #fff;}
.company .con i{padding: 0 10px;}

.Bottom{background: #22272b; border-top: 1px solid #4e5255; padding: 16px 0; color: #ddd; font-weight: normal; text-align: center;}
.Bottom a{color: #ddd;}

.RightFix{position: fixed; width: 140px; right: 0; top: 30%; z-index: 6; transition: 500ms; display: none;}
.RightFix dl{border-radius: 10px 0 10px 0; overflow: hidden;}
.RightFix dl dd{background: #2d6dc1; margin-bottom: 10px; text-align: center; color: #fff; padding: 15px 0;}
.RightFix dl dd:last-child{margin-bottom: 0;}
.RightFix dl dd .name .icon{display: block; width: 35px; margin: 0 auto;}
.RightFix dl dd .name span{display: block; font-size: 18px; line-height: 36px;}
.RightFix dl dd .con a{display: block; line-height: 27px; color: #fff;}
.RightFix dl dd .con .num{display: block; font-size: 16px; font-weight: bold;}
.RightFix .gotop{display: block; margin-top: 20px; padding: 10px 0; text-align: center; border-radius: 10px 0 10px 0; background: #59c47f;}
.RightFix .gotop img{display: block; width: 29px; margin: 0 auto;}
.RightFix .bar{position: absolute; width: 40px; left: -40px; top: 50%; margin-top: -20px; transform: rotate(180deg);}
.RightFix.on{right: -140px;}
.RightFix.on .bar{transform: rotate(0deg);}

.MobileFix{display: none; position: fixed; width: 100%; left: 0; bottom: 0; background: #2d6dc1; z-index: 9;}
.MobileFix ul{padding: 12px;}
.MobileFix li{float: left; width: 48%; line-height: 30px; background: #fff; border-radius: 5px; font-size: 16px; text-align: center;}
.MobileFix li:nth-child(2n){float: right;}
.MobileFix li a{display: block; color: #2d6dc1;}

@media ( max-width:1640px){
	.Footer{padding: 80px 5% 35px;}
	.WeixinBox dl span{font-size: 12px;}
}

@media ( max-width:1200px){
    .Footer{padding: 30px 0;}
    .WeixinBox dl span{line-height: 20px;}
    .RightFix{display: none;}
}

@media ( max-width:640px){
    .Bottom{padding-bottom: 56px;}
    .Footer{display: none;}
	.MobileFix{display: block;}
	#newBridge{display: none !important;}
}


/*index*/
.HomeTit span{display: block; font-size: 42px; line-height: 72px;}
.HomeTit p{font-size: 18px;}
.HomeTit .ins{font-size: 30px; line-height: 36px; margin: 10px 0 48px;}
.HomeTit i{display: block; width: 72px; height: 1px; background: #59c47f;}

.HomeAbout{background-image: url(../images/boxbg1.jpg);}
.HomeAbout .HomeTit{margin-left: 54%;}
.HomeAbout .effect-img{width: 50%; position: absolute; left: 0; top: 0; height: 100%; z-index: 1;}
.HomeAbout .list{background: #fff; box-shadow: 0 0 20px rgba(0,0,0,0.12);}
.HomeAbout .list li{width: 33.3333%; float: left; background: url(../images/line2.png) no-repeat right center;}
.HomeAbout .list li:nth-child(3){background: none;}
.HomeAbout .list li .con{padding: 14px 8%; height: 372px; display: flex; justify-content: center; align-items: center; flex-direction: column; text-align: center;}
.HomeAbout .list li .icon{width: 79px; height: 79px; margin: 0 auto 18px;}
.HomeAbout .list li .title{font-size: 28px; line-height: 32px; height: 32px;}
.HomeAbout .list li .info{font-size: 16px; line-height: 30px; margin-top: 15px; color: #666;}
.HomeAbout .list li .other{display: none;}
.HomeAbout .list li .other span{display: block; width: 114px; line-height: 30px; border: 1px solid #fff; border-radius: 25px; text-align: center; font-size: 16px; color: #fff; margin-top: 16px;}
.HomeAbout .list li .other span:hover{background: #fff; color: #2d6dc1;}
.HomeAbout .list li:hover .other{display: block;}
.HomeAbout .list li:hover{background: #2d6dc1; color: #fff;}
.HomeAbout .list li:hover .info{color: #fff;}
.HomeMore{display: block; width: 206px; line-height: 58px; font-size: 18px; color: #fff; border: 1px solid #fff; font-weight: normal; text-align: center;}
.HomeMore img{display: inline-block; vertical-align: middle; margin-left: 10px;}
.HomeMore.blue{background: #2d6dc1; border: 1px solid #2d6dc1;}
.HomeMore.green{background: #59c47f; border: 1px solid #59c47f;color:#fff;}
.HomeMore:hover{background: #2d6dc1; border: 1px solid #2d6dc1;}
.HomeMore.blue:hover{background: #2d6dc1; border: 1px solid #2d6dc1;}
.HomeMore.green:hover{background: #59c47f; border: 1px solid #59c47f;}

.HomeService{background: #22272b;}
.Sleft{width: 21.375%; float: left; padding: 94px 0 80px;}
.Sleft .HomeMore{margin-top: 162px;}
.Service{width: 73.5%; float: right;}
.Service li{width: 9%; float: left; position: relative;}
.Service li .name{width: 100%;}
.Service li .name .zindex{padding: 54px 0;}
.Service li .name .tit{display: block; font-size: 20px; line-height: 20px; width: 24px; margin: 0 auto; color: #fff;}
.Service li .name i{position: absolute; width: 1px; height: 38px; left: 50%; bottom: 60px; background: #fff;}
.Service li .icon{display: block; width: 50px; margin: 0 auto 20px;}
.Service li .mask{position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.4);}
.Service li .box{height: 524px; float: left;}
.Service li .con{display: none; align-items: center; justify-content: center; flex-direction: column; text-align: center; width: 75.5%;}
.Service li .con .pic{width: 64%; border-radius: 50%; margin: 0 auto 25px;}
.Service li .con .pic img{display: block; width: 100%;}
.Service li .con .title{font-size: 24px; line-height: 32px; color: #fff;}
.Service li .con .arrow{display: block; width: 34px; margin: 36px auto 0;}
.Service li.on{width: 37%;}
.Service li.on .con{display: flex;}
.Service li.on .name{width: 24.5%; display: flex; align-items: center; justify-content: center; flex-direction: column;}
.Service li.on .name .icon{display: none;}
.Service li.on .mask{background: rgba(45,109,193,0.94);}
.Service li.on .name i{display: none;}

.HomeReason,.linebg{background-image: url(../images/line3.png); background-repeat: no-repeat; background-position: center bottom;}
.HomeReason{text-align: center;}
.HomeReason .list li{width: 16.666666%; float: left;}
.HomeReason .list li .con{padding: 8%; text-align: center;}
.HomeReason .list li .con .name{margin: 22px 0 12px;}
.HomeReason .list li .con .name i{display: block; margin: 0 auto 16px; width: 20px; height: 2px; background: #2d6dc1;}
.HomeReason .list li .con .name span{display: block; font-size: 24px; line-height: 30px;}
.HomeReason .list li .con .info{font-size: 16px; line-height: 26px; color: #555; min-height: 78px;}
.HomeReason .list li:hover{border-radius: 10px; box-shadow: 0 0 20px rgba(0,0,0,0.12);}

.HomeLink{background-image: url(../images/boxbg2.jpg);}
.HomeLink .list li{width: 15%; float: left; margin: 0 2% 2% 0;}
.HomeLink .list li:nth-child(6n){margin-right: 0;}

.HomeMap{background-image: url(../images/boxbg3.jpg);}
.HomeMap .pic{width: 45.25%; float: left;}
.HomeMap .pic .img{display: block; width: 100%;}
.HomeMap .pic .shine{position: absolute; left: 0; top: 0; width: 100%; animation: opacity-change 3s ease-in-out infinite; -webkit-animation: opacity-change 3s ease-in-out infinite;}
.HomeMap .databox{width: 24.375%; float: right; margin-right: 11%;}
.HomeMap .databox li{border: 1px solid rgba(255,255,255,0.2); border-radius: 10px; margin-top: 30px;}
.HomeMap .databox li .con{padding: 28px; color: #fff; font-size: 18px; line-height: 27px;}
.HomeMap .databox li .con .icon{float: right; width: 74px;}
.HomeMap .databox li .con .number{line-height: 54px; font-size: 50px; font-family: "osw";}

.HomeNews .hd{position: absolute; width: 60%; right: 0; bottom: 0; text-align: right;}
.HomeNews .hd li{display: inline-block; width: 176px; line-height: 46px; font-size: 20px;}
.HomeNews .hd li a{display: block; border-radius: 25px; text-align: center;}
.HomeNews .hd li.on a{background: #2d6dc1; color: #fff;}

.NewsSlider{margin-left: -29px;}
.NewsSlider dd a{display: block; margin-left: 29px;}
.NewsSlider dd .effect-img{height: 250px; margin-bottom: 32px;}
.NewsSlider dd .con .date{display: block; font-size: 14px; color: #999; font-family: Arial; margin-bottom: 10px;}
.NewsSlider dd .con .source{width: auto; height: 40px; position: absolute; right: 0; top: -15px;}
.NewsSlider dd .con .title{font-size: 20px; height: 24px;}
.NewsSlider dd .con .info{margin: 12px 0 42px; line-height: 30px; -webkit-line-clamp: 3;}
.NewsSlider dd .con .more{display: block; font-size: 18px;}
.NewsSlider dd .con .more i{display: inline-block; vertical-align: middle; width: 18px; height: 18px; margin-left: 10px; background-image: url(../images/more2.png);}
.NewsSlider dd:hover .con .title{font-weight: bold;}
.NewsSlider dd:hover .con .more i{background-image: url(../images/more3.png);}

.HomeAsk{padding: 80px 0 96px;}
.HomeAsk .HomeMore{margin: 0 auto;}

@media ( max-width:1440px){
    .HomeTit span{font-size: 30px; line-height: 50px;}
    .HomeTit p{font-size: 16px;}
    .HomeTit .ins{font-size: 20px; line-height: 26px; margin: 5px 0 20px;}
    .HomeAbout .list li .title{font-size: 24px;}
    .Service li .con .title,.HomeReason .list li .con .name span{font-size: 20px;}
    .HomeMap .databox li{margin-top: 20px;}
    .HomeMap .databox li .con{padding: 20px;}
    .HomeMap .databox li .con .number{font-size: 40px; line-height: 44px;}
}

@media ( max-width:1024px){
    .HomeTit span{font-size: 24px; line-height: 40px;}
    .HomeTit p{font-size: 14px;}
    .HomeTit .ins{font-size: 16px;}
    .HomeMore{width: 140px; line-height: 38px; font-size: 16px;}
    .HomeAbout .list li .con{height: 280px;}
    .HomeAbout .list li .icon{width: 50px; height: 50px;}
    .HomeAbout .list li .title{font-size: 20px;}
    .HomeAbout .list li .info{font-size: 14px; line-height: 24px;}
    .HomeAbout .list li:hover .other{display: none;}
    .Service li,.Service li.on{width: 12.5%;}
    .Service li.on .con{display: none;}
    .Service li.on .name{width: 100%;}
    .HomeMap .databox li .con{font-size: 15px; padding: 15px;}
    .HomeMap .databox li .con .number{font-size: 30px; line-height: 34px;}
    .HomeMap .databox li .con .icon{width: 40px; margin-top: 10px;}
    .HomeNews .hd li{font-size: 16px; width: 130px; line-height: 36px;}
    .NewsSlider dd .effect-img{height: 180px; margin-bottom: 15px;}
    .NewsSlider dd .con .title,.NewsSlider dd .con .more{font-size: 16px;}
    .NewsSlider dd .con .info{line-height: 24px; margin: 10px 0 15px;}
}

@media ( max-width:768px){
    .HomeTit span{font-size: 20px;}
    .Sleft .HomeMore{margin-top: 100px;}
    .Service li .icon{width: 36px;}
    .Service li .con .title, .HomeReason .list li .con .name span{font-size: 16px; line-height: 24px;}
    .Service li .name .tit{font-size: 18px;}
    .HomeReason .list li .con .info{font-size: 14px; line-height: 24px;}
    .HomeMap .databox li{margin: 10px 0;}
    .HomeNews .HomeTit{text-align: center;}
    .HomeNews .hd{position: static; text-align: center; width: auto; margin-top: 20px;}
}

@media ( max-width:640px){
    .HomeMap .pic,.HomeMap .databox{width: auto; float: none;}
    .HomeMap .databox{margin-right: 0;}
}

@media ( max-width:480px){
    .HomeAbout .HomeTit{margin-left: 0;}
    .HomeAbout .effect-img{position: static; height: 240px; width: auto; display: none;}
    .HomeAbout .list li{width: auto; float: none; border-bottom: 1px solid #ddd;}
    .HomeAbout .list li .title{font-size: 16px;}
    .HomeAbout .list li .con{height: auto; display: block;}
    .HomeAbout .list li .other,.HomeAbout .list li:hover .other{display: block;}
    .HomeAbout .list li .other span{display: inline-block; border: 1px solid #999; color: #999;}
    .HomeAbout .list li:hover .other span{border: 1px solid #fff; color: #fff;}
    .Sleft{width: auto; float: none; padding: 20px 0;}
    .Sleft .HomeMore{margin-top: 25px;}
    .Service{width: auto; float: none;}
    .Service li .box{height: 324px;}
    .Service li .name .zindex{padding: 25px 0;}
    .HomeReason .list li{width: 33.33333%;}
    .HomeLink .list li{width: 32%;}
    .HomeLink .list li:nth-child(3n){margin-right: 0;}
    .HomeNews .hd li{width: 32%;}
    .HomeAsk{padding: 40px 0 50px;}
}

/* 产品服务 */
.f36{display: block; font-size: 36px; line-height: 40px;}
.f26{display: block; font-size: 26px; line-height: 82px;}
.Title01{font-size: 42px; line-height: 46px; text-align: center;}
.Title01 i{display: inline-block; vertical-align: middle; width: 72px; height: 1px; background: #2d6dc1;}
.Title01 span{display: inline-block; padding: 0 30px;}
.Title01 p{font-size: 18px; color: #666;}

.ServiceBox .hd{border-bottom: 1px solid #dcdcdc; text-align: center;}
.ServiceBox .hd li{display: inline-block; font-size: 18px; line-height: 57px; margin: 0 1.5%; position: relative;}
.ServiceBox .hd li i{position: absolute; width: 100%; height: 2px; background: #59c47f; left: 0; bottom: -1px; display: none;}
.ServiceBox .hd li .icon{display: inline-block; vertical-align: middle; margin-right: 6px; width: 42px; height: 42px;}
.ServiceBox .hd li a{display: block; color: #666;}
.ServiceBox .hd li.on a{color: #333;}
.ServiceBox .hd li.on i{display: block;}
.ServiceBox .bd{padding: 0 4.125%;}
.ServiceBox .HomeMore{float:left;margin-right:5px;margin-top: 5px;}
.SlideCon .pic{width: 43%; float: left;}
.SlideCon .pic img{display: block; width: 100%;}
.SlideCon .con{width: 46.66%; float: right; margin-top: 5%;}
.SlideCon .con .name i{display: block; width: 32px; height: 4px; margin-bottom: 5%; background: #59c47f;}
.SlideCon .con .info{margin: 5.5% 0; font-size: 18px; line-height: 36px; color: #666; -webkit-line-clamp: 3;}

.AdvantageBox{background: none;}
.AdvantageBox .list li{width: 20%;}
.HomeReason .list li .con{padding: 8% 10%;}

.industryBox li{margin-bottom: 3%;}
.industryBox li .effect-img,.industryBox li .box{width: 50%; float: left;}
.industryBox li .effect-img{height: 464px;}
.industryBox li .mask{position: absolute; width: 100%; height: 100%; left: 0; top: 0; z-index: 2; font-weight: bold; display: flex; align-items: center; justify-content: center; color: #fff; background-color: rgba(0,0,0,0.4);}
.industryBox li .box{left: -8.33%;}
.industryBox li .box .con{padding: 77px 80px; box-shadow: 0 0 20px rgba(0,0,0,0.12); background: #fff;}
.industryBox li .box .con .name .info{margin: 18px 0 40px; min-height: 60px; font-size: 20px; color: #666; -webkit-line-clamp: 2;}
.industryBox li .box .con .name i{display: block; width: 60px; height: 6px; background: #59c47f;}
.industryBox li .box .icon{position: absolute; right: 4%; top: 50%; width: 262px; height: 262px; margin-top: -131px;}
.industryBox li .more{display: block; text-align: right; line-height: 36px; font-size: 22px;}
.industryBox li .more i,.industryBox li .more b{display: inline-block; vertical-align: middle;}
.industryBox li .more i{width: 4px; height: 24px; background: #d6d6d6;}
.industryBox li .more b{width: 32px; height: 18px; background-image: url(../images/arr2.png);}
.industryBox li .more span{padding: 0 24px 0 16px;}
.industryBox li:hover .con,.industryBox li:hover .more i{background: #2d6dc1;}
.industryBox li:hover .con .name span,.industryBox li:hover .con .name .info{color: #fff;}
.industryBox li:hover .more b{background-image: url(../images/arr3.png);}
.industryBox li:nth-child(2n) .more{text-align: left;}
.industryBox li:nth-child(2n) .effect-img{float: right;}
.industryBox li:nth-child(2n) .box{right: -8.333%; left: auto;}

.Stepbox{background-image: url(../images/boxbg5.jpg); color: #fff;}
.Stepbox .box{width: 38.75%; float: left;}
.BrandBox{width: 57.75%; float: right;}
.BrandBox img{display: block; width: 100%;}
 
@media ( max-width:1600px){
  .f36{font-size: 26px; line-height: 30px;}
  .f26{font-size: 18px; line-height: 58px;}
  .Title01{font-size: 32px; line-height: 36px;}
  .industryBox li .box{left: -3%;}
  .industryBox li:nth-child(2n) .box{right: -3%;}
}

@media ( max-width:1024px){
  .f36{font-size: 22px;}
  .Title01{font-size: 24px; line-height: 30px;}
  .Title01 p{font-size: 16px;}
  .ServiceBox .hd li .icon{width: 30px; height: 30px;}
  .ServiceBox .bd{padding: 0;}
  .SlideCon .con{margin-top: 20px;}
  .SlideCon .con .info{font-size: 16px; line-height: 30px;}
  .industryBox li .effect-img{height: 260px;}
  .industryBox li .box .con{padding: 40px;}
  .industryBox li .box .con .name .info{font-size: 16px; line-height: 24px; margin: 10px 0 20px; min-height: 48px;}
  .industryBox li .box .icon{width: 100px; height: 100px; margin-top: -50px;}
  .industryBox li .more{font-size: 16px; line-height: 30px;}
}

@media ( max-width:640px){
  .f36{font-size: 20px;}
  .ServiceBox .hd li{line-height: 40px;}
  .ServiceBox .hd li .icon{display: none;}
  .SlideCon .pic{display: none;}
  .SlideCon .con,.Stepbox .box,.BrandBox{width: auto; float: none;}
  .SlideCon .con .info{margin: 15px 0;}
  .industryBox{padding: 0 15px;}
  .industryBox li .box,.industryBox li .effect-img,.industryBox li:nth-child(2n) .effect-img{width: auto; float: none;}
  .industryBox li .box{padding: 20px; box-shadow: 0 0 20px rgba(0,0,0,0.12); background: #fff; left: auto; right: auto !important;}
  .industryBox li .box .con{padding: 0; background: none; box-shadow: none;}
  .industryBox li .box .con .name .info{min-height: auto;}
  .industryBox li .more b{display: none;}
  .industryBox li:hover .box{background: #2d6dc1;}
  .industryBox li:hover .more{color: #fff;}
  .industryBox li:hover .more i{background: #fff;}
  .BrandBox{margin-top: 20px;}
}

@media ( max-width:480px){
  .Title01{font-size: 20px; line-height: 24px;}
  .Title01 .name{display: block;}
  .Title01 p{font-size: 14px;}
  .ServiceBox .hd li{font-size: 14px; margin: 0 0.5%;}
  .ServiceBox .HomeMore{width: 48%; margin-right: 0; font-size: 14px;}
  .ServiceBox .HomeMore:nth-child(2n){float: right;}
  .AdvantageBox .list li{float: none; width: 48.5%; display: inline-block; vertical-align: top;}
  .industryBox li .effect-img{height: 200px;}
  .industryBox li .box .icon{width: 50px; height: 50px; margin-top: -25px; right: 0;}
}

/* 灵活用工 */
.f42{display: block; font-size: 42px; line-height: 50px;}
.Flexibleinfo .pic{width: 50%; float: left;}
.Flexibleinfo .pic img{display: block; width: 100%;}
.Flexibleinfo .con{width: 36%; float: right; margin: 2.5% 8.333% 0 0;}
.Flexibleinfo .con .name i{display: block; width: 72px; height: 1px; background: #2d6dc1; margin-bottom: 40px;}
.Flexibleinfo .con .info{font-size: 16px; line-height: 30px; color: #666;}

.BackStyle{background-repeat: no-repeat; background-position: center top; background-size: 100% auto;}
.Fspecial .list{border-radius: 10px; background: #fff; box-shadow: 0 3px 20px rgba(0,0,0,0.12);}
.Fspecial li{width: 25%; float: left; text-align: center; background: url(../images/line4.png) no-repeat right center;}
.Fspecial li:nth-child(4n){background: none;}
.Fspecial li .con{padding: 36px 20px; font-size: 24px; line-height: 30px;}
.Fspecial li .icon{width: 141px; height: 141px; margin: 0 auto 10px;}

.Freason .pic{width: 672px; margin: 0 auto;}
.Freason .pic img{display: block; width: 100%;}
.Freason .list{position: absolute; width: 100%; left: 0; top: 5%; z-index: 3;}
.Freason .list li{width: 25%; float: left; text-align: center;}
.Freason .list li:nth-child(2n){float: right;}
.Freason .list li .name{font-size: 18px; color: #666; padding-bottom: 20px;}
.Freason .list li .name span{display: block; font-size: 30px; margin-bottom: 15px; font-weight: normal;}
.Freason .list li dl dd{margin-top: 16px; line-height: 54px; border: 1px solid #dcdcdc; border-radius: 30px; font-size: 18px;}
.Freason .list li.i2 dl dd:last-child{margin-top: 160px;}
.Freason .list li dl dd:last-child{color: #fff; font-weight: bold;}
.Freason .list li.i1 dl dd:last-child{background: #59c47f; border: 1px solid #59c47f;}
.Freason .list li.i2 dl dd:last-child{background: #2d6dc1; border: 1px solid #2d6dc1;}

.SceneSlider li{width: 25%; float: left;}
.SceneSlider li .con{padding: 56px 50px 0; height: 274px; position: relative; margin: 0 1px;}
.SceneSlider li .con .mask{position: absolute; width: 100%; height: 100%; left: 0; top: 0; z-index: 1; background: rgba(0,0,0,0.5);}
.SceneSlider li .con .info{font-size: 20px; color: #fff; line-height: 35px; min-height: 105px; margin-bottom: 34px;}
.SceneSlider li .con .icon{width: 88px; height: 88px;}
.SceneSlider li:hover .con .mask{background: rgba(0,0,0,0.76);}

.Fslove .pic img{display: block; width: 100%;}
.Fslove .con{text-align: center;}
.Fslove .con .name span{display: block; font-size: 30px; line-height: 40px; margin-bottom: 24px;}
.Fslove .con .name i{display: block; margin: 0 auto; width: 72px; height: 1px; background: #59c47f;}
.Fslove .con .info{font-size: 18px; line-height: 40px; width: 800px; text-align: left; margin: 0 auto;}
.Fslove .con .info p{position: relative; padding-left: 15px;}
.Fslove .con .info i{color: #2d6dc1; position: absolute; left: 0; top: 0;}
.Fslove .con .info p:nth-child(2n) i{color: #59c47f;}

.Fadvantage{background-image: url(../images/boxbg6.jpg);}
.Fadvantage li{width: 23.5%; float: left; margin-right: 2%;}
.Fadvantage li:nth-child(4n){margin-right: 0;}
.Fadvantage li .con{border-radius: 10px; border: 3px solid #2d6dc1; padding: 30px 15px; background: #fff; font-size: 22px; line-height: 32px; text-align: center;}
.Fadvantage li .icon{width: 158px; height: 158px; margin: 0 auto;}
.Fadvantage li:hover .con{background-color: #2d6dc1; background-image: url(../images/mask.png); background-repeat: no-repeat; background-position: center bottom; background-size: 100% auto; color: #fff;}

.Fsystem .ins{font-size: 16px; line-height: 30px;}
.Fsystem .list{box-shadow: 0 0 20px rgba(0,0,0,0.12);}
.Fsystem li .effect-img,.Fsystem li .box{width: 50%; float: left; height: 260px;}
.Fsystem li .con{padding: 6%;}
.Fsystem li .con .icon{position: absolute; width: 180px; height: 180px; right: 4%; top: 50%; margin-top: -90px;}
.Fsystem li .con .name{font-size: 30px; line-height: 50px;}
.Fsystem li .con .name .num{display: inline-block; margin-right: 10px; font-size: 54px; font-family: "osw"; color: #2d6dc1;}
.Fsystem li .con .info{margin: 7px 0 35px; font-size: 18px; line-height: 30px; color: #666;}
.Fsystem li .con i{display: inline-block; width: 60px; height: 6px; background: #59c47f;}
.Fsystem li:nth-child(2n) .effect-img{float: right;}
.Fsystem li:nth-child(2n) .con .icon{right: auto; left: 4%;}
.Fsystem li:nth-child(2n) .box{text-align: right;}
.Fsystem li:hover{background: #2d6dc1;}
.Fsystem li:hover .con .name,.Fsystem li:hover .con .name .num,.Fsystem li:hover .con .info{color: #fff;}

.FService li{width: 16.8%; margin-right: 4%; float: left; background: url(../images/line4.png) no-repeat right center;}
.FService li:last-child{background: none; margin-right: 0;}
.FService li .con{padding: 10px 20px 10px 83px;}
.FService li .con .icon{width: 70px; position: absolute; left: 0; top: 0;}
.FService li .con .name{font-size: 24px; line-height: 30px; margin-bottom: 5px;}
.FService li .con p{font-size: 16px; color: #666;}

@media ( max-width:1640px){
  .f42{font-size: 30px; line-height: 36px;}
  .Flexibleinfo .con .name i{margin-bottom: 20px;}
  .Flexibleinfo .con{margin-right: 15px; width: 45%;}
  .Fspecial li .con{font-size: 20px;}
  .Freason .list li .name{font-size: 16px;}
  .Freason .list li .name span,.Fsystem li .con .name{font-size: 24px;}
  .SceneSlider li .con{padding: 35px 25px; height: 200px;}
  .SceneSlider li .con .icon{width: 70px; height: 70px;}
  .SceneSlider li .con .info{font-size: 16px; line-height: 30px;}
  .Fsystem li .con .name .num{font-size: 40px;}
  .FService li .con{padding: 0 15px 0 65px;}
  .FService li .con .icon{width: 50px;}
  .FService li .con .name{font-size: 20px;}
  .FService li .con p{font-size: 14px;}
}

@media ( max-width:1024px){
  .f42{font-size: 24px; line-height: 30px;}
  .Flexibleinfo .con{margin-top: 0;}
  .Flexibleinfo .con .name i{width: 30px;}
  .Fspecial li .icon,.Fadvantage li .icon,.Fsystem li .con .icon{width: 100px; height: 100px;}
  .Fspecial li .con,.Fadvantage li .con{font-size: 16px; line-height: 24px; padding: 20px 15px;}
  .Fadvantage li .con p{min-height: 48px;}
  .Freason .pic{width: 42%; margin: 0 auto;}
  .Freason .list{position: static;}
  .Freason .list li{width: 48%;}
  .Freason .list li .name span, .Fsystem li .con .name{font-size: 20px; line-height: 30px;}
  .Fsystem li .effect-img, .Fsystem li .box{height: 210px;}
  .Fsystem li .con .info{font-size: 15px; line-height: 24px;}
  .Fsystem li .con .name .num{font-size: 30px;}
  .Fsystem li .con .icon{margin-top: -50px;}
  .FService{text-align: center;}
  .FService li{display: inline-block; float: none; vertical-align: top; width: 30%; font-size: 0; margin-top: 15px;}
  .FService li .con{text-align: left;}
  .Fslove .con .name span{font-size: 20px; line-height: 30px; margin-bottom: 10px;}
  .Fslove .con .info{font-size: 16px; line-height: 30px; width: auto;}
}

@media ( max-width:768px){
  .Flexibleinfo .pic,.Flexibleinfo .con{width: auto; float: none;}
  .Flexibleinfo .con{margin: 0 15px;}
  .Freason .list li dl dd{line-height: 40px;}
  .Freason .list li.i2 dl dd:last-child{margin-top: 132px;}
  .Fspecial li .icon, .Fadvantage li .icon, .Fsystem li .con .icon{width: 60px; height: 60px;}
  .Fsystem li .con .icon{margin-top: -30px;}
}

@media ( max-width:640px){
  .Fsystem li .effect-img, .Fsystem li .box{height: 178px;}
  .FService li{float: left; width: 48%; padding-bottom: 10px; background: none; margin-right: 0; border-bottom: 1px solid #e5e5e5;}
  .FService li:nth-child(2n){float: right;}
  .Fspecial li .con, .Fadvantage li .con{font-size: 14px;}
  .SceneSlider li{width: 50%;}
  .SceneSlider li .con{padding: 20px; height: 150px; margin: 1px;}
  .SceneSlider li .con .icon{width: 50px; height: 50px;}
  .SceneSlider li .con .info{font-size: 14px; line-height: 24px; min-height: 78px;}
}

@media ( max-width:480px){
  .f42{font-size: 20px;}
  .BackStyle{background-size: 100% 150px;}
  .Fspecial li{width: 50%;}
  .Fspecial li:nth-child(2n){background: none;}
  .Freason .pic{width: 60%;}
  .Freason .list li .name{font-size: 14px; padding-bottom: 10px;}
  .Freason .list li dl dd{font-size: 16px; line-height: 30px; margin-top: 10px;}
  .Freason .list li.i2 dl dd:last-child{margin-top: 94px;}
  .Fslove .con .name span{font-size: 16px;}
  .Fslove .con .info{font-size: 14px; line-height: 26px;}
  .Fadvantage li{width: 48%; margin: 0 0 2%;}
  .Fadvantage li:nth-child(2n){float: right;}
  .Fsystem li .effect-img,.Fsystem li:nth-child(2n) .effect-img,.Fsystem li .box{width: auto; float: none;}
  .Fsystem li .con i{width: 40px; height: 2px;}
  .FService li .con{padding-left: 0; text-align: center;}
  .FService li .con .icon{width: 38px; display: block; margin: 0 auto; position: static;}
  .FService li .con .name{font-size: 16px; line-height: 24px; display: block; margin-bottom: 0;}
}

/* 报酬代发 */
.RewardBox .list li .con .info{line-height: 30px; min-height: 120px;}
.ThanBox .box{background: #fff; box-shadow: 0 0 20px rgba(0,0,0,0.12); border-radius: 10px; padding: 4%; text-align: center;}
.ThanBox .box .pic{width: 41.3125%; margin: 0 auto; padding: 3% 0; overflow: visible;}
.ThanBox .box:hover .pic{opacity: 1;-webkit-transform: scale3d(1.1,1.1,1);transform:  scale3d(1.1,1.1,1);}
.ThanBox .box .list{position: absolute; width: 100%; left: 0; top: 0;}
.ThanBox .box .list li{width: 22.5%; float: left;}
.ThanBox .box .list li:nth-child(2n){float: right;}
.ThanBox .box .list li .name{line-height: 133px; color: #fff; font-size: 30px; background-color: #2d6dc1; background-image: url(../images/bg1.png);}
.ThanBox .box .list li .name img{display: inline-block; vertical-align: middle; width: 58px; margin-right: 15px;}
.ThanBox .box .list li .con{border: 1px solid #dcdcdc; border-top: none;}
.ThanBox .box .list li h3{font-size: 20px; line-height: 35px; padding: 20px 0; border-bottom: 1px solid #dcdcdc;}
.ThanBox .box .list li h3 img{display: inline-block; vertical-align: middle; margin-left: 12px; width: 33px;}
.ThanBox .box .list li .info{display: flex; height: 240px; padding: 15px 5%; text-align: left; align-items: center; justify-content: center; flex-direction: column; font-size: 16px; line-height: 36px;}
.ThanBox .box .list li.i2 .name{background-color: #59c47f; background-image: url(../images/bg2.png);}

.Reward_suit .pic{margin: 0 50px;}
.Reward_suit .pic .i2{display: none;}

@media ( max-width:1640px){
  .ThanBox .box .pic{padding: 4% 0;}
  .ThanBox .box .list li .name{font-size: 22px; line-height: 90px;}
  .ThanBox .box .list li .name img{width: 35px; margin-right: 10px;}
  .ThanBox .box .list li h3{font-size: 18px; padding: 15px 0;}
  .ThanBox .box .list li h3 img{width: 20px;}
}

@media ( max-width:1300px){
  .ThanBox .box .pic{margin: 5% auto 0; width: 60%; padding: 0;}
  .ThanBox .box:hover .pic,.ThanBox .box .effect-img:hover img{-webkit-transform: scale3d(1,1,1);transform:  scale3d(1,1,1);}
  .ThanBox .box .list{position: static;}
  .ThanBox .box .list li{width: 48%;}
  .Reward_suit .pic{margin: 0;}
}

@media ( max-width:640px){
  .ThanBox .box .list li .info{font-size: 14px; line-height: 30px;}
  .Reward_suit .pic .i1{display: none;}
  .Reward_suit .pic .i2{display: block;}
}

@media ( max-width:480px){
  .ThanBox .box .pic{width: 100%;}
  .ThanBox .box .list li,.ThanBox .box .list li:nth-child(2n){width: auto; float: none;}
  .ThanBox .box .list li .info{display: block; height: auto;}
  .ThanBox .box .list li .name{font-size: 20px; line-height: 70px;}
}

/* 众薪头条 */
.NewsBox{border-bottom: 1px solid #dcdcdc;}
.Left{width: 69.875%; float: left;}
.Right{width: 25.625%; float: right; padding-left: 2%; border-left: 1px solid #dcdcdc;}
.Right .name{font-size: 20px; font-weight: bold; line-height: 24px; margin-bottom: 12px;}
.Right .name i{display: inline-block; vertical-align: middle; margin-right: 10px; width: 4px; height: 20px; background: #2d6dc1;}

.NewsList{padding-bottom: 20px;}
.NewsList li{margin-bottom: 20px;}
.NewsList li .effect-img{width: 40%; float: left; height: 218px;}
.NewsList li .con{width: 54%; float: right; padding: 2% 3%;}
.NewsList li .con .title{height: 24px; font-size: 20px; transition: 500ms;}
.NewsList li .con .title i{font-size: 18px; color: #2d6dc1; margin-right: 10px; font-weight: normal; display: none;}
.NewsList li .con .info{margin: 12px 0; font-size: 14px; line-height: 28px; color: #666; -webkit-line-clamp: 3;}
.NewsList li .con .other{font-size: 14px; line-height: 30px;}
.NewsList li .con .other img{display: inline-block; width: 76px; vertical-align: middle;}
.NewsList li .con .other i{padding: 0 3%;}
.NewsList li:hover{box-shadow: 0 0 20px rgba(0,0,0,0.12);}
.NewsList li:hover .con .title{font-weight: bold;}
.NewsList li:hover .con .title i{display: inline-block;}

.HotKey{border-bottom: 1px solid #dcdcdc;}
.HotKey .con a{float: left; width: 31.333%; margin-right: 3%; font-size: 18px; line-height: 29px; margin-bottom: 22px;}
.HotKey .con a:nth-child(3n){margin-right: 0;}
.HotKey .con a:hover{text-decoration: underline; color: #59c47f;}

.HotNews li{margin-bottom: 25px;}
.HotNews li .title{font-size: 18px; margin-bottom: 8px;}
.HotNews li .title i{color: #59c47f; margin-right: 10px;}
.HotNews li .other i{padding: 0 3%;}
.HotNews li:hover .title{color: #59c47f;}

@media ( max-width:1640px){
  .HotKey .con a{font-size: 15px;}
}

@media ( max-width:1024px){
  .Left,.Right{width: auto; float: none;}
  .Right{border-left: none; height: auto !important;}
  .NewsList li .con .title,.HotNews li .title{font-size: 16px;}
  .HotKey .con a{margin-bottom: 10px;}
  .HotNews li{margin-bottom: 15px;}
}

@media ( max-width:640px){
  .NewsList li{box-shadow: 0 0 20px rgba(0,0,0,0.12);}
  .NewsList li .effect-img,.NewsList li .con{width: auto; float: none;}
  .NewsList li .con{padding: 15px;}
  .NewsList li .con .info{margin: 5px 0 10px; -webkit-line-clamp: 2;}
  .Right .name{font-size: 18px;}
}

/*详情页*/
.ActiveContent .Atit{text-align:center; line-height:28px; position:relative;}
.ActiveContent .Atit h2{font-size:20px; color:#333333;}
.ActiveContent .Atit em{display:block; font-size:14px; color:#666666; padding:9px 0px 21px; border-bottom:1px dashed #e8e8e8;}
.ActiveContent .Atit em i{padding:0px 12px;}
.ContentAbout{padding:3% 0; border-bottom:1px solid #e7e7e7; line-height:28px; font-size:14px; color:#333333;}
.PrevNextBox{padding:24px 0px 0px;}
.PrevNextBox dl{font-size:14px; line-height:33px;}
.PrevNextBox dl b{color:#000; font-weight:normal;}
.PrevNextBox dl a{color:#666666;}

@media ( max-width:480px){
.ActiveContent .Atit h2{font-size:18px;}
.ActiveContent .Atit em i{padding: 0px 5px;}
}

/* 招募合伙人 */
.Strengths .box{background-image: url(../images/line6.png); background-repeat: no-repeat; background-position: center top;}
.Strengths .pic{position: absolute; width: 100%; left: 0; top: 0; text-align: center;}
.Strengths .pic img{width: 39.875%;}
.Strengths .list li{width: 26%; float: left; padding: 89px 0;}
.Strengths .list li:nth-child(2n){float: right;}
.Strengths .list li .icon{float: left; margin-right: 28px; width: 141px; height: 141px;}
.Strengths .list li .con{padding-top: 30px;}
.Strengths .list li .con span{display: block; font-size: 24px; line-height: 30px; margin-bottom: 10px; font-weight: 100;}
.Strengths .list li .con p{color: #666; font-size: 16px;}
.Strengths .list li:nth-child(2n){text-align: right;}
.Strengths .list li:nth-child(2n) .icon{float: right; margin: 0 0 0 28px;}

.AbilityBox{background-image: url(../images/boxbg8.jpg);}
.AbilityBox .pic.fr{margin-top: 2%;}
.AbilityBox .nl1{width: 54.8125%;}
.AbilityBox .nl2{width: 43.125%;}
.AbilityBox .nl2 img{animation:mymove 6s infinite;}
@keyframes mymove{
  0%{
  transform: scale(1);  /*开始为原始大小*/
  }
  25%{
      transform: scale(1.05); /*放大1.1倍*/
  }
  50%{
      transform: scale(1);
  }
  75%{
      transform: scale(1.05);
  }

}

.SupportBox .list li{width: 16.666666%; float: left; text-align: center;}
.SupportBox .list li span{display: block;}
.SupportBox .list li .num{display: flex; justify-content: center; align-items: center; flex-direction: column; height: 221px;}
.SupportBox .list li .num span{line-height: 70px; font-size: 72px; font-family: "osw"; color: #d2d1d1;}
.SupportBox .list li .num i{display: block; width: 36px; height: 4px; background: #efefef; margin-top: 62px;}
.SupportBox .list li .con{padding: 46px 30px 40px; height: 355px; background: #2d6dc1; line-height: 30px;}
.SupportBox .list li .con .icon{position: absolute; width: 110px; bottom: 40px; left: 50%; margin-left: -55px; transition: 500ms;}
.SupportBox .list li .con .name,.SupportBox .list li .con p{color: #fff;}
.SupportBox .list li .con .name{font-size: 24px; margin-bottom: 20px;}
.SupportBox .list li .con p{font-size: 16px;}
.SupportBox .list li:nth-child(3n) .con{background: #59c47f;}
.SupportBox .list li:nth-child(3n) .con .name,.SupportBox .list li:nth-child(3n) .con p{color: #fff;}
.SupportBox .list li:nth-child(2n) .con{background: #efefef;}
.SupportBox .list li:nth-child(2n) .con .name{color: #333;}
.SupportBox .list li:nth-child(2n) .con p{color: #666;}
.SupportBox .list li:hover .num span{color: #2d6dc1;}
.SupportBox .list li:nth-child(3n):hover .num span{color: #59c47f;}
.SupportBox .list li:hover .con .icon{transform: translateY(-10px);}

.Title02 i{display: block; width: 72px; height: 1px; background: #2d6dc1; margin-top: 35px;}
.ConditionBox .pic{width: 42.3125%; float: left; text-align: center;}
.ConditionBox .con{width: 50%; float: right; margin-top: 3%; font-size: 18px; line-height: 40px;}
.ConditionBox .con dl{padding: 39px 0 22px; border-bottom: 1px solid #dcdcdc; margin-bottom: 18px;}
.ConditionBox .con dl dd i{padding-right: 12px; color: #2d6dc1;}
.ConditionBox .con dl dd:nth-child(2n) i{color: #59c47f;}
.ConditionBox .con .info{color: #666; margin-bottom: 6%;}

.ApplyStep{background-image: url(../images/boxbg4.jpg);}
.ApplyStep ul{background-image: url(../images/stepbg.png); background-repeat: no-repeat; background-position: center 64px; padding: 0 5.5%; background-size: 100% auto;}
.ApplyStep li{width: 25%; float: left; text-align: center;}
.ApplyStep li .icon{display: block; width: 150px; margin: 0 auto; transition: 500ms;}
.ApplyStep li .name{display: block; font-size: 24px; line-height: 50px; color: #fff;}
.ApplyStep li:hover .icon{transform: translateY(-15px); transition: 500ms;}
.ApplyStep li:hover .name{color: #59c47f;}

.JoinBox .con{width: 50%; float: left;}
.FormBox dl dd{width: 46%; float: left; border-bottom: 1px solid #b5b5b5; margin-top: 24px;}
.FormBox dl dd:nth-child(2n){float: right;}
.FormBox dl dd .input,.FormBox dl dd select{font-size: 16px; height: 47px; padding: 0 12px; width: 100%; color: #666;}
.FormBox .btns{margin-top: 80px;}
.FormBox .btns input{margin-right: 30px;}
.JoinBox .pic{width: 39.875%; float: right;}
.JoinBox .pic img{display: block; width: 100%;}

@media ( max-width:1600px){
  .Strengths .pic img{width: 46%;}
}

@media ( max-width:1024px){
  .Strengths .box{background: none;}
  .Strengths .pic{position: static; width: 60%; margin: 0 auto;}
  .Strengths .list li{width: 48%; margin: 15px 0; padding: 0;}
  .Strengths .list li .icon{width: 90px; height: 90px; margin-right: 15px;}
  .Strengths .list li .con{padding-top: 15px;}
  .Strengths .list li .con span{font-size: 18px; line-height: 24px; margin-bottom: 5px;}
  .Strengths .list li .con p{font-size: 14px; line-height: 20px;}
  .Strengths .list li:nth-child(2n) .icon{margin: 0 0 0 15px;}
  .SupportBox .list li .num{height: 120px;}
  .SupportBox .list li .num span{font-size: 40px; line-height: 40px;}
  .SupportBox .list li .num i{margin-top: 30px;}
  .SupportBox .list li .con{padding: 30px 15px; height: 300px;}
  .SupportBox .list li .con .name{font-size: 20px;}
  .SupportBox .list li .con .icon{width: 60px; margin-left: -30px; bottom: 15px;}
  .SupportBox .list li .con p{font-size: 14px; line-height: 24px;}

  .Title02 i{width: 40px; margin-top: 15px;}
  .ConditionBox .con{font-size: 16px; line-height: 30px;}
  .ConditionBox .con dl{padding: 15px 0;}
  .ApplyStep ul{background-position: center 36px;}
  .ApplyStep li .icon{width: 90px;}
  .ApplyStep li .name{font-size: 18px; line-height: 30px;}
  .FormBox dl dd{margin-top: 10px;}
  .FormBox .btns{margin-top: 50px;}
} 

@media ( max-width:768px){
  .Strengths .pic img{width: auto;}
  .Strengths .list li{width: 38%;}
  .ConditionBox .pic,.ConditionBox .con{width: auto; float: none;}
  .ConditionBox .pic{width: 60%; margin: 0 auto;}
}

@media ( max-width:640px){
  .SupportBox .list li{width: 33.33333%;}
  .ApplyStep ul{background-position: center 25px;}
  .ApplyStep li .icon{width: 60px;}
  .ApplyStep li .name{font-size: 16px;}
  .JoinBox .pic,.JoinBox .con{width: auto; float: none;}
  .JoinBox .pic{margin-top: 5%;}
}

@media ( max-width:480px){
  .Strengths .pic{display: none;}
  .Strengths .list li{margin: 20px 0; width: 48%; position: relative;}
  .Strengths .list li .icon{width: 50px; height: 50px; position: absolute; left: 0; top: 0; float: none; margin: 0 !important;}
  .Strengths .list li:nth-child(2n) .icon{left: auto; right: 0;}
  .Strengths .list li .con{padding-top: 0; margin-left: 60px;}
  .Strengths .list li:nth-child(2n) .con{margin: 0 60px 0 0;}
  .Strengths .list li .con span{margin-bottom: 0;}
  .Strengths .list li .con span,.Strengths .list li .con p{font-size: 13px;}
  .ConditionBox .pic{display: none;}
  .AbilityBox .pic{width: auto; float: none;}
  .SupportBox .list li .num{height: 100px;}
  .SupportBox .list li .num span{font-size: 30px; line-height: 30px;}
  .SupportBox .list li .num i{margin-top: 15px;}
  .ApplyStep ul{background: none; padding: 0;}
  .ApplyStep ul li{width: 50%; margin: 10px 0;}
  .FormBox dl dd,.FormBox dl dd:nth-child(2n){width: auto; float: none;}
  .FormBox .btns{margin-top: 30px;}
}

/* 了解众薪 */
.AboutBox .mask{position: absolute; width: 64.624%; right: 0; top: 0; height: 100%; background: #f7f7f7;}
.AboutBox .con{width: 43.125%; float: left; padding-top: 1.5%;}
.AboutBox .con .name i{float: right; margin-top: 3%; width: 256px; height: 1px; background: #2d6dc1;}
.AboutBox .con .info{font-size: 16px; line-height: 36px;}
.AboutBox .pic{width: 50%; float: right;}
.AboutBox .pic img{display: block; width: 100%;}

.HistoryBox .list{background-image: url(../images/arr4.png); background-repeat: no-repeat; background-position: center top; padding-top: 30px;}
.HistoryBox .list ul{padding: 3% 0 0.5%; background: url(../images/line7.png) repeat-y center top;}
.HistoryBox li{background: url(../images/arr7.png) repeat-y center top;}
.HistoryBox li .year{background-image: url(../images/arr5.png); background-repeat: no-repeat; background-position: center 10px; margin-bottom: 20px;}
.HistoryBox li .year span{display: block; width: 50%; padding-right: 30px; text-align: right; font-size: 36px; line-height: 45px; font-family: "osw"; color: #2d6dc1;}
.HistoryBox li .year img{position: absolute; right: -60px; top: 50%; margin-top: -16px; width: 32px;}
.HistoryBox li:nth-child(2n) .year{background-image: url(../images/arr8.png);}
.HistoryBox li:nth-child(2n) .year span{float: right; text-align: left; padding: 0 0 0 30px; color: #59c47f;}
.HistoryBox li:nth-child(2n) .year img{right: auto; left: -60px;}
.HistoryBox li dl dd{background: url(../images/arr6.png) no-repeat center 8px; margin-bottom: 24px;}
.HistoryBox li dl dd .con{width: 50%; float: right; padding-left: 30px;}
.HistoryBox li dl dd .con .time{display: block; font-size: 18px;}
.HistoryBox li dl dd .con .info{color: #666; line-height: 30px;}
.HistoryBox li dl dd:nth-child(2n) .con{float: left; padding: 0 30px 0 0; text-align: right;}
.HistoryBox li:nth-child(2n) dl dd .con{float: left; text-align: right; padding: 0 30px 0 0;}
.HistoryBox li:nth-child(2n) dl dd:nth-child(2n) .con{float: right; padding: 0 0 0 30px; text-align: left;}

.Honnor{padding-bottom: 44px;}
.Honnor li a{display: block; padding: 30px; background-image: url(../images/mask2.png); box-shadow: 0 0 20px rgba(0,58,134,0.2); margin: 30px 16px;}
.Honnor li .title{font-size: 18px; height: 30px; line-height: 30px; margin-bottom: 24px;}
.Honnor li .pic img{display: inline-block; width: auto; height: 40px;}
.Honnor .owl-nav span{font-size: 45px; line-height: 46px; position: absolute; top: 50%; margin-top: -23px; color: #666; font-family: "宋体"; font-weight: bold;}
.Honnor .owl-nav .owl-prev span{left: -40px;}
.Honnor .owl-nav .owl-next span{right: -40px;}
.Honnor .owl-nav span:hover{color: #2d6dc1;}
.Honnor .owl-dots{width: 100%; text-align: center; position: absolute; left: 0px; bottom: -40px; height: 14px; line-height: 14px;}
.Honnor .owl-dots .owl-dot{width: 14px; height: 14px; margin: 0px 5px; background-image: url(../images/dotpic.png); background-repeat: no-repeat; background-position: left top;}
.Honnor .owl-dots .owl-dot.active{background-position: left bottom;}

@media ( max-width:1750px){
  .AboutBox .con .info{line-height: 28px;}
  .Honnor .owl-nav span{font-size: 32px;}
  .Honnor .owl-nav .owl-prev span{left: 0px;}
  .Honnor .owl-nav .owl-next span{right: 0px;}
}

@media ( max-width:1024px){
  .AboutBox .con,.AboutBox .pic{width: auto; float: none;}
  .AboutBox .con{margin-bottom: 20px;}
  .AboutBox .con .name i{margin-top: 1.5%;}
  .HistoryBox li .year span{font-size: 30px;}
  .Honnor li a{padding: 15px;}
  .Honnor .owl-dots{bottom: -20px;}
}

@media ( max-width:480px){
  .AboutBox .mask,.AboutBox .con .name i{display: none;}
  .HistoryBox li .year span{font-size: 25px;}
  .HistoryBox li dl dd .con .info{line-height: 20px; margin-top: 10px;}
}

/* 众薪文化 */
.CultureBox li,.BasicBox li{width: 32%; margin-right: 2%; float: left;}
.CultureBox li:nth-child(3n),.BasicBox li:nth-child(3n){margin-right: 0;}
.CultureBox li .effect-img{height: 326px; margin-bottom: 25px;}
.CultureBox li .mask{position: absolute; left: 0; top: 0; right: 0; bottom: 0; padding: 35% 5% 0; color: #fff; background-color: rgba(0,0,0,.6); text-align: left;}
.CultureBox li .mask .title{line-height: 36px; font-size: 30px;}
.CultureBox li .mask i{display: block; margin: 20px 0; width: 54px; height: 2px; background: #59c47f;}
.CultureBox li .mask p{font-size: 16px; font-family: Arial; text-transform: uppercase;}
.CultureBox li .con{text-align: center;}
.CultureBox li .con h3{font-size: 20px; margin-bottom: 10px;}
.CultureBox li .con .info{font-size: 16px; color: #666;}

.BasicBox li{border-radius: 10px;}
.BasicBox li .con{padding: 4% 8%; margin-top: 20px; text-align: center;}
.BasicBox li .con .name i{display: block; width: 20px; height: 2px; background: #ddd; margin: 0 auto 16px;}
.BasicBox li .con .name span{display: block; font-size: 24px; line-height: 30px; font-weight: 100;}
.BasicBox li .con .info{margin-top: 14px; font-size: 16px; line-height: 30px; min-height: 120px; color: #666;}
.BasicBox li:hover{box-shadow: 0 0 20px rgba(0,0,0,0.12);}

.FiveBox .list{box-shadow: 0 0 20px rgba(0,0,0,0.12);}
.FiveBox li .effect-img,.FiveBox li .con{width: 50%; float: left;}
.FiveBox li .effect-img{height: 436px;}
.FiveBox li .mask{position: absolute; left: 0; top: 0; opacity: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,.6); display: flex; align-items: center; justify-content: center;}
.FiveBox li .mask img{display: inline-block; width: 165px;}
.FiveBox li .con{padding: 4% 3%;}
.FiveBox li .con .name{line-height: 36px;}
.FiveBox li .con .name span{display: block; font-size: 30px;}
.FiveBox li .con .name p{font-size: 20px;}
.FiveBox li .con .name i{display: block; width: 72px; height: 1px; background: #59c47f; margin-top: 30px;}
.FiveBox li .con .info{font-size: 16px; line-height: 36px; color: #666;}
.FiveBox li:nth-child(2n) .effect-img{float: right;}
.FiveBox li:hover .mask{opacity: 1;}
.FiveBox li:hover{background: #2d6dc1; color: #fff;}
.FiveBox li:hover  .con .info{color: #fff;}

@media ( max-width:1640px){
  .CultureBox li .mask .title{font-size: 24px; line-height: 30px;}
  .FiveBox li .con .name{line-height: 30px;}
  .FiveBox li .con .name span{font-size: 24px;}
  .FiveBox li .con .name p{font-size: 16px;}
}

@media ( max-width:1024px){
  .CultureBox li .effect-img{height: 220px;}
  .CultureBox li .mask .title,.BasicBox li .con .name span,.FiveBox li .con .name span{font-size: 20px;}
  .CultureBox li .mask i{margin: 10px 0;}
  .CultureBox li .con .info,.BasicBox li .con .info,.FiveBox li .con .name p,.FiveBox li .con .info{font-size: 14px; line-height: 24px;}
  .BasicBox li .con{padding: 15px;}
  .FiveBox li .con .name i{margin-top: 15px;}
  .FiveBox li .effect-img{height: 330px;}
  .FiveBox li .mask img{display: inline-block; width: 60px;}
}

@media ( max-width:768px){
  .CultureBox li .mask{display: none;}
  .CultureBox li .effect-img{height: 160px; margin-bottom: 10px;}
  .CultureBox li .con h3{font-size: 16px; margin-bottom: 0;}
}

@media ( max-width:640px){
  .FiveBox li .effect-img,.FiveBox li:nth-child(2n) .effect-img,.FiveBox li .con{width: auto; float: none;}
}

@media ( max-width:480px){
  .CultureBox li,.BasicBox li{width: auto; float: none; margin-right: 0;}
  .CultureBox li{margin-bottom: 15px;}
  .BasicBox li{border-bottom: 1px solid #e5e5e5;}
  .BasicBox li .con .info{min-height: auto;}
  .FiveBox li .con{padding: 20px;}
  .FiveBox li .con .name span{font-size: 18px;}
  .FiveBox li .effect-img{height: 200px;}
}

/* 联系众薪 */
.waybox{border-bottom: 1px solid #dcdcdc; padding-bottom: 4%;}
.waybox ul{background: url(../images/line2.png) no-repeat center center; max-width: 958px; margin: 0 auto;}
.waybox li{padding-left: 5%; width: 45%; float: left;}
.waybox li:nth-child(2n){float: right; text-align: right;}
.waybox li .icon{display: inline-block; vertical-align: middle; width: 104px; margin-right: 16px;}
.waybox li .con{display: inline-block; vertical-align: middle; text-align: left;}
.waybox li .con .name{display: block; font-size: 18px; line-height: 28px;}
.waybox li .con p{font-size: 24px; line-height: 30px; color: #2d6dc1;font-weight: bold;}
.waybox li:nth-child(2n) .con p{color: #59c47f;}

.ContactBox .pic{width: 46%; float: left; text-align: center;}
.ContactBox .pic i{position: absolute; right: 26.4%; top: 30%; width: 27px; height: 35px; background-image: url(../images/add.png); background-size: cover; animation: heart2 1.3s ease-in-out 0.3s infinite alternate;}
.ContactBox .box{width: 41.25%; float: right; box-shadow: 0 0 20px rgba(0,0,0,0.12);}
.ContactBox .con{padding: 30px 35px;}
.ContactBox .con .icon{display: block; width: 52px;}
.ContactBox .con .name{display: block; font-size: 30px; line-height: 36px; color: #363e43; margin: 14px 0 10px;}
.ContactBox .con .info{font-size: 18px; line-height: 36px; color: #363e43;}

.CompanyList li{width: 32%; float: left; margin: 0 2% 2% 0;}
.CompanyList li:nth-child(3n){margin-right: 0;}
.CompanyList li .con{border: 1px solid #dcdcdc; padding: 3% 4%; color: #363e43;}
.CompanyList li .con .title{font-size: 24px; line-height: 30px; margin-bottom: 10px;}
.CompanyList li .con .title i{display: inline-block; vertical-align: middle; margin-left: 20px; width: 36px; height: 1px; background: #60c56c; opacity: 0;}
.CompanyList li .con .info{font-size: 18px; min-height: 48px;}
.CompanyList li:hover .con{background: #2d6dc1; border: 1px solid #2d6dc1; color: #fff;}
.CompanyList li:hover .con .title i{opacity: 1;}

@media ( max-width:1024px){
  .waybox li{padding-left: 0; width: 50%;}
  .waybox li .icon{width: 60px;}
  .ContactBox .pic i{width: 18px; height: 23px;}
}

@media ( max-width:768px){
  .waybox ul{background: none;}
  .waybox li{width: auto; float: none; padding-bottom: 15px; margin-bottom: 15px; border-bottom: 1px solid #ddd;}
  .waybox li:nth-child(2n){margin-bottom: 0; padding-bottom: 0; border-bottom: none; float: none; text-align: left;}
  .ContactBox .pic,.ContactBox .box{width: auto; float: none;}
  .ContactBox .pic{margin-bottom: 20px;}
  .ContactBox .pic i{right: 27%; top: 32%;}
  .ContactBox .con .name,.CompanyList li .con .title{font-size: 20px; line-height: 30px;}
  .ContactBox .con .info,.CompanyList li .con .info{font-size: 16px; line-height: 24px;}
  .CompanyList li{width: 49%; margin-right: 0;}
  .CompanyList li:nth-child(2n){float: right;}
}

@media ( max-width:480px){
  .waybox li .con p{font-size: 18px;}
  .ContactBox .con{padding: 20px;}
  .CompanyList li,.CompanyList li:nth-child(2n){width: auto; float: none;}
  .CompanyList li .con .info{min-height: auto;}
  .ContactBox .pic i{right: 26%; top: 27%;}
}

/* 加入众薪 */
.Selectbox select,.Selectbox .inputext{width: 22.435%; float: left; height: 52px; border: 1px solid #2d6dc1; font-size: 16px; padding: 0 20px; color: #666; margin-right: 2%;}
.Jobsearch{width: 45.64%; float: left; border: 1px solid #2d6dc1;}
.Jobsearch .relative{padding: 0 60px 0 73px;}
.Jobsearch .relative .arrow{position: absolute; left: 0; top: 0; width: 53px; height: 100%; background-color: #2d6dc1; background-image: url(../images/arr9.png); background-repeat: no-repeat; background-position: center center;}
.Jobsearch .relative .input{font-size: 14px; line-height: 50px; color: #333; width: 100%;}
.Jobsearch .relative .input::placeholder{color: #666;}
.Jobsearch .relative .btn{position: absolute; width: 25px; height: 25px; top: 50%; margin-top: -12px; right: 20px; background-image: url(../images/btn.png);}

.JobList li{margin-bottom: 1px;}
.JobList li.first{margin-bottom: 0;}
.JobList li.first .box{background: #2d6dc1; color:#fff;}
.JobList li .box{background: #efefef;}
.JobList li .Titname{display:block; float:left; width:20%; text-align:center; font-size:16px; overflow:hidden; line-height:56px; height:56px;}
.JobList li .Titname.empty{text-align: left; padding-left: 30px;}
.JobList li .name i{display: inline-block; vertical-align: middle; width: 18px; height: 19px; background-image: url(../images/jia2.png); margin-right: 15px; background-repeat: no-repeat; background-position: center center;}
.JobList li.lion .name i{ background-image: url(../images/jian2.png);}
.JobList li.lion .box{background: #59c47f; color: #fff;}
.JobList li .Con{display:none; padding:2.5% 4%; position:relative; border: 1px solid #dcdcdc; border-top: none; line-height:30px; font-size:16px;}
.JobList li .Con .list{display: none; color: #494949; margin-bottom: 12px;}
.JobList li .Con .list p{width: 48%; float: left;}
.JobList li .Con .list p:nth-child(2n){float: right;}
.JobList li .Con .way img{display: inline-block; vertical-align: middle; margin-left: 3%;}
.JobList li .Con dl{margin-bottom: 12px;}
.JobList li .Con dl dd{font-size: 14px; color: #666;}
.JobList li .Con a{color: #2d6dc1;}
.JobList li .Con .apply{position: absolute; right: 4%; bottom: 5%; display: block; width: 114px; line-height: 36px; border-radius: 25px; background: #59c47f; color: #fff; text-align: center;}


@media ( max-width:1024px){
  .Selectbox select,.Selectbox .inputext{height: 40px; padding: 0 10px; font-size: 14px;}
  .Jobsearch form{padding: 0 48px 0 60px;}
  .Jobsearch form .arrow{width: 45px;}
  .Jobsearch form .input{height: 38px;}
  .Jobsearch form .btn{right: 10px;}
  .JobList li .Titname:nth-child(2),.JobList li .Titname:nth-child(3),.JobList li .Titname:nth-child(4){display:none;}
  .JobList li .Titname{width: 20%; height: 50px; line-height: 50px;}
  .JobList li .Titname.empty{padding-left: 20px;}
  .JobList li.first .Titname:first-child{text-align: left;}
  .JobList li.first .Titname b{display: inline-block; padding: 0 10px;}
  .JobList li .Titname:first-child{width: 80%;}
  .JobList li .Con .list{display: block;}
  .JobList li .Con .apply{position: static; margin-top: 12px;}
}

@media ( max-width:480px){
  .Selectbox select,.Selectbox .inputext{width: 48%; margin: 0 0 10px;}
  .Selectbox .inputext{float: right;}
  .Jobsearch{width: auto; float: none; clear: both;}
  .JobList li .Titname,.JobList li .Titname:first-child{width: auto;}
  .JobList li .Titname:nth-child(5){display: none;}
  .JobList li .Con .list p,.JobList li .Con .list p:nth-child(2n){width: auto; float: none;}
  .JobList li .Con .way img{max-width: 45px;}
}

/*应聘表单*/
.recruitform{margin:0 auto; width:580px;}
.recruitform dl{margin-bottom:20px; position: relative; padding-left: 66px;}
.recruitform dl dt{position: absolute; left: 0px; top: 0px; text-align: right; line-height:40px; width: 50px; color:#4d4d4d; font-size:16px;}
.recruitform dl dd{border:1px solid #e6e6e6; padding: 0px 10px; line-height: 38px; background: #fff;}
.recruitform dl.noborder dd{border: none; padding: 0; background: none;}
.recruitform dl dd .input{height:38px; line-height:38px; font-size:14px; width:100%;}
.recruitform dl dd label{ float:left; line-height:40px; margin-right:20px; font-size:16px; color:#4d4d4d;}
.recruitform dl dd label input.radio{ margin-right:8px; }
.recruitform dl dd textarea{height:148px; font-size:14px; width:100%;}
.recruitform dl.btn{ text-align:center; width:100%; float:none; clear:both; margin-bottom:0; padding: 0;}
.recruitform dl.btn input{ width:120px; color:#fff; height:36px; line-height:36px; font-size:16px; cursor:pointer; border-radius:18px; -webkit-border-radius:18px;  -moz-border-radius:18px; margin:0 8px;}
.recruitform dl.btn input.submit{background: #2d6dc1;}
.recruitform dl.btn input.reset{background:#ccc;}

@media ( max-width:480px){
    .recruitform{width:100%;}
}

/* 非全日制用工 */
.PartTime .box{width: 48.625%; float: left;}
.PartTime .effect-img{width: 73.26%; height: 710px;}
.PartTime .effect-img img{display: block; width: 100%;}
.PartTime .mask{position: absolute; z-index: 5; top: 120px; bottom: 120px; width: 410px; right: 0px; background: #fff; box-shadow: 0 0 20px rgba(0,0,0,0.12);}
.PartTime .con{width: 38.75%; float: right; padding-top: 7%;}
.lines{display: block; width: 72px; height: 1px; background: #2d6dc1; margin-bottom: 35px;}
.lines.green{background: #59c47f;}
.cominfo{font-size: 16px; line-height: 30px; color: #666;}
.Layer{padding: 50px; font-size: 12px; line-height: 30px;}
.Layer .tit{text-align: center; line-height: 18px;}
.Layer .tit span{font-size: 18px;}
.Layer .info b{padding-right: 10px;}

.PartAdvange li{width: 33.33333%; float: left; border-radius: 10px;}
.PartAdvange li .box{padding: 4%;}
.PartAdvange li .effect-img{width: 36.734%; float: left;}
.PartAdvange li .con{width: 60%; float: right; padding-top: 5%; font-size: 20px; line-height: 36px; color: #555;}
.PartAdvange li .con i{display: block; width: 20px; height: 2px; background: #59c47f; margin-bottom: 20px;}
.PartAdvange li:hover{box-shadow: 0 0 20px rgba(0,0,0,0.12);}

.PartArea li{width: 29%; float: left;}
.PartArea li.a2,.PartArea li.a4{width: 42%;}
.PartArea li .box{margin: 1px; position: relative;}
.PartArea li .effect-img{height: 330px;}
.PartArea li .mask{position: absolute; width: 100%; height: 100%; background: rgba(0,0,0,.3); color: #fff; left: 0; top: 0; z-index: 2; display: flex; justify-content: center; align-items: center; flex-direction: column;}
.PartArea li .icon{width: 110px; height: 110px; margin-bottom: 12px;}
.PartArea li .name{display: block; font-size: 20px; line-height: 30px;}

.OperationBox .box{background: none;}
.OperationBox .box .pic img{display: inline-block; padding: 20px; border: 1px solid #ebf1f9;}
.OperationBox .list li.a5{width: 350px; position: absolute; bottom: 0; left: 50%; margin-left: -175px;}

.PartStep .list{background-image: url(../images/stepbg2.png); background-repeat: no-repeat; background-position: center center; background-size: 100% auto;}
.PartStep .list li{width: 15.1%; margin-right: 6.125%; float: left; text-align: center; font-size: 18px; line-height: 30px; box-shadow: 0 0 20px rgba(0,0,0,0.12);}
.PartStep .list li:nth-child(5n){margin-right: 0;}
.PartStep .list li .box{padding: 50px 20px 20px;}
.PartStep .list li .icon{display: block; width: 120px; margin: 0 auto 20px; transition: 500ms;}
.PartStep .list li .info{min-height: 90px;}
.PartStep .list li:hover .icon{transform: translateY(-15px);}
.PartStep .list li:hover .info{color: #59c47f;}

@media ( max-width:1640px){
  .lines{margin-bottom: 20px;}
  .PartAdvange li .con,.PartStep .list li{font-size: 16px; line-height: 24px;}
  .PartArea li .icon{width: 80px; height: 80px;}
  .PartStep .list li .icon{width: 80px;}
}

@media ( max-width:1024px){
  .lines{width: 30px;}
  .PartTime .box,.PartTime .con{width: auto; float: none;}
  .PartTime .con{padding: 0; margin-bottom: 20px;}
  .Layer .tit{line-height: 24px; font-size: 14px;}
  .Layer .tit span{font-size: 20px;}
  .PartArea li .effect-img{height: 240px;}
  .OperationBox .list li.a5{width: 220px; margin-left: -110px;}
  .PartStep .list li .box{padding: 30px 15px 15px;}
  .PartStep .list li .icon{width: 60px; margin-bottom: 10px;}
}

@media ( max-width:768px){
  .PartTime .effect-img{display: none;}
  .PartTime .mask{position: static; width: auto;}
  .Layer{padding: 20px;}
  .PartAdvange li .effect-img,.PartAdvange li .con{width: auto; float: none;}
  .PartArea li .effect-img{height: 180px;}
  .PartArea li .icon{width: 60px; height: 60px; margin-bottom: 0;}
  .PartArea li .name{font-size: 16px;}
  .PartStep .list li{font-size: 13px;}
}

@media ( max-width:640px){
  .PartArea li .effect-img{height: 150px;}
  .PartStep .list{background: none;}
  .PartStep .list li{width: 48%; margin: 0 0 15px;}
  .PartStep .list li:nth-child(2n){float: right;}
  .PartStep .list li .box{padding: 20px 15px;}
  .PartStep .list li .info{min-height: auto;}
  .PartStep .list li:nth-last-child(2){width: auto; float: none; clear: both;}
  .OperationBox .list li.a5{margin-left: 0; position: static; float: none;}
  .OperationBox .box .pic{padding: 10px; border: 1px solid #ebf1f9;}
  .OperationBox .box .pic img{padding: 0; border: none;}
}

@media ( max-width:480px){
  .PartAdvange li .effect-img img{display: block; width: 180px; margin: 0 auto;}
}

/* 社保代缴 */
.f_blue{color: #2d6dc1;}
.f_green{color: #59c47f;}
.SocialBox{background-image: url(../images/boxbg9.jpg); background-repeat: no-repeat; background-position: center bottom;}
.SocialService li{width: 32%; float: left; margin-right: 2%; position: relative;}
.SocialService li:nth-child(3n){margin-right: 0;}
.SocialService li i{width: 1px; height: 22px; background: #2d6dc1; position: absolute; left: 50%; bottom: 0px;}
.SocialService li:nth-child(2n) i{background: #59c47f;}
.SocialService li .icon{display: block; width: 200px; margin: 0 auto;}
.SocialService li .box{border-radius: 10px; box-shadow: 0 0 20px rgba(0,0,0,0.12); margin-top: -100px; padding: 140px 20px 20px; text-align: center;}
.SocialService li .box .title{font-size: 24px; line-height: 30px; margin-bottom: 15px;}
.SocialService li .box .info{font-size: 16px; line-height: 34px; color: #666; height: 170px;}
.SocialService li:hover .box .title{color: #2d6dc1;}
.SocialService li:nth-child(2n):hover .box .title{color: #59c47f;}

.SocialMap .pic{width: 45.25%; float: left; text-align: center;}
.SocialMap .con{width: 45.625%; float: right; padding-top: 8%;}
.SocialMap .con .name{font-size: 28px; line-height: 36px;}
.SocialMap .con .name span{font-size: 36px; font-weight: bold;}

.SocialAdvan .list li{width: 23.5%; margin-right: 2%; background: #fff; border-radius: 15px;}
.SocialAdvan .list li:nth-last-child(2){margin-right: 0;}
.SocialAdvan .btn{padding-top: 39px; background: url(../images/line9.png) no-repeat center top; text-align: center;}
.SocialAdvan .btn span{display: block; max-width: 434px; line-height: 64px; font-size: 24px; background: #59c47f; color: #fff; margin: 0 auto;}

.ServiceSort dl{padding-left: 21.25%; margin-bottom: 3%; min-height: 200px;}
.ServiceSort dl:last-child{margin-bottom: 0;}
.ServiceSort dl .name{position: absolute; width: 19.5%; left: 0; top: 0; height: 100%; color: #fff; background-image: url(../images/mask3.png); display: flex; flex-direction: column; justify-content: center; align-items: center;}
.ServiceSort dl.i1 .name{background-color: #2d6dc1;}
.ServiceSort dl.i2 .name{background-color: #59c47f;}
.ServiceSort dl .name .icon{display: block; width: 120px; margin: 0 auto 20px;}
.ServiceSort dl .name span{display: block; font-size: 30px; line-height: 38px;}
.ServiceSort dl .box{display: table; width: 100%; }
.ServiceSort dl ul{display: table-row;}
.ServiceSort dl li{display: table-cell; width: 50%; border: 1px solid #dcdcdc;}
.ServiceSort dl ul:nth-child(2n) li{border-top: none; }
.ServiceSort dl ul li:nth-child(2n){border-left: none;}
.ServiceSort dl .thead li{font-size: 20px; line-height: 64px; font-weight: bold; text-align: center;}
.ServiceSort dl .con .info{padding: 25px; font-size: 16px; line-height: 30px;}
.ServiceSort dl .con .tit{display: none; font-size: 16px; font-weight: bold;}

@media ( max-width:1640px){
  .SocialService li .icon{width: 120px;}
  .SocialService li .box{margin-top: -60px; padding-top: 95px;}
  .ServiceSort dl .name span{font-size: 24px; line-height: 30px;}
  .ServiceSort dl .name .icon{width: 100px; margin-bottom: 10px;}
  .SocialMap .con .name{font-size: 22px; line-height: 30px;}
  .SocialMap .con .name span{font-size: 26px;}
}

@media ( max-width:1024px){
  .SocialService li .icon{width: 80px;}
  .SocialService li .box{margin-top: -40px; padding-top: 70px;}
  .SocialService li .box .title{font-size: 20px;}
  .SocialService li .box .info{font-size: 14px; line-height: 28px;}
  .SocialMap .con .name{font-size: 20px;}
  .SocialMap .con .name span{font-size: 22px;}
  .SocialAdvan .btn span{font-size: 18px; line-height: 45px;}
  .ServiceSort dl .name .icon{width: 70px;}
  .ServiceSort dl .name span{font-size: 20px;}
}

@media ( max-width:640px){
  .SocialMap .pic,.SocialMap .con{width: auto; float: none;}
  .SocialAdvan .list li{width: 48.5%; margin: 0 0 15px;}
  .SocialAdvan .list li:nth-child(2n){float: right;}
  .ServiceSort dl{padding-left: 0;}
  .ServiceSort dl .name{position: static; width: auto; padding: 20px 0;}
  .ServiceSort dl .box,.ServiceSort dl ul,.ServiceSort dl li{display: block;}
  .ServiceSort dl .thead{display: none;}
  .ServiceSort dl li{width: auto;}
  .ServiceSort dl .con .tit{display: block;}
  .ServiceSort dl ul li:nth-child(2n){border-left: 1px solid #dcdcdc;}
}

@media ( max-width:480px){
  .SocialService li{width: auto; float: none; margin-bottom: 15px;}
  .SocialService li .box{padding: 55px 15px 40px;}
  .SocialService li .box .info{height: auto;}
  .SocialMap .con .name{font-size: 18px;}
  .SocialMap .con .name span{font-size: 20px;}
}

/* 商务流程外包 */
.BpoValue li{width: 18.4%; float: left; margin-right: 2%; text-align: center;}
.BpoValue li:last-child{margin-right: 0;}
.BpoValue li .icon{width: 141px; height: 141px; margin: 0 auto;}
.BpoValue li .info{font-size: 24px; line-height: 36px;}

.CateSlider li .box{margin: 0 2px; text-align: center;}
.CateSlider li .effect-img{height: 330px;}
.CateSlider li .mask{position: absolute; left: 0; top: 0; right: 0; bottom: 0; padding: 15% 10px; background-color: rgba(0,0,0,0.6); color: #fff;}
.CateSlider li .icon{width: 90px; height: 90px; margin: 0 auto 25px;}
.CateSlider li .con span{display: block; font-size: 20px; margin-bottom: 8px;}

.BopStep .list{background-image: url(../images/stepbg2.png); background-repeat: no-repeat; background-position: center center; background-size: 100% auto;}
.BopStep .list li{width: 15.1%; margin-right: 6.125%; float: left; text-align: center; font-size: 18px; line-height: 30px;}
.BopStep .list li:nth-child(5n){margin-right: 0;}
.BopStep .list li .icon{width: 141px; display: block; margin: 0 auto;}
.BopStep .list li .box{padding: 90px 20px 20px; height: 197px; margin-top: -70px; background: #2d6dc1; color: #fff; font-size: 16px; line-height: 26px;}
.BopStep .list li .box .name{font-size: 24px; margin-bottom: 12px; line-height: 30px;}
.BopStep .list li:nth-child(2n) .box{background: #59c47f;}

.BopAdvan li{background: #fff; width: 32.66666%; margin-right: 1%;}
.BopAdvan li:nth-last-child(2){margin-right: 0;}
.BopAdvan li .name{font-size: 24px; line-height: 30px; margin-bottom: 5px;}
.BopAdvan li .info{font-size: 16px; line-height: 26px; color: #666;}
.BopPro .pic{width: 42.3125%; float: left; text-align: center;}
.BopPro .list{width: 50%; float: right;}
.BopPro .list li{width: 48%; float: left; margin-top: 3.5%;}
.BopPro .list li:nth-child(2n){float: right;}
.BopPro .list li .con{padding: 48px 0 0 155px; min-height: 141px; line-height: 30px;}
.BopPro .list li .con .icon{width: 141px; position: absolute; left: 0; top: 0;}
.BopPro .list li .con .name{display: block; font-size: 24px; margin-bottom: 12px;}
.BopPro .list li .con .info{font-size: 16px; color: #666;}

@media ( max-width:1440px){
  .BpoValue li .info{line-height: 30px;}
  .BpoValue li .info,.BopStep .list li .box .name,.BopPro .list li .con .name{font-size: 20px;}
  .BopAdvan li .name{font-size: 18px;}
  .BopAdvan li .info,.BopStep .list li .box{font-size: 14px; line-height: 24px;}
  .BopStep .list li .icon{width: 100px;}
  .BopStep .list li .box{padding: 50px 15px 20px; margin-top: -50px;}
  .BopStep .list li .box .name{margin-bottom: 5px;}
  .BopPro .list li .con .info{font-size: 14px;}
}

@media ( max-width:1200px){
  .BpoValue li .info{font-size: 16px; line-height: 24px;}
  .CateSlider li .effect-img{height: 260px;}
  .BopPro .pic,.BopPro .list{width: auto; float: none;}
  .BopPro .pic{width: 60%; margin: 0 auto;}
}

@media ( max-width:768px){
  .BpoValue li .icon{width: 100px; height: 100px;}
  .CateSlider li .icon{width: 60px; height: 60px;}
  .BopStep .list{background: none;}
  .BopStep .list li,.BpoValue li{width: 48%; margin-right: 0;}
  .BopStep .list li:nth-child(2n),.BpoValue li:nth-child(2n){float: right;}
  .BopStep .list li:nth-child(5n),.BpoValue li:nth-child(5n){width: auto; float: none; clear: both;}
  .BopStep .list li .box{height: 105px;}
  .BopStep .list li:nth-child(5n) .box{height: auto;}
  .BopPro .list li .con{padding: 20px 0 0; text-align: center; line-height: 24px;}
  .BopPro .list li .con .icon{display: block; width: 100px; margin: 0 auto; position: static;}
}

@media ( max-width:480px){
  .AdvantageBox .list li{height: auto !important;}
  .BopStep .list li .box{height: 180px;}
  .BopAdvan li{width: 49%; margin-bottom: 10px;}
  .BopAdvan li:nth-child(2n){float:right;}
  .PartAdvange li .con{text-align:center;}
  .CateSlider li .effect-img{height: 180px;}
  .CateSlider li .icon{width: 30px; height: 30px; margin-bottom: 15px;}
  .CateSlider li .con span{font-size: 16px; margin-bottom: 5px;}
}

/* 解决方案 */
.SolveBox{background: none;}
.SolveBox ul{background-image: url(../images/stepbg3.png);}
.SolveBox ul li{width: 20%;}
.SolveBox ul li .name{color: #333;}
.Solve_Special .list li{position: relative; width: 19.375%; margin: 0 4% 1.5% 0; float: left;}
.Solve_Special .list li:first-child{margin-left: 10.5%;}
.Solve_Special .list li:nth-child(4n){margin-right: 0;}
.Solve_Special .list li .pic img{display: block; width: 100%;}
.Solve_Special .list li .mask{position: absolute; left: 0; top: 0; right: 0; bottom: 0; transition: 500ms; border-radius: 50%; background: rgba(0,0,0,.2); text-align: center; color: #fff; display: flex; justify-content: center; align-items: center; flex-direction: column;}
.Solve_Special .list li .mask .name img{display: block; width: 50px; margin: 0 auto 12px;}
.Solve_Special .list li .mask .name span{display: block; font-size: 24px; line-height: 30px;}
.Solve_Special .list li .mask .con{font-size: 16px; line-height: 28px; display: none;}
.Solve_Special .list li .mask .con i{display: block; margin: 15px auto; width: 14px; height: 2px; background: #fff;}
.Solve_Special .list li .mask .con .more{display: block; margin: 25px auto 0; width: 170px; line-height: 38px; background: #fff; border-radius: 5px; font-size: 16px; color: #59c47f;}
.Solve_Special .list li:hover .mask{background: #59c47f; left: -20px; top: -20px; right: -20px; bottom: -20px;}
.Solve_Special .list li:hover .mask .name img{display: none;}
.Solve_Special .list li:hover .mask .con{display: block;}
.getbtn{display: block; max-width: 372px; padding: 0 20px; line-height: 78px; font-size: 24px; color: #fff; background: #2d6dc1; border-radius: 40px; margin: 1.5% auto 0; text-align: center;}
.FkhgBox .list li .con{padding-top: 12.5%;}

@media ( max-width:1024px){
  .Solve_Special .list li .mask .name span{font-size: 20px;}
  .Solve_Special .list li:hover .mask{left: 0; top: 0; right: 0; bottom: 0;}
  .Solve_Special .list li:hover .mask .name img{display: block;}
  .Solve_Special .list li:hover .mask .con{display: none;}
  .getbtn{line-height: 50px; font-size: 20px;}
  .FkhgBox .list li .con{padding-top: 34px;}
}

@media ( max-width:768px){
  .Solve_Special .list li .mask .name img{width: 38px; margin-bottom: 5px;}
  .Solve_Special .list li .mask .name span{font-size: 16px;}
}

@media ( max-width:480px){
  .SolveBox ul{background: none; text-align: center;}
  .SolveBox ul li{display: inline-block; width: 32%; float: none;}
  .Solve_Special .list li:first-child{margin-left: 0;}
  .Solve_Special .list li{margin: 4% 0; width: 46%;}
  .Solve_Special .list li:nth-child(2n){float: right;}
  .Solve_Special .list li .pic img{height: 159px;}
  .getbtn{margin: 0 15px;}
  .FkhgBox .list li .con{padding-top: 0;}
}

/* 网红直播 */
.Greybg{background: #f4f4f4;}
.LiveAbout .con{padding-top: 10%;}
.LiveBox .con{width: 43.125%; padding-top: 5%;}
.LiveBox .con .name p{font-size: 16px; line-height: 36px; font-weight: normal; color: #999;}
.LiveBox .pic{width: 50%;}
.LiveBox .con .info p i{color: #2d6dc1; padding-right: 10px;}
.LiveBox .con .info p:nth-child(2n) i{color: #59c47f;}

.LiveAnalyse .HomeReason .list li{width: 17.6%; float: left; margin-right: 3%; background: #fff; border-radius: 10px;}
.LiveAnalyse .HomeReason .list li:nth-child(5n){margin-right: 0;}
.LiveAnalyse .HomeReason .list li .con .name i{background: #dcdcdc;}
.LiveAnalyse .HomeReason .list li:hover .con .name i{background: #59c47f;}

.Live_advantage .list li{width: 16.6666%; float: left; background: #efefef; text-align: center;}
.Live_advantage .list li:nth-child(2n){background: #fff;}
.Live_advantage .list li .box{padding: 25px 25px 15px;}
.Live_advantage .list li .num span{display: block; font-family: "anton"; font-size: 48px; line-height: 88px; color: #d2d1d1;}
.Live_advantage .list li .num i{display: block; width: 36px; height: 2px; background: #59c47f; margin: 0 auto;}
.Live_advantage .list li .icon{display: block; margin: 32px auto 35px; max-width: 129px;}
.Live_advantage .list li .name{font-size: 24px; line-height: 30px;}
.Live_advantage .list li .info{margin-top: 20px; height: 145px; font-size: 16px; line-height: 30px; color: #666;}
.Live_advantage .list li:hover .num span,.Live_advantage .list li:hover .name{color: #59c47f;}

@media ( max-width:1600px){
  .Live_advantage .list li .name{font-size: 20px;}
  .Live_advantage .list li .icon{max-width: 90px; margin: 25px auto 20px;}
}

@media ( max-width:1024px){
  .Live_advantage .list li .box{padding: 15px;}
  .Live_advantage .list li .num span{font-size: 32px; line-height: 68px;}
  .Live_advantage .list li .name{font-size: 18px;}
  .Live_advantage .list li .info{font-size: 14px; margin-top: 10px; line-height: 24px;}
}

@media ( max-width:768px){
  .LiveBox .con,.LiveBox .pic{width: auto; float: none;}
  .LiveBox .con{margin-bottom: 20px;}
  .LiveAnalyse .HomeReason .list li{display: inline-block; float: none; width: 30%; margin: 0 1% 3%; vertical-align: top;}
  .Live_advantage .list li{width: 33.3333%;}
}

@media ( max-width:480px){
  .LiveAnalyse .HomeReason .list li{width: 48%; margin: 1% 0.5%;}
  .Live_advantage .list li{width: 50%; border-bottom: 1px solid #e5e5e5;}
  .Live_advantage .list li .icon{width: 54px;}
  .Live_advantage .list li .num span{font-size: 26px; line-height: 50px;}
}

/* 个体户税筹优化 */
.PersonService .list{width: 37.875%; float: left; padding-top: 4%;}
.PersonService .list li{width: 33.3333%; float: left; text-align: center; margin: 1.5% 0;}
.PersonService .list li span{display: block; font-size: 20px; line-height: 30px;}
.PersonService .pic{width: 50.3125%; float: right;}
.PersonService .pic img{animation: heart 1.3s ease-in-out 0.3s infinite alternate;}

.PersonCompany .pic{position: absolute; width: 40.4375%; left: 0; top: 0;}
.PersonCompany .list{margin-left: 21.25%; padding: 4.5% 0;}
.PersonCompany .list li{width: 48%; float: left;}
.PersonCompany .list li:nth-child(2n){float: right;}
.PersonCompany .list li .name{line-height: 122px; font-size: 28px; color: #fff; text-align: center; background-image: url(../images/mask4.png); background-color: #59c47f;}
.PersonCompany .list li .name .icon{display: inline-block; margin-right: 20px; vertical-align: middle;}
.PersonCompany .list li.i2 .name{background-color: #9a9a9a;}
.PersonCompany .list li .con{background-color: rgba(255,255,255,0.92); height: 276px; font-size: 18px; line-height: 36px; display: flex; justify-content: center; align-items: center; flex-direction: column; box-shadow: 0 0 20px rgba(0,0,0,0.12);}
.PersonCompany .list li:hover .name{font-size: 30px;}

.PersonSuit li{width: 49.8%; float: left; position: relative;}
.PersonSuit li:nth-child(2n){float: right;}
.PersonSuit li .effect-img{height: 330px;}
.PersonSuit li .mask{position: absolute; width: 100%; height: 100%; left: 0; top: 0; color: #fff; text-align: center; background-color: rgba(0,0,0,.6); display: flex; flex-direction: column; justify-content: center; align-items: center;}
.PersonSuit li .mask .name .icon{display: block; width: 93px; margin: 0 auto;}
.PersonSuit li .mask .name span{display: block; margin: 15px 0; font-size: 24px; line-height: 30px;}
.PersonSuit li .mask .info{font-size: 16px; line-height: 30px; padding: 0 25%;}

.PersonAdvantege .pic{width: 39.125%; float: left;}
.PersonAdvantege .con{width: 56%; float: right; padding-top: 6%;}
.PersonAdvantege .con .info{font-size: 18px; line-height: 42px;}
.PersonAdvantege .con .info p i{color: #2d6dc1; padding-right: 10px;}
.PersonAdvantege .con .info p:nth-child(2n) i{color: #59c47f;}

@media ( max-width:1600px){
  .PersonCompany .list li .name{font-size: 25px; line-height: 100px;}
  .PersonCompany .list li .name .icon{width: 30px;}
  .PersonCompany .list li:hover .name{font-size: 25px;}
  .PersonSuit li .mask .info{padding: 0 10%;}
}

@media ( max-width:1024px){
  .PersonService .list,.PersonService .pic{width: auto; float: none;}
  .PersonService .list{padding: 0 0 20px;}
  .PersonCompany .pic{display: none;}
  .PersonCompany .list{margin-left: 0; padding: 0;}
  .PersonCompany .list li .name{font-size: 20px; line-height: 80px;}
  .PersonCompany .list li:hover .name{font-size: 20px;}
  .PersonCompany .list li .con,.PersonAdvantege .con .info{font-size: 16px; line-height: 30px;}
  .PersonSuit li .mask .name .icon{width: 60px;}
}

@media ( max-width:640px){
  .PersonCompany .list li,.PersonCompany .list li:nth-child(2n),.PersonSuit li,.PersonSuit li:nth-child(2n),.PersonAdvantege .pic,.PersonAdvantege .con{width: auto; float: none; margin-bottom: 10px;}
  .PersonCompany .list li .con{height: auto; display: block; padding: 20px; text-align: center;}
}

@media ( max-width:480px){
  .PersonService .list li .icon{width: 80px;}
  .PersonService .list li span{font-size: 16px;}
  .PersonSuit li .mask .name .icon{width: 40px;}
  .PersonSuit li .mask .info{padding: 0 15px;}
  .PersonAdvantege .pic{width: 60%; margin: 0 auto;}
  .PersonAdvantege .con .info p{padding-left: 15px; position: relative;}
  .PersonAdvantege .con .info p i{position: absolute; left: 0; top: 0px;}
}

/* 新闻详情 */
.NewsTit{border-bottom: 1px solid #dcdcdc; line-height: 32px; padding-bottom: 26px;}
.NewsTit .name{font-size: 24px;}
.NewsTit .name i{font-size: 18px; color: #2d6dc1; padding-right: 10px;}
.NewsTit .goback{float: right; margin-right: 30%;}
.NewsMain{border-bottom: 1px solid #dcdcdc;}
.NewsMain .Left,.NewsMain .Right{padding-top: 30px;}
.NewsDetail{margin-right: 8%; text-align: justify;}
.NewsDetail .content{color: #666; line-height: 28px; padding: 3% 0;}
.NewsDetail .other{font-size: 14px; line-height: 30px; margin-bottom: 10px;}
.NewsDetail .other img{display: inline-block; width: 76px; vertical-align: middle;}
.NewsDetail .other i{padding: 0 3%;}
.NewsDetail .link a{color: #2d6dc1; padding-left: 5px;}

.NewsBottom{width: 69.875%;}
.PrevNext dl{width: 49%; float: left; border-radius: 10px; border: 1px solid #dcdcdc; background: #f8f8f8; position: relative; padding: 8px 0;}
.PrevNext dl:nth-child(2n){float: right;}
.PrevNext dl dt{position: absolute; left: 0; top: 0; height: 100%; width: 85px; display: flex; justify-content: center; align-items: center;}
.PrevNext dl dd{margin-left: 85px; border-left: 1px solid #dcdcdc; padding-left: 20px;}
.PrevNext dl dd a{display: block; font-size: 16px; height: 24px;overflow:hidden;}
.NewsBottom .goback{position: absolute; bottom: 0; right: 0; width: 208px; line-height: 60px; background: #59c47f; color: #fff; text-align: center; font-size: 18px;}

@media ( max-width:1024px){
  .NewsTit{padding-bottom: 15px; line-height: 26px;}
  .NewsTit .goback{display: block; float: none; text-align: right; margin-right: 0;}
  .NewsTit .name{font-size: 20px; }
  .NewsTit .name i{display: none;}
  .NewsBottom{width: auto;}
  .wxpic{text-align: center;}
  .NewsDetail{margin-right: 0;}
  .NewsBottom .goback{display: block; margin: 20px auto 0; position: static; width: 160px; line-height: 45px;}
}

@media ( max-width:768px){
  .PrevNext dl,.PrevNext dl:nth-child(2n){width: auto; float: none; margin: 10px 0;}
}

/* 灵薪付 */
.PayAbout .pic{width: 68.22%; float: left;}
.PayAbout .pic img{display: block; width: 100%;}
.PayAbout .pic .i2{display: none;}
.PayAbout .con{width: 23%; float: right; margin-right: 8.5%; text-align: right; padding: 10% 0 0;}
.PayAbout .con .name{font-size: 42px; line-height: 52px;}
.PayAbout .con p{font-size: 18px; font-weight: 100;}
.PayAbout .con .enter{display: inline-block; width: 300px; line-height: 60px; text-align: center; margin-top: 70px; background: #2d6dc1; font-size: 18px; color: #fff;}
.PayAbout .con .enter img{display: inline-block; vertical-align: middle; margin-left: 26px;}

.PaySpecial ul{box-shadow: 0 0 20px rgba(0,0,0,0.12);}
.PaySpecial ul li{width: 33.3333%; float: left; text-align: center; padding: 15px 0; background: url(../images/line10.png) no-repeat right center;}
.PaySpecial ul li:nth-child(3n){background: none;}
.PaySpecial ul li .icon{display: block; width: 66px; margin: 0 auto;}
.PaySpecial ul li span{display: block; font-size: 22px; line-height: 38px;}
.PaySpecial ul li:hover span{color: #59c47f;}

.Payinfo .pic{width: 49.375%; float: left;}
.Payinfo .con{width: 37.5%; float: right; font-size: 18px; line-height: 34px; padding-top: 5%; margin-right: 12%;}

.PayList li{padding-bottom: 130px; margin-bottom: 10px; background-image: url(../images/linebg1.png); background-repeat: no-repeat; background-position: center bottom;}
.PayList li:nth-child(2n){background-image: url(../images/linebg2.png);}
.PayList li:last-child{background: none; padding-bottom: 0; margin-bottom: 0;}
.PayList li .pic{width: 50%; float: right; position: relative; left: -4.5%;}
.PayList li .pic img{display: block; width: 100%;}
.PayList li .con{width: 50%; float: left; background-image: url(../images/mask5.png); background-size: 100% auto; margin-top: 5%; padding: 4%; transition: 500ms;}
.PayList li .con .icon{float: right; margin-left: 5%;}
.PayList li .con .name{font-size: 24px; line-height: 37px; color: #fff; min-height: 74px;}
.PayList li .con i{display: inline-block; width: 60px; height: 6px; background: #59c47f; margin-top: 22px;}
.PayList li:nth-child(2n) .pic{float: left; left: auto; right: -4.5%;}
.PayList li:nth-child(2n) .con{float: right; background-image: url(../images/mask6.png); text-align: right;}
.PayList li:nth-child(2n) .con .icon{float: left; margin: 0 5% 0 0;}
.PayList li:nth-child(2n) .con i{background: #fff;}
.PayList li .con:hover{background-size: 110% auto;}

.PayWay{background-image: url(../images/boxbg13.jpg); background-repeat: no-repeat; background-position: center center;}
.PayWay .pic{width: 51.56%; float: left;}
.PayWay .con{width: 45%; float: right; text-align: right; padding-top: 15%;}
.PayWay .con .info{font-size: 24px; line-height: 37px; color: #fff;}
.PayWay .con i{display: inline-block; width: 60px; height: 6px; background: #fff; margin-top: 5%;}

@media ( max-width:1600px){
  .PayAbout .con{margin-right: 15px;}
  .PayAbout .con .name{font-size: 30px;}
  .PayAbout .con .enter{margin-top: 30px;}
  .PayList li .con .name,.PayWay .con .info{font-size: 20px; line-height: 30px;}
  .PayList li .con .name{min-height: 60px;}
}

@media ( max-width:1024px){
  .PayAbout .pic,.PayAbout .con{width: auto; float: none;}
  .PayAbout .con{margin: 30px 15px; text-align: left; padding: 0;}
  .PayAbout .con .name{font-size: 22px; line-height: 30px;}
  .PayAbout .con p{font-size: 16px;}
  .Payinfo .con{font-size: 16px; line-height: 30px; margin-right: 0; width: 47.5%;}
}


@media ( max-width:768px){
  .PaySpecial .w1600{padding: 0;}
  .PaySpecial ul li .icon{width: 40px;}
  .PaySpecial ul li span{font-size: 16px; line-height: 30px;}
  .Payinfo .pic,.Payinfo .con{width: auto; float: none;}
  .PayList li {margin-top: 20px; background: none !important; padding-bottom: 0;}
  .PayList li .pic,.PayList li .con,.PayList li:nth-child(2n) .pic,.PayList li:nth-child(2n) .con{width: auto; float: none;}
  .PayList li .pic{position: static;}
  .PayList li .con{margin-top: 0; text-align: center !important;}
  .PayList li .con .name{font-size: 16px; min-height: auto;}
  .PayList li .con .icon,.PayList li:nth-child(2n) .con .icon{display: block; width: 80px; margin: 0 auto; float: none;}
  .PayWay {padding: 20px; background-size: cover;}
  .PayWay .pic,.PayWay .con{width: auto; float: none; text-align: center;}
  .PayAbout .con .enter{width: 180px; line-height: 50px;}
  .PayAbout .con .enter img{margin-left: 10px;}
}

@media ( max-width:640px){
	.PayAbout .pic .i1{display: none;}
	.PayAbout .pic .i2{display: block;}
}

/* 20-05-26 */
.small{position: absolute; height: 1%; animation: run 10s linear infinite;}
.small1{width: 64%; left: 18%; bottom: 0px;}
.small-p{width: 30px; height: 30px; position: absolute; background-size: cover; top: 100%; left: 0; background-image: url(../images/dot1.png);}

.small2{width: 45%; left: 28%; top: 50%;}
.small-p2{background-image: url(../images/dot2.png);}
.BopPro .small-p{background-image: url(../images/dot3.png);}

.small3{width: 35%; left: 32.4%; top: 48.5%; animation: run2 15s linear infinite;}
.small03{width: 41.5%; left: 29.2%; top: 49.5%; animation: run2_1 15s linear infinite;}
.small4{width: 57%; left: 20.4%; top: 49.5%; animation: run3 15s linear infinite;}
.small04{width: 71.8%; left: 14%; top: 49.5%; animation: run2_1 15s linear infinite;}
.small6{width: 37%; left: 31.4%; top: 49.5%; animation: run2 15s linear infinite;}
.small7{width: 87.5%; left: 6.2%; top: 49.5%; animation: run2 15s linear infinite;}

.small-p5{background-image: url(../images/dot3.png);}

.small1_2{width: 56.1%; left: 22%; bottom: 0px; animation: run4 15s linear infinite;}

.small01{width: 104%; left: -2%; top: 49.5%; animation: run2_1 15s linear infinite;}
.small01_1{width: 88%; left: 6%; top: 49.5%; animation: run2 15s linear infinite;}
.small01_2{width: 90%; left: 4.8%; top: 49.5%; animation: run2 15s linear infinite;}

@keyframes run{
  0%{
      transform: rotateZ(0deg);
  }
  50%{
      transform: rotateZ(182deg);
  }
  100%{
      transform: rotateZ(0deg);
  }
}

@keyframes run2{
  0%{
      transform: rotateZ(0deg);
  }
  100%{
      transform: rotateZ(360deg);
  }
}

@keyframes run2_1{
  0%{
      transform: rotateZ(-180deg);
  }
  100%{
      transform: rotateZ(180deg);
  }
}

@keyframes run3{
  0%{
      transform: rotateZ(-90deg);
  }
  50%{
      transform: rotateZ(90deg);
  }
  100%{
    transform: rotateZ(-90deg);
}
}

@keyframes run4{
  0%{
      transform: rotateZ(180deg);
  }
  50%{
      transform: rotateZ(0deg);
  }
  100%{
      transform: rotateZ(180deg);
  }
}

.Ban2 .icons img{position: absolute; width: 204px;}
.Ban2 .icons .i1{top: -50%; left: 22%; animation: heart 1.3s ease-in-out 0.3s infinite alternate;}
.Ban2 .icons .i2{top: 35%; left: 12%; animation: heart 1.15s ease-in-out 0.5s infinite alternate;}
.Ban2 .icons .i3{bottom: -85%; left: 22%; animation: heart 1.5s ease-in-out 0.4s infinite alternate;}
.Ban2 .icons .i4{top: -50%; right: 22%; animation: heart 1.3s ease-in-out 0.3s infinite alternate;}
.Ban2 .icons .i5{top: 35%; right: 12%; animation: heart 1.15s ease-in-out 0.5s infinite alternate;}
.Ban2 .icons .i6{bottom: -85%; right: 22%; animation: heart 1.5s ease-in-out 0.4s infinite alternate;}

@keyframes heart{
  from{transform:translate(0,0)}
  to{transform:translate(0,20px)}
}

@keyframes heart2{
  from{transform:translate(0,0)}
  to{transform:translate(0,8px)}
}

@media ( max-width:1500px){
  .small1{width: 73%; left: 13.5%;}
  .small1_2{width: 63.8%; left: 18%;}
  .small3{width: 40%; left: 30%; top: 49.5%;}
  .small03{width: 47.8%; left: 26%;}
  .small04{width: 73.5%; left: 13%;}
  .small6{width: 43%; left: 28.5%;}

  .Ban2 .icons img{width: 168px;}
  .Ban2 .icons .i1{top: -65%; left: 15%;}
  .Ban2 .icons .i2{left: 8%;}
  .Ban2 .icons .i3{bottom: -100%; left: 15%;}
  .Ban2 .icons .i4{top: -65%; right: 15%;}
  .Ban2 .icons .i5{right: 8%;}
  .Ban2 .icons .i6{bottom: -100%; right: 15%;}
}

@media ( max-width:1380px){
  .small1{width: 75%; left: 12.5%;}
}

@media ( max-width:1024px){
  .small{display: none;}
}

@media ( max-width:768px){
  .Ban2 .icons{display: none;}
}

/* 20-06-18 */
.w1170{max-width: 1170px; margin: 0 auto;}
.Sign{padding: 2.5% 0 4%;}
.ErrorBox .pic{width: 57.435%; float: left; text-align: center; padding: 25px 0;}
.ErrorBox .pic img{width: 100%;}
.ErrorBox .con{width: 41%; float: right; text-align: center; margin-top: 16%;}
.ErrorBox .con .title{font-size: 30px; line-height: 36px; color: #316fbf;}
.ErrorBox .con .info{margin: 15px 0 66px; font-size: 22px; line-height: 30px;}
.ErrorBox .con .back{display: block; width: 198px; line-height: 50px; background: #316fbf; border-radius: 5px; color: #fff; font-size: 20px; margin: 0 auto;}

@media ( max-width:1200px){
  .w1170{padding: 0 15px;}
}

@media ( max-width:1024px){
  .ErrorBox .pic{float: none; margin: 0 auto;}
  .ErrorBox .con{width: auto; float: none; margin: 3% 0 10%;}
  .ErrorBox .con .info{margin: 10px 0 30px;}
}

@media ( max-width:640px){
  .ErrorBox .con .title{font-size: 22px; line-height: 30px; color: #316fbf;}
  .ErrorBox .con .info{font-size: 18px; line-height: 24px;}
  .ErrorBox .con .back{width: 150px; line-height: 40px; font-size: 18px;}
}

@media ( max-width:640px){
  .ErrorBox .pic{width: 80%;}
}

/* 20-07-02 */
/* 股权转让 */
.Greybg2{background: #fafafa;}
.MakeOver .pic{width: 49.78%; float: left;}
.MakeOver .pic img{display: block; width: 100%;}
.MakeOver .con{width: 43.557%; float: right; padding-top: 2%;}

.NeedNotice .pic{width: 49.56%; float: left; text-align: center;}
.NeedNotice .list{width: 45.97%; float: right; padding-top: 3%;}
.NeedNotice .list li{position: relative; line-height: 50px; font-size: 16px; color: #666; padding: 20px;}
.NeedNotice .list li .num{font-size: 48px; color: #d2d1d1; font-family: "anton"; text-transform: uppercase; display: inline-block; vertical-align: middle; margin-right: 25px;}
.NeedNotice .list li.i2,.NeedNotice .list li.i5{margin-left: 10%;}
.NeedNotice .list li.i3,.NeedNotice .list li.i4{margin-left: 15%;}
.NeedNotice .list li .dot{position: absolute; top: 50%; margin-top: -15px; width: 30px; height: 30px; background-size: cover; background-image: url(../images/add1.png);}
.NeedNotice .list li:nth-child(2n) .dot{background-image: url(../images/add2.png);}
.NeedNotice .list li.i1 .dot{left: -30%;}
.NeedNotice .list li.i2 .dot{left: -32%;}
.NeedNotice .list li.i3 .dot{left: -33.5%;}
.NeedNotice .list li.i4 .dot{left: -32%;}
.NeedNotice .list li.i5 .dot{left: -28%;}
.NeedNotice .list li.i6 .dot{left: -24%;}
.NeedNotice .list li:hover{box-shadow: 0 0 20px rgba(0,0,0,0.1);}

.Gq_pressure .box{width: 42.395%; float: right; height: 400px; background: #316fbf; margin-left: -7%; padding: 113px 100px 0 175px;}
.Gq_pressure .box .con{position: relative; color: #fff; font-size: 18px; font-weight: lighter;}
.Gq_pressure .box .con .effect-img{width: 190px; position: absolute; right: 0; top: 18px;}
.Gq_pressure .box .con .name{font-size: 24px; line-height: 28px; margin-bottom: 16px;}
.Gq_pressure .box .con .info{height: 72px;}
.Gq_pressure .box .con i{margin-top: 29px; display: block; width: 60px; height: 6px; background: #62ba81;}
.Gq_pressure .list{margin: 50px 0 0 3.64%; width: 60.9375%; float: left; position: relative; z-index: 2;}
.Gq_pressure .list li{width: 32.3333%; margin-left: 1%; float: left; position: relative;}
.Gq_pressure .list li .effect-img{height: 300px;}
.Gq_pressure .list li .mask{position: absolute; width: 100%; height: 100%; left: 0; top: 0; background: rgba(0,0,0,0.6); text-align: center; display: flex; align-items: center; justify-content: center; flex-direction: column;}
.Gq_pressure .list li .icon{width: 97px; height: 97px; margin-bottom: 25px;}
.Gq_pressure .list li .tit{font-size: 20px; line-height: 28px; color: #fff; padding: 0 10px;}
.Gq_pressure .list li:hover .tit{color: #5dc382;}

.Gq_plan .Title01{margin-bottom: 12px;}
.Gq_plan .Title01 .name{border-bottom: 1px solid #2d6dc1; padding: 0 0 35px;}
.Gq_plan .list{padding-top: 17%; background-image: url(../images/bg3.png); background-size: 100% auto; background-repeat: no-repeat; background-position: center top;}
.Gq_plan .list li{width: 16%; float: left; padding-right: 5%; background-image: url(../images/arrow.png); background-repeat: no-repeat; background-position: right center;}
.Gq_plan .list li:nth-child(5n){padding-right: 0; background: none;}
.Gq_plan .list li .mask{padding-top: 100%; border-radius: 50%; background-color: #f2f7fc;}
.Gq_plan .list li .con{position: absolute; left: 25px; top: 25px; right: 25px; bottom: 25px; background-color: #fff; border-radius: 50%; box-shadow: 0 0 20px rgba(45,109,193,0.12); display: flex; align-items: center; justify-content: center; flex-direction: column;}
.Gq_plan .list li .effect-img{width: 78px; margin: 0 auto;}
.Gq_plan .list li .name{display: block; margin-top: 16px; font-size: 16px;}
.Gq_plan .list li:nth-child(2) .con{background-color: #5dc382; color: #fff;}
.Gq_plan .list li:nth-child(4) .con{background-color: #316fbf; color: #fff;}

.Gq_custom .list{text-align: center; font-size: 0;}
.Gq_custom .list li{display: inline-block; width: 19.5%; margin: 0 0.25% 0.25%; position: relative;}
.Gq_custom .list li .effect-img{height: 300px;}
.Gq_custom .list li .mask{transition: 500ms; position: absolute; left: 0; top: 0; width: 100%; height: 100%; color: #fff; background-color: rgba(0,0,0,.6); display: flex; align-items: center; justify-content: center; flex-direction: column;}
.Gq_custom .list li .name{margin-bottom: 36px;}
.Gq_custom .list li .name .icon{width: 65px;}
.Gq_custom .list li .name span{display: block; line-height: 32px; font-size: 20px;}
.Gq_custom .list li .btn{font-size: 16px; line-height: 70px; background-color: rgba(93,195,130,0.8); position: absolute; left: 0; right: 0; bottom: 0;}
.Gq_custom .list li .btn i{width: 18px; height: 18px; background-image: url(../images/more4.png); display: none; vertical-align: middle; margin-left: 10px;}
.Gq_custom .list li:nth-child(2n) .btn{background-color: rgba(45,111,191,0.8);}
.Gq_custom .list li:hover .mask{background-color: rgba(93,195,130,0.9);}
.Gq_custom .list li:nth-child(2n):hover .mask{background-color: rgba(45,111,191,0.9);}
.Gq_custom .list li:hover .btn{background-color: rgba(45,109,193,0) !important; position: static; padding: 0 15px; line-height: 40px; display: block; border: 1px solid #fff;}
.Gq_custom .list li:hover .btn i{display: inline-block;}
.Gq_custom .list li:hover{box-shadow: 0 3px 20px rgba(93,195,130,0.12);}
.Gq_custom .list li:nth-child(2n):hover{box-shadow: 0 3px 20px rgba(45,111,191, 0.12);}

@media ( max-width:1460px){
  .Gq_pressure .box{padding: 74px 50px 0 144px; height: 368px;}
  .Gq_pressure .list li .effect-img,.Gq_custom .list li .effect-img{height: 270px;}
  .Gq_plan .list li .con{left: 10px; top: 10px; right: 10px; bottom: 10px;}
}

@media ( max-width:1200px){
  .NeedNotice .pic,.NeedNotice .list,.Gq_pressure .box,.Gq_pressure .list{width: auto; float: none;}
  .NeedNotice .pic img{max-width: 50%;}
  .NeedNotice .list li{margin-left: 0 !important; padding: 10px;}
  .NeedNotice .list li .dot{display: none;}
  .NeedNotice .list li .num{font-size: 32px; margin-right: 15px;}
  .Gq_pressure .box{padding: 35px 20px; height: auto; margin: 0 15px 15px;}
  .Gq_pressure .list{margin: 0 15px;}
  .Gq_pressure .list li{margin: 0 0.5%;}
  .Gq_pressure .list li .icon{width: 75px; height: 75px;}
  .Gq_plan .list li .effect-img{width: 50px;}
  .Gq_plan .list li .name{font-size: 14px; margin-top: 0;}
  .Gq_custom .list li{width: 32.833333%;}
}

@media ( max-width:768px){
  .MakeOver .con,.MakeOver .pic{width: auto; float: none;}
  .Gq_pressure .list li .effect-img,.Gq_custom .list li .effect-img{height: 200px;}
  .Gq_pressure .list li .tit{font-size: 16px;}
  .Gq_pressure .list li .icon{width: 55px; height: 55px;}
  .Gq_pressure .box .con{font-size: 16px;}
  .Gq_pressure .box .con .name{font-size: 20px;}
  .Gq_plan .Title01{margin-bottom: 25px;}
  .Gq_plan .Title01 .name{padding-bottom: 15px;}
  .Gq_plan .list{padding: 0; background: none; font-size: 0; text-align: center;}
  .Gq_custom .list li .name{margin-bottom: 20px;}
  .Gq_custom .list li .name .icon{width: 45px;}
  .Gq_custom .list li .name span{font-size: 18px;}
  .Gq_custom .list li .btn{line-height: 50px;}
}

@media ( max-width:640px){
  .Gq_plan .list li{display: inline-block; float: none; width: 30%;}
}

@media ( max-width:480px){
  .NeedNotice .list li{line-height: 30px; position: relative; padding-left: 45px;}
  .NeedNotice .list li .num{font-size: 22px; position: absolute; left: 10px; top: 10px; margin-right: 0;}
  .Gq_pressure .list li .tit{font-size: 14px; line-height: 24px;}
  .Gq_pressure .list li .effect-img{height: 150px;}
  .Gq_pressure .list li .icon{width: 40px; height: 40px; margin-bottom: 10px;}
  .Gq_plan .list li .effect-img{width: 40px;}
  .Gq_plan .list li .name{line-height: 20px;}
  .Gq_custom .list li .effect-img{height: 120px;}
  .Gq_custom .list li .name{margin-bottom: 0;}
  .Gq_custom .list li .name .icon{width: 36px;}
  .Gq_custom .list li .name span{font-size: 16px;}
  .Gq_custom .list li .btn{display: none !important;}
}

/* 商业保险 */
.SafeBox .pic{width: 34.375%; float: right; text-align: center;}
.SafeBox .con{width: 58.75%; float: left; margin: 5% 0 0;}
.SafeBox .con .effect-img{position: absolute; width: 100%; height: 100%; left: 0; top: 0;}
.SafeBox .con .zindex{background-color: rgba(45,111,191,0.9); color: #fff; padding: 5% 4%;}
.SafeBox .con:hover .effect-img span{opacity: 1;-webkit-transform: scale3d(1.1,1.1,1);transform:  scale3d(1.1,1.1,1);}

.Safe_project .pic{width: 52.75%; float: left;}
.Safe_project .con{width: 42.9375%; float: right;}
.Safe_project .pic img,.Safe_project .con img{display: block; width: 100%;}

.Safe_term .pic{left: auto; right: 0;}
.Safe_term .list{margin: 0 28% 0 0; padding: 3.5% 0;}
.Safe_term .list li .con{font-size: 16px; line-height: 30px; color: #666; padding: 0 5%;}
.PersonCompany .list li .name{background-color: #2d6dc1;}
.Safe_term .list li.i2 .name{background: #5dc382;}

.Safa_adv .list li{margin-bottom: 1.5%;}
.Safa_adv .list li:nth-child(3n){margin-right: 0;}

.Safe_step li{width: 24.25%; float: left; margin-right: 1%;}
.Safe_step li:nth-child(4n){margin-right: 0;}
.Safe_step li .box{padding-bottom: 40px; margin-bottom: 30px; border-bottom: 10px solid #59c47f;}
.Safe_step li .icon{width: 128px; height: 128px; margin: 0 auto;}
.Safe_step li .box .arrow{position: absolute; width: 29px; height: 26px; left: 50%; margin-left: -14px; bottom: -26px; background-image: url(../images/arr10.png); background-size: cover;}
.Safe_step li:nth-child(2n) .box{border-bottom: 10px solid #2d6dc1;}
.Safe_step li:nth-child(2n) .box .arrow{bottom: -10px; background-image: url(../images/arr11.png);}
.Safe_step li .box .step{position: absolute; width: 58px; height: 29px; top: 50%; margin-top: -40px; right: -38px; background-image: url(../images/arrow.png);}
.Safe_step li .con{padding: 28px 30px 0; max-width: 182px; height: 172px; margin: 0 auto; color: #fff; background: #2d6dc1; text-align: center;}
.Safe_step li:nth-child(2n) .con{background: #59c47f;}
.Safe_step li .con .name{font-size: 24px; line-height: 30px; margin-bottom: 12px;}
.Safe_step li .con .info{font-size: 16px; line-height: 26px;}
.Safe_step li:nth-last-child(2) .step{display: none;}

@media ( max-width:1024px){
  .SafeBox .con,.SafeBox .pic{width: auto; float: none;}
  .SafeBox .con{margin-top: 20px;}
  .SafeBox .pic img{max-width: 60%;}
  .Safe_term .list{margin: 0; padding: 0;}
  .Safe_step li .con{padding: 20px 15px 0;}
  .Safe_step li .con .name{font-size: 20px;}
}

@media ( max-width:768px){
  .Safe_project .pic{display: none;}
  .Safe_project .con{width: auto; float: none;}
  .Safe_term .list li .con{padding: 20px;}
  .Safe_step li .box{padding-bottom: 25px;}
  .Safe_step li .box .step{margin-top: -24px;}
  .Safe_step li .icon{width: 80px; height: 80px;}
  .Safe_step li .con .info{font-size: 14px; line-height: 20px;}
}

@media ( max-width:480px){
  .Safe_step li{width: 49%; margin: 15px 0;}
  .Safe_step li:nth-child(2n){float: right;}
  .Safe_step li .box .step{display: none;}
}

.Zz_Service .pic{width: 37.3125%; margin: 0 auto;}
.Zz_Service .pic img{display: block; width: 100%;}
.Zz_Service .list li{width: 24.125%; line-height: 55px; text-align: center; border: 1px solid #5dc382; border-radius: 35px; font-size: 18px; position: absolute;}
.Zz_Service .list li.i1,.Zz_Service .list li.i3,.Zz_Service .list li.i6{border: 1px solid #2d6dc1;}
.Zz_Service .list li.i1,.Zz_Service .list li.i4{left: 3.875%;}
.Zz_Service .list li.i2,.Zz_Service .list li.i3{left: 0;}
.Zz_Service .list li.i5,.Zz_Service .list li.i7{right: 3.875%;}
.Zz_Service .list li.i6{right: 0;}
.Zz_Service .list li.i1{top: 10%;}
.Zz_Service .list li.i2{top: 30%;}
.Zz_Service .list li.i3{top: 50%;}
.Zz_Service .list li.i4{top: 70%;}
.Zz_Service .list li.i5{top: 20%;}
.Zz_Service .list li.i6{top: 40%;}
.Zz_Service .list li.i7{top: 60%;}

.Zz_Area{background-repeat: no-repeat; background-size: 100% auto;}
.Zz_Area .list{background: #fff; box-shadow: 0 0 20px rgba(0,0,0,.12); padding: 2% 1.5%; border-radius: 10px;}
.Zz_Area .list li{width: 20%; float: left; text-align: center; margin: 1% 0; background: url(../images/line11.png) no-repeat right center;}
.Zz_Area .list li:nth-child(5n){background: none;}
.Zz_Area .list li .icon{width: 128px; height: 128px; margin: 0 auto 12px;}
.Zz_Area .list li .name{line-height: 28px; font-size: 24px; font-weight: lighter;}

.Zz_Light .list li{width: 32.3333%; float: left; margin: 0 1.5% 1.5% 0; position: relative; box-shadow: 0 0 20px rgba(0,0,0,.12);}
.Zz_Light .list li:nth-child(3n){margin-right: 0;}
.Zz_Light .list li .con,.Zz_Light .list li .img{height: 260px;}
.Zz_Light .list li .con{background: #2d6dc1; color: #fff; padding: 42px 62px;}
.Zz_Light .list li .con .num{font-size: 54px; line-height: 76px; font-family: "osw";}
.Zz_Light .list li .con .info{font-size: 18px; line-height: 28px; height: 56px; margin-bottom: 28px;}
.Zz_Light .list li .con i{display: block; width: 60px; height: 6px; background: #59c47f;}
.Zz_Light .list li .con .icons{position: absolute; right: 0; bottom: 0; width: 252px;}
.Zz_Light .list li:nth-child(3) .con,.Zz_Light .list li:nth-child(7) .con{background: #59c47f;}
.Zz_Light .list li:nth-child(3) .con i,.Zz_Light .list li:nth-child(7) .con i{background: #fff;}
.Zz_Light .list li:nth-child(5) .con,.Zz_Light .list li:nth-child(9) .con{background: #fff; color: #666;}
.Zz_Light .list li:nth-child(5) .con .num,.Zz_Light .list li:nth-child(9) .con .num{color: #2d6dc1;}

.Zz_advantage li{width: 23.5%; float: left; margin: 1% 2% 1% 0;}
.Zz_advantage li:nth-child(4n){margin-right: 0;}
.Zz_advantage li .con{border: 3px solid #2d6dc1; background: #fff; border-radius: 10px; text-align: center; padding: 30px;}
.Zz_advantage li .con .effect-img{width: 126px; border-radius: 50%; margin: 0 auto 12px; box-shadow: 0 0 20px rgba(45,109,193,0.12);}
.Zz_advantage li .con .name{line-height: 30px; font-size: 24px; font-weight: lighter;}

@media ( max-width:1024px){
  .Zz_Service .list li{font-size: 16px; line-height: 36px;}
  .Zz_Area .list li .icon{width: 90px; height: 90px; margin-bottom: 5px;}
  .Zz_Area .list li .name,.Zz_advantage li .con .name{font-size: 18px;}
  .Zz_Light .list li .con, .Zz_Light .list li .img{height: 200px;}
  .Zz_Light .list li .con{padding: 20px;}
  .Zz_Light .list li .con .icons{width: 150px;}
  .Zz_Light .list li .con .num{font-size: 36px; line-height: 50px;}
  .Zz_Light .list li .con .info{font-size: 16px; line-height: 24px; height: 48px;}
  .Zz_advantage li .con .effect-img{width: 90px;}
}

@media ( max-width:640px){
  .Zz_Service .list li{position: static; width: 48%; float: left; margin: 5px 0;}
  .Zz_Service .list li:nth-child(2n){float: right;}
  .Zz_Service .list li:nth-last-child(2){width: auto; float: none; clear: both;}
  .Zz_Service .pic{width: 60%; margin-top: 20px;}
}

@media ( max-width:480px){
  .Zz_Area{background-size: 100% 100px;}
  .Zz_Area .list li{width: 50%;}
  .Zz_Area .list li:nth-child(2n){background: none;}
  .Zz_Area .list li .name, .Zz_advantage li .con .name{font-size: 16px;}
  .Zz_Light .list{margin-left: -2%;}
  .Zz_Light .list li{width: 48%; margin: 0 0 2% 2%;}
  .Zz_Light .list li:nth-child(2),.Zz_Light .list li:nth-child(4),.Zz_Light .list li:nth-child(6){display: none;}
  .Zz_Light .list li .con .num{font-size: 26px;}
  .Zz_Light .list li .con .icons{width: 100px;}
  .Zz_Light .list li .con i{width: 30px; height: 2px;}
  .Zz_Light .list li .con .info{font-size: 14px; height: 72px;}
  .Zz_advantage li{width: 48%; margin-right: 0;}
  .Zz_advantage li:nth-child(2n){float: right;}
  .Zz_advantage li .con{padding: 20px 15px;}
  .Zz_advantage li .con .effect-img{width: 70px;}
}

/* 高新申请 */
.ApplyBox li{width: 32%; float: left; margin-right: 2%; position: relative;}
.ApplyBox li:nth-child(3n){margin-right: 0;}
.ApplyBox li .effect-img{height: 326px;}
.ApplyBox li .mask{position: absolute; left: 0; top: 0; right: 0; bottom: 0; background-color: rgba(0,0,0,.5); padding: 0 8% 15%; display: flex; align-items: flex-start; justify-content: flex-end; flex-direction: column;}
.ApplyBox li .name span{display: block; font-size: 18px; line-height: 24px; color: #fff; font-weight: lighter;}
.ApplyBox li .name i{display: block; width: 54px; height: 2px; margin-top: 26px; background: #59c47f;}

.Apply_Area .pic img{display: block; width: 100%;}
.Apply_Area .mobile{display: none;}

.Apply_Why .pic{width: 100%; position: absolute; left: 0; top: 0; height: 100%; display: flex; justify-content: center; align-items: center; text-align: center;}
.Apply_Why .list li{width: 24.6875%; float: left; margin: 15px 0 15px 6%; color: #fff; font-weight: lighter;}
.Apply_Why .list li:nth-child(2n){float: right; margin: 15px 6% 15px 0;}
.Apply_Why .list li:nth-child(3),.Apply_Why .list li:nth-child(4){margin: 15px 0;}
.Apply_Why .list li .name{line-height: 57px; border-bottom: 1px solid #62ba81; font-size: 24px; margin-bottom: 20px;}
.Apply_Why .list li .name span{position: absolute; width: 16px; height: 16px; left: -5px; bottom: -7px; background: #62ba81; border-radius: 50%;}
.Apply_Why .list li:nth-child(2n) .name span{left: auto; right: -5px;}
.Apply_Why .list li .info{font-size: 16px; line-height: 26px;}
.Apply_Why .list li:hover .name{color: #62ba81;}
.Apply_Why .HomeMore{margin: 3% auto 0;}

.Apply_benefit .pic{width: 37.5%; margin: 0 auto;}
.Apply_benefit li{width: 27.8125%; text-align: right; position: absolute;}
.Apply_benefit li:nth-child(2n){text-align: left;}
.Apply_benefit li.a1{top: 20%; left: 0;}
.Apply_benefit li.a2{top: 20%; right: 0;}
.Apply_benefit li.a3{top: 55%; left: 0;}
.Apply_benefit li.a4{top: 55%; right: 0;}
.Apply_benefit li .effect-img{width: 128px; display: inline-block; vertical-align: middle;}
.Apply_benefit li span{display: inline-block; width: 158px; line-height: 48px; border: 1px dashed #c0d3ec; margin: 0 15px; text-align: center; font-size: 24px; font-weight: lighter;}
.Apply_benefit li span{border: 1px dashed #d0ead9;}

.Apply_step .list li{width: 14.16666%; padding-right: 3%; float: left; background: url(../images/arrow.png) no-repeat right center; text-align: center;}
.Apply_step .list li:nth-last-child(2){background: none; padding-right: 0;}
.Apply_step .list li .icon{width: 95px; height: 95px; margin: 0 auto 10px;}
.Apply_step .list li span{font-size: 20px; line-height: 30px; font-weight: lighter;}
.Apply_step .list li:hover .icon{background-color: #2d6dc1; border-radius: 50%;}

@media ( max-width:1024px){
  .ApplyBox li .effect-img{height: 256px;}
  .Apply_Why .pic img{max-width: 46%;}
  .Apply_Why .list li .name{font-size: 20px;}
  .Apply_benefit li .effect-img{width: 80px;}
  .Apply_benefit li span{width: 120px; margin: 0 10px; font-size: 18px;}
  .Apply_step .list li .icon{width: 60px; height: 60px;}
  .Apply_step .list li span{font-size: 16px; line-height: 24px;}
}

@media ( max-width:768px){
  .ApplyBox li .effect-img{height: 200px;}
  .Apply_benefit li{position: static; width: 50%; float: left;}
}

@media ( max-width:480px){
  .ApplyBox li{width: auto; float: none; margin: 0 0 10px;}
  .Apply_Area .mobile{display: block;}
  .Apply_Area .pc{display: none;}
  .Apply_Why .pic{position: static;}
  .Apply_Why .pic img{max-width: 100%;}
  .Apply_Why .list li{width: 48%; margin: 15px 0 !important;}
  .Apply_benefit .pic{display: none;}
  .Apply_benefit li{text-align: center !important;}
  .Apply_benefit li span{display: block; margin: 0; width: auto;}
  .Apply_benefit li .effect-img{width: 60px;}
  .Apply_step .list li{width: 48%; padding-right: 0; background: none; margin: 0 0 10px;}
  .Apply_step .list li:nth-child(2n){float: right;}
  .Apply_step .list li span{font-size: 14px;}
}

/* 薪酬福利 */
.WelfareMain .Ban2 .icons img{width: 125px;}
.WelfareMain .Ban2 .icons .i1{top: -30%;}
.WelfareMain .Ban2 .icons .i2{top: 35%;}
.WelfareMain .Ban2 .icons .i3{top: 90%;}
.WelfareMain .Ban2 .icons .i4{top: -30%;}
.WelfareMain .Ban2 .icons .i5{top: 35%;}
.WelfareMain .Ban2 .icons .i6{top: 90%;}

.Welfare .pic{width: 61.625%; text-align: center;}
.Welfare .con{width: 36.875%; padding-top: 3%;}

.Welfare_list{background: url(../images/line3.png) no-repeat center top;}
.Welfare_list li{width: 32%; float: left; margin-right: 2%; color: #fff; text-align: center;}
.Welfare_list li:nth-child(3n){margin-right: 0;}
.Welfare_list li .effect-img{height: 240px;}
.Welfare_list li .mask{position: absolute; width: 100%; height: 100%; left: 0; top: 0; display: flex; justify-content: center; align-items: center; flex-direction: column; background-color: rgba(0,0,0,.6);}
.Welfare_list li .mask .icon{width: 64px; height: 64px; margin: 0 auto 15px;}
.Welfare_list li .mask .name{font-size: 26px; line-height: 30px;}
.Welfare_list li .tit{line-height: 90px; padding: 0 10px; background: #2d6dc1; font-size: 20px; font-weight: lighter;}

.Welfare_enable .pic{position: absolute; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; text-align: center;}
.Welfare_enable .list li{width: 31.875%; float: left; position: relative; text-align: right; margin: 4% 0;}
.Welfare_enable .list li:nth-child(2n){float: right; text-align: left;}
.Welfare_enable .list li .icon{width: 90px; height: 90px; position: absolute; right: 0; top: 0;}
.Welfare_enable .list li:nth-child(2n) .icon{right: auto; left: 0;}
.Welfare_enable .list li .con{padding-right: 112px;}
.Welfare_enable .list li:nth-child(2n) .con{padding: 0 0 0 112px;}
.Welfare_enable .list li .con .name{font-size: 24px; line-height: 48px; color: #363637;}
.Welfare_enable .list li .con .info{font-size: 18px; line-height: 30px;}

.Welfare_advan li{width: 23.5%; float: left; margin: 0 2% 0 0; text-align: center; position: relative; border-radius: 10px; overflow: hidden;}
.Welfare_advan li:nth-child(4n){margin-right: 0;}
.Welfare_advan li .effect-img{height: 440px;}
.Welfare_advan li .mask{position: absolute; top: 0; bottom: 0; left: 0; right: 0; padding: 50px 15px 0; text-align:center; background-color: rgba(45,109,193,0.7);}
.Welfare_advan li:nth-child(2n) .mask{background-color: rgba(89,196,127,0.7);}
.Welfare_advan li .name{margin: 0 0 30px;}
.Welfare_advan li .name .icon{display: block; width: 126px; margin: 0 auto;}
.Welfare_advan li .name span{display: block; margin: 12px 0 22px; font-size: 24px; line-height: 30px; color: #fff;}
.Welfare_advan li .name i{display: block; width: 60px; height: 2px; background: #fff; margin: 0 auto;}
.Welfare_advan li .info{font-size: 18px; color: #fff; line-height: 36px; max-width: 170px; margin: 0 auto;}

@media ( max-width:1200px){
  .WelfareMain .Ban2 .icons img{width: 80px;}
  .Welfare_list li .tit{display: none;}
  .Welfare_list li .mask .name{font-size: 20px;}
  .Welfare_enable .pic img{max-width: 30%;}
  .Welfare_enable .list li .con .info{font-size: 16px; line-height: 24px;}
  .Welfare_advan li .effect-img{height: 380px;}
  .Welfare_advan li .name .icon{width: 90px;}
  .Welfare_advan li .name span{font-size: 20px;}
  .Welfare_advan li .info{font-size: 16px; line-height: 26px;}
}

@media ( max-width:768px){
  .Welfare .pic,.Welfare .con{width: auto; float: none;}
  .Welfare_enable .pic{display: none;}
  .Welfare_enable .list li{width: 48%; text-align: center !important; margin: 10px 0;}
  .Welfare_enable .list li .icon{width: 70px; height: 70px; position: relative; margin: 0 auto 10px;}
  .Welfare_enable .list li .con{padding: 0 !important;}
  .Welfare_enable .list li .con .name{line-height: 30px; font-size: 20px;}
  .Welfare_advan li{width: 49%; margin: 0 0 10px;}
  .Welfare_advan li:nth-child(2n){float: right;}
}

@media ( max-width:480px){
  .Welfare_list li{width: auto; float: none; margin: 0 0 10px;}
  .Welfare_list li .mask .name{font-size: 18px;}
  .Welfare_list li .mask .icon{width: 54px; height: 54px;}
}

/* 园区招商 */
.Business{background: url(../images/line13.png) no-repeat center bottom;}
.Business .con{width: 44.375%; float: right;}
.Business .con .title{line-height: 72px; font-size: 30px; background: url(../images/line12.png) no-repeat left bottom; padding-left: 34px; font-weight: lighter;}
.Business .con .cominfo{padding: 4%; margin-left: 3%;}
.Business .con .mask{position: absolute; width: 86%; height: 100%; right: 0; top: 0; background: #f7f7f7;}
.Business .pic{position: absolute; left: 0; top: 0; height: 100%; width: 51.354%; display: flex; align-items: center; justify-content: center;}

.Business_adv .list li{width: 23%; float: left; margin-left: -7.69%; background-image: url(../images/bg5.png); background-size: 100% 100%;}
.Business_adv .list li:first-child{margin-left: 0;}
.Business_adv .list li:nth-child(2n){margin-top: 40px;}
.Business_adv .list li:nth-child(1),.Business_adv .list li:nth-child(5){background-image: url(../images/bg4.png); color: #fff;}
.Business_adv .list li:nth-child(3){background-image: url(../images/bg6.png); color: #fff;}
.Business_adv .list li .con{padding: 56px 0;}
.Business_adv .list li .icon{width: 132px; margin: 0 auto;}
.Business_adv .list li .con .info{max-width: 166px; font-size: 20px; line-height: 36px; margin: 10% 0 0 18%;}
.Business_adv .list li:nth-child(2n) .con .info{margin: 0 0 10% 25%;}

.Business_Serive .list{background: url(../images/line14.png) repeat-x center left; text-align: center; font-size: 0;}
.Business_Serive .list li{width: 10.8571%; display: inline-block; vertical-align: top; margin: 0 4% 0 0;}
.Business_Serive .list li:last-child{margin-right: 0;}
.Business_Serive .list li:nth-child(2n){padding: 89px 0 0;}
.Business_Serive .list li .name{line-height: 30px; font-size: 24px; font-weight: lighter; color: #fff; padding-bottom: 46px; margin-bottom: 13px; background-image: url(../images/arr13.png); background-repeat: no-repeat; background-position: center bottom;}
.Business_Serive .list li:nth-child(2n) .name{background-position: center top; background-image: url(../images/arr12.png); padding: 46px 0 0; margin: 13px 0 0;}
.Business_Serive .list li:hover{transform: translateY(-10px);}
.Business_Serive .list li:hover .name{color: #59c47f;}

.Business_step .list{background: #f3f3f3;}
.Business_step .list li{width: 33.333%; float: left; font-weight: lighter; background-image: url(../images/line15.png); background-repeat: no-repeat; background-position: right 10%;}
.Business_step .list li:nth-child(3n){background: none;}
.Business_step .list li .box{max-width: 340px; margin: 0 auto; padding: 0 15px;}
.Business_step .list li .box .imgbg{padding: 20px; background: #e9ecf0; border-radius: 50%; max-width: 248px; margin: 0 auto 30px;}
.Business_step .list li .box .effect-img{border-radius: 50%;}
.Business_step .list li .box .effect-img img{display: block; width: 100%; border-radius: 50%; box-shadow: 0 0 20px rgba(45,109,193,0.12);}
.Business_step .list li .con i{display: block; width: 60px; height: 6px; background: #59c47f; margin: 0 auto 5%;}
.Business_step .list li .con .name{font-size: 30px; line-height: 40px;}
.Business_step .list li .con .name span{display: inline-block; font-size: 54px; color: #2d6dc1; font-family: "osw"; margin-right: 15px;}
.Business_step .list li .con .info{font-size: 18px; line-height: 40px; color: #666;}

@media ( max-width:1366px){
  .Business_adv .list li .con .info{font-size: 18px; line-height: 30px;}
  .Business_Serive .list li .name{font-size: 20px;}
  .Business_step .list li .con .name span{font-size: 35px; margin-right: 10px;}
  .Business_step .list li .con .name{font-size: 24px;}
  .Business_step .list li .con .info{font-size: 16px; line-height: 30px;}
}

@media ( max-width:1024px){
  .Business .con .title{font-size: 24px; line-height: 30px; padding-bottom: 10px; margin-bottom: 25px;}
  .Business .con{width: auto; float: none; margin-bottom: 25px;}
  .Business .pic{position: static; margin: 0 auto; width: 80%;}
  .Business_adv .list li .icon{width: 100px;}
  .Business_adv .list li .con .info{max-width: 130px; height: 90px;}
  .Business_Serive .list li .name{font-size: 16px;}
  .Business_step .list li .box .imgbg{max-width: 180px;}
  .Business_step .list li .con .name{font-size: 20px;}
  .Business_step .list li .con .name span{font-size: 25px;}
}

@media ( max-width:768px){
  .Business_adv .list li{width: 32%; float: left; background: none !important; margin: 0 2% 2% 0; color: #333 !important;}
  .Business_adv .list li:nth-child(3n){margin-right: 0;}
  .Business_adv .list li:nth-child(2n){margin-top: 0;}
  .Business_adv .list li .con{border: 1px solid #2d6dc1; padding: 20px;}
  .Business_adv .list li .con .info{max-width: none; margin-left: 0 !important; text-align: center;}
  .Business_Serive .list{background: none;}
  .Business_Serive .list li{width: 25%; margin: 0 0 2%; padding: 0 !important;}
  .Business_Serive .list li .icon{display: block; width: 100px; margin: 0 auto;}
  .Business_Serive .list li .name{background: none !important; padding: 0 !important;}
  .Business_Serive .list li:nth-child(2n) .name{margin: 0 0 13px;}
  .Business_step .list li .con i{width: 30px; height: 2px;}
  .Business_step .list li .con .name{font-size: 17px;}
  .Business_step .list li .con .name span{font-size: 20px;}
  .Business_step .list li .con .info{font-size: 14px; line-height: 24px;}
}

@media ( max-width:480px){
  .Business .con .title{font-size: 20px; padding-left: 21px;}
  .Business .pic{width: auto;}
  .Business_adv .list li .con .info{font-size: 15px;}
  .Business_Serive .list li .icon{width: 64px;}
  .Business_Serive .list li .name{font-size: 14px; padding-bottom: 30px;}
  .Business_Serive .list li:nth-child(2n) .name{padding: 30px 0 0;}
  .Business_step .list li{width: auto; float: none; background: none; border-bottom: 1px solid #dadada; padding-bottom: 20px; margin-bottom: 20px;}
  .Business_step .list li:nth-last-child(2){margin-bottom: 0; border-bottom: none; padding-bottom: 0;}
  .Business_step .list li .box .con{text-align: center;}
}

.imgbox img{display: block; width: 100%;}
.imgbox .mobile{display: none;}

@media ( max-width:768px){
	.imgbox .pc{display: none;}
	.imgbox .mobile{display: block;}
}
/* 电商行业 */
.Greybg{background: #f4f4f4;}
.EcommerceIndustry {padding: 0%;}
.EcommerceIndustry .row{display: flex;flex-flow: row;justify-content: space-around;}
.EcommerceIndustry .toppic{
	margin-top: 0.572%;margin-left: 3%;
}
.EcommerceIndustry .topright{
	margin-left: 6%;margin-top:5rem;margin-right: 3%;
}
.rigthicon{
	display: flex;flex-flow: row;align-items: flex-start;
}
.rigthicon .ico{
	margin-top: 0.625rem;margin-right: 0.625rem;
}
.EcommerceIndustryTitle{
	margin-top: 4.75rem;margin-bottom: 3.125rem;
}
.EcommerceIndustryFlexCenter{
	display: flex;flex-flow: row; flex-wrap: nowrap; align-items: center;
}
.EcommerceIndustryFlexCenter .topImage{
	margin-right: -5rem;z-index: 1;
}
.EcommerceIndustryFlexCenter .rightImage{
	background:rgba(244,244,244,1);width: 81.875rem;
}
.EcommerceIndustryFlexCenter .rightImage img{
	width: 86.488%;margin-left: 6.375rem;
}
.EcommerceIndustryMp{
	margin-top: 6.25rem;
}
.EcommerceIndustryImage{
	flex-shrink: 0;
}

.NewRetail .list li{width: 32.3333%; float: left; margin: 0 1.5% 1.5% 0; position: relative; box-shadow: 0 0 20px rgba(0,0,0,.12);}
.NewRetail .list li:nth-child(3n){margin-right: 0;}
.NewRetail .list li .con,.NewRetail .list li .img{height: 268px;}
.NewRetail .list li .con{background: #2d6dc1; color: #fff;}
.NewRetail .list li .box .effect-img{height: 268px;}
.NewRetail .list li .con .num{font-size: 54px; line-height: 76px; font-family: "osw";}
.NewRetail .list li .con .info{ font-size: 24px; line-height: 53px;  margin-left: 33px;}
.NewRetail .list li .con i{display: block; width: 60px; height: 2px; background: #59c47f;}
.NewRetail .list li .con .icons{position: absolute; right: 0; bottom: 0; width: 252px;}
.NewRetail .list li:nth-child(3) .con,.NewRetail .list li:nth-child(7) .con{background: #59c47f;}
.NewRetail .list li:nth-child(3) .con i,.NewRetail .list li:nth-child(7) .con i{background: #fff;}
.NewRetail .list li:nth-child(5) .con,.NewRetail .list li:nth-child(9) .con{background: #fff; color: #666;}
.NewRetail .list li:nth-child(5) .con .num,.NewRetail .list li:nth-child(9) .con .num{color: #2d6dc1;}

.NewRetailService li{width: 32%; float: left; margin-right: 2%; position: relative;}
.NewRetailService li:nth-child(3n){margin-right: 0;}
.NewRetailService li i{width: 1px; height: 22px; background: #2d6dc1; position: absolute; left: 50%; bottom: 0px;}
.NewRetailService li:nth-child(2n) i{background: #59c47f;}
.NewRetailService li .icon{display: block; width: 200px; margin: 0 auto;}
.NewRetailService li .box{border-radius: 10px; box-shadow: 0 0 20px rgba(0,0,0,0.12);  padding: 33px 50px 57px; text-align: center;}
.NewRetailService li .box .title{font-size: 24px; line-height: 30px; margin-bottom: 57px;margin-top: 35px;}
.NewRetailService li .box .info{font-size: 16px; line-height: 34px; color: #666; height: 170px;}
.NewRetailService li:hover .box .title{color: #2d6dc1;}
.NewRetailService li:nth-child(2n):hover .box .title{color: #59c47f;}


.NewRetailSlider li .box{margin: 0 2px; text-align: center;}
.NewRetailSlider li .effect-img{height: 330px;}
.NewRetailSlider li .mask{position: absolute; left: 0; top: 0; right: 0; bottom: 0; /*! padding: 15% 10px; */ background-color: rgba(0,0,0,0.6); color: #fff;}
.NewRetailSlider li .icon{width: 100px; height: 100px;margin-left: 66.877%;margin-top: 56px;}
.NewRetailSlider li .mask .con{position: absolute;top: 100px;left: 17.08%;text-align: left;max-width: 280px;}
.NewRetailSlider li .mask .con .title{font-size: 24px;line-height: 87px;}
.NewRetailSlider li .mask .con p{font-size: 20px;line-height: 30px;}
.NewRetailSlider li .mask .con i{display: block; width: 60px; height: 2px; background: #59c47f;}