:root{
	--lite-yellow:#F3C640;
	--dark-yellow:#C9A063;
	--normal-text:#3E3A39;
	--gray-text:#9E9E9E;
	--lite-gray: #EAEAEA;
	--dark-gray:#585858;
	--gray:#D8D8D8;
}

.column-title h2{font-size: 48px;text-align: center;color:#fff;}
.column-title p{color: #fff;text-align: center;}
.column-cover{
	height: 425px;display: flex;justify-content: center;align-items: center;
}
.wrap{margin: 0 auto;}
.column-main .column-menu{
	color: var(--gray-text);height: 75px;margin-bottom: 70px;	
}
.column-main .column-menu .active{color:var(--lite-yellow);}
.column-main .column-menu .wrap{height: 75px;display: flex;background-color: #fff;align-items: center;justify-content: center;
box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.1);}
.column-main .column-menu a{margin-right: 30px;}
.column-main .column-menu a:last-child{margin-right: 0;}
.column-main .column-subtitle{color:var(--normal-text);font-size: 28px;padding: 100px 0 50px 0;text-align: center;}

/* page about */
.about-main .column-cover{
	background-image: url(../img/aboutbg.jpg);background-repeat: no-repeat;
	background-size: cover;background-position: center center;
}
.about-main .box1 .wrap{
	padding: 60px;background-color: #fff;border-radius: 10px;
	box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.1);
}
.about-main .box1 .line1{
	display: flex;justify-content: space-between;margin-bottom: 60px;
}
.about-main .box1 .line1 .line1-r{
	padding-left: 40px;
}
.about-main .box1 .line1 .line1-r h3{
	margin-bottom: 30px;padding-top: 10px;position: relative;
}
.about-main .box1 .line1 .line1-r h3::after{
	position: absolute;top:50px;
	content: '';display: block;background-color: #D8D8D8;width: 94px;height: 2px;
}
.about-main .box1 .line1 .line1-r p{
	color:#666666;margin-bottom: 10px;line-height: 32px;
}
.about-main .box1 .line2 ul{display: flex;justify-content: space-between;}
.about-main .box1 .line2 ul li{border-right:1px solid var(--gray);flex-grow: 1;text-align: center;}
.about-main .box1 .line2 ul li:last-child{border-right:unset;}
.about-main .box1 .line2 ul li .numshow-line1{font-size: 72px;font-weight: bold;position: relative;color: var(--lite-yellow);}
.about-main .box1 .line2 ul li .numshow-line2{text-align: center;}
.about-main .box1 .line2 ul li .numshow-line1::after{font-size: 16px;position: absolute;top:15px;font-weight: normal;color:var(--gray-text);}
.about-main .box1 .line2 ul li:nth-child(1) .numshow-line1::after{content: '家';}
.about-main .box1 .line2 ul li:nth-child(2) .numshow-line1::after{content: '种';}
.about-main .box1 .line2 ul li:nth-child(3) .numshow-line1::after{content: '年';}
.about-main .box1 .line2 ul li:nth-child(4) .numshow-line1::after{content: '个';}
.about-main .column-cultural .cultural-line1{display: flex;justify-content: space-between;margin-bottom: 65px;}
.about-main .column-cultural .cultural-line1-item{width: 560px;height: 375px;background-color: #fff;}
.about-main .column-cultural .line1-cover{width: 560px;height: 238px;overflow: hidden;}
.about-main .column-cultural .line1-info{width: 560px;height: 137px;padding: 25px 45px 0 45px;}
.about-main .column-cultural p{color:#848484}
.about-main .column-cultural .cultural-line2{display: flex;justify-content: space-between;}
.about-main .column-cultural .cultural-line2-item{width: 356px;height: 290px;background-color: #fff;}
.about-main .column-cultural .cultural-line1 img,.about-main .column-cultural .cultural-line2 img{transform: scale(1);transition: all 0.5s;}
.about-main .cultural-line1-item:hover img,.about-main .cultural-line2-item:hover img{transform: scale(1.2);}
.about-main .column-cultural .line2-cover{width:356px;height: 170px;overflow: hidden;}
.about-main .column-cultural .line2-info{width: 356px;height: 120px;padding: 20px 40px 0 40px;}
.about-main .column-cycle{margin-bottom: 150px;}
.about-main .cycle-info{width: 100%;height: 520px;display: flex;justify-content: center;align-items: center;background-color: #fff;}

.page-resource .column-menu{margin-bottom: 0;}
.about-main .resource-bz{display: flex;background-color: #fff;margin-bottom: 25px;    box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.1);}
.about-main .resource-bz .half-box{width: 50%;}
.about-main .resource-bz .resource-text{padding: 65px 80px;}
.about-main .resource-bz .resource-pic{width: 600px;height: 370px;overflow: hidden;}
.about-main .resource-bz h4{font-size: 24px;margin-bottom: 50px;}
.about-main .resource-bz p{color:#666666;}
.about-main .resource-bz img{transition: all 0.5s;transform: scale(1);}
.about-main .resource-bz:hover img{transform: scale(1.2);}
.about-main .resource-box2{padding-bottom: 150px;}
.about-main .resource-box2 ul{display: grid;grid-template-columns: 1fr 1fr;
grid-row-gap: 30px;grid-column-gap: 30px;}
.about-main .resource-box2 li{padding: 45px 30px;background-image: url('../img/advantage-bg.jpg');
background-size: cover;background-repeat: no-repeat;height: 340px;border-radius: 10px;box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.1);}
.about-main .resource-box2 h4{color:#FFB300;font-size: 36px;margin-bottom: 10px;}
.about-main .resource-box2 p{color:#848484;font-size: 14px;line-height: 25px;}

/*service*/
.service-main .column-cover{
	background-image: url(../img/service-bg.jpg);background-repeat: no-repeat;
	background-size: cover;background-position: center center;
}
.service-list {padding-bottom: 150px;}
.service-list .list-wrap{display: grid;grid-template-columns: repeat(2, 1fr);grid-row-gap: 30px;grid-column-gap: 30px;
}
.service-list li{color:var(--normal-text);padding: 30px;background-image: url(../img/service-item2.jpg);border-radius: 10px;
background-size: cover;background-repeat: no-repeat;box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.2);}
.service-list li .service-title{display: flex;justify-content: center;align-items: center;font-size: 20px;
margin-bottom: 30px;}
.service-list li img{padding-right: 18px;}
.service-list li span{flex-grow: 1;}
.service-list li p{width: 80%;}
.service-list li:hover {box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.3);background-image: url(../img/service-item1.jpg);}

/*news*/
.news-main .column-cover{
	background-image: url(../img/news-bg.jpg);background-repeat: no-repeat;
	background-size: cover;background-position: center center;margin-bottom:100px;
}
.news-list {padding-bottom: 150px;}
.news-list .list-wrap{
    display: grid;    grid-row-gap: 20px;
    grid-template-columns: repeat(3, 1fr);
}
.news-list .list-wrap li{width: 380px;height: 395px;background-color: #fff;}
.news-list .list-wrap li p{
    display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3; 
  overflow: hidden; 
}
.news-list .news-cover{width: 380px;height: 210px;overflow: hidden;}
.news-list .list-wrap li img{transition: all 0.5s;transform: scale(1);    max-width: 100%;}
.news-list .list-wrap li:hover img{transform: scale(1.3);}
.news-list .news-info{
	padding: 15px 25px;
}
.news-list h3{margin-bottom: 20px;position: relative;}
.news-list h3::before{
	content:'';background-color: var(--lite-gray);height: 1px;width: 100%;
	position: absolute;left:0;bottom: -10px;
}
.news-list h3::after{
	content:'';background-color: var(--dark-gray);height: 1px;width: 0;
	position: absolute;left:0;bottom: -10px;transition: all 0.5s;
}
.news-list .list-wrap li:hover h3::after{
	width: 100%;right:0;
}

/*contact*/
.contact-main{padding-bottom: 150px;}
.contact-main .contact-box .wrap{position: relative;}
.contact-main .column-cover{
	background-image: url(../img/contact-bg.jpg);background-repeat: no-repeat;
	background-size: cover;background-position: center center;
	padding-bottom: 100px;
}
.contact-main .contact-info{background-color: #ffffff;box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.1);
padding: 70px;border-radius: 10px;position: relative;top:-50px;}
.contact-main .contact-info h3{font-size: 36px;margin-bottom: 50px;}
.contact-main .contact-line1{display: flex;margin-bottom: 70px;}
.contact-main .contact-text{width: 570px;padding-right: 100px;}
.contact-main .contact-img{display: flex;justify-content: space-between;flex-grow: 1;}
.contact-main .contact-text-item{display: flex;align-items: center;margin-bottom: 35px;}
.contact-main .contact-text-icon{display: flex;align-items: center;padding-right: 20px;}
.contact-main .contact-text-sub span{display: block;color:#909090;}
.contact-main .contact-text-sub  p{font-size: 22px;color: #454545;}

.top-nav{padding:10px 0;}
.news_info_relevant{
    margin-top: 50px;
    display: flex;justify-content: space-between;
}


input::-webkit-input-placeholder {
    color: #c0c4cc
}

input:-moz-placeholder {
    color: #c0c4cc
}

input::-moz-placeholder {
    color: #c0c4cc
}

input:-ms-input-placeholder {
    color: #c0c4cc
}

input {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    background-color: #fff;
    background-image: none;
    border-radius: 10px;
    border: 1px solid #dcdfe6;
    box-sizing: border-box;
    color: #606266;
    display: inline-block;
    font-size: 16px;
    outline: none;
    height: 80px;
    line-height: 80px;
    padding: 0 16px;
    transition: border-color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
    width: 100%;
    cursor: pointer
}

input:hover {
    border-color: #c0c4cc
}

input:focus {
    outline: none;
    border-color: #C9A063
}
#dituContent{width: 550px;height: 425px;}
.contact-main .contact-line2{display: flex;}
.contact-main .contact-map{padding-right:20px;}
.contact-main .contact-form{display: flex;flex-direction: column;flex-grow: 1;}

.contact-main .contact-form input[type=text] {width: 100%;margin-bottom: 30px;}
.contact-main .contact-form input[type=number] {width: 100%;margin-bottom: 30px;}
.contact-main .contact-form input[type=submit]{background-color: #C9A063;color:#fff;}

#submitBtn{
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    background-color: #fff;
    background-image: none;
    border-radius: 10px;
    border: 1px solid #dcdfe6;
    box-sizing: border-box;
    display: inline-block;
    font-size: 16px;
    outline: none;
    height: 80px;
    line-height: 80px;
    padding: 0 16px;
    transition: border-color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
    width: 100%;text-align: center;
    cursor: pointer;
    background-color: #C9A063;color:#fff;}

.news-detail {padding: 120px 0;}
.news-detail .news-title{text-align: center;font-size: 40px;        font-weight: bold;color: #242933;}
.news-detail .news-content{text-align: justify;margin-top: 30px;}
.news-detail p{white-space: normal;width: 100%;text-indent: 2em;line-height: 1.8;word-break: break-all;}
/*case*/
.case-main .column-cover{
	background-image: url(../img/case-bg.jpg);background-repeat: no-repeat;
	background-size: cover;background-position: center center;margin-bottom:100px;
}
.about-customer{margin-top:70px;margin-bottom:100px;}
.about-customer ul{display: grid;grid-template-columns: repeat(5, 1fr);grid-row-gap: 57px;
  grid-column-gap: 20px;padding: 20px;    background: #fff;}
.about-customer ul li{height: 104px;width: 216px;display: flex;justify-content: center;align-items: center;border:1px solid #fff;overflow: hidden;}
.about-customer ul li img{transform: scale(0.8);transition: all 0.5s;}
.about-customer ul li:hover img{border:1px solid var(--lite-gray);transform: scale(0.9);}

.pagination {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 50px;
}
.pagination a{
    display: flex;width: 100%;height: 100%;justify-content: center;align-items: center;
}
.pagination li {
    width: 50px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #fff;
    margin-right: 5px;
}
.pagination .disabled {
    margin-right: 5px;
    cursor: not-allowed;
    background-color: #e3e3e3;
}
.pagination .active {
    background-color: #f7d77a;
    color: #fff;
}

@media screen and (max-width: 980px) {
	.column-cover{height: 230px;}
	.about-main .box1 .wrap{padding: 20px;}
	.about-main .box1 .line1{flex-direction: column;margin-bottom: 20px;}
	.about-main .box1 .line1 .line1-l{overflow: hidden;}
	.about-main .box1 .line1 .line1-r{padding:20px;}
	
	.about-main .box1 .line2 ul{
		display: grid;grid-template-columns: 1fr 1fr;
		grid-row-gap: 20px;
	}
	.about-main .box1 .line2 ul li .numshow-line1{font-size: 45px;}
	.about-main .box1 .line2 ul li .numshow-line2{font-size: 12px;}
	.about-main .column-cultural .cultural-line1-item{height: 70vw;width: 100vw;}
	.about-main .column-cultural .line1-cover{width: 100vw;height:42vw;}
	.about-main .column-cultural .cultural-line1{flex-direction: column;margin-bottom: 30px;}
	.about-main .column-cultural .cultural-line2{flex-direction: column;}
	.about-main .column-cultural .cultural-line2-item{width: 100vw;height:70vw;}
	.about-main .column-cultural .line2-cover{width: 100vw;height: 42vw;}
	.about-main .column-cultural .cultural-line1 img, .about-main .column-cultural .cultural-line2 img{width: 100%;}
	.about-main .column-cycle{margin-bottom: 60px;}
	.about-main .cycle-info{height: 60vw;}
	.about-main .cycle-info img{width: 80%;}
	
	.service-main .service-list .wrap{padding: 20px;}
	.service-list .list-wrap{grid-template-columns:1fr;
	justify-content: center;align-items: center;}
	.service-list li{background-position: right;}
	
	.news-list .list-wrap{display:flex;flex-direction: column;margin: 0 auto;width: 90vw;}
	.news-list .list-wrap li{width: 90vw;height:90vw;margin-bottom: 20px;}
	.news-list .news-cover{width: 90vw;height: 45vw;}
	.news-list .list-wrap li img{width: 100%;}
	
	.contact-main .contact-info{padding: 20px;}
	.contact-main .contact-line1{
		flex-direction: column;
	}
	.contact-main .contact-text{width: 100%;padding-right: 0;}
	.contact-main .contact-text-sub p{font-size: 16px;}
	.contact-main .contact-img{width: 100%;}
	.contact-main .contact-img img{width: 48%;}
	.contact-main .contact-line2{flex-direction: column;}
	#dituContent{width:100%;height: 400px;}
	.contact-main{padding-bottom: 60px;}
	.contact-main .contact-map{padding-right:0;}
	.about-main .resource-box2{padding-bottom: 60px;}
	.about-main .resource-bz{flex-direction: column;}
	.about-main .resource-bz .half-box{width: 100%;}
	
	.about-main .resource-box2 ul{grid-template-columns:1fr;}
	.about-main .resource-box2 li{height: auto;background-position: right;}
	.about-main .resource-box2 h4{font-size: 30px;}
	.contact-main .contact-form{margin-top:50px;}
	.news-detail{padding:50px 0;}
	.news-detail .news-title{font-size:24px;}
	.news-detail .wrap{padding:15px;}
	.news-detail .wrap img{width:100%!important;display:block;}
	
	.news_info_relevant{
	    
        display: flex;justify-content: center;flex-direction: column;
    }
    .news_info_relevant .new-pre{margin-bottom:10px;}
    
    .about-customer ul{    grid-template-columns: repeat(2, 1fr);        grid-column-gap: 1px;}
	.about-customer ul li{display: none;width:100%;}
	.about-customer ul li img{width:100%;}
	.about-customer ul li:nth-child(1){display: block;}
	.about-customer ul li:nth-child(2){display: block;}
	.about-customer ul li:nth-child(3){display: block;}
	.about-customer ul li:nth-child(4){display: block;}
	
}