/* CSS Document */
body{
	font: 14px "Microsoft YaHei";
	line-height: 24px;
	color: #333333;
	margin: 0px;
	padding: 0px;
}
ul,li ,ol{ margin:0px; padding:0px; list-style:none;}
em{ font-style:normal;}
a { color: #333333;text-decoration: none;}
a:hover,a:focus {
	color: #2572e6;
	text-decoration: none;;
} 
.top{width: 1086px;
	 margin:0 auto;
	}
.top01 {width: 100%;
	 margin:auto;
	background-color:#264377; 
	height: 150px;
	}

.HeadPic{
	width: 100%;
	overflow: hidden;
	margin: auto;
}
.top_left{
	width:260px;
	padding: 20px 0 0 0;
	float:left;overflow:hidden;
}

*{margin:0;padding:0;border:0;}
.clear{ clear:both;}
.cover{ overflow:hidden; height:100%;}
.left{ float:left;}
.right{ float:right;}
.center{margin-left:20px; }

/*内页样式开始*/

nav ul {
  list-style: none;
  padding-top:0px;
  display: flex;
  justify-content: space-between;
}

.nav {
  width: 826px;
  float:right;
  margin: 0 auto;
  display: block;
}
.nav a {
  display: block;
  line-height: inherit;
  cursor: pointer;
}
.nav_menu {
  line-height: 45px; font-size:18px;color: #fff;
  font-weight: 400; 
  text-transform: uppercase;
}
.nav_menu-item {
  display: inline-block;
  text-align: left;
  position: relative;
  margin-top: 70px;
}
.nav_menu-item a{
  color: #fff;
}
.nav_menu-item  ul li{
	width: 110px; 
	float: left; text-align:left;
	line-height: 45px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #e5e6e8;
	font-size: 14px;
	padding-left:10px;
}
.nav_menu-item  ul li a{
	color: #333;
}

.nav_menu-item:hover .nav_submenu {
  display: block;
}
.nav_submenu {z-index:19999;
  font-weight: 300;
  text-transform: none;
  display: none;
  position: absolute;
  width:120px;
  background-color: #fff;
}
.nav_submenu-item:hover {
  background: rgba(0, 0, 0, 0.1);
}

/*间距*/
.top3{ margin-top:30px;}
.margin-top1{ margin-top:10px;}
.margin-top2{ margin-top:20px; }
.margin-top22{ margin-top:20px;margin-bottom:20px;}
.margin-top3{ margin-top:30px}
.margin-top4{ margin-top:40px;}
.margin-top44{ margin-top:40px;margin-bottom:40px;}
.margin-top42{ margin-top:40px;margin-bottom:20px;}
.margin-top5{ margin-top:50px;}
.margin-top6{ margin-top:60px;}
.margin-top7{ margin-top:70px;}
.margin-top8{ margin-top:80px;}
.margin-bottom1{ margin-bottom:10px;}
.margin-bottom2{ margin-bottom:20px;}
.margin-bottom3{ margin-bottom:30px;}
.margin-bottom4{ margin-bottom:40px;}
.margin-bottom5{ margin-bottom:50px;}
.margin-bottom6{ margin-bottom:60px;}
.padding-top1{ padding-top:10px;}
.padding-top2{ padding-top:20px;}
.padding-top3{ padding-top:30px;}
.padding-top4{ padding-top:40px;}
.padding-top5{ padding-top:50px;}
.padding-top6{ padding-top:60px;}
.padding-bottom1{ padding-bottom:10px;}
.padding-bottom2{ padding-bottom:20px;}
.padding-bottom3{ padding-bottom:30px;}
.padding-bottom4{ padding-bottom:40px;}
.padding-bottom5{ padding-bottom:50px;}
.padding-bottom6{ padding-bottom:60px;}
/*段落空两个字*/
.text-indent{ text-indent:2em;}

.gonggao{
	width: 347px; float:left;
}
.gonggao01{
	width: 475px;float:left;
}
.margin-left2{
	margin-left:20px;float:left;
}
.fl{
	float:left;
}
/* 业务领域 */
.business{
	background-color: #c7dcfa;
	width: 100%;
	overflow: hidden;
	margin-top: 20px;
}
.business h2{
	font-size: 36px;
	line-height: 36px;
	font-weight: 400;
	text-align: center;
	margin-top: 40px;
}
.business .xian{
	width: 52px;
	text-align: center;
	margin: 20px auto;
	display: block;
}
.business ul{
	width: 1086px;
	margin: 30px auto;
	text-align: left;
	display: flex;
	justify-content: space-between;
}
.business ul h3{
	font-size: 20px;
	text-align:center;
	font-weight: 400;
	margin-top: 30px;
}
.business ul li p{
	margin-top: 20px;
	width: 235px;
	display: block;
}
.business ul li i a {
	position: relative;
	display: block;
	width: 235px;
	height: 166px;
    top: 0;
    overflow: hidden;
    transition: all 0.3s ease;

}
.business ul li i a:after{
	content: '';
	display: block;
	width: 100%;
	height: 100%;
	background-image: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0));
	transform: skew(-25deg);
	position: absolute;
	left: -110%;
	top: 0;
}
.business ul li i a:hover{
	box-shadow: 0 26px 40px -26px rgba(0, 36, 100, 0.5);
    top: -6px;
}
.business ul li i a:hover:after{
  left: 110%;
  transition: all 0.3s ease;
}
.business span {
	width: 182px;
	height: 50px;
	margin: 10px auto;
	line-height: 50px;
	text-align: center;
	color: #fff;
	display: block;
	border-radius: 5px;
	font-size: 16px;
	background-color: #2572e6;
}
.business span a{
	color: #fff;
}
/* 服务宗旨 */
.service{
	margin: 20px auto;
}
.service h2{
	font-size: 36px;
	line-height: 36px;
	font-weight: 400;
	text-align: center;
	margin-top: 40px;
}
.service .xian{
	width: 52px;
	text-align: center;
	margin: 20px auto;
	display: block;
}
.service ul{
	width: 1086px;
	display: flex;
	justify-content: space-between;
	margin-top: 40px;
	color: #fff;
}
.service ul li a{
	color: #fff;
	position: relative;
	display: block;
	width: 230px;
	height:173px;
    top: 0;
    overflow: hidden;
    transition: all 0.3s ease;
}
.service ul li a:after{
	content: '';
	display: block;
	width: 100%;
	height: 100%;
	background-image: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0));
	transform: skew(-25deg);
	position: absolute;
	left: -110%;
	top: 0;

}
.service ul li a:hover{
	box-shadow: 0 26px 40px -26px rgba(0, 36, 100, 0.5);
    top: -6px;

}
.service ul li a:hover:after{
	left: 110%;
	transition: all 0.3s ease;
  }
.service ul li span{
	margin: 10px 0 0 0;
	display: block;
}
.service ul li h3{
	font-size: 18px;
	line-height: 24px;
	margin: 10px 0 10px 0;
    font-weight: 400;
}
.service ul li p{
	font-size: 14px;
}
.service ul li:nth-child(1){
	background: url(../images/yewu01.png) no-repeat;
	width: 230px;
	height: 167px;
	display: block;
	text-align: center;
    
}
.service ul li:nth-child(2){
	background: url(../images/yewu02.png) no-repeat;
	width: 230px;
	height: 167px;
	display: block;
	text-align: center;
    
}
.service ul li:nth-child(3){
	background: url(../images/yewu03.png) no-repeat;
	width: 230px;
	height: 167px;
	display: block;
	text-align: center;
    
}
.service ul li:nth-child(4){
	background: url(../images/yewu04.png) no-repeat;
	width: 230px;
	height: 167px;
	display: block;
	text-align: center;
    
}
/* 我们的优势 */
.youshi{
	width: 100%;
	height: 509px;
	background: url(../images/advantage-bg.jpg) no-repeat;
	
	color: #fff;
	overflow: hidden;
}
.youshi h2{
	font-size: 36px;
	line-height: 36px;
	font-weight: 400;
	text-align: center;
	margin-top: 80px;
}
.youshi .xian{
	width: 52px;
	text-align: center;
	margin: 30px auto 0 auto;
	display: block;
}
.youshi ul{
	margin-top: 80px;
	display: flex;
	justify-content: space-between;
}
.youshi ul li h1{
  font-size:72px;
  line-height: 72px;
  margin-bottom: 55px;
}
.youshi ul li h4{
	font-size: 30px;
	font-weight: 400;
}
/* 案例 */
.case{
	background-color: #c7dcfa;
	width: 100%;
	overflow: hidden;
}
.case h2{
	font-size: 36px;
	line-height: 36px;
	font-weight: 400;
	text-align: center;
	margin-top: 40px;
}
.case .xian{
	width: 52px;
	text-align: center;
	margin: 20px auto ;
	display: block;
}
.case ul{
	width: 1086px;
	margin: 40px auto;
	text-align: left;
	display: flex;
	justify-content: space-between;
}
.case ul h3{
	font-size: 20px;
	font-weight: 400;
	margin-top: 30px;
}
.case ul li p{
	font-size: 18px;
	margin-top: 20px;
	display: block;
	text-align:center;
}

.case span {
	width: 182px;
	height: 50px;
	margin: 10px auto;
	line-height: 50px;
	text-align: center;
	color: #fff;
	display: block;
	border-radius: 5px;
	font-size: 16px;
	background-color: #2572e6;
}
.case span a{
	color: #fff;
}
.case01 ul{
	width: 810px;
	margin: 40px auto;
	text-align: left;
}
.case01 li{ float:left; width:248px; margin-right:33px; margin-bottom:40px;}
.case01 li img { width:248px; height:173px;}
.case01 li:nth-child(3n){ margin-right:0;}
/* 新闻 */
.news{
	width: 100%;
	
}
.news h2{
	font-size: 36px;
	line-height: 36px;
	font-weight: 400;
	text-align: center;
	margin-top: 40px;
}
.news .xian{
	width: 52px;
	text-align: center;
	margin: 20px auto ;
	display: block;
}
.news .more {
	width: 182px;
	height: 50px;
	margin: 20px auto;
	line-height: 50px;
	text-align: center;
	color: #fff;
	display: block;
	border-radius: 5px;
	font-size: 16px;
	background-color: #2572e6;
}
.news .more a{
	color: #fff;
}
.newslist{
	width: 1086px;
	margin: 30px auto;
	overflow: hidden;
}
.news_left{
	width: 486px;
	float:left ;
}
.news_left .newslist01{
	float: left;
	width: 96px;
}
.news_left .newslist01 h3{
	font-size: 20px;
	font-weight: 400;
	margin-bottom: 10px;

}
.news_left .newslist01 span{
	color: #888;
	
	padding-left: 20px;
}
.news_left .newslist02{
	float: right;
	width: 390px;
}
.news_left .newslist02 h4{
	font-size: 16px;
	margin-bottom: 10px;
}
.news_left .newslist02 p a{
	color: #666666;
}
.news_right{
	width: 486px;
	float:right ;
}
.news_right .newslist01{
	float: left;
	width: 96px;
}
.news_right .newslist01 h3{
	font-size: 20px;
	font-weight: 400;
	margin-bottom: 10px;

}
.news_right .newslist01 span{
	color: #888;
	
	padding-left: 20px;
}
.news_right .newslist02{
	float: right;
	width: 390px;
}
.news_right .newslist02 h4{
	font-size: 16px;
	margin-bottom: 10px;
}
.news_right .newslist02 p a{
	color: #666666;
}
/* 子页jianjie */
.jianjie_left{
	width: 236px;
	float: left;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #dfe0e2;
	border-right-color: #dfe0e2;
	border-bottom-color: #dfe0e2;
	border-left-color: #dfe0e2;
}
.jianjie_top{
	width: 218px; background-color:#264377; padding-left:20px;
	height:50px; font-size:18px;
	line-height:50px;
	color:#fff;
}
.jianjie_list ul {
	width: 238px; margin-bottom:40px;
	
}
.jianjie_list ul li{
	height:38px;
	line-height: 38px;
	background-image: url(../images/biao.png);
	background-repeat: no-repeat;
	background-position: 10px 12px;
	padding-left: 40px;
}
.jianjie_list ul li a:hover{
	width: 238px;
	height:38px;
	line-height: 38px; display:block;
}
.jianjie_right{
	width: 810px; float:right
}
.jianjie_right h3{
	font-size: 20px; padding-bottom:15px;
	margin-top:10px;
	color: #264377;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #dfe0e2;
}
.jianjie_right01{
	width: 810px; margin-top:30px;
}
/*about*/
.about{
	width: 1086px; margin:auto;
	overflow: hidden;
}
.aboutlist{
	width:810px; margin:40px  auto 0 auto;
	overflow: hidden;
}
.aboutlist01{
	width:300px; float:left;
	overflow: hidden;
}
.aboutlist02{
	width:510px; float:right;
	overflow: hidden;
}
.aboutlist03{
	width:510px; float:right; margin:15px auto  auto auto;
	overflow: hidden;
}
.aboutlist ul{
	width: 570px; margin:20px  60px 0px auto; float:left;
	overflow: hidden;
}
.aboutlist ul li{
	margin:10px  auto; 
}
.about ul{
	width: 1086px; margin:60px auto auto auto ;
	overflow: hidden;
}
.about ul li{
	float:left; line-height:36px;
	margin: auto 80px auto 0px;
	height: 50px;
	line-height: 50px;
	display: block;
	
}
.about ul li a{ 
	
	
}
.about ul li a:hover{ 
	
}
.about01{
	width: 494px; float:left;
	overflow: hidden;}
.about_left{
	width: 500px;
	float: left; 
}
.about_top{
	width: 500px;
	overflow: hidden;
}
.about_top01{
    font-size: 40px;
	line-height: 40px;
	float: left;
}
.about_left p{
	font-size: 16px;line-height: 30px;
	margin-top: 40px;
}
.about_left .about_top i{
	float: left;
	margin: 0 20px;
}
.about_left .about_top span{
	font-size: 24px;
	float: left;
	margin-top: 8px;
}
.about_right{
	width: 532px; 
	height: 286px;
	float:right;
	 margin-top:70px; 
	overflow: hidden;}
.about_right img{
		transition: all 0.5s;
	
	}
.about_right:hover img{
		transform: scale(1.2);
	}
.more{
	width: 170px;
	height: 50px;
	line-height: 50px;
	border: 1px solid #4eabef;
	text-align: center;
	display: block;
	font-size: 16px;
	margin: 40px 0;
}
.more a{
	color: #4eabef;
}


/*底部样式*/
.foot{
	width:100%;overflow:hidden;  
	margin:20px auto 0 auto; 
	background-color:#264377; 
	color:#fff;
}
.foot a{
	color:#fff;
}
.foot_left{
	width:746px;overflow:hidden;float:left;
	display: flex;
	justify-content: space-between;
}
.foot_left dl dt{
	margin-bottom: 20px;font-size: 18px;
}
.foot_left dl dd a{
	line-height: 30px;
	color: #fff;
}
.foot_right{
	width:270px;overflow:hidden; float:right;
}
.foot_right span{
	font-size: 18px;
}
.foot_right h2{
	font-size: 36px;
	line-height: 46px;
	font-weight: 400;
	margin-top: 20px;
}
.foot01{
	width: 100%;
	background-color: #1d396c;
	height: 50px;
	line-height: 50px;
	color: #fff;
	text-align: center;
}
/*字体样式*/

.font01 {
	color: #fff; font-size:16px;
}
.font02 {
	color: #fff;
}
.font03 {
	font-size: 32px;color: #fff; line-height:32px;
}

.font04 {
color: #333;font-size: 36px; line-height:36px; 
}
.font05 {
color: #333333; line-height:48px; font-size:48px; text-align:center; margin-top:80px;
}
.font06 {
color: #666666; text-align:center;font-size:24px; margin-top:35px;
}
.font07 {
color: #666666; text-align:center;font-size:16px; margin-top:55px;
}

.font08{
	font-size: 18px;
	color: #333;
}
.font08 a{
	font-size: 18px;
	color: #333;
}
.font09 {
	overflow: hidden; float:left; margin: 20px auto ;
	background-color: #f2f2f2;
	height: 30px;
	width: 108px; text-align:center;
}
.font09 a{
	font-size: 14px;background-color: #f2f2f2;
	height: 30px;
	width: 108px; text-align:center;
	color: #004870; 
}
.font09 a:hover{
	font-size: 14px;
	overflow: hidden;
	color: #fff;
	background-color: #004870;
	height: 30px;
	width: 108px;
	display: block;
}
.font10 a{
	font-size:18px;
}
.font11{
	font-size:36px; color:#163a84;
}
.font12{
	font-size:24px; margin-top:40px;
}
.font13{
	font-size: 28px; text-align:center; margin:60px auto 20px  auto;
	color: #333;
}
.font14 {
color: #666666; text-align:center;
}
.font14 a{
color: #666666;
}
.font15 {
color: #666666;
}
.list01 {
	border-right-style: solid;
	border-right-color: #8b888b;border-right-width: 1px;
}

.list02 {
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #163a84;
}
.list03 {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #b8b7b6; 
}
.list04 {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #b8b7b6; padding-bottom:40px;
}
.list05 {
	border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: #b8b7b6; padding-top:20px;
}