@charset "utf-8";
/* CSS Document */

/* 手机端在PC端隐藏 */

@media only screen and (min-width:900px) {
    #gnav {display: none;}
    #openmenu {display: none;}
    
}

@media only screen and (max-width:1500px) {
/* 全部公共 */
	/* 上导航 */
	.navbar li {margin: 0 1vw;}
	/* 上导航 */
/* 全部公共 */

/* 首页 */
	/* 关于我们 */
	.sec2-cont {width: 90vw;}
	/* 关于我们 */
/* 首页 */

}



@media only screen and (max-width:1200px) {

/* 上导航 */
.navbar li a {font-size: 14px;}
.barwrap {padding: 0 20px;}
.barwrap .zoom {margin-left: 20px;}
.barwrap .div2 b {width: max-content;font-size: 16px;}
.barwrap .logo img {width: auto;}
.navbar {padding-right: 10px;}
/* 上导航 */


/* 工艺流程 */
#liucout .box .miaoshu p {font-size: 14px;}
/* 工艺流程 */

/* 联系我们 */
.sec6-cont>ul {width: 90vw;}
.sec6-cont .p2 {font-size: 16px;}
.sec6-cont li:last-child .p2 {font-size: 16px;}
.sec6-cont li div {padding-left: 10px;width: 70%;}
.sec6-cont ul li>span {width: 50px;height: 50px;}

/* 联系我们 */

}



@media only screen and (max-width:900px) {


/* -------------全部页面公共样式------------- */

.w1200 {width: 100%;}

/* 上导航 */
.navbar {display: none;}
.barwrap {height: 18vw;width: 100%;}
.barwrap.on #openmenu span {background-color: #333;}
#openmenu {display: block;
    width: 10vw;
    height: 10vw;
    text-indent: -99em;
    overflow: hidden;transition: all .5s ease;
    z-index: 200;
    cursor: pointer;position: relative;}

	#openmenu span {
		display: block;
		width: 8vw;
		height: 2px;
		background-color: #fff;
        position: absolute;
		left: 0px;
		transition: all .25s ease;}
		#openmenu span:nth-child(1) {top: 3vw;left: 1vw;}
		#openmenu span:nth-child(2) {top: 5vw;left: 1vw;}
		#openmenu span:nth-child(3) {top: 7vw;left: 1vw;}
		#openmenu.is-open span:nth-child(1) {transform: rotate(45deg);top: 5vw;
}
		#openmenu.is-open span:nth-child(2) {opacity: 0;
}
		#openmenu.is-open span:nth-child(3) {
			transform: rotate(-45deg);top: 5vw}

	.bodyfixed{
		position: fixed;
		width: 100%;
		height: 100%;
	}
 

	.gnav{
		background:#39a783;
		padding-bottom: 30px;
		overflow:auto;
		z-index:150;
/*		position: fixed;*/
		right: auto;
		left:0px;
		top:0px;
		width:100%;
		height: 100%;
		transform:translate3d(0,0,2px);
		display: none;
        position: fixed;
	}
	#openmenu.is-open {
		-webkit-transform: translate3d(0,0,3px) rotate(360deg);
		transform: translate3d(0,0,3px) rotate(360deg);}


	.gnav-list-item{
		display: block;
		margin: 0;
		transition: all 1.75s ease;
		opacity: 0;
		transform: translate(0,20px);
		margin-bottom: 4vw;
	}

	.is-active .gnav-list-item:nth-child(1) {transition-delay:0.2s;}
	.is-active .gnav-list-item:nth-child(2) {transition-delay:0.5s;}
	.is-active .gnav-list-item:nth-child(3) {transition-delay:0.8s;}
	.is-active .gnav-list-item:nth-child(4) {transition-delay:1.1s;}
	.is-active .gnav-list-item:nth-child(5) {transition-delay:1.4s;}
	.is-active .gnav-list-item:nth-child(6) {transition-delay:1.7s;}
	.is-active .gnav-list-item:nth-child(7) {transition-delay:2s;}

	.is-active .gnav-list-item{
		opacity: 1;
		transform: translate(0,0px);
	}
    .barwrap {padding: 0 4vw;}
    .barwrap .zoom {margin-left: 0;margin: 0 4vw;}
    .barwrap .zoom img {width: 6vw;}
    .barwrap .div2 b {font-size: 3vw;}
    .barwrap .div2 strong {font-size: 4vw;}

   
    #gnav .gnav-logo img {width: 50vw;margin: 20vw auto 10vw auto;}
	.gnav-list {display: flex;flex-direction: column;align-items: center;}
	.gnav-list a {background-color: #f9b032;width: 40vw;height: 10vw;display: flex;align-items: center;justify-content: center;border-radius:5vw}
	.gnav-list a span {color: #fff;}

	
/* 上导航 */


/* -------------全部页面公共样式------------- */

/* ------------首页------------- */


/* 首页公共 */
.inx-title .title {font-size: 7vw;}

/* 首页公共 */

/* banner */
/*.banner {height: 60vw!important;}*/

.banner .bannerfix>li .bimg {height:80vw;object-fit:cover}

/* banner */

/* 关于我们 */
.sec2-cont {width: 90%;margin-top: 0;padding: 8vw 4vw;}
.index-sec2 {padding: 8vw 0;background: none;}
.sec2-cont ul {flex-wrap: wrap;justify-content: space-between;padding: 6vw 0;}
.sec2-cont li {display: flex;flex-direction: column;align-items: center;margin-bottom: 6vw;}
.sec2-cont li:nth-child(2n+1) {width: 49%;}
.sec2-cont li:nth-child(2n) {display: none;}
.sec2-cont .p1 {font-size: 3.4vw;line-height: 2em;}
.sec2-cont h3 {font-size: 8vw;}
/* 关于我们 */


/* 产品中心 */

.sec3-cont h3 {font-size: 5vw;padding-bottom: 0;}
.index-sec3 #swiper1 {padding-top: 0;}
.sec3-cont .cp-tu {justify-content: flex-start;align-items: flex-start;opacity: 1;}
.sec3-cont .cp-text {padding-top: 0vw;margin-top: 50vw;}
.sec3-cont .jianjie {
    margin-bottom: 3vw;
    /*height:50vw;*/
}
.sec3-cont .more {margin: 7vw auto;}
.sec3-cont .cp-tu img {height: 40vw;object-fit: contain;}
.sec3-cont .swiper-slide:hover .cp-text {transform: unset;margin-top: 50vw;}
.index-sec3>div {background: rgba(0,0,0,.7);}
/* 产品中心 */


/* 工艺流程 */
.inx-liucheng {padding-top: 0;}
#liucout .box .tu {width: 30vw;height: 30vw;}
#liucout li:nth-child(2n+1) .box .tu {margin-top:8vw}
#liucout li:nth-child(2n) .box .tu {margin-bottom:8vw}
#liucout .box .miaoshu {height: 38vw;border-radius: 2vw;}
#liucout .box .miaoshu {padding: 3vw;}
.inx-liucheng .cout {padding-bottom: 20vw;}
#liucout .box .name {margin-top: 0;margin-bottom: 1vw;font-size: 4vw;}
#liucout .box .miaoshu p {font-size: 3vw;}
/* 工艺流程 */

/* 童圣优势 */

.xilie {display: none;}
.xilie-ph {display:block;width: 100%;height: 80vw;position: relative;overflow: hidden;}
.xilie-ph .bgimg {position: relative;width: 100%;height: 100%;overflow: hidden;}
.xilie-ph .bgimg li {width: 100%;height: 100%;transition: all 1000ms ease 0ms;}
.xilie-ph .bgimg .img {width: 100%;height: 100%;background-size: cover;background-position: center;}
.xilie-ph .bgimg .mask {width: 100%;height: 100%;}
.xilie-ph .xiliebox-ph {position: absolute;top: 0;width: 100%;height: 100%;display: flex;}

.xilie-ph .xiliebox-ph>li {height: 100%;transition: all .5s;cursor: pointer;;transition-timing-function:cubic-bezier(0.68, -0.55, 0.265, 1.55);background-color: rgba(0,0,0,.5);}


.xilie-ph .xiliebox-ph .on {background-color: rgba(0,0,0,.5);}
.xiliebox-ph * {color: #fff;}
.xiliebox-ph li h1 {font-size: 6vw;font-weight: bold;color: #fff;margin-bottom: 20px;}
.xiliebox-ph li>div {width: 80%;display: flex;flex-direction: column;align-items: center;height: 80%;}

.xiliebox-ph>li {display: flex;flex-direction: column;align-items: center;justify-content: center;}


.xiliebox-ph .xlcout {opacity: 1;height: unset;}
.xilie-list-ph {margin-top: 20px;width: 100%;}
.xilie-list-ph li {border-bottom: 1px dashed rgba(255,255,255,.6);padding: 10px 0;}
.xiliebox-ph li ul a {display: flex;align-items: center;justify-content: space-between;transition: all .3s ease;padding: 4px 0;}
.xiliebox-ph li ul a img {width: 14px;}

.xiliebox-ph li>div>div {display: flex;flex-direction: column;align-items: center;width: 100%;}
#xiliebg-ph {width: 100%;height: 100%;}
#xiliecout-ph {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}

#xiliecout-ph  .swiper-pagination-bullet {background-color: #fff;width: 6vw;height: 1vw;border-radius: unset;opacity: .5;}
#xiliecout-ph .swiper-pagination-bullet-active {opacity: 1;}
#xiliecout-ph .swiper-pagination {bottom: 2vw;
    left: 50%;
    transform: translateX(-50%);}
/* 童圣优势 */

/* 为什么选择 */
.whychse .bijiao {width: 90%;}
.whychse {padding-top: 0;}
.whychse .bijiao>div {font-size: 4vw;padding: 0 10vw;}
.whychse .whycout img {height: 24vw;}
.whychse .whycout {margin-top: 10vw;display: flex;flex-wrap: wrap;}
.whychse .whycout li {width: 50%;flex: unset;}
.whychse .whycout li .box span {height: 20vw;
    display: flex;
    font-size: 3.4vw;
    line-height: 2em;}
    .whychse {padding-bottom: 10vw;}
/* 为什么选择 */


/* 合作案例 */
.inx-case {padding: 10vw 0;}
#swiper2 {padding-top: 10vw;}
.index-sec4 .swiper-button-prev {right: 60%;}
.index-sec4 .swiper-button-next {right: 0;left: 60%;}
.index-sec4 .line {display: none;}
.index-sec4 .swiper-button-next:hover, .index-sec4 .swiper-button-prev:hover {background-color: #fff;color:#e09e21;}
.index-sec4 figure, .index-sec4 figure img {height:60vw}
.index-sec4 a p {font-size: 3.4vw;line-height: 2em;padding: 3vw;height: 20vw;}

/* 新闻中心 */
.index-sec5>div {background-color: #00000000;} 

.index-sec5 {padding: 1vw 0 10vw 0;;background-position: center;background-size: cover;background-image: url(../img/bg7.jpg);}
.index-sec5 li:nth-child(2n) {margin: unset;}
.index-sec5 li {width: 76%;transform: translateX(6vw);margin:unset;margin-bottom: 6vw!important;}


.index-sec5 ul {flex-direction: column;align-items: center;}
.index-sec5 .time {width: 18vw;height: 18vw;transform: translateY(-50%);margin: 0;}
.index-sec5 b {font-size: 5vw;}
.index-sec5 strong {font-size: 4vw;}
.index-sec5 figcaption {padding: 4vw 4vw 4vw 10vw;}
.index-sec5 p {margin-right: 0;width: 100%;font-size: 3.4vw;}
.index-sec5 li h3 {margin-right: 0;
    width: 100%;
    margin-bottom: 2vw;
    font-size: 4.4vw;
    font-weight: bold;
    color: #333;}

/* 新闻中心 */

/* 联系我们 */
.sec6-cont {padding-top: 20vw;}
.sec6-cont>ul {width: 90%;flex-direction: column;height: unset;margin: 10vw 0;}
.inxfootnav ul {flex-wrap: wrap;}
.sec6-cont>ul li:nth-child(2n) {display: none;}
.sec6-cont>ul li:nth-child(2n+1) {width: 100%;justify-content: flex-start;padding: 4vw 6vw;border-bottom: 1px solid #e09e21;}
.sec6-cont>ul li:nth-child(2n+1):last-child {border-bottom: unset;}   
.sec6-cont li:last-child .p2 {font-size: 3.4vw;}
.sec6-cont .p2 {font-size: 3.4vw;}
.sec6-cont .copyright {position: unset;font-size: 3.4vw;}
.inxfootnav ul li {width: 33.3333%;margin: 0;margin-bottom: 4vw;}
.inxfootnav ul a {font-size: 4vw;}

    
/* 联系我们 */



/* ------------首页------------- */





/* ------------二级页面------------- */

/* 全部公共 */
.pbanner {height: 70vw;}
.pbanner .text {width: 100%;}
/* 全部公共 */

/* 页底 */
.footer .foot {padding: 0 8vw;padding-top: 8vw;}
.footer .foot .ndao {display: flex;flex-direction: column;padding-bottom: 3vw;}
.footer .foot .ndao .ljie {border: 1px dashed rgba(255,255,255,.5);}
.footer .foot .ndao .ljie {margin-bottom: 4vw;}
.footer .foot .ndao .ljie a {width: 33.3333%;padding: unset;text-align: center;margin: 2vw 0;}
.footer .lian {margin-top: 4vw;}
.footer .foot .taile {display: flex;flex-direction: column;align-items: center;padding-top: 4vw;}
.footer .foot .taile .sdha {width: 100%;}
.footer .foot .taile .sdha em {width: 100%;display: flex;}
.footer .foot .taile .ewma strong {padding: unset;}
.footer .foot .taile .ewma {margin-top: 6vw;}
.footer .weibu {display: flex;flex-direction: column;margin-top: 4vw;}
.footer .weibu * {color: #696969}
.footer .weibu .inner {margin-bottom: 0;}
/* 页底 */


/* 全部公共 */

/* 关于我们 */
.about-honey .swiper-slide>a {width: 90%;margin: 0 auto;height: 60vw;padding: 4vw;}
.about-honey #swiper_zs {height: 76vw;}
.about-honey .swiper-slide>a>div {height: 44vw;}

/* 关于我们 */

/* 产品中心 */
.towproduct {flex-direction: column;}
.towproduct .box {width: 100%;margin: 0;margin-bottom: 8vw;}
.towproduct .box .cout {height: 52vw;box-shadow: 8px 8px 15px rgba(0, 0, 0, 0.1), -8px -8px 15px rgba(255, 255, 255, 1);}
.towproduct .box p {margin-top: 4vw;}
.productpage {padding-bottom: 8vw;}
/* 产品中心 */


/* 合作案例 */
.casepage li {width: 100%;}
.casepage li img {border-radius: 4vw;}
/* 合作案例 */


/* 新闻中心 */
.listnav a {width: 26vw;}
.newsList {display: flex;flex-direction: column;align-items: center;}
.newsList {margin-left: 0;}
.newsList li {margin-left: 0;width: 80vw;}
.newsList .bodr {height: 80vw;}
.newsList .txts {padding: 6vw;}
.newsList .txts .sy {padding: 0;}
.newsList .txts .nowti {height: unset;}
.newsList .txts .date {left: 6vw;
    bottom: 4vw;}
/* 新闻中心 */

/* 联系我们 */
.contactpage {padding: 0;}
.contactpage .ul1 {display: flex;flex-wrap: wrap;}
.contactpage .ul1 li {flex: unset;width: 50%;}
.contactpage .w1200 {padding: 6vw;}
.contactpage .div1 {display: flex;flex-direction: column;width: 100%;}
.contactpage .in {width: 100%;margin-top: 4vw;}
.contactpage .area {width: 100%;}
.contactpage .div1 {padding-top: 4vw;}
.contactpage .sub {width: 100%;margin-bottom: 4vw;}
.contactpage .btn-div1 {display: flex;flex-direction: column-reverse;}
/* 联系我们 */


/* ------------二级页面------------- */


.index-sec6 {
    width: 100%;
    height: 100%;
    background: url(../img/bg6.jpg) no-repeat;
    background-size: cover;
}
.ewmbox {
    padding: 30px 0;
}


}

/*2022.02.09新增*/
@media only screen and (max-width:1500px) {
    #liucout .box .miaoshu p {
        font-size: 14px;
        line-height: 1.6em;
    }
    .xilie .inx-title {
        top: 100px;
    }
    .sec3-cont .jianjie {
        width: 80%;
        white-space: normal;
        overflow: hidden;
        word-wrap: break-word;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 3;/* 文本行数 */
        -webkit-box-orient: vertical;
    }
    .sec3-cont .more {
        margin: 40px auto;
    }
    .inx-title {
        margin: 30px 0;
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    .sec6-cont>ul {
        margin: 30px auto;
    }
    .ewmbox .img img {
        width: 90px;
    }
    .sec6-cont {
        padding-top: 50px;
    }
    .sec6-cont h2 {
        font-size: 40px;
    }
    
    
    
    
    
}

.xilie-ph{
    display: none;
}
@media only screen and (max-width: 900px){
    #liucout .box .miaoshu p {
        height: 27.5vw;
        overflow-y: scroll;
    }
    
}