body{background:#fff;}


/*====================================PUBLIC===========*/
.w-1500{width:1500px; margin: auto; overflow: hidden;}

.cl-logo{width:auto; float: left!important; left: 80px; top: 30px;}


@media (max-width: 1600px) {
	.w-1500{width:92%;}
}


@media (max-width: 991px) {
	.cl-logo{top:0px;left:0px;}
}



/*===========bottom===========*/	
.bottom-footer2{
    width: 100%;
    margin: auto;
    overflow: hidden;
	background: #f3f3f3;
	color: #5f5f5f;
} 
.bottom-footer2 .bf-left{
    width: auto;
    float: left;
    text-align: left;
} 

.bottom-footer2 .bf-right{
    width: auto;
    float: right;
    text-align: right;
} 

#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) {
	
}

@media (max-width: 1200px) {
	.bottom-footer1 .footer-nav{    width: calc(94% - 475px);margin: 0 2%;}
	.bottom-footer1 .footer-logo{width:340px;}

}


@media (max-width: 991px) {
	
	.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-footer2 .bf-left{width:100%; text-align: center}
	.bottom-footer2 .bf-right{width:100%; text-align: center}
	
	
#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: 42px;text-transform: uppercase;margin: 30px 0;letter-spacing: 1px;font-weight:bold;color: #fff;line-height: 1;}
.nei-top .about-top-text .line{width: 60px;height: 1px;background: #fff;margin-top: 30px;}
.nei-top .about-top-text h3{font-size: 16px;width: 70%;min-width: 600px;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: 97px;color: #5c5c5c; background: url(style/images/nav-line.jpg) no-repeat center left}
.nei-top-menu .submenu li:nth-child(1){background:none;}
.nei-top-menu .submenu li a{color: #8c8c8c;}
.z-dh{float:left;line-height: 100px;color: #8c8c8c;font-size: 16px;margin-right: 10px;    text-transform: uppercase;}
.z-dh img{ margin:0 10px}

.nei-top-menu .submenu li:hover{color: #000;border-bottom: 3px solid #fa7000;}
.nei-top-menu .submenu li:hover a{color: #fa7000;}

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

@media (max-width: 1440px) {
	.nei-top .about-top-text h2{ 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{}
	
}






/*--------991---------*/
@media (max-width: 991px) {
	.nei-top-menu-box{height:50px;}
	.nei-top-menu{height:50px;}
	.nei-top-menu .submenu li{width:90px;}
	.nei-top-menu .sim-button{line-height: 50px; font-size:14px; }
	
	.nei-top .about-top-text h2{display:none}
	.nei-top .about-top-text h3{display:none}
	.nei-top .about-top-text .line{display:none}
	
	.z-dh{ line-height:50px;display: none;}
}












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

.ab-about .ab-about-info{
    width: calc(90% - 443px);
    float: left;
}
.ab-about .ab-about-info .title{
    font-size: 40px;
    line-height: 1;
    color: #222;
    margin-top: 4%;
}
.ab-about .ab-about-info .title span{
    font-size: 28px;
    color: #dfdfdf;
    text-transform: uppercase;
    margin-left: 20px;
}
/*.ab-about .ab-about-info .text{*/
/*    width: 100%;*/
/*    margin: auto;*/
/*    overflow: hidden;*/
/*    margin-top: 6%;*/
/*}*/
.ab-about .ab-about-info .text p{
    font-size: 17px;
    line-height: 2.2;
}
.ab-about .ab-about-pic{
    width: 443px;
    float: right;
}
.ab-about .ab-about-pic img{}

.ab-about .ab-about-info .text{
    width: 100%;
    margin: auto;
    overflow: hidden;
    margin-top: 6%;
        height: 380px;
        overflow-y: scroll;
        padding-right:4%;
}



.ab-about .ab-about-info .text::-webkit-scrollbar {
    width: 8px;
}

.ab-about .ab-about-info .text::-webkit-scrollbar-thumb {
    border-radius: 8px;
    background-color: #ededed;
}

.ab-about .ab-about-info .text::-webkit-scrollbar-track {
    border-radius: 8px;
    background-color: #f8f8f8;
}


/*--------991---------*/

@media (max-width: 991px) {
	.ab-about .ab-about-info{ width:100%;}
	.ab-about .ab-about-pic{display:none;}
	.ab-about .ab-about-info .title{font-size:28px}
	.ab-about .ab-about-info .text p{line-height:2; font-size:16px;}
}







/*===========HISTORY===========*/
.ab-history{
	width:100%;
	margin: auto;
	overflow: hidden;
	margin-top: 6%;
	background: #006648;
	color: #feeccb;
	height: 629px;
}

.ab-history .ab-history-pic{
    width: 55%;
    float: left;
    margin: auto;
    overflow: hidden;
}
.ab-history .ab-history-info{
    width: 45%;
    float: right;
    margin: auto;
    overflow: hidden;
    padding: 5% 5%;
}
.ab-history .ab-history-info .title{
    font-size: 28px;
    line-height: 1;
    font-weight: bold;
}
.ab-history .ab-history-info .line{
    width: 50px;
    height: 1px;
    background: #feeccb;
    margin: 20px 0 45px;
}
.ab-history .ab-history-info .line::after{
	content:'';
	display:block;
	width:20px;
	height:1px;
	background:#feeccb;
	margin-top:15px;
	float:left;
}
.ab-history .ab-history-info .text{
    font-size: 16px;
    line-height: 2;
        height: 300px;
        overflow-y: scroll;
        padding-right:5%;
}


.ab-history .ab-history-info .text::-webkit-scrollbar {
    width: 8px;
}

.ab-history .ab-history-info .text::-webkit-scrollbar-thumb {
    border-radius: 8px;
    background-color: #147152;
}

.ab-history .ab-history-info .text::-webkit-scrollbar-track {
    border-radius: 8px;
    background-color: #3d8667;
}



@media (max-width: 991px) {
	.ab-history{height:auto;}
	.ab-history .ab-history-pic{width:100%}
	.ab-history .ab-history-pic img{width:100%}
	.ab-history .ab-history-info{width:100%}
	
}










/*===========PARTNER===========*/
.ab-partner{
	width:100%;
	margin: auto;
	overflow: hidden;
	margin-top: 6%;
}

.ab-partner .title{
	width:100%;
	margin: auto;
	overflow: hidden;
	font-size:42px;
	color: #222;
	text-align: center;
	line-height: 1;
}
.ab-partner .title::after{
	content:'';
	display: block;
	margin: auto;
	width:80px;
	height: 6px;
	background: #ff8d0d;
	margin-top: 30px;
}
.ab-partner .list{
	width:90%;
	margin: auto;
	overflow: hidden;
	margin-top:4%;
}

.ab-partner .list .slick .item{    border: 1px solid #dcdcdc;}
.ab-partner .list .blog:not(.list-view) .post figure, .item.post figure{margin-bottom:0px;}







@media (max-width: 991px) {
	.ab-partner .title{font-size:28px;}
	.ab-partner .title::after{margin-top:20px;}
}


















/*===========honor===========*/
.ab-honor{
	width:100%;
	margin: auto;
	overflow: hidden;
	padding:4% 0 3%;
	background: #f7f7f7;
	margin-top:5%
}

.ab-honor .title{
	width: 100%;
    margin: auto;
    overflow: hidden;
    font-size: 36px;
    color: #1c1c1c;
    line-height: 1.25;
}
.ab-honor .title span{
	display:block;
	text-transform: uppercase;
    font-weight: bold;
	font-size: 1.12em;
}
.ab-honor .list{
	width:100%;
	margin:2% auto;
	overflow: hidden;
}

.ab-honor .list .slick .item{    border: 1px solid #dcdcdc; padding: 10px;}

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

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


@media (max-width: 991px) {
	.ab-honor .title{font-size:28px; text-align: center}
	.ab-honor .title span{display:none;}
}

































/*===========public-title===========*/
.public-title{
	width:100%;
	margin:	3% auto;
	overflow: hidden;
	font-size: 42px;
	font-weight: bold;
	text-transform: uppercase;
	color: #222;
	line-height: 1.5;
}
.public-title span{
	display:block;
	font-size: 26px;
	font-weight: normal;
}

.public-title span img{margin-left:15px;}



/*===========991===========*/
@media (max-width: 991px) {	
	.public-title{font-size:32px}
}











/*===========News===========*/


/*新闻列表*/
.news{width:100%; margin: auto; overflow: hidden}
.news .title{width:100%; margin: auto; overflow: hidden; text-align: center; font-size: 1.5em; font-weight: normal;}
.news .title img{margin:auto; margin-top: 1em;}
.news .text{width:100%; margin: auto; overflow: hidden; font-size: 1.125em; line-height: 2.3em; margin-top: 5%;text-align:justify}
.news .text img{float:left; margin-right: 40px; margin-bottom: 20px;}
.news .list{width:100%; margin:auto; overflow: hidden; margin-top: 4%}
.news .list ul{width:100%; margin:auto; overflow: hidden}
.news .list ul li{width:30.33%; margin:auto 1.5%; overflow: hidden; float: left; text-align: center; background: url(../images/news3-line.jpg) no-repeat bottom center; padding-bottom: 20px; font-size: 1.25em; line-height: 2.2em;}
.news .list ul li img{display:block; margin: auto; margin-bottom: 1em;width:100%; max-width: 377px;}

.news .list2{width:100%; margin: auto; overflow: hidden;}
.news .list2 ul{width:100%; margin: auto; overflow: hidden}
.news .list2 ul li{width:100%; margin: auto; overflow: hidden;  padding: 3% 0}

.news .list2 ul li .tp{
        width: 32%;
    margin: auto;
    float: left;
    overflow: hidden;
    display-radio: 1;
    max-height: none;
    position: relative;
    padding-bottom: 22%;
    }
.news .list2 ul li .tp img{
    border-radius: 15px;
	position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) scale(1.0);
    height: 100%;
    min-width: 100%;
    transition: all .5s ease;
}
.news .list2 ul li .info{width: 62%;float: right;}


.news .list2 ul li .info .title{width:100%;
 	width: 100%;
    margin: auto;
    overflow: hidden;
    font-size: 26px;
    font-weight: normal;
    display: inline-block;
    white-space: nowrap;
    text-overflow: ellipsis;
    text-align: left;
    margin-top: 4%;
    color: #222;
 }
.news .list2 ul li .info .date{display:inline;float: left;color: #8b8b8b;font-size: 0.85em;width: 300px;vertical-align:middle;margin-top: 5%;}
.news .list2 ul li .info .date img{  margin-top: -3px;  margin-right: 8px;}
.news .list2 ul li .info .text{width:100%; margin:3% auto; overflow: hidden; color: #8c8c8c; line-height: 2em; font-size: 1.15em; text-overflow: -o-ellipsis-lastline;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  line-clamp: 3;
  -webkit-box-orient: vertical;
}
.news .list2 ul li .info .more{
	width: 150px;
	height: 50px;
	margin: auto;
	overflow: hidden;
	color: #fff;
	font-size: 1.15em;
	float: right;
	background: #14b48d;
	border-radius: 10px;
	line-height: 50px;
	text-align: center;
	margin-top: 3%;
}





@media (max-width: 991px) {
	.news .list2 ul li .info .title{font-size:20px;}
	.news .list2 ul li .info .text{font-size:14px; line-height: 1.75em;}
	.news .list2 ul li .info .more{width:120px; height: 40px; line-height: 40px; font-size:1em}
	.news .title img{display:none;}
	.news .list2 ul li .tp{display:none;}
	.news .list2 ul li .info{width:100%}
}














/*翻页*/
.fanye{  width: 100%;float: left; margin-top: 4%; margin-bottom: 4%; text-align: center;font-size: 0.875em;}
.fanye-box{width:500px;float: none;text-align: center;line-height: 45px;margin: auto;}
.fanye-Previous{width: 98px;float:left;background: #fff;border: 1px solid #ccc;height: 45px;color: #666666;margin-right: 5px;}
.fanye-Next{width: 98px;float:left;background: #fff;height: 45px;color: #414040;margin-left: 5px;border: 1px solid #ccc;}
.fanye-Number{width: 45px;float:left;color: #414040;margin: 0 5px;background: #fff;border: 1px solid #ccc;}
.fanye-Number-current{width: 45px;float:left;color: #fff;background: #1c8d61;margin: 0 5px;}


















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

.pro ul{
    padding-left: 0px;
    width: 102%;
    margin: auto;
    overflow: hidden;
    margin-left: -2%;
}
.pro ul li{
    width: 31.33%;
    float: left;
    margin-left: 2%;
    list-style: none;
    list-style-position: outside;
	margin-top:2%;
}
.pro ul li .pic{
	padding-bottom: 70%;
    position: relative;
    overflow: hidden;
}
.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 .pic:hover img{
	width: 106%!important;
    transition: all 0.6s;
    opacity: 0.8;
}



.pro ul li .title{
    width: 100%;
    overflow: hidden;
    text-align: center;
    font-size: 18px;
    margin: 15px auto;
}


/*===========991===========*/
@media (max-width: 991px) {
	.pro ul li{width:48%;}
	.pro ul li .title{font-size:16px;}
}













/*===========BASE===========*/
.base{
	width:100%;
	margin: auto;
	overflow: hidden;
}

.base ul{
    padding-left: 0px;
    width: 102%;
    margin: auto;
    overflow: hidden;
    margin-left: -2%;
}
.base ul li{
    width: 31.33%;
    float: left;
    margin-left: 2%;
    list-style: none;
    list-style-position: outside;
	margin-top:2%;
    border: 1px solid #e9e9e9;
}
.base ul li .pic{
	padding-bottom: 68%;
    position: relative;
    overflow: hidden;
}
.base 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;
}



.base ul li:hover .pic img{
	width: 106%!important;
    transition: all 0.6s;
    opacity: 0.8;
}

.base ul li:hover .info .more{
	background:#ff871c;
}


.base ul li .info{
    width: 100%;
    overflow: hidden;
    text-align: center;
    margin: auto;
}

.base ul li .info .title{
    width: calc(100% - 88px);
    float: left;
    margin: auto;
    overflow: hidden;
    text-align: left;
    display: inline-block;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-size: 20px;
    padding: 15px;
}
.base ul li .info .title span{
	display:
	block;
	font-size: 12px;
	color: #ddd;
	text-transform: uppercase;
	padding-left: 13px;
}
.base ul li .info .title::before{
	content:
	'';
	display:
	inline-block;
	float:
	left;
	width:4px;
	height: 25px;
	background:#ff871c;
	margin-right: 10px;
}
.base ul li .info .more{
	width:88px;
	height: 88px;
	background: #1ead86;
	color: #fff;
	text-align: center;
	float: right;
	margin: auto;
	overflow: hidden;
	padding: 20px;
	font-size: 17px;
}





/*===========991===========*/
@media (max-width: 991px) {
	.base ul li{width:98%;}
}






/*===========base2工艺流程===========*/
.base2{
	width:100%;
	margin: auto;
	overflow: hidden;
}

.base2-list{
	width:100%;;
	margin: auto;
	overflow: hidden;
}

.base2-list ul{
	width:100%;;
	margin: auto;
	overflow: hidden;
	padding-left: 0px;
}
.base2-list ul li{
	width:23%;
	margin-left: 2%;
	float: left;
	list-style: none;
	list-style-position: outside;
	margin-bottom: 2%;
}
.base2-list ul li:nth-child(1){margin-left:0;}
.base2-list ul li:nth-child(5){margin-left:0;}
.base2-list ul li .pic{
	    padding-bottom: 70%;
    position: relative;
    overflow: hidden;
}
.base2-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;
}
.base2-list ul li .title{
	width:100%; 
	font-size: 18px;
	margin: 10px 0;
	text-align: center;
	height: 24px;
	
}



.base2-pic{
	width:100%;
	margin:5% auto;
	overflow: hidden;
}
.base2-pic img{
	width:100%;
	max-width: 1468px;
}




/*===========991===========*/
@media (max-width: 991px) {
	.base2-list ul li{
	width:48%;
}
.base2-list ul li:nth-child(1){margin-left:0;}
.base2-list ul li:nth-child(3){margin-left:0;}
.base2-list ul li:nth-child(5){margin-left:0;}
.base2-list ul li:nth-child(7){margin-left:0;}
}

















/*===========Contact===========*/
.contact{
	width:100%;
	margin: auto;
	overflow: hidden;
}



.map{width:100%; height: 500px; }


.contact-list{
	width:100%;
	max-width: 1200px;
	margin: 5% auto;
	overflow: hidden;
}

.contact-list li{
	width:31.33%;
	float: left;
	margin: auto;
	overflow: hidden;
	margin-right: 2%;
	list-style: none;
	list-style-position: outside;
}

.contact-list li .ico{
    width: 45px;
    height: 45px;
    background: #fd8900;
    border-radius: 50%;
    text-align: center;
    float: left;
	padding-top: 10px;
}
.contact-list li .info{
    width: calc(98% - 50px);
    float: right;
    font-size: 16px;
}
.contact-list li .info span{
    display: block;
    color: #fd8900;
}



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


/*===========991===========*/
@media (max-width: 991px) {	
	
	.map{height:350px;}
	
	.contact-list li{width:100%; margin-right: 0; margin-bottom: 4%}
}









/*===========recruitment===========*/
.recruitment{
	width:100%;
	margin:3% auto;
	overflow: hidden;
}








/*===========public-title===========*/
.public-title{
	width:100%;
	margin:	3% auto;
	overflow: hidden;
	font-size: 42px;
	font-weight: bold;
	text-transform: uppercase;
	color: #222;
	line-height: 1.5;
}
.public-title span{
	display:block;
	font-size: 26px;
	font-weight: normal;
}

.public-title span img{margin-left:15px;}



/*===========991===========*/
@media (max-width: 991px) {	
	.public-title{font-size:32px}
}