body, button, dd, div, dl, form, h1, h2, h3, h4, h5, h6, html, img, input, li, ol, p, ul {
    margin: 0;
    padding: 0;
    border: 0
}

* {
    -webkit-tap-highlight-color: transparent;
}

body {
    font-family: "Microsoft YaHei","Arial","Helvetica Neue",Helvetica,sans-serif;
    background-color: #ffffff;
    overflow-x: hidden;
}

button, textarea,select{
   -webkit-appearance: none;
   resize: none;
   outline: none;
   -webkit-tap-highlight-color: rgba(0, 0, 0, 0); 
   border: 0;
}
h1, h2, h3, h4, h5, h6 {
    font-weight: normal;
}

img {
    border: 0;
    max-width: 100%;
    vertical-align: middle;
}
.none{
  display:none;
}

.online_x{
  cursor:pointer;
}
button:hover,
input[type=submit]:hover {
    cursor: pointer
}

button:focus,
input:active,
input:focus,
textarea:focus {
   /* border: 0*/
    outline: 0 none;
    outline-color: transparent;
}

a {
    color: #333;
    display: inline-block;
}

a:link {
    text-decoration: none
}

a:visited {
    text-decoration: none
}

a:hover {
    text-decoration: none;
  
}

a:active {
    text-decoration: none
}

li {
    list-style: none;
}

.clear {
    clear: both;
    font-size: 0;
    line-height: 0;
    height: 0;
    visibility: hidden
}

.clearfix:after,
.clearfix:before {
    content: "";
    display: table
}

.clearfix:after {
    clear: both
}
.clearfix {
    zoom: 1
}
.xbg{
  background: #f9fafc;
}
.xbg1{
  background: #f5f5f5;
}
/*@font-face{
    font-family: "din"; 
    src: url('../fonts/DIN.TTF');
}
@font-face{
    font-family: "syn"; 
    src: url('../fonts/SourceHanSansCN-Normal_0.otf');
}
@font-face{
    font-family: "syl"; 
    src: url('../fonts/SourceHanSansCN-Light_0.otf');
}
@font-face{
    font-family: "syb"; 
    src: url('../fonts/SourceHanSansCN-Bold_0.otf');
}
@font-face{
    font-family: "syr"; 
    src: url('../fonts/SourceHanSansCN-Regular_0.otf');
}
@font-face{
    font-family: "sym"; 
    src: url('../fonts/SourceHanSansCN-Medium_0.otf');
}
@font-face{
    font-family: "itc"; 
    src: url('../fonts/ITC AVANT GARDE CE GOTHIC DEMI.TTF');
}*/
.conwidth{
  width: 83.33%;
  margin: auto;
}
.owidth{
  max-width: 1400px;
  width: 100%;
  margin: auto;
}
.omain{
  padding-top: 70px;
}
.ovfHiden{
  overflow: hidden;
}
.bg1{
  background-color: #f6f8fa;
}
/*header*/
.header{
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  z-index: 99;
  margin: auto;
  width: 100%;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;  
  background: rgba(0, 0, 0, 0.5);
}
.header.alter, .header.white{
  background: #FFFFFF;
}
.header.alter{
  padding: 0;
}
.header.white{
  box-shadow: 0px 3px 20px 0px rgba(12, 18, 107, 0.05);
}
.header .content{
  padding-left: 8.335%;
  padding-right: 4%;
}
.header .box{
  text-align: center;
  font-size: 0;
}
.header .logo{
  float: left;
}
.header .logo a{
  /*height: 120px;
  line-height: 120px;*/
  height: 70px;
  line-height: 70px;
}
.header .logo a img{
  max-width: 80%;
}
.header .logo a img.logo2{
  display: none;
}
.header.alter .logo a img.logo1,
.header.white .logo a img.logo1{
  display: none;
}
.header.alter .logo a img.logo2,
.header.white .logo a img.logo2{
  display: inline-block;
}
.header .nav{
  display: inline-block;
}
.header .nav>ul>li{
  float: left;
  padding: 0px 18px;
}
.header .nav>ul>li.other{
  position: relative;
}
.header .nav>ul>li>a{
  font-family: "syn";
  color: #FFFFFF;
  font-size: 18px;
  line-height: 70px;
}
.header.alter .nav>ul>li>a, .header.white .nav>ul>li>a{
  color: #666666;
}
.header .nav>ul>li:hover>a, .header .nav>ul>li.on a:hover{
  position: relative;
  color: #FFFFFF;
}
.header.alter .nav>ul>li:hover>a, 
.header.alter .nav>ul>li.on a:hover,
.header.white .nav>ul>li:hover>a, 
.header.white .nav>ul>li.on a,
.header.white .nav>ul>li.on a:hover{
  color: #3f509f;
}
.header .nav>ul>li:hover>a::before, .header .nav>ul>li.on a:hover::before{
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  bottom: 20px;
  margin: auto;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: rgba(247,247,247,0.9);
}
.header.alter .nav>ul>li:hover>a::before, 
.header.alter .nav>ul>li.on a:hover::before,
.header.white .nav>ul>li:hover>a::before, 
.header.white .nav>ul>li.on a:hover::before{
  display: none;
}
/*服务内容下拉菜单*/
.navcell{
  position: absolute;
    top: 70px;
    left: 50%;
  -o-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
    width: 100%;
  /*height: -moz-calc(100vh - 64px);
  height: -webkit-calc(100vh - 64px);
  height: calc(100vh - 64px);*/
    overflow-x: hidden;
  overflow-y: auto;
    display: none;
    border-top: #eeeeee solid 1px;
}
.header.alter .navcell{
  top: 70px;
}
.navcell .cellbox{
  position: relative;
  padding-left: 8.335%;
  padding-right: 4%;
  overflow: hidden;
  background: rgba(247,247,247,0.9);
}
.navcell .l-box{
  float: left;
  width: 20%;
  padding-right: 4.3%;
  /*border-right: #eeeeee solid 1px;*/
  text-align: right;
  padding-top: 9999px;
  margin-top: -9999px;
  overflow: hidden;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}
.navcell .l-box .txt{
  display: inline-block;
  max-width: 100%;
  text-align: left;
  padding-top: 45px;
}
.navcell .l-box .txt .t1{
  font-family: "微软雅黑";
  color: #000000;
  font-size: 16px;
  font-weight: bold;
}
.navcell .l-box .txt .t1 a{
  color: #000000;
}
.navcell .l-box .txt .t1 a img{
  display: inline-block;
  vertical-align: middle;
  margin-left: 10px;
}
.navcell .l-box .txt .t2{
  margin-top: 27px;
  font-family: "微软雅黑";
  color: #999999;
  font-size: 14px;
}
.navcell .r-box{
  float: left;
  width: 80%;
  padding-left: 3.6%;
  padding-bottom: 20px;
  text-align: left;
  border-left: #eeeeee solid 1px;
  padding-top: 9999px;
  margin-top: -9999px;
  overflow: hidden;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}
.navcell .r-box .tit{
  font-family: "syb";
  padding-left: 18px;
  padding-top: 42px;
  color: #000000;
  font-size: 20px;
  font-weight: bold;
}
.navcell .r-box ul{
  margin-top: 25px;
}
/*20210705*/
.navcell .r-box ul{ 
  
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.navcell .r-box ul li{
  float: left;
  width: 33.33%;
  margin-bottom: 9px;
}
.navcell .r-box ul li a{
  position: relative;
  padding-left: 18px;
  font-size: 16px;
  color: #444444;
  line-height: 1.8;
}
.navcell .r-box ul li a:before{
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 18px;
  height: 100%;
  background: url(../images/xright1.png) top 9px left no-repeat;
  background-size: 6px 12px;
  opacity: 0;
  transform: translateX(-100%);
  transition: all 0.4s ease;
}
.navcell .r-box ul li a:hover:before{
  opacity: 1;
  transform: translateX(0);
}
.navcell .r-box ul li a:hover{
  color: #3f509f;
}
/**/
.header .drop-down{
  position: absolute;
    top: 70px;
    left: 50%;
    -o-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    min-width: 160px;
   /* overflow: hidden;*/
    background: rgba(247,247,247,0.9);
    display: none;
}
.header .drop-down a{
  position: relative;
  display: block;
  font-family: "syn";
  color: #666666;
  font-size: 16px;
  line-height: 21px;
  text-align: center;
  padding: 16px 16px;
  /*overflow: hidden;*/
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}
.header .drop-down a:hover{
  color: #3d509f;
  /*background: #f3f3f3;*/
}
.header .drop-down a:hover::before{
  content: '';
  position: absolute;
  left: 50%;
    -o-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
  top: 0;
  z-index: -1;
  width: 100%;
  height: 100%;
  padding: 0px 5px;
  /*background: #FFFFFF;*/
  background: rgba(247,247,247,0.9);
  box-shadow: 0px 0px 15px rgba(0,0,0,0.2);
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
}
.header .drop-down a span{
  position: relative;
  display: inline-block;
}
.header .drop-down a span::after{
  content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 15px;
    height: 100%;
    background: url(../images/xright1.png) center left no-repeat;
    background-size: 6px 12px;
    opacity: 0;
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
    transition: all 0.4s ease;
}
.header .drop-down a:hover span::after{
    opacity: 1;
    -webkit-transform: translateX(-15px);
    transform: translateX(-15px);
}
.header .drop-down a .t1{
  font-size: 16px;
  color: #191E4C;
  line-height: 22px;
  text-align: left;
  padding: 0px 30px;
}
.header .drop-down a .t2{
  margin-top: 12px;
  font-size: 14px;
  color: #687990;
  line-height: 20px;
  text-align: left;
  padding: 0px 30px;
  white-space: nowrap;
}
.head-other{
  float: right;
}
.head-other .call{
  float: left;
  height: 70px;
  line-height: 70px;
  color: #FFFFFF;
  font-size: 24px;
  font-weight: bold;
}
.header.alter .head-other .call, .header.white .head-other .call{
  color: #3f509f;
}
.head-other .call img{
  display: inline-block;
  vertical-align: middle;
  margin-right: 10px;
}
.head-other .call img.ic2{
  display: none;
}
.header.alter .head-other .call img.ic1, .header.white .head-other .call img.ic1{
  display: none;
}
.header.alter .head-other .call img.ic2, .header.white .head-other .call img.ic2{
  display: inline-block;
}
/*语言选择*/
.head-nation{
  float: left;
  position: relative;
  margin-left: 30px;
}
.head-nation .current{
  height: 90px;
  line-height: 90px;
}
.head-nation .current .name{
  font-family: arial;
    font-size: 18px;
  color: #FFFFFF;
    line-height: 2;
    padding-right: 30px;
    background: url(../images/s-triangle.png) right center no-repeat;
    vertical-align: middle;
    display: inline-block;
    -webkit-transition: all .3s;
    transition: all .3s;
}
.header.alter .head-nation .current .name, 
.header.white .head-nation .current .name{
  color: #191E4C;
  background: url(../images/s-triangle1.png) right center no-repeat;
}
.head-nation ul{
  display: none;
  position: absolute;
  left: 50%;
  top: 80px;
  -o-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  z-index: 10;
  text-align: center;
  padding-top: 10px;
  padding-bottom: 10px;
    background-color: #FFFFFF;
}
.head-nation ul li a{
  display: block;
  font-family: arial; 
    font-size: 16px;
    color: #666666;
    line-height: 2;
    min-width: 90px;
    text-align: center;
    padding: 0px 15px;
    white-space: nowrap;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}
.head-nation ul li a:hover{
  font-family: "syb";
  color: #2B33AA;
}
/**/
/*.m-header{
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 10;
  background: #FFFFFF;
}
.m-header .logo{
  float: left;
}
.m-header .logo a{
  height: 60px;
  line-height: 60px;
}
.m-header .logo a img{
  max-height: 30px;
}*/
.menubtn{
  display: none;
  float: right;
  width: 50px;
    height: 60px;
    background: url(../images/menu-icon1.png) center right no-repeat;
    -moz-background-size: 30px 30px;
    -webkit-background-size: 30px 30px;
    background-size: 30px 30px;
    cursor: pointer;
}
.header.white .menubtn, .header.alter .menubtn{
  background: url(../images/menu-icon1.png) center right no-repeat;
    -moz-background-size: 30px 30px;
    -webkit-background-size: 30px 30px;
    background-size: 30px 30px;
}
.menubtn.on{
    background: url(../images/menu-icon2.png) center right no-repeat;
    -moz-background-size: 30px 30px;
    -webkit-background-size: 30px 30px;
    background-size: 30px 30px;
}
.header.white .menubtn.on, .header.alter .menubtn.on{
  background: url(../images/menu-icon2.png) center right no-repeat;
    -moz-background-size: 30px 30px;
    -webkit-background-size: 30px 30px;
    background-size: 30px 30px;
}
.m-nav{
  position: fixed;
  top: 60px;
  left: 0;
  width: 100%;
  height: calc(100% - 60px);
  background: #fff;
  display: none;
  z-index: 99;
  overflow-y: scroll;
}
.m-nav .nav-list{
  padding-top: 30px;
}
.m-nav .nav-list>li{
  padding: 0 5%;
  text-align: left;
}
.m-nav .nav-list>li>a, .m-nav .nav-list .one-level{
  font-family: "syn"; 
  font-size: 18px;
  color: #666666;
  display: block;
  height: 50px;
  line-height: 50px;
}
.m-nav .nav-list>li>a:hover, .m-nav .nav-list .one-level.on, .m-nav .nav-list .one-level:hover{
  color: #3d509f;
}
.m-nav .nav-list li a .tit{
  color: #222222;
}
.m-nav .nav-list li a:hover .tit{
  color: #3d509f;
}
.m-nav .m-subnav{
  display: none;
}
.m-nav .m-subnav ul li>a, .m-nav .m-subnav ul li .two-level{
  display: block;
  font-family: "syn"; 
  font-size: 16px;
  color: #999999;
  padding-left: 15px;
  height: 40px;
  line-height: 40px;
}
.m-nav .m-subnav ul li a:hover{
  color: #3d509f;
}
.m-nav .subnav_2{
  padding-left: 30px;
  display: none;
}
.m-nav .subnav_2 .subnav_2li>a, .m-nav .three{
  display: block;
  font-size: 16px;
  color: #666666;
  height: 40px;
  line-height: 40px;
}
.m-nav .subnav_3 a{
  display: block;
  font-size: 15px;
  line-height: 2;
  color: #999999;
}
.m-nav .subnav_3{
  display: none;
  padding: 0px 15px;
}
/*侧边栏*/
.sidebar{
  position: fixed;
  bottom: 20%;
    right: 20px;
    z-index: 99;
}
.sidebar>ul>li{
  position: relative;
  text-align: center;
  cursor: pointer;
  margin-bottom: 10px;
}
.sidebar ul li:last-child{
  border-bottom: none;
}
.sidebar ul li a{
  display: block;
  position: relative;
  width: 60px;
  height: 60px;
  border-radius: 5px;
  text-align: center;
  overflow: hidden;
  box-shadow: 0px 1px 25px rgba(0,0,0,0.1);
  background: rgba(247,247,247,0.9);
  -o-transition: all .4s ease-in-out;
  -ms-transition: all .4s ease-in-out;
  -moz-transition: all .4s ease-in-out;
  -webkit-transition: all .4s ease-in-out;
  transition: all .4s ease-in-out;
}
.sidebar ul li a:hover{
  background-color: #3d509f;
  text-decoration:none;
  
}
/*20210708*/
.sidebar ul li a .img{
  width: 100%;
  text-align: center;
  overflow: hidden;
  height: 60px;
  /*line-height: 60px;*/
  text-align: center;
  -o-transition: all .4s ease-in-out;
  -ms-transition: all .4s ease-in-out;
  -moz-transition: all .4s ease-in-out;
  -webkit-transition: all .4s ease-in-out;
  transition: all .4s ease-in-out;
}
.sidebar ul li .img img{
  /*max-width: 44%;*/
  display: block;
  margin: auto;
  max-width: 35%;
  padding-top: 10px;
}
.sidebar ul li .img .ic2{
  display: none;
}
.sidebar ul li:hover .img .ic1{
  display: none;
}
.sidebar ul li:hover .img .ic2{
  /*display: inline-block;*/
  display: block;
}
.sidebar ul li .img .wt{
  text-align: center;
  font-size: 12px;
  color:#666666;
  line-height: 1.5;
  margin-top: 3px;
}
.sidebar ul li:hover .img .wt{
  color: #FFFFFF;
}
.sidebar ul li .secondary{
  display: none;
  position: absolute;
  right: 80px;
  top: 0;
  z-index: 10;
  min-width: 100%;
  min-height: 100%;
  /*background-color: #FFFFFF;*/
  background: rgba(247,247,247,0.9);
  box-shadow: 0px 1px 25px rgba(0,0,0,0.1);
  -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    white-space: nowrap;
  /*-o-transition: all .5s;
    -ms-transition: all .5s;
    -moz-transition: all .5s;
    -webkit-transition: all .5s;
    transition: all .5s;*/
}
/*.sidebar ul li:hover .secondary{
  display: block;
}*/
.sidebar ul li .secondary::before{
  content: '';
  position: absolute;
  /*right: -18px;*/
  top: 0;
  /*width: 28px;
  height: 100%;
  background: url(../images/img259.png) top 22px center no-repeat;*/
  right: -14px;
  bottom: 0;
  margin: auto;
  width: 0;
    height: 0;
  border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-left: 14px solid #f7f7f7;
    opacity: 0.9;
}
.sidebar ul li .txtli{
  text-align: left;
  line-height: 60px;
  font-family: "din"; 
  font-size: 20px;
  color: #3d509f;
  padding: 5px 20px;
  min-width: 160px;
}
.sidebar ul li .txtli img{
  display: inline-block;
  margin-right: 10px;
}
.sidebar .lianxi{
  white-space: nowrap;
  text-align: center;
  padding: 20px 20px 15px;
}
.sidebar .lianxi .imgbox{
  width: 100%;
  overflow: hidden;
  text-align: center;
  font-size: 0;
  white-space: nowrap;
}
.sidebar .lianxi .imgli{
  display: inline-block;
  vertical-align: top;
  width: 120px;
}
.sidebar ul li .imgli img{
  display: block;
  width: 100%;
}
.sidebar ul li .imgli .t1{
  margin-top: 6px;
  color: #222222;
  font-size: 18px;
}
/*footer*/
.footer{
  padding-top: 60px;
  padding-bottom: 40px;
  background: #3d509f;
}
.footer .foot-top{
  padding-bottom: 30px;
}
.footer .foot-top .foot-logo{
  float: left;
}
.footer .foot-top .foot-logo a{
}
.footer .foot-top .foot-logo a img{
  
}
.footer .foot-top .txt{
  float: right;
  text-align: right;
}
.footer .foot-top .txt .t1{
  font-family: "syn"; 
  color: #ffffff;
  font-size: 24px;
}
.footer .foot-top .txt .t2{
  margin-top: 10px;
  font-family: "syn"; 
  font-size: 14px;
  color: #9eace4;
}
.footer .foot-con{
  padding-top: 48px;
  padding-bottom: 40px;
  border-top: #5162a9 solid 1px;
}
.footer .foot-con .foot-nav{
  float: left;
  width: 100%;
  overflow: hidden;
}
.footer .foot-con .foot-nav ul li{
  float: left;
  width: 13.285%;
  overflow: hidden;
}
.footer .foot-con .foot-nav ul li:first-child{
  width: 12.285%;
}
.footer .foot-con .foot-nav ul li:nth-child(5){
  width: 21.285%;
}
.footer .foot-con .foot-nav ul li:nth-child(6){
  width: 10.285%;
}
.footer .foot-con .foot-nav ul li .tit{
  font-family: "syn"; 
  color: #ffffff;
  font-size: 16px;
  margin-bottom: 20px;
}
.footer .foot-con .foot-nav ul li .alink a{
  display: block;
  margin-bottom: 5px;
  font-family: "syl"; 
  color: #b0bae4;
  font-size: 14px;
  line-height: 2;
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
}
.footer .foot-con .foot-nav ul li a:hover{
  color: #ffffff;
}
.footer .foot-con .foot-code{
  float: right;
  width: 17.5%;
}
.footer .foot-con .foot-code .txt{
  text-align: right;
}
.footer .foot-con .foot-code .txt .t1{
}
.footer .foot-con .foot-code .txt .t1 a{
  display: inline-block;
  padding: 0px 20px;
  height: 30px;
  line-height: 30px;
  text-align: center;
  border-radius: 15px;
  font-family: "syn"; 
  font-size: 14px;
  color: #ffffff;
  background-color: #ff6a00;
}
.footer .foot-con .foot-code .txt .t2{
  margin-top: 20px;
  font-size: 24px;
  font-weight: bold;
  font-family: arial;
  color: #FFFFFF;
}
.footer .foot-con .foot-code ul{
  margin-top: 20px;
  overflow: hidden;
}
.footer .foot-con .foot-code ul li{
  float: left;
  width: 42%;
  margin-right: 16%;
  text-align: center;
}
.footer .foot-con .foot-code ul li:last-child{
  margin-right: 0;
}
.footer .foot-con .foot-code ul li img{
  width: 100%;
}
.footer .foot-con .foot-code ul li .t3{
  margin-top: 10px;
  color: #ffffff;
  font-size: 14px;
  font-family: "syl"; 
}
.footer .foot-bot{
  padding-top: 25px;
  border-top: #5162a9 solid 1px;
}
.footer .foot-bot .copyright{
  font-family: "syl";
  color: #b0bae4;
  font-size: 14px;
  line-height: 2;
  margin-bottom: 10px;
}
.footer .foot-bot .copyright .record, .footer .foot-bot .copyright a{
  color: #b0bae4;
}
.footer .foot-bot .copyright .support{
  display: inline-block;
  margin-left: 20px;
  color: #5366b5;
}
.footer .foot-bot .links{
  width: 100%;
  overflow: hidden;
  font-family: "syl";
  font-size: 14px;
  line-height: 2;
  color: #ffffff;
}
/*.footer .foot-bot .links .tit{
  float: left;
  width: 75px;
  overflow: hidden;
}
.footer .foot-bot .links .txt{
  float: left;
  width: -moz-calc(100% - 75px);
  width: -webkit-calc(100% - 75px);
  width: calc(100% - 75px);
}*/
.footer .foot-bot .links a{
  color: #ffffff;
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
}
.footer .foot-bot .links a:hover{
  color: #b0bae4;
}
.footer .foot-bot .links span{
  display: inline-block;
  margin: 0px 10px;
}
.footer .link-more{
  display: none;
  color: #ffffff;
  font-family: "syl";
  font-size: 14px;
  margin-top: 10px;
  padding-right: 20px;
  background: url(../images/img260.png) center right no-repeat;
}
.footer .link-more.on{
  background: url(../images/img260a.png) center right no-repeat;
}
/*首页banner*/
.lunbotu{
  position: relative;
  width: 100%;
  overflow: hidden;
}
.lunbotu .swiper-slide a{
  display: block;
  width: 100%;
}
.lunbotu .swiper-slide a>img{
  width: 100%;
}
.oimg2{
  display: none;
}
.lunbotu .ob-img{
  display: none;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}
.i-banner{
  position: absolute;
  left: 50%;
  top: 30%;
  /*top: 50%;
  -o-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);*/
  -o-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  /*z-index: 2;*/
}
.i-banner .box{
  text-align: center;
}
.i-banner .box .t1{
  /*font-family: "syb"; */
  color: #ffffff;
  font-size: 50px;
  font-weight: bold;
  margin-bottom: 20px;
  word-break: break-word;
}
.i-banner .box .t2{
  /*font-family: "syr"; */
  color: #ffffff;
  font-size: 20px;
  word-break: break-word;
}
.i-banner .box .btn{
  text-align: left;
  padding: 0;
}
.i-banner .box .btn span{
  display: inline-block;
  text-align: center;
  padding: 0px 35px;
  font-family: "microsoft yahei";
  color: #ffffff;
  font-size: 18px;
  background-color: #d42724;
  border-radius: 30px;
  height: 60px;
  line-height: 60px;
  -o-transition: all .4s ease-in-out;
  -ms-transition: all .4s ease-in-out;
  -moz-transition: all .4s ease-in-out;
  -webkit-transition: all .4s ease-in-out;
  transition: all .4s ease-in-out;
}
.i-banner .box .btn span:hover{
  background-color: #000000;
}
.i-banner .box .btn span img{
  display: inline-block;
  vertical-align: middle;
  margin-left: 10px;
}
.lunbotu .swiper-pagination {
    display: inline-block;
}
.lunbotu.swiper-container-horizontal .swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 8px;
}
.lunbotu.swiper-container-horizontal>.swiper-pagination-bullets, .lunbotu .swiper-pagination-custom, .lunbotu .swiper-pagination-fraction {
    bottom: 7%;
    right: 5%;
    width: 95%;
    text-align:right;
}
.lunbotu .swiper-pagination-bullet {
    width: 50px;
    height: 50px;
    display: inline-block;
    border-radius: 10%;
    background: none;
    opacity: 1;
    background-color: #d6daeb;
    -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  text-align: center;
    line-height: 50px;
    font-size: 20px;
    color: #fff;
}
.lunbotu .swiper-pagination-bullet-active{
    opacity: 1;
    background-color: #3d509f;
}
.lunbotu .swiper-button-next, .lunbotu .swiper-button-prev{
  position: absolute;
  top: 50%;
    width: 50px;
    height: 50px;
    margin-top: -60px;
    z-index: 10;
    cursor: pointer;
    background-size: 100% 100%;
    -moz-background-size: 100% 100%;
    -webkit-background-size: 100% 100%;
    background-position: center;
    background-repeat: no-repeat;
}
.lunbotu .swiper-button-prev, .lunbotu .swiper-container-rtl .swiper-button-next {
    background-image: url(../images/img1.png);
    left: 5%;
    right: auto;
}
.lunbotu .swiper-button-next, .lunbotu .swiper-container-rtl .swiper-button-prev {
    background-image: url(../images/img2.png);
    right: 5%;
    left: auto;
}
.lunbotu .swiper-button-next.swiper-button-disabled{
  opacity: 1;
  background-image: url(../images/img2a.png);
}
.lunbotu .swiper-button-prev.swiper-button-disabled {
    opacity: 1;
    background-image: url(../images/img1a.png);
}
.banner-video{
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
  overflow: hidden;
  /*background: url(../images/tb3.png) repeat;*/
}
/*内页*/
.obanner{
  width: 100%;
  overflow: hidden;
  height:527px;
  position: relative;
}
.obanner>a{
  display: block;
  width: 100%;
}
.obanner a img{
   max-width: fit-content;
    margin-left: -960px;
    position: absolute;
    left: 50%;
}


.title{
}
.title .t1{
  font-family: "sym"; 
  font-size: 44px;
}
.title .t2{
  font-family: "sym"; 
  font-size: 34px;
}
.title .t3{
  font-size: 16px;
  line-height: 2;
}
.title .t4{
  font-family: "sym"; 
  font-size: 24px;
}
.title .t5{
  font-family: "sym"; 
  font-size: 30px;
}
.title .t6{
  font-family: "sym"; 
  font-size: 20px;
}
.title .t7{
  font-family: "sym"; 
  font-size: 36px;
}
.title .t8{
  font-family: "syl"; 
  font-size: 14px;
}
.title .t9{
  font-family: "syr"; 
  font-size: 18px;
}
.title .t10{
  font-family: "sym"; 
  font-size: 28px;
}
.center{
  text-align: center;
}
/*首页*/
.indexpart1{
  padding-top: 4.7%;
  padding-bottom: 6.25%;
}
.indexpart1 .wrap{
  width: 100%;
  overflow: hidden;
}
.indexpart1 .l-wrap{
  float: left;
  width: 50%;
  overflow: hidden;
}
.indexpart1 .l-wrap .txt{
  position: relative;
    left: 0;
    max-width: 700px;
    width: 100%;
    padding: 1.8% 5% 1.8% 3.6%;
    overflow: hidden;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
  overflow: hidden;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.indexpart1 .l-wrap .txt:hover{
  left: -2%;
}
.indexpart1 .l-wrap .txt .t1{
  color: #384c99;
}
.indexpart1 .l-wrap .txt .t2{
  margin-top: 7.5%;
  color: #222222;
}
.indexpart1 .l-wrap .txt .t3{
  margin-top: 20px;
  font-family: "syr"; 
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 5;
  overflow: hidden;
}
.indexpart1 .l-wrap .more{
  margin-top: 10%;
}
.indexpart1 .l-wrap .more a{
  min-width: 160px;
  height: 50px;
  line-height: 50px;
  border-radius: 10px;
  margin: 0 auto;
  font-family: "syr";
  color: #3d509f;
  font-size: 16px;
  text-align: center;
  border: #3d509f solid 1px;
  padding: 0 15px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
}
.indexpart1 .l-wrap .more a:hover{
  background-color: #3d509f;
  color: #FFFFFF;
}
.indexpart1 .r-wrap{
  position: relative;
  float: left;
  width: 50%;
  overflow: hidden;
}
.indexpart1 .r-wrap .i-video{
  position: relative;
  width: 100%;
  overflow: hidden;
}
.indexpart1 .r-wrap .bg{
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.indexpart1 .r-wrap .icon{
  position: absolute;
  left: 50%;
  top: 50%;
  z-index: 2;
  -o-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  max-width: 9%;
}
.indexpart1 .r-wrap .icon .spot{
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  -webkit-animation: spin 5s linear infinite;
    animation: spin 5s linear infinite;
}
@-webkit-keyframes spin {
    0% {
      -webkit-transform: rotate(0deg);
    }
    100% {
      -webkit-transform: rotate(360deg);
  } 
} 
@keyframes spin {
    0% {
      transform: rotate(0deg);
    }
    100% {
      transform: rotate(360deg);
    }
}
.indexpart1 .l-box{
  float: left;
  width: 50%;
  overflow: hidden;
}
.indexpart1 .l-box a{
  position: relative;
  display: block;
  width: 100%;
}
.indexpart1 .l-box .txt{
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  padding-top: 6%;
  padding-left: 7.2%;
  padding-right: 14.2%;
  color: #FFFFFF;
  overflow: hidden;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  transition: All 0.5s ease;
    -webkit-transition: All 0.5s ease;
    -moz-transition: All 0.5s ease;
    -o-transition: All 0.5s ease;
    background: url(../images/img7.png) bottom 15% right 5.7% no-repeat;
    background-size: 8% auto;
}
.indexpart1 .l-box:hover .txt{
  left: -2%;
}
.indexpart1 .l-box .t3{
  font-family: "syl";
}
.title .t5{
  margin-bottom: 10px;
}
.indexpart1 .l-box .txt .line{
  width: 20px;
  height: 2px;
  background: #FFFFFF;
  margin-top: 15px;
  margin-bottom: 25px;
}
.indexpart1 .l-box .img{
  width: 100%;
  overflow: hidden;
}
.indexpart1 .l-box .img{
  
}
.indexpart1 .r-box{
  float: left;
  width: 50%;
}
.indexpart1 .r-box .img{
  width: 100%;
  overflow: hidden;
}
.indexpart1 .r-box .img img{
  width: 100%;
  opacity: 0;
}
.indexpart1 .r-box a{
  position: relative;
  display: block;
  width: 100%;
}
.indexpart1 .r-box .title.txt{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding-top: 6%;
  padding-left: 10%;
  padding-right: 14%;
  overflow: hidden;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background: url(../images/img8.png) bottom 15% right 3% no-repeat;
  background-size: 8% auto;
  transition: All 0.5s ease;
    -webkit-transition: All 0.5s ease;
    -moz-transition: All 0.5s ease;
    -o-transition: All 0.5s ease;
}
.indexpart1 .r-box:hover .title{
  left: 2%;
}
.indexpart1 .r-box .t7{
  color: #384c99;
}
.indexpart1 .r-box .t5{
  color: #222222;
  margin-top: 10px;
}
.indexpart1 .r-box .t6{
  color: #666666;
  margin-top: 30px;
}

.indexpart1 .number{ width: 100%; margin:45px auto; display: table;}
.indexpart1 .number dl{ overflow:hidden; width: 30%; float: left; margin-right: 5%; color:#3d509f;text-align: center;}
.indexpart1 .number dl:nth-child(3n){margin-right: 0;}
.indexpart1 .number dl dt{ float:left; font-size:40px; line-height:40px; font-weight:bold; width: 100%;}
.indexpart1 .number dl dt span{font-size:50px; line-height:50px;}
.indexpart1 .number dl dd{ float:left; font-size:16px;  line-height:30px; width: 100%;}
.indexpart1 .number dl dd p{}
.indexpart1 .number dl dd span{ color:#3d509f; font-size:50px; font-weight:bold; line-height:50px; text-transform:uppercase;}


/*首页服务内容*/
.indexpart2{
  padding-top: 5.7%;
  padding-bottom: 5.7%;
  background-color: #f5f8ff;
}
.indexpart2 .title .t1{
  color: #222222;
}
.indexpart2 .box{
  margin-top: 55px;
}
.indexpart2 .switch-tab ul{
  text-align: center;
  font-size: 0;
}
.indexpart2 .switch-tab ul li{
  position: relative;
  display: inline-block;
  vertical-align: top;
  margin: 0 2%;
  width: calc(10.285% - 4px);
  background: #fff;
  border-radius: 15px;
  /*padding-left: 1.8%;
  padding-right: 1.8%;*/
  padding-bottom: 20px;
  border:2px solid #fff;
}
.indexpart2 .switch-tab ul li:before{
  content: '▼';
  position: absolute;
  bottom: -20px;
  left: 0;
  right: 0;
  width: 0;
  margin: auto;
  height: 0px;
  transition: All 0.5s ease;
    -webkit-transition: All 0.5s ease;
    -moz-transition: All 0.5s ease;
    -o-transition: All 0.5s ease;
    cursor: pointer;
  display: none;
  border-left: 12px solid transparent;
  border-right: 12px solid transparent;
  border-top: 20px solid #3d509f;
}
.indexpart2 .switch-tab ul li:hover, .indexpart2 .switch-tab ul li.on{
   border:2px solid #3d509f;
}
.indexpart2 .switch-tab ul li:hover:before, .indexpart2 .switch-tab ul li.on:before{
   display: block;
}
.indexpart2 .switch-tab ul li .icon{
  display: block;
  width: 80px;
  height: 80px;
  line-height: 80px;
  cursor:pointer;
  text-align: center;
  margin: 20px auto;
  background: #f5f8ff;
  border-radius: 100%;
  -webkit-transition: all 1s ease;
  transition: all 1s ease;
}
/*.indexpart2 .switch-tab ul li:hover .icon, .indexpart2 .switch-tab ul li.on .icon{
  background: url(../images/img14a.png) center no-repeat;
  background-size: 100% 100%;
}*/
.indexpart2 .switch-tab ul li .icon img{
  display: inline-block;
  max-width: 60%;
}
/*.indexpart2 .switch-tab ul li .icon .ic2{
  display: none;
}*/
/*.indexpart2 .switch-tab ul li:hover .icon .ic1, .indexpart2 .switch-tab ul li.on .icon .ic1{
  display: none;
}
.indexpart2 .switch-tab ul li:hover .icon .ic2, .indexpart2 .switch-tab ul li.on .icon .ic2{
  display: inline-block;
}*/
.indexpart2 .switch-tab ul li .txt{
  font-family: "syl";
  text-align: center;
  font-size: 18px;
  color: #333333;
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
}
.indexpart2 .switch-tab ul li:hover .txt, .indexpart2 .switch-tab ul li.on .txt{
  color: #3d509f;
}
.indexpart2 .switch-box{
  margin-top: 50px;
}
.indexpart2 .switch-li{
  width: 100%;
  overflow: hidden;
}
.indexpart2 .switch-li .l-wrap{
  float: left;
  width: 33.875%;
  overflow: hidden;
  border-radius: 10px;
}
.indexpart2 .switch-li .l-wrap a{
  display: block;
  width: 100%;
}
.indexpart2 .switch-li .l-wrap img{
  width: 100%;
}
.indexpart2 .switch-li .r-wrap{
  float: right;
  width: 58.625%;
  padding-right: 2.5%;
  overflow: hidden;
}
.indexpart2 .switch-li .r-wrap .txt{
}
.indexpart2 .switch-li .r-wrap .t6{
  font-family: "sym";
  color: #3d509f;
  font-size: 24px;
  font-weight: bold;
}
.indexpart2 .switch-li .r-wrap .txt .t6 img{
  display: inline-block;
  margin-right: 12px;
}
.indexpart2 .switch-li .r-wrap .txt .t3{
  color: #666666;
  font-family: "syl";
  margin-top: 20px;
  font-size: 16px;
}
.indexpart2 .switch-li .r-wrap .txt .more{
  text-align: left;
  margin-top: 30px;
}
.indexpart2 .switch-li .r-wrap .txt .more a{
  font-family: "syl";
  font-size: 16px;
  color: #3d509f;
}
.indexpart2 .switch-li .r-wrap .txt .more a img{
  display: inline-block;
  vertical-align: inherit;
  margin-left: 5px;
}

.indexpart2 .switch-li .r-wrap .tit{
  font-family: "syr";
  color: #444444;
  font-size: 18px;
}
.indexpart2 .switch-li .r-wrap .wrap1{
  margin-top: 50px;
}
.indexpart2 .switch-li .r-wrap .wrap1 ul{
  overflow: hidden;
}
.indexpart2 .switch-li .r-wrap .wrap1 ul li{
  float: left;
  width:25%;
  height: 50px;
  line-height: 50px;
  overflow: hidden;
  text-align: center;
  border: #ccc solid 1px;
  border-radius: 10px;
  margin-right: 5%;
  font-family: "syl";
  font-size: 16px;
  color: #6e7385;
  padding: 0 15px;
  margin-top: 20px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
}
.indexpart2 .switch-li .r-wrap .wrap1 ul li:hover{
  border: #3d509f solid 1px;
  background-color: #3d509f;
  color: #FFFFFF;
}
.indexpart2 .switch-li .r-wrap .wrap2{
  margin-top: 40px;
}
.indexpart2 .switch-li .r-wrap .wrap2 ul li{
  float: left;
  width: -moz-calc((100% - 100px) / 6);
  width: -webkit-calc((100% - 100px) / 6);
  width: calc((100% - 100px) / 6);
  margin-right: 20px;
  margin-top: 20px;
  border: #eeeeee solid 1px;
  border-radius: 5px;
  overflow: hidden;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
}
.indexpart2 .switch-li .r-wrap .wrap2 ul li:nth-child(6n){
  margin-right: 0;
}

.indexpart2 .switch-li .r-wrap .wrap2 ul li a{
  display: block;
  width: 100%;
}
.indexpart2 .switch-li .r-wrap .wrap2 ul li img{
}
.indexpart2 .m-box{
  margin-top: 40px;
  display: none;
}
.indexpart2 .m-box ul li{
  position: relative;
  border: #e5e5e5 solid 1px;
  border-radius: 10px;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-right: 12%;
  overflow: hidden;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 0;
  margin-bottom: 20px;
}

.indexpart2 .m-box ul li .icon{
  /*float: left;*/
  display: inline-block;
  vertical-align: middle;
  width: 16%;
  text-align: center;
  overflow: hidden;
}
.indexpart2 .m-box ul li .icon .bg{
  position: relative;
  width: 72%;
  overflow: hidden;
  margin: auto;
}
.indexpart2 .m-box ul li .icon .bg img{
  width: 100%;
}
.indexpart2 .m-box ul li .icon .bg .ic{
  position: absolute;
  left: 50%;
  top: 50%;
  width: 42%;
  -o-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.indexpart2 .m-box ul li .txt{
  /*float: left;*/
  display: inline-block;
  vertical-align: middle;
  width: 84%;
  overflow: hidden;
  color: #222222;
  font-size: 18px;
  font-family: "syn";
}
.indexpart2 .m-box ul li i{
  position: absolute;
  right: 0;
  top: 0;
  width: 10%;
  height: 100%;
  background: url(../images/img261.png) center no-repeat;
  background-size: 14% auto;
}

/*实验室整体解决方案*/
.indexpart3{
  padding-top: 5.7%;
  padding-bottom: 5.7%;
  background: #f7f7f7
  background-size: cover;
}
.indexpart3 .box{
  max-width: 1400px;
  width: 100%;
  margin: auto;
}
.indexpart3 .title .t1,.indexpart3 .title .t2{
  color: #000;
}
.indexpart3 .wrap{
  margin-top: 80px;
  font-size: 0;
}

.indexpart3 .wrap .fagh{
  width:100%; margin-top:40px;
}
.indexpart3 .wrap .fagh ul{width:100%; display:table;}
.indexpart3 .wrap .fagh ul li{width:18%; margin-right:2%; margin-bottom:2%; background:#fff; border-radius:10px; height:60px; line-height:60px; border: 1px solid #3f509f; text-align:center; font-size:16px; float:left;}
.indexpart3 .wrap .fagh ul li:nth-child(5n+5){margin-right:0px;}

.deve-list{
  position: absolute;
  left: 50%;
  top: 50%;
  -o-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 58.53%;
  height: 58.156%;
  margin-top: -1%;
}
.deve-list ul li{
  position: absolute;
  overflow: hidden;
}
.deve-list ul li img{
  width: 100%;
}
.deve-list ul li .im2{
  display: none
}
.deve-list ul li:hover .im1{
  display: none;
}
.deve-list ul li:hover .im2{
  display: inline-block;
}
.deve-list ul li.column1{
  top: 0;
  left: 7.05%;
  width: 42.475%;
}
.deve-list ul li.column2{
  top: 26.5%;
  left: 0;
  width: 49.27%;
}
.deve-list ul li.column3{
  bottom: -5.2%;
  left: 7.05%;
  width: 42.475%;
}
.deve-list ul li.column4{
  bottom: -5.2%;
  right: 7.05%;
  width: 42.475%;
}
.deve-list ul li.column5{
  top: 26.5%;
  right: 0;
  width: 49.27%;
}
.deve-list ul li.column6{
  top: 0;
  right: 7.05%;
  width: 42.475%;
}
.deve-list ul li .txt{
  position: absolute;
  top: 30%;
  text-align: center;
  color: rgba(255,255,255,0.7);
  font-size: 14px;
  width: 54%;
}
.deve-list ul li.column1 .txt{
  left: 32%;
  top: 32%;
}
.deve-list ul li.column2 .txt{
  top: 40%;
  left: 12%;
}
.deve-list ul li.column3 .txt{
  top: 47%;
    left: 29%;
  width: 60%;
}
.deve-list ul li.column4 .txt{
  top: 47%;
    left: 13%;
  width: 60%;
}
.deve-list ul li.column5 .txt{
  top: 40%;
  left: 35%;
}
.deve-list ul li.column6 .txt{
  left: 12%;
  width: 60%;
  top: 32%;
}

@media only screen and (max-width: 1600px){
  .deve-list ul li.column2 .txt{
    top: 32%;
  }
  .deve-list ul li.column3 .txt{
    top: 40%;
  }
  .deve-list ul li.column4 .txt{
    top: 40%;
    left: 11%;
  }
  .deve-list ul li.column6 .txt{
    top: 27%;
  }
  .indexpart3 .wrap .bg .s4{
    font-size: 20px;
  }
}
@media only screen and (max-width: 1280px){
  .deve-list ul li .txt{
    font-size: 12px;
  }
}
@media only screen and (max-width: 1024px){
  .indexpart3 .wrap .bg .s3{
    background: url(../images/img28b.png) center no-repeat;
    background-size: 77.3% auto;
  }
  .indexpart3 .wrap .bg .s4{
    display: none;
  }
  .deve-list{
    display: none;
  }
}
.indexpart3 .wrap .w1{
  float: left;
}
.indexpart3 .wrap .w2{
  float: right;
}
.indexpart3 .wrap>ul{
  width: 24.857%;
  overflow: hidden;
}
.indexpart3 .wrap>ul>li{
  margin-bottom: 20%;
  font-size: 0;
}
.indexpart3 .wrap>ul.w1>li{
  padding-right: 10%;
  text-align: right;
}
.indexpart3 .wrap>ul.w2>li{
  padding-left: 10%;
}
.indexpart3 .wrap ul li .con{
  display: inline-block;
  max-width: 230px;
  width: 100%;
  /*width: 66%;*/
  text-align: left;
}
.indexpart3 .wrap ul li .con .t1{
  position: relative;
  padding-left: 28%;
  overflow: hidden;
  color: #ffffff;
  font-size: 24px;
  font-family: "sym";
  margin-bottom: 15px;
}
.indexpart3 .wrap ul li .con .t1 .sp{
  position: absolute;
  left: 0;
  top: 6px;
  width: 28%;
  text-align: center;
  font-family: arial;
  color: #758ec7;
  font-size: 20px;
}
.indexpart3 .wrap ul li .con .t2{
  display: table;
  width: 100%;
  font-family: "syr";
  color: #bfd0f5;
  font-size: 16px;
  height: 108px;
  background: url(../images/img29.png) center no-repeat;
  background-size: 100% 100%;
}
.indexpart3 .wrap>ul>li:hover .con .t2{
  color: #ffffff;
  background: url(../images/img30.png) center no-repeat;
  background-size: 100% 100%;
}
.indexpart3 .wrap ul li .con .t2 ul{
  display: table-cell;
  vertical-align: middle;
  width: 100%;
  padding: 0 13%;
  overflow: hidden;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.indexpart3 .wrap ul li .con .t2 ul li{
  float: left;
  position: relative;
  width: 50%;
  text-align: left;
  margin: 5px auto;
  padding-left: 12%;
  padding-right: 6%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.indexpart3 .wrap ul li .con .t2 ul li:before{
  content: '';
  position: absolute;
  left: 0;
  top: 10px;
  width: 3px;
  height: 3px;
  border-radius: 50%;
  background-color: #f6f7fb;
}
/*免费获取方案立即体验*/
.indexpart4{
  padding-top: 4.2%;
  padding-bottom: 6.5%;
  background: #f9faff url(../images/img31.png) bottom center no-repeat;
  background-size: 100% auto;
}
.indexpart4 .box{
  max-width: 1450px;
  width: 100%;
  margin: auto;
  text-align: center;
  /*overflow: hidden;*/
}
.indexpart4 .box .txt{
  float: left;
  width: 33.33%;
  max-width: 240px;
  overflow: hidden;
  color: #222222;
  font-size: 40px;
  text-align: left;
}
.indexpart4 .box .quota{
  /*float: left;*/
  display: inline-block;
  width: 33.33%;
  text-align: center;
}
.indexpart4 .box .quota .t1{
  font-family: "sym";
  color: #666666;
  font-size: 24px;
  line-height: 64px;
  margin-bottom: 15px;
}
.indexpart4 .box .quota .t1 .sp{
  display: inline-block;
  vertical-align: top;
  margin: 0px 7px;
  width: 50px;
  height: 64px;
  line-height: 64px;
  font-family: "sym";
  color: #ff6a00;
  font-size: 40px;
  border-radius: 10px;
  text-align: center;
  background-color: #FFFFFF;
  box-shadow: 0px 7px 9px rgba(0,0,0,0.15);
}
.indexpart4 .box .quota .t2{
  font-family: "syr";
  color: #ff6a00;
  font-size: 16px;
}
.indexpart4 .box .btnbox{
  float: right;
  width: 33.33%;
  overflow: hidden;
  text-align: right;
  font-size: 0;
  margin-top: 15px;
}
.indexpart4 .box .btnbox a{
  display: inline-block;
  width: 41.4%;
  height: 50px;
  line-height: 50px;
  color: #ffffff;
  font-size: 18px;
  font-family: "sym";
  text-align: center;
  border-radius: 10px;
  margin-right: 8%;
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
  overflow: hidden;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.indexpart4 .box .btnbox a:last-child{
  margin-right: 0;
}
.indexpart4 .box .btnbox a.btn1{
  background: #3b4fa3;
  border: #3b4fa3 solid 1px;
}
.indexpart4 .box .btnbox a.btn2{
  background: #ff6a00;
  border: #ff6a00 solid 1px;
}
.indexpart4 .box .btnbox a.btn1:hover{
  background: none;
  color: #3b4fa3;
}
.indexpart4 .box .btnbox a.btn2:hover{
  background: none;
  color: #ff6a00;
}
/*实力鉴证，创新有为*/
.indexpart5{
  padding-top: 4.2%;
  padding-bottom: 5.2%;
  background: #fff;
  background-size:100%;
}
.indexpart5 .box{
  margin-top: 3.75%;
}
.indexpart5 .box .switch-box{
}
.caseli{
  position: relative;
  float: left;
  width: 23.125%;
  margin-right: 2.5%;
  margin-bottom: 2.5%;
  border-radius: 20px;
  /*background: #FFFFFF;
  box-shadow: 0px 5px 38px rgba(0,69,87, 0.09);*/
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  /*overflow: hidden;*/
  -webkit-perspective: 1000;
    perspective: 1000;
    transform-style: preserve-3d;
}
.caseli:nth-child(4n){
  margin-right: 0;
}
.m-ul .caseli a{
  display: block;
  width: 100%;
}
.related .caseli{
  width: 31.73%;
  margin-right: 2.4%;
  margin-bottom: 2.4%;
}
.related .caseli:nth-child(4n){
  margin-right: 2.4%;
}
.related .caseli:nth-child(3n){
  margin-right: 0;
}
.innovation .caseli{
  margin: 0 auto;
}
.caseli .above{
  
  /*background: #FFFFFF;*/
    position: relative;
    -webkit-transform: rotateX(0deg) rotateY(0deg);
    -webkit-transform-style: preserve-3d;
    -webkit-backface-visibility: hidden;
    -moz-transform: rotateX(0deg) rotateY(0deg);
    -moz-transform-style: preserve-3d;
    -moz-backface-visibility: hidden;
    transform: rotateY(0deg);
    -webkit-transition: all .4s ease-out;
    -moz-transition: all .4s ease-out;
    transition: all .4s ease-out;
    z-index: 24;
    /*box-shadow: 0px 5px 38px rgba(0,69,87, 0.09);
    border-radius: 10px;*/
}
.caseli:hover .above{
  z-index: 35;
    -webkit-transform: rotateY(180deg);
    -moz-transform: rotateY(180deg);
    transform: rotateY(180deg);
    -webkit-transition-delay: .2s;
    -moz-transition-delay: .2s;
    transition-delay: .2s;
}
.caseli .below{
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: #3d509f;
  background-size: cover;
  box-shadow: 0px 5px 38px rgba(0,69,87, 0.09);
    -webkit-transform: rotateY(-180deg);
    -webkit-transform-style: preserve-3d;
    -webkit-backface-visibility: hidden;
    -moz-transform: rotateY(-180deg);
    -moz-transform-style: preserve-3d;
    -moz-backface-visibility: hidden;
    transform: rotateY(-180deg);
    -moz-transition: all .4s ease-out;
    -webkit-transition: all .4s ease-out;
    transition: all .4s ease-out;
    z-index: 13;
    border-radius: 10px;
}
.caseli:hover .below{
  display: block;
    -webkit-animation: fadeIn 0.8s;
    animation: fadeIn 0.8s;
}
.caseli:hover .below{
  z-index: 46;
    -webkit-transform: rotateX(0deg) rotateY(0deg);
    -moz-transform: rotateX(0deg) rotateY(0deg);
    transform: rotateY(0deg);
    -webkit-transition-delay: .2s;
    -moz-transition-delay: .2s;
    transition-delay: .2s;
}
.caseli .img{
  width: 100%;
  overflow: hidden;
}
.caseli .img img{
  opacity: 0;
  width: 100%;
  -o-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
.caseli:hover .img img{
  opacity: 1;
}
.caseli .txt{
  /*position:absolute;*/
  top:0px;
  left:0px;
  /*background:rgba(0,0,0,0.4);*/
  z-index:2;
  width: 100%;
  height:100%;
  padding: 5% 5% 0 5%;
  border-radius: 20px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -o-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
.caseli .icon{
  text-align: center;
  -o-transition: all 0.4s ease;
  -ms-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
}
.caseli .icon img{
  border-radius: 20px;
  width:100%;
  height: 300px;
}
.caseli .above .title{
  /*margin-top:50%;*/
}
.caseli .title .t6{
  color: #000;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  margin-bottom: 10px;
  text-align:center;
    overflow: hidden;
    font-size: 18px;
    line-height: 30px;
}
.caseli .title .t7{ font-size:14px; color:#fff; }
.caseli .title .jt{margin-top:20px;}
.caseli .title .t8{
  color: #666666;
  line-height: 2;
  min-height: 120px;
}
.caseli .title .t8 li{
  margin-bottom: 5px;
}
.caseli .below .txt{background:none; padding:40px;}
.caseli .below .t6{font-size:20px;}
.caseli .below .t6, .caseli .below .t8{
  color: #FFFFFF;
  text-align:center;
  min-height:auto !important;
}
.caseli .below .t8{margin-top:30px; font-size:14px;}
.caseli .below .title .t6{
  margin-top: 7%;
  text-align:center;
}
.caseli .btn{
  margin-top: 15%;
  width: 100%;
  font-size: 0;
  text-align: center;
  -o-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
.caseli .btn a, .caseli .btn span{
  display: inline-block;
  vertical-align: top;
  min-width: 38%;
  border: #ffffff solid 1px;
  border-radius: 5px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  font-family: "syl";
  font-size: 14px;
  height: 40px;
  line-height: 38px;
  padding: 0 10px;
}
.caseli .btn a.b1,  .caseli .btn span.b1{
  background: #FFFFFF;
  color: #3d509f;
  margin-right: 6%;
}
.caseli .btn a.b2, .caseli .btn span.b2{
  color: #FFFFFF;
}
.caseli .btn a.b1:hover, .caseli .btn span.b1:hover{
  background: none;
  border: #fFFFFFF solid 1px;
  color: #FFFFFF;
}
.caseli .btn a.b2:hover, .caseli .btn span.b2:hover{
  background: #FFFFFF;
  color: #3d509f;
  border: #3d509f solid 1px;
}

.indexpart5 .allbtn a.btn1 {
    color: #3f509f;
    border: #3f509f solid 1px;
    margin-top:50px;
}

.alike .switch-tab{
}
.alike .switch-tab ul{
  text-align: center;
  font-size: 0;
}
.alike .switch-tab ul li{
  display: inline-block;
  vertical-align: top;
  padding: 0px 35px;
  cursor:pointer;
}
.alike .switch-tab ul li a, .alike .switch-tab ul li span{
  position: relative;
  display: block;
  padding: 0 10px 12px;
  color: #666666;
  font-size: 16px;
  font-family: "syn"; 
}
.alike .switch-tab ul li:hover a, .alike .switch-tab ul li.on a{
  color: #3d509f;
}
.alike .switch-tab ul li:hover span, .alike .switch-tab ul li.on span{
  color: #3d509f;
}
.alike .switch-tab ul li a:before, .alike .switch-tab ul li span:before{
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  width: 0;
  height: 3px;
  background: #3d509f;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
.alike .switch-tab ul li:hover a:before, .alike .switch-tab ul li.on a:before{
  width: 100%;
}
.alike .switch-tab ul li:hover span:before, .alike .switch-tab ul li.on span:before{
  width: 100%;
}
/*服务承诺页面内*/
.innovation .switch-box .oth{
  position: relative;
  padding: 0px 50px;
  overflow: hidden;
  margin-top: 3.1%;
}
.innovation .casebox{
  position: relative;
  width: 100%;
  overflow: hidden;
}
.innovation .casebox .swiper-slide{
  padding: 20px;
  box-sizing: border-box;
}
.innovation .casebox .caseli{
  float: none;
  width: 100%;
  /*box-shadow: 0px 5px 20px rgb(0,69,87,0.09);*/
}
.innovation .swiper-button-next, .innovation .swiper-button-prev {
    position: absolute;
    top: 50%;
    width: 9px;
    height: 18px;
    margin-top: -9px;
    z-index: 10;
    cursor: pointer;
    -moz-background-size: 9px 18px;
    -webkit-background-size: 9px 18px;
    background-size: 9px 18px;
    background-position: center;
    background-repeat: no-repeat;
}
.innovation .swiper-button-prev, .swiper-container-rtl .swiper-button-next {
    background-image: url(../images/img159.png);
    left: 0;
    right: auto;
}
.innovation .swiper-button-next, .swiper-container-rtl .swiper-button-prev{
    background-image: url(../images/img160.png);
    right: 0;
    left: auto;
}
.innovation .swiper-button-prev:hover{
  background-image: url(../images/img159a.png);
}
.innovation .swiper-button-next:hover{
  background-image: url(../images/img160a.png);
}
/*新闻资讯*/
.indexpart6{
  padding-top: 4.2%;
  padding-bottom: 6.25%;
  background: #f5f8ff;
}
.indexpart6 .box{
  margin-top: 40px;
}

.indexpart6 .box .wrap .indexnewlist ul li{
  position: relative;
  float: left;
  width: 48%;
  padding:2%;
  margin-right: 4%;
  background:#fff;
  border:2px solid #fff;
  box-shadow: 0px 2px 29px rgba(10,33,130,0.08);
  border-radius: 10px;
  overflow: hidden;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.indexpart6 .box .wrap .indexnewlist ul li:nth-child(2n){margin-right:0}
/*.indexpart6 .box .wrap .indexnewlist ul li .bg{
  width: 100%;
  overflow: hidden;
}
.indexpart6 .box .wrap .indexnewlist ul li .bg img{
  opacity: 0;
  -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
}*/
.indexpart6 .box .wrap .indexnewlist ul li:hover{border:2px solid #3d509f;}
.indexpart6 .box .wrap .indexnewlist ul li > a{
  width: 100%;
  height: 100%;
  overflow: hidden;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.indexpart6 .box a{
  position: relative;
  display: block;
  width: 100%;
  overflow: hidden;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.indexpart6 .box .img{
  position: relative;
  width: 40%;
  float:left;
}
.indexpart6 .box .img img{
  width: 100%;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
/*.indexpart6 .box .l-wrap:hover .img img,
.indexpart6 .box .r-wrap:hover .img img,
.indexpart6 .box .switch-li ul li:hover .img img{
  opacity: 1;
}*/


.indexpart6 .box .txt{
  /*position: relative;
  z-index: 1;*/
  width: 55%;
  float:left;
  margin-left:5%;
  height: 100%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.indexpart6 .box .txt .title {
  min-height: 80%;
}
.indexpart6 .box .txt .title .t4{
  font-family: "syn";
  color: #3d509f;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}
.indexpart6 .box .txt .title .t8{
  margin-top: 15px;
  color: #666666;
  line-height: 2;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  line-height:26px;
}
.indexpart6 .box .txt .other{
  width: 100%;
  overflow: hidden;
}
.indexpart6 .box .txt .other .more{
  float: left;
  display: inline-block;
  font-family: arial;
  color: #3d509f;
  font-size: 14px;
  background:url(../images/new-jt-b.png) right 10px center no-repeat;
  border-radius:5px;
  border:1px solid #3d509f;
  padding:5px 35px 5px 20px;
  margin-top:15px;
}
.indexpart6 .box .wrap .indexnewlist ul li:hover .more{
  background:#3d509f url(../images/new-jt-w.png) right 10px center no-repeat;
  color: #fff;
}
.indexpart6 .box .txt .date{
  
  font-family: arial;
  font-size: 14px;
  color: #999999;
  margin-top:10px;
  margin-bottom:10px;
}
.indexpart6 .box .wrap .l-wrap a{
  padding: 4.78%;
}
.indexpart6 .box .wrap .l-wrap a .txt{
  padding: 0 6%;
}
/*.indexpart6 .box .wrap .r-wrap a .txt, .indexpart6 .box .switch-li ul li a .txt{
  padding: 9%;
}*/
.indexpart6 .box .wrap .l-wrap .img{
  float: left;
  width: 42.1%;
  overflow: hidden;
  position: static;
}
.indexpart6 .box .wrap .l-wrap .img img{
  width: 100%;
  opacity: 1;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
.indexpart6 .box .wrap .l-wrap:hover .img img{
  -webkit-transform: scale(1.2);
  transform: scale(1.2);
}
.indexpart6 .box .wrap .l-wrap .txt{
  position: relative;
  z-index: 1;
  float: left;
  width: 57.9%;
  padding-top: 2.5%;
  padding-left: 6.3%;
  overflow: hidden;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.indexpart6 .box .wrap .r-wrap{
  position: relative;
  float: left;
  width: 31.2%;
  box-shadow: 0px 2px 29px rgba(10,33,130,0.08);
  border-radius: 10px;
  overflow: hidden;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.indexpart6 .box .switch-li ul{
  font-size: 0;
}
.indexpart6 .box .switch-li ul li{
  display: inline-block;
  vertical-align: top;
  width: 31.2%;
  margin-right: 3.2%;
  margin-top: 3.2%;
  box-shadow: 0px 2px 29px rgba(10,33,130,0.08);
  border-radius: 10px;
  overflow: hidden;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
/*.indexpart6 .box .switch-li ul li:nth-child(3n){
  margin-right: 0;
}
.indexpart6 .box .l-wrap:hover .txt .title .t4{
  color: #3d509f;
}
.indexpart6 .box .r-wrap:hover .txt .title .t4,
.indexpart6 .box .switch-li ul li:hover .txt .title .t4{
  color: #FFFFFF;
}
.indexpart6 .box .r-wrap:hover .txt .title .t8,
.indexpart6 .box .switch-li ul li:hover .txt .title .t8{
  color: #FFFFFF;
}
.indexpart6 .box .r-wrap:hover .txt .other .more, .indexpart6 .box .r-wrap:hover .txt .other .date{
  color: #FFFFFF;
}
.indexpart6 .box .switch-li ul li:hover .txt .other .more, .indexpart6 .box .switch-li ul li:hover .txt .other .date{
  color: #FFFFFF;
}*/


/*案例*/
.case{
  padding-top: 20px;
  padding-bottom: 20px;
  background: #f6f9fe;
}
.case .content{
  max-width: 1530px;
  width: 100%;
  margin: auto;
}
.caselist{width: 100%; margin:60px auto;}
.caselist ul{margin:0px; padding: 0px;}
.caselist ul li{width: 30%; padding: 1%; margin-right:2%;margin-bottom: 2%; float:left; background: #fff; text-align: center;}
.caselist ul li:nth-child(3n+3){margin-right: 0px;}
.caselist ul li:hover{background: #3d509f;}
.caselist ul li .txt{width: 100%;}
.caselist ul li:hover .txt{color:#fff;}
.caselist ul li .img img{width: 100%; height: 300px;}
.caselist ul li .title{margin:30px auto;}
.caselist ul li .title .t8{margin-top: 5px;}

.case .box{
  background-color: #ffffff;
  padding: 2% 4.2%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.case .box .tit{
  float: left;
  color: #222222;
  font-size: 18px;
  font-family: "sym";
  line-height: 40px;
}
.case .box .search{
  float: right;
  width: 300px;
  overflow: hidden;
}
.case .box .search .inputdiv{
  float: left;
  width: 76.6%;
  border-radius: 5px;
  border: #e5e5e5 solid 1px;
  padding: 0 15px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.case .box .search .inputdiv input{
  width: 100%;
  height: 38px;
  line-height: 38px;
  color: #666666;
  font-size: 16px;
  background: none;
  outline: none;
  border: none;
}
.case .box .search .btn{
  float: right;
  width: 20%;
  height: 40px;
  background-color: #3d509f;
  border-radius: 5px;
}

.case .box .search .btn input{
  width: 100%;
  height: 38px;
  line-height: 38px;
  font-family: "syn";
  color: #f6f8fa;
  font-size: 18px;
  background: none;
  outline: none;
  border: none;
}
.case .box .box2{
  margin-top: 15px;
  border-top: #eeeeee solid 1px;
}
.case .box .box2 ul{
  overflow: hidden;
}
.case .box .box2 .a-more{
  color: #666666;
  font-size: 14px;
  text-align: right;
  margin-top: 10px;
}
.case .box .box2 ul li{
  float: left;
  margin-right: 50px;
}
.case .box .box2 ul li a{
  position: relative;
  color: #666666;
  font-size: 18px;
  font-family: "syn";
  line-height: 2;
  padding: 15px 12px;
}
.case .box .box2 ul li.on a, .case .box .box2 ul li:hover a{
  color: #3d509f;
}
.case .box .box2 ul li a:before{
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  margin: auto;
  width: 0;
  height: 3px;
  background-color: #3d509f;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
.case .box .box2 ul li.on a:before, .case .box .box2 ul li:hover a:before{
  width: 100%;
}
.case .wrap>ul{
  margin-top:20px;
  margin-bottom: 20px;
}
/*分页*/
.page{
    width: 100%;
    text-align: center;
}
.page-list{
  font-size: 0;
}
.page-list a{
  display: inline-block;
  vertical-align: top;
    padding: 0px 10px;
    min-width: 40px;
    height: 40px;
    line-height: 40px;
  margin-bottom: 5px;
  margin-right: 24px;
    text-align: center;
    font-family: arial;
    font-size: 16px;
    color: #666666;
    border-radius: 5px;
    overflow: hidden;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.pagenum{display: inline;}
.page-list a.fyprev{
  border: none;
  
}
.page-list a.fynext{
  border: none;
  
}
.page-list a.fyprev:hover{
  border: none;
 
}
.page-list a.fynext:hover{
  border: none;
 
}
.page-list a:hover,
.page-list a.Ahover{
    color: #ffffff;
    background-color: #3b4fa3;
}
.page-list .total{
  display: inline-block;
  vertical-align: top;
  margin-left: 10px;
  font-family: "syl";
  color: #666666;
  font-size: 16px;
  line-height: 40px;
}


.comnav{
  position: relative;
  z-index: 11;
  width: 100%;
  background: #ffffff;
  box-shadow: 0px 2px 25px rgba(61,80,159,0.13);
}
.comnav.fixed{
  position: fixed;
  left: 0;
  top: 120px;
  z-index: 11;
}
.comnav ul{
  text-align: center;
  font-size: 0;
}
.comnav ul li{
  display: inline-block;
  vertical-align: top;
  margin: 0 20px;
}
.comnav ul li span{
  position: relative;
  display: block;
  padding: 0px 20px;
  color: #222222;
  font-size: 18px;
  font-family: "syr";
  line-height: 80px;
  cursor: pointer;
}
.comnav ul li.on span, .comnav ul li:hover span{
  color: #3d509f;
}
.comnav ul li span:before{
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  width: 0;
  height: 3px;
  background: #3d509f;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
.comnav ul li.on span:before, .comnav ul li:hover span:before{
  width: 100%;
}

.syssheji{padding-top: 20px; padding-bottom: 20px;background: #f7f9fe;}
.shejilist{width: 100%; margin: 20px auto;}
.shejilist ul{margin:0px; padding: 0px;}
.shejilist ul li{width: 23.5%; margin-right: 2%; margin-bottom: 2%; float:left; padding: 0 0 20px; text-align: center; background: #fff; overflow:hidden;}
.shejilist ul li:nth-child(4n+4){margin-right: 0;}
.shejilist ul li:hover{ box-shadow: 0px 1px 29px rgba(18,27,67,0.15);}
.shejilist ul li .icon{margin-bottom: 20px;}
.shejilist ul li .tit{font-size: 20px; font-weight: bold;}

.shejilist ul li .icon img{
  width: 100%;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
.shejilist ul li:hover .icon img{
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}

.viewjiaju .name{width:90%; padding:10px 5%; background:#f3f5fd; font-size:30px; margin-bottom:20px;}
.viewjiaju .sjname{width: 100%; text-align: center; font-size: 36px; line-height: 36px;margin-bottom: 10px;}
.viewjiaju .sjtime{width: 100%; text-align: center; font-size: 18px; line-height: 20px; margin:20px auto 50px;}
.viewjiaju .viewjiaju-desc{width:100%;}
.viewjiaju .viewjiaju-desc h3{background:#3d509f; border-radius:50px; padding:10px 30px; color:#fff;    margin-top: 30px; margin-bottom: 20px; display: table; position:relative;}
.viewjiaju .viewjiaju-desc h3:before{
  content: '';
  position: absolute;
  bottom: -10px;
  left: 30px;
  right: 0;
  width: 0;
  height: 0px;
  transition: All 0.5s ease;
    -webkit-transition: All 0.5s ease;
    -moz-transition: All 0.5s ease;
    -o-transition: All 0.5s ease;
    cursor: pointer;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-top: 10px solid #3d509f;
}
.viewjiaju .viewjiaju-desc h4{font-size:20px; color:#3d509f; line-height:40px;}
.viewjiaju .viewjiaju-desc p{color:#666; line-height:30px; margin-bottom: 10px;}
.viewjiaju .viewjiaju-desc p img{max-width: 100%;}

.viewjiaju .shejibox{width: calc(100% - 2px); border:1px solid #f3f5fd; margin-bottom: 20px; display: table;}
.viewjiaju .shejibox .l_box{width: 30%; float:left; background: #f3f5fd;}
.viewjiaju .shejibox .l_box img{max-width: 100%;}
.viewjiaju .shejibox .r_box{width: 60%; padding:5% 5%; float:right; text-align: left;}
.viewjiaju .shejibox .r_box .sheji_name{font-size: 30px; margin-bottom:30px; }
.viewjiaju .shejibox .r_box .sheji_text{font-size: 18px; line-height: 30px;}


.ms-showcase2-template {padding-bottom: 155px;}
.ms-showcase2-template .ms-view{background: transparent;}
.ms-showcase2-template .ms-bar {background: black !important;}
.ms-showcase2-template .ms-tabs-vertical-template {margin: 0 auto;}

.ms-showcase2-template.ms-dir-v {
  padding-left: 140px;
  padding-bottom:0 !important;
}

.ms-showcase2-template .ms-thumb-list.ms-dir-h {
  bottom: -145px;
  width: 100%;
  height: 130px;
}

.ms-showcase2-template .ms-thumb-list.ms-dir-v {
  height: 100%;
  width: 130px;
  left: -140px;
  top: 0;
}

.ms-showcase2-template .ms-thumb-list .ms-thumb-frame {
  width: 126px;
  height: 126px;
  opacity: 0.5;
  border: 2px solid #b7c2e4;
  -webkit-transition: opacity 300ms;
  -moz-transition: opacity 300ms;
  -ms-transition: opacity 300ms;
  -o-transition: opacity 300ms;
  transition: opacity 300ms;
}

.ms-showcase2-template .ms-thumb-frame { cursor: pointer; }
.ms-showcase2-template .ms-thumb-list.ms-dir-h .ms-thumb-frame{ margin-right:10px; }
.ms-showcase2-template .ms-thumb-list.ms-dir-v .ms-thumb-frame{ margin-bottom:10px;}
.ms-showcase2-template .ms-thumb-list .ms-thumb-frame-selected{ opacity: 1; border:2px solid #3d509f;}

@media (max-width: 400px) {
  
  .ms-showcase2-template .ms-thumb-list.ms-dir-v {
    width: 64px;
    right: -70px;
   }
   
   .ms-showcase2-template .ms-thumb-list .ms-thumb-frame {
    width: 64px;
    height: 64px;
  }
  .ms-showcase2-template {padding-bottom: 75px;}
  .ms-showcase2-template.ms-dir-v {padding-right: 70px;}
 }
 
@media (max-width: 200px) {
  .ms-showcase2-template .ms-thumb-list{display: none; }
  .ms-showcase2-template {padding-bottom: 0px;}
  .ms-showcase2-template.ms-dir-v {padding-right: 0px;}
}

.yunwei{padding-top:20px; padding-bottom: 20px; }
.yunwei .yunwei_box{margin-top: 20px; display: table; width: 100%;}
.yunwei .yunwei_box .l-box{width: 45%; float:left;}
.yunwei .yunwei_box .l-box img{width: 100%;}
.yunwei .yunwei_box .r-box{width: 53%; margin-left: 2%; float:left;}
.yunwei .yunwei_box .r-box .t2{font-size: 30px; margin: 10px 0 30px;}
.yunwei .yunwei_box .r-box .t6 p{margin-bottom: 20px; font-size: 18px; line-height: 30px; color:#333;}



/*案例详情*/
.case-detail{
  padding-top: 20px;
  padding-bottom:20px;
}
.case-detail .content{
  padding-top: 20px;
}
.case-detail .box, .service-details .related .box{
  position: relative;
  max-width: 1400px;
  width: 100%;
  margin: auto;
  /*overflow: hidden;*/
}
.case-detail .l-box{
  float: left;
  width: 200px;
  height: -moz-calc(100vh - 200px);
  height: -webkit-calc(100vh - 200px);
  height: calc(100vh - 200px);
}
.case-detail .l-box .w1, .case-detail .l-box .w2, .new-detail .box .r-box .w2{
  background: #FFFFFF;
  border: #eeeeee solid 1px;
  margin-bottom: 30px;
}
.case-detail .l-box .w1{
  
  margin-bottom: 30px;
}
.case-detail .l-box .w1 .img{
  width: 100%;
  overflow: hidden;
  margin-bottom: 25px;
}
.case-detail .l-box .w1 .img img{
  max-width: 100%;
}
.new-detail .box .r-box .w2{
  margin-top: 35px;
}
.case-detail .l-box .w2 .title .t6, .case-detail .l-box .w1 .title .t6, .new-detail .box .r-box .w2 .title .t6{
  line-height: 60px;
  border-bottom: #eeeeee solid 1px;
  background: #3d509f;
  color:#fff;
  padding-left: 9%;
}
.case-detail .l-box .w2 .title .t3, .new-detail .box .r-box .w2 .title .t3{
  font-family: "syl";
}
.case-detail .l-box .w2 .title .t3 ul, .new-detail .box .r-box .w2 .title .t3 ul{
  padding: 20px 9%;
  background: #f3f5fd;
}
.case-detail .l-box .w2 .title .t3 ul li{border-bottom: 1px solid #dee2f2; height: 42px;}
.case-detail .l-box .w2 .title .t3 ul li:first-child{line-height: 42px; font-size: 18px; font-weight: bold;}
.case-detail .l-box .w2 .title .t3 ul li:last-child{border-bottom: 0px; font-size: 18px; }

.case-detail .l-box .w2 .title .t3 ul li img{float:left; margin-right: 20px; }
.case-detail .l-box .w2 .title .t3 ul li span{float:left;}
.case-detail .l-box .w2 .title .t3 ul li,.new-detail .box .r-box .w2 .title .t3 ul li{
  margin-bottom: 10px;

}

.case-detail .l-box .caseul{width: 100%; display: table;}
.case-detail .l-box .caseul ul{margin:0px; padding:0px;}
.case-detail .l-box .caseul ul li{ padding:10px 9%; border-bottom: 1px solid #e8e8e8; text-align: left; float:left; width: 82%; font-size: 16px;}
.case-detail .l-box .caseul ul li.cur,.case-detail .l-box .caseul ul li:hover{background: #f3f5fd; }
.case-detail .l-box .caseul ul li.cur a,.case-detail .l-box .caseul ul li:hover a{color:#3d509f;}
.case-detail .l-box .w2 .btn, .new-detail .box .r-box .w2 .btn{
  width: 82%;
  margin: 25px auto 0;
  overflow: hidden;
  text-align: center;
}
.case-detail .l-box .w2 .btn a,  .new-detail .box .r-box .w2 .btn a{
  float: left;
  width: 47.3%;
  margin-right: 5.4%;
  font-family: "syr";
  font-size: 16px;
  color: #ffffff;
  line-height: 38px;
  border-radius: 5px;
  overflow: hidden;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -o-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
.case-detail .l-box .w2 .btn a:nth-child(2n),  .new-detail .box .r-box .w2 .btn a:nth-child(2n){
  margin-right: 0;
}
.case-detail .l-box .w2 .btn a.btn1, .new-detail .box .r-box .w2 .btn a.btn1{
  background: #3d509f;
  border: #3d509f solid 1px;
}
.case-detail .l-box .w2 .btn a.btn2, .new-detail .box .r-box .w2 .btn a.btn2{
  background: #ff6a00;
  border: #ff6a00 solid 1px;
}
.case-detail .l-box .w2 .btn a.btn1:hover, .new-detail .box .r-box .w2 .btn a.btn1:hover{
  background: none;
  color: #3d509f;
}
.case-detail .l-box .w2 .btn a.btn2:hover, .new-detail .box .r-box .w2 .btn a.btn2:hover{
  background: none;
  color: #ff6a00;
}
.case-detail .r-box{
  float: right;
  width: -moz-calc(100% - 200px);
  width: -webkit-calc(100% - 200px);
  width: calc(100% - 200px);
  padding-left: 3%;
  overflow: hidden;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.case-detail .r-box #wrap>li{
  padding-bottom: 50px;
  border-bottom: #eeeeee solid 1px;
}
.case-detail .r-box #wrap>li:last-child{
  border-bottom: none;
}
.case-detail .r-box #wrap>li .box{
  padding-top: 40px;
}
.case-detail .r-box .text .t7{
  margin-bottom: 25px;
}
.case-detail .r-box .text .t3{
  font-family: "syl";
}
.case-detail .r-box .text .t3 p{
  margin-top:15px;
}
.case-detail .r-box .text .t3 img{width: 100%;}
.case-detail .r-box .text ul.t3{
  margin-top: 30px;
  background: #f6f9fe;
  padding: 1% 3.8%;
  color: #222222;
  font-size: 24px;
}
.case-detail .r-box .text ul.t3 li{
  margin-bottom: 5px;
}
.case-detail .r-box .text ul.t3 li:last-child{
  margin-bottom: 0;
}

.case-detail .r-box .tit{
  font-family: "sym";
  color: #222222;
  font-size: 18px;
}
.s-module ul li{
  float: left;
  min-width: 22%;
  width: auto;
  margin-right: 2.8%;
  margin-bottom: 15px;
  border-radius: 5px;
  overflow: hidden;
}
.s-module ul li:nth-child(4n), .s-module ul li:last-child{
  margin-right: 0;
}
.s-module ul li span, 
.s-module ul li a{
  position: relative;
  display: block;
  width: 100%;
  padding-left: 14%;
  padding-right: 14%;
  background: #FFFFFF;
  font-family: "syr";
  color: #222222;
  font-size: 16px;
  height: 70px;
  line-height: 70px;
  overflow: hidden;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
}
.s-module ul li span .sp, 
.s-module ul li a .sp{
  position: absolute;
  right: 7%;
  top: 0;
  font-family: arial;
  font-weight: bold;
  color: #e3e7f2;
  font-size: 16px;
}
.s-module ul li:hover span, 
.s-module ul li:hover a{
  background: #ff6a00;
}
.s-module ul li:hover span, 
.s-module ul li:hover a{
  color: #ffffff;
}
.s-module ul li:hover span .sp, 
.s-module ul li:hover a .sp{
  color: #ff8647;
}
.case-detail .r-box .contract{
  width: 100%;
  overflow: hidden;
}
.case-detail .r-box .contract .title{
  float: left;
  width: 48%;
  overflow: hidden;
  padding-top: 30px;
}
.case-detail .r-box .contract .title .t3{
  color: #666666;
  font-family: "syl";
}
.case-detail .r-box .contract .imgbox{
  float: right;
  width: 40%;
}
.case-detail .r-box .contract .imgbox .img{
  text-align: center;
  margin: 25px;
}
.case-detail .r-box .contract .imgbox .img img{
  display: inline-block;
  padding: 20px;
  background-color: #FFFFFF;
  box-shadow: 0px 1px 29px rgba(61,80,159,0.15);
}
.case-detail .r-box .contract .swiper-container{
  padding-bottom: 25px;
}
.case-detail .r-box .contract .swiper-pagination-bullet {
    width: 10px;
    height: 10px;
    display: inline-block;
    border-radius: 100%;
    background: #d8dcec;
    opacity: 1;
}
.case-detail .r-box .contract .swiper-pagination-bullet-active {
    opacity: 1;
    background: #ff6a00;
}
.case-detail .r-box .completed .title .t3{
  color: #666666;
  font-family: "syl";
}
.case-detail .r-box .completed .img{
  margin-top: 40px;
}
.case-detail .r-box .btnbox, .new-detail .l-box .btnbox{
  text-align: center;
  overflow: hidden;
  margin-top: 20px;
}
.new-detail .l-box .btnbox{
  border-top: #e5e5e5 solid 1px;
  padding-top: 45px;
}
.case-detail .r-box .btnbox a, .new-detail .l-box .btnbox a{
  display: inline-block;
  width: 160px;
  height: 50px;
  line-height: 48px;
  font-family: "syr";
  color: #222222;
  font-size: 16px;
  border: #eeeeee solid 1px;
  border-radius: 5px;
  background: #ffffff;
  overflow: hidden;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
}
.new-detail .l-box .btnbox a{
  font-family: "syl";
  color: #666666;
}
.case-detail .r-box .btnbox .prev, .new-detail .l-box .btnbox .prev{
  float: left;
}
.case-detail .r-box .btnbox .next, .new-detail .l-box .btnbox .next{
  float: right;
}
.case-detail .r-box .btnbox a:hover, .new-detail .l-box .btnbox a:hover{
  color: #FFFFFF;
  background: #3f509f;
}
.case-detail .r-box .related{
  margin-top: 6.7%;
}


/*关于我们*/
.aboutbox{
}

.abnav ul{
  text-align: center;
  font-size: 0;
  margin-top: 4%;
}
.abnav ul li{
  display: inline-block;
  vertical-align: top;
  width: 16.25%;
  margin: 0 1%;
  border-radius: 10px;
  overflow: hidden;
  background: #f7f7f7;
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
}
.abnav ul li:hover, .abnav ul li.on{
  background: #3f509f;
}
.abnav ul li a{
  display: block;
  width: 100%;
  height: 100px;
  line-height: 100px;
  color: #3f509f;
  font-size: 20px;
  font-family: "syr";
}
.abnav ul li:hover a, .abnav ul li.on a{
  color: #FFFFFF;
}
.abnav ul li a img{
  display: inline-block;
  vertical-align: middle;
  margin-right: 12px;
}
.abnav ul li a img.ic2{
  display: none;
}
.abnav ul li:hover a img.ic1, .abnav ul li.on a img.ic1{
  display: none;
}
.abnav ul li:hover a img.ic2, .abnav ul li.on a img.ic2{
  display: inline-block;
}
/*董事长致辞*/
.speech{
  margin-top: 3%;
  padding-top: 6%;
  padding-bottom: 6%;
  background: #f2f4fc url(../images/yyly_bg.jpg) no-repeat top right ;
}
.speech .box{
  max-width: 1450px;
  width: 100%;
  margin: 80px auto;
  overflow: hidden;
}
.speech .l-box{
  float: left;
  width: 40%;
  padding-right: 5%;
  overflow: hidden;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.speech .l-box img{
  max-width: 100%;
}

.speech .r-box{
  float: right;
  width: 95%;
  padding-left: 5%;
  overflow: hidden;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.speech .r-box .title{
  color: #222222;
}
.speech .r-box .title .t7{
 font-size:30px;
}
.speech .r-box .title .t9{
  margin-top: 10px;
  line-height: 2;
}
.speech .r-box .fwly{width:80%; margin-top:50px;}
.speech .r-box .fwly li{width:calc(50% - 20px); background:url(../images/lingxing.png) left center no-repeat; padding-left:20px; height:30px;line-height:30px; font-size:20px; font-weight:bold; margin-bottom:10px; float:left;}


/*关于我们*/
.about{
  padding-top: 3.9%;
  padding-bottom: 5.7%;
}
.about .content{
  max-width: 1400px;
  width: 100%;
  margin: auto;
}
.aboutbox .a-title{
  width: 100%;
    display: table;
    margin-bottom:20px;
}
.aboutbox .a-title .t1{
  font-family: "syb";
  color: #3d509f;
  font-size: 48px;
  margin-bottom: 6px;
  float:left;
}
.aboutbox .a-title .t2{
  text-transform: uppercase;
  font-family: arial;
  color: #3d509f;
  font-size: 24px;
  float:left;
  margin-top:25px;
}
.aboutbox .a-title.oth .t1{
  color: #222222;
}
.about .box{
  margin-top: 3.4%;
}
.about .box .l-box{
  float: left;
  width: 52.88%;
  overflow: hidden;
}
.about .box .l-box .title .t9{
  font-family: "微软雅黑";
  color: #666666;
  line-height: 2;
}
.about .box .r-box{
  position: relative;
  float: right;
  width: 41%;
  overflow: hidden;
  border-radius: 20px;
}
.about .box .r-box .videoimg{
  width: 100%;
  overflow: hidden;
}
.about .box .r-box .videoimg img{
  width: 100%;
}
.about .box .r-box .icon{
  position: absolute;
  left: 50%;
  top: 50%;
  -o-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  max-width: 12%;
}
.about .box .r-box .icon img{
}
.about .box .r-box .icon .spin{
    position: absolute;
    left: 0;
    top: 0;
    -webkit-animation: spin 2s linear infinite;
    animation: spin 2s linear infinite;
}
/*企业文化*/
.culture{
  max-width: 1400px;
  width: 100%;
  margin: 6% auto 0;
}
.culture ul{
  /*overflow: hidden;
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;*/
}
.culture ul li{
  display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    float: left;
    width: 31%;
    height: 145px;
    border: 1px solid #e5e5e5;
    margin-top: 20px;
    margin-right: 3.5%;
    padding: 0px 25px;
    border-radius: 10px;
    overflow: hidden;
    -webkit-transition: all 0.4s ease;
    transition: all 0.4s ease;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.culture ul li:nth-child(3n){
  margin-right: 0;
}
.culture ul li:hover{
  -webkit-transform: translateY(-5px);
  transform: translateY(-5px);
  box-shadow: 0px 1px 21px rgba(34,24,21,0.15);
}
.culture ul li img{
  width: 70px;
    height: 70px;
    margin-right: 15px;
}
.culture ul li .info {
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    font-family: "微软雅黑";
    font-size: 16px;
    color: #666666;
    line-height: 24px;
}
.culture ul li .info .bt{
    color: #3d509f;
    font-size: 22px;
    padding-bottom: 5px;
}
/*核心人员*/
.key{
  padding-top: 3.9%;
  padding-bottom: 3.9%;
  background: #f6f9fe;
}
.key .content{
  max-width: 1400px;
  width: 100%;
  margin: auto;
}
.key .box{
  margin-top: 50px;
}
.key .box>ul{
  font-size: 0;
}
.key .box>ul>li{
  position: relative;
  display: inline-block;
  vertical-align: top;
  width: 48.66%;
  margin-right: 2.68%;
  margin-bottom: 3.33%;
  overflow: hidden;
  font-size: 0;
  background: #ffffff;
  border-radius: 10px;
  -o-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
.key .box>ul>li:nth-child(2n){
  margin-right: 0;
}
/*.key .box>ul>li:hover{
  background: #3d509f;
}*/
.key .box>ul>li:before{
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: #3d509f;
  opacity: 0;
  -o-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
.key .box>ul>li:hover:before{
  opacity: 1;
}
.key .box ul li .img{
  position: relative;
  z-index: 1;
  display: inline-block;
  vertical-align: middle;
  /*float: left;*/
  width: 39.7%;
  border-radius: 10px;
  text-align: center;
  overflow: hidden;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -o-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
.key .box ul li .img img{
  position: relative;
  z-index: 1;
  width: 100%;
  -o-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
.key .box ul li:hover .img img{
  -o-transform: scale(1.06);
  -ms-transform: scale(1.06);
  -moz-transform: scale(1.06);
  -webkit-transform: scale(1.06);
  transform: scale(1.06);
}
.key .box ul li .img:before{
  content: '';
  position: absolute;
  left: 50%;
  top: 50%;
  -o-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  z-index: 2;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  opacity: 0;
  border: #3d509f solid 200px;
  -o-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
.key .box ul li:hover .img:before{
  opacity: 1;
  width: 270px;
  height: 270px;
}
.key .box ul li .txt{
  /*float: left;*/
  display: inline-block;
  vertical-align: middle;
  position: relative;
  z-index: 1;
  width: 60.3%;
  overflow: hidden;
  padding-left: 5.5%;
  padding-right: 4.8%;
  margin-top: 10px;
  overflow: hidden;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.key .box ul li .txt .tit{
  overflow: hidden;
  padding-bottom: 15px;
  border-bottom: #eeeeee solid 1px;
}
.key .box ul li:hover .txt .tit{
  border-bottom: rgba(255,255,255,0.4) solid 1px;
}
.key .box ul li .txt .tit .t1{
  float: left;
  color: #222222;
  font-size: 24px;
  font-family: "syb";
}
.key .box ul li .txt .tit .t2{
  float: right;
  color: #666666;
  font-size: 16px;
  line-height: 2.25;
  font-family: "syl";
}
.key .box ul li:hover .txt .tit .t1, .key .box ul li:hover .txt .tit .t2, .key .box ul li:hover .txt ul li{
  color: #FFFFFF;
}
.key .box ul li .txt ul{
  margin-top: 15px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4;
  overflow: hidden;
}
.key .box ul li .txt ul li{
  position: relative;
  padding-left: 25px;
  font-family: "syl";
  color: #666666;
  font-size: 16px;
  line-height: 2;
}
.key .box ul li .txt ul li:last-child{
  margin-bottom: 0;
}
.key .box ul li .txt ul li:before{
  content: '';
  position: absolute;
  left: 0;
  top: 13px;
  width: 4px;
  height: 4px;
  border-radius: 50%;
  border: #c8d0eb solid 1px;
}
.key .box ul li .txt .see{
  text-align: right;
  margin-top: 15px;
}
.key .box ul li .txt .see a{
  text-decoration: underline;
  color: #3d509f;
  font-size: 14px;
  font-family: "syl";
  text-align: left;
  line-height: 22px;
  padding-right: 30px;
  background: url(../images/img64.png) center right no-repeat;
}
.key .box ul li:hover .txt .see a{
  color: #FFFFFF;
  background: url(../images/img65.png) center right no-repeat;
}
.key .box .more{
  text-align: center;
  margin-top: 5%;
}
.key .box .more a{
  display: inline-block;
  min-width: 130px;
  height: 42px;
  line-height: 42px;
  color: #3d509f;
  font-size: 14px;
  font-family: "syl";
  border: #3d509f solid 1px;
  border-radius: 5px;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
.key .box .more a:hover{
  color: #FFFFFF;
  background: #3d509f;
}
/*实力*/
.strength{
  padding-bottom: 4.2%;
}
.strength .box .tabs{
  position: relative;
    max-width: 1400px;
    width: 100%;
    margin: auto;
}
.strength .box .tabs ul li{
  position: relative;
  float: left;
  width: 32.66%;
  margin-right: 1%;
}
.strength .box .tabs ul li:nth-child(3n){
  margin-right: 0;
}
.strength .box .tabs ul li a{
  height: 80px;
    background: #ddd;
    font-size: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #333;
    transition: .3s;
    border-radius: 10px;
}
.strength .box .tabs ul li.active a {
    background: #3f509f;
    color: #fff;
}
.strength .box .tabs ul li.active a:after{
  content: "";
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    margin: auto;
    width: 0;
    height: 0;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-top: 10px solid #3f509f;
}
.strength .tabbox{
  position: relative;
  margin: 0px auto 0px;
  max-width: 1400px;
  width: 83.33%;
}
.swiper-box{
  position: relative;
  max-width: 1400px;
  width: 100%;
  overflow: hidden;
  padding-bottom: 40px;
  margin: auto;
}
.swiper-box .wrap{
  width: 100%;
  overflow: hidden;
}
.swiper-box .wrap .l-wrap{
  float: left;
  width: 100%;
  overflow: hidden;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.swiper-box .wrap .l-wrap .big-img{width:calc(50% - 20px); float:left; margin-right:20px;}
.swiper-box .wrap .l-wrap .big-img2{width:48.3%; float:left;}
.swiper-box .wrap .r-wrap{
  float: right;
  width: 100%;
  margin-top:20px;
  overflow: hidden;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.swiper-box .wrap .r-wrap ul li{
  float: left;
  width: -moz-calc((100% - 40px) /2);
  width: calc((100% - 40px) / 2);
  margin-right: 20px;
  margin-bottom: 20px;
  
}
.swiper-box .wrap .r-wrap ul li:nth-child(3n){
  margin-right: 0;
}

.swiper-box .wrap .l-wrap2{width:100%;}
.swiper-box .wrap .r-wrap2{width:35.5%; float:right;}
.swiper-box .wrap .r-wrap2 ul li{margin-bottom:20px;}
.swiper-box .wrap .r-wrap2 ul li:nth-child(2){margin-bottom:0px;}
.scjdtext{margin:80px auto; line-height:40px;}
.scjdtext p{font-size:16px; margin-bottom:30px; color:#333;}
.swiper-box .wrap .item{
  position: relative;
    width: 100%;
    overflow: hidden;
}
.swiper-box .wrap .item img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: .3s;
}
.swiper-box .wrap .item img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: .3s;
}
.swiper-box .wrap .item .mask{
    position: absolute;
    left: 0;
    bottom: -75px;
    width: 100%;
    height: 75px;
    line-height: 75px;
    text-align: left;
    background: rgba(63, 80, 159, .9);
    color: #fff;
    font-size: 18px;
    -webkit-transition: .3s;
    transition: .3s;
    padding: 0 5.4%;
    overflow: hidden;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.swiper-box .wrap .item.small-img .mask{
  bottom: -50px;
  height: 50px;
    line-height: 50px;
}
.swiper-box .wrap .item:hover .mask {
    bottom: 0;
}
.swiper-box .wrap .item .mask .tit{
  padding-left: 50px;
  background: url(../images/img73.png) left center no-repeat;
}

/*.z-flexbox .box-row {
    margin: 0 -10px;
    display: flex;
    flex-wrap: wrap;
}
.z-flexbox .box-col {
    flex: 0 0 50%;
    min-width: 50%;
    padding: 0 10px;
    margin: 0 0 20px;
    box-sizing: border-box;
}
.z-flexbox .box-col .item{
    position: relative;
    width: 100%;
    overflow: hidden;
}
.z-flexbox .box-col .item.big-img{
    height: 488px;
}
.z-flexbox .box-col .item.small-img {
    height: 234px;
}
.z-flexbox .box-col .item img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: .3s;
}
.z-flexbox .box-col .item .mask{
    position: absolute;
    left: 0;
    bottom: -95px;
    width: 100%;
    height: 95px;
    line-height: 95px;
    text-align: left;
    background: rgba(63, 80, 159, .9);
    color: #fff;
    font-size: 18px;
    -webkit-transition: .3s;
    transition: .3s;
    padding: 0 5.4%;
    overflow: hidden;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.z-flexbox .box-col .item.small-img .mask{
  bottom: -70px;
  height: 70px;
    line-height: 70px;
}
.z-flexbox .box-col .item:hover .mask {
    bottom: 0;
}
.z-flexbox .box-col .item .mask .tit{
  padding-left: 25px;
  background: url(../images/img73.png) left center no-repeat;
}*/
.strength .swiper-button-next, .strength .swiper-button-prev {
    position: absolute;
    top: 50%;
    width: 50px;
    height: 50px;
    margin-top: -65px;
    z-index: 10;
    cursor: pointer;
    -moz-background-size: 100% 100%;
    -webkit-background-size: 100% 100%;
    background-size: 100% 100%;
    background-position: center;
    background-repeat: no-repeat;
}
.strength .swiper-button-prev, .strength .swiper-container-rtl .swiper-button-next {
    background-image: url(../images/img66.png);
    left: 0;
    right: auto;
}
.strength .swiper-button-next, .strength .swiper-container-rtl .swiper-button-prev {
    background-image: url(../images/img67.png);
    right: 0;
    left: auto;
}
.strength .swiper-container-horizontal>.swiper-pagination-bullets, .strength .swiper-pagination-custom, .swiper-pagination-fraction {
    bottom: 0;
}
.strength .swiper-pagination-bullet{
  width: 14px;
  height: 14px;
  background: #f2f6f9;  
  opacity: 1;
}
.strength .swiper-pagination-bullet-active {
    opacity: 1;
    background: #3d509f;
}
/*视频弹窗样式*/
.bigPicLayer {
    display: none;
    width: 1000px;
    height: 556px;
    position: fixed;
  z-index:1000;

    top: 40% !important;
    margin-top: -180px;
    padding: 10px;
}
.bigPicLayer iframe{
  width:1000px;
  height:556px;
}

.bigPicLayer .close {
    display: block;
    width: 38px;
    height: 38px;
    background: url(../images/m5_off.png?v=11221) no-repeat;
    right: -50px;
    top: -50px;
    position: relative;
    position: absolute;
    z-index: 1000;
}

.bigPicLayer .close em {
    width: 1px;
    height: 50px;
    background: #009690;
    display: none;
    position: absolute;
    left: 50%;
    margin-left: -0.5px;
    top: 100%;
}

.bigPicLayer .imgDiv {
    text-align: center;
}

.bigPicLayer .imgDiv img {
    width: 100%;
}

.bigPicLayer .imgDiv span {
    display: block;
    text-align: center;
    font-size: 18px;
    margin-top: 16px;
    color: #fff;
    font-weight: bold;
    position: absolute;
    left: 0;
    top: 100%;
    width: 100%;
}
.video_all{
  position:fixed; 
  top:0; 
  left:0; 
  z-index:999; 
  display:none; 
  width:100%; 
  height:100%; 
  opacity:0.5; 
  -moz-opacity:0.5; 
  filter:alpha(opacity=50);
  background-color:#000;
}

@media screen and (max-width: 1440px) {
    .bigPicLayer {
        display: none;
        width: 600px;
        height: 350px;
        position: fixed;
        z-index: 1000;
        top: 40% !important;
        margin-top: -100px;
        padding: 10px;
    }
   
   .bigPicLayer iframe{
  width:100%;
  height:388px;
}
    .bigPicLayer .close {
        display: block;
        width: 38px;
        height: 38px;
        background: url(../images/m5_off.png?v=11221) no-repeat;
        right: -50px;
        top: -50px;
        position: relative;
        position: absolute;
        z-index: 222;
    }

    .bigPicLayer .close em {
        width: 1px;
        height: 50px;
        background: #0a448d;
        display: none;
        position: absolute;
        left: 50%;
        margin-left: -0.5px;
        top: 100%;
    }

    .bigPicLayer .imgDiv {
        text-align: center;
    }

    .bigPicLayer .imgDiv img {
        width: 100%;
    }

    .bigPicLayer .imgDiv span {
        display: block;
        text-align: center;
        font-size: 18px;
        margin-top: 16px;
        color: #fff;
        font-weight: bold;
        position: absolute;
        left: 0;
        top: 100%;
        width: 100%;
    }

}



@media screen and (max-width: 1004px) {
    .bigPicLayer {
        display: none;
        width: 100%;
        /*height: 100$;*/
        position: fixed;
        z-index: 1000;
        top: 40% !important;
        margin-top: -100px;
        padding: 10px;
        margin-left: -10px;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }
   
    .bigPicLayer .close {
        display: block;
        width: 48px;
        height: 48px;
        background: url(../images/m5_off.png?v=2020) no-repeat;
        right: 40px;
        top: -50px;
        position: relative;
        position: absolute;
        z-index: 222;
    }

    .bigPicLayer .close em {
        width: 1px;
        height: 20px;
        background: #0a448d;
        display: none;
        position: absolute;
        left: 50%;
        margin-left: -0.5px;
        top: 100%;
    }
  .bigPicLayer .wrap{
    text-align:center;
    margin:0 auto
  }
     #CuPlayer iframe{
    width:60%;
    height:380px;
      }
    .bigPicLayer .imgDiv {
        height: 169px;
    }

}
@media screen and (max-width: 640px){
  .bigPicLayer .close{
    right: 10px;
  }
}

/*人才招聘*/
.letter{
  padding-top: 5.2%;
  padding-bottom: 3.6%;
}
.letter ul li{
  float: left;
  width: 48.7%;
  margin-right: 2.6%;
  margin-bottom: 2.6%;
  border-radius: 10px;
  overflow: hidden;
  background: #FFFFFF;
  box-shadow: 0px 3px 25px rgba(0,0,0,0.09);
  cursor: pointer;
}
.letter ul li:nth-child(2n){
  margin-right: 0;
}
.letter ul li .part1{
  width: 100%;
  overflow: hidden;
  font-size: 0;
  border-bottom: #eeeeee solid 1px;
}
.letter ul li .part1 .w1{
  display: inline-block;
  vertical-align: middle;
  width: 24.65%;
  text-align: center;
  overflow: hidden;
}
.letter ul li .part1 .w1 .spot{
  display: block;
  width: 90px;
  height: 90px;
  line-height: 90px;
  border-radius: 50%;
  margin: auto;
}
.letter ul li:nth-child(odd) .part1 .w1 .spot{
  background: #3d509f;
}
.letter ul li:nth-child(even) .part1 .w1 .spot{
  background: #ff6a00;
}
.letter ul li .part1 .w1 .spot img{
  max-width: 34.45%;
}
.letter ul li .part1 .w1 .tit{
  color: #3d509f;
  font-size: 22px;
  font-family: "sym";
  margin-top: 10px;
}
.letter ul li:nth-child(odd) .part1 .w1 .tit{
  color: #3d509f;
}
.letter ul li:nth-child(even) .part1 .w1 .tit{
  color: #ff6a00;
}
.letter ul li .part1 .w2{
  display: inline-block;
  vertical-align: middle;
  width: 75.35%;
  padding-left: 6%;
  padding-right: 8%;
  padding-top: 5%;
  padding-bottom: 5%;
  border-left: #eeeeee solid 1px;
  overflow: hidden;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.letter ul li .part1 .w2 .t1{
  font-family: "syb";
  font-size: 26px;
  color: #222222;
}
.letter ul li .part1 .w2 .t2{
  margin-top: 10px;
  font-family: "sy1";
  font-size: 16px;
  color: #666666;
  line-height: 2;
}
.letter ul li .part2{
  width: 100%;
  padding-left: 6%;
  padding-right: 4%;
  height: 70px;
  line-height: 70px;
  overflow: hidden;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.letter ul li .part2 .view{
  float: left;
  color: #3d509f;
  font-size: 16px;
  font-family: "syl";
}
.letter ul li .part2 .icon{
  float: right;
}
.letter ul li:nth-child(odd) .part2 .view{
  color: #3d509f;
}
.letter ul li:nth-child(even) .part2 .view{
  color: #ff6a00;
}

/*人才理念*/
.concept{
  padding-top: 5.2%;
  padding-bottom: 2.5%;
  background: #f8f9fb;
}
.concept .box{
  margin-top: 4%;
}
.concept .box ul li{
  position: relative;
  float: left;
  width: 23.5%;
  margin-right: 2%;
  margin-bottom: 2%;
  padding-top: 3.6%;
  padding-bottom: 3.6%;
  text-align: center;
  background: #FFFFFF;
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
}
.concept .box ul li:nth-child(4n){
  margin-right: 0;
}
.concept .box ul li:before{
  content: '';
  position: absolute;
  top: 0;
  right: -40%;
  width: 38.3%;
  height: 45%;
  background: url(../images/img81.png) top right no-repeat;
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
}
.concept .box ul li:hover:before{
  right: 0;
}
.concept .box ul li:hover{
  background: #3d509f;
}
.concept .box ul li .icon{
  position: relative;
  display: inline-block;
  width: 102px;
  height: 102px;
  line-height: 102px;
  text-align: center;
  border-radius: 50%;
}
.concept .box ul li .icon img{
  position: relative;
  z-index: 2;
  max-width: 45.56%;
}
.concept .box ul li .icon:before{
  content: '';
  position: absolute;
  left: 50%;
  top: 50%;
  z-index: 2;
  -o-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 90px;
  height: 90px;
  border-radius: 50%;
  background: #f6f9fe;
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
}
.concept .box ul li .icon:after{
  content: '';
  position: absolute;
  left: 50%;
  top: 50%;
  z-index: 1;
  -o-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background: rgba(255,255,255,0.35);
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
}
.concept .box ul li:hover .icon:before{
  width: 66px;
  height: 66px;
}
.concept .box ul li:hover .icon:after{
  width: 78px;
  height: 78px;
}
.concept .box ul li .title{
  padding: 15px;
}
.concept .box ul li .title .t4{
  color: #222222;
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
}
.concept .box ul li .title .t3{
  font-family: "syl";
  color: #666666;
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
}
.concept .box ul li:hover .title .t4{
  color: #ffffff;
}
.concept .box ul li:hover .title .t3{
  color: #ffffff;
}

/*薪资福利*/
.package{
  padding-top: 4.68%;
  padding-bottom: 5.7%;
  background: #f8f9fe;
}
.package .box{
  margin-top: 4%;
}
.package .box ul li{
  float: left;
  width: 23.5%;
  margin-right: 2%;
  border-radius: 20px;
  overflow: hidden;
  background: #FFFFFF;
  box-shadow: 0px 1px 25px rgba(0,0,0,0.1);
}
.package .box ul li:nth-child(4n){
  margin-right: 0;
}
.package .box ul li .img{
  width: 100%;
  overflow: hidden;
  position:relative;
}
.package .box ul li .img img{
  width: 100%;
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
}
.package .box ul li .img span{position:absolute; left:8%; bottom:8%;}
.package .box ul li .img span img{width:25px;}
.package .box ul li:hover .img img{
  -webkit-transform: scale(1.1);
  transform: scale(1.2);
}
.package .box ul li .title{
  border-radius: 6px;
  padding: 7% 8.4%;
  overflow: hidden;
  background-color: #FFFFFF;
}
.package .box ul li .title .t10{
  color: #3f509f;
} 
.package .box ul li .title .t9{
  line-height: 2;
  color: #666666;
  margin-top: 15px;
  min-height: 170px;
}
/*服务范围*/
.fwfw {
    padding-top: 4.68%;
    padding-bottom: 5.7%;
    background: #fff;
}
.fwimg{margin:100px auto; text-align:center;}
.fwimg img{max-width:100%;}
.fwtext{width:100%;margin-top: 5%;}
.fwtext li{width:calc(100% - 120px); padding:15px 60px; font-size:16px; line-height:35px; }

/*职位招聘*/
.recruit{
  padding-top: 3.65%;
  padding-bottom: 5.2%;
  background: #f6f9fe;
}
.recruit .box{
  margin-top: 4.5%;
  background: #FFFFFF;
}
.recruit .box ul{
  border-top: #eeeeee solid 1px;
}
.recruit .box ul li{
  border-left: #eeeeee solid 1px;
  border-right: #eeeeee solid 1px;
  border-bottom: #eeeeee solid 1px;
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
}
.recruit .box ul li:hover{
  box-shadow: 0px 1px 25px rgba(0,0,0,0.1);
}
.recruit .box ul li .cont{
  padding: 2.66% 6.66%;
  overflow: hidden;
  color: #222222;
  font-size: 16px;
  line-height: 1.7;
  font-family: "sy1";
}
.recruit .box ul li .t1{
  float: left;
  width: 30%;
  color: #222222;
  font-size: 18px;
  font-family: "sym";
  background: url(../images/img84.png) left top 8px no-repeat;
  margin-top: 6px;
  padding-left: 40px;
  overflow: hidden;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.recruit .box ul li .t2{
  float: left;
  width: 23%;
  margin-top: 5px;
}
.recruit .box ul li .t3{
  float: left;
  width: 23%;
  margin-top: 5px;
}
.recruit .box ul li .t4{
  float: left;
  width: 24%;
  text-align: right;
}
.recruit .box ul li .t4 .open{
  display: inline-block;
  width: 120px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  border-radius: 6px;
  background: #3d509f;
  color: #fefefe;
  font-size: 14px;
  font-family: "微软雅黑";
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
  cursor: pointer;
}
.recruit .box ul li .t4 .open:hover{
  background: #ff6a00;
}
/*滚动条*/
.mCSB_scrollTools{
  width:6px;
}
.mCS-greenbar.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #ff6a00; }
.mCS-greenbar.mCSB_scrollTools .mCSB_draggerRail{ background-color: #e5e5e5; } 
.mCS-greenbar.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
  width:6px;
}
.mCSB_inside>.mCSB_container{
  margin-right: 6px;
}
.zpbg, .imgpopup{
  display: none;
  position: fixed;
  top: 0;
  bottom: 0;
  left:0;
  right: 0;
  margin: auto;
  z-index: 999;
  width: 100%;
  height: 100%;
  background: rgba(0,0,0,0.3);
}
.r-detail{
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  margin: auto;
  max-width: 1300px;
  width: 80%;
  max-height: 80%;
  overflow: auto;
  background-color: #FFFFFF;
}
.recruit-detail{
  background-color: #FFFFFF;
  padding: 3.85% 7.3%;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; 
}
.recruit-detail .r-d-t{
  padding: 0px 20px 20px;
  overflow: hidden;
  border-bottom: #EEEEEE solid 1px;
}
.r-d-t .t1{
  float: left;
  font-family:"sym";
  color: #222222;
  font-size: 24px;
  width: -moz-calc(100% - 100px);
  width: -webkit-calc(100% - 100px);
  width: calc(100% - 100px);
}
.r-d-t .t2{
  float: right;
  min-width: 88px;
  line-height: 38px;
  font-family: "syr";
  color: #222222;
  font-size: 16px;
  text-align: center;
  border: #EEEEEE solid 1px;
  cursor: pointer;
}
.rd-describe{
  width: 100%;
  overflow: hidden;
  margin-bottom: 30px;
  padding: 0px 20px;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.rd-describe-t{
  font-family: "sym";
  color: #222222;
  font-size: 16px;
  margin-top: 20px;
}
.rd-describe-p{
  font-family: "syr";
  color: #666666;
  font-size: 16px;
  line-height: 2;
  margin-top: 20px;
}
.rd-mark{
  display: inline-block;
  vertical-align: middle;
  padding: 10px 20px;
  font-family: "syl";
  color: #ffffff;
  font-size: 14px;
  line-height: 1.5;
  border-radius: 6px;
  background-color: #3d509f;
  margin-bottom: 15px;
  margin-right: 20px;
}
.upload{
  display: inline-block;
  vertical-align: middle;
  margin-bottom: 15px;
}
.upload a{
  display: inline-block;
  width: 100px;
  font-family: "syl";
  color: #ffffff;
  font-size: 14px;
  line-height: 40px;
  height: 40px;
  border-radius: 6px;
  background-color: #ff6a00;
  text-align: center;
}
@media screen and (max-width: 1024px){
  .hot-r-con{
    width: 96%;
    padding: 0 4%;
  }
  .hot-r .box{
    padding-top: 130px;
  }
  .hot-r-table td{
    padding: 0;
    font-size: 16px;
  }
  .rd-describe-p{
    font-size: 15px;
  }
  .r-detail{
    padding: 20px 0;
  }
  .mCSB_scrollTools .mCSB_dragger, .mCS-greenbar.mCSB_scrollTools .mCSB_draggerRail{
    display: none !important;
    opacity: 0;
  }
  .zp_close{
    right: 5%;
  }
  .recruit-detail{
    padding: 3% 4%;
  }
  .r-d-t .t1{
    font-size: 20px;
    line-height: 40px;
  }
  .r-d-t .t2{
    font-size: 15px;
  }
}
@media screen and (max-width: 768px){
  .hot-r .box {
      padding-top: 80px;
  }
  .r-detail{
    width: 90%;
  }
  .r-d-t{
    padding: 0px 15px 15px;
  }
  .r-d-t .t1{
    font-size: 18px;
  }
  .rd-describe-t{
    margin-top: 15px;
  }
  .r-d-t .t2{
    font-size: 14px;
  }
}
@media screen and (max-width: 640px){
  .r-d-t{
    padding-right: 0;
  }
  .r-d-t .t1{
    font-size: 16px;
    line-height: 32px;
  }
  .r-d-t .t2{
    min-width: 70px;
    line-height: 30px;
  }
  .rd-describe-p{
    font-size: 14px;
    line-height: 26px;
  }
}
@media screen and (max-width: 414px){
  .hot-r{
    margin-top: 30px;
  }
  .hot-r .conwidth{
    padding: 0 3%;
  }
  .hot-r .a-title{
    padding-top: 20px
  }
  .hot-r .box {
      padding-top: 40px;
  }
  .hot-r-table td{
    font-size: 14px;
    padding: 0;
    height: 60px;
  }
  .hot-r-table thead tr td{
    font-size: 15px;
    height: 70px;
  }
  .a-recruit-con{
    margin-top: 20px;
  }
  .a-recruit-p{
    font-size: 15px;
    line-height: 28px;
  }
  .zp_close{
    right: 0;
    top: 5%;
  }
  .zp_close img{
    width: 30px;
  }
  .recruit-detail{
    width: 100%;
    max-height: 80%;
  }
  .r-d-o{
    margin: 15px auto;
    padding: 0px 10px;
  }
  .r-d-t{
    font-size: 16px;
    line-height: 45px;
  }
  .r-d-oli{
    font-size: 14px;
  }
  .rd-describe{
    margin: 15px auto;
    padding: 0px 10px;
  }
  .recruit-detail .r-d-t{
    padding: 0px 10px 20px;
  }
  .mCSB_inside>.mCSB_container{
    margin-right: 0;
  }
  .rd-describe-t{
    font-size: 14px;
    margin-bottom: 10px;
  }
  .rd-mark{
    font-size: 14px;
    line-height: 26px;
  }
  .rd-apply{
    height: 36px;
    line-height: 36px;
  }
  .rd-apply a{
    font-size: 14px;
  }
}

/*荣誉证书*/
.certificate{
  padding-top: 4.2%;
  padding-bottom: 3.6%;
}
.certificate .content{
  margin-bottom: 2%;
}
.certificate .content:last-child{
  margin-bottom: 0;
}
.certificate .box{
  margin-top: 2%;
}
.certificate ul{
  font-size: 0;
}
.certificate ul li{
  position: relative;
    z-index: 1;
    display: inline-block;
    vertical-align: top;
    width: 23.5%;
    overflow: hidden;
    margin-right: 2%;
    margin-bottom: 2%;
    background: url(../images/biank.png) no-repeat center center;
    background-size:cover;
    text-align: center;
}
.certificate ul li:nth-child(4n){
  margin-right: 0;
}
/*.certificate ul li:before{
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  width: 0;
  height: 5px;
  background: #3d509f;
  -o-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}*/
.certificate ul li:hover{
  background: url(../images/biank_on.png) no-repeat center center;
}
.certificate ul li a{
  display: block;
  width: 100%;
  padding-bottom: 10%;
}
.certificate ul li .imgbox{
  position: relative;
  padding: 10% 10% 0;
  overflow: hidden;
}
.certificate ul li .imgbox img{
  max-width: 100%;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
.certificate ul li:hover .imgbox img{
  -webkit-transform: scale(1.05);
  transform: scale(1.05);
}
.certificate .box2 ul li{width:49%; background:url(../images/biank2.png) no-repeat center center; background-size:100%;}
.certificate .box2 ul li:nth-child(2n){
  margin-right: 0;
}
.certificate .box2 ul li:hover{
  background: url(../images/biank2_on.png) no-repeat center center; background-size:100%;
}
/*.certificate .box2 ul li a{padding-bottom:5%;}*/
.certificate ul li .txtbox{
  position: relative;
    z-index: 3;
    margin-top: 20px;
    padding-left: 12%;
    padding-right: 12%;
    text-align: left;
    overflow: hidden;
    -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.certificate ul li .txtbox .txt{
  width: 100%;
  font-family: "syr";
  color: #222222;
  font-size: 20px;
  overflow: hidden;
  text-overflow:ellipsis;
  white-space: nowrap;
}
.certificate ul li:hover .txtbox .txt{
  color: #3d509f;
}
.certificate ul li .txtbox .icon{
  position: absolute;
  top: 0;
  right: 6%;
  width: 5.2%;
  height: 100%;
  background: url(../images/img93.png) center right no-repeat;
  background-size: 100% auto;
}

/*团队风采*/
.team{
  padding-top: 6.25%;
  padding-bottom: 7.5%;
  background: #ffffff;
}
.team .box ul li{
  width: 100%;
  overflow: hidden;
}
.team .box ul li .img{
  float: left;
  width: 50%;
  overflow: hidden;
}
.team .box ul li:nth-child(even) .img{
  float: right;
}
.team .box ul li .img img{
  width: 100%;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
.team .box ul li:hover .img img{
  -webkit-transform: scale(1.2);
  transform: scale(1.2);
}
.team .box ul li .txt{
  float: left;
  width: 50%;
  padding-top: 6.25%;
  padding-left: 4.25%;
  padding-right: 4.25%;
  overflow: hidden;
    -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.team .box ul li .txt .title .t2{
  color: #3d509f;
}
.team .box ul li .txt .title .t9{
  margin-top: 15px;
  color: #333333;
  min-height: 170px;
}
.team .box ul li .txt .title .t9 p{margin-bottom:20px; line-height:30px;}
.team .box ul li .txt .title .t5{
  margin-top: 15px;
  font-size:48px;
  color: #db6d23;
  font-family: arial;
  font-weight: bold;
  text-align: right;
    font-style: italic;
}

/*新闻*/
.othnav{
  position: relative;
  z-index: 11;
  width: 100%;
  background: #ffffff;
  box-shadow: 0px 2px 25px rgba(61,80,159,0.13);
}
.othnav.fixed{
  position: fixed;
  left: 0;
  top: 90px;
  z-index: 11;
}
.othnav ul{
  text-align: left;
  font-size: 0;
}
.othnav ul li{
  display: inline-block;
  vertical-align: top;
  margin-right: 5%;
}
.othnav ul li span, .othnav ul li a{
  position: relative;
  display: block;
  padding: 0px 10px;
  color: #222222;
  font-size: 18px;
  font-family: "syr";
  line-height: 80px;
  cursor: pointer;
}
.othnav ul li.on span, 
.othnav ul li:hover span,
.othnav ul li.on a, 
.othnav ul li:hover a{
  color: #3d509f;
}
.othnav ul li span:before, .othnav ul li a:before{
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  width: 0;
  height: 3px;
  background: #3d509f;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
.othnav ul li.on span:before, 
.othnav ul li:hover span:before,
.othnav ul li.on a:before, 
.othnav ul li:hover a:before{
  width: 100%;
}

.new{
  padding-top: 3.9%;
  padding-bottom: 4.7%;
  background: #f5f5f5;
}
.new.related{
  padding-top: 4.8%;
  padding-bottom: 5.7%;
}
.new.related .tit{
  font-family: "sym";
  color: #3b4fa3;
  font-size: 40px;
}
.new.related .box{
  margin-top: 3%;
}
.new .tit{
  width: 100%;
}
.new .tit .title{
  float: left;
}
.new .tit .title .t7{
  color: #222222;
  font-family: "微软雅黑";
}
.new .tit .screen{
  float: right;
  overflow: hidden;
  line-height: 35px;
}
.new .tit .screen .t1{
  float: left;
  font-family: "微软雅黑";
  font-size: 20px;
  color: #222222;
}
.new .tit .screen .t2{
  float: left;
  margin-left: 30px;
  overflow: hidden;
}
.new .tit .screen .t2 ul li{
  float: left;
  margin-right: 40px;
}
.new .tit .screen .t2 ul li:last-child{
  margin-right: 0;
}
.new .tit .screen .t2 ul li a{
  font-family: "微软雅黑";
  color: #999999;
  font-size: 16px;
}
.new .tit .screen .t2 ul li.all a, .new .tit .screen .t2 ul li.on a{
  color: #222222;
}
.new .other{
  width: 100%;
  overflow: hidden;
  margin-top: 3.2%;
}
.new .other .major{
  float: left;
  width: 49.06%;
  overflow: hidden;
}
.new .other .major a{
  position: relative;
  display: block;
  width: 100%;
  overflow: hidden;
}
.new .other .major a:before{
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  z-index: 2;
  width: 100%;
  height: 100%;
  background: url(../images/img99.png) bottom center no-repeat;
  background-size: 100% auto;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
  opacity: 1;
}
.new .other .major .img{
  position: relative;
  z-index: 1;
  width: 100%;
  overflow: hidden;
}
.new .other .major .img img{
  width: 100%;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
.new .other .major:hover .img img{
  width: 100%;
  transform: scale(1.1);
}
.new .other .major .title{
  position: absolute;
  left: 0;
  bottom: 6.3%;
  z-index: 10;
  width: 100%;
  padding: 0 6%;
  overflow: hidden;
    -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.new .other .major .title .t3{
  font-family: "syl";
  color: #ffffff;
}
.new .other .major .title .t3 .date{
  font-family: arial;
}
.new .other .major .title .t4{
  font-family: "syr";
  margin-top: 10px;
  color: #ffffff;
}
.new .other .w1{
  float: left;
  width: 23.67%;
  margin-left: 1.8%;
}
.new .box ul{
  margin-bottom: 5.6%;
}
.new.related .box ul{
  margin-bottom: 0;
}
.new .box ul li{
  float: left;
  width: 23.65%;
  margin-right: 1.75%;
  margin-top: 1.8%;
  background-color: #FFFFFF;
}
.new .box ul li:nth-child(4n){
  margin-right: 0;
}
.new.related .box ul li{
  margin-top: 1%;
  margin-bottom: 1%;
}
.newli{
  display: block;
  width: 100%;
  padding: 20px 20px 25px;
  background: #FFFFFF;
  overflow: hidden;
    -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.newli .img{
  width: 100%;
  overflow: hidden;
}
.newli .img img{
  width: 100%;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
.newli:hover .img img{
  width: 100%;
  transform: scale(1.1);
}
.new .newli .title{
  /*margin-top: 20px;*/
}
.new .newli .title .t3{
  font-family: "syl";
  color: #999999;
  line-height: 1.7;
}
.new .newli .title .t4{
  margin-top: 10px;
  margin-bottom: 15px;
  font-family: "syr";
  color: #222222;
  /*min-height: 108px;*/
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
}
.new .newli:hover .t4{
  color: #3d509f;
}
.new .newli .oth{
  overflow: hidden;
  margin-top: 20px;
  padding-top: 25px;
  border-top: #e5e5e5 solid 1px;
}
.new .newli .oth .more{
  float: left;
  font-family: "syl";
  color: #999999;
}
.new .newli .oth .time{
  float: right;
  font-family: arial;
  color: #999999;
}
/*20210629*/
.news-list{
  padding-top: 75px;
  padding-bottom: 40px;
  /*background: #f5f5f5;*/
}
.news-list .box{
  padding-top: 20px;
  padding-bottom: 60px;
  background-color: #FFFFFF;
}
.news-list .lead-news{
}
.news-list .lead-news a{
  display: block;
  width: 100%;
  overflow: hidden;
  padding: 50px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.news-list .lead-news .txt{
  float: left;
  width: 74%;
  overflow: hidden;
  padding-right: 5%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.news-list .lead-news .txt .t1{
  color: #3d509f;
  font-size: 18px;
  font-family: arial;
}
.news-list .lead-news .txt .t2{
  color: #3d509f;
  font-size: 30px;
  margin-top: 20px;
}
.news-list .lead-news .txt .t3{
  color: #999999;
  font-size: 16px;
  line-height: 1.8;
  margin-top: 15px;
}
.news-list .lead-news .txt .btn{
  margin-top: 30px;
}
.news-list .lead-news .txt .btn span{
  display: inline-block;
  min-width: 140px;
  height: 50px;
  line-height: 48px;
  border-radius: 5px;
  background-color: #3d509f;
  font-family: "syr"; 
  font-size: 16px;
  color: #ffffff;
  text-align: center;
  border: #3d509f solid 1px;
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
}
.news-list .lead-news .txt .btn span:hover{
  background-color: #FFFFFF;
  color: #3d509f;
}
.news-list .lead-news .img{
  float: right;
  /*width: 22.7%;*/
  max-width: 340px;
  width: 26%;
  overflow: hidden;
}
.news-list .lead-news .img img{
  width: 100%;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
.news-list .lead-news:hover .img img{
  -webkit-transform: scale(1.2);
  transform: scale(1.2);
}
.news-list ul{
  margin-bottom: 35px;
}
.news-list ul li{
}
.news-list ul li a{
  display: block;
  width: 100%;
  padding: 0px 50px;
  overflow: hidden; 
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
.news-list ul li:hover a{
  background: #3d509f;
}
.news-list ul li .text{
  position: relative;
  padding: 40px 0px;
  border-top: #eeeeee solid 1px;
}
.news-list ul li:last-child .text{
  border-bottom: #eeeeee solid 1px;
}
.news-list ul li:hover .text{
  border-top: #3d509f solid 1px;
}
.news-list ul li:last-child:hover .text{
  border-bottom: #3d509f solid 1px;
}
.news-list ul li .text .date{
  float: left;
  width: 130px;
  overflow: hidden;
  text-align: center;
}
.news-list ul li .text .date .t1{
  color: #444444;
  font-size: 38px;
  font-family: arial;
}
.news-list ul li .text .date .t2{
  color: #666666;
  font-size: 16px;
  font-family: arial;
  margin-top: 8px;
}
.news-list ul li:hover .text .date .t1,
.news-list ul li:hover .text .date .t2{
  color: #FFFFFF;
}
.news-list ul li .text .txt{
  float: left;
  width: 74%;
  overflow: hidden;
}
.news-list ul li .text .txt .t1{
  color: #222222;
  font-size: 22px;
  line-height: 1.6;
  margin-bottom: 10px;
  overflow: hidden;
  text-overflow:ellipsis;
  white-space: nowrap;
}
.news-list ul li:hover .text .txt .t1{
  color: #ffffff
}
.news-list ul li .text .txt .t2{
  color: #999999;
  font-size: 16px;
  line-height: 1.8;
  overflow: hidden;
  text-overflow:ellipsis;
  white-space: nowrap;
}
.news-list ul li:hover .text .txt .t2{
  color: #b3bce0;
}
.news-list ul li .text .icon{
  position: absolute;
  right: 40px;
  top: 0;
  width: 40px;
  height: 100%;
  background: url(../images/img272.png) center no-repeat;
  background-size: 100% auto;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
  -webkit-transform: translateX(40px);
  transform: translateX(40px);
}
.news-list ul li:hover .text .icon{
  background: url(../images/img272a.png) center no-repeat;
  background-size: 100% auto;
  -webkit-transform: translateX(0);
  transform: translateX(0);
}
@media only screen and (max-width: 1680px){
  .news-list .lead-news .txt .t2{
    font-size: 27px;
  }
}
@media only screen and (max-width: 1440px){
  .othnav ul li span, .othnav ul li a{
    line-height: 70px;
  }
  .news-list .lead-news .txt .t2{
    font-size: 24px;
  }
  .news-list .lead-news .txt .btn span{
    height: 45px;
      line-height: 43px;
  }
  .news-list ul li .text .date .t1{
    font-size: 32px;
  }
  .news-list ul li .text .txt .t1{
    font-size: 20px;
  }
  .news-list ul li .text .date .t2, 
  .news-list .lead-news .txt .t3,
  .news-list ul li .text .txt .t2{
    font-size: 15px;
  }
  .news-list .lead-news .txt .btn span{
    font-size: 15px;
  }
  .news-list ul li .text .icon{
    right: 20px;
    -webkit-transform: translateX(20px);
    transform: translateX(20px);
  }
  .news-list ul li:hover .text .icon{
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  
}
@media only screen and (max-width: 1024px){
  .othnav.fixed{
    top: 60px;
  }
  .othnav ul{
    overflow-x: scroll;
      overflow-y: hidden;
      white-space: nowrap;
  }
  .othnav ul::-webkit-scrollbar{
      width:0px;
      height:0px;
  }
  .othnav ul::-webkit-scrollbar-button{
      background-color:rgba(0,0,0,0);
  }
  .othnav ul::-webkit-scrollbar-track{
      background-color:rgba(0,0,0,0);
  }
  .othnav ul::-webkit-scrollbar-track-piece{
      background-color:rgba(0,0,0,0);
  }
  .othnav ul::-webkit-scrollbar-thumb{
      background-color:rgba(0,0,0,0);
  }
  .othnav ul::-webkit-scrollbar-corner{
      background-color:rgba(0,0,0,0);
  }
  .othnav ul::-webkit-scrollbar-resizer{
      background-color:rgba(0,0,0,0);
  }
  .othnav ul::-webkit-scrollbar{
      width:0px;
      height:0px;
  }
  .othnav ul li{
    margin-right: 40px;
  }
  .othnav ul li span, .othnav ul li a{
    line-height: 60px;
  }
  .news-list{
    padding-top: 50px;
  }
  .news-list .box{
    padding-top: 0;
  }
  .news-list .lead-news a{
    padding: 40px;
  }
  .news-list .lead-news .txt{
    width: 64%;
  }
  .news-list .lead-news .txt .t1{
    font-size: 16px;
  }
  .news-list .lead-news .txt .t2{
    margin-top: 10px;
    font-size: 20px;
    line-height: 1.5;
  }
  .news-list .lead-news .img{
    width: 36%;
    max-width: 36%;
  }
  .news-list ul li a{
    padding: 0 40px;
  }
  .news-list ul li .text{
    padding: 30px 0px;
  }
  .news-list ul li .text .date .t1{
    font-size: 28px;
  }
  .news-list ul li .text .txt{
    width: 70%;
  }
  .news-list ul li .text .txt .t1{
    line-height: inherit;
    margin-bottom: 10px;
  }
}
@media only screen and (max-width: 768px){
  .othnav ul li{
    margin-right: 20px;
  }
  .othnav ul li span, .othnav ul li a{
    font-size: 16px;
  }
  .news-list{
    padding-top: 40px;
  }
  .news-list .lead-news a{
    padding: 35px;
  }
  .news-list ul li a{
    padding: 0px 35px;
  }
  .news-list .lead-news .txt .t2{
    font-size: 18px;
  }
  .news-list ul li .text .date{
    width: 100px;
  }
  .news-list ul li .text .date .t2, .news-list .lead-news .txt .t3, .news-list ul li .text .txt .t2{
    font-size: 14px;
  }
  .news-list .lead-news .txt .btn span{
    font-size: 14px;
  }
  .news-list ul li .text .txt .t1{
    font-size: 18px;
  }
  .news-list ul li .text .icon{
    width: 30px;
  }
}
@media only screen and (max-width: 640px){
  .news-list{
    padding-top: 30px;
  }
  .news-list .lead-news .img{
    float: none;
    width: 100%;
    max-width: 100%;
  }
  .news-list .lead-news .txt{
    float: none;
    width: 100%;
    padding-top: 30px;
    padding-right: 0;
  }
  .news-list ul li .text{
    padding: 25px 0px;
  }
  .news-list ul li .text .date{
    float: none;
    width: 100%;
    overflow: hidden;
    text-align: left;
  }
  .news-list ul li .text .date .t1{
    display: inline-block;
  }
  .news-list ul li .text .date .t2{
    display: inline-block;
  }
  .news-list ul li .text .txt{
    float: none;
    width: 100%;
    margin-top: 10px;
  }
  .news-list ul li .text .icon{
    display: none;
  }
  .news-list ul li .text .date .t1{
    font-size: 24px;
  }
  .news-list ul li .text .txt .t1{
    margin-bottom: 6px;
  }
  .news-list .lead-news a{
    padding: 25px;
  }
  .news-list ul li a{
    padding: 0px 25px;
  }
}
@media only screen and (max-width: 576px){
  .news-list .box{
    padding-bottom: 50px;
  }
  .news-list .lead-news .txt{
    padding-top: 20px;
  }
  .news-list .lead-news .txt .t2{
    font-size: 17px;
  }
  .news-list .lead-news .txt .t3{
    margin-top: 10px;
  }
  .news-list .lead-news .txt .btn{
    margin-top: 25px;
  }
  .news-list .lead-news .txt .btn span{
    min-width: 120px;
    height: 42px;
      line-height: 40px;
  }
  .news-list ul li .text .txt .t1{
    font-size: 17px;
  }
}
/*新闻详情*/
.new-detail{
  padding-top: 3.3%;
  background: #ffffff;
}
/**/
.position{
  text-align: left;
  margin-bottom: 20px;
}
.service-details .position{

  padding:20px 0 20px 20px;
}
.service-details .position .owidth{
  max-width: 1400px;
}
.position a, .position span {
  font-family: "syl";
    color: #666666;
    font-size: 14px;
    line-height: 1.7;
}
.position a:hover{
  color: #000000;
}
.new-detail .box{
  margin-top: 3.5%;
}
.new-detail .box .l-box{
  float: left;
  width: 74.4%;
  padding-right: 7.4%;
  padding-bottom: 12%;
  overflow: hidden;
    -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border-right: #eeeeee solid 1px;
}
.new-detail .box .l-box .title{
}
.new-detail .box .l-box .title .t7{
  color: #222222;
}
.new-detail .box .l-box .title .infor{
  width: 100%;
  overflow: hidden;
  margin-top: 20px;
}
.new-detail .box .l-box .title .t8{
  float: left;
  width: 85%;
  overflow: hidden;
  font-family: "syl";
  color: #999999;
  line-height: 28px;
}
.new-detail .box .l-box .title .t8 span{
  float: left;
  display: inline-block;
  margin-right: 8%;
}
.new-detail .box .l-box .title .t8 span:last-child{
  margin-right: 0;
}
.new-detail .box .l-box .title .size{
  float: right;
  color: #222222;
  font-size: 20px;
  font-family: arial;
}
.new-detail .box .l-box .title .size div{
  display: inline-block;
  vertical-align: middle;
  margin-right: 30px;
  cursor: pointer;
  -moz-user-select:none; /*火狐*/
    -webkit-user-select:none; /*webkit浏览器*/
    -ms-user-select:none; /*IE10*/
    -khtml-user-select:none; /*早期浏览器*/
    user-select:none;
}
.new-detail .box .l-box .title .size div:last-child{
  margin-right: 0;
}
.new-detail .box .l-box .title .details.t3{
  margin-top: 20px;
  padding-top: 30px;
  padding-bottom: 40px;
  border-top: #e5e5e5 solid 1px;
  color: #666666;
  font-family: "syl";
}
.new-detail .box .l-box .title .details img{
  display: block;
  max-width: 100%;
  margin:0 auto;
}
.new-detail .box .r-box{
  float: left;
  width: 25.6%;
  padding-left: 3.6%;
  overflow: hidden;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.new-detail .box .r-box .wrap{
  max-width: 310px;
  width: 100%;
  overflow: hidden;
}
.pagebox ul li{
  margin-bottom: 30px;
}
.pagebox ul li a{
  display: block;
  width: 100%;
  font-size: 16px;
  line-height: 2;
  font-family: "syl";
}
.pagebox ul li .t1{
  color: #666666;
}
.pagebox ul li .t2{
  margin-top: 10px;
  color: #222222;
}
.sharebox ul li{
  float: left;
  margin-right: 10px;
}
.sharebox ul li a{
  width: 40px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  border-radius: 50%;
  background-color: #eeeeee;
}
.new-detail .box .r-box .img{
  margin-top: 50px;
}
.new-detail .box .r-box .img img{
  width: 100%;
}
/*联系我们*/
.contact{
  padding-top: 5.2%;
  padding-bottom: 3.6%;
  background: #f6f8fa;
}
.contact .box{
  max-width: 1400px;
  width: 100%;
  margin: auto;
}
.contact .box>ul>li{
  float: left;
  width: 48.5%;
  margin-right: 3%;
  margin-bottom: 3%;
  padding: 3.6%;
  min-height: 270px;
  background-color: #FFFFFF;
  overflow: hidden;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.contact .box ul li:nth-child(2n){
  margin-right: 0;
}
.contact .box ul li .l-box{
  float: left;
  width: 30%;
  padding-right: 3%;
  overflow: hidden;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.contact .box ul li .l-box .t1{
  font-family: "syb";
  color: #222222;
  font-size: 34px;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.contact .box>ul>li:hover .t1{
  color: #3d509f;
}
.contact .box ul li .l-box .t2{
  margin-top: 10px;
}
.contact .box ul li .l-box .t2 a{
  color: #3d509f;
  font-size: 16px;
  font-family: "syr";
  text-decoration: underline;
}
.contact .box ul li .r-box{
  float: left;
  width: 70%;
  overflow: hidden;
}
.contact .box ul li .r-box ul li{
  color: #666666;
  font-size: 18px;
  line-height: 2;
  font-family: arial;
  margin-bottom: 5px;
}

/*行业解决方案*/
.solution{
  padding-top: 20px;
  padding-bottom: 20px;
  background: #f7f7f7;
}
.solution .wrap{
  /*max-width: 1530px;*/
  width: 100%;
  margin: auto;
}
.solution .title .t1{
  text-align: center;
  color: #222222;
  font-family: "sym";
}
/*.solution .box{
  margin-top: 20px;
}*/
.solution .box ul{
  font-size: 0;
}
.solution .box ul li{
  display: inline-block;
  vertical-align: top;
  /*float: left;*/
  /*width: 23.05%;
  margin-right: 2.6%;
  margin-bottom: 2.6%;*/
  width: 23.5%;
  margin-right: 2%;
  margin-bottom: 2%;
  border-radius: 4px;
  background-color: #FFFFFF;
  overflow: hidden;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
/*.solution .box ul li:nth-child(4n){
  margin-right: 0;
}*/
.solution .box ul li:nth-child(4n){
  margin-right: 0;
}
.solution .box ul li:hover{
  box-shadow: 0px 1px 29px rgba(18,27,67,0.15);
}
.solution .box ul li a{
  display: block;
  width: 100%;
}
.solution .box ul li .img{
  width: 100%;
  overflow: hidden;
}
.solution .box ul li .img img{
  width: 100%;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
.solution .box ul li:hover .img img{
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}
.solution .box ul li .txt{
  /*padding: 5.7% 10%;*/
  padding: 20px;
}
.solution .box ul li .txt .icon{
  /*width: 50px;
  height: 50px;
  line-height: 50px;*/
  width: 46px;
  height: 46px;
  line-height: 46px;
  text-align: center;
  border-radius: 50%;
  background: #f4f5fa;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
.solution .box ul li:hover .txt .icon{
  background: #3d509f;
}
.solution .box ul li .txt .icon img{
  width: 52%;
}
.solution .box ul li .txt .icon .ic2{
  display: none;
}
.solution .box ul li:hover .txt .icon .ic1{
  display: none;
}
.solution .box ul li:hover .txt .icon .ic2{
  display: inline-block;
}
.solution .box ul li .txt .title .t6{
  /*margin-top: 15px;*/
  text-align:center;
  color: #222222;
  font-family: "sym";
  overflow: hidden;
  text-overflow:ellipsis;
  white-space: nowrap;
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
}
.solution .box ul li:hover .txt .title .t6{
  color: #3b4fa3;
}
.solution .box ul li .txt .title .t3{
  color: #999999;
  font-family: "syl";
  line-height: 1.6;
  min-height:30px;
  margin-top: 15px;
  overflow: hidden;
text-overflow:ellipsis;
white-space: nowrap;
}
.solution .box ul li .txt .title .t8{
  margin-top: 15px;
  padding-top: 15px;
  border-top: #eeeeee solid 1px;
  color: #999999;
  font-family: "syl";
}

/*服务承诺*/
.sernav{
  position: relative;
  z-index: 11;
  width: 100%;
  background: #ffffff;
  box-shadow: 0px 2px 25px rgba(61,80,159,0.13);
}
.sernav.fixed{
  position: fixed;
  left: 0;
  top: 120px;
  z-index: 11;
}
.sernav ul{
  text-align: left;
  font-size: 0;
}
.sernav ul li{
  display: inline-block;
  vertical-align: top;
  margin-right: 70px;
}
.sernav ul li span{
  position: relative;
  display: block;
  padding: 0px 5px;
  color: #222222;
  font-size: 18px;
  font-family: "syr";
  line-height: 80px;
  cursor: pointer;
}
.sernav ul li.on span, .sernav ul li:hover span{
  color: #3d509f;
}
.sernav ul li.on span{
  padding-left: 36px;
  background: url(../images/img139.png) center left 5px no-repeat;
}
.sernav ul li span:before{
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  width: 0;
  height: 2px;
  background: #3d509f;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
.sernav ul li.on span:before, .sernav ul li:hover span:before{
  width: 100%;
}


.commitment .title .t1{
  text-align: center;
  color: #222222;
  font-family: "sym";
}

/*响应机制*/
.mechanism{
  padding-top: 20px;
  padding-bottom: 20px;
}
.mechanism .title .t9{font-size:162px; color:#f7f6f6; line-height:162px;}
.mechanism .title .t5{margin-top:-80px;}
.mechanism .title .t3{margin-top:-10px;}
.mechanism .box{
  margin-top: 6.33%;
}
.mechanism .box>ul>li{
  float: left;
  width: 31.6%;
  margin-right: 2.6%;
}
.mechanism .box>ul>li:nth-child(3n){
  margin-right: 0;
}
.mechanism .box ul li .cont{
  position: relative;
  margin-top: 55px;
  padding-top: 75px;
  padding-left: 40px;
  padding-right: 40px;
  background: #FFFFFF;
  border-radius: 5px;
  text-align: center;
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
}
/*.mechanism .box ul li:hover .cont{
  box-shadow: 0 2px 30px 0 rgba(0,0,0,0.05);
}*/
.mechanism .box ul li .icon{
  position: absolute;
  top: -55px;
  left: 50%;
  -o-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  width: 110px;
  height: 110px;
  line-height: 110px;
  text-align: center;
  border-radius: 50%;
  margin: 0px auto 20px;
  
}
.mechanism .box ul li .icon img{
  max-width: 100%;
}
.mechanism .box ul li .icon .coil{
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: url(../images/img140.png) center no-repeat;
  background-size: 86% auto;
  /*-webkit-animation: spin 2s linear infinite;
    animation: spin 2s linear infinite;*/
}
.mechanism .box ul li .title{
  /*max-width: 250px;
  width: 100%;
  overflow: hidden;*/
  display: inline-block;
  margin: 0 auto;
}
.mechanism .box ul li .title .t10{
  font-family: "sym";
  color: #222222;
  font-size:18px;
  margin-bottom:10px;
}
.mechanism .box ul li .title .t3{
  margin-top: 20px;
  font-family: "syl";
  color: #666666;
  text-align: left;
} 
.mechanism .box ul li .title .t3 .sp{
  display: inline-block;
  color: #ff7e23;
}
.mechanism .box ul li .title li{
  position: relative;
  padding-left: 25px;
  margin-bottom: 6px;
}
.mechanism .box ul li .title li:before{
  content: '';
  position: absolute;
  left: 0;
  top: 13px;
  width: 5px;
  height: 5px;
  border: #8997b8 solid 1px;
  border-radius: 50%;
}

.contcat_right{width: 80%; margin:80px auto;}
.contcat_right .item {margin-bottom: 50px;overflow: hidden; width: 100%;}
.contcat_right .item h3{font-size: 20px;color: #1a1a1a;     margin: 20px 0 50px; text-transform: uppercase; font-weight: bold;}
.contcat_right .item .form{overflow: hidden;}
.contcat_right .item .form li{list-style: none;padding-bottom: 10px;overflow: hidden; width: 48%;margin-right:4%; float:left; margin-bottom: 20px;}
.contcat_right .item .form li span{margin-bottom:20px;display: table; color: #000; font-size: 18px; margin-left: 0;}
.contcat_right .item .form li span i{color:#f23e2f;}
.contcat_right .item .form li:nth-child(2n){margin-right: 0px;}
.contcat_right .item .form li:nth-child(3n){width: 100%;}
.contcat_right .form li .input2{width:calc(100% - 37px);}
.contcat_rightm .form li .input2:last-child {margin-right: 0;}
.contcat_right .form li input,.contcat_right .item .form li textarea{border:0px;border-bottom: 1px solid #ccc;padding: 10px 0;width:calc(100% - 32px); float:left;}
.contcat_right .form li textarea {min-height: 100px;}
.contcat_right .form  .send {cursor: pointer;padding: 15px 0;width: 240px; margin:0 auto; color: #fff;text-transform: uppercase; background: #f23e2f;   border:0px; font-size: 20px;}
.contcat_right .form .send:hover {background: #7f050f;}
.contcat_right .send_content{display:table; margin:0 auto;}

.contact-section2-box{ overflow:hidden;}
.contact-section2-box .pic{ float:left; width:80%; height:40vh;}
.contact-section2-box .pic a{ display:block; height:100%;}
.contact-section2-box .contact-section2-note{ float:left; width:18%; padding:0% 0 0% 2%; background: #f6f5f5; height: 40vh;}
.contact-section2-box h3{ font-size:24px; line-height:24px; font-weight:bold;}
.contact-section2-box h4{ color: #333; font-weight: bold; font-size: 24px; width: 85%; display: table; height: 50px; padding: 30px 0 20px; text-transform: uppercase; line-height: 30px; }
.contact-section2-box .contact-section2-desc{ font-size:22px; line-height:40px; color:#333;}
.contact-section2-box .contact-section2-desc p{ font-size:18px; line-height:20px;  padding:0 20px 0 0;}
.contact-section2-box .contact-section2-desc span{color:#fff; font-size:50px;}

/*阵地保障*/
.position-support{
  padding-top: 5.2%;
  padding-bottom: 2.6%;
  background: #ffffff;
}
.position-support .box{
  margin-top: 4%;
}
.position-support .box>ul>li{
  position: relative;
  float: left;
  width: 48%;
  margin-right: 4%;
  margin-bottom: 3.125%;
  border-radius: 5px;
  overflow: hidden;
}
.position-support .box>ul>li:nth-child(2n){
  margin-right: 0;
}
.position-support .box ul li .img{
  width: 100%;
  overflow: hidden;
}
.position-support .box ul li .img img{
  width: 100%;
}
.position-support .box ul li .title{
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  border-radius: 5px;
  padding:5%;
  overflow: hidden;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background: #ebeef3;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
.position-support .box>ul>li:hover .title{
  background: #3d509f;
}
.position-support .box ul li .title .t2{
  text-align: center;
  font-size: 28px;
  color: #222222;
  font-family: "syr";
}
.position-support .box ul li:hover .title .t2{
  float: left;
  width: 36.5%;
  color: #fefefe;
  font-size: 34px;
}
.position-support .box ul li .title .t9{
  display: none;
  float: left;
  width: 63.5%;
  color: #FFFFFF;
  font-family: "syl";
}
.position-support .box ul li:hover .title .t9{
  display: block;
}
.position-support .box ul li .title .t9 ul{
  padding-left: 6%;
}
.position-support .box ul li .title .t9 ul li{
  position: relative;
  padding-left: 30px;
  margin-bottom: 5px;
}
.position-support .box ul li .title .t9 ul li:before{
  content: '';
  position: absolute;
  left: 0;
  top: 8px;
  width: 5px;
  height: 10px;
  background: url(../images/img149.png) center no-repeat;
}
/*增值服务*/
.added{
  padding-top: 5%;
  padding-bottom: 5%;
  background: url(../images/ys_bg.jpg) top center no-repeat;
  background-size: 100% auto;
}
.added .title .t1 {
    color: #FFFFFF;
}
.added .title .t3{color:#fff; font-size:20px;}
.added .box{
  margin-top: 4%;
}
.added .box ul{
  text-align: center;
  font-size: 0;
}
.added .box ul li{
  display: inline-block;
  vertical-align: top;
  width: 18.2%;
  margin-right: 2%;
  margin-bottom: 3.33%;
  padding: 3.33% 2% 2.5%;
  border-radius: 10px;
  overflow: hidden;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
}
.added .box ul li:nth-child(5n){
  margin-right: 0;
}
.added .box ul li:hover{
  background-color: rgba(255,255,255,0.3);
}
.added .box ul li .icon{
  margin-bottom: 12px;
}
.added .box ul li .icon img{
}
.added .box ul li .icon .ic2{
  display: none;
}
.added .box ul li .jia{
  width:25px;
  height:25px; 
  line-height:25px;
  text-align:center;
  margin:20px auto;
}
.added .box ul li .jia img{display: none;}
.added .box ul li:hover .jia img{
  display: inline-block;
}
.added .box ul li .title{
}
.added .box ul li .title .t6{
  color: #fff;
  font-size:24px;
  font-family: "sym";
}
.added .box ul li .title .t9{
  margin-top: 5px;
  color: #fff;
  font-family: "syl";
  line-height: 2;
  font-size:14px;
}
/*.added .box ul li:hover .title .t6, .added .box ul li:hover .title .t9{
  color: #FFFFFF;
}*/
/**/
.allbtn{
  text-align: center;
}
.allbtn a{
  min-width: 260px;
  height: 80px;
  line-height: 80px;
  border-radius: 10px;
  margin: 0 20px;
  font-family: "syr";
  font-size: 30px;
  padding: 0 15px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
}
.allbtn a.btn1{
  color: #fff;
  border: #fff solid 1px;
}
.allbtn a.btn1:hover{
  background-color: #fff;
  color: #364b9d;
}

/*专业完善的服务流程*/
.process{
  padding-top: 4.2%;
  padding-bottom: 4.2%;
  background: #f4f6f9;
}
.process .box{
  margin-top: 3.2%;
  background: #FFFFFF;
  box-shadow: 0px 3px 25px rgba(0,0,0,0.04);
}
.process .box .img{
  width: 100%;
  overflow: hidden;
  text-align: center;
  height: 90px;
  line-height: 90px;
  border-bottom: #f0f2f5 solid 1px;
}
.process .box .img img{
  max-width: 50%;
}
.process .box ul{
}
.process .box ul li{
  position: relative;
  float: left;
  width: 25%;
  text-align: center;
  padding: 3.2% 3.3% 2%;
  overflow: hidden;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.process .box ul li:before{
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  width: 2px;
  height: 100%;
  background: url(../images/img157.png) center no-repeat;
  background-size: auto 80%; 
}
.process .box ul li:nth-child(4n):before{
  background: none;
}
.process .box ul li .title .tit{
  font-family: "itc";
  color: #3d509f;
  font-size: 46px;
  margin-bottom: 5px;
}
.process .box ul li .title .tit .sp{
  font-size: 30px
}
.process .box ul li .title .t9{
  color: #222222;
  font-family: "syr";
  margin-bottom: 20px;
}
.process .box ul li .title .t3{
  color: #999999;
  font-family: "syl";
}
.process .consult{
  margin-top: 4%;
  text-align: center;
}
.process .consult a{
  display: inline-block;
  min-width: 140px;
  height: 45px;
  line-height: 43px;
  font-family: "syl";
  font-size: 16px;
  color: #FFFFFF;
  border: #3d509f solid 1px;
  background: #3d509f;
  border-radius: 10px;
  overflow: hidden;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
}
.process .consult a:hover{
  background: #FFFFFF;
  color: #3d509f;
}
/*服务内容*/
/*了解服务*/
.u-service{
  padding-top: 5.6%;
  padding-bottom: 5.6%;
}
.u-service .box ul li{
  float: left;
  width: 23.5%;
  margin-right:2%;
  margin-bottom:2%;
  overflow: hidden;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.u-service .box ul li:nth-child(4n+4){margin-right:0px;}
.u-service .box ul li a:hover{
  /*-webkit-transform: translateY(-5px);
  transform: translateY(-5px);
  box-shadow: 0px 6px 24px 0px rgba(198, 208, 244, 0.35);*/
}
.u-service .box ul li a{
  position: relative;
  display: block;
  width: 100%;
  height: 268px;
  background: #ffffff;
  overflow: hidden;
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
}
.u-service .box ul li a:before{
  content: '';
  position: absolute;
  right: 10%;
  bottom: 10%;
  width: 24px;
  height: 24px;
  background: url(../images/jialang.png) top right no-repeat;
  background-size: 100% auto;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
  opacity: 1;
  z-index: 1;
}
.u-service .box ul li a:hover{
  background: #4658a3;
  opacity: 0.8;
}
.u-service .box ul li a:hover:before{
  opacity: 0;
}
.u-service .box ul li .txt{
  position: absolute;
  left: 0;
  top: 50%;
  -o-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 100%;
  text-align: center;
  -webkit-transition: all 0.7s ease;
  transition: all 0.7s ease;
  margin-top: 21px;
}
.u-service .box ul li:hover .txt{
  margin-top: 0;
}
.u-service .box ul li .txt .icon{
  /*display: flex;
  align-items: center;
  justify-content: center;*/
  text-align: center;
  margin-bottom: 12px;
}
.u-service .box ul li .txt .icon img{width: 100%;}
.u-service .box ul li .txt .icon .ic2{
  display: none;
}
.u-service .box ul li:hover .txt .icon .ic1{
  display: none;
}
.u-service .box ul li:hover .txt .icon .ic2{
  display: inline-block;
}
.u-service .box ul li .txt .title .tit{
  font-family: "sym";
  font-size: 22px;
  color: #222222;
  padding: 0px 15px;
}
.u-service .box ul li:hover .txt .title .tit{
  color: #FFFFFF;
}
.u-service .box ul li .txt .title .t8{
  /*position: absolute;
  left: 0;
  bottom: -100%;
  width: 100%;*/
  padding: 5px 30px;
  background: #fff;
  border-radius: 50px;
  margin: 20px auto 0;
  display: table;
  opacity: 0;
  color: #3d509f;
  font-family: "syl";
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
.u-service .box ul li:hover .txt .title .t8{
  /*bottom: 0;*/
  opacity: 1;
}
.u-service .box ul li .txt .title .t8 img{
  display: inline-block;
  vertical-align: baseline;
  margin-left: 5px;
}
/*了解服务流程*/
.u-process{
  padding-top: 6%;
  padding-bottom: 3.9%;
  background: url(../images/img178.jpg) top center no-repeat;
  background-size: cover;
}
.u-process .title{
  text-align: center;
}
.u-process .title .t9{
  max-width: 800px;
  width: 100%;
  margin: 20px auto 0;
  font-family: "syl";
  color: #222222;
}
.u-process .imgbox{
  text-align: center;
  width: 100%;
  overflow: hidden;
  margin-top: 4%;
}
.u-process .imgbox img{
  max-width: 100%;
}
.u-process .btn{
  margin-top: 4%;
  text-align: center;
}
.u-process .btn a{
  display: inline-block;
  min-width: 130px;
  height: 46px;
  line-height: 44px;
  background: #f6550d;
  border: #f6550d solid 1px;
  border-radius: 5px;
  color: #FFFFFF;
  font-size: 14px;
  font-family: "syl";
  padding: 0px 15px;
  overflow: hidden;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
.u-process .btn a:hover{
  background: #FFFFFF;
  color: #f6550d;
}
/*了解相关解决方案*/
.u-solution{
  padding-top: 6.5%;
  padding-bottom: 6.5%;
  background: #f6f9fe;
}
.u-solution .title .t1{
  text-align: center;
}
.u-solution .switch-tab{
  margin-top: 3.75%;
}
.u-solution .switch-tab ul li{
  position: relative;
  padding: 0px 23px;
  cursor: pointer;
}
.u-solution .switch-tab ul li i{
  position: absolute;
  top: 2px;
  right: 0;
  width: 0;
  width: 1px;
  height: 21px;
  background: #e1e5f8;
  transition: All 0.5s ease;
    -webkit-transition: All 0.5s ease;
    -moz-transition: All 0.5s ease;
    -o-transition: All 0.5s ease;
    cursor: pointer;
}
.u-solution .switch-tab ul li span{
  padding: 0px 3px 12px;
}
.u-solution .box .swiper-container{
  padding-bottom: 4.7%;
  margin-top: 2.8%;
}
.u-solution .box .swiper-slide{
  opacity: 0.4;
}
.u-solution .box .swiper-slide-active{
  opacity: 1;
}
.u-solution .box .boxli{
  display: block;
  width: 100%;
  border-radius: 10px;
  overflow: hidden;
  box-shadow: 0px 1px 22px rgba(61,80,159,0.07);
  background: #FFFFFF;
}
.u-solution .box .boxli .img{
  float: left;
  width: 43%;
  overflow: hidden;
}
.u-solution .box .boxli .img img{
  width: 100%;
}
.u-solution .box .boxli .title{
  float: left;
  width: 57%;
  padding: 2% 5.3%;
  overflow: hidden;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.u-solution .box .boxli .title .t4{
  color: #222222;
  font-family: "syr";
  margin-bottom: 10px;
}
.u-solution .box .boxli .title .t3{
  color: #666666;
  font-family: "sy1";
}
.u-solution .box .boxli .title .t3.oth{
  color: #ff7e23;
}
.u-solution .box .boxli .title .t3.oth .tit{
  color: #666666;
}
.u-solution .box .boxli .title .t3.oth ul li{
  display: inline-block;
  margin-right: 36px;
}
.u-solution .box .boxli .title .t3.oth ul li:last-child{
  margin-right: 0;
}
.u-solution .box .boxli .title .btn{
  margin-top: 30px;
}
.u-solution .box .boxli .title .btn span{
  display: inline-block;
  min-width: 80px;
  height: 30px;
  line-height: 28px;
  border: #ff7e23 solid 1px;
  border-radius: 5px;
  font-family: "syl";
  color: #ff7e23;
  font-size: 14px;
  padding: 0px 10px;
  overflow: hidden;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: All 0.5s ease;
    -moz-transition: All 0.5s ease;
    -o-transition: All 0.5s ease;
}
.u-solution .box .boxli .title .btn span:hover{
  background: #ff7e23;
  color: #FFFFFF;
}
.u-solution .swiper-pagination-bullet{
  background:none;
  opacity: 1;
  margin: 0 40px !important;
  width: 16px;
  height: 16px;
  position:relative;
  outline:none;
  vertical-align:middle;
}
.u-solution .swiper-pagination-bullet .dot{
  width: 8px;
  height: 8px;
  background:#bec6e5;
  display:block;
  border-radius:50%;
  margin-top: 4px;
  margin-left: 4px;
}
.u-solution .swiper-pagination-bullet .line{
  height: 2px;
  width: 94px;
  position:absolute;
  top: 7px;
  left: 8px;
  background: #bec6e5;
}
.u-solution .swiper-pagination-bullet:last-child .line{
  background: none;
}
.u-solution .swiper-pagination-bullet .line span{
  background: #3d509f;
  height: 2px;
  width: 94px;
  position:absolute;
  top: 0;
  left: 0;
  transform:scaleX(0);
  transform-origin:left;
  z-index:3;
  transition-timing-function:linear;
}
.u-solution .swiper-pagination-bullet-active .dot,.swiper-pagination-bullet:hover .dot{
  width: 16px;
  height: 16px;
  margin-top:0;
  margin-left:0;
  background: none;
  position:relative;
  z-index:1;
  border: #3d509f solid 1px;
  overflow: hidden;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.u-solution .swiper-pagination-bullet-active .dot span,.swiper-pagination-bullet:hover .dot span{
  position: absolute;
  left: 50%;
  top: 50%;
  -o-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  display: inline-block;
  width:9px;
  height:9px;
  background: #3d509f;
  border-radius: 50%;
  z-index:1;
}
.u-solution .swiper-pagination-bullet-active .line span{
  animation: middle 6s;
}
.u-solution .swiper-pagination-bullet:first-child.swiper-pagination-bullet-active .line span{
  animation:first 6s forwards;
}
.u-solution .swiper-pagination-bullet:last-child.swiper-pagination-bullet-active .line span{
  animation:last 6s;
}
@keyframes first{
    0% {transform:scaleX(0.5);left:0px;}
    100% {transform:scaleX(1);left:2px;} 
}
@keyframes last{
    0% {transform:scaleX(0.7);left:-94px;}
    20% {transform:scaleX(0);left:2px;} 
    100% {transform:scaleX(0);left:0px;} 
}   
@keyframes middle{
    0% {transform:scaleX(0.7);left:-94px;}
  20% {transform:scaleX(0.45);left:2px;}
    100% {transform:scaleX(1);left:2px;} 
} 
/*服务内容2*/
.course{
  padding-top: 3.3%;
  padding-bottom: 3.1%;
  background: #f6f9fe;
}
.course .box ul li{
  float: left;
  width: 48.7%;
  margin-right: 2.6%;
  margin-bottom: 2.6%;
  border-radius: 10px;
  overflow: hidden;
  background: #FFFFFF;
}
.course .box ul li:nth-child(2n){
  margin-right: 0;
}
.course .box ul li a{
  position: relative;
  display: block;
  width: 100%;
  padding: 25px;
  overflow: hidden;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.course .box ul li .img{
  float: left;
  width: 44.6%;
  border-radius: 10px;
  /*padding-left: 25px;*/
  overflow: hidden;*/
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.course .box ul li .img img{
  width: 100%;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
.course .box ul li:hover .img img{
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}
.course .box ul li .tag{
  position: absolute;
  left: 15px;
  top: 45px;
  z-index: 2;
  background: #ff7e23;
  border-radius: 5px;
  color: #FFFFFF;
  font-size: 14px;
  font-family: "syr";
  padding: 0px 9px;
  height: 28px;
  line-height: 28px;
}
.course .box ul li .title{
  float: left;
  width: 55.4%;
  padding-left: 6.8%;
  padding-right: 2%;
  padding-top: 10px;
  overflow: hidden;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.course .box ul li .title .t6{
  color: #222222;
  font-family: "syr";
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
}
.course .box ul li:hover .title .t6{
  color: #ff7e23;
}
.course .box ul li .title .t8{
  margin-top: 12px;
  padding-left: 25px;
  color: #999999;
  font-family: "syr";
  background: url(../images/img183.png) center left no-repeat;
}
/*.course .box ul li .title .t8 img{
  display: inline-block;
  vertical-align: sub;
  margin-right: 4px;
}*/
.course .box ul li .title .t8.oth{
  width: 100%;
  overflow: hidden;
  margin-top: 25px;
  padding-left: 0;
  background: none;
}
.course .box ul li .title .t8.oth .see{
  float: left;
  color: #999999;
}
.course .box ul li .title .t8.oth .free{
  float: right;
  color: #ff7e23;
}
.course .wrap{
  margin-top: 2.6%;
}
.course .wrap .tit{
  overflow: hidden;
  padding-bottom: 25px;
  border-bottom: #e5e5e5 solid 1px;
}
.course .wrap .tit .bt{
  display: inline-block;
  vertical-align: baseline;
  margin-right: 70px;
  font-family: "sym";
  font-size: 40px;
  color: #222222;
}
.course .wrap .tit ul{
  display: inline-block;
  vertical-align: baseline;
  overflow: hidden;
}
.course .wrap .tit ul li{
  display: inline-flex;
  vertical-align: top;
  margin-right: 25px;
}
.course .wrap .tit ul li:last-child{
  margin-right: 0;
}
.course .wrap .tit ul li a{
  color: #222222;
  font-size: 20px;
  font-family: "syr";
  height: 35px;
  line-height: 35px;
  padding: 0px 16px;
  border-radius: 18px;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
.course .wrap .tit ul li.on a, .course .wrap .tit ul li:hover a{
  color: #ffffff;
  background: #ff7e23;
}
.course .wrap .tit ul li a .sp{
  font-size: 14px;
}
.course .wrap .screen{
  margin-top: 2%;
  color: #666666;
  font-size: 14px;
  font-family: "syl";
}
.course .wrap .screen a, .course .wrap .screen span{
  display: inline-block;
  vertical-align: middle;
}
.course .wrap .screen a{
  color: #666666;
  margin: 0 20px;
}
.course .wrap .screen a:hover, .course .wrap .screen a.on{
  color: #ff7e23;
}
.course .wrap .cont{
  margin-top: 2%;
}
.course .wrap .cont ul{
  margin-bottom: 4.3%;
}
.course .wrap .cont ul li{
  position: relative;
  float: left;
  width: 23.5%;
  margin-right: 2%;
  margin-bottom: 2%;
  border-radius: 10px;
  background: #FFFFFF;
  overflow: hidden;
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
}
.course .wrap .cont ul li:nth-child(4n){
  margin-right: 0;
}
.course .wrap .cont ul li:hover{
  box-shadow: 0px 2px 25px rgba(60,81,159,0.18);
}
/*.course .wrap .cont ul li a{
  position: relative;
  display: block;
  width: 100%;
}*/
.course .wrap .cont ul li .tag{
  position: absolute;
  left: 16px;
  top: 16px;
  z-index: 2;
  background: #ff7e23;
  border-radius: 5px;
  color: #FFFFFF;
  font-size: 14px;
  font-family: "syr";
  padding: 0px 9px;
  height: 28px;
  line-height: 28px;
}
.course .wrap .cont ul li .img{
  width: 100%;
  overflow: hidden;
}
.course .wrap .cont ul li .img img{
  width: 100%;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
.course .wrap .cont ul li:hover .img img{
  -webkit-transform: scale(1.2);
  transform: scale(1.2);
}
.course .wrap .cont ul li .title{
  padding: 30px;
}
.course .wrap .cont ul li .title .txt{
  min-height: 120px;
}
.course .wrap .cont ul li .title .t6{
  font-family: "syr";
  color: #222222;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}
.course .wrap .cont ul li .title .t8{
  margin-top: 10px;
  padding-left: 25px;
  background: url(../images/img183.png) center left no-repeat;
  color: #999999;
  font-family: "syr";
}
/*.course .wrap .cont ul li .title .t8 img{
  display: inline-block;
  vertical-align: sub;
  margin-right: 4px;
}*/
.course .wrap .cont ul li .title .t8.price{
  color: #ff7e23;
  padding-left: 0;
  background: none;
}
.course .wrap .cont ul li .title .btn{
  margin-top: 30px;
  overflow: hidden;
  border: #dfe5f1 solid 1px;
  border-radius: 5px;
}
.course .wrap .cont ul li .title .btn a{
  float: left;
  width: 50%;
  overflow: hidden;
  text-align: center;
  color: #999999;
  font-size: 14px;
  font-family: "syr";
  height: 36px;
  line-height: 36px;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.course .wrap .cont ul li .title .btn a.b2{
  background-color: #f3f4f6;
}
.course .wrap .cont ul li:hover .title .btn{
  border: #ff7e23 solid 1px;
}
.course .wrap .cont ul li:hover .title .btn .b1{
  color: #ff7e23;
}
.course .wrap .cont ul li:hover .title .btn .b2{
  color: #FFFFFF;
  background: #ff7e23;
}

/*服务内容3*/
.series{
  padding-top: 2%;
  padding-bottom: 5.2%;
  background: #f2f5fc;
}
.series .title .t7{
  color: #222222;
  font-family: "sym";
}
.series ul.list>li{
  padding-top: 50px;
}
.series ul.list li .box ul{
  margin-top: 2.66%;
}
.series ul.list li .box ul li{
  float: left;
  width: 18.4%;
  margin-right: 2%;
  margin-bottom: 2%;
  text-align: center;
  border-radius: 10px;
  background: #FFFFFF;
  padding: 20px;
  overflow: hidden;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
}
.series ul.list li .box ul li:nth-child(5n){
  margin-right: 0;
}
.series ul.list li .box ul li:hover{
  box-shadow: 0px 2px 25px rgba(61,80,159,0.18);
}
.series ul.list li .box ul li .img{
  width: 100%;
  overflow: hidden;
}
.series ul.list li .box ul li .img img{
  max-width: 100%;
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
}
.series ul.list li .box ul li:hover .img img{
  transform: scale(1.2);
}
.series ul.list li .box ul li .txt{
  margin-top: 20px;
  color: #222222;
  font-size: 20px;
  font-family: "syr";
}
.series .exhibition{
  margin-top: 3.4%;
}
.series .exhibition .swiper-container{
  position: relative;
  width: 100%;
  overflow: hidden;
  margin-top: 2.66%;
}
.series .exhibition .img{
  border-radius: 10px;
  overflow: hidden;
}
.series .exhibition .img img{
  width: 100%;
}
.operate{
  position: relative;
  text-align: center;
  margin-top: 4%;
}
.operate .swiper-button-next, .operate .swiper-button-prev{
  position: static;
  margin-top: 0;
  display: inline-block;
  vertical-align: middle;
  width: 7px;
    height: 14px;
    margin: 0 20px;
    -moz-background-size: 7px 14px;
    -webkit-background-size: 7px 14px;
    background-size: 7px 14px;
    background-position: center;
    background-repeat: no-repeat
}
.operate .swiper-button-prev, .operate .swiper-container-rtl .swiper-button-next {
    background-image: url(../images/img232.png);
}
.operate .swiper-button-next, .operate .swiper-container-rtl .swiper-button-prev {
    background-image: url(../images/img233.png);
}
.operate .swiper-button-prev:hover, .operate .swiper-container-rtl .swiper-button-next:hover{
    background-image: url(../images/img232a.png);
}
.operate .swiper-button-next:hover, .operate .swiper-container-rtl .swiper-button-prev:hover{
    background-image: url(../images/img233a.png);
}
.operate .swiper-pagination{
  position: static;
  display: inline-block;
  vertical-align: middle;
  text-align: center;
}
.operate .swiper-pagination-bullet{
    width: 10px;
    height: 10px;
    display: inline-block;
    border-radius: 100%;
    background: #b2b7ce;
    opacity: 1;
    margin: 0 10px;
}
.operate .swiper-pagination-bullet-active {
    opacity: 1;
    background: #3d509f;
}
/*服务详情*/
.service-details{
  padding-top: 3.3%;
  background: #f6f9fe;
}
.service-details .box{
  max-width: 1400px;
  width: 100%;
  margin: auto;
  /* overflow: hidden; */
}
.service-details .l-box{
  float: left;
  width: 290px;
  /*overflow: hidden;*/
  height: -moz-calc(100vh - 120px);
    height: -webkit-calc(100vh - 120px);
    height: calc(100vh - 120px);
}
.service-details .l-box .s-plate{
  text-align: left;
  overflow: hidden;
}
.service-details .l-box .s-plate .icon{
  padding-top: 30px;
  margin-bottom: 25px;
}
.service-details .l-box .s-plate .icon img{
  max-width: 34.5%;
}
.service-details .l-box .s-plate .title .t4{
  font-family: "sym";
  color: #222222;
}
.service-details .l-box .s-plate .title .t8{
  margin-top: 5px;
  color: #999999;
  font-family: arial;
}
.service-details .l-box .s-plate .title .btn{
  text-align: left;
  margin-top: 20px;
}
.service-details .l-box .s-plate .title .btn a{
  min-width: 140px;
  max-width: 100%;
  height: 40px;
  line-height: 40px;
  font-family: "syr";
  color: #ffffff;
  background: #ff6a00;
  border-radius: 4px;
  text-align: center;
  padding: 0px 15px;
  overflow: hidden;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
}
.service-details .l-box .d-nav{
  margin-top: 30px;
}
.service-details .l-box .d-nav ul li{
  position: relative;
  border-top: #eeeeee solid 1px;
}
.service-details .l-box .d-nav ul li:before{
  content: '';
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  width: 3px;
  height: 0;
  background: #3d509f;
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
}
.service-details .l-box .d-nav ul li.on:before, .service-details .l-box .d-nav ul li:hover:before{
  height: 100%;
}
.service-details .l-box .d-nav ul li span{
  position: relative;
  display: block;
  width: 100%;
  color: #444444;
  font-size: 16px;
  font-family: "syr";
  line-height: 1.7;
  padding-top: 15px;
  padding-left: 35px;
  padding-bottom: 15px;
  overflow: hidden;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.service-details .l-box .d-nav ul li:hover span, .service-details .l-box .d-nav ul li.on span{
  color: #3d509f;
  background: url(../images/img236.png) center right no-repeat;
  background-size: cover;
  /*filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr=#ffffff,endcolorstr=rgba(61,80,159,0.3),gradientType=1);
    background:-moz-linear-gradient(left, #ffffff, rgba(61,80,159,0.3));
    background:-webkit-gradient(linear, left top, right top, from(#ffffff), to(rgba(61,80,159,0.3)));
    background:-o-linear-gradient(left, #ffffff, rgba(61,80,159,0.3));*/
}
.service-details .l-box .d-nav ul li span i{
  position: absolute;
  left: 5px;
  top: 24px;
  width: 8px;
  height: 8px;
  background: url(../images/img235.png) center no-repeat;
}
.service-details .r-box{
  float: right;
  width: -moz-calc(100% - 290px);
  width: -webkit-calc(100% - 290px);
  width: calc(100% - 290px);
  border-left: #e5e5e5 solid 1px;
  padding-left: 6.4%;
  /* overflow: hidden; */
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.service-details .r-box .text{
  margin-top: 5.4%;
}
.service-details .r-box .text .tit{
  font-family: "sym";
  font-size: 40px;
  color: #222222;
}
.service-details .r-box .text .txt{
  margin-top: 10px;
  
  font-size: 16px;
  font-family: "syl";
  line-height: 1.7;
}
.service-details .r-box .list>li, .service-details .r-box .related{
  margin-top: 30px;
  padding-top: 35px;
  padding-bottom: 20px;
  border-top: #eeeeee solid 1px;
}
.service-details .r-box .related{
  padding-bottom: 12%;
}
.service-details .r-box .list li .title .t10{
  color: #222222;
  font-family: "sym";
}
.service-details .r-box .list li .part1 .title .t3{
  /*color: #666666;*/
  font-family: "syl";
  margin-top: 30px;
}
.service-details .r-box .list li .part2{
}
.service-details .r-box .list li .part2 .atlas{
  margin-top: 30px;
  margin-bottom: 30px;
}
.service-details .r-box .list li .part2 .atlas ul li{
  float: left;
  width: 31.66%;
  margin-right: 2.5%;
  margin-bottom: 2.5%;
}
.service-details .r-box .list li .part2 .atlas ul li:nth-child(3n){
  margin-right: 0;
}
.service-details .r-box .list li .part2 .atlas ul li a{
  position: relative;
  display: block;
  width: 100%;
  overflow: hidden;
}
.service-details .r-box .list li .part2 .atlas ul li .img{
  width: 100%;
  overflow: hidden;
}
.service-details .r-box .list li .part2 .atlas ul li img{
  width: 100%;
}
.service-details .r-box .list li .part2 .atlas ul li .st{
  position: absolute;
  left: 0;
  bottom: 25px;
  z-index: 10;
  color: #ffffff;
  font-size: 18px;
  font-family: "syr";
  width: 100%;
  padding: 0px 20px;
  overflow: hidden;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.service-details .r-box .list li .part2 .atlas ul li:hover .st{
  display: none;
}
.service-details .r-box .list li .part2 .atlas ul li .txt{
  position: absolute;
  left: 0;
  top: 50%;
  z-index: 10;
  -o-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 100%;
  padding: 0px 20px;
  text-align: center;
  /* overflow: hidden; */
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  opacity: 0;
}
.service-details .r-box .list li .part2 .atlas ul li:hover .txt{
  opacity: 1
}
.service-details .r-box .list li .part2 .atlas ul li .txt .t1{
  color: #ffffff;
  font-size: 14px;
  font-family: "syr";
}
.service-details .r-box .list li .part2 .atlas ul li .txt .t2 img{
  width: 16px;
  height: 12px;
}
.service-details .r-box .list li .part2 .atlas ul li .mask{
  position: absolute;
  left: 50%;
  top: 50%;
  -o-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 214px;
  height: 214px;
  border-radius: 50%;
  border: transparent solid 100px;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
.service-details .r-box .list li .part2 .atlas ul li .ring{
  position: absolute;
  left: 50%;
  top: 50%;
  -o-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 120px;
  height: 120px;
  background: rgba(61,80,159,0.26);
  border-radius: 50%;
  border: rgba(255,255,255,0.04) solid 150px;
}
.service-details .r-box .list li .part2 .atlas ul li:hover .mask{
    border: rgba(61,80,159,0.9) solid 100px;
}
.service-details .r-box .list li .part2 .atlas ul li:hover .ring{
  border: none;
  background: rgba(61,80,159,0.9);
}
/*服务流程*/
.service-details .r-box .list li .part3 .content{
  margin-top: 45px;
}
.service-details .r-box .list li .part3 .content ul li{
  position: relative;
  float: left;
  width: 15.5%;
  /* overflow: hidden; */
}
.service-details .r-box .list li .part3 .content ul li:nth-child(7n){
  width: 7%;
}
.service-details .r-box .list li .part3 .content ul li:last-child{
  width: 7%;
}
.service-details .r-box .list li .part3 .content ul li .con{
  display: inline-block;
  text-align: center;
  max-width: 100%;
}
.service-details .r-box .list li .part3 .content ul li .icon{
  width: 55px;
  height: 55px;
  line-height: 55px;
  text-align: center;
  border: #ff6a00 solid 2px;
  border-radius: 50%;
  margin: auto;
}
.service-details .r-box .list li .part3 .content ul li .arrow{
  position: absolute;
  right: 0;
  top: 0;
  /* width: 50%; */
  width: -moz-calc(100% - 59px);
  width: -webkit-calc(100% - 59px);
  width: calc(100% - 59px);
  /*max-width: 50%;*/
  height: 55px;
  line-height: 55px;
  text-align: center;
  margin: auto;
  background: url(../images/img254.png) center no-repeat;
  /*background-size: 90% auto;*/
}
.service-details .r-box .list li .part3 .content ul li .txt{
  margin-top: 10px;
}
.service-details .r-box .list li .part3 .content ul li .txt .t1{
  font-size: 16px;
  color: #ff6a00;
  font-family:"syr";
  margin-bottom: 5px;
  white-space: nowrap;
}
.service-details .r-box .list li .part3 .content ul li .txt .t2{
  font-size: 12px;
  color: #ff6a00;
  font-family:arial;
}
/*相关规范*/
.service-details .r-box .list li .part4 .content{
  margin-top: 25px;
  border-top: #eeeeee solid 1px;
  border-right: #eeeeee solid 1px;
  border-left: #eeeeee solid 1px;
  overflow: hidden;
}
.service-details .r-box .list li .part4 .content ul li{
  position: relative;
  float: left;
  display: flex;
  align-items: center;
  width: 50%;
  height: 58px;
  overflow: hidden;
  border-bottom: #eeeeee solid 1px;
}
.service-details .r-box .list li .part4 .content ul li:before{
  content: '';
  position: absolute;
  right: 0;
  width: 1px;
  height: 100%;
  border-right: #eeeeee solid 1px;
}
.service-details .r-box .list li .part4 .content ul li a{
  display: block;
  width: 100%;
  position: relative;
  color: #222222;
  font-size: 16px;
  font-family: "syl";
  padding-left: 40px;
  padding-right: 30px;
  overflow: hidden;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.service-details .r-box .list li .part4 .content ul li a i{
  position: absolute;
  left: 18px;
  top: 10px;
  width: 4px;
  height: 4px;
  border-radius: 50%;
  border: #ff7512 solid 1px;
}
/*相关案例*/
.service-details .related .caseli{
  box-shadow: none;
}
.service-details .related .caseli>a{
  display: block;
  width: 100%;
}

/**/
@media only screen and (max-width: 1680px){
  .header .content{
    padding-left: 4%;
  }
  .header .nav>ul>li{
    padding: 0px 12px;
  }
  .header .nav>ul>li>a{
    font-size: 17px;
  }
  .head-other .call{
    font-size: 22px;
  }
  .head-other .call img{
    width: 32px;
  }
  .head-nation .current .name{
    font-size: 17px;
  }
  .head-nation ul li a{
    font-size: 17px;
  }
  /**/
  .i-banner .box .t1{
    font-size: 44px;
  }
  .i-banner .box .t2{
    font-size: 18px;
  }
  /**/
  .title .t1{
    font-size: 40px;
  }
  .title .t2{
    font-size: 30px;
  }
  .title .t4{
    font-size: 21px;
  }
  .title .t5{
    font-size: 26px;
  }
  .title .t6{
    font-size: 18px;
  }
  .title .t7{
    font-size: 32px;
  }
  .title .t9{
    font-size: 16px;
  }
  .u-service .box ul li a{height: 254px;}
  /**/
  .indexpart1 .l-wrap .txt .t2{
    margin-top: 3.5%;
  }
  .indexpart1 .l-wrap .more{
    margin-top: 5%;
  }
  .indexpart1 .l-wrap .more a{
    min-width: 140px;
    height: 45px;
    line-height: 45px;
  }
  .indexpart1 .r-box .t6{
    margin-top: 20px;
  }
  .indexpart1 .l-box .txt .line{
    margin-top: 10px;
    margin-bottom: 15px;
  }
  .indexpart2 .switch-tab ul li{
    margin: 0 1%;
    width: calc(12% - 4px);
  }
  .indexpart2 .switch-tab ul li .txt{
    font-size: 16px;
  }
  .indexpart4 .box .txt{
    font-size: 36px;
  }
  .indexpart4 .box .quota .t1{
    font-size: 22px;
  }
  .indexpart4 .box .quota .t1 .sp{
    font-size: 36px;
  }
  .indexpart4 .box .btnbox a{
    width: 36%;
  }
  /*.caseli .txt{
    padding-top: 5%;
  }*/
/*  .caseli .icon img{
    max-height: 70px;
  }*/
  /*.caseli .title .t6{
    min-height: 54px;
    margin-bottom: 5px;
  }*/
  .caseli .title .t8 li{
    margin-bottom: 0;
  }
  /*关于我们*/
  .abnav ul li a{
    height: 90px;
    line-height: 90px;
  }
  .aboutbox .a-title .t1{
    font-size: 40px;
  }
  .key .box ul li:hover .img:before{
    width: 240px;
    height: 240px;
  }
  .key .box ul li .txt .tit .t1{
    font-size: 22px;
  }
  /*新闻*/
  .new .newli .title .t4{
    margin-bottom: 10px;
  }
}
@media only screen and (max-width: 1620px){
  .swiper-box{
    width: 83.33%;
  }
  .strength .swiper-button-next, .strength .swiper-button-prev{
    margin-top: -68px;
  }
  .strength .swiper-button-prev, .strength .swiper-container-rtl .swiper-button-next{
    left: 3.5%;
  }
  .strength .swiper-button-next, .strength .swiper-container-rtl .swiper-button-prev{
      right: 3.5%;
  }
}
@media only screen and (max-width: 1536px){
  .title .t1{
    font-size: 36px;
  }
  .title .t2{
    font-size: 26px;
  }
  .title .t4{
    font-size: 19px;
  }
  .title .t5{
    font-size: 22px;
  }
  .title .t7{
    font-size: 28px;
  }
  .indexpart3 .wrap>ul>li{
    margin-bottom: 14%;
  }
  .indexpart3 .wrap ul li .con .t1{
    font-size: 22px;
  }
  .indexpart4 .box .txt{
    font-size: 32px;
  }
  .indexpart4 .box .quota .t1{
    font-size: 20px;
  }
  .indexpart4 .box .quota .t1 .sp{
    font-size: 32px;
    height: 56px;
      line-height: 56px;
  }
  .indexpart4 .box .btnbox a{
    font-size: 16px;
    height: 45px;
      line-height: 45px;
  }
  /*关于我们*/
  .abnav ul li a {
      height: 80px;
      line-height: 80px;
  }
  .aboutbox .a-title .t1{
    font-size: 36px;
  }
  .key .box ul li:hover .img:before {
      width: 220px;
      height: 220px;
  }
  .key .box ul li .txt .tit{
    padding-bottom: 10px;
  }
  .key .box ul li .txt .tit .t2{
    font-size: 15px;
  }
  .key .box ul li .txt ul li{
    font-size: 15px;
  }
  .strength .box .tabs ul li a{
    font-size: 22px;
  }
  /*新闻*/
  .new .newli .title .t4{
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    /*min-height: 60px;*/
    margin-bottom: 15px;
  }
  .new .tit .screen .t1{
    font-size: 18px;
  }
  /*人才招聘*/
  .letter ul li .part1 .w1 .tit{
    font-size: 20px;
  }
  .letter ul li .part1 .w2 .t1{
    font-size: 24px;
  }
  .letter ul li .part1 .w2 .t2{
    font-size: 15px;
  }
  /* 服务内容 */
  .u-solution .box .boxli .title .t3{
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
  }
  .u-solution .box .boxli .title .t3.oth{
    margin-top: 15px;
  }
  .u-solution .box .boxli .title .t3.oth ul li{
    margin-right: 20px;
  }
  .u-solution .box .boxli .title .btn{
    margin-top: 20px;
  }
  /* 服务详情 */
  .service-details .r-box{
    padding-left: 4%;
  }
  .service-details .r-box .list li .part2 .atlas ul li .mask{
    width: 180px;
    height: 180px;
  }
  .service-details .r-box .list li .part2 .atlas ul li .ring{
    width: 110px;
    height: 110px;
    border: rgba(255,255,255,0.04) solid 130px;
  }
  .service-details .r-box .list li .part3 .content ul li .arrow{
      width: -moz-calc(100% - 63px);
      width: -webkit-calc(100% - 63px);
      width: calc(100% - 63px);
  }
}
@media only screen and (max-width: 1440px){
  .header .logo a img{
    max-width: 180px;
  }
  .header .nav>ul>li>a{
    font-size: 16px;
  }
  .head-other .call{
    font-size: 20px;
  }
  .head-nation .current .name{
    font-size: 16px;
  }
  .head-nation ul li a{
    font-size: 16px;
  }
  /**/
  .i-banner .box .t1{
    font-size: 40px;
  }
  .title .t1{
    font-size: 32px;
  }
  .title .t2{
    font-size: 24px;
  }
  .title .t3{
    font-size: 15px;
  }
  .title .t5{
    font-size: 20px;
  }
  .title .t6{
    font-size: 17px;
  }
  .title .t7{
    font-size: 26px;
  }
  .title .t9{
    font-size: 15px;
  }
  .title .t10{
    font-size: 26px;
  }
  .indexpart1 .l-box .txt, .indexpart1 .r-box .title.txt{
    padding-top: 4%;
  }
  .u-service .box ul li a{    height: 206px;}
  /*.indexpart2 .switch-tab ul li .icon{
    width: 90px;
    height: 98px;
    line-height: 98px;
  }*/
  .indexpart2 .switch-li .r-wrap .tit{
    font-size: 16px;
  }
  .indexpart2 .switch-li .r-wrap .wrap1{
    margin-top: 40px;
  }
  .indexpart2 .switch-li .r-wrap .wrap1 ul li{
    height: 45px;
      line-height: 45px;
      font-size: 15px;
  }
  .indexpart2 .switch-li .r-wrap .wrap2{
    margin-top: 30px;
  }
  .allbtn a{
    min-width: 140px;
      height: 45px;
      line-height: 45px;
    font-size: 22px;
  }
  .indexpart3{
    padding-top: 5%;
  }
  .indexpart3 .wrap ul li .con .t1{
    font-size: 20px;
  }
  .caseli .title .t8{
    min-height: 90px;
  }
  .caseli .btn a{
    height: 36px;
    line-height: 34px;
  }
  .alike .switch-tab ul li{
    padding: 0px 30px;
  }
  .indexpart6 .box .txt .title{
    margin-top: 0;
    min-height: 90%;
  }
  .indexpart6 .box .txt .other .date{
    font-size: 16px;
  }
  /*关于我们*/
  .aboutbox .a-title .t2{    margin-top: 20px; font-size:20px;}
  .abnav ul li a {
      height: 70px;
      line-height: 70px;
  }
  .culture ul li .info{
    font-size: 15px;
  }
  .culture ul li .info .bt{
    font-size: 20px;
  }
  .key .box ul li:hover .img:before {
      width: 200px;
      height: 200px;
  }
  .key .box ul li .txt ul li{
    font-size: 14px;
    line-height: 1.7;
    padding-left: 20px;
    margin-bottom: 5px;
  }
  .key .box ul li .txt ul li:before{
    top: 8px;
  }
  .strength .swiper-pagination-bullet{
    width: 12px;
    height: 12px;
  }
  .aboutbox .a-title .t1{
    font-size: 32px;
  }
  .swiper-box .wrap .item .mask{
    bottom: -80px;
      height: 80px;
      line-height: 80px;
  }
  .swiper-box .wrap .item.small-img .mask {
      bottom: -60px;
      height: 60px;
      line-height: 60px;
  }
  .swiper-box .wrap ul li:hover .item .mask{
    bottom: 0;
  }
  .added .box ul li .title .t6{font-size:22px;}
  .viewjiaju .shejibox .r_box{padding:5%;}
  /*联系我们*/
  .contact-section2-box h4{font-size:20px;}
  .contact-section2-box .contact-section2-desc p{font-size:14px;}
  .contact-section2-box .contact-section2-note{width:20%;}
  .contact-section2-box .pic{width:78%;}
  .contact .box>ul>li{
    min-height: 240px;
  }
  .contact .box ul li .l-box .t1{
    font-size: 30px;
  }
  .contact .box ul li .l-box .t2 a{
    font-size: 15px;
  }
  .contact .box ul li .r-box ul li{
    font-size: 16px;
    line-height: 1.7;
  }
  /*资质证书*/
  .certificate ul li:before{
    height: 4px;
  }
  .certificate ul li .txtbox .txt{
    font-size: 18px;
  }
  /*团队风采*/
  .team .box ul li .txt .title .t9{
    min-height: 150px;
  }
  /*案例*/
  .case .box .box2 ul li{
    margin-right: 40px;
  }
  .case .box .box2 ul li a{
    font-size: 17px;
    padding: 12px;
  }
  .page-list a{
    min-width: 36px;
    height: 36px;
    line-height: 36px;
    font-size: 18px;
  }
  .page-list .total{
    line-height: 36px;
  }
  /*案例详情*/
  .s-module ul li span, .s-module ul li a{
    height: 60px;
    line-height: 60px;
  }
  /*新闻详情*/
  .new.related .tit{
    font-size: 36px;
  }
  /*人才招聘*/
  .letter ul li .part1 .w2 .t1{
    font-size: 22px;
  }
  .recruit .box ul li .cont{
    padding: 2.66% 4.5%;
  }
  /*服务承诺*/
  .position-support .box ul li .title .t2{
    font-size: 26px;
  }
  .position-support .box ul li:hover .title .t2{
    font-size: 32px;
  }
  /* 服务内容2 */
  .course .wrap .tit .bt{
    font-size: 36px;
  }
  .course .wrap .tit ul li a{
    font-size: 18px;
  }
  .course .wrap .cont ul li .title{
    padding: 20px;
  }
  /* 服务详情 */
  .service-details .r-box .text .tit{
    font-size: 36px;
  }
  .service-details .r-box .list li .part3 .content{
    margin-top: 30px;
  }
  .service-details .r-box .list li .part3 .content ul li .icon{
    width: 50px;
    height: 50px;
    line-height: 50px;
  }
  .service-details .r-box .list li .part3 .content ul li .arrow{
    width: -moz-calc(100% - 66px);
    width: -webkit-calc(100% - 66px);
    width: calc(100% - 66px);
  }
  .service-details .r-box .list li .part4 .content ul li{
    height: 75px;
  }
  .service-details .r-box .list li .part4 .content ul li a{
    font-size: 15px;
  }
  /**/
  .solution .box ul li .txt .icon{
    width: 42px;
    height: 42px;
    line-height: 42px;
  }
}
@media only screen and (max-width: 1280px){
  .header .logo a img{
    max-width: 160px;
  }
  .header .nav>ul>li{
    padding: 0px 8px;
  }
  .header .nav>ul>li>a{
    font-size: 15px;
  }
  .head-other .call{
    font-size: 18px;
  }
  .head-nation .current .name{
    font-size: 15px;
  }
  .head-nation ul li a{
    font-size: 15px;
  }
  .header .drop-down a{
    font-size: 15px;
    padding: 10px 15px;
  }
  .navcell .l-box .txt .t1{
    font-size: 15px;
  }
  .navcell .r-box .tit{
    font-size: 18px;
  }
  .navcell .r-box ul li a{
    font-size: 15px;
  }
  .u-service .box ul li a{height: 180px;}
  .viewjiaju .shejibox .r_box {
    padding: 3%;
    width: 64%;
  }
  .viewjiaju .shejibox .r_box .sheji_name {
    font-size: 26px;
    margin-bottom: 20px;
}
.viewjiaju .shejibox .r_box .sheji_text {
    font-size: 16px;
    line-height: 30px;
}
  /**/
  .i-banner .box .t1{
    font-size: 32px;
  }
  .title .t6{
    font-size: 16px;
  }
  .title .t10{
    font-size: 24px
  }
  .indexpart4 .box .txt{
    font-size: 28px;
  }
  .indexpart4 .box .quota .t1{
    font-size: 18px;
  }
  .indexpart4 .box .quota .t1 .sp{
    font-size: 28px;
    width: 45px;
    height: 50px;
      line-height: 50px;
  }
  .speech .r-box .title .t7{font-size:26px;}
  .footer .foot-con .foot-nav ul li{width: 16.585%;}
  .team .box ul li .txt{    padding-top: 4.25%;}
  .team .box ul li .txt .title .t9 p{    line-height: 26px;}
  .swiper-box .wrap .l-wrap2{width: calc(65.1% - 20px);}
  .swiper-box .wrap .r-wrap2 { width: 34.9%;}
  .scjdtext p{font-size:20px;}
  .added .box ul li .title .t6 {
    font-size: 20px;
   }
  .alike .switch-tab ul li{
    padding: 0px 20px;
  }
  .strength .box .tabs ul li a{
    font-size: 20px;
  } 
  .key .box ul li:hover .img:before{
    width: 180px;
    height: 180px;
  }
  .key .box ul li .txt .tit{
    padding-bottom: 5px;
  }
  .key .box ul li .txt ul{
    margin-top: 10px;
  }
  .key .box ul li .txt .see{
    margin-top: 10px;
  }
  /*联系我们*/
  .contact .box>ul>li{
    min-height: 200px;
  }
  .contact .box ul li .l-box .t1{
    font-size: 28px;
  }
  /*团队风采*/
  .team .box ul li .txt .title .t9{
    min-height: 130px;
  }
  /*案例*/
  .case .box .box2 ul li{
    margin-right: 30px;
  }
  .case .box .box2 ul li a{
    font-size: 16px;
    padding: 10px 12px;
  }
  /*案例详情*/
  .case-detail .r-box .tit{
    font-size: 24px;
  }
  .case-detail .r-box #wrap>li{
    padding-bottom: 40px;
  }
  .s-module ul li span, .s-module ul li a{
    padding-left: 15px;
    padding-right: 40px;
  }
  /*新闻详情*/
  .new.related .tit{
    font-size: 32px;
  }
  /*服务承诺*/
  .sernav ul li span{
    line-height: 70px;
  }
  .position-support .box ul li .title .t2{
    font-size: 24px;
  }
  .position-support .box ul li:hover .title .t2{
    font-size: 28px;
  }
  /* 服务内容 */
  .u-service .box ul li .txt .title .tit{
    font-size: 20px;
  }
  .course .box ul li .title .t8.oth{
    margin-top: 20px;
  }
  .course .wrap .tit .bt{
    font-size: 32px;
    vertical-align: middle;
  }
  .course .wrap .tit ul{
    vertical-align: middle;
  }
  .course .wrap .tit ul li a{
    font-size: 16px;
  }
  /* 服务内容3 */
  .series ul.list li .box ul li .txt{
    font-size: 18px;
    margin-top: 15px;
  }
  /* 服务详情 */
  .service-details .r-box .list>li, .service-details .r-box .related{
    margin-top: 20px;
    padding-top: 30px;
  }
  .service-details .r-box .list li .part2 .atlas ul li .mask{
    width: 160px;
    height: 160px;
  }
  .service-details .r-box .list li .part2 .atlas ul li .ring{
    width: 100px;
    height: 100px;
    border: rgba(255,255,255,0.04) solid 120px;
  }
  /* 服务详情 */
  .service-details .r-box .text .tit{
    font-size: 32px;
  }
  .service-details .r-box .list li .part3 .content ul li .txt .t1{
    font-size: 15px;
  }
  .service-details .l-box{
    width: 260px;
  }
  .service-details .r-box{
    width: -moz-calc(100% - 260px);
    width: -webkit-calc(100% - 260px);
    width: calc(100% - 260px);
  }
}
@media only screen and (max-width: 1200px){
  .main, .omain{
    padding-top: 60px;
  }
  .menubtn{
    display: block;
  }
  .header{
    padding: 0;
    background: #FFFFFF;
  }
  .header .logo a{
    height: 60px;
    line-height: 60px;
  }
  .header .logo a img{
    max-height: 27px;
  }
  .header .logo a img.logo1{
    display: none;
  }
  .header .logo a img.logo2{
    display: inline-block;
  }
  .header .nav, .head-other{
    display: none;
  }
  .conwidth{
    width: 100%;
    padding-left: 3%;
    padding-right: 3%;
    /*overflow: hidden;*/
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
  .footer .foot-con .foot-nav{
    float: none;
    width: 100%;
    padding-bottom: 30px;
    border-bottom: #5162a9 solid 1px;
  }
  .footer .foot-con .foot-nav ul li{
    width: auto;
    margin-right: 5%;
  }
  .footer .foot-con .foot-nav ul li .alink{
    display: none;
  }
  .footer .foot-con .foot-code{
    float: none;
    width: 100%;
    text-align: left;
    padding-top: 20px;
    overflow: hidden;
  }
  .footer .foot-con .foot-code .txt{
    float: left;
    text-align: left;
    margin-right: 0;
    margin-top: 5%;
    width: 52%;
  }
  .footer .foot-con .foot-code ul{
    float: left;    
  }
  .i-banner{
    top: 50%;
    -o-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
  }
  .i-banner .box .t1{
    padding: 0px 50px;
  }
  .lunbotu .swiper-button-next, .lunbotu .swiper-button-prev{
    margin-top: -25px;
  }
  .title .t1{
    font-size: 30px;
  }
  .title .t2{
    font-size: 22px;
  }
  .title .t4{
    font-size: 18px;
  }
  .title .t5{
    font-size: 18px;
  }
  .indexpart1{
    padding-top: 70px;
    padding-bottom: 70px;
  }
  .indexpart1 .l-wrap .txt .t3{
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
  }
  .indexpart1 .l-wrap .more a {
      min-width: 120px;
      height: 40px;
      line-height: 40px;
      font-size: 15px;
  }
  .allbtn a{
    min-width: 120px;
      height: 40px;
      line-height: 40px;
      font-size: 15px;
      margin: 0 15px;
  }
  .indexpart6 .box .txt .other .date{
    font-size: 14px;
  }
  .strength .conwidth{
    width: 83.33%;
    padding: 0;
  }
  .aboutbox .a-title .t1{
    font-size: 30px;
  }
  /*新闻*/
  .newli{
    padding-bottom: 20px;
  }
  .new .newli .title{
    /*margin-top: 15px;*/
  }
  .new .newli .title .t4{
    /*margin-top: 5px;
    min-height: 50px;*/
  }
  .new .newli .oth{
    padding-top: 15px;
  }
}
@media only screen and (max-width: 1024px){
  .oimg1{
    display: none;
  }
  .oimg2{
    display: block;
  }
  .banner-video{
    display: none;
  }
  .indexpart2{
    padding-top: 70px;
    padding-bottom: 70px;
  }
  .indexpart2 .box{
    margin-top: 40px;
  }
  .indexpart2 .switch-box{
    margin-top: 40px;
  }
  .indexpart2 .switch-tab ul li .icon {
      width: 80px;
      height: 87px;
      line-height: 87px;
  }
  .indexpart2 .switch-tab ul li .txt{
    font-size: 15px;
  }
  .indexpart2 .switch-li .r-wrap{
    float: none;
    width: 100%;
  }
  .indexpart2 .switch-li .l-wrap{
    display: none;
  }
  .indexpart2 .switch-li .r-wrap .wrap1{
    margin-top: 30px;
  }
  .indexpart2 .switch-li .r-wrap .wrap2 ul li{
    width: 18%;
    margin-right: 2.5%;
  }
  .indexpart2 .switch-li .r-wrap .wrap2 ul li:nth-child(6n){
    margin-right: 2.5%;
  }
  .indexpart2 .switch-li .r-wrap .wrap2 ul li:nth-child(5n){
    margin-right: 0;
  }
  .allbtn{
    margin-top: 50px;
  }
  .allbtn a.btn2{
    display: inline-block;
  }
  .indexpart2 .switch-tab ul, .alike .switch-tab ul{
    overflow-x: scroll;
      overflow-y: hidden;
      white-space: nowrap;
  }
  .indexpart2 .switch-tab ul::-webkit-scrollbar, .alike .switch-tab ul::-webkit-scrollbar{
      width:0px;
      height:0px;
  }
  .indexpart2 .switch-tab ul::-webkit-scrollbar-button, .alike .switch-tab ul::-webkit-scrollbar-button{
      background-color:rgba(0,0,0,0);
  }
  .indexpart2 .switch-tab ul::-webkit-scrollbar-track, .alike .switch-tab ul::-webkit-scrollbar-track{
      background-color:rgba(0,0,0,0);
  }
  .indexpart2 .switch-tab ul::-webkit-scrollbar-track-piece, .alike .switch-tab ul::-webkit-scrollbar-track-piece{
      background-color:rgba(0,0,0,0);
  }
  .indexpart2 .switch-tab ul::-webkit-scrollbar-thumb, .alike .switch-tab ul::-webkit-scrollbar-thumb{
      background-color:rgba(0,0,0,0);
  }
  .indexpart2 .switch-tab ul::-webkit-scrollbar-corner, .alike .switch-tab ul::-webkit-scrollbar-corner{
      background-color:rgba(0,0,0,0);
  }
  .indexpart2 .switch-tab ul::-webkit-scrollbar-resizer, .alike .switch-tab ul::-webkit-scrollbar-resizer{
      background-color:rgba(0,0,0,0);
  }
  .indexpart2 .switch-tab ul::-webkit-scrollbar, .alike .switch-tab ul::-webkit-scrollbar{
      width:0px;
      height:0px;
  }
  .indexpart2 .switch-tab ul li{
    width: auto;
    padding-left: 2%;
    padding-right: 2%;
    padding-bottom: 2%
  }
  
  .indexpart3{
    padding-top: 70px;
    padding-bottom: 70px;
  }
  .indexpart3 .wrap .bg{
    padding-top: 10%;
  }
  .indexpart3 .wrap ul li .con .t1{
    font-size: 18px;
  }
  .indexpart3 .wrap ul li .con .t1 .sp{
    font-size: 18px;
  }
  .indexpart3 .wrap ul li .con .t2{
    font-size: 15px;
    height: 100px;
  }
  .indexpart4{
    padding-top: 70px;
      padding-bottom: 70px;
  }
  .indexpart4 .box .txt{
    /*font-size: 24px;*/
  }
  .indexpart4 .box .quota .t1{
    /*font-size: 16px;*/
  }
  .indexpart4 .box .quota .t1 .sp{
    /*font-size: 24px;*/
    width: 40px;
    height: 45px;
      line-height: 45px;
  }
  .indexpart4 .box .quota .t2{
    font-size: 15px;
  }
  .indexpart4 .box .btnbox a {
      font-size: 15px;
      height: 40px;
      line-height: 40px;
  }
  .indexpart5{
    padding-top: 70px;
    padding-bottom: 70px;
  }
  .indexpart5 .box{
    margin-top: 50px;
  }
  .indexpart5 .box .switch-box{
    margin-top: 20px;
  }
  .caseli{
    width: 31%;
    margin-right: 3.5%
  }
  .caseli:nth-child(4n){
    margin-right: 3.5%;
  }
  .caseli:nth-child(3n){
    margin-right: 0;
  }
  .caseli .btn a{
    max-width: 48%;
    width: 48%;
    padding: 0px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
  .caseli .btn a.b1{
    margin-right: 4%;
  }
  .case-detail .r-box .related .caseli .title .t6, .service-details .related .caseli .title .t6{
    display: block;
    min-height: 1px;
    height: auto;
    overflow: hidden;
    text-overflow:ellipsis;
    white-space: nowrap;
  }
  .case-detail .r-box .related .caseli .title .t8,  .service-details .related .caseli .title .t8{
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
    overflow: hidden;
    line-height: 1.6;
  }
  .case-detail .r-box .related .caseli .btn a, .service-details .related .caseli .btn a{
      height: 32px;
      line-height: 30px;
  }
  .new.related .box{
    margin-top: 30px;
  }
  .indexpart6{
    padding-top: 70px;
    padding-bottom: 70px;
  }
  /*关于我们*/
  .abnav{
    padding-top: 50px;
    margin-top: 0;
  }
  .abnav ul{
    overflow-x: scroll;
      overflow-y: hidden;
      white-space: nowrap;
  }
  .abnav ul::-webkit-scrollbar{
      width:0px;
      height:0px;
  }
  .abnav ul::-webkit-scrollbar-button{
      background-color:rgba(0,0,0,0);
  }
  .abnav ul::-webkit-scrollbar-track{
      background-color:rgba(0,0,0,0);
  }
  .abnav ul::-webkit-scrollbar-track-piece{
      background-color:rgba(0,0,0,0);
  }
  .abnav ul::-webkit-scrollbar-thumb{
      background-color:rgba(0,0,0,0);
  }
  .abnav ul::-webkit-scrollbar-corner{
      background-color:rgba(0,0,0,0);
  }
  .abnav ul::-webkit-scrollbar-resizer{
      background-color:rgba(0,0,0,0);
  }
  .abnav ul::-webkit-scrollbar{
      width:0px;
      height:0px;
  }
  .abnav ul li{
    width: auto;
    padding: 0px 25px;
    margin-top: 15px;
    margin-bottom: 15px;
  }
  .abnav ul li a {
      height: 60px;
      line-height: 60px;
      font-size: 18px;
  }
  .aboutbox .a-title .t1{
    font-size: 28px;
  }
  .about{
    padding-top: 50px;
    padding-bottom: 70px;
  }
  .about .box .l-box{
    float: none;
    width: auto;
    overflow: inherit;
  }
  .about .box .r-box{
    width: 50%;
    padding-left: 3%;
    margin-bottom: 3%;
  }
  .culture ul li{
    height: 130px;
  }
  .culture ul li .info{
    font-size: 14px;
  }
  .culture ul li .info .bt{
    font-size: 18px;
  }
  .culture ul li img{
    width: 60px;
    height: 60px;
  }
  .key{
    padding-top: 70px;
    padding-bottom: 70px;
  }
  .key .box{
    margin-top: 40px;
  }
  .key .box ul li:hover .img:before{
    width: 160px;
    height: 160px;
  }
  .key .box ul li .txt .tit .t1{
    font-size: 20px;
  }
  .strength{
    padding-top: 70px;
    padding-bottom: 70px;
  }
  .strength ul{
    overflow-x: scroll;
      overflow-y: hidden;
      white-space: nowrap;
  }
  .strength ul::-webkit-scrollbar{
      width:0px;
      height:0px;
  }
  .strength ul::-webkit-scrollbar-button{
      background-color:rgba(0,0,0,0);
  }
  .strength ul::-webkit-scrollbar-track{
      background-color:rgba(0,0,0,0);
  }
  .strength ul::-webkit-scrollbar-track-piece{
      background-color:rgba(0,0,0,0);
  }
  .strength ul::-webkit-scrollbar-thumb{
      background-color:rgba(0,0,0,0);
  }
  .strength ul::-webkit-scrollbar-corner{
      background-color:rgba(0,0,0,0);
  }
  .strength ul::-webkit-scrollbar-resizer{
      background-color:rgba(0,0,0,0);
  }
  .strength ul::-webkit-scrollbar{
      width:0px;
      height:0px;
  }
  .strength .box .tabs ul li{
    min-width: 32.66%;
    width: auto;
    padding-bottom: 10px;
  }
  .strength .box .tabs ul li a{
    height: 60px;
  }
  .strength .box .tabs ul li.active a:after{
    top: auto;
    bottom: 0;
  }
  .strength .tabbox{
    margin-top: 40px;
  }
  .strength .swiper-button-prev, .strength .swiper-container-rtl .swiper-button-next{
    left: 1.5%;
  }
  .strength .swiper-button-next, .strength .swiper-container-rtl .swiper-button-prev{
    right: 1.5%;
  }
  .swiper-box .wrap .item .mask{
    font-size: 16px;
  }
  .swiper-box .wrap .item .mask {
      bottom: -70px;
      height: 70px;
      line-height: 70px;
  }
  .swiper-box .wrap .item.small-img .mask {
      bottom: -50px;
      height: 50px;
      line-height: 50px;
  }
  .key .box ul li .txt .see{
    margin-top: 5px;
  }
  /*董事长致辞*/
  .speech{
    padding-top: 70px;
    padding-bottom: 70px;
  }
  .speech .l-box{
    padding-right: 0;
  }
  .speech .l-box .title .t9{
    margin-top: 20px;
  }
  /*联系我们*/
  .contact{
    padding-top: 70px;
    padding-bottom: 50px;
  }
  .contact .box ul li .l-box .t1{
    font-size: 24px;
  }
  .contact .box ul li .r-box ul li{
    font-size: 15px;
  }
  /*人才招聘*/
  .package{
    padding-top: 70px;
    padding-bottom: 60px;
  }
  .package .box{
    margin-top: 40px;
  }
  /*资质证书*/
  .certificate ul li:before{
    height: 3px;
  }
  .certificate ul li .txtbox .txt{
    font-size: 16px;
  }
  
  /*案例*/
  .case{
    padding-top: 50px;
    padding-bottom: 70px;
  }
  .case .box{
    padding: 30px;
  }
  .case .box .search .btn input{
    font-size: 16px;
  }
  .case .wrap>ul{
    margin-bottom: 60px;
  }
  .case .box .box2 ul li{
    margin-right: 20px;
  }
  .case .box .box2 ul li a{
    font-size: 16px;
  }
  .page-list a{
    min-width: 36px;
    height: 36px;
    line-height: 36px;
    font-size: 18px;
    margin-right: 16px;
  }
  .case-detail{
    padding-bottom: 70px;
  }
  .case-detail .content{
    padding-top: 40px;
  }
  .comnav ul{
    overflow-x: scroll;
      overflow-y: hidden;
      white-space: nowrap;
  }
  .comnav ul::-webkit-scrollbar{
      width:0px;
      height:0px;
  }
  .comnav ul::-webkit-scrollbar-button{
      background-color:rgba(0,0,0,0);
  }
  .comnav ul::-webkit-scrollbar-track{
      background-color:rgba(0,0,0,0);
  }
  .comnav ul::-webkit-scrollbar-track-piece{
      background-color:rgba(0,0,0,0);
  }
  .comnav ul::-webkit-scrollbar-thumb{
      background-color:rgba(0,0,0,0);
  }
  .comnav ul::-webkit-scrollbar-corner{
      background-color:rgba(0,0,0,0);
  }
  .comnav ul::-webkit-scrollbar-resizer{
      background-color:rgba(0,0,0,0);
  }
  .comnav ul::-webkit-scrollbar{
      width:0px;
      height:0px;
  }
  .comnav ul li{
    margin: 0px 10px;
  }
  .comnav ul li span{
    line-height: 70px;
  }
  .case-detail .r-box .btnbox .prev, .new-detail .l-box .btnbox .prev{
    display: none;
  }
  .case-detail .r-box .btnbox .next, .new-detail .l-box .btnbox .next{
    display: none;
  }
  /*新闻*/
  .new{
    padding-top: 50px;
    padding-bottom: 70px;
  }
  .new .box ul{
    margin-bottom: 50px;
  }
  .new .box ul li{
    width: 31%;
    margin-right: 3.5%;
    margin-top: 3.5%;
  }
  .new .box ul li:nth-child(4n){
    margin-right: 3.5%;
  }
  .new .box ul li:nth-child(3n){
    margin-right: 0;
  }
  /*新闻详情*/
  .new-detail .box .l-box{
    float: none;
    width: 100%;
    padding-right: 0;
    border-right: none;
    padding-bottom: 60px;
  }
  .new-detail .box .r-box{
    float: none;
    width: 100%;
    padding-left: 0;
    padding-bottom: 30px;
  }
  .new-detail .box .r-box .wrap{
    max-width: 100%;
  }
  .pagebox{
    float: left;
    width: 50%;
    padding-top: 5%;
  }
  .pagebox ul li{
    margin-bottom: 10px;
  }
  .pagebox ul li a{
    overflow: hidden;
  }
  .pagebox ul li .t1{
    float: left;
    width: 70px;
  }
  .pagebox ul li .t2{
    /*float: left;*/
    margin-top: 0;
    width: -webkit-calc(100% - 80px);
    width: calc(100% - 80px);
  }
  .sharebox{
    display: none;
    margin-top: 30px;
  }
  .new-detail .box .r-box .img{
    display: none;
  }
  .new-detail .box .r-box .w2{
    float: right;
    width: 40%;
    margin-top: 0;
  }
  .new.related{
    padding-bottom: 70px;
  }
  .new.related .tit{
    font-size: 30px;
  }
  .new-detail .box .l-box .title .size{
    display: none;
  }
  /*人才招聘*/
  .letter ul li .part1 .w1 .spot{
    width: 80px;
    height: 80px;
    line-height: 80px;
  }
  .letter ul li .part1 .w1 .tit{
    font-size: 18px;
  }
  .letter ul li .part1 .w2 .t1{
    font-size: 20px;
  }
  .letter ul li .part1 .w2 .t2{
    font-size: 14px;
  }
  .letter ul li .part2{
    height: 60px;
    line-height: 60px;
  }
  .letter ul li .part2 .view{
    font-size: 15px;
  }
  .concept .box ul li{
    min-height: 290px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
  .package .box ul li .title{
    min-height: 180px;
  }
  .recruit{
    padding-top: 50px;
    padding-bottom: 70px;
  }
  .recruit .box ul li .t1{
    font-size: 16px;
  }
  .recruit .box ul li .cont{
    padding: 20px;
    font-size: 15px;
  }
  /*服务承诺*/
  .sernav ul{
    overflow-x: scroll;
      overflow-y: hidden;
      white-space: nowrap;
  }
  .sernav ul::-webkit-scrollbar{
      width:0px;
      height:0px;
  }
  .sernav ul::-webkit-scrollbar-button{
      background-color:rgba(0,0,0,0);
  }
  .sernav ul::-webkit-scrollbar-track{
      background-color:rgba(0,0,0,0);
  }
  .sernav ul::-webkit-scrollbar-track-piece{
      background-color:rgba(0,0,0,0);
  }
  .sernav ul::-webkit-scrollbar-thumb{
      background-color:rgba(0,0,0,0);
  }
  .sernav ul::-webkit-scrollbar-corner{
      background-color:rgba(0,0,0,0);
  }
  .sernav ul::-webkit-scrollbar-resizer{
      background-color:rgba(0,0,0,0);
  }
  .sernav ul::-webkit-scrollbar{
      width:0px;
      height:0px;
  }
  .sernav ul li{
    margin-right: 50px;
  }
  .sernav ul li span {
      line-height: 60px;
    font-size: 16px;
  }
  .mechanism{
    padding-top: 70px;
    padding-bottom: 70px;
  }
  .mechanism .box ul li .cont{
    min-height: 200px;
    padding-left: 30px;
      padding-right: 30px;
    padding-top: 70px;
  }
  .mechanism .box ul li .icon{
    width: 100px;
    height: 100px;
    line-height: 100px;
    top: -50px;
  }
  .position-support{
    padding-top: 70px;
    padding-bottom: 50px;
  }
  .position-support .box{
    margin-top: 50px;
  }
  .position-support .box ul li .title .t2{
    font-size: 22px;
  }
  .position-support .box ul li:hover .title .t2{
    font-size: 24px;
  }
  .added{
    padding-top: 70px;
    padding-bottom: 50px;
  }
  .added .box{
    margin-top: 50px;
  }
  .added .box ul li{
    width: 31%;
    margin-right: 3.5%;
  }
  .process{
    padding-top: 70px;
    padding-bottom: 70px;
  }
  .process .box{
    margin-top: 40px;
  }
  .process .box ul li .title .tit{
    font-size: 40px;
  }
  .process .consult{
    margin-top: 50px;
  }
  /*服务内容*/
  .u-service{
    padding-top: 70px;
    padding-bottom: 70px;
  }
  .u-service .box ul li{
    width: 33.33%;
    padding: 10px;
  }
  .u-service .box ul li .txt .title .tit{
    font-size: 18px;
  }
  .u-process{
    padding-top: 70px;
    padding-bottom: 70px;
  }
  .u-process .imgbox{
    margin-top: 40px;
  }
  .u-solution{
    padding-top: 70px;
    padding-bottom: 70px;
  }
  .u-solution .box{
    padding-left: 4%;
    padding-right: 4%;
  }
  .u-solution .box .swiper-container{
    padding-bottom: 60px;
    margin-top: 50px;
  }
  .dotbox{
    display: none;
  }
  .u-solution .swiper-pagination-bullet{
    width: 8px;
    height: 8px;
    background: #3d509f;
    opacity: 0.5;
    margin: 0 5px !important;
  }
  .u-solution .swiper-pagination-bullet-active{
    opacity: 1;
  }
  /* 服务内容2 */
  .course{
    padding-top: 40px;
    padding-bottom: 70px;
  }
  .course .box ul li .title .t8.oth{
    margin-top: 15px;
  }
  .course .wrap .tit{
    padding-bottom: 20px;
  }
  .course .wrap .tit .bt{
    font-size: 30px;
  }
  .course .wrap .screen{
    margin-top: 20px;
  }
  .course .wrap .cont{
    margin-top: 20px;
  }
  .course .wrap .cont ul{
    margin-bottom: 30px;
  }
  .course .wrap .cont ul li{
    width: 31%;
    margin-right: 3.5%;
    margin-bottom: 3.5%;
  }
  .course .wrap .cont ul li:nth-child(4n){
    margin-right: 3.5%;
  }
  .course .wrap .cont ul li:nth-child(3n){
    margin-right: 0;
  }
  /* 服务内容3 */
  .series{
    padding-bottom: 70px;
  }
  .series ul.list li .box ul{
    margin-top: 35px;
  }
  .series ul.list li .box ul li{
    width: 23.5%;
  }
  .series ul.list li .box ul li:nth-child(5n){
    margin-right: 2%;
  }
  .series ul.list li .box ul li:nth-child(4n){
    margin-right: 0;
  }
  .series .exhibition{
    margin-top: 50px;
  }
  .series .exhibition .swiper-container{
    margin-top: 40px;
  }
  /* 服务详情 */
  .service-details .l-box{
    width: 230px;
  }
  .service-details .l-box .s-plate .title .btn a{
    min-width: 120px;
    font-size: 15px;
  }
  .service-details .l-box .d-nav ul li span{
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 35px;
  }
  .service-details .l-box .d-nav ul li:before{
    width: 2px;
  }
  .service-details .r-box{
    width: -moz-calc(100% - 230px);
    width: -webkit-calc(100% - 230px);
    width: calc(100% - 230px);
  }
  .service-details .r-box .text .tit{
    font-size: 28px;
  }
  .service-details .r-box .text .txt{
    font-size: 15px;
  }
  .service-details .r-box .list li .part2 .atlas ul li{
    width: 48%;
    margin-right: 4%;
    margin-bottom: 4%;
  }
  .service-details .r-box .list li .part2 .atlas ul li:nth-child(3n){
    margin-right: 4%;
  }
  .service-details .r-box .list li .part2 .atlas ul li:nth-child(2n){
    margin-right: 0;
  }
  .s-module ul li span, .s-module ul li a {
    font-size: 15px;
      height: 50px;
      line-height: 50px;
  }
  .service-details .r-box .list li .part3 .content ul li .icon {
      width: 45px;
      height: 45px;
      line-height: 45px;
  }
  .service-details .r-box .list li .part2 .atlas ul li .ring{
    border: rgba(255,255,255,0.04) solid 150px
  }
  .service-details .r-box .list li .part2 .atlas ul li:hover .mask {
      border: rgba(61,80,159,0.9) solid 120px;
  }
  .service-details .r-box .list li .part3 .content ul li .txt .t1{
    font-size: 14px;
  }
  .service-details .r-box .list li .part3 .content ul li{
    width: 27%;
    margin-top: 110px;
  }
  .service-details .r-box .list li .part3 .content ul li:nth-child(4n),
  .service-details .r-box .list li .part3 .content ul li:last-child{
    width: 19%;
  }
  .service-details .r-box .list li .part3 .content ul li:nth-child(4n) .arrow{
    display: none;
  }
  .service-details .r-box .list li .part3 .content ul li:nth-child(1),
  .service-details .r-box .list li .part3 .content ul li:nth-child(2),
  .service-details .r-box .list li .part3 .content ul li:nth-child(3),
  .service-details .r-box .list li .part3 .content ul li:nth-child(4){
    margin-top: 0;
  }
  .service-details .r-box .list li .part3 .content ul li:nth-child(5):before{
    content: '';
    position: absolute;
    left: 4px;
    top: -110px;
    width: 50px;
    height: 110px;
    background: url(../images/img254a.png) center no-repeat;
  }
  /*解决方案*/
  .solution{
    padding-top: 70px;
    padding-bottom: 70px;
  }
  .solution .box{
    margin-top: 50px;
  }
  .solution .box ul li{
    width: 31%;
    margin-right: 3.5%;
    margin-bottom: 3.5%;
  }
  .solution .box ul li:nth-child(5n){
    margin-right: 3.5%;
  }
  .solution .box ul li:nth-child(3n){
    margin-right: 0;
  }
  .solution .box ul li .txt{
    /*padding: 25px;*/
  }
  /*团队风采*/
  .team{
    padding-top: 70px;
    padding-bottom: 70px;
  }
  .team .box ul li .txt{
    padding-top: 4%;
      padding-left: 4%;
      padding-right: 4%;
  }
  .team .box ul li .txt .title .t9{
    min-height: 110px;
  }
}
@media only screen and (max-width: 991px){
  .case-detail .l-box{
    float: none;
    width: 100%;
    height: auto;
    margin-top: 30px;
  }
  .case-detail .l-box .w2 .btn, .new-detail .box .r-box .w2 .btn{
    text-align: center;
    font-size: 0;
  }
  .case-detail .l-box .w2 .btn a, .new-detail .box .r-box .w2 .btn a{
    float: none;
    display: inline-block;
    max-width: 120px;
  }
  .case-detail .r-box{
    float: none;
    width: 100%;
    padding-left: 0;
  }
  .comnav ul li span{
    font-size: 16px;
    line-height: 60px;
  }
  .case-detail .r-box .btnbox a, .new-detail .l-box .btnbox a{
    height: 42px;
      line-height: 40px;
  }
  .case-detail .l-box .w2 .title .t3 ul, .new-detail .box .r-box .w2 .title .t3 ul{
    overflow: hidden;
  }
  .case-detail .l-box .w2 .title .t3 ul li, .new-detail .box .r-box .w2 .title .t3 ul li{
    float: left;
    width: 48%;
    margin-right: 4%;
    margin-top: 5px;
    margin-bottom: 5px;
  }
  .case-detail .l-box .w2 .title .t3 ul li:nth-child(2n), .new-detail .box .r-box .w2 .title .t3 ul li:nth-child(2n){
    margin-right: 0;
  }
  /*服务详情*/
  .service-details{
    padding-top: 0;
  }
  .service-details .conwidth{
    padding-left: 0;
    padding-right: 0;
  }
  .service-details .l-box{
    position: relative;
    /*z-index: 99;*/
    z-index: 12;
    float: none;
    width: 100%;
    height: auto;
    background: #FFFFFF;
    border-bottom: #e5e5e5 solid 1px;
  }
  .service-details .l-box .s-plate .icon, .service-details .l-box .s-plate .title{
    display: none;
  }
  .service-details .l-box .d-nav{
    margin-top: 0;
    padding: 0 3%
  }
  .d-nav ul{
    overflow-x: scroll;
      overflow-y: hidden;
      white-space: nowrap;
  }
  .d-nav ul::-webkit-scrollbar{
      width:0px;
      height:0px;
      font-size: 0;
  }
  .d-nav ul::-webkit-scrollbar-button{
      background-color:rgba(0,0,0,0);
  }
  .d-nav ul::-webkit-scrollbar-track{
      background-color:rgba(0,0,0,0);
  }
  .d-nav ul::-webkit-scrollbar-track-piece{
      background-color:rgba(0,0,0,0);
  }
  .d-nav ul::-webkit-scrollbar-thumb{
      background-color:rgba(0,0,0,0);
  }
  .d-nav ul::-webkit-scrollbar-corner{
      background-color:rgba(0,0,0,0);
  }
  .d-nav ul::-webkit-scrollbar-resizer{
      background-color:rgba(0,0,0,0);
  }
  .d-nav ul::-webkit-scrollbar{
      width:0px;
      height:0px;
  }
  .service-details .l-box .d-nav ul li{
    display: inline-block;
    vertical-align: top;
    border-top: none;
    margin-right: 40px;
  }
  .service-details .l-box .d-nav ul li span{
    padding-left: 25px;
    padding-top: 0px;
    padding-bottom: 0px;
    line-height: 60px;
  }
  .service-details .l-box .d-nav ul li:hover span, .service-details .l-box .d-nav ul li.on span{
    background: none;
  }
  .service-details .l-box .d-nav ul li span i{
    top: 25px;
  }
  .service-details .l-box .d-nav ul li:before{
    display: none;
  }
  .service-details .r-box{
    float: none;
    width: 100%;
    padding-left: 0;
    border-left: none;
    padding-left: 3%;
    padding-right: 3%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
  .service-details .r-box .text .tit{
    font-size: 26px;
  }
  .service-details .r-box .related{
    padding-bottom: 70px;
  }
  .service-details .r-box .list li .part2 .atlas ul li:hover .mask{
    border: rgba(61,80,159,0.9) solid 150px;
  }
}
@media only screen and (max-width: 768px){
  .footer .foot-top .foot-logo{
    max-width: 37%;
  }
  .footer .foot-top .txt .t1{
    font-size: 20px;
  }
  /**/
  .i-banner .box .t1{
    font-size: 28px;
    margin-bottom: 15px;
  }
  .i-banner .box .t2{
    font-size: 16px;
  }
  .lunbotu.swiper-container-horizontal .swiper-pagination-bullets .swiper-pagination-bullet{
    margin: 0 5px;
  }
  .lunbotu .swiper-pagination-bullet{
    width: 10px;
    height: 10px;
  }
  .lunbotu .swiper-button-next, .lunbotu .swiper-button-prev{
    width: 45px;
    height: 45px;
    margin-top: -23px;
  }
  .title .t1{
    font-size: 28px;
  }
  .title .t2{
    font-size: 20px;
  }
  /*.title .t4{
    font-size: 20px;
  }*/
  .title .t7{
    font-size: 24px;
  }
  .title .t10{
    font-size: 22px
  }
  .indexpart1{
    padding-top: 60px;
    padding-bottom: 60px;
  }
  .indexpart1 .l-wrap{
    float: none;
    width: 100%;
    margin-bottom: 8%;
  }
  .indexpart1 .l-wrap .txt{
    padding: 0;
    max-width: 100%;
  }
  .indexpart1 .r-wrap{
    float: none;
    width: 100%;
  }
  .indexpart1 .l-box{
    float: none;
    width: 100%;
    margin-top: 4.4%;
    margin-bottom: 4.4%;
    background: url(../images/img6.jpg) center left 0px;
  }
  .indexpart1 .r-box{
    float: none;
    width: 100%;
  }
  .indexpart1 .r-box .img, .indexpart1 .l-box .img{
    display: none;
  }
  .indexpart1 .l-box .txt, .indexpart1 .r-box .title.txt{
    padding-left: 7.2%;
      padding-right: 14.2%;
      position: static;
      transform: none;
      background: url(../images/img7.png) bottom 15% right 5.7% no-repeat;
      background-size: 8% auto;
      padding-top: 30px;
    padding-bottom: 30px;
  }
  .indexpart1 .r-box .title.txt{
    background: url(../images/img8.png) bottom 15% right 5.7% no-repeat;
      background-size: 8% auto;
  }
  .indexpart1 .r-box .img{
    padding-top: 4%;
    padding-bottom: 4%;
  }
  .indexpart2{
    padding-top: 60px;
    padding-bottom: 60px;
  }
  .indexpart2 .switch-li .r-wrap .wrap2 ul li{
    width: 23.5%;
    margin-right: 2%;
  }
  .indexpart2 .switch-li .r-wrap .wrap2 ul li:nth-child(6n){
    margin-right: 2%;
  }
  .indexpart2 .switch-li .r-wrap .wrap2 ul li:nth-child(5n){
    margin-right: 2%;
  }
  .indexpart2 .switch-li .r-wrap .wrap2 ul li:nth-child(4n){
    margin-right: 0;
  }
  .indexpart3{
    padding-top: 60px;
    padding-bottom: 60px;
  }
  .indexpart3 .wrap{
    margin-top: 30px;
  }
  .indexpart3 .wrap ul li .con .t1{
    font-size: 16px;
  }
  .indexpart3 .wrap ul li .con .t1 .sp{
    top: 3px;
    font-size: 16px;
  }
  .indexpart3 .wrap ul li .con .t2{
    font-size: 14px;
    height: 80px;
  }
  .indexpart4{
    padding-top: 60px;
      padding-bottom: 60px;
  }
  .indexpart4 .box .txt{
    float: none;
    width: 100%;
    max-width: 100%;
    text-align: center;
  }
  .indexpart4 .box .quota{
    float: none;
    width: 100%;
    text-align: center;
    margin-top: 30px;
  }
  .indexpart4 .box .quota .t1{
    font-size: 16px;
  }
  .indexpart4 .box .btnbox{
    float: none;
    width: 100%;
    text-align: center;
    margin-top: 30px;
  }
  .indexpart4 .box .btnbox a {
      width: auto;
      min-width: 120px;
      margin-right: 20px;
  }
  .indexpart5{
    padding-top: 60px;
    padding-bottom: 60px;
  }
  .indexpart5 .box{
    margin-top: 40px;
  }
  .indexpart5 .box .switch-box{
    margin-top: 15px;
  }
  .caseli .icon img{
    max-height: 60px;
  }
  .indexpart6{
    padding-top: 60px;
    padding-bottom: 60px;
  }
  .indexpart6 .box .wrap{
    margin-top: 40px;
  }
  .indexpart6 .box .wrap .l-wrap{
    width: 48%;
    padding-right: 0;
    margin-right: 4%;
  }
  .indexpart6 .box .wrap .l-wrap .bg{
    /*display: none;*/
  }
  .indexpart6 .box .wrap .l-wrap:hover .bg img{
    opacity: 1;
  }
  .indexpart6 .box .wrap .l-wrap a{
    /*position: static;*/
  }
  .indexpart6 .box .l-wrap:hover .txt .title .t4, .indexpart6 .box .l-wrap:hover .txt .title .t8, .indexpart6 .box .l-wrap:hover .txt .other .more{
    color: #FFFFFF;
  }
  .indexpart6 .box .wrap .l-wrap .img{
    float: none;
    width: 100%;
    display: none;
  }
  .indexpart6 .box .wrap .l-wrap a .txt{
    float: none;
    width: 100%;
    padding: 20px;
  }
  .indexpart6 .box .wrap .r-wrap{
    width: 48%;
  }
  .indexpart6 .box .switch-li ul li{
    width: 48%;
    margin-right: 4%;
  }
  .indexpart6 .box .switch-li ul li:nth-child(3n){
    margin-right: 4%;
  }
  .indexpart6 .box .switch-li ul li:nth-child(2n){
    margin-right: 0;
  }
  /*20210709*/
  .indexpart6 .box .img, .indexpart6 .box .wrap .l-wrap .bg{
    display: none;
  }
  .indexpart6 .box .txt{
    position: static;
  }
  .indexpart6 .box .wrap .l-wrap a{
    display: block;
    width: 100%;
    position: static;
    padding: 0;
  }
  .indexpart6 .box .wrap .l-wrap .txt{
    position: static;
  }
  .indexpart6 .box .wrap .l-wrap a .txt{
    padding: 9%;
  }
  .indexpart6 .box .txt .title .t8{
    margin-bottom: 20px;
  }
  .indexpart6 .box .txt .title .t4{
    height: 50px;
  }
  .indexpart6 .box .txt .title .t8{
    height: 56px;
  }
  .indexpart6 .wrap a:hover, 
  .indexpart6 .box a:hover, 
  .indexpart6 .box .switch-li ul li:hover a,
  .indexpart6 .box .wrap .r-wrap:hover,
  .indexpart6 .box .wrap .l-wrap:hover{
    background: #3d509f;
  }
  /**/
  /*关于我们*/
  .aboutbox .a-title .t1{
    font-size: 26px;
  }
  .abnav{
    padding-top: 40px;
  }
  .abnav ul li a{
    font-size: 16px;
  }
  .about{
    padding-top: 40px;
    padding-bottom: 60px;
  }
  .culture ul li{
    width: 48%;
    margin-right: 4%;
  }
  .culture ul li:nth-child(3n){
    margin-right: 4%;
  }
  .culture ul li:nth-child(2n){
    margin-right: 0;
  }
  .key{
    padding-top: 60px;
    padding-bottom: 60px;
  }
  .key .box>ul>li{
    float: none;
    width: 100%;
    margin-right: 0;
  }
  .key .box ul li .img{
    width: 200px;
  }
  .key .box ul li .txt{
    width: -webkit-calc(100% - 200px);
    width: calc(100% - 200px);
  }
  .key .box ul li .txt .tit{
    padding-bottom: 5px;
  }
  .key .box ul li .txt ul{
    margin-top: 10px;
  }
  .strength{
    padding-top: 60px;
    padding-bottom: 60px;
  }
  .strength .box .tabs ul li a{
    font-size: 18px;
  }
  .strength .tabbox{
    margin-top: 30px;
  }
  .swiper-box .wrap .l-wrap{
    float: none;
    width: 100%;
    padding-right: 0;
    margin-bottom: 20px;
  }
  .swiper-box .wrap .r-wrap{
    float: none;
    width: 100%;
    padding-left: 0;
  }
  .strength .swiper-button-next, .strength .swiper-button-prev{
    width: 45px;
    height: 45px;
    margin-top: -44px;
  }
  /*董事长致辞*/
  .speech{
    padding-top: 60px;
    padding-bottom: 60px;
  }
  .speech .l-box{
    float: none;
    width: 100%;
    margin-bottom: 30px;
  }
  .speech .r-box{
    float: none;
    width: 100%;
    padding-left: 0;
    text-align: center;
  }
  /*联系我们*/
  .contact{
    padding-top: 60px;
    padding-bottom: 40px;
  }
  .contact .box>ul>li{
    padding: 20px 20px 15px;
  }
  .contact .box ul li .l-box .t1{
    font-size: 22px;
  }
  /*资质证书*/
  .certificate{
    padding-top: 50px;
    padding-bottom: 50px;
  }
  .certificate .content{
    margin-bottom: 40px;
  }
  .certificate .box{
    margin-top: 30px;
  }
  .certificate ul li{
    width: 31%;
    margin-right: 3.5%;
    margin-bottom: 3.5%;
  }
  .certificate ul li:nth-child(4n){
    margin-right: 3.5%;
  }
  .certificate ul li:nth-child(3n){
    margin-right: 0;
  }
  /*案例*/
  .case{
    padding-top: 40px;
    padding-bottom: 60px;
  }
  .case .box .box2 ul li a {
      padding: 10px 12px 0px;
  }
  /*新闻*/
  .new{
    padding-top: 40px;
    padding-bottom: 60px;
  }
  .new .tit .title{
    float: none;
    width: 100%;
  }
  .new .tit .screen{
    float: none;
    width: 100%;
    margin-top: 15px;
  }
  .new .tit .screen .t1{
    font-size: 16px;
  }
  .new .tit .screen .t2{
    width: -moz-calc(100% - 120px);
    width: -webkit-calc(100% - 120px);
    width: calc(100% - 120px);
  }
  .new .other .major{
    float: none;
    width: 100%;
    margin-bottom: 4%;
  }
  .new .other .w1{
    width: 48%;
    margin-right: 4%;
    margin-left: 0;
  }
  .new .other .w1:last-child{
    margin-right: 0;
  }
  .new .box ul li{
    width: 48%;
    margin-right: 4%;
    margin-top: 4%;
  }
  .new .box ul li:nth-child(4n){
    margin-right: 4%;
  }
  .new .box ul li:nth-child(3n){
    margin-right: 4%;
  }
  .new .box ul li:nth-child(2n){
    margin-right: 0;
  }
  /*新闻详情*/
  .new-detail .box .l-box .title .t8 span{
    margin-right: 25px;
  }
  .new-detail .box .l-box .title .details.t3{
    padding-bottom: 30px;
  }
  .pagebox{
    width: 100%;
    padding-top: 0;
  }
  .new-detail .box .r-box .w2{
    width: 100%;
    margin-top: 20px;
  }
  .new.related{
    padding-top: 40px;
    padding-bottom: 60px;
  }
  .new.related .box{
    /*margin-top: 10px;*/
  }
  .new.related .tit{
    font-size: 28px;
  }
  /*人才招聘*/
  .letter ul li{
    float: none;
    width: 100%;
    margin-right: 0;
    margin-bottom: 30px;
  }
  .letter ul li .part1 .w2{
    padding: 20px;
  }
  .letter ul li .part2{
    height: 50px;
    line-height: 50px;
  }
  .concept{
    padding-top: 50px;
    padding-bottom: 40px;
  }
  .concept .box{
    margin-top: 30px;
  }
  .concept .box ul li{
    min-height: 1px;
    width: 48%;
    margin-right: 4%;
    margin-bottom: 4%;
  }
  .concept .box ul li:nth-child(4n){
    margin-right: 4%;
  }
  .concept .box ul li:nth-child(2n){
    margin-right: 0;
  }
  .package{
    padding-top: 50px;
    padding-bottom: 50px;
  }
  .package .box ul li .title .t9{
    margin-top: 10px;
  }
  .recruit .box ul li .t1{
    width: 45%;
    padding-left: 30px;
  }
  .recruit .box ul li .t2, .recruit .box ul li .t3{
    width: 16%;
  }
  .recruit .box ul li .t4{
    width: 21%;
  }
  /*服务承诺*/
  .sernav ul li{
    margin-right: 40px;
  }
  .mechanism{
    padding-top: 60px;
    padding-bottom: 50px;
  }
  .mechanism .box ul li .cont{
    padding-left: 20px;
      padding-right: 20px;
    padding-top: 65px;
  }
  .mechanism .box>ul>li{
    width: 48%;
    margin-right: 4%;
    margin-bottom: 4%;
  }
  .mechanism .box>ul>li:nth-child(3n){
    margin-right: 4%;
  }
  .mechanism .box>ul>li:nth-child(2n){
    margin-right: 0;
  }
  .mechanism .box ul li .icon{
    width: 90px;
    height: 90px;
    line-height: 90px;
    top: -45px;
  }
  .mechanism .box ul li .title .t3{
    margin-top: 15px;
  }
  .position-support{
    padding-top: 60px;
    padding-bottom: 50px;
  }
  .position-support .box{
    margin-top: 40px;
  }
  .position-support .box ul li .title .t2{
    font-size: 20px;
  }
  .position-support .box ul li:hover .title .t2{
    font-size: 20px;
  }
  .position-support .box ul li .title .t9 ul li{
    padding-left: 25px;
  }
  .added{
    padding-top: 60px;
    padding-bottom: 40px;
  }
  .added .box{
    margin-top: 40px;
  }
  .added .box ul li{
    width: 48%;
    margin-right: 4%;
    margin-bottom: 4%;
  }
  .added .box ul li:nth-child(3n){
    margin-right: 4%;
  }
  .added .box ul li:nth-child(2n){
    margin-right: 0;
  }
  .process{
    padding-top: 60px;
    padding-bottom: 60px;
  }
  .process .box{
    margin-top: 40px;
  }
  .process .box ul li{
    width: 50%;
    padding: 30px 20px 30px;
  }
  .process .box ul li .title .t9{
    min-height: 45px;
    margin-bottom: 15px;
  }
  .process .box ul li .title .tit{
    font-size: 36px;
  }
  .process .box ul li:nth-child(2n):before{
    display: none;
  }
  .process .box ul li:after{
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 1px;
    background: url(../images/img157a.png) center no-repeat;
    background-size: 80% auto;
  }
  .process .consult{
    margin-top: 40px;
  }
  .innovation .switch-box .oth{
    padding: 0 40px;
  }
  .indexpart5.innovation ul{
    margin-bottom: 40px;
  }
  /*服务内容*/
  .u-service{
    padding-top: 60px;
    padding-bottom: 60px;
  }
  .u-service .box ul li .txt .title .tit{
    font-size: 16px;
  }
  .u-service .box ul li .txt .title .t8{
    margin-top: 15px;
  }
  .u-process{
    padding-top: 60px;
    padding-bottom: 60px;
  }
  .u-solution{
    padding-top: 60px;
    padding-bottom: 60px;
  }
  .u-solution .box .swiper-container{
    margin-top: 40px;
  }
  /* 服务内容2 */
  .course{
    padding-bottom: 60px;
  }
  .course .box ul li{
    width: 100%;
    margin-right: 0;
    margin-bottom: 30px;
  }
  .course .wrap .tit .bt{
    font-size: 28px;
  }
  .course .wrap .cont ul li{
    width: 48%;
    margin-right: 4%;
    margin-bottom: 4%;
  }
  .course .wrap .cont ul li:nth-child(4n){
    margin-right: 4%;
  }
  .course .wrap .cont ul li:nth-child(3n){
    margin-right: 4%;
  }
  .course .wrap .cont ul li:nth-child(2n){
    margin-right: 0;
  }
  .course .wrap .cont ul li .title .txt{
    min-height: 90px;
  }
  /* 服务内容3 */
  .series{
    padding-bottom: 60px;
  }
  .series ul.list>li{
    padding-top: 40px;
  }
  .series ul.list li .box ul{
    margin-top: 30px;
  }
  .series ul.list li .box ul li{
    width: 31%;
    margin-right: 3.5%;
    margin-bottom: 3.5%;
  }
  .series ul.list li .box ul li:nth-child(5n){
    margin-right: 3.5%;
  }
  .series ul.list li .box ul li:nth-child(4n){
    margin-right: 3.5%;
  }
  .series ul.list li .box ul li:nth-child(3n){
    margin-right: 0;
  }
  .series .exhibition{
    margin-top: 40px;
  }
  .series .exhibition .swiper-container{
    margin-top: 30px;
  }
  /*服务详情*/
  .service-details .r-box .related{
    padding-bottom: 60px;
  }
  /*解决方案*/
  .solution{
    padding-top: 60px;
    padding-bottom: 60px;
  }
  .solution .box{
    margin-top: 40px;
  }
  .solution .box ul li .txt{
    padding: 20px;
  }
  /*团队风采*/
  .team{
    padding-top: 60px;
    padding-bottom: 60px;
  }
  .team .box ul li .txt{
    padding-top: 10px;
  }
  .team .box ul li .txt .title .t9{
    min-height: 1px;
    margin-top: 10px;
  }
  /*分页*/
  .page-list a{
    margin-right: 10px;
  }
}
@media only screen and (max-width: 767px){
  .indexpart3 .wrap .bg{
    display: block;
    width: 100%;
    padding-top: 5%;
    margin-bottom: 40px;
  }
  .indexpart3 .wrap .bg>img{
    opacity: 0;
  }
  .indexpart3 .wrap>ul{
    width: 48%;
  }
  .indexpart3 .wrap ul li .con .t2{
    font-size: 15px
  }
  .indexpart3 .wrap ul li .con .t2 ul li{
    margin-top: 0;
    margin-bottom: 0;
  }
  .indexpart3 .wrap .bg .s1{
    background: url(../images/img25.png) center no-repeat;
      background-size: 85% auto;
  }
  .indexpart3 .wrap .bg .s2{
    background: url(../images/img24.png) center no-repeat;
      background-size: 85% auto;
  }
  .indexpart3 .wrap .bg .s3{
    background: url(../images/img28.png?v=2012211) center no-repeat;
      background-size: 80% auto;
  }
  .indexpart3 .wrap .bg .s4{
    background: url(../images/img27.png) center no-repeat;
      background-size: 22% auto;
  }
  .caseli{
    width: 48%;
    margin-right: 4%;
    margin-top: 4%;
  }
  .caseli:nth-child(4n){
    margin-right: 4%;
  }
  .caseli:nth-child(3n){
    margin-right: 4%;
  }
  .caseli:nth-child(2n){
    margin-right: 0;
  }
  /*服务详情*/
  .service-details .l-box .d-nav ul li span{
    line-height: 50px;
  }
  .service-details .l-box .d-nav ul li span i{
    top: 19px;
  }
  .service-details .r-box .text .tit{
    font-size: 24px;
  }
  .service-details .r-box .list li .part2 .atlas ul li .st{
    font-size: 16px;
    bottom: 20px;
  }
  /*分页*/
  .page-list a{
    min-width: 32px;
    height: 32px;
  }
}
@media only screen and (max-width: 640px){
  .footer .foot-top .txt{
    display: none;
  }
  .footer .foot-con{
    padding-top: 30px;
    padding-bottom: 30px;
  }
  .footer .foot-con .foot-nav{
    padding-bottom: 15px;
  }
  .footer .foot-con .foot-nav ul li{
    width: 25%;
    margin-right: 0;
  }
  .footer .foot-con .foot-code{
    padding-top: 15px;
  }
  .footer .foot-con .foot-code ul{
    float: right;
    width: 48%;
  }
  .sidebar ul li a{
    width: 50px;
    height: 50px;
  }
  .sidebar ul li a .img{
    height: 50px;
      line-height: 50px;
  }
  .sidebar ul li .txtli{
    line-height: 50px;
  }
  .sidebar ul li .txtli img{
    max-width: 22px;
  }
  /**/
  .i-banner .box .t1{
    font-size: 26px;
    margin-bottom: 10px;
  }
  .i-banner .box .t2{
    font-size: 15px;
  }
  .title .t1{
    font-size: 24px;
  }
  .title .t2{
    font-size: 18px;
  }
  .title .t5{
    font-size: 16px;
  }
  .title .t7{
    font-size: 22px;
  }
  .title .t10{
    font-size: 20px;
  }
  .indexpart1{
    padding-top: 50px;
      padding-bottom: 50px;
  }
  .indexpart1 .l-box .txt, .indexpart1 .r-box .title.txt{
    padding-left: 20px;
      padding-right: 14.2%;
      padding-top: 25px;
      padding-bottom: 25px;
  }
  .indexpart1 .r-wrap .icon{
    display: none;
  }
  .indexpart2{
    padding-top: 50px;
      padding-bottom: 50px;
  }
  .indexpart2 .box{
    display: none;
  }
  .indexpart2 .m-box{
    display: block;
  }
  .allbtn{
    margin-top: 30px;
  }
  .indexpart4{
    padding-top: 50px;
  }
  .indexpart4 .box .txt{
    font-size: 24px;
  }
  .indexpart4 .box .quota .t1 .sp{
    font-size: 24px;
  }
  .alike .switch-tab ul li{
    padding: 0px 10px;
  }
  .caseli .icon img{
    max-height: 50px;
  }
  .indexpart5{
    padding-top: 50px;
  }
  .indexpart5 .box .switch-box>ul{
    margin-bottom: 50px;
  }
  .indexpart6{
    padding-top: 50px;
    padding-bottom: 50px;
  }
  .indexpart6 .box .wrap{
    margin-top: 30px;
  }
  .indexpart6 .box .wrap .l-wrap{
    width: 100%;
    margin-right: 0;
    margin-bottom: 20px;
  }
  .indexpart6 .box .wrap .l-wrap .bg{
    display: none;
  }
  .indexpart6 .box .wrap .l-wrap a{
    position: static;
  }
  .indexpart6 .box .txt .title{
    margin-bottom: 20px;
    min-height: 80%;
  }
  .indexpart6 .box .l-wrap:hover .txt .title .t4, .indexpart6 .box .l-wrap:hover .txt .other .more{
    color: #3d509f;
  }
  .indexpart6 .box .l-wrap:hover .txt .title .t8{
    color: #999999;
    display: -webkit-box;
      -webkit-box-orient: vertical;
      -webkit-line-clamp: 4;
      overflow: hidden;
  }
  .indexpart6 .box .wrap .l-wrap .img{
    float: none;
    width: 100%;
    display: block;
  }
  .indexpart6 .box .wrap .l-wrap a .txt{
    float: none;
    width: 100%;
    padding: 30px 0px 0px;
  }
  .indexpart6 .box .wrap .r-wrap{
    width: 100%;
  }
  /*.indexpart6 .box .img{
    display: none;
  }
  .indexpart6 .box .txt{
    position: static;
  }*/
  .indexpart6 .box .wrap .l-wrap a, .indexpart6 .box .wrap .r-wrap a .txt, .indexpart6 .box .switch-li ul li a .txt{
    padding: 30px;
  }
  .indexpart6 .box .switch-li ul li{
    width: 100%;
    margin-right: 0;
    margin-bottom: 20px;
    margin-top: 0;
  }
  /*20210709*/
  .indexpart6 .box .wrap .l-wrap:hover, .indexpart6 .box .wrap .l-wrap a:hover{
    background: #FFFFFF;
  }
  .indexpart6 .box .txt .title .t4{
    height: auto;
  }
  .indexpart6 .box .txt .title .t8{
    height: auto;
  }
  /**/
  .aboutbox .a-title .t1{
    font-size: 24px;
  }
  .abnav ul li a{
      height: 50px;
      line-height: 50px;
  }
  .about{
    padding-bottom: 50px;
  }
  .about .box{
    margin-top: 30px;
  }
  .about .box .r-box{
    float: none;
    padding-left: 0;
    width: 100%;
    margin-bottom: 30px;
  }
  .culture ul li{
    width: 100%;
    margin-right: 0;
    margin-bottom: 20px;
    margin-top: 0;
  }
  .culture ul li:last-child{
    margin-bottom: 0;
  }
  .key{
    padding-top: 50px;
    padding-bottom: 50px;
  }
  .key .box{
    margin-top: 30px;
  }
  .key .box ul li .txt .tit .t1{
    font-size: 18px;
  }
  .strength{
    padding-top: 50px;
    padding-bottom: 50px;
  }
  .strength .swiper-button-next, .strength .swiper-button-prev {
      width: 40px;
      height: 40px;
      margin-top: -44px;
  }
  .strength .swiper-pagination-bullet{
    width: 10px;
    height: 10px;
  }
  /*董事长致辞*/
  .speech{
    padding-top: 50px;
    padding-bottom: 50px;
  }
  /*资质证书*/
  .certificate{
    padding-top: 40px;
  }
  .certificate .content{
    margin-bottom: 30px;
  }
  .certificate ul li{
    width: 48%;
    margin-right: 4%;
    margin-bottom: 4%;
  }
  .certificate ul li:nth-child(4n){
    margin-right: 4%;
  }
  .certificate ul li:nth-child(3n){
    margin-right: 4%;
  }
  .certificate ul li:nth-child(2n){
    margin-right: 0;
  }
  /*案例*/
  .case{
    padding-top: 30px;
    padding-bottom: 50px;
  }
  .case .box{
    padding: 20px;
  }
  .case .box .tit{
    float: none;
    width: 100%;
    line-height: 1.6;
  }
  .case .box .search{
    width: 100%;
    margin-top: 15px;
  }
  .case .box .search .btn input{
    font-size: 15px;
  }
  .case .box .box2 ul li a{
    font-size: 15px;
  }
  /*案例详情*/
  .case-detail{
    padding-bottom: 60px;
  }
  .case-detail .r-box #wrap>li{
    padding-bottom: 30px;
  }
  .case-detail .r-box #wrap>li .box{
    padding-top: 30px;
  }
  .case-detail .r-box .tit{
    font-size: 20px;
  }
  .case-detail .r-box .contract .title{
    padding-top: 0;
    float: none;
    width: 100%;
    margin-bottom: 20px;
  }
  .case-detail .r-box .contract .imgbox{
    float: none;
    width: 100%;
  }
  .s-module ul li span, .s-module ul li a {
      height: 50px;
      line-height: 50px;
      font-size: 15px;
  }
  .s-module ul li span .sp, .s-module ul li a .sp{
    font-size: 15px;
  }
  .related .caseli{
    width: 48%;
    margin-right: 4%;
    margin-bottom: 4%;
    margin-top: 0;
  }
  .related .caseli:nth-child(2n){
    margin-right: 0;
  }
  .case-detail .r-box .btnbox a, .new-detail .l-box .btnbox a{
    font-size: 15px;
  }
  /*联系我们*/
  .contact{
    padding-top: 50px;
    padding-bottom: 30px;
  }
  .contact .box>ul>li{
    float: none;
    width: 100%;
    margin-right: 0;
    margin-bottom: 25px;
    min-height: 1px;
    padding: 20px;
  }
  .contact .box ul li .l-box{
    /*min-width: 100px;*/
  }
  .contact .box ul li .r-box{
    /*max-width: -webkit-calc(100% - 100px);
    max-width: calc(100% - 100px);*/
  }
  .contact .box ul li .l-box .t1{
    font-size: 20px;
  }
  /*新闻详情*/
  .new-detail .box .l-box{
    padding-bottom: 50px;
  }
  .new-detail .box .l-box .title .t8 span{
    margin-right: 15px;
  }
  .new-detail .box .l-box .title .size{
    font-size: 18px;
  }
  .new-detail .box .l-box .title .size div{
    margin-right: 20px;
  }
  .new.related .tit{
    font-size: 26px;
  }
  /*人才招聘*/
  .recruit .box ul li .t1{
    width: 70%;
  }
  .recruit .box ul li .t2{
    float: right;
    width: 30%;
    text-align: right;
  }
  .recruit .box ul li .t3{
    width: 40%;
    margin-top: 15px;
  }
  .recruit .box ul li .t4{
    width: 60%;
    margin-top: 10px;
  }
  .recruit .box ul li .t4 .open{
    width: auto;
    min-width: 100px;
    height: 36px;
    line-height: 36px;
  }
  /*团队风采*/
  .team{
    padding-top: 50px;
      padding-bottom: 50px;
  }
  /*服务承诺*/
  .mechanism{
    padding-top: 50px;
    padding-bottom: 40px;
  }
  .position-support{
    padding-top: 50px;
    padding-bottom: 40px;
  }
  .added{
    padding-top: 50px;
    padding-bottom: 40px;
  }
  .process{
    padding-top: 50px;
    padding-bottom: 50px;
  }
  .innovation .switch-box .oth{
    padding: 0 35px;
  }
  .indexpart5.innovation ul{
    margin-bottom: 30px;
  }
  /*服务内容*/
  .u-service{
    padding-top: 50px;
    padding-bottom: 50px;
  }
  .u-service .box ul li{
    width: 50%;
    padding: 12px;
  }
  .u-process{
    padding-top: 50px;
    padding-bottom: 50px;
  }
  .u-solution{
    padding-top: 50px;
    padding-bottom: 50px;
  }
  .u-solution .box .swiper-container{
    margin-top: 30px;
  }
  /* 服务内容2 */
  .course .wrap .tit .bt{
    display: block;
    width: 100%;
    font-size: 24px;
    margin-right: 0;
    margin-bottom: 15px;
  }
  .course .wrap .tit ul{
    display: block;
    width: 100%;
  }
  /* 服务内容3 */
  .series{
    padding-bottom: 50px;
  }
  .series ul.list li .box ul li{
    width: 48%;
    margin-bottom: 4%;
    margin-right: 4%;
  }
  .series ul.list li .box ul li:nth-child(5n){
    margin-right: 4%;
  }
  .series ul.list li .box ul li:nth-child(4n){
    margin-right: 4%;
  }
  .series ul.list li .box ul li:nth-child(3n){
    margin-right: 4%;
  }
  .series ul.list li .box ul li:nth-child(2n){
    margin-right: 0;
  }
  .series ul.list li .box ul li .txt{
    font-size: 16px;
  }
  .operate .swiper-pagination-bullet{
    width: 8px;
    height: 8px;
    margin: 0 6px;
  }
  .operate .swiper-button-next, .operate .swiper-button-prev{
    margin: 0 12px;
  }
  /*服务详情*/
  .service-details .r-box .related{
    padding-bottom: 50px;
  }
  .service-details .r-box .text{
    margin-top: 40px;
  }
  .service-details .r-box .text .tit{
    font-size: 22px;
  }
  .service-details .r-box .list li .part4 .content ul li{
    width: 100%;
    height: auto;
    min-height: 60px;
  }
  .service-details .related .box{
    margin-top: 30px;
  }
  .service-details .r-box .list li .part3 .content ul li{
    width: 33.33%;
    text-align: center;
    margin-top: 30px;
  }
  .service-details .r-box .list li .part3 .content ul li .arrow{
    display: none;
  }
  .service-details .r-box .list li .part3 .content ul li:nth-child(4n){
    width: 33.33%;
  }
  .service-details .r-box .list li .part3 .content ul li:nth-child(4){
    margin-top: 30px;
  }
  .service-details .r-box .list li .part3 .content ul li:nth-child(5):before{
    display: none;
  }
  .service-details .r-box .list li .part3 .content ul li:last-child{
    width: 33.33%;
  }
  /*解决方案*/
  .solution{
    padding-top: 50px;
    padding-bottom: 50px;
  }
  .solution .box{
    margin-top: 30px;
  }
  .solution .box ul li{
    width: 48%;
    margin-right: 4%;
    margin-bottom: 4%;
  }
  .solution .box ul li:nth-child(4n){
    margin-right: 4%;
  }
  .solution .box ul li:nth-child(3n){
    margin-right: 4%;
  }
  .solution .box ul li:nth-child(2n){
    margin-right: 0;
  }
  .solution .box ul li .txt .title .t3{
    margin-top: 10px;
  }
  
}
@media only screen and (max-width: 576px){
  .footer{
    padding-top: 50px;
  }
  .footer .foot-con .foot-code .txt{
    width: 50%;
  }
  .footer .foot-con .foot-code ul{
    width: 50%;
  }
  .footer .foot-con .foot-code ul li{
    width: 46%;
    margin-right: 8%;
  }
  .footer .foot-con .foot-nav ul li .tit{
    font-size: 15px;
  }
  .footer .foot-con .foot-code .txt .t2{
    font-size: 21px;
  }
  /**/
  .i-banner .box .t1{
    font-size: 22px;
  }
  .i-banner .box .t2{
    font-size: 14px;
  }
  .lunbotu .swiper-button-next, .lunbotu .swiper-button-prev{
    width: 40px;
    height: 40px;
    margin-top: -20px;
  }
  .title .t1{
    font-size: 21px;
  }
  .title .t2{
    font-size: 17px;
  }
  /*.title .t4{
    font-size: 16px;
  }*/
  .title .t7{
    font-size: 20px;
  }
  .indexpart1{
    padding-top: 40px;
      padding-bottom: 40px;
  }
  .indexpart2{
    padding-top: 40px;
      /*padding-bottom: 40px;*/
  }
  .indexpart2 .m-box{
    margin-top: 30px;
  }
  .indexpart2 .m-box ul li .txt{
    font-size: 16px;
  }
  .caseli .icon{
    margin-bottom: 5px;
  }
  .caseli .icon img{
    min-height: 40px;
  }
  .caseli .title .t6{
    font-size: 14px;
    min-height: 1px;
    display: block;
    overflow: hidden;
    text-overflow:ellipsis;
    white-space: nowrap;
  }
  .caseli .title .t8{
    font-size: 12px;
    line-height: 1.7;
    display: -webkit-box;
      -webkit-box-orient: vertical;
      -webkit-line-clamp: 3;
      overflow: hidden;
      min-height: 65px;
  }
  .caseli .title .t8 ul li{
    overflow: hidden;
    text-overflow:ellipsis;
    white-space: nowrap;
  }
  .caseli .btn a{
    height: 30px;
    line-height: 28px;
    font-size: 12px;    
  }
  .caseli .btn a.b1{
    margin-right: 4%;
  }
  .innovation .caseli .title .t6{
    font-size: 18px;
  }
  .innovation .caseli .title .t8{
    font-size: 14px;
    margin-top: 15px;
  }
  .indexpart5{
    /*padding-top: 40px;*/
      padding-bottom: 50px;
  }
  .indexpart5 .box{
    margin-top: 30px;
  }
  .indexpart6{
    padding-top: 40px;
    padding-bottom: 40px;
  }
  .indexpart6 .box{
    margin-top: 30px;
  }
  /*关于我们*/
  .aboutbox .a-title .t1{
    font-size: 18px;
  }
  .aboutbox .a-title .t2{
    font-size: 15px;
  }
  .contact .box ul li .l-box .t2 a{
    font-size: 14px;
  }
  .contact .box ul li .r-box ul li{
    font-size: 14px;
  }
  .about{
    padding-top: 30px;
    padding-bottom: 40px;
  }
  .key{
    padding-top: 40px;
    padding-bottom: 40px;
  }
  .key .box ul li{
    margin-bottom: 30px;
  }
  .key .box ul li .img{
    float: none;
    width: 100%;
  }
  .key .box ul li .txt {
    float: none;
    width: 100%;
    margin-top: 0px;
    padding: 20px;
  }
  .key .box ul li:hover .img:before{
    display: none;
  }
  .key .box ul li .txt ul{
    margin-bottom: 15px;
  }
  .key .box .more a{
    min-width: 120px;
    height: 40px;
    line-height: 40px;
  }
  .strength{
    padding-top: 40px;
  }
  .strength .box .tabs ul li a{
    font-size: 16px;
    height: 50px;
  }
  .strength .tabbox{
    margin-top: 20px;
  }
  .swiper-box .wrap .r-wrap ul li{
    width: 100%;
    margin-right: 0;
  }
  .swiper-box .wrap .r-wrap ul li:last-child{
    margin-bottom: 0;
  }
  .swiper-box .wrap .item .mask{
    height: 50px;
    line-height: 50px;
    bottom: -50px;
  }
  .case .box .box2 ul li{
    margin-right: 10px;
  }
  .case .box .box2 ul li a{
    font-size: 14px;
    padding: 10px 8px 0px;
  }
  .case .box .box2 ul li a:before{
    height: 2px;
  }
  .page-list a {
      min-width: 32px;
      height: 32px;
      line-height: 32px;
      font-size: 16px;
      margin-right: 10px;
  }
  .page-list .total{
    font-size: 15px;
    line-height: 32px;
  }
  /*董事长致辞*/
  .speech{
    padding-top: 40px;
  }
  /*联系我们*/
  .contact{
    padding-top: 40px;
  }
  .contact .box ul li .l-box .t1{
    font-size: 20px;
  }
  /*资质证书*/
  .certificate{
    padding-top: 30px;
  }
  .certificate ul li .txtbox .txt{
    font-size: 15px;
  }
  /*案例详情*/
  .case-detail{
    padding-bottom: 50px;
  }
  .case-detail .content{
    padding-top: 30px;
  }
  .comnav ul li span {
      font-size: 15px;
      line-height: 50px;
  }
  .case-detail .r-box .related .caseli .btn a, .service-details .related .caseli .btn a{
      height: 28px;
      line-height: 26px;
  }
  .case-detail .l-box .w2 .title .t3 ul li, .new-detail .box .r-box .w2 .title .t3 ul li{
    width: 100%;
    margin-right: 0;
  }
  .case-detail .l-box .w2 .btn a, .new-detail .box .r-box .w2 .btn a{
    font-size: 15px;
  }
  /*新闻*/
  .new{
    padding-bottom: 50px;
  }
  .new .tit .screen .t1{
    float: none;
    width: 100%;
  }
  .new .tit .screen .t2{
    float: none;
    width: 100%;
    margin-left: 0;
  }
  .new .tit .screen .t2 ul li{
    margin-right: 25px;
  }
  .new .tit .screen .t2 ul li a{
    font-size: 15px;
  }
  .new .other .major{
    margin-bottom: 20px;
  }
  .new .other .w1{
    width: 100%;
    margin-right: 0;
    margin-bottom: 20px;
  }
  .new .box ul{
    margin-bottom: 40px;
  }
  .new .box ul li{
    width: 100%;
    margin-right: 0;
    margin-top: 0;
    margin-bottom: 20px;
  }
  .new.related .box ul li{
    margin-bottom: 20px;
  }
  .new .newli .title .t3{
    font-size: 14px;
  }
  .new .other .major .title .t4{
    margin-top: 4px;
    font-size: 16px;
    line-height: 1.7;
  }
  .new .newli .title .t4{
    /*font-size: 16px;
    line-height: 1.7;*/
    margin-bottom: 10px;
  }
  /*新闻详情*/
  .new.related{
    padding-bottom: 40px;
  }
  .new-detail .box .l-box{
    padding-bottom: 40px;
  }
  .new-detail .box .l-box .title .t8{
    float: none;
    width: 100%;
  }
  .pagebox ul li a{
    font-size: 15px;
  }
  .new.related .tit{
    font-size: 24px;
  }
  /*人才招聘*/
  .letter ul li .part1 .w1 .spot{
    width: 70px;
    height: 70px;
    line-height: 70px;
  }
  .letter ul li .part1 .w1 .tit{
    font-size: 16px;
  }
  .letter ul li .part1 .w2 .t1{
    font-size: 18px;
  }
  .concept{
    padding-top: 40px;
  }
  .concept .box ul{
    font-size: 0;
  }
  .concept .box ul li{
    float: none;
    display: inline-block;
    vertical-align: top;
  }
  .concept .box ul li .icon:before{
    width: 80px;
    height: 80px;
    line-height: 80px;
  }
  .package{
    padding-top: 40px;
    padding-bottom: 30px;
  }
  .package .box{
    margin-top: 30px;
  }
  .package .box ul li{
    float: none;
    width: 100%;
    margin-right: 0;
    margin-bottom: 25px;
  }
  .package .box ul li .title{
    padding: 20px;
  }
  .recruit{
    padding-top: 40px;
    padding-bottom: 60px;
  }
  /*团队风采*/
  .team{
    padding-top: 30px;
      padding-bottom: 40px;
  }
  .team .box ul li{
    margin-bottom: 30px;
  }
  .team .box ul li .img{
    float: none;
    width: 100%;
  }
  .team .box ul li .txt{
    float: none;
    width: 100%;
    padding-top: 25px;
    padding-left: 20px;
    padding-right: 20px;
  }
  /* 服务承诺 */
  .mechanism{
    padding-top: 40px;
    padding-bottom: 30px;
  }
  .mechanism .box>ul>li{
    width: 100%;
    margin-right: 0;
    margin-bottom: 25px;
  }
  .mechanism .box ul li .title .t3{
    margin-top: 10px;
  }
  .position-support{
    padding-top: 40px;
    padding-bottom: 30px;
  }
  .position-support .box{
    margin-top: 30px;
  }
  .position-support .box>ul>li{
    width: 100%;
    margin-right: 0;
    margin-bottom: 25px;
  }
  .position-support .box ul li .title .t2{
    font-size: 18px;
  }
  .position-support .box ul li:hover .title .t2{
    font-size: 18px;
  }
  .added{
    padding-top: 40px;
    padding-bottom: 30px;
  }
  .added .box{
    margin-top: 30px;
  }
  .added .box ul li{
    width: 100%;
    margin-right: 0;
    margin-bottom: 25px;
  }
  .process{
    padding-top: 40px;
    padding-bottom: 40px;
  }
  .process .box{
    margin-top: 30px;
  }
  .process .box ul li{
    padding: 25px 20px;
  }
  .innovation .switch-box .oth{
    padding: 0px 40px;
  }
  .innovation .swiper-slide{
    padding: 15px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
  /*服务内容*/
  .u-service{
    padding-top: 40px;
    padding-bottom: 40px;
  }
  .u-service .box ul li{
    padding: 10px;
  }
  .u-service .box ul li .txt .title .t8{
    margin-top: 10px;
  }
  .u-process{
    padding-top: 40px;
    padding-bottom: 40px;
  }
  .u-process .title .t9{
    margin-top: 15px;
  }
  .u-process .imgbox{
    margin-top: 30px;
  }
  .u-solution{
    padding-top: 40px;
    padding-bottom: 40px;
  }
  .u-solution .box .boxli .img{
    float: none;
    width: 100%;
  }
  .u-solution .box .boxli .title{
    float: none;
    width: 100%;
    padding: 20px;
  }
  /* 服务内容2 */
  .course{
    padding-bottom: 50px;
  }
  .course .box ul li .img{
    float: none;
    width: 100%;
    margin-bottom: 20px;
  }
  .course .box ul li .title{
    float: none;
    width: 100%;
    padding: 0;
  }
  .course .wrap .tit{
    padding-bottom: 15px;
  }
  .course .wrap .tit .bt{
    font-size: 22px;
  }
  .course .wrap .screen{
    margin-top: 25px;
  }
  .course .wrap .cont{
    margin-top: 25px;
  }
  .course .wrap .cont ul{
    margin-bottom: 20px;
  }
  .course .wrap .cont ul li{
    float: none;
    width: 100%;
    margin-right: 0;
    margin-bottom: 30px;
  }
  /* 服务内容3 */
  .series{
    padding-bottom: 40px;
  }
  .series ul.list li .box ul{
    margin-top: 25px;
  }
  .sernav ul li{
    margin-right: 30px;
  }
  .sernav ul li span{
    line-height: 50px;
    font-size: 15px;
  }
  /*服务内容*/
  .service-details .l-box .d-nav ul li{
    margin-right: 30px;
  }
  .service-details .l-box .d-nav ul li span{
    font-size: 15px;
  }
  .service-details .r-box .text .tit{
    font-size: 20px;
  }
  .service-details .r-box .list li .part2 .atlas{
    margin-top: 20px;
  }
  .service-details .r-box .list li .part2 .atlas ul li{
    float: none;
    width: 100%;
    margin-right: 0;
    margin-bottom: 25px;
  }
  .service-details .r-box .list li .part2 .atlas ul li .mask{
    width: 200px;
    height: 200px;
  }
  .service-details .r-box .list li .part2 .atlas ul li .ring{
    width: 120px;
      height: 120px;
    border: rgba(255,255,255,0.04) solid 200px;
  }
  .s-module ul li span, .s-module ul li a{
    height: 45px;
    line-height: 45px;
  }
  /*解决方案*/
  .solution{
    padding-top: 40px;
    padding-bottom: 40px;
  }
  .solution .box ul li{
    width: 100%;
    margin-right: 0;
    margin-bottom: 25px;
  }
}


.photo{
  width: 100%;
  overflow: hidden;
  -o-transition: all .4s;
    -ms-transition: all .4s;
    -moz-transition: all .4s;
    -webkit-transition: all .4s;
    transition: all .4s;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}
.activity ul li.w2 .photo, .team-list ul li .photo{
  margin-bottom: 30px;
}
.activity ul li.w2 .photo:last-child, .team-list ul li .photo:last-child{
  margin-bottom: 0;
}
a:hover .photo, .casediv:hover .photo, .search-result-list .box>ul>li:hover .photo{
  -o-transform: scale(1.2);
  -ms-transform: scale(1.2);
  -moz-transform: scale(1.2);
  -webkit-transform: scale(1.2);
  transform: scale(1.2);
}
.photo img{
  width: 100%;
  opacity: 0;
}
@media only screen and (max-width: 375px){
  .footer .foot-con .foot-code .txt .t2{
    font-size: 18px;
  }
}

/*鼠标跟随*/
#c-followDot {
    position: fixed;
    top: 0;
    left: 0;
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background-color: #3f509f;
    z-index: 999;
    pointer-events: none;
}

#c-followDot .c-default {
    position: absolute;
    top: -18px;
    left: -18px;
    width: 40px;
    height: 40px;
    border: 1px solid #9c9c9c;
    border-radius: 50%;
    opacity: .2;
    box-sizing: border-box;
    z-index: 99;
    -webkit-transition: all 0.6s;
    transition: all 0.6s;
}

#c-followDot .c-hover {
    position: absolute;
    top: -38px;
    left: -38px;
    width: 80px;
    height: 80px;
    background-color: #bbb;
    border-radius: 50%;
    opacity: .12;
    z-index: 98;
    box-sizing: border-box;
    transform: scale(0, 0);
    -webkit-transform: scale(0, 0);
    -webkit-transition: all 0.6s;
    transition: all 0.6s;
}

#c-followDot.c-active .c-default {
    transform: scale(0, 0);
    -webkit-transform: scale(0, 0);
}

#c-followDot.c-active .c-hover {
    transform: scale(1, 1);
    -webkit-transform: scale(1, 1);
}


/*20210705*/
.scheme-form{
  padding-top: 5.2%;
  padding-bottom: 5.2%;
  background: url(../images/img273.png) top center no-repeat;
  background-size: cover;
}
.scheme-form .box{
  position: relative;
  max-width: 1400px;
  width: 100%;
  margin: auto;
  background: #FFFFFF url(../images/img274.png) top left no-repeat;
  background-size: 28% auto;
  border-radius: 20px;
  overflow: hidden;
}
.scheme-form .box:before{
  content: '';
  position: absolute;
  right: 0;
  top: 0;
  width: 43.6%;
  height: 100%;
  background: #eff2f4;
}
.scheme-form .box .l-box{
  float: left;
  width: 56.4%;
  padding-left: 6%;
  overflow: hidden;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding-bottom: 6%;
}
.scheme-form .box .l-box .tit{
  margin-top: 21%;
}
.scheme-form .box .l-box .tit .t1{
  color: #3f509f;
  font-size: 36px;
}
.scheme-form .box .l-box .tit .t2{
  color: #222222;
  font-size: 16px;
  margin-top: 40px;
  margin-bottom: 20px;
}
.scheme-form .box .l-box ul{
    border-top: 1px solid #f4f4f4;
    overflow: hidden;
    color: #666666;
    font-size: 16px;
    line-height: 2;
    padding: 15px 0;
}
.scheme-form .box .l-box ul li{
  float: left;
  width: 31%;
  margin-right: 3.5%;
  margin-top: 7px;
  margin-bottom: 7px;
}
.scheme-form .box .l-box ul li:nth-child(3n){
  margin-right: 0;
}
.scheme-form .box .l-box ul.oth li{
  width: 48.5%;
  margin-right: 3%;
}
.scheme-form .box .l-box ul.oth li:nth-child(3n){
  margin-right: 3%;
}
.scheme-form .box .l-box ul.oth li:nth-child(2n){
  margin-right: 0;
}
.scheme-form .box .l-box ul li label {
    /*display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-align-items: center;
    align-items: center;*/
}
.scheme-form .box .l-box ul li input{
    margin-right: 8px;
}
.scheme-form .box .l-box ul li input{
  
}
/*input[type="checkbox"]{
  width:20px;
  height:20px;
  display: inline-block;
  text-align: center;
  vertical-align: middle; 
  line-height: 18px;
  position: relative;
}
input[type="checkbox"]::before{
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  background: #fff;
  width: 100%;
  height: 100%;
  border: 1px solid #d9d9d9;
}
input[type="checkbox"]:checked::before{
  content: "\2714";
  background-color: #fff;
  position: absolute;
  top: 0;
  left: 0;
  width:100%;
  border: 1px solid #3f509f;
  color:#3f509f;
  font-size: 20px;
  font-weight: bold;
}*/
.scheme-form .box .r-box{
  position: relative;
  z-index: 10;
  float: left;
  width: 43.6%;
  padding-top: 3.6%;
  padding-left: 5%;
  padding-right: 5%;
  padding-bottom: 5%;
  overflow: hidden;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.scheme-form .box .r-box .subtit{
  color: #222222;
  font-size: 24px;
  margin-bottom: 30px;
}
.scheme-form .box .r-box form{
  width: 100%;
  overflow: hidden;
}
.scheme-form .box .r-box .inputli{
  margin-bottom: 15px;
}
.scheme-form .box .r-box .inputli .half{
  float: left;
  width: -moz-calc((100% - 20px) / 2);
  width: -webkit-calc((100% - 20px) / 2);
  width: calc((100% - 20px) / 2);
  margin-right: 20px;
}
.scheme-form .box .r-box .inputli .half:nth-child(2n){
  margin-right: 0;
}
.scheme-form .box .r-box .inputli .t1{
  position: relative;
  padding-left: 15px;
  color: #444444;
  font-size: 16px;
  margin-bottom: 15px;
}
.scheme-form .box .r-box .inputli .must{
  position: absolute;
  left: 0;
  top: 0px;
  font-size: 24px;
  color: #ca0000;
}
.scheme-form .box .r-box .inputli .t2{
  
}
.scheme-form .box .r-box .inputli select{
  display: inline-block;
  width: 100%;
  height: 46px;
  line-height: 46px;
    color: #666666;
    font-size: 16px;
    padding-right: 35px;
    padding-left: 20px;
    border: #eeeeee solid 1px;
    border-radius: 5px;
    outline: none;
    /*去掉默认的下拉三角*/
    appearance:none;  
    -moz-appearance:none;  
    -webkit-appearance:none;
    /*添加下拉三角图标*/
    background: #FFFFFF url("../images/img275.png") no-repeat right 20px center;
}
.scheme-form .box .r-box .inputli input{
  width: 100%;
  height: 46px;
  line-height: 46px;
  color: #666666;
  font-size: 16px;
  border: #eeeeee solid 1px;
    border-radius: 5px;
    background: #FFFFFF;
  outline: none;
  padding: 0 20px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.scheme-form .box .r-box .inputli input::-webkit-input-placeholder{
  color: #999999;
}
.scheme-form .box .r-box .inputli input:-moz-placeholder{
  color: #999999;
}
.scheme-form .box .r-box .inputli input::-moz-placeholder{
  color: #999999;
}
.scheme-form .box .r-box .inputli input:-ms-input-placeholder{
  color: #999999;
}
.scheme-form .box .r-box .btn{
  margin-top: 30px;
  background: #3f509f;
  border-radius: 5px;
  height: 60px;
}
.scheme-form .box .r-box .btn input{
  width: 100%;
  height: 60px;
  line-height: 60px;
  color: #fafbff;
  font-size: 20px;
  font-weight: bold;
  background: none;
  border: none;
  outline: none;
}

@media only screen and (max-width: 1440px){
  .scheme-form .box .l-box .tit .t1{
    font-size: 30px;
  }
  .scheme-form .box .l-box ul{
    font-size: 15px;
  }
  .scheme-form .box .r-box .inputli .t1{
    font-size: 15px;
  }
  .scheme-form .box .r-box .inputli input, .scheme-form .box .r-box .inputli select{
    font-size: 15px;
  }
  .scheme-form .box .r-box .btn{
    height: 52px;
  }
  .scheme-form .box .r-box .btn input{
    font-size: 18px;
    height: 52px;
    line-height: 52px;
  }
}
@media only screen and (max-width: 1280px){
  .scheme-form .box .l-box{
    padding-left: 4%;
  }
  .scheme-form .box .r-box{
    padding-left: 4%;
    padding-right: 4%;
  }
}
@media only screen and (max-width: 1024px){
  .scheme-form .box:before{
    display: none;
  }
  .scheme-form .box .l-box{
    padding-left: 0;
    float: none;
    width: 100%;
    padding-left: 6%;
    padding-right: 6%;
    padding-bottom: 5%;
  }
  .scheme-form .box .l-box .tit{
    margin-top: 15%;
  }
  .scheme-form .box .l-box .tit .t1{
    font-size: 28px;
  }
  .scheme-form .box .r-box{
    float: none;
    width: 100%;
    padding-left: 6%;
    padding-right: 6%;
    padding-top: 0;
    padding-bottom: 70px;
  }
  .scheme-form .box .r-box .inputli .half{
    width: 48%;
    margin-right: 4%;
  }
  .scheme-form .box .r-box .btn{
    display: block;
    margin: 50px auto 0px;
    max-width: 240px;
  }
}
@media only screen and (max-width: 1024px){
  .scheme-form{
    padding-top: 70px;
    padding-bottom: 70px;
  }
  .scheme-form .box .l-box .tit .t2{
    margin-top: 30px;
  }
  .scheme-form .box .r-box .subtit{
    font-size: 22px;
  }
  .scheme-form .box .l-box ul li{
    width: auto;
    min-width: 31%;
  }
  .scheme-form .box .l-box ul.oth li{
    width: auto;
    min-width: 48.5%;
  }
}
@media only screen and (max-width: 768px){
  .scheme-form{
    padding-top: 60px;
    padding-bottom: 60px;
  }
  .scheme-form .box .l-box .tit{
    margin-top: 90px;
  }
  .scheme-form .box .l-box .tit .t1{
    font-size: 24px;
  }
  .scheme-form .box .r-box .btn{
    max-width: 200px;
  }
}
@media only screen and (max-width: 640px){
  .scheme-form{
    padding-top: 50px;
    padding-bottom: 50px;
  }
  .scheme-form .box .r-box{
    padding-bottom: 60px;
  }
  .scheme-form .box .l-box .tit{
    margin-top: 80px;
  }
  .scheme-form .box .r-box .subtit{
    font-size: 20px;
  }
  .scheme-form .box .r-box .btn input{
    font-size: 16px;
  }
  .scheme-form .box .r-box .inputli{
    margin-bottom: 25px;
  }
  .scheme-form .box .r-box .inputli .half{
    width: 100%;
    margin-right: 0;
    margin-bottom: 25px;
  }
  .scheme-form .box .r-box .inputli .half:last-child{
    margin-bottom: 0;
  }
  .scheme-form .box .r-box .btn{
    max-width: 180px;
  }
  
}
@media only screen and (max-width: 576px){
  .scheme-form{
    padding-top: 40px;
    padding-bottom: 40px;
  }
  .scheme-form .box .l-box .tit .t1{
    font-size: 22px;
  }
  .scheme-form .box .r-box{
    padding-bottom: 50px;
  }
  .scheme-form .box .r-box .subtit{
    font-size: 18px;
  }
  .scheme-form .box .r-box .btn{
    margin-top: 40px;
    max-width: 160px;
    height: 48px;
  }
  .scheme-form .box .r-box .btn input{
    height: 48px;
      line-height: 48px;
  }
  
}
/*20210709*/
@media only screen and (max-width: 1024px){
  .sidebar{
    display: none;
  }
  .m-hide{
    display: none;
  }
}

.case-swiper{
  display: none;
  position: relative;
  width: 100%;
  overflow: hidden;
}
.case-swiper .swiper-pagination{
  display: none;
}
.case-swiper .swiper-container-horizontal>.swiper-pagination-bullets, .case-swiper .swiper-pagination-custom, .swiper-pagination-fraction{
  bottom: 0;
}
.m-sidebar{
  display: none;
  position: fixed;
  left: 0;
  bottom: 0;
  width: 100%;
  margin: auto;
  background-color: #ffffff;  
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
  border-radius: 50px;
}
.m-sidebar.on{
  width: 100%;
  left: 0;
  border-radius: 0;
}
.m-sidebar ul{
  padding: 0 25px;
  overflow: hidden;
}
.m-sidebar ul li{
  float: left;
  width: 25%;
  text-align: center;
  overflow: hidden;
}
.m-sidebar ul li a{
  display: block;
  width: 100%;
  padding: 6% 5% 5%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.m-sidebar ul li .icon{
  width: 100%;
  overflow: hidden;
}
.m-sidebar ul li .icon img{
}
.m-sidebar ul li .icon .ic2{
  display: none;
}
.m-sidebar ul li:hover .icon .ic1, .m-sidebar ul li.on .icon .ic1{
  display: none;
}
.m-sidebar ul li:hover .icon .ic2, .m-sidebar ul li.on .icon .ic2{
  display: inline-block;
}
.m-sidebar ul li .txt{
  font-size: 16px;
  color: #666666;
  margin-top: 4px;
}
.m-sidebar ul li:hover .txt{
  color: #3d509f;
}
.related ul.m-ul, .indexpart5 .switch-box ul.m-ul, .case .wrap>ul.m-ul{
  display: none;
}
.m-caseli{
  display: none;
}
.m-caseli>a{
  display: block;
  width: 100%;
}
.table, .table tbody{
  width: 100% !important;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.table tr td, .table tr th{
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.table tr th:first-child, .table tr td:first-child{
  padding: 10px;
  min-width: 70px;
  text-align: center;
}
.strength .box.m-box{
  display: none;
}
.strength .m-tabbox-li {
    position: relative;
    margin: 40px auto 0px;
    width: 100%;
  position: absolute;
  z-index: -1;
  display: inline-block;
  opacity: 0;
  visibility: hidden;
}
.strength .m-tabbox-li.on{
  position: relative;
  z-index: 1;
  visibility: visible;
  opacity: 1;
}
.switch-box .switch-li{
  position: absolute;
  z-index: -1;
  display: inline-block;
  opacity: 0;
  visibility: hidden;
}
.switch-box .switch-li.on{
  position: relative;
  z-index: 1;
  visibility: visible;
  opacity: 1;
  width:100%;
}

.strength .m-tabbox-li .swiper-container{
  width: 83.33%;
  padding-bottom: 40px;
}
.strength .m-tabbox-li .swiper-container .item{
  position: relative;
    width: 100%;
    overflow: hidden;
}
.strength .m-tabbox-li .swiper-container .item img{
  width: 100%;
}
.strength .m-tabbox-li .swiper-container .item .mask{
  position: absolute;
    left: 0;
    bottom: -50px;
    width: 100%;
    height: 50px;
    line-height: 50px;
    text-align: left;
    background: rgba(63, 80, 159, .9);
    color: #fff;
    font-size: 18px;
    -webkit-transition: .3s;
    transition: .3s;
    padding: 0 5.4%;
    overflow: hidden;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.strength .m-tabbox-li .swiper-container .item:hover .mask{
  bottom: 0;
}
.strength .m-tabbox-li .swiper-container .item .mask .tit {
    padding-left: 25px;
    background: url(../images/img73.png) left center no-repeat;
}
@media only screen and (max-width: 1024px){
  .case-swiper{
    display: block;
    margin-top: 20px;
    padding-bottom: 30px;
  }
  .case-swiper .swiper-pagination{
    display: block;
  }
  .case-swiper .swiper-pagination-bullet-active{
    background: #3d509f;
  }
  .related ul, .indexpart5 .switch-box>ul, .case .wrap>ul{
    display: none;
  }
  .related ul.m-ul, .indexpart5 .switch-box ul.m-ul,  .case .wrap>ul.m-ul{
    display: block;
  }
  .case-swiper .caseli{
    width: 100%;
    padding: 10px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
  .case-swiper .caseli>a{
    display: block;
    width: 100%;
  }
  .innovation .caseli{
    display: none;
  }
  .caseli.m-caseli{
    display: block;
  }
  .caseli .above{
    box-shadow: 0px 5px 10px rgb(0,69,87,0.09);
  }
  .caseli:hover .above{
    transform:none;
  }
  .caseli .below{
    box-shadow: 0px 5px 10px rgb(0,69,87,0.09);
  }
  .caseli:hover .below{
    display: none;
  }
  .m-pad{
    padding-top: 56px;
    background: #3d509f;
  }
  .m-sidebar{
    display: block;
  }
  .strength .box{
    display: none;
  }
  .strength .box.m-box{
    display: block;
  }
}
@media only screen and (max-width: 768px){
  .m-sidebar ul li{
    padding-top: 5px;
    padding-bottom: 5px;
  }
  .m-sidebar ul li .txt{
    font-size: 15px;
  }
  .indexpart5 .caseli{
    width: 48%;
    margin-right: 4%;
    margin-bottom: 4%;
  }
  .indexpart5 .caseli:nth-child(3n){
    margin-right: 4%;
  }
  .indexpart5 .caseli:nth-child(2n){
    margin-right: 0;
  }
  .indexpart5 .case-swiper .caseli{
    width: 100%;
    margin-right: 0;
  }
  .strength .m-tabbox-li{
    margin-top: 30px;;
  }
}
@media only screen and (max-width: 576px){
  .m-sidebar ul li .txt{
    font-size: 14px;
  }
  .caseli, .indexpart5 .caseli{
    width: 100%;
    margin-top: 20px;
  }
  .caseli .icon{
    margin-bottom: 15px;
  }
  .caseli .txt{
    padding-top: 0;
  }
  .caseli .title .t6{
    font-size: 18px;
    margin-bottom: 15px;
  }
  .strength .m-tabbox{
    width: 94%;
    margin: auto;
  }
  .strength .m-tabbox-li{
    margin-top: 20px;
  }
  .strength .m-tabbox-li .swiper-container{
    width: 100%;
  }
  .strength .swiper-button-prev, .strength .swiper-container-rtl .swiper-button-next{
    left: 0;
  }
  .strength .swiper-button-next, .strength .swiper-container-rtl .swiper-button-prev {
      right: 0;
  }
  .strength .m-tabbox-li .swiper-container .item .mask{
    font-size: 16px;
  }
  .indexpart3{
    padding-bottom: 40px;
  }
}
/*20210713*/
.indexpart3 .w3{
  display: none;
}
@media only screen and (max-width: 767px){
  .indexpart3 .wrap .w1, .indexpart3 .wrap .w2{
    display: none;
  }
  .indexpart3 .w3{
    display: block;
  }
  .indexpart3 .wrap>ul{
    float: none;
    width: 100%;
    margin-right: 0;
  }
  .indexpart3 .w3 li{
    float: left;
    width: 45%;
    margin-right: 10%;
  }
  .indexpart3 .w3 li:nth-child(2n){
    margin-right: 0;
  }
}


/*20210716*/
.lunbotu .bannerbg{
  width: 100%;
  height: 950px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
@media only screen and (max-width:1680px){
  .lunbotu .bannerbg{
    height: 831px;
  }
}
@media only screen and (max-width: 1536px){
  .lunbotu .bannerbg{
    height: 760px;
  }
}
@media only screen and (max-width: 1440px){
  .lunbotu .bannerbg{
    height: 713px;
  }
}
@media only screen and (max-width: 1366px){
  .lunbotu .bannerbg{
    height: 676px;
  }
}
@media only screen and (max-width: 1280px){
  .lunbotu .bannerbg{
    height: 633px;
  }
}
@media only screen and (max-width:1024px){
        .lunbotu .bannerbg{
                display: none;
        }
    .lunbotu .swiper-button-next, .lunbotu .swiper-button-prev{
                display: none;
        }
}


.sybj{width:100%; background:#3d509f; background-size:cover; padding:100px 0;}
.sybj .t1{color:#fff;}
.sybj .box{width:100%; margin:50px auto;display: table;}
.sybj .box ul{margin:0px; padding:0px;}
.sybj .box ul li{width:8.75%; margin-right:2%; margin-top:20px; margin-bottom:20px; float:left; background:#e6e6e6; padding:20px 1%10px; text-align:center;}
.sybj .box ul li:nth-child(8n+8){margin-right:0px;}
.sybj .box ul li .imgbox{height:50px;}
.sybj .box ul li img{max-width:100%;}
.sybj .box ul li h5{font-size:16px; line-height:20px; color:#333; margin-top:10px; height:40px; overflow:hidden;} 
.sybj .box ul li:hover{background:#3d509f;}
.sybj .box ul li:hover img{filter: grayscale(1) brightness(8);}
.sybj .box ul li:hover h5{color:#fff;}
.sybj .allbtn{ margin:0 auto; }