.swiper-index {width: 100%;/*height: 100%;*/height: 740px;}
.swiper-index .swiper-slide { text-align: center; font-size: 18px; background: #fff; /* Center slide text vertically */ display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center;-webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; background:url(../images/loadz.gif) center no-repeat; }
.swiper-index .swiper-slide img { width:100%; /*height:100%;*/height:740px; }
/************/
.swiper-index .index-pagination { bottom:30px;}
.swiper-index .index-pagination .swiper-pagination-bullet { width:46px; height:4px; background:url(../images/li2.jpg) no-repeat; background-position:-46px 0; margin:0 10px; border-radius:0; -webkit-border-radius:0;  transition:all 5s ease 0; -webkit-transition:all 5s ease 0; opacity: 1;}
.index-pagination .swiper-pagination-bullet-active {  animation: 5s banner6 linear infinite;  animation: 5s banner6 linear infinite;}
@keyframes banner6 { 
 0 {
background-position:-46px 0;
}
100% {
background-position:0 0;
}
}
/*************案例CASE*************************/

/***************************/
.case-con{ overflow:hidden;width:1200px; margin:0 auto;}
.slide-inn{position:relative;overflow:hidden;  margin-top:50px; z-index:22;}
.slide-con { overflow:hidden; width:1300px;}
.slide-con .ih-item{background:#fff; width:372px; height:262px; margin:0 40px 40px 0;   float:left;}
.slide-con .ih-item img{width:100%; display:block;}
.slide-con .info{ color:#e7e7e7; font-size:14px; line-height:22px; text-align: center; padding:10px 60px;}
.slide-con .info h1{ font-size:20px; margin-top:40px; max-height:56px; overflow:hidden; }
.slide-con .info p { max-height:28px;line-height: 28px; }
.slide-con .info p,.slide-con .info h1,.case-zx{  -webkit-transition: all 0.35s 0.1s linear; -moz-transition: all 0.35s 0.1s linear; transition: all 0.35s 0.1s linear;}
.slide-con .case-zx:before { content:""; position:absolute; width:61px; height:61px; left:-8px; top:-8px; border:1px dashed #fff; -webkit-border-radius:100%;border-radius:100%;}

.slide-con .info h1,.slide-con .info p, .case-zx{-webkit-transform: translateY(100%); -moz-transform: translateY(100%); -ms-transform: translateY(100%); -o-transform: translateY(100%); transform: translateY(100%);}
.slide-con li:hover .info h1,.slide-con li:hover .info p,.slide-con li:hover .info .case-zx{-webkit-transform: translateY(50%); -moz-transform: translateY(50%); -ms-transform: translateY(50%); -o-transform: translateY(50%); transform: translateY(50%); }
.case-zx { width:45px; height:45px; background:url(../images/zx-btn.png) no-repeat; display:block; margin:0 auto; margin-top:20px; position:relative;  }
.case-zx:before { animation: 6s case-role linear infinite;}
@keyframes case-role { 
 0 {
transform:rotate(0);
-webkit-transform:rotate(0);
}
50% {
transform:rotate(180deg);
-webkit-transform:rotate(180deg);
}
100% {
transform:rotate(360deg);
-webkit-transform:rotate(360deg);
}
}

.slide-con li:hover .case-zx { }
.slide-con li .tbc { }
.zx-btn9 { position:relative; width:375px; height:44px; line-height:44px; text-align:center; font-size:18px; color:#ffffff; background:#1160ad; display:block; margin:0 auto; margin-top:0;-webkit-border-radius:44px; -ms-border-radius:44px;border-radius:44px; }
.zx-btn9:hover { color:#fff;}
.zx-btn9 i{display:inline-block;width:100px;height:56px;position: absolute;top:0px;right:15px;margin:auto;background:url(../images/sericon.png) no-repeat center center; animation:scal 1.2s linear infinite;}
/*******我们的优势*******************/
.adv-bg { height:810px; background:url(../images/adv-bg.jpg) top center no-repeat;}
/***********/
.a7 .title,.a7 .title p{ color:#fff;}
.a7 .title p::before,.a7 .title p::after { background:#fff;}
.sub_exploit .a7{ height: 630px; background:#eeb131; overflow:hidden;}
.sub_exploit .a7 .wrap{ position: relative; height: 820px;}
.sub_exploit .a7 .tit { position: relative;z-index: 100; padding-top: 30px; padding-bottom: 60px;}
.sub_exploit .a7 .tit h3{ height: 76px; background: url(../images/icon_11.png) no-repeat bottom center; font-size: 36px; font-weight: bold; color: #fff; text-align: center; line-height: 76px;}
.sub_exploit .a7 .bg .icon_52{ position: absolute;left: 50%;bottom: 0px; width: 1920px; height: 639px; margin-left: -960px;-webkit-transition: all .2s; -moz-transition: all 1s; -ms-transition: all 1s; -o-transition: all 1s; transition: all 1s;}
.sub_exploit .a7 .mian{ position: absolute;top: 50%;left: 50%; width:0; height: 84px; margin:-97px 0 0 -612px; background: url(../images/icon_53.png) no-repeat left center;-webkit-transition: width 4s;transition: width 4s;}
.sub_exploit .a7 .mian ul li{position: absolute; cursor: pointer;}
.sub_exploit .a7 .mian ul li.aa:before{ position: absolute;bottom: -26px; left: 50%; content: ' '; width: 12px; height: 12px; margin-left: -6px; border: 4px solid #fff; border-radius: 50%; box-sizing: border-box;}
.sub_exploit .a7 .mian ul li.aa .gd i{ display: block; font-size: 36px; color: #fff; text-align: center; line-height: 50px; -webkit-transition: all .4s; transition: all .4s;opacity:1;-webkit-transform: translateY(0);transform: translateY(0);}
.sub_exploit .a7 .mian ul li.aa .gd span{ display: block; font-size: 15px; color: #ffffff; line-height: 25px;}
.sub_exploit .a7 .mian ul li.aa .tc{position: absolute;top: 50%;left: 50%; z-index: 9; width: 268px; height: 68px;margin: -70px 0 0 -140px; padding: 3px 5px; border-radius: 50px; background: #fff; box-sizing: border-box; box-shadow:0 2px 5px 0 #555;opacity: 0; -webkit-transition: all .4s; transition: all .4s;transform:  -webkit-translateY(-20px);transform:  translateY(-20px);}
.sub_exploit .a7 .mian ul li.aa .tc:before{position: absolute;top: 100%;left: 50%; content:' '; width: 17px; height: 5px; margin-left: -3px; background: url(../images/icon_54.png) no-repeat center;}
.sub_exploit .a7 .mian ul li.aa .tc div.fl{ width: 63px; height: 63px; overflow: hidden; border-radius: 50%; background: #f2f2f2;}
.sub_exploit .a7 .mian ul li.aa .tc div.fl span{ display: block;font-size: 35px; color: #efb53c; text-align: center; line-height: 63px;}
.sub_exploit .a7 .mian ul li.aa .tc div.fr { width: 180px;}
.sub_exploit .a7 .mian ul li.aa .tc div.fr p{ padding-top: 15px; padding-right: 20px; font-size: 14px; color: #60646a; line-height: 18px;}
.sub_exploit .a7 .mian ul li.aa .tc div.fr p.san{ padding-top: 4px; padding-right: 12px; }
.sub_exploit .a7 .mian ul li.aa.on .gd i{opacity: 0;-webkit-transform: translateY(-10px);transform: translateY(-10px);}
.sub_exploit .a7.css3 .mian ul li.aa.on .tc{opacity: 1;-webkit-transform: translateY(0);transform: translateY(0);}
.sub_exploit .a7 .mian ul li.b1{ top: -86px;left: 92px;}
.sub_exploit .a7 .mian ul li.b2{ top: -90px;left: 367px;}
.sub_exploit .a7 .mian ul li.b3{ top: -90px;left: 650px;}
.sub_exploit .a7 .mian ul li.b4{ top: -92px;left: 920px;}
.sub_exploit .a7 .mian ul li.b5{ top: -58px;left: 1110px;}
.sub_exploit .a7 .mian ul li.bb:before{ position: absolute;top: -26px; left: 50%; content: ' '; width: 12px; height: 12px; margin-left: -6px; border: 4px solid #fff; border-radius: 50%; box-sizing: border-box;}
.sub_exploit .a7 .mian ul li.bb .gd i{ display: block; font-size: 36px; color: #efb53c; text-align: center; line-height: 50px;-webkit-transition: all .4s; transition: all .4s;opacity:1;-webkit-transform: translateY(0);transform: translateY(0);}
.sub_exploit .a7 .mian ul li.bb .gd span{ display: block; font-size: 15px; color: #60646a; line-height: 24px;}
.sub_exploit .a7 .mian ul li.bb .tc{position: absolute;top: 50%;left: 50%; z-index: 9; width: 268px; height: 68px;margin: 0 0 0 -140px; padding: 3px 5px; border-radius: 50px; background: #fff; box-sizing: border-box; box-shadow:0 2px 5px 0 #555;opacity: 0; -webkit-transition: all .4s; transition: all .4s;transform:  -webkit-translateY(20px);transform:  translateY(20px);}
.sub_exploit .a7 .mian ul li.bb .tc:before{position: absolute;bottom: 100%;left: 50%; content:' '; width: 17px; height: 5px; margin-left: -3px; background: url(../images/icon_91.png) no-repeat center;}
.sub_exploit .a7 .mian ul li.bb .tc div.fl{ width: 63px; height: 63px; overflow: hidden; border-radius: 50%; background: #f2f2f2;}
.sub_exploit .a7 .mian ul li.bb .tc div.fl span{ display: block;font-size: 35px; color: #efb53c; text-align: center; line-height: 63px;}
.sub_exploit .a7 .mian ul li.bb .tc div.fr { width: 180px;}
.sub_exploit .a7 .mian ul li.bb .tc div.fr p{ padding-top: 15px; padding-right: 20px; font-size: 14px; color: #60646a; line-height: 18px;}
.sub_exploit .a7 .mian ul li.bb .tc div.fr p.san{ padding-top: 4px; padding-right: 12px; }
.sub_exploit .a7 .mian ul li.bb.on .gd i{opacity: 0;-webkit-transform: translateY(10px);transform: translateY(10px);}
.sub_exploit .a7.css3 .mian ul li.bb.on .tc{opacity: 1;-webkit-transform: translateY(0);transform: translateY(0);}
.sub_exploit .a7 .mian ul li.c1{ top: 63px;left: 214px;}
.sub_exploit .a7 .mian ul li.c2{ top: 67px;left: 495px;}
.sub_exploit .a7 .mian ul li.c3{ top: 60px;left: 792px;}
.sub_exploit .a7 .mian ul li.c4{ top: 40px;left: 1018px;}
.sub_exploit .a7 .mian ul li.aa .gd{ opacity: 0;-webkit-transform: translateY(-20px); -moz-transform: translateY(-20px); -ms-transform: translateY(-20px); -o-transform: translateY(-20px); transform: translateY(-20px);}
.sub_exploit .a7 .mian ul li.aa:before{-webkit-transform: scale(0); -moz-transform: scale(0); -ms-transform: scale(0); -o-transform: scale(0); transform: scale(0);}
.sub_exploit .a7 .mian ul li.bb .gd{ opacity: 0;-webkit-transform: translateY(20px); -moz-transform: translateY(20px); -ms-transform: translateY(20px); -o-transform: translateY(20px); transform: translateY(20px);}
.sub_exploit .a7 .mian ul li.bb:before{-webkit-transform: scale(0); -moz-transform: scale(0); -ms-transform: scale(0); -o-transform: scale(0); transform: scale(0);}
.sub_exploit .a7.css3 .bg .icon_52{bottom: 0;}
.sub_exploit .a7.css3 .mian{-webkit-animation: appkf7 3s ease 1s forwards;-o-animation: appkf7 3s ease 1s forwards;animation: appkf7 3s ease 1s forwards;}
.sub_exploit .a7.css3 .mian ul li.b1 .gd{-webkit-animation: appkf7_1 1s 1.5s forwards;-o-animation: appkf7_1 1s 1.5s forwards;animation: appkf7_1 1s 1.5s forwards;}
.sub_exploit .a7.css3 .mian ul li.b1:before{-webkit-animation: appkf7_2 1s 1.5s forwards;-o-animation: appkf7_2 1s 1.5s forwards;animation: appkf7_2 1s 1.5s forwards;}
.sub_exploit .a7.css3 .mian ul li.b2 .gd{-webkit-animation: appkf7_1 1s 2s forwards;-o-animation: appkf7_1 1s 2s forwards;animation: appkf7_1 1s 2s forwards;}
.sub_exploit .a7.css3 .mian ul li.b2:before{-webkit-animation: appkf7_2 1s 2s forwards;-o-animation: appkf7_2 1s 2s forwards;animation: appkf7_2 1s 2s forwards;}
.sub_exploit .a7.css3 .mian ul li.b3 .gd{-webkit-animation: appkf7_1 1s 2.5s forwards;-o-animation: appkf7_1 1s 2.5s forwards;animation: appkf7_1 1s 2.5s forwards;}
.sub_exploit .a7.css3 .mian ul li.b3:before{-webkit-animation: appkf7_2 1s 2.5s forwards;-o-animation: appkf7_2 1s 2.5s forwards;animation: appkf7_2 1s 2.5s forwards;}
.sub_exploit .a7.css3 .mian ul li.b4 .gd{-webkit-animation: appkf7_1 1s 3s forwards;-o-animation: appkf7_1 1s 3s forwards;animation: appkf7_1 1s 3s forwards;}
.sub_exploit .a7.css3 .mian ul li.b4:before{-webkit-animation: appkf7_2 1s 3s forwards;-o-animation: appkf7_2 1s 3s forwards;animation: appkf7_2 1s 3s forwards;}
.sub_exploit .a7.css3 .mian ul li.b5 .gd{-webkit-animation: appkf7_1 1s 3s forwards;-o-animation: appkf7_1 1s 3s forwards;animation: appkf7_1 1s 3s forwards;}
.sub_exploit .a7.css3 .mian ul li.b5:before{-webkit-animation: appkf7_2 1s 3s forwards;-o-animation: appkf7_2 1s 3s forwards;animation: appkf7_2 1s 3s forwards;}
.sub_exploit .a7.css3 .mian ul li.c1 .gd{-webkit-animation: appkf7_1 1s 1.8s forwards;-o-animation: appkf7_1 1s 1.8s forwards;animation: appkf7_1 1s 1.8s forwards;}
.sub_exploit .a7.css3 .mian ul li.c1:before{-webkit-animation: appkf7_2 1s 1.8s forwards;-o-animation: appkf7_2 1s 1.8s forwards;animation: appkf7_2 1s 1.8s forwards;}
.sub_exploit .a7.css3 .mian ul li.c2 .gd{-webkit-animation: appkf7_1 1s 2.3s forwards;-o-animation: appkf7_1 1s 2.3s forwards;animation: appkf7_1 1s 2.3s forwards;}
.sub_exploit .a7.css3 .mian ul li.c2:before{-webkit-animation: appkf7_2 1s 2.3s forwards;-o-animation: appkf7_2 1s 2.3s forwards;animation: appkf7_2 1s 2.3s forwards;}
.sub_exploit .a7.css3 .mian ul li.c3 .gd{-webkit-animation: appkf7_1 1s 2.8s forwards;-o-animation: appkf7_1 1s 2.8s forwards;animation: appkf7_1 1s 2.8s forwards;}
.sub_exploit .a7.css3 .mian ul li.c3:before{-webkit-animation: appkf7_2 1s 2.8s forwards;-o-animation: appkf7_2 1s 2.8s forwards;animation: appkf7_2 1s 2.8s forwards;}
.sub_exploit .a7.css3 .mian ul li.c4 .gd{-webkit-animation: appkf7_1 1s 3.3s forwards;-o-animation: appkf7_1 1s 3.3s forwards;animation: appkf7_1 1s 3.3s forwards;}
.sub_exploit .a7.css3 .mian ul li.c4:before{-webkit-animation: appkf7_2 1s 3.3s forwards;-o-animation: appkf7_2 1s 3.3s forwards;animation: appkf7_2 1s 3.3s forwards;}
@keyframes appkf7{
	0% {
		width: 0;
	  }
	  100% {
		width: 1224px;
	  }
}
@-webkit-keyframes appkf7{
	0% {
		width: 0;
	  }
	  100% {
		width: 1224px;
	  }
}

@keyframes appkf7_1{
	0% {
		-webkit-transform: translateY(-20px);
		-moz-transform: translateY(-20px);
		-ms-transform: translateY(-20px);
		-o-transform: translateY(-20px);
		transform: translateY(-20px);
		opacity: 0;
	  }
	  100% {
  	-webkit-transform: translateY(0);
  	-moz-transform: translateY(0);
  	-ms-transform: translateY(0);
  	-o-transform: translateY(0);
  	transform: translateY(0);
	  opacity: 1;
	  }
}
@-webkit-keyframes appkf7_1{
	0% {
		-webkit-transform: translateY(-20px);
		-moz-transform: translateY(-20px);
		-ms-transform: translateY(-20px);
		-o-transform: translateY(-20px);
		transform: translateY(-20px);
		opacity: 0;
	  }
	  100% {
  	-webkit-transform: translateY(0);
  	-moz-transform: translateY(0);
  	-ms-transform: translateY(0);
  	-o-transform: translateY(0);
  	transform: translateY(0);
	  opacity: 1;
	  }
}
@keyframes appkf7_2 {
  0% {
  	-webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
  	transform: scale(0);
  }
  50% {
		-webkit-transform: scale(1.5);
    -moz-transform: scale(1.5);
    -ms-transform: scale(1.5);
    -o-transform: scale(1.5);
  	transform: scale(1.5);
  }
  100% {
		-webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
  	transform: scale(1);
  }
}
@-webkit-keyframes appkf7_2 {
  0% {
  	-webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
  	transform: scale(0);
  }
  50% {
		-webkit-transform: scale(1.5);
    -moz-transform: scale(1.5);
    -ms-transform: scale(1.5);
    -o-transform: scale(1.5);
  	transform: scale(1.5);
  }
  100% {
		-webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
  	transform: scale(1);
  }
}


/**************************/
.ns-inn { width:1200px; margin:0 auto; overflow:hidden;}
/*****************/
#pager{text-align:center;margin-top:20px;color:#666;}
#pager a{color:#666;text-decoration:none;display:inline-block;padding:5px 10px;}
#pager a:hover{color:#333;}
#pager a.selected{background-color:#333;color:#ccc;}
.prev, .next{display:block;width:50px;height:50px;margin-top:-40px;position:absolute;top:50%;}
.prev{background:#fff url( "img/ui-prev.png") no-repeat;left:50%;margin-left:-683px;}
.next{background:#fff url( "img/ui-next.png") no-repeat;right:50%;margin-right:-683px;}
.case-shade{position:absolute; bottom:30px; left:50%; margin-left:-683px; width:1366px; height:220px; /* background:#1e2934;*/ z-index:21;}
.case-btn{display:block; width:260px; height:60px; text-align:center; line-height:60px; background:#ffc045; color:#232e3a; font-size:16px; position:absolute; bottom:-30px; left:50%; margin-left:-130px; z-index:22;}
/********服务sevice*************************/
/*****新闻**********/
.index-news  { width:1200px; overflow:hidden;padding:30px 0 0px;  }
.index-news ul{overflow:hidden; width:1280px;}
.index-news li { width:386px; height:192px; float:left; border:1px solid #dcdcdc; margin:20px 19px 0px 0; padding:10px 20px; position:relative; overflow:hidden;font-size:14px; line-height:24px; }
.index-news li:before { content:""; position:absolute; left:-388px; top:-1px; width:388px; height:194px; background:url(../images/news-bg.jpg) no-repeat; z-index:9;-webkit-transition: all 0.35s 0.1s linear; -moz-transition: all 0.35s 0.1s linear; transition: all 0.35s 0.1s linear;}
.index-news li .tbbom,.index-news li h3,.index-news li h1{ position:relative; z-index:10;-webkit-transition: all 0.35s 0.1s linear; -moz-transition: all 0.35s 0.1s linear; transition: all 0.35s 0.1s linear;}
.index-news li:hover:before { left:-1px;}
.index-news li h1 { font-size:18px; color:#3a3a3a; margin-top:10px; transition: }
.index-news li h3 { color:#9d9d9d;  height:48px; overflow:hidden; margin-top:10px;}
.index-news li .tbbom { position:absolute; bottom:20px; left:20px; color:#9d9d9d;}
.index-news li .tbbom p { font-size:24px;}
.index-news li:hover h1,.index-news li:hover h3,.index-news li:hover .tbbom { color:#fff;}
/*********方案优势*****************/
.advantage{background:#3e60c2; height:532px;}
.advantage .advantage_content{width:1200px; overflow:hidden; margin:0 auto;}
.advantage .advantage_content .advantage_content_list .aniview{padding-top:80px; padding-left:47px; height:532px; width:220px; margin-left:33px;-webkit-transition: all 0.3s linear; -ms-transition: all 0.3s linear;transition: all 0.3s linear; }
.advantage .advantage_content .advantage_content_list:nth-child(1) .aniview{background:url("../images/bn5.png") no-repeat 0 -10px; margin-left:0px;}
.advantage .advantage_content .advantage_content_list:nth-child(2) .aniview{background:url("../images/bn5.png") no-repeat 0 -60px;}
.advantage .advantage_content .advantage_content_list:nth-child(3) .aniview{background:url("../images/bn5.png") no-repeat 0 -60px;}
.advantage .advantage_content .advantage_content_list:nth-child(4) .aniview{background:url("../images/bn5.png") no-repeat 0 -50px;}
.advantage .advantage_content .advantage_content_list .content_list_title{font-size:54px; color:#ffc045; font-family:"Impact"; position:relative; padding-bottom:15px; margin-bottom:25px;-webkit-transition: all 0.3s linear; -ms-transition: all 0.3s linear;transition: all 0.3s linear; }
.advantage .advantage_content .advantage_content_list .content_list_title:before{content:""; position:absolute; display:inline-block; width:40px; height:2px; background:#ffc045; left:0; bottom:0px;-webkit-transition: all 0.3s linear; -ms-transition: all 0.3s linear;transition: all 0.3s linear; }
.advantage .advantage_content .advantage_content_list .content_list_body p{font-size:15px; color:#fff; margin-bottom:5px; line-height:24px;}
.advantage .advantage_content .advantage_content_list .content_list_body p:last-child{margin-bottom:0px;}
.advantage_content_list:hover .content_list_title:before{ width:46px;}
.advantage_content_list:hover .content_list_title { letter-spacing:3px;}
/******方案***********/
.idx_pros { width: 1280px;margin: 0 auto; margin-top:10px; }
.idx_pros li{display: block;width: 380px;height: 272px; padding:20px; margin:26px 26px 0 0;float: left; color:#fff; position: relative; overflow: hidden; border-radius:5px; -webkit-border-radius:5px;}
.idx_pros li.idxp11 {/* background:#abc63e;}
.idx_pros li.idxp21 { background:#f47c25;}
.idx_pros li.idxp31 { background:#3e3c3d;}
.idx_pros li.idxp41 { background:#98887e;}
.idx_pros li.idxp51 { background:#fed335;}
.idx_pros li.idxp61 { background:#19a9e5;*/}
.idx_pros .ico,.idx_pros .txts { position:relative; z-index:10;-webkit-transition: all 0.4s linear; -ms-transition: all 0.4s linear;transition: all 0.4s linear;}
.idx_pros li:hover .ico,.idx_pros li:hover .txts { -webkit-transform:translate(0,-8px); -ms-transform:translate(0,-8px);transform:translate(0,-8px)} 
.idx_pros .ico{  font-size:20px; font-weight:bold; margin:10px 0 10px;  }
.idx_pros .txts{ font-size:14px; line-height:22px; line-height:24px;}
.idx_pros .pic{ width: 100%;height: 93px;overflow: hidden; position:absolute; left:0; bottom:0; background:url(../images/adv-bom.png) left bottom no-repeat; -webkit-transition: all 0.6s linear; -ms-transition: all 0.6s linear;transition: all 0.6s linear;  z-index:5;}
.idx_pros li:hover .pic{ background:url(../images/adv-bom.png) right bottom no-repeat;  }
.idx_pros .cover{  position: absolute;left:0;top: 0; width:790px; height:100%;  -webkit-transition: all 0.6s linear; -ms-transition: all 0.6s linear;transition: all 0.6s linear; z-index:4;}
.idx_pros li.idxp11 .cover { background-image: linear-gradient(120deg, #abc63e 0%, #cafa07 100%);}
.idx_pros li.idxp21 .cover { background-image: linear-gradient(120deg, #f47c25 0%, #fb6c04 100%);}
.idx_pros li.idxp31 .cover { background-image: linear-gradient(120deg, #3e3c3d 0%, #6d525f 100%);}
.idx_pros li.idxp41 .cover { background-image: linear-gradient(120deg, #98887e 0%, #c19174 100%);}
.idx_pros li.idxp51 .cover { background-image: linear-gradient(120deg, #fed335 0%, #fdc804 100%);}
.idx_pros li.idxp61 .cover { background-image: linear-gradient(120deg, #19a9e5 0%, #02b2fc 100%);}
.idx_pros li:hover .cover { left:0px;}
.zx-btn { position:absolute; left:20px; bottom:50px; width:130px; height:40px; line-height:40px; text-align:center; font-size:14px; z-index:10; background:#fff; -webkit-border-radius:40px; border-radius:40px;-webkit-transition: all 0.4s linear; -ms-transition: all 0.4s linear;transition: all 0.4s linear;}
.idx_pros .cover {}
.idxp11 .zx-btn { color:#abc63e;}
.idxp21 .zx-btn { color:#f47c25;}
.idxp31 .zx-btn { color:#3e3c3d;}
.idxp41 .zx-btn { color:#98887e;}
.idxp51 .zx-btn { color:#fed335;}
.idxp61 .zx-btn { color:#19a9e5;}
.idx_pros .arrow{ position:absolute; right:0; bottom:0; z-index:10;  -webkit-transition: all 0.4s linear; -ms-transition: all 0.4s linear;transition: all 0.4s linear;}
.idx_pros li:hover .arrow{  }
.idx_pros li.idxp11:hover .arrow { right:208px;}
.idx_pros li.idxp21:hover .arrow { right:131px;}
.idx_pros li.idxp31:hover .arrow { right:173px;}
.idx_pros li.idxp41:hover .arrow { right:153px;}
.idx_pros li.idxp51:hover .arrow { right:173px;}
.idx_pros li.idxp61:hover .arrow { right:165px;}
.idx_pros li:hover .zx-btn { left:230px;}
/* display end */
.bolang { height:363px; background:url("../images/bol.png") top center no-repeat; overflow:hidden}
.bolang .br-four { margin:0 auto; width:1040px; margin-top:240px;}
.bolang .br-four li { color:#fff;}

.sevice-box{width:1400px; overflow:hidden; margin-top:30px; margin-bottom:30px;}
.sevice-box li{position:relative; float:left; width:312px; text-align:center; margin:0px 5px 0; padding:20px 10px 20px; color:#7b838e; font-size:14px; line-height:30px;}
.sevice-box li em{width:64px; height:64px; display:block; margin:0 auto; position:relative; z-index:20;-webkit-transition: all 0.5s linear; -ms-transition: all 0.5s linear;transition: all 0.5s linear;}
.sevice-box li em.em1{background:url("../images/a11.png") no-repeat;}
.sevice-box li em.em2{background:url("../images/a12.png") no-repeat;}
.sevice-box li em.em3{background:url("../images/a13.png") no-repeat;}
.sevice-box li em.em4{background:url("../images/a14.png") no-repeat;}
.sevice-box li img{display:block; height:24px;margin:0 auto; margin-top:17px; margin-bottom:17px; position:relative; z-index:20; -webkit-transition: all 0.5s linear; -ms-transition: all 0.5s linear;transition: all 0.5s linear;}
.sevice-box li h1 { color:#4d535a; font-size:24px; margin:15px 0 15px 0; letter-spacing:3px;}
.sevice-box li p,.sevice-box li h1{position:relative; z-index:20; -webkit-transition: all 0.5s linear; -ms-transition: all 0.5s linear;transition: all 0.5s linear;}
.sevice-box li:after{content:""; position:absolute; width:0; height:0; left:50%; top:50%; background:#FEBF44; z-index:19; -webkit-transition: all 0.3s linear; -ms-transition: all 0.3s linear;transition: all 0.3s linear;}
.sevice-box li:hover:after{width:100%; height:100%; left:0; top:0;}
.sevice-box li:hover{color:#fff;}
.sevice-box li:hover em{-webkit-transform:translateY(-150px); transform:translateY(-150px);}
.sevice-box li:hover img{-webkit-transform:translateY(-40px); transform:translateY(-40px);}
.sevice-box li:hover p,.sevice-box li:hover h1{-webkit-transform:translateY(-40px); transform:translateY(-40px);}
/********品牌brand********************/
.brand-box{background:url("../images/bbg.jpg") top center no-repeat; height:750px; overflow:hidden; position:relative;}
.br-four{overflow:hidden; width:1400px; margin-top:105px;}
.br-four li{float:left; width:333px; padding-left:13px; background:url("../images/br-line.png") left center no-repeat; color:#ffc045; font-size:18px; text-align:center;}
.br-four li i{font-size:50px; display: block;}
.br-four li:first-child{padding-left:0; background:none;}
.brand-xc{background:url("../images/logo-br.png") top center no-repeat; padding-top:90px; text-align:center; font-size:38px; color:#fff; margin-top:130px;}
.brand-con{color:#fff; font-size:16px; line-height:32px; width:950px; margin:0 auto; margin-top:25px;}
.ffg-bg8 { background:#f0f0f0; position:relative; margin-top:50px; }
.btn-z9 { bottom:-10px; background:#f0f0f0; box-shadow:5px 5px 10px #e7e7e7; -webkit-box-shadow:5px 5px 10px #e7e7e7; -ms-box-shadow:5px 5px 10px #e7e7e7;} 

/******************************/
.num-list { width:1280px; overflow:hidden; padding:60px 0 30px;}
.num-list li { position:relative; float:left; width:180px; height:180px; margin:0 53px 0 62px; overflow:hidden; -webkit-border-radius:100%;border-radius:100%; line-height:20px; text-align:center;}
.num-list li h1 { margin-top:50px; /*color:#fe6700;*/ color:#fff; font-size:18px; font-weight:bold;  line-height:40px; position:relative; z-index:11;}
.num-list li h1 i{ font-size:36px;}
.num-list li h3 {position:relative; z-index:11;  color:#fff;}
.num-list li.dlay2 { background:url(../images/num1.jpg) center no-repeat;}
.num-list li.dlay4 { background:url(../images/num2.jpg) center no-repeat;}
.num-list li.dlay6 { background:url(../images/num3.jpg) center no-repeat;}
.num-list li.dlay8 { background:url(../images/num4.jpg) center no-repeat;}
.num-list li:after {content:""; position:absolute; left:0px; top:0px; background: rgba(255,255,255,.5); width: 180px; height: 180px; border-radius: 50%; -webkit-border-radius: 50%; z-index:9;}
.num-list li:before { content:""; position:absolute; left:30px; top:30px; background: rgb(25, 104, 179); width: 120px; height: 120px; border-radius: 50%; -webkit-border-radius: 50%;  transform: scale(1); -webkit-transform: scale(1);  animation: 2s scaleToggleOne cubic-bezier(.25, .46, .45, .94) forwards infinite; z-index:10; }
@keyframes scaleToggleOne { 
 0 {
transform:scale(1);
-webkit-transform:scale(1)
}
50% {
transform:scale(2);
-webkit-transform:scale(2)
}
100% {
transform:scale(1);
-webkit-transform:scale(1)
}
}
/***************************************/

.coop-box { position:relative; width:1200px; margin:0 auto;}
.picList22 { width:1098px; margin-top:40px !important;}
.picList22 .yk-coop {}
.picList22 .yk-coop li { float:left; width:183px; height:100px; border:1px solid #dcdcdc; position:relative; }

.picList22 .yk-coop li:before { content: ""; width: 161px;height: 100px;position: absolute;border: 1px solid #fff;top: 11px;left: 11px;transition: all 0.3s; -webkit-transition: all 0.3s; }
.picList22 .yk-coop li:hover:before {width:185px; left: -2px; top: -1px; border: 1px solid #ffc045; border-left: 2px solid #ffc045;border-right: 2px solid #ffc045; z-index: 1;}


.picList22 .yk-coop li img{ position:absolute; left:0; bottom:0; display:block; width:181px; height:98px;}
.coop-box .case-next,.coop-box .case-prev { width:32px; height:32px; background:url(../images/prev.png) no-repeat; top:100px;}
.coop-box .case-next { background-position:-108px 0; right:9px;}
.coop-box .case-prev { background-position:0 0; left:9px;}
.coop-box .case-next:hover { background-position:-76px 0;}
.coop-box .case-prev:hover { background-position:-32px 0;}
/***********/

/*五大内容 stat*/
.clearfix:after, .row:after { content: ''; display: block; clear: both; height: 0; visibility: hidden; }
.ability{width: 1200px;
    min-width: 1200px;
    margin: 0 auto;}
.ability div a{ float:left; margin:0 1px 0 0; width:239px; height:224px; background:rgba(255, 255, 255); text-align:center;}
.ability div .ico{ display:block; width:70px; height:60px; background:#ccc; margin:45px auto 0; background:url(../images/icowuda.png) no-repeat;}
.ability div .ico-1{ background-position:7px 0}
.ability div a:hover .ico-1{background-position:7px -60px;}
.ability div .ico-2{ background-position:-65px 0}
.ability div a:hover .ico-2{background-position:-65px -60px;}
.ability div .ico-3{ background-position:-132px 0;}
.ability div a:hover .ico-3{background-position:-132px -60px;}
.ability div .ico-4{ background-position:-208px 0;}
.ability div a:hover .ico-4{background-position:-208px -60px;}
.ability div .ico-5{ background-position:-280px 0;}
.ability div a:hover .ico-5{background-position:-280px -60px;}
.ability div .tit{margin:0 auto; line-height:50px;font-size:18px;}
.ability div .line{width:65px; height:1px; overflow:hidden; background:#d4d4d4; margin:0 auto;}
.ability div .con{ line-height:24px; margin-top:15px;}
.ability div a:hover{ /* color:#fff; background:#f07800; */transition:transform ease .2s;-webkit-transition:transform ease .2s;transform:scale(1);-webkit-transform:scale(1); transform-origin:center top;-webkit-transform-origin:center top;}
.ability div a:hover .tit{ border-color:#fff;}
.ability div a:hover .ico{ transform:scale(1);-webkit-transform:scale(1);}
/*五大内容 end*/


/**0319*********/
.banner-tit { top:-80px; position:relative; color:#fff; width:100%; font-size:72px; line-height:72px; text-align:center}
.banner-tit p { font-size:30px !important;}
.banner-adv { position:absolute; margin-top:30px; top:50%; left:50%; margin-left:-499px; width:999px; }
.banner-adv li { float:left; width:333px; text-align:center; font-size:20px; color:#fff;}
.banner-adv li h1 { color:#ffb400; line-height:64px; font-size:36px; margin-bottom:0; }
.banner-adv li h1 font { font-size:72px;}
.bg2{position: absolute;width: 705px;height: 705px;background:url("../images/banner_yuan.png") no-repeat 100%; animation: animtrans 32s linear infinite;-webkit-animation: animtrans 32s linear infinite;left: 50%; top: 50%; margin-left:-352px; margin-top:-352px; transform: translateX(-50%) translateY(-50%);}
@keyframes animtrans{from{transform: rotateZ(360deg);}to{transform: rotateZ(0deg);}}

/*********流程**********/
.index-zzx-process { overflow:hidden; margin-top:40px;}
.index-zzx-process li { position:relative; width:133px; float:left; text-align:center; color:#fff; font-size:16px; margin-top:8px;}
.index-zzx-process li span,.index-zzx-process li i { display:block; transition: all .3s;
-webkit-transition: all .3s;
-moz-transition: all .3s;
-ms-transition: all .3s;
-o-transition: all .3s;}
.index-zzx-process li:hover span,.index-zzx-process li:hover i {
-webkit-transform: translate3d(0,-8px,0);
transform: translate3d(0,-8px,0);}
.index-zzx-process li:hover .icon-round:before{ width:100%; height:100%;}
.index-zzx-process li i { display:block; width:100px; height:54px; margin:0 auto; margin-bottom:8px; background:url(../images/lccc.png) top left no-repeat;}
.index-zzx-process li.zzx-lc1 i { background-position:15px 0;}
.index-zzx-process li.zzx-lc2 i { background-position:-124px 0;}
.index-zzx-process li.zzx-lc3 i {background-position:-268px 0;}
.index-zzx-process li.zzx-lc4 i {background-position:-410px 0;}
.index-zzx-process li.zzx-lc5 i {background-position:-550px 0;}
.index-zzx-process li.zzx-lc6 i {background-position:-698px 0;}
.index-zzx-process li.zzx-lc7 i {background-position:-838px 0;}
.index-zzx-process li.zzx-lc8 i {background-position:-977px 0;}
.index-zzx-process li.zzx-lc9 i {background-position:-1120px 0;}
.zzx-step-box{margin-top:20px; height:33px; padding:0 33px 0 24px;}
.zzx-step-img{position:relative; float:left; margin-left:5px}
.zzx-step-img-first{margin-left:25px}
.icon-round{float:left; width:33px; height:33px; border:1px solid #eee; -webkit-border-radius:100%; border-radius:100%; position:relative; overflow:hidden;}
.icon-round:before{content:""; background:#ffb400; width:0; height:0; position:absolute; left:0; top:0; -webkit-border-radius:100%; border-radius:100%;}
.step-num{position:absolute; top:7px; left:13px; font-size:14px; color:#fff}
.step-line{float:left; width:90px; height:1px; margin:16px 0 0 5px; background-color:#e3e3e3}
/******新闻新*************/
.news-body{overflow: hidden;position: relative; margin-top:40px;}
.news-body.on{display: block;}
.news-body .news-l{position: relative;display: block;float: right; width: 45%; -webkit-transition: 0.3s 0.5s linear;-o-transition: 0.3s 0.5s linear;transition: 0.3s 0.5s linear;}
.news-body.show .news-l{top:0;opacity: 1;filter:alpha(opacity=100);}
.news-body .news-l li{display: block;margin-bottom: 20px;overflow: hidden;clear: both;}
.news-body .news-l li:last-child{margin-bottom: 0;}
.news-body .news-l li .date{display: block;float: left;width: 98px;height: 98px;border: 1px solid #d6d6d6;margin-right: 16px;line-height: 1;text-align: center;-webkit-transition: 0.3s linear;-o-transition: 0.3s linear;transition: 0.3s linear;}
.news-body .news-l li:hover .date{border: 1px solid #1968b3;background-color: #1968b3;}
.news-body .news-l li .date .day{display: block;font-size: 25px;color: #666;margin-top: 16px;-webkit-transition: 0.3s linear;-o-transition: 0.3s linear;transition: 0.3s linear;}
.news-body .news-l li:hover .date .day{color: #fff;}
.news-body .news-l li .date .line{display: block;width: 21px;height: 1px;margin: 8px auto 10px;background-color: #757575;-webkit-transition: 0.3s linear;-o-transition: 0.3s linear;transition: 0.3s linear;}
.news-body .news-l li:hover .date .line{background-color: #eee;}
.news-body .news-l li .date .month{display: block;font-size: 14px;color: #5f5f5f;-webkit-transition: 0.3s linear;-o-transition: 0.3s linear;transition: 0.3s linear;}
.news-body .news-l li:hover .date .month{color: #fff;}
.news-body .news-l li .content{display: block;overflow: hidden;}
.news-body .news-l li .content h4{display: block;margin-top: 8px;}
.news-body .news-l li .content h4 a{ font-weight:bold; font-size: 16px;color: #333;-webkit-transition: 0.3s linear;-o-transition: 0.3s linear;transition: 0.3s linear;}
.news-body .news-l li:hover .content h4 a{color: #1968b3;}
.news-body .news-l li .content p{display: block;line-height: 26px;color: #5f5f5f;margin-top: 8px;}
.news-body .news-l li .content p a{color: #5f5f5f;}
.news-body .news-r{display: block;float:left;width: 53%;}
.news-body .news-r li{position: relative;display: block;float: left;width: 47%;margin-right: 3%;}
.news-body .news-r li:nth-child(2){margin-right: 0;}
.news-body .news-r .item1{top:200px;opacity: 0;filter: alpha(opacity=0);-webkit-transition: 0.5s 0.5s linear;-o-transition: 0.5s 0.5s linear;transition: 0.5s 0.5s linear;}
.news-body .news-r .item2{top:200px;opacity: 0;filter: alpha(opacity=0);-webkit-transition: 0.7s 0.5s linear;-o-transition: 0.7s 0.5s linear;transition: 0.7s 0.5s linear;}
.news-body.show .news-r li{top:0;opacity: 1;filter:alpha(opacity=100);}
.news-body .news-r li .pic{display: block;overflow: hidden;border: 1px solid #eee;}
.news-body .news-r li .pic img{display: block;width: 300px;
height: 203px; -webkit-transition: 0.5s ease-in-out;-o-transition: 0.5s ease-in-out;transition: 0.5s ease-in-out;}
.news-body .news-r li:hover .pic img{-webkit-transform: scale(1.1);-ms-transform: scale(1.1);-o-transform: scale(1.1);transform: scale(1.1);}
.news-body .news-r li h4{display: block;margin-top: 15px;height: 64px;}
.news-body .news-r li h4 a{color: #333;font-size: 16px;line-height: 32px;font-weight: bold;-webkit-transition: 0.5s linear;-o-transition: 0.5s linear;transition: 0.5s linear;}
.news-body .news-r li:hover h4 a{color: #1968b3;}
.news-body .news-r li p{display: block;line-height: 24px;color: #5f5f5f;margin-top: 14px;height: 96px;}
.news-body .news-r li .info{display: block;margin-top: 18px;}
.news-body .news-r li .info span{display: block;float: left;color: #9a9a9a;}
.news-body .news-r li .info a{display: block;float: right;color: #5f5f5f;-webkit-transition: 0.5s linear;-o-transition: 0.5s linear;transition: 0.5s linear;}
.news-body .news-r li .info a:hover{color: #1968b3;}