.backf1f3f8{ background-color:#f1f3f8}
.yingyong_tit{ text-align:center; padding-top:50px; padding-bottom:38px;}
.yingyong_tit h3{ font-size:30px; color:#333333; padding-bottom:4px; font-weight:normal}
.yingyong_tit p{ font-size:16px; color:#777777}
.yingyong_lists_show { text-align:center; padding-bottom:50px;}
.yingyong_lists_show ul{ }
.yingyong_lists_show ul li:nth-child(4),.yingyong_lists_show ul li:nth-child(8),.yingyong_lists_show ul li:nth-child(12),.yingyong_lists_show ul li:nth-child(16){ margin-right:0;}
.yingyong_lists_show ul li{cursor: pointer;
          display: inline-block;
          -webkit-transition: 0.6s;
          -o-transition: 0.6s;
          -moz-transition: 0.6s;
          transition: 0.6s;
          width: 280px;
          height: 390px;
          vertical-align: top;
          margin-right: 20px;
          margin-bottom: 20px;
          background: #fff;
          -webkit-border-radius: 5px;
             -moz-border-radius: 5px;
                  border-radius: 5px;
          padding: 30px 0; }
.yingyong_lists_show ul li .yingyong_one_img{
		  display: inline-block;
            height: 150px;
            width: 150px;
            -webkit-transition: 0.6s;
            -o-transition: 0.6s;
            -moz-transition: 0.6s;
            transition: 0.6s;}
.yingyong_lists_show ul li .yingyong_one_fonts{ margin-top:20px;
            -webkit-transition: 0.6s;
            -o-transition: 0.6s;
            -moz-transition: 0.6s;
            transition: 0.6s;}
.yingyong_lists_show ul li .yingyong_one_fonts .app-title{margin-bottom: 10px;
            font-size: 18px;
            color: #333;}
.yingyong_lists_show ul li .yingyong_one_fonts .app-text{font-size: 12px;
            color: #999;
            width: 90%;
            height: 50px;
            margin: 0 auto;}
.yingyong_lists_show ul li .yingyong_one_fonts .app-button{border: 1px solid #ddd;
          display: block;
          margin: 20px auto 0 auto;
          color: #aaa;
          background: #fff;
          width: 65px;
          height: 25px;
          text-align: center;
          line-height: 25px;
          -webkit-border-radius: 3px;
             -moz-border-radius: 3px;
                  border-radius: 3px;
          font-size: 14px; }
.yingyong_lists_show ul li .yingyong_one_fonts .app-button.app-button:hover {
            color: #fff;
            background-color: #00cc33;
            border: 1px solid #00cc33; }
			
.yingyong_lists_show ul li:hover {
          -webkit-box-shadow: 3px 5px 20px #dddddd;
             -moz-box-shadow: 3px 5px 20px #dddddd;
                  box-shadow: 3px 5px 20px #dddddd; }
.yingyong_lists_show ul li:hover .app-button {
            color: #fff;
            width: 70px;
            height: 30px;
            font-size: 14px;
            line-height: 30px;
            background-color: #00cc33;
            border: 1px solid #00cc33; }
.yingyong_lists_show ul li:hover .yingyong_one_fonts {
            margin-top: 20px; }
.yingyong_lists_show ul li:hover .yingyong_one_img {
            margin-top: -10px; }
.pic_show_cj{}
.pic_show_cj img{ width:100%; max-width:1036px;}

.scenes{ border-top: 1px solid #eee; padding-bottom:70px;}
.scenes li{ float: left; background: #000; position: relative; box-shadow: 0 0 200px rgba(0,0,0,0.8) inset;-webkit-transition: all ease .4s;
	transition: all ease .4s;}
.scenes li span{ position: absolute; width: 100%; height: 100%; top: 0; right: 0; background-position: center center; background-repeat: no-repeat; background-size:cover; opacity: 0.7;-webkit-transition: all ease .4s;
	transition: all ease .4s;}
.scenes .li-1{ width:40%; padding-bottom: 40%;}
.scenes .li-2{ width: 29%; padding-bottom:19.5%; margin-left: 1%;}
.scenes li:hover{ background-color:#00ce23;-webkit-transition: all ease .4s;
	transition: all ease .4s;}
.scenes li:hover span{ opacity: 0.5;-webkit-transition: all ease .4s;
	transition: all ease .4s;}
.scenes .texts{ position: absolute; left:20px; right: 20px; bottom: 20px; text-shadow: 1px 1px 3px rgba(0,0,0,0.2); color: #fff; z-index: 1;}
.scenes h3{ font-size: 24px; margin-bottom: 10px;}
.scenes .texts p{ display: none;-webkit-transition: all ease .4s;
	transition: all ease .4s;}
.scenes  li:hover .texts{ bottom:30px;-webkit-transition: all ease .4s;
	transition: all ease .4s;}
.scenes  li:hover .texts p{ display: block  ;-webkit-transition: all ease .4s;
	transition: all ease .4s;}

.solutions {
  width: 100%;
  padding:20px 0;
  background: -webkit-linear-gradient(150deg, #29d9ff, #1187ff);
  background: -moz-linear-gradient(150deg, #29d9ff, #1187ff);
  background: -o-linear-gradient(150deg, #29d9ff, #1187ff);
  background: linear-gradient(-60deg, #29d9ff, #1187ff);
  background: -ms-linear-gradient(-60deg, #29d9ff, #1187ff);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1187ff', endColorstr='#29d9ff',GradientType=0 ); }
.solutions-link {
      text-align: center;
      margin-bottom: 60px ;
      width: 100%;
      border: 1px solid rgba(255, 255, 255, 0.4);
      table-layout: auto;
      border-collapse: collapse; }
.solutions-link tr {
        border: 1px solid rgba(255, 255, 255, 0.4);
        width: 100%;
        height: 100px;
        line-height: 100px;
        text-align: center;
        border-top: none;
        border-left: none;
        border-right: none; }
.solutions-link tr:nth-child(2) {
          border-bottom: none; }
.solutions-link tr td {
          border: 1px solid rgba(255, 255, 255, 0.2);
          width: 24.71%; }
.solutions-link tr td:hover {
            background: rgba(255, 255, 255, 0.3); }
.solutions-link tr td a {
            display: inline-block;
            color: #fff;
            font-size: 18px; }
.solutions-link tr td i {
            display: inline-block;
            vertical-align: middle;
            margin-right: 20px;
            color: #fff;
            font-size: 30px; }
.solutions-link .bordernone {
        border-top: none;
        border-right: none; }
.solutions-link .no-right {
        border-right: none; }
.solutions-link .last-li {
        border-right: 1px solid rgba(255, 255, 255, 0.4); }
.solutions-link tr td .iconfont{ color:#FFFFFF; font-size:28px; padding-right:10px;}
.solutions-link-mobile {
      text-align: center;
      margin: 60px 0;
      width: 100%;
      table-layout: auto;
      border-collapse: collapse; display:none }
.solutions-link-mobile tr {
        border: 1px solid rgba(255, 255, 255, 0.4);
        width: 100%;
        height: 100px;
        line-height: 100px;
        text-align: center;
        border-top: none;
        border-left: none;
        border-right: none; }
.solutions-link-mobile tr:nth-child(2) {
          border-bottom: none; }
.solutions-link-mobile tr td {
          border: 1px solid rgba(255, 255, 255, 0.4);
          width: 24.71%; }
.solutions-link-mobile tr td:hover {
            background: rgba(255, 255, 255, 0.3);
            height: 100%;
            width: 24.71%; }
.solutions-link-mobile tr td:hover a {
              font-size: 16px; }
.solutions-link-mobile tr td a {
            display: inline-block;
            color: #fff;
            font-size: 14px; }
.solutions-link-mobile tr td i {
            display: inline-block;
            vertical-align: middle;
            margin-right: 20px;
            color: #fff;
            font-size: 30px; }
.solutions-link-mobile .bordernone {
        border-top: none;
        border-right: none; }
.solutions-link-mobile .no-right {
        border-right: none; }
.solutions-link-mobile .last-li {
        border-right: 1px solid rgba(255, 255, 255, 0.4); }
.solutions-link-mobile tr td .iconfont{ color:#FFFFFF; font-size:28px; padding-right:10px;}

@media (max-width:1000px) {
.yingyong_lists_show ul li{ float:left;width:50%; display:block; margin:0}
.yingyong_lists_show ul li .yingyong_one_img{ width:60%; height:auto;}
.yingyong_lists_show ul li .yingyong_one_img img{ width:100%;}
.solutions-link{ display: none;}
.solutions-link-mobile{ display:block;}
.scenes .li-1{ width:100%; min-height:10rem;}
.scenes .li-2{ width:49%; min-height:10rem;}
.scenes h3{ font-size:1.2rem}
}