@keyframes fadedown {
    from { transform: translateY(-100%); opacity: 0; }

    to { transform: translateY(0); opacity: 1; }
}
@keyframes fadedown {
    from { transform: translateY(-100%); opacity: 0; }

    to { transform: translateY(0); opacity: 1; }
}
.banner { position: relative; overflow: hidden; }
.banner .bannerfix >li { height: 100%; line-height: 0; opacity:0; transition:opacity 1000ms linear; -webkit-transition:opacity 1000ms linear; float:left;}
.banner .bannerfix >li .bimg { line-height: 0; width: 100%; position: relative; transition: transform 5s ease; -webkit-transition: transform 5s ease; transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1);}
.banner .bannerfix >li.imgIn{ opacity:1; z-index:10; display:block;}
.banner .bannerfix >li.imgIn .bimg { transform: matrix(1, 0, 0, 1, 0, 0); -webkit-transform: matrix(1, 0, 0, 1, 0, 0); }
.banner .bannerfix >li.imgIn .bbox small{ opacity:1; visibility:visible; top:0; transition:820ms 0ms;}
.banner .bannerfix >li.imgIn .bbox h1{ opacity:1; visibility:visible; top:0; transition:820ms 120ms;}
.banner .bannerfix >li.imgIn .bbox b{ opacity:1; visibility:visible; top:0; transition:820ms 240ms;}
.banner .bannerfix >li.imgIn .bbox p{ opacity:1; visibility:visible; top:0; transition:820ms 460ms;}
.banner .bannerfix >li.imgIn .bbox .details{ opacity:1; visibility:visible; top:0; transition:820ms 580ms;}

.banner .bannerfix >li.imgIn .bbox2 h1{ opacity:1; visibility:visible; top:0; transition:620ms 120ms;}
.banner .bannerfix >li.imgIn .bbox2 b{ opacity:1; visibility:visible; top:0; transition:620ms 240ms;}
.banner .bannerfix >li.imgIn .bbox2 .tu{ opacity:1; visibility:visible; top:0; transition:620ms 460ms;}
.banner .bannerfix >li.imgIn .bbox3 h1{ opacity:1; visibility:visible; left:0; transition:620ms 0ms;}

.banner .bannerfix >li.imgIn .bbox4 h1{ opacity:1; visibility:visible; top:0; transition:420ms 120ms;}
.banner .bannerfix >li.imgIn .bbox4 b{ opacity:1; visibility:visible; top:0; transition:420ms 240ms;}
.banner .bannerfix >li.imgIn .bbox4 .line2{ opacity:1; visibility:visible; top:0; transition:420ms 460ms;}
.banner .bannerfix >li.imgIn .bbox5 h1{ opacity:1; visibility:visible; left:0; transition:420ms 460ms;}

.banner .flex-control-nav{ width:100%; height:20px; position:absolute; left:0; bottom:59px; text-align:center; z-index:20;}
.banner .flex-control-nav li{ display:inline-block; position:relative; margin-right:14px; width:5px; height:20px;}
.banner .flex-control-nav li:last-child{ margin-right:0;}
.banner .flex-control-nav li span{ display:block; text-indent:999px; overflow:hidden; width:5px; height:7px; position:absolute; background:#fff; transition:320ms; left:0; top:6px;}
.banner .flex-control-nav li a.flex-active span{ height:20px; top:0;}
.bbox{ max-width:552px;width:40%; margin:auto; position:absolute; right:2.8%; top:20%; text-align:center;}
.bbox h1{ line-height:1; color:#fff; font-size:48px; text-align:left; opacity:0; visibility:hidden; position:relative; top:30px;}
.bbox h1 img{width:100%; height: auto;}

.bbox2{ width:601px;  margin:auto; position:absolute; right:15%;  top:30%; text-align:center;   }
.bbox2 h1{ line-height:1; color:#1956a8; font-size:53px; text-align:left; opacity:0; visibility:hidden; position:relative; top:30px; font-weight: normal; font-weight: bold;font-family:"微软雅黑", "Microsoft Yahei";}
.bbox2 h1 span{ color:#0074b1;}
.bbox2 b{ display:block; line-height:1.8; text-align:left; color:#333; font-size:26px; margin-top: 25px; margin-bottom:40px; opacity:0; visibility:hidden; position:relative; top:30px; min-height:36px; font-weight: normal;}
.bbox2 .tu{ height: 149px; width: 100%;opacity:0;top:50px; text-align: left;}

.bbox3{ width:50%;  margin:auto; position:absolute; left:15%;top:18%; }
.bbox3 img{width:100%; max-width:543px; height: auto;}

.bbox4{ width:561px;  margin:auto; position:absolute; left:15%;  top:42%; text-align:center;}
.bbox4 h1{ line-height:1; color:#fff; font-size:45px; text-align:left; opacity:0; visibility:hidden; position:relative; top:30px;}
.bbox4 b{ display:block; line-height:1.4; text-align:left; color:#fff; font-size:22px;margin-top: 35px;  margin-bottom:40px; opacity:0; visibility:hidden; position:relative; top:30px; min-height:36px; font-weight: normal;}
.bbox4 .line2{ height: 2px; width: 141px; background: #ffffff;opacity:0;top:50px;}

.bbox5{ max-width:432px;width:40%;  margin:auto; position:absolute; left:50%;top:25%; }
.bbox5 h1{line-height:1; color:#155e9f; font-size:45px; text-align:left; opacity:0; visibility:hidden; position:relative; left:30px;}
.bbox5 h1 img{width:100%; height: auto;}




.details{ width:180px; height:51px; margin:auto; position:relative; opacity:0; visibility:hidden; position:relative; top:30px;}
.details:before{ content:""; width:100%; height:100%; background:#fff; position:absolute; left:0; top:0; transition:320ms ease-in-out;  transform:scaleY(0); -webkit-transform:scaleY(0); -moz-transform:scaleY(0); opacity:0; visibility:hidden;}
.details a{ display:block; border:2px solid #fff; padding-left:39px; line-height:47px;  position:relative; color:#fff; font-size:14px; text-align:left; background:url(../images/arrow1.png) 106px center no-repeat;}
.details:hover:before{ opacity:1; transform:scaleY(1); -webkit-transform:scaleY(1); -moz-transform:scaleY(1); visibility:visible;}
.details:hover a{ color:#0c7040; background:url(../images/arrow2.png) 112px center no-repeat;}

.bamnline { width: 100%; bottom: 0; background:rgba(21,94,159,0.0); z-index:20; position:absolute;}
.bamnline span { display: block; width: 0; height: 2px; background: #f3b61f; }
.bamnline.load span { width: 100%; transition: 5.8s 0s linear; -webkit-transition: 5.8s 0s linear; -moz-transition: 5.8s 0s linear; }

.i_news { width: 100%; height: 97px; bottom: 0; background:rgba(23,133,255,0.8); z-index:20; position:absolute;}
.i_news ul{}
.i_news li{width:25%; height: 97px; float: left; padding:18px 3%; background:url(../images/008.png) right repeat-y;transition: 0.1s ;-webkit-transition: 0.1s; -moz-transition: 0.1s; }
.i_news li h2{ color:#fff; font-size: 18px; font-weight: normal;white-space:nowrap;overflow:hidden;text-overflow:ellipsis; margin-bottom: 3px;}
.i_news li p{ font-size:13px; color:#b9daff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.i_news li:hover { background:url(../images/008.png) right repeat-y #366cb3;}

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





/*********indexPart1*********/
.indexPart1{ padding: 60px 0 75px 0;}
.indexPart1 .name{ text-align: center; background: url(../images/009.png) no-repeat bottom; padding-bottom: 20px;}
.indexPart1 .name h2{ font-size:30px; color:#222222; }
.indexPart1 .name p{font-size: 14px; color: #777777;}
.indexPart1 ul{ margin-top: 55px;}
.indexPart1 li{ width:19%; float: left; margin-right: 1.25%; padding: 65px 0; text-align: center;}
.indexPart1 li:last-child{margin-right: 0px;}
.i_p_1_bg01{ background:url(../images/i_web_01.jpg) no-repeat #1c95ff; background-size: 100% auto;}
/*.i_p_1_bg02{ background: #70cbf6;}*/
.i_p_1_bg02{ background:url(../images/dp_bg.jpg) no-repeat #5aafff; background-size: 100% auto;}
.i_p_1_bg03{ background: #ffa139;}
.i_p_1_bg04{ background: #8ce050;}
.i_p_1_bg05{  background:url(../images/i_web_05.jpg) no-repeat bottom #25c973; background-size: 100% auto;}
.indexPart1 li h2{ font-size: 22px; color: #fff;text-shadow: 1px 1px 3px rgba(0,0,0,0.3);}
.indexPart1 li .ico{ width:50%; margin: 5px auto 22px;-webkit-transition: -webkit-transform 0.4s ease-out;	-moz-transition: -moz-transform 0.4s ease-out;	transition: transform 0.4s ease-out;}
.indexPart1 li .ico img{ width:100%; height:auto; max-width: 121px;}
.indexPart1 li:hover .ico{-webkit-transform: rotate(360deg);-moz-transform: rotate(360deg);	transform: rotate(360deg);}
.indexPart1 li p{ font-size: 12px; color: #fff; width: 70%; margin: 0 auto; text-align: center;text-shadow: 1px 1px 3px rgba(0,0,0,0.3); height: 65px; overflow: hidden;}

/*********indexPart2*********/
.indexPart2{padding: 50px 0 75px 0; width: 100%; margin: 0 auto; background:url(../images/004.jpg) no-repeat bottom #e8e8e8;}
.indexPart2 .name{ text-align: center; }
.indexPart2 .name h2{font-size: 30px; color: #333333; font-weight: bold;}
.indexPart2 .name p{ color: #6a6a6a; font-size: 14px;}

.indexPart2 .i_cp_box{ width: 88%; margin: 0 auto;}

.i_ser_box{  margin-right: 0px;z-index: 99;}
.i_ser_box .box { width: 88%; padding-bottom:35px; border-radius: 5px; background: #fff;  margin:0 auto; position: relative; text-align: center; margin-top: 127px;}
.i_ser_box .box .img { border: 5px solid #fff; width: 140px; margin: 0 auto;border-radius: 50%; float: right; -o-transition:.5s;-ms-transition:.5s;-moz-transition:.5s;-webkit-transition:.5s;transition:.5s;word-break: break-all; position: absolute; left: 50%; margin-left: -70px; top:-93px;}
.i_ser_box .box:hover .img{-webkit-transform: rotate(360deg);-moz-transform: rotate(360deg);	transform: rotate(360deg);}
.i_ser_box .box .img img { width: 100%; height: auto;}
.i_ser_box .box .txt { width: 80%; color: #5f5e5e; margin: 0 auto; padding: 70px 0 0px; line-height: 36px; text-align: left; height: 220px; overflow: hidden;}
.i_ser_box .box .more{height: 11px; width: 46px;  margin: 20px auto 0px;-o-transition:.5s;-ms-transition:.5s;-moz-transition:.5s;-webkit-transition:.5s;transition:.5s;}

.slick2 .slick-prev, .slick2 .slick-next { position: absolute; display: block; width: 141px; height:96px; line-height: 0; font-size: 0; cursor: pointer; background: transparent; color: transparent; top: 0%; margin-top: 0px; padding: 0; border: none; outline: none;  background: none;}

.slick2 .slick-prev {top: 38%;  left: -12%;background: url(../images/004.png) no-repeat center; background-size:cover cover;}

.slick2 .slick-next {top: 38%;  right: -12%;background: url(../images/005.png) no-repeat center; background-size:cover cover; }
.slick2 .slick-prev:hover{ background: url(../images/004.png) no-repeat center;background-size:cover cover;}
.slick2 .slick-next:hover{ background: url(../images/005.png) no-repeat center;background-size:cover cover;}

.slick2 .slick-dots{ position:absolute; left:0; text-align: center; width: 100%; bottom:-40px;}
.slick2 .slick-dots li{display:inline-block; margin:0 3px; border-radius: 50%; width:8px; height:8px; background:#9c9c9c; }
.slick2 .slick-dots .slick-active{ background:#f3b61f;}




.ip2box{background: url(../images/007.jpg) no-repeat bottom right #fafafa; }
.ip2box .left{ width:43%; float: left;}
.ip2box .left img{width:100%; height: auto;}
.ip2box .right{ width:57%; float: left;}
.ip2box .right .r_top{ width:100%; height: 65%; background: url(../images/006.jpg) no-repeat top right #0075cf;  padding: 6% 5%;}
.ip2box .right .r_top h2{ color:#fff; font-size: 24px; margin-bottom: 2%;}
.ip2box .right .r_top p{ color:#fff;  font-size: 14px;margin-bottom: 4%; height: 53px; overflow: hidden;}
.ip2box .right .r_top .more{ width:139px; height: 44px; line-height: 44px; border: 1px solid #308fd8; text-align: center;  color: #fff;}

.indexPart2 .slick3{ padding: 0 1.42rem 1.22rem 1.42rem; position: relative;}


.slick3 .slick-prev, .slick3 .slick-next { position: absolute; display: block; width: 100px; height:63px; line-height: 0; font-size: 0; cursor: pointer; background: transparent; color: transparent; top: 0%; margin-top: 0px; padding: 0; border: none; outline: none;  background: none;}

.slick3 .slick-prev {top: 71%;  left: 46%;background: url(../images/nimg42_left.png) no-repeat center; background-size:cover cover;}

.slick3 .slick-next {top: 71%;  left: 53%;background: url(../images/nimg42_right.png) no-repeat center; background-size:cover cover; }
.slick3 .slick-prev:hover{ background: url(../images/nimg42_lefton.png) no-repeat center;background-size:cover cover;}
.slick3 .slick-next:hover{ background: url(../images/nimg42_righton.png) no-repeat center;background-size:cover cover;}




/*********indexPart3*********/
.indexPart3{ background:#fff; padding-bottom: 20px;}
.indexPart3 .i_c_menu{ text-align: center; height: 95px; line-height: 95px;}
.indexPart3 .i_c_menu a{ padding:0 30px; color: #777777; font-size: 16px;}
.indexPart3 .i_c_menu a span{color: #000000;}
.indexPart3 .i_c_menu a:hover{color: #1956a8;}
.indexPart3 .i_c_box ul{ width:100%;}
.indexPart3 .i_c_box li{width:24.6%; float: left; margin-right: 0.53%;}
.indexPart3 .i_c_box li:nth-child(4n){ margin-right: 0;}
.indexPart3 .i_c_box li .img{width:100%;}
.indexPart3 .i_c_box li .img img{ width:100%; height: auto;}
.indexPart3 .i_c_box li .txt{ height: 62px; text-align: center; line-height: 62px;}

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

.indexPart4 .par_box { text-align: center;}
.indexPart4 .par_box img { border: 1px solid #e5e5e5; margin: 0 auto; width: 100%; height: auto; /*-webkit-filter: grayscale(100%);   
  -moz-filter: grayscale(100%);  
   -ms-filter: grayscale(100%);   
  -o-filter: grayscale(100%);     
     filter: grayscale(100%); 	     
 
filter: gray;*/}
.indexPart4 .par_box:hover img{border: 1px solid #c6daed;-webkit-filter: none;filter: none; }

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

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