.ui-banner {
  width: auto;
  min-width: 0; }
ul,li{ padding:0px; margin:0px;}
.ui-banner .ub-content {
  width: 100%; }

.yun-wrap {
  background-color: #fff; }

.yun-containner {
  padding-top: 90px;
  padding-bottom: 80px; }

.index__title-h3 {
  font-size: 24px;
  line-height: 34px;
  text-align: center;
  color: #535353; }

.index__title-h3--focus {
  color: #fff; }

.service {
  margin: 0; }

.service__li {
  display: inline-block;
  margin-top: 55px; }

.service__item {
  text-align: center; }

.service__icon-wrap {
  display: block;
  height: 105px;
  text-align: center; }

.service__icon {
  display: inline-block;
  width: 100%;
  height: 80px;
  font-size: 80px;
  line-height: 80px;
  color: #00aeff; }

.service__icon--social {
  font-size: 120px; }

.service__icon--all {
  font-size: 110px; }

.service__title {
  font-size: 16px;
  line-height: 36px;
  color: #464646;
  text-align: center;
  font-weight: bold; }

.service__content {
  padding: 0 40px;
  font-size: 12px;
  line-height: 18px;
  color: #464646; }

.service-pagination {
  display: none; }

.yun-wrap--product {
  background-color: #f2f2f2; }

.product {
  position: relative;
  margin-top: 55px;
  
   }

.product__item-title {
  font-size: 16px;
  line-height: 30px; }

.product__item-content {
  font-size: 12px;
  line-height: 16px;
  color: #535353;
  text-align:right;
  
   }

.product__img-wrap {
  position: relative;
  box-sizing: border-box;
  margin: 0 auto;
  width: 373px;
  height: 772px;
  background-color: #eee;
  border-radius: 44px; }

.product__img-camera {
  position: absolute;
  left: 120px;
  top: 40px;
  width: 9px;
  height: 9px;
  border-radius: 50%;
  background-color: #f2f2f2; }

.product__img-wrap:before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 41px;
  margin: auto;
  width: 60px;
  height: 7px;
  border-radius: 4px;
  background-color: #f2f2f2; }

.product__img-wrap:after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 20px;
  margin: auto;
  width: 56px;
  height: 56px;
  border-radius: 28px;
  background-color: #f2f2f2; }

.product__img-box {
  position: absolute;
  top: 85px;
  left: 0;
  right: 0;
  margin: auto;
  width: 340px;
  height: 600px; }

.product__img {
  opacity: 0;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  vertical-align: top;
  -webkit-transition: opacity .2s;
  transition: opacity .2s; }

.product__img-shenpi {
  opacity: 1; }

.product__li {
  display: block;
  margin-top: 40px;
  cursor: pointer; }

.product__item {
  position: relative;
  display: block;
  padding-right: 85px; }

.product__li.active .product__item-icon-wrap {
  color: #00aeff; }

.product__li.active .product__item-title {
  color: #00aeff; }

.product__item-icon-wrap {
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  width: 60px;
  height: 50px;
  font-size: 50px;
  line-height: 50px;
  color: #959595; }

.product__item-icon-wrap-yewu {
  font-size: 64px; }

.yun-wrap--truth {
  background: url("../style/truth-bg.jpg") no-repeat 0 0;
  background-size: 100% 100%; }

.index__title-h3--truth {
  color: #fff; }

.truth__company-list-wrap {
  position: relative; }

.truth__company-person {
  display: inline-block;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  margin-left: 65px;
  text-align: center; }

.truth__company-evaluate {
  box-sizing: border-box;
  position: absolute;
  left: 185px;
  top: 18px;
  padding: 30px 45px;
  border-radius: 10px;
  border: 1px solid #fff;
  background-color: #029ae1; }

.truth__company-evaluate:before {
  content: "";
  position: absolute;
  left: -86px;
  top: 45px;
  border-width: 0 43px 27px 43px;
  border-color: transparent #fff transparent transparent;
  border-style: solid; }

.truth__company-evaluate:after {
  content: "";
  position: absolute;
  left: -81px;
  top: 46px;
  border-width: 0 41px 25px 41px;
  border-color: transparent #029ae1 transparent transparent;
  border-style: solid; }

.truth__company-evaluate-content {
  position: relative;
  font-size: 12px;
  line-height: 24px;
  color: #fff;
  white-space: normal; }

.truth-pagination {
  display: none; }

.truth__company-evaluate-content:before {
  content: "\e7a0";
  position: absolute;
  top: -8px;
  left: -30px;
  font-size: 20px;
  font-family: iconfont;
  line-height: 20px;
  font-weight: bold; }

.truth__company-evaluate-content:after {
  content: "\e79d";
  position: absolute;
  bottom: -8px;
  right: -30px;
  font-size: 20px;
  font-family: iconfont;
  line-height: 20px;
  font-weight: bold; }

.quote__left {
  display: block;
  position: relative;
  width: 8px;
  height: 14px;
  -webkit-transform: scale(5);
          transform: scale(5);
  overflow: hidden; }

.quote__left:before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 7px;
  height: 7px;
  background-color: #fff;
  border-radius: 50%; }

.quote__left:after {
  content: "";
  position: absolute;
  bottom: -2px;
  left: -1px;
  width: 18px;
  height: 14px;
  border-radius: 50%;
  border-left: #fff solid 4px;
  -webkit-transform: rotate(-10deg);
          transform: rotate(-10deg);
  -webkit-transform-origin: 0 0;
          transform-origin: 0 0; }

.truth__company-person-img {
  box-sizing: border-box;
  width: 130px;
  height: 130px;
  border-radius: 50%;
  border: 8px solid #fff; }

.index__truth-content {
  margin-top: 10px;
  font-size: 14px;
  line-height: 24px;
  text-align: center;
  color: #fff; }

.truth__company-wrap {
  position: relative;
  margin-top: 50px; }

.truth__company-list {
  white-space: nowrap; }

.truth__company-li {
  display: inline-block;
  box-sizing: border-box;
  padding: 0 100px;
  width: 100%; }

.truth__company-item {
  position: relative; }

.truth__company-person-name {
  margin-top: 10px;
  font-size: 18px;
  line-height: 26px;
  color: #fff;
  text-align: center; }

.truth__company-person-position {
  font-size: 12px;
  line-height: 20px;
  color: #fff;
  text-align: center;
  white-space: nowrap; }

.truth__company-logo-wrap {
  position: relative;
  margin: 40px 80px 0;
  text-align: center;
  height: 56px; }

.truth__company-logo-li {
  position: relative;
  display: inline-block;
  margin-right: 20px;
  width: 56px;
  height: 56px;
  border-radius: 50%;
  background-color: transparent;
  opacity: 1;
  vertical-align: top; }

.truth__company-logo-li.swiper-pagination-bullet-active {
  background-color: #fff; }

.truth__company-logo-li.swiper-pagination-bullet-active .truth__company-logo-img {
  color: #00aeff; }

.truth__company-logo-li.swiper-pagination-bullet-active:before {
  position: absolute;
  content: "";
  top: -24px;
  left: 0;
  right: 0;
  margin: auto;
  width: 0;
  height: 0;
  border-width: 13px 9px;
  border-color: transparent transparent #fff transparent;
  border-style: solid; }

.truth__company-logo-li:last-child {
  margin-right: 0; }

.truth__company-logo-item {
  width: 100%;
  height: 100%;
  text-align: center; }

.truth__company-logo-img {
  display: block;
  font-size: 18px;
  line-height: 56px;
  color: #fff; }

.truth__company-logo-img--wanke,
.truth__company-logo-img--haier,
.truth__company-logo-img--zhiyao {
  font-size: 42px; }

.truth__company-prev,
.truth__company-next {
  position: absolute;
  z-index: 9;
  top: 43px;
  height: 71px;
  font-size: 70px;
  line-height: 70px;
  color: #fff;
  cursor: pointer; }

.truth__company-prev {
  left: 12px; }

.truth__company-next {
  top: 43px;
  right: 12px; }

.wangshi__video-wrap {
  position: relative;
  margin: 45px auto 0;
  width: 100%;
  max-width: 750px;
  border-radius: 10px; }

.wangshi__video {
  border-radius: 10px;
  vertical-align: top; }

.wangshi__video {
  width: 100%; }

.wangshi__video-cover {
  display: none; }

.play-icon {
  z-index: 10;
  position: absolute;
  box-sizing: border-box;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  width: 168px;
  height: 168px;
  border: 3px solid #fff;
  border-radius: 50%;
  cursor: pointer; }

.play-icon:before {
  z-index: 2;
  position: absolute;
  content: "";
  left: 50%;
  top: 0;
  bottom: 0;
  margin: auto 0 auto -13px;
  width: 0;
  height: 0;
  border-width: 32px 46px;
  border-color: transparent transparent transparent #fff;
  border-style: solid;
  border-radius: 5px; }

.yun-wrap--focus {
  background-color: #00aeff; }

.yun-containner--focus {
  padding-bottom: 130px; }

.focus__wrap {
  margin-top: 85px;
  text-align: center; }

.focus__qrcode {
  display: none;
  position: absolute;
  top: -160px;
  left: -75px;
  margin-left: 65px;
  width: 150px;
  height: 150px; }

.focus__qrcode img {
  width: 100%;
  height: 100%; }

.focus__item-wrap {
  position: relative;
  box-sizing: border-box;
  display: inline-block;
  width: 130px;
  height: 130px;
  border-radius: 50%;
  text-align: center;
  border: 1px solid #fff;
  cursor: pointer;
  vertical-align: top; }

.focus__item-wrap--weixin:hover .focus__qrcode {
  cursor: pointer;
  display: block; }

.focus__item-wrap--weibo {
  margin-left: 65px; }

.focus__icon {
  font-size: 46px;
  color: #fff;
  line-height: 128px;
  -webkit-transition: font-size .5;
  transition: font-size .5; }

.focus__item-wrap:hover .focus__icon {
  font-size: 70px; }



@media (min-width: 769px) {
  .ui-banner .ubc-text {
    width: 100%;
    text-align: center; }
  .yun-containner {
    margin: 0 auto;
    max-width: 1000px;
    width: 100%; }
  .service__li {
    width: 25%; }
  .product__list-wrap {
    position: absolute;
    top: 200px;
    right: 50%;
    margin-right: 240px; }
  .product__list-wrap-second {
    position: absolute;
    top: 200px;
    left: 50%;
    right: auto;
    margin-left: 240px;
    margin-right: auto; }
  .product__list-wrap-second .product__item {
    position: relative;
    display: block;
    padding-left: 85px;
    padding-right: 0;
    text-align: left; }
  .product__list-wrap-second .product__item-title {
    white-space: nowrap; }
  .product__list-wrap-second .product__item-icon-wrap {
    left: 0;
    right: auto; }
  .product__list-wrap-first .product__item {
    position: relative;
    display: block;
    padding-right: 85px;
    text-align: right; }
  .product__item-icon-wrap {
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    width: 60px;
    height: 50px; } }
	
	/*banner*/

.banner{ height:575px; }

.banner a{ display:block; height:575px;}

.ban_bg{height:575px;width:100%; position:relative; }

.ban_bg .bgitem{ position:absolute; top:0;}

.ban_bg .btn21{  bottom: 5px;margin-right: -550px;padding: 5px 6px;position: absolute;right: 50%;z-index: 7; background-color:none;}

.ban_bg .btn21 span {background: none repeat scroll 0 0 #3a3a3a;border: 1px solid #333;color: #FFFFFF;cursor: pointer;display: inline-block;

margin-left: 5px;padding: 2px 5px;}

.ban_bg .btn21 span.cur {font-weight: bold;padding: 4px 8px;}
.youshi{ height:434px; background-color:#fff;}
.youshi .youshit{ padding-top:90px; font-size:26px; color:#333; text-align:center;}

.yslist{ width:1000px; margin:auto; padding-top:30px;}
.yslist ul li{ width:210px; padding-left:20px; padding-right:20px; float:left; line-height:24px; color:#333; text-align:center;}
.yslist ul li strong{ line-height:34px; font-size:18px;}


.fl{ float:left;}
.equip_c{ width:920px; height:230px;position:relative; margin:auto; overflow:hidden; padding-top:100px; }

.equip_c .eto_l,.equip_c .eto_r{ width:41px; height:64px; display:inline-block; top:171px; position:absolute;}

.equip_c .eto_l{ background:url(eto_l.png) no-repeat 0 0; left:0px;}

.equip_c .eto_r{ background:url(eto_r.png) no-repeat 0 0;right:0px;}

.equipment { width:920px; margin:0 auto; }

.equipment li{ width:920px; }

.equipment li.none{ margin-right:0px;}

.inews{ height:680px; background-color:#fff;}

.inewst{padding-top:70px; font-size:26px; color:#333; text-align:center;}
.inewst a{ color:#333;}
.inewslist{ width:1000px; margin:auto; padding-top:50px;}

.inewslist ul li{ width:470px; padding-left:15px; padding-right:15px; float:left; height:100px;}
.inewslist ul li a img{ float:left; width:100px; height:70px; margin-right:10px; border-radius:10px; border:#efefef 1px solid;}
.inewslist ul li a{ font-size:14px; color:#111; line-height:26px;}
.inewslist ul li a:hover{ font-size:14px; color:#ff0000; line-height:26px;}


.main{
clear:both;
width:374px;
height:773px;
background:url(tabbg.png) no-repeat;
margin-left:320px;
text-align:center;
}
.main ul li{padding-top:84px;}
.main ul li img{ width:344px; height:602px;}

/*第一种形式*/
#tabs0 {
height:773px;
width: 1070px;
position: absolute;
margin:auto;
}
.menu0{
width: 1070px;position: absolute; padding-top:200px;
margin:auto;
}
.menu0 li{
display:block;
width:300px;
height:140px;
text-align: center;
cursor:pointer;
}
.menu0 li h4{ color:#000; font-size:18px; padding:0px; margin:0px; line-height:28px; text-align:right;}

.menu0 li.hover{

}
.menu0 li.hover h4{color:#08b0ff;}
.menu0 li.hover .product__item-icon-wrap{color:#08b0ff;}
#main0 ul{
display: none;
}
#main0 ul.block{
display: block;
}
.product__item-content{ margin:0px; padding:0px; line-height:20px; color:#111;}
.tl{ text-align:left}
.tr{ text-align:right;}

.fl{ width:400px; float:left}
.fr{ width:400px; float:right}


.product {
    width: 100%;
    height: 660px;
}
.product .choose_w{
    width: 1200px ;
    margin: 0 auto;
}
.product p.title {
    font-size: 34px;
    text-align: center;
    color: #2F2F2f;
    padding: 21px 0 78px 0;
	    line-height: 50px;
}

.product .pro-lis p {
    left: 31px;
    bottom: 31px;
    position: absolute;
    font-size: 16px;
    color: #fff;
}
.product .pro-lis .item1 p{
    font-size:24px;
    left: 100px;
    bottom: 136px;

}
.product .pro-lis .item {
    display: inline-block;
    width: 122px;
    height: 292px;
    margin-right: 2px;
    position: relative;

}
.product .pro-lis .item1 {
    width: 292px;
    margin-right: 1px;
}


.product .describe{
    box-sizing: border-box;
    width: 1183px;
    height: 100px;
    line-height: 100px;
    border: 1px solid #FFFFFF;
    box-shadow: 0px 1px 1px 1px #ccc;
    padding-left: 26px;
}
.product .describe p{
    font-size: 16px;
}
.resolve{
    background: #282752;
    width: 100%;
    height: 382px;
    margin-top: 109px;
}
.resolve h1{
    text-align: center;
    font-size: 34px;
    color: #fff;
    padding: 74px 0 72px;
}
.resolve .item{
    display: inline-block;
    width:25%;
    float: left;
}
.resolve .item img{
    width: 102px;
    height: 102px;
    float: left;
    margin-right: 12px;
}
.resolve .item p:first-of-type{
    font-size: 16px;
    font-weight: 900;
    color: #fff;
}
.resolve .item p {
    font-size: 14px;
    color: #fff;
    line-height: 30px;
}
.promote{
    padding-top: 72px !important;
}

.step {
    width: 100%;
    height: 462px;
    background: #F5F5F5;
}
.step choose_w{
    width: 1200px;
    margin: 0 auto;
}
.step h1{
    font-size: 34px;
    color: #2F2F2F;
    text-align: center;
    padding-top: 100px;
	padding-bottom:10px;
}
.step h2{
    font-size: 24px;
    color: #2F2F2F;
    text-align: center;
    margin-bottom: 90px;
}
.step .item-box{
    text-align: center;
}
.step .item-box .item{
    display: inline-block;
    width: 24%;
    position: relative;
}
.step .item span.register{
    font-size: 18px;
    position: absolute;
    left: 108px;
    top: 68px
}
.step .item .jiantou{
    color: #717171;
    font-size: 24px;
    position: absolute;
    right: -13px;
    top: 31px;
}
.choose_w{
    width: 1200px;
    margin: 0 auto;
}