/*幻灯片*/
.banner{overflow:hidden; width:100%; position:relative; z-index:1;}
.banner-box{ min-width:1300px; height:650px; position:relative; margin:0 auto; }
.banner-box .bd, .banner-box .bd ul{ width:100% !important; }
.banner-box .bd li{ width:100% !important; height:650px; background-position: center; background-repeat: no-repeat; background-color: #000}
.banner-box .bd li a{ display:block; background-size:auto; width: 100%;height: 80%;position: relative;z-index: 9;}
.banner-btn{ width: 100%; position: absolute; top:250px; left: 0; margin-left: 0; height: 360px; overflow: hidden; }
.banner-btn a{ display:block; width:49px; height:104px; position:absolute; top:30px; filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; opacity:0; transition:0.3s all ease-in-out; z-index: 9;}
.banner-btn a.prev{ left:-50px; background:url(../img/20200915110755_1656550099.png) no-repeat 0 0; } 
.banner-btn a.next{ right:-50px; background:url(../img/20200915110755_1656550099.png) no-repeat -49px 0; }
.banner-box .hd { position:absolute; bottom:0px; width: 100%; display: block; }
.banner-box .hd ul{ text-align: center}
.banner-box .hd ul li{ width:10px; height:10px; border-radius :50%; text-indent:-9999px; background:#fff; cursor:pointer; display:inline-block; margin:0 5px; transition:0.3s all ease-in-out; opacity:0.8;}
.banner-box .hd ul li.on{ background: #0054ac;border-radius: 8px; width:70px;}
.banner-box:hover .banner-btn a.prev{ left:20px; filter:alpha(opacity=40); -moz-opacity:.4; -khtml-opacity:.4; opacity:.4; }
.banner-box:hover .banner-btn a.next{ right: 20px; filter:alpha(opacity=40); -moz-opacity:.4; -khtml-opacity:.4; opacity:.4; }
.banner-box .banner-btn a.prev:hover,.banner-box:hover .banner-btn a.next:hover{ filter:alpha(opacity=80); -moz-opacity:.8; -khtml-opacity:.8; opacity:.8; }

/*服务商*/
.contant {width:100%;overflow: hidden;height:535px; margin-top:60px;}
.contant_box {width:1300px;margin: 0 auto;max-width: 100%; }
.contant_tit {font-size:38px;line-height:40px;color: #333333;text-align: center; }
.contant_tit span {color: #0054ac;}
.contant_tit img {margin:0 35px;}
.contant_tit p {font-size:1.125rem;line-height: 32px;margin-top: 10px;color: #999;  }
.contant_sub {font-size:16px;line-height: 30px;text-align: center;margin-top: 40px;color: #888888;}
.contant_txt {margin-top: 60px;}
.contant_con {float:left;text-align: center;}
.contant_con p {font-size: 1.125rem;line-height: 30px;color: #666666;margin-top: 38px;}
.contant_con b {font-size: 1.25rem;line-height: 40px;color: #333333;}
.contant_line {width:1px;height:227px;background: #eeeeee;float: left;margin: 0 75px;}


/*产品展示*/
.products{ padding:50px 0 60px 0; background:url(../img/20200915143919_1000337628.jpg);}
.procenter{ padding:35px 0 0 0;}
.protab{ font-size:0; margin:0 0 40px 130px;}
.protab a{ display:inline-block; position:relative; width:240px; line-height:60px; background:#e7e9eb; font-size:18px; color:#333333;transition:all .3s ease;}
.protab a+a{ margin-left:25px;}
.protab a span{ padding-left:49px;}
.protab a:after{ content:''; display:block; position:absolute; width:26px; height:24px; background:url(../img/20200915144834_2103655538.png) no-repeat center; transition:all .3s ease; top:18px; right:16px;}
.protab a.on:after{ background:url(../img/20200915144904_1089968283.png) no-repeat center;}
.protab a.on{ background:#0054ac; color:#fff;}
.procon li{ float: left; display:inline-block; padding:0 !important; border:1px solid #eeeeee; overflow:hidden; margin-right: 20px; margin-bottom: 20px;}
.procon .on{margin-right: 0;}
.procon li br{ display:none;}
.procon li a,.procon li span{ display:block; position:relative; text-align: center;}
.procon li div{padding:0 !important;}
.procon li span a{ line-height:67px; transition:all 0.3s ease; font-size:18px; color:#666666; z-index:99;}
.procon li span{ border-top:1px solid #eeeeee; position:relative; background:#fff;}
.procon li span:after{ content:''; display:block; position:absolute; top:0; left:0; width:100%; height:0; background:#0054ac; transition:all .3s ease;    -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
    transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);}

.procon li>a:after,.procon li>a:before{ content:''; display:block; position:absolute; transition:all .5s ease;}
.procon li>a:before{ width:100%; height:100%; background:rgba(0,0,0,0.5); opacity:0;}
.procon li:hover>a:before{ opacity:1;}
.procon li>a:after{ content:'查看详情'; line-height:45px; padding:0 30px; top:40%; background:#0054ac; font-size:14px; color:#fff; font-weight:lighter; left:-100%; -webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
    transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);}
.procon li:hover>a:after{ left:37%;}
.procon li:hover span:after{ height:100%;}
.procon li:hover span a{ color:#fff;}
.procon li>a{ overflow:hidden;}


/*广告*/
.poster {width:100%;overflow: hidden;background: url(../img/20200915172850_1836458251.jpg)no-repeat center;height: 240px;background-size: 100% 100%;}
.poster_box {width:1300px;margin: 0 auto;max-width: 100%;}
.poster_left {float:left;}
.poster_txt {font-size:29px;line-height: 34px;margin-top: 66px;color: #ffffff;}
.poster_sub {margin-top: 20px;}
.poster_sub ul {list-style: none;}
.poster_sub ul li {float:left;color: #ffffff;margin-right: 30px; background:url(../img/20200915175200_1596207521.png) left no-repeat;}

.poster_sub span {font-size:18px;line-height: 30px; padding-left: 28px;}
.poster_sub>ul >li >img {float:left;margin-top:5px;}
.poster_line {width:593px;height: 1px;background: #347ec7;position: relative;top: 46px;}
.poster_line i {width: 8px;height: 8px;border-radius: 50%;position: absolute;top:-4px;right: 0; background: #347ec7;}

.poster_more {float:left;margin-top: 95px; margin-left: 37px;}
.poster_more a {text-decoration: none;font-size: 16px;color: #ffffff;border: 1px solid #68a0d7;width: 134px;height: 46px;    margin-bottom: 21px;display: inline-block;line-height: 46px;text-align: center;}
.poster_pic {float: left;margin-top: 36px;margin-left: 45px;}
.poster_pic img {margin-right: 15px;}

/*4大理由*/
.adv{ height:870px; padding-top:65px; background:url(../img/20200915192724_2029387724.jpg) no-repeat center;}
.tratitl{ text-align:center; font-size:18px; color:#343434; font-weight:lighter;}
.tratitl strong{ display:block; font-size:40px; margin-bottom:10px;}
.tratitl strong span{ font-weight:normal;}
.tratitl:after{ content:''; display:block; width:23px; height:20px; background:url(../img/20200916090028_1367042741.png) no-repeat center; margin:17px auto 0 auto;}
.tratitl:after{animation: Downup 1s infinite alternate; }
@keyframes Downup {
  from {
    transform: translateY(10px);
  }
  to {
    transform: translateY(-5px);
  }
}
.adv .tratitl{ color:#999;}
.adv .tratitl strong{ color:#0054ac;}
.advcenter{ padding-top:35px;}
.advtab{ background:#fff; font-size:0; margin-bottom:10px;}
.advtab li{ display:inline-block; width:25%; height:120px; position:relative; cursor:pointer; }
.advtab li span{ position:absolute; border:2px solid #ffffff; border-radius:50%; top:20px; left:40px; transition:all .3s ease;  z-index:99;}
.advtab li p{ display:block; margin:30px 0 0 138px; font-size:15px; color:#222222; transition:all .3s ease; z-index:99; position:relative;}
.advtab li p strong{ display:block; font-size:25px; margin-bottom:4px;}
.advtab li+li:after,.advtab li:before{ content:''; display:block; position:absolute; transition:all .3s ease; }
.advtab li+li:after{ width:1px; left:0; height:76px; background:#d9d9d9; top:25px;}
.advtab li.on p{ color:#fff;}
.advtab li.on:after{ display:none;}
.advtab li.on span{ border-color:#ececec; background:#fff;}
.advtab li:before{ height:0; left:0; top:0; width:100%; background:#0054ac;}
.advtab li.on:before{ height:100%;}
.advcon ul{ height:520px; background:#fff;}
.advleft{ width:495px; padding:34px 0 0 45px;}
.advt{ position:relative; padding:17.5px 0 17.5px 105px; font-size:16px; color:#525252; white-space:nowrap;}
.advt strong{ display:block; font-size:35px; color:#222222; margin-bottom:5px;} 
.advt i{ color:#0054ac;}
.advt span{ position:absolute; left:0; top:0; width:84px; line-height:107px; color:#fff; font-family:impact; text-align:center; font-size:60px; background:#0054ac;}
.advw{ margin:32px 0 45px 0; border-top:1px solid #dddada; border-bottom:1px solid #dddada; padding:30px 0; font-size:15px; color:#666666; font-weight:lighter; line-height:30px;}
.advw p+p{ margin-top:20px;}
.advw p{ position:relative; padding-left:32px;}
.advw p:after{ content:''; display:block; position:absolute; width:6px; height:6px; background:#0054ac; top:12px; border-radius:50%; left:11px;}
.advconcat{ padding-left:40px; background:url(../img/20200916161225_1995759247.png) no-repeat left center; font-size:13px; color:#5c5c5c; height:34px;}
.advconcat strong{ font-size:27px; font-family:Arial, Helvetica, sans-serif; color:#262626;vertical-align: sub;} 
.advpic{ margin:34px 39px 0 0;}


/*产品应用*/
.appli {width:100%;height:943px; overflow: hidden;}
.appli_box {width:1300px;margin: 0 auto;margin-top:60px;}
.appli_txt {height: 700px; margin-top: 40px;}

.appli_top {display: inline-block;margin-bottom: 10px;}
.appli_txt ul {list-style: none;}
.appli_txt ul li {float: left;position: relative; width: 425px; height: 320px; overflow: hidden; margin-right: 10px; margin-bottom: 10px;}
.appli_txt ul .on {margin-right: 0;}
.appli_txt ul li img{width: 100%;-webkit-transition: .8s; -o-transition: .8s; transition: .8s;}
.appli_txt ul li p {width: 147px;height: 48px;font-size: 16px;color: #ffffff;line-height: 48px;background: #0054ac; text-align: center;position: absolute;bottom:4px;}
.appli_txt ul li:hover img{
	-webkit-transform: scale(1.2); -ms-transform: scale(1.2); -o-transform: scale(1.2); transform: scale(1.2);
}



/*定制流程*/
.process{ padding:0 0 60px 0;}
.procelc{ padding:0 0 10px 0;}
.pcul li{ display:inline-block; position:relative;  width:134px; height:159px; position:relative; text-align:center; font-size:16px; color:#222222; line-height:150px; transition:all .3s ease; cursor:pointer;}
.pcul li:hover{ color:#0054ac; transform:translateY(-10px);}
.pcul li:hover:after{ top:66px;}
.pcul li+li{ margin-left:95px;}
.pcul li+li:after{ content:''; display:block; position:absolute; width:40px; height:18px; background:url(../img/20200916154954_1545768729.png) no-repeat center; top:56px; left:-74px; transition:all .5s ease;}
.pcul{ margin-top:50px;}
.pcul li:nth-child(1){ background:url(../img/20200916154837_406722526.png) no-repeat center;}
.pcul li:nth-child(2){ background:url(../img/20200916154837_2085539661.png) no-repeat center;}
.pcul li:nth-child(3){ background:url(../img/20200916154837_293462155.png) no-repeat center;}
.pcul li:nth-child(4){ background:url(../img/20200916154837_1821084952.png) no-repeat center;}
.pcul li:nth-child(5){ background:url(../img/20200916154838_1450365816.png) no-repeat center;}
.pcul li:nth-child(6){ background:url(../img/20200916154838_1191930448.png) no-repeat center;}
/*图片抖动*/
@keyframes icon-bounce {
  0%, 100% {
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  25% {
    -moz-transform: rotate(15deg);
    -ms-transform: rotate(15deg);
    -webkit-transform: rotate(15deg);
    transform: rotate(15deg);
  }

  50% {
    -moz-transform: rotate(-15deg);
    -ms-transform: rotate(-15deg);
    -webkit-transform: rotate(-15deg);
    transform: rotate(-15deg);
  }

  75% {
    -moz-transform: rotate(5deg);
    -ms-transform: rotate(5deg);
    -webkit-transform: rotate(5deg);
    transform: rotate(5deg);
  }

  85% {
    -moz-transform: rotate(-5deg);
    -ms-transform: rotate(-5deg);
    -webkit-transform: rotate(-5deg);
    transform: rotate(-5deg);
  }
}
@-webkit-keyframes icon-bounce {
  0%, 100% {
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  25% {
    -moz-transform: rotate(15deg);
    -ms-transform: rotate(15deg);
    -webkit-transform: rotate(15deg);
    transform: rotate(15deg);
  }

  50% {
    -moz-transform: rotate(-15deg);
    -ms-transform: rotate(-15deg);
    -webkit-transform: rotate(-15deg);
    transform: rotate(-15deg);
  }

  75% {
    -moz-transform: rotate(5deg);
    -ms-transform: rotate(5deg);
    -webkit-transform: rotate(5deg);
    transform: rotate(5deg);
  }

  85% {
    -moz-transform: rotate(-5deg);
    -ms-transform: rotate(-5deg);
    -webkit-transform: rotate(-5deg);
    transform: rotate(-5deg);
  }
}
@-moz-keyframes icon-bounce {
  0%, 100% {
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  25% {
    -moz-transform: rotate(15deg);
    -ms-transform: rotate(15deg);
    -webkit-transform: rotate(15deg);
    transform: rotate(15deg);
  }

  50% {
    -moz-transform: rotate(-15deg);
    -ms-transform: rotate(-15deg);
    -webkit-transform: rotate(-15deg);
    transform: rotate(-15deg);
  }

  75% {
    -moz-transform: rotate(5deg);
    -ms-transform: rotate(5deg);
    -webkit-transform: rotate(5deg);
    transform: rotate(5deg);
  }

  85% {
    -moz-transform: rotate(-5deg);
    -ms-transform: rotate(-5deg);
    -webkit-transform: rotate(-5deg);
    transform: rotate(-5deg);
  }
}
@-o-keyframes icon-bounce {
  0%, 100% {
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  25% {
    -moz-transform: rotate(15deg);
    -ms-transform: rotate(15deg);
    -webkit-transform: rotate(15deg);
    transform: rotate(15deg);
  }

  50% {
    -moz-transform: rotate(-15deg);
    -ms-transform: rotate(-15deg);
    -webkit-transform: rotate(-15deg);
    transform: rotate(-15deg);
  }

  75% {
    -moz-transform: rotate(5deg);
    -ms-transform: rotate(5deg);
    -webkit-transform: rotate(5deg);
    transform: rotate(5deg);
  }

  85% {
    -moz-transform: rotate(-5deg);
    -ms-transform: rotate(-5deg);
    -webkit-transform: rotate(-5deg);
    transform: rotate(-5deg);
  }
}



/*简介*/
.about_bj{ width:100%; margin:0 auto; background:url(../img/20200916135510_1420252564.jpg) center no-repeat; height:730px; margin-bottom: 60px;}
.abtitl{ text-align:center; font-size:16px; color:#ccdef3;}
.abtitl strong{ display:block; font-size:40px; color:#fff; margin-bottom:15px;padding-top:70px;}

.com_fl{width:565px;height:435px; padding-top: 90px; margin-right: 56px;}
.com_fr{width:620px;height:450px; padding-top: 90px;   margin-left: 12px; }

.com_title span{width:200px;height:45px;line-height: 45px;font-size: 22px;color:#fff;letter-spacing: 4px;background: #0054ac; text-align: center;display: block;}
.com_title p{font-size: 32px;color:#0054ac;margin: 20px 0 7px 0;}
.com_text{margin:30px 0 40px 0;}
.com_text p{font-size: 14px;color:#666;line-height: 40px;text-indent: 2em;}
.com_a a{width:130px;height:40px;line-height: 40px;font-size: 14px;color:#fff;background:#0054ac;border-radius:10px;text-align: center;display: block;float:left;}
.com_a a:first-child{margin-right: 15px;background: #333;}
.com_a a:hover{background:#ff6600;}


/*企业风采*/
.sstyle{position: relative;}
.sstyle_bg{height:410px;background: url(../img/20200916142715_1037350467.png)no-repeat bottom;}
.sstyle li{ float: left; padding-right: 23px;}
.sstyle li>a{width:295px;height:217px;padding: 6px;display: block;background: url(../img/20200916142744_1064328911.jpg)no-repeat center;}
.sstyle li>a img{width:100%;}
.sstyle li>a:after{content: "";display: block;height:28px;margin-top: 5px;background: url(../img/20200916142842_1216754338.png)no-repeat bottom center;}
.sstyle li>div{display: none;}


/*新闻中心*/
.news{ background:#f5f7f9; padding: 60px 0 60px 0;}
.news *{ box-sizing:border-box;}
.newstab a{ display:inline-table; width:220px; height:62px; background:#e6eaed; line-height:62px; font-size:20px; color:#414b4b; padding-left:86px; position:relative; transition:all 0.5s ease;}
.newstab a:after{ content:''; display:block; width:32px; height:32px; position:absolute; top:16px; left:36px; background:url(../img/20200915155857_2113686056.png) no-repeat left top;transition:all 0.5s ease;}
.newstab a+a{ margin-left:11px;}
.newstab a:nth-child(2):after{ background-position-x:-37px;}
.newstab a:nth-child(3):after{ background-position-x:-76px;}
.newstab{ width:692px; margin:0 auto;}
.newstab a.on:after{background-position-y:-69px; transform:translateX(360deg);}
.newstab a.on{ background:#0054ac; color:#fff;}
.newstab{ margin:30px auto 40px auto;}
.nbcl_le{width:700px;}
.nbcl_le .news_div_item{width:326px;display: inline-block;vertical-align:top;}
.nbcl_le .news_div_item+.news_div_item{margin-left:40px;}
.nbcl_le .news_div_item_pic img{width:326px; height:220px;}
.news_div_item_title a{font-size:18px; color:#34383d;}
.news_div_item_title a:hover{ color:#0054ac;}
.nbcl_le .news_div_item_content{margin-top:30px;}
.nbcl_le .news_div_item_body{margin-top:20px;line-height:24px;color:#93999f; font-size:14px; font-weight:lighter;display: -webkit-box;-webkit-line-clamp:3;overflow: hidden;text-overflow: ellipsis;-webkit-box-orient: vertical;}
.nbcl_le .news_div_item_date,.new_more{display:inline-block;vertical-align:top;font-size:14px;margin-top:25px; color:#696d71;}
.nbcl_le .news_div_item_date>div{display:inline-block;vertical-align:top;color:#696d71;}
.new_more{width:28px;height:28px;border-radius:50%;background:url(../img/20200915155922_587666434.png) no-repeat right center;float: right;margin-top:17px;}
.nbcr_ri{width:570px; padding-right:10px;}
.nbcr_ri .news_div_item_pic{display: none;}
.nbcr_ri .news_div_item{font-size:0;border:1px solid #eceef0;padding:23px 0;position:relative;transition:300ms; height:145px;}
.nbcr_ri .news_div_item:hover{box-shadow:0 0 10px rgba(7,99,210,0.26);z-index:1;transition:300ms;}
.nbcr_ri .news_div_item_date,.nbcr_ri .news_div_item_content{display:inline-block;vertical-align:top;}
.nbcr_ri .news_div_item_date{width:115px;text-align: center;font-size:0;}
.nbcr_ri .news_div_item_content{width:424px;padding-left:20px;border-left:1px solid #f2f5f5;}
.nbcr_ri .news_div_item_date>div{font-family:Arial;}
.nbcr_ri .news_div_item_year,.nbcr_ri .news_div_item_month{display:inline-block;vertical-align:top;color:#333; font-size:14px;}
.nbcr_ri .news_div_item_day{font-size:46px;font-weight: bold; color:#35373a;}
.nbcr_ri .news_div_item_body{margin-top:10px;line-height:30px; height:60px;color:#93999f;padding-right:20px; font-size:14px;display: -webkit-box;-webkit-line-clamp:2;overflow: hidden;text-overflow: ellipsis;-webkit-box-orient: vertical;}
.nbcr_ri .news_div_item+.news_div_item{ border-top:none;}
.nbc_list{ padding:10px 0px;}