@import url(style.css);

@import url(mobile.css);

@import url(custom.css);

@import url(pscroll.css);

@import url(lrtk3.css);

@import url(swiper.min.css);



.banner .lzpic1{

  background-repeat: no-repeat;

  background-position: center center;

  background-size: auto 100%;

}

.banner .lzpic1 img{opacity: 0;height: 560px;}

/*公告*/

.hot-news{margin-top: -60px; position: relative; background: rgba(255,255,255,0.95); box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.1);overflow: hidden;z-index: 1;}

.hot-news .flex-box {

    padding: 18px 0px;

  

  }

  .hot-news .hot-news-tit {

    flex-shrink: 0;

    color: #333333;font-weight: bold;

  }

  .hot-news .hot-news-tit img {

    margin-right: 10px;

    width:19px;

  }

 

  .hot-news .hot-list-block {

    /* transform: translateY(3px); */

    width:calc(100% - 100px);width:-webkit-calc(100% - 100px);width:-moz-calc(100% - 100px);

    padding-left: 50px;

  }

  .hot-news .swiper-container {

    width: 100%;

    height: 24px;

  }

  .hot-news .swiper-slide {

    display: flex;

  }

  .hot-news .list1-li + .list1-li {

    margin-left: 25px;

  }

  .list1 .list1-li {

    display: flex;

    justify-content: space-between;

    align-items: center;

    padding-left: 15px;

    position: relative;

   /*  width: 100%; */

  }

  .list1 .list1-li::before {

    content: "";

    display: block;

    position: absolute;

    left: 0;

    top: 0;

    width: 3px;

    height: 100%;

    background: url(../images/icon_6_1.png) no-repeat left center;

  }

  .list1 .list1-title{color: #333;}

  .list1 .list1-title:hover {

	text-decoration: underline;

    color: #108DEE;

  }



  .list1 .list1-time {

    margin-left: 1em;

    flex-shrink: 0;

    color: #999999;

    font-size: 14px;

    background: url(../images/news_pic2.png) left center no-repeat;background-size: 12px 12px;

    padding-left: 18px;

  }

  @media screen and (max-width: 1200px) {

    /*公告*/

    .hot-news .hot-list-block {padding-left: 100px;}

  }

  @media screen and (max-width: 960px) {

    /*公告*/

    .hot-news{margin-top: -44px;}

    .hot-news .flex-box {

        /* flex-wrap: wrap; */

        padding:10px 0;

       

      }

      .hot-news .hot-news-tit img {

        margin-right:6px;

        width: 15px;

      }

      

      .hot-news .hot-list-block {

        padding-left: 8px;

        width:calc(100% - 77px);width:-webkit-calc(100% - 77px);width:-moz-calc(100% - 77px);

      }

      

      .hot-news .swiper-slide {

        justify-content: space-between;

      }

      

   

      .hot-news .list1-time {

        /* display: none; */

        font-size: 12px;

      }

    .list1 {

        --h: 0.5rem;

        /* font-size: 0.28rem; */

      }

      .list1 .list1-li {

        padding-left: 0.6em;

      }

      .list1 .list1-title {

        width: 100%;

      }

      .list1 .list1-time {

        margin-left: 0.5em;

      }

  }

  

/*招标信息*/

.i_title{overflow: hidden;margin-top: 6%;}

.i_title .p{line-height: 26px;overflow:hidden;color: #666666; }

.i_title .h3{font-weight: bold; line-height: 42px;overflow:hidden; margin-top: 4px;color: #222222;float: left;position: relative; z-index: 0;}

.i_title .h3::after{ z-index: -1;content: "";position: absolute;left: 0;bottom: 0;width: 100%;height:10px;background: #108DEE;}

.i_four .i_title{text-align: center;}

.i_four .i_title .h3{float: none;display: inline-block;vertical-align: top;}

.i_one.bgs2 .i_title{margin-top: 0;}

.i_one{overflow: hidden;background-repeat: no-repeat;background-size: cover; background-position: center center;background-image: url(../images/i_bg1.jpg);}

.i_one.bgs2{background-image: url(../images/i_bg5.jpg);padding-top: 3%;padding-bottom: 1%;}

.i_product_a{ overflow:hidden; position:relative; text-align:center;height:40px; line-height:40px;  color:#108DEE; font-size:16px;float: right;width: 650px;margin-top: -40px;}

.i_product_a .scroller {position:absolute;}

.i_product_a .scroller li {float: left;/*  padding-right:3%;*/}

.i_product_a .scroller li:nth-child(1) {margin-right:0%; } 

.i_product_a .scroller li dd{ overflow:hidden; float:left; width:120px;position:relative; cursor:pointer;margin-left: 12px;z-index: 0;border-radius: 5px;}

.i_product_a .scroller li dd::after{content: "";position: absolute;left: 0;top: 0;width: 100%;height: 100%;border: 1px solid #108DEE; border-radius: 5px;z-index: -1;}

.i_product_a .scroller li:nth-child(1) dd{margin-left: 0;}

.i_product_a .scroller li a{ color:#108DEE; display:block;  }

.i_product_a .scroller li a:hover{ color:#fff;background: linear-gradient(180deg, #C7A466, #108DEE);}

/* .i_product_a .scroller li.cur a{color:#fff; background: linear-gradient(180deg, #C7A466, #108DEE);} */

.i_one .i_one_div{padding-bottom: 6%;margin-top: 3.3%;}

.i_one .i_one_div .divs{overflow: hidden;width: 49%;max-width: 620px;background: #FFFFFF;

  box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.15);border-radius: 10px;padding: 40px;

}

.i_one.bgs1 .i_one_div .divs{min-height: 617px;}

.i_one .i_one_div .divs .tit{overflow: hidden;margin-top: 4%;padding-bottom: 4%;border-bottom: 1px solid #E6E6E6;clear: both;}

.i_one .i_one_div .divs .tit li{float: left;width: 25%;overflow: hidden;text-align: center;color: #333333;line-height: 40px;height: 40px;cursor: pointer;}

.i_one .i_one_div .divs .tit li.on{background: linear-gradient(180deg, #108dee, #013863);border-radius: 5px; color: #fff;}

.i_one.bgs2 .i_one_ul{margin-top: 3%;margin-bottom: 3%;}

.i_one_ul .divhidden{opacity:0;filter:Alpha(opacity=0);transition: all 1.5s;  /*height:0;*/ /*display:none;*/ /*overflow:hidden;*/ height: 0; overflow:hidden; display:block;}

.i_one_ul .divhidden.on{opacity:1.0;filter:Alpha(opacity=100);/* height:auto;*//*display:block;*/height: auto; overflow:visible;}

.i_one_ul ul li{display: block;overflow: hidden;padding-top: 10px;padding-bottom: 14px;transition:all 0.3s;position: relative;z-index: 0;}

.i_one_ul ul li::before{content: "";position: absolute;bottom: 0;left: 0;width: 100%;height: 1px;background: #E6E6E6;z-index: -1;}

.i_one_ul ul li::after{content: "";position: absolute;bottom: 0;left: 0;width: 0%;height: 1px;background: #108DEE;z-index: 1;transition:all 0.3s;}

.i_one_ul ul li:hover::after{width: 100%;}

.i_one_ul ul li .date{overflow: hidden;color: #999999;font-size: 14px;background: url(../images/i_pic2.png) left center no-repeat;background-size: 12px 12px;padding-left: 18px;line-height: 30px;height: 30px;}

.i_one_ul ul li .h4{ font-weight: normal;color: #333333;overflow: hidden;line-height: 30px;height: 30px;white-space:nowrap;text-overflow:ellipsis;transition:all 0.3s;}

.i_one_ul ul li:hover .h4{color: #108DEE;}

.i_title2{overflow: hidden;}

.i_title2 .h3{float: left;position: relative;line-height: 32px;padding-left: 20px;font-weight: bold;color: #222222;}

.i_title2 .h3::after{content: "";position: absolute;left: 0;top: 50%;margin-top: -16px;width: 6px;height: 100%; background: linear-gradient(180deg, #C7A466, #108DEE); border-radius: 3px;}

.i_more{ float: right;padding-left: 22px;background: url(../images/i_pic3.png) left center no-repeat; background-size: 16px 16px;color: #333;line-height: 24px;margin-top: -24px;}

.i_more:hover{ background-image: url(../images/i_pic3_on.png);color: #108DEE;}



@media screen and (max-width: 1200px) {

  /*招标信息*/

  .i_title .h3{line-height: 36px;}

  .i_product_a{width: 598px;}

  .i_product_a .scroller li dd{ width:110px;}

  .i_one .i_one_div .divs{padding: 25px;}

  .i_one.bgs1 .i_one_div .divs{min-height: 581px;}

}

@media screen and (max-width: 960px) {

  /*招标信息*/

  .i_one.bgs1 .i_title,.i_two .i_title,.i_three .i_three_div .divs .i_title{text-align: center;}

  .i_title .h3{line-height: 30px;display: inline-block;vertical-align: top;float: none;}

  .i_title .p{line-height: 22px;}

  .i_product_a{font-size: 15px; float: none;margin: 0 auto; margin-top: 3%;}

  .i_one .i_one_div{padding-bottom: 7%;}

  .i_one.bgs1 .i_one_div .divs{min-height:unset;}

  .i_one .i_one_div .divs.l{float: none;width: 100%;max-width: none;}

  .i_one .i_one_div .divs.r{float: none;width: 100%;max-width: none;margin-top: 3%;}

}

@media screen and (max-width: 780px) {

  /*招标信息*/

  .i_product_a{ height:36px; line-height:36px; font-size:14px;}

  .i_product_a .scroller li dd{ width:110px;}

  .i_one .i_one_div .divs .tit li{height: 32px;line-height: 32px;}

}

@media screen and (max-width: 640px) {

  /*招标信息*/

  .i_title .h3{line-height: 26px;}

  .i_title .h3::after{height: 8px;}

  .i_product_a{width: 100%;}

  .i_title2 .h3{padding-left: 15px;}

  .i_title2 .h3::after{width: 5px;height: 26px;margin-top: -13px;}

  .i_one_ul ul li .date{font-size: 13px;}

}



@media screen and (max-width: 480px) {

  /*招标信息*/

  .i_product_a{ height:30px; line-height:30px; font-size:13px;margin-top: 4%;}

  .i_product_a .scroller li dd{ width:100px;margin-left: 10px;}

  .i_one_ul ul li{padding-top: 8px;padding-bottom: 8px;}

  .i_one_ul ul li .date{font-size: 12px;}

  .i_one_ul ul li .h4{height: 26px;line-height: 26px;}

  .i_one_ul ul li .date{height: 26px;line-height: 26px;}

}

@media screen and (max-width: 420px) {

  /*招标信息*/

  .i_product_a{ font-size:12px;}

  .i_product_a .scroller li dd{ width:90px;margin-left: 8px;}

}



/*业务范围*/

.i_two{overflow: hidden;background-repeat: no-repeat;background-size: cover; background-position: center center;background-image: url(../images/i_bg2.jpg);}

.i_two .i_title .p{color: #fff;}

.i_two .i_title .h3{color: #fff;}

.i_two_ul{ margin-top:4%; overflow:hidden; margin-bottom:6%;}

.i_two_ul ul li{ float:left; width:14.84375%; margin-right:1.5625%;  overflow:hidden; position:relative; -webkit-transition:all 0.6s ease-out 0s; -moz-transition:all 0.6s ease-out 0s; -o-transition:all 0.6s ease-out 0s; transition:all 0.6s ease-out 0s; border-radius:10px;}

.i_two_ul ul li:nth-child(5n){ margin-right:0;}

.i_two_ul ul li:nth-child(2n){margin-top: 6%;}

.i_two_ul ul li.on{ width:34.375%;}

.i_two_ul ul li .imgs{ overflow:hidden;padding-top:410px; background-repeat:no-repeat; background-size:auto 100%; background-position:center center;}

.i_two_ul ul li .imgs img{ display: block;overflow:hidden; width:100%;opacity:0;filter:Alpha(opacity=0); position:absolute; height:100%; top:0; left:0;}

.i_two_ul ul li .imgs:after{ content:""; position:absolute; top:0; left:0; width:100%; height:100%;transition:all 0.3s; background: url(../images/i_bg3.png) center bottom no-repeat; background-size: 100% auto;}

.i_two_ul ul li.on .imgs:after{ background:rgba(0,0,0,0.6);background-position: center bottom;}

.i_two_ul ul li .txts{ overflow:hidden; position:absolute; top:0%; left:0; width:440px; height:100%;display: flex; align-items: center; justify-content: left;transition:all 0.6s;opacity:0;filter:Alpha(opacity=0);}

.i_two_ul ul li.on .txts{opacity:1.0;filter:Alpha(opacity=100);}

.i_two_ul ul li .txts .boxs{ width:94%;margin:0 auto; max-width:340px; overflow:hidden; text-align: center;}

.i_two_ul ul li .txts .h4{overflow:hidden; line-height:32px; height:32px;  color:#fff; font-weight:bold;white-space:nowrap;text-overflow:ellipsis;}

.i_two_ul ul li .txts .p{overflow:hidden; line-height:28px; height:84px; font-size:16px; color:#fff;text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; margin-top:21px;}

.i_two_ul ul li .txts .i_more2{display: inline-block; padding-left: 26px;background: url(../images/i_pic4.png) left center no-repeat;background-size: 16px 16px;color: #fff;line-height: 24px;font-style: normal;margin-top: 9%;}

.i_two_ul ul li .txts2{overflow:hidden; position:absolute; top:0%; left:0; width: 100%; height:100%;display: flex; align-items:end; justify-content: left;transition:all 0.6s;}

.i_two_ul ul li.on .txts2{opacity:0;filter:Alpha(opacity=0);}

.i_two_ul ul li .txts2 .p{/* writing-mode: tb-rl; */color:#fff;line-height: 30px;height: 30px;white-space:nowrap;text-overflow:ellipsis;margin-bottom: 25%;font-weight:bold;}

.i_two_ul ul li .txts2 .cons{width: 90%; margin:0 auto; text-align:center;}

.i_two_mobile{display: none;overflow: hidden;}

@media screen and (max-width: 1500px){

  /*业务范围*/

  .i_two_ul ul li .txts{width: 100%;}

}

@media screen and (max-width: 1200px) {

  /*业务范围*/

  .i_two_mobile{display: block;}

  .i_two_ul{display: none;}

  .i_two_ul ul li .imgs{padding-top: 352px;}

}

@media screen and (max-width: 960px) {

  /*业务范围*/

  .i_two_ul ul li{ width:32%; margin-right:2%; margin-bottom:2%;}

  .i_two_ul ul li:nth-child(2n){margin-top: 0;}

  .i_two_ul ul li:nth-child(3n+0){ margin-right:0;}

  .i_two_ul ul li.on{ width:32%;}

  .i_two_ul ul li.on .txts{opacity: 0; filter: Alpha(opacity=0);}

  .i_two_ul ul li.on .txts2{opacity: 1.0; filter: Alpha(opacity=100);}

  .i_two_ul ul li .imgs{ padding-top:122%;background-size:cover;}

}



@media screen and (max-width: 640px) {

  /*业务范围*/

  .i_two_ul ul li .imgs{ padding-top:130%;}

}

@media screen and (max-width: 480px) {

  /*业务范围*/

  .i_two_ul ul li{ width:49%; }

  .i_two_ul ul li:nth-child(3n+0){ margin-right:2%;}

  .i_two_ul ul li:nth-child(2n+0){ margin-right:0;}

  .i_two_ul ul li.on{ width:49%;}

  .i_two_ul ul li .imgs{ padding-top:134%;}

}



/*数据分析*/

.i_three{overflow: hidden;background-repeat: no-repeat;background-size: cover; background-position: center center;background-image: url(../images/i_bg4.jpg);}

.i_three .i_three_div{padding-bottom: 6%;margin-top: 6%;}

.i_three .i_three_div .divs{overflow: hidden;width: 49%;max-width: 620px;background: #FFFFFF;box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.15);border-radius: 10px;}

.i_three .i_three_div .divs .i_title{margin-top: 0;padding: 40px;padding-bottom: 0;}

.i_three .i_three_div .divs.l canvas{max-width: 100%;}

.i_three .i_three_div .divs.l #container{margin-top: 3%;height: 480px;}

.i_three .i_three_div .divs.l .boxs{padding-left: 33px;padding-right: 20px;overflow: hidden;}

.i_three .i_three_div .divs.r #myShenzhenRegionMap{margin-top: 3%;height: 480px;}

@media screen and (max-width: 1500px) {

/*数据分析*/

.i_three .i_three_div .divs.l .boxs{padding-right: 10px;}

}

@media screen and (max-width: 1200px) {

/*数据分析*/



}

@media screen and (max-width: 960px) {

/*数据分析*/

.i_three .i_three_div .divs{width: 100%;max-width: none;}

.i_three .i_three_div .divs.l{float: none;}

.i_three .i_three_div .divs.r{float: none;margin-top: 3%;}

}

@media screen and (max-width: 780px) {

/*数据分析*/

}

@media screen and (max-width: 640px) {

/*数据分析*/

}



@media screen and (max-width: 480px) {

/*数据分析*/

.i_three .i_three_div .divs.l #container{height: 400px;}

.i_three .i_three_div .divs.r #myShenzhenRegionMap{height: 360px;}

}

@media screen and (max-width: 420px) {

/*数据分析*/

.i_three .i_three_div .divs.l #container{height: 360px;}

.i_three .i_three_div .divs.r #myShenzhenRegionMap{height: 320px;}

}



/*合作伙伴*/

.i_four{ overflow: hidden;}

.i_four .ul{overflow: hidden;margin-top: 4%;margin-bottom: 4%;}

.i_four .ul li{float:left; width:23.5%; margin-bottom:2%;margin-right: 2%; overflow:hidden; transition:all 0.3s; border:1px solid #e6e6e6;position: relative;padding-top: 6.55%;}

.i_four .ul li:hover{border-color: #108DEE;}

.i_four .ul li:nth-child(4n+0){margin-right: 0;}

.i_four .ul li img{display: block;width: 100%; position:absolute; height:100%; left:0; top:0;-webkit-transform:scale(1); -moz-transform:scale(1); -ms-transform:scale(1); -o-transform:scale(1); transform:scale(1);-webkit-transition:all 0.3s ease-out 0s; -moz-transition:all 0.3s ease-out 0s; -o-transition:all 0.3s ease-out 0s; transition:all 0.3s ease-out 0s;}

.i_four .ul li:hover img{-webkit-transform:scale(1.1, 1.1); -moz-transform:scale(1.1, 1.1); -o-transform:scale(1.1, 1.1); -ms-transform:scale(1.1, 1.1); transform:scale(1.1, 1.1);}

  @media screen and (max-width: 960px) {

  /*合作伙伴*/

  .i_four .ul li{width: 32%;padding-top: 8.85%;}

  .i_four .ul li:nth-child(4n+0){margin-right: 2%;}

  .i_four .ul li:nth-child(3n+0){margin-right: 0;}

  }

  @media screen and (max-width: 780px) {

  /*合作伙伴*/

  }

  @media screen and (max-width: 640px) {

  /*合作伙伴*/

  .i_four .ul li{width: 49%;padding-top: 13.6%;}

  .i_four .ul li:nth-child(3n+0){margin-right: 2%;}

  .i_four .ul li:nth-child(2n+0){margin-right: 0;}

  }

  



  /* 进入页 begin*/

  .first .header .top_two{overflow: visible;}

  .header.small .top_two{overflow:hidden;}

  .header .top_two .wrap{position: relative;}

  .header.small .logo {position: static;left: 0;top: 0;}

  .first .header .logo {

    position: absolute;

    top: 50vh;

    /* left: calc(600px - 150px); */

    left: calc(50% - 280px);

    transform: scale(2);

    animation: ppp 4s linear forwards;

    filter: unset;

    opacity: 0;

  z-index: 1;

  transform:translate3d(-50%,-50%,-50%);

 

  }

  .first .wrapper{overflow: visible;}

@keyframes ppp{

	0%{opacity: 0;

		top: 50vh;

		/* left: calc(600px - 150px); */

    left: calc(50% - 280px);

		transform: scale(2);

    transform:translate3d(-50%,-50%,-50%);

	}

	5%{

		opacity: 1;

	top: 50vh;

		/* left: calc(600px - 150px); */

    left: calc(50% - 280px);

		transform: scale(2);

    transform:translate3d(-50%,-50%,-50%);

  }

	100%{

		top: 0px;

		left: 0px;

    transform:translate3d(0,0%,0);

		transform: scale(1.0);

		opacity: 1;

	}

}

.first main{

  filter: blur(20px);

    animation: qqq 1s 2s linear forwards;

}

  /* .banner .swiper-container{

    filter: blur(20px);

    animation: qqq 1s 2s linear forwards;

    } */

#background{background: url(../images/enterhome.jpg) no-repeat; background-size: cover;width: 100%;height: 100%;position: fixed;top:0;left: 0;z-index: 999;}

.first #background{

  filter: blur(20px);

    animation: qqq 1s 2s linear forwards;

}

  @keyframes qqq{

    to{

    filter: blur(0px);

    display: none;

  }

  }

  @media screen and (max-width: 1200px) {

    .first .header .logo {left: calc(50% - 115px);transform: scale(2);}

    @keyframes ppp{

      0%{opacity: 1;

        top: 50vh;

        left: calc(50% - 115px);

        transform: scale(2);

        transform:translate3d(-50%,-50%,-50%);

      }

      5%{

        opacity: 1;

      top: 50vh;

      left: calc(50% - 115px);

        transform: scale(2);

        transform:translate3d(-50%,-50%,-50%);

      }

      100%{

        top: 0px;

        left: 0px;

        transform:translate3d(0,0%,0);

        transform: scale(1.0);

        opacity: 1;

        

      }

    }

  }

  /* 进入页 end*/