/*banner*/
.ind-banner{width: 100%; height: 100vh;overflow: hidden;} 
.ind-banner .swiper-container{ z-index: 10!important; }
.ind-banner .swiper-slide {height: 100vh; color: #fff; } 
.ind-banner .swiper-slide a{ display:block; width:100%; height:100%;}
.ind-banner .swiper-pagination{  text-align: center; left: 0; width: 100%; bottom: 0.86rem!important; } 
.ind-banner .swiper-pagination-bullet { opacity: 1!important; width: 12px; height: 12px; text-align: center; background: url(../images/ico1.png) center no-repeat; margin:0 8px!important; } 
.ind-banner .swiper-pagination-bullet-active { background: url(../images/ico1on.png) center no-repeat;} 
.ind-banner .swiper-button-prev{ display: none; left: 20px; width: 53px; height: 53px; background: url(../images/nimg53_left.png) no-repeat; }
.ind-banner .swiper-button-next{ display: none; right: 20px; width: 53px; height: 53px; background: url(../images/nimg53_right.png) no-repeat; }

.swiper-pagination-progress { background: rgba(211,211,211,.2)!important; position: absolute;}
.swiper-pagination-progress .swiper-pagination-progressbar { background: #fff!important; }

.ind-banner .ban1 .bg{ background: url(../images/bg1.png) repeat; position: absolute; z-index: 1; width: 12.0rem; height: 2.58rem; left: 50%; margin-left: -6.0rem; top: 50%; margin-top: -1.29rem;}
.ind-banner .ban1 .txtDiv{ position: absolute; left: 0; top: 50%; height: 1.76rem; margin-top: -0.88rem; width: 100%; text-align: center; z-index: 2;}
.ind-banner .ban1 .txt1{font-size: 0.72rem; line-height: 0.72rem; padding-bottom: 0.24rem; color:#fff; position: relative; font-weight: bold; text-transform: uppercase;}
.ind-banner .ban1 .txt2{ font-size: 0.48rem; line-height: 0.64rem; color: #fff; font-weight: bold;} 
.ind-banner .ban1 .txt3{ padding-top: 0.18rem; color: #fff; text-transform: uppercase;}
.ind-banner .ban2 .txtDiv{ position: absolute; left: 50%; margin-left: -600px; top: 50%; height: 300px; margin-top: -150px;}
.ind-banner .ban2 .txt1{font-size: 36px; padding-bottom: 25px; color:#fff; position: relative;} 
.ind-banner .ban2 .txt1 em{ display: block; position: absolute; left: 0px; bottom: 0px; width: 56px; height: 5px; background: #fff;}
.ind-banner .ban2 .txt2{ font-size: 60px; font-weight: bold; margin-top: 2.5%; color: #fff;
	background-image: -webkit-linear-gradient(top,#0b6fb8,#42c0fa);
    background-image: linear-gradient(to bottom,#0b6fb8,#42c0fa);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;} 
.ind-banner .ban2 .txt3{ font-size: 30px; color: #fff; margin-top: 2%; text-transform: uppercase;}
.ind-banner .ban2 .btnDiv{ margin-top: 4.5%; width: 135px; height: 47px; background: url(../images/btn1.png) no-repeat; text-indent: 26px; color: #fff; font-size: 16px; font-weight: bold; line-height: 47px;}
.ind-banner .ban2 .robotImg{ position: absolute; right: 50%; bottom: 0; margin-right: -600px; margin-top: 18%;}
.ind-banner .ban2 .robotImg img{ width: 92%;}
.ind-banner .ban3 .txtDiv{ position: absolute; left: 0; width: 100%; top: 50%; height: 300px; margin-top: -150px;}
.ind-banner .ban3 .txt1{font-size: 60px; color:#fff; text-align: center;} 
.ind-banner .ban3 .txt2{font-size: 26px; padding: 15px 0 40px; color: #fff; text-align: center; text-transform: uppercase;} 
.ind-banner .ban3 .btnDiv{ margin: 0 auto; color: #298ffd; width: 143px; height: 57px; line-height: 47px; background: url(../images/btn3.png) no-repeat; text-indent: 26px; font-size: 16px; font-weight: bold; line-height: 47px;}
.ind-banner .ban4 .txtDiv{ position: absolute; left: 50%; margin-left: -600px; top: 50%; height: 300px; margin-top: -170px;}
.ind-banner .ban4 .txt1{font-size: 36px; padding-bottom: 25px; color:#0a74c1; position: relative;} 
.ind-banner .ban4 .txt1 em{ display: block; position: absolute; left: 0px; bottom: 0px; width: 56px; height: 5px; background: #0a74c1;}
.ind-banner .ban4 .txt2{ font-size: 60px; margin-top: 2.5%; color: #0a74c1;} 
.ind-banner .ban4 .txt3{ font-size: 30px; color: #3c3c3c; margin-top: 2%;}
.ind-banner .ban4 .btnDiv{ margin-top: 6.5%; width: 135px; height: 47px; background: url(../images/btn1.png) no-repeat; text-indent: 26px; color: #fff; font-size: 16px; font-weight: bold; line-height: 47px;}
.ind-banner .ban4 .robotImg{ position: absolute; right: 50%; bottom: 12%; margin-right: -525px; margin-top: 18%;}
.ind-banner .ban4 .robotImg img{ width: 100%;}

.ind-banner .scrollBtn{ z-index:15; left:50%; bottom:0.38rem; text-align:center; margin-left:-0.6rem; position:absolute; width:1.2rem; padding-top:0.15rem; height:9px; border-top:#fff solid 1px;}

/*banner结束*/

.bannerTel{ display: none; }
.indexFlashTel{position:relative; overflow:hidden; max-width:1004px;}
.indexFlashTel .slick img{ width:100%;}
.indexFlashTel .slick-dots{ position:absolute; left:0; text-align: center; width: 100%; bottom:20px;}
.indexFlashTel .slick-dots li{display:inline-block; margin:0 8px; width:10px; height:10px; background: url(../images/ico3.png) no-repeat; }
.indexFlashTel .slick-dots .slick-active{ background: url(../images/ico3on.png) no-repeat;}


.indexTitle2{ text-align: center; }
.indexTitle .title1{ font-weight: bold; font-size: 0.48rem; line-height: 0.48rem; text-transform: uppercase; color: #0075cf; }
.indexTitle .title2{ font-size: 0.3rem; line-height: 0.3rem; color: #1e1e1e; padding-top: 0.12rem; }



.about{ position: relative; overflow: hidden; }
.aboutLeft{padding-top: 0; width: 60%; padding-left: 3.5%;position: relative; float: left;}
.aboutLeft .name{ font-size: 22px;  color: #3f3f3f; font-weight: bold; padding-bottom: 0.1rem; }
.aboutLeft .year{ font-size: 0.6rem; line-height: 0.6rem; color: #0075cf; text-transform: uppercase; font-family:Gill Sans, Gill Sans MT, Myriad Pro, DejaVu Sans Condensed, Helvetica, Arial," sans-serif"; padding-bottom: 0.45rem;}
.aboutLeft .content{ color: #828282; padding-top: 0rem; }


.aboutRight{/* position: absolute; right: 0px; top: 0px;*/ width: 25%; float: right; }
.aboutRight .toptop{ position: relative; }
.aboutRight .toptop .imgDiv img{ width: 100%; }
.aboutRight .toptop .layer{ position: absolute; left: 0.72rem; top: 0.62rem; }
.aboutRight .toptop .txt{ font-size: 0.26rem; padding-top: 0.2rem; position: relative; color: #fff;}
.aboutRight .toptop .txt:before{ content: ''; position: absolute; left: 0px; top: 0px; width: 0.3rem; height: 0.03rem; background: #fff; opacity: 0.5;}
.aboutRight .toptop .wen{ padding-top: 0.15rem; color: #fff; opacity: 0.3; font-size: 0.13rem; }

.aboutRight .botbot{ height: 7.3rem; position: relative; background: #eef4fd url(../images/nimg378Bg.jpg) center bottom no-repeat; background-size: 3.78rem;}
.aboutRight .list{ padding-top: 0.3rem; }
.aboutRight .list li .box{ border-top-right-radius: 0.3rem; -moz-border-top-right-radius: 0.3rem; border-bottom-right-radius: 0.3rem; -moz-border-bottom-right-radius: 0.3rem; display: inline-block; padding: 0 0.52rem 0 0.54rem; margin-bottom: 0.15rem; height: 0.55rem; background: #dce5f4; line-height: 0.4rem; font-size: 0.14rem; color: #95a8b6; overflow: hidden;    -webkit-transition: background 400ms;
    transition: background 400ms;}
.aboutRight .list li em{ font-size: 0.30rem; color: #0075cf; font-family: "PingFang SC","微软雅黑", "Microsoft Yahei", "Helvetica Neue", Helvetica, Tahoma, sans-serif; position: relative; top: 0.08rem; }
.aboutRight .list li span{ color: #0075cf; font-size: 0.14rem; font-weight: bold; padding-right: 0.13rem; position: relative; top: 0.05rem;}
.aboutRight .list li:hover .box{ background: #0075cf; color: #a5bbb4; color: #fff;}
.aboutRight .list li:hover em, .aboutRight .list li:hover span{ color: #fff; }

.nr_box{width: 96.5%; padding-left: 3.5%;}

/*
-----------------[05 关于我们——荣誉资质]--------------*/

.n-main{width:100%; margin: 0 auto;}
.cs-lst {
  width:100%;
  padding-top: 0px;
  padding-bottom: 0px; }
  .cs-lst li {
    width: 25%;
	margin:0px 0% 10px 0%; text-align: center;
	float:left;}
.cs-lst01 li{width: 30%;
	margin:0px 1.5% 10px 1.5%; text-align: center;float:left;}
    .cs-lst li:hover .img img {
      transform: scale(1.0); }
    .cs-lst li:hover .cnt h2 {
      color: #e8001b; }
    .cs-lst li .img {
      width: 100%;
      overflow: hidden; }
      .cs-lst li .img img {
        transition: 300ms; }
    .cs-lst li .cnt {
      background-color: #fff;
      height: 94px;
      padding-top: 46px;
      text-align: center; }
      .cs-lst li .cnt h2 {
        color: #333;
        font-size: 20px;
        line-height: 30px; }
      .cs-lst li .cnt p {
        color: #999;
        font-family: Arial;
        font-size: 12px;
        line-height: 18px; }
		
		
.gallery2{width:272px; height:auto; margin:0 auto 40px auto;transition: 300ms;background-color:#fff; border: 1px solid #eee;}
.gallery2 .img_box{ width:270px; height:203px; line-height:0px; margin:0 auto; text-align:center;vertical-align:middle;display:table-cell;}
.gallery2 .img_title{width:100%; text-align:center; padding:10px 0px;color: #57493d;font-size: 14px;line-height: 26px;background-color:#eee;transition: 300ms; display: inline-block;
  white-space: nowrap; 
  width: 100%; 
  overflow: hidden;
  text-overflow:ellipsis;}
.gallery2 .img_title a{color: #666;}
.gallery2:hover{background-color:#fafafa;color:#FFF;}
.gallery2:hover .img_title{background-color:#0075cf; color:#FFF}
.gallery2:hover .img_title a{color: #fff;}

.gallery2_links{width:255px; height:auto;  margin:0 auto 40px auto;transition: 300ms; border: 1px solid #eee;}
.gallery2_links .img_box{ width:255px; height:87px; line-height:0px; margin:0 auto; text-align:center;vertical-align:middle;display:table-cell;}
.gallery2_links .img_title{width:100%; text-align:center; padding:13px 0px;color: #57493d;font-size: 14px;transition: 300ms;overflow: hidden;}
.gallery2_links .img_title a{color: #666;}
.gallery2_links:hover{background-color:#fafafa;color:#FFF;}
.gallery2_links:hover .img_title{background-color:#c5b39b; color:#FFF}
.gallery2_links:hover .img_title a{color: #fff;}



.gallery3{width:368px; height:auto; padding: 15px 15px 5px 15px; margin:0 auto 40px auto;transition: 300ms;background-color:#fff; border: 1px solid #dddddd;}
.gallery3 .img_box{ width:338px; height:229px; line-height:0px; margin:0 auto; text-align:center;vertical-align:middle;display:table-cell;}
.gallery3 .img_title{width:100%; text-align:center; padding:10px 0px;color: #57493d;font-size: 14px;line-height: 32px;transition: 300ms; display: inline-block;
  white-space: nowrap; 
  width: 100%; 
  overflow: hidden;
  text-overflow:ellipsis;}
.gallery3 .img_title a{color: #666;}
.gallery3:hover{background-color:#fafafa;color: #000; font-weight: bold;}
.gallery3:hover .img_title{color: #000; font-weight: bold;}
.gallery3:hover .img_title a{color: #000; font-weight: bold;}

.m-back{ height: 55px;color:#333;line-height: 55px;font-size: 18px;text-align: center;border-bottom: 1px dashed #cfcfcf;position: relative;}
.m-back span{  font-size: 14px; padding-right: 15px; padding-left: 15px; background: #59c7e2; position: absolute;right: 0;}.m-back span a{color:#fff;}
.m-prev{display: block;position: absolute;height: 90px;color:#fff;width: 49px;color: #fff;font-size: 14px;background-color: #232323;text-align: center;top: 160px;left: -5.5%; z-index: 99; background:url(../images/jiant_l.png) no-repeat left;}
.m-prev:hover{color: #fff;}
.m-next{display: block;position: absolute;height: 90px;color:#fff;width: 49px;color: #fff;font-size: 14px;background-color: #232323;text-align: center;top: 160px;right: -5.5%;z-index: 99; background:url(../images/jiant_r.png) no-repeat right;}
.m-next:hover{color: #fff;}
.m-section4{padding: 0px 0 0px 0;margin-top: 0px;}
.m-details{ position: relative; width: 88%; margin: 0 auto;}
.m-details dl{overflow: hidden;padding: 0% 0px 20px; }
.m-details dt{float: left;width: 100%;position: relative; }
.m-details dd{width: 100%;color: #888;font-size: 14px; float: left;}
.m-details .pic{ float: left;overflow: hidden; width:50%;background: #fff; }
.m-details .pic img{width: 100%;margin: 0px auto;height:auto; padding:0;}
.m-details .slider .item{outline: 0;  padding-bottom:00px; }
.m-details .slick-dots{text-align: center; position: absolute; bottom: 0px; }
.m-details .slick-dots li{display: inline-block;margin: 0 6px; width: 48px; height: 3px; background: #eaeaea; }
.m-details .slick-dots button{display: none; width: 48px;height: 3px;background-color: #bfbfbf;border: none;text-indent: -9999em;outline: 0;cursor: pointer;}
.m-details .slick-dots li.slick-active {background-color: #c79f66;}
.m-details .txt{ margin-top: 30px;}
.m-details .txt h3{color: #fff;font-size: 18px;margin:65px 0 31px; padding: 10px; font-weight: normal; border-bottom: 6px solid #f5f5f5; background: #0075cf; font-weight: normal;}
.m-details .txt img {max-width: 100%; height: auto;}
.m-details  table{ width:100%;  overflow-x: scroll;}
.m-details  table td{ padding:8px;}

.m-details .p_txt{width:50%;float: left;margin-left: 5%;}
.m-details .p_txt h2{font-size: 20px; padding-bottom: 10px; border-bottom: 1px solid #e9e9e9; color:#0075cf; margin-bottom: 30px;}

.view_pic_t{display:none;}



#MagnifierWrap{position: relative;width: 550px; border: 5px solid #f5f5f5; float: left; padding: 20px;}

.MagnifierMain{position: relative;width: 500px;height: 376px;text-align:center;vertical-align:middle;display:table-cell;}
.MagnifierDrag{position: absolute;top:0;left: 0;background-color: #ccc; opacity: 0.4;filter:alpha(opacity = 40);cursor: move;}

.MagnifierPop{position: absolute;top:0;overflow: hidden; }
.MagnifierImg{position: absolute;top:0; left: 0; } 


/*相关样式*/
#showbox { background:#fff;position: absolute; top:1px; left:1px;}
#showbox span { background:url(../images/whitebg.png) repeat;}
#showsum { left:25px; margin-top:16px;}
#showsum span { border:1px solid #ddd;}
#showsum span.sel { border:1px solid #f60;}

.showpage { width:430px; position:relative;}
.showpage a { display:block; width:15px; border:1px solid #ddd; height:60px; line-height:60px; background:#eee; text-align:center; font-size:18px; position:absolute; left:0; top:-62px; text-decoration:none; color:#999;}
.showpage a#shownext { left:auto; right:0;}
.showpage a:hover { background:#ccc; color:#777;}

.zs_hz{ width: 432px; height: 432px;background:#ccc;  position: relative; float: left; margin-bottom: 60px;}




@keyframes mouse-dot {
    from { opacity: 0; }
    33% { opacity: 1; }
    to { transform: translateY(20px); -webkit-transform: translateY(20px); opacity: 0; }
}

@-webkit-keyframes mouse-dot {
    from { opacity: 0; }
    33% { opacity: 1; }
    to { transform: translateY(20px); -webkit-transform: translateY(20px); opacity: 0; }
}


/*-----------------[新闻动态]--------------*/
.news1{ background:#fff; margin-left: 3.5%; margin-right: 3.5%;}
.news1 li{ padding-bottom:50px; margin-bottom:50px; border-bottom:1px #eee solid; }
.news1 li .imgDiv{ float:left; width:21%; border:1px #eee solid; overflow:hidden;}
.news1 li .imgDiv img{ width:100%; height: 190px; transition:ease 0.3s; -webkit-transition:ease 0.3s; -moz-transition:ease 0.3s; -o-transition:ease 0.3s;}
.news1 li .imgDiv:hover img{ transform:scale(1.2); -webkit-transform:scale(1.2);}
.news1 li .text{ float:left; width: 70%; padding:0 1% 0 4%; background:url(../images/ico18_1hr.png) no-repeat right center;}
.news1 li .morebox{ float:left; width:125px; padding-left:50px;}
.news1 li .morebox .more{ display:block; margin-top:70px; width:125px; height:40px; line-height:40px; text-indent:20px; font-size:14px; color:#8b8b8c; background:#f5f5f5; background-size:100% 100%;}
.news1 li .morebox .more:hover{ background:#817465; color:#fff; box-shadow:0 0 15px rgba(20,167,83,0.5);background-size:100% 100%;}
.news1 li .text h3{ font-weight:inherit; font-size:18px; color:#333; padding-bottom:15px; margin-bottom:15px; background:url(../images/ico2_1hr.png) no-repeat left bottom; height: 25px; overflow: hidden;}
.news1 li .text h3 a{ color:#333;}
.news1 li .text h3 a:hover{ color:#000;}
.news1 li .text p{ font-size:14px; color:#8b8b8c; line-height:1.8; height:100px;}
.news1 li .text .time{ font-size:13px; color:#8b8b8c;}

/*联系我们*/
.contact-box{ background:#ededed;}
.address{ margin-bottom:0px;width: 95%; margin: 0 auto;  margin-bottom: 40px;}
.address h2{ color:#333; font-size:30px; line-height:normal; padding-bottom:18px; display:inline-block; padding-right:250px; border-bottom:1px solid #595757; margin-bottom:36px;}
.address span{ display:block; color:#787878; font-size:16px; margin-bottom:10px;}
.address span a{ color: #787878}
.mapwr{ border:3px solid #383635;width: 90%; margin-left: 3%; margin-bottom: 50px;}
.map{ width:100%; height:510px;}
.anchorBL{ display:none !important;}
.contact-list{ margin-top:70px;}
.contact-info{ padding:48px 0 0 50px; width:470px; height:189px; background:#fff; box-shadow:0 2px 2px #d6d6d6; float:left; transition:430ms; margin-right:88px; margin-bottom:48px;}
.contact-info:nth-child(2n+2){ margin-right:0;}
.contact-info h3{ color:#595757; font-size:24px; line-height:normal; font-weight:normal; margin-bottom:25px; transition:368ms;} 
.contact-info p{ color:#595757; transition:368ms; font-size:16px; margin-bottom:3px;}
.contact-info p a{ color:#595757; display:inline-block; padding-right:30px; position:relative;}
.contact-info p a b{ display:block; width:17px; height:25px; background:url(../images/map1.png) center no-repeat; position:absolute; right:0; top:0px;}
.contact-info:hover{ background:#eb6123;}
.contact-info:hover h3{ color:#fff;}
.contact-info:hover p{ color:#fff;}
.contact-info:hover p a{ color:#fff;}
.contact-info:hover p a b{ background:url(../images/map2.png) center no-repeat;}
.contact-info p a:hover b{ animation:0.88s linear; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-name: BOUNCE; animation-name: BOUNCE;  -webkit-backface-visibility: visible !important; backface-visibility: visible !important; animation-iteration-count: infinite;}
.addleft{ float:left;} 
.footer-right{ float:right;}
.address .footer-right{ margin-top:0px;}
.eq{ margin-bottom:0px; text-align:right;}
.eq-info{ display:inline-block;}
.eq-info:nth-child(1){ margin-right:50px;}
.eq-info img{ display:block; width:150px; height:150px;}
.eq-info span{ display:block; text-align:center; margin-top:18px; line-height:normal; color:#6c6c6c;}







.ny_bg{ background:#f0f0f0; padding:0 0 60px 0;}

/*****************about*******************/

.banner2{width:100%;background:#131417;height:100vh;background-size:cover; position:relative; }
.about_banner{ width: 80%; margin: 0 auto;}
.A_ban_mid{position:absolute;left:0px;right:0px;top:20%;}
.ab_banA{width:100%;float:left;border-bottom:1px solid rgba(255,255,255,0.2);position:relative;padding-bottom:86px;}
.ab_banA dl{padding-right:40%;}
.ab_banA dl dt{font-size:42px;color:#fff;line-height:70px;}
.ab_banA dl dd{margin-top:30px;}
.ab_banA dl dd p{font-size:16px;color:#fff;line-height:30px;}
.ab_banA>img{position:absolute;right:0px;bottom:20px;width:35.2%;}

.ab_banB{width:100%;float:left;margin-top:50px;}
.ab_banB li{float:left;padding-right:7%;margin-right:7%;background:url(../images/xian1.png) no-repeat center right;font-family:"Arial";color:#fff;}
.ab_banB li>i{display:block;font-size:16px;}
.ab_banB li>span{font-size:85px;display:block;line-height:120px;}
.ab_banB li>span i{font-style:normal;}
.ab_banB li>p{font-size:16px;line-height:32px;}
.ab_banB li:last-child{background:none;padding-right:0px;margin-right:0px;}
#num3{font-size:48px;line-height:170px;}

.aboutA{width:100%;float:left;background:#fff;margin-top:60px;}
.aboutA>p{float:left;width:50%;overflow:hidden;background: #e2e2e2; text-align: center; }
.aboutA_R{width:40%;float:right;margin:6% 5% 0px 5%;}
.aboutA_R span{display:block;font-size:26px;color:#333333;padding-bottom:26px;position:relative;margin-bottom:20px;}
.aboutA_R span i{font-style:normal;color:#e60012;}
.aboutA_R span:after{content:'';width:40px;height:1px;background:#7f7f7f;position:absolute;bottom:0px;left:0px;}
.aboutA_R p{color:#686868;line-height:32px;}
.aboutA_R span{ color:#232323;font-weight: bold;}

.aboutA .img img {width: 100%;height: 100%;text-align: center; margin: 0 auto; max-width: 751px; display: block;transition-duration: 1s;-ms-transition-duration: 1s;-moz-transition-duration: 1s;-webkit-transition-duration: 1s;}

.aboutC>p{float:right;}
.aboutC .aboutA_R{float:left;}


.aboutB{width:100%;float:left;height:688px;margin-top:60px;position:relative;}
.aboutB dl{width:94.4%;padding:0px 2.8%;float:left;color:#fff;margin-top:80px;}
.aboutB dl dt{font-size:30px;padding-bottom:26px;position:relative;margin-bottom:34px;}
.aboutB dl dt:after{content:'';width:40px;height:1px;background:#9a9795;position:absolute;bottom:0px;left:0px;}
.aboutB dl dd p{line-height:32px;}
.aboutB_con{width:100%;float:left;border-top:1px solid #7c7979;position:absolute;bottom:0px;}
.aboutB_con li{width:33.3%;float:left;text-align:center;color:#fff;height:300px;background:url(../images/xian2.jpg) repeat-y right;position:relative;z-index:1;}
.aboutB_con li:last-child{background:none;}
.aboutB_con li img{height:69px;margin-top:60px;transition-duration: .5s;
-ms-transition-duration: .5s;-moz-transition-duration: .5s;-webkit-transition-duration: .5s;}
.aboutB_con li span{display:block;font-size:18px;margin-top:20px;}
.aboutB_con li p{line-height:24px;padding:0px 22%;margin-top:24px;}
.aboutB_con li i{position: absolute;z-index:-1;width: 100%;height: 0%;opacity: 0;left: 0px;top: 50%;background-color:rgba(54,108,179,0.7);transition-duration: .5s;
-ms-transition-duration: .5s;-moz-transition-duration: .5s;-webkit-transition-duration: .5s;}
.aboutB_con li:hover i{height: 100%;opacity: 1;top: 0px;}
.aboutB_con li:hover img{margin-top:52px;}

.aboutD{ padding:60px 0 60px ;width:100%;float:left;}
.aboutD .name{ text-align: center; margin-bottom: 50px;}
.aboutD .name h2{ font-size: 32px; color: #000;}
.aboutD .name .line{ width:148px; height: 5px; background:url(../images/017.png) no-repeat; margin: 10px auto 15px auto;}
.aboutD .name p{ font-size:12px; width: 80%; margin: 0 auto; color:#888888;}

.aboutD .par_box { text-align: center;}
.aboutD .par_box img { border: 1px solid #e5e5e5; margin: 0 auto; width: 100%; height: auto;}
.aboutD .par_box:hover img{border: 1px solid #c6daed;-webkit-filter: none;filter: none; }

.aboutD .par_box p { width: 100%; height: 40px; line-height: 40px; text-align: center; color: #999;}
.aboutD .swiper-container{ }
.aboutD .swiper-pagination-bullets { bottom: 0px; position: absolute}

.aboutD .more{ width:120px; height: 40px; line-height: 40px; text-align: center; color: #fff; border-radius: 40px; background:#155fa0; margin: 50px auto 0 auto;}
.aboutD .more:hover{ background:#f3b61f; color:#fff;}

/***************** case *******************/

.case_ban{ padding:100px 0 70px 0; background: #fff;}

.case_A{ text-align: left; width:100%; padding-bottom: 30px;  border-bottom: 1px solid #ececec; margin-top: 55px;}
.case_A h2{ color:#232323; font-size: 46px; font-weight: normal;}
.case_A p{color:#232323; }
.case_A a{color:#232323; font-size: 28px; padding-right: 40px; margin-right: 25px;  font-weight: bold;font-family:"微软雅黑", "Microsoft Yahei"; background: url(../images/line1.jpg) no-repeat right;}
.case_A a:last-child{ background:none;padding-right: 0px; margin-right: 0px; }
.case_A a:hover{color:#444;}
.case_A a.on {color:#1956a8;}
.case_A .serch{ width:200px; float: right;margin-top: 10px; position: relative; }


/* reset webkit search input browser style */
.case_A .serch input {
	outline: none; 
}
.case_A .serch input[type=search] {
	-webkit-appearance: textfield;
	-webkit-box-sizing: content-box;
	font-family: inherit;
	font-size: 100%;
}
.case_A .serch input::-webkit-search-decoration,
.case_A .serch input::-webkit-search-cancel-button {
	display: none; /* remove the search and cancel icon */
}

/* search input field */
.case_A .serch input[type=search] {
	background: #f5f5f5 url(../images/search-icon.png) no-repeat 9px right;
	border: solid 1px #ccc;
	padding: 9px 32px 9px 10px;
	width: 85px;
	float: right;
	font-size: 12px;
	-webkit-border-radius: 10em;
	-moz-border-radius: 10em;
	border-radius: 10em;
	
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	transition: all .5s;
}
.case_A .serch button{background: url(../images/search-icon2.png) no-repeat center; height: 30px; width: 30px; float: right; position: absolute; right: 5px; top: 3px; border: 0px solid #cccccc; border-radius: 40px;}
.case_A .serch input[type=search]:focus {
	width: 130px;
	background-color: #fff;
	border-color: #ccc;
	
	-webkit-box-shadow: 0 0 5px rgba(153,153,153,.5);
	-moz-box-shadow: 0 0 5px rgba(153,153,153,.5);
	box-shadow: 0 0 5px rgba(153,153,153,.5);
}

/* placeholder */
.case_A .serch input:-moz-placeholder {
	color: #999;
}
.case_A .serch input::-webkit-input-placeholder {
	color: #999;
}

/* demo B */
#demo-b input[type=search] {
	width: 15px;
	padding-left: 10px;
	color: transparent;
	cursor: pointer;
}
#demo-b input[type=search]:hover {
	background-color: #fff;
}
#demo-b input[type=search]:focus {
	width: 130px;
	padding-left: 32px;
	color: #000;
	background-color: #fff;
	cursor: auto;
}
#demo-b input:-moz-placeholder {
	color: transparent;
}
#demo-b input::-webkit-input-placeholder {
	color: transparent;
}



.case_B_list{
	/*width: 1202px;*/
	font-size: 0;
	margin-bottom: 50px;
	margin-top: 50px;
}
.case_B_list a{
	display: inline-block;
	/*margin-right: 2px;*/
	margin-right: 0.17%;
	margin-bottom: 2px;
	/*width: 10.94%;*/
	width: 9.81%;
	height: 50px;
	line-height: 50px;
	text-align: center;
	background-color: #f5f5f5;
	font-size: 14px;
	color: #666;
}
.case_B_list a:nth-last-child(){
	margin-right: 0;
}
.case_B_list a:hover,
.case_B_list a.on{
	background-color: #1956a8;
	color: #fff;
}


.case_C ul{
    width: 100%;
    padding-bottom: 30px;
}
.case_C li{
	float: left;
    width: 31.3%;
    margin-right: 3%;
    transition: box-shadow 0.3s ease 0s;
    margin-bottom: 20px;
}
.case_C li:nth-child(3n){margin-right: 0%;}

.case_C .img {
    display: block;
    width: 100%;
    position: relative;
    overflow: hidden;
}
.case_C .up-pic {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    transform: translateZ(0px);
    transition: transform 0.3s ease 0s;
    z-index: 2;
}
.case_C .up-graybox {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
    filter: alpha(opacity=0);
    transition: all 0.4s ease 0s;
    z-index: 3;
}
.case_C .up-graybox .bgbox{
    display: block;
    width: 100%;
    height: 100%;
    background-color: #000;
    opacity: 0.6;
    filter: alpha(opacity=60);
}
.case_C .up-graybox .stit {
    font-size: 16px;
    line-height: 30px;
    width: 100%;
    text-align: center;
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -15px;
    color: #fff;
}
.case_C .up-graybox .wx {
	width: 180px;height: auto;
	margin-top: -75px;
}
.case_C .up-graybox .line {
    display: inline-block;
    width: 100px;
    height: 1px;
    background-color: #f2f2f2;
    position: absolute;
    left: 50%;
    margin-left: -50px;
    transition: all 0.6s ease 0s;
}
.case_C .up-graybox .linet {
    top: 0;
}
.case_C .up-graybox .lineb {
    bottom: 0;
}
.case_C .cont-wrap {
    width: 100%;
    padding: 20px 6.5% 0;
    border: 1px solid #f2f2f2;
    margin-top: -1px;
}
.case_C .tit {
    line-height: 32px;
    font-size: 20px;
	text-align: center;
}
.case_C .tit a {
    display: inline-block;
    color: #333;
}
.case_C .intr {
    display: block;
    line-height: 22px;
    font-size: 14px;
    height: 52px;
    color: #999;
}
.case_C .bot-link {
    display: block;
    width: 100%;
	margin-top: 20px;
    border-top: 1px solid #e5e5e5;
    line-height: 40px;
    position: relative;
}
.case_C .bot-link .point {
    display: inline-block;
    width: 24px;
    height: 8px;
    background: url(../images/ico_08.png) no-repeat right center;
    margin-top: 14px;
}
.case_C .bot-link .stt {
    font-size: 14px;
    color: #999;
}
.case_C .bot-link:hover .stt{
	color: #333;
}
.case_C .bot-link:hover .point{
    background: url(../images/ico_08_h.png) no-repeat right center;
}

.case_C .img:hover .up-graybox {
    opacity: 1;
    filter: alpha(opacity=1);
}
.case_C .img:hover img.up-pic {
    transform: scale(1.05, 1.05);
    transition: transform 0.6s ease 0s;
}
.case_C .up-graybox:hover .line {
    width: 6px;
    margin-left: -3px;
    opacity: 0.6;
    filter: alpha(opacity=60);
}


.case_show{  width:100%; position: relative;}
.works_info_wrap{ background: #fff; padding: 60px 0;}
#works_info{width:100%;  background: #f4f4f4;}
#works_info.fixed{position:fixed; left:0; z-index:2;}
.works_info{ height:70px; margin:auto;  -webkit-animation:gupIn 0.8s 0.9s both; -moz-animation:gupIn 0.8s 0.9s both; animation:gupIn 0.8s 0.9s both; display:flex;align-items:center;}
.works_info dt, .works_info dd{float:left;}
.works_info dt{position:relative; width:25%;  *border-right:1px dotted #b9b9b9; margin-left: 2%; padding-top: 25px;}
.works_info dt:after{content:''; position:absolute; top:50px; right:0; width:0px; height:30px; border-right:1px dotted #b9b9b9;}
.works_info dt h2{color:#333; font-size:28px; font-weight:bold; line-height:1.2}
.works_info dt aside{color:#666; font-size:18px;}
.works_info dd.logo{ width:10%; height: 140px;position:relative; }
.works_info dd.logo img{ width:100%; height: auto;}
.works_info dd.summary{position:relative; width:48%; color:#666; line-height:28px; overflow:hidden; margin-left: 5%; margin-top: 10px;}
.works_info dd.summary p{text-overflow: ellipsis;overflow: hidden;display: -webkit-box;-webkit-line-clamp:4;-webkit-box-orient: vertical;}
.works_info dd.summary span{position:absolute; top:0; left:0; width:80px;}
.works_info dd.control{position:relative; width:10%; height:100%; text-align:right; margin-top: 42px;}
.works_info .works_qrcode{position:absolute; top:0; right:0; width:100px; height:100px; margin-top:-20px; overflow:hidden;}
.works_info .works_qrcode img{width:100%;}
.works_info .share, .works_info .links{position:relative; display:inline-block; width:50px; height:50px; margin:0 15px;}
.works_info i, .works_info i{position:absolute; top:0; left:0; width:100%; height:100%;}
.works_info b{border-radius:50%; -webkit-transition:0.5s cubic-bezier(0.18, 0.89, 0.40, 1.90); -moz-transition:0.5s cubic-bezier(0.18, 0.89, 0.40, 1.90); transition:0.5s cubic-bezier(0.18, 0.89, 0.40, 1.90);}
.works_info a:hover b{-webkit-transform:scale(1.1); -moz-transform:scale(1.1); transform:scale(1.1);}

.works_info .links i{background:url(../images/icon_link.png) no-repeat center center;}
.works_info .links b{width:48px; height:48px; border:1px solid #666; display: block;}
.works_info .links span{position:absolute; top:57px; left:0; font-size:12px; color:#666; opacity:0; -webkit-transition:0.3s; -moz-transition:0.3s; transition:0.3s;}
.works_info a:hover span{opacity:1;}

.works_summary{padding:0px 0 60px 0;}
.works_summary img{ max-width:100%; height: auto;}
.works_summary p{
    font-size: 16px;
    color: #666;
    line-height: 2;
    font-family: 微软雅黑, "Microsoft YaHei";
    
}

.case_sjs_list { margin:60px 0;}
.case_sjs_list ul{}
.case_sjs_list li{ width:49%; float: left; margin-right: 2%; border: 1px solid #e6e6e6; padding: 35px 28px; margin-bottom: 30px;}
.case_sjs_list li:nth-child(2n){margin-right: 0;}
.case_sjs_list li .c_logo{ width:100px;float: left;  margin-right: 4%;}
.case_sjs_list li .c_logo img{ width:100px; height: auto; border-radius: 50%;}
.case_sjs_list li .c_txt{  margin-right: 1%;  text-overflow: ellipsis;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;}
.case_sjs_list li .c_txt h2 { font-size: 18px; font-weight: bold; color:#232323; margin-bottom: 5px; }
.case_sjs_list li .c_txt p{ font-size: 14px; color:#666;}
.case_sjs_list li .c_txt p a{color:#666;}

.case_sjs_list li:hover{border: 1px solid #cce1f2; }


.case_wt{ margin:60px 0;}
.case_wt ul{}
.case_wt li{ width:14%; float: left; margin-right: 3%; margin-left: 3%; border: 1px solid #e6e6e6; padding: 0px; margin-bottom: 50px;}
.case_wt li .c_logo{width:100%;}
.case_wt li .c_logo img{ width:100%; height: auto;}
.case_wt li .c_txt { text-align: center; margin-top: 10px; margin-bottom: 15px;}
.case_wt li:hover{border: 1px solid #cce1f2; }




.news_ban{ background:#fff;width:100%; position: relative;margin-top: 90px; }
.platform{ margin:auto; padding:67px 0 60px; overflow:hidden; -webkit-animation:gdownIn 0.6s 0.4s both; -moz-animation:gdownIn 0.6s 0.4s both; animation:gdownIn 0.6s 0.4s both; margin-left: 1.5%;}

.platform a{display:block; float:left; width:144px; height:50px; margin-right:20px; line-height:50px; text-align:center; border-radius:2px; -webkit-transition:0.3s; transition:0.3s; -moz-transition:0.3s; transition:0.3s; transition:0.3s; transition:0.3s;}
.platform a{background-color:#f0f0f0; background-repeat:no-repeat; color:#333;}
.platform a:hover, .platform .act{background-color:#1956a8; color:#fff;}


.platform .pc{background-position:0 0; text-indent:30px; background-image:url(../img/platform_icon.png)}
.platform .pc:hover, .platform .pc.act{background-position:0 -50px;}
.platform .mb{background-position:-145px 0; text-indent:30px; background-image:url(../img/platform_icon.png)}
.platform .mb:hover, .platform .mb.act{background-position:-145px -50px;}
.platform-news a{background:#f4f4f4; color:#666; font-size: 16px;}

.news_wrap{ padding:0 0 60px 0;}
#news_list{width:100%; overflow:hidden;}
#news_list li{float:left; width:30.3%;margin:0 1.5% 25px 1.5%; -webkit-animation:gfadeIn 0.6s 0.8s both; -moz-animation:gfadeIn 0.6s 0.8s both; animation:gfadeIn 0.6s 0.8s both; border-top: 1px solid #e5e5e5;font-family:"微软雅黑", "Microsoft Yahei";}
#news_list li:nth-of-type(2){-webkit-animation-delay:1s; -moz-animation-delay:1s; animation-delay:1s;}
#news_list li:nth-of-type(3){-webkit-animation-delay:1.2s; -moz-animation-delay:1.2s; animation-delay:1.2s;}
#news_list li:nth-of-type(4){-webkit-animation-delay:1.4s; -moz-animation-delay:1.4s; animation-delay:1.4s;}
#news_list li:nth-of-type(5){-webkit-animation-delay:1.6s; -moz-animation-delay:1.6s; animation-delay:1.6s;}
#news_list li:nth-of-type(6){-webkit-animation-delay:1.8s; -moz-animation-delay:1.8s; animation-delay:1.8s;}
#news_list li:nth-of-type(7){-webkit-animation-delay:2s; -moz-animation-delay:2s; animation-delay:2s;}
#news_list li:nth-of-type(8){-webkit-animation-delay:2.2s; -moz-animation-delay:2.2s; animation-delay:2.2s;}
#news_list li:nth-of-type(9){-webkit-animation-delay:2.4s; -moz-animation-delay:2.4s; animation-delay:2.4s;}
#news_list li:nth-of-type(10){-webkit-animation-delay:2.6s; -moz-animation-delay:2.6s; animation-delay:2.6s;}
#news_list li:nth-of-type(11){-webkit-animation-delay:2.8s; -moz-animation-delay:2.8s; animation-delay:2.8s;}

#news_list li picture{display:block;  width:100%; overflow:hidden;}
#news_list li picture img{width:100%; height:auto; -webkit-transition:0.3s; -moz-transition:0.3s; transition:0.3s;}
#news_list li div{position:relative; height:180px; padding:20px; -webkit-transition:0.3s; -moz-transition:0.3s; transition:0.3s;}
#news_list li h2{margin-bottom:20px; color:#333; font-size:18px;font-weight: bold;text-overflow: ellipsis;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;height: 30px; overflow: hidden;}
#news_list li p{height:64px; color:#666; font-size:12px; overflow:hidden; line-height:1.8;}
#news_list li span{position:absolute; bottom:20px; left:20px; color:#666;font-size: 12px;}
#news_list li a:hover div{background:#1956a8;}
#news_list li a h2, #news_list li a p, #news_list li a span{-webkit-transition:0.3s; -moz-transition:0.3s; transition:0.3s;}
#news_list li a:hover h2, #news_list li a:hover p, #news_list li a:hover span{color:#fff;}
#news_list li a:hover picture img{-webkit-transform:scale(1.06); -moz-transform:scale(1.06); transform:scale(1.06);}


#news_list li.first{position:relative; width:795px;}
#news_list li.first picture{width:100%; height:100%;}
#news_list li.first div{position:absolute; bottom:0; left:0; right:0; background:rgba(0,0,0,0.7);}
#news_list li.first h2{color:#fff;}
#news_list li.first p{width:70%; color:#bbb;}
#news_list li.first span{color:#ddd;}

/*
-----------------[文章详细页]--------------*/
.projectshow1{width: 95%;margin: 47px auto;}
.projectshow1 .title{ text-align:center; padding-bottom:15px; margin-bottom:30px; position: relative;}
.projectshow1 .title h1{ font-weight:inherit; font-size:30px; color:#333; padding-bottom:10px;}
.projectshow1 .title .time{ font-size:14px; color:#8b8b8c;text-align: center; width: 100%;border-bottom:1px #ddd dotted; border-top:1px #ddd dotted; padding: 7px 0; margin-top: 15px;}
.projectshow1 .title .time span{ padding:0 10px;float: none;}
.projectshow1 .title .return2{ width:32px; height: 32px; position: absolute; right:0; top:10px;}
.projectshow1 .contentbox{ background:#fff; padding:0%;}
.projectshow1 .contentbox .text h2{ font-size:16px; color:#ec6c21; padding-bottom:20px;}
.projectshow1 .contentbox .text p{ font-size:16px; color:#666;line-height:2;font-family: 微软雅黑, "Microsoft YaHei";}
.projectshow1 .contentbox img{ max-width:100%; height: auto;}

.detailsshare{ position:relative; padding-top:30px;}
.detailsshare .share{ height:47px;  border-bottom:1px #ddd dotted; }
.detailsshare .share em{ font-size:14px; color:#8d8d8d; line-height:27px; float:left; font-style:normal}
.detailsshare .share li{ float:left; margin-left:10px;}
.detailsshare .bottomDiv{ padding-top:20px;}
.detailsshare .bottomDiv a{ font-size:14px; color:#333;}
.detailsshare .bottomDiv em{ font-size:14px; color:#333; font-weight:bold; font-style:normal}
.detailsshare .bottomDiv a:hover{ color:#000; font-weight: bold;}
.detailsshare .bottomDiv .left{ float:left;}
.detailsshare .bottomDiv .left .getDiv{ padding-bottom:10px;}
.detailsshare .bottomDiv .right{ float:right; margin-top:10px;}
.detailsshare .bottomDiv .right .backbtn{display:block; font-size:14px; text-align:center; color:#8b8b8c; line-height:40px; width:120px; height:40px; border:1px #eee solid;}
.detailsshare .bottomDiv .right .backbtn:hover{ color:#fff; background-color:#ec6c21; border:1px #ec6c21 solid;}
.detailsshare .flshare{ float:right; width:242px;}



.N_banner,.N_banner>img{width:100%;float:left;}
.N_banner{position:relative;margin-top:65px;}
.N_ban_con{position:absolute;left:0px;right:0px;bottom:50px;color:#fff;}
.N_ban_con dl dt strong{float:left;font-size:36px;padding-bottom:30px;border-bottom:4px solid #fff;}
.N_ban_con dl dd{margin-top:50px;width:100%;float:left;}
.N_ban_con dl dd a{font-size:16px;color:#fff;font-weight:bold;float:left;padding-left:25px;margin-right:44px;background:url(../images/cico01.png) no-repeat center left;}
.N_ban_con dl dd a.cur,.N_ban_con dl dd a:hover{background:url(../images/cico1.png) no-repeat center left;}

.contact_wrap{ background: #f4f4f4;}
.contactA{width:100%;float:left;background:#fff;margin-top:60px;padding-bottom:15px;}
.contactA_T{padding:60px 2.8%;overflow:hidden;border-bottom:1px solid #e2e2e2;position:relative;}
.contactA_T_l{left:2.8%;width:20%;position:absolute;top:60px; }
.contactA_T_l>p{font-size:38px;color:#3a3a3a;}
.contactA_T_l>span{display:block;font-size:40px;color:#333333;line-height:32px;margin:20px 0px;}
.contactA_T_l>i{display:block;font-style:normal;color:#999999;line-height:32px;}
.contactA_T_l>a{display:inline-block;width:180px;line-height:50px;background:#1956a8;color:#fff;text-align:center;font-size:18px;margin-top:45px;}
.contactA_T_R{position:absolute;width:20%;right:2%;text-align:center;top:102px; }
.contactA_T_R p{font-size:16px;line-height:28px;margin-top:30px; color: #232323;}
.contactA_T_R img{ border:1px solid #e1e1e1; padding: 5px; width: 100%; height: auto; max-width: 170px;}

.contactA_T_m{width:50%;margin:0 auto;padding:0px 10%;border-left:1px solid #e2e2e2;border-right:1px solid #e2e2e2;}
.contactA_T_m div{width:100%;float:left;margin-bottom:50px;}
.contactA_T_m div span{font-size:22px;color:#1956a8;display:block;line-height:34px;}
.contactA_T_m div strong{display:block;font-family:"Arial";font-size:36px;color:#1956a8;line-height:34px;margin:14px 0px 10px 0px;}
.contactA_T_m div p{color:#999999;line-height:34px;}
.contactA_T_m>p{font-size:16px;color:#666666;line-height:42px;}

.contactA_B{overflow:hidden;position:relative;z-index:10;border-top:1px solid #e2e2e2; padding: 60px 0;}
.con_img{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);text-align:center;}
.con_img i{display: block;background: url(../images/map.png) no-repeat;width: 35px;height: 50px;margin: 0 auto 40px;animation: myanimate 0.5s infinite alternate;-webkit-animation: myanimate 0.5s infinite alternate;}
.con_img a{width:150px;padding:12px 0px;background:#1956a8;text-align:center;border-radius:6px;color:#fff;display:inline-block;}


.contactA_B_L{ width:30%; float: left; padding-left: 2.8%;}
.contactA_B_L h2{ font-size: 30px; color:#1956a8;}
.contactA_B_L p{font-size:14px;line-height:36px;margin-top:30px;}
.contactA_B_L p span{color:#1956a8;}

.contactA_B_R{ width:60%; float: right; margin-right: 2.8%;}

.contactA_C{ padding:60px 2.8%;}
.contactA_C h2{ font-size: 30px; color:#1956a8; margin-bottom: 20px;}
.contactA_C p{line-height: 30px; margin: 0 0 10px 0; font-size: 16px;}

.contactA_C_l{width:36%;float: left; }
.contactA_C_r{width:60%; float: right;}
.contactA_C_r .fkm{ width:230px; margin-left: 3%; float: right; margin-top: 30px;}
.contactA_C_r .fkm img{ width:100%;height:auto;}
.contactA_C_r .fkm .txt{ font-size:14px; color:#232323;text-align: center; margin-top: 5px;}

.contactA_C_l_2{width:100%;float: left; }
.contactA_C_l_2 p{font-size:14px; line-height: 24px;}


.banner3{width:100%;margin-top: 66px; height: 6rem; /*background:url(../images/b3.jpg) no-repeat center right #f1f1f1;*/ background-image: linear-gradient(#fff, #d2e6f9)}
.banner3.dpsk{background:url(../images/dpbg.jpg) no-repeat center;}
.banner3 .b_txt {
    width: 38%;
    float: left;
    padding-top: 10%;
	padding-left: 8%;
}
.banner3 .b_txt .t1 {
    font-size: 48px;
    font-weight:bolder;
    color: #222;
    line-height: 1;
	font-family:"微软雅黑", "Microsoft Yahei";
}
.banner3 .b_txt .t2 {
    font-size: 18px;
    line-height: 36px;
    color: #222;
    margin-top: 22px;
}
.banner3 .imgbox2 {
    width: 53%;
    height: 100%;
    float: right;
}
.banner3 .imgbox .img1 {
    top:130px;
}
.banner3 .img1 {
    width: 45%;
    position: absolute;
    right: 8%;
    transition: all ease 1.5s .5s;
}
.banner3 .img1 img{ max-width: 824px; height: auto;width: 100%;}







.n_w_team{ padding:50px 0;}

.n_web .xys{ width:100%; height: auto;}
.n_web .xys .txt01{font-size: 48px;color: #000000;font-weight: bold;padding-top: 70px;}

.reswhatt{font-family: roboto condensed,PingFang SC,Microsoft YaHei,微软雅黑,STXihei,华文细黑,sans-serif;background: url(../images/reswhatt_bg.jpg) no-repeat 50% bottom;color: rgb(0, 0, 0);font-size: 36px; text-align: center; padding-bottom:20px; }

.reswhatinfo {
    text-align: center;
    font-size: 14px;
    line-height: 24px;
    color: rgb(102, 102, 102);
    padding: 40px 0px 40px;
}
.resimg{
	 text-align: center;
}
.resimg img{
	max-width:100%; height: auto;
}

.n_w_team2{ width:100%; background:url(../images/006.jpg) no-repeat #fbfbfb; padding: 80px 0;}

.serve-img { width: 50%; float: right}

.serve-inform {
	width: 50%;
	color: #202020;
	float: left;
	padding-left: 40px;
}

.serve-inform .ico {
	margin-left: 0;
}

.serve-inform .title {
	margin: 15px 0 8px;
	font-size: 26px;
	color: #000;
}

.serve-inform .title-eng {
	color: #bbb;
	text-transform: uppercase;
}


.serve-inform .con {
	padding: 40px 0 35px;
	line-height: 24px;
}

.serve-inform .con p {
	margin: 15px 0;
	padding-left: 20px;
	color: rgba(32,32,32,.7);
	background: url(../images/advantage_technique_bg.jpg) no-repeat left 8px;
}

.serve-inform .button {
	font-size: 16px;
}

.serve-inform .button:hover { color: #2b9eff;}

.button {
	position: relative;
	overflow: hidden;
	display: inline-block;
	width: 178px;
	height: 36px;
	line-height: 36px;
	text-align: center;
	color: #fff;
	font-size: 16px;
	cursor: pointer;
	overflow: hidden;
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	-ms-transform-style: preserve-3d;
	-o-transform-style: preserve-3d;
	transform-style: preserve-3d;
	-webkit-border-radius: 18px;
	-moz-border-radius: 18px;
	border-radius: 18px;
	background-color: #268cf0;
	-webkit-box-shadow: -6px 5px 15px rgba(41,89,137,.2);
	-moz-box-shadow: -6px 5px 15px rgba(41,89,137,.2);
	box-shadow: -6px 5px 15px rgba(41,89,137,.2);
}

.button span {
	display: block;
	-webkit-transition: all ease .4s;
	transition: all ease .4s;
}

.button .hover {
    position: absolute;
    display: block;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 4;
    -webkit-transform: translate(0, 100%);
    -ms-transform: translate(0, 100%);
    -moz-transform: translate(0, 100%);
    -o-transform: translate(0, 100%);
    transform: translate(0,100%);
    opacity: 0;
}

.button .hover-i {
    position: relative;
    display: inline-block;
    font-style: normal;
   -webkit-transform: translate(0, 10px);
    -ms-transform: translate(0, 10px);
    -moz-transform: translate(0, 10px);
    -o-transform: translate(0, 10px);
    transform: translate(0,10px);
    -webkit-transition: -webkit-transform 0.3s ease-out;
    -moz-transition: -moz-transform 0.3s ease-out;
    -o-transition: -o-transform 0.3s ease-out;
    transition: -webkit-transform 0.3s ease-out;
    transition: transform 0.3s ease-out;
    transition: transform 0.3s ease-out, -webkit-transform 0.3s ease-out
}

.button:hover .default { opacity: 0;}

.button:hover .hover {
	opacity: 1;
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 0)
}

.button:hover .hover-i {
    -webkit-transition-delay: 0.2s;
    -moz-transition-delay: 0.2s;
    -o-transition-delay: 0.2s;
    transition-delay: 0.2s;
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 0)
}


.button {
	color: #fff;
	background: #2b9eff;
}
.button .hover {
	background: #fff;
    color: #2b9eff;
}


.n_w_team3{ padding:80px 0;}
.resyshi{ background: url(../images/13459_jv1th04s.png) no-repeat;background-position: 50% 15%;background-size: 100%; height: 212px;}
.resyshi ul{ width: 90%; margin: 0 auto;}
.resyshi li{ width:14.6%; float: left; margin: 10px 1%;}
.resyshi li .box{ width:75px; height: 75px;background: url(../images/11825_ju29o7y6.png) no-repeat; text-align: center; margin: 0 auto;-webkit-transition: -webkit-transform 0.4s ease-out; -moz-transition: -moz-transform 0.4s ease-out; transition: transform 0.4s ease-out;}
.resyshi li .box img{ width:95%; max-width: 59px; padding-top: 10%;}
.resyshi li .txt{ width:100%;}
.resyshi li .txt h2{text-align: center;color:#232323; font-size: 16px; margin-bottom: 5px; margin-top: 20px;}
.resyshi li .txt p{font-size: 12px;line-height: 2em;text-align: center; color:#999;}


.resyshi li .t1{ margin-top: 110px;}

.resyshi li:hover .box{-webkit-transform: rotate(360deg);-moz-transform: rotate(360deg);	transform: rotate(360deg);}


/* sBusiness */
.n_web1{width: 100%; position: relative;}
.miaodian{position: absolute; left:0; bottom:10%; z-index: 99; width: 5px; height: 5px;}
.n_web1 .item{ padding:80px 0 60px 0; width: 100%;}
.n_web_lf{ float:left}
.n_web_lr{ float:right}
.n_web1 .item .qImg{width: 50%;text-align: center;}
.n_web1 .item .qImg img{ width:100%; max-width: 782px; height: auto;}
.n_web1 .item .description{ width: 50%; padding-left: 12%;  position: relative;}
.n_web1 .item .description .dt{font-weight: bold; font-size: 46px; color:#000; }
.n_web1 .item .description .dt2{ font-size: 20px; color:#666; margin-top: -3px;}
.n_web1 .item .description .dt3{ font-size: 120px; color: rgba(223,223,223,0.70); position: absolute; top:-45px; left:9%;font-family: "Intro Cond Black Free", Arial, sans-serif; z-index: 0;}
.n_web1 .item .description .dd{margin-top: 4.16666667%; font-size: 15px; color:#ababab; line-height: 32px;}
.n_web1 .item .description .df{margin-top: 5.20833333%; padding-top: 10px; white-space: nowrap; font-size: 14px;}
.n_web1 .item .description .df .col{vertical-align: top; display: inline-block; vertical-align: middle; margin-right: 20px; text-align: center; line-height: 20px; width: 80px; height: 120px;}
.n_web1 .item .description .df .col .icoImg{display: block; margin-left: auto; margin-right: auto; width: 80px; height: 80px; background-color: #f5f5f5; margin-bottom: 10px; white-space: normal;}
.n_web1 .item .description .df .col p{margin-left: -10px; width: 100px;}
.n_web1 .item .description .df .col:hover .icoImg{-webkit-transform: scale(1.1); transform: scale(1.1);}

.n_web1 .item .description2{ width: 50%;  padding-right: 12%; margin-top: 20px; position: relative; text-align: right;}
.n_web1 .item .description2 .dt{font-weight: bold; font-size: 46px; color:#000;  }
.n_web1 .item .description2 .dt2{ font-size: 20px; color:#666; margin-top: -3px;}
.n_web1 .item .description2 .dt3{ font-size: 120px; color: rgba(223,223,223,0.70); position: absolute; top:-45px; right:9%;font-family: "Intro Cond Black Free", Arial, sans-serif; z-index: 0;}
.n_web1 .item .description2 .dd{margin-top: 4.16666667%; font-size: 15px; color:#ababab; line-height: 32px;}
.n_web1 .item .description2 .df{margin-top: 5.20833333%; padding-top: 10px; white-space: nowrap; font-size: 14px;}
.n_web1 .item .description2 .df .col{vertical-align: top; display: inline-block; vertical-align: middle; margin-left: 20px; text-align: center; line-height: 20px; width: 80px; height: 120px;}
.n_web1 .item .description2 .df .col .icoImg{display: block; margin-left: auto; margin-right: auto; width: 80px; height: 80px; background-color: #f5f5f5; margin-bottom: 10px; white-space: normal;}
.n_web1 .item .description2 .df .col p{margin-left: -10px; width: 100px;}
.n_web1 .item .description2 .df .col:hover .icoImg{-webkit-transform: scale(1.1); transform: scale(1.1);}

.n_web1 .item .description3{ width:57%; padding:50px 0; margin-top: 0px; position: relative; text-align: left;}
.n_web1 .item .description3 .dt{font-weight:bolder; font-size: 60px; background: linear-gradient(90deg, #2468f2, #29ABFE);-webkit-background-clip: text;-webkit-text-fill-color: transparent; line-height:1;font-family:"Microsoft Yahei"; }
.n_web1 .item .description3 .dt2{ font-size: 42px; color:#000; margin-top: 8px; font-weight: bold; font-family:"Microsoft Yahei";}
.n_web1 .item .description3 .dt4{ font-size:20px; margin-top:20px; color:#3D3D3D;}
.n_web1 .item .description3 .dt3{ font-size: 120px; color: rgba(255,255,255,0.70); position: absolute; top:-45px; right:9%;font-family: "Intro Cond Black Free", Arial, sans-serif; z-index: 0;}
.n_web1 .item .description3 .dp_list{ margin-top:50px; width:600px; margin-bottom:30px;}
.n_web1 .item .description3 .dp_list li{ width:48%;float:left; margin-right:2%;color:#fff;display: flex;align-items: center;padding:4px 10px;margin-bottom:10px; border-radius:8px;}
.n_web1 .item .description3 .dp_list li .icon{width:35px;height:35px; float:left; margin-right: 5px; display: flex;align-items: center;}
/*.n_web1 .item .description3 .dp_list li .icon img{ width:100%; height:auto}*/
.n_web1 .item .description3 .dp_list li.color_bg1{ background:#2468F2}
.n_web1 .item .description3 .dp_list li.color_bg2{ background:#24B7F2}
.n_web1 .item .description3 .dp_list li.color_bg3{ background:#10D098}
.n_web1 .item .description3 .dp_list li.color_bg4{ background:#F25D2B}
.n_web1 .item .description3 .dp_list li:hover{ opacity:0.9;}

.n_web1 .item .description3 .dp_list p{ line-height:1.3;}

.bg1{ background:url(../images/wb1.jpg) no-repeat right center #1956a8;padding: 6% 0; }
/*.bg2{ background: #71cbf6;padding: 6% 0; }*/
.bg2{ background:url(../images/dp_bg2.jpg) no-repeat center center;padding: 6% 0; }
.bg3{ background: #1a8be9;padding: 6% 0; }
.bg4{ background:url(../images/wb4.jpg) no-repeat left top #8ce051;padding: 6% 0; }
.bg5{ background:url(../images/wb3.jpg) no-repeat center bottom #ffa13a;padding: 6% 0; }
.bg6{ background: #2ca246;padding: 6% 0; }

.bg1 .description,
.bg1 .description a{ color:#fff;}
.bg1 .description .dt,.bg1 .description .dt2{color:#fff !important;}
.bg1 .description .dt a{color:#fff !important;}
.bg1 .description .dd{color:#c1e3ff !important;}
.bg1 .description .dt3{color: rgba(255,255,255,0.20)!important;}

.bg2 .description2,
.bg2 .description2 a{ color:#fff;}
.bg2 .description2 .dt,.bg2 .description2 .dt2{color:#fff !important;}
.bg2 .description2 .dt a{color:#fff !important;}
.bg2 .description2 .dd{color:#e1f5ff !important;}
.bg2 .description2 .dt3{color: rgba(255,255,255,0.20)!important;}

.bg3 .description,
.bg3 .description a{ color:#fff;}
.bg3 .description .dt,.bg3 .description .dt2{color:#fff !important;}
.bg3 .description .dt a{color:#fff !important;}
.bg3 .description .dd{color:#c1e3ff !important;}
.bg3 .description .dt3{color: rgba(255,255,255,0.20)!important;}

.bg4 .description2,
.bg4 .description2 a{ color:#fff;}
.bg4 .description2 .dt,.bg4 .description2 .dt2{color:#fff !important;}
.bg4 .description2 .dt a{color:#fff !important;}
.bg4 .description2 .dd{color:#eaffdb !important;}
.bg4 .description2 .dt3{color: rgba(255,255,255,0.20)!important;}

.bg5 .description,
.bg5 .description a{ color:#fff;}
.bg5 .description .dt,.bg5 .description .dt2{color:#fff !important;}
.bg5 .description .dt a{color:#fff !important;}
.bg5 .description .dd{color:#ffefde !important;}
.bg5 .description .dt3{color: rgba(255,255,255,0.20)!important;}

.bg6 .description,
.bg6 .description a{ color:#fff;}
.bg6 .description .dt,.bg6 .description .dt2{color:#fff !important;}
.bg6 .description .dt a{color:#fff !important;}
.bg6 .description .dd{color:#a9e1b6 !important;}
.bg6 .description .dt3{color: rgba(255,255,255,0.20)!important;}

.works_focus{  overflow:hidden; text-align:center; -webkit-animation:gfadeIn 0.8s 0.4s both; -moz-animation:gfadeIn 0.8s 0.4s both; animation:gfadeIn 0.8s 0.4s both; margin-top: 56px;}
.works_focus h1{margin-top:40px; color:#232323; font-size:30px; padding-top: 18px;}
.works_focus h5{color:#fff; color:rgba(255,255,255,.4); font-size:24px;}
.works_focus .focus_img{ overflow:hidden; -webkit-animation:gdownIn 0.6s 0.65s both; -moz-animation:gdownIn 0.6s 0.65s both; animation:gdownIn 0.6s 0.65s both;}
.works_focus .focus_img img{max-width:100%; vertical-align:top;}


/*表格响应式*/
.table-wrapper{
    margin:60px 0px 20px;
}

.fl-table {
    border-radius: 5px;
    font-size: 16px;
    font-weight: normal;
    border: none;
    border-collapse: collapse;
    width: 100%;
    max-width: 100%;
    white-space: nowrap;
    background-color: white;
}

.fl-table td, .fl-table th {
    text-align: center;
    padding: 12px;
}

.fl-table td {
    border-right: 1px solid #f8f8f8;
    font-size: 14px;
}

.fl-table thead th {
    color: #ffffff;
    background: #eee;
}

.fl-table thead th:nth-child(odd) {
    color: #000000;
    background: #f5f5f5;
}

.fl-table tr:nth-child(even) {
    background: #F8F8F8;
}


.n_web_menu{width: 100%;}
.n_web_menu .nav_wrap{width:100%; height: 78px;}
.n_web_menu .nav_wrap.navFix{position: fixed; left: 0; bottom: 0; width: 100%; border-radius: 0; z-index: 9999;}
.n_web_menu .nav_wrap li{width:20%; float: left; background: #fff; color: #454545; height: 78px; line-height: 78px; font-size: 18px; border-right: 1px solid #eee;}
.n_web_menu .nav_wrap li a{ color:#fff;}
.n_web_menu .nav_wrap .active,.details_main .n_web_menu .nav_wrap a:hover{ackground: #1956a8; color:#666;}  
.cont{width: 1200px; margin: 0 auto; height: 500px; background: #ccc; border-bottom: #f00 5px solid;}

.n_web_menu{ width:100%; height: 78px; margin: 0 auto; display: block; position: relative;}
.n_web_menu li.act{background: #1956a8; color:#fff;}
.n_web_menu li:hover{background: #1956a8; color:#fff;}
.n_web_menu li .ico{ width:35px; height: 35px; float: left; margin-left: 40px; margin-right: 8px; margin-top: 21px;}
.n_web_menu li .ico img{ width:100%; height: auto;}
.n_web_menu li.dp{background:#4f6bfe; color:#fff; }
.n_web_menu li:hover.dp{background:#1956a8; }

.icoweb1{background: url(../images/23.png) no-repeat; background-size: 100% auto;}
.n_web_menu li.active .icoweb1{background: url(../images/23-.png) no-repeat;background-size: 100% auto;}
.n_web_menu li:hover .icoweb1{background: url(../images/23-.png) no-repeat;background-size: 100% auto;}
.icoweb2{background: url(../images/24-.png) no-repeat; background-size: 100% auto;}
.n_web_menu li.active .icoweb2{background: url(../images/24-.png) no-repeat;background-size: 100% auto;}
.n_web_menu li:hover .icoweb2{background: url(../images/24-.png) no-repeat;background-size: 100% auto;}
.icoweb3{background: url(../images/25.png) no-repeat; background-size: 100% auto;}
.n_web_menu li.active .icoweb3{background: url(../images/25-.png) no-repeat;background-size: 100% auto;}
.n_web_menu li:hover .icoweb3{background: url(../images/25-.png) no-repeat;background-size: 100% auto;}
.icoweb4{background: url(../images/26.png) no-repeat; background-size: 100% auto;}
.n_web_menu li.act .icoweb4{background: url(../images/26-.png) no-repeat;background-size: 100% auto;}
.n_web_menu li:hover .icoweb4{background: url(../images/26-.png) no-repeat;background-size: 100% auto;}
.icoweb5{background: url(../images/27.png) no-repeat; background-size: 100% auto;}
.n_web_menu li.act .icoweb5{background: url(../images/27-.png) no-repeat;background-size: 100% auto;}
.n_web_menu li:hover .icoweb5{background: url(../images/27-.png) no-repeat;background-size: 100% auto;}

.deepsk{margin-top:90px;}
.flex {
    display: flex;
    flex-wrap: wrap;
}
.bgImage {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}
.Progn-list{width:100%;}
.Progn-list .list {width:100%;}
.Progn-list .list .contain{border-bottom: 1px solid #e9f0ff;display: flex;flex-wrap: wrap; justify-content:space-between; width:80%; margin:0 auto; padding:40px 0;}
.Progn-list .list .img {width: 40%;display: flex;justify-content: center;align-items: center;}
.Progn-list .list .img img{width:100%; height:auto;}
.Progn-list .list .cont {width: 60%;display: flex;flex-direction: column;justify-content: center; background:#fff; border-bottom:0; }
.Progn-list .list .cont .name{font-size:36px; color:#000; font-weight:800;font-family:"Microsoft YaHei"; margin-bottom:30px;line-height:1.2;}
.Progn-list .list .cont .text{ font-size:15px;}
.Progn-list .list .cont ul {margin-bottom: -12px; margin-top:30px; }
.Progn-list .list .cont li {width:100%;display: flex;align-items: center;margin-bottom: 5px; font-size:18px;color:#2468f2; font-weight:border;}
.Progn-list .list .cont li span{width: 15px;height: 15px;background: url(../images/Progn-list_icon.png) center no-repeat;display: block;}
.Progn-list .list .cont li .hit{width: calc(100% - 15px);padding-left: 12px;}
.Progn-list .list .cont .btn a:nth-child(1){margin-right: 15px;}
.Progn-list .list .cont .btn a:nth-child(2){border: 1px solid #1664ff !important;}
.Progn-list .list .cont .btn a:nth-child(2) span{color: #1664ff;transition: all .4s ease;}
.Progn-list .list .cont .btn a:nth-child(2):hover {border: 1px solid transparent !important;background-color: transparent;}
.Progn-list .list .cont .btn a:nth-child(2):hover span{color: #fff;}
.Progn-list .list .cont .btn a:nth-child(2)::before{display: none;}
.Progn-list .list:nth-child(even) .contain{flex-direction: row-reverse;}
.Progn-list .list:nth-child(odd) .cont{padding: 0px 60px 0px 140px;}
.Progn-list .list:nth-child(even) .cont{padding: 0px 130px 0px 70px;}
.Progn-list .list:last-child .contain{border-bottom: none !important;}
.Progn-list .list .contain.noBorder{border-bottom: none;}
.Progn img.bg1{position: absolute;top: -400px;right: 0px;}
.Progn img.bg2{position: absolute;bottom: 0px;left: 0px;}
.Progn .contain{position: relative;z-index: 2;}