html,
body,
div,
p,
ul,
li,
h1,
h2,
h3,
h4,
h5,
h6,
dd,
dt,
dr,
dd,
nav,
form {
	margin: 0;
	padding: 0;
	font-size: 16px;
}

li {
	list-style: none;
}

a {
	text-decoration: none;
	color: #333;
}

.fl {
	float: left;
}

.fr {
	float: right;
}

/* baner */
.swiper-container {
	width: 100%;
	height: 100%;
}

.swiper-slide {
	background-position: center;
	background-size: cover;
}
.indexNation {
       bottom: 5% !important;
}
.indexNation .swiper-pagination-bullet {
	width: 60px;
	border-radius: 0;
	height: 3px;
}

.indexNation .swiper-pagination-bullet-active {
	background: #fff;
	opacity: 1;
}

.indexBer img {
	width: 100%;
}

.indexLeft,
.indexRight {
	width: 15%;
	height: 100%;
	top: 0;
	background-image: none !important;
}

.indexLeft h6,
.indexRight h6 {
	display: block;
	width: 64px;
	height: 64px;
	position: absolute;
	left: 20px;
	top: 50%;
	margin-top: -32px;
	border-radius: 100%;
	background: rgba(180, 180, 180, 0.25) url(../image/arrows.png) no-repeat center 17px;
	opacity: 0;
	-webkit-transition: opacity 0.5s ease;
	transition: opacity 0.5s ease;
}

.indexRight h6 {
	background: rgba(180, 180, 180, 0.25) url(../image/arrows.png) no-repeat center -71px;
	left: auto;
	right: 20px;
}

.indexLeft:hover h6 {
	opacity: 1;
	transition: opacity 0.5s ease;
}

.indexRight:hover h6 {
	opacity: 1;
	transition: opacity 0.5s ease;
}

.caseBer .swiper-slide {
	position: relative;
	overflow: hidden;
}

.caseBer .swiper-slide .caseal {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	top: 0;
	margin-top: 89%;
	background: rgba(190, 41, 45, 0.6);
	transition: 0.8s;
}

.caseBer .swiper-slide .caseal p {
	line-height: 40px;
	text-align: center;
	color: white;
	margin: 0 auto;

	width: 85%;
}

.caseBer .swiper-slide:hover .caseal {
	left: 0;
	right: 0;
	top: 0;
	margin-top: 0;
	transition: 0.8s;
}

.caseBer .swiper-slide:hover img {
	transition: 0.8s;
	transform: scale(1.1);
}

.caseBer .swiper-slide:hover .caseal p {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
}

/* 新闻中心 */
.newsCenter{
	width: 80%;
	margin: 50px auto;
}
.news_h2{
	font-size: 40px;
	font-weight: 300;
	color: #121213;
}
.news_h2 b{
	font-weight: 500;
	font-size: 50px;
}
.news_h3{
	font-size: 26px; 
}
.news_h3 a{
	float: right;
}
.news_h3 a img{
	margin-top: -10px;
}
.newsper{
	overflow: hidden;
	margin-top: 30px;
   position: relative;
}
.newsper_left{
	width: 48%;
	float: left;
        max-height: 456px;
}
.newsper_left img{
	width: 94%;
        border-radius: 15px;
        height: 100%;
}
.newsper_right{
	width: 48%;
	float: right;
        height: 456px;
	position: relative;
}
.newsper_right .news_h5{
	line-height: 30px;
}
.newsNation{
	width: 10% !important;
	left: 35%;
	bottom: 20px !important;
}
.newsNation .swiper-pagination-bullet{
	width: 15px;
	height: 15px;
}
.news_h5{
	color: #C90915;
	font-size: 26px;
	line-height: 50px;
	margin: 4% 0;
	font-weight: 500;
}
.news_h6{
	font-size: 22px;
	font-weight: 500;
	line-height: 50px;
	margin-top: 20px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.news_h6 a:hover{
       color: #C90915;
}
.news_p{
	color: #999999;
	font-size: 16px;
	line-height: 25px;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 4;
	overflow: hidden;
        text-align: justify;
}
.newsBer .swiper-slide{
	background: white;
}
.posip{
	position: absolute;
	left: 0;
	bottom: 20px;
	color: #424445;
}
.newsLeft,.newsRight{
	width: 55px;
	height: 35px;
	top: inherit;
	bottom: 2%;
}
.newsLeft:hover{
       background: url(../image/qhbt.png) no-repeat !important;
}
.newsRight:hover{
       background: url(../image/qhbt2.png) no-repeat !important;
}
.newsLeft{
	left: inherit;
	right: 70px;
	background: url(../image/xwjtz.png) no-repeat !important;
}
.newsRight{
	background: url(../image/xwjty.png) no-repeat !important;
}
.newsx{
	margin: 30px 0 0 0;
	padding: 5px 0;
	position: relative;
}
.newsx p{
	float: left;
}
.newsx p:nth-child(1){
	width: 48%;
	border: 1px solid #DBDBDB;
     height: 0px;
}
.newsx p:nth-child(2){
	float: right;
	width: 48%;
	border: 1px solid #DBDBDB;
    height: 0px;
}
.newsx h6{
	position: absolute;
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background: #DBDBDB;
	left: 50%;
	top: 50%;
	margin-left: -4px;
	margin-top: -4px;
}
.newsGsxw{
	float: left;
	width: 45%;
}
.newsLdgh{
	float: right;
	width: 48%;
}
.news_bq li{
	line-height: 40px;
}
.news_bq li span{
       float: right;
       color: #8D8E8E;
}
.news_bq li a{
 float: left;
	width: 80%;
	font-size: 20px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.news_bq li:hover a{
	color: #C90915;
}
.news_bq li:hover p{
	color: #C90915;
}
.news_bq li p{
	float: right;
	color: #8D8E8E;
}


/* 党群工作 */
.work{
	background: #F4F8FB;
	padding: 50px 10%;
}
.work_img{
	margin: 50px 0;
}
.work_img img{
	width: 100%;
}
.work_tle{
	width: 60%;
	margin: 30px auto;
	overflow: hidden;
}
.work_tle li{
	width: 33.33%;
	float: left;
	font-size: 26px;
	text-align: center;
	line-height: 50px;
	cursor: pointer;
}
.worktive{
	color: #C90915;
}
.masses{
        overflow: hidden;
}
.masses li{
	width: 30%;
	float: left;
	margin-right: 5%;
}
.masses li:nth-child(3){
	margin-right: 0;
}
.masses li p{
	line-height: 50px;
	color:#747575;
}
.masses li h6{
	font-size: 20px;
	font-weight: 500;
	line-height: 50px;
overflow: hidden;
 text-overflow: ellipsis;
 white-space: nowrap;
}
.masses li h6:hover{
     color: #C90915;
}
.masses li div{
	line-height: 30px;
	color: #5A5C5D;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp:3;
	overflow: hidden;
}

/* 公司荣誉 */
.honor{
	padding: 50px 10%;
	background: white;
}
.hon_ber{
	padding: 30px 0;
	position: relative;
        z-index: 0;
}
.gsBer .swiper-slide{
     height: 250px;
    position: relative;
    border: 1px solid #eceef0;
margin-right: 18px !important;
}
.gsBer .swiper-slide img{
    transition: all 0.8s;
    max-width: 100%;
    max-height: 100%;
    position: absolute;
    display: block;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    border-radius: 8px;
}
.gsscrorll{
	height: 5px;
	margin-top: 50px;
	width: 80%;
	margin-left: 8%;
	opacity: 1 !important;
       display: block !important;
}
.swiper-scrollbar-drag{
    background: #C90915;
    top: -21px;
}
.scscrorll .swiper-scrollbar-drag{
	background: #C90915;
    top: -21px;
    width: 33.3333333333333% !important;
}
.gsTion{
	right: inherit;
	left: 0;
	width: 7% !important;
	bottom: 23px;
}
. .swiper-pagination-total{
	color: #DFE6EB;
}
.gsTion .swiper-pagination-current{
	color: #C90915;
	font-size: 22px;
}
.gsLeft{
	background: url(../image/gszjt.png) no-repeat !important;
}
.gsRight{
	background: url(../image/gsyjt.png) no-repeat !important;
}
.gsLeft:hover{
	background: url(../image/qhbt.png) no-repeat !important;
}
.gsRight:hover{
	background: url(../image/qhbt2.png) no-repeat !important;
}
.gsLeft,.gsRight{
	top: inherit;
	opacity: 1 !important;
	bottom: 4px;
	width: 56px;
	right:60px ;
	cursor: pointer;
}
.gsRight{
	left: inherit;
	right: 0;
}

/* 生产装备 */
.equipment{
	padding: 50px 10%;
	background: url(../image/scbj.png) no-repeat;
	background-size: 100% 100%;
}
.equipment .news_h2{
	color: white;
}
.equipment .news_h3 b{
	color: white;
}
.pment{
	position: relative;
	margin-top: 50px;
}
.scpment .swiper-slide{
	overflow: hidden;
}
.pent_left{
	float: left;
	width: 45%;
}
.pent_right{
	float: right;
	width: 52%;
        margin-bottom: 35px;
}
.pent_right img{
	width: 100%;
     border-radius: 15px;
}
.pentre p{
	color: white;
	font-size: 22px;
	margin-top: 3%;
}
.penxx{
	color: white;
	margin-top: 5%;
}
.penxx div{
	margin-bottom: 30px;
}
.penxx div p{
	line-height: 25px;
}
.penbtn{
	display: block;
	margin-top: 10%;
	width: 170px;
	height: 50px;
	line-height: 50px;
	background: #C90915;
	text-align: center;
	border-radius: 50px;
	color: white;
}
.scscrorll{
	height: 5px;
	margin-top: 10px;
	width: 80%;
	margin-left: 8%;
	opacity: 1 !important;
	background: #DDE4EA;
}
.scTion{
	right: inherit;
	left: 0;
	width: 5% !important;
	bottom: -8px;
	color: white;
}
.scTion .swiper-pagination-current{
	color: rgb(201, 9, 21);
	font-size: 20px;
}
.scLeft{
	background: url(../image/scjt.png) no-repeat !important;
}
.scRight{
	background: url(../image/scjt2.png) no-repeat !important;
}
.scLeft:hover{
	background: url(../image/qhbt.png) no-repeat !important;
}
.scRight:hover{
	background: url(../image/qhbt2.png) no-repeat !important;
}
.scLeft, .scRight{
	top: inherit;
	opacity: 1 !important;
	bottom: -26px;
	width: 56px;
	right: 60px;
}
.scRight{
	left: inherit;
	right: 0;
}

/* 产品中心 */
.product{
	background: #F4F8FB;
	padding: 50px 10%;
}
.duct{
	background: white;
	position: relative;
	box-sizing: border-box;
	padding-right: 10%;
	margin-top: 40px;
}
.proTion{
	width: 50px;
	bottom: 47%;
	right: 3.6%;
	color: #88888A;
}
.proTion .swiper-pagination-current{
	font-size: 22px;
	color: #C90915;
}
.proBer .swiper-slide{
	position: relative;
	border-bottom-left-radius: 15px;
	border-bottom-right-radius: 15px;
}
.proLeft{
	background: url(../image/cpjt2.png) no-repeat !important;
}
.proRight{
	background: url(../image/cpjt1.png) no-repeat !important;
}
.proLeft:hover{
        background: url(../image/cpbtqh.png) no-repeat !important;
}
.proRight:hover{
        background: url(../image/cpbtqh2.png) no-repeat !important;
}
.proLeft,.proRight{
	width: 58px;
	height: 58px;
	opacity: 1 !important;
	top: 35%;
	right: 3%;
}
.proRight{
	left: inherit;
	top: 65%;
}
.proul{
	overflow: hidden;
}
.proul li{
	float: left;
	height: 530px;
	width: 31.9%;
	margin-left: 2%;
	border-bottom-left-radius: 15px;
	border-bottom-right-radius: 15px;
	position: relative;
	cursor: pointer;
	box-sizing: border-box;
	transition:.8s;
}
.proul li img{
	margin: 0 auto;
	position: absolute;
	left: 50%;
	top: 0;
	height: 100%;
	transform: translate(-50%,0);
}
.proBer .swiper-wrapper{
	height: 530px;
}
.proul li:nth-child(1){
	margin-left: 0;
	background: url(../image/cpbj1.png) no-repeat;
	background-size: 100% 100%;
}
.proul li:nth-child(2){
	background: url(../image/cpbj2.png) no-repeat;
	background-size: 100% 100%;
}
.proul li:nth-child(3){
	background: url(../image/cpbj3.png) no-repeat;
	background-size: 100% 100%;
}
.proh6{
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	height: 25%;
	background: linear-gradient(0deg,#151515,transparent);
	border-bottom-left-radius: 15px;
	border-bottom-right-radius: 15px;
	z-index: 0;
}
.ducjs{
	position: absolute;
	left: 30px;
	color: white;
	width: 90%;
	top: 90%;
	transition:.8s;
}
.ducjs p{
	font-size: 26px;
}
.ducjs h5{
	font-weight: 500;
	font-size: 22px;
	margin-top: 20px;
}
.prozz{
	position: absolute;
	left: 0;
	bottom: 0;
	top: 0;
	right: 0;
	background: rgba(0,0,0,0.2);
	display: none;
        border-radius: 15px;
}
.ducjs div{
	margin-top: 20px;
}
.proul li:hover .ducjs{
	top: 10%;
}
.proul li:hover .prozz{
	display: block;
}
.protleac{
	position: absolute;
	left: 30px;
	top: 5%;
	transition:.8s;
}
.proul li:hover .protleac{
	top: 75%;
	margin-left: 30px;
}
.proul li:hover .protleac a{
	display: block;
	position: absolute;
	margin-top: 60px;
	width: 100px;
}
.proul li:hover .protleac img{
	width: 130px;
	height: 95px !important;
	z-index: 999;
}
.protleac img{
	display: inline-block;
	width: 50px;
	height: 35px !important;
	margin-left: 30px !important;
}
.protleac a{
	display: none;
	color: white;
	z-index: 999;
}
.prospan {
	width: 20px;
	display: inline-block;
	height: 20px;
	background: url(../image/jia.png) no-repeat;
	margin-left: 10px;
	vertical-align: bottom;
}




































