@charset "utf-8";
/* CSS Document */
body{margin: 0 auto; height: 100%;/* position: relative;*/ font-size: 14px; width: 100%;overflow-x:hidden; font-family:"PingFangSC-Light","Open Sans",Arial,"Hiragino Sans GB","Microsoft YaHei","微软雅黑",STHeiti,"WenQuanYi Micro Hei",SimSun,sans-serif; color: #333; background: #fff}
h1, h2, h3, h4, p,div,span{margin:0; padding:0}
dl, dt, dd, ul, ol, li,input,h1,p,img,textarea{margin:0; padding:0; list-style:none; border:0 none}
input, textarea, select{-webkit-tap-highlight-color:transparent; -webkit-touch-callout:none}
select{appearance:none; -moz-appearance:none; -webkit-appearance:none;}
textarea{resize:none}
table{border-collapse:collapse;border-spacing:0;border-right:1px solid #ddd;border-bottom:1px solid #ddd;}
table td{border-left:1px solid #ddd;border-top:1px solid #ddd;}
table th{border-left:1px solid #ddd; /*font-weight: normal;*/border-top:1px solid #ddd;border-bottom: solid 2px #ddd;height: 48px;line-height: 48px; font-size: 14px; text-align: center;}
input[type="submit"], input[type="reset"], input[type="button"], input[type="submit"],input[type="button"], textarea, select{-webkit-appearance:none; -webkit-gradien:none; -webkit-linear-gradient:none; -moz-linear-gradient:none; -ms-linear-gradient:none; -o-linear-gradient:none; linear-gradient:none;border:0 none;}
input::-webkit-outer-spin-button, input::-webkit-inner-spin-button{-webkit-appearance:none !important; margin:0}
input[type="number"]{-moz-appearance:textfield}
::-webkit-input-placeholder{color:#878787}
::-moz-placeholder{color:#878787}
:-ms-input-placeholder{color:#878787}
a{color: #000}
*{
  -webkit-tap-highlight-color: transparent;
  /*    -webkit-appearance: none;*/
}
/*去掉点击a时背景变灰*/
input,select{
  -webkit-tap-highlight-color: transparent;
  -webkit-touch-callout: none;
  /*-webkit-user-select: none;*/
  /*-moz-user-select: none;*/
  -ms-user-select: none;
  user-select: none;
}
input[type="text"]{
  -webkit-box-shadow: 0 0 0px 1000px white inset !important;
  background-color: rgb(255, 255, 255) !important;
  background-image: none !important;
  color: rgb(0, 0, 0) !important;
  -webkit-tap-highlight-color:rgba(255,255,255,0) !important;
}
a:link{text-decoration:none;   /* 指正常的未被访问过的链接}
a:visited{text-decoration:none; /*指已经访问过的链接*/}
a:hover{text-decoration:none;/*指鼠标在链接*/}
a:active{text-decoration:none;/* 指正在点的链接*/ }
/*去掉点击时背景变灰*/
input,textarea,select{-webkit-tap-highlight-color: transparent;
  -webkit-touch-callout: none;
}
/*去掉记住密码后背景变黄*/
input:-webkit-autofill{
  -webkit-box-shadow: 0 0 0px 1000px #fff inset;
  color: #fff!important;
  background-color: #fff!important;
}
/*去掉input的样式*/
input,button,select,textarea{outline:none; font-family:"PingFangSC-Light","Open Sans",Arial,"Hiragino Sans GB","Microsoft YaHei","微软雅黑",STHeiti,"WenQuanYi Micro Hei",SimSun,sans-serif; }
input{outline:medium;border: none}
textarea{resize:none}
input[type="submit"],
input[type="reset"],
input[type="button"],
  /*input{-webkit-appearance:none;}*/
input[type="submit"],input[type="button"],select,textarea{
  -webkit-appearance:none;
  -webkit-gradien:none;
  -webkit-linear-gradient:none;
  -moz-linear-gradient:none;
  -ms-linear-gradient:none;
  -o-linear-gradient:none;
  linear-gradient:none;
}
.mt20{margin-top: 20px}
input{background: none;outline:none;}
/*公共样式 begin*/
a{-webkit-tap-highlight-color:transparent; -webkit-touch-callout:none;  text-decoration: none;}
a:focus, input, button, select, textarea{outline:0 none}
.clearfix{*zoom:1}
.clearfix:before, .clearfix:after{display:table; line-height:0; content:" "}
.clearfix:after{clear:both}
.fl,.lf{float:left}
.fr,.rf{float:right}
.pr{position:relative}
.pa{position:absolute}
.hand{cursor:pointer;}
.block{display:block;}
.inline-block{display:inline-block;}
.text-center{text-align:center;}
.none-border{border:0 none;}
.img-w100{max-width: 100%; display: block;}
.img-tag{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);}
.img-h100{height: 100%; width: 100%;display: block;}
.img-h1000{height: 100%; display: block;margin: 0 auto;}

.hide{display: none;}
::-webkit-input-placeholder { /* WebKit browsers */
  color: #999;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
  color: #999;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
  color: #999;
}
:-ms-input-placeholder { /* Internet Explorer 10+ */
  color: #999;
}
.fz14{font-size: 14px;}
select {
  /*Chrome和Firefox里面的边框是不一样的，所以复写了一下*/
  border: none;
  border: solid 1px #ccc;
  /*很关键：将默认的select选择框样式清除*/
  appearance:none;
  -moz-appearance:none;
  -webkit-appearance:none;
  /*在选择框的最右侧中间显示小箭头图片*/
  background-image: url("/themes/website/images/sel1.png");
  background-repeat: no-repeat;
  background-position: right center;
  background-size: 10px;
  /*为下拉小箭头留出一点位置，避免被文字覆盖*/
  /*padding-right: 14px;*/
}
/*首页开始*/
.navbar .pcheight{
  height: 70px;
  background: #fff
}
.banner_wrap{
  height: 100%;
  position: relative;
}
.banner_wrap .banner_bg{
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background: url(/themes/website/images/banner.jpg) 0% 0% / cover no-repeat;
}
.navbar .navbar-brand{
  width: 221px;
  height:70px;
  padding-top: 19px;
}
.big-tit-banner{height: 67px; line-height: 67px; margin-bottom: 26px; margin-top: 10px;}
.dropdown-menu .second-banner{
  margin: 13px 0;
}
.dropdown-submenu {
  /*position: relative; */
}
.dropdown-submenu > .dropdown-menu {
  top: 0;
  left: 100%;
  margin-top: -1px;
  margin-left: -1px;
  border-left: none;
  /*-webkit-border-radius: 0 6px 6px 6px;
  -moz-border-radius: 0 6px 6px;
  border-radius: 0 6px 6px 6px; */
}
.dropdown-submenu:hover > .dropdown-menu {
  display: block;
}
.dropdown-submenu > a:after {
  display: block;
  content: " ";
  float: right;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
  border-width: 5px 0 5px 5px;
  border-left-color: #ccc;
  margin-top: 5px;
  margin-right: -10px;
}
.dropdown-submenu:hover > a:after {
  border-left-color: #fff;
}
.dropdown-submenu.pull-left {
  float: none;
}
.dropdown-submenu.pull-left > .dropdown-menu {
  left: -100%;
  margin-left: 10px;
  -webkit-border-radius: 6px 0 6px 6px;
  -moz-border-radius: 6px 0 6px 6px;
  border-radius: 6px 0 6px 6px;
}
.btn-primary{
  background: #fff;
  border: none;
}
.dropdown-menu2{width: 450px;}
.dropdown-menu3{width: 207px;}
.dropdown-menu4{width: 150px;}
.dropdown-menu5{width: 108px;}
.dropdown-menu6{width: 108px;}
.dropdown-menu7{width: 250px;}


#list-1{
  width: 108px;
}
#list-2{
  width: 250px;
}
.project-contents{
  padding-top: 50px;
}
/*ssssss*/
/*ssssss*/
/*.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus{background: #fff}
.nav .open > a, .nav .open > a:hover, .nav .open > a:focus{background: #fff}
*/
@media (min-width: 768px){
  .banner-nav-top .left-bg,.banner-nav-top .rigth-bg{
    background: #1f2326;
    height: 20px;
  }
}
.banner_wrap .detail-banner{
  font-size: 16px; line-height: 30px;
}
.banner_wrap .detail-btn{
  width: 211px;
  height: 61px;
  line-height: 61px;
  background: #ff6600;
  border-radius:60px;
  font-size: 18px;
  text-align: center;
  color:#fff;
  margin-top: 50px
}
.banner_wrap .banner-nav{
  position: absolute;
  bottom: 0;
  z-index: 2;
  border-bottom: solid 1px #34383f;
  height: 60px;
  left: 0;
  right: 0;
  background: #1f2326
}
.banner_wrap .banner-nav-top{
  position: absolute;
  bottom: 60px;
  z-index: 2;
  height: 19px;
  left: 0;
  right: 0;
}
.banner-nav-top .center-content{
  margin-left: 1px;
  height: 19px;
}
.banner-nav-top .banner-bar{
  margin-right: 1px;
  height: 19px;
  padding: 0
  /* width: 20%;*/
}
.banner-nav-top .top-nav-width{
  background: #1f2326;
  height: 20px;
}
.lf0{left: 0}
.rf0{
  position: absolute;
  top: 0
}
.banner-nav-top .arrow{
  width: 24px;
  height: 24px;
  background: #1f2326;
}
.banner-nav-top .arrow-active{
  content:'';
  display:block;
  width:0;
  height:0;
  background: none;
  position:relative;
  border-top:12px solid transparent;
  border-left:12px solid #1f2326;
  border-right:12px solid #1f2326;
  border-bottom:12px solid #1f2326;
}
.banner-content{
  height: 75px;
}
.banner-content .banner-bars{
  color: #fff;
  cursor: pointer;
}
.banner-content .banner-bars:hover{
  color: #2385D5;
  cursor: pointer;
}
.fz24{font-size: 24px; font-weight: bold; margin-top: -8px}
.fz16{font-size: 16px;}
@keyframes warn {
  0% {
    transform: scale(0.3);
    -webkit-transform: scale(0.3);
    opacity: 0.0;
  }
  25% {
    transform: scale(0.3);
    -webkit-transform: scale(0.3);
    opacity: 0.1;
  }
  50% {
    transform: scale(0.5);
    -webkit-transform: scale(0.5);
    opacity: 0.3;
  }
  75% {
    transform: scale(0.8);
    -webkit-transform: scale(0.8);
    opacity: 0.5;
  }
  100% {
    transform: scale(1);
    -webkit-transform: scale(1);
    opacity: 0.0;
  }
}
@keyframes warn1 {
  0% {
    transform: scale(0.3);
    -webkit-transform: scale(0.3);
    opacity: 0.0;
  }
  25% {
    transform: scale(0.3);
    -webkit-transform: scale(0.3);
    opacity: 0.1;
  }
  50% {
    transform: scale(0.3);
    -webkit-transform: scale(0.3);
    opacity: 0.3;
  }
  75% {
    transform: scale(0.5);
    -webkit-transform: scale(0.5);
    opacity: 0.5;
  }
  100% {
    transform: scale(0.8);
    -webkit-transform: scale(0.8);
    opacity: 0.0;
  }
}
@-webkit-keyframes "warn" {
  0% {
    transform: scale(0);
    -webkit-transform: scale(0);
    opacity: 0.0;
  }
  25% {
    transform: scale(0);
    -webkit-transform: scale(0);
    opacity: 0.1;
  }
  50% {
    transform: scale(0.1);
    -webkit-transform: scale(0.1);
    opacity: 0.3;
  }
  75% {
    transform: scale(0.5);
    -webkit-transform: scale(0.5);
    opacity: 0.5;
  }
  100% {
    transform: scale(1);
    -webkit-transform: scale(1);
    opacity: 0.0;
  }
}
/* 保持大小不变的小圆圈  */
.dot {
  position: absolute;
  width: 40px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  left: 25px;
  top: 25px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border: 1px solid #ff6600;
  border-radius: 50%;
  color: #1f2326;
  font-size: 18px;
  background: #ff6600;
  z-index: 2;
}
/* 产生动画（向外扩散变大）的圆圈  */
.pulse {
  position: absolute;
  width: 90px;
  height: 90px;
  left: 0px;
  top: 0px;
  border: 2px solid #ff6600;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  z-index: 1;
  opacity: 0;
  -webkit-animation: warn 2s ease-out;
  -moz-animation: warn 2s ease-out;
  animation: warn 2s ease-out;
  -webkit-animation-iteration-count: infinite;
  -moz-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  box-shadow: 1px 1px 30px #ff6600;
}
.pulse1 {
  position: absolute;
  width: 90px;
  height: 90px;
  left: 0px;
  top: 0px;
  border: 2px solid #ff6600;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  z-index: 1;
  opacity: 0;
  -webkit-animation: warn1 2s ease-out;
  -moz-animation: warn1 2s ease-out;
  animation: warn1 2s ease-out;
  -webkit-animation-iteration-count: infinite;
  -moz-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  box-shadow: 1px 1px 30px #ff6600;
}
.fz18{font-size: 18px;}
@media (max-width: 767px) {
  .dropdown-menu{display: none;}
  .h5height{height: 89px;}
  .banner-nav-top .center-content{
    width: 100%
  }

  .navbar-nav > li{font-size: 16px; }
  .navbar-nav > li > a{line-height: 59px;}
  .banner-content{
    width:100%;
  }
  .navbar-default .navbar-nav > li > a{color: #000; padding: 0 20px; display: block;}
  .navbar-default .navbar-nav > li > a:hover{color: #ff6600}
  .nav > li > a:hover, .nav > li > a:focus{border-bottom: none;}
  /*.btn-primary{border-bottom: solid 1px #E1E3E5}*/
  .fz24{font-size: 14px;line-height: 65px}
  .fz16{display: none}
  .banner-content .banner-bars{
    padding: 0
  }
  .h5-hide{display: none;}
  .second-content .small-tit{margin-left: 25px}

}
@media screen and (min-width:768px) and (max-width:1000px){
  .fz24{font-size: 20px; font-weight: bold;}
  .fz16{font-size: 16px;}
}
@media screen and (min-width:768px) and (max-width:990px){
  .develop-second .container-pro{ margin-bottom: 30px;}
}
@media screen and (min-width:768px){
  /*.dropdown-menu .second-banner:nth-child(1){border-right: solid 1px #bfbfbf}*/
  .dropdown-menu .second-banner ul li{padding: 14px 0px;}
  .dropdown-menu .second-banner ul li > a{}
  .dropdown-menu .second-banner .tit-nav{display: block;width: 116px;}
  .dropdown-menu .second-banner .tit-second-nav{margin-left: 15px;}
  .dropdown-menu .second-banner .tit-second-nav a{font-size: 12px;color: #595E61; padding-right: 17px;}
  .dropdown-menu .second-banner .tit-second-nav a:hover,.dropdown-menu .second-banner .tit-nav:hover{color:#ff6600;}
  /* .dropdown-menu .second-banner ul li a:hover{
     background: #ff6600;
     color: #fff
   }*/
  .programs-wrap .pc-pro-width{
    width: 700px;
    margin:0 auto;
  }
  .h5-show{display: none;}
}
.customer-demo{
  background: #fff;
  padding: 50px 0;
  font-size: 24px;
}
.customer-demo h3{
  padding-bottom: 24px;
}
.customer-demo .customer-logo{
  margin-top: 26px;
}
.programs-wrap{
  padding: 83px 0;
  background: #f0f8ff;
  width: 100%;
}
.programs-wrap h3{
  text-align: center;
  font-size: 28px;
  padding-bottom: 32px;
}
.programs-wrap input,.programs-wrap .error-tips{
  width: 100%;
  height: 55px;
  line-height: 55px;
  padding-left: 15px;
  border-radius:4px;

}
.programs-wrap input[type="text"]{color:#333; font-size:14px}
.programs-wrap .error-tips{
  display: none;
  background: #FFF0ED;
  border: 1px solid #F77E6A;
  border-radius: 8px;
  font-size: 14px;
  color: #EE4226;
}
.programs-wrap .error-tips span{
  width: 22px;
  height: 22px;
  background: url(/themes/website/images/error.png) no-repeat;
  background-size: 100%;
  display: inline-block;
  margin-right:10px;
  vertical-align: middle;
}
.margin0{margin: 0}
.mb26{margin-bottom: 26px;}
.result-btn{
  background: #ff6600;
  font-size: 20px;
  color: #fff;
  border-radius: 5px;
}
@media screen and (min-width:1020px){
  .dynamic-h5{display: none;}
  .dynamic-pc{
    background: #1f2326;
    width: 100%;
  }
  .dynamic-pc h3{
    font-size: 32px;
    padding: 60px 0;
    color:#fff;
  }
  .dynamic-pc .every-sort{
    position: relative;
  }
  .dynamic-pc .sort-detail{
    margin-left: 100px;
    margin-top: 10px;
    color: #fff;
  }
  .pd5{
    padding-top: 5px;
  }
  .pd28{padding-top: 26px;line-height: 25px;}
  .dynamic-pc .know-more{
    text-align: right;
    display: block;
    width: 100%;
    color: #fff;
  }
  .dynamic-pc .dynamic-sort{
    position: relative;
    padding-bottom: 50px;
  }
  .dynamic-pc .border-b{
    width: 31%;
    height: 5px;
    background: #ff6600;
    position: absolute;
    bottom: 0;
    left: 0
  }
  .pdt70{
    padding-top: 40px;
  }
  .pc-foot-wrap .pdt70{color:#ccc;}
}
@media screen and (max-width:1019px){
  .dynamic-pc{
    display: none;
  }
  .dynamic-h5{
    background: #1f2326;
    color: #fff
  }
  .dynamic-h5 h3{
    padding: 45px 0 18px 0;
    font-size: 32px;
  }
  .dynamic-h5 .pd100{padding-top:100px;}
  .dynamic-h5 .circel-move{
    position: absolute;
    left: 50%;
    margin-left: -45px
  }
  .dynamic-h5 .title-dy{
    font-size: 24px;
    width: 90%;
    margin: 0 auto;
  }
  .dynamic-h5 .detail-dy{
    font-size: 16px;
    width: 90%;
    margin:0 auto;
    word-break:break-all;
    line-height: 28px;
    padding-top: 20px
  }
  .dynamic-h5 .know-more{
    font-size: 14px;
    padding: 25px 0 50px 0;
    text-align: center;
  }
  .dynamic-h5 .know-more a{
    color: #ff6600;
  }
  .dynamic-h5 .solid-bot{
    height: 4px;
    background-color: #ff6600;
    width: 90%;
    margin: 0 auto;
  }
}
/*sss*/
@media(min-width:992px){

  .banner_wrap .pc-content{
    margin:250px 0 0 0;
    color: #fff;
    font-size: 50px;
    position: relative;
  }

  .gw_iphone{display: none;}
  .max344w{max-width: 320px;float: right; margin-top: -35px;}
  .maxw636{max-width: 636px;}
  .mb100{margin-bottom: 100px;}
  .seo-firstsort .big-p{padding-top: 75px;}
  .max-560{max-width:560px;margin-right: 40px;}
  .max-627{max-width: 627px;}
  .yi-pei{max-width: 468px; float: right; margin-right: 70px;}
  .szzx-pei{max-width: 500px; float: right; margin-right: 50px;}
  .szcl-pei{max-width: 485px; float: right; margin-right: 70px;}
  .yan-pei{max-width: 560px;float: right; margin-right: 25px;}
  .szyxdiv{max-width: 445px; float: right; margin-right: 75px}
  .pc-pei{max-width: 412px; float: right; margin-right: 70px; margin-top: 20px;}
  .sem-pei{max-width: 540px; float: right; margin-right: 40px; }
  .semdiv{max-width: 457px; float: right; margin-right: 65px;}
  .app-firstsort{padding-bottom: 80px;}
  .w569{width: 569px;float: left;}
  .wi-firstsort .jiandiv{max-width: 540px;float: right;}
  .seodiv{max-width: 557px; float: right;}
  .share_img{max-width: 481px;float: right;}
  /*.pcmt60{margin-top: 65px}*/
  .develop-first .pic-pei{ float: right; max-width:564px;}
  .bao-pei{ margin-right: 90px; float: right; max-width: 370px;margin-top: 40px;}
  .wei-pei{max-width: 580px;}
  .pcmt60 .pic-pei{width: 496px; padding-left: 48px; float: left;}
  .develop-first .max340w{max-width: 253px;}
  .develop-first .pic-pei1{max-width: 446px;}
  .h5-foot-wrap{display: none;}
  .pc-foot-wrap{background: #1f2326; width: 100%;padding: 50px 0 24px 0;color: #fff;}
  .pc-foot-wrap h4{font-size: 16px;padding-bottom: 8px;}
  .pc-foot-wrap ul li{font-size: 14px;padding-top: 8px;}
  .pc-foot-wrap ul li a{color: #AAAAAA;}
  .pc-foot-wrap ul li a:hover{color: #ffffff;}
  .ercode_cont{margin-left: 30px; }
  .ercode_cont p{text-align: center;padding-top: 5px;}
  .ercode_wrap{width: 104px; height: 102px;}
  .top-banners{height: 320px; margin-top: 70px;}
  .top-banners1{height: 360px; margin-top: 70px;}
  .top-banners .banner_imgs{height: 320px;}
  .top-banners .banner_imgs1{height: 360px;}
  .top-banners .resolve-sort{font-size: 36px;color: #FFFFFF;}
  .top-banners .resolve-sort-detail{font-size: 16px; line-height: 28px; margin-top: 28px; text-align: left;}
  .pc-secondnav{height: 80px; line-height: 80px; color: #1F2326; line-height: 80px; position: relative; bottom: 0; margin-top: -80px; z-index: 2; background:#EEEFF2}
  .com-details{background: #fff}
  .pc-secondnav a{cursor: pointer; text-align: center; font-size: 18px;}
  .company-descript{/*background: #F7F8FA;*/width: 100%; padding-bottom: 50px}
  .company-descript h3,.company-photo h3,.company-ry h3{margin-top: 50px;}
  .company-descript h1,.company-photo h1,.company-ry h1{margin-top: 50px;}
  .company-photo{margin-top: 60px;background: #fff;}
  .company-photo .picter-wraps div{margin-bottom: 20px; padding: 0 10px}
  .introduce-wrap{margin-top: 70px;}
  .introduce-wrap .ceo-wrap{ width: 260px; height: 760px; border:solid 1px #E6E6E6; text-align: center;font-size: 14px;}
  .introduce-wrap .ceo-phpto{width: 120px; height: 120px; margin:0 auto;margin-top: 21px;}
  .introduce-wrap .ceo-wrap .job-email{border-bottom: solid 1px #e6e6e6}
  .introduce-wrap .detail-more{font-size: 12px; line-height: 21px; padding: 0 15px;text-align: left;}
  .introduce-wrap .pdt8{padding-top: 8px;}
  /* .introduce-wrap .common-phptos{margin-left: 15px;} */
  .introduce-wrap .job-detail{margin-top: 26px;}
  .pc-hide{display: none;}
  .descript-1{margin-top: 54px}
  .pdr30{padding-right: 30px;}
  .pdl0{padding-left: 10px;}
  .about-us-1{background: #fff;padding:45px 45px 25px;}
  .about-us-1 .about-text1{ margin-bottom: 20px}
  .about-us-1 .text1-detail a{margin-right:33px; width: 235px; display: inline-block; font-size: 14px; line-height: 22px}
  .about-us-1 .join-img{padding-left: 20px}
  .jobs-wrap .job-content{border-left: solid 4px #ff6600; }
  .company-ry p{padding-left: 100px}
  .link-ustit{padding: 48px 44px; font-size: 18px;}
  .dituwrap{height: 400px}
  .dituwrap .ditu{height: 400px; overflow: hidden;}
  .dituwrap .address-com{padding:70px 0 0px 36px; height: 400px;}
  .second-content .second-every{height: 150px; margin-bottom: 40px}
  .project-contents .second-sort .sort-img{width: 960px; height: 252px; margin:0 auto; margin-top: 45px; margin-bottom: 66px}
  .project-contents .second-sort .sort-img2{width: 930px; height: 480px}
  .project-contents .first-sort .sort-text{ padding-left: 33px; font-size: 14px;}
  /*.h235{height: 235px;}*/
}
@media(min-width:1200px){
  .pc-sectond-nav{width: 100%; height: 60px; line-height: 60px; background: #1F2326;color: #fff; font-size: 16px; margin-top: 70px;}
  .pc-sectond-nav ul{width: 1200px;margin: 0 auto;}
  .pc-sectond-nav ul li{float: left;padding: 0 45px}
  .pc-sectond-nav ul li.active a{color: #ff6600;}
  .pc-sectond-nav ul li a{color: #fff}
  .pc-sectond-nav ul li:hover a{color: #ff6600;}
  .yxnav ul li{padding:0 20px; margin: 0 10px}
  .pc-sectond-nav .active{color: #ff6600}
  .yxnav .active,.yxnav ul li:hover{background: #ff6600; color: #fff}
  .nav-h5-second{display: none;}
  .yxnav{width: 1200px; margin: 0 auto; color: #1F2326; margin-top: 0}
}
@media screen and (min-width:992px) and (max-width:1199px){
  .introduce-wrap .common-phptos{}
  .pc-pei{ margin-right: 0}
}
@media (min-width: 768px){
  /*.pcmt60 {margin-top: 65px;}*/
}
.yx-wrap{margin-top: 120px}
.yx-wrap h3{padding-bottom: 15px; font-size: 18px; border-bottom: solid 1px #EEEFF2; margin-bottom: 10px}
.yx-wrap .descript-3{padding-left: 0}
.yx-wrap .descript-3 h4{font-size: 22px; margin-bottom: 12px;}
.yx-wrap .descript-3 p{font-size: 14px; line-height: 32px;}
.yx-wrap .img-text-s{padding-bottom:30px; border-bottom: solid 1px #EEEFF2; margin-bottom: 10px;}
.yx-wrap .img-text-s p a:hover{color: #ff6600}
.yx-wrap .time-icon{background: url(/themes/website/images/texttip.png) no-repeat;width: 14px;}
.yx-wrap .text-icon{background: url(/themes/website/images/timetip.png) no-repeat; width: 12px}
.yx-wrap .comicon{height: 14px; background-size: 100%; display: inline-block; vertical-align: top; margin-right: 4px}
.mb30{margin-bottom: 30px;}
.company-anything h3{font-size: 24px; margin: 40px 0 25px 0}
.yx-wrap .last-update-time{font-size: 12px; color: #787D81;}
.yx-wrap .last-update-time span{display: inline-block; height: 14px; line-height: 14px;}
.mr20{margin-right: 20px;}
.descript-2 p{line-height: 25px;margin-bottom: 20px; font-size: 16px;}
.descript-1 .des-detail{ font-size: 16px;}
.descript-2 .video-controls{width: 70%; margin: 25px auto; display: block;}
.descript-1 .des-detail p{line-height: 25px; margin-bottom: 13px;}
.descript-1 h3{font-size: 24px; text-align: center;}
.descript-1 .descript-time{font-size: 12px; color: #aaa; margin-top: 11px; text-align: center; margin-bottom: 40px;}
.descript-1 .img-detail{font-size: 14px; color: #ff6600}
.company-anything{margin-bottom: 20px;}
.company-anything .anything-detail{border: solid 1px #EEEFF2; max-width: 400px; margin: 0 auto; margin-bottom: 30px}
.company-anything .anything-detail img{}
/*ssss*/
.company-anything .detail1{max-width: 585px;}
.company-anything .company-des{    line-height: 26px;
  height: 69px;
  font-size: 18px;
  border-bottom: solid 1px #EEEFF2;
  display: block;
  margin-top: 10%;
  padding-left: 20px;
  overflow : hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.company-anything .detail1 .company-des{padding: 15px 15px 23px;}
.company-anything .detail1 p:nth-child(2){font-size: 14px; color: #787D81}
.company-anything .company-des:hover{ color:#ff6600;}
.company-anything .detail1 p:nth-child(2):hover{color: #787D81}
.company-anything .company-times{height: 49px; line-height: 49px; padding-left: 15px; color: #AAAAAA}
.yxsecond-nav{height: 60px; line-height: 60px; background: #1F2326; margin-top: 70px; text-align: center;font-size: 18px; margin-bottom: 40px;border: none;border-radius: 0}
.size{height: 60px; line-height: 60px; background: #1F2326; margin-top: 70px; text-align: center;font-size: 17px; margin-bottom: 40px;border: none;border-radius: 0}
.yxsecond-nav .borderl{border-left: solid 1px #2F3335}
.yxsecond-nav a{color: #fff; border-right: solid 1px #2F3335}
.yxsecond-nav a:hover{color: #ff6600;}
.yxsecond-nav .active span,.yxsecond-nav a:hover span{height: 60px;line-height: 60px;border-bottom: solid 3px #ff6600;display:block; max-width: 168px; margin: 0 auto}
.special-navs .active span,.special-navs a:hover span{ max-width: 248px;}
.yxsecond-nav .active{color: #ff6600;}
.introduce-wrap .common-phptos{text-align: center;}
.introduce-wrap .ceo-name{ margin-top: 16px; font-size: 18px; color: #ff6600; height: 25px; line-height: 25px;}
.phptomargin:hover .ceo-name{color:blue;}
.phptomargin:hover .line-bottom{background:blue !important;}
.introduce-wrap .job-detail{height: 20px; line-height: 20px; margin-top: 16px; color:#595E61; font-size:16px; font-weight: bold;}
.introduce-wrap .job-email{height: 30px; line-height: 20px; margin-top: 2px; color:#787D81;}
.introduce-wrap .line-bottom{width: 20px; height: 4px; margin: 0 auto;background: #ff6600; margin-top: 6px;}
.introduce-wrap .w120-img{width: 120px; height: 120px; margin: 0 auto;}
.banner-text-wrap{position: absolute;top: 59px;left: 0;text-align: center; color: #fff; width: 100%; }
.about-company-big{font-size: 40px; height: 56px; line-height: 56px;}
.about-company-small{font-size: 30px; height: 42px; line-height: 42px; margin-top: 18px;}
.top-banners .active,.pc-secondnav a:hover{background: #fff; color: #ff6600}
.company-descript h3,.company-photo h3,.company-ry h3{ text-align: center; font-size: 36px; height: 50px; line-height: 50px; color: #ff6600}
.company-descript h1,.company-photo h1,.company-ry h1{ text-align: center; font-size: 36px; height: 50px; line-height: 50px; color: #ff6600}
.company-ry h3{margin-bottom: 16px;}
.company-ry h1{margin-bottom: 16px;}
.company-descript .com-details p{line-height: 30px; margin-top: 29px; font-size:14px;}
.company-photo .picter-wraps{margin-top: 44px; margin-bottom: 80px}
.phptomargin{padding: 0; margin-bottom:65px; position:relative; background:#fff; height:250px}
.bluefz{color: #ff6600}
.company-ry p{line-height: 30px; font-size:14px;}
.phpto-jx h3{ margin: 43px 0 57px 0;font-size: 36px; text-align: center;}
.pdlr0{padding-left: 0; padding-right: 0}
.phpto-jx p{max-width:300px; margin:0 auto;margin-top: 8px; line-height: 16px; height: 85px; overflow: hidden;}
.dituwrap{margin:0 auto;margin-top: 30px; color: #fff}
.link-ustit{background: #fff;}
.address-com{background: #ff6600}
.anchorBL{display:none;}
.mt40{ margin-top: 40px}
.yxnav{background: #fff;margin-bottom: 30px;}
.more-active{background: #EAECEF; height: 50px; line-height: 50px; text-align: center; margin: 0 ; font-size: 16px;color: #787D81; display: block;}
.bg-blue{background: #69BCFF; color: #fff}
.bg-orange{background: #FF937C;color: #fff}
.bg-green{background: #69F183;color: #fff}
.mb0{ margin-bottom: 0}
.develop-first{margin-top: 70px; margin-bottom: 87px}
.develop-first .lf-text h3{font-size: 32px; margin-top: 70px; height: 32px; line-height: 32px; margin-bottom: 44px;}
.develop-first1 .lf-text h3{margin-top: 80px}
.develop-first .lf-text h1{font-size: 32px; margin-top: 70px; height: 32px; line-height: 32px; margin-bottom: 44px;}
.develop-first1 .lf-text h1{margin-top: 80px}
.develop-first .lf-text p{font-size: 14px;color: #595E61;line-height: 24px;}
.pdt40{padding-top: 40px;}
.dituwrap .address-com{line-height: 24px;}
.dituwrap .address-tit{margin-bottom: 13px; height: 22px; line-height: 22px; font-size: 16px;}
.bg-fff{background: #fff}
.hid{display: none;}
.jobs-wrap{margin-top: 30px;}
.jobs-wrap .every-job{ background: #fff; margin-bottom: 35px;padding-right: 20px;}
.jobs-wrap .job-tit-wraps{border-left: solid 4px #ff6600;}
.jobs-wrap .job-name{/* height: 42px;  */line-height: 42px;color: #ff6600; font-size: 24px;}
.jobs-wrap .job-tit-wraps p{padding-left: 38px;}
.jobs-wrap .job-exprice{font-size: 18px;line-height: 24px; margin-top: 9px;}
.jobs-wrap .zhan-detail,.jobs-wrap .job-content .shou-detail{font-size: 14px; color:#ff6600; text-align: right; cursor: pointer; padding-bottom: 15px;}
.jobs-wrap .job-content{padding-left: 56px; padding-top: 20px}
.jobs-wrap .zhan-detail .arrow,.jobs-wrap .shou-detail .arrow{width: 13px; height: 8px; display: inline-block;vertical-align: middle; background: url(/themes/website/images/down@2x.png) no-repeat; background-size: 100%}
.jobs-wrap .job-name span{font-size: 20px;color: #1F2326}
.jobs-wrap  .job-time{text-align: right; font-size: 14px; color: #787D81; padding-top: 15px;}
.job-name-tit{margin: 34px 0 37px 0; font-size: 18px; height: 25px; line-height: 25px; text-align: center;}
.job-name-tit span{color: #ff6600}
.texthui,.jobs-wrap .job-content p{color: #595E61}
.jobs-wrap .job-content p{line-height: 22px; margin-top: 18px; font-size: 14px;}
.hhui,.jobs-wrap .job-conten h4{color: #787D81}
.job-address .tit-address{margin: 16px 0px 16px 20px;display: inline-block;width: 48px; }
.job-address a{text-align:center;width: 60px; height: 28px; line-height: 28px; margin: 16px 0 16px 24px; display: inline-block;}
.job-address .active,.job-address a:hover{background:#ff6600; color: #fff; text-align: center;}
.bg-container{width: 100%; background: #F7F8FA}
.about-us-1 h3{font-size: 18px; font-weight: 100; color: #ff6600; height: 21px; line-height: 21px; margin-bottom:10px;}
.about-us-1 .text1-detail li{font-size: 14px;line-height: 22px;}
.job-address{width: 100%; background: #fff;border: solid 1px #EEEFF2;font-size: 16px;}
.company-ry{background: #fff; padding-bottom: 30px;}
.img-phpto{width: 216px; height: 150px; margin: 0 auto}
#allmap,#allmap1,#allmap2,#allmap3{width: 100%;height: 100%}
.first-wraps{padding-bottom: 44px}
/*lhh2017-11-17//*/
.first-wraps .tab-titles,.second-wraps .tab-titles{ line-height: 20px;margin: 31px 0 38px 0; text-align: center;}
.first-wraps .tab-titles a,.second-wraps .tab-titles a{font-size: 14px; margin-right: 50px; color: #595E61;cursor: pointer;}
.first-wraps .tab-titles .active,.second-wraps .tab-titles .active{color: #ff6600 }
.first-wraps .bor{border:solid 1px #E6E6E6;}
.descript-text{width: 100%; height: 100%; background:#ff6600; color: #fff; font-size: 16px; padding-top: 23%; text-align: center; display: none; }
.second-wraps{background: #F7F8FA;width: 100%}
.second-wraps .shartit{font-size: 32px; margin: 47px 0 31px 0; height: 28px; line-height: 28px; text-align: center;}
.second-wraps .mt0{margin-top: 0}
.second-content .second-every{background: #fff; margin-bottom: 40px; position: relative;}
.second-content .logo-cont{max-width: 150px; height: 85px;margin: 0 auto; margin-top: 30px; overflow: hidden; margin-right:10px; float:right;}
.second-content .logo-cont img{width: 144px;display: block;}
.malr0{margin-right: 0; margin-left: 0}
.second-content .num-second{height: 80px; line-height: 80px; font-size: 36px; padding-left:20px; float:left; text-align: center; margin-top: 35px;border-left: solid 1px #E5E5E5;}
.second-content .pdlnew{padding-left: 5px; padding-right: 5px;}
.second-content .pdlnew1{padding-left: 30px}
.second-content .small-tit{margin: 16px 0 23px 0; font-size: 14px;}
.second-content .small-tit span{display: inline-block; margin-right: 10px; padding: 1px 8px;border: solid 1px #FF4C26; color: #FF4C26;border-radius: 15px}
.second-content .small-tit .tipblue{border-color: #00B1E7; color: #00B1E7}
.second-content .small-tit .tipgreen{border-color: #4EF9B2; color: #4EF9B2}
.second-content .small-tit .tipzi{border-color: #B365FF; color: #B365FF}
.second-content .detail-text{font-size: 18px}
.second-content .tip-sort{position: absolute; right: 0; top: 0;width: 100px; height: 30px; line-height: 30px; text-align: center; color: #fff}
.firsttit-page{margin:52px 0 44px; font-size: 30px; text-align: center;}
.project-contents .first-sort .sort-img{width: 180px; height: 180px; margin:0 auto;}
.project-contents .sort-text h4{font-size: 18px;height: 25px; line-height: 25px; margin-bottom: 12px;}
.project-contents .first-sort .first-p{margin-top: 12px;}
.project-contents .first-sort .second-p{margin-top: 30px;}
.project-contents .second-sort p{font-size: 14px; line-height: 24px;}
.project-contents .firsttit-content{font-size:14px !important;line-height:2em;font-family:"PingFangSC-Light","Open Sans",Arial,"Hiragino Sans GB","Microsoft YaHei","微软雅黑",STHeiti,"WenQuanYi Micro Hei",SimSun,sans-serif !important; }
.project-contents .firsttit-content p span{font-size:14px !important;line-height:2em;font-family:"PingFangSC-Light","Open Sans",Arial,"Hiragino Sans GB","Microsoft YaHei","微软雅黑",STHeiti,"WenQuanYi Micro Hei",SimSun,sans-serif !important; }
.project-contents .firsttit-content p img{max-width:100%;display:block;margin:0 auto !important;}
.pdr0{padding-right: 0}
.mb50{margin-bottom: 50px;}
.mt70{margin-top: 70px;}
.already-tip{right: 10px; top: 13px; background: #ccc; color: #fff; font-size: 14px; border-radius: 18px; padding: 0px 5px;}
.tip-active{position: absolute;left: 0; top: 0px;height: 28px; line-height: 28px; color: #fff; background: rgba(0,0,0,.3); padding: 0 10px}
.develop-second{padding: 71px 0 50px;}
.develop-second h3{font-size: 28px; height: 45px; line-height: 45px; margin-bottom: 13px; text-align: center;}
.develop-second .pcmb70{margin-bottom: 70px;}
.pcmb0{margin-bottom: 0}
.descript-d{font-size: 18px;color: #787D81; line-height: 25px; text-align: center; margin-bottom: 40px;}
.develop-second .max968w{width: 768px; margin: 0 auto; margin-bottom: 40px; text-align: left;}
.develop-second .container-pro{background: #FFFFFF;box-shadow: 0 0 10px 1px rgba(0,0,0,0.10);border-radius: 3px; padding: 40px 0; text-align: center; height: 298px; overflow: hidden;}
.develop-second .container-pro:hover{background:#ff6600 }
.develop-second .container-pro:hover .tit-tip,.develop-second .container-pro:hover .details-txt{ color: #fff}
.develop-second .container-pro:hover .tit-tip,.develop-second .container-pro:hover .details-txt-zing{ color: #fff}
.develop-second .container-pro .tips-pic{width: 100px; height: 100px; margin: 0 auto;}
.develop-second .container-pro .tit-tip{font-size: 18px;color: #ff6600; margin-top: 27px}
.develop-second .container-pro .details-txt{font-size: 14px;color: #595E61;letter-spacing: 0;line-height: 24px; margin-top: 10px; padding:0 28px; text-align: center;}
.develop-second .container-pro .details-txt-zing{font-size: 14px;color: #595E61;letter-spacing: 0;line-height: 24px; margin-top: 10px; padding:0 28px; text-align: left;}
.bg-container1{background: rgba(31,35,38,0.90); }
.develop-third{padding: 64px 0 104px 0}
.develop-third .content-dev{height:150px;margin: 0 auto; /*box-shadow: 0 0px 7px 0 rgba(0,0,0,0.65); */padding-top: 31px;}
.develop-third .content-dev1{height: auto}
.develop-third .content-dev .logo-img{width: 40px; height: 40px;margin: 0 auto;  margin-bottom: 31px;}
.develop-third .content-dev .logo-img1{width: 80px; height: 80px;margin: 0 auto;  margin-bottom: 14px;}
.develop-third .content-dev .logo-img2{width: 160px; height: 80px;margin: 0 auto;  margin-bottom: 14px;}
.develop-third .bg-color1{background: #00A8AB;}
.develop-third .bg-color2{background: #FFAE27;}
.develop-third .bg-color3{background: #E35B2B;}
.develop-third .bg-color4{background: #00A8AB;}
.develop-third .bg-color5{background: #A59758;}
.develop-third .bg-color6{background: #ff6600;}
.develop-third .bg-color7{background: #834AD9;}
.develop-third .bg-color8{background: #E35B2B;}
.develop-third .content-dev p{font-size: 16px;color: #FFFFFF; text-align: center;}
.develop-third .content-dev .small-text{font-size: 14px;color: #B6B9BC; line-height: 20px; max-width: 421px; margin: 0 auto}
.develop-third .content-dev .small-text-mvas{font-size: 14px;color: #B6B9BC; line-height: 20px; max-width: 421px; margin: 0 auto;text-align: left;}
.develop-third .content-dev p:nth-child(3){ margin-top: 17px;}
.develop-third .content-dev span{position: absolute; left: 0; top: 0;height: 150px; width: 5px;}
.develop-third .content-dev .bor2{background: #F0A324;}
.develop-third .content-dev .bor3{background: #D45528;}
.develop-third .content-dev .bor4{background: #009EA0;}
.develop-third .content-dev .bor5{background: #9B8E52;}
.develop-third .content-dev .bor6{background: #207DC8;}
.develop-third .content-dev .bor7{background: #7B45CC;}
.develop-third .content-dev .bor8{background: #D45528;}
.develop-third h3{ line-height: 45px; font-size: 32px; color: #fff;padding-bottom: 14px;max-width: 231px; margin: 0 auto; margin-bottom: 54px; text-align: center;}
.develop-third h3 span{background: #ff6600; width: 120px;left: 50%; margin-left: -60px; height: 5px; bottom: 0}
.mt57{margin-top: 42px;}
.bor{border: solid 1px #E6E6E6; height: 98px; margin:0 auto; overflow: hidden;background: #fff;}
.more-link{background: #fff;width: 100%;}
.more-link div{max-width: 800px; text-align: center;padding: 50px 15px;font-size: 14px; margin: 0 auto}
.more-link div a{color: #ff6600; line-height: 17px; margin-right: 30px;white-space:nowrap;}

@media (max-width:768px){
  html,body{
    overflow-x: hidden;
  }
  .more-link div a{
    display: block;
    margin-top: 10px;
  }
}

.mt70{margin-top: 70px;}
.mt0{margin-top: 0px;}
.pdl0{ padding-left: 0}
.pdr0{padding-right: 0}
/*sssssss*/
.wi-firstsort{width: 100%;background-image: linear-gradient(-90deg, #0988F5 0%, #01CDBA 100%); padding-top: 100px;filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr='#01CDBA',endColorStr='#0988F5',gradientType='1')}
.app-firstsort{background-image: linear-gradient(-180deg, #6C90B5 0%, #385C8C 100%);}
.wi-firstsort p{color: #fff}
.wi-firstsort .big-p{font-size: 36px; line-height: 54px;}
.wi-firstsort .big-p:nth-child(1){padding-top: 50px;}
.yx-firstsort .big-p:nth-child(1){padding-top: 30px;}
.seo-firstsort .big-p:nth-child(1){padding-top: 75px}
.wi-firstsort .small-p{font-size: 16px; line-height: 30px; margin-top: 14px;}
.develop-second .h400{height: 400px;}
.develop-second .h400 .tit-tip,.develop-second .h320 .tit-tip{margin-top: 37px;}
.develop-second .h400 .details-txt,.develop-second .h320 .details-txt{margin-top: 20px;}
.develop-second .h320{height: 320px;}
.jian-firstsort{background-image: linear-gradient(-1deg, #6065B1 0%, #454983 55%); padding: 122px 0}
.seo-firstsort{background-image: linear-gradient(-90deg, #311B49 0%, #1D175D 48%, #382D89 100%); padding: 63px 0 46px}
.share-firstsort{background-image: linear-gradient(-90deg, #311B49 0%, #80838A 100%, #222333 100%); padding: 63px 0 46px}
.zing-bg{background-image: linear-gradient(-451deg, #311B49 -108%, #80838A 49%, #222333 117%); padding: 63px 0 46px}

.yx-firstsort{background-image: linear-gradient(0deg, #2450A0 0%, #4973C6 100%); padding: 117px 0; filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr='#4973C6',endColorStr='#2450A0',gradientType='1');}
.xtdzkf-firstsort{background-image: linear-gradient(0deg, #ff6600 0%, #6FBAF6 100%); padding: 117px 0}
.sem-firstsort{background-image: linear-gradient(-1deg, #8DA0FF 0%, #1590ED 92%); padding: 122px 0 }
/*.job-address .rf{width: 94%}*/
@media(max-width:1199px){
  .pc-sectond-nav{display: none;}
  .nav-h5-second{margin-top:20px;overflow:hidden;width:100%;height:60px;font-weight: 300;font-size: 16px;line-height: 60px;position:relative; margin-top: 70px;}
  .nav-h5-second .line{ position:absolute;height:60px;left:0;line-height:60px;text-align:center;background:#1F2326;cursor:pointer;}
  .nav-h5-second .line li{float:left;color:#fff;text-decoration:none;}
  .nav-h5-second .line li:first-child{ background:none;}
  .nav-h5-second .line li.active{color: #ff6600}
  .yxnav .line li.active{color: #fff; background: #ff6600}
}
@media(max-width:991px){
  .introduce-wrap{margin-top: 70px;}
  .h5-hide{display: none;}
  .gw_iphone{position: fixed;right: 0px;bottom: 40px;z-index:9999;}
  .max344w{ max-width: 215px; margin: 0 auto; margin-top: 90px;}
  .big-tit-banner{text-align: center; margin-bottom: 7px; font-size: 32px; height: 45px; line-height: 45px;}
  .banner_wrap .detail-banner{margin:0 -51px;}
  .banner_wrap .detail-btn{margin: 0 auto; margin-top: 15px;}
  .banner_wrap .pc-content{margin: 0; color: #fff;font-size: 50px;position: relative;}
  .wei-pei{max-width: 500px; margin: 0 auto; margin-top: 20px; padding: 0 15px;}
  .code_content{display: none;}
  .mb100{margin-bottom: 60px;}
  .reslove-ele{margin: 0px; margin-top: 30px; }
  .yi-pei,.pc-pei{ margin: 0 auto;margin-top: 32px;max-width: 412px;}
  .seo-firstsort .big-p:nth-child(1){padding-top: 50px}
  .yi-pei{max-width: 467px;margin: 0 auto;}
  .fenxi-pei{max-width: 600px;margin: 0 auto;}
  .share_img{max-width: 540px;width: 90%;margin: 0 auto;}
  .szzx-pei{max-width: 500px; margin: 0 auto; margin-top: 40px}
  .szcl-pei{max-width: 485px; margin: 0 auto; margin-top: 10px}
  .semdiv{max-width: 457px; margin: 0 auto}
  .sem-pei{max-width: 540px;margin: 0 auto }
  .jian-firstsort,.sem-firstsort{ padding: 50px 0}
  .seo-firstsort{ padding: 50px 0 34px}
  .yx-firstsort{ padding: 50px 0 120px}
  .wi-firstsort .jiandiv{width:90%; max-width: 540px; margin:0 auto;}
  .seodiv{max-width: 557px; margin: 0 auto;width: 100%;height: 100%;}
  .w569{padding:0 15px 18px; max-width: 569px; margin: 0 auto}
  .develop-first .pic-pei{max-width:564px; margin: 0 auto}
  .wi-firstsort{padding-top: 0px}
  .wi-firstsort .big-p{font-size: 32px;}
  .h5mt50{margin-top: 50px;}
  .h5pd20{padding: 0 30px;}
  .mt57{margin-top: 30px;}
  .develop-second{padding-top: 52px;}
  .descript-d{text-align: left;}
  .develop-second .pcmb70{margin-bottom: 34px}
  .develop-third{padding: 43px 0 49px 0}
  .firsttit-page{ margin: 25px 0;}
  .project-contents .first-sort .sort-img{margin-bottom: 20px;margin-left: 23%;}
  .project-contents .second-sort .sort-img{width: 335px; height: 88px; margin:30px auto;}
  .project-contents .second-sort .sort-img2{width: 335px; height: 173px}
  .project-contents .sort-text h4{border-left: solid 6px #ff6600; padding-left: 30px;}
  .project-contents .first-sort p,.project-contents .second-sort p{padding-left: 36px;padding-right: 30px}
  .first-wraps .tab-titles a,.second-wraps .tab-titles a{ margin-right: 24px;}
  .link-ustit{padding: 35px 74px; font-size: 18px;}
  .dituwrap .ditu{height: 200px; overflow: hidden;}
  .dituwrap .address-com{padding:18px 20px 39px;}
  .jobs-wrap .job-content{padding-left: 18px;}
  .about-us-1{background: #fff;padding: 21px;}
  .about-us-1 .about-text1{ margin-bottom: 20px}
  .about-us-1 .text1-detail a{ margin-right: 40px;display: inline-block; width: 235px; font-size: 14px; line-height: 22px}
  .about-us-1 .join-img{margin-bottom: 40px}
  .job-address .address-detail{width: 79%}
  .descript-1{margin-top: 35px}
  .phptomargin{margin: 20px 0 5px 0}
  .introduce-wrap .ceo-wrap{width: 0; height: 0;display: none;}
  .company-photo .picter-wraps{margin-top: 33px; margin-bottom: 30px}
  .company-photo .picter-wraps div{margin-bottom: 10px;}
  .company-photo{margin-top: 30px;background: #fff;}
  .company-descript{background: #fff}
  .company-descript .com-details p{margin-top: 22px;}
  .company-descript h3,.company-ry h3{margin-top: 39px;}
  .company-descript h1,.company-ry h1{margin-top: 39px;}
  .company-photo h3{margin-top: 30px;}
  .top-banners{height: 540px; margin-top: 79px;}
  .top-banners1{height: 360px; margin-top: 41px;}
  .top-banners .banner_imgs{height: 240px;}
  .top-banners .resolve-sort{font-size: 36px;color: #FFFFFF;}
  .top-banners .resolve-sort-detail{font-size: 16px; line-height: 28px; margin-top: 10px; text-align: left;}
  .h5-secondnav{ background:#EEEFF2}
  .h5-secondnav a{height: 60px; line-height: 60px; text-align: center; cursor: pointer;font-size: 16px;}
  .pc-foot-wrap{display: none;}
  .h5-foot-wrap{background: #1f2326; color: #fff;}
  .yxnav{background: #fff; width: 100%; margin-top: 0;}
  .linked_content{width: 60%; text-align: center; margin: 0 auto; padding-top: 35px;}
  .linked_content h3{font-size: 18px;height: 18px; line-height: 18px; cursor: pointer;}
  .linked_content h3 span{background: url(/themes/website/images/arrowdown.png) no-repeat;width: 12px; height: 6px; background-size: 100%; margin-left: 15px;display: inline-block; vertical-align: middle;}
  .linked_content ul li{font-size: 14px; height: 26px; line-height:26px;}
  .linked_content ul li a{color: #ccc}
  .linked_content ul{margin-top: 15px; display: none;}
  .code_content{width: 268px; margin: 0 auto; height: 150px; margin-top: 30px;}
  .code_content .ercode_cont{margin-left: 20px; text-align: center;}
  .code_content .ercode_cont p{padding-top: 10px;}
  .h5-foot-wrap .foot_b_tit{font-size: 14px;padding-top: 20px; text-align: center; padding-bottom: 30px; color:#ccc;}
  .develop-first .lf-text{padding: 0 30px}
  .develop-first .lf-text h3{margin: 19px 0 27px}
  .develop-first .pic-pei{padding: 0 15px; max-width: 340px; margin-top: 20px;}
  .descript-d{padding: 0 15px}
  .develop-second{padding:50px 15px 40px}
  .develop-third .content-dev{max-width: 150px;}
  .develop-third .content-dev1{max-width: 350px; margin-bottom: 20px}
  .develop-third .content-dev span{width: 100%; height: 5px;}
  .develop-third h3{margin-bottom: 30px}
}
@media(max-width:500px){
  .maxw636{height: 96px; overflow: hidden;text-overflow:ellipsis; line-height: 24px;}
  .banner_wrap .banner-nav{height: 50px;}
  .banner-content{height: 50px;}
  .fz24{line-height: 40px;}
  .banner_wrap .banner-nav-top{bottom: 39px;}
  .banner_wrap .detail-btn{margin: 0 auto; margin-top: 22px;}
}
@media screen and (min-width:501px) and (max-width:991px){
  .max344w {
    max-width: 265px;
    margin: 0 auto;
    margin-top: 122px;
  }
  .yan-pei,.szyxdiv{max-width: 445px;margin: 0 auto;}
}
@media(max-width:500px){
  .yan-pei,.szyxdiv{margin:0px 15px 0;}
}
@media(max-width:768px) {
  .develop-second .container-pro{max-width: 400px;margin: 0 auto; margin-bottom: 15px}
  .develop-second .container-pro .details-txt{text-align: center;}
  .pc-navs{display: none;}
  .bao-pei{max-width: 370px; margin: 0 auto; margin-top: 30px;}
}
@media(max-width:993px) {
  .pc-navs{display: none;}
  .h5second-nav{height: 60px;line-height: 60px;background: #1F2326;text-align: center;font-size: 18px; position: relative;z-index: 2; color: #fff}
  .h5second-nav .h5tip{position: absolute; right: 30px; background: url(/themes/website/images/Group.png) no-repeat; width: 16px; height: 16px; background-size: 100%;top: 22px; cursor: pointer;}
  #h5navsecond li{ border-top:solid 1px #2F3335; line-height: 60px;background: #1F2326;}
  #h5navsecond li a{ color: #fff}
  .h5second-nav p{color: #ff6600;}
}
@media(min-width:994px) {
  .h5second-nav{display: none;}
}
@media(max-width:440px){
  .img-phpto{width: 160px; height: 111px; margin: 0 auto}
  .develop-second .container-pro{max-width: 400px;margin: 0 15px 15px;}
}
.flip-container {perspective: 1000;transform-style: preserve-3d;}
/*  UPDATED! flip the pane when hovered */
.hover-c3:hover .back {transform: rotateY(0deg);}
.hover-c3:hover .front {transform: rotateY(180deg);}
.flip-container, .front, .back {width: 100%;height: 100%;}
/* flip speed goes here */
.flipper { transition: 0s; transform-style: preserve-3d; position: relative;}
/* hide back of pane during swap */
.front, .back {backface-visibility: hidden; transition: 0s; transform-style: preserve-3d; position: absolute;top: 0;left: 0;}
/*  UPDATED! front pane, placed above back */
.front { z-index: 2;transform: rotateY(0deg);}
/* back, initially hidden pane */
.back {transform: rotateY(-180deg);}
/*
    Some vertical flip updates
*/
.vertical.flip-container {position: relative}
.vertical .back {transform: rotateX(180deg);}
.vertical.hover-c3:hover .back {transform: rotateX(0deg);}
.vertical.hover-c3:hover .front {transform: rotateX(180deg);}
.maxwidthditu{width: 100%; float: right; text-align: center;}
/* wcant的图片 */
.maxwidthditu p{color: #ccc; padding-top: 10px;}
.wcant_fatcher{width: 100%; float: right; text-align: center;}
.wcant_fatcher p{color: #ccc; padding-top: 10px;background: url("/themes/website/images/wcant.png") no-repeat left 11px;background-size: 15px 13px;text-indent: 1em;width: 100px;padding-left: 4px;}
.mr30{margin-right: 30px;}
@media (max-width: 767px){
  .max252{max-width: 252px; margin:0 auto; margin-top: 15px;}

}
@media (max-width: 500px){
  .max252{max-width: 252px; margin:0 auto; margin-top: 15px;}
  .yi-pei{margin:50px 15px 0;}
  .szzx-pei,.szcl-pei{margin: 40px 15px 0;}
  .pc-pei{margin:30px 15px 0;}
  .fenxi-pei{margin:30px 15px 0;}
}
.reslove-ele{ margin-top: 30px;}
.reslove-ele .tit-resolve{background: #F7F8FA;border: 1px solid #EEEFF2; height: 50px; line-height: 50px; font-size: 18px;}
.reslove-ele .more-resolve{background: #fff;border: 1px solid #EEEFF2; border-top: none; line-height: 50px; font-size: 14px;}
.reslove-ele .more-resolve span{width: 6px; height: 6px; border-radius: 50%; background: #AAAAAA; display: inline-block; vertical-align: middle; margin-right: 5px;}
.reslove-ele  a:hover{color: #ff6600}
.reslove-ele .more-resolve a:hover span{background: #ff6600 }
@media(max-width:700px){
  .max700margin{ margin: 0}
}
.more-demo{text-align: center; font-size: 16px; margin-top: 18px;}
.more-demo a{color: #ff6600;}
.form-error{ position: fixed; left: 0; top: 0; width: 100%; height: 100%; display: none;}
.form-error p{width: 320px;opacity: 0.8;background: #1F2326;border-radius: 8px; height: 55px; line-height: 55px;position: absolute; top: 50%; left: 50%; color: #fff; margin-left: -160px; font-size: 14px }
.form-error p span{width: 22px; height: 22px;background: url(/themes/website/images/success.png) no-repeat; background-size: 100%;display: inline-block; vertical-align: middle; margin: 0 10px 0 15px}
@media screen and (min-width:768px) and (max-width:768px){
  .yi-pei {
    max-width: 467px;
    margin: 0 auto;
    margin-top: 59px;
  }
}
@media screen and (min-width:502px) and (max-width:991px){
  .navbar-default .navbar-nav > li > a {
    color: #777;
    font-size: 12px;
  }
}
.banner_wrap .addsnew3 {margin-top: 3px; height:52px; line-height:52px}
@media (max-width:375px){
  .banner_wrap .detail-btn {margin: 0 auto;margin-top: 26px;}
  .banner_wrap .detail-btn {height: 45px;line-height: 45px;}
  .banner_wrap .detail-banner {font-size: 16px;line-height: 22px;}
  .maxw636 {height: 108px;}
  .max344w {max-width: 192px;margin: 0 auto;margin-top: 80px;}
}
.addsnew{height:119px}
.addsnew1{margin-top:8px}
.addsnew2{max-width: 213px;margin:0 auto;margin-top:98px}
.banner_wrap .addsnew4{line-height:26px}
.banner_wrap .addsnew5{margin-bottom:5px;height:40px;line-height:40px}
.banner_wrap .w195s{ margin-top: 195px; }
.hid{display:none;}
.slider-bgpic{width:100%; height:100%;}
.banner_wrap .bg_5{background: url(/themes/website/images/WI-banner.jpg) 0% 0% / cover no-repeat;}
.banner_wrap .bg_4{background: url(/themes/website/images/mobilebanner.jpg) 0% 0% / cover no-repeat;}
.banner_wrap .bg_3{background: url(/themes/website/images/ormbanner.jpg) 0% 0% / cover no-repeat;}
.banner_wrap .bg_2{background: url(/themes/website/images/sembanner.jpg) 0% 0% / cover no-repeat;}
.banner-content .active-fz{color:#ff6600;}
.nav-h5-second .line li a{color:#fff}
.dituwrap .address-com{font-size: 14px}
.company-descript{background: #F7F8FA}
.com-details{padding-bottom: 40px}
.solid-add{border: solid 1px #f5f5f5}
.abdivstyle{position: absolute; top:0px; left:0; width:100%; padding-top: 20px; z-index:3; background:#fff}
.detail-descript{ padding-bottom: 25px; }
@media (max-width:768px){
  .phptomargin{width:90%; left:5%; }
  .detail-more{padding:0 15px;}
  .jobs-wrap .job-name{font-size: 19px}
  .jobs-wrap .job-name span{font-size: 17px}
}
.cur-po{
  cursor: pointer;
}
.none{
  display: none;

}
.diffrence-s{padding-bottom: 150px;}
.details-pds{padding-bottom: 240px;}
.navbar-default .navbar-nav > li > a:hover{color:#ff6600;}
.dropdown-menu .second-banner a:hover{color:#ff6600;}
.mt50{ margin-top:50px; }
.banner_wrap .macstyle{margin-top: 35%}
.introduce-wrap .detail-more{text-align: left;}
.addsnew99{max-width: 140px;margin:0 auto;margin-top:98px}
/*@media(min-width:2000px){

}*/
@media (max-width: 768px){
  .introduce-wrap {
    margin-top: 70px;
    margin-bottom: 150px;
  }
  .details-pds {
    padding-bottom: 100px;
  }
  .second-content .small-tit{}
  .second-content .detail-text{margin-right: 4px;margin-bottom:10px}
}
.top-banners .banner_imgs1{height: 360px;}
.second-content a:hover{color:#ff6600}
@media (max-width: 480px){
  .pictur_wrap{height:615px;}
  .cen-tran{width:100%!important;top:460px!important;}
  .maxw636{height: 190px;}
  .banner_wrap .detail-banner{line-height: 24px;font-size: .3em!important;padding:0 40px;height:auto;}
  .banner_wrap .detail-btn{margin-top: 6px;}
  .big-tit-banner{height: 40px;line-height: 40px; margin-top: 2px; margin-bottom: 2px;font-size: .5em!important}
  .banner_wrap .banner-nav-top{bottom: 43px;}
}
.addstyles-ul{left:15px;right:15px;top:55px;z-index: 1; background: #fff;box-shadow: 0 8px 10px 0 rgba(0,0,0,0.23);display: none;border-radius: 0 0 4px 4px;}
.addstyles-ul li{border-top: solid 1px #E6E6E6;height: 42px;line-height: 42px; text-align: left;padding-left: 15px; cursor: pointer;font-size: 14px;}
.arrow-downtip{position: absolute;width: 0;height: 0;border-left: 8px solid transparent;border-right: 8px solid transparent;border-top: 9px solid  #D8D8D8;right: 30px; top: 20px}
/*.down{border-left: 8px solid transparent;border-right: 8px solid transparent;border-top: 9px solid  #D8D8D8;right: 35px;}*/
.down{transform:rotate(180deg);
  -ms-transform:rotate(180deg); 	/* IE 9 */
  -moz-transform:rotate(180deg); 	/* Firefox */
  -webkit-transform:rotate(180deg); /* Safari 和 Chrome */
  -o-transform:rotate(180deg); 	/* Opera */}
.sort-text{margin-top: 20px}
.jobs-wrap .nojobs{padding: 100px 30px;font-size: 16px; color:  #333333}
@media (min-width: 1900px){
  .mb390{margin-bottom: 390px;}
}

/* 2017.9.25 修改 by 葡萄 ==================*/
@media (max-width: 479px){
  .phptomargin{height: auto; position: relative;}
  .abdivstyle{position: relative;}
  .banner_wrap.container-fluid.pdlr0{height: auto!important; padding-bottom: 75px;}
  .dc-mm1,.dc-mm1 .banner-content{height: 32px!important;}
  .dc-mm1 p.fz24{margin-top: 0px; line-height: 32px;}
}
.dc-mm1{position: fixed!important; left: 0px!important; bottom: 0px!important; width: 100%;}
/* 2017.9.27 图标大小*/
.iphone{width: 11px;height: 16px;}.weibo{width: 15.4px;height: 12.4px;}.emali{width: 15px;height: 12px}.qq{width: 15px;height: 15px;}
.iphone,.weibo,.emali,.qq,img{margin-right: 10px;}
.footer_list div{border-right: 1px solid #42474A; height: 165.33px;}
/* 底端的总百分占比 */
.onelist{width: 15%; padding-left: 14px;}.twolist{width: 17%;}.threelist{width: 15%;}.forelist{width:17%}.fivelist{border: none;width: 24%;}
/* 加大底端的距离 */
.pdt70{margin-top: 20px}
/* 分享 */
.gb_resItms li {text-align: center;margin: 0 auto;width: 100%;padding-bottom: 15px;padding-left: 1px;}
.bdsharebuttonbox a {width: 46px!important;height: 46px!important;margin: auto !important;float: none!important;padding: 0!important;display: block;}
.kePublic {position:relative;z-index:9999;width: 70px;background: white;position: fixed;left: 0;top: 150px;-webkit-border-radius: 0 10px 10px 0;-moz-border-radius: 0 10px 10px 0;border-radius: 0 10px 10px 0;box-shadow: 8px 0px 10px rgba(0, 0, 0, .4)}
.fx {width: 100%;line-height: 60px;text-align: center;margin: 0;padding: 0;font-family: "PingFangSC-Regular";color: #ff6600;font-size: 16px !important;}
.gb_resItms {width: 100%;height: 121px;background: white;margin: 0;padding: 0;-webkit-border-radius: 0 0 10px 0;-moz-border-radius: 0 0 10px 0;border-radius: 0 0 10px 0;display: none;}
.bdsharebuttonbox a img {width: 46px;height: 46px;}
.bdsharebuttonbox .bds_tsina {background: url(/themes/website/images/fx_wb.png) no-repeat center center/46px 46px;}
.bdsharebuttonbox .bds_weixin {background: url(/themes/website/images/fx_wx.png) no-repeat center center/46px 46px;}
.bdshare-button-style0-24 .bds_weixin {background-position:0 !important}
.bdsharebuttonbox .bds_tsina {background-position:0 !important}
.bd_weixin_popup{height: 293px !important}
.bdshare-button-style0-24{position: absolute;top: 52px;width: 70px;box-shadow: 8px 5px 10px rgba(0, 0, 0, .4);-webkit-border-radius: 0 0 10px 0;-moz-border-radius: 0 0 10px 0;border-radius: 0 0 10px 0;
}

/*
* lhh
*
*/
.saloncount{
  background: #f7f8fa;
  padding-bottom: 150px;
}
.salon-box{
  width: 1200px;
  margin: 0 auto;
  padding-top: 70px;
}
.salon-box .title{
  width: 100%;
  height: 125px;
  font-size: 30px;
  color: #1F2326;
  text-align: center;
  line-height: 125px;
}
.salon-box .salon-list li{
  width: 100%;
  height: 300px;
  margin-bottom: 30px;
}
.salon-box .salon-list li img{
  width: 660px;
  height: 300px;
  float: left;
}
.salon-box .salon-list li .txtcount{
  width: 540px;
  height: 300px;
  background: #fff;
  float: left;
  position: relative;
  padding-left: 30px;
  overflow: hidden;
}
.salon-box .salon-list li .txtcount .block{
  position: absolute;
  top: 0;
  right: 0;
  width: 80px;
  height: 28px;
  text-align: center;
  line-height: 28px;
  background: #F6831F;
  color: #fff;
  font-size: 14px;
}

.salon-box .salon-list li .txtcount .bt{
  font-size: 20px;
  color: #1F2326;
  line-height: 100%;
  padding-top:57px ;
}
.salon-box .salon-list li .txtcount .info-box .txtx{
  margin-top: 15px;
}
.salon-box .salon-list li .txtcount .info-box .l{
  float: left;
  width: 80px;
  font-size: 14px;
  color: #787D81;
  line-height: 100%;
}
.salon-box .salon-list li .txtcount .info-box .r{
  float: left;
  font-size: 14px;
  color: #1F2326;
  line-height: 100%;
}
.salon-box .loadBtn{
  width: 100%;
  height: 50px;
  background: #EAECEF;
  margin-top:20px;
  font-size: 16px;
  color: #787D81;
  text-align: center;
  line-height: 50px;
}

.renking-head{
  width: 100%;
  height: 560px;
  background: url("/themes/website/images/rankingbanner.jpg");
  background-size:100% 100%;
}

.renking-head .ren-cont{
  width: 1200px;
  margin: 0 auto;
  height: 100%;
  position: relative;
}
.renking-head .ren-cont .title{
  position: absolute;
  left: 0;
  top: 200px;
  width: 488px;
  height: 166px;
  display: block;
}
.renking-head .ren-cont .exp-box{
  position: absolute;
  top: 265px;
  right: 150px;
}
.renking-head .ren-cont .exp-box .circle{
  width: 100px;
  height: 100px;
  background: url("/themes/website/images/rancircle.png");
  background-size:100% 100%;
  font-size: 30px;
  text-align: center;
  line-height: 100px;
  color: #fff;
  float: left;
  margin-left: 40px;
}
.renking-head .ren-cont .logo{
  position: absolute;
  bottom: 15px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  width: 387px;
}

.cen-tran{
  margin-top: -15px;
  width: 1200px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  -webkit-transform: translate(-50%,-50%);
}
.cen-tran .pc-content{
  margin: 0;
}

/*中国排行榜pc*/
.renking-box{
  padding-top: 70px;
}

.renking-center{
  height: 748px;
  background: #04A1E9;
}
.renking-center .ren-cont{
  width: 1200px;
  margin: 0 auto;
}
.renking-center .ren-cont .top{
  height: 260px;
  border-bottom: 1px solid #fff;
}
.renking-center .ren-cont .top .title{
  float: left;
}
.renking-center .ren-cont .top .txt{
  float: left;
  margin-left: 63px;
  padding-top: 68px;
  width: 754px;
  color: #fff;
  font-size: 16px;
  line-height: 25px;
}
.renking-center .ren-cont .top .title .h2s{
  font-size: 36px;
  color: #fff;
  line-height: 100%;
  padding-top: 97px;
  margin-left: 61px;
}
.renking-center .ren-cont .top .title .ps{
  font-size: 16px;
  color: #fff;
  line-height: 100%;
  padding-top: 20px;
  margin-left: 59px;
}
.renking-center .ren-cont .bottom{
  margin-top: 50px;
}
.renking-center .ren-cont .bottom li{
  width: 600px;
  height: 180px;
  float: left;
}
.renking-center .ren-cont .bottom li img{
  float: left;
  width: 100px;
  height: 100px;
  margin-right: 0;
}
.renking-center .ren-cont .bottom li .js{
  float: left;
  margin-left: 20px;
}
.renking-center .ren-cont .bottom li .js .title{
  font-size: 32px;
  color: #fff;
  line-height: 100%;
  margin-top: 15px;
  margin-bottom: 15px;
}
.renking-center .ren-cont .bottom li .js .pq{
  font-size: 16px;
  color: #fff;
  line-height: 28px;
  width: 480px;
}
.renking-content{
  width: 1200px;
  margin:0 auto;
  padding-bottom: 130px;
}
.renking-content .title{
  width: 206px;
  height: 135px;
  background: url("/themes/website/images/rancoutit.png");
  background-size:100% 100%;
  margin: 45px auto;
}
.renking-content .list{
  margin-top: 26px;
}
.renking-content .list li{

}
.renking-content .list li .bt{
  font-size: 18px;
  color: #1F2326;
  line-height: 25px;
  margin-left: 180px;
}
.renking-content .list li .piclist{
  margin-top: 15px;
}
.renking-content .list li .piclist .tag{
  width: 172px;
  height: 172px;
  border-radius: 35px 0 0 0;
  background: #04A1E9;
  text-align: center;
  float: left;
}
.renking-content .list li .piclist .tag .n{
  font-size: 50px;
  color: #fff;
  line-height: 70px;
  border-bottom: 2px solid #fff;
  width: 115px;
  margin: 0 auto;
  padding-top: 15px;
}
.renking-content .list li .piclist .tag .j{
  font-size: 36px;
  color: #fff;
  line-height: 70px;
}
.renking-content .list li{
  margin-bottom: 30px;
}
.renking-content .list li .piclist img{
  float: left;
  margin-left:5px;
  width: 252px;
  height: 172px;
  margin-right: 0;
}

/*中国排行榜移动*/
.renking-box-yd{
  padding-top: 50px;
  width: 100%;
  display: none;
}

.renking-box-yd .top{
  height: 9.54rem;
  background: url("/themes/website/images/Bitmap2.png");
  background-size:100% 100%;
  position: relative;
}

.renking-box-yd .top .tit{
  position: absolute;
  top: 1.03rem;
  left: 50%;
  -webkit-transform: translateX(-50%);
  width: 4.17rem;
  height: 1.42rem;
}
/*sss*/
.renking-box-yd .top .tag-box{
  position: absolute;
  bottom: 2.03rem;
  left: 50%;
  -webkit-transform: translateX(-50%);
  height: 0.86rem;
  width: 3.3rem;
}
.renking-box-yd .top .tag-box div{
  width: 0.85rem;
  height: 0.86rem;
  background: url("/themes/website/images/rancircle.png");
  background-size:100% 100%;
  float: left;
  margin-right: 0.34rem;
  font-size: 0.26rem;
  color: #fff;
  text-align: center;
  line-height: 0.86rem;
}
.renking-box-yd .top .tag-box .span1{
  margin-right: 0;
}
.renking-box-yd .top .logos{
  position: absolute;
  bottom: 0.27rem;
  left: 50%;
  -webkit-transform: translateX(-50%);
  width: 3.35rem;
}
.renking-box-yd .center-txt{
  width: 100%;
  background: #04a1e9;
}
.renking-box-yd .center-txt .txtt1{
  padding: 0.68rem 0.27rem 0 0.27rem;
}
.renking-box-yd .center-txt .txtt1 .titss{
  font-size: 0.58rem;
  color: #fff;
  line-height: 100%;
}
.renking-box-yd .center-txt .txtt1 .titss2{
  font-size: 0.24rem;
  color: #fff;
  line-height: 100%;
  margin: 0.35rem 0;
}
.renking-box-yd .center-txt .txtt1 .txts{
  font-size: 0.24rem;
  color: #fff;
  line-height: 25px;
  border-bottom: 1px solid #fff;
  padding-bottom: 0.5rem;
}
.renking-box-yd .center-txt .txtt2{
  padding-top: 0.5rem;
  padding-bottom: 0.65rem;
}
.renking-box-yd .center-txt .txtt2 li{
  margin-left: 0.27rem;
  margin-bottom: 0.53rem;
}

.renking-box-yd .center-txt .txtt2 li img{
  width: 1.74rem;
  height: 1.74rem;
  float: left;
}
.renking-box-yd .center-txt .txtt2 li .wenbs-box{
  float: left;
  margin-left: 0.10rem;
}
.renking-box-yd .center-txt .txtt2 li .wenb-tit{
  font-size: 0.53rem;
  color: #fff;
  line-height: 100%;
  max-width: 3.68rem;
  margin-top: 0.3rem;
}
.renking-box-yd .center-txt .txtt2 li .wenb-txt{
  font-size: 0.26rem;
  color: #fff;
  max-width: 3.68rem;
  margin-top: 0.1rem;
  line-height: 28px;
}
.renking-box-yd .center-txt .txtt2 .ss{
  margin-bottom: 0;
}
.renking-box-yd  .center-tu{
  background: #fff;
  padding: 0.65rem 0.26rem;
}
.renking-box-yd  .center-tu .tit{
  width: 3.56rem;
  height: 2.3rem;
  margin: 0 auto;
  display: block;
}
.renking-box-yd  .center-tu ul li{
  margin-top: 0.7rem;
}
.renking-box-yd  .center-tu ul li .n-top{
  height: 2.95rem;
  margin-bottom: 0.18rem;
}
.renking-box-yd  .center-tu ul li .n-top .l-block{
  float: left;
  width: 2.93rem;
  height: 2.93rem;
  background: #04a1e9;
  border-radius: 50px 0 0 0;
  position: relative;
}
.renking-box-yd  .center-tu ul li .n-top .l-block .txt11{
  font-size: 0.7rem;
  color: #fff;
  text-align: center;
  line-height: 100%;
  margin-top: 0.64rem;
}
.renking-box-yd  .center-tu ul li .n-top .l-block .txt22{
  font-size: 0.56rem;
  color: #fff;
  text-align: center;
  line-height: 100%;
  margin-top: 0.48rem;
}
.renking-box-yd  .center-tu ul li .n-top .l-block .bor{
  position: absolute;
  left: 50%;
  top: 1.5rem;
  -webkit-transform: translateX(-50%);
  width: 1.9rem;
  height: 1px;
}
.renking-box-yd  .center-tu ul li .n-top .r-txt{
  float: left;
  max-width: 2.6rem;
  font-size: 0.3rem;
  color: #1f2326;
  line-height: 25px;
  margin-left: 0.18rem;
}
.renking-box-yd  .center-tu ul li .img-box .imgs{
  width: 2.9rem;
  height: 2rem;
  float: left;
  margin: 0;
}
@media (max-width:768px){
  .renking-box-yd{
    display: block;
  }
  .renking-box{
    display: none;
  }
}



/*技术分享*/
.blog-box{
  width: 1200px;
  margin: 0 auto;
  padding-top: 20px;
}

.blog-box .list li{
  padding-bottom: 20px;
  margin-top: 20px;
  border-bottom: 1px solid #f0f1f3;
}
/*.center-img100{*/
  /*float: left;*/
  /*width: 260px;*/
  /*height: 160px;*/
  /*margin: 0;*/
  /*display: flex;*/
  /*justify-content: center;*/
  /*align-items: center;*/
  /*background: #000;*/
/*}*/
.blog-box .list li .img{
  float: left;
  width: 260px;
  height: 160px;
  margin-right: 0;

}
.blog-box .list li .txtbox{
  float: left;
  margin-left: 22px;
}
.blog-box .list li .txtbox .tit{
  line-height: 33px;
  font-size: 24px;
  color: #1F2326;
  width: 918px;
}
.blog-box .list li .txtbox .tit:hover{
  color:#04A1E9;
}
.blog-box .list li .txtbox .txt{
  width: 918px;
  font-size: 14px;
  color: #595E61;
  line-height: 20px;
  margin-top: 15px;
}
.blog-box .list li .txtbox .botts{
  margin-top: 57px;
  width: 918px;
}
.blog-box .list li .txtbox .botts .author{
  float: left;
  font-size: 12px;
  color: #787D81;
  line-height: 17px;
}
.blog-box .list li .txtbox .botts .watch{
  float: right;

}
.blog-box .list li .txtbox .botts .watch .tb{
  width: 20px;
  height: 14px;
  background: url("/themes/website/images/blog-watch.png");
  background-size:100% 100%;
  float: left;
}
.blog-box .list li .txtbox .botts .watch .num{
  font-size: 12px;
  color: #ff6600;
  line-height: 17px;
  float: left;
  margin-left: 4px;
}

.blog-box .list li .txtbox .botts .fab{
  float: right;
  margin-left: 12px;
}
.blog-box .list li .txtbox .botts .fab .tb{
  width: 20px;
  height: 20px;
  background: url("/themes/website/images/blog-fab.png");
  background-size:100% 100%;
  float: left;
}
.blog-box .list li .txtbox .botts .fab .num{
  font-size: 12px;
  color: #ff6600;
  line-height: 17px;
  float: left;
  margin-left: 4px;
}
.blog-box .blog-btn{
  width: 100%;
  height: 50px;
  background: #EAECEF;
  margin-top: 40px;
  color: #787D81;
  font-size: 16px;
  line-height: 50px;
  text-align: center;
  margin-bottom: 120px;
}

/*轮播高度*/
.carousel-inner{
  /*height: 400px;*/
  /*height: 24rem;*/
  position: relative;
}
@media (max-width:768px){
  .carousel-inner .item{
    height: 100%;
  }
  .carousel-inner .item .solid-bot{
    position: absolute;
    bottom: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
  }
}
.carousel-inner .title-dy{
  font-size:21px;
}
.second-every{
  cursor: pointer;
}
.second-every:hover .detail-text{
  color:#ff6600;
}

@media (max-width:768px){
  .blog-box{
    width: 5.9rem;
    margin: 0 auto;
    padding-top: 0.2rem;
  }
  .blog-box .list li .img{
    width: 2.23rem;
    height: 1.37rem;
  }
  .blog-box .list li{
    padding-bottom: 0.2rem;
    margin-top: 0.2rem;
    border-bottom: 1px solid #f0f1f3;
  }
  .blog-box .list li .txtbox{
    margin-left: 0.22rem;
  }
  .blog-box .list li .txtbox .tit{
    line-height: 0.33rem;
    font-size: 0.26rem;
    color: #1F2326;
    width: 3.36rem;
    height: 0.8rem;
  }
  .blog-box .list li .txtbox .txt{
    width: 3.36rem;
    font-size: 14px;
    color: #595E61;
    line-height: 20px;
    margin-top: 15px;
    display: none;
  }
  .blog-box .list li .txtbox .botts{
    width: 3.36rem;
    margin-top: 0.3rem;
  }
  .blog-box .list li .txtbox .botts .watch{
    display: none;
  }
  .blog-box .list li .txtbox .botts .author{
    float: left;
    font-size: 0.14rem;
    color: #787D81;
    line-height: 17px;
  }
}
.minheight{
  min-height: 700px;
}
@media (max-width:420px){
  .fx{
    display: none;
  }
  .bor{
    height: 68px;
  }
}

.img-h{
  height: 100%;
  width: auto;
  margin-right: 0;
}
.company-img{
  height: 230px;
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  background: #000;
}
.pagination_box{
  position: relative;
  height: 150px;
}
.pagination{
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
  width: 100%;
}
@media (min-width: 768px){
  .pc-paging .pagination{
     width: max-content;
  }
  .pagination_box{
    position: relative;
  }
}
#pagination{
  margin: 0;
}
.pc-paging .pagination li{
  font-size: 13px;
}
.h5-paging .pagination li{
  font-size: 12px;
}
@media (min-width: 768px){
  .h5-paging{
    display: none;
  }
}

@media (max-width: 768px){
  .pc-paging{
    display: none;
  }
}
.h5-paging{
  width: 88%;
  margin:0 6%;
}

.h5-paging .pagination_box .pagination li a {
  margin-bottom: 5px;
}

.h5-paging .pagination_box .pagination li span {
  margin-bottom: 5px;
}

/*yinxiao*/
/*pc*/
.pc-service-box{
  width: 100%;
  height: 100%;
  position: relative;
}
.pc-service-box .top-box{
  width: 100%;
  height: 630px;
  background: #0c112e;
}
.pc-service-box .top-banner{
  width: 2400px;
  height: 630px;
  position: absolute;
  top: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
  /*background: url("/themes/website/images/service/banner.jpg");*/
  /*background-size:100% 100%;*/
}
.pc-service-box .service-intr{
  width: 100%;
  height: 840px;
}
.pc-service-box .service-intr .intr-con{
  width: 1200px;
  height: 100%;
  margin: 0 auto;
}
.pc-service-box .service-intr .intr-con .tit{
  width: 747px;
  height: 51px;
  background: url("/themes/website/images/service/tit1.png");
  background-size:100% 100%;
  margin: 53px auto 48px auto;
}
.pc-service-box .service-intr .intr-con .tit-txt1{
  color: #27272f;
  font-size: 30px;
  line-height: 100%;
  text-align: center;
}
.pc-service-box .service-intr .intr-con .tit-txt2{
  color: #606885;
  font-size: 20px;
  line-height: 100%;
  text-align: center;
  margin-top: 35px;
}
.pc-service-box .service-intr .intr-con .intr-img{
  width: 1148px;
  height: 482px;
  display: block;
  margin: 50px auto;
}
.pc-service-box .service-chara{
  width: 100%;
  height: 340px;
  position: relative;
}
.pc-service-box .service-chara .bg{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 280px;
  background: #2a2248;
  z-index: -99;
}
.pc-service-box .service-chara .chara-box{
  position: absolute;
  top: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
  width: 2400px;
  height: 100%;
  background: url("/themes/website/images/service/chara.png");
  background-size:100% 100% ;
}

.pc-service-box .service-chara .chara-box .tit{
  width: 747px;
  height: 51px;
  background: url("/themes/website/images/service/tit2.png");
  background-size:100% 100%;
  margin: 60px auto 43px auto;
}
.pc-service-box .service-chara .chara-box .tit-txt1{
  color: #fff;
  font-size: 30px;
  line-height: 100%;
  text-align: center;
}
.pc-service-box .service-chara .chara-box .tit-txt2{
  color: #fff;
  font-size: 20px;
  line-height: 100%;
  text-align: center;
  margin-top: 26px;
}
.pc-service-box .chara-r{
  width: 1167px;
  height: 737px;
  margin: 67px auto 100px auto;
  display: block;
}
.pc-service-box .service-foot{
  width: 100%;
  height: 480px;
  background: #eef1f5;
  padding-top: 58px;
}
.pc-service-box .service-foot .tit{
  width: 747px;
  height: 51px;
  background: url("/themes/website/images/service/tit3.png");
  background-size:100% 100%;
  margin: 0 auto 82px auto;
}
.pc-service-box .service-foot .foot-con{
  width: 1200px;
  margin: 0 auto;
}
.pc-service-box .service-foot .foot-con li{
  float: left;
  margin-right: 10px;
  width: 285px;
}
.pc-service-box .service-foot .foot-con img{
  margin: 0 auto;
  width: 158px;
  height: 158px;
  display: block;
}
.pc-service-box .service-foot .foot-con .txt{
  color: #303030;
  font-size: 20px;
  text-align: center;
  width: 100%;
  margin-top: 38px;
}

/*移动端*/
.h5-service-box{
  width: 100%;
  display: none;
}
.h5-service-box .banner{
  width: 100%;
  height: 3.46rem;
  background: url("/themes/website/images/service/h5banner.jpg");
  background-size:100% 100%;
}
.h5-service-box .service-intr{
  width: 100%;
  padding-top: 0.36rem;
}
.h5-service-box .service-intr .tit{
  width: 6.08rem;
  height: 0.42rem;
  background: url("/themes/website/images/service/tit1.png");
  background-size:100% 100%;
  margin: 0 auto;
}
.h5-service-box .service-intr .txt1{
  text-align: center;
  font-size: 0.24rem;
  color: #27272f;
  line-height: 100%;

  margin-top: 0.37rem;
}
.h5-service-box .service-intr .txt2{
  text-align: center;
  font-size: 0.16rem;
  color: #606885;
  line-height: 100%;
  margin-top: 0.22rem;
}
.h5-service-box .service-intr .intr-img{
  width: 7.16rem;
  height: 5.06rem;
  margin: 0.12rem auto 0.48rem auto;
  display: block;
}

.h5-service-box .service-chara{
  width: 100%;
  height: 1.95rem;
  background: url("/themes/website/images/service/chara.png");
  background-size:100% 100% ;
}
.h5-service-box .service-chara .chara-box{
  padding-top: 0.28rem;
}
.h5-service-box .service-chara .chara-box .tit{
  width: 6.08rem;
  height: 0.42rem;
  background: url("/themes/website/images/service/tit2.png");
  background-size:100% 100%;
  margin: 0 auto;
}
.h5-service-box .service-chara .chara-box .tit-txt1{
  font-size: 0.24rem;
  text-align: center;
  color:#fff;
  line-height: 100%;
  margin-top: 0.13rem;
}
.h5-service-box .service-chara .chara-box .tit-txt2{
  font-size: 0.12rem;
  text-align: center;
  color:#fff;
  line-height: 100%;
  margin-top: 0.15rem;
}
.h5-service-box .chara-r{
  width: 7.23rem;
  height: 4.88rem;
  margin: 0.22rem auto 0.37rem auto;
  display: block;
}
.h5-service-box .service-foot{
  width: 100%;
  background: #eef1f5;
  padding-top: 0.3rem;
  padding-bottom: 0.35rem;
}
.h5-service-box .service-foot .tit{
  width: 6.08rem;
  height: 0.42rem;
  background: url("/themes/website/images/service/tit3.png");
  background-size:100% 100%;
  margin: 0 auto;
}
.h5-service-box .service-foot .foot-con{
  width: 6.7rem;
  margin: 0.4rem auto;
}
.h5-service-box .service-foot .foot-con li{
  width: 1.28rem;
  float: left;
  margin-right: 0.4rem;
}
.h5-service-box .service-foot .foot-con li.marn{
  margin-right: 0;
}
.h5-service-box .service-foot .foot-con li img{
  width: 0.97rem;
  height: 0.94rem;
  display: block;
  margin: 0 auto;
}
.h5-service-box .service-foot .foot-con li .txt{
  width: 1.25rem;
  font-size: 0.16rem;
  color: #303030;
  text-align: center;
  margin-top: 0.2rem;
}


@media (max-width: 768px){
  .h5-service-box {
    display: block;
    padding-top: 70px;
  }
  .pc-service-box{
    display:none;
  }
}

.Bgcolors:hover{
  color: #ff6600;
}