.clear:after{clear:both;display:table;height:0;content:"";}
.left{float:left;}
.right{float:right;}
.box{ max-width: 1300px; margin-left:auto; margin-right:auto;}
/*栏目*/
.f15850450286{display: none;width: 140px;left: 0;top: 54px;position: absolute;background-color: #fff; text-indent:20px; box-shadow: 0 0 8px rgba(0, 0, 0, .3);padding:8px 0;}
.f15850450286 li{line-height: 36px;}
.f15850450286 li a{font-size: 14px;color:#333;}
.f15850450286 li a:hover{color:#1dd8bd;}
.f15850450283:nth-child(1) .f15850450286{display: none !important;}
.f15850450283:nth-child(4) .f15850450286{display: none !important;}
.f15850450283:nth-child(5) .f15850450286{display: none !important;}
.f15850450283:nth-child(6) .f15850450286{display: none !important;}
/*浮动板块*/
.fudong{width: 60px;background: #1dd8bd;position: fixed;right: 0;top:250px;z-index: 9999; text-align: center;display: block;}
.fudong .fuwu{border-bottom:1px solid rgba(255, 255, 255, 0.4)}
.fudong .fuwu a img{padding: 10px 0 5px 0;}
.fudong .fuwu a p{color: #fff;font-size: 12px;padding-bottom: 5px;}
.fuwu_weixin{position: relative;cursor: pointer;}
.fuwu_weixin .fuwu_weixin1{position: absolute;left:-120px;top:0; background: #fff;border: 1px solid #ddd; text-align: center;padding: 10px;display: none;}
.fuwu_weixin .fuwu_weixin1 img{width: 90px;height: 90px;}
.fuwu_weixin .fuwu_weixin1 p{font-size: 12px;color: #666;padding-top: 5px;}
.fuwu_weixin:hover .fuwu_weixin1{display: block}
/*图文*/
.tuwen{text-align: center;}
.tuwen img{ max-width: 100%;}
/*服务场景*/
.social{width: 100%;height: 100%;background-color: #f7f7f7;overflow: hidden;}
.social .scene-section{height: 985px;background-color: #fff;padding-top: 110px;position: relative;}
.social .scene-section .title{color: #333;margin: 0 auto;padding-top: 30px;text-align: center;line-height: 1;font-size: 36px;font-weight: 400;background-repeat: no-repeat;background-position: top;background-size: auto 45px;}
.social .section .title.scene .section-title{position: relative;}
.social .section .title.scene .section-title:after {content: "";width: 70px;height: 5px; background-color:#1dd8bd;position: absolute;bottom: -25px;border-radius: 2px;left: 50%;margin-left: -35px;}
.social .scene-section .scene-tree{width: 683px;height: 490px;margin: 160px auto;position: relative;}
.social .scene-section .scene-tree .scene-fade-left{color: #333;font-size: 16px;line-height: 30px;text-align: center;position: absolute;}
.social .scene-section .scene-tree .scene-fade-left.scene-top{top: -70px;left: 52%;margin-left: -125px;}
.social .scene-section .scene-tree .scene-fade-left.scene-top-left{top: 150px;left: -83px;}
.social .scene-section .scene-tree .scene-fade-left.scene-top-right{top: 145px;right: -135px;}
.social .scene-section .scene-tree .scene-fade-left.scene-bottom-left{top: 347px;left: -124px;}
.social .scene-section .scene-tree .scene-fade-left.scene-bottom-right{top: 300px;right: -80px;}
.social .scene-section .scene-tree .scene-fade-left.scene-bottom{top: 494px;left: 50.5%;margin-left: -82px;}
/*服务产品*/
.social .section{padding-top: 110px;position: relative;}
.social .section .title{margin: 0 auto;padding-top: 30px;text-align: center;color: #333;line-height: 1;font-size: 36px;font-weight: 400;background-repeat: no-repeat;background-position: top;background-size: auto 45px;}
.social .section .title.production .section-title{position: relative;}
.social .section .title.production .section-title:after {content: "";width: 70px;height: 5px;background-color:#1dd8bd;position: absolute;bottom: -25px;border-radius: 2px;left: 50%;margin-left: -35px;}
.social .section .cont{width: 665px;margin: 134px auto 0;}
.social .section .cont ul li{float: left;width: 300px;height: 380px;text-align: center;padding: 30px 0;background-color: #fff;border-radius: 3px;margin-left: 55px;position: relative}
.social .section .cont ul li:first-child {margin-left: 0!important}
.social .section .cont ul li h5{font-size: 24px;color: #333;margin-bottom: 17px}
.social .section .cont ul li h2, .social .section .cont ul li h5{transition: -webkit-transform .3s;transition: transform .3s;transition: transform .3s, -webkit-transform .3s}
.social .section .cont ul li h2{font-size: 14px;color: #999;margin-bottom: 35px}
.social .section .cont ul li h3{font-size: 14px;color: #666;margin-top: 30px}
.social .section .cont ul li h4{font-size: 14px;color: #666;margin-top: 18px}
.social .section .cont ul li .colorRed{font-size: 18px;color:#1dd8bd;margin-top: 5px;font-weight: 700}
.social .section .cont ul li .plus{font-size: 14px;color: #666;margin-top: 19px}
.social .section .cont ul li .social-pro{width: 104px;height: 98px;margin: 0 auto}
.social .section .cont ul li .btn-ask-login, .social .section .cont ul li .btn-ask{width: 140px;height: 50px;display: block;line-height: 48px;border: 1px solid #1dd8bd;border-radius: 25px;text-align: center;font-size: 18px;color:#1dd8bd;position: absolute;transition: -webkit-transform .3s;transition: transform .3s;transition: transform .3s, -webkit-transform .3s;bottom: 30px;left: 50%;margin-left: -70px;cursor: pointer}
.social .section .cont ul li:hover {color: #fff;background-color:#1dd8bd}
.social .section .cont ul li:hover h2, .social .section .cont ul li:hover h5{-webkit-transform: translateY(60px);transform: translateY(60px);color: #fff;font-weight: 400}
.social .section .cont ul li:hover h5{font-size: 30px;width: 160px;margin: 0 auto;line-height: 44px}
.social .section .cont ul li:hover h2{font-size: 18px;margin-top: 19px}
.social .section .cont ul li:hover .colorRed, .social .section .cont ul li:hover .plus, .social .section .cont ul li:hover .social-pro, .social .section .cont ul li:hover h3, .social .section .cont ul li:hover h4{opacity: 0}
.social .section .cont ul li:hover .btn-ask-login, .social .section .cont ul li:hover .btn-ask{opacity: 1;-webkit-transform: translateY(-20px);transform: translateY(-20px);background-color:#1dd8bd;border-color: #fff;color: #fff}
.social .section .cont ul li:hover .btn-ask-login:hover, .social .section .cont ul li:hover .btn-ask:hover {background-color: #fff;border-color: #1dd8bd;color: #1dd8bd}
.social .section .cont ul .normal .btn-ask-login, .social .section .cont ul .normal .btn-ask{opacity: 0}
.social .section .waveContent{position: relative;height: 170px;}
/*服务模式*/
.social .model-section{height: 554px;background-color: #fff}
.social .model-section .model-tree{width: 1200px;margin: 0 auto;padding: 100px 0 154px}
.social .model-section .model-tree .model-item{width: 124px;height: 124px;float: left;position: relative;margin-right: 91px}
.social .model-section .model-tree .model-item:after {content: "";width: 91px;border: 2px dashed #1dd8bd;position: absolute;top: 50%;margin-top: -1px;right: -91px}
.social .model-section .model-tree .model-item:last-child {margin-right: 0}
.social .model-section .model-tree .model-item:last-child:after {visibility: hidden}
.social .model-section .model-tree .model-item .model-num{width: 22px;height: 22px;line-height: 22px;margin: 32px auto 0;border-radius: 100%;background-color: #fff;text-align: center;font-size: 15px;color: #1dd8bd;font-weight: 900;font-family: Swiss721BT-BlackCondensed}
.social .model-section .model-tree .model-item .model-title{width: 58px;margin: 3px auto 0;text-align: left;line-height: 19px;font-size: 14px;color: #fff;font-weight: 400}
/*服务优势*/
.social .advantages-section .advantages-item{max-width: 1211px;margin: 0 auto 40px}
.social .section .title.advantages .section-title{position: relative;}
.social .section .title.advantages .section-title:after {content: "";width: 70px;height: 5px;background-color:#1dd8bd;position: absolute;bottom: -25px;border-radius: 2px;left: 50%;margin-left: -35px;}
.social .advantages-section .advantages-item ul{margin-top: 126px}
.social .advantages-section .advantages-item ul li{width: 400px;height: 310px;float: left;text-align: center;margin-bottom: 20px}
.social .advantages-section .advantages-item ul li .item-img{width: 200px;height: 172px;margin: 0 auto}
.social .advantages-section .advantages-item ul li h5{font-size: 24px;color: #333}
.social .advantages-section .advantages-item ul li .item-content{width:84%;font-size: 14px;line-height: 30px;margin-top: 28px;color: #999;margin-left: auto;margin-right: auto;}
/*服务场景*/
.outsourcing{width: 100%;min-width: 1210px;height: 100%;background-color: #fff;}
.outsourcing .scene-section{padding-top: 110px;padding-bottom: 150px}
.outsourcing .scene-section .title{margin: 0 auto 100px;padding-top: 30px;text-align: center;color: #333;line-height: 1;font-size: 36px;font-weight: 400;background-repeat: no-repeat;background-position: top;background-size: auto 45px}
.outsourcing .scene-section .title.scene .section-title{position: relative}
.outsourcing .scene-section .title.scene .section-title:after {content: "";width: 70px;height: 5px;background-color:#1dd8bd;position: absolute;bottom: -25px;border-radius: 2px;left: 50%;margin-left: -35px}
.outsourcing .scene-section .cont{width: 1200px;margin: 0 auto;padding-top: 90px 0 150px 0}
.outsourcing .scene-section .cont ul li{float: left;width: 400px;height: 199px;text-align: center;padding: 0;background-color: #fff;position: relative}
.outsourcing .scene-section .cont ul li .scene-title{color: #333;font-size: 16px;line-height: 16px;padding-top: 183px}
/*服务场景*/
.outsourcing .section{padding-top: 110px;background-color: #f7f7f7}
.outsourcing .section .title{margin: 0 auto 100px;padding-top: 30px;text-align: center;color: #333;line-height: 1;font-size: 36px;font-weight: 400;background-repeat: no-repeat;background-position: top;background-size: auto 45px}
.outsourcing .section .title.production .section-title{position: relative}
.outsourcing .section .title.production .section-title:after {content: "";width: 70px;height: 5px;background-color:#1dd8bd;position: absolute;bottom: -25px;border-radius: 2px;left: 50%;margin-left: -35px}
.outsourcing .section .cont{width: 1040px;margin: 134px auto 0}
.outsourcing .section .cont ul li{float: left;width: 480px;height: 400px;text-align: center;background-color: #fff;border-radius: 3px;margin-left: 80px;position: relative}
.outsourcing .section .cont ul li:first-of-type {margin-left: 0}
.outsourcing .section .cont ul li .side-title{width: 146px;height: 30px;font-size: 14px;text-align: center;line-height: 30px;background-color: #1dd8bd;color: #f7f7f7;border-radius: 0 15px 15px 0;-moz-border-radius: 0 15px 15px 0}
.outsourcing .section .cont ul li h5{font-size: 24px;color: #333;margin-bottom: 17px}
.outsourcing .section .cont ul li h2, .outsourcing .section .cont ul li h5{transition: -webkit-transform .3s;transition: transform .3s;transition: transform .3s, -webkit-transform .3s}
.outsourcing .section .cont ul li h2{font-size: 14px;color: #999;margin-bottom: 35px}
.outsourcing .section .cont ul li h3{font-size: 14px;color: #666;margin-top: 30px}
.outsourcing .section .cont ul li .outsourcing-pro{width: 72px;height: 72px;margin: 0 auto}
.outsourcing .section .cont ul li .btn-ask{width: 140px;height: 50px;line-height: 48px;border: 1px solid #1dd8bd;border-radius: 25px;text-align: center;font-size: 18px;color: #1dd8bd;position: absolute;transition: -webkit-transform .3s;transition: transform .3s;transition: transform .3s, -webkit-transform .3s;bottom: 30px;left: 50%;margin-left: -70px}
.outsourcing .section .cont ul li:hover {color: #fff;background-color: #1dd8bd}
.outsourcing .section .cont ul li:hover h2, .outsourcing .section .cont ul li:hover h5{-webkit-transform: translateY(60px);transform: translateY(60px);color: #fff;font-weight: 400}
.outsourcing .section .cont ul li:hover h5{font-size: 30px;width: 160px;margin: 0 auto;line-height: 44px}
.outsourcing .section .cont ul li:hover h2{font-size: 18px;margin-top: 19px}
.outsourcing .section .cont ul li:hover .outsourcing-pro, .outsourcing .section .cont ul li:hover .side-title, .outsourcing .section .cont ul li:hover h3{opacity: 0}
.outsourcing .section .cont ul li:hover .btn-ask{opacity: 1;-webkit-transform: translateY(-20px);transform: translateY(-20px);background-color: #1dd8bd;border-color: #fff;color: #fff}
.outsourcing .section .cont ul li:hover .btn-ask:active, .outsourcing .section .cont ul li:hover .btn-ask:hover {cursor: pointer;color: #f60;background: #fff;border: 1px solid #fff}
.outsourcing .section .cont ul .normal .btn-ask{opacity: 0}
.outsourcing .section .waveContent{position: relative;height: 170px}
/*服务产品*/
.outsourcing .model-section{height: 900px;padding-top: 110px}
.outsourcing .model-section .title{margin: 0 auto 100px;padding-top: 30px;text-align: center;color: #333;line-height: 1;font-size: 36px;font-weight: 400;background-repeat: no-repeat;background-position: top;background-size: auto 45px}
.outsourcing .model-section .title.model .section-title{position: relative}
.outsourcing .model-section .title.model .section-title:after {content: "";width: 70px;height: 5px;background-color:#1dd8bd;position: absolute;bottom: -25px;border-radius: 2px;left: 50%;margin-left: -35px}
.outsourcing .model-section .section-content{width: 439px;height: 477px;margin: 125px auto 0;text-align: center;}
/*服务模式*/
.outsourcing .advantages-section{padding-top: 110px;padding-bottom: 110px}
.outsourcing .advantages-section .title{margin: 0 auto 100px;padding-top: 30px;text-align: center;color: #fff;line-height: 1;font-size: 36px;font-weight: 400;background-repeat: no-repeat;background-position: top;background-size: auto 45px}
.outsourcing .advantages-section .title.advantages .section-title{position: relative}
.outsourcing .advantages-section .title.advantages .section-title:after {content: "";width: 70px;height: 5px;background-color: #fff;position: absolute;bottom: -25px;border-radius: 2px;left: 50%;margin-left: -35px}
.outsourcing .advantages-section .cont{width: 1200px;margin: 0 auto;padding-top: 100px 0 150px 0}
.outsourcing .advantages-section .cont ul li{float: left;width: 279px;height: 300px;text-align: center;margin-right: 28px;background-position: center 80px;background-repeat: no-repeat;background-color: #fff;position: relative}
.outsourcing .advantages-section .cont ul li:last-of-type {margin-right: 0}
.outsourcing .advantages-section .cont ul li .advantages-title{color: #333;font-size: 14px;line-height: 30px;text-align: center}
.outsourcing .advantages-section .cont ul li .advantages-title:first-of-type {padding-top: 204px;padding-left: 20px;padding-right: 20px;}






@media (max-width: 768px){
/*栏目*/
.f15850450286{display: block;position: relative;width: 100%; background:none;top:0;text-indent:0;box-shadow:none; text-align: center;    border-bottom: 1px solid #2E2F48;}
.f15850450286 li{line-height: 34px;}
.f15850450286 li a{font-size: 13px;color:#c0c0d2;}
.navbar-fixed-bottom .navbar-collapse, .navbar-fixed-top .navbar-collapse{max-height:600px !important;}
.fudong{display: none;}
.hm-header .container .nav-logo{margin:0;width:90px;}
}