@font-face {
  font-family: 'HarmonyOS';
  src: url("../fonts/harmonyos_sans_sc_regular.ttf");
}
body {color: #191919; font-size: 12px;}
*{font-family: "HarmonyOS"; margin: 0; padding: 0; }
a:link, a:visited, a:active{color: #000000; text-decoration: none}
ul, ol, li { padding: 0; margin: 0; list-style-type: none;}
.c_b{clear: both;}
.f_l{float: left;}
.f_r{float: right;}
.bg{background: #FFFFFF;}
.gray_bg{background: #efefef}
.black{color: #000000;}
.gray {color: #898989;}
.blue {color: #1151A0;}
.yellow {color: #ffb400}
.orange{color:#ff5500}
.red{color: #dd2d44}
.w10{width: 10%;}
.w20{width: 20%;}
.w30{width: 30%;}
.w40{width: 40%;}
.in-main{padding: 30px 0 0}
.container{width: 1200px; margin: 0 auto; position: relative;}
.m-l5{margin-left: 5px;}
.m-l10{margin-left: 10px;}
.m-l15{margin-left: 15px;}
.m-l20{margin-left: 20px;}
.m-l25{margin-left: 25px;}
.m-l30{margin-left: 30px;}
.m-r5{margin-right: 5px;}
.m-r10{margin-right: 10px;}
.m-r15{margin-right: 15px;}
.m-r20{margin-right: 20px;}
.m-r25{margin-right: 25px;}
.m-r30{margin-right: 30px;}
.m-t5{margin-top: 5px;}
.m-t10{margin-top: 10px;}
.m-t15{margin-top: 15px;}
.m-t20{margin-top: 20px;}
.m-t25{margin-top: 25px;}
.m-t30{margin-top: 30px;}
.m-t40{margin-top: 40px;}
.m-t45{margin-top: 45px;}
.m-t50{margin-top: 50px;}
.m-b5{margin-bottom: 5px;}
.m-b10{margin-bottom: 10px;}
.m-b15{margin-bottom: 15px;}
.m-b20{margin-bottom: 20px;}
.m-b25{margin-bottom: 25px;}
.m-b30{margin-bottom: 30px;}

.p-l5{padding-left: 5px;}
.p-l10{padding-left: 10px;}
.p-l15{padding-left: 15px;}
.p-l20{padding-left: 20px;}
.p-l25{padding-left: 25px;}
.p-l30{padding-left: 30px;}
.p-r5{padding-right: 5px;}
.p-r10{padding-right: 10px;}
.p-r15{padding-right: 15px;}
.p-r20{padding-right: 20px;}
.p-r25{padding-right: 25px;}
.p-r30{padding-right: 30px;}
.p-t5{padding-top: 5px;}
.p-t10{padding-top: 10px;}
.p-t15{padding-top: 15px;}
.p-t20{padding-top: 20px;}
.p-t25{padding-top: 25px;}
.p-t30{padding-top: 30px;}
.p-b5{padding-bottom: 5px;}
.p-b10{padding-bottom: 10px;}
.p-b15{padding-bottom: 15px;}
.p-b20{padding-bottom: 20px;}
.p-b25{padding-bottom: 25px;}
.p-b30{padding-bottom: 30px;}
.p-a5{padding: 5px;}
.p-a10{padding: 10px;}
.p-a15{padding: 15px;}
.p-a20{padding: 20px;}
.p-a25{padding: 25px;}
.p-a30{padding: 30px;}
.p-b0{padding-bottom: 0px;}
.header{height: 191px;}
.nav-top{height: 150px;}
.fix{*zoom:1}
.fix:after{clear: both; content: ""; display: table;}
#body{position: relative}
#body .float-kf{position: fixed; right: 0; z-index: 100; bottom: 0px; width: 100px; border: 1px solid #cccccc;}
#body .float-kf img{float: left; width: 100px; height: 100px;}
#body .float-kf span{display: block; width: 100%; height: 30px; line-height: 30px; text-align: center; background: #ffffff; float: left;}
.nav-top .nav-top-box{padding: 48.5px 0; height: 53px;}
.nav-top .logo{ width: 352px; float: left;}
.nav-top .logo img{width: 202px; height: 53px;}
.nav-top .sub-top-area{width: 100px; height: 53px; float: right; padding: 0 10px;border-left: 1px solid #e1e1e1;border-right: 1px solid #e1e1e1;}
.nav-top .sub-top-area-box{height: 20px; line-height: 20px; margin: 16px 10px; text-align: center; font-size: 14px; position: relative}
.nav-top .sub-top-area-box .topbar-citypop{position: absolute; left: -21px; top: 38px;}
.sub-top-area-box .iconfont{margin: 0; color: #1151A0;}
.sub-top-area-box .icon-ditu-dibiao{float: left}
.sub-top-area-box .icon-down1{float: right}
.nav-top .sub-top-area-box a {color: #1151A0; display: block}
.nav-top .search {height: 53px; width: 740px; float: right;}
.nav-top .search .search-l {height: 22px; line-height: 22px; margin: 16px 0; float: right; margin-right: 40px; font-size: 14px;}
.nav-top .search .search-l span { display: inline-block; float: left;}
.icon-tel {background: url(../bg/icon-tel.png) no-repeat; width: 22px; height: 22px; display: inline-block; float: left;}
.icon-user {background: url(../bg/icon-user.png) no-repeat; width: 19px; height: 19px; margin-top: 2px; display: inline-block; float: left;}
.icon-tel-w {background: url(../bg/icon-tel-w.png) no-repeat; width: 22px; height: 22px; display: inline-block; float: left;}
.icon-user-w {background: url(../bg/icon-user-w.png) no-repeat; width: 19px; height: 19px; margin-top: 2px; display: inline-block; float: left;}
.wechat-recode-model{position: relative;}
.wechat-recode-model:hover{cursor: pointer}
.wechat-recode-model .wechat-img{position: absolute; top: -110px; left: 0;}
.wechat-recode-model .wechat-img img {width: 100px; height: 100px;}
.icon-wechat-w {background: url(../bg/icon-wechat-w.png) no-repeat; width: 22px; height: 22px; margin-top: 2px; display: inline-block; float: left;}
.icon-link-w {background: url(../bg/icon-link-w.png) no-repeat; width: 22px; height: 22px; margin-top: 2px; display: inline-block; float: left;}
.nav-top .search-form {width: 290px; float: right; margin: 10px; }
.nav-top .search-form .search-box {width: 249px;  border: 1px solid #cecece; float: left; border-right: none; padding: 3px 0;  position: relative; }
.search-form .search-box .search-input{border: none; width: 148px; height: 24px;  margin: 0 2px 0 10px; float: left;}
.search-form .search-box .search-down {width: 82px; float: left; height: 18px; line-height: 18px; margin: 3px 0; text-indent: 14px; border-left: 1px solid #9c9c9c; color: #9c9c9c; background: url(../bg/icon-down.png) no-repeat center right;}
.search-form .search-but{background: url(../bg/search-bth.png) no-repeat; border: 0; width: 31px; height: 32px ; float: left;}
.search-form .search-box .search-down-widget{position: absolute; display: none; bottom: -77px; right: 28px; width: 60px; border: 1px solid #cecece; border-top: none; z-index: 10; background-color: #FFFFFF;}
.search-form .search-box .search-down-widget li{line-height: 25px; text-align: center; color: #9c9c9c;}
.nav-menu{background-color: #1151A0; height: 38px; line-height: 38px;}
.nav-menu .container{background-color: #ffffff; height: 38px; width: 1256px;}
.nav-menu ul{width: 1256px;}
.nav-menu li:first-child{border-top-left-radius: 0;}
.nav-menu li:last-child{border-top-right-radius: 0;}
.nav-menu li{width: 157px; float: left; text-align: center; position: relative; border-top-left-radius: 5px; border-top-right-radius: 5px; background-color: #1151A0; font-size: 14px;}
.nav-menu li a{color: #FFFFFF; display: block}
.nav-menu li.active{background-color: #ffffff;}
.nav-menu li.active a{ color: #000000}
.nav-menu li:hover{background-color: #FFFFFF; display: block;}
.nav-menu li:hover a{ color: #000000;}
.nav-menu li:hover .dropdown-content {display: block;}
.nav-menu .dropdown-content{width: auto;}
.nav-menu li .dropdown-content { display: none; position: absolute; background-color: #FFFFFF; box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.2); z-index: 999;}
.nav-menu li .dropdown-content li{background-color: #ffffff}
.nav-menu li .dropdown-content a{color: #b6b6b6;}
.nav-menu li .dropdown-content a:hover{color: #1151a0;}
.banner{width:100%;position:relative;height:410px;padding-top:2px; overflow: hidden; border-bottom: 3px solid #e7e7e7}
.banner .slide_pic{ margin:0 auto;position: relative; z-index:0;overflow:hidden;}
.banner .slide_pic ul{width:100% !important;}
.banner .slide_pic li{width:100% !important;height:416px;overflow:hidden;text-align:center;}
.banner .slide_pic li a{display:block;height:416px;}
.banner .buttons{position:absolute;bottom:18px;right:50px;}
.banner .buttons ul li{display:block;float:left;width:15px;height:15px; line-height:15px;border-radius:50%;background:rgba(255,255,255, 0.7); margin-left: 10px; text-align: center;}
.banner .buttons .on{background:#1d97ff;}
.business-box{padding: 50px 0; background-color: #FFFFFF;}
.business-box .my-content{height: 314px; overflow: hidden;}
.business-box .b-text{width: 490px; height: 264px; overflow: hidden; padding: 20px 30px 0;float: left;font-size: 14px;}
.business-box .b-text span{display: block; line-height: 55px; text-align: center;}
.business-box .b-text p{line-height: 30px;}
.business-box .b-img{width: 550px; height: ; float: left;}
.my-tab-line{border-bottom: 1px solid #1151A0; margin: 30px 0;}
.home-title{text-align: center;}
.home-title p{font-size: 24px;}
.home-title p .courier{font-family: Courier New; font-weight: 500; font-style: normal; font-size: 30px;}
.my-tab {text-align:center;line-height: 42px; height: 42px;}
.my-tab aside{ text-align:center; display:inline-block; height:42px;}
.my-tab aside a{color:#9e9e9e; padding: 0 5px; border-right: 1px solid #ccc; font-size: 14px;}
.my-tab aside a.active{color:#3dadff;}
.my-tab aside a:hover{color:#3dadff; cursor:default;}
.my-tab aside:last-child a{ border:none;}
.my-content section{display: none;}
.my-content .active{display: block;}
.service-box{padding: 30px 0 20px 0; }
.service-box .my-tab aside:last-child span{border: 0;}
.service-box .my-tab aside span{padding: 0 5px; border-right: 1px solid #000;}
.service-box .my-tab aside a{color: #000000;  padding: 0; border: 0}
.service-box .my-tab aside a:hover{color:#3DADFF; cursor:default;}
.service-box .my-tab aside a.active{color:#3DADFF; border-bottom: 1px solid #3DADFF;}
.service-box .my-content{ overflow: hidden;}
.service-box .my-content-bpo li{width: 190px; float: left; margin: 0 15px;}
.service-box .my-content-bpo li:hover p.tit{color: #1151A0}
.service-box .my-content-bpo p.img{width: 190px; height: 130px; background-color: #0c4997; }
.service-box .my-content-bpo p.tit{padding-top: 20px; line-height: 30px; font-size: 14px; text-align: center}
.service-box .my-content-labour-box {width: 1068px; margin: 0 auto; overflow: hidden}
.service-box .my-content-labour-box ul{width: 1088px;}
.service-box .my-content-labour li{width: 252px; float: left; margin-right: 20px;}
.service-box .my-content-labour li:hover p.tit{color: #1151A0}
.service-box .my-content-labour p.img{width: 252px; height: 144px; background-color: #0c4997; }
.service-box .my-content-labour p.tit{padding: 20px 30px 0; line-height: 30px; font-size: 14px; text-align: center}
.service-box .my-content-headhunting{ overflow: hidden}
.service-box .my-content-headhunting ul{width: 1102px;}
.service-box .my-content-headhunting li{width: 263px; float: left; margin:0 52px;}
.service-box .my-content-headhunting li:hover p.tit{color: #1151A0}
.service-box .my-content-headhunting p.img{width: 263px; height: 136px;}
.service-box .my-content-headhunting p.tit{padding-top: 20px; line-height: 30px; font-size: 14px; text-align: center; padding: 20px 30px 0;}
.service-box .my-content-personnel-box{padding: 0 20px;}
.service-box .my-content-personnel {overflow: hidden}
.service-box .my-content-personnel ul{width: 1120px;}
.service-box .my-content-personnel li{width: 86px; float: left; margin-right: 53px;}
.service-box .my-content-personnel p{ padding: 0 9px; text-align: center}
.service-box .my-content-personnel p.img{width: 68px; height: 73px;}
.service-box .my-content-personnel p.tit{line-height: 30px; font-size: 14px; padding: 10px 0}
.service-box .my-content-personnel p.icon{background: url("../bg/icon-bottom.png") no-repeat center; width: 100%; height: 6px; padding: 5px 0}
.service-box .my-content-personnel p.desc{line-height: 20px; width: 68px; }
.area-box{text-align: center; padding: 30px 0;  height: 30px; line-height: 30px;display:-webkit-box;}
.area-box ul{margin: 0 auto;}
.area-box li{float: left; width: 67px; text-align: center; border: 1px solid #CCCCCC; border-radius: 20px; float: left; margin-right: 15px; background-color: #fbfbfb; }
.area-box li a{font-size: 14px;}
.area-box .more{position: relative}
.case-box{padding: 50px 0;}
.case-box .case-nine{margin-top: 30px;}
.case-box .case-nine ul{width: 1125px;}
.case-box .case-nine li{margin:0 25px 25px 0; width: 350px; box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.2); float: left;}
.case-box .case-nine li .img{position: relative; display: table; width: 100%;}
.case-box .case-nine li .img-logo{position: absolute; width: 60px; height: 60px; border: 2px solid #FFFFFF; border-radius: 50%; display: block; text-align: center; left: 50%; top: 50%; transform: translate(-50%, -50%);}
.case-box .case-nine li .img-logo img{width: 30px; height: 30px; margin-top: 12px;}
.case-box .case-nine li .img .img-t{width: 100%; height: 173px }
.case-box .case-nine li .tit{height: 40px; line-height: 40px; text-align: center; font-size: 14px;}
.honor-box{padding: 50px 0; background-color: #FFFFFF;}
.honor-box .honor-nine{margin-top: 50px; overflow: hidden}
.honor-box .honor-nine ul{width: 1105px; }
/*.honor-box .honor-nine-box{width: 350px; float: left;}*/
/*.honor-box .honor-nine-box p{height: 50px; line-height: 50px; color: #0c5ccb; text-align: center; font-size: 18px;}*/
.honor-box .honor-nine li{width: 367px;  overflow: hidden; float: left; height: 40px; line-height: 40px; border-right: 1px dashed #CCCCCC; font-size: 14px;}
.honor-box .honor-nine li p{padding: 0 30px;}
/*.honor-box .honor-nine .nor{border-right: 0;}*/
.news-box{padding: 50px 0; background-color: #FFFFFF;}
.news-box .my-tab-line{margin-top: 10px;}
.news-box .my-content{position: relative; height: 349px;}
.news-box .my-content section{position: relative;}
.news-box .my-content .news-content-show{position: relative; height: 349px; overflow: hidden; }
.news-box .my-content section ul{width: 100000px; position: absolute;}
.news-box .my-content ul li{float: left;}
.news-box .content_left{width: 470px;  height: 349px; padding:0 30px; float: left;}
.news-box .content_left h4{height: 60px; line-height: 30px; margin-top: 50px; margin-bottom: 10px; text-align: center; font-size: 20px; }
.news-box .content_left p{line-height: 25px; font-size: 14px;}
.news-box .content_right{width: 570px; float: right;}
.news-box .content_right img{width: 570px; height: 349px;}
.news-box .page{width:305px;position:absolute;bottom:28px; z-index: 2; left:7%;}
.news-box .page ul{display: none;}
.news-box .page li{float:left;margin-right:3px;padding:5px 0 5px 0;}
.news-box .page li a{display:block;width:58px;height:3px; background-color:#8b8b8b;}
.family-box{padding: 50px; background-color: #fafafa;}
.family-box .family-list {height:120px; text-align: center;}
.family-box .family-list a{width:120px;height:120px;position:relative;-webkit-transition:2s;-moz-transition:2s;transition:2s;border-radius:50%;-moz-border-radius:50%;-webkit-border-radius:50%; display: inline-block; z-index: 1000; /* 通知IE浏览器调用脚本作用于'box'类 */}
.family-box .family-list a:hover{transform:scale(1.2);-webkit-transform:scale(1.2);-moz-transform:scale(1.2);}
.footer{background-color: #0c4997;color: #8cb5ed; font-size: 12px;}
.footer .line{border-bottom: 1px solid #053674}
.footer .link{line-height: 30px; padding: 10px;}
.footer .link a{color: #8cb5ed; margin-right: 10px;}
.footer .menu-tel{height: 22px; line-height: 22px; padding: 20px 10px;}
.footer .menu-tel li{float: left; margin-right: 22px;}
.footer .menu-tel a{color: #8cb5ed;}
.footer .tel-r{float: right;}
.footer .tel-r span { display: inline-block; float: left;}
.footer .footer-box{padding: 20px 0; }
.footer .footer-box p { line-height: 30px; text-align: center;}
.footer .footer-group {padding: 0 10px;}
.footer .footer-group p{text-align: left}
.footer .clearfix {position: relative;}
.footer .clearfix .show-all{position: absolute; right: 0; bottom: 0; cursor: pointer}
.in-banner img{width: 100%; height: 239px}
.service .title{color:#275eb7; font-size: 14px;}
.service .title span{color:#c7c7c7;}
.service .text{padding: 10px 0; margin: 10px 0 20px 0; text-indent: 0; line-height: 30px; border-bottom: 2px dotted #d2d2d2; }
.about-box .text{padding: 10px 0; margin: 10px 0 20px 0; text-indent: 0; line-height: 30px; border-bottom: 2px dotted #d2d2d2; }
.case{padding: 0}
.case .case-nine li .img-t{height: 173px}
.pages {padding-bottom: 50px;}
.pages ul{display: inline-block; padding-left: 0; float: right}
.pages ul li{ display: inline-block;  text-align: center}
.pages ul li.active{background-color: #03CC5F; border-radius: 50%; color: #FFFFFF}
.pages ul li a, .pages ul li span{display: block; padding: 4px 8px; width: 9px; }
.article-show{padding: 20px 0; }
.article-show .content {font-size: 14px}
.article-show h1{font-size: 32px; padding: 20px 0; overflow: hidden; text-align: center}
.article-show .info{padding: 10px 0; height: 30px; line-height: 30px;}
.article-show .tags { height: 30px; overflow: hidden; float: left; display: inline-block}
.article-show .tags a{margin-right: 10px; display: inline-block; color: #9d9d9d}
.article-show .tags span{float: left; margin-left: 10px;}
.icon-tags {background: url(../bg/icon-tags.png) no-repeat; margin-top: 10px; width: 11px; height: 11px; display: inline-block; float: left;}
.panel-heading{height: 30px; line-height: 30px; background-color: #EEEEEE; padding: 0 20px;}
.breadcrumb li span{display:  inline-block}
.breadcrumb li:last-child span{display: none}
.freamework-content{padding: 30px 0}
.freamework-area{width: 120px; text-align: center; }
.freamework-area li a{height: 40px; line-height: 40px; font-size: 14px}
.freamework-area li.active a{border-bottom: 1px solid #1151a0; color: #1151a0; font-weight: bold}
.freamework-list{width: 920px;}
.freamework-list li{border-bottom: 1px solid #CCCCCC; margin-bottom: 10px; padding-bottom: 10px; font-size: 14px;}
.freamework-list .tit{ line-height: 30px; font-weight: bold; padding: 0 10px; overflow: hidden;}
.freamework-list .desc{line-height: 25px; padding-left: 22px}
.icon-area {background: url(../bg/icon-area.png) no-repeat; margin-top: 10px; width: 12px; height: 14px; display: inline-block; float: left;}
.news-view .news-content{width: 760px; margin: 0 20px;}
.news-view .news-content-view li{height: 150px; overflow: hidden; border-bottom: 1px dashed #CCCCCC; padding-bottom: 20px;}
.news-view .news-img{width: 266px; height: 145px; overflow: hidden }
.news-view .news-img img{height: 145px; border-radius: 5px;}
.news-view .news-list-box{ margin-left: 30px; width: 464px; color: #7e7e7e}
.news-view .news-list-box p.tit{font-size: 18px; font-weight: bold; color: #000000; overflow: hidden; height: 30px; line-height: 30px; }
.news-view .news-list-box p.desc{line-height: 25px; font-size: 14px; height: 50px; overflow: hidden; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;}
.news-view .news-list-box p.addtime{text-align: right; }
.news-view .news-list-box .tags{height: 20px;}
.news-view .news-list-box .tags a{margin-right: 10px; display: inline-block; color: #9d9d9d}
.news-view .news-list-box .tags .icon-tags{margin-top: 5px}
.news-view .news-list-box .tags span{float: left; margin-left: 10px;}
.recruit-content-view{border: 1px solid #d2d2d2; border-bottom: 0; border-left: 0}
.recruit-content-top{height: 35px; line-height: 35px; border-bottom: 1px solid #d2d2d2; background-color: #eeeeee}
.recruit-content-top p{float: left;  margin-left: -1px; border-left: 1px solid #d2d2d2; text-align: center}
.recruit-content-view li{border-bottom: 1px solid #d2d2d2; height: 35px; line-height: 35px; margin: 0}
.recruit-content-view li p{float: left; margin-left: -1px; border-left: 1px solid #d2d2d2; text-align: center}
.news-list-r{width: 240px; margin: 0 30px;}
.news-hot-list li{padding: 15px; background-color: #03CC5F; color: #333333; margin-bottom: 20px;}
.news-hot-list li p.tit{font-weight: bold; line-height: 25px; color: #FFFFFF; overflow: hidden; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2; font-size: 14px;}
.news-hot-list li p.desc{padding-top: 5px; font-size: 12px; color: #FFFFFF; line-height: 20px; overflow: hidden; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;}
.news-list-r .line{height: 5px; background-color: #c3c3c3;}
.news-re-list li{padding: 0 10px; margin-bottom: 5px; height: 30px; line-height: 30px; overflow: hidden; background-color: #c8d7e9; font-size: 14px;}
.prev-next, .prev-next a{ color: #787878}
.prev-next p{padding: 10px 0;}
.article-show .content img{max-width: 85% !important; margin: 0 auto}
.sub-introduce{padding-bottom:  30px; font-size: 14px;}
.introduce-area{width: 60px; height: 60px; margin-right: 20px; float: left; text-align: center; line-height: 60px; background-color: #1151A0; color: #FFFFFF}
.introduce-text{width: 820px; margin: 0 auto; padding: 15px 0;  box-shadow: 0px 2px 3px rgba(0,0,0,0.2); border-top: 1px solid #eaeaea }
.introduce-text span {width: 80px; text-align: center; height: 40px; display: inline-block;  padding: 0 10px;float: left; }
.introduce-text p{height: 40px; line-height: 20px; padding: 0 20px; }
.sub-service .text{border-bottom: 0; color: #868686}
.inner-container{width: 900px;}
.sub-top2 .title{height: 40px; line-height: 40px; font-size: 18px; text-align: center}
.sub-top2 .title img{vertical-align:middle; margin-right: 10px;}
.sub-top2 .desc{text-align: center; line-height: 30px; padding: 10px 0;}
.sub-top2-box ul{width: 920px;}
.sub-top2-box {padding: 20px 0 50px 0;}
.sub-top2-box li{margin-right: 20px; width: 210px; box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.2); float: left;}
.sub-top2-box li .img{position: relative; display: table; width: 100%;}
.sub-top2-box li .img-logo{position: absolute; width: 70px; height: 70px; display: block; text-align: center; left: 50%; top: 50%; transform: translate(-50%, -50%);}
.sub-top2-box li .img-logo img{ width: 40px;}
.sub-top2-box li .img-logo span{display: block; padding-top: 10px; font-size: 14px; color: #ffffff;}
.sub-top2-box li .img .img-t{width: 100%; height: 161px}
.sub-top2-box li .tit{ height: 80px; overflow: hidden; line-height: 20px;  padding: 5px 10px 10px; color: #868686}
.sub-tag{overflow: hidden; padding: 30px; background: url("../bg/icon-sub-tag.png") no-repeat left top;}
.sub-tag ul{width: 880px;}
.sub-tag li{width: 86px; overflow: hidden; background-color: rgba(0, 132, 255, .1); border-radius: 4px; line-height: 25px; height: 25px; padding: 0 5px; text-align: center; float: left; margin-right: 10px; margin-bottom: 5px;}
.sub-tag li a{color: #0084ff;}

/*.topbar-citypop{position: absolute; left: -223px; top: 50px; z-index: 1000;}*/
/*.topbar-citypop-active{display: block}*/
/*.topbar-citypop-content{ position: relative; z-index: 1; width: 556px; border: 1px solid #bfbfbf; background-color: #FFFFFF;}*/
/*.topbar-citypop-content-top{position: relative; padding-left: 10px; height: 50px; border-bottom: 1px solid #e5e5e5;}*/
/*.topbar-citypop-search .icon-sousuo{float: left; margin-left: 8px; font-size: 18px; line-height: 30px; color: #666666}*/
/*.topbar-citypop-search{position: relative; float: left; margin-top: 10px; width: 194px; height: 30px; background-position: -36px -182px; border: 1px solid #bfbfbf}*/
/*.topbar-citypop-search input{ position:absolute;left:28px;top:0;padding:0;width:164px;height:30px;line-height:30px;border:none;background-color:#fff;color:#999;font-size:14px;outline:none}*/
/*.topbar-citypop-ct{ min-width:194px;position:absolute;left:-1px;top:24px;border:solid 1px #bfbfbf;background-color:#fff}*/
/*.topbar-citypop-ct .icon-down {margin-right: 4px; font-size: 16px; color: #1151A0}*/
/*.topbar-citypop-ct .topbar-citypop-tip-go{text-align: left}*/
/*.topbar-citypop-ct .topbar-citypop-tip-go {margin-left:8px;line-height:30px}*/
/*.topbar-citypop-ct .topbar-citypop-tip-no{line-height:30px; width: 220px; color: #999}*/
/*.topbar-citypop-tip-no .icon-gantanhao-yuankuang {margin-right: 4px; font-size: 16px; color: #ff8300}*/
/*.topbar-citypop-ct ul {list-style:none;padding:0;margin:0}*/
/*.topbar-citypop-ct li {width: 100%;border: 0;border-radius: 0;background-color: none;border-top:1px solid #e5e5e5}*/
/*.topbar-citypop-ct li a {display:block;padding:0 12px;height:30px;line-height:30px;overflow:hidden}*/
/*.topbar-citypop-ct li span {float:left;color:#386ed3}*/
/*.topbar-citypop-ct li b {float:right;font-weight:200;color:#999}*/
/*.topbar-citypop-hotcity {float:left;padding-left:5px;margin-top:10px}*/
/*.topbar-citypop-hotcity a {float:left;margin-left:10px;line-height:30px}*/
/*.topbar-citypop .topbar-citypop-close {position:absolute;right:12px;top:10px;overflow:hidden}*/
/*.topbar-citypop .topbar-citypop-close i {display:block;width:30px;height:30px;line-height:30px;font-size:20px;text-align:center}*/
/*.topbar-citypop .topbar-citypop-close:hover {background-color:#1151A0;}*/
/*.topbar-citypop .topbar-citypop-close:hover i{color:#fff}*/
/*.topbar-citypop-nb {padding:6px;border-bottom:1px solid #e5e5e5}*/
/*.topbar-citypop-nb:after {content:"";display:table;clear:both}*/
/*.topbar-citypop-nb a {float:left;margin:4px;width:24px;height:24px;line-height:22px;border:1px solid #bfbfbf;background-color:#ebf0fb;text-align:center}*/
/*.topbar-citypop-nb a.current, .topbar-citypop-nb a:hover {border-color:#1151A0;background-color:#1151A0;color:#fff}*/
/*.topbar-citypop-scity {height:320px;overflow-y:scroll;overflow-x:hidden}*/
/*.topbar-citypop-scity dl {margin:0;padding:8px 0;border-top:1px solid #e5e5e5; overflow:hidden}*/
/*.topbar-citypop-scity dl:after {content:"";display:table;clear:both}*/
/*.topbar-citypop-scity dt,*/
/*.topbar-citypop-scity dd {float:left;margin:0}*/
/*.topbar-citypop-scity dt {padding-top:2px;width:94px}*/
/*.topbar-citypop-scity dt .tx {float:right;line-height:24px;font-weight:bold;color:#000}*/
/*.topbar-citypop-scity dt .nu {float:left;padding-left:16px;line-height:24px;font-size:18px;font-weight:200;color:#333}*/
/*.topbar-citypop-scity dd {width:440px}*/
/*.topbar-citypop-scity dd:after {content:"";display:table;clear:both}*/
/*.topbar-citypop-scity dd a {float:left;display:block;margin:2px;padding:0 6px;height:24px;line-height:24px;white-space:nowrap}*/
/*.topbar-citypop-scity dd a:hover {background-color:#4c85ed;color:#fff}*/
/*.topbar-citypop-scity dd a.current {background-color:#ff8300;color:#fff}*/
.news-list{width: 535px; float: left;}
.news-list .news-list-tit{height: 40px; line-height: 40px; font-size: 16px;  text-align: center; background-color: #0c4997; color: #ffffff;}
.news-list ul{margin-top: 10px;}
.news-list li{font-size: 14px; position: relative; line-height: 30px;}
.news-list li p{padding-right: 150px; height: 30px; overflow: hidden}
.news-list li span{position: absolute; top: 0; right: 0}
.inner-left{width: 160px; }
.inner-left ul{padding: 0 10px   10px;}
.inner-left li{height: 35px; text-indent: 10px; font-size: 14px; line-height: 35px;}
.inner-left li.active a{color: #275eb7; display: block; font-weight: bold; border-bottom: 1px solid #275eb7}
.sub-news-list{ height: 35px; line-height: 35px;}
.sub-news-list .sub-title{width: 930px; display: inline-block; font-size: 14px;}
.sub-news-view .news-content-view li{height: 35px; padding-bottom: 0px;}
.sub-news-view .news-content{width: auto;}
.news-tab{text-align: center}
.news-tab li{display: inline-block; padding: 0 17px; font-size: 18px; height: 60px; line-height: 60px; text-align: center; color: #7e7e7e}
.news-tab li a{ display: inline-block}
.news-tab li a.active{border-bottom: 2px solid #000000}

.sub-news-tab { overflow: hidden}
.sub-news-tab li{ float:left; padding:10px 20px 0 0}
.sub-news-tab li a{ background:#ccc; padding: 0 17px; line-height:34px; border-radius:5px; font-size: 14px}
.sub-news-tab li a.active{ background:#164FA0; color:#fff; border-bottom:0 none}

.tab-bg{background-color: #f7f7f7}
.m-bg{background-color: #ffffff;}
.hot-s-keyword a, .hot-s-keyword span{padding: 5px 3px; display: inline-block; color: #9c9c9c; float: left}
.problem-common{background: url(../bg/index_bg9.jpg); padding: 10px; width: 735px; float: left;height: 440px;}
.problem-common .bg_div{padding: 21px; background: #ffffff; height: 400px;}
.problem-common .bg_div .problem-tab{border-bottom: 1px solid #e6e6e6; height: 40px; margin-bottom: 20px; }
.problem-common .bg_div .problem-tab li{line-height: 40px; float: left; font-size: 16px; color: #1151A0; margin-right: 10px; cursor: pointer}
.problem-common .bg_div .problem-tab li.active{border-bottom: 2px solid #1151A0}
.problem-content{display: none}
.problem-left{width: 266px;}
.problem-left p.img{width: 266px; height: 145px; overflow: hidden}
.problem-left p{font-size: 14px; }
.problem-left p.tit{margin-top:5px; font-size: 16px; line-height: 25px; height: 50px; overflow: hidden }
.problem-left p.date{text-align: right; margin: 5px 0;}
.problem-left p.desc{line-height: 25px; height: 75px; color: #7e7e7e; overflow: hidden}
.problem-left p.more a{color: #1151A0}
.problem-right{width: 390px;}
.problem-right li{margin-bottom: 16px;}
.problem-right .time{width: 70px; height: 70px; background: #b0b0b0; display: inline-block; *display: inline; zoom: 1; text-align: center; float: left;}
.problem-right li:hover .time{ background: #1151A0;}
.problem-right .time span{font-size: 30px; color: #fefefe; font-family: 'Arial'; margin-top: 12px; display: block}
.problem-right .time p{font-size: 12px; color: #fefefe; font-family: 'Arial';}
.problem-right .problem-news-box {width: 302px; height: 70px; display: inline-block; *display: inline; zoom: 1; background: #f3f3f3; float: left; padding-left: 18px;}
.problem-right .problem-news-box h4{font-size: 14px; height: 18px; color: #000; margin-top: 6px; overflow: hidden}
.problem-right .problem-news-box p{font-size: 12px; height: 28px; line-height: 14px; color: #666; margin-top: 6px;overflow: hidden}
.qa-common{background: url(../bg/index_bg9.jpg); padding: 10px; width: 290px; float: right; height: 440px;}
.qa-common .bg_div{padding: 21px; background: #ffffff; height: 400px;}
.qa-head{height: 40px; line-height: 40px; border-bottom: 1px solid #e6e6e6;}
.qa-head p{font-size: 16px; font-weight: bold; color: #1151A0; width: 105px; border-bottom: 2px solid #1151A0}
.qa-head span a{color: #a0a0a0}
.qa-common ul li{background: url(../bg/q_a.jpg) no-repeat 0px 3px; padding-left: 34px; margin-top: 20px; padding-bottom: 18px; border-bottom: 1px dashed #bababa;}
.qa-common li p.t{font-size: 14px; color: #000; height: 20px; line-height: 20px; overflow: hidden}
.qa-common li p.d{font-size: 12px; color: #666; line-height: 22px; height: 44px; margin-top: 15px;overflow: hidden}
.related-article{}
.related-article-li{ height: 150px; overflow: hidden; border-bottom: 1px solid #CCCCCC; padding-bottom: 20px;}
.related-article-li .img-zoom{width: 266px; height: 145px; overflow: hidden}
.related-article-li  .related-article-box {margin-left: 30px; width: 464px; color: #7e7e7e}
.related-article-li .tit{font-size: 18px; font-weight: bold; color: #000000; overflow: hidden; height: 30px; line-height: 30px; }
.related-article-li .desc{line-height: 25px; font-size: 14px; height: 50px; overflow: hidden; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;}
.related-h-tit {padding:0 6px 10px 6px;line-height:28px;border-bottom:#DDDDDD 1px solid;margin-bottom:20px;clear:both;}
.related-h-tit strong {font-size:18px;}
.hot-tags{margin-bottom: 10px; width: 250px; overflow: hidden;}
.hot-tags .hot-tags-tit{height:40px; line-height: 40px;  font-size: 16px; width: 100%}
.hot-tags a{ width: 75px; background-color: #eeeeee; text-align: center; display: inline-block; height: 30px; line-height: 30px; margin-right: 5px; margin-bottom: 5px; overflow: hidden;}
.ask-left{background: #FAFAFA; width: 200px; float: left;}
.ask-left ul{margin-top: 19px; padding:0 19px;}
.ask-left ul li{height: 38px; line-height: 38px;}
.ask-left ul li.active a{color: #1151A0;}
.ask-left .topicPage {margin: 20px auto; text-align: center}
.ask-right {float: right; width: 800px; margin-left: 30px;}
.ask-content{width: 630px; float: left;}
.sweep-code-list{float: right; width: 100px;}
.sweep-code-list li span{background: #F9F9F9; color: #1151A0; height: 40px; padding: 10px 0; font-size: 14px; text-align: center; display: block; line-height: 20px; cursor: pointer}
.sweep-code-list li:first-child {background: #1151A0;color: #FFFFFF;height: 8px;padding: 0;border-radius: 2px 2px 0 0;}
.ask-question{padding: 20px 0 21px;}
.ask-question p{font-size: 20px; line-height: 25px; color: #000000;}
.ask-answer{padding-bottom: 20px; border-bottom: 1px solid #E5E5E5}
.ask-answer p{overflow: hidden; color: #999999; line-height: 24px; font-size: 14px;}
.question-box{padding: 15px;}
.question-box .question-content textarea{width: 570px; border: 1px solid #EEEEEE; padding: 10px;}
.question-box .question-button-box {text-align: center}
.question-box .question-button {margin-top: 15px; width: 160px; height: 35px;}
.question-box .recode {text-align: center}
.question-box .recode img{width: 100px;}
.ask-article-show{padding: 20px 0; }
.ask-article-show .content {font-size: 14px}
.ask-article-show h1{font-size: 32px; padding: 20px 0; overflow: hidden; text-align: center}
.ask-article-show .optimal{font-size: 20px; color: #999999; padding: 20px 0; margin-bottom: 20px; border-bottom: 1px solid #e6e6e6}
.ask-search{position: relative;width: 100%;height: 50px;}
.ask-search-input{width: 100%; padding: 0 10px; box-sizing: border-box; border-radius: 100px;background: #f5f5f5;line-height:50px;font-size: 14px;border:none;color: #464646;height:50px;}
.locution-search-bth{ position: absolute;top: 0px;right: 0px;border-radius: 100px;background: #1151A0; height: 50px; line-height: 50px; font-size: 14px; color: #FFFFFF; text-align: center;
    border: 0; width: 72px;}
.ask-container{width: 1040px; margin: 0 auto; position: relative; overflow: hidden}
.crumbs{padding:10px;line-height: 20px;}
.crumbs ul{margin-left:-2px;color: #999;}
.crumbs li{display: inline-block;font-size: 12px;}
.crumbs li a{padding:0 5px 0 2px;color: #666;}
.fast-news-box{position: relative;height: 35px;overflow: hidden; margin: 10px 0}
.fast-news-box ul{margin-left: 24px;}
.fast-news-box li{height: 35px; line-height: 35px;}
.fast-img{position: absolute;top: 9px; left: 0; width: 18px; height: 18px;}
.menu-top  { background-color: #f6f6f6; padding-top: 18px; padding-left: 16px;}
.menu-top  li.type { width: 100px; height: 30px;  font-size: 18px; text-align: right; line-height: 30px;}
.menu-top  li { float: left; margin-right: 16px; margin-bottom: 14px;  border-radius: 4px;}
.menu-top  li a {display: inline-block; color: #555; font-size: 18px; padding: 0px 8px; height: 28px; line-height: 28px;}
.menu-top  li.active{background: #1151A0;}
.menu-top  li.active a{color: white;}
.menu-top  li a:hover{background: #1151A0; color: #fff;}
.case-view{padding-left: 20px; padding-right: 20px;}
.case-view .case-content-view li{height: 150px; overflow: hidden; border-bottom: 1px dashed #CCCCCC; padding-bottom: 20px;}
.case-view .news-img{width: 266px; height: 145px; overflow: hidden }
.case-view .news-img img{height: 145px; border-radius: 5px;}
.case-view .news-list-box{ margin-left: 30px; width: 804px; color: #7e7e7e}
.case-view .news-list-box p.tit{font-size: 18px; font-weight: bold; color: #000000; overflow: hidden; height: 30px; line-height: 30px; }
.case-view .news-list-box p.desc{line-height: 25px; font-size: 14px; height: 50px; overflow: hidden; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;}
.case-view .news-list-box p.addtime{text-align: right; }
.case-view .news-list-box .tags{height: 20px;}
.case-view .news-list-box .tags a{margin-right: 10px; display: inline-block; color: #9d9d9d}
.case-view .news-list-box .tags .icon-tags{margin-top: 5px}
.case-view .news-list-box .tags span{float: left; margin-left: 10px;}

.inner-banner{width: 100%;}
.lb-container{width: 1240px;}
.lb-container2{width: 1340px;}
.lb-t-top{padding-top: 74px}
.lb-t-top h3{font-size: 36px; height: 70px; line-height: 70px; font-weight: 500; letter-spacing:2px; text-align: center;}
.lb-t-top p{font-size: 16px; line-height: 24px; text-align: center; color: #1c50a0}
.lb-tab{border-bottom: 1px dashed #fbfbfb; background-color: #f1f1f1}
.lb-tab li{height: 28px; line-height: 28px; margin: 20px 0; border-right: 1px solid #747474}
.lb-tab li:last-child{border-right: none;}
.lb-why-m{margin: 65px auto 120px auto;}
.lb-why-img{width: 601px; height: 495px;}
.lb-why-img img{width: 100%}
.lb-why-content{width: 540px; margin-left: 60px;}
.lb-why-content h3{font-size: 36px; height: 60px; line-height: 60px; font-weight: 500; letter-spacing:1px;}
.lb-why-content h4{font-size: 16px; margin-top: 5px; font-weight: normal; color: #1c50a0; }
.lb-why-content p{font-size: 16px; line-height: 28px; text-align: justify; letter-spacing:2px;}
.lb-service{width: 100%; background: url(../bg/lb-service-bg.jpg) no-repeat; height: 730px;}
.lb-service .lb-s-top{padding-top: 85px}
.lb-service .lb-s-top h3{font-size: 36px; height: 70px; line-height: 70px; font-weight: 500; letter-spacing:2px; text-align: center; color: #FFFFFF;}
.lb-service .lb-s-top p{font-size: 16px; line-height: 24px; text-align: center; color: #FFFFFF}
.lb-service-container{width: 1346px; overflow: hidden;}
.lb-service .lb-s-content{margin-top: 55px;}
.lb-service .lb-s-content li{width: 275px; height: 186px; float: left; border-left: 2px solid #FFFFFF;border-bottom: 2px solid #FFFFFF; padding:0 30px; color: #FFFFFF}
.lb-service .lb-s-content .two li{border-left: 2px solid #FFFFFF; border-bottom: none;}
.lb-service .lb-s-content li p{font-size: 18px; height: 50px; line-height: 50px; letter-spacing:1px; margin-top: 20px;}
.lb-service .lb-s-content li p strong{font-size: 26px;}
.lb-service .lb-s-content li span{line-height: 24px; width: 280px; display: block; font-size: 16px; text-align: justify; letter-spacing:3px;}
.lb-advantage{height: 860px;  border-top: 1px dashed #fbfbfb;}
.lb-advantage .lb-a-content li{width: 400px; height: 255px; overflow: hidden; background-color: #f1f1f1; border-radius: 10px; float: left; margin: 0 20px 20px 0; transition: all 0.6s;}
.lb-advantage .lb-a-content .lb-i-li{padding: 30px 70px; }
.lb-advantage .lb-a-content li:hover {transform: scale(1.05);}
.lb-advantage .lb-a-content .lb-i-li .tit{font-size: 22px; margin-top: 16px; font-weight: bold; height: 50px; line-height: 50px;}
.lb-advantage .lb-a-content .lb-i-li span{line-height: 28px; font-size: 16px;letter-spacing:1px;}
.lb-kr{height: 820px;}
.lb-kr .lb-kr-img{margin-top: 94px; width: 563px;}
.lb-kr .lb-kr-content{width: 691px;}
.lb-kr .lb-kr-content h3{font-size: 36px; height: 60px; line-height: 60px; font-weight: 500; letter-spacing:2px; margin-top: 234px;}
.lb-kr .lb-kr-content p{font-size: 16px; line-height: 24px;  color: #1c50a0;}
.lb-kr .lb-kr-content li{font-size: 16px; letter-spacing: 1px; line-height: 30px; height: 30px;}
.lb-bg{position: relative; z-index: 1; width: 100%;}
.lb-bg img{width: 100%; vertical-align: middle}
.lb-legal-container{width: 1360px;}
.lb-process-bg{margin-bottom: 85px;}
.lb-process-img{margin-top: 60px; height: 285px; width: 100% !important; background: url(../bg/lb-process.png) center 0 no-repeat; }
.lb-case{height: 885px; border-top: 1px dashed #fbfbfb;}
.lb-case .lb-case-container{width: 1340px;}
.lb-case .lb-s-top{padding-top: 75px;}
.lb-case .lb-s-top h3{font-size: 36px; height: 70px; line-height: 70px; font-weight: 500; letter-spacing:2px; text-align: center;}
.lb-case .lb-s-top p{font-size: 16px; line-height: 24px; text-align: center; color: #1c50a0}
.lb-case .lb-c-content{margin-top: 50px;}
.lb-case .lb-c-content li{width: 655px; height: 590px; background: #FFFFFF; border-radius: 10px; float: left; overflow: hidden}
.lb-case .lb-c-content .tit{height: 50px; line-height: 50px; font-size: 16px; margin-left: 56px;}
.lb-case .lb-c-content .tit span{width: 10px; height: 10px; background: #4d4d4d; border-radius: 50%; display: inline-block; margin-right: 5px;}
.lb-case .lb-c-content .cl-img{ position: relative; height: 438px; overflow: hidden; transition: all 0.6s;}
.lb-case .lb-c-content .cl-img:hover {transform: scale(1.05);}
.lb-case .lb-c-content .cl-img .lb-img-text{position: absolute; top: 0; width: 655px; height: 436px; display: none; background: rgba(0,0,0, 0.6);}
.lb-case .lb-c-content .cl-img .lb-img-text div{position: absolute; bottom: 0; height: 140px; display: none; opacity: 0; }
.lb-c-content .cl-img .lb-img-text p{color: #FFFFFF; line-height: 28px; margin-left: 120px; font-size: 16px; letter-spacing:2px;}
.lb-ngu-advantage-bg{width: 100% !important; background: url(../bg/lb-ngu-advantage-bg.jpg) center 0 no-repeat; height: 550px;}
.lb-ngu-advantage-bg .lb-t-top, .lb-ngu-advantage-bg .lb-t-top p{color: #FFFFFF}
.lb-ngu-advantage-bg .lb-n-content li{width: 368px; float: left;}
.lb-ngu-advantage-bg .lb-n-content p{height: 40px; text-indent: 50px; line-height: 40px; font-size: 16px; text-align: justify; word-break: break-all; padding: 0 60px; letter-spacing:2px; color: #FFFFFF}
.lb-ngu-advantage-bg .lb-n-content li.lb-ngu-m{width: 500px; border-left: 2px solid #FFFFFF; border-right: 2px solid #FFFFFF;}
.lb-honor{ height: 460px}
.lb-honor-container{width: 1340px;}
.lb-honor-container .lb-t-top{ height: 102px; position: relative; padding: 0; margin-top: 84px;}
.lb-honor-container .lb-h-height{height: 85px;}
.lb-honor-container .lb-t-top:after{position: absolute; content: ''; top: 50%; left: 100px; height: 2px; background: #2657a3; width: 410px;}
.lb-honor-container .lb-t-top:before{position: absolute; content: ''; top: 50%; right: 100px; height: 2px; background: #dc354c; width: 410px;}
.lb-honor-container .lb-t-top h3{font-size: 36px; height: 70px; line-height: 70px; font-weight: 500; letter-spacing:2px; text-align: center;}
.lb-honor-container .lb-t-top p{font-size: 16px; line-height: 24px; text-align: center; color: #1c50a0}
/*.lb-honor-container .lb-h-content{height: 193px;}*/
.lb-honor-container .lb-h-content .road-box{width: 100%; height: 211px; overflow: hidden; float: left}
.lb-honor-container .lb-h-content .road-box li{float: left; margin: 0 18px;}
.lb-honor-container .lb-h-content .road-box li p.tit{line-height: 24px; font-size: 14px; margin-top: 10px; text-align: center}
.lb-honor-container .lb-h-content .prev{width:47px; margin-right: 14px; height: 177px; display: block; background: url(../bg/lb-prev.png) no-repeat; float: left}
.lb-honor-container .lb-h-content .next{width:47px; margin-left: 14px;height: 177px; display: block; background: url(../bg/lb-next.png) no-repeat; float: right}
.new-inner-banner{position: relative; z-index: 1; width: 100%;}
.new-inner-banner img{width: 100%; vertical-align: middle}
.new-content h3{font-size: 36px; height: 60px; line-height: 60px; font-weight: 500; letter-spacing:1px; text-align: center}
.new-content h4{font-size: 16px; margin-top: 5px; font-weight: normal; color: #1c50a0; text-align: center}
.new-content p{font-size: 16px; line-height: 28px; text-align: justify; letter-spacing:2px;}
.bpo-business-bg{margin: 50px 0;}
.bpo-business-content{width: 594px; margin-top: 140px;}
.bpo-business-content p{margin-top: 40px; color: #000000;}
.bpo-flow-bg{margin: 90px 0}
.flow-container{width: 1226px;}
.bpo-business-content h3, .bpo-business-content h4{text-align: left}
.flow-container-bg{height: 396px; margin-top: 50px; background: url(../bg/bpo-flow-bg.png) no-repeat center; position: relative;}
.flow-container li{width: 336px; height: 140px; cursor: pointer; transition: all 0.6s; background: #efefef; border-radius: 5px; font-size: 16px; float: left}
.flow-container li:nth-child(2){margin-left: 109px;}
.flow-container li:nth-child(3),.flow-container li:nth-child(6){float: right}
.flow-container li:nth-child(3) p{padding: 17px 50px; }
.flow-container li:nth-child(4),.flow-container li:nth-child(5),.flow-container li:nth-child(6){margin-top: 117px;}
.flow-container li:nth-child(5) p,.flow-container li:nth-child(6) p{padding: 52px 50px;}
.flow-container li:nth-child(5){margin-left: 109px;}
.flow-container li:nth-child(6) p{text-align: center}
.flow-container li:hover {transform: scale(1.05);}
.flow-container li p{ line-height: 35px; padding: 35px 50px; text-align: justify;}
.bpo-benefits-bg{background: #efefef; padding: 70px 0;}
.benefits-container{width: 1294px;}
.benefits-container-bg{margin-top: 50px;}
.benefits-container-bg li{width: 203px; cursor: pointer; height: 281px; margin-right: 35px; border-radius: 10px; text-align: center; background: #FFFFFF; float: left; padding: 47px;}
.benefits-container-bg li:last-child{margin-right:0}
.benefits-container-bg li h4{font-size: 22px; color: #000000;  margin-top: 35px;}
.benefits-container-bg li p{font-size: 16px; color: #000000; margin-top: 15px; text-align: justify; letter-spacing:2px;}
.benefits-container-bg li:hover img{opacity: 0.6; transition: opacity 0.4s;}
.bpo-structure-bg{margin: 70px 0;}
.structure-container img{margin-top: 50px;}
.bpo-standard-bg{background: url(../bg/bpo-standard-bg.png) center 0 no-repeat; height: 668px}
.standard-container-bg{width: 861px; margin: 0 auto;}
.standard-container{padding-top: 70px;}
.standard-container .new-content h3, .standard-container .new-content h4{color: #FFFFFF;}
.standard-container-bg li{position: relative; width: 343px; margin-top: 50px; height: 159px; float: left}
.standard-container-bg li:nth-child(odd){margin-right: 175px;}
.standard-container-bg li span{position: absolute; left: 0; top: 0; text-align: center; line-height: 73px; color: #e72434; font-size: 36px; font-weight: 600; z-index: 100; background: url(../bg/standard-icon.png) no-repeat; display: block; width: 140px; height: 73px;}
.standard-container-bg li .standard-text{width: 343px; height: 97px; background: rgba(255, 255, 255, 0.3); border-radius: 10px; position: absolute; bottom: 0; left: 0; z-index: 10;}
.standard-container-bg li .standard-text p{line-height: 35px; padding: 13px 90px; font-size: 16px; color: #FFFFFF; text-align: justify; letter-spacing:2px;}
.bpo-system-bg{margin: 70px 0}
.system-container{width: 1260px;}
.system-container-bg p{font-size: 20px; color: #3e3a39; text-align: center; line-height: 40px;}
.bpo-steward-bg{background: url(../bg/bpo-steward-bg.jpg) center 0 no-repeat; height: 396px;}
.steward-container{width: 1462px; }
.steward-container .steward-content{width: 524px; height: 256px; margin: 70px 90px;}
.steward-container .steward-content .new-content h3, .steward-container .steward-content .new-content h4,  .steward-container .steward-content .new-content p{color: #FFFFFF; text-align:inherit}
.steward-container .steward-content .new-content p{line-height: 38px}

/**设备代入**/
.eq-banner-bg{background: url(../bg/eq-banner-bg.jpg) center 0 no-repeat; height: 551px;}
.eq-banner-bg .eq-container-box{width: 820px; position: relative;  height: 112px; padding-top: 232px;  color: #FFFFFF;}
.eq-container-box .eq-banner-border{width: 820px; background: url(../bg/eq-banner-border.png) no-repeat; height: 112px;}
.eq-container-box h3{font-size: 90px; position: absolute; top: 180px; left: 88px;  letter-spacing: 6px;}
.eq-container-box h4{font-size: 42px; font-weight: normal; position: absolute; bottom: -23px; left: 280px;  letter-spacing: 6px;}
.eq-container{width: 1288px;}
.eq-introduce {height: 623px;}
.eq-introduce .new-content{width: 610px; padding: 34px; margin-top: 164px;}
.eq-container img{margin-top: 64px;}
.eq-introduce .new-content h3, .eq-introduce .new-content h4{ text-align: left;}
.eq-introduce .new-content p{ letter-spacing: 2px}
.eq-scene{background: url(../bg/eq-scene-bg.jpg) center 0 no-repeat; height: 759px;}
.eq-scene .eq-rows{margin-top: 85px;}
.eq-scene .eq-rows li{width: 234px; height: 175px; margin-right: 100px; float: left; position: relative; background: #1c509e; border-radius: 10px;transition: all 0.4s;}
.eq-scene .eq-rows li:hover{transform: scale(1.05);}
.eq-scene .eq-rows li:nth-child(1) {margin-left: 25px;}
.eq-scene .eq-rows li:last-child{margin-right: 0}
.eq-scene .eq-rows .icon{width: 68px; height: 68px; position: absolute; left: -11px; top: -11px; line-height: 68px; font-size: 48px; text-align: center; font-weight: bold; background: #de1c31; color: #FFFFFF; border-radius: 34px;}
.eq-scene .eq-rows .text{padding: 66px 38px 50px; font-size: 22px; color: #FFFFFF}
.eq-scene .eq-scope{height: 163px; width: 1238px; margin: 0 auto; background: #1c509e; border-radius: 10px; margin-top: 130px;}
.eq-scene .eq-scene-red{background: #de1c31;  width: 107px; height: 163px; border-top-left-radius: 10px; border-bottom-left-radius: 10px;}
.eq-scene .eq-scene-red p{margin-top: 38px;font-size: 32px; color: #FFFFFF; text-align: center; font-weight: bold}
.eq-scene .eq-scene-text{width: 374px; margin: 40px 60px 0;}
.eq-scene .eq-scene-text p{font-size: 22px; color: #FFFFFF;}
.eq-scene .eq-scope-rows{width: 606px;height: 163px;}
.eq-scene .eq-scope-rows li{float: left; margin: 0 22px;}
.eq-scene .eq-scope-rows li p.img{height: 100px; padding-top: 14px; display: table-cell; vertical-align: middle;}
.eq-scene .eq-scope-rows li:hover img{transform: scale(1.05);}
.eq-scene .eq-scope-rows li p.img img{margin: 0; transition: all 0.4s;}
.eq-scene .eq-scope-rows li p.text{text-align: center; font-size: 18px; color: #FFFFFF;}
.eq-service-container{width: 1364px;}
.eq-service{margin: 90px 0 160px;}
.eq-service .eq-service-content {margin-top: 60px;}
.eq-service .eq-service-content li{width: 14%; float:left;position:relative; margin-right: 7%; text-align: center;}
.eq-service .eq-service-content li:last-child{margin-right: 0}
.eq-service .eq-service-content li .icon{ transition: 0.5s; margin: 10px 0;}
.eq-service .eq-service-content li .text h4{font-size: 22px; line-height: 40px;}
.eq-service .eq-service-content li .text p{font-size: 16px; padding: 0 15px; line-height: 25px; text-align: center}
.eq-service .eq-service-content li:hover .icon{transform: rotateY(360deg);}
.eq-case{position: relative; background: #1c509e}
.eq-case .eq-case-title{position: absolute; width: 1014px; height: 114px; color: #FFFFFF; text-align: center; background: #de1c31; left:50%; top: -57px; margin-left: -507px; border-radius: 10px;}
.eq-case .eq-case-title h3{font-size: 38px; margin-top: 14px;}
.eq-case .eq-case-title p{line-height: 40px; font-size: 14px;}
.eq-case .eq-case-content{padding-top: 100px;}
.eq-case .eq-case-content li{width: 50%; float: left}
.eq-case .eq-case-content .content-img img{width: 100%; vertical-align: bottom;}
.eq-case .eq-case-content .content-text{margin-top: 50px;}
.eq-case .eq-case-content .icon-text{color: #FFFFFF; margin-left: 20%;}
.eq-case .eq-case-content .icon-text h3{line-height: 48px; font-size: 22px; padding-left: 80px;}
.eq-case .eq-case-content .icon-text p,.eq-case .eq-case-content .icon-text h4{font-size: 16px; padding-left: 80px; line-height: 24px;}
.eq-case .eq-case-content li:last-child{margin-top: 160px;}
.eq-case .eq-case-content li:last-child .top h3{font-size: 22px; line-height: 30px;}
.eq-case .eq-case-content li:last-child .top h4{font-size: 22px; font-weight: 400; line-height: 30px;}
.eq-cooperation{background: url(../bg/eq-cooperation-bg.jpg) center 0 no-repeat; height: 731px;}
.eq-cooperation-container {width: 1233px; padding-top: 60px;}
.eq-cooperation-container .new-content h3,.eq-cooperation-container .new-content h4{ color: #FFFFFF}
.eq-cooperation .eq-rows li{width: 188px; margin-top: 50px; margin-right: 73px; height: 188px; text-align: center; float: left; background: #1c509e; border-radius: 10px; transition: all 0.4s;}
.eq-cooperation .eq-rows li:nth-child(5), .eq-cooperation .eq-rows li:last-child{margin-right: 0}
.eq-cooperation .eq-rows li:hover {transform: scale(1.05);}
.eq-cooperation .eq-rows .img {height: 75px; margin: 44px 0 20px;}
.eq-cooperation .eq-rows .text{font-size: 16px; color: #FFFFFF;}

.jobs-package{position: relative;}
.jobs-container{width: 1513px; position: relative; padding-bottom: 50px;}
.jobs-container .new-content{padding-top: 100px;}
.jobs-container ul{margin: 0 10%; width: 100%;}
.jobs-container ul li{width: 22%; float: left; margin-right: 7%;}
.jobs-container li .img img{width: 100%;}
.jobs-title{text-align: center; font-size: 22px; margin: 50px 0 50px;}
.jobs-rows{position: absolute; width: 100%; left: 0;}
.jobs-rows-box li h4{font-size: 22px; text-align: center; line-height: 56px;}
.jobs-rows-box li p{font-size: 20px; text-align: center; line-height: 34px;}
.jobs-rows-box li p.d2{font-size: 16px; color: #7e7e7e}
.jobs-rows-box{ position: relative; z-index: 100; background: #FFFFFF; padding-bottom: 50px;}
.jobs-rows-box .jobs-bot{position: absolute; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; width: 100%; bottom: 0px; left: 0; height: 276px; box-shadow: darkgrey 0px 4px 3px 0px ;}

.jobs-company-bg{background: url(../bg/jobs-td-bg.png) center 0 no-repeat; width: 100%; height: 956px;}
.jobs-company-box{ margin-left: 65%; margin-top: 400px; color: #FFFFFF; position: relative;}
.jobs-company-box h4{line-height: 64px; font-size: 38px; margin-bottom: 30px; padding-top: 420px;}
.jobs-company-box p{font-size: 20px; line-height: 36px;}
.jobs-company-box:before{content: ''; width: 10%; height: 5px; background: #de1c31; position: absolute; bottom: -30px;}
.jobs-case-container{width: 1320px;}
.jobs-case-bg{width: 100%; height:  500px; margin: 197px 0; background: url(../bg/jobs-case-bg.png) no-repeat; position: relative;}
.jobs-case-box{position: absolute; left: 0; bottom: 0}
.jobs-case-box h4{font-size: 38px; line-height: 90px;}
.jobs-case-box p{line-height: 30px; font-size: 16px;}

.manufacturing-company-bg{background: url(../bg/manufacturing-td-bg.jpg) center 0 no-repeat; width: 100%; height: 956px;}
.manufacturing-case-bg{width: 100%; height:  500px; margin: 197px 0; background: url(../bg/manufacturing-case-bg.png) no-repeat; position: relative;}

@media screen and (max-width: 1366px) { 
    .bpo-steward-bg{background: url(../bg/bpo-steward-bg-1400.jpg) center 0 no-repeat; height: 396px;}
    .steward-container{width: 1322px;}
}

@media screen and (max-width: 1440px) {
    .labor-banner-container{width: 1380px;}
    .jobs-container{width: 90%;}
}

.pop-windows{
    display: none;
    background: rgba(0,0,0,0.5);
    height: 100%;
    width: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 100;
}

.pop-windows .pop-img{
    /*margin-top: 80px;*/
    width: 383px;
    margin: 50px auto 0;
}

.pop-windows .gb{
    position: absolute;
    right: 40px;
    top: 20px;
    width: 50px;
    height: 50px;
    border-radius: 25px;
    text-align: center;
    line-height: 50px;
    color: #FFFFFF;
    cursor: pointer;
    background: rgba(0,0,0,0.3);
}

.pop-windows .pop-img img{
    height: 540px;
}




/*add index*/
.navTop{width: 100%; background-color: #03CC5F; height: 44px; line-height: 43px; color: #FFFFFF; font-size: 14px; position: relative;}
.navMenu{position: relative; background: #FFFFFF;}
.navTopLeft{width: 370px; float: left;}
.navTopLeft a{color: #FFFFFF;}
.navTopRight{float: right;}

.searchBox{height: 24px; line-height: 24px; color: #999999; text-align: center; background: #FFFFFF; margin: 9px 0; width: 220px;border-radius: 12px;  position: relative; cursor: pointer;}
.searchBox span{height: 22px; width: 50px; display: block; color: #FFFFFF; background: #03CC5F; text-align: center; border-radius: 12px; position: absolute; top: 1px; left: 1px;}
.navArea {position: relative;}
.navMenu .logo {margin: 20px 0; float: left;}
.searchPop{height: 91px; width: 100%; display: none; text-align: center; background: rgba(0,0,0,0.5); top: 44px; left: 0; z-index: 10; position: absolute;}
.searchPop .searchPopBox{position: relative;}
.searchPop .searchPopBox span{position: absolute; right: 30px;}
.searchPop form{margin: 25px auto; width: 520px;}
.searchPop input{width: 420px; height: 40px; float: left; border-top-left-radius: 10px; border-bottom-left-radius: 10px; border: none;  outline: none; padding: 0 10px;}
.searchPop button{height: 40px; width: 80px; float: left; background: #03CC5F; border: none; color: #FFFFFF; border-top-right-radius: 10px; border-bottom-right-radius: 10px;}
.navMenu .logo img{width: 200px; height: 56px;}
.navMenu .navMenuBox{float: right;}
.navMenu .navMenuBox li.navItem{height: 90px; line-height: 90px; font-size: 16px; float: left; padding: 0 15px; position: relative;}
.navMenu .navMenuBox li.active{background-color: #e63037;}
.navMenu .navMenuBox li.active a{color: #FFFFFF;}
.navMenu .navMenuBox li.navItem:hover{background-color: #e63037;}
.navMenu .navMenuBox li.navItem:hover > a{color: #FFFFFF;}

.navMenu .navMenuBox li.navItem ul{position: absolute; top: 90px; left: 0; z-index: 10; display: none; }
.navMenu .navMenuBox li.navItem li{width: 150px; background: #FFFFFF; padding: 0 15px; font-size: 14px; height: 48px; line-height: 48px;}
.navMenu .navMenuBox li.navItem li:hover{background: #e63037;}
.navMenu .navMenuBox li.navItem li:hover a{ color: #FFFFFF;}
.navMenu .navMenuBox li.navItem li a{color: #666; display:block}
.navMenu .navMenuBox li.navItem li:last-child{border-bottom-left-radius: 5px; border-bottom-right-radius: 5px;}


.navMenuIcon{padding: 10px 0; display: none; position: absolute; top: 0; right: 10px;}
.navMenuIcon .iconfont{font-size: 45px; color: #03CC5F;}
.navMenu .logo img{width: 160px; height: 45px;}
.navLayer{overflow-x: auto; height: 100%; width: 100%; overflow: hidden; position: fixed; z-index: 555; right: -100%; top: 0px;}
.navLayer .bg{overflow-x: auto; position: relative; background: #efefef; height: 100%; width: 75%; margin-left: 25%;}
.navLayer .closeBtn{height: 20px;width: 20px;position: absolute;top: 30px;right: 10px;z-index: 22;}
.navLayer .closeBtn .iconfont{font-size: 20px; color: #03CC5F; font-weight: bold;}
.navLayer .sideNav{padding: 20px 0 15px}
.navLayer .subNav{cursor: pointer;display: block; line-height: 42px;position: relative;font-size: 14px;color: #666;border-bottom: #dfe0df solid 1px;}
.navLayer .subNav .home{position: relative; }
.navLayer .subNav .home a{display: block; padding-left: 15px;}
.navLayer .subNav .home .iconfont{font-size: 20px; color: #03CC5F;margin-right: 5px;}
.navLayer .subIcon{background: url(../bg/nimg63_1.png) right center no-repeat; background-size: 42px;}
.navLayer .current{background: #03CC5F url(../bg/nimg63_1on.png) right 14px no-repeat; background-size: 42px; color: #fff;}
.navLayer .current .home>a{color: #FFFFFF;}
.navLayer .subIcon ul{display: none;}
.navLayer .subIcon li{position: relative;}
.navLayer .subIcon li{display: block; height: 30px; line-height: 30px; padding-left: 25px; font-size: 14px;background: #fff;}

.indexFlash{min-height:100px; position:relative;}
.indexFlash .img{display:block; height:660px;}
.indexFlash .slick-dots{position: absolute; bottom: 42px; z-index: 9; right: 50%; }
.indexFlash .slick-dots li{display:inline-block; margin-left:15px; width:12px; height:12px; border-radius: 50%; background:#fff; }
.indexFlash .slick-dots .slick-active{ background:#006d9b;}
.indexFlash .slick-prev{ position:absolute; left:2%; top:50%; margin-top:-26px; background:url(../bg/nimg52_left.png) center no-repeat; z-index:22; width:55px; height:80px; display:block;}
.indexFlash .slick-next{ position:absolute; right:2%; top:50%; margin-top:-26px; background:url(../bg/nimg52_right.png) center no-repeat; z-index:22; width:55px; height:80px; display:block;}
.indexFlash .slick-prev:hover{background-color: rgba(255, 255, 255, 0.6); border-radius: 5px}
.indexFlash .slick-next:hover{background-color: rgba(255, 255, 255, 0.6); border-radius: 5px}
.bannerTel{ display: none; }
.indexFlashTel{position:relative; overflow:hidden; max-width:1024px;}
.indexFlashTel .slick img{ width:100%;}
.indexFlashTel .slick-dots{ position:absolute; left:0; width: 100%; text-align: center; bottom:20px;}
.indexFlashTel .slick-dots li{display:inline-block; margin:0 6px; width:30px; height:5px; background:#fff;}
.indexFlashTel .slick-dots .slick-active{background:#006d9b;}

.kgBg{background: url(../bg/index_gk_bg.png) center top no-repeat; height: 745px; position: relative;}
.kgBg .kgBox{position: absolute; left: 50%; margin-left: 150px; margin-top: 158px;  width: 630px; height: 454px; background: rgba(28, 80, 161, 0.9);}
.kgBg .kgBoxContent{position: relative;}
.kgBg .kgBoxContent .kgIcon{position: absolute; top: 20px; left: -20px; background: url(../bg/index_gk.png) no-repeat; width: 234px; height: 106px; }
.kgBg .kgBoxContent .kgBoxContentText{padding-top: 140px;}
.kgBg .kgBoxContent .kgBoxContentText div{width: 50%; line-height: 40px; float: left;  font-size: 16px; color: #FFFFFF;}
.kgBg .kgBoxContent .kgBoxContentText div p{padding-left: 86px;}
.kgBg .kgBoxContent .kgBoxContentText div.kgTextno p{padding-left: 0px;}
.kgBg .kgBoxContent .kgBoxContentText div.more{margin-top: 40px;}
.kgBg .kgBoxContent .kgBoxContentText div.more a{color: #FFFFFF; position: relative; display: block;}
.headText{display: none; color: #FFFFFF;}
.headText h4{font-size: 16px;}
.headText span{font-size: 12px;}
.more:hover a:before{color: #ffff; transform: translate(80px, 0); }
.more a:before{position: absolute; content: "\e7a7"; left: 0%; transition: all .1s ease-in-out; color: transparent;}

.serviceBox{padding: 40px 0 160px 0;}
.serviceBox .serviceItem{width: 21.25%; margin-left: -2px; float: left; margin-right: 5%; background: #FFFFFF; border: 1px solid #d0d0d0; border-radius: 10px;}
.serviceBox .serviceItem:last-child{margin-right: 0;}
.serviceBox .serviceItem:hover{box-shadow: 0px 10px 24px 0px rgba(0, 0, 0, 0.1); }
.serviceBox .serviceItemBox{padding: 20% 18% 10%; position: relative;}
.serviceBox .serviceItemBox:hover:before{width: 18px;height: 18px;}
.serviceBox .serviceItemBox:before{content: ""; width: 0px; height: 0px; border-radius: 50%; top: 20px; right: 20px; transition: all .36s ease; background-color: #03CC5F; position: absolute;}
.serviceBox .serviceItem:nth-child(2) .serviceItemBox:before{background-color: #fed71a}
.serviceBox .serviceItem:nth-child(3) .serviceItemBox:before{background-color: #e63037}
.serviceBox .serviceItem:nth-child(4) .serviceItemBox:before{background-color: #96c24e}
.serviceBox .serviceItemR {text-align: center;}
.serviceBox .serviceItemR img{width: 100%; }
.serviceBox .serviceItemTitle{ line-height: 50px; height: 50px; overflow: hidden; font-size: 16px; font-weight: bold; text-align: center;}
.serviceBox .serviceItemDesc{font-size: 12px; height: 75px; overflow: hidden; line-height: 25px; text-align: center; color: #7a7a7a;}
.serviceBox .serviceItemMore{font-size: 14px; text-align: center; margin-top: 20px; position: relative;}
.serviceBox .serviceItemMore a{color: #7a7a7a; display: block;}
.serviceBox .serviceItemMore a:before{top: 3px; left: 50%;}
.serviceBox .serviceItemMore a:hover:before{color: #7a7a7a; transform: translate(50px, 0);}

.indexHeadTitle{text-align: center; padding-top: 110px;}
.indexHeadTitle h3{font-size: 28px; color: #FFFFFF; line-height: 50px; font-weight: normal;}
.indexHeadTitle p{font-size: 12px; color: #FFFFFF;}

.courseBg{background: url(../bg/course_bg.png) no-repeat center center; width: 100%; height: 413px;}
.courseBg .courseItemBox{text-align: center; padding-top: 60px;}
.courseBg .courseItem{padding: 5px 10px; cursor: pointer; font-size: 16px; border: 1px solid #FFFFFF; border-radius: 5px; color: #FFFFFF; margin: 0 20px;}
.courseItemBox .active{background: #E63037; border: 1px solid #E63037;}
.courseBg .more{position: absolute; right: -20px; bottom: -60px;}
.courseBg .more a{color: #FFFFFF;}
.courseBg .more a:before{top: 4px;}

.courseTab{height: 426px; overflow: hidden;}
.historyMain {width: 10000px;position: absolute;}
.historyMainBox{width: 384px;float: left;margin-right: 25px;}
.historyTitle{ font-size: 24px; padding-top: 40px; line-height: 36px; font-family: 'TencentSansw7'; padding-bottom: 8px; border-bottom:1px solid #D8D9DC; margin-bottom: 18px;color: #2A2E2E;}
.historyMainBox .item{ line-height: 25px; height: 25px; overflow: hidden; margin-bottom: 18px; font-size: 14px; margin-right: 30px;}
.customerBg{background-color: #434343; padding: 100px 0;}
.customerBg .title{color: #FFFFFF;  text-align: center; width: 480px; margin: 0 auto; }
.customerBg .title h3{font-size: 28px; line-height: 40px;}
.customerBg .title .desc{position: relative; font-size: 12px; line-height: 20px; height: 20px;}
.customerBg .title .desc:before{position: absolute; left: 0; width: 186px; top: 9px; height: 2px; background: #9c9c9c; content: "";}
.customerBg .title .desc:after{position: absolute; right: 0; width: 186px; top: 9px; height: 2px; background: #9c9c9c; content: "";}
.customerBox{padding-top: 40px}
.customerBox li{width: 15.8%; margin-right: 1%; margin-bottom: 1%; height: 147px; float: left; overflow: hidden; cursor: pointer}
.customerBox li:nth-child(6n) {margin-right: 0;}
.customerBox li:hover{background: #ffffff;}
.customerBox li .show2{display: none;}
.customerBox li img{width: 100%}

.topbar-citypop{position: absolute; left: 0; top: 50px; z-index: 1000;}
.topbar-citypop-active{display: block}
.topbar-citypop-content{ position: relative; z-index: 1; width: 556px; border: 1px solid #bfbfbf; background-color: #FFFFFF;}
.topbar-citypop-content-top{position: relative; padding-left: 10px; height: 50px; border-bottom: 1px solid #e5e5e5;}
.topbar-citypop-search .icon-sousuo{float: left; margin-left: 8px; font-size: 18px; line-height: 30px; color: #666666}
.topbar-citypop-search{position: relative; float: left; margin-top: 10px; width: 194px; height: 30px; background-position: -36px -182px; border: 1px solid #bfbfbf}
.topbar-citypop-search input{ position:absolute;left:28px;top:0;padding:0;width:164px;height:30px;line-height:30px;border:none;background-color:#fff;color:#999;font-size:14px;outline:none}
.topbar-citypop-ct{ min-width:194px;position:absolute;left:-1px;top:24px;border:solid 1px #bfbfbf;background-color:#fff}
.topbar-citypop-ct .icon-down {margin-right: 4px; font-size: 16px; color: #1151A0}
.topbar-citypop-ct .topbar-citypop-tip-go {text-align: left; margin-left:8px;line-height:30px; color: #666666;}
.topbar-citypop-ct .topbar-citypop-tip-no{line-height:30px; width: 220px; color: #999}
.topbar-citypop-tip-no .icon-gantanhao-yuankuang {margin-right: 4px; font-size: 16px; color: #ff8300}
.topbar-citypop-ct ul {list-style:none;padding:0;margin:0}
.topbar-citypop-ct li {width: 100%;border: 0;border-radius: 0;background-color: none;border-top:1px solid #e5e5e5}
.topbar-citypop-ct li a {display:block;padding:0 12px;height:30px;line-height:30px;overflow:hidden}
.topbar-citypop-ct li span {float:left;color:#386ed3}
.topbar-citypop-ct li b {float:right;font-weight:200;color:#999}
.topbar-citypop-hotcity {float:left;padding-left:5px;margin-top:10px}
.topbar-citypop-hotcity a {float:left;margin-left:10px;line-height:30px; color: #1151A0;}
.topbar-citypop .topbar-citypop-close {position:absolute;right:12px;top:10px;overflow:hidden}
.topbar-citypop .topbar-citypop-close i {display:block;width:30px;height:30px;color: #1151A0;line-height:30px;font-size:20px;text-align:center}
.topbar-citypop .topbar-citypop-close:hover {background-color:#1151A0;}
.topbar-citypop .topbar-citypop-close:hover i{color:#fff}
.topbar-citypop-nb {padding:6px;border-bottom:1px solid #e5e5e5}
.topbar-citypop-nb:after {content:"";display:table;clear:both}
.topbar-citypop-nb a {color: #1151A0;float:left;margin:4px;width:24px;height:24px;line-height:22px;border:1px solid #bfbfbf;background-color:#ebf0fb;text-align:center}
.topbar-citypop-nb a.current, .topbar-citypop-nb a:hover {border-color:#1151A0;background-color:#1151A0;color:#fff}
.topbar-citypop-scity {height:320px;overflow-y:scroll;overflow-x:hidden}
.topbar-citypop-scity dl {margin:0;padding:8px 0;border-top:1px solid #e5e5e5; overflow:hidden}
.topbar-citypop-scity dl:after {content:"";display:table;clear:both}
.topbar-citypop-scity dt,.topbar-citypop-scity dd {float:left;margin:0}
.topbar-citypop-scity dt {padding-top:2px;width:94px}
.topbar-citypop-scity dt .tx {float:right;line-height:24px;font-weight:bold;color:#000}
.topbar-citypop-scity dt .nu {float:left;padding-left:16px;line-height:24px;font-size:18px;font-weight:200;color:#333}
.topbar-citypop-scity dd {width:440px}
.topbar-citypop-scity dd:after {content:"";display:table;clear:both}
.topbar-citypop-scity dd a {float:left;display:block;margin:2px;padding:0 6px;height:24px;line-height:24px;white-space:nowrap;color: #1151A0;}
.topbar-citypop-scity dd a:hover {background-color:#4c85ed;color:#fff}
.topbar-citypop-scity dd a.current {background-color:#ff8300;color:#fff}

.usedTitle{position: relative;}
.usedTitle h3{font-size: 28px;height: 50px;line-height: 50px;font-weight: 500;letter-spacing: 2px;text-align: center;}
.usedTitle p{font-size: 12px;line-height: 24px;text-align: center;color: #FFFFFF;}

.f_black{color: #666666 !important;}
.f_red{color: #de1c31 !important;}
.f_blue{color: #1c509e !important;}
.f_orange{color:#ff5500}
.f_white{color: #FFFFFF;}
.fBg{background: #f9f9f9;}
.wBg{background-color: #ffffff}

.serviceHead .container{padding: 60px 0; background: #ffffff; width: 1200px;}
.serviceHead .headContent {font-size: 16px; padding: 30px 150px; text-align: center; line-height: 30px; box-sizing: content-box;}
.serviceStandard{background: url(../bg/servicestandardbg.jpg) no-repeat; background-size: cover; width: 100%; height: 693px;}
.serviceStandard .container{padding: 60px 0;}
.serviceStandard h3, .serviceStandard p{color: #fff;text-align: center;}
.serviceStandard h3{font-size: 20px; line-height: 70px;}
.serviceStandard p{font-size: 16px; line-height: 30px;}
.serviceStandard .standardContent{width: 605px; margin: 0 auto; padding-top: 50px;}
.serviceStandard .standardContent .standardItem{width: 145px; float: left; margin-right: 85px; }
.serviceStandard .standardContent .standardItem:last-child{margin-right: 0}
.serviceStandard .standardContent .standardItem p.img{transition: 0.5s;}
.serviceStandard .standardContent .standardItem:hover p.img{transform: rotateY(360deg);}
.serviceStandard .standardContent .standardItem p.img img{width: 100%;}
.serviceStandard .standardContent .standardItem p.txt{padding-top: 15px;}
.serviceStandard .standardContentBt{ padding-top: 70px;}
.serviceScene .container{padding: 60px 0; width: 1280px;}
.serviceScene .sceneItem{width: 240px; border-radius: 10px; cursor: pointer; margin-right: 20px; height: 310px; background: #ffffff; float: left;}
.serviceScene .sceneItem:hover{box-shadow: 5px 6px 3px #eee}
.sceneContent{margin-top: 60px;}
.serviceScene .sceneItem:nth-child(5n){margin-right: 0}
.serviceScene .sceneItem p{text-align: center;}
.serviceScene .sceneItem p.img{ padding-top: 60px;}
.serviceScene .sceneItem p.img img{width: 95px;}
.serviceScene .sceneItem p.txt{padding-top: 40px; font-size: 17px; font-weight: bold; line-height: 25px; }
.serviceBenefits .container{width: 1280px; padding: 60px 0;}
.serviceBenefits .benefitsLeft .usedTitle h3, .serviceBenefits .benefitsLeft .usedTitle p{text-align: left;}
.serviceBenefits .benefitsLeft .usedTitle{margin-top: 20px;}
.serviceBenefits .benefitsLeft{width: 650px; float: left;}
.serviceBenefits .benefitsLeft ul{margin-top: 30px;}
.serviceBenefits .benefitsLeft li{line-height: 40px; font-size: 16px; position: relative; text-indent: 20px;}
.serviceBenefits .benefitsLeft li:before{position: absolute; width: 8px; height: 8px; background: #000; border-radius: 4px; content: ""; left: 0; top: 16px;}
.benefitsRight{width: 588px; float: right;}
.serviceJobs .container{padding: 60px 0; width: 1090px;}
.serviceJobs .usedTitle p{font-size: 18px;}
.serviceJobs .jobsBox{position: relative; background: #e7ebf3; height: 395px; margin-top: 60px; border-radius: 10px;}
.serviceJobs .jobsBox .jobsLeft{width: 250px; height: 410px;  background: #03CC5F; box-shadow: 4px 3px 3px #b7b6b6; border-radius: 10px; position: absolute; left: 0; top: -8px;}
.serviceJobs .jobsBox .jobsLeft div{position: relative; max-height: 100%; height: 100%}
.serviceJobs .jobsBox .jobsLeft div:before{content: ""; height: 3px; width: 30px; background-color: #ffffff; position: absolute; top: 20px; left: 50%; margin-left: -15px;}
.serviceJobs .jobsBox .jobsLeft div:after{content: ""; height: 3px; width: 30px; background-color: #ffffff; position: absolute; bottom: 20px; left: 50%; margin-left: -15px;}
.serviceJobs .jobsBox .jobsLeft ul{padding-top: 60px;}
.serviceJobs .jobsBox .jobsLeft li{height: 60px; line-height: 60px; font-size: 16px; cursor: pointer; text-indent: 60px; color: #ffffff;}
.serviceJobs .jobsBox .jobsLeft li.active{background-color: #de1c31;}
.serviceJobs .jobsBox .jobsRight{padding: 15px 20px 20px 271px; box-sizing: border-box;}
.serviceJobs .jobsBox .jobsRight .jobsItemBlock{display: none;}
.serviceJobs .jobsBox .jobsRight .jobsItem{width: 264px; height: 119px; cursor: pointer; padding: 20px 30px; box-sizing: border-box; background: url(../bg/service_jobs_success.png) no-repeat; float: left; margin: 3px 3px 0 0; }
.serviceJobs .jobsBox .jobsRight .jobsItem:nth-child(3n){margin-right: 0}
.serviceJobs .jobsBox .jobsRight .jobsItem .title{font-size: 20px; line-height: 40px;}
.serviceJobs .jobsBox .jobsRight .jobsItem .desc{font-size: 15px; color: #7e7e7e; line-height: 30px;}
.container1280{width: 1288px;padding: 60px 0;}
.serviceExcellent{background-color: #f9f9f9;}
.serviceExcellent .excellentBox{margin-top: 50px;}
.serviceExcellent .excellentLeft{width: 683px; float: left;}
.serviceExcellent .excellentRight{width: 560px; float: right;}
.serviceExcellent .excellentRight .items{margin-bottom: 30px;}
.serviceExcellent .excellentRight .items p{font-size: 16px; line-height: 34px; text-align: justify; font-weight: bold; }
.serviceExcellent .excellentRight .items span{color: #353535; font-size: 16px; text-align: justify; line-height: 20px; display: block; }
.serviceCase{background: url(../bg/service-case.jpg) no-repeat; background-size: cover;  height: 337px; width: 100%; overflow: hidden;}
.serviceCase .container{padding: 0; width: 1509px; }
.serviceCase .serviceCaseBox .items-n{float: left; height: 337px; width: 174px; position: relative;}
.serviceCase .serviceCaseBox .items-n .usedTitle{position: absolute; top: 40%; left: 0}
.serviceCase .serviceCaseBox .items-n .usedTitle h3{font-size: 28px; line-height: 50px;  height: 50px;}
.serviceCase .serviceCaseBox .items-n .usedTitle p{font-size: 12px;}
.serviceCase .serviceCaseBox .items{width: 445px; cursor: pointer; position: relative; float: left;}
.serviceCase .serviceCaseBox .items .txt{position: absolute; left: 0; top: 50%; text-align: center; width: 100%; font-size: 17px; color: #ffffff; font-weight: bold; }
.serviceCase .serviceCaseBox .itemsNew{position: absolute; display: none; top: 0; left: 0; width: 445px; height: 337px; background: #ffffff;}
.serviceCase .serviceCaseBox .itemsNew .itemsNewBox{padding: 125px 80px; position: absolute; top: 337px;}
.serviceCase .serviceCaseBox .itemsNew .itemsNewBox .title{ font-size: 17px; font-weight: bold; margin-bottom: 15px;}
.serviceCase .serviceCaseBox .itemsNew .itemsNewBox .desc{font-size: 15px; line-height: 25px;}
.serviceProcess .container{padding: 60px 0 120px; text-align: center;}
.serviceProcess img{width: 90%; margin-left: 70px;}
.eqalificBox .road-box li p.img img{width: 174px;}
.innerBanner img{width: 100%;}
.flexibleLc .container{padding: 60px 0 !important; width: 1240px;}
.flexibleLc .bpoBusinessBox{margin-top: 80px !important;}
.flexibleLc .bpoBusinessImg{width: 533px; float: left;}
.flexibleLc .bpoBusinessBox{width: 594px; float: right; margin-top: 140px;}
.flexibleLc .bpoBusinessBox .usedTitle h3, .bpoBusinessBox .usedTitle p{text-align: left;}
.flexibleLc .bpoBusinessContent p{margin-top: 40px; font-size: 16px;line-height: 28px;text-align: justify;letter-spacing: 2px;}
.flexibleService{background: url(../bg/flexible-service.jpg) no-repeat; background-size: cover;  height: 490px; width: 100%; overflow: hidden;}
.flexibleService .container{padding: 60px 0;}
.flexibleService .container .usedTitle h3{color: #ffffff;}
.flexibleService .flexibleServiceItems{width: 1057px; margin: 50px auto 0;}
.flexibleService .flexibleServiceItems .items{width: 190px; height: 190px; float: left; background: #ffffff; box-sizing: border-box; padding: 20px; margin-right: 95px; border-radius: 20px;}
.flexibleService .flexibleServiceItems .items:last-child{margin-right: 0}
.flexibleService .flexibleServiceItems .items:hover{box-shadow: 3px 3px 6px #403f3f; cursor:pointer}
.flexibleService .flexibleServiceItems .items p{line-height: 30px; font-size: 17px; text-align: center;}
.flexibleService .flexibleServiceItems .items p.num{font-size: 44px; font-weight: bold; line-height: 70px; text-align: center; color: #e72434;}
.flexibleAdvantage{background: url(../bg/flexible-advantage.jpg) no-repeat; background-size: cover;  height: 670px; width: 100%; overflow: hidden;}
.flexibleAdvantage .container{padding: 90px 0;width: 1057px;}
.flexibleAdvantage .flexibleAdvantageInfo .usedTitle{margin-bottom: 30px;}
.flexibleAdvantage .flexibleAdvantageInfo .usedTitle h3,.flexibleAdvantage .flexibleAdvantageInfo .usedTitle p{ text-align: left;}
.flexibleAdvantage .items{margin-bottom: 25px;}
.flexibleAdvantage .items p{line-height: 30px; font-size: 17px; font-weight: bold;}
.flexibleAdvantage .items i{width: 17px; height: 17px; background: #1c509e; margin-right: 10px; display: inline-block; border-radius: 9px;}
.flexibleAdvantage .items span{display: block; line-height: 25px; font-size: 15px;}
.flexibleCooperationProcess .container{padding: 60px 0; width: 1255px;}
.flexibleCooperationProcess .container img{margin-top: 25px;}
.flexibleCase .container{width: 1306px; }
.flexibleCase{background:#1f4fa1 url(../bg/flexible-case.jpg) no-repeat; width: 100%; height: 510px;}
.flexibleCase .textCase{float: right; width: 465px; padding: 80px 0 50px; color: #ffffff; box-sizing: border-box;}
.flexibleCase .textCase .usedTitle h3,.flexibleCase .textCase .usedTitle p{text-align: left; color: #ffffff;}
.flexibleCase .textCase .textCaseInfo p{font-size: 15px; line-height:30px; padding: 20px 0; border-bottom: 1px solid #ffffff; text-align: justify}
.flexibleCase .textCase .caseInfoItems .item:nth-child(1){width: 24%;}
.flexibleCase .textCase .caseInfoItems .item:nth-child(2){width: 56%; padding: 20px 10% 20px 15%; box-sizing: border-box;}
.flexibleCase .textCase .caseInfoItems .item:nth-child(3){width: 20%; }
.flexibleCase .textCase .caseInfoItems .item{float: left; padding: 20px 0}
.flexibleCase .textCase .caseInfoItems span{display: block; line-height: 30px; text-align: left; font-size: 15px;}
.flexibleCase .textCase .caseInfoItems span.num{font-size: 33px;line-height: 40px; font-weight: 500;}

.personnelBox .container{width: 1275px; }
.bpoBusiness .container{padding: 94px 0;}
.perBox{width: 590px; margin-top: 20px;}
.perBox .bpoBusinessContent p{letter-spacing: 0px; margin-top: 40px; font-size: 16px;line-height: 28px;text-align: justify;}
.personnelSceneBg{background: url(../bg/per-scene-bg.png) no-repeat; background-size: cover;  height: 498px; width: 100%; overflow: hidden;}
.personnelSceneBg .perSceneRight{width: 670px; padding:45px 0 0 130px; box-sizing:border-box;  float: right; background: rgba(30,81,162,0.9); height: 498px; color: #fff;}
.personnelSceneBg .perSceneRight .usedTitle h3, .personnelSceneBg .perSceneRight .usedTitle p{text-align: left;}
.personnelSceneBg .perSceneRight .usedTitle{margin-bottom: 30px;}
.personnelSceneBg .perSceneRight li{font-size: 15px; line-height: 40px; position: relative; padding-left: 20px;}
.personnelSceneBg .perSceneRight li:after{width: 10px; height: 10px; background-color: #fff; border-radius: 5px; content: ""; position: absolute; top: 16px; left: 0;}
.personnelServiceBg{background-color: #1d50a2; width: 100%; height: 675px; position: relative}
.personnelServiceBg .bgBottom{height: 300px; width: 100%; background-color: #FFFFFF; bottom: 0; left: 0; position:absolute;}
.personnelServiceBg .container{position: relative; height: 635px; box-sizing:border-box; padding-top: 110px}
.personnelServiceBg .personnelServiceGrid{width: 100%; position: absolute; left: 0; bottom: 0;  background: #fff;}
.personnelServiceBg .personnelGridBox{padding: 40px 40px 60px;}
.personnelServiceBg .personnelGridBox .personnelServiceItems{width: 33.33%; float: left; position: relative; box-sizing:border-box; padding-right: 20px;}
.personnelServiceBg .personnelGridBox .personnelServiceLi:hover{background-color: #ededed; cursor: pointer;}
.personnelServiceBg .personnelGridBox .personnelServiceItems:last-child:before{width: 0}
.personnelServiceBg .personnelGridBox .personnelServiceItems:before{width: 1px; background: #ededed; height: 80%; position: absolute; content: ""; right: 20px; top: 10%; }
.personnelServiceBg .personnelGridBox .personnelServiceLi{margin: 20px; padding: 10px 30px}
.personnelServiceBg .personnelGridBox .personnelServiceLi b{color: #1d50a2; font-size: 50px;}
.personnelServiceBg .personnelGridBox .personnelServiceLi p{font-size: 17px; height: 30px; line-height: 30px;}
.personnelServiceBg .usedTitle h3{color: #fff;}
.personnelBg{background: #efefef}
.personnelBg .container{width: 1040px; padding: 80px 0}
.personnelBg .sceneItem:hover{box-shadow: 5px 6px 3px #bfbfbf}
.personnelBg .sceneItem p.txt{font-size: 15px;}
.personnelServiceContent .container{padding: 60px 0}
.personnelServiceContent .benefitsRight .usedTitle h3, .personnelServiceContent .benefitsRight .usedTitle p{text-align: left;}
.personnelServiceContent .benefitsRight .usedTitle{margin-top: 20px;}
.personnelServiceContent .benefitsRight{width: 650px; float: right; padding-top: 40px}
.personnelServiceContent .benefitsRight p.content{margin-top: 30px; line-height: 30px; font-size: 15px;}
.personnelServiceContent .benefitsLeft{width: 588px; float: left;}
.personnelProcess .container{width: 1285px; padding: 60px 0;}
.personnelProcess .contentBox{position: relative; height: 363px; margin: 60px 0; background: url(../bg/xian.png) no-repeat}
.bpoBusinessImg{width: 533px; float: left;}
.bpoBusinessBox{width: 594px; float: right; margin-top: 140px;}
.bpoBusinessBox .usedTitle h3, .bpoBusinessBox .usedTitle p{text-align: left;}
.personnelProcess .contentBox .items{position: absolute; text-align: center;}
.personnelProcess .contentBox .b .subItems{position: relative;  padding: 0 0 21px 0;}
.personnelProcess .contentBox .items .subItems:hover{cursor: pointer;}
.personnelProcess .contentBox .items .subItems:hover:before{background: #de1c31;}
.personnelProcess .contentBox .b .subItems:before{position: absolute; width: 10px; height: 10px; background: #1d50a2; border-radius: 5px; content:""; left: 50%; margin-left: -4px; bottom: 0px;}
.personnelProcess .contentBox .t .subItems:before{position: absolute; width: 10px; height: 10px; background: #1d50a2; border-radius: 5px; content:""; left: 50%; margin-left: -3px; top: 0px;}
.personnelProcess .contentBox .t .subItems{position: relative;  padding: 21px 0 0 0;}
.personnelProcess .contentBox .items1{top: 0; left: 0}
.personnelProcess .contentBox .items2{bottom: 0; left: 174px}
.personnelProcess .contentBox .items3{top: 0; left: 351px}
.personnelProcess .contentBox .items4{bottom: 0; left: 525px}
.personnelProcess .contentBox .items5{top: 0; left: 701px}
.personnelProcess .contentBox .items6{bottom: 0; left: 876px}
.personnelProcess .contentBox .items7{top: 0; left: 1052px}
.personnelProcess .contentBox .items p{width: 228px; height: 37px; line-height: 37px; background: #de1c31; font-size: 17px; color:#FFF; text-align: center; border-radius: 17px}
.personnelProcess .contentBox .items span.number{width: 228px; font-size: 47px; color:#353535; font-weight: bold; display: block; text-align: center; height: 65px;line-height:65px;}
.personnelProcess .contentBox .items span.r{width: 10px; height: 10px; background: #1d50a2; border-radius: 5px; display: block}
.newsBg  {width: 1460px; margin: 0 auto; }
.newsBg .newsBox{margin: 40px 0 80px;}
.newsBg .newsItem {width: 31.33%; background: #03CC5F; float: left; margin-right: 3%}
.newsBg .newsItem p.image img{width: 100%; height: 308px}
.newsBg .newsItem .info{padding: 30px; color: #FFFFFF; height: 250px; box-sizing:border-box}
.newsBg .newsBoxCont {height: 190px; overflow: hidden; }
.newsBg .newsBoxCont .tit{font-size: 17px;font-weight: 700; height: 40px; line-height: 40px; overflow: hidden}
.newsBg .newsBoxCont .desc{line-height: 30px;}
.newsItem ul{padding: 30px;}
.newsItem li{margin-bottom: 29px;}
.newsItem li:last-child{margin-bottom: 0;}
.newsItem li p.tit{line-height: 26px; height: 52px; font-size: 16px;}
.newsItem li p.time{line-height: 25px;}
.newsItem li a{ color: #FFFFFF}

.jtkBg{background: url(../bg/victor123-jjjshop-master_02.jpg) center top no-repeat; height: 571px; max-width: 100%; position: relative;}
.jtkBox .headText{width: 100%; display: block; text-align: center}
.jtkBox .headText h4{font-size: 28px;}
.jtkBg .jtkBox{ padding-top: 120px;  width: 1460px; margin: 0 auto}
.jtkBg .jtkContent{margin-top: 80px;}
.jtkBg .jtkContent li {float: left; width: 16.6%; text-align: center}
.jtkBg .jtkContent li p.img {transition: all 0.6s;}
.jtkBg .jtkContent li p.img:hover{transform: scale(1.05);}
.jtkBg .jtkContent li p.title{line-height: 50px; font-size: 17px; color: #FFFFFF}

.navBar{height: 50px; line-height: 50px; background-color: #FFFFFF;}
.navBar .container{align-items: center; text-align: center}
.navBar li{display: inline-block;padding: 0 17px;font-size: 14px;height: 30px;line-height: 30px;text-align: center;position: relative;color: #7e7e7e;}
.navBar li:after{height: 100%;position: absolute;top: 0;right: 0;width: 1px;background: #f0f0f0;display: block;content: "";}
.navBar li:last-child:after{display: none}
.framBox{width: 1220px; margin: 20px auto 0; background: #FFFFFF;  display: flex;
    justify-content: space-between;}
.framBox .framArea{float: left; background: #03CC5F; width: 276px; padding: 40px 20px; box-sizing: border-box}
.framArea li{width: 25%; float: left; text-align: center; margin-bottom: 10px;}
.framArea li a{padding: 3px 0; color: #FFFFFF; display: inline-block; width: 46px;}
.framArea a.active{ background: #FFFFFF; border-radius: 5px; color: #000000}
.framBox .framContent{width: 944px; float: left; box-sizing: border-box; padding: 40px 40px 0; font-size: 15px;}
.framContent li{border-bottom: 1px solid #f0f0f0; padding: 10px 0 20px;}
.framContent li:last-child{border-bottom: none}
.framContent .tit{ line-height: 35px; line-height: 35px; overflow: hidden; font-weight: bold; color: #03CC5F}
.framContent .desc{line-height: 20px;}

.overViewBox{width: 1200px; margin-top: 50px;font-size: 14px; padding-bottom:50px; line-height:2em;}
.overViewBox .overGroup .img{float: left; width: 479px; padding-top: 10px; }
.overGroup .groupContent{float: right; width:700px; box-sizing: border-box; padding:10px 0 0 50px;}
.overGroup .groupContent .indexHeadTitle{padding: 0; text-align: left}
.overGroup .groupContent .indexHeadTitle h3{color: #000000}
.overGroup .groupContent .content{line-height: 26px; padding-top: 20px; font-size: 15px;}
.overViewBox .overCompany{margin: 60px 0 120px;}
.overCompany .content{padding-top: 40px; line-height: 26px; font-size: 15px;}

.contactBox{position: relative; background-image: url("../bg/contactbg.jpg"); height:603px; background-repeat: no-repeat; background-size: cover}
.contactBox .contactBg{width: 1200px; margin:0 auto; padding-top:80px;}
.contactBox .contactBg h1{font-size: 46px; line-height: 90px; color: #FFFFFF; font-weight: normal}
.contactBox .contentMain{background: #FFFFFF; height: 400px; margin-top: 30px;}
.mainTop{height: 204px; border-bottom: 1px solid #f0f0f0; box-sizing: border-box; padding:60px 80px 0}
.mainTop .item{width: 50%; float: left}
.mainTop .item p{font-size: 15px; color: #6e6e6e}
.mainTop .item .hotline{font-size: 30px; font-weight: bold; color: #000000; line-height: 45px;}
.mainTop .rq{display: flex; align-items: center}
.mainTop .rq img{width: 100px; height: 100px; padding-right: 10px;}
.mainButton{box-sizing: border-box; padding: 40px 80px 0 70px; }
.mainButton .item{width: 50%; float: left; height: 50px; line-height: 25px; font-size: 17px; color: #6e6e6e; align-items: center; display: flex;}
.mainButton .emails{ padding-left: 10px; box-sizing: border-box;}
.mainButton .emails p{color: #000000}
.mainButton .item p{ padding-right:100px}

.deveBox{width: 1200px; background: #ffffff; margin: 0 auto}
.liChenBox{ align-items: center; text-align: center; padding: 40px 0}
.liChenBox li{border: 2px solid #f0f0f0; display: inline-block; cursor: pointer; font-size: 17px; color: #6e6e6e; font-weight: bold; padding: 5px 10px; margin: 0 10px; border-radius: 5px;}
.liChenBox li.active{background: #03CC5F !important; color: #FFFFFF; border-color: #03CC5F;}
.liChengTbas {padding-bottom: 40PX; margin-bottom: 20px;}
.liChengTbas .item{padding: 40px 160px; position: relative; height: 100%;}
.liChengTbas .item:after{position: absolute; left: 50%; content: ""; width: 2px; background: #f0f0f0; height: 100%; top: 0;}
.liChengTbas .itemBox{width: 50%; border-top: 2px solid #f0f0f0; padding: 20px; box-sizing: border-box}
.liChengTbas .itemBox p{font-size: 25px; line-height: 50px; color: #03CC5F; font-weight: bold;}
.liChengTbas .left {text-align: right; }
.liChengTbas .right {text-align: left; margin-left: 50%;}
.liChengTbas .itemBox li{line-height: 25px; text-align: right; font-size: 15px;}
.liChengTbas .right li{text-align: left;}





footer .code {
    height: 230px;
    background-image: url('../bg/victor123-jjjshop-master_02.jpg');
}

footer .leftCode {
    padding-top: 20px;
}

footer .leftCodeitem {
    float: left;
    width: 200px;
    /* background-color: pink; */
    /* margin-right: 30px; */
}

footer .leftCodeitem img {
    margin-left: 40px;
}
footer .leftCodeitem .tilte{
    display: flex;
    flex-direction: column;
    text-align: center;
    color: #fff;
    margin-top: 20px;
}

footer .leftCodeitem span {
    margin-bottom: 8px;
}

footer .rightCode {
    float: right;
    line-height: 200px;
}

footer .rightCodeItem {
    width: 300px;
    text-align: right;
    line-height: 30px;
    margin-top: 50px;
}

footer .rightCode p,footer .rightCode span {
   color: #fff;
   font-style: '宋体'
}

footer .login {
    height: 150px;
    background-color: #f5f8fd; padding-bottom:10px;
}

footer .center {
    margin: 0 auto;
    width: 1200px;
    /* background-color: red; */
}

footer .login h3 {
    font-size: 16px;
    padding-top: 15px;
    margin-bottom: 15px;
}

footer .bottom a {
    font-size: 12px;
    color: #b9b9bb; margin-right:10px
}
footer .bottom a:hover { color:#333}

footer .loginLeft {
    float: left;
    margin-right: 20px;
    overflow: hidden;
}

footer .loginLeft img,footer .loginLeft span {
    display: inline-block;
    vertical-align: middle;
}

.clear{
    clear:both;
}

footer .rb{
    margin-top: 50px;
    position: relative;
}

footer .rbLeftItem {
    margin-bottom: 10px; font-size:14px; color:#666
}
footer .rbLeftItem span:nth-child(1) {
    width: 50px;
    margin-right: 25px;
    display: inline-block;
}

footer .rbLeft .com {
    margin-top: 30px; font-size:14px; color:#666
}

footer .rbLeft .hgs {
    margin-top: 20px; font-size:14px; color:#666; padding-bottom:20px
}

footer .rbRight img {
    position: absolute;
    right: 0;
    top: 0px;
    width: 130px;
}



.about_banner { height:420px; background:url("../bg/contact_banner.jpg"); position: relative;}
.about_banner h1 { position: absolute; top:50%; margin-top:-50px; line-height:50px; color:#fff; left:0; width:100%; font-size:36px; text-align:center}
.about_banner h1 span { display:block; font-size:24px; font-weight:normal}

.news_banner { height:420px; background:url("../bg/contact_banner.jpg"); position: relative;}
.news_banner h1 { position: absolute; top:50%; margin-top:-50px; line-height:50px; color:#fff; left:0; width:100%; font-size:36px; text-align:center}
.news_banner h1 span { display:block; font-size:24px; font-weight:normal}