/*====================================INDEX===========*/

.in-bg{background: url(style/images/in-ab-bg.png)#f9f9f9 no-repeat top left;}





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

.in-ab-left{
        width:55%;
        float: left;
        margin: auto;
        overflow: hidden;
}

.in-ab-left .text1{
    font-size: 48px;
    color: #222;
    line-height: 1;
    margin-top: 15%;
}
.in-ab-left .text2{
    font-size: 29px;
    color: #333;
    line-height: 1.5;
    margin: 5% 0;
}
.in-ab-left .text2 span{
        display:block;
}
.in-ab-left .text3{
    font-size: 16px;
    line-height: 2.2;
}
.in-ab-left .list{
    margin-top: 8%;
}
.in-ab-left .list li{
    list-style: none;
    list-style-position: outside;
    width: 32.33%;
    float: left;
    background: #fff;
    margin-left: 1% !important;
    height: 220px;
    text-align: center;
}
.in-ab-left .list li:nth-child(1){
        margin-left:0;
}

.in-ab-left .list li .ico{
    margin-top: 35px;
    height: 90px;
        transition: all 0.3s;
}
.in-ab-left .list li .title-ch{
    font-size: 20px;
    margin: 5px 0 0;
    color: #333;
        transition: all 0.4s;
}
.in-ab-left .list li .title-en{
    text-transform: uppercase;
        font-size:12px;
        color: #999;
        transition: all 0.5s;
}


.in-ab-left .list li:hover{
        background-image: linear-gradient(-179deg,rgba(255,243,223,0) 0,rgba(255,243,223,.9) 100%);
}
.in-ab-left .list li:hover .ico{transform:translateY(-5px);transition: all 0.3s;}
.in-ab-left .list li:hover .title-ch{transform:translateY(2px);transition: all 0.4s;}
.in-ab-left .list li:hover .title-en{transform:translateY(5px);transition: all 0.5s;}

.in-ab-right{
        width:40%;
        float: right;
        margin: auto;
        overflow: hidden
}

.in-ab-right img{
        width:100%;
        max-width: 631px;
}


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

@media (max-width: 1440px) {
	
	.in-ab-left .text1{margin-top: 5%;}
}




/*--------991---------*/
@media (max-width: 991px) {
	.in-ab-left{width:100%}
	.in-ab-right{display: none;}
	.in-ab-left .text1{font-size:32px;}
	.in-ab-left .text2{font-size:26px;}
}



















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

.in-news-title{
	font-size: 26px;
    color: #333;
}
.in-news-title span{
	font-size: 42px;
    color: #222;
    line-height: 1;
	display: block;
	margin-bottom: 20px;
}


.in-news-left{
	width:calc(96% - 500px);
	float: left;
}


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

.in-news-left-list .swiper-slide { }

.in-news-left-list .swiper-slide .tp{width:100%; margin: auto; overflow: hidden; position: relative;}

.in-news-left-list .swiper-slide .tp .pic{width: 100%;overflow: hidden;padding-bottom: 60%;position: relative;border-radius: 8px;}
.in-news-left-list .swiper-slide .tp .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-left-list .swiper-slide .tp:hover .pic img {
    width: 106%!important;
    transition: all 0.6s;
    opacity: 0.95;
}


.in-news-left-list .swiper-slide .tp .date{ width:90px;height: 110px; background: rgba(214,178,104,0.8); left: 20px; color: #fff; text-align: center;position: absolute; z-index: 99; padding-top: 38px; font-size: 40px; font-weight: bold}
.in-news-left-list .swiper-slide .tp .date span{ display: block; font-size: 12px; font-weight: normal;}
.in-news-left-list .swiper-slide .tp .date span::after{content:'';display: block;width:28px; height: 1px; margin: auto;background: #fff;}




.in-news-left-list .swiper-slide .pic{width:100%;background: #f2f2f2;}
.in-news-left-list .swiper-slide img{width: 100%;    max-width: 500px; }


.in-news-left-list .title{
	color: #333;
	font-size: 20px;
	padding-bottom:0px;
	height: 80px;
	text-align: left;
	line-height: 1.5;
	padding-top: 20px;
	 text-overflow: -o-ellipsis-lastline;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;
}


.in-news-left-list .text{
	font-size:15px;
	color: #888;
	line-height: 1.75; text-overflow: -o-ellipsis-lastline;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;
	margin-top:20px;
}



.in-news-left-list .swiper-button-prev,.swiper-container-rtl .swiper-button-next {
    background-image:url(style/images/arrow1.png);
    left: 10px;
    right: auto
}

.in-news-left-list .swiper-button-next,.swiper-container-rtl .swiper-button-prev {
    background-image:url(style/images/arrow2.png);
    right: 10px;
    left: auto;
}







.in-news-right{
	width:500px;
	float: right;
}


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

.in-news-right-list li{
    width: 100%;
    list-style: none;
    list-style-position: outside;
    border-bottom: 1px dashed #e6e6e6;
    line-height: 3.2;
    float: left;
	background: url(style/images/in-news-ico.png) no-repeat left center;
	padding-left: 25px;
}

.in-news-right-list li .title{
    font-size: 16px;
    width: calc(100% - 100px);
    float: left;
    color: #4d4d4d;
	display: inline-block;
 white-space: nowrap;
 text-overflow: ellipsis;  overflow: hidden;
}
.in-news-right-list li .date{
    width: 50px;
    float: right;
    text-align: right;
    color: #cacaca;
}


/*--------1440---------*/
@media (max-width: 1440px) {
	.in-news-right-list li{line-height:2.5}
	
}

/*--------991---------*/
@media (max-width: 991px) {

	.in-news-left{width:100%}
	.in-news-right{width:100%;margin-top: 8%;}
	
	.in-news-title span{font-size:32px}
}






/*===========in-business===========*/
.in-business{
	width:100%;
	margin:6% auto 4%;
	overflow: hidden;
}

.in-business .in-business-title{
    width: 23%;
    position: absolute;
    z-index: 999999;
    right: 7%;
    text-align: right;
    font-size: 28px;
    line-height: 1;
    color: #333;
    margin-top: 2%;
}

.in-business .in-business-title span{display:block;font-size: 1.5em;margin-bottom: 15px;}

.in-business .business-info{
	width: 32%;
	
	background:#f4f4f4;
	height: 75%;
	position: absolute;
	color:#333;
	display: flex;
	align-items: center;
	right: 0;
	bottom: 0;
}

.in-business .business-info .business-info-detail{width: 70%;margin: auto;}

.in-business .business-info .business-info-detail .title{
    font-size: 28px;
}

.in-business .business-info .business-info-detail .title span{ margin-left:30px;}
.in-business .business-info .business-info-detail .text{
    margin-top: 10%;
	font-size: 15px;
	color: #747474;
}
.in-business .business-info .business-info-detail .more{
	width:150px;
	height: 50px;
	background: #d6b268;
	border-radius: 50px;
	text-align: center;
	line-height: 50px;
	color: #fff;
	font-size: 16px;
	margin-top:18%;
	box-shadow: 2px 2px 5px rgba(214,178,104,0.2);
}

.in-business .business-pic{
	width: 68%;
	float: left;
	height: 100%;
	display: flex;
	align-items: center;
	text-align: center;
}

.in-business .business-pic img{width:100%; max-width:1307px;margin: auto;}





.in-business .swiper-button-next, .swiper-button-prev{
	color: #fff;
    text-align: center;
    position: absolute;
    font-size: 30px;
    bottom: 5%!important;
    margin-top: -22px;
    line-height: 80px;
    z-index: 10;
    cursor: pointer;
    -moz-background-size: 27px 44px;
    -webkit-background-size: 27px 44px;
    background-size: 27px 44px;
    background-position: center;
    background-repeat: no-repeat;
}


.in-business .swiper-button-prev,.swiper-container-rtl .swiper-button-next {
    background-image:
    url(style/images/arrow1.png);
    right: calc(32% + 80px);
    left: auto;
	width:80px;
	height:80px;
	background:#d8b068;
    top: 100%;
    margin-top: -80px;
}

.in-business .swiper-button-next,.swiper-container-rtl .swiper-button-prev {
    background-image:
    url(style/images/arrow2.png);
    right: 32%;
    left: auto;
	width:80px;
	height:80px;
	background:#ededed;
    top: 100%;
    margin-top: -80px;
}



/*--------1440---------*/
@media (max-width: 1440px) {
	.in-business .in-business-title {font-size: 24px;}
	
}

/*--------991---------*/
@media (max-width: 991px) {

	.in-business .business-pic{width:100%;}
	.in-business .in-business-title{color:#fff;width:100%; text-align: left; right:0; left:3%}
	.in-business .business-info{height:60px;width:calc(100% - 120px)}
	.in-business .business-info .business-info-detail{width:90%}
	.in-business .business-info .business-info-detail .title{ font-size: 20px; margin-top:15px;}
	
	.in-business .swiper-button-next, .swiper-container-rtl .swiper-button-prev{right:auto;left:60px;width:60px; height: 60px;margin-top:-60px; line-height: 60px;}
	.in-business .swiper-button-prev, .swiper-container-rtl .swiper-button-next{right:auto;left:0;width:60px; height: 60px; margin-top:-60px; line-height: 60px;}
	
	
	
}













/*===========bottom===========*/	

.bottom-footer1{
    width: 100%;
    margin: auto;
    overflow: hidden;
	padding-bottom: 1%;
	padding-top: 2%;
	background: #2e2e2e;
	border-top:10px solid #d6b268;
} 

.bottom-footer1 .footer-logo{
	width:300px;
	float: left;
	text-align: left;
}


.bottom-footer1 .footer-logo .pic{}
.bottom-footer1 .footer-logo .pic img{}
.bottom-footer1 .footer-logo .list{
	width:100%;
	margin: auto; 
	overflow: hidden;
	margin-top: 15px;
}
.bottom-footer1 .footer-logo .list ul{
	padding-left: 0;
}
.bottom-footer1 .footer-logo .list ul li{
	list-style: none;
	list-style-position: outside;
	color: #5f5f5f!important;
	font-size: 15px;
}

.bottom-footer1 .footer-nav{
	width:calc(90% - 550px);
	float: left;
	margin: 0 0%;
}

.bottom-footer1 .footer-nav .footer-navSub{
	width: calc((100% - 120px)/7);
	float: left;
	text-align: left;
	font-size: 14px;
	color: #878787;
	line-height: 32px;
}

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


.bottom-footer1 .footer-code{
	width:330px;
	float: right;
	color: #7d7d7d;
	font-size: 16px;
	text-align: center;
}

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



.bottom-footer2{
    width: 100%;
    margin: auto;
    overflow: hidden;
	background: #2e2e2e;
	color: #5f5f5f;
	border-top:1px solid #3d3d3d;
} 



.bottom-footer2 ul{width:100%; float: left; margin-left: -3%; }
.bottom-footer2 ul li{ list-style: none; list-style-position: outside;width:25%; float: left; border-left: 1px solid #515151; color: #949494!important; font-size: 14px; color: #fff; line-height: 1.75em; padding-left: 3%;}
.bottom-footer2 ul li span{ font-weight: bold; display: block; font-size: 1.125em; color: #dcdcdc; margin-bottom: 10px;}
.bottom-footer2 ul li:nth-child(1){border-left:none;}
.bottom-footer2 ul li img{ margin-right:10px;}



.bottom-footer3{
    width: 100%;
    margin: auto;
    overflow: hidden;
	background: #2e2e2e;
	color: #5f5f5f;
	border-top:1px solid #3d3d3d;
} 
.bottom-footer3 .bf-left{
    width: auto;
    float: left;
    text-align: left;
} 

.bottom-footer3 .bf-right{
    width: auto;
    float: left;
    text-align: left;
	margin-left: 15px;
} 








#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;}









@media (max-width: 1440px) {


.bottom-footer1 .footer-logo{
	width:300px;
	float: left;
	text-align: left;
}

.bottom-footer1 .footer-nav{
	width:calc(95% - 550px);
	float: left;
	margin: 0 0%;
}

.bottom-footer1 .footer-nav .footer-navSub{
	width: calc((100% - 30px)/6);
	float: left;
	text-align: left;
	font-size: 14px;
	color: #878787;
	line-height: 32px;
}



	
}





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


}


@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;}

	.bottom-footer1 .footer-logo{width:100%; text-align: center;}
	.bottom-footer1 .footer-logo .pic img{max-width:50%}
	.bottom-footer1 .footer-code{ float:none; margin: auto;}
	
	.bottom-footer2 ul li{width:100%; margin-bottom: 4%}
	.bottom-footer2 ul li:nth-child(1){border-left: 1px solid #515151;}
}












/*===========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: 30%;}
.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: 70px; height: 7px; background: #d6b268; 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;    text-transform: uppercase;}
.z-dh img{ margin:0 10px}

.nei-top-menu .submenu li:hover{ background: #d6b268; color: #fff;}
.nei-top-menu .submenu li:hover a{color:#fff;}

/*--------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{}

}



/*--------992---------*/

@media (max-width: 992px) {
	.nei-top .about-top-text h2{font-size:22px;}
	.nei-top .about-top-text h3{display:none;}
	.nei-top .about-top-text .line{width:100px; height: 2px;}
}








/*===========ABOUT===========*/
.about{
	width:100%;
	margin: auto;
	overflow: hidden;
	background: url(style/images/in-ab-bg.png)#f9f9f9 no-repeat top right;
	padding-bottom: 5%;
}

.about-left{
	width: 35%;
	float: left;
	padding: 5% 0 3%;
}

.about-left .title{
	color: #000000;
	font-size: 42px;
	line-height: 1.3;
	font-weight: bold;
	width: 100%;
	float: left;
}
.about-left .line{
       width: 100%;
    float: left;
    margin-bottom: 10%;
    margin-top: 5%;
    font-size: 24px;
    color: #333;
}
.about-left .line::after{content:'';display: block;width: 60px;height: 7px;background: #e22635;margin-top: 20px;}


.about-left .pic{
	width:100%;
	margin:auto;
	overflow:hidden;
}

.about-left .pic img{
	width:100%;
	max-width:548px;
}

.about-right{
	width: 60%;
    float: right;
    margin-top: 5%;
	font-size: 17px;
	color: #1d1d1d;
	line-height: 2.2;
	text-align:justify
}





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

@media (max-width: 1366px) {
	.about-right{ line-height:2}
}


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

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

@media (max-width: 992px) {
	.about-left{width:100%}
	.about-left .title{font-size:34px;}
	.about-left .line{margin-bottom:2%;  margin-top:0}
	.about-left .pic{display:none}
	.about-right{width:100%;  margin-top:2%}
}

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











/*===========ab-culture===========*/

.ab-culture{
	width:100%;
	margin:  auto ;
	overflow: hidden;
	height: 683px;
	background: url(style/images/culture-bg2.jpg) no-repeat bottom right;
	position: relative;
	background-size: cover;
}


.ab-culture ul{
	width: 100%;
	margin: auto;
	overflow: hidden;
	position: relative;
	padding-left: 0;
}
.ab-culture ul li{
	width:
	calc((100% - 0px)/6);
	float: left;
	border-left: 1px solid rgba(255,255,255,0.4);
	height: 683px;
	position: relative;
	color: #fff;
	padding: 8% 2% 0 2%;
	background-color: rgba(0,0,0,0);
	transition: all 0.3s;
	list-style: none;
	list-style-position: outside;
}
.ab-culture ul li .ico{
}
.ab-culture ul li .title{
    font-size: 24px;
    margin: 5% 0;
    line-height: 1.5;
	
}
.ab-culture ul li .title span{
    display: block;
    text-transform: uppercase;
}
.ty-culture2 ul li .line{
    width: 68px;
    height: 1px;
    background: #fff;
}
.ab-culture ul li .text{
    font-size: 14px;
    margin-top: 12%;
	opacity:0;
	transition: all 0.3s;
}
.ab-culture ul li .arrow{
    width: 28px;
    height: 28px;
    border: 1px solid #fff;
    border-radius: 50%;
    text-align: center;
    line-height: 31px;
	transition: all 0.3s;
}

.ab-culture ul li .arrow svg path{stroke:#fff;}

.ab-culture ul li:hover{
	background-color: rgba(0,0,0,0.2);
	padding: 5% 2% 0 2%;
	transition: all 0.3s;
}


.ab-culture ul li:hover .text{ opacity:1;transition: all 0.3s;}
.ab-culture ul li:hover .arrow{
    width: 34px;
    height: 34px;
    border: 1px solid #fff;
    line-height: 40px;
	background:#fff;
	transform:translateY(300%);
	transition: all 0.3s;
}

.ab-culture ul li:hover .arrow svg path{stroke:#1b308d;}





























/*===========ABOUT-HONOR===========*/
.ab-honor{
	width:100%;
	margin:3% auto;
	overflow: hidden;
}



.ab-honor .ab-honor-title{
	width:100%;
	margin: auto;
	overflow: hidden;    
	font-size: 40px;
    font-weight: bold;
    color: #232323;
    line-height: 2;
    font-family: 'font-736';
	
}

.ab-honor .ab-honor-title::after {
    content: '';
    display: block;
    width: 80px;
    height: 4px;
    background: #e22635;
    margin-top: 0px;
}


.ab-honor .ab-honor-title span{
	width:230px;
	height: 50px;
	float: right;
	margin: auto;
	overflow: hidden;
	border:1px solid #d6b268;
	color: #d6b268;
	line-height: 50px;
	text-align: center;
	font-size: 17px;
	font-weight: normal;
	margin-top: 30px;
}

.ab-honor .ab-honor-title span:hover{
	background:#d6b268;
	color:#fff;
}




.ab-honor .ab-honor-list{
	width:100%;
	margin: 3% auto;
	overflow: hidden;
}

.ab-honor .slick-dots{display: none!important}
.ab-honor .slick .item{background:#f3f3f3!important; padding: 20px; color: #5d5d5d; font-size: 16px; }



.ab-honor .slick .post-title{width:100%; margin: auto; overflow: hidden; text-overflow: -o-ellipsis-lastline;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-clamp: 2;
	-webkit-box-orient: vertical;}


.ab-honor .slick-nav-container .slick-nav{    margin-top: 3%;}
.ab-honor .slick-nav-container .slick-nav .slick-next-wrapper{}
.ab-honor .slick-nav-container .slick-nav .slick-prev:hover, .slick-nav-container .slick-nav .slick-next:hover{
	background:
	rgba(0,0,0,0.2);
	color: #fff;
}
.ab-honor .slick-nav-container .slick-nav .slick-prev, .slick-nav-container .slick-nav .slick-next{
    width: 45px;
    height: 45px;
    text-align: center;
    color: #fff;
    background: rgba(0,0,0,0.1);
    margin: 0 2px;
    font-size: 45px;
	line-height: 45px;
}

.ab-honor-line{
	width: calc(96% - 100px);
	float: left;
	margin: auto;
	overflow: hidden;
	height: 2px;
	background: #bfbfbf;
	margin-top: 3%;
}
.ab-honor-line::after{
	width:300px;
	height: 2px;
	background: #ff0f0f;
	content:'';
	display: block;
}

.ab-honor-arrow{
	width:100px;
	float: right;
	margin: auto;
	overflow: hidden;
	margin-top: 1%;
}



/*===========ab-zzjg===========*/
.ab-zzjg{
	width:100%;
	margin: auto;
	overflow: hidden;
	text-align: center;
	margin-bottom: 5%;
}

.ab-zzjg img{
	width:100%;
	max-width:1229px ;
}














/*===========ygfc===========*/
.ygfc{
	width:100%;
	margin: auto;
	overflow: hidden;
	padding-bottom: 3%
}

.ygfc .title{
	width: 100%;
    margin:3% auto;
    overflow: hidden;
    position: relative;
    padding-bottom: 30px;
    display: block;
    font-size: 50px;
    font-weight: bold;
    color: #232323;
    line-height: 2;
    font-family: 'font-736';
	text-align: center;
}
.ygfc .title::after{
	content:'';
	display: block;
	width: 60px;
	height: 7px;
	background: #e22635;
	margin-top: 20px;
	margin: auto;
}


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

.ygfc .list ul{
	width: 102%;
	margin: auto;
	overflow: hidden;
	margin-left: -2%;
}
.ygfc .list ul li{
	width: 31.33%;
	float: left;
	list-style: none;
	list-style-position: outside;
	margin-left: 2%;
	margin-bottom:2%
}

.ygfc .list ul li .pic{
    width: 100%;
    margin: auto;
    overflow: hidden;
    border: 1px solid #e5e5e5;
    text-align: center;
    padding: 30px 0px;
	padding-bottom: 52%;
    position: relative;
}
.ygfc .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;
}
.ygfc .list ul li .bt{
    width: 100%;
    margin: auto;
    overflow: hidden;
    background: #f7f8fa;
    color: #222;
    font-size: 20px;
    padding: 4%;
    display: inline-block;
    white-space: nowrap;
    text-overflow: ellipsis;
    border-bottom: 4px solid #f7f8fa;
	transition: all 0.3s;
}


.ygfc .list ul li:hover .bt{ border-bottom: 4px solid #e62112;transition: all 0.3s;}

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





@media (max-width: 1440px) {
	.ygfc .title{font-size:42px;}
	.ygfc .list ul li .bt{font-size:18px;}
}




@media (max-width: 992px) {
	.ygfc .title{font-size:34px;}
	.ygfc .list ul li .bt{font-size:16px;}
	.ygfc .list ul li{width:48%}
}












/*===========News===========*/
.news{
	width:100%;
	margin: auto;
	overflow: hidden;
	background: #f7f7f7;
	padding-bottom: 3%;
}

.news .title{
	width: 100%;
	margin: 3% auto;
	overflow: hidden;
	font-size: 40px;
	font-weight: bold;
	color: #232323;
	line-height: 2;
	padding-left: 10px;
}
.news .title::after {
    content: '';
    display: block;
    width: 65px;
    height: 7px;
    background: #e22635;
    margin-top: 0px;
}



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

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

.news .list ul li .pic{
    width: 300px;
    float: left;
    margin: auto;
    overflow: hidden;
    border-radius: 10px;
	padding-bottom: 12%;
    position: relative;
}
.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;
}
.news .list ul li .info{
    width: calc(96% - 400px);
    float: left;
    margin: auto;
    overflow: hidden;
    margin-left: 2%;
}
.news .list ul li .info .bt{
    width: 100%;
    margin: auto;
    overflow: hidden;
    font-size: 24px;
    display: inline-block;
    white-space: nowrap;
    text-overflow: ellipsis;
    color: #202020;
    margin-top: 20px;
    margin-bottom: 20px;
    line-height: 1.2;
}
.news .list ul li .info .text{
    color: #7e7e7e;
    width: 100%;
    margin: auto;
    text-overflow: -o-ellipsis-lastline;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    line-clamp: 3;
    -webkit-box-orient: vertical;
    font-size: 16px;
}
.news .list ul li .date{
    width: 100px;
    float: right;
    margin: auto;
    overflow: hidden;
    text-align: center;
    font-size: 16px;
    margin-top: 20px;
}
.news .list ul li .date span{
    font-size: 52px;
    font-weight: bold;
    line-height: 1.5;
    display: block;
    color: #222222;
}



.news .list ul li:hover{box-shadow:1px 1px 8px rgb(5 44 82 / 10%); border-bottom:6px solid #e42131}
.news .list ul li:hover .info .bt{color:#e42131}
.news .list ul li:hover .date{color:#e42131}
.news .list ul li:hover .date span{color:#e42131}




@media (max-width: 991px) {
		
	.news .title{font-size:34px;}
	.news .list ul li .pic{display:none;}
	.news .list ul li .info{width: calc(100% - 100px); margin-left:0}
	
	.news .list ul li .info .text{    -webkit-line-clamp: 2; line-clamp: 2;font-size: 15px;}
	.news .list ul li .info .bt{font-size:20px;}
	.news .list ul li .date span{font-size:40px;}
}



@media (max-width: 768px) {	

}

















/*===========product===========*/

.product{
	width:100%;
	margin: auto;
	overflow: hidden;
	background: #fafafa;
	padding: 0% 0
}

.product .title{
	font-size:36px;
	font-weight: bold;
	color: #222;
	line-height: 1.5
}

.product .title span{
	display: block;
	text-transform: uppercase;
	font-size: 28px;
}

.product .list{
	width: 100%;
	margin: 3% auto;
	overflow: hidden;
}


.product .list ul{
	width: 103%;
    padding-left: 0;
    margin: auto;
    overflow: hidden;
	margin-left: -3%;
}

.product .list ul li{
	background: #fff;
	margin-left: 3%;
	padding: 3%;
	list-style: none;
	width:30.33333%;
	float: left;
	margin-bottom: 2%;
}



.product .list ul li .pic{
	padding-bottom: 68%;
	position: relative;
	overflow:hidden;
}
.product .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
}
.product .list ul li .title{
	font-size:18px;
	margin-top:20px;
	font-weight: normal;
	width: 100%;
	display: inline-block;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}

.product .list ul li .title a{
	color:#222;
}
.product .list ul li .title a:hover{
	color:#092763;
	text-decoration: underline;
}

.product .list ul li .more{
    position: relative;
}
.product .list ul li .more a{ color:#4b4b4b}
.product .list ul li .more a:hover{color:#4b4b4b}
.product .list ul li .more::after{
	content:
	'';
	width: 55px;
	height:1px;
	background:#ccc;
	display:
	block;
	margin-top: -15px;
	margin-left: 70px;
	position: relative;
	transition: all 0.3s;
}

.product .list ul li .more::before{
	content:
	'';
	width: 24px;
	height: 24px;
	border:1px solid #ccc;
	display:
	block;
	border-radius: 50%;
	margin-left: 114px;
	top: 24px;
	position: relative;
	transition: all 0.6s;
}


.product .list ul li:hover .more::after{margin-left: 60px;transition: all 0.3s;}
.product .list ul li:hover .more::before{margin-left: 96px;transition: all 0.6s;}

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









@media (max-width: 1440px) {
	.product .title{font-size:32px;}
	.product .title span{font-size:26px;}
	
	
	
}


@media (max-width: 991px) {

	.product .list ul li{
		margin-left: 0%;
		width:100%;
		padding: 3% 5%;
		margin-top: 5%;
		margin-bottom: 5%;
	}
}


@media (max-width: 768px) {

	.product .title{
		font-size:24px;
	}
	.product .title span{
		font-size:18px;
	}
	
}












/*===========store===========*/

.store{
	width:100%;
	margin: auto;
	overflow: hidden;
}




.store-row{
	width:100%;
	margin: auto;
	overflow: hidden;
	background: #f6f6f6;
}

.store-row .tp{
    width: 50%;
    margin: auto;
    overflow: hidden;
    float: left;
    position: relative;
}
.store-row .tp .pic{
    position: relative;
	background: #090909;
}
.store-row .tp .pic img{ width:100%; opacity: 1;transition: all 0.3s;}
.store-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;
}
.store-row .tp .ico span{
	display:block;
    font-size: 16px;
    line-height: 2.5;
}
.store-row .info{
    width: 50%;
    margin: auto;
    overflow: hidden;
    float: left;
    padding: 2% 8% 2%;
}
.store-row .info .title{
    font-size: 26px;
    line-height: 1;
    color: #2c2c2c;
    letter-spacing: 1px;
}
.store-row .info .title span{
    display: block;
    font-size: 58px;
    margin-bottom: 15px;
    color: #becfe026;
    letter-spacing: 0px;
    text-transform: uppercase;
    font-weight: bold;
}
.store-row .info .text{
    color: #6a6a6a;
    font-size: 16px;
    line-height: 1.8;
    margin-top: 5%;
}
.store-row .info .more{
    width: 150px;
    height: 45px;
    line-height: 45px;
    background: #d6b268;
    border-radius: 50px;
    text-align: center;
    color: #fff;
    font-size: 15px;
    margin-top: 10%;
    transition: all 0.3s;
    box-shadow: 4px 4px 11px rgb(214 178 104 / 40%);
}

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







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

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


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








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

@media (max-width: 1440px) {
	.store-row .info .title{font-size: 30px;}
	.store-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;}
	
	
	
	   .store-row .info .title span{font-size:52px}
}


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


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













/*联系方式*/

/*===========gsfb===========*/



.gsfb{
	width:100%; 
	margin: auto;
	overflow: hidden;
	margin-bottom: 5%;
}


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

.gsfb .list .sublist{
	width:46%;
	float: left;
	margin: 5px 2% 2% 2%;
	box-shadow: #ccc 0px 1px 8px;
	position: relative;
}


.gsfb .list .sublist .bg1{ background: url(style/images/gsfb-bg1.jpg) no-repeat right center; height: 283px; position: relative;transition: all 0.3s;}
.gsfb .list .sublist .bg2{ background: url(style/images/gsfb-bg2.jpg) no-repeat right center; height: 283px; position: relative;transition: all 0.3s;}
.gsfb .list .sublist .bg3{ background: url(style/images/gsfb-bg3.jpg) no-repeat right center; height: 283px; position: relative;transition: all 0.3s;}
.gsfb .list .sublist .bg4{ background: url(style/images/gsfb-bg4.jpg) no-repeat right center; height: 283px; position: relative;transition: all 0.3s;}
.gsfb .list .sublist .gsfb-sublist-title{position: absolute;font-size: 24px;color: #333;font-weight: bold;left: 10%;top: 50px; z-index: 999}
.gsfb .list .sublist .gsfb-sublist-title span{
	background: #d6b268;
    color: #fff;
    font-size: 16px;
    font-weight: normal;
    margin-left: 10px;
    padding: 5px 20px;
    border-radius: 40px;
}
.gsfb .list .sublist .gsfb-sublist-row{position: absolute;left: 10%;top: 120px;z-index: 9;font-size: 15px;    width: 90%;}
.gsfb .list .sublist .gsfb-sublist-row li{
	list-style: none;
	list-style-position: outside;
	line-height: 32px;
}
.gsfb .list .sublist .gsfb-sublist-title li img{}
.gsfb .list .sublist .gsfb-sublist-row .icon { margin-right:10px;fill:#d6b268;}




.gsfb .list .sublist:hover .bg1{background: url(style/images/gsfb-bg1-hover.jpg)#d6b268 no-repeat right center;transition: all 0.3s; }
.gsfb .list .sublist:hover .bg2{background: url(style/images/gsfb-bg2-hover.jpg)#d6b268 no-repeat right center;transition: all 0.3s; }
.gsfb .list .sublist:hover .bg3{background: url(style/images/gsfb-bg3-hover.jpg)#d6b268 no-repeat right center;transition: all 0.3s; }
.gsfb .list .sublist:hover .bg4{background: url(style/images/gsfb-bg4-hover.jpg)#d6b268 no-repeat right center;transition: all 0.3s; }
.gsfb .list .sublist:hover .gsfb-sublist-title{color:#fff;}
.gsfb .list .sublist:hover .gsfb-sublist-title span{color:#d6b268; background: #fff;}
.gsfb .list .sublist:hover .gsfb-sublist-row{color:#fff;}

.gsfb .list .sublist:hover .gsfb-sublist-row .icon{
    fill: #fff;
}





/*======================*/
@media (max-width: 991px){
	.gsfb .title span{font-size:24px;}
	.gsfb .list .sublist{width:100%;margin: 4% 2%;}
	.gsfb .list .sublist .gsfb-sublist-title{font-size: 18px;}
	.gsfb .list .sublist .gsfb-sublist-row{width:80%}
	.gsfb .list .sublist .gsfb-sublist-row li{width:100%}
}




















/*===========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}
}