.flex{
	display: flex;
	flex-wrap: nowrap;
	justify-content:space-between;
    align-items:center
}
.relative{ position:relative}
.pubHeader{
	position: fixed;
	width: 100%;  
	height: 70px;
	left: 0;
	top:40px;
	z-index: 999999;
	min-width: 1200px; 
    background: rgba(0,0,0,0.6);
 }
 .w1200{
	 width:1200px;
	 margin:0 auto;
 }
 
 .pubHeader .pubwrap{
	height: 64px;
	line-height: 64px;
 }
 .pubHeader.fixed{ 
	 top:0;
	 background:#000;
 }
 .logoIcon{
	display: inline-block;
    width: 265px;
    height: 70px;
    background: url(../images/logo.png) left center no-repeat; 
    background-size: 100% auto;
    vertical-align: middle;
	} 
.frmenu{
	margin-right: 80px;
}
.frmenu li{
	margin: 0 10px;
	float: left; 
    
}
.frmenu li a{
	color: #fff;
    height: 38px;
    line-height: 38px;
    display: block;
    margin:12px 10px;
	padding:0 20px;
	text-align:center;
	border:1px solid rgba(0,0,0,0.6);
	border-radius:20px;
	position:relative;
}
.frmenu li a .icon_hot{ position:absolute; right:-10px; top:-5px;}
.frmenu li a.selecta span{ 
	background: url(../images/down-tranglehover.png) right center no-repeat;
} 
.frmenu li a.cur{ 
    border: 1px solid #007aff;
	
}
.frmenu li a.selecta.cur{  border-bottom: 2px solid #fff;}
.frmenu li a.selecta.cur span{background: url(../images/down-trangle.png) right center no-repeat;}
.frmenu li a:hover span{background: url(../images/down-trangle.png) right center no-repeat;}
  #subNav  a.adv_active {  color:#007aff;}
 #subNav  .adv_active a {color:#007aff;} 
.top{
	background:#000;
	height:40px;
	line-height:40px;
	color:#878484;
	font-size:14px
}
.top .icon_tel{
	padding:5px 0 5px 30px;
    margin-left:10px	
}
.top .icon_tel.icon_tel1{
	background:url(../images/icon_tel11.png) left center no-repeat;
}
.top .icon_tel.icon_tel2{
	background:url(../images/icon_tel22.png) left center no-repeat;
}

.ul_wrap1 li{
	width:25%;
	text-align:center;
    float:left;
    padding:50px 0;	
	position:relative;
	cursor:pointer;
	margin:20px 0;
} 
.ul_wrap1 li:hover{
  background:#eee;
  cursor:pointer
  
}
.ul_wrap1 li::after{
	position:absolute;
	content:'';
	right:0;
	top:40px;
	width:1px;
	height:140px;
	background:#f0f0f0;
}
.ul_wrap1 li:nth-child(4)::after{
	background:#fff;
}
.ul_wrap1 li .wrap1{
	padding:10px 0
}
.ul_wrap1 li .wrap1 label{
	padding:10px 20px 10px 0;
	font-size:40px;
	font-weight:bold;
	background:url(../images/jia.png) right center no-repeat;
}
.ul_wrap1 li p{
	color:#999
}
 .banner{
  	height: 550px;
  	width: 100%;
  	background: #eee;  
 }  
.swiper-container1{
	height: 550px;
}
.swiper-slide-w{ position: relative; height: 550px; text-align: center; }
.banner1_fr,.banner1_fl{ position: absolute; top:175px; right: 0; z-index: 99; width: 1200px; }
 
.slide3{ background: url(../images/banner.jpg) no-repeat center; background-size: cover;}
.slide4{background: url(../images/banner.jpg) no-repeat center; background-size: cover;}

.pubHeader{
	
}
.wrap_marking{
	background:url(../images/bg111.jpg) bottom center no-repeat; 
	padding-bottom:70px;
} 

.swiper-button-prev.swiper2Left{  background: url(../images/wrap_left.png) left center no-repeat; width:35px; height:35px; opacity:1; left:0 }
.swiper-button-next.swiper2Right{  background: url(../images/wrap_right.png) left center no-repeat; width:35px; height:35px; opacity:1}
.slideWrap{ padding:20px 0;}
.slideWrap .swiper-slide a{ width:388px; height:258px; display:block; overflow:hidden;}
.slideWrap .swiper-slide:hover img{
    -webkit-transform:scale(1.2);
    -moz-transform:scale(1.2);
    transform:scale(1.2);
    transition: all 0.6s ease;
	opacity:0.8
}
 
.ul_marking li{width: 400px; float: left;  padding: 30px 0; position:relative;  text-align: left;}
.ul_marking li .dl_marking{  }
.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: 20px; color: #333;letter-spacing: 1px; font-weight: bold; }
.ul_marking li .dl_marking dt{ font-size:16px; color:#8c8c8c; padding: 20px 0; letter-spacing: 1px; line-height:28px }
.ul_marking li  .marking_img { position:relative; width:60px;}
.ul_marking li .hotImg{ position:absolute; right:-45px; top:-10px;}
.ul_marking li:hover{   }
.ul_marking li:hover .marking_img img{ -webkit-animation: bounce 1s ease 0s 1 both; animation: bounce 1s ease 0s 1 both;  }
 
.qingli li{
    width:380px;
    height: 160px;  
    transform: scale(1);
    transition: transform .2s ease-out;
	text-align:left;
	cursor:pointer;
	float:left;
	justify-content: flex-start;
	margin-bottom:10px;
}
.qingli li:hover{
    transform: scale(1.05);
	background:url(../images/hoverImg.jpg) center no-repeat;
    background-size:380px 180px; 	
}
.qingli .tupian{
    float: left;
    width:50px;
    height:50px;
    box-sizing: border-box;
    margin-right:32px;
    margin-left:30px;
    margin-top:0px;
    
}
 
.qingli .text{
    float: left;
    font-size: 16px;
	width:230px;
}
.qingli .text h1{
    margin-top:13px;
    margin-bottom: 10px;
    margin-right:48px;
    color:#333;
}
.qingli .text p{
    width: 240px;
    font-size: 14px;
    color:#666;
	line-height:26px; 
} 
.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} 
 
 
.container{	  min-width: 1200px; overflow: hidden;}
.wrap_til{  font-weight: bold; color:#c9d9ff; position: relative; padding: 50px 0; margin: 50px 0 100px 0; text-align:center  }
.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: #666; font-size:14px;   font-weight: normal; padding: 20px 0; letter-spacing: 1px;} 

.wrapBg1{background:url(../images/bg1.png) top center no-repeat; background-size:cover;	padding:60px 0;	min-height:602px;	} 
.bg2{ background:url(../images/bg1.png) top center no-repeat; background-size:cover;min-height:761px;}
.daili_conpp{ padding:70px 0; width:930px!important;}
.flBar{ height:517px; width:224px!important; background:url(../images/flBar.png) left center;}
.flBar.ul_daili{ padding-top:264px;}
.flBar.ul_daili li{ background:none;width:184px!important;}
.flBar.ul_daili2{ padding-top:264px;}
.flBar.ul_daili2 li{ background:none;width:184px!important;}


.daili_blockTilPTil{
	padding:50px 0!important
}

.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);
}
 
 
.ul_daili{ width:350px;}
.ul_daili li{width: 310px; text-align: left;padding:30px 20px; color: #fff; background:#202249;cursor: pointer;}
.ul_daili li h2{ font-size:18px; position:relative}
.ul_daili li p{ font-size:14px; line-height:32px;}
.ul_daili li.cur{ background:url(../images/jb.png) no-repeat; background-size:cover}
.ul_daili2{ width:350px;}
.ul_daili2 li{width: 310px; text-align: left;padding:30px 20px; color: #fff; background:#202249;cursor: pointer;}
.ul_daili2 li h2{ font-size:18px; position:relative}
.ul_daili2 li p{ font-size:14px; line-height:32px;}
.ul_daili2 li.cur{ background:url(../images/jb.png) no-repeat; background-size:cover}
.daili_con{ width:790px; color:#fff; }
.daili_con2{ width:790px; color:#fff; }
.fl_daili{text-align: left;  width:600px; position:absolute; top:0; left:80px;}
.fl_daili_block{ padding: 50px 0;  color: #fff;  }
.daili_block .daili_blockTil label{ font-size:22px; margin-right:10px; }
.daili_blockTilP{ color:rgba(255,255,255,0.6); padding:20px 0; font-size:16px; line-height:30px;}
 
.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  .icon_case img{ transform: rotate(360deg); transition: 1s;}
 
.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;}
 
 
.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}
 

 
.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; }
.case_ul{ padding:0px 0 90px 0}
.case_ul li{ width:388px;}
.case_ul li:hover{ box-shadow: 3px 0px 6px rgba(170,170,170,.21);}
.case_ul li a{ color:#666;  }
.case_ul li .imgBlock{ width:388px; height:258px; overflow:hidden} 
.case_ul li:hover .imgBlock img{
	-webkit-transform:scale(1.2);
    -moz-transform:scale(1.2);
    transform:scale(1.2);
    transition: all 0.6s ease;
	opacity:0.6
}
.case_ul li:hover{ box-shadow: 0 0px 14px 0 rgba(48,64,79,.1); }   
.case_ul li .txtBlock{ padding:10px 15px 0 15px; border:1px solid #eee;} 
.case_ul li .txtBlock h3{ font-size:16px; color:#333; line-height:30px;}
.case_ul li .txtBlock p{ font-size:13px;}
.case_ul li .txtBlock .txtBlockBt{ border-top:1px solid #eee; padding:15px 0; margin-top:15px; }
.footPart{ background:url(../images/bg4.png) center no-repeat; color:#fff; background-size: cover; height: 70px; padding:50px 0; width: 100%; font-family: "微软雅黑";}
.footPart h2{ font-size: 33px; letter-spacing: 7px; font-weight: 500; margin-bottom:10px;}
.footPartLeft{ text-align:left}
.footPartRight a{ padding:5px 30px; display:block; width:160px; height:50px; margin-left:20px;   border-radius:40px; border:1px solid #fff; font-size:20px; color:#fff}
.footPartRight a:hover{ background:#fabe00; border:1px solid #fabe00;}
.icon_hq{ padding:4px 40px 4px 0; cursor:pointer; line-height:50px; background:url(../images/bg4_icon.png) right center no-repeat; }
.footPartRight .lij{ line-height:25px; cursor:pointer;}
.footPartRight .lij label{ display:block;cursor:pointer;}
.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{ background: #212121;}
.ul_server{ margin-right: 50px;}
.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 50px; position: relative; margin: 9px 0;}
.ul_server li dl dd{ color: #7f7f81; }
.ul_server li dl dd a{ font-size: 14px; color: #7f7f81; 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{  margin-top: 20px;}
.ul_hz li{  width: 120px; padding:6px 10px;  border:1px solid #323232; margin-bottom:10px }
.ul_hz li a{ padding-left:30px;color: #7f7f81;}
.ul_hz li a.icon_zx1{ background:url(../images/foot_icon10.png) left center no-repeat}
.ul_hz li a.icon_zx2{ background:url(../images/foot_icon11.png) left center no-repeat}
.erweima{ position:absolute; right:0px; top:20px; }
.ul_server1{width:260px}
.ul_server1 li dl{ padding-left:80px; align-items:center; line-height:45px}
.p_til{ font-size:20px;}
.foot_line{ border-top:1px solid #333940; margin-top: 60px; padding:30px 0; color: #7f7f81; 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;*/}
.foot_lineBottom{background:#131313; color:#747474; padding:30px 0; margin-top:50px;}
.foot_lineBottom a{color:#747474; margin-right:10px;}
.foot_lineBottom a:hover{ color:#fabe00}
.foot_lineBottomTop{padding:10px 0;}
.foot_lineBottomBottomFr a{	padding:15px; display:inline-block; margin:0 5px}
.foot_lineBottomBottomFr a.icon_weibo{	background:url(../images/foot_icon12.png)  center no-repeat}
.foot_lineBottomBottomFr a.icon_weixin{	background:url(../images/foot_icon13.png)  center no-repeat}
.foot_bt1{ justify-content:space-between; padding:50px 0; border-bottom:1px solid #323232; margin-bottom:50px}
.foot_bt1 label{ padding:10px 0 10px 40px; color:#fabe00; font-size:20px;}
.foot_bt1 label.icon_1{ background:url(../images/foot_icon1.png) left center no-repeat}
.foot_bt1 label.icon_2{ background:url(../images/foot_icon2.png) left center no-repeat}
.foot_bt1 label.icon_3{ background:url(../images/foot_icon3.png) left center no-repeat}
.foot_bt1 label.icon_4{ background:url(../images/foot_icon4.png) left center no-repeat}
.yellowTel{ color:#fabe00; font-size:24px;}