@charset "utf-8";
*{
	padding: 0;
	margin: 0;
}
body{
	background: #fff;
}
.header{
	width: 100%;

	
}
.nav-wrap{
	width: 100%;
	height: 300px;
	z-index: 9999;
	position: absolute;

}
.nav-wrap .nav{
	margin: 0 auto;
	max-width: 1838px;
	height: 150px;
	position: relative;
	/* text-align: center; */
	/*background: rgba(10,28,87,0.3);*/
}

.nav-wrap .nav .nav-left{
	position: absolute;
	top: 30px;
	z-index: 1;	
	width:100%;
}

.nav-wrap .nav .nav-left ul li a,
.nav-wrap .nav .nav-right ul li a{
	font-size: 16px;
	color: #f3d39b;
}

.nav-wrap .nav .nav-left ul li img{
	margin-right: 8px;
}

.nav-wrap .nav .nav-right ul li img{
	margin-right: 8px;
}


.nav-wrap .nav .nav-left ul li{
	position: relative;
	float: left;
	left: 0px;
	top: 30px;
	padding: 0 60px;
	border-right: 1px solid #84afd9;
}

.nav-wrap .nav .nav-logo{
	position: relative;
	top: 30px;
	width: 178px;
    left: 0;
    right: 0;
    margin: 0 auto;
}
.nav-wrap .nav .nav-right ul li{
	position: relative;
	float: right;
	right: 40px;
	top: -8px;
	padding: 0  60px;
	border-right: 1px solid #84afd9;
	

}

.nav-wrap .nav .nav-left ul li:nth-child(4){
	border:none; 

}

.nav-wrap .nav .nav-right ul li:nth-child(1){
	border:none; 
}


.banner{
	
	width: 100%;
	top: 0px;

	
}
.banner img{
	width: 100%;
	top: 0px;
	left: 0px;
	margin:0 auto;
}

.content-2{
	width: 100%;
	margin-top: 62px;
}

.content-2 .content-2-wrap{
	margin: 0 auto;
	width: 1840px;

}

.content-2 .content-2-wrap ul{
	height: 830px;
	width: 1840px;
	position: relative;
}
.content-2 .content-2-wrap ul li{
	width: 460px;
	height: 830px;
	float: left;
	text-align: center;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;


	
}

.content-2 .content-2-wrap .text{
	position: absolute;
	left:0;
	right:0;
	top: 386px;
	-webkit-transition: all .4s ease;
	-moz-transition: all .4s ease;
	-ms-transition: all .4s ease;
	-o-transition: all .4s ease;
	transition: all .4s ease;

}

.content-2 .content-2-wrap  .text span{
	position: relative;
	/* left: 100px; */
	font-size: 26px;
	color: #e4c87d;
	font-family: 宋体;
	-webkit-transition: all .4s ease;
	-moz-transition: all .4s ease;
	-ms-transition: all .4s ease;
	-o-transition: all .4s ease;
	transition: all .4s ease;
}
.content-2 .content-2-wrap  .text p{
	position: relative;
	left: 90px;
	margin-top: 20px;
	font-size: 20px;
	color: #e4c87d;
	text-transform:uppercase;
	-webkit-transition: all .4s ease;
	-moz-transition: all .4s ease;
	-ms-transition: all .4s ease;
	-o-transition: all .4s ease;
	transition: all .4s ease;
	

}
.content-2 .content-2-wrap ul li{
	position: relative;
}

.content-2 .content-2-wrap ul li  .mask{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #a4002c;
	-webkit-transform: rotateX(-90deg);
	-moz-transform: rotateX(-90deg);
	-ms-transform: rotateX(-90deg);
	-o-transform: rotateX(-90deg);
	transform: rotateX(-90deg);
	-webkit-transition: all .6s ease;
	-moz-transition: all .6s ease;
	-ms-transition: all .6s ease;
	-o-transition: all .6s ease;
	transition: all .6s ease;
	-webkit-transform-origin: top center;
	-moz-transform-origin: top center;
	-ms-transform-origin: top center;
	-o-transform-origin: top center;
	transform-origin: top center;
	opacity: 0;
	filter: alpha(opacity=0);

}

.content-2 .content-2-wrap ul li  .mask p{
	margin-top: 350px;
	font-size: 16px;
	color: #fff;
	line-height: 30px;
}

.content-2 .content-2-wrap ul li  .mask .icon img{
	position: absolute;
	top: 500px;
	left: 0px;
	right: 0;

}
.content-2 .content-2-wrap ul li:hover .mask{

	-webkit-transform: rotateX(0);
	-moz-transform: rotateX(0);
	-ms-transform: rotateX(0);
	-o-transform: rotateX(0);
	transform: rotateX(0);
	opacity: 0.7;
	filter: alpha(opacity=80);


}

.content-2 .content-2-wrap ul li a{
	display: block;
	width: 460px;
	height: 830px;
	overflow: hidden;

}
.content-2 .content-2-wrap ul li a>img{
	display: block;
	-webkit-transition: all .4s ease;
	-moz-transition: all .4s ease;
	-ms-transition: all .4s ease;
	-o-transition: all .4s ease;
	transition: all .4s ease;

}

.content-2 .content-2-wrap ul li:hover a>img{
	-webkit-transform: scale(1.2);
	-moz-transform: scale(1.2);
	-ms-transform: scale(1.2);
	-o-transform: scale(1.2);
	transform: scale(1.2);
}
.content-2 .content-2-wrap ul li:hover .text{
	top: 200px;
}


.content-3{
	width: 100%;
}
.content-3 .content-3-wrap{
	margin: 0 auto;
	width: 1860px;
	position: relative;
	overflow: hidden;


}

.content-3 .content-3-wrap .content-3-left{
	margin-top: 100px;
    margin-left: 80px;

}

.content-3 .content-3-wrap .content-3-left span{
	font-size: 32px;
	color: #333;
}
.content-3 .content-3-wrap .content-3-left p{
	font-size: 22px;
	color: #333;
	margin-top: 10px;
}


.content-3 .content-3-wrap  .content-3-right{
	margin-top: -60px;
    margin-left: 500px;
    width: 1120px;
    height: 466px;
    position: relative;
    overflow: hidden;


}
.content-3 .content-3-wrap  .content-3-right .product{
	position: absolute;
	left: 0px;
	right: 0px;
	width: 1120px;
	 /* overflow: hidden; */

}

.content-3 .content-3-wrap  .content-3-right  .product ul{
	position: absolute;
	left: 0px;
	width: 2240px;


	/* overflow: hidden; */
}

.content-3 .content-3-wrap  .content-3-right  .product ul li{
	float: left;
	width: 280px;
	height: 360px;
	text-align: center;
	position: relative;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	-webkit-transition: all .4s ease;
	-moz-transition: all .4s ease;
	-ms-transition: all .4s ease;
	-o-transition: all .4s ease;
	transition: all .4s ease;
	cursor: pointer;


	
}
 /* .content-3 .content-3-wrap  .content-3-right  .product ul li:nth-child(5){
 	opacity: 0;
 } */

.content-3 .content-3-wrap  .content-3-right  .product ul li span{
	position: absolute;
    display: block;
	bottom: 18px;
	left: 76px;
    font-size: 14px;
	color: #666;

	
}




.content-3 .content-3-wrap  .content-3-right .product ul li:hover{
	border: 1px solid #eeccd5;


}

.content-3-right .button-left{
	cursor: pointer;
	display: block;
	position: absolute;
	left: 0px;
	top: 34%;
	z-index: 9999;
}
.content-3-right .button-right{
	cursor: pointer;
	display: block;
	position: absolute;
	right: 0px;
	top: 34%;
	z-index: 9999;
}

.content-3-right .Progress{
	position: absolute;
	left: 67px;
	bottom:46px;


}
.content-3-right .Progress .solid-1{
	position: absolute;
	left: 0px;
	top: 0px;
	width: 831px;
	height: 2px;
	background: #cbcbcb;
}
.content-3-right .Progress .solid-2{
	position: absolute;
	left: 0px;
	top: 0px;

	width: 330px;
	height: 2px;
	background: #a4002c;
}


.content-4{
	margin-top: 60px;
	width: 100%;
	height: 430px;
	background: url("/_upload/tpl/00/53/83/template83/htmlRes/index_res/历史配景.jpg") no-repeat;
	background-position: center center;
	background-size: cover;

}
.content-4 .content-4-wrap{
	margin: 0 auto;
	width: 1200px;
	height: 430px;
	text-align: center;
	position: relative;

	

}

.content-4 .content-4-wrap h1{
	padding-top: 74px;
	padding-bottom: 18px;
	font-size: 32px;
	color: #fff;
}
.content-4 .content-4-wrap h2{
	padding-bottom: 50px;
	font-size: 24px;
	color: #fff;
}
.content-4 .content-4-wrap p {
	padding-bottom: 70px;
	line-height: 26px;
	color: #fff;
	font-size: 16px;

	
}

.content-4 .content-4-wrap .more{
	
	padding: 13px 40px 13px 40px ;
    border:1px solid #fff;
	border-radius: 6px;
	-webkit-transition: all .4s ease;
	-moz-transition: all .4s ease;
	-ms-transition: all .4s ease;
	-o-transition: all .4s ease;
	transition: all .4s ease;


}

.content-4 .content-4-wrap .more span{
	font-size: 14px;
	color: #fff;
}
.content-4 .content-4-wrap .more:hover{
	background: #a4002c;
}


.content-5{
	width: 100%;
	height: 837px;
	background: url("/_upload/tpl/00/53/83/template83/htmlRes/index_res/品牌形象配景.jpg") no-repeat;
	background-position: center center;
	background-size: cover;

}
.content-5 .content-5-wrap{
	margin: 0 auto;
	width: 1680px;
	height: 837px;
	position: relative;
	
}
.content-5-left .text h1{
	margin-top: 40px;
	margin-bottom: 12px;
	font-size: 26px;
	color: #333;

}
.content-5-left .text h2{
	margin-bottom: 40px;
	font-size: 16px;
	color: #333;

}
.content-5-left .text p{
	margin-bottom: 50px;
	font-size: 14px;
	line-height: 26px;
	color: #333;

}

.content-5-left .more{
	padding: 13px 40px 13px 40px ;
    border:1px solid #fff;
	border-radius: 6px;
	background: #a4002c;
	-webkit-transition: all .4s ease;
	-moz-transition: all .4s ease;
	-ms-transition: all .4s ease;
	-o-transition: all .4s ease;
	transition: all .4s ease;
	

}

.content-5-left .more:hover{
	-webkit-box-shadow: 6px 6px 20px rgba(164, 0, 44, 0.6);
	-moz-box-shadow: 6px 6px 20px rgba(164, 0, 44, 0.6);
	box-shadow: 6px 6px 20px rgba(164, 0, 44, 0.6);

}

.content-5-left .more span{
	font-size: 14px;
	color: #fff;

}




 .content-5-right .box-1{
 	position: absolute;
 	top: 0px;
 	right: 0px;
  	width: 330px;
  	height: 270px;
  	background: url("/_upload/tpl/00/53/83/template83/htmlRes/index_res/党建专栏配景.jpg") no-repeat bottom right;
  	cursor: pointer;
}
 .content-5-right .box-2{
 	position: absolute;
 	top: 270px;
 	right: 330px;
  	width: 330px;
  	height: 270px;
  	background: url("/_upload/tpl/00/53/83/template83/htmlRes/index_res/招贤纳士配景.jpg") no-repeat bottom right;
  	cursor: pointer;
}

 .content-5-right div .p1{
 	font-size: 26px;
 	color: #fff;
 	margin-left: 30px;
 	margin-top: 40px;
}
 .content-5-right div .p2{
 	font-size: 16px;
 	color: #fff;
 	margin-left: 30px;
 	margin-top: 12px;
 	margin-bottom: 120px;
}
 .content-5-right div a{
 	display: block;
 	margin-left: 30px;
 	

 }
  .content-5-footer{
  	
  	margin-left: 200px;
  }

 .content-5-footer .box-s{
 	float: left;
 	margin-top: 100px;
    border-right: 1px solid rgba(20, 20, 20, 0.2);
    padding: 16px 20px;
    width: 20%;
    color: #333;
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: center;


 }
  .content-5-footer .box-s:nth-child(4){
  	border: none;

  }

  .content-5-footer .box-s .box-title{
  	font-size: 80px;
  	font-weight: bolder;
  	color: #a4002c;
    line-height: 90px;
    margin-bottom: 5px;

  }
   .content-5-footer .box-s .box-title sup{
   	font-size: 16px;
   	font-weight: bolder;
   	color: #333;
    position: relative;
    bottom: -30px;
    left: -20px;
}
 .content-5-footer .box-s .box-text{
 	font-size: 14px;
 	font-weight: bolder;
   	color: #333;
 	line-height: 26px;

 }


 .content-6{
 	width: 100%;
 	height: 768px;
 	
 }

 .content-6 .content-6-wrap{
 	margin: 0 auto;
 	width: 1680px;
 	position: relative;
 	
 }

  .content-6 .content-6-wrap .content-title {
  	margin-top: 90px;
  	margin-bottom: 60px;
  }

 .content-6 .content-6-wrap .content-title span{
 	font-size: 32px;
 	color: #333;

 }
 .content-6 .content-6-wrap .content-title p{
 	margin-top: 18px;
 	font-size: 24px;
 	color: #333;

 }

 /* .content-6 .content-6-wrap .news-nav{
 	position: relative;
 	
   }

  .content-6 .content-6-wrap .news-nav ul li{
  	float: left;
  	padding: 0 26px 0px;
  	border-right: 1px solid #666;
  	

  }

  .content-6 .content-6-wrap .news-nav ul li:nth-child(4){
  	border-right: none;
  }

  .content-6 .content-6-wrap .news-nav ul li a{
   	font-size: 18px;
    color: #333;
    -webkit-transition: all .4s ease;
	-moz-transition: all .4s ease;
	-ms-transition: all .4s ease;
	-o-transition: all .4s ease;
	transition: all .4s ease;
  }

  .content-6 .content-6-wrap .news-nav ul li:hover a{
   	color: #a4002c;
  } */

  .content-6 .content-6-wrap .news-group{
  	width: 1680px;
  	height: 445px;
  }

   .content-6 .content-6-wrap .news-group .news{
   	float: left;
   	width: 405px;
   	height: 445px;
   	margin-right: 20px;
   	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	position: relative;
	cursor: pointer;
  }


   .content-6 .content-6-wrap .news-group .news  .mask{
   	position: absolute;
	top: 0px;
	left: 0px;
	width: 405px;
	height: 300px;
	background: #a4002c;
	text-align: center;
	-webkit-transform: rotateX(-90deg);
	-moz-transform: rotateX(-90deg);
	-ms-transform: rotateX(-90deg);
	-o-transform: rotateX(-90deg);
	transform: rotateX(-90deg);
	-webkit-transition: all .6s ease;
	-moz-transition: all .6s ease;
	-ms-transition: all .6s ease;
	-o-transition: all .6s ease;
	transition: all .6s ease;
	-webkit-transform-origin: top center;
	-moz-transform-origin: top center;
	-ms-transform-origin: top center;
	-o-transform-origin: top center;
	transform-origin: top center;
	opacity: 0;
	filter: alpha(opacity=0);


   }

   .content-6 .content-6-wrap .news-group .news:hover .mask{
   	-webkit-transform: rotateX(0);
	-moz-transform: rotateX(0);
	-ms-transform: rotateX(0);
	-o-transform: rotateX(0);
	transform: rotateX(0);
	opacity: 0.7;
	filter: alpha(opacity=70);

   }

   .content-6 .content-6-wrap .news-group .news  .new-img{
   	display: block;
	width: 405px;
	height: 300px;
	overflow: hidden;

   }

  .content-6 .content-6-wrap .news-group .news  .new-img img{
	
	-webkit-transition: all .4s ease;
	-moz-transition: all .4s ease;
	-ms-transition: all .4s ease;
	-o-transition: all .4s ease;
	transition: all .4s ease;


}

.content-6 .content-6-wrap .news-group .news:hover  img{
	-webkit-transform: scale(1.2);
	-moz-transform: scale(1.2);
	-ms-transform: scale(1.2);
	-o-transform: scale(1.2);
	transform: scale(1.2);
}



   .content-6 .content-6-wrap .news-group .news  .mask .icon img{
   	position: absolute;
   	top: 128px;
   	left: 186px;

   	width: 30px;
   	height: 30px;

   }

  .content-6 .content-6-wrap .news-group .news:nth-child(4){
  	margin-right: 0px;
  }

  .content-6 .content-6-wrap .news-group .news .news-text{
  	margin-top: 32px;

  }

  .content-6 .content-6-wrap .news-group .news .news-text:hover .title{
  	color: #a4002c;
  }

  .content-6 .content-6-wrap .news-group .news .news-text:hover .content{
  	color: #666;
  }


  .news-group .news .news-text .title{
    margin-bottom: 24px;
    font-size: 18px;
  	color: #333;
  	overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    -webkit-transition: all .4s ease;
	-moz-transition: all .4s ease;
	-ms-transition: all .4s ease;
	-o-transition: all .4s ease;
	transition: all .4s ease;

  }

  .news-group .news .news-text .content{
    margin-bottom: 24px;
  	font-size: 14px;
  	line-height: 20px;
  	color: #999;
  	overflow: hidden;
  	-webkit-transition: all .4s ease;
	-moz-transition: all .4s ease;
	-ms-transition: all .4s ease;
	-o-transition: all .4s ease;
	transition: all .4s ease;

  }

   .news-group .news .news-data p{
     font-size: 14px;
  	 color: #999;

  }

 .content-6 .content-6-wrap .more{
 	position: absolute;
 	top: 650px;
 	left: 760px;
	padding: 13px 40px 13px 40px ;
    border:1px solid #999;
	border-radius: 6px;
	-webkit-transition: all .4s ease;
	-moz-transition: all .4s ease;
	-ms-transition: all .4s ease;
	-o-transition: all .4s ease;
	transition: all .4s ease;
	

}
.content-6 .content-6-wrap .more span{
	font-size: 14px;
	color: #666;
	-webkit-transition: all .4s ease;
	-moz-transition: all .4s ease;
	-ms-transition: all .4s ease;
	-o-transition: all .4s ease;
	transition: all .4s ease;
}

 .content-6 .content-6-wrap .more:hover{
	background: #a4002c;
	border:1px solid #fff;
	
}
 .content-6 .content-6-wrap .more:hover span{
	color: #fff;
	
}



.footer{
	width: 100%;
	height: 874px;
	background: url("/_upload/tpl/00/53/83/template83/htmlRes/index_res/footer-配景.jpg") no-repeat;
	background-position: center center;
	background-size: cover;
}
.footer .footer-wrap{
	width: 1680px;
	margin:0 auto;
	text-align: center;
	position: relative;

}

.footer .footer-wrap .footer-logo img{
	margin-top: 78px;
	margin-bottom: 78px;
}

.footer .footer-wrap .footer-nav{
	position: absolute;
	left: 0px;
	right: 0px;
}
.footer .footer-wrap .footer-nav ul li{
	display: inline-block;
	padding: 0 30px;
	border-right: 1px solid #8f8e8d;
}

.footer .footer-wrap .footer-nav ul li:nth-child(6){
	border-right: none;

}
.footer .footer-wrap .footer-nav ul li a{
	font-size: 16px;
	color: #fff;
}

.footer .footer-wrap .tips{
	margin-top:100px;

}

.footer .footer-wrap .tips span{
	font-size: 14px;
	color: #cfcfce;
	
}

.footer .footer-wrap .tips span:before{
	left: -50px;

}
.footer .footer-wrap .tips span:after{
	right: -50px;

}

.footer .footer-wrap .tips span:before,
.footer .footer-wrap .tips span:after{
	position: absolute;
	content: " ";
	width: 760px;
	height: 1px;
	background-color: #8a8686;
	top: 355px;
}
.footer .footer-wrap .contact{
	margin-top: 60px;
}
.footer .footer-wrap .contact span{
	font-size: 18px;
	color: #fff;

}
.footer .footer-wrap .contact .icon1 img{
	margin-top: 18px;
	margin-bottom: 30px;
}
.footer .footer-wrap .contact p{
	font-size: 14px;
	color: #fff;
	line-height: 30px;
}

.footer .footer-wrap .contact .weixin img{
	margin-top: 25px;
	margin-bottom: 25px;
}
.footer .footer-wrap .contact .icon2{
	position: absolute;
	left: 45%;
}

.footer .footer-wrap .contact .icon2 ul li{
	float: left;
	margin-right: 50px;
}
.footer .footer-wrap .footer-text p{
	font-size: 12px;
	color: #999;
	margin-top: 100px;

}
.footer .footer-wrap .footer-text p a{
	color: #999;

}