.pubHeader{
	position: fixed;
	width: 100%;
	/* background: #fff; */
	/* box-shadow: 0px 2px 6px rgba(255,255,255,.07); */
    border-bottom: 1px solid rgba(255,255,255,.3);
	height: 64px;
	left: 0;
	top:0;
	z-index: 999999;
	min-width: 1200px; 
    /* background: #376ef2; */
 }
 .pubHeader .pubwrap{
	height: 64px;
	line-height: 64px;
 }
 .pubHeader.fixed{
     background: #376ef2;
 }
 .logoIcon{
	display: inline-block;
    width: 160px;
    height: 28px;
    background: url(../images/logo1.png) left center no-repeat; 
    background-size: contain;
    vertical-align: middle;
	} 
.ul_menu{
	margin-right: 80px;
}
.ul_menu li{
	margin: 0 10px;
	float: left; 
    
}
.ul_menu li a{
	color: #fff;
    height: 62px;
    line-height: 62px;
    display: block;
    margin: 0 10px;
	text-align:center
}
.ul_menu li a.selecta span{ 
	background: url(../images/down-tranglehover.png) right center no-repeat;
}

.ul_menu li a:hover{ 
    border-bottom: 2px solid #fff;
}
.ul_menu li a.selecta.cur{  border-bottom: 2px solid #fff;}
.ul_menu li a.selecta.cur span{background: url(../images/down-trangle.png) right center no-repeat;}
.ul_menu li a:hover span{background: url(../images/down-trangle.png) right center no-repeat;}
/*.ul_menu li:hover .second_box{ display: block;}*/
.topRg a{
	margin: 0 10px;
	border: 2px solid #9bb7f9;
	padding: 6px 15px;
	/* border-radius: 15px; */
	font-size: 14px;
} 
.topRg a.btn_login{
	/* background: #fff; */
	color: #4d96fc;
}
.topRg a.btn_treUse{
	/* background: #4d96fc; */
	color: #FFFFFF;
 }
 .topRg a.btn_treUse:hover{ 
	color: #FFFFFF;
	background-color:#65a3fa;
 }
 .topRg a.btn_login:hover{ 
 	background-color:#65a3fa; 
	color: #fff;
 } 
 .second_box{
 	position: absolute; 
 } 
 .banner{
  	height: 629px;
  	width: 100%;
  	background: #eee;  
 }  
.swiper-container1{
	height: 629px;
}
.swiper-slide-w{ position: relative; height: 629px; text-align: center; }
.banner1_fr,.banner1_fl{ position: absolute; top:175px; right: 0; z-index: 99; width: 1200px; }
 
.slide3{ background: url(../images/banner21.png) no-repeat center; background-size: cover;}
.slide4{background: url(../images/banner1.png) no-repeat center; background-size: cover;}
.swiper-slide-active .banner1_fr{ animation:bounceInRight 2s 0s 1 linear both }
.swiper-slide-active .banner1_fl{ animation:bounceInLeft 2s 0s 1 linear both;animation-delay: .2s} 
.swiper-slide-active .banner1_bt{ animation:bounceInUp 2s 0s 1 linear both;animation-delay: .2s} 
.zhu1{
	position:absolute;
	top:390px;
	left:310px;
	-webkit-animation: bounceInop 3.2s linear infinite;
    animation: bounceInop 3.2s linear infinite;
    -moz-animation: bounceInop 3.2s linear infinite;
}
.zhu2{
	position:absolute;
	top:380px;
	left:290px;
	-webkit-animation: bounceInop 1.2s linear infinite;
    animation: bounceInop 1.2s linear infinite;
    -moz-animation: bounceInop 1.2s linear infinite;
}
.zhu3{
	position:absolute;
	top:360px;
	left:300px;
	-webkit-animation: bounceInop 2.2s linear infinite;
    animation: bounceInop 2.2s linear infinite;
    -moz-animation: bounceInop 2.2s linear infinite;
}
.zhu4{ 
	position:absolute;
	top:430px;
	left:300px;
	-webkit-animation: bounceInop 4.2s linear infinite;
    animation: bounceInop 4.2s linear infinite;
    -moz-animation: bounceInop 4.2s linear infinite;
}
.swiper-slide-active .zhu5{
	position:absolute;
	top:287px;
	left:491px;
	-webkit-animation: pulse 2s 0s ease both infinite;
    -moz-animation: pulse 2s 0s ease both infinite;
    animation: pulse 2s 0s ease both infinite;
	animation:bounceInUp 2s 0s 1 linear both;animation-delay: .2s
}
.swiper-slide-active .zhu6{
	position:absolute;
	top:235px;
	left:583px;
	-webkit-animation: pulse 2s 0s ease both infinite;
    -moz-animation: pulse 2s 0s ease both infinite;
    animation: pulse 2s 0s ease both infinite;
	animation:bounceInUp 2s 0s 1 linear both;animation-delay: .3s
}
.swiper-slide-active .zhu7{
	position:absolute;
	top:287px;
	left:675px;
	-webkit-animation: pulse 2s 0s ease both infinite;
    -moz-animation: pulse 2s 0s ease both infinite;
    animation: pulse 2s 0s ease both infinite;
	animation:bounceInUp 2s 0s 1 linear both;animation-delay: .2s
}
.swiper-slide-active .zhu8{
	position:absolute;
	top: 340px;
    left: 583.5px;
	-webkit-animation: pulse 2s 0s ease both infinite;
    -moz-animation: pulse 2s 0s ease both infinite;
    animation: pulse 2s 0s ease both infinite;
	animation:bounceInUp 2s 0s 1 linear both;animation-delay: .3s
}
.swiper-slide-active .zhuImg1{
	position:absolute;
	left:-220px;
	bottom:0;
	-webkit-animation: pulse 2s 0s ease both infinite;
    -moz-animation: pulse 2s 0s ease both infinite;
    animation: pulse 2s 0s ease both infinite;
	animation:bounceInUp 2s 0s 1 linear both;animation-delay: .5s
}
.swiper-slide-active .zhuImg2{
	position:absolute;
	right:-120px;
	bottom:104px;
	-webkit-animation: pulse 2s 0s ease both infinite;
    -moz-animation: pulse 2s 0s ease both infinite;
    animation: pulse 2s 0s ease both infinite;
	animation:bounceInUp 2s 0s 1 linear both;
	animation-delay: .4s
}
.qq_box img{
	display:block
}
.banner1_tt1{
	position:absolute;
	top:350px;
	left:300px;
	transition-duration: 2s;
    transition-timing-function: ease;
    transition-delay: 0s;
    transition-property: all;
    -webkit-animation: pulse 2s 0s ease both infinite;
    -moz-animation: pulse 2s 0s ease both infinite;
    animation: pulse 2s 0s ease both infinite;
}
 .swiper-slide-active .o2o_bt{
	 width:433px;
	 height:471px;
	 position:absolute;
	 left:50%;
	 margin-left:-217px;
	 bottom:-90px;  
	animation:bounceInUp 2s 0s 1 linear both;animation-delay: .2s
 }
.swiper-slide-active .o2o_top{
	 margin-top:250px; 
	 position:absolute;
	 left:50%;
	 margin-left:-137px;
	 bottom:100px;  
	animation:bounceInDown 2s 0s 1 linear both;animation-delay: .2s
}
.banner2_img{
	position:absolute;
	bottom:0;
	left:0;
	width:100%;
}
.qian1{
	position:absolute;
	bottom:247px;
	left:162px;
	-webkit-animation: bounceOut 2s linear infinite;
    animation: bounceOut 2s linear infinite;
    -moz-animation: bounceOut 2s linear infinite;
}
.qian2{
	position:absolute;
	bottom:202px;
	right:80px;
	-webkit-animation: bounceOut 2.5s linear infinite;
    animation: bounceOut 2.5s linear infinite;
    -moz-animation: bounceOut 2.5s linear infinite;
}
.swiper-pagination-bullet{ width: 9px; height: 9px; background: #fff;}
.swiper-pagination-bullet-active{ width: 30px; height: 9px; border-radius: 20px; background: #fff;}
.second_box{position: absolute; width: 1920px; left: 50%;background: #fff; margin-left: -50%;top:64px; padding-top: 30px;  display: none;z-index: -1;box-shadow: inset  0px 2px 6px rgba(0,0,0,.07); 
}
.dl_second{ position: relative; padding:15px 0px 15px 70px; cursor: pointer; letter-spacing: 1px; margin:0px 60px 30px 10px; width: 280px; float: left;line-height: 28px; }
.dl_second .second_icon{ position: absolute; top:16px; left: 30px;}
.dl_second dd{ color: #333; font-size: 16px; }
.dl_second dt{ color: #999999; font-size: 13px;}
.second_box .dl_second:nth-child(3n){ margin-right: 0;}
.dl_second:hover{ box-shadow: 0 2px 20px 0 rgba(79,135,251,.13);}
.dl_second:hover  a,.ul_menu li .dl_second a:hover{color: #333;}
 
.btn_zixun{ background-color: #FFFFFF;cursor: pointer; font-weight: 300; letter-spacing: 2px; border-radius: 30px; color: #434a53; border: none; padding: 8px 30px; font-size: 17px; margin-top: 500px;  box-shadow: 0 2px 10px 0 rgba(18,28,141,.34); transition-duration:2s;transition-timing-function:ease; transition-delay:0s;  transition-property:all;   }
.btn_zixun:hover{  box-shadow: 0 2px 20px 0 rgba(18,28,141,.34); background:#376ef2; color:#fff  }
 
.container{	  min-width: 1200px; overflow: hidden;}
.wrap_til{  font-weight: bold; color:#c9d9ff; position: relative; padding: 50px 0; margin: 50px 0 100px 0;  }
.wrap_til .wrap_tilCon{font-size:30px; color:#333;  position: absolute; left: 0; top:0px; width: 100%;}
.wrap_til .wrap_tilCon span.wrap_tilSm{ padding: 38px 0 0px 0; display:block; letter-spacing: 1px; font-size: 30px; font-weight: 500;}
.wrap_til .wrap_tilCon .line_bt{ width: 60px; height:5px; background:#4f87fb; margin: 0 auto;}
.wrap_til .wrap_tilCon .sm_til{ color: #b2b6bf; font-size:14px;   font-weight: normal; padding: 20px 0; letter-spacing: 1px;}
.icon_case{position: absolute; left: 50%; top:-49px; margin-left: -49px; width: 98px; height: 98px; line-height: 98px;   text-align: center; background:#f4f7fd; border-radius: 50%;}
.icon_case img{display: inline-block; vertical-align: middle; width: 54px; height: 54px;}
.case_wrap{ margin: 30px 0 150px 0; }
.case_wrap .case_wrapBlock{ position: relative; margin-top:125px; cursor: pointer; width: 350px; height: 240px; float: left; margin-right: 75px;}
.case_wrap .case_wrapBlock .case_wrapCard{ padding-top:80px; width: 350px; height: 170px;  background: #fff;box-shadow: 0 2px 50px 0 rgba(79,135,251,.13);;
    box-shadow: 0 2px 50px 0 rgba(79,135,251,.13);}
.case_wrap .case_wrapBlock:nth-child(3n){ margin-right: 0;}
.case_wrap .case_wrapBlock .case_wrapCard h2{ font-size: 24px; color:#454f66; font-weight: 500; }
.case_wrap .case_wrapBlock .case_wrapCard p{color:rgba(69,79,102,0.8); font-size: 14px; padding: 20px 0; line-height: 30px; letter-spacing: 1px;}
.el-card.is-always-shadow, .el-card.is-hover-shadow:focus, .el-card.is-hover-shadow:hover {
    -webkit-box-shadow: 0 2px 50px 0 rgba(0,0,0,.1);
    box-shadow: 0 2px 50px 0 rgba(0,0,0,.1);
}
.wrap_01{
    background: url(../images/bg.png) top center no-repeat; 
    background-size: cover;
    padding: 40px 0 60px 0;
}
.ul_WisdomAssociationCommunity li{
    width: 342px;
    height: 500px;
    background: #fff;
    float: left;
    box-shadow: 0 2px 50px 0 rgba(214,214,214,.39);
    margin: 0 29px;
    border-radius: 4px;
    position: relative;
    cursor: pointer;
}
.ul_WisdomAssociationCommunity li .li_top{
    background: #f5f7fa;
    width: 100%;
    padding: 30px 0 10px 0;
}
.ul_WisdomAssociationCommunity li .li_top h2{
    font-size: 18px;
    color: #333; 
}
.ul_WisdomAssociationCommunity li .li_top p{
    color: #808080;
    font-size: 15px;
    padding: 10px 0;
}
.ul_WisdomAssociationCommunity li .li_middle{
    padding: 40px 0;
}
.ul_WisdomAssociationCommunity li .li_middle a{
    display: block;
    padding: 0 10px 0 30px;
    margin-left: 50px;
    line-height: 40px;
    text-align: left;
    font-size: 14px;
    color: #70747d;
}
.ul_WisdomAssociationCommunity li .li_middle a.li11{ background: url(../images/icon_li1.png) left center no-repeat;}
.ul_WisdomAssociationCommunity li .li_middle a.li12{ background: url(../images/icon_li2.png) left center no-repeat;}
.ul_WisdomAssociationCommunity li .li_middle a.li13{ background: url(../images/icon_li3.png) left center no-repeat;}
.ul_WisdomAssociationCommunity li .li_middle a.li14{ background: url(../images/icon_li4.png) left center no-repeat;}
.ul_WisdomAssociationCommunity li .li_middle a.li15{ background: url(../images/icon_li5.png) left center no-repeat;} 
.ul_WisdomAssociationCommunity li .li_middle a.li11:hover{ background: url(../images/icon_li1hover.png) left center no-repeat;}
.ul_WisdomAssociationCommunity li .li_middle a.li12:hover{ background: url(../images/icon_li2hover.png) left center no-repeat;}
.ul_WisdomAssociationCommunity li .li_middle a.li13:hover{ background: url(../images/icon_li3hover.png) left center no-repeat;}
.ul_WisdomAssociationCommunity li .li_middle a.li14:hover{ background: url(../images/icon_li4hover.png) left center no-repeat;}
.ul_WisdomAssociationCommunity li .li_middle a.li15:hover{ background: url(../images/icon_li5hover.png) left center no-repeat;} 

.ul_WisdomAssociationCommunity li .li_middle a.li21{ background: url(../images/icon_li21.png) left center no-repeat;}
.ul_WisdomAssociationCommunity li .li_middle a.li22{ background: url(../images/icon_li22.png) left center no-repeat;}
.ul_WisdomAssociationCommunity li .li_middle a.li23{ background: url(../images/icon_li23.png) left center no-repeat;}
.ul_WisdomAssociationCommunity li .li_middle a.li24{ background: url(../images/icon_li24.png) left center no-repeat;} 
.ul_WisdomAssociationCommunity li .li_middle a.li25{ background: url(../images/icon_li25.png) left center no-repeat;}
.ul_WisdomAssociationCommunity li .li_middle a.li21:hover{ background: url(../images/icon_li21hover.png) left center no-repeat;}
.ul_WisdomAssociationCommunity li .li_middle a.li22:hover{ background: url(../images/icon_li22hover.png) left center no-repeat;}
.ul_WisdomAssociationCommunity li .li_middle a.li23:hover{ background: url(../images/icon_li23hover.png) left center no-repeat;}
.ul_WisdomAssociationCommunity li .li_middle a.li24:hover{ background: url(../images/icon_li24hover.png) left center no-repeat;} 
.ul_WisdomAssociationCommunity li .li_middle a.li25:hover{ background: url(../images/icon_li25hover.png) left center no-repeat;} 

.ul_WisdomAssociationCommunity li .li_middle a.li31{ background: url(../images/icon_li31.png) left center no-repeat;}
.ul_WisdomAssociationCommunity li .li_middle a.li32{ background: url(../images/icon_li32.png) left center no-repeat;}
.ul_WisdomAssociationCommunity li .li_middle a.li33{ background: url(../images/icon_li33.png) left center no-repeat;}
.ul_WisdomAssociationCommunity li .li_middle a.li34{ background: url(../images/icon_li34.png) left center no-repeat;} 
.ul_WisdomAssociationCommunity li .li_middle a.li35{ background: url(../images/icon_li35.png) left center no-repeat;} 
.ul_WisdomAssociationCommunity li .li_middle a.li31:hover{ background: url(../images/icon_li31hover.png) left center no-repeat;}
.ul_WisdomAssociationCommunity li .li_middle a.li32:hover{ background: url(../images/icon_li32hover.png) left center no-repeat;}
.ul_WisdomAssociationCommunity li .li_middle a.li33:hover{ background: url(../images/icon_li33hover.png) left center no-repeat;}
.ul_WisdomAssociationCommunity li .li_middle a.li34:hover{ background: url(../images/icon_li34hover.png) left center no-repeat;} 
.ul_WisdomAssociationCommunity li .li_middle a.li35:hover{ background: url(../images/icon_li35hover.png) left center no-repeat;} 


.ul_WisdomAssociationCommunity li .li_middle a:hover{ color: #376ef2;}
.ul_WisdomAssociationCommunity li.li1{
    background: url(../images/wavbg1.png) right bottom no-repeat,#fff;
}
.ul_WisdomAssociationCommunity li.li2{
    background: url(../images/wavbg2.png) right bottom no-repeat,#fff;
}
.ul_WisdomAssociationCommunity li.li3{
    background: url(../images/wavbg3.png) right bottom no-repeat,#fff;
}
.ul_WisdomAssociationCommunity li.li1:hover,.ul_WisdomAssociationCommunity li.cur{
   // background: url(../images/wavbg1hover.png) right bottom no-repeat,#fff;
    box-shadow: 0 2px 50px 0 rgba(178,201,255,.39);  
    -webkit-animation: bounce 1s ease 0s 1 both;    animation: bounce 1s ease 0s 1 both;
}
.ul_WisdomAssociationCommunity li.li2:hover,.ul_WisdomAssociationCommunity li.li2.cur{
   // background: url(../images/wavbg2hover.png) right bottom no-repeat,#fff;
    box-shadow: 0 2px 50px 0 rgba(178,201,255,.39);  
    -webkit-animation: bounce 1s ease 0s 1 both;    animation: bounce 1s ease 0s 1 both;
}
.ul_WisdomAssociationCommunity li.li3:hover,.ul_WisdomAssociationCommunity li.li3.cur{
    //background: url(../images/wavbg3hover.png) right bottom no-repeat,#fff;
    box-shadow: 0 2px 50px 0 rgba(178,201,255,.39);  
    -webkit-animation: bounce 1s ease 0s 1 both;    animation: bounce 1s ease 0s 1 both;
}
.ul_WisdomAssociationCommunity li:hover .li_top,.ul_WisdomAssociationCommunity li.cur .li_top{
    background: #376ef2;
    color: #FFFFFF;
    border-radius: 4px 4px 0 0;
}
.ul_WisdomAssociationCommunity li:hover .li_top h2,.ul_WisdomAssociationCommunity li:hover .li_top p,.ul_WisdomAssociationCommunity li.cur .li_top h2,.ul_WisdomAssociationCommunity li.cur .li_top p{    color: #fff;}

.ul_WisdomAssociationCommunity li:hover .img_wavbg{
	cursor:pointer;
	transform:rotate(360deg);
	-ms-transform:rotate(360deg); 	/* IE 9 */
	-moz-transform:rotate(360deg); 	/* Firefox */
	-webkit-transform:rotate(360deg); /* Safari 和 Chrome */
	-o-transform:rotate(360deg);
	transition: all 3s;
	-moz-transition: all 3s; /* Firefox 4 */
	-webkit-transition: all 3s; /* Safari 和 Chrome */
	-o-transition: all 3s; /* Opera */
}
.ul_WisdomAssociationCommunity li .img_wavbg1{
	width:62px;
	height:72px;
	position:absolute;
	bottom:23px;
	right:23px;
	background:url(../images/dd2.png) left top  no-repeat;
}
.ul_WisdomAssociationCommunity li:hover .img_wavbg1{
	background:url(../images/dd3hover.png) left top  no-repeat;
}
.ul_WisdomAssociationCommunity li .img_wavbg2{
	width:72px;
	height:72px;
	position:absolute;
	bottom:25px;
	right:25px;
	background:url(../images/dd3.png) left top  no-repeat;
}
.ul_WisdomAssociationCommunity li:hover .img_wavbg2{
	background:url(../images/dd2hover.png) left top  no-repeat;
}
.ul_WisdomAssociationCommunity li .img_wavbg3{
	width:58px;
	height:68px;
	position:absolute;
	bottom:25px;
	right:20px;
	background:url(../images/dd1.png) left top  no-repeat;
}
.ul_WisdomAssociationCommunity li:hover .img_wavbg3{
	background:url(../images/dd1hover.png) left top  no-repeat;
}
.cricle_img{
	 //-webkit-animation: pulse 2s 0s ease both infinite;
    //-moz-animation: pulse 2s 0s ease both infinite;
    //animation: pulse 2s 0s ease both infinite;
	-webkit-animation: zoomIn 0.5s .1s 1 linear both  ;  animation: zoomIn 0.5s 0.1s 1 linear both;
	position:absolute;
	right:355px;top:70px;
}

.lookDetails{
    position: absolute;
    bottom: 50px;
    left: 50px;
}
.lookDetails a{ background: url(../images/go_rg.png) right 10px center no-repeat,#f5f7fa; color:#666666; padding: 4px 30px 4px 10px; font-size: 14px;position: relative; }
.lookDetails a:hover{background: url(../images/go_rgblue.png) right 10px center no-repeat,#d5e0fc; color:#376ef2;  }
 .wrap_02{
     background: url(../images/zhinnegbg.png) no-repeat top center;
     background-size: cover;
     background-attachment:fixed;
     padding: 20px 0;
     min-height: 765px;
	 position:relative;
	 overflow:hidden
 }
.ul_daili{
    border-bottom: 1px solid #6475a6;
}
.ul_daili li{ 
    float: left;
    width: 240px;
    padding: 20px 0;
    text-align: center;
    color: #fff;
    font-size: 18px;
    position: relative;
    cursor: pointer;
}
.bg_bt{
    position: absolute;
    left: 0;
    bottom: 0;
    height: 2px;
    width: 240px;
    background: -webkit-linear-gradient(left, #3371fe , #9f4fb0); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(right, #3371fe , #9f4fb0); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(right,#3371fe , #9f4fb0); /* Firefox 3.6 - 15 */
    background: linear-gradient(to right, #3371fe , #9f4fb0); /* 标准的语法 */
    display: none;
}
.ul_daili li.cur .bg_bt{
    display: block;
}
.fl_daili{text-align: left;  width:600px; position:absolute; top:0; left:80px;}
.fl_daili_block{ padding: 50px 0;  color: #fff;  }
.fl_daili_block h1{ font-size: 22px; font-weight: bold; padding: 20px 0;} 
.knowMore{ background-color: #FFFFFF;cursor: pointer; font-weight: 300; letter-spacing: 2px; border-radius: 30px; color: #434a53; border: none; padding: 8px 30px; font-size: 17px;}
.knowMore:hover{ box-shadow: 0 2px 20px 0 rgba(18,28,141,.34);  background: #376ef2; color: #FFFFFF;}
.ul_marking li{width: 299px; float: left; height: 224px;  padding: 20px 0;  text-align: center;   border-right: 1px solid #f3f5f7; border-bottom: 1px solid #f3f5f7;}
.ul_marking li .dl_marking{ padding-left: 20px; }
.ul_marking li:nth-child(4n){ border-right: none;}
.ul_marking li:nth-last-child(1),.ul_marking li:nth-last-child(4),.ul_marking li:nth-last-child(5),.ul_marking li:nth-last-child(3),.ul_marking li:nth-last-child(2){  border-bottom: none;}
.ul_marking li .dl_marking dd{ font-size: 16px; color: #333;letter-spacing: 1px; font-weight: bold; }
.ul_marking li .dl_marking dt{ font-size:14px; color:#8c8c8c; padding: 20px 0; letter-spacing: 1px; }
.ul_marking li  .marking_img img{ margin: 20px 0;}
.ul_marking li:hover{ box-shadow: 0 0px 50px 0 rgba(178,201,255,.39);  }
.ul_marking li:hover .marking_img img{ -webkit-animation: bounce 1s ease 0s 1 both; animation: bounce 1s ease 0s 1 both;  }
.wrap_03{ padding-bottom: 60px;} 
.wrap_04{ background:#f4f8fd; padding: 20px 0;  background: url(../images/ggbg.png) center no-repeat; background-size: cover;}

.ul_openPlatformTop{ margin: 20px 0 100px 0}
.ul_openPlatformTop li{width: 240px; float: left; text-align: center; margin-right: 80px; cursor: pointer; }
.ul_openPlatformTop li:nth-child(4){ margin-right: 0;}
.ul_openPlatformTop p{ font-size: 18px; font-weight: bold; padding: 40px 0;} 


.case_wrap .case_wrapBlock:hover{ -webkit-animation: bounce 1s ease 0s 1 both;    animation: bounce 1s ease 0s 1 both;}
/*.case_wrap .case_wrapBlock:hover .case_wrapCard{ background: #4f87fb; color: #fff;}
.case_wrap .case_wrapBlock:hover .case_wrapCard h2{color: #fff;}
.case_wrap .case_wrapBlock:hover .case_wrapCard p{ color: #fff;}*/
.case_wrap .case_wrapBlock:hover  .icon_case img{ transform: rotate(360deg); transition: 1s;}
.ul_system{ padding-top: 150px;}
.ul_system li{ width: 160px; float: left; cursor: pointer;}
.ul_system li .cricle_sys{ background: #fff; width: 100px; height: 100px;  border-radius: 50%; border:2px solid #eee; margin: 0 auto;}
.ul_system li .sys_til1{ letter-spacing: 1px; color: #7c869d;margin-top: 40px;}
.ul_system li .sys_til1,.ul_system li .sys_til2{ font-size: 20px;   }
.ul_system li .sys_til2{ color:#454f66; margin-top: 30px;}
.triangle_border_up{width:0;  height:0; border-width:0 9px 9px;  border-style:solid;border-color:transparent transparent #3c79f9;/*透明 透明  灰*/
    margin:16px auto 20px auto;    position:relative;}
.ul_system li .cricle_sys1{ background: url(../images/icon_tixi1.png) center no-repeat,#fff; opacity: 1;}
.ul_system li .cricle_sys2{ background: url(../images/icon_tixi2.png) center no-repeat,#fff;}
.ul_system li .cricle_sys3{ background: url(../images/icon_tixi3.png) center no-repeat,#fff;} 
.ul_system li .isshow{ display: none;} 
.ul_system li:hover .cricle_sys1{background: url(../images/icon_tixi1hover.png) center no-repeat,#4f87fb;  transition: 1.3s;}
.ul_system li:hover .cricle_sys2{background: url(../images/icon_tixi2hover.png) center no-repeat,#4f87fb;  transition: 1.3s;}
.ul_system li:hover .cricle_sys3{background: url(../images/icon_tixi3hover.png) center no-repeat,#4f87fb;  transition: 1.3s;} 
.ul_system li.nav-cus-0 .cricle_sys1{background: url(../images/icon_tixi1hover.png) center no-repeat,#4f87fb;  transition: 1.3s;}
.ul_system li.nav-cus-1 .cricle_sys2{background: url(../images/icon_tixi2hover.png) center no-repeat,#4f87fb;  transition: 1.3s;}
.ul_system li.nav-cus-2 .cricle_sys3{background: url(../images/icon_tixi3hover.png) center no-repeat,#4f87fb;  transition: 1.3s;}
.ul_system li.nav-cus-0  .isshow{ display: block;}
.ul_system li.nav-cus-1  .isshow{ display: block;}
.ul_system li.nav-cus-2  .isshow{ display: block;}
.imgBlock{ height: 210px; width: 100%;  } 
 
 .gwPlugSwiper{ height: 380px;}
 .swiper-button-prev, .swiper-container-rtl .swiper-button-next,.swiper-button-next, .swiper-container-rtl .swiper-button-prev{background-image: none;}
 
 .ul_news{ padding-top: 140px; margin-bottom: 20px;}
 .ul_news li{ width: 490px; padding: 20px; float: left; margin: 0 20px 50px 50px; cursor: pointer; border-radius: 2px;}
 .ul_news li .li_newsFl{ width: 80px; text-align: right}
 .ul_news li .li_newsFl h2{ font-size: 26px; color: #333; font-weight: 400;}
 .ul_news li .li_newsFl p{ font-size: 14px; color: #999; padding-top: 10px;}
 .ul_news li .li_newsFr{ width: 360px; margin-left: 30px;}
.ul_news li:hover{ box-shadow: 0 2px 20px 0 rgba(79,135,251,.13);}
/*.ul_news li:hover a{ color: #4f87fb;}*/
 
.li_newsFr dl dd a{ font-size: 20px; color: #333; letter-spacing: 1px; }
/*.li_newsFr dl dd a:hover{ color: #4f87fb;}*/
.li_newsFr dl dt{ padding-top: 10px; color: #999999; line-height: 20px; height: 40px;  overflow: hidden; letter-spacing: 1px;  font-size: 14px; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2; overflow: hidden;}
.btn_more{ background-color: #4f87fb; border-color: #4f87fb; padding: 12px 50px; font-size: 18px; margin-top: 24px;  -webkit-box-shadow: 0px 6px 16px #b8bfe5;
    box-shadow: 0px 6px 16px #b8bfe5;}
.btn_more:hover{ background: #4d96fc}
.wrap_04{ padding-bottom: 140px;}

.slideImg{ height: 384px;}
.slideImg .top_dt{ float: left;  width: 360px; margin: 20px; height: 344px; border-radius: 5px; cursor: pointer;}
.slideImg .top_dt .dt_show{box-shadow: 0 2px 50px 0 rgba(79,135,251,.13);  width: 360px;  height: 344px; position: relative;}
.goRg{ position: absolute; bottom: -20px; left: 50%; margin-left: -20px; display: none;}
/*.slideImg .top_dt .dt_show:hover{-webkit-animation: bounce 1s ease 0s 1 both;    animation: bounce 1s ease 0s 1 both;}*/
.slideImg .top_dt .dt_show:hover .goRg{ display: block;}
.top_dt .top_dtImg{
	width: 360px;
	height: 208px;
	overflow: hidden;
	border-radius: 5px 5px 0 0; 
}
.top_dt .top_dtImg a{
	display: table-cell;
	width: 360px;
	height: 208px;
	text-align: center;
	vertical-align: middle;
}
.top_dt .top_dtImg a img{
	max-width: 360px;
	max-height: 208px;
}
.top_dt .top_dtImg:hover a img{
	-webkit-transform:scale(1.2);
    -moz-transform:scale(1.2);
    transform:scale(1.2);
    transition: all 0.6s ease;
    -webkit-transition: all 0.6s ease;
} 
.top_dt .top_dttxt{ padding: 20px 20px 40px 20px;} 
.top_dt .top_dttxt .top_dttxt1 .til a{ font-size: 22px; color: #454f66; width: 60%;letter-spacing: 1px; }
.top_dt .top_dttxt .top_dttxt1 .time{color:#b5bcca; font-size:14px; color:#b5bcca;}
.top_dt .top_dttxt .top_dttxt2{ font-size: 14px; color:#9aa3b7; margin-top: 10px; display: -webkit-box;
    -webkit-box-orient: vertical; letter-spacing: 1.5px;
    -webkit-line-clamp: 2; font-weight: 300;
    overflow: hidden;}

.swiper-container2{   width: 1250px;  padding: 106px 0 114px 50px;  margin: 0 auto;margin-left: -50px;}
.swiper-button-next, .swiper-button-prev{width: 30px; height: 30px;}
.swiper-button-next1{ 
	background: url(../images/swiperl.png) left center no-repeat;
}
.swiper-button-prev1{ 
	background: url(../images/swiperr.png) left center no-repeat;
}
.systembox{
	padding: 80px 0 30px 0;
}
.inner{width: 1700px; height: 600px;}
.system_fr{ width: 560px; height: 600px; overflow: hidden;}
.system_fr .tab{ width: 560px; height: 600px; float: left; }

.footPart{ background:url(../images/footpart.png) center no-repeat; background-size: cover; height: 210px; width: 100%; font-family: "微软雅黑";}
.footPart h2{ font-size: 33px; padding: 40px 0 30px 0; color: #ebf1fe; letter-spacing: 7px; font-weight: 400;}
.btn_shen{ padding: 10px 40px; border: 1px solid #fff; color: #ebf1fe; border-radius: 2px;  background:none; cursor: pointer; font-size: 20px; letter-spacing:3px}
.btn_shen:hover{background: #4d96fc; border: 1px solid #4d96fc;}
.foot_bt{padding: 40px 0 10px 0;background: #373d44;}
.ul_server{ margin-right: 120px;}
.ul_server li a.ft_a{  color: #fff; line-height: 40px; font-size: 14px; }
.ul_server li a.ft_a:hover{color: #4f87fb;}
.ul_server li dl{ padding:10px 0  0 70px; position: relative; margin: 9px 0;}
.ul_server li dl dd a{ font-size: 14px; color: #fff; line-height: 26px;}
.ul_server li dl dd a:hover{color: #4f87fb;}
.ul_server li dl dt{ color: #b2b6b6; font-size: 12px; }
.ul_server li dl .icon_server{ position: absolute; left: 0; top:10px}
.p_til{color: #fff; line-height: 40px; font-size: 14px; }
.ul_hz{ width: 480px; margin-top: 20px;}
.ul_hz li{ float: left; width: 120px; height: 50px; }
.foot_line{ border-top:1px solid #333940; margin-top: 60px; padding:30px 0; color: #b2b6b6; font-size: 12px;}
.foot_line span{ margin-right: 20px; padding: 10px 0;} 
.foot_line span.foot_logo{ padding-left: 90px; /*background: url(../images/kj.png) left center no-repeat;*/}

.contact{ position: fixed; right: 20px; top:300px; z-index: 9999999;}
.contact_ul li{ width: 40px; position: relative; cursor: pointer; height: 40px; border: 1px solid #e7eaf2; background: #fff; margin: 10px 0; box-shadow: 0 0px 6px 0 rgba(76,86,114,.12); border-radius: 4px;}
.contact_ul li:hover { background:#4d96fc; border:1px solid #4d96fc; }
.contact_ul li a{ display:block; width: 40px; height: 40px; } 
.contact_ul li a{ display: block;}
.contact_ul li.icon_contact1 a{ background: url(../images/icon_contact1.png) center no-repeat;}
.contact_ul li.icon_contact2 a{ background: url(../images/icon_contact2.png) center no-repeat;}
.contact_ul li.icon_contact3 a{ background: url(../images/icon_contact3.png) center no-repeat;}
.contact_ul li.icon_contact4 a{ background: url(../images/icon_contact4.png) center no-repeat;}
.contact_ul li.icon_contact4{ display: none;}
.contact_ul li.icon_contact1:hover a{background: url(../images/icon_contact1hover.png) center no-repeat;}
.contact_ul li.icon_contact2:hover a{background: url(../images/icon_contact2hover.png) center no-repeat;}
.contact_ul li.icon_contact3:hover a{background: url(../images/icon_contact3hover.png) center no-repeat;}
.contact_ul li.icon_contact4:hover a{background: url(../images/icon_contact4hover.png) center no-repeat;} 
.tan_wei,.tan_wei1{  background: #000; position: absolute; z-index:-9;right: 120px; top:0px; border-radius: 5px; background:#f6f8fb; border:1px solid #e6eaf0; padding: 10px; opacity: 0;box-shadow: 0 0 9px 0 rgba(0,0,0,0.1);
} 
 
.tan_wei .p_tel{font-size: 18px; color: #9ba8c3; width: 115px; display: block;}
.tan_weiFix{ display: block; opacity: 1; right:75px; transition:right 0.2s; top:415px; position: fixed;}
.tan_weiFix2{ display: block; opacity: 1; right:75px;  transition:right 0.2s;  top:362px;position: fixed;}
.tan_sanjiao{ position: absolute; right:-7px; top:13px; width: 10px; height: 10px;background:#f6f8fb; border-right:1px solid #e6eaf0; 
border-top:1px solid #e6eaf0; transform:rotate(45deg);-ms-transform:rotate(45deg);-moz-transform:rotate(45deg);-webkit-transform:rotate(45eg); -o-transform:rotate(45deg);  }

  
/*index end*/
.function_banner{ height: 390px; width: 100%; min-width: 1200px; position: relative;}
/*.function_bannerAlap{ position: absolute; left: 0; top:0; width: 100%; height: 390px; background-color: rgba(17,57,104,0.69);}*/
.banner_til{color: #ebebeb; padding: 80px 0; }
.banner_til h2{font-size: 44px;  letter-spacing: 2px; font-weight: 300;}
.banner_til p{font-size: 18px; padding: 30px 0 20px 0; letter-spacing: 1px; font-weight: 300;}
.btn_zixunhover{ background: rgba(77,150,252,0.76); padding: 10px 45px;}

.n_til{letter-spacing: 1px; text-align: center; padding: 80px 0;}
.n_til h2{ display: block; font-size: 32px; color: #333; padding-bottom: 8px; font-weight: 400;}
.n_til p{ font-size: 14px;  color: rgba(188,188,188,0.8); }

.function_ul li{ width: 400px; text-align: center;  padding: 38px 0; float: left; cursor: pointer; cursor: pointer; margin-bottom: 20px; }
.function_ul li .function_txt h2{ font-size: 24px; color:#333; padding: 25px 0 0px 0; letter-spacing: 1px; font-weight: 400;}
.function_ul li .bt_line{ width: 42px; height: 3px; background:#3b91fc; margin: 15px auto 5px auto;}
.function_ul li .icon_function{ width: 400px; height: 80px; display: table-cell; vertical-align: middle; text-align: center;}
.function_ul li .icon_function img{max-width: 100%; max-height: 80px; } 
.function_ul li .icon_function img.hide{display: none;}
.function_ul li:hover .icon_function img.show{ display: none;}
.function_ul li:hover .icon_function img.hide{ display: block; margin: 0 auto;}
.function_ul li:hover{ background:#64a6ff; color: #fff; box-shadow: 0 10px 36px 0 rgba(34,109,204,.25);  transition: 1s;}
.function_ul li:hover .function_txt h2{ color:#fff;}
.function_ul li:hover .bt_line{ background:#fff; }
 
.function_jie{
	background: url(../images/jieshao_bg.png) top 170px center no-repeat;
	
}
.function_imgtxt{ padding: 120px 0 0 100px; width: 380px; cursor: pointer;}
.function_imgtxt h2{ font-size: 28px; color:#454f66;letter-spacing: 1px;  font-weight: 400; }
.function_imgtxt p{color:rgba(69,79,102,0.8); letter-spacing:1px;font-size: 14px;letter-spacing: 1px;  padding-top: 18px; line-height: 24px; }
.function_jieBlock{ padding: 20px 0; }
.function_img{ width: 600px; text-align: center; cursor: pointer;}
/*.function_img:hover img{ margin-top: 5px; transition: all .2s;}*/
.banner_tilahout{
	padding: 120px 0;
}
.banner_tilahout p{ font-size: 30px; color:#ebebeb;  padding: 20px 0 20px 0;}
.banner_tilahout p.p_zimu{ font-family: 'pingfang SC','helvetica neue',arial,'hiragino sans gb','microsoft yahei ui','microsoft yahei',simsun,sans-serif;}
.about_txt{padding:0 10px; color:#333333;}
.about_txt p{ text-indent: 2em; line-height: 40px; font-size: 18px; letter-spacing: 1px;}
.n_tilABout{ padding-bottom:70px;}
.dl_about_txt{ padding: 15px; padding-left: 2em;}
.dl_about_txt dd{ font-size: 24px; line-height: 40px;}
.dl_about_txt dt{ line-height: 40px;}

.officeEnvironment{ background:#f6faff; padding-bottom: 100px; margin-top: 120px;}
.n_tilABout h2{ font-size: 36px;}
.map_box{ width: 1097px; margin: 0 auto; height: 499px; position: relative;}
.map_txt{ position: absolute; left: 0; bottom:0; padding:20px 30px; width: 1037px; background:#60a4ff; color:#fff; font-weight: 300;}
.map_txt h2{ font-size: 28px; line-height: 45px; font-weight: 400; padding-bottom: 10px; letter-spacing: 2px;}
.map_txt p span{ font-size: 18px; margin-right: 40px; font-family: 'pingfang SC','helvetica neue',arial,'hiragino sans gb','microsoft yahei ui','microsoft yahei',simsun,sans-serif;}

.ul_office{ width: 1097px; margin: 10px auto;     }
.ul_office li{ width: 253px; height: 162px; float: left; margin-right: 28px; margin-bottom: 28px;}
.ul_office li:nth-child(4n){ margin-right: 0;} 
.ul_office li .office_img{  width:253px; height:162px; overflow: hidden; }
.ul_office li .office_img a{ display: table-cell; width:253px; height:162px; vertical-align: middle; text-align: center; }
.ul_office li .office_img a img{ max-width: 253px; max-height: 162px;}
.ul_office li:hover .office_img a img{ -webkit-transform:scale(1.2); -moz-transform:scale(1.2); transform:scale(1.2);
transition: all 0.6s ease;   }

.ul_tk{ height: 340px; }
.ul_tk li{ width: 530px; padding: 50px 20px; cursor: pointer; background:#fff;box-shadow: 0 2px 50px 0 rgba(79,135,251,.13); min-height: 215px; border-radius: 5px;  } 
.ul_tk li .fl_tkimg{ width: 250px;}
.ul_tk li .fr_tktxt{ width: 260px;  }
.ul_tk li .fr_tktxt dd a,.ul_tk li .fr_tktxt dt{font-size: 24px;color:#454f66; letter-spacing: 1px;}
.ul_tk li .fr_tktxt dt{ margin-top: 30px;  font-size: 14px; line-height: 34px;}
.ul_tk li:hover{ transition: all 0.6s ease;    -webkit-transition: all 0.6s ease;-moz-transition: all 0.6s ease; -ms-transition: all 0.6s ease;  margin-top: 5px;}

.ul_drainage{ margin-bottom: 60px;}
.ul_drainage li{ background:#fff; width: 222px; padding:30px 20px 50px 20px; border-radius: 5px; float: left; margin-right: 50px; margin-top: 70px;
box-shadow: 0 19px 40px 0 rgba(65,115,178,.13);}
.ul_drainage li a .cricle_drainage{ width:68px; height: 68px; background:#f3f7fd;  border-radius: 50%;  display: table-cell; text-align: center; vertical-align: middle;}
.ul_drainage li a .cricle_drainage img{ max-width: 68px; max-height: 68px;}
.ul_drainage li a .dl_drainage{ padding: 30px 10px 5px 10px; }
.ul_drainage li a .dl_drainage dd,.ul_drainage li a .dl_drainage dt{color:rgba(69,79,102,0.8);letter-spacing: 1px;}
.ul_drainage li a .dl_drainage dd{ font-size: 22px; line-height: 40px;color:rgba(69,79,102,0.9); }
.ul_drainage li a .dl_drainage dt{ font-size: 14px; line-height: 28px;}
.ul_drainage li:nth-child(2n){ margin-top: 0;}
.ul_drainage li:nth-child(4n){ margin-right: 0;}
.ul_drainage li:hover{-webkit-animation: bounce 1s ease 0s 1 both; animation: bounce 1s ease 0s 1 both;}
.ul_drainage li:hover .cricle_drainage img{transform: rotate(360deg); transition: 1s;}

.ul_Receipts{margin-bottom: 30px; padding: 40px 0;}
.ul_Receipts li{ width: 260px; margin-right: 52px; border-radius: 5px; box-shadow: 0 2px 50px 0 rgba(79,135,251,.13); padding: 50px 0 65px 0; text-align: center; height: 180px; float: left; background: url(../images/receipts_bg.png) top center no-repeat,#fff;}
.ul_Receipts li:nth-child(4){ margin-right: 0; }
.ul_Receipts li a{color:#454f66; font-size: 20px;  } 
.ul_Receipts li:hover .icon_Receipts img{-webkit-animation: bounce 1s ease 0s 1 both; animation: bounce 1s ease 0s 1 both; }

.ul_hyTil{ height: 429px; margin-bottom: 50px;}
.ul_hyTil li{ width: 354px; height: 349px; margin-right:69px; overflow: hidden; float: left; text-align: center; background:#fff; box-shadow: 0 2px 50px 0 rgba(79,135,251,.13); padding: 40px 0;}
.ul_hyTil li .cousin_hyimg{  font-size: 24px;  }
.ul_hyTil li:nth-child(3){ margin-right: 0;}
.ul_hyTil li .cousin_hytxt{color:#454f66;}
.ul_hyTil li .cousin_hytxt h2{ font-size: 24px; padding: 30px 0 20px 0;letter-spacing: 1px; font-weight: 400;}
.ul_hyTil li .cousin_hytxt p{ font-size: 14px; letter-spacing: 1px;}
.ul_hyTil li:hover{transition: all 0.6s ease;-webkit-transition: all 0.6s ease;-moz-transition: all 0.6s ease; -ms-transition: all 0.6s ease;  margin-top: 10px;}


/*.ul_marking li:hover{-webkit-animation: bounce 1s ease 0s 1 both; animation: bounce 1s ease 0s 1 both;}*/
.store_imgtxt{padding: 90px 80px 0 90px; width: 390px;}
.shop_bg{ width: 100%; min-width: 1200px; background:#f6faff;}
.function_img1{ margin-top: 20px;}
.function_jieBlockShop{ margin-top: 30px;}

.ul_lb li{ text-align: center; width: 299px; float: left; padding: 40px 0; cursor: pointer; border-right:1px solid #c5e0fd; }
.ul_lb li .lb_img{ width:70px; height: 60px; margin: 0 auto;}
.ul_lb li .dl_lbtxt dd{ font-size:24px; color:#333; margin: 30px 0 20px 0; letter-spacing: 1px;}
.ul_lb li .dl_lbtxt dt{font-size: 14px; color: #8c8c8c; line-height: 30px; letter-spacing: 1px;}
.ul_lb li:nth-child(1),.ul_lb li:nth-child(2),.ul_lb li:nth-child(3),.ul_lb li:nth-child(4){border-bottom: 1px solid #c5e0fd; border-top:1px  solid transparent}
.ul_lb li:nth-child(4n){ border-right: none;}
.ul_lb li:hover{ background:#fff; border-bottom: 1px solid #3b91fc;}
.ul_lb li:hover img{transform: rotate(360deg); transition: 1s;}
.ul_lb li:nth-child(1):hover,.ul_lb li:nth-child(2):hover,.ul_lb li:nth-child(3):hover,.ul_lb li:nth-child(4):hover{border-top: 1px solid #3b91fc; border-bottom: 1px solid #c5e0fd;}
/*新闻*/
.newsBox{ padding: 40px 0 120px 0;}
.news_fl{width: 820px; padding:0 25px; box-shadow: 0px 0px 8px rgba(0,0,0,.07);}
.news_img{ width: 184px; height: 134px; position: absolute; top:35px; left: 0; overflow:hidden; }
.news_img a{ display: table-cell; vertical-align: middle; text-align: center; width: 184px; height: 134px; }
.news_img a img{ max-width: 184px; max-height: 134px;}
.news_img a:hover img{transform: scale(1.2); transition: 1s}
.dl_news{ position: relative;  min-height: 134px; padding: 35px 0 35px 220px; border-bottom: 1px solid #e1e8ec;}
.dl_news:hover a{color:#4d96fc; }
.dl_news dd a{color:#333; font-size: 20px; line-height: 50px;}
.dl_news dt{ font-size: 14px; color: #999; line-height: 24px;}
.dl_news dt.dt1{overflow:hidden; max-height: 48px; text-overflow:ellipsis;display:-webkit-box; -webkit-box-orient:vertical;-webkit-line-clamp:2;}
.dl_news dt.dt2,.dl_listCon dt.dt2{ padding: 10px 0; }
.dl_news dt.dt2 a,.dl_listCon dt.dt2 a{ padding-left: 25px; margin-right: 40px; color: #999; font-size: 12px;}
.dl_news dt.dt2 a.icon_newsTime,.dl_listCon dt.dt2 a.icon_newsTime{ background: url(../images/icon_newstime.png) left center no-repeat;}
.dl_news dt.dt2 a.icon_kuaijing,.dl_listCon dt.dt2 a.icon_kuaijing{ background: url(../images/icon_news1.png) left center no-repeat;}
.news_fl .dl_news:last-child{ border-bottom: none; } 
.news_fr{ width: 290px; box-shadow: 0px 0px 8px rgba(0,0,0,.07); background:#fff;}
.ul_newsfr{ width:256px; margin: 17px;}
/*分页*/
.pagination{
    width: 820px;
    padding: 30px 0;
    margin: 0 auto;
    text-align: center;
    font-size: 14px;
    color: #333;
}
.pagination .pageList-wrap{
    display: inline-block;
}
.pagination .item{
    width: 30px;
    height: 30px;
    line-height: 30px; 
    cursor: pointer;
    border-radius: 100%;
    display:inline-block;
    vertical-align: top;
    text-align: center;
    margin: 0 5px;
    user-select: none;
}
.pagination .eliplise,
.pagination .item[value]{
    width: 30px;
}

.pagination .item[value].active{
    background: #3585fb;
    color: #fff;
} 

.pagination .page-list-wrap{
    display: inline-block;
}
.pagination .page-count{
    height: 30px;
    margin-left: 20px;
    vertical-align: top;
    line-height: 30px;
    display: inline-block;
}
.pagination .page-count_num{
    margin: 0 5px;
    color: #be4c4d;
    font-size:18px;

}
.pagination .item.disabled{
    cursor: not-allowed;
}
.pagination .item.disabled:hover{
    color: #333;
    background: #dedede;
}

.ul_newsfr li .list_p{ line-height: 44px; cursor: pointer; font-size: 18px; color: #333;} 
.dl_listCon{ padding: 5px 0;}
.dl_listCon dd{ font-size: 14px; color:#333; position: relative; padding-left:20px; max-height: 48px; text-overflow:ellipsis;display:-webkit-box; -webkit-box-orient:vertical;-webkit-line-clamp:2;}
.dl_listCon dd a{ color:rgba(102,102,102,0.8);}
.dl_listCon dd a:hover{color:#4d96fc;}
.dl_listCon dd i{ position: absolute; left: 0; top:5px; width: 7px; height: 7px; border-radius: 50%; background:#4d96fc;}
.dl_listCon dt.dt2{ padding-left: 15px;}
.dl_listCon dt.dt2 a{font-size: 12px;} 
.list_con{border-top: 1px solid #e1e8ec;border-bottom: 1px solid #e1e8ec; margin: 5px 0; padding: 10px 0; display: none; }

.details_til{ padding:20px  0; min-height: 60px; margin-bottom: 30px;}
.details_til dt.dt2{padding:0;}
.newsdetails_box{ padding-bottom: 40px;} 
.newsdetails_box p{ text-indent: 2em; }
.newsdetails_box p.pd1{ padding: 20px 0; font-size: 16px; color: #333; line-height: 30px;}
.newsdetails_box p.pd2{ color: #9c999c; font-size: 14px; padding: 5px 0; line-height: 24px;} 
.slide_page{ padding-bottom: 50px;}
.slide_page a{ padding: 10px 20px; border: 1px solid #eee; border-radius: 20px; font-size: 14px; color:#333333; max-width: 300px;}
.slide_page a.none{ color:#cdd6db;}
.slide_page a:hover{ background:#4d96fc; color: #fff;} 
/*.news_fr.postion_news{ position: fixed; top:80px; left: 50%; margin-left:310px; z-index: 1;}*/
 
/*新增合作，案例*/
.daili_til{ border-bottom: 1px solid #d7ecfd; margin: 20px auto 120px auto; width: 100%; min-width: 1200px;}
 

.ul_coo1{ width: 1000px; margin: 0 auto;}
.ul_coo1 li{width: 284px; height: 272px; cursor: pointer; background: url(../images/daili_bg.png) center no-repeat; text-align: center; float: left; margin-right: 74px; margin-bottom: 100px;}
.ul_coo1 li:nth-child(3n){ margin-right: 0;}
.ul_coo1 li a{ color: #333; font-size: 18px;} 
.ul_coo1 li a img{ margin-top: 50px;}
.btn_coo{ margin-bottom: 120px;}
.daili_block{ display: none; height:450px; position:relative}
.ul_coo1 li:hover{ -webkit-animation: bounce 1s ease 0s 1 both;    animation: bounce 1s ease 0s 1 both;}
.caseImg{padding: 75px 0; height: auto; min-height: 750px;}
.caseImg .top_dt{ margin-bottom: 40px;}
.pageCase{ margin-bottom: 70px;}

/*案例新增*/ 
.caseImg .top_dt,.slideImg .top_dt{ position: relative;}
.caseImg .top_dt .top_showTxt,.slideImg .top_dt .top_showTxt{  position: absolute; top:0; left: 0; width: 100%; height: 100%; z-index: 999; background: #fff; opacity: 0; 
    filter: Alpha(opacity=0); transition: all 0.2s; -moz-transition: all 0.2s;  -webkit-transition: all 0.2s; -o-transition: all 0.2s; border-radius:5px}
.caseImg .top_dt .top_showTxt h2,.slideImg .top_dt .top_showTxt h2{ font-size: 22px; color: #454f66; padding: 20px 0 10px 0; text-align: center;}
.caseImg .top_dt .top_showTxt p,.slideImg .top_dt .top_showTxt p{ padding: 0 10px 0px 10px; font-size:14px; height:260px; line-height: 26px; font-weight: 400; color: rgb(154,163,184,0.8);
overflow : hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp:10;
-webkit-box-orient: vertical;}
.caseImg .top_dt:hover .top_showTxt,.slideImg .top_dt:hover .top_showTxt{  opacity: 1;}
.slideImg .top_dt .dt_show:hover .goRg{ display: none;}
.second_box{ margin-left: -960px;}

/**/
.details_tabBox{ height: 52px; box-shadow: 0px 0px 8px rgba(0,0,0,.07); margin-bottom: 25px; border-radius: 30px;}
.newsBoxfl{ width: 870px; line-height: 52px;}
.details_tabBox a{ color: #666666; font-size: 18px; width: 141px; display: inline-block; text-align: center;}
.details_tabBox a.cur{ background: #4d96fc; color: #fff;border-radius: 30px;}
.details_tabBox a:hover{background: #4d96fc; color: #fff; border-radius: 30px;}

.newsRg{ width: 290px;}

.newsRg .news_fr:nth-child(1) .ul_newsfr:nth-child(1){ margin-top:0;}


/*1.4*/
.logined{ 
	color: #4d96fc;
	position: relative;
	padding: 0 10px;
}
.logined span{
	background: url(../images/select_la.png) right center no-repeat;
	background-size: 20px 20px;
	padding-right: 26px;
}
.logined span label{
	padding:5px 5px 5px 26px;
	background: url(../images/user.png) left center no-repeat;
	background-size:20px 20px;
}
.loaded-menu_{
	position: absolute; 
	right: 0px; 
	width: 100%;
	top:0;
	border-left:1px solid #eee;
	border-right:1px solid #eee;
	border-bottom: 1px solid #eee;
	background: #fff;
	z-index: -1; 
	padding-top: 80px;
	display: none;
}
.loaded-menu_ li{
	line-height: 40px;
	height: 40px; 
	text-align: center;
}
.loaded-menu_ li a{
    font-size: 14px;
    color: #666666
}
.loaded-menu_ li:hover{
	background: #f8f8f8; 
}
.loaded-menu_ li:hover a{
	color: #4d96fc;
}
.logined:hover .loaded-menu_{
	display: block;
}


/*appCenter 2019.1.7*/ 
.app_boxTop{
	box-shadow: 0 0px 6px 0 rgba(170,170,170,.4);
	box-sizing: border-box;
	padding: 15px;
	margin: 30px auto;
}   
.dl_classBlock{
	border-bottom: 1px dashed #ececec;
}
.app_boxTop .dl_classBlock:last-child{
	border-bottom: none;
}
.dl_classBlock dd{
	height: 60px;
	line-height: 60px;
	width: 60px;
	padding: 0 0 0 10px;
	color: #313131;
}
.dl_classBlock dt{
	width: 1100px;
}
.dl_classBlock dt a{
	height: 60px;
	line-height: 60px;
	padding-right: 35px;
	color: #303030;
}
.dl_classBlock dt a.cur{
	color: #4296ff;
}

.show-content1{
	min-height: 600px;
}
.show-content >.list{
	width: 380px;
	height: 180px;
	padding: 22px 18px;
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;
	position: relative;
	-webkit-box-shadow: 0px 0px 4px #d4d3d3;
	        box-shadow: 0px 0px 4px #d4d3d3;
	float: left;
	margin-right: 30px;
	margin-bottom: 26px;
	background: #fff;
	-webkit-transition: all .2s linear;
	-o-transition: all .2s linear;
	-moz-transition: all .2s linear;
	transition: all .2s linear;
}
.show-content >.list:hover{
	-webkit-box-shadow: 0px 10px 20px rgba(226,226,226,.8);
	box-shadow: 0px 10px 20px rgba(226,226,226,.8);
	-webkit-transform: translate3d(0,-10px,0);
	   -moz-transform: translate3d(0,-10px,0);
	        transform: translate3d(0,-10px,0);
	z-index: 4;
}
.show-content >.list:hover h3{
	color: #4296ff;
}
.view-count {
    font-size: 14px;
    color: #909090;
}
.view-count label {
    display: inline-block;
    width: 17px;
    height: 12px; 
    margin-right: 8px;
}
.score-show2 >span >i {
    background: url(../images/lite.png);
}
.view-count label{
   background: url(../images/lite.png);
   background-position: 0 -20px;
}

.show-content >a:nth-child(3n){
	margin-right: 0;
}
.list-bottom >label{
	display: block;
	font-size: 12px;
	color: #808080;
	height: 26px;
	line-height: 26px;
	padding: 0 10px;
	background: #f4f4f4;
	border-radius: 4px;
	float: left;
	margin-right: 12px;
}
.list-bottom >p{
	float: right;
	margin-top: 5px;
}
.list-bottom{
	clear: both;
}
.show-content .list .qrcode,
.rankHot .qrcode,
.code-table .qrcode{
	width: 160px;
	overflow: hidden;
	background: #FFFFFF;
	-webkit-box-shadow: 0 0 4px #d6d6d6;
	        box-shadow: 0 0 4px #d6d6d6;
	text-align: center;
	font-size: 14px;
	color: #303030;
	position: absolute;
	right: 19px;
	top: 54px;
	z-index: 99;
	display: none;
	padding-bottom: 10px;
}
.qrcode img{
	width: 132px;
	margin-top: 15px;
	margin-bottom: 6px;
}
.show-content >div >a img{
	width: 146px;
	height: 146px;
}
.imgLeft {
	width: 68px;
	float: left;
}
.imgLeft span{
	display: inline-block;
	width: 68px;
	height: 68px;
	overflow: hidden;
	border-radius: 4px;
}
.dataRight{
	width: 264px;
	float: left;
	margin-left: 12px;
	margin-bottom: 27px;
}
.dataRight .title h3{
	font-size: 16px;
	color: #303030;
	float: left;
	width: 168px;
	margin-bottom: 2px;
}
.dataRight .title span{
	float: right;
	width: 48px;
	height: 22px;
	line-height: 22px;
	font-size: 12px;
	color: #404040;
	border: 1px solid #f4f4f4;
	text-align: center;
	border-radius: 5px;
}
.score-show2 >span{
	display: inline-block;
	width: 72px;
	height: 12px;
	vertical-align: middle;
	background-position: -491px -43px;
}
.score-show2 >span >i{
	display: block;
	height: 12px;
	background-position: -491px -55px;
}
.score-show ul{
	display: inline-block;
	vertical-align: middle;
}
.score-show li,
.score-show li i{
	float: left;
	width: 12px;
	height: 12px;
	background-position: -832px -55px;
}
.score-show li.active i{
	background-position: -820px -55px;
}
.score-show li.active-half i{
	background-position: -844px -55px;
}
.score-show li{
	margin-right: 2px;
}
.score-show p,
.score-show2 p{
	color: #aaaaaa;
	font-size: 12px;
	display: inline-block;
	vertical-align: middle;
	margin-left: 6px;
}
.dataRight .introduce{
	color: #808080;
	font-size: 14px;
	margin-top: 5px;
	display: -webkit-box;
  display: -moz-box;
  overflow: hidden;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  word-break: break-all;
  -webkit-box-orient: vertical;
  -webkit-line-clamp:2;
  height: 40px;
}
.detailLeft .data {
	padding: 20px 20px;
	border-bottom: 1px solid #f4f4f4;

}
.detailLeft .data .img{
	width: 100px;
	height: 100px;
	border-radius: 6px;
	overflow: hidden;
	float: left;
	-webkit-box-shadow: 0 0 4px #e4e4e4;
	        box-shadow: 0 0 4px #e4e4e4;
}
.detailLeft .data .dataList{
	width: 610px;
	margin-left: 28px;
}
.dataList h2{
	font-size: 18px;
	color: #303030;
}
.dataList p{
	font-size: 14px;
	color: #808080;
	margin-top: 16px;
}
.dataList .score-show p,
.dataList .score-show2 p{
	margin-top: 0;
	font-size: 12px;
	color: #AAAAAA;
}
.dataList .score-show,
.dataList .score-show2{
	margin-left: 14px;
}
.dataList p label{
	display: inline-block;
	font-size: 12px;
	color: #505050;
	background: #F4F4F4;
	padding: 6px 10px;
	border-radius: 4px;
	margin-right: 8px;
}
.dataList p span{
	display: inline-block;
	margin-right: 14px;
}
.detailLeft {
	width: 780px;
	-webkit-box-shadow: 0px 0px 4px #d4d3d3;
	        box-shadow: 0px 0px 4px #d4d3d3;
}

 .lookmore {
	clear: both;
	margin: 0 auto 100px auto;
}
 .lookmore a{
	display: block;
	height: 50px;
	line-height: 50px;
	border: 1px solid #f4f4f4;
	text-align: center;
	color: #999;
}
.lookmore a:hover{
	color: #4d96fc;
}

.appCenter{
	margin: 20px auto;
	height: 300px;
}
.appCenter1{
	width: 800px;
	height: 300px;
}
.appCenter2{
	width: 380px;
	height: 300px;
	position: relative;
}
.appCenter2 .appCenter21{
	position: absolute;
	right: 0;
	top:0;
}
.appCenter2 .appCenter22{
	position: absolute;
	right: 0;
	bottom: 0;
	width: 380px;
	height: 140px;
	display: block;
}
.news_til{
	padding: 20px 0;
}
.news_til span{
	font-size: 20px;
	color: #4396fe;
	padding-left: 10px;
	font-weight: bold;
	position: relative;
}
.news_til span:before{
   content: '';
   width: 3px;
   height: 21px;
   background: #4396fe;
   position: absolute;
   left: 0;
   top:3px;
}
.news_til a.more{
	padding-right: 20px;
	color: #aaa;
	background: url('../images/d3cf7f9d1a3545fdae485efcdc5120fa.gif).png') right center no-repeat;
	line-height:28px
	
	
}
.news_til a.more:hover{
	color: #4396fe;
}
.app_centerSelect a{
	color: #303030;
	padding: 5px 0;
	margin-right: 35px;
	font-size: 16px;
}
.app_centerSelect a.cur{
	border-bottom: 1px solid #4296ff;
	color: #4296ff;
}
.zhu_btn{
	padding: 70px 0;
}
.current_place{
	padding: 18px 0;
}
.current_place a{
	padding-right: 20px;
	background: url(../images/rg_point.png) right center no-repeat;
	color: #4d4d4d;
}
.current_place a:last-child{
	background: none;
	color: #828282;
}
.app_con{ 
    min-height: 500px;
    margin-bottom: 100px;
} 
.app_confl{
	width: 870px; 
	-webkit-box-shadow: 0px 0px 4px #d4d3d3;
    box-shadow: 0px 0px 4px #d4d3d3;
    padding: 20px;
    box-sizing: border-box;
}
.app_confr{
	width: 310px;  
	box-sizing: border-box;
}
.app_confr1{
	margin-bottom: 20px;
	-webkit-box-shadow: 0px 0px 4px #d4d3d3;
    box-shadow: 0px 0px 4px #d4d3d3;
    padding: 10px;
}
.app_confr1 .app_txtTil{
	margin-left: 10px;
}

.app_confl .data .img img{
	width: 100px;
	height: 100px;
	border-radius: 6px;
	overflow: hidden;
	float: left;
	-webkit-box-shadow: 0 0 4px #e4e4e4;
	        box-shadow: 0 0 4px #e4e4e4;
	        
}
.app_confl .data{
	position: relative;
	margin-bottom: 30px;
}
.app_confl .data .data_txt{
	padding:10px 0 10px 28px; 
}
.app_confl .data .data_txt h2{
	font-size: 22px;
	color: #3d3d3d;
	margin-bottom: 10px;
}
.app_confl .data .data_txt p label{
	 display: inline-block;
    font-size: 12px;
    color: #505050;
    background: #F4F4F4;
    padding: 6px 10px;
    border-radius: 4px;
    margin-right: 8px;
}
.app_confl .data .erweima{
	position: absolute;
	right: 0;
	top:0;
}
.app_txtTil{
	font-size: 17px;
	color: #494949;  
}
.app_txtTil span{
	display: block;
	width: 27px;
	height: 2px;
	background: #4d96fc;
	margin-top: 10px;
}
.ul_applist{
	padding: 15px 0;
}
.ul_applist li{
	color: #838383;
	font-size: 14px;
	float: left;
	line-height: 28px;
}
.ul_applist li.list1{
	width: 240px; 
}   
.ul_applist li.list2{
	width: 560px; 
} 
.ul_applist li .lab_blue{
	color: #4d96fc;
}
.details_btn{
	margin: 20px auto;
}
.details_btn a{
	border: 1px solid #4d96fc;
	padding: 10px 0;
	font-size: 16px;
	margin-right: 30px;
	width: 160px;
	display: block;
	text-align: center;
	float: left;
	-webkit-transition: all .2s linear;
    -o-transition: all .2s linear;
    -moz-transition: all .2s linear;
    transition: all .2s linear;
}
.details_btn a.details_btn1{
	color: #4d96fc;
}
.details_btn a.details_btn1:hover{
	background: #4d96fc;
	color: #fff;
}
.details_btn a.details_btn1:hover span{
	background: url(../images/zixun1.png) left center no-repeat;
}
.details_btn a.details_btn1 span{
	padding:4px 0 4px 30px;
	background: url(../images/zixun.png) left center no-repeat;
}
.details_btn a.details_btn2{
	background: #4d96fc;
	color: #fff;
}
.miniProgramInfo{
	padding-bottom: 20px; 
}
.miniProgramInfo1{
	border-bottom: 1px dashed #eee;
	margin-bottom: 20px;
}
.miniProgramInfo .miniProgramP{
	color: #838383;
	font-size: 15px;
	padding: 10px 0;
	line-height: 30px;
}
.ul_aboutTxt{
	padding: 10px 0;
}
.ul_aboutTxt li{
	width: 350px;
	float: left;
	font-size: 13px; 
	line-height: 30px; 
	margin-right: 30px;
	
}
.ul_aboutTxt li a{
	color: #919191; 
}
.ul_aboutTxt li a span{
	color: #b9b9b9;
	margin-right: 10px;
}
.ul_aboutTxt li a:hover{
	color: #4d96fc;
}

.lite-new .img-new{
	width: 68px;
	height: 68px;
}
.lite-new .img-new img{
	width: 68px;
	height: 68px;
	border-radius: 4px;
}

.lite-new  .txt-news{
	width: 170px; 
	margin-left: 10px;
}
.lite-new  .txt-news .data-new{
	font-size: 16px;
	color: #303030; 
} 
.lite-new  .txt-news p{
	color: #808080;
	font-size: 12px;
	line-height: 22px;
}
.lite-new a{
	display: block;
	padding: 10px;
	margin-top: 10px;
}
.lite-new a:hover{
	background: #f1f0f0;
}

/*020智慧社区*/
.community_banenrBg{
	background: url(../images/banner_communitybg.png) center no-repeat;
	height: 550px;	width: 100%;position: relative;
}
.community_bannerfl{ margin-top: 126px;}
.community_bannerfr{margin-top: 20px;}
.community_banenrBg .banner_btn{ position: absolute; bottom:92px;  }
.community_banenrBg .banner_btn .communitybtn{ border:1px solid #fff;}
.n_tilLine{  height: 5px; width: 30px; background: #4d96fc; border-radius: 2px; margin: 0 auto;}

.ul_nr li{ cursor: pointer; width: 25%; float: left; margin-bottom: 80px;}
.ul_nr li .nr_block{width:170px; height: 170px; background: url(../images/nr_bg.png); margin: 0 auto;}
.ul_nr li .nr_block i{ display: block; width: 140px; margin:0 auto; padding-top: 10px;}
.ul_nr li p{ color: #565863; font-size: 18px; text-align: center; padding: 20px 0 0 20px; }
.ul_nr li:hover .nr_block i img{-webkit-transform:scale(1.1);
    -moz-transform:scale(1.1);
    transform:scale(1.1);
    transition: all 0.2s ease;
    -webkit-transition: all 0.2s ease;}
.traditionalPropertyBg{
	background: #f8f8f9;
	min-width: 1200px;
	padding-bottom: 70px;
}
.ul_Property li{
	width: 330px;
	height: 290px;
	margin: 0 35px;
	float: left;
	padding-top: 40px;
	text-align: center;
	border-radius: 4px; 
}
.ul_Property li:hover{
	background: #fff;
	box-shadow: 0 16px 43px rgba(91,91,91,.12);
	transition: all 0.6s ease;    
	-webkit-transition: all 0.6s ease;
	-moz-transition: all 0.6s ease; -ms-transition: all 0.6s ease; 
	opacity: 0.8; 
	 
}
.ul_Property li a{color: #454f66; }
.ul_Property li dl dd{
	font-size: 20px;
	padding: 15px 0;
	font-weight: 500;
}
.ul_Property li dl dt{
	font-size: 14px;
	line-height: 26px; 
}
.ul_propertyProblem li{ 
  background: #fff;
  width: 340px;
  height: 270px;
  position: relative;
  float: left;
  margin: 0px 60px 70px 20px;
  box-shadow: 0 2px 50px 0 rgba(91,91,91,.12); 
  cursor: pointer;
}
.ul_propertyProblem li:nth-child(3n){
	margin-right: 0;
	margin-top: -30px;
}
.ul_propertyProblem li:nth-child(5),.ul_propertyProblem li:nth-child(2){
	margin-top: 20px;
}
.ul_propertyProblem li .icon{
	position: absolute;
	left: -34px;
	top:25px; 
}
.ul_propertyProblem li dl{
	display: block;
	margin-left: 70px;
	width: 240px;
	padding-top: 40px;
}
.ul_propertyProblem li dl dd{
	font-size: 21px;
	color: #262b37; 
	font-weight: 600;
}
.ul_propertyProblem li dl dt{
	font-size: 14px;
	color: #82858b;
	line-height:28px;
	padding-top: 10px;
}
.ul_propertyProblem li:hover .icon{
	-webkit-animation: bounce 1s ease 0s 1 both;
    animation: bounce 1s ease 0s 1 both;
} 
.ul_propertyProblem li:hover{
	box-shadow: 0 2px 60px 0 rgba(79,135,251,.13); 
	color: #4182fb;
	opacity: 0.8;
} 

.customerBg{
	background: #f8f8f9;
	width: 100%;
	min-width: 1200px;
	padding-bottom: 70px;
}
.customerBg .customerFl{
	width: 460px; 
	color: #2e3540;
	margin-left: 70px;
	margin-top: 100px;
}
.customerBg .customerFl dd{
	font-size: 30px;
	font-weight: 500;
	padding-left: 40px;
	position: relative;
}
.customerBg .customerFl dd img{
	position: absolute;
	left: 0;
	top:0px; 
}
.customerBg .customerFl dt{
	color: #535961;
	line-height: 28px;
	margin-top: 50px;
	padding-left: 20px;
	position: relative;
}
.customerBg .customerFl dt::before{
	content: '';
	position: absolute;
	width: 10px;
	height: 10px;
	background: #8ce1eb;
	left: 0;
	top:5px
}
.customerFr{
	margin-right: 70px;
}
.adv_box{
	margin-top: 140px;
}
.adv_box .adv_fl{
	width: 560px;
	margin-top: 60px; 
}
.adv_box .adv_fl dd{
	font-size: 28px;
	color: #333; 
}
.adv_box .adv_fl dt{
	color: #8b8b8b;
	font-size: 14px;
	line-height: 26px;
	margin-top: 25px;
}

.ul_why li{
	width: 400px;
	text-align: center;
	margin: 70px 0 30px 0;
	cursor: pointer;
	float: left;
}
.ul_why li p{
	padding-right: 15px;
	padding-top: 15px;
}
.ul_why li:hover{
	opacity: 0.8;
}
.swiper-system{
	height: 580px;
	margin-bottom: 50px;
	width: 1400px;
	margin: 0 auto 50px auto;
}

/* 电商 增加 */
.online_wrap1{
    padding: 40px 0;
}

.online_tilbg1 h2,.online_tilbg2 h2,.online_tilbg3 h2,.online_tilbg4 h2{
    color: #454f66; 
} 
.online_tilbg1{
    background: url(../images/online_tilbg1.png) center no-repeat;
}
.online_tilbg2{
    background: url(../images/online_tilbg2.png) center no-repeat;
}
.online_tilbg3{
    background: url(../images/online_tilbg3.png) center no-repeat;
}
.online_tilbg4{
    background: url(../images/online_tilbg4.png) center no-repeat;
}
 
.onlinelei_block{
   width: 254px;
   margin:0 23px; 
   float: left;
   text-align: center;
   height: 651px; 
}
 .slideImg_online{
   height: 651px;   
 }
.onlinelei_block .dl_onlinelei{
    padding-top: 30px;
}
.onlinelei_block .dl_onlinelei dd{
    font-size: 22px;
    color: #494949;
    padding-bottom: 10px;
}
.onlinelei_block .dl_onlinelei dt{
    font-size: 14px;
    color: #999999;
}

 
.swiper-container_online{
    width: 1300px; 
    padding: 0 0 0 100px;
    margin: 0 auto;
    margin-left: -100px; 
}
.online_wrap2{
    background: #f4f8fd;
    padding: 20px 0 70px 0;
}
.ul_biaodan{   margin: 20px auto 60px auto;}
.ul_biaodan li{ width: 300px; float: left; text-align: center; cursor: pointer; padding-bottom: 44px; }
.biaodan_bt{ padding-bottom: 50px;}
.ul_biaodan li:hover img{transform: rotate(360deg); transition: 1s; box-shadow: 0 2px 50px 0 rgba(73,117,251,.13); border-radius: 50%;}
.ul_biaodan li p{
    line-height: 50px;
    font-size: 20px;
    color: #333;
}
.biaodan_bt p{ font-size: 14px;}
.online_wrap4{
    background: #f4f8fd;
    padding:25px 0 90px 0;
}

.shopImg{
	position:absolute;
	right:306px;
	top:65px;
	opacity:0;
	-webkit-animation: fadeIn 3s linear infinite;
	animation: fadeIn 3s linear infinite;
	-moz-animation: fadeIn 3s linear infinite;
}

@-moz-keyframes fadeIn /* Firefox */
{
	0% {opacity: 0;}
	50% {opacity: 1;}
	100% {opacity: 0;}
}

@-webkit-keyframes fadeIn /* Safari 和 Chrome */
{
	0% {opacity: 0;}
	50% {opacity: 1;}
	100% {opacity: 0;}
}

@-o-keyframes fadeIn /* Opera */
{
	0% {opacity: 0;}
	50% {opacity: 1;}
	100% {opacity: 0;}
}

@keyframes fadeIn
{
	0% {opacity: 0;}
	50% {opacity: 1;}
	100% {opacity: 0;}
}


.car_img1{
	position:absolute;
	right:360px;
	top:140px; 
	-webkit-transition: right 2s, top 2s, -webkit-transform 2s; /* For Safari 3.1 to 6.0 */
    transition: right 2s, top 2s, transform 2s;
}
.car_img2{
	position:absolute;
	right:325px;
	top:125px;
	
}
.car_img3{
	position:absolute;
	right:280px;
	top:95px;
	 
}
.car_img4{
	position:absolute;
	right:220px;
	top:160px;
	 
}
.car_img5{
	position:absolute;
	right:160px;
	top:115px;
	 
}
.ul_daili li.li_car:hover .car_img1{
	right:300px;
	top:100px; 
}

.ul_case_wrap{ margin: 30px 0  0px 0; }
.ul_case_wrap .case_wrapBlock{ position: relative;  cursor: pointer; width: 322px; height: 300px; float: left;   background: #fff;box-shadow: 0 0px 24px 0 rgba(167,167,167,.12); padding: 50px 0 20px 0;  border-radius: 4px; margin: 0 36px 50px 36px; }
.ul_case_wrap .case_wrapBlock .case_wrapCard{ padding-top:40px; width: 322px; height: 170px;  }
.ul_case_wrap .case_wrapBlock:nth-child(3n){ margin-right: 0;}
.ul_case_wrap .case_wrapCard{ text-align: center;}
.ul_case_wrap .case_wrapBlock .case_wrapCard h2{ font-size: 24px; color:#454f66; font-weight: 500; opacity: 0.9; }
.ul_case_wrap .case_wrapBlock .case_wrapCard p{color:rgba(69,79,102,0.8); font-size: 14px; padding: 20px 0; line-height: 30px; letter-spacing: 1px;} 
 .ul_case_wrap_img{
     width: 118px;
     height: 118px;
     border:1px solid #d3e1f7;
     border-radius: 100%;
     margin: 0 auto;
 }
 .ul_case_wrap .case_wrapBlock:hover{ -webkit-animation: bounce 1s ease 0s 1 both;    animation: bounce 1s ease 0s 1 both; box-shadow: 0 2px 50px 0 rgba(79,135,251,.13);}
  .ul_case_wrap .case_wrapBlock:hover img{
      transform: rotate(360deg); transition: 1s;
  }
 .ul_drainage li a .dl_drainage dd{ line-height: 50px;}
 /* 电商 增加  end*/
 
 #subNav  a.adv_active {  border-bottom: 2px solid #fff;}
 #subNav  .adv_active a {  border-bottom: 2px solid #fff;} 

.icon_qqWrap{
     position:relative
 } 
 .icon_qq{
     
 }
 .iconImg{
     position:absolute;
	 z-index:9999
 }
 .iconImg1{
     top:120px;
     left:273px;
 }
 .iconImg2{
     top:425px;
     left:273px;
 }

 .iconImg3{
     top:590px;
     left:550px;
 }
.iconImg4{
     top:425px;
     left:823px;
 }
 .iconImg5{
     top:120px;
     left:833px;
 }
 .icon_txt{
     position:absolute;
     display:block;
     font-weight:bold
 }
.iconTxt1{  
    top:160px;
    left:183px;
}
.iconTxt2{   
    top:465px;
    left:193px;
}
.iconTxt3{  
     top:630px;
     left:673px;
}
.iconTxt4{
    top:465px;
     left:943px;
 }
 .iconTxt5{
    top:160px; 
    left:953px;
 }
 
 .icon_qqWrap .icon_qq img:hover{
	cursor:pointer;
	transform:rotate(360deg);
	-ms-transform:rotate(360deg); 	/* IE 9 */
	-moz-transform:rotate(360deg); 	/* Firefox */
	-webkit-transform:rotate(360deg); /* Safari 和 Chrome */
	-o-transform:rotate(360deg);
	transition: all 2s;
	-moz-transition: all 2s; /* Firefox 4 */
	-webkit-transition: all 2s; /* Safari 和 Chrome */
	-o-transition: all 2s; /* Opera */
	
 }

.cricle_qq2{
	width:20px;
	height:20px;
	background:#8185af;
	position:absolute;
	right:120px;
	top:140px;
	border-radius:100%;
	-webkit-animation: bounceIn 1.0s linear infinite;
    animation: bounceIn 1.0s linear infinite;
    -moz-animation: bounceIn 1.0s linear infinite;
	
}
.cricle_qq1{
	width:15px;
	height:15px; 
	background:#8185af;
	position:absolute;
	right:140px;
	top:170px;
	border-radius:100%;
	-webkit-animation: bounceIn 1.2s linear infinite;
    animation: bounceIn 1.2s linear infinite;
    -moz-animation: bounceIn 1.2s linear infinite;
}
 
.mt_move{
	position:absolute;
	right:1000px;
	top:260px; 
}
.mt_move.cur1{
	-webkit-animation: bounce-jqt 1.5s linear ;
    animation: bounce-jqt 1.5s linear ;
    -moz-animation: bounce-jqt 1.5s linear ; 
}

.dot_liang1{
	position:absolute;
	right:325px;
	top:106px;
	-webkit-animation: bounceInop 0.8s linear infinite;
    animation: bounceInop 0.8s linear infinite;
    -moz-animation: bounceInop 0.8s linear infinite;
}
.dot_liang2{
	position:absolute;
	right:300px;
	top:110px;
	-webkit-animation: bounceInop 1.8s linear infinite;
    animation: bounceInop 1.8s linear infinite;
    -moz-animation: bounceInop 1.8s linear infinite;
}
.dot_liang3{
	position:absolute;
	right: 290px;
    top: 65px;
	-webkit-animation: bounceInop 2.8s linear infinite;
    animation: bounceInop 2.8s linear infinite;
    -moz-animation: bounceInop 2.8s linear infinite;
}
.dot_liang4{
	position:absolute;
	right: 270px;
    top: 35px;
	-webkit-animation: bounceInop 3.8s linear infinite;
    animation: bounceInop 3.8s linear infinite;
    -moz-animation: bounceInop 3.8s linear infinite;
}
.wang{
	background:url(../images/wang.png) center top 20px no-repeat; 
	position:absolute;
	top:40px;
	left:0;
	width:100%;
	height:600px;
	z-index:1;
	-webkit-animation:flipOutY 3s linear infinite;
    animation: flipOutY 3s linear infinite;
    -moz-animation: flipOutY 3s linear infinite;
}
.wrap_02Con{
	position:absolute;
	left:0;
	top:0;
	width:100%;
	z-index:99
}
 .ul_daili li.zhi_tou:hover .fl_daili_block{ 
	-webkit-animation: bounceInop 3.8s linear infinite;
    animation: bounceInop 3.8s linear infinite;
    -moz-animation: bounceInop 3.8s linear infinite;
 }



/* 右侧悬浮*/
.contact{ position: fixed; right: 20px; top:300px; z-index: 9999999;}
.contact_ul li{ width: 40px; position: relative; cursor: pointer; height: 40px; border: 1px solid #e7eaf2; background: #fff; margin: 10px 0; box-shadow: 0 0px 6px 0 rgba(76,86,114,.12); border-radius: 4px;}
.contact_ul li:hover { background:#4d96fc; border:1px solid #4d96fc; }
.contact_ul li a{ display:block; width: 40px; height: 40px; } 
.contact_ul li a{ display: block;}
.contact_ul li.icon_contact1 a{ background: url(../images/icon_contact1.png) center no-repeat;}
.contact_ul li.icon_contact2 a{ background: url(../images/icon_contact2.png) center no-repeat;}
.contact_ul li.icon_contact3 a{ background: url(../images/icon_contact3.png) center no-repeat;}
.contact_ul li.icon_contact4 a{ background: url(../images/icon_contact4.png) center no-repeat;}
.contact_ul li.icon_contact4{ display: none;}
.contact_ul li.icon_contact1:hover a{background: url(../images/icon_contact1hover.png) center no-repeat;}
.contact_ul li.icon_contact2:hover a{background: url(../images/icon_contact2hover.png) center no-repeat;}
.contact_ul li.icon_contact3:hover a{background: url(../images/icon_contact3hover.png) center no-repeat;}
.contact_ul li.icon_contact4:hover a{background: url(../images/icon_contact4hover.png) center no-repeat;} 
.tan_wei1{  background: #000; position: absolute; z-index:-9;right: 120px; top:0px; border-radius: 5px; background:#f6f8fb; border:1px solid #e6eaf0; padding: 10px; opacity: 0;box-shadow: 0 0 9px 0 rgba(0,0,0,0.1);
} 


/* 弹层 */
.popup {
	position: fixed;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: 99999999;
	display: none;
}
.popupbox {
	margin: 0 auto;
    position: relative;
    top:50%;
    transform: translateY(-50%);
	width: 350px;
	height: 390px;
	-moz-box-shadow:0px 0px 5px rgba(238,241,245, 0.74); -webkit-box-shadow:0px 0px 5px rgba(238,241,245, 0.74); box-shadow:0px 0px 5px rgba(238,241,245, 0.74);
}
.popup-img {
	width: 100%;
	height: 100%;
}

.trends-w1200 {
	width: 1200px;
	margin: auto;
}
.trends {
	height: 800px;
	background: url(../images/ggbg.png) center no-repeat;
	background-size: 100% 100%;
	padding-top: 79px;
	box-sizing: border-box;
	text-align: center;
	position: relative;
}

.trends-card {
	width: 50%;
	height: 104px;
	float: left;
	padding: 23px 10px;
	box-sizing: border-box;
}

.trends-p1 {
	font-size: 32px;
	color: #000;
}

.trends-p2 {
	font-size: 16px;
	color: #666;
	margin: 21px 0 94px;
}

.trends-card-circle {
	width: 56px;
	height: 56px;
	background-color: #F6F9FF;
	border-radius: 50%;
	font-size: 22px;
	color: #376EF2;
	letter-spacing: 1px;
	font-weight: 700;
	line-height: 56px;
	float: left;
}

.trends-card-text {
	width: 325px;
	float: left;
	text-align: left;
	margin: 0 23px 0 6px;
}

.trends-card-text-title {
	font-size: 15px;
	color: #454F66;
	margin-bottom: 18px;
}

.trends-card-text-content {
	font-size: 14px;
	color: #9AA3B7;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.trends-card-btn {
	width: 144px;
	height: 56px;
	background-color: #F6F9FF;
	border-radius: 28px;
	float: left;
	font-size: 14px;
	color: #376EF2;
	line-height: 56px;
	cursor: pointer;
}

.trends-card:hover {
	box-shadow: 0px 8px 29px 0px #F2F2F5;
	background: #FFF;
}

.trends-card:active .trends-card-btn {
	background-color: #96B5FF;
}

.trends-btn {
	position: absolute;
	bottom: 70px;
	left: 50%;
	margin-left: -20px;
}

.trends-btn a {
	display: inline-block;
	height: 40px;
	border-radius: 50%;
}

.trends-btn a:hover {
	box-shadow: 0px 6px 16px 2px rgba(55, 110, 242, 0.49);
}

.trends-card-text-title:hover a {
    color: #4d96fc;
}

.trends-card-text-title a {
    color: #454F66;
	
display:block;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;
}