@charset "utf-8";
/* CSS Document */

/*-----whole-----*/
html{font-size:100px;}
body{transition:all .25s ease-in-out;-moz-transition:all .25s ease-in-out;-webkit-transition:all .25s ease-in-out;}

.Header-wrapper, .Container-wrapper, .Footer-wrapper, .container, .banner-container, .index-container{position:relative;left:0px;height:auto;}
.contain{width:1200px;margin:0 auto;position:relative;}

*{ box-sizing:border-box;}

li, ul {
	border: 0;
	font-size: 100%;
	margin: 0;
	padding: 0
}

ol, ul {
	list-style: none
}

/*clearfix*/
.clearfix{*zoom:1}
.clearfix:before,
.clearfix:after{display:table;content:""}
.clearfix:after{clear:both}

/*初始化按钮*/
.btn{display:inline-block;text-align:center;padding:0px;border:0px;margin:0px;position:relative;cursor:pointer;}
.btn span{display:inline-block;}


#index-web-bnr{display:none;}
#index-web-bnr .bnr-img{height:12.375rem;}


.a-title{text-align:center;line-height:50px;font-size:42px;}
.a-title.at2{color:#fff;}



/*合作伙伴*/
.com-parter{padding:.66rem 0 .87rem;background:url(../images/bg/comParter-bg.jpg) no-repeat center center / cover;}

.parter-list{width:94.5%;background:#fff;border-top:1px solid #e3e3e3;border-left:1px solid #e3e3e3;margin:0 auto;}
.parter-list li{width:20%;border-bottom:1px solid #e3e3e3;border-right:1px solid #e3e3e3;float:left;}
.parter-list .parter-box{display:block;height:103px;line-height:103px;font-size:0px;text-align:center;overflow:hidden;cursor:default;}
.parter-box img{max-width:100%;max-height:100%;transition:all .3s ease-in-out;-webkit-transition:all .3s ease-in-out;}
.parter-box:hover img{transform:translateY(-10px) scale(1.1);-webkit-transform:translateY(-10px) scale(1.1);}

.com-parter .parter-list{margin:.55rem auto 0;}

/*-- 产品中心 --*/

.pInfo-stage{background-repeat:no-repeat !important;background-position:center center !important;background-size:cover !important;position:relative;overflow:hidden;}
.pInfo-stage .p-con{padding:0 1.65rem;line-height:38px;text-align:center;font-size:16px;color:#777777;margin:.22rem 0 0;}


/*s6*/
.pInfo-stage.p1-6 .parter-list{margin:.38rem auto 0;}


/*-- 解决方案 --*/

@media all and (max-width:1130px){

	.solAdv-list{width:824px;}
	.solAdv-list li{width:200px;height:200px;}
	.solAdv-list li.l2{margin-top:-97px;}
	.solAdv-block img{width:140px;}
	.solAdv-block .type{padding:0 40px;font-size:14px;line-height:20px;}

}






/*手机超小屏幕下的单独样式 xs < 768px */
@media (max-width: 767px){
    /*全部-导航*/
    body{
        padding-top: 0;/*移动端若固定顶部导航的话高度为52px*/
        padding-bottom: 55px;
    }
    #header .navbar{/*移动端导航不固定顶部*/
        position: relative !important;
    }
    #header .navbar{
        padding-bottom: 0;
    }
    /*全部-导航*/
    /*全部-页脚*/
    #footer .footer-wechat p{
        text-align: left !important;
    }
    /*全部-页脚*/
    /*全部-返回顶部*/
    #clan-slider{
        bottom:55px !important;
    }
    #clan-slider ul li a{
        background-color: rgba(255,255,255,0.9) !important;
        border-color:  transparent !important;
        border-radius: 50% !important;
    }
    #clan-slider #slider-goTop{
        background-position: -92px 0 !important;
    }
    #clan-slider #slider-goTop:hover{
        background-position: 0 0 !important;
    }
    /*全部-返回顶部*/
}
/*手机超小屏幕下的单独样式 xs < 768px */

/*大于手机屏幕时的样式 sm >= 768px */
@media (min-width: 768px){
    /*全部-导航*/
    #header .navbar{
        border-radius: 0;

    }
    #header .navbar-nav>li>a{

    }
    /*全部-导航*/
}
/*大于手机屏幕时的样式 sm >= 768px */

/*平板小屏幕样式 768px <= sm < 992px */
@media (min-width: 768px) and (max-width: 991px){
    /*全部-页脚*/
    #footer .footer-contact h2{
        font-size: 26px !important;
    }
    /* Safari 7.1+ (9.0 is the latest version of Safari at this time) */
    @media screen and (-webkit-min-device-pixel-ratio:0) {
        #footer .footer-contact h2{
            padding-left: 0;
            font-size: 22px !important;
        }
    }
    /*全部-页脚*/
}
/*平板小屏幕样式 768px <= sm < 992px */


.index-row .main-title{
    text-align: center;
}

.line-big {
    margin: 15px auto 15px;
    border-width: 2px;
    width: 80px;
}

.line {
    border-top: 1px solid #0ba1e4;
    width: 80px;
}

.our-news-item {
    padding-top: 20px;
    padding-bottom: 20px;
}

.our-news-item .media-body {
    padding-top: 5px;
    padding-bottom: 5px;
}

.our-news-item h4 {
    color: #0ba1e4;
    height: 19px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    word-wrap: break-word;
}

.our-news-item .dynamic-li {
    color: #999;
    padding: 2px 0;
    font-size: 12px;
}

.our-news-item .dynamic-li {
    color: #999;
    padding: 2px 0;
    font-size: 12px;
}

.our-news-item p {
    color: #919191;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    word-wrap: break-word;
    line-height: 1.5em;
    height: 3em;
    overflow: hidden;
    margin-bottom: 0;
    font-size: 12px;
}


.our-news-item .dynamic-li {
    color: #999;
    padding: 2px 0;
    font-size: 12px;
}

.our-news-item .dynamic-li a {
    float: right;
    display: inline-block;
    font-weight: 400;
    color: #999;
    margin-right: 10px;
}

.our-news-item .dynamic-li {
    color: #999;
    padding: 2px 0;
    font-size: 12px;
}

.our-news-item .media-left a {
    width: 140px;
    height: 110px;
    overflow: hidden;
    margin-bottom: 0;
}
.our-news-item img {
    object-fit: cover;
    width: 100%;
    height: 100px;
}


.media-left, .media-right, .media-body {
    display: table-cell;
    vertical-align: top;
}

.media-left, .media>.pull-left {
    padding-right: 10px;
}






/*百度动态*/

.section-title {
  font-size: 2em;
  line-height: 1;
  padding-bottom: 2.5em;
  padding-top: 5em;
  color: #969696;
  letter-spacing: 0;
  text-align: center;
  border-bottom: 1px #E8E8E9 solid;
}

.bd-home-dynamic-title,
.bd-inwork-title,
.bd-ourSearch-title,
.bd-ourDoodle-title,
.bd-company-desc-title,
.mb-bd-inwork-title0 {
  font-size: 2.5em;
  line-height: 1;
  padding-bottom: 2.5em;
  padding-top: 5em;
  color: #969696;
  letter-spacing: 0;
  text-align: center;
  border-bottom: 1px #E8E8E9 solid;
}

.bd-home-dynamic-content {
  padding-bottom: 48px;
}

@media (max-width: 768px) {
  .bd-home-dynamic-content {
    margin: 0;
  }
  .bd-dynamic-news {
    margin: 0 2em;
  }
  .topic-title {
    margin: 0 2em;
  }
}

.bd-home-dynamic-content .row {
  margin: 0 0 0 -2.5em;
}

.bd-home-dynamic-content .row .col-sm-5,
.bd-home-dynamic-content .row .col-sm-7,
.bd-home-dynamic-content .row .col-xs-12 {
  padding: 0 0 0 2.5em;
}

.bd-dynamic-news,
.bd-dynamic-topic {
  font-size: 1.7em;
  color: #505050;
  letter-spacing: 0;
  line-height: 1.5em;
  text-align: left;
}

.news-list {
  display: table;
  table-layout: fixed;
  width: 100%;
  font-size: 1.2em;
  line-height: 3em;
}

.news-item {
  display: table-row;
  width: 100%;
}

.decoration:before,
.decoration:after {
  content: "";
  display: block;
  width: 1px;
  height: 50%;
  background: #ccc;
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
  z-index: -1;
}

.news-item:nth-child(1) .decoration:before {
  display: none;
}

.news-item:nth-last-child(1) .decoration:after {
  display: none;
}

.decoration:before {
  top: 0;
}

.decoration:after {
  bottom: 0;
}

.decoration {
  display: table-cell;
  width: 10%;
  position: relative;
  vertical-align: middle;
  text-align: center;
  z-index: 999;
}

.news-item:hover .news-box {
  background-color: #64b7f7;
  color: #fff;
}

.news-item:hover .news-box:before {
  content: "";
  width: 0;
  height: 0;
  border-top: 10px solid transparent;
  border-right: 10px solid #64b7f7;
  border-bottom: 10px solid transparent;
  position: absolute;
  left: -10px;
  top: 0;
  bottom: 0;
  margin: auto;
}

.news-item:hover .solid-circle {
  background: #64b7f7;
}

.news-item .news-title {
  display: block;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

.news-item:hover .news-title {
  color: #fff;
  text-decoration: underline;
}

.news-item:hover .news-time {
  color: #fff;
}

.news-box {
  display: table-cell;
  line-height: 3em;
  width: 80%;
  vertical-align: middle;
  color: #000;
  padding-left: 15px;
  position: relative;
  border-radius: 2px;
}

.news-circle {
  display: inline-block;
  border-radius: 50%;
  border: 1px solid #ccc;
  background-color: #fff;
  vertical-align: middle;
}

.solid-circle {
  background: #ccc;
  border-radius: 50%;
  width: 0.6em;
  height: 0.6em;
  overflow: hidden;
  margin: 0.3em;
}

.more-news {
  padding-top: 2em;
  text-align: center;
  font-size: 1.2em;
  line-height: 2em;
}

.more-news-tip {
  display: inline-block;
  vertical-align: middle;
  line-height: 1.2;
  padding-right: 3em;
  color: #000;
  background: url(../img/gray_right.png?v=12) right 1em center/ auto 100% no-repeat;
}

.more-news-tip:hover {
  background-image: url(../img/gray_right_01.png?v=12);
}

.news-time {
  color: #999999;
  font-size: 1em;
  line-height: 2em;
}

.more-news-img {
  display: inline-block;
  vertical-align: middle;
  height: 1.2em;
  padding-left: 0.5em;
}

.dynamic-title1 {
  line-height: 3;
  font-size: 1.7em;
}

.bd-dynamic-topic .row {
  margin: -1.5em 0 0 -1.5em;
}

.bd-dynamic-topic .row .col-xs-6,
.bd-dynamic-topic .row .col-sm-6 {
  padding: 1.5em 0 0 1.5em;
}

@media (max-width: 768px) {
  .bd-dynamic-topic .row {
    margin: -1px 0 0 -1px;
  }
  .bd-dynamic-topic .row .col-xs-6,
  .bd-dynamic-topic .row .col-sm-6 {
    padding: 1px 0 0 1px;
  }
}

.bd-topic-items {
  /* min-width: 786px;*/
  /*    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;*/
  /*width: 310px;
    height: 225px;*/
}

.bd-dynamic-topic .item {
  margin: 0;
  display: block;
}

.item {
  position: relative;
  margin-top: 2em;
}

.item .img-outer {
  padding-bottom: 73.5%;
}

.item .card-img {
  width: 100%;
  height: 100%;
}

.item:hover {
  box-shadow: 0px 2px 4px 0 rgba(0, 0, 0, 0.50);
  color: #333;
}

.item:hover .card-img-bottomlay {
  color: #000000;
}

.card-img-bottomlay {
  position: absolute;
  bottom: -1px;
  left: 0;
  width: 100%;
  height: 4em;
  background: rgba(255, 255, 255, 0.8);
  text-align: center;
  font-size: 1.2em;
  line-height: 4em;
  color: #666666;
}

.bd-dynamic-timeline {
  float: left;
  margin-top: 3.5em;
  /* margin-left: 4.5rem;*/
  padding: 1px 3px;
  background: url(../img/timeline.png?v=12) center top/2px 100% no-repeat;
  overflow: hidden;
}

.bd-dynamic-timeline li {
  position: relative;
  list-style-type: none;
  width: 1.5em;
  height: 1.5em;
  margin-bottom: 4.3em;
  /* border: 1px #666 solid; */
  border-radius: 100%;
  text-align: center;
  background: #ffffff;
  box-shadow: 0 1px 3px 0 #999999;
}

.bd-dynamic-timeline li span {
  display: block;
  border-radius: 100%;
  width: 0.8em;
  height: 0.8em;
  background-color: #c0c0c0;
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  margin: auto;
}

.bd-dynamic-event {
  float: left;
  width: 81%;
  margin-top: 1.6em;
}

.bd-dynamic-event div {
  padding: 1.3em 0 1.3em 1.8em;
  font-size: 1.3em;
  color: #333333;
  background-repeat: no-repeat;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}


.section-title {
    font-size: 2em;
    line-height: 1;
    padding-bottom: 0.5em;
    padding-top: 1em;
    color: #969696;
    letter-spacing: 0;
    text-align: center;
    border-bottom: 1px #E8E8E9 solid;
}



.adv{
	padding-top: 50px;
}


.adv_img{
	width: 100%;
}

.adv_img img{
	width: 100%;
}


.portfolio-item{
}

.fh5co - listing {
    float: left;
    position: relative;
    width: 100 % ;
    background: #f3f3f3;
}

.fh5co - listing.fh5co - item - wrap {
    padding - left: 10px;
    padding - right: 10px;
    margin - bottom: 20px;
    position: relative;
}

.fh5co - listing.fh5co - item - wrap.fh5co - listing - item {
    background: #fff;
    position: relative;
    display: block;
    width: 100 % ;
    height: 200px;
    cursor: pointer;
    overflow: hidden;
}

.fh5co - listing.fh5co - item - wrap.fh5co - listing - item img {
    position: relative;
    z - index: 10; - webkit - transition: 0.3s; - o - transition: 0.3s;
    transition: 0.3s;
}

.img - responsive {
    display: block;
    max - width: 100 % ;
    height: auto;
}

.fh5co - listing.fh5co - item - wrap.fh5co - listing - item img {
    position: relative;
    z - index: 10; - webkit - transition: 0.3s; - o - transition: 0.3s;
    transition: 0.3s;
}

.fh5co - listing.fh5co - item - wrap.fh5co - listing - item: hover img { - webkit - transform: scale(1.1); - moz - transform: scale(1.1); - ms - transform: scale(1.1); - o - transform: scale(1.1);
    transform: scale(1.1);
}

.models {
    padding: 4em 0;
    text - align: center;
    margin - top: 100px;
}

.models h3 {
    font - size: 3em;
    text - transform: capitalize;
    color: #333033;
    font - family: 'ContrailOne-Regular';
}

.clients {
    margin - top: 2em;
}

.nbs - flexisel - container {
    position: relative;
    max - width: 100 % ;
}

.nbs - flexisel - inner {
    overflow: hidden;
}

.nbs - flexisel - ul {
    position: relative;
    width: 9999px;
    margin: 0px;
    padding: 0px;
    list - style - type: none;
    text - align: center;
}

.nbs - flexisel - item {
    float: left;
    margin: 0px;
    padding: 0px;
    cursor: pointer;
    position: relative;
    line - height: 0px;
}