/* 产品详细 banner */
.proinfoTop{background:url(../images/proinfobg.jpg) no-repeat;background-position:center center;background-size: cover;background-repeat:no-repeat;padding: 8% 0 4%; }
.proinfoTop .proTabs{position: relative; z-index: 1;}

.proinfoTop .proTabs .left .Ispic{background-position: center center;background-repeat: no-repeat;background-size: contain;}
.proinfoTop .proTabs .left .big li .Ispic{padding-bottom: 68.393%;}
.proinfoTop .proTabs .left .big li .Ispic img{display: none;}
.proinfoTop .proTabs .left .small li .Ispic{background-color: #fff; border: 1px solid transparent; padding-bottom: 42.858%; margin-right: 10px; transition: 0.3s;background-repeat: no-repeat;background-position: center;}
.proinfoTop .proTabs .left .small{max-width: 700px;margin: -10px auto 0; position: relative;}
.proinfoTop .proTabs .left .small .slick-list{margin:0 25px;}
.proinfoTop .proTabs .left .small .slick-arrow{width: 15px;height: 18px;position: absolute;top: 50%;margin-top:-9px;border:none;font-size:0;}
.proinfoTop .proTabs .left .small .slick-arrow.slick-prev{background:url(../images/btn01on.png) no-repeat;left: 0;}
.proinfoTop .proTabs .left .small .slick-arrow.slick-next{background:url(../images/btn02on.png) no-repeat;right: 0;}
.proinfoTop .proTabs .left .small li{padding-top: 10px; }
.proinfoTop .proTabs .left .small li.slick-current .Ispic{border: 1px solid  rgba(14,193,226,0.8);}
.proinfoTop .proTabs .prodesBox{padding: 4% 3%;background-color: rgba(255,255,255,.8);}
.owl-carousel .owl-item .homeban img{display: none;}
@media only screen and (max-width: 768px) {
    .owl-carousel .owl-item .homeban img{display: block;}
	
}


.proinfoTop .proTabs .prodesBox h1{font-size:40px;font-weight:normal;line-height:1;/* font-family: "PFH"; */}
.proinfoTop .proTabs .prodesBox h1:nth-child(2){font-size:22px;color: #999;}
.proinfoTop .proTabs .prodesBox h5{font-size:20px;font-weight:normal;margin:30px 0;}
.proinfoTop .proTabs .prodesBox .prolab{padding-bottom:12%;border-bottom: 1px solid #dbdbdd;}

.proinfoTop .proTabs .prodesBox .prolab span{padding:5px 2%;border:1px solid #c6c6c6;color: #929292;font-size:16px;line-height:22px;display: inline-block;margin-bottom: 2%;}

.proinfoTop .proTabs .prodesBox .prodes{margin-top:12%;padding-bottom:12%;}
.proinfoTop .proTabs .prodesBox .prodes p{font-size:16px;line-height:30px;color: #999;}

@media(min-width:1025px){
/* .proinfoTop .proTabs:before{background:rgba(255,255,255,.8);width: 33.785%; position: absolute; top: 0; right: 0; height: 100%; content: '';} */
.proinfoTop .proTabs > *{position: relative; z-index: 10;}
.proinfoTop .proTabs .left{float: left; width: 64.375%;}
.proinfoTop .proTabs .prodesBox{float: right;width: 35.625%;}
.prodlBox .item .itemList li h5{margin-top: 20px;}
.proinfoTop .proTabs .prodesBox h1{line-height:1.2;}
}

@media(min-width:1400px){
.prodlBox .item .itemList li h5{margin-top: 25px;}
}

@media(max-width:1024px){
  .proinfoTop{padding-top: 60px;}
    .proinfoTop .proTabs .left .small{margin-left: auto; margin-right: auto;margin-bottom: 10px;}
    .proinfoTop .proTabs .prodesBox{background:rgba(255,255,255,.8);}
    /* .proinBan {display: none;} */
    /* .proinBan {
      height: 86px;
      overflow: hidden;
      opacity: 0;
      padding: 0;
    } */
}



/* 分页 */
.PageBox{padding:75px 0 100px;}
.PageBox .Pages{text-align:center;}
.PageBox .Pages a{padding:8px 10px;color:#333;font-size:14px;margin:0 3px;transition:all .5s;box-shadow:0 0 5px rgba(51,51,51,.1);}
.PageBox .Pages a:hover,
.PageBox .Pages a.a_cur{background-color:#00a0d9!important;color:#fff;}
.PageBox .Pages .num{font-style:normal;}
.PageBox .Pages .num a{display:none;}
.PageBox .Pages .a_prev,
.PageBox .Pages .a_next{
  display: inline-block;
  width: 84px;
  height: 35px;
  line-height: 35px;
  padding: 0;
  /* background: url(../images/prevpages.png) no-repeat center/16px; */
  vertical-align: middle;
}
.PageBox .Pages .a_prev img,
.PageBox .Pages .a_next img{
  vertical-align: middle;
}
.PageBox .Pages .a_prev:hover img,
.PageBox .Pages .a_next:hover img{
  filter: brightness(100);
}

@media screen and (min-width:768px){
  .PageBox .Pages a{padding:10px 15px;}
  .PageBox .Pages .num a{display:inline-block;padding:8px 15px;}
}

/*集团简介*/
.aboutUs-content{
    /* font-family: "PFB"; */
    background-color: #f8f8f8;
}
.groupIntro{padding: 3.5% 0 2% 0;background:url(../images/infobg.png) no-repeat center center;}
.groupIntro h1{font-size:36px;font-weight:normal;text-align: center;margin-bottom:1.5%;}
.groupIntro p{font-size:16px;line-height:28px;margin-bottom:1.5%;    -webkit-margin-before: 0;
  -webkit-margin-after: 0;   /*  font-family: "PFB"!important; */background: none!important;}
  .groupIntro h1,.groupIntro h2,.groupIntro h3,.groupIntro h4,.groupIntro span{
 /*  font-family: "PFB"!important; */background: none!important;
}

.groupIntro .introBox{color: #fff;margin:3% 0 5% 0;}
.groupIntro .introBox .itemB{float: left;width: 15.5%;padding: 2% 1% 1.5%;margin-right: 1.4%;border-radius: 8px;height: 205px}
.groupIntro .introBox .itemB:nth-child(1){background:#00a0d9;}
.groupIntro .introBox .itemB:nth-child(2){background:#008cd9;}
.groupIntro .introBox .itemB:nth-child(3){background:#0078d9;}
.groupIntro .introBox .itemB:nth-child(4){background:#006ed9;}
.groupIntro .introBox .itemB:nth-child(5){background:#005ad9;}
.groupIntro .introBox .itemB:nth-child(6n){margin-right:0;background:#0046d9;}
.groupIntro .introBox .itemB h5{font-size:50px;}
.groupIntro .introBox .itemB h5 span{font-size:16px;margin-left:2%;/* font-family: "PFR"; */}
.groupIntro .introBox .itemB p{font-size:14px;line-height: 20px;/* font-family: "PFR"; */text-align: left;}
.historyBox{background:url(../images/hisbg.jpg) no-repeat center center;padding: 4% 0 6.5% 0;}
.historyBox h1{font-size:36px;color: #fff;font-weight:normal;text-align: center;}

.historyBox .hiscon .hisYear{display: inline-block;width: 38%;vertical-align: middle;position: relative;margin-right: 8%;margin-top: 2.5%;}
.mbttb{
  margin-bottom: 10%!important;
  text-align: left!important;
}
.historyBox .hiscon .hisYear .slick-prev{position: absolute;right:5%;top: 37%;width: 25px;height: 10px;background:url(../images/tt.jpg) no-repeat;font-size:0;z-index: 9;border:none;cursor: pointer;}
.historyBox .hiscon .hisYear .slick-next{position: absolute;right:5%;bottom:37%;width: 25px;height: 10px;background:url(../images/tb.jpg) no-repeat;font-size:0;z-index: 9;border:none;cursor: pointer;}
.historyBox .hiscon .hisYear .item{line-height:73px;font-size:34px;color: #5883b7;padding-left:62%;}
.historyBox .hiscon .hisYear .item.slick-current{border-top:1px solid rgba(255,255,255,.1);border-bottom:1px solid rgba(255,255,255,.1);font-size:38px;color: #fff;position: relative;}
.historyBox .hiscon .hisYear .item.slick-current:before{width: 30px;height: 1px;content: '';background:rgba(255,255,255,.1);position: absolute;top: 50%;right:5%;margin-right:-4px;}
.historyBox .hiscon .hisInfo{display: inline-block;width: 50%;vertical-align: middle; padding-right: 8%;}
.historyBox .hiscon .hisInfo .item.slick-active{left: 0px!important;top: 0px!important;position: absolute!important;}
.historyBox .hiscon .hisInfo .item h5{font-size:48px;color: #fff;font-weight:normal;margin-bottom:2%;}
.historyBox .hiscon .hisInfo .item p{font-size:16px;color: #fff;line-height:28px;}

.historyBox .hiscon .hisInfo .item{display: none;}






.honerBox{padding: 4% 0;background:#f8f8f8;}
.honerBox h1{font-size:36px;font-weight:normal;text-align: center;margin-bottom:1.5%;}
.honerBox .hd{text-align: center;margin-bottom:2%;}
.honerBox .hd li{display: inline-block;vertical-align: middle;line-height:45px;cursor: pointer;padding: 0 2%;color: #aaaaaa;margin: 0 5px;background:#fff;border-radius:8px;}
.honerBox .hd li.on,
.honerBox .hd li:hover{background:#00a0d9;color: #fff;}
.honerBox .honerList{position: relative;}
.honerBox .honerList .owl-stage-outer{overflow: hidden;padding: 1% 0;}
.honerBox .honerList .owl-item{float: left;}

.honerBox .honerList .owl-carousel .owl-nav.disabled{display: block;}
/* .honerBox .honerList .owl-carousel .owl-prev span, .honerBox .honerList .owl-carousel .owl-next span{display: none;} */
.honerBox .honerList .owl-carousel .owl-prev,
.honerBox .honerList .owl-carousel .owl-next{
	width: 15px;height: 18px
	/* ;background:url(../images/qh1.png) no-repeat; */
	position: absolute;top: 50%;margin-left:-9px;border:none;cursor: pointer;
  -webkit-transition: all .3s;-o-transition: all .3s;transition: all .3s;
  /* -webkit-filter: grayscale(100%);-moz-filter: grayscale(100%);-ms-filter: grayscale(100%);-o-filter: grayscale(100%);filter: grayscale(100%);filter: gray; */
}

.honerBox .honerList .owl-carousel .owl-nav{text-align: center;}
.honerBox .honerList .owl-carousel .owl-nav button{width: 30px;
height: 30px;
font-size: 18px;
margin: 25px 7px 0;
color:#333;background-color:#fff;-webkit-transition:all 0.6s ease 0s;-moz-transition:all 0.6s ease 0s;-o-transition:all 0.6s ease 0s;transition:all 0.6s ease 0s;}
/* .honerBox .honerList .owl-carousel .owl-nav button.owl-next{margin-top:20px;} */
.honerBox .honerList .owl-carousel .owl-nav button:hover{color:#fff;background-color:#11c0e3;}

@media screen and (min-width: 1200px) {
	.honerBox .honerList .owl-carousel .owl-nav button{width:50px;height:50px;font-size:36px;}
	.honerBox .honerList .owl-carousel .owl-prev.disabled,.honerBox .honerList .owl-carousel .owl-next.disabled{ visibility: hidden;}
	.honerBox .honerList .owl-carousel .owl-nav .owl-prev{position: absolute; margin-top: -25px;}
	.honerBox .honerList .owl-carousel .owl-nav .owl-next{position: absolute; margin-top: -25px;}
	.honerBox  .honerList{padding:0 60px;}

}

@media screen and (min-width: 1500px) {
	.honerBox  .honerList{padding:0px;}
}


.honerBox .honerList .owl-carousel .owl-prev{left: -5%;}
.honerBox .honerList .owl-carousel .owl-next{right:-5%;}
/* .honerBox .honerList .owl-carousel .owl-prev:hover,
.honerBox .honerList .owl-carousel .owl-next:hover{
  background-image:url(../images/qh2.png);
} */

.honerBox .honerList li{text-align: center;background:#fff;padding: 12%;border-radius:8px;}
.honerBox .honerList li .imgBox{min-height: 195px;line-height:195px;margin-bottom:12%;overflow: hidden;}
.honerBox .honerList li .imgBox img{transition:.3s;}
.honerBox .honerList li p{font-size:16px;line-height:28px;}
.honerBox .honerList li:hover{box-shadow:0 0 20px rgba(51,51,51,.2);}
.honerBox .honerList li:hover .imgBox img{transform:scale(1.1);}
.cultureBox{padding: 4% 0 6% 0;}
.cultureBox h1{font-size:36px;font-weight:normal;text-align: center;margin-bottom:2%;}
.cultureBox .culList{height: 540px;position: relative;width: 100%;}
.cultureBox .culList li{position: absolute;border-radius:8px;overflow: hidden;}
.cultureBox .culList li figure{position: absolute;width: 100%;height: 100%;top: 0;left:0;background-position:center center;background-repeat:no-repeat;background-size: cover;}
.cultureBox .culList li .txtBox{padding-bottom:20px;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);color: #fff;font-size:20px;line-height:28px;}
.cultureBox .culList li .txtBox:before{width: 30px;height: 5px;content: '';border-radius:30px;background:#fff;position: absolute;left: 0;bottom:0;}
.cultureBox .culList li:nth-child(1){width: 49.28571429%;top: 0;left: 0;height: 100%;}
.cultureBox .culList li:nth-child(2){width: 49.28571429%;top: 0;right: 0;height: 48.14814815%;}
.cultureBox .culList li:nth-child(3){width: 23.92857143%;bottom: 0;right: 25.35714286%;height: 48.14814815%;}
.cultureBox .culList li:nth-child(4){width: 23.92857143%;bottom: 0;right: 0;height: 48.14814815%;}

@media screen and (max-width: 768px) {
	.cultureBox .culList{height: 600px;}
    .cultureBox .culList li:nth-child(1){width: 100%;top: 0;left: 0;height: 28%;}
    .cultureBox .culList li:nth-child(2){width: 100%;top: 29%;right: 0;height: 24%;}
    .cultureBox .culList li:nth-child(3){width: 49.28571429%;bottom: -2%;left: 0;height: 48.14814815%;}
    .cultureBox .culList li:nth-child(4){width: 49.28571429%;bottom: -2%;right: 0;height: 48.14814815%;}

}
@media only screen and (max-width: 400px) {
	.groupIntro .introBox .itemB h5{font-size: 36px;}
	.groupIntro .introBox .itemB h5 span{font-size: 15px;}
	
}


@media only screen and (min-width: 1200px) {
  .groupIntro{padding-top: 82px; padding-bottom: 61px;}
  .groupIntro .introBox{margin: 70px 0;}
  .groupIntro p{margin-bottom: 21px;}


  .historyBox{padding: 82px 0; height: 680px;}
  .historyBox .hiscon .hisInfo{vertical-align: top;}
  .historyBox .hiscon .hisYear .item{line-height:88px;}
  .historyBox .slick-list{padding:60px 0 !important;}
  .historyBox h1{margin-bottom: 170px !important;}
  .honerBox{padding:82px 0;}
  .honerBox .honerList li{height: 330px;}
  .cultureBox{padding:82px 0 123px;}

  .cultureBox .culList li:nth-child(2) .txtBox{ left: 60px;width: 70%; transform: translate(0, -50%); }
  .cultureBox .culList li:nth-child(3) .txtBox{ left: 60px;width: 70%; transform: translate(0, -50%); }
  .cultureBox .culList li:nth-child(4) .txtBox{ left: 60px;width: 70%; transform: translate(0, -50%); }

}

/*集团成员*/
.Gmembers{padding: 2.5% 0 5% 0;background:#f8f8f8;}
.Gmembers h1{font-size:36px;font-weight:normal;text-align: center;margin-bottom:2%;}
.Gmembers .membList .item{background:#fff;padding: 4% 0;border-radius:8px;box-shadow:0 0 20px rgba(51,51,51,.1);margin-bottom:3%;position: relative;top: 0;transition:.3s;}
.Gmembers .membList .item .txtBox{display: inline-block;width: 82%;vertical-align: middle;padding: 0 6% 0 4%;border-right: 1px solid #e7e7e7;    /* font-family: "PFB"!important; */
    color: #333;}
.Gmembers .membList .item .txtBox h5{font-size:20px; margin-bottom:.5%;}

/* .Gmembers .membList .item .txtBox span{font-size:16px;display: block;color: #999999;padding-bottom:3%;margin-bottom:3%;position: relative;} */
/* .Gmembers .membList .item .txtBox span:before{width: 40px;height: 5px;content: '';background:#19a1d8;position: absolute;bottom:0;left: 0;border-radius:35px;} */
/* .Gmembers .membList .item .txtBox p{font-size:16px;color: #777;line-height:24px;} */

.dl,.dl dd{margin: 0; padding: 0;}
.Gmembers .membList .item .txtBox .dl dd{font-size:16px;   /*  font-family: "PFB"!important; */
    color: #333;line-height:24px;margin: 16px 0;}
.Gmembers .membList .item .txtBox .dl dd *{margin: 0;   /*  font-family: "PFB"!important; */
    color: #333;}
/* .Gmembers .membList .item .txtBox span.ib{font-size:16px;display: block;color: #999999;padding-bottom:3%;margin-bottom:3%;position: relative;} */
.Gmembers .membList .item .txtBox span.ib{width: 40px;height: 5px;display: block;background:#19a1d8;margin-top: 30px; border-radius:35px;}


.Gmembers .membList .item .timeBox{display: inline-block;width: 17.5%;vertical-align: middle;text-align: center;padding-top:3.5%;position: relative;}
.Gmembers .membList .item .timeBox:before{width: 19px;height: 19px;content: '';background:url(../images/icon8.png) no-repeat;position: absolute;left:50%;top: 0;margin-left:-9.5px;}
.Gmembers .membList .item .timeBox p{font-size:20px;font-style:italic; font-weight: bold; margin-bottom:.5%;}
.Gmembers .membList .item .timeBox h5{font-size:16px;color: #777;font-weight:normal;}
.Gmembers .membList .item:hover{top: -10px;}

/*社会责任*/
.socialBox{background:#f8f8f8;padding: 2.5% 0;   /*  font-family: "PFB"!important; */
    color: #333;}
.socialBox .sociTop{padding-bottom:2%;}
.socialBox .sociTop h5{font-size:36px;font-weight:normal;margin-bottom:2%;text-align: center;}
.socialBox .sociTop p{font-size:16px;line-height:24px;margin-bottom:1.5%;}
.socialBox .sociMid{background-position:center center;background-repeat:no-repeat;padding: 5.5% 0;}
.socialBox .sociMid h5{text-align: center;color: #fff;font-size:36px;font-weight:normal;margin-bottom:3%;}
.socialBox .sociMid li{float: left;width: 32.5%;margin-right:1.25%;background:#fff;text-align: center;padding: 4% 0 3%;border-radius:10px;box-shadow:0 0 20px rgba(51,51,51,.1);}
.socialBox .sociMid li:nth-child(3n){margin-right:0;}
.socialBox .sociMid li .iconB{min-height: 56px;line-height:56px;margin-bottom:9%;}
.socialBox .sociMid li .iconB img{display: block;max-width: 70px;margin: 0 auto;   /*  font-family: "PFB"!important; */
    color: #333;}
.socialBox .sociMid li p{font-size:16px;height: 48px;line-height:24px;color: #666;padding: 0 10px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.socialBox .sociBom{padding-top:5.5%;}
.socialBox .sociBom li{float: left;width: 32.5%;margin-right:1.25%;background:#fff;border-radius:10px;overflow: hidden;}
.socialBox .sociBom li:nth-child(3n){margin-right:0;}
.socialBox .sociBom li .imgBox{overflow: hidden;}
.socialBox .sociBom li .imgBox img{ width: 100%;-webkit-transition: all .3s;-o-transition: all .3s;transition: all .3s;}
.socialBox .sociBom li .txtBox{padding: 9% 6%;min-height: 278px;}
.socialBox .sociBom li .txtBox h5{font-size:20px; line-height:30px;height: 60px;margin-bottom: 20px;}
.socialBox .sociBom li .txtBox time{font-style:italic;font-size:20px;display: block;margin-bottom:6%;font-weight:bold;}
.socialBox .sociBom li .txtBox p{font-size:16px;   /*  font-family: "PFB"!important; */
    color: #333;line-height:24px;height: 72px;}
.socialBox .sociBom li:hover{box-shadow:0 0 20px rgba(51,51,51,.2);}
.socialBox .sociBom li:hover .imgBox img{transform:scale(1.1);}
@media  screen and (max-width: 768px) {
	.socialBox .sociMid .w1440 h5{padding-top: 30px;}
	.socialBox .sociMid li .iconB{margin-bottom: 1.5%;}

  .socialBox .sociMid{background-size: cover;}

	
}

.socialBox .sociTop h5{margin-top: 0;}

@media only screen and (min-width: 1200px) {
  .Gmembers{padding-top: 82px;}
  .Gmembers .membList .item{padding:60px 0; margin-bottom: 40px;}
  .Gmembers .membList .item .txtBox span.ib{margin-bottom: 14px;}
  .Gmembers .membList .item .txtBox .dl dd{margin: 0; padding:16px 0;}
  .socialBox{padding:0;}
  .socialBox .sociTop{padding:82px 0;}
  .socialBox .sociBom{padding-top: 82px; padding-bottom: 123px;}
  .socialBox .sociMid{background-size: cover; padding:82px 0;}
  .socialBox .sociMid h5{margin-top: 0;}
  .socialBox .sociBom li .txtBox{height: 284px;}
  .Cooperation-content{padding-top:82px;}

  .Cooperation-content .public-title{padding-top: 0;}
  .public-title h1.h1{font-size:36px;}
}


/*产品列表*/
.prodlBox{background:#f8f8f8;padding-bottom:2%;}
.prodlBox .item{padding-top:2%; position: relative;}

.prodlBox .item .itemA{position: absolute; left: 0; top:-85px; display: block;width:1px;height: 1px;}

@media only screen and (min-width: 1200px) {
    .prodlBox .item .itemA{top:0;}

}

.prodlBox .item h1{line-height:70px;font-size:24px;/*font-weight:normal;*/border-bottom:1px solid #dfdfdf;position: relative;}
.prodlBox .item h1 span{border-bottom:2px solid #00a0d9;display: inline-block;}
/* .prodlBox .item .itemList{} */
.prodlBox .item .itemList h3{font-size:20px;font-weight:normal;line-height:85px;}
.prodlBox .item .itemList h4{
    height: 85px;
    line-height: 85px;
    font-size: 22px;
}
.prodlBox .item .itemList li{background:#fff;text-align: center;border-radius:15px;padding: 2%;float: left;width: 23.875%;margin-right:1.5%;margin-bottom:3%;box-shadow:0 0 20px rgba(51,51,51,.1); transition: 0.3s;-webkit-transition: 0.3s;-ms-transition: 0.3s;}
.prodlBox .item .itemList li:hover{ transform: translateY(-10px);-webkit-transform: translateY(-10px);-ms-transform: translateY(-10px);}
.prodlBox .item .itemList li:nth-child(4n){margin-right:0;}
.prodlBox .item .itemList li .imgBox{height: 278px;overflow:hidden;line-height:278px;}
.prodlBox .item .itemList li .imgBox img{-webkit-transition: all .3s;-o-transition: all .3s;transition: all .3s; vertical-align: middle;}
.prodlBox .item .itemList li h5{font-size:20px;line-height:1;/*font-weight:normal;*/height: 40px;line-height:40px; overflow: hidden; text-overflow:ellipsis ; margin-top: 8px;white-space: nowrap; }
.prodlBox .item .itemList li p{font-size:16px;line-height:24px;color: #999;height: 48px;}
.prodlBox .item .itemList li:hover .imgBox img{transform:scale(1.1);}



/* 解决方案.shtml */
.Main_Title .h3{ font-size: 36px;font-weight: normal; color: #333; text-align: center;/* font-family: "PFB"; */}

.Solution{}
.SolutionF1T{ position: relative; z-index: 4;}
.SolutionF1{padding: 30px 0;}
.SolutionF1 .txtBox{padding: 20px 0; text-align: center; font-size: 14px;color: #666; }
.SolutionF1 .txtBox .h4{font-weight: normal;font-size: 15px; color: #333;}
.SolutionF1 .txtBox .txt{padding-top: 10px; max-width: 1200px; margin: 0 auto;line-height: 24px;}

.SolutionF1T{background-position:center center;background-size: cover;background-repeat:no-repeat;}
.SolutionF1 .ConBox{background:#fff;margin: 5% 0;border-radius:10px;overflow: hidden;}
.SolutionF1 .ConBox .imgBox{width: 55%;display: inline-block;vertical-align: middle;}
.SolutionF1 .ConBox .textB{width: 44.5%;display: inline-block;vertical-align: middle;padding: 0 5% 0 3%;}
.SolutionF1 .ConBox .textB h5{line-height:36px;font-size:24px;font-weight:normal;padding-bottom:5%;position: relative;margin-bottom:5%;}
.SolutionF1 .ConBox .textB h5:before{width: 50px;height: 3px;content: '';background:#00a0da;position: absolute;bottom:0;left:0;}
.SolutionF1 .ConBox .textB p{font-size:16px;line-height:28px;color: #999999;}
@media(max-width:768px){
  .SolutionF1 .ConBox .imgBox{width: 100%;display: block;margin-bottom:2%;}
  .SolutionF1 .ConBox .textB{width: 100%;display: block;}
}

.SolutionF1 .BimgBox .wap{}
.SolutionF1 .BimgBox .pc{display: none; background:no-repeat center; position: relative; z-index: 2; height: 850px; margin-top: -100px;}
.SolutionF1 .BimgBox .pc ul li{display: block;width: 1px;height: 1px; position: absolute; }

.SolutionF1 .BimgBox .pc ul li .liwap{-webkit-transition: all .3s; -o-transition: all .3s;transition: all .3s; display: inline-block;cursor: pointer;text-align: center;}

.SolutionF1 .BimgBox .pc ul li .liwap:hover{ margin-top: -5px; }
.SolutionF1 .BimgBox .pc ul li .liwap{position: relative;}
.SolutionF1 .BimgBox .pc .icon{border-radius: 100%; vertical-align: middle; text-align: center; border:1px solid #03a1d9; box-shadow: 0 0 10px #bce5f5;display: inline-block;}
.SolutionF1 .BimgBox .pc .icon img{vertical-align: middle;}
.SolutionF1 .BimgBox .pc .icontxt{white-space: nowrap; text-align: center; padding-top: 5px; font-size: 14px;}
.SolutionF1 .BimgBox .pc .titleh3{ position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); color: #fff; margin-top: -30px;
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%); }
.SolutionF1 .BimgBox .pc .titleh3 .h3{ font-size: 12px;font-weight: normal;text-align: center; }
.SolutionF1 .BimgBox .pc .titleh3 .h3 .i{display: block; width: 4px;height: 25px;border-radius: 2px; background: #fff; margin: 15px auto 0; }

.SolutionF1 .BimgBox .pc ul li:nth-child(1){left: 13%;top: 31%;}
.SolutionF1 .BimgBox .pc ul li:nth-child(2){left: 24%;top: 51%;}
.SolutionF1 .BimgBox .pc ul li:nth-child(3){left: 17%;top: 76%;}
.SolutionF1 .BimgBox .pc ul li:nth-child(4){left: 35%;top: 33%;}
.SolutionF1 .BimgBox .pc ul li:nth-child(5){left: 37%;top: 56%;}
.SolutionF1 .BimgBox .pc ul li:nth-child(6){left: 61%;top: 33%;}
.SolutionF1 .BimgBox .pc ul li:nth-child(7){left: 59%;top: 53%;}
.SolutionF1 .BimgBox .pc ul li:nth-child(8){left: 73%;top: 44%;}
.SolutionF1 .BimgBox .pc ul li:nth-child(9){left: 82%;top: 19%;}
.SolutionF1 .BimgBox .pc ul li:nth-child(10){left: 83%;top: 51%;}
.SolutionF1 .BimgBox .pc ul li:nth-child(11){left: 74%;top: 83%;}

.SolutionF1 .BimgBox .pc ul li:nth-child(1) .icon{width: 80px; height: 80px;line-height: 80px;}
.SolutionF1 .BimgBox .pc ul li:nth-child(2) .icon{width: 70px; height: 70px;line-height: 70px;}
.SolutionF1 .BimgBox .pc ul li:nth-child(3) .icon{width: 100px; height: 100px;line-height: 100px;}
.SolutionF1 .BimgBox .pc ul li:nth-child(4) .icon{width: 60px; height: 60px;line-height: 60px;}
.SolutionF1 .BimgBox .pc ul li:nth-child(5) .icon{width: 60px; height: 60px;line-height: 60px;}
.SolutionF1 .BimgBox .pc ul li:nth-child(6) .icon{width: 60px; height: 60px;line-height: 60px;}
.SolutionF1 .BimgBox .pc ul li:nth-child(7) .icon{width: 75px; height: 75px;line-height: 75px;}
.SolutionF1 .BimgBox .pc ul li:nth-child(8) .icon{width: 75px; height: 75px;line-height: 75px;}
.SolutionF1 .BimgBox .pc ul li:nth-child(9) .icon{width: 75px; height: 75px;line-height: 75px;}
.SolutionF1 .BimgBox .pc ul li:nth-child(10) .icon{width: 75px; height: 75px;line-height: 75px;}
.SolutionF1 .BimgBox .pc ul li:nth-child(11) .icon{width: 70px; height: 70px;line-height: 70px;}

@media(min-width:1024px){
  .SolutionF1{padding: 60px 0;}
  .SolutionF1 .txtBox{font-size: 16px;}
  .SolutionF1 .txtBox .h4{font-size: 24px;}
  .SolutionF1 .txtBox .txt{padding-top: 30px;}
/*  .proinfoTop .proTabs .bd .item{width: 52%;}
  .proinfoTop .proTabs{padding-top:8%;}*/

}

@media(min-width:1366px){
  .SolutionF1 .BimgBox .wap{display: none;}
  .SolutionF1 .BimgBox .pc{display: block;}

}


.SolutionF2{position: relative; min-height: 100px; overflow: hidden; background:#f8f8f8;}
.SolutionF2 .F2img{position: absolute; left: 0; top:0; z-index: 1;width: 100%;}
.SolutionF2 .SolutionF2Box{position: relative; z-index: 3; padding: 30px 0;}
.SolutionF2 .Main_Title .h3{color: #fff;}


.SolutionF2 .List{padding-top: 25px;}
.SolutionF2 .List ul li{ margin-bottom: 15px; position: relative; top: 0;  -webkit-transition: all .3s;
  -o-transition: all .3s;
  transition: all .3s;
    vertical-align: top;
}

.SolutionF2 .List ul li .libox{
    height: 390px;
  min-height: 120px;
  padding: 30px;
  position: relative;
  padding-right: 40px;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.2);
  background: #fff url('../images/slibg01.jpg') no-repeat left top;
  border-radius: 10px;
  overflow: hidden;
  padding-top: 125px;
  }
.SolutionF2 .List ul li .libox .imgbox{position: absolute; left: 30px;top:28px;}
.SolutionF2 .List ul li .libox .imgbox img{display: block;max-width: 60px;max-height: 60px;}
.SolutionF2 .List ul li .libox .h3{font-size: 16px;font-weight: normal;color: #333; padding-bottom: 10px;}
.SolutionF2 .List ul li .libox dd{font-size: 14px; padding-bottom: 5px;}
.SolutionF2 .List ul li:hover{top: -10px;}

@media(min-width:640px){
  .SolutionF2 .List ul{font-size: 0;margin:0 -5px;}
  .SolutionF2 .List ul li{display: inline-block;width: 50%; font-size: 14px; padding: 0 5px;}
}


@media(min-width:768px){
  .SolutionF2 .List ul li{width: 33.33%;}
}
@media(min-width:1024px){
  .SolutionF2 .List{padding-top: 50px;}
.SolutionF2{min-height: 300px;}
.SolutionF2 .SolutionF2Box{padding: 80px 0 55px;}
  .SolutionF2 .List ul{margin: 0 -11px;}
  .SolutionF2 .List ul li{width:25%; padding: 0 11px;margin-bottom: 22px;}
.SolutionF2 .List ul li .libox .h3{font-size: 22px;/* font-family: "PFH"; */}
/* .SolutionF2 .List ul li .libox dd{font-size: 16px;} */
}

@media(min-width:1920px){
  .SolutionF2{min-height: 380px;}
}

/* .SolutionF3{padding: 30px 0;} */
.SolutionF3 .public-product-ban1{background-color: transparent;}
.SolutionF3 .List{margin-top: 20px; position: relative;
  padding: 0 40px;
}
.SolutionF3 .List .txt{margin-top:5px; text-align: center;padding: 0 10px; overflow: hidden; text-overflow: ellipsis;white-space: nowrap;}
.SolutionF3 .List .item .lia{display: block;}
.SolutionF3 .List .item .img{overflow: hidden; border-radius: 10px;}
.SolutionF3 .List .item .img img{width: 100%; -webkit-transition: all .3s;
-o-transition: all .3s;
transition: all .3s;}
.SolutionF3 .List .item .lia:hover .img img{-webkit-transform: scale(1.1);
-ms-transform: scale(1.1);
-o-transform: scale(1.1);
transform: scale(1.1);}
.SolutionF3 .List .btns{}
.SolutionF3 .List .btns a{border-radius: 5px; overflow: hidden;text-align: center; background: #fff no-repeat center center;
 display: inline-block; width: 30px;height: 30px; line-height: 30px;  position: absolute; top: 50%; margin-top: -30px; z-index: 9; -webkit-transition: all .3s;
 -o-transition: all .3s;
 transition: all .3s;}

.SolutionF3 .List .btns a:hover{background-color: #00a0d9;}

.SolutionF3 .List .btns .btnleft{background-image: url('../images/btn01.png');left:0;}
.SolutionF3 .List .btns .btnleft:hover {background-image: url('../images/btn01on.png')}
.SolutionF3 .List .btns .btnright{background-image: url('../images/btn02.png'); right: 0;}
.SolutionF3 .List .btns .btnright:hover {background-image: url('../images/btn02on.png')}


@media(min-width:1024px){
  /* .SolutionF3{padding: 80px 0 65px;} */
  .SolutionF3 .List{padding: 0 80px; margin-top: 50px;}
  .SolutionF3 .List .btns a{width: 50px;height: 50px;margin-top: -40px;}
  .SolutionF3 .List .txt{font-size: 20px;padding-top: 15px;}
}

@media(min-width:1600px){
  .SolutionF3 .List{padding: 0;}
  .SolutionF3 .List .btns .btnleft{left: -80px;}
  .SolutionF3 .List .btns .btnright{right: -80px;}

}
.SolutionF4{background:#f8f8f8; padding: 30px 0;}
.SolutionF4 .List{padding-top:15px}
.SolutionF4 .List ul{ margin: 0 -5px; font-size: 0; }
.SolutionF4 .List ul li{display: inline-block;font-size: 14px;  position: relative; padding: 5px; top:0; -webkit-transition: all .3s;
-o-transition: all .3s; transition: all .3s; vertical-align: top; width: 50%;}
.SolutionF4 .List ul li:hover {top:-5px;}
.SolutionF4 .List ul li .libox{display: block; background:#fff; border-radius: 10px;overflow: hidden; padding-bottom: 15px; padding: 9%; box-shadow:0 0 10px rgba(0, 0, 0, .1);}
.SolutionF4 .List ul li .txt{overflow: hidden; padding: 0 10px; text-overflow: ellipsis;white-space: nowrap;color: #333; text-align: center;}
.SolutionF4 .List .btns{padding-top: 15px;}
.SolutionF4 .List .btns .btn{display: block; margin: 0 auto; width:120px;line-height: 35px;border-radius: 50px;background: #00a0d9; color: #fff;text-align: center; }

@media(min-width:768px){
  .SolutionF4 .List ul li{width: 25%;}
}

@media(min-width:1024px){
  .SolutionF4 .List{padding-top: 40px;}
  .SolutionF4 .List ul{margin: 0 -11px;}
  .SolutionF4 .List ul li{padding: 11px;}
  .SolutionF4{ padding: 80px 0;}
  .SolutionF4 .List .btns{padding-top: 45px;}
.SolutionF4 .List .btns .btn{width: 136px;line-height: 45px;font-size: 16px; }
.SolutionF4 .List ul li .libox{padding-bottom: 40px;}
.SolutionF4 .List ul li .txt{font-size: 20px;}

}

/* 解决方案.shtml */

/* 天启平台 */
.Apocalypse_platform{}
strong{font-weight: bold;}
.Platform_Introduction {text-align: center;padding-bottom: 46px;padding-top: 50px;}
.Platform_Introduction h2{line-height: 60px;font-weight: 100;font-size: 34px;color: #333333;}
.Platform_Introduction p{font-size: 16px;line-height: 30px;color: #666666; margin: 14px 0;}

.Program_composition {text-align: center;padding-bottom: 85px;padding-top: 65px;background: no-repeat center; background-size:cover;}
.Program_composition h2{line-height: 60px;font-weight: 100;font-size: 34px;color: #FFFFFF;}
.Program_composition p{font-size: 16px;line-height: 48px;color: #FFFFFF;margin-bottom: 44px;}

.Control {text-align: center;padding-bottom: 82px;padding-top: 60px; }
.Control h2{line-height: 60px;font-weight: 100;font-size: 34px;color: #333333; overflow: hidden; text-overflow:ellipsis;white-space: nowrap;}
.Control h3{font-size: 16px;line-height: 30px;color: #666666;font-weight: 100; margin: 6px 0 28px; }
.Control ul li{height: 330px;width: 32%;margin-right: 2%;float: left;box-shadow: 0 0 40px rgba(0,0,0,.04);margin-top: 20px;padding: 50px 0 40px;}
.Control ul li:nth-child(3n){margin-right: 0%;}
.Control ul li i{display: block;margin: 0 auto; width: 50px; height: 50px; background: no-repeat center;}
.Control ul li span{display: block;line-height: 46px;font-size: 20px;color: #333333;}
.Control ul li p{font-size: 16px;line-height: 24px;color: #666666;min-height: 72px;width: 70%;margin: 0 auto;}
.Control ul li:hover{box-shadow: 0 0 40px rgba(0,0,0,.2);}
/* .Control ul li:hover p, */
/* .Control ul li:hover span{color: #00a0d9;} */


.Control2 {text-align: center;padding-top: 65px;background: no-repeat center; background-size:cover;}
.Control2 h2{line-height: 60px;font-weight: 100;font-size: 34px;color: #FFFFFF; overflow: hidden; text-overflow:ellipsis;white-space: nowrap;}
.Control2 h3{font-size: 16px;line-height: 30px;color: #FFFFFF;font-weight: 100; margin: 6px 0 28px; }
.Control2 h4{font-size: 16px;line-height: 30px;color: #FFFFFF;font-weight: 100; margin: 6px 0 28px;position: relative; }
.Control2 h4::after{content: "";position: absolute;width: 100%;height: 1px;background: rgba(255,255,255,0.1);left: 0;bottom: -36px;}
.Control2 img{margin-top: -80px;}


.Visitor_management {text-align: center;padding-bottom: 82px;padding-top: 60px;background: #f8f8f8;}
.Visitor_management h2{line-height: 60px;font-weight: 100;font-size: 34px;color: #333333; overflow: hidden; text-overflow:ellipsis;white-space: nowrap;}
.Visitor_management h3{font-size: 16px;line-height: 30px;color: #333333;font-weight: 100; margin: 6px 0 28px; }
.Visitor_management ul.ul{overflow: hidden;}
.Visitor_management ul.ul1{margin-bottom: 80px;}
.Visitor_management ul.ul1 li{padding: 40px 0;width: 25%;float: left;background: #FFFFFF;}
.Visitor_management ul.ul1 li h4{line-height: 34px;height: 68px;border-right: 1px solid #e5e5e5; font-size: 22px;color: #333333;font-weight: 100;}
.Visitor_management ul.ul1 li p{ line-height: 24px; border-right: 1px solid #e5e5e5; font-size: 16px; color: #777777;  padding-bottom: 14px;}
.Visitor_management ul.ul1 li:nth-child(4n) p,
.Visitor_management ul.ul1 li:nth-child(4n) h4{border: none;}

/* .Visitor_management ul.ul3{} */
.Visitor_management ul.ul2 li{width: 240px;height: 220px; float: left; margin-right: 23px;margin-bottom: 22px;padding: 25px 0;position: relative;}
.Visitor_management ul.ul3 li:nth-child(6n){margin-right: 0;}
.Visitor_management ul.ul4 li:nth-child(1){margin-right: 0;}
.Visitor_management ul.ul3 li.li0{width: 85px;height: 220px;background: #00a0d9;border-radius:8px ;}
.Visitor_management ul.ul4 li.li6{width: 85px;height: 220px;background: #0046d9;border-radius:8px ;}



.Visitor_management ul.ul2 li figure{width: 70px;height: 70px;display: block;margin: 0 auto; background: no-repeat center;}
.Visitor_management ul.ul2 li i{position: absolute; top: 50%; margin-top: -10px; right: -10px; display: block; width: 10px;height: 20px;}
.Visitor_management ul.ul3 li.li5 i{position: absolute; margin: 0;top: inherit;right: 50%;margin-right: -10px;bottom: -10px;width: 20px;height: 10px;}
.Visitor_management ul.ul4 li i{right: inherit;left: -10px;}
.Visitor_management ul.ul4 li.li6 i{left: inherit; right: 0;}
.Visitor_management ul.ul4 li{float: right ;}
.Visitor_management .bx-viewport{padding-bottom: 23px;}
.Visitor_management .bx-wrapper{padding-bottom: 0px;}

.Visitor_management ul.ul2 li h4{font-size: 20px; color: #ffffff; line-height: 50px; font-weight: 100;}
.Visitor_management ul.ul2 li p{font-size: 16px; color: #ffffff; line-height: 24px;}
.Visitor_management ul.ul2 li.li6 span,
.Visitor_management ul.ul2 li.li0 span{writing-mode:tb-rl; line-height: 26px;font-size: 20px; color: #FFFFFF;letter-spacing: 10px;margin-top: 30px;}



@media(min-width:1025px){
	.Visitor_management ul.ul3 li.li0{width: 85px !important ;height: 220px;background: #00a0d9;border-radius:8px ;}
	.Visitor_management ul.ul4 li.li6{width: 85px !important ;height: 220px;background: #0046d9;border-radius:8px ;}
}

@media(max-width:1024px){
	.Visitor_management ul.ul1 li{width: 50%;}
	.Visitor_management ul.ul1 li:nth-child(3),
	.Visitor_management ul.ul1 li:nth-child(4){border-top: 1px solid #e5e5e5;}
}


.Attendance_management {text-align: center;padding-top: 65px;background: no-repeat center; background-size:cover;}
.Attendance_management .w1400{position: relative;}
.Attendance_management h2{line-height: 60px;font-weight: 100;font-size: 34px;color: #FFFFFF; overflow: hidden; text-overflow:ellipsis;white-space: nowrap;}
.Attendance_management h3{font-size: 16px;line-height: 30px;color: #FFFFFF;font-weight: 100; margin: 6px 0 28px; }
.Attendance_management img{ margin: -86px auto 0;}
.Attendance_management ul{position: absolute;bottom: 40px;left: 0; width: 100%; }
.Attendance_management ul li{width: 32%;margin-right: 2%; min-height: 208px; background: #FFFFFF;border-radius:10px ;padding:10px 0 ;padding-left: 3%;float: left;}
.Attendance_management ul li:nth-child(3n){margin-right: 0%;}
.Attendance_management ul li h2{color: #333333;font-size: 22px;text-align: left;}
.Attendance_management ul li p{color: #777777;font-size: 16px;text-align: left; width: 80%;margin-bottom: 4%;}


.Cloud_seat{background: #f3f3f3;}


.Operation {text-align: center;padding-top: 65px;background: no-repeat center; background-size:cover;}
.Operation .bx-viewport{z-index: 10;}
.Operation .title h2{line-height: 60px;font-weight: 100;font-size: 34px;color: #FFFFFF; overflow: hidden; text-overflow:ellipsis;white-space: nowrap;}
.Operation .title p{font-size: 16px;line-height: 30px;color: #FFFFFF;font-weight: 100; margin: 6px 0 28px; }
.Operation .box{position: relative;padding: 70px 0 79px}
.Operation .box::after{position: absolute;content: "";width: 300%;left: -100%;top: 50%;height: 2px;background: #0064b1;margin-top: -1px;z-index: 9 ;}
.Operation .box .bx-wrapper{padding-bottom: 0;z-index: 11;}
.Operation .box ul.ul{overflow: hidden;}
.Operation .box li{width: 266px;height: 568px;position: relative;z-index: 10; float:left;margin-left: -42px; }
.Operation .box li:nth-child(1){margin-left: 0;}
.Operation .box li i{display: block;width: 106px;height: 119px;background: no-repeat center; position: absolute;top: 50%;left: 50%;margin-left: -53px;margin-top: -59.5px; font-size: 18px;color: #FFFFFF;line-height: 20px;text-align: center;font-style: inherit;padding-top: 40px;}
.Operation .box li i::after{position: absolute;content: "";width: 50px;height: 12px;background: url(../images/operation_ibg.png);top: -8px;left: 50%;margin-left: -25px;}
.Operation .box li:nth-child(2n) i::after {position: absolute; top: auto; bottom: -8px;background: url(../images/operation_ibg2.png);}
.Operation .box li .box-con{width: 268px;height: 221px;position: absolute;top: 0;left: 0;font-size: 12px;line-height: 20px;padding: 16px 30px;color: #FFFFFF;text-align: left;font-weight: 100;}
.Operation .box li:nth-child(2n) .box-con {top:inherit;bottom: 0;}




.Classic_Case{padding-top: 40px;overflow: hidden;padding-bottom: 85px;}
.Classic_Case h2{line-height: 110px;height: 110px;font-size: 34px;color: #333333;text-align: center;font-weight: 100;}
.Classic_Case ul li{width: 23.5%;margin-right: 2%;float: left;margin-bottom: 10px;}
.Classic_Case ul li:nth-child(4n){margin-right: 0%;}
.Classic_Case ul li figure{display: block;width: 100%; padding-bottom:72% ;background: no-repeat center;border-radius: 10px;	 transition: all 0.6s;  }
.Classic_Case ul li p{text-align: center;line-height: 60px;text-align: center;font-size: 20px;color: #333333;display: block;white-space: nowrap; text-overflow: ellipsis;overflow: hidden;}

.Classic_Case ul li:hover figure{transform: scale(1.05);  }
.Classic_Case ul li:hover p{color: #00a0d9;}

.bx-controls{text-align: center;display: none;}
.bx-controls .bx-pager-item { display: inline-block;width: 14px;height: 14px;border: 2px solid #00a0d9;margin: 4px;border-radius:50% ;overflow: hidden;}
.bx-controls .bx-pager-item a{text-indent: -99999px;display: block;}
.bx-controls .bx-pager-item a.active{background: #00a0d9;}


@media(max-width:1024px){
	.Control ul li{width: 100%; margin-right: 0 !important;margin-top: 2%;}
	.Classic_Case ul li figure{background-size: auto 100% ;}
	.Control2 img{margin: 0;}
	.Attendance_management{padding-bottom: 2%;}
	.Attendance_management ul{position: inherit;bottom: inherit; left: inherit;}
	.Attendance_management ul li{width: 100%;float: inherit;margin-top: 2%;}
	.Attendance_management img{margin: 0;}
	.Classic_Case ul li{width: 100%;margin-right: 0%;}
	.Classic_Case ul li:nth-child(2n){margin-right: 0%;}
	.Control ul li{box-shadow:none;margin-top: 0;border: 1px solid rgba(0,0,0,0.04);}
	.Platform_Introduction{padding-top: 2%;}
	.bx-controls{display: block;padding: 2% 0;}
	.Operation .box li{margin: 0;}
}


/* 登录弹窗样式 */
.zdslogintipscont{
  display: none;
	position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0,0,0,.4);
  z-index: 9999;
}
.zdslogintipscont .Tc-content{
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    max-width: 650px;
    height: 420px;
    background-color: #fff;
	margin: auto;
}
.zdslogintipscont .Tc-content .gbbtnlink{
	position: absolute;
    right: -44px;
    top: -44px;
    font-size: 35px;
    color: #fff;
}
.zdslogintipscont .Tc-content h1.h1{
	line-height: 1;
	font-size: 28px;
	color: #333;
	padding: 50px 0 38px;
	text-align: center;
	position: relative;
}
.zdslogintipscont .Tc-content h1.h1:after{
	content: "";
	position: absolute;
	left: 50%;
	top: 0;
	margin-left: -80px;
	width: 160px;
	height: 6px;
	background-color: #00a0d9;
}
.zdslogintipscont .Tc-content ul.ul{
	padding: 0 105px;
}
.zdslogintipscont .Tc-content ul.ul li{
	background-color: #f7f7f7;
}
.zdslogintipscont .Tc-content ul.ul li + li{
	margin-top: 15px;
}
.zdslogintipscont .Tc-content ul.ul li input{
	width: 100%;
	height: 60px;
	color: #9c9c9c;
	font-size: 16px;
	padding: 0 10px;
}
.zdslogintipscont .Tc-content .zdsloginbtn{
	display: block;
	width: 160px;
	height: 60px;
	background-color: #27b6ed;
	margin: 40px auto 0;
	color: #fff;
	font-size: 16px;
}

@media screen and (max-width: 769px){
	.zdslogintipscont .Tc-content h1.h1{
		padding: 20px 0 25px;
		font-size: 24px;
	}
	.zdslogintipscont .Tc-content .zdsloginbtn{
		height: 45px;
		margin: 20px auto 0;
	}
	.zdslogintipscont .Tc-content ul.ul{
		padding: 0 5%;
	}
	.zdslogintipscont .Tc-content ul.ul li input{
		height: 45px;
	}
	.zdslogintipscont .Tc-content{
		height: 280px;
		width: 96%;
	}
	.zdslogintipscont .Tc-content .gbbtnlink{
		right: 0;
	}

}

.list .MsoNormal{
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
h5{
  -webkit-margin-before: 0;
  -webkit-margin-after: 0;
}