@charset "utf-8";
/* 语言切换查询头部 */
.sel_mask1{ /*将相对定位*/
position:relative;
width:60px;
height:28px;
background:#fff;
border-radius: 0px;
display:inline-block;
text-decoration: none;
float:left;
}
.sel_mask{ /*将相对定位*/
position:relative;
width:60px;
height:28px;
background:#fff;
border-radius: 0px;
display:inline-block;
text-decoration: none;
float:left;
}
.sel_mask:hover{ /*添加hover效果*/
background:#d3e7fe;
}
.sel_mask select{ /*以相同大小将绝对定位*/
top:0px;
left:0px;
position:absolute;
width:60px;
height:25px;
opacity:0;
text-align:center;
font-weight: normal;
}
.sel_mask select option[selected]{
font-weight:bold
}
.sel_mask select option:nth-child(even) {
background-color:#fff;
}
.sel_mask select option{
color:#999;
}
.sel_mask span{ /*显示内容*/
position: absolute;
top:1px;
left:10px;
display: inline-block;
color:#0d1a29;
overflow:hidden;
text-overflow: ellipsis;
font-size:16px;
font-weight:500; letter-spacing:1px;
color:#999;
font-family:微软雅黑;
}
.sel_mask img{ /*箭头图标*/
display: inline-block;
position: absolute;
top:2px;
right: 5px;
}
.sel_mask1 img{ /*箭头图标*/
display: inline-block;
position: absolute;
top:2px;
right: 5px;
}
/* banner */
@charset "utf-8";
/* banner */
.c-banner{
width: 100%;
position: relative;
z-index:1;
}
.c-banner img{
width: 100%;
}
.c-banner .banner ul{
list-style: none;
padding-left: 0px;
margin-bottom: 0px;
}
.c-banner .banner {
position: relative;
z-index:999;
}
.c-banner .banner ul li{
position: absolute
display: none;
opacity: 0;
}
.c-banner .banner ul li:nth-child(1){
opacity: 1;
display: block;
}
.c-banner .banner ul li img{
width: 100%;
position: absolute;
top: 0px;
}
.c-banner .banner ul li:first-child img{
position: relative;
}
.c-banner .nexImg,.c-banner .preImg{
padding: 25px 10px 25px 10px;
position: absolute;
top: 50%;
margin-top: -53px;
background: #000000;
opacity: 0.5;
border-radius: 5px;
z-index: 1000;
}
.c-banner .nexImg:hover,.c-banner .preImg:hover{
opacity: 0.8;
}
.c-banner .nexImg{
right: 0px;
}
.c-banner .nexImg img,.c-banner .preImg img{
}
.c-banner .jumpBtn{
width: 100%;
position: absolute;
bottom: 20px;
text-align: center;
z-index: 999;
}
.c-banner .jumpBtn ul{
margin-bottom: 0px;
padding: 0px;
}
.c-banner .jumpBtn ul li{
width: 15px;
height: 15px;
border-radius: 50%;
display: inline-block;
background-color: white;
opacity: 0.95;
margin-left: 10px;
}
.c-banner .jumpBtn ul li:first-child{
margin-left: 0px;
}
.c-banner video {
width:100%;
height:100%;
object-fit:cover;
}
.c-banner .ckin__player {
width:100%;
height:100%;
position: absolute;
top:0;
z-index: 9999;
object-fit:cover;
}
.main-more {
display: block;
width: 316px;
height: 74px;
line-height: 72px;
overflow: hidden;
margin:auto;
border-width: 1px 8px;
border-style: solid;
border-color: #d7e7fd;
border-radius: 74px;
-webkit-border-radius: 74px;
-moz-border-radius: 74px;
-ms-border-radius: 74px;
-o-border-radius: 74px;
font-size: 28px;
color: #fff;
text-align: center;
background-color: #0048aa;
margin-top:50px;
}
.clear_both:after {
content: "";
display: table;
clear: both;
}
.relative {
position: relative;
}
.absolute {
position: absolute;
}
.fixed {
position: fixed;
}
.toujianli{ float:right;}
.trans {
-webkit-transition: all 500ms ease 0s;
-moz-transition: all 500ms ease 0s;
-ms-transition: all 500ms ease 0s;
-o-transition: all 500ms ease 0s;
transition: all 500ms ease 0s;
}
.rotating180 {
transform: rotate(180deg);
-ms-transform: rotate(180deg); /* IE 9 */
-moz-transform: rotate(180deg); /* Firefox */
-webkit-transform: rotate(180deg);/* Safari 和 Chrome */
-o-transform: rotate(180deg);
}
.wrap {
max-width: 95.8%;
margin: 0 auto;
}
.wrap1 {
max-width: 62.5%;
margin: 0 auto;
}
.wrap2 {
max-width: 98%;
margin: 0 auto;
}
/*index 首页合作伙伴*/
.index_partner {
margin: 0px auto;
}
.index_partner .title .p1 {
font-size: 36px;
}
.index_partner .title .p2 {
font-size: 14px;
color: #999;
line-height: 34px;
}
.index_partner .title .p3 {
font-size: 14px;
color: #666;
line-height: 34px;
}
.index_partner .con a{
margin-left:5%;
}
.index_partner .con {
margin-top: 10px;
border-bottom: 0px solid #efefef;
border-right: 0px solid #efefef;
margin:auto;width:50%;
}
.index_partner .con .text {
width: 40.66%;
border: 1px solid #efefef;
background: #f8f8f8;
overflow: hidden;
}
.index_partner .con .text:before {
content: '';
width: 100%;
padding-top: 40.484581497797356828193832599119%;
display: block;
}
.index_partner .con .text .img {
border-left: 0px solid #efefef;
top: 0;
left: 0px;
right: 0px;
bottom: 0;
}
.index_partner .con .text .img img {
max-width: 80%;
height: auto;
-webkit-filter: grayscale(100%);
-moz-filter: grayscale(100%);
-ms-filter: grayscale(100%);
-o-filter: grayscale(100%);
filter: grayscale(100%);
filter: gray;
}
.index_partner .con .text .img:hover img {
height: auto;
-webkit-filter: grayscale(0%);
-moz-filter: grayscale(0%);
-ms-filter: grayscale(0%);
-o-filter: grayscale(0%);
filter: grayscale(0%);
filter: gray;
}
.m-Pic {
text-align: center;
display: block;
font-size: 0;
}
.m-Pic b {
display: inline-block;
height: 100%;
vertical-align: middle;
}
.m-Pic img {
vertical-align: middle;
max-width: 100%;
max-height: 100%;
}
.i-Pic {
overflow: hidden;
font-size: 0;
}
.i-Pic img {
width: 100%;
min-height: 100%;
background: #ccc;
}
/*联系我们*/
.wrap {width:1180px;margin:0 auto}
.main_in { line-height:30px;margin-top:140px}
.brandview img,.brandMI img,.main_in img,.cstable1 div img,.custom img,.rcp img {max-width:100%; height:auto}
.main_in {margin-top:80px}
.about1 {float:left;width:50%}
.about1 .title {font-size:28px;margin-bottom:15px;margin-top:20px;color:#333}
.about1 .title span { font-family:宋体;font-size:42px;color:#e6002e; vertical-align:middle;padding-left:15px}
.about1 {float:none;width:100%}
.mylocation {margin-top:40px}
.mylocation h1 {font-size:18px;color:#333}
.mylocation p {border-bottom:5px solid #888;width:35px}
.contact2 {border-bottom:1px solid #ccc;padding:10px 0 10px 0}
.contact2 .list {float:left;width:30%;}
.contact2 .addqq {margin:0 5%;}
.contact2 .addqq .content {width:86%}
.contact2 .list .tc {padding-left:60px;margin:5px 0 25px 0}
.contact2 .list .tc .title {font-size:18px;color:#333;padding-top:10px}
.contact2 .list .tc .content p {margin:0;padding:0}
.contact2 .list .tc .content { line-height:25px}
.contact2 .cwx {border-left:1px solid #ccc;padding-left:50px}
.contact2 .cwx .a1 {float:left;width:45%; line-height:25px}
.contact2 .cwx .a1 img {margin-bottom:10px}
.contact2 .cwx .a2 img {margin-bottom:10px}
.contact2 .cwx .a2 {float:right;width:45%;line-height:25px}
/*人才招聘*/
.Fulitxt{ padding: 260px 0 3%; background: url(../../images/hrbg.jpg) center top no-repeat; font-size:16px;}
.Fulitxt .list{ margin: 0 0 0 2%;}
.Fulitxt .item{width: 31%; float: left; padding-left: 6%;}
.Fulitxt .ico{width:48%;padding-top:48%;background:#fff;border-radius: 50%; box-shadow: 0 0 12px rgba(0,0,0,0.08); margin: 0px auto 20px; position: relative;}
.Fulitxt .ti{ line-height: 54px; font-size: 24px; text-align: center; padding: 14px 0 10px;font-weight: bold;color:#333;}
.Fulitxt .ti i{ display: block;width: 1px;height:24px;background: #247bdc;margin:0px auto; transition: all 0.3s;}3
.Fulitxt .p{ line-height: 28px; }
.Fulitxt .ico:after{ content: ""; width: 0; height: 0; left: 50%; top: 50%; border-radius: 50%; transition: all 0.3s; position: absolute;}
.Fulitxt .ico .i1,.Fulitxt .ico .i2{ width:100%;height:100%;position: absolute; left:0;top:0; z-index: 2;}
.Fulitxt .ico .i1{ transition: 400ms;}
.Fulitxt .ico .i2{ -webkit-transform:scale(0); transform:scale(0); opacity:0; filter:alpha(opacity=0); transition:500ms;}
.Fulitxt li:hover .ico .i2{-webkit-transform:scale(1); transform:scale(1); opacity:1; filter:alpha(opacity=100);}
.Fulitxt li:hover .ico .i1{opacity: 0; filter: alpha(opacity=0); -webkit-transform: scale (1.2); transform: scale(1.2);}
.Fulitxt li:hover .ico:after{width: 100%;height: 100%;left: 0;top: 0;background: #247bdc;}
.Fulitxt li:hover .ti i{height:10px;}
.SubTit{ text-align:center; padding:57px 0 20px;}
.SubTit h2{ line-height:41px; font-size:36px; color:#1e3642; font-weight:900;}
.SubTit h2 i{ display:block; margin:0px auto; width:72px; height:27px; border-bottom:1px solid #247bdc;}
.SubTit .p{margin-top:22px;}
.SubTit:first-child{padding-top:0}
.SubTit.tl{ text-align: left;}
.SubTit.tl i{display:inline-block; vertical-align: middle;margin-left:18px;height:1px;}
.zhaopin-list .uk-accordion-content{border: 0px solid #ddd;margin-top: 0px;}
.zhaopin-list .uk-accordion-title{padding: 15px 0; font-size: 18px; border-bottom: 1px solid #fff}
.zhaopin-list .uk-accordion>:nth-child(n+2) {margin-top: 0px;}
.zhaopin-list .uk-open .uk-accordion-title{color: #348dff; font-size: 18px;}
.zhaopin-list .txt{font-size: 14px; line-height: 24px; color: #666}
.zp-link h6{margin-top:5px;}.zp-link a:hover h6{color: #348dff;}
.zp-link img{width: 80px}
.zhaopin-linian .uk-overlay-primary{
background: -webkit-linear-gradient(bottom,rgba(17,68,195,0.5),rgba(0,0,0,0));
background: -moz-linear-gradient(bottom,rgba(17,68,195,0.5) 0%,rgba(0,0,0,0) 100%);
background: -o-linear-gradient(bottom,rgba(17,68,195,0.5) 0%,rgba(0,0,0,0) 100%);
background: -ms-linear-gradient(bottom,rgba(17,68,195,0.5),rgba(0,0,0,0));
}
.uk-container{box-sizing:content-box;max-width:1440px;margin-left:auto;margin-right:auto;padding-left:15px;padding-right:15px}
.header .uk-navbar-nav>li>a.uk-open{color:#338dff;; background: url("../images/jt.png") no-repeat center bottom;}
.header .uk-navbar-nav>li.uk-open>a,#layout.uk-sticky-fixed .header .uk-navbar-nav>li.uk-open>a{color:#338dff;}
.header .uk-navbar-nav>li.uk-open>a:before{content: ""; position:absolute; top: 0; height: 3px; width: 100%; background: #338dff;}
.header .uk-navbar-nav>li{position:relative;}
.header .uk-navbar-nav>li:hover>a:before{content: ""; position:absolute;left: 0; top: 0; width: 100%; background: #338dff; height: 3px;}
.bg1{ background:#f5f5f5}.bg2{ background:#fff}
.siu-pt30{padding-top:30px;}.siu-pb30{padding-bottom:30px;}
.siu-mob-p15{padding:15px}
/*p4_5*/
.p4_1 {
width: 80%;
margin: auto; }
.p4_1 .p4_nav {
text-align: center;
margin: 7px 0 30px 0; }
.p4_1 .p4_nav a {
border: 1px solid #d4d3d3;
display: inline-block;
width: 167px;
height: 44px;
line-height: 44px;
color: #242424;
font-size: 14px;
margin: 0 11px; }
.p4_1 .p4_nav a.p4_a_on, .p4_1 .p4_nav a:hover {
background: #004ea2;
color: #fff; }
.p4_4_ul {
width: 100%;
padding-top: 0px;
padding-bottom: 14px;min-height: 200px; }
.p4_4_ul li {
width: 100%;
float: left;
font-size: 14px; }
.p4_4_ul li:nth-child(2n){background-color: #f5f5f5;}
.p4_4_ul li a {
display: inline-block;
width: 80%;
color: #555;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
line-height: 50px;
margin-left: 5px; }
.p4_4_ul li a:hover {
color: #004ea2; }
.p4_4_ul li span {
float: right;
color: #999;
line-height: 56px;
display: inline-block;
margin-right: 21px; }
.p4_4_ul li .icon {
left: 0;
top: 0;
width: 24px;
height: 24px;
margin-right:4px;
}
.n_tit_h {
width: 100%;
text-align: center; }
.n_tit_h h5 {
font-size: 30px;
color: #333;
padding-top: 38px;
padding-bottom: 3px; }
.n_tit_h h6 {
font-size: 20px;
color: #2a8ddc;
padding-bottom: 24px; }
.n_tit_b h5, .n_tit_b h6 {
color: #fff; }
/*p4_5*/
.fuwusp{ display:block; }
.fuwuspp{ display: none; }
/* 合作模式 */
.change-content {
padding: 10px 0;
}
.change-box {
padding-bottom: 70px;
}
.change-main {
width: 1178px !important;
margin: 0 auto;
position: relative;
transition: all .3s ease;
}
.change-box .change-cut {
margin: 10px 0 30px;
/* width: 1551px; */
}
.transition {
-moz-transition: all .3s ease;
-webkit-transition: all .3s ease;
transition: all .3s ease;
}
.change-box .change-cut .tab {
height: 60px;
line-height: 60px;
text-align: center;
font-size: 24px;
background-color: #F5F5F5;
box-sizing: border-box;
border-right: 1px solid #e5e5e5;
/* border-left: none; */
position: relative;
cursor: default;
width: 16.66%;
float:left;
/* margin-right: 0px; */
}
.flex-rows{
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
}
.change-box .change-cut ul{
border: 1px solid #e5e5e5;
margin-left: 0px;
border-right:0px;
/* width: 1200px; */
}
.contents{
width:1180px; margin:auto;
}
.change-box .change-cut .tab.on {
background-color: #086ad8;
color: #fff;
}
.change-box .change-cut .tab.on:after {
content: "";
position: absolute;
width: 0;
height: 0;
border: 11px solid;
border-color: #086ad8 transparent transparent transparent;
bottom: -22px;
left: 50%;
transform: translateX(-50%);
transition: all .3s ease;
}
.change-box .contents > .flex-row {
justify-content: space-between;
}
.change-box .item {
box-sizing: border-box;
border: 1px solid #E5E5E5;
width: 98%;
padding:2%;
height: 143px;
transition: all .3s ease;
margin-right: 26px;
margin:0 auto;
font-size:16px;
line-height:32px;
}
.img-block {
margin: 0 auto;
display: block;
}
.change-box .img-block {
margin: 0 20px 0 0;
float: left;
}
.img-block img {
display: block;
margin: 0 auto;
max-width: 100%;
}
.change-box .item-title {
font-size: 18px;
color: #333;
}
.change-box .item-p {
font-size: 16px;
color: #999;
margin-top: 10px;
}
.change-box .item:hover {
box-shadow: 0 4px 10px 0 rgba(0, 0, 0, .1);
}
.items-news .items-news-list .item a:hover {
color: #086ad8;
}
/*合作服务流程*/
.product-shuoming {
width:1200px;
margin:0 auto;
}
.product-shuoming .left {
width:150px;
height:240px;
background:url(../../img/bg1.png);
float:left;
}
.product-shuoming .left h3{
font-size:32px;
font-weight:800;
color:#267cdd;
padding-left:30px;
padding-top:50px;
}
.product-shuoming .left p{
font-size:18px;
color:#267cdd;
padding-left:20px;
line-height:36px;
}
.product-shuoming .right {
width:910px;
float:left;
margin-left:100px;
margin-top:10px;
}
.product-shuoming .right p{
font-size:16px;
color:#333;
line-height:28px;
margin-top:10px;
}
table.altrowstable {
font-size:16px;
color:#222;
border-width: 1px;
border-color: #ccc;
border-collapse: collapse; line-height:24px;
letter-spacing:1px;
}
table.altrowstable th {
border-width: 1px;
padding: 0px;
border-style: solid;
border-color: #ccc; padding-left:8px;
}
table.altrowstable td {
border-width: 1px;
padding: 0px;
border-style: solid;
border-color: #ccc; padding-left:8px;
vertical-align: top;
padding-top:10px;
}
.oddrowcolor{
background-color:#d4e3e5;
}
.evenrowcolor{
background-color:#c3dde0;
}
.product-content {
padding: 0px 0 30px;
}
.product-title {
margin-bottom: 2px;
}
.product-title h3 {
text-align: center;
font-size: 30px;
color: #333;
font-weight: 900;
line-height: 1.1;
}
.product-title h6 {
font-size: 20px;
color: #2a8ddc;
padding-bottom: 4px;
text-align: center;
}
.product-titlen {
width:1200px;
margin:0 auto;
margin-bottom: 20px;
}
.product-titlen p{
font-size: 16px;
line-height:28px;
text-indent:2em;
}
.product-box {
position: relative;
max-width: 1180px;
margin: 0 auto;
}
.product-header ul {
position: relative;
}
.product-header ul li {
display: inline-block;
text-align: center;
position: relative;
width: 12.111%;
border-bottom: 1px solid #fff;
}
.product-header {
padding-top: 14px;
}
.product-header ul li a {
display: block;
padding: 10px 30px;
text-decoration: none;
}
.product-head-tag {
position: relative;
width: 48px;
height: 48px;
display: block;
margin: 0 auto 15px;
}
.product-head-tag img {
width: 100%;
height: 100%;
display: block;
}
.product-head-tag .active-img {
position: absolute;
left: 0;
top: 0;
opacity: 0;
}
.product-header ul li a:hover .active-img {
position: absolute;
left: 0;
top: 0;
opacity: 1;
}
.product-head-tit {
display: block;
color: #333;
font-size: 18px;
}
.product-header ul li a:hover .product-head-tit {
color: #00a4ff;
}
.product-header ul .on a:after {
display: inline-block;
content: "";
width: 100%;
position: absolute;
left: 0;
right: 0;
background: #00a4ff;
z-index: 1;
height: 2px;
bottom: -2px;
}
.product-list-item {
width: 24%;
display: inline-block;
vertical-align: top;
padding-left: 30px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
margin-bottom: 30px;
}
.product-list-item h3 {
font-size: 16px;
margin-bottom: 10px;
font-weight: 400;
}
.product-list-item h3 a {
display: block;
}
.product-list-item h3 a i {
display: inline-block;
vertical-align: middle;
position: relative;
top: -1px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding: 0 2px;
margin-left: 10px;
min-width: 32px;
border: 1px solid #f60;
font-size: 12px;
line-height: 14px;
color: #f60;
text-align: center;
font-style: normal;
}
.product-list-text {
font-size: 14px;
color: #999;
line-height: 1.5;
}
.product-list-text span {
font-size: 14px;
color: #999;
line-height: 1.5;
margin-right: 5px;
}
.product-switch {
background: #f7f8fa;
padding: 55px 0px 25px;
overflow: hidden;
height:400px;
}
.product-list-item h3 a:hover {
color: #00a4ff;
}
.on .active-img {
position: absolute;
left: 0;
top: 0;
opacity: 1;
}
.on .product-head-tit {
color: #00a4ff;
}
.SubTit h3 {
text-align: center;
font-size: 30px;
color: #333;
font-weight: 900;
line-height: 1.1;
margin-top:30px;
margin-bottom:1px;
}
.SubTit h6 {
font-size: 20px;
color: #2a8ddc;
padding-bottom: 4px;
text-align: center;
}
.SubTitt { width:1200px; margin:0 auto; font-size:16px; line-height:28px;
}
.SubTitt p{text-indent:2em;
}
/* 底部css */
.container {width: 1200px !important}
.container {
padding-right: 15px;
padding-left: 15px;
margin-right: auto;
margin-left: auto;
z-index: 10;
position: relative;
}
.container:after {
content: '';
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.btn-blue,
.btn-blue-border:hover {
color: #FFF !important;
background: #3ba3ff !important;
border: 2px solid transparent !important;
}
.btn-blue:hover,
.btn-blue-border {
color: #7ac1ff !important;
background-color: transparent !important;
border: 2px solid #3ba3ff !important;
}
.btn {
display: inline-block;
padding: 6px 12px;
margin-bottom: 0;
font-size: 14px;
font-weight: 400;
line-height: 1.42857143;
text-align: center;
white-space: nowrap;
vertical-align: middle;
-ms-touch-action: manipulation;
touch-action: manipulation;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
background-image: none;
border: 1px solid transparent;
border-radius: 4px;
}
.btn-group-lg>.btn, .btn-lg {
padding: 10px 16px;
font-size: 18px;
line-height: 1.3333333;
border-radius: 6px;
}
.adaction {
background: #1e88e5;
background-position: center bottom;
background-repeat: repeat-x;
}
.adaction .container {
padding-top: 30px;
padding-bottom: 30px;
}
.adaction p {
color: #FFF;
font-size: 24px;
line-height: 46px;
float: left;
}
.adaction .btn {
float: right;
}
.tubiao01 {
background: #f1f1f1 url(/img/baojia_ico_01.png) no-repeat left 10px top 5px;
}
.tubiao02 {
background: #f1f1f1 url(/img/baojia_ico_02.png) no-repeat left 10px top 5px;
}
.tubiao03 {
background: #f1f1f1 url(/img/baojia_ico_03.png) no-repeat left 10px top 5px;
}
.tubiao04 {
background: #f1f1f1 url(/img/baojia_ico_04.png) no-repeat left 10px top 5px;
}
/*内特BANNER s*/
.SubPage{ height:auto !important; height:200px; min-height:200px; padding-top:4%; padding-bottom:4%; overflow:hidden;}
.SubBan { position:relative; overflow: hidden;}
.SubBan .imgbox{padding-top:25%; height:300px}
/*.SubBan .text{ position:absolute; top:29%; left:12%; color:#fff;line-height:36px;font-size:18px; z-index: 2;}*/
.SubBan .text{ position:absolute; top:29%; left:0%; color:#fff;line-height:36px;font-size:18px; z-index: 2;width:100%;text-align:center}
.SubBan .text h1{ position: relative; font-weight: normal; line-height: 127px; font-size: 48px; color: #fff;margin-bottom:35px;}
/*.SubBan .text h1:before{ content: ""; position: absolute; left: 0; bottom: 0; width: 70px; height: 1px; transition: all 0.3s; background: #de1014;}*/
.SubBan .iconfont{margin-right:8px;}
.SubBan:hover .text h1:before{ width: 200px;}
.SubBan .map{width:35%;right:12%;top:4%; position: absolute;z-index:2;}
.SubBan .city{ position:absolute;color:#fff;}
.SubBan .info{ position:absolute; visibility: hidden; opacity: 0; right:0px;top:-65px; width: 366px;color:#fff; background: rgba(0,0,0,0.3);padding: 15px 25px;border-radius: 8px;line-height:24px;font-size:14px; transition:all 0.3s;}
.SubBan .info h3{font-size:16px;}
.SubBan .info:after{ content: ""; position:absolute; background: url(../images/line.png);width:58px;height:38px;right:-55px;top:32px;}
.SubBan .ico{display:block; position: relative;width:20px;height:20px;margin:0px auto;}
.SubBan .ico:before, .SubBan .map .ico:after {
content: "";background: #fff;
border-radius: 50%;
position: absolute;
}
.SubBan .ico:before {
zoom: 1;
left: 0;
top: 0;
width: 100%;
height: 100%;
-webkit-animation: guang 1.5s ease-out;
-moz-animation: guang 1.5s ease-out;
animation: guang 1.5s ease-out;
-webkit-animation-iteration-count: infinite;
-moz-animation-iteration-count: infinite;
animation-iteration-count: infinite;
}
.SubBan .ico:after {
zoom: .9;
left: 10%;
top: 10%;
width: 80%;
height: 80%;
z-index: 8;
-webkit-animation: guang2 1.1s ease-out;
-moz-animation: guang2 1.1s ease-out;
animation: guang2 1.1s ease-out;
-webkit-animation-iteration-count: infinite;
-moz-animation-iteration-count: infinite;
animation-iteration-count: infinite;
}
.SubBan .city.on .name{font-weight:bold;}
.SubBan .city.on .info{right:74px; visibility: visible; opacity: 1;}
.SubBan .city.on .ico:before, .SubBan .city.on .ico:after { background: #de1115;}
.SubBan .city.bj{top:36%;right:23%;}
.SubBan .city.hf{top:58%;right:20%;}
.SubBan .city.sz{top:84%;right:24%;}
.SubBan .city.tb{top:80%;right:10%;}
.SubBan .city.ks{top:59%;right:10%;}
.foot {
background-color: #535353;
color:#fff
}
.foot h4 {
color: #FFF;
font-size: 16px;
margin-bottom: 10px;
font-weight: normal;
}
.foot a {
color: #999;
}
.foot .phone .fa {
margin-right: 5px;
}
.foot .phone {
color: #999;
font-size: 16px;
font-weight: bold;
}
.foot .fa-phone img{
float:left;
}
.foot .btn-green {
margin: 5px 0;
padding: 5px 12px;
color: #EEE;
background-color: #339E60;
}
.foot .btn-green .fa {
margin-left: 5px;
color: #DDD;
}
.foot .links {
max-height: 140px;
overflow: hidden;
}
footer {
background-color: #535353;
}
footer .container {
position: relative;
padding-top: 20px;
padding-bottom: 20px;
}
footer .copy {
color: #737373;
font-weight: 400;
line-height: 30px;
margin-bottom: 0;
float: left;
}
footer .copy span {
color: #777;
margin: 0 10px;
}
footer .footer-link {
color: #FFF;
font-style: 400;
}
.space {
padding-top: 30px;
padding-bottom: 30px;
}
.col-xs-2 {
width:18%;
float: left;
color:#737373
}
.col-xs-22 {
width:24%;
float: left;
color:#737373
}
.col-xs-6 {
width: 50%;
float: left;
color:#737373
}
ul.footer_social_links {
float: right;
padding: 0px;
margin: 0px 0px 0px 0px;
}
.footer_social_links li {
float: left;
padding: 0px 10px;
border-left: 2px solid #737373;
list-style: none;
line-height: 20px;
margin-top: 5px;
}
.footer_social_links li:first-child {
border-left: 0;
}
.footer_social_links a {
margin-top: 10px;
font-size: 14px;
color: #999;
text-align: right;
}
.footer_social_links a:hover {
color: #eee;
}
.footer-links.global-links .title {
color: #c6c6c6;
}
.footer-links.global-links a {
line-height: 26px;
color: #c6c6c6;
padding-left: 20px;
}
.sub-footer {
display: inline-block;
width: 100%;
background-color: #3c3c3b;
padding-top: 40px;
color: #939393;
text-decoration: none;
padding-bottom:20PX;
}
.footer__copy{
margin-top: 6px;
padding: 0;
display: block;
}
.footer__copy a{
color: #fff;
text-decoration: none;
font-size: 14px;
display: inline-block;
float:right;
}
.footer__copy a img{
margin-right: 6px;
}
.col-md-6{
position:relative;
width:100%;
padding-right:15px;
padding-left:15px}
.container{
max-width: 1200px;
}
.delayedImg {
visibility:hidden
}
.delayedImg.delayedActive {
visibility:visible
}
.sub-footer .text-right {
text-align: center !important;
}
.order-2,
{
order: 1;
}
.copyright{font-size: 12px;
text-align: right;
color: #d7d7d7;
}
hr {
margin-top: 0.3rem;
margin-bottom: 0.3rem;
border: 0;
border-top: 1px solid rgba(238,238,238,.1);
}
.contact-links li{ display: inline-block;
color: #d7d7d7;
padding-right: 10px;
margin-right: 5px;
border-right: solid 1px #d7d7d7;
line-height: 14px;}
/* 客服css */
/*-----------------初始化---------------------*/
*{margin:0;padding:0;list-style-type:none;}
body{overflow-x:hidden;width:100%;height:2000px;}
.clear:after{content:'\20';display:block;height:0;clear:both;visibility:hidden;}
/*固定的悬浮窗*/
.yb_conct{position:fixed;font-size:14px;z-index:9999999;top:200px;right:-127px;cursor:pointer;transition:all .3s ease;}
.yb_bar ul li{width:180px;height:53px;font:16px/53px 'Microsoft YaHei';color:#fff;text-indent:54px;margin-bottom:3px;border-radius:3px;transition:all .5s ease;overflow:hidden;}
.yb_bar .yb_top{background:#2a8ddc url(../../img/fixCont.png) no-repeat 0 0;}
.yb_bar .yb_phone{background:#2a8ddc url(../../img/fixCont.png) no-repeat 0 -57px;}
.yb_bar .yb_QQ{text-indent:0;background:#2a8ddc url(../../images/fixCont.png) no-repeat 0 -113px;}
.yb_bar .yb_ercode{background:#2a8ddc url(../../img/fixCont.png) no-repeat 0 -169px;}
.hd_qr{ margin-left:30px; width:125px;}
.yb_QQ a{display:block;text-indent:54px;width:100%;height:100%;color:#fff;}
@media screen and (max-width: 1200px) {
.index_partner .con .text {
width: 50%;
}
.p4_4_ul li span {
display:none; }
.wrap1 {
max-width: 70%;
}
.index_partner .title .p3 {
line-height: 24px;
}
.sel_mask1{
display:none;
}
.sel_mask1 img{
display:none;
}
.sel_mask{ /*将相对定位*/
position:relative;
width:2.7rem;
height:1rem;
background:#fff;
border-radius: 0px;
display:inline-block;
text-decoration: none;
float:left;
z-index: 1000;
}
.sel_mask span{ /*显示内容*/
position: absolute;
top:0.3rem;
left:0rem;
display: inline-block;
color:#0d1a29;
overflow:hidden;
text-overflow: ellipsis;
font-size:0.7rem;
font-weight:500; letter-spacing:1px;
color:#999;
font-family:微软雅黑;
}
.container{
max-width: 100%;
}
.col-xs-2 {
width:50%;
color:#737373;
font-size:14px;
letter-spacing:1px;
margin-bottom:20px;
}
.col-xs-2 h4{
font-size:16x;
letter-spacing:1px;
}
.col-xs-22 {
width:90%;
color:#737373;
font-size:14px;
letter-spacing:1px;
margin-bottom:20px;
margin-left:10px;
}
.contact-links li{ display: inline-block;
color: #d7d7d7;
width:100%;
}
.col-md-6{
position:relative;
width:100%;
padding-right:15px;
padding-left:15px;
}
.copyright{font-size: 12px;
text-align:left;
color: #d7d7d7;
}
.footer__copy{ display:none;}
.contact-links li{ display: inline-block;
color: #d7d7d7;
padding-right: 10px;
margin-right: 5px;
border-right: solid 0px #d7d7d7;
line-height: 14px;}
/*联系我们*/
.wrap {width:98%;margin:0 auto}
.main_in { line-height:30px;margin-top:140px}
.brandview img,.brandMI img,.main_in img,.cstable1 div img,.custom img,.rcp img {max-width:100%; height:auto}
.main_in {margin-top:20px}
.about1 {float:left;width:50%}
.about1 .title {font-size:24px;margin-bottom:15px;margin-top:10px;color:#333}
.about1 .title span { font-family:微软雅黑;font-size:42px;color:#e6002e; vertical-align:middle;padding-left:15px}
.about1 {float:none;width:100%}
.mylocation {margin-top:40px}
.mylocation h1 {font-size:14px;color:#333}
.mylocation p {border-bottom:5px solid #888;width:35px}
.contact2 {border-bottom:1px solid #ccc;padding:10px 0 10px 0}
.contact2 .list {float:left;width:100%;}
.contact2 .addqq {margin:0;}
.contact2 .addqq .content {width:100%;}
.contact2 .list .tc {padding-left:60px;margin:5px 0 25px 0}
.contact2 .list .tc .title {font-size:14px;color:#333;padding-top:0px}
.contact2 .list .tc .content p {margin:0;padding:0;font-size:12px;}
.contact2 .list .tc .content { line-height:24px}
.contact2 .cwx {border-left:0px solid #ccc;padding-left:10px}
.contact2 .cwx .a1 {float:left;width:45%; line-height:25px}
.contact2 .cwx .a1 img {margin-bottom:10px; width:100%;}
.contact2 .cwx .a1 span{width:100%;}
.contact2 .cwx .a2 span{width:100%;}
.contact2 .cwx .a2 img {margin-bottom:10px;width:100%;}
.contact2 .cwx .a2 {float:right;width:45%;line-height:25px}
/*人才招聘*/
.toujianli{ float:left; padding-top:10px;}
.Fulitxt{ padding:60px 0 3%; background: url(../../images/hrbg.jpg) center top no-repeat; font-size:14px;background-size:100% ;}
.Fulitxt .list{ padding:1%;}
.Fulitxt .item{width: 98%; margin:auto;}
.Fulitxt .ico{width:28%;padding-top:28%;background:#fff;border-radius: 50%; box-shadow: 0 0 12px rgba(0,0,0,0.08); margin: 0px auto 5px; position: relative;}
.Fulitxt .ti{ line-height:24px; font-size: 16px; text-align: center; padding: 5px 0 10px;font-weight: bold;color:#333;}
.Fulitxt .ti i{ display: block;width: 1px;height:14x;background: #247bdc;margin:0px auto; transition: all 0.3s;}
.Fulitxt .p{ line-height: 24px; }
.Fulitxt .ico:after{ content: ""; width: 0; height: 0; left: 50%; top: 50%; border-radius: 50%; transition: all 0.3s; position: absolute;}
.Fulitxt .ico .i1,.Fulitxt .ico .i2{ width:100%;height:100%;position: absolute; left:0;top:0; z-index: 2;}
.Fulitxt .ico .i1{ transition: 400ms;}
.Fulitxt .ico .i2{ -webkit-transform:scale(0); transform:scale(0); opacity:0; filter:alpha(opacity=0); transition:500ms;}
.Fulitxt li:hover .ico .i2{-webkit-transform:scale(1); transform:scale(1); opacity:1; filter:alpha(opacity=100);}
.Fulitxt li:hover .ico .i1{opacity: 0; filter: alpha(opacity=0); -webkit-transform: scale (1.2); transform: scale(1.2);}
.Fulitxt li:hover .ico:after{width: 100%;height: 100%;left: 0;top: 0;background: #247bdc;}
.Fulitxt li:hover .ti i{height:10px;}
.SubTit{ text-align:center; padding:57px 0 20px;}
.SubTit h2{ line-height:36px; font-size:24px; color:#1e3642; font-weight:900;}
.SubTit h2 i{ display:block; margin:0px auto; width:72px; height:7px; border-bottom:1px solid #247bdc;}
.SubTit .p{margin-top:22px;}
.SubTit:first-child{padding-top:0}
.SubTit.tl{ text-align: left;}
.SubTit.tl i{display:inline-block; vertical-align: middle;margin-left:18px;height:1px;}
.zhaopin-list .uk-accordion-content{border: 0px solid #ddd;margin-top: 0px;}
.zhaopin-list .uk-accordion-title{padding: 15px 0; font-size: 14px; border-bottom: 1px solid #fff}
.zhaopin-list .uk-accordion>:nth-child(n+2) {margin-top: 0px;}
.zhaopin-list .uk-open .uk-accordion-title{color: #348dff; font-size: 14px;}
.zhaopin-list .txt{font-size: 14px; line-height: 24px; color: #666}
.zp-link h6{margin-top:5px;}.zp-link a:hover h6{color: #348dff;}
.zp-link img{width: 80px}
.zhaopin-linian .uk-overlay-primary{
background: -webkit-linear-gradient(bottom,rgba(17,68,195,0.5),rgba(0,0,0,0));
background: -moz-linear-gradient(bottom,rgba(17,68,195,0.5) 0%,rgba(0,0,0,0) 100%);
background: -o-linear-gradient(bottom,rgba(17,68,195,0.5) 0%,rgba(0,0,0,0) 100%);
background: -ms-linear-gradient(bottom,rgba(17,68,195,0.5),rgba(0,0,0,0));
}
.uk-container{box-sizing:content-box;max-width:1440px;margin-left:auto;margin-right:auto;padding-left:5px;padding-right:5px}
.header .uk-navbar-nav>li>a.uk-open{color:#338dff;; background: url("../images/jt.png") no-repeat center bottom;}
.header .uk-navbar-nav>li.uk-open>a,#layout.uk-sticky-fixed .header .uk-navbar-nav>li.uk-open>a{color:#338dff;}
.header .uk-navbar-nav>li.uk-open>a:before{content: ""; position:absolute; top: 0; height: 3px; width: 100%; background: #338dff;}
.header .uk-navbar-nav>li{position:relative;}
.header .uk-navbar-nav>li:hover>a:before{content: ""; position:absolute;left: 0; top: 0; width: 100%; background: #338dff; height: 3px;}
.bg1{ background:#f5f5f5}.bg2{ background:#fff}
.siu-pt30{padding-top:30px;}.siu-pb30{padding-bottom:30px;}
.siu-mob-p15{padding:15px}
/* 合作模式 */
.change-content {
padding: 5px 0;
}
.change-box {
padding-bottom: 30px;
}
.change-main {
width: 98% !important;
margin: 0 auto;
position: relative;
transition: all .3s ease;
}
.change-box .change-cut {
margin: 5px 0 5px;
/* width: 1551px; */
}
.transition {
-moz-transition: all .3s ease;
-webkit-transition: all .3s ease;
transition: all .3s ease;
}
.change-box .change-cut .tab {
height: 40px;
line-height: 40px;
text-align: center;
font-size: 14px;
background-color: #F5F5F5;
box-sizing: border-box;
margin-left:1%;
margin-bottom:5px;
/* border-left: none; */
position: relative;
cursor: default;
width: 32%;
float:left;
/* margin-right: 0px; */
}
.flex-rows{
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
}
.change-box .change-cut ul{
border: 0px solid #e5e5e5;
margin-left: 0px;
/* width: 1200px; */
}
.contents{
width:98%; margin:auto;
}
.change-box .change-cut .tab.on {
background-color: #086ad8;
color: #fff;
}
.change-box .change-cut .tab.on:after {
content: "";
position: absolute;
width: 0;
height: 0;
border: 0px solid;
border-color: #086ad8 transparent transparent transparent;
bottom: -22px;
left: 50%;
transform: translateX(-50%);
transition: all .3s ease;
}
.change-box .contents > .flex-row {
justify-content: space-between;
}
.change-box .item {
box-sizing: border-box;
border: 1px solid #E5E5E5;
width: 98%;
padding:5px;
height: 310px;
transition: all .3s ease;
margin-right: 26px;
margin:0 auto;
font-size:14px;
line-height:28px;
}
.img-block {
margin: 0 auto;
display: block;
}
.change-box .img-block {
margin: 0 20px 0 0;
float: left;
}
.img-block img {
display: block;
margin: 0 auto;
max-width: 100%;
}
.change-box .item-title {
font-size: 18px;
color: #333;
}
.change-box .item-p {
font-size: 16px;
color: #999;
margin-top: 10px;
}
.change-box .item:hover {
box-shadow: 0 4px 10px 0 rgba(0, 0, 0, .1);
}
.items-news .items-news-list .item a:hover {
color: #086ad8;
}
/*合作服务流程*/
.product-shuoming {
width:98%;
margin:0 auto;
}
.product-shuoming .left {
display:none
}
.product-shuoming .left h3{
font-size:16px;
font-weight:800;
color:#267cdd;
}
.product-shuoming .left p{
font-size:14px;
color:#267cdd;
}
.product-shuoming .right {
width:100%;
margin:auto;
}
.product-shuoming .right p{
font-size:14px;
color:#333;
line-height:24px;
margin-top:10px;
}
table.altrowstable {
font-size:14px;
color:#222;
border-width: 1px;
border-color: #ccc;
border-collapse: collapse; line-height:24px;
letter-spacing:1px;
}
table.altrowstable th {
border-width: 1px;
padding: 0px;
border-style: solid;
border-color: #ccc; padding-left:8px;
}
table.altrowstable td {
border-width: 1px;
padding: 0px;
border-style: solid;
border-color: #ccc; padding-left:8px;
vertical-align: top;
padding-top:10px;
}
.oddrowcolor{
background-color:#d4e3e5;
}
.evenrowcolor{
background-color:#c3dde0;
}
.product-content {
padding: 0px 0 10px;
}
.product-title {
margin-bottom: 2px;
}
.product-title h3 {
text-align: center;
font-size: 24px;
color: #333;
font-weight: 900;
line-height: 1.1;
}
.product-title h6 {
font-size: 20px;
color: #2a8ddc;
padding-bottom: 4px;
text-align: center;
}
.product-titlen {
width:98%;
margin:0 auto;
margin-bottom: 10px;
}
.product-titlen p{
font-size: 14px;
line-height:28px;
text-indent:2em;
}
.product-box {
position: relative;
max-width: 98%;
margin: 0 auto;
}
.product-header ul {
position: relative;
}
.product-header ul li {
display: inline-block;
text-align: center;
position: relative;
width: 24%;
border-bottom: 1px solid #fff;
}
.product-header {
padding-top: 14px;
}
.product-header ul li a {
display: block;
padding: 10px 10px;
text-decoration: none;
}
.product-head-tag {
position: relative;
width: 38px;
height: 38px;
display: block;
margin: 0 auto 15px;
}
.product-head-tag img {
width: 100%;
height: 100%;
display: block;
}
.product-head-tag .active-img {
position: absolute;
left: 0;
top: 0;
opacity: 0;
}
.product-header ul li a:hover .active-img {
position: absolute;
left: 0;
top: 0;
opacity: 1;
}
.product-head-tit {
display: block;
color: #333;
font-size: 14px;
text-align:center;
}
.product-header ul li a:hover .product-head-tit {
color: #00a4ff;
}
.product-header ul .on a:after {
display: inline-block;
content: "";
width: 100%;
position: absolute;
left: 0;
right: 0;
background: #00a4ff;
z-index: 1;
height: 2px;
bottom: -2px;
}
.product-list-item {
width: 24%;
display: inline-block;
vertical-align: top;
padding-left: 30px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
margin-bottom: 30px;
}
.product-list-item h3 {
font-size: 16px;
margin-bottom: 10px;
font-weight: 400;
}
.product-list-item h3 a {
display: block;
}
.product-list-item h3 a i {
display: inline-block;
vertical-align: middle;
position: relative;
top: -1px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding: 0 2px;
margin-left: 10px;
min-width: 32px;
border: 1px solid #f60;
font-size: 12px;
line-height: 14px;
color: #f60;
text-align: center;
font-style: normal;
}
.product-list-text {
font-size: 14px;
color: #999;
line-height: 1.5;
}
.product-list-text span {
font-size: 14px;
color: #999;
line-height: 1.5;
margin-right: 5px;
}
.product-switch {
background: #f7f8fa;
padding: 25px 0px 25px;
overflow: hidden;
height:400px;
}
.product-list-item h3 a:hover {
color: #00a4ff;
}
.on .active-img {
position: absolute;
left: 0;
top: 0;
opacity: 1;
}
.on .product-head-tit {
color: #00a4ff;
}
.SubTit h3 {
text-align: center;
font-size: 24px;
color: #333;
font-weight: 900;
line-height: 1.1;
margin-top:30px;
margin-bottom:1px;
}
.SubTit h6 {
font-size: 14px;
color: #2a8ddc;
padding-bottom: 4px;
text-align: center;
}
.SubTitt { width:98%; margin:0 auto; font-size:14px; line-height:28px;
}
.SubTitt p{text-indent:2em;
}
@media screen and (max-width: 1000px) {
.wrap1 {
max-width: 80%;
}
.wrap1 {
max-width: 95%;
}
}
@media screen and (max-width:768px) {
.c-banner{
width: 100%;
height: auto;
overflow: hidden;
}
.c-banner .banner ul li img{
width: 100%;
height: auto;
position: absolute;
}
.index_partner .con a{
margin-left:1%;
}
.index_partner .con {
margin-top: 10px;
border-bottom: 0px solid #efefef;
border-right: 0px solid #efefef;
margin:auto;width:100%;
}
.index_partner .con .text {
width: 48.66%;
border: 1px solid #efefef;
background: #f8f8f8;
overflow: hidden;
}
/* 客服css */
/*-----------------初始化---------------------*/
*{margin:0;padding:0;list-style-type:none;}
body{overflow-x:hidden;width:100%;height:2000px;}
.clear:after{content:'\20';display:block;height:0;clear:both;visibility:hidden;}
/*固定的悬浮窗*/
.yb_conct{position:fixed;font-size:12px;z-index:9999999;top:357px;right:-110px;cursor:pointer;transition:all .3s ease;}
.yb_bar ul li{width:146px;height:43px;font:12px/46px 'Microsoft YaHei';color:#fff;text-indent:44px;margin-bottom:3px;border-radius:3px;transition:all .5s ease;overflow:hidden;}
.yb_bar .yb_top{background:#2a8ddc url(../../img/fixCont11.png) no-repeat 0 4px;}
.yb_bar .yb_phone{background:#2a8ddc url(../../img/fixCont11.png) no-repeat 0 -36px;}
.yb_bar .yb_QQ{text-indent:0;background:#2a8ddc url(../../images/fixCont11.png) no-repeat 0 -113px;}
.yb_bar .yb_ercode{background:#2a8ddc url(../../img/fixCont11.png) no-repeat 0 -112px;}
.hd_qr{ margin-left:60px; margin-top:-10px; width:60px;}
.hd_qr .img{ width:60%;}
.yb_QQ a{display:block;text-indent:24px;width:70%;height:70%;color:#fff;}
}
@media screen and (max-width: 500px) {
.index_partner {
margin: 1.2rem auto;
}
.index_partner .title .p1 {
font-size: 0.72rem;
}
.brand .brand1 {
margin: 1rem auto;
}
.brand .brand1 .p1 {
font-size: 0.72rem;
line-height: 0.72rem;
}
.brand .brand1 .p2 {
margin: 0 auto 0.5rem;
}
.brand .brand2 {
margin-bottom: 1rem;
}
.brand .brand2 .text .p1 {
font-size: 20px;
}
.brand .brand2 .text .brand_line {
margin: 0.3rem 0px 0.4rem;
}
}