.top-rightLogo{
	width:110px;
	height: 116px;
	background: #ed0103;
	text-align: center;
}

.top-rightLogo img{
	margin-top:20px;
}

.top-rightLogo span{width:100%; margin-top:10px;   display: block;}

.top-rightLogo span::after{
	content: "\e924";
    font-family: 'Entypo';
    font-weight: normal;
    font-size: 22px;
	opacity: 0.7;
	color: #fff;
}

@media (max-width: 1280px) {
	.top-rightLogo{	width:90px;height: 96px;}
	.top-rightLogo img{	margin-top:10px;}
}




/*====================================INDEX===========*/
/*===========in-about===========*/
.in-ab{
	width:100%;
	margin: 3% auto;
	overflow: hidden;
	background: url(../images/in-ab-bg.jpg) no-repeat bottom center;
}

.in-ab .in-ab-left{
	width: 50%;
	float: left;
}

.in-ab .in-ab-right{
	width: 45%;
	float: right;
	position: relative;
}

.in-ab .in-ab-right .pic{
	width:100%;
	margin: auto;
	overflow: hidden;
}

.in-ab .in-ab-right .ico{
	position: absolute;
    z-index: 2;
    width: 100%;
    text-align: center;
    margin-top: 40%;
}


.in-ab .in-ab-left .title{
	color: #000000;
	font-size: 42px;
	line-height: 1.3;
	font-weight: bold;
	width: 100%;
	float: left;
	margin-top: 3%;
}
.in-ab .in-ab-left .title span{
    display: block;
    color: #d8d8d8;
    font-weight: normal;
    font-size: 1.5em;
}
.in-ab .in-ab-left .text{
    width: 100%;
    margin: auto;
    overflow: hidden;
    float: left;
    font-size: 16px;
    line-height: 2;
    margin-bottom: 3%;
}
.in-ab .in-ab-left .line{
    width: 50px;
    height: 1px;
    background: #000;
    float: left;
    margin-bottom: 50px;
    margin-top: 20px;
}
.in-ab .in-ab-left .line::after{content:'';display: block;width: 22px;height: 1px;background: #000;margin-top: 10px;}
.in-ab .in-ab-left .list{
    width: 100%;
    margin: 0 auto 6%;
    overflow: hidden;
}
.in-ab .in-ab-left .list li{
	width:33.33%;
	float: left;
	list-style: none;
	list-style-position: outside;
}
.in-ab .in-ab-left .list li .number{
    font-size: 42px;
    text-align: center;
    color: #333333;
    line-height: 1;
}
.in-ab .in-ab-left .list li .number span{
	
font-size: 14px;
}
.in-ab .in-ab-left .list li .short-line{
    width: 12px;
    height: 3px;
    background: #b1b1b0;
    margin: 5% auto;
}
.in-ab .in-ab-left .list li .short-text{
    margin: auto;
    text-align: center;
    font-size: 16px;
}

.in-ab .in-ab-left .btn{
	width: 200px;
	height: 55px;
	background: #ed0103;
	padding: 0;
	line-height: 55px;
}









/*===========in-title===========*/
.in-title{
	width:100%;  
	margin: auto; 
	overflow: hidden; 
	text-align: center; 
	position: relative; 
	padding-bottom: 30px; 
	background:url(../images/title-line.jpg) no-repeat bottom center
}
.in-title .title1{
	width:100%;
	position: absolute;
	color: #f3f1f1;
	font-size: 72px;
	font-weight: bold;
	text-transform: uppercase;
	letter-spacing:2px;
	line-height: 1;
}
.in-title .title2{
	width:100%;
	position: relative;
	color: #303030;
	font-size: 28px;
	font-weight: bold;
	z-index: 2;
	margin-top: 1.5em;
}



/*===========in-product===========*/
.in-pro{
	width:100%;
	margin: auto;
	overflow: hidden;
}


.in-pro .list{
	width:100%; 
	margin: 3% auto 0; 
	overflow: hidden
}
.in-pro .list ul{
	width:103%; 
	margin: auto; 
	margin-left: -3%; 
	overflow: hidden;
	padding-left: 0px;
}
.in-pro .list ul li{
	width:30.33%; 
	margin: auto; 
	overflow: hidden; 
	float: left; 
	margin-left: 3%
}
.in-pro .list ul li .tp{
	width:100%; 
	margin: auto; 
	overflow: hidden; 
	border: 1px solid #e7e7e7;
}
.in-pro .list ul li .tp img{width:100%}
.in-pro .list ul li .title{
	width:100%; 
	margin: auto; 
	overflow: hidden; 
	background: none; 
	padding-top: 15px; 
	padding-bottom: 10px;
	transition: all 0.3s;
}
.in-pro .list ul li .title .arrow{
	width:70px;
	height: 48px; 
	float: left; 
	background: #ed0103; 
	border-radius: 5px; 
	line-height: 48px;
	text-align: center;
}
.in-pro .list ul li .title .text{
	width:calc(100% - 90px); 
	float: right; 
	text-align: left; 
	text-transform: uppercase;
	font-size: 1.2em; 
	color: #4e4e4e;
}
.in-pro .list ul li .title .text span{
	display:block; 
	font-size: 0.9em;
}


.in-pro .list ul li:hover .title{ 
	background: #ed0103;
	transition: all 0.3s;
}
.in-pro .list ul li:hover .title .text{
	color:#fff;
}

.in-pro .more{
	width:230px; 
	height: 55px; 
	margin:3em auto 0; 
	background: #ed0103; 
	color: #fff; 
	line-height: 55px; 
	text-align: center; 
	font-size: 1.25em;
	transition: all 0.3s;
}
.in-pro .more:hover{
	background:none; 
	border-bottom: 3px solid #ed0103;
	border-top: 3px solid #ed0103; 
	color: #ed0103;
	transition: all 0.3s;
}







/*===========in-qualification===========*/	
.in-qualification{
	width:100%;
	margin:5% auto;
	overflow: hidden;
}

.in-qualification .list{
	width:100%;
	margin: 3% auto 0;
	overflow: hidden;
	background: url(../images/in-qualification.jpg);
	padding: 6% 0 3%;
}

.in-qualification .list .listSub{}
.in-qualification .list .listSub img{width:100%;max-width: 300px;}


.in-qualification .list .swiper-container {
    width: 90%;
}



/*===========in-service===========*/	
.in-service{
	width:100%;
	margin:5% auto 0;
	overflow: hidden;
}

.in-service .list{
	width:100%; 
	margin:3% auto 0;
	overflow: hidden;
}

.in-service .list li{
	width:14%;
	float: left;
	margin: 1%;
	list-style: none;
	overflow: hidden;
	list-style-position: outside;
	box-shadow: 1px 1px 8px rgb(5 44 82 / 10%);
}
.in-service .list li img{width:100%;
	max-width: fit-content;
	filter: grayscale(0%);
	opacity: 1;
	transition: all 0.3s;
	transform: scale(1.0);max-width:221px;}


.in-service .list li:hover img{
	filter:grayscale(0%);
	opacity:1;
	transition: all 0.3s;
	 transform: scale(1.07);
}





/*===========in-case===========*/	
.in-case{
	width:100%;
	margin:3% auto 0;
	overflow: hidden;
}


.in-case .list{
	width:100%;
	margin:3% auto 0;
	overflow: hidden;
}
.in-case .list li{
	width:33.33%;
	float: left;
	list-style: none;
	list-style-position: outside;
	position: relative;
	color: #fff;
}
.in-case .list li .pic{
    position: relative;
    z-index: 1;
	background: #ed0103;
}
.in-case .list li .pic img{transition: all 0.3s;    width: 100%;}
.in-case .list li .title{
    position: absolute;
    z-index: 2;
    text-align: center;
    width: 100%;
    top: 20%;
    font-size: 20px;
	opacity: 0;
	transition: all 0.3s;
}
.in-case .list li .more{
    position: absolute;
    z-index: 2;
    text-align: center;
    width: 100%;
    top: 33%;
	color: #fff;
	opacity: 0;
	transition: all 0.3s;
}
.in-case .list li .ico{
    position: absolute;
    z-index: 2;
    text-align: center;
    width: 50px;
    height: 50px;
    top: 60%;
    margin: auto;
    left: 50%;
    margin-left: -25px;
    border-radius: 50%;
	opacity: 0;
	transition: all 0.3s;
}




.in-case .list li:hover .pic img{ opacity:0.18;transition: all 0.3s;}
.in-case .list li:hover .title{top: 30%; opacity: 1;transition: all 0.3s;}
.in-case .list li:hover .more{top: 40%; opacity: 1;transition: all 0.3s;}
.in-case .list li:hover .ico{top: 50%; opacity: 1;animation: fadenum 4s linear infinite;}











/*===========in-news===========*/	
.in-news{
	width:100%;
	margin:5% auto;
	overflow: hidden;
}

.in-news-title{
	width:100%;
	margin: auto;
	overflow: hidden;
}

.in-news-title li{
	width: 33%;
	margin: auto;
	overflow: hidden;
	float: left;
	list-style: none;
	list-style-position: outside;
	color: #4b4b4b;
}


.in-news-title li:nth-child(1){}
.in-news-title li:nth-child(1)::before{ 
	content: '';
    display: inline-block;
    width: 4px;
    height: 40px;
    background: #ed0103;
    margin-right: 20px;
    margin-top: 2px;
    float: left;
}

.in-news-title-text1{display: block;margin-top: 3%!important;}

.tab-menu{
            margin-top: 0px;
            height: 55px;
            overflow: hidden;
            position: relative;
			float: right;
			margin-top: 7%;
        }
 .tab-menu li{
            height: 36px;
            line-height: 36px;
            float: left;
            text-align: center;
            position: relative;
        }
.tab-menu span{
            margin: 0px;
            display: inline-block;
            height: 36px;
            position: absolute;
            left: 0;
            top: 0;
            border-radius: 50px;
            transition: left .4s;
            -webkit-transition: left .4s;
            -moz-transition: left .4s;
        }
.tab-menu li:hover{
            cursor: pointer;
        }
.tworow{
            width: 300px;
        }
.tworow span{
            width: 100px;
            background-color: #ed0103;
        }
.tworow .active{
            color: white;
        }
.tworow li{
            width: 33.33%!important;
            color: #494949;
        }
.eightrow li{
            width: 50px;
            color: white;
        }
.eightrow .active{
            color: #10aefc;
        }
.eightrow{
            width: 300px;
            background: #10aefc;
        }


.tab-menu ul{padding:0}

.tab-menu li:nth-child(1)::before{
	background: none;
	display: none;
}


























.in-news-list{
	width:100%;
	margin: auto;
	overflow: hidden;
	margin-top:3%
}

.in-news-list ul{
	width:100%;
	margin: auto;
	overflow: hidden;
	padding-left: 0;
}

.in-news-list ul li{
	width:23%;
	margin: auto;
	overflow: hidden;
	margin-left: 2%;
	float: left;
	background: #fff;
	box-shadow: 1px 1px 8px rgb(5 44 82 / 10%);
	margin-bottom:5px
}

.in-news-list ul li .pic{width: 100%;overflow: hidden;padding-bottom: 60%;position: relative;}
.in-news-list ul li .pic img{width: 100% !important;height: auto !important;left: 50%!important;top: 50%!important;-webkit-transform: translate(-50%,-50%)!important;-ms-transform: translate(-50%,-50%)!important;transform: translate(-50%,-50%)!important;position: absolute!important;transition: all 0.6s;opacity: 1;}
.in-news-list ul li:hover .pic img {
    width: 106%!important;
    transition: all 0.6s;
    opacity: 0.95;
}

.in-news-list ul li .content{
    padding: 10% 5% 4%;
}
.in-news-list ul li .content .info{
    width: 100%;
    margin: auto;
    overflow: hidden;
    padding-bottom: 10px;
    border-bottom: 1px solid #ebebeb;
}
.in-news-list ul li .content .info .info-left{
    width: calc(100% - 80px);
    float: left;
}
.in-news-list ul li .content .info .info-left .info-left-title{
    display: inline-block;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    width: 100%;
    font-size: 17px;
    color: #212121;
}
.in-news-list ul li .content .info .info-left .info-left-text{
    width: 100%;
    display: inline-block;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    color: #8b8b8b;
    font-size: 14px;
}
.in-news-list ul li .content .info .info-right{
    width: 80px;
    float: right;
    text-align: right;
    color: #8b8b8b;
}
.in-news-list ul li .content .info .info-right span{
    display: block;
    font-size: 30px;
    color: #212121;
    line-height: 1.2;
}
.in-news-list ul li .content .more{
	text-align: right;
	margin-top: 20px;
	color: #434343;
	font-size: 14px;
}
.in-news-list ul li .content .more span{
	color:#f34350;
	font-size: 16px;
	margin-left: 10px;
	transition: all 0.3s;
}
.in-news-list ul li .content .more::before{
	content:
	'';
	display: inline-block;
	float: left; 
	width:25px;
	height: 3px;
	background: #003441;
	margin-top: 10px;
	transition: all 0.3s;
}



.in-news-list ul li:nth-child(1){ margin-left:1%;}




.in-news-list ul li:hover{ background:#ed0103;box-shadow: 1px 1px 8px rgb(30 167 95 / 10%);}
.in-news-list ul li:hover .content .info {border-bottom: 1px solid #53b983;}
.in-news-list ul li:hover .content .info .info-left .info-left-title{color:#fff}
.in-news-list ul li:hover .content .info .info-left .info-left-text{color:#b6e2cb}
.in-news-list ul li:hover .content .info .info-right{color:#fff}
.in-news-list ul li:hover .content .info .info-right span{color:#fff}
.in-news-list ul li:hover .content .more{color:#fff}
.in-news-list ul li:hover .content .more span{color:#fff; margin-left:20px;transition: all 0.3s;}
.in-news-list ul li:hover .content .more::before{background: #fff;transition: all 0.3s;width:35px}



















.bottom-footer1{
    width: 100%;
    margin: auto;
    overflow: hidden;
	border-bottom: 1px solid #555555;
	padding-bottom: 1%;
	margin-bottom: 2%;
	padding-top: 3%
} 

.bottom-footer1 .footer-nav{
	width:calc(100% - 150px);
	float: left;
}

.bottom-footer1 .footer-nav .footer-navSub{
	width:15%;
	max-width:120px;
	float: left;
	text-align: left;
	font-size: 14px;
	color: #9F9F9F;
	line-height: 28px;
}

.bottom-footer1 .footer-nav .footer-navSub span{
	font-weight:bold;
	display: block;
	font-size: 16px;
	color: #fff;
	margin-bottom: 5px;
}


.bottom-footer1 .footer-code{
	width:150px;
	float: right;
	color: #9F9F9F;
}

.bottom-footer1 .footer-code img{margin:8px 0}



.bottom-footer2{
    width: 100%;
    margin: auto;
    overflow: hidden;
} 
.bottom-footer2 .bf-left{
    width: 100%;
    float: left;
    text-align: left;
} 


.bottom-footer2 li{
	list-style: none;
	font-size: 15px;
	color: #fff!important;
}

.bottom-footer2 li a{
	color: #999!important;
}


#scrollUp .btn::after{
	content:
	'回到顶部';
	display: block;
	font-size: 15px;
	margin-top: 10px;
}
#scrollUp .btn::before{
	content:
	'TOP';
	width: 80px;
	text-align: center;
	margin: auto;
	font-size: 22px;
	margin-top: 6px;
	display: block;
}
#scrollUp .btn-icon i{display:none;}












/*--------1440---------*/



@media (max-width: 1440px) {
	.in-left .in-newsBox .tab-content .toutiao .title{
		font-size:19px;
	}
	.in-left .in-newsBox .tab-content .toutiao .date{
		font-size:19px;
	}
	.in-left .in-newsBox .tab-content .toutiao .text{
		font-size:15px;
	}
	
	.in-left .in-newsBox .tab-content .unordered-list li{
		font-size:15px;
		line-height: 3.5;
	}
	


	
	.bottom-nav li{
		font-size: 16px;
	}
		
	
}





@media (max-width: 1200px) {


.bottom-footer1 .footer-nav .footer-navSub{max-width: 100px;}

	}



@media (max-width: 991px) {
	
	.in-ab .in-ab-left{ width:100%}
	.in-ab .in-ab-right{ width:100%}
	
	
	.in-pro .list ul li{width:97%}
	
	
	.in-news-title-text1{display: none!important}
	
	.bottom-nav{
		width:100%;
		display: none;
	}
	.bottom-nav li{
		font-size: 12px;
	}
	
	.bottom-footer{
		width:100%;
		font-size:13px;
	}
	.bottom-footer .bf-left{
		width:100%;
	}
	.bottom-footer .bf-right{
		width:100%;
		text-align: left;
	}
	.bottom-footer li{
		font-size:14px;
	}
	
	.bottom-footer1 .footer-nav{display:none;}
	
	.bottom-footer1 .footer-code{float:none; margin: auto; }
	
	
	.bottom-footer2 li{font-size:13px;}
	
	
#scrollUp .btn::after{
	content:'';
	display: none;
}
#scrollUp .btn::before{
	content:'TOP';
	display: none;
}
#scrollUp .btn-icon i{display:block;}

	
	
}












/*===========public===========*/

.nei-top{width:100%; margin: auto; overflow: hidden; position: relative;}

.nei-top .tp{position: relative;z-index: 0;}
.nei-top .tp img{max-width: none;width: 100%;}

.nei-top .about-top-text{color:#fff;position: absolute;overflow: hidden;text-align: left;z-index: 99;    top: 40%;}
.nei-top .about-top-text .line{width:40px; height: 1px; background: #fff; display: block; overflow: hidden;}
.nei-top .about-top-text h1{font-size: 55px;text-transform: uppercase; font-weight:bold;}
.nei-top .about-top-text h2{font-size: 50px;text-transform: uppercase;margin: 30px 0;letter-spacing: 1px;font-weight:bold;color: #fff;line-height: 1;}
.nei-top .about-top-text .line{width:80px; height: 7px; background: #fff; margin-top:20px;}
.nei-top .about-top-text h3{font-size: 20px;width: 60%;min-width: 500px;color: #fff;/* line-height: 1; */text-transform: uppercase;}




/**/

.nei-top-menu-box{width:100%;background: #fff;height: 100px;position: relative;z-index: 9;border-bottom:1px solid #ebebeb;}

.nei-top-menu{width:100%;height: 100px;overflow: hidden;}
.nei-top-menu .submenu{width:auto;text-align: center;float: right;line-height: 100px;color: #8c8c8c;font-size: 16px;margin: 0 15px;}
.nei-top-menu .submenu li{float:left;  width:140px; text-align: center; list-style: none; line-height: 100px; color: #5c5c5c;}
.nei-top-menu .submenu li a{color: #8c8c8c;}
.z-dh{float:left;line-height: 100px;color: #8c8c8c;font-size: 16px;margin-right: 10px;}
.z-dh img{ margin:0 10px}




/*--------1440---------*/

@media (max-width: 1440px) {
	.nei-top .about-top-text h2{ font-size:35px}
	.in-ab .in-ab-left .title{ font-size:35px}
}


/*--------1024---------*/

@media (max-width: 1024px) {
	.nei-top .about-top-text h2{ margin: 20px 0 15px;font-size:30px}
	.nei-top .about-top-text h3{}
	
	.in-ab .in-ab-left .title{ font-size:30px}
	
	
	.about-left{width: 100%!important;}
	
	
}



/*--------768---------*/

@media (max-width: 768px) {
	.nei-top .about-top-text h2{display:none}
	.nei-top .about-top-text h3{display:none}
	.nei-top .about-top-text .line{display:none}
	
	
	.in-ab .in-ab-left .title{ font-size:24px}
	.in-ab .in-ab-left .text{ font-size:15px}
	.in-ab .in-ab-left .list li .number{ font-size:26px}
	.in-ab .in-ab-left .list li .short-text{ font-size:13px}
	.in-ab .in-ab-left .btn{width:100%;}
	.in-ab .in-ab-right .pic img{width:100%}
	.in-ab .in-ab-right .ico img{width:40%}
	
	.in-title .title2{ font-size:24px;    margin-top: 0.5em;}
	.in-title .title1{ font-size:34px}
	.in-pro{margin:8% auto}
	.in-title{padding-bottom: 20px;}
	.in-pro .more{width:100%;font-size: 15px;}
	.in-pro .list ul li .title .text{font-size:16px;width:100%}
	.in-pro .list ul li .title .text span{font-size:12px;}
	.in-pro .list ul li .title .arrow{display:none;}
	.in-service .list li{    width: 31%;}
	.in-qualification .list .swiper-container{width:100%}
	
	.in-case .list{ width: 86%;}
	.in-case .list li{width:100%;margin-bottom: 3%;}
	.in-case .list li .title{font-size: 20px;}
	.in-case .list li:hover .ico img{width:70%}
	
	.in-news-title li:nth-child(1){}
	.in-news-title li{width: 100%;}
	.tworow{width:100%;    margin-top: 5%;}
	.tworow span{width:33%}
	.in-news-list ul li{width:100%; margin-left:0; margin-bottom: 10px;}
	.in-news-list ul li:nth-child(1){width:100%; margin-left:0;}
	
	
	.in-service{margin: 8% auto 5%;}
}
















/*===========ABOUT===========*/
.about{
	width:100%;
	margin: auto;
	overflow: hidden;
}

.about-bg{
	width:100%;
	margin: auto;
	overflow: hidden;
	position: relative;
	text-align: right;
}
.about-content{
	width:100%;
	margin: auto;
	overflow: hidden;
	position: absolute;
	z-index: 9;
	}

.about-left{width:65%!important; }
.about-left-list  {width:65%!important;margin: 0 auto 6% 0!important;}



.ab-culture{
	width:100%;
	margin: auto;
	overflow: hidden;
	background: url(../images/ab-culture-bg.jpg) center;
	/* padding: 6% 0 3%; */
}

.ab-culture .title{
	width: 100%;
    margin: auto;
    overflow: hidden;
    color: #fff;
    text-align: center;
    font-size: 38px;
    line-height: 1;
    text-transform: uppercase;
}
.ab-culture .title span{
	margin-right: 10px;
    font-weight: bold;
    font-size: 42px;
    line-height: 1;
}

.ab-culture .line{
	width:50px;
	height: 1px;
	background: #fff;
	margin:30px auto;
}
.ab-culture .line::after{
	content: '';
    display: block;
    width: 20px;
    height: 1px;
    background: #fff;
    position: absolute;
    margin: 10px 15px;
}
.ab-culture .title-text{
	text-align: center;
	color: #fff;
	font-size: 16px;
	opacity: 0.8;
}


.ab-culture .list{
    width: 100%;
    margin: -2% auto 0;
    overflow: hidden;
}
.ab-culture .list ul{
    width: 100%;
    margin: auto;
    padding-left: 0;
    overflow: hidden;
}
.ab-culture .list ul li{
    width: 23%;
    float: left;
    list-style: none;
    list-style-position: outside;
    color: #fff;
    text-align: center;
    margin: 1%;
    border: 1px solid rgba(255, 255, 255, 0.3);
    padding: 8% 1%;
}

.ab-culture .list ul li .ico{}
.ab-culture .list ul li .bt-ch{
    font-size: 24px;
    font-weight: bold;
    margin: 30px 0 5px;
}
.ab-culture .list ul li .bt-en{
    font-size: 12px;
}



.ab-culture .list ul li:hover{ background: rgba(34,186,109,0.3);border: 1px solid rgba(34,186,109,0.3);}




.ab-zzjg{
	width:100%;
	margin: auto;
	overflow: hidden;
	background: url(../images/zzjg-bg.jpg) center;
	padding: 5% 0;
}



.ab-zzjg .title{
	width:100%;
	margin: auto;
	overflow: hidden;
}
.ab-zzjg .title .title-en{
    color: #2a2a2a;
    font-size: 50px;
    line-height: 1;
    font-weight: bold;
    text-transform: uppercase;
}
.ab-zzjg .title .title-ch{
    color: #2a2a2a;
    font-size: 38px;
    line-height: 2;
}
.ab-zzjg .title .title-line{
    width: 50px;
    height: 1px;
    background: #000;
    float: left;
    margin-bottom: 50px;
    margin-top: 20px;
}
.ab-zzjg .title .title-line::after{content:'';display: block;width: 22px;height: 1px;background: #000;margin-top: 10px;}


.ab-zzjg .pic{

	width:100%;
	margin: auto;
	overflow: hidden;
	text-align: center;
	margin-top: -6%;
}
.ab-zzjg .pic img{
	width:100%;
	max-width: 1379px;
}







.ab-honor{
	width:100%;
	margin: auto;
	overflow: hidden;
	padding: 5% 0;
}

.ab-honor .ab-honor-left{
	width:33%;
	float: left;
	margin-top:5%
}
.ab-honor .title{
	width:100%;
	margin: auto;
	overflow: hidden;
}
.ab-honor .title .title-en{
    color: #2a2a2a;
    font-size: 50px;
    line-height: 1;
    font-weight: bold;
    text-transform: uppercase;
}
.ab-honor .title .title-ch{
    color: #2a2a2a;
    font-size: 38px;
    line-height: 2;
}
.ab-honor .title .title-line{
    width: 50px;
    height: 1px;
    background: #000;
    float: left;
    margin-bottom: 50px;
    margin-top: 20px;
}
.ab-honor .title .title-line::after{content:'';display: block;width: 22px;height: 1px;background: #000;margin-top: 10px;}

.ab-honor .more{
	width: 40%;
    margin: auto;
    overflow: hidden;
    background: #ed0103;
    float: left;
    height: 60px;
    text-align: center;
    line-height: 60px;
    color: #fff;
    border-radius: 50px;
    font-size: 17px;
	box-shadow: 4px 4px 11px rgb(34 186 109 / 40%);
}



.ab-honor .ab-honor-right{
	width:66%;
	float: right;
}

.ab-honor .ab-honor-right img{width:100%; max-width: 300px;}




/*-----------------------------------*/

@media (max-width: 1440px) {
	.nei-top-menu .submenu li{
		padding-left: 5px;
		padding-right: 5px;
		font-size:15px;
	}
	
}




@media (max-width: 1280px) {
	.ab-honor .ab-honor-left{width:38%;}
	.ab-honor .ab-honor-right{width:60%;}
	.ab-honor .title .title-en{ font-size:44px}

	.about-left{width:100%!important; }
	.about-bg{opacity:0.3}
	.about-left-list{width: 100%!important;}
}






@media (max-width: 1024px) {
	.ab-culture .title{ font-size:30px}
	.ab-culture .title span{ font-size:34px}
	.ab-zzjg .title .title-ch{ font-size:30px}
	.ab-zzjg .title .title-en{ font-size:34px}
	.ab-honor .title .title-ch{ font-size:30px}
	.ab-honor .title .title-en{ font-size:34px}
	.ab-honor .more{width:150px;}
}



@media (max-width: 991px) {
	
}




@media (max-width: 768px){
	
	.row{margin: 0;}
	.z-dh img {
	    margin: 0 0px; 
	}
	
	.about-left .btn{    width: 150px;}
	.about-left .btn::after{       margin-left: 12px;    width: 22px;    height: 22px;}
	.about-left .btn::before{    margin-left: 83px;}
	.about-right ul li .text{    font-size: 14px;}
	
	.nei-top-menu-box{height:70px;}
	.nei-top-menu{height:70px;}
	.z-dh{line-height: 70px;font-size: 15px;}
	
	.nei-top-menu .submenu{display:none;}
	
	.ab-culture .title{font-size:24px;}
	.ab-culture .title span{font-size:24px;}
	.ab-zzjg .title .title-ch{font-size:24px;}
	.ab-zzjg .title .title-en{font-size:24px;}
	.ab-culture .title-text{font-size:14px;}
	.ab-culture .list ul li{width:48%}
	.ab-culture .list ul li .bt-ch{font-size:18px;}
	.ab-honor .title .title-ch{font-size:24px;}
	.ab-honor .title .title-en{font-size:24px;}
	.ab-honor .ab-honor-right{width:50%;}
	.ab-honor .more{width: 120px;height: 40px;line-height: 40px;font-size: 15px;}
}
























/*===========Application===========*/
.application{
	width:100%;
	margin: auto;
	overflow: hidden;
}


.application-row{
	width:100%;
	margin: auto;
	overflow: hidden;
}

.application-row .tp{
    width: 50%;
    margin: auto;
    overflow: hidden;
    float: left;
    position: relative;
}
.application-row .tp .pic{
    position: relative;
	background: #090909;
}
.application-row .tp .pic img{ width:100%; opacity: 1;transition: all 0.3s;}
.application-row .tp .ico{
    position: absolute;
    z-index: 2;
    margin: auto;
    width: 200px;
    left: 50%;
    margin-left: -100px;
    top: 45%;
    text-align: center;
    color: #fff;
    text-transform: uppercase;
    opacity: 0;
    transition: all 0.3s;
}
.application-row .tp .ico span{
	display:block;
    font-size: 16px;
    line-height: 2.5;
}
.application-row .info{
    width: 50%;
    margin: auto;
    overflow: hidden;
    float: left;
    padding: 5% 8% 2%;
}
.application-row .info .title{
    font-size: 35px;
    line-height: 1;
    color: #2c2c2c;
    font-weight: bold;
}
.application-row .info .title span{
    display: block;
    text-transform: uppercase;
    font-size: 17px;
    font-weight: 100;
    margin-top: 15px;
}
.application-row .info .text{
    color: #6a6a6a;
    font-size: 16px;
    line-height: 1.8;
    margin-top: 5%;
}
.application-row .info .more{
    width: 150px;
    height: 45px;
    line-height: 45px;
    background: #ed0103;
    border-radius: 50px;
    text-align: center;
    color: #fff;
    font-size: 15px;
    margin-top: 10%;
	transition: all 0.3s;
	box-shadow: 4px 4px 11px rgb(34 186 109 / 40%);
}

.application-row .info .more img{ margin-left:10px;transition: all 0.3s;}







.application-row:hover .tp .ico{ opacity:1;transition: all 0.3s;    top: 40%;}
.application-row:hover .tp .pic img{opacity:0.5;transition: all 0.3s;}

.application-row .info .more:hover{width:160px;transition: all 0.3s;}
.application-row .info .more:hover img{margin-left:15px;transition: all 0.3s;}


.application-right{float:right!important;}







/*-----------------------------------*/

@media (max-width: 1440px) {
	.application-row .info .title{font-size: 30px;}
	.application-row .info .text{font-size: 15px;
    text-overflow: -o-ellipsis-lastline;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    line-clamp: 3;
    -webkit-box-orient: vertical;}
}


@media (max-width: 1280px) {
	.application-row .info{    padding: 3% 8% 2%;}
}


@media (max-width: 991px) {
	.application-row .tp{width:100%}
	.application-row .info{width:100%;padding: 8% 4% 8%;}
	
	.application-row .info .title{font-size: 22px;}
	.application-row .info .title span{font-size: 14px;}
	.application-row .info .text {    -webkit-line-clamp: 2;line-clamp: 2;}
	
	.application-row .info .more{width: 120px;height: 40px; line-height: 40px;font-size: 14px;margin-top: 4%;}
	
	
}














/*===========News===========*/
.news{
	width:100%;
	margin: auto;
	overflow: hidden;
}




.news ul{
	width:100%;
	margin: auto;
	overflow: hidden;
	padding-left: 0;
}

.news ul li{
	width:31.33%;
	margin:3% 1%;
	overflow: hidden;
	float: left;
	background: #fff;
	box-shadow: 1px 1px 8px rgb(5 44 82 / 10%);
	margin-bottom:5px
}

.news ul li .pic{width: 100%;
    overflow: hidden;
    padding-bottom: 100%;
    position: relative;
    }
.news ul li .pic img{width: 100% !important;
    height: auto !important;
    left: 50%!important;
    top: 50%!important;
    -webkit-transform: translate(-50%,-50%)!important;
    -ms-transform: translate(-50%,-50%)!important;
    transform: translate(-50%,-50%)!important;
    position: absolute!important;
    transition: all 0.6s;
    opacity: 1;}


.news ul li .content{
    padding: 10% 5% 4%;
}
.news ul li .content .info{
    width: 100%;
    margin: auto;
    overflow: hidden;
    padding-bottom: 10px;
    border-bottom: 1px solid #ebebeb;
}
.news ul li .content .info .info-left{
    width: calc(100% - 80px);
    float: left;
}
.news ul li .content .info .info-left .info-left-title{
    display: inline-block;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    width: 100%;
    font-size: 17px;
    color: #212121;
}
.news ul li .content .info .info-left .info-left-text{
    width: 100%;
    display: inline-block;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    color: #8b8b8b;
    font-size: 14px;
	height: 20px;
}
.news ul li .content .info .info-right{
    width: 80px;
    float: right;
    text-align: right;
    color: #8b8b8b;
}
.news ul li .content .info .info-right span{
    display: block;
    font-size: 30px;
    color: #212121;
    line-height: 1.2;
}
.news ul li .content .more{
	text-align: right;
	margin-top: 20px;
	color: #434343;
	font-size: 14px;
}
.news ul li .content .more span{
	color:#f34350;
	font-size: 16px;
	margin-left: 10px;
	transition: all 0.3s;
}
.news ul li .content .more::before{
	content:
	'';
	display: inline-block;
	float: left; 
	width:25px;
	height: 3px;
	background: #003441;
	margin-top: 10px;
	transition: all 0.3s;
}




.news ul li:hover{ background:#ed0103;box-shadow: 1px 1px 8px rgb(30 167 95 / 10%);}
.news ul li:hover .content .info {border-bottom: 1px solid #53b983;}
.news ul li:hover .content .info .info-left .info-left-title{color:#fff}
.news ul li:hover .content .info .info-left .info-left-text{color:#b6e2cb}
.news ul li:hover .content .info .info-right{color:#fff}
.news ul li:hover .content .info .info-right span{color:#fff}
.news ul li:hover .content .more{color:#fff}
.news ul li:hover .content .more span{color:#fff; margin-left:20px;transition: all 0.3s;}
.news ul li:hover .content .more::before{background: #fff;transition: all 0.3s;width:35px}
.news ul li:hover .pic img{width: 106%!important;    transition: all 0.6s;    opacity: 0.95;}



@media (max-width: 991px) {
	.news ul li{width:48%;}		
}



@media (max-width: 768px) {	
	.news ul li{width:98%;}	
}












/*===========News2===========*/
.news2{
	width:100%;
	margin: auto;
	overflow: hidden;
}




.news2 ul{
	width:100%;
	margin: auto;
	overflow: hidden;
	padding-left: 0;
}

.news2 ul li{
	width: 98%;
	margin: 1%;
	overflow: hidden;
	float: left;
	background: #fff;
	padding: 3% 5%;
	border-bottom: 1px dashed #ebebeb;
	transition: all 0.3s;
}



.news2 ul li .date{
    width: 80px;
    float: left;
    font-size: 15px;
    color: #434343;
    text-align: center;
}
.news2 ul li .date span{
    color: #011838;
    font-size: 62px;
    display: block;
    line-height: 1;
	transition: all 0.3s;
}
.news2 ul li .line{
    width: 100px;
    float: left;
    margin: 3% 2%;
}
.news2 ul li .line::after{
	content:'';
	display:block;
	width:24px;
	height:3px;
	background:#535353;
	margin:auto;
	transition: all 0.3s;
}
.news2 ul li .info{
    width: calc(96% - 180px);
    float: left;
    overflow: hidden;
}
.news2 ul li .info .title{
    color: #212121;
    font-size: 22px;
    display: inline-block;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    width: 100%;
	letter-spacing:1px;
}
.news2 ul li .info .text{
    color: #8d8d8d;
    font-size: 15px;
    margin: 0px 0 20px;
    display: inline-block;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    width: 100%;
	letter-spacing:1px;
}
.news2 ul li .info .more{
    width: 100px;
    color: #333;
    float: left;
    font-size: 14px;
}
.news2 ul li .info .more img{
    margin-right: 10px;
	transition: all 0.3s;
}

.news2 ul li .info .date2{
	display:none;
}



.news2 ul li:hover{box-shadow: 1px 1px 8px rgb(5 44 82 / 10%); border-bottom: 1px dashed #fff;transition: all 0.3s;}
.news2 ul li:hover .date span{ color:#0f9350;transition: all 0.3s;}
.news2 ul li:hover .line::after{width:60px; background: #ed0103;transition: all 0.3s;}
.news2 ul li:hover .info .more img{ margin-right: 15px;transition: all 0.3s;}




@media (max-width: 1440px) {
	.news2 ul li .info .title{font-size:20px}	
}

@media (max-width: 991px) {
	.news2 ul li{width:100%; margin:3% 0;padding: 3% 2%;}
	.news2 ul li .date{display: none;}
	.news2 ul li .line{display: none;}
	.news2 ul li .info{width:100%}
	.news2 ul li .info .title{font-size:18px;}
	.news2 ul li .info .date2{display:block;width: 100px;float: left;color: #999;font-size: 12px;}
	.news2 ul li .info .more{font-size:13px}
}























/*===========Product===========*/
.pro{
	width:100%;
	margin: auto;
	overflow: hidden;
}




.pro ul{
	width:100%;
	margin: auto;
	overflow: hidden;
	padding-left: 0;
}

.pro ul li{
	width:31.33%;
	margin:3% 1%;
	overflow: hidden;
	float: left;
	background: #fff;
	box-shadow: 1px 1px 8px rgb(5 44 82 / 10%);
	margin-bottom:5px
}

.pro ul li .pic{
	width:100%; 
	overflow: hidden;
	padding-bottom: 100%;    
	position: relative; 
}
.pro ul li .pic img{    
	width: 100% !important;
    height: auto !important;
    left: 50%!important;
    top: 50%!important;
    -webkit-transform: translate(-50%,-50%)!important;
    -ms-transform: translate(-50%,-50%)!important;
    transform: translate(-50%,-50%)!important;
    position: absolute!important;
    transition: all 0.6s;
    opacity: 1;}


.pro ul li .content{
    padding: 10% 5% 4%;
}
.pro ul li .content .info{
    width: 100%;
    margin: auto;
    overflow: hidden;
}
.pro ul li .content .info::after{
	content:'';
	display: block;
	width:100%;
	height: 1px; 
	background: #ebebeb;
	transition: all 0.3s;
	float: left;
}

.pro ul li .content .info .info-left{
    width: 100%;
    float: left;
}
.pro ul li .content .info .info-left .info-left-title{
    display: inline-block;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    width: 100%;
    font-size: 17px;
    color: #212121;
}
.pro ul li .content .info .info-left .info-left-text{
    width: 100%;
    display: inline-block;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    color: #8b8b8b;
    font-size: 14px;
}
.pro ul li .content .info .info-right{
    width: 80px;
    float: right;
    text-align: right;
    color: #8b8b8b;
    display: none;
}
.pro ul li .content .info .info-right span{
    display: block;
    font-size: 30px;
    color: #212121;
    line-height: 1.2;
}
.pro ul li .content .more{
	text-align: right;
	margin-top: 20px;
	color: #434343;
	font-size: 14px;
}
.pro ul li .content .more span{
	color:#f34350;
	font-size: 16px;
	margin-left: 10px;
	transition: all 0.3s;
}
.pro ul li .content .more-en{
	width:50%;
	float: left;
	text-align: left;
	color: #4c4c4c;
	font-size: 12px;
}



.pro ul li:hover{ box-shadow: 1px 1px 8px rgb(30 167 95 / 10%);}
.pro ul li:hover .content .info::after {width:20%;transition: all 0.3s;}
.pro ul li:hover .content .info .info-left .info-left-title{or:#fff}
.pro ul li:hover .content .info .info-left .info-left-text{}
.pro ul li:hover .content .info .info-right{color:#fff}
.pro ul li:hover .content .info .info-right span{color:#fff}
.pro ul li:hover .content .more{}
.pro ul li:hover .content .more span{color:#fff; margin-left:20px;transition: all 0.3s;}
.pro ul li:hover .pic img{width: 106%!important; transition: all 0.6s; opacity: 0.8;}


@media (max-width: 991px) {
	.pro ul li{width:48%;}		
}



@media (max-width: 768px) {	
	.pro ul li{width:98%;}	
}































/*===========Research===========*/
.research{
	width:100%;
	margin: auto;
	overflow: hidden;
}




.research ul{
	width:100%;
	margin: auto;
	overflow: hidden;
	padding-left: 0;
}

.research ul li{
	width:31.33%;
	margin:3% 1%;
	overflow: hidden;
	float: left;
	background: #fff;
	box-shadow: 1px 1px 8px rgb(5 44 82 / 10%);
	margin-bottom:5px;
	padding: 2%;
}

.research ul li .pic{
	width:100%; 
	overflow: hidden;
	padding-bottom: 60%;    
	position: relative; 
}
.research ul li .pic img{    
	width: 100% !important;
    height: auto !important;
    left: 50%!important;
    top: 50%!important;
    -webkit-transform: translate(-50%,-50%)!important;
    -ms-transform: translate(-50%,-50%)!important;
    transform: translate(-50%,-50%)!important;
    position: absolute!important;
    transition: all 0.6s;
    opacity: 1;}


.research ul li .content{
    padding: 6% 0 0%;
}
.research ul li .content .info{
    width: 100%;
    margin: auto;
    overflow: hidden;
}

.research ul li .content .info .info-left{
    width: calc(100% - 130px);
    float: left;
}
.research ul li .content .info .info-left .info-left-title{
    display: inline-block;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    width: 100%;
    font-size: 17px;
    color: #212121;
}
.research ul li .content .info .info-left .info-left-text{
    width: 100%;
    display: inline-block;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    color: #8b8b8b;
    font-size: 14px;
    line-height: 1;
}
.research ul li .content .info .info-right{
    width: 130px;
    float: right;
    text-align: right;
    color: #8b8b8b;
}
.research ul li .content .info .info-right span{
    font-size: 30px;
    color: #212121;
    line-height: 1.2;
}
.research ul li .content .info .info-right .more{
	text-align: center;
	margin-top: 10px;
	color: #fff;
	background: #ed0103;
	font-size: 14px;
	width: 120px;
	float: left;
	border-radius: 50px;
	height: 40px;
	line-height: 40px;
	box-shadow: 4px 4px 11px rgb(34 186 109 / 40%);
}
.research ul li .content .info .info-right .more span{
	color:#f34350;
	font-size: 16px;
	margin-left: 5px;
	transition: all 0.3s;
}


.research ul li:hover{ box-shadow: 1px 1px 8px rgb(30 167 95 / 10%);}
.research ul li:hover .content .info::after {width:20%;transition: all 0.3s;}
.research ul li:hover .content .info .info-left .info-left-title{or:#fff}
.research ul li:hover .content .info .info-left .info-left-text{}
.research ul li:hover .content .info .info-right{color:#fff}
.research ul li:hover .content .info .info-right span{color:#fff}
.research ul li:hover .content .info .info-right .more{}
.research ul li:hover .content .info .info-right .more span{color:#fff; margin-left:10px;transition: all 0.3s;}
.research ul li:hover .pic img{width: 106%!important; transition: all 0.6s; opacity: 0.8;}


@media (max-width: 991px) {
	.research ul li{width:48%;}		
}



@media (max-width: 768px) {	
	.research ul li{width:98%;}	
}











/*===========Research2===========*/
.research2{
	width:100%;
	margin: auto;
	overflow: hidden;
	background: url(../images/research2-bg.jpg) center;
	padding: 4% 0 6%
}

.research2 .research2-left{
	width:30%;
	float: left;
	margin-top: 6%;
}

.research2 .research2-left .title{
	width:100%;
	float: left;
	color: #323232;
	font-size: 35px;
	font-weight: bold;
	line-height: 1.5;
}

.research2 .research2-left .title span{
	display:block;
	text-transform: uppercase;
	font-size: 42px;
}

.research2 .research2-left .ico{
	width:120px;
	height: 100px;
	background: #ed0103;
	float: left;
	box-shadow: 4px 4px 11px rgb(34 186 109 / 40%);
	border-radius: 20px;
	text-align: center;
	margin-top: 10%;
}
.research2 .research2-left .ico img{ margin-top:20px;}




.research2 .list{
	width:70%;
	float: left;
}


.research2 .list .listSub{}
.research2 .list .listSub .pic{
    margin: 20px 0;
    background: #fff;
    text-align: center;
	box-shadow: 4px 4px 11px rgb(0 0 0 / 5%);
	padding: 20px 0;
}

.research2 .list .listSub .pic img{width:100%; max-width:221px;}




@media (max-width: 1440px) {	
	.research2 .research2-left .title{font-size:30px}
	.research2 .research2-left .title span{font-size:34px}
}



@media (max-width: 991px) {	
	.research2 .research2-left{width:100%}
	.research2 .research2-left .title{font-weight:normal;font-size: 24px;}
	.research2 .research2-left .title span{font-weight:bold;font-size: 24px;}
	.research2 .research2-left .ico{display:none;}
	.research2 .list{width:100%}
}























/*===========Contact===========*/
.contact{
	width:100%;
	margin:4% auto;
	overflow: hidden;
	background: #f5f5f5;
	position: relative;
	height: 650px;
}

.contact .contact-left{
	width:35%;
	float: left;
	background: url(../images/contact-bg.png) no-repeat right bottom #C32A32;
	position: relative;
	height: 100%
}

.contact .contact-left .content{
	width:90%;
	height: 92%;
	border:1px solid #ffffff;
	margin: 5%;
	padding: 6%;
	color: #fff;
}

.contact .contact-left .content .content1{
	border-bottom: 1px solid #ffffff;
	padding-bottom: 10%;
}

.contact .contact-left .content .content1 img{
	width:100%;
	max-width:403px;
}

.contact .contact-left .content .content2{
    margin: 10% 0;
    border-bottom: 1px solid #ffffff;
    padding-bottom: 10%;
}
.contact .contact-left .content .content2 .title{
    color: #ffffff;
    font-size: 18px;
    margin-bottom: 7%;
}
.contact .contact-left .content .content2 .list{
}
.contact .contact-left .content .content2 .list li{
    list-style: none;
    list-style-position: outside;
    margin: 10px 0;
    font-size: 16px;
}

.contact .contact-left .content .content2 .list li img{
	margin-right:10px;
}

.contact .contact-left .content .content3{
    color: #ffffff;
    font-size: 18px;
}
.contact .contact-left .content .content3 span{
	display: block;
	font-size: 42px;
	color: #fff;
	font-weight: bold;
	font-style: italic;
	margin-top: 8%;
	line-height: 1;
}





.contact .contact-right{
	width:65%;
	float: left;
	height: 100%;
	position: relative;
}

.contact .contact-right .title{
	width: 100%;
	text-align: center;
	font-size: 24px;
	color: #323232;
	letter-spacing: 2px;
	margin: 8% 0 5%;
}

.contact .contact-right .title span{
	display: block;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 36px;
	letter-spacing: 1px;
	line-height: 1.5;
}

.contact .contact-right .list{
	width: 80%;
	text-align: center;
	font-size: 24px;
	letter-spacing: 2px;
	margin: 6% auto;
}
.contact .contact-right .list li{
	width: 46%;
    margin: 2%;
    float: left;
    list-style: none;
    list-style-position: outside;
    font-size: 15px;
}


.contact .contact-right .list li input{background:#fff; height: 70px; border-radius: 50px; color: #a2a2a2;border: none;padding-left: 30px;}
.contact .contact-right .list li textarea{background:#fff;height: 70px; border-radius: 50px;color: #a2a2a2;}
.contact .contact-right .list li .btn{width:100%;background:#C32A32;height: 70px; border-radius: 50px;box-shadow: 4px 4px 11px rgb(0 0 0 / 40%);font-size: 17px;}


.contact-ico1{background:url(../images/contact-ico1.jpg) no-repeat left center}






@media (max-width: 1440px){
	
}



@media (max-width: 991px) {	
	.contact{height:auto;}
	.contact .contact-left{width:100%}
	.contact .contact-right{width:100%}
	.contact .contact-right .list li{width:100%}
	.contact .contact-right .list li input{height: 50px;}
	.contact .contact-right .list li .btn{height: 50px;}
	.contact .contact-right .title span{font-size: 26px;}
	.contact .contact-left .content .content3 span{font-size: 36px;}
}