/* header footer */
.header .menu {
	width: 51px;
	height: 50px;
	background: url(../../images2018/menu-icon.png) no-repeat center;
	cursor: pointer;
	position: relative
      }
      
.header .menu ul {
	background: #000000;
	z-index: 999999;
	display: none
}

.header .menu ul li {
	height: 40px;
	line-height: 40px;
	font-size: 14px;
	color: #fff;
	padding: 12px 13px 0;
	box-sizing: border-box
}

.header .menu ul li a {
	display: block;
	height: 40px;
	line-height: 40px;
	color: #fff
}

.header .menu ul li a span {
	float: right
}

.header .menu ul li a:hover {
	color: #3165e5
}

.header .menu .one-menu {
	height: 900px;
	width: 200px;
	position: absolute;
	left: 0;
	top: 50px
}

.header .menu .two-menu {
	height: 900px;
	width: 200px;
	position: absolute;
	left: 200px;
	top: 0;
	border-left: solid 0.5px #292b38;
}

.header .menu .three-menu {
	height: 900px;
	background: #1c1c1c;
	width: 230px;
	position: absolute;
	left: 200px;
	top: 0
}

.header .menu .three-menu li a {
	white-space: nowrap;
}

.nav .navigation ul li a {
	font-weight: normal;
	font-size: 14px;
	margin: auto;
      }
      
.footerT .list p {
	font-size: 14px;
}

.footerT .list h5 {
	font-size: 14px;
}

.footerT .list04 .wx p {
	text-align: center;
	font-size: 12px;
}

.footerT .list04 .wx img {
	display: block;
	margin: 0 auto;
}

      .service {
          background: #fff;
      }
      .resources {
          padding-top: 40px;
          padding-bottom: 0;
      }
      .resources .data div {
          width: 25%;
          float: left;
      }
      .resources .data img {
          display: block;
          width: 55px;
          height: 55px;
          margin: 0 auto;
      }
      .resources .data span {
          display: block;
          text-align: center;
          line-height: 30px;
          margin-top: 15px;
      }
      .xiangqing {
          box-sizing: border-box;
          /* height: 580px; */
    width: 100%;
    overflow: hidden;
    background: #eaecf0;
    /* border-top: 3px solid #cccccc; */
    padding-top: 35px;
    padding-bottom: 35px;
}
ul.dataSelect li.on {
    background: url(../../images2018/newpicture/i-on_03.png) no-repeat center bottom;
    background-size: 8px;
}
ul.dataSelect li {
    display: block;
    width: 25%;
    float: left;
    cursor: pointer;
    height: 122px;
}
.dataDetail {
    width: 1170px;
    overflow: hidden;
    display: none;
}
.dataDetail.on {
    display: block;
}

.detail-box {
    width: 25%;
    float: left;
}

.detail-box ul li {
    margin: 24px 0;
}

.detail-box ul li h3 {
    font-size: 14px;
    color: #3165e5;
    line-height: 20px;
    font-weight: bold;
    border-left: 5px solid #3165e5;
    padding-left: 10px;
}

.detail-box ul li h4 {
    font-size: 16px;
    line-height: 24px;
    color: #333333;
}

.detail-box ul li p {
    font-size: 12px;
    line-height: 24px;
    color: #999999;
    width: 230px;
}
.mp4 {
    height: 860px;
    width: 100%;
    background: #33384b;
    padding-top: 50px;
    box-sizing: border-box;
}

#videoPlayer {
    display: block;
    width: auto;
    height: 540px;
    margin: 30px auto 45px auto;
}

.mp4-title {
    line-height: 30px;
    font-size: 24px;
    text-align: center;
    color: #fff;

}
.mp4-ul {
    list-style: none;
    overflow: hidden;
}
.mp4-item{
    float: left;
    width: 20%;
    text-align: center;
    padding: 10px 0;
    box-sizing: border-box;
}
.mp4-item h3{
    color: #fff;
    font-size: 16px;
    line-height: 24px;
}
.mp4-item p {
    color: #999999;
    font-size: 14px;
    line-height: 24px;
    margin-top: 10px;
}
a.mp4-more{
    display: block;
    text-align: center;
    font-size: 16px;
    line-height: 24px;
    color: #3165e5;
    clear: both;
    margin-top: 25px;
}
.banner{height: 400px}
.swiper-container {width: 100%;height: 100%;}
.banner a,.banner a img{display: block;width: 100%;height: 100%}
/*introduce*/
.introduce{height: 100px;background: #33384b}
.introduce a{display: block;width: 20%;height: 100px;float: left;padding-top: 18px;box-sizing: border-box;text-align:center;cursor:pointer;}
.introduce a h5{font-size: 14px;color: #ffffff;line-height: 35px}
.introduce a span{font-size: 12px;color: #999999;line-height: 30px}
//.introduce a:hover h5{color: #3165e5}
/*platform*/
.platform{height: 312px}
.platform h2{font-size: 24px;color: #333333;line-height: 60px;padding-top: 30px;text-align: center}
.platform h4{font-size: 14px;color: #666666;line-height: 30px;text-align: center}
.platform ul{padding-top: 40px}
.platform ul li{float: left;width: 25%}
.platform ul li img{display: block;height: 40px;width: auto;margin: 0 auto}
.platform ul li span{display: block;line-height: 50px;text-align: center;font-size: 14px;color: #333333}
/*advantage*/
.advantage{height: 404px;background: url(../../images2018/index-advantage-pic_02.jpg) no-repeat center}
.advantage h2{font-size: 24px;color: #333333;line-height: 40px;padding-top: 40px;text-align: center}
.advantage h4{font-size: 14px;color: #666666;line-height: 30px;margin-bottom: 38px;text-align: center}
.advantage img{display: block;margin: 0 auto}

.resources{padding-bottom: 48px}
.resources h2{font-size: 24px;color: #333333;line-height: 42px;padding-top: 70px;text-align: center}
.resources h4{line-height: 40px;color: #666666;font-size: 14px;text-align: center;margin-bottom: 42px}
.resources .data{margin-bottom: 30px}
.resources .data a{display: block;width: 280px;height: 80px;background: #33384b;margin-right: 26px;border-radius: 8px;float: left}
.resources .data a:last-child{margin-right: 0}
.resources .data-list{width: 1220px}
.resources .data-list a{display: block;float: left;width: 134px;height: 40px;text-align: center;line-height: 40px;font-size: 14px;color: #666666;background: #eeeeee;margin: 0 17px 17px 0;transition: all .5s}
.resources .data-list a:hover{background: #3165e5;color: #fff}
.resources .more {height: 80px;line-height: 80px;text-align: center;}
.resources .more .line {display: inline-block;width: 160px;border-top: 1px solid #3165e5 ;}
.resources .more .txt {color: #3165e5;vertical-align: middle;padding: 0 15px}
/*service*/
.service{height: 720px;background: #eaecf0}
.service h2{font-size: 24px;color: #333333;line-height: 42px;padding-top: 70px;text-align: center}
.service h4{line-height: 40px;color: #666666;font-size: 14px;text-align: center;margin-bottom: 60px}
.service ul{text-align: center}
.service ul li{width: 260px;height: 180px;margin-bottom: 75px;display: inline-block;cursor: pointer;}
.service ul li img{display: block;height: 50px;width: auto;margin: 0 auto}
.service ul li h5{line-height: 68px;text-align: center;font-size: 18px;color: #333333;}
.service ul li h5 a{color: #333333}
.service ul li h5:hover a{color: #3165e5}
.service ul li span{font-size: 14px;color: #999999;line-height: 30px}
/*solution*/
.solution h2{font-size: 24px;color: #333333;line-height: 42px;padding-top: 70px;text-align: center}
.solution h4{line-height: 40px;color: #666666;font-size: 14px;text-align: center;margin-bottom: 30px}
.solution .tab-tit{height: 40px;line-height: 40px;text-align: center;margin-bottom: 40px}
.solution .tab-tit span{display: inline-block;margin: 0 150px;font-size: 18px;color: #666666;cursor: pointer}
.solution .tab-tit span.on{color: #3165e5;font-weight: bold}
.solution .line{height: 3px;background: #3165e5}
.solution .line .inner{position: relative;}
.solution .line  span{display: block;width: 10px;height: 8px;background: url(../../images2018/sj-icon_05.jpg) no-repeat center;position: absolute;left: 409px;top: -8px}
.solution .tab-cont{height: 400px;background: #33384b}
.solution ul{display: none}
.solution ul li{float: left;width: 240px;height: 400px;position: relative}
.solution ul li .pic{width: 240px;height: 400px;display: block}
.solution ul li .ico{display: block;height:50px;width: auto;position: absolute;left: 50%;top: 130px;margin-left: -25px}
.solution ul li .zhezao{width: 240px;height: 400px;position: absolute;left: 0;top: 0;z-index: 9;display: none}
.solution ul li span{width: 100%;display: block;text-align: center;font-size: 24px;color: #fff;font-weight: bold;position: absolute;left: 0;top: 245px;line-height: 25px;z-index: 11}
.solution ul li a{display: none;width: 140px;height: 40px;position: absolute;left: 48px;top: 245px;line-height: 25px;z-index: 11}
.solution ul.other li{width: 300px}
.solution ul.other li .pic{width: 300px}
.solution ul.other li .zhezao{width: 300px}
.solution ul.other li a{left: 80px}
/*links*/
.links{height: 406px}
.links h2{font-size: 24px;color: #333333;line-height: 42px;padding-top: 70px;text-align: center}
.links h4{line-height: 40px;color: #666666;font-size: 14px;text-align: center;margin-bottom: 60px}
.links img{display: block;width: 100%;height: auto;margin: 0 auto}
/*register*/
.register{height: 120px;background: url(../../images2018/register-bg_16.jpg) no-repeat center}
.register p{text-align: center;font-size: 16px;color: #333333;line-height: 120px}
.register .inner{position: relative;}
.register .inner a{display: block;width: 140px;height: 40px;position: absolute;top: 40px;right: 200px}


.tell em{
    float: left;
    position: relative;
    top: 9px;
    left: -164px;
}

.tell{
    float: left;
    text-align: center;
    border-radius: 25px;
    width: 100%;
    height: 40px;
    color: #ffffff;
    margin-top: 20px;
}
.tell .data{
    width: 140px;
    float: left;
    margin-right: 40px;
}

.tell img{
    margin-right: 40px;
    display: inline-block;
    left: 920px;
    float: left;
}