@charset "utf-8";
body{ font-size:30px; height:auto; line-height:1.66; padding:0; background:#000; color:#333;
}
i,em{ font-style:normal;}
a{ color:#333; text-decoration:none;}
a:hover{ text-decoration:none;}
a:active{}
input,button,select{font-family:\5FAE\8F6F\96C5\9ED1;}
strong,em{ font-style:normal; font-weight:normal;}

.iProduct .swiperArrow,
.iProduct .img img,
.menu-link:before{transition: all 0.3s ease-out;}
.walletImgInner .img img{transition: all 1s ease-out;}
.iBanner .img img{transition: all 2s ease-out;}

.iProduct .img{transition: all 1s cubic-bezier(.3,0,.2,1);}
.iProduct .img:before{transition: all 0.6s cubic-bezier(0.3,0,.2, 1) 0.4s;}
.iProduct .img .h3{transition: all .6s ease-in-out 0.4s;}
.iProduct .text{transition: all 0.6s cubic-bezier(.3,0,.2,1) 0.4s;}

.iPartnerships .h3,
.iPartnerships .p,
.iPartnerships .img,
.iBanner .h3,
.iBanner .p,
.iBanner .m{transition: all 0.6s cubic-bezier(.3,0,.2,1); opacity:0; transform:translateY(-30px);}


@keyframes spread {0% {transform: scale(1);opacity: 1;}100% {transform: scale(3);opacity: 0;}}



.wp{ margin:0 60px; position:relative;}

.menu-link{ display:block; box-sizing: border-box; position:fixed; top:0; left:50%; z-index: 10; width:140px; height:140px; padding:30px 64px 0 30px; transition: all 0.2s ease-out; overflow:hidden; margin-left:-375px;}
.menu-link:before{ content:''; width:280px; height:280px; border-radius:50%; right:6px; bottom:6px; background:#144988; position:absolute;}
.menu-link:hover,
.menu-link:focus {}
.menu-link span {position: relative;display: block; margin-top:22px;}
.menu-link span,
.menu-link span:before,
.menu-link span:after {background-color: #fff;width: 100%;height:4px; transition: all 0.4s;box-sizing: border-box;}
.menu-link span{transition:none;}
.menu-link span:before,
.menu-link span:after {position: absolute;top: -14px;content: "";}
.menu-link span:after {top:14px;}
.menu-link.active{}
.menu-link.active span {background: transparent;}
.menu-link.active span:before { background-color:#fff; transform: rotate(45deg); top:0px;}
.menu-link.active span:after { background-color:#fff; transform: rotate(-45deg); top:0px;}
.menu-link.active em{ display:none;}

.header{ background:#144988; z-index:2;}
.header .wp{ height:140px; margin:0 30px;}
.logo{ position:absolute; top:35px; left:50%; margin-left:-80px; width:160px; z-index:10;}
.logo img{ width:100%; height:auto; display:block;}
.logo .img1{ display:block;}
.logo .img2{ display:none;}
.menu{ position:fixed; left:50%; width:750px; margin-left:-375px; top:0px; bottom:0px; background:#fff; line-height:1.5; z-index:9; display:none;}
.menu ul{ position:absolute; left:60px; top:180px; right:60px;}
.menu li{ margin-bottom:40px;}
.menu li:last-child a{ text-decoration:underline;}
.menu .h3 a{ font-size:40px; color:#333;}
.menu .h3 a[href="javascript:;"]{ cursor:default;}
.menu .box{ padding-top:20px; font-size:30px; display:none; display:block; padding-left:1em;}
.menu .box dl{ margin-bottom:20px;}
.menu .box dl:last-child{ margin-bottom:0px;}
.menu .box dl:last-child dt{ margin-bottom:0px;}
.menu .box dt{ margin-bottom:20px;}
.menu .box dt a{ color:#000;}
.menu .box dd a{ color:#999; margin-right:70px; padding-left:14px; position:relative;}
.menu .box dd a:before{ content:''; width:4px; height:28px; position:absolute; background:#144988; left:0px; top:50%; margin-top:-14px; border-radius:3px;}
.menu .box dd a:last-child{ margin-right:0px;}

.menu li.curr .h3 a{ color:#144988;}
.menu li.curr .box{ display:block;}

.body_fix .menu-link:before{ background:#78b844; box-shadow:0 0 6px rgba(0,0,0,0.3);}
.mBody .logo{ position:fixed;}
.mBody .logo .img1{ display:none;}
.mBody .logo .img2{ display:block;}


.main{ width:750px; min-height:1334px; margin:0 auto; position:relative; background:#fff;}
.mainCon{ background:no-repeat top center; background-size:cover;}
.mainCon0{ background:#144988; position:relative; transform:translateZ(0);}
.mainCon0:before{ content:''; background:#144988; position:absolute; left:0px; top:-1px; bottom:-1px; right:0px;}
.iBanner{ margin-right:12%;}
.iBanner .pd{ display:block; color:#fff;}
.iBanner .img{ overflow:hidden; border-radius:0 200px 0 200px; transform:translateZ(0);}
.iBanner .img img{ background-size:120% auto; transform:translateZ(0);}
.iBanner .text{ position:absolute; left:60px; right:80px; bottom:166px;}
.iBanner .h3{ font-size:50px; line-height:1.2; margin-bottom:0.75em; transition-delay:0.2s;}
.iBanner .p{ font-size:20px; line-height:1.5; margin-bottom:36px; transition-delay:0.4s;}
.iBanner .m{ transition-delay:0.6s;}
.iBanner .m em{ width:268px; height:72px; line-height:72px; font-size:20px; border-radius:36px; background:#77b841; display:block; text-align:center;}

.iBanner .swiperPage{ display:block; font-weight:bold; position:absolute; right:20px; bottom:35px; z-index:2; width:98px; height:80px; line-height:1; color:#fff;}
.iBanner .swiper-pagination-current{ font-size:76px; position:absolute; top:-20px;}
.iBanner .swiper-pagination-center{ width:1px; height:108px; background:#fff; display:block; transform:rotate(40deg); margin:-16px 0 0 65px;}
.iBanner .swiper-pagination-total{ font-size:40px; position:absolute; right:0px; bottom:0px;}


.iBanner .swiper-slide-active .img img{ background-size:100% auto;}
.iBanner .swiper-slide-active .h3,
.iBanner .swiper-slide-active .p,
.iBanner .swiper-slide-active .m{ opacity:1; transform:translateY(0);}


.tit1{ text-align:center; font-size:50px; line-height:1.2; margin-bottom:50px; position:relative; z-index:3;}
.tit2{ text-align:center; margin-bottom:60px;}
.tit2 strong{ display:block; font-size:64px; color:#144988; line-height:1; display:block; margin-bottom:18px;}
.tit2 em{ display:block; font-size:20px; line-height:1.5; display:block; padding:0 40px;}

.more1{ position:relative; z-index:3;}
.more1 a{ display:block; width:306px; height:90px; text-align:center; display:block; border-radius:45px; background:#77b841; color:#fff; line-height:90px; margin:0 auto; font-size:24px;}

.more2{ position:absolute; bottom:0px; text-align:center; right:0px; left:0px;}
.more2 a{ display:block; display:inline-block; vertical-align:bottom; border-bottom:1px solid #77b841; font-size:24px; color:#77b841; text-transform:uppercase; letter-spacing:0.4em; padding-bottom:40px;}

.more3{ text-align:center;}
.more3 a{ display:block; display:inline-block; vertical-align:bottom; border-bottom:1px solid #fff; font-size:24px; color:#fff; text-transform:uppercase; letter-spacing:0.4em; padding-bottom:40px;}

.more4{ position:relative; z-index:3;}
.more4 a{ display:block; width:402px; height:94px; text-align:center; display:block; border-radius:45px; background:#77b841; color:#fff; line-height:94px; margin:0 auto; font-size:30px;}



.mainCon1{background:#144988; color:#fff; padding:80px 0 110px 0; overflow:hidden;}
.walletImgBox{ position:relative; margin-bottom:30px; padding:70px 0;}
.walletImgBox .walletSpread1,.walletImgBox .walletSpread2,.walletImgBox .walletSpread3{ width:340px; height:340px; position:absolute; left:50%; top:50%; margin:-170px 0 0 -170px; border:1px dashed #cedcea;
box-sizing: border-box;border-radius:50%;opacity: 0;}
.walletImgBox .walletSpread1{animation: spread 3s linear infinite;}
.walletImgBox .walletSpread2{animation: spread 3s linear 1s infinite;}
.walletImgBox .walletSpread3{animation: spread 3s linear 2s infinite;}
.walletImgInner{ text-align:center; position:relative; z-index:2;}
.walletImgInner .img{ width:284px; height:284px; border-radius:0 50px 0 50px; overflow:hidden;}
.walletImgInner .img img{ width:100%; height:auto; display:block; opacity:0; transform:scale(1.2,1.2);}
.walletImgInner .text{ padding:62px 0;}
.walletImgInner strong{ display:block; font-size:90px; line-height:1.26666; position:relative; z-index:3;}
.walletImgInner em{ display:block; font-size:35px; z-index:3; position:relative;}
.walletImgInner .img,
.walletImgInner:after{ content:''; width:284px; height:284px; border-radius:0 50px 0 50px; display:block; position:absolute; left:50%; top:50%; margin:-142px 0 0 -142px;}
.walletImgInner .img{ background:#a3cd52; transform:translate(10px,-5px);}
.walletImgInner:after{ background:rgba(119,184,65,0.7); transform:translate(-10px,5px);}
.walletImgInner:hover .img{ z-index:2;}
.walletImgInner:hover .img img{ opacity:1; transform:scale(1,1);}


.mainCon2{ padding:60px 0 84px 0; background:url(../images/mainCon2.jpg) no-repeat top center #fff; background-size:100% auto; position:relative;}
.mainCon2:before{ content:''; height:36px; position:absolute; left:0px; bottom:-34px; right:0px; background:url(../images/iSustainability.png) no-repeat; z-index:2;}
.mainCon2_1{ border:1px solid #77b841; padding:50px 45px; position:relative; margin-bottom:100px;}
.iProduct{ margin:0 -106px 100px -106px;}
.iProduct .pd{ display:block; margin:0 10px 44px 10px; padding-bottom:50px;}
.iProduct .img{ position:relative; transform:translateZ(0); position:relative; z-index:2; border-radius:0 100px 0 100px; overflow:hidden;}
.iProduct .img:before{content: "";position: absolute;bottom: 0;left: 0;width: 100%;height: 0;background-color: rgba(0, 0, 0, 0.2);z-index: 1;}
.iProduct .img img{}
.iProduct .img .h3{ position:absolute; left:0px; bottom:40px; right:0px; font-size:64px; line-height:1; text-align:center; color:#fff; opacity:0; z-index:2; transform:translateY(50px);}
.iProduct .text{ font-size:20px; line-height:1.5; height:4.5em; overflow:hidden; margin:30px 0; color:#858585; left:80px; right:80px; position:absolute; bottom:50px; transform:translateY(-100px); z-index:1; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3;}
.iProduct .swiper-slide{ width:92%;}
.iProduct .swiperArrow{ display:block; bottom:0px; top:auto; width:80px; color:#333; font-size:20px;}
.iProduct .swiperArrow:after{ content:''; width:100%; height:1px; top:50%; margin-top:-1px; background:#333; position:absolute;}
.iProduct .swiperArrow:hover{ color:#77b841; width:120px;}
.iProduct .swiperArrow:hover:after{ background:#77b841;}
.iProduct .swiperPrev{ text-align:left; left:240px;}
.iProduct .swiperPrev:after{ left:6px;}
.iProduct .swiperNext{ text-align:right; right:240px;}
.iProduct .swiperNext:after{ right:6px;}

.iProduct .swiper-slide-active .pd{}
.iProduct .swiper-slide-active .img{ transform:scale(0.8,0.8); transform-origin:top center;}
.iProduct .swiper-slide-active .img:before{ height:100%;}
.iProduct .swiper-slide-active .text{ transform:translateY(0px);}
.iProduct .swiper-slide-active .h3{ opacity:1; transform:translateY(0px);}

.mainCon2_2{ border:1px solid #77b841; padding:50px 45px; position:relative;}
.iPartnerships{ margin-bottom:100px;}
.iPartnerships .pd{ display:block; margin-bottom:44px;}
.iPartnerships .img{ position:relative; transition-delay:0.6s;}
.iPartnerships .img img{ height:64px; width:auto; margin:0 auto; display:block;}
.iPartnerships .text{ text-align:center; margin-bottom:60px;}
.iPartnerships .h3{ font-size:36px; line-height:1.2; color:#8ab929; margin-bottom:24px; transition-delay:0.2s;}
.iPartnerships .p{ font-size:20px; line-height:1.5; color:#000; transition-delay:0.4s;}


.iPartnerships .swiper-slide-active .h3,
.iPartnerships .swiper-slide-active .p,
.iPartnerships .swiper-slide-active .img{ opacity:1; transform:translateY(0px);}

.mainCon3{ position:relative;}
.mainCon3:before{ content:''; height:36px; position:absolute; left:0px; top:-1px; right:0px; background:url(../images/iSustainability.png) no-repeat;}
.iSustainability{ height:1084px; color:#fff; text-align:center; position:relative;}
.iSustainability .h3{ display:block; font-size:64px; line-height:1; display:block; margin-bottom:18px;}
.iSustainability .p{ display:block; font-size:20px; line-height:1.5; display:block; margin-bottom:230px;}

.fonter{ background:#154485; color:#fff; text-align:center; position:relative;}
.fonter a{ color:#fff;}
.fNav{ font-size:45px; line-height:2; padding:60px 0;}
.fContact{ margin-bottom:60px;}
.fContact .p{}
.fContact .p1{ font-size:45px; line-height:1.875; border-bottom:2px solid #fff;}
.fContact .p2{ font-size:45px; line-height:3;}
.fContact .p3{}
.fShare{}
.fShare ul{ display:inline-block; vertical-align:bottom;}
.fShare li{ float:left; margin:0 32px;}
.fShare a{ display:block; width:54px; height:54px; line-height:54px; text-align:center; border-radius:8px; background:#fff; color:#17357b; font-size:32px;}
.fCopy{ padding:30px 0; font-size:20px;}



.tit3{ margin-bottom:60px;}
.tit3 strong{ font-size:50px; line-height:1.1; display:block; margin-bottom:20px;}
.tit3 strong:last-child{ margin-bottom:0px;}
.tit3 em{ font-size:36px; line-height:1.4; display:block;}
.tit3 p{ font-size:26px; line-height:1.5; display:block;}

.pBanner{ margin-bottom:80px; position:relative;}
.pBanner:before{ content:''; height:201px; left:0px; top:-2px; right:0px; background:#144988; position:absolute;}
.pBanner .pd{ display:block; position:relative; z-index:2;}
.pBanner .img{ background:#000; border-radius:100px 0 100px 0;}
.pBanner .img img{ border-radius:96px 0 96px 0; opacity:0.8;}
.pBanner .text{ position:absolute; left:60px; right:60px; top:225px; color:#fff; text-shadow:0 0 0.3rem rgba(0,0,0,1);}
.pBanner .em{ font-size:80px; margin-bottom:20px;}
.pBanner .h3{ font-size:50px; margin-bottom:14px; line-height:1.2;}
.pBanner .p{ font-size:26px;}
.pBanner_contact{ margin-bottom:0px;}
.pBanner_contact .text{ text-shadow:none;}
.pBanner_contact .em{ color:#144988;}
.pBanner_contact .h3{ color:#333;}
.pBanner_contact:after{ content:''; height:201px; left:0px; bottom:-2px; right:0px; background:#78b843; position:absolute;}
.pBanner_product{ margin-bottom:0px;}
.pBanner_product .img img{ border-radius:0 100px 0 0;}
.pBanner_product .text{ text-align:center; top:46%;}
.pBanner_proinfo{ margin-bottom:0px;}
.pBanner_proinfo .text{ top:20%;}

.pMian{ padding:80px 0; background:no-repeat center center; background-size:cover;}
.aboutCon1{ background:url(../images/aboutCon1.png) no-repeat center 788px; }
.textA{ font-size:26px; line-height:2;}
.textA img{ margin:1em 0; display:block; width:100%; height:auto;}
.aboutCon2{ background-color:#89c342; color:#fff;}
.aboutCon6{ padding:110px 0 220px 0; color:#fff; text-align:center; text-shadow:0 0 0.3em rgba(0,0,0,0.3);}

.contactCon1{ background:#78b843; color:#fff;}
.contactCon1 dl{ margin-bottom:40px;}
.contactCon1 dt{ font-size:24px; line-height:1; margin-bottom:16px;}
.contactCon1 dd{}
.ipt_t1{ width:100%; height:74px; line-height:74px; padding:0 40px; box-sizing:border-box; border:2px solid #fff; border-radius:10px; background:none; font-size:24px; color:#fff;}
.ipt_text1{ width:100%; height:74px; line-height:1.5; padding:30px 40px; height:220px; box-sizing:border-box; border:2px solid #fff; border-radius:10px; background:none; font-size:24px; color:#fff;}
.ipt_b1{ width:100%; height:100px; line-height:100px; padding:0 40px; box-sizing:border-box; border:2px solid #fff; border-radius:50px; background:#fff; font-size:30px; color:#78b843; font-weight:bold; cursor:pointer;}
.contactCon2{ background:#fff; text-align:center;}
.contactCon2 .h3{ color:#144988; font-size:34px; margin-bottom:0.5em;}
.contactCon2 .p{ font-size:20px; line-height:1.5; margin-bottom:1em;}
.contactCon2 .em{ font-size:28px; line-height:1.7;}

.partnershipsCon1{ padding-bottom:0px; padding-top:0px;}
.partnershipsCon1_1{ margin-bottom:170px; position:relative;}
.partnershipsCon1_1 .text{ margin-bottom:30px;}
.partnershipsCon1_1 .text img{ max-width:50%; height:auto; display:inline-block; margin-bottom:1em;}
.partnershipsCon1_1 .img{ margin:0 -30px;}
.partnershipsCon1_1 .img img{ border-radius:100px 0 100px 0;}
.partnershipsCon1_2{ margin-bottom:80px;}
.partnershipsCon1_2 dl{ margin-bottom:80px;}
.partnershipsCon1_2 dl:last-child{ margin-bottom:0px;}
.partnershipsCon1_2 dt{ font-size:50px; line-height:1.4; color:#144988; margin-bottom:30px;}
.partnershipsCon1_2 dd{}
.partnershipsCon1_3{ margin:0 -60px;}
.partnershipsCon1_3 img{ width:100%; height:auto; display:block;}
.partnershipsCon2{ background:#efeeed;}
.partnershipsCon2 .tit3 strong{ color:#144988;}
.partnershipsList{ margin:0 -30px;}
.partnershipsList ul{ margin-right:-20px;}
.partnershipsList li{ width:50%; float:left; margin-bottom:20px;}
.partnershipsList .pd{ margin-right:20px; background:#fff; display:block;}
.partnershipsList .img{}
.partnershipsList .text{ background:url(../images/partnershipsList.png) no-repeat center right #77b841;}
.partnershipsList .h3{ color:#fff; height:80px; font-size:20px; line-height:1.5; padding:0 54px 0 20px;display: flex;align-items: center;vertical-align: center;justify-content: left;flex-direction:row;}
.partnershipsList .p{ display:none;}

.more5{}
.more5 a{ width:330px; height:240px; border-radius:0 50px 0 50px; background:#77b841; color:#fff; display:block; padding:0 30px; box-sizing:border-box;}
.more5 span{ display:block; text-transform:uppercase; font-size:26px; margin-bottom:34px;}
.more5 i{ width:268px; height:72px; line-height:72px; font-size:20px; border-radius:36px; text-transform:uppercase; background:#fff; color:#77b841; display:block; text-align:center;}

.more5_1{ position:absolute; left:60px; bottom:-60px; display:none;}
.more5_2{ position:absolute; bottom:-60px;}

.tcBg{ position:fixed; left:0px; top:0px; right:0px; bottom:0px; background:rgba(0,0,0,0.5); z-index:99; display:none;}

.ptMsg{ position:fixed; width:630px; left:50%; top:50%; margin:-486px 0 0 -315px; border-radius:0 100px 0 100px; z-index:100; background:#78b843; color:#fff; padding:50px 30px 60px 30px; box-sizing:border-box; display:none;}
.ptMsgTit{ margin-bottom:40px; position:relative;}
.ptMsgTit span{ font-size:50px; display:block; line-height:1;}
.ptMsgTit i{ position:absolute; right:0px; top:0px; height:50px; line-height:50px; font-size:40px; cursor:pointer; width:50px; text-align:center;}
.ptMsgList dl{ margin-bottom:30px;}
.ptMsgList dl:last-child{ margin-bottom:0px;}
.ptMsgList dt{ line-height:1; font-size:24px; margin-bottom:10px;}
.ptMsgList .ipt_text1{ height:180px;}

.partnerBox{ position:fixed; width:630px; left:50%; top:50%; margin:-390px 0 0 -315px; border-radius:100px 0 100px 0; z-index:100; background:#fff; padding:0px 60px 160px 60px; box-sizing:border-box; overflow:hidden; display:none;}
.partnerBox .img img{ display:block; margin:0 auto; height:171px; width:auto;}
.partnerBox .text{}
.partnerBox .h3{ font-size:36px; line-height:1.4;}
.partnerBox .p{ font-size:22px; line-height:2;}
.partnerBox .m{ position:absolute; left:0px; bottom:0px; right:0px; height:40px; line-height:40px; background:#eee; padding:30px 60px; cursor:pointer;}
.partnerBox .m i{ float:left; width:40px; height:40px; font-size:36px; margin-right:10px;}
.partnerBox .m span{ float:left; font-size:26px; height:40px; text-transform:uppercase;}

.textB{ background:#77b744; padding:40px 40px 50px 40px; border-radius:0 100px 0 100px; color:#fff;}
.textB .h3{ font-size:46px;}
.textB .p{ font-size:26px; line-height:1.2; margin-bottom:60px;}
.textB .m{ display:block;}
.textB .m em{ width:268px; height:72px; line-height:72px; font-size:20px; border-radius:36px; background:#fff; color:#77b841; display:block; text-align:center;}

.more6{ position:absolute; bottom:20px; width:80px; font-size:64px; line-height:1;  left:50%; margin-left:-40px; color:#fff; text-align:center;}
.more6:before{ display:inline-block; vertical-align:bottom;}

/*淡入 向上 循环*/
.FmovefadeInUp,
.more6:before{
animation:FmovefadeInUp 1.5s 1s infinite ease both;
}
@keyframes FmovefadeInUp{
	0%{opacity:0;transform:translateY(-20px)}
	70%{opacity:1;transform:translateY(0)}
	100%{opacity:0;transform:translateY(30px)}
}


.proMain{ position:relative;}
.proMain .wp{height:948px;}
.proMain .pd{ position:absolute; left:0px; bottom:20px; right:0px; display:block;}
.proMain .pd:before{}
.proMain1{}
.proMain2{}
.proMain3{}


.viscoseMain1{}
.textC{}
.textC .h3{ line-height:1.2; font-size:50px; margin-bottom:1em; color:#144988;}
.textC .p{ font-size:26px; line-height:2;}
.textC .p p{ margin-bottom:1em;}
.textC .p p:last-child{ margin-bottom:0px;}
.textC .p .h3{ margin:0.5em 0;}
.textC .p img{ width:100%; height:auto; display:inline-block;}
.textC_2 .h3{ color:#fff}
.textC_2 img{ width:100%; height:auto; display:inline-block; border-radius:0 100px 0 100px;}
.textC_3{ margin-bottom:40px;}
.textC_3 img{ width:100%; height:auto; display:inline-block; border-radius:0 100px 0 100px;}

.viscoseMain2{ position:relative;}
.viscoseMain2:before{ content:''; position:absolute; left:0px; top:0px; right:0px; height:392px; background:#154888;}
.viscoseMain2 .tit3{ color:#fff;}
.viscoseList{}
.viscoseList li{ margin-bottom:30px;}
.viscoseList .pd{ display:block;}
.viscoseList .img img{ border-radius:0 100px 0 0; width:100%; height:auto; display:block;}
.viscoseList .text{ background:#77b841; color:#fff; border-radius:0 0 0 100px; padding:40px;}
.viscoseList .h3{ font-size:32px;}
.viscoseList .p{ font-size:26px; line-height:1.2; margin-bottom:60px;}
.viscoseList .m{ display:block;}
.viscoseList .m em{ width:268px; height:72px; line-height:72px; font-size:20px; border-radius:36px; background:#fff; color:#77b841; display:block; text-align:center;}

.textD{ padding-top:50px;}
.textD .pd{ display:block; position:relative; padding-bottom:140px;}
.textD .img img{ border-radius:0 100px 0 0;}
.textD .text{ background:#77b841; border-radius:0 100px 0 100px; padding:40px; color:#fff; position:absolute; left:0px; bottom:0px; right:0px;}
.textD .h3{ font-size:50px; line-height:1.2; margin-bottom:20px;}
.textD .p{ font-size:26px; line-height:1.5; min-height:4.5em;}
.textD_2{}
.textD_2 .text{ background:#144988;}

.yarnList{ margin:0 -60px; padding-top:60px;}
.yarnList .pd{ border:2px solid #77b841; background:#fff; border-radius:20px; padding:30px; margin:0 15px 65px 15px;}
.yarnList .h3{ font-size:36px; line-height:1.5; padding-bottom:10px; margin-bottom:10px; border-bottom:2px solid #77b841; color:#144988;}
.yarnList .p{ font-size:24px; line-height:1.5; min-height:12em; color:#666;}
.yarnList .swiper-slide{ width:88%;}
.yarnList .swiperDots{ display:block;}
.yarnList .swiperDots span{ width:18px; height:18px; background-color:#144988; border-radius:50%; margin:0 16px;}
.yarnList .swiperDots span:before{ left:-5px; top:-5px; right:-5px; bottom:-5px; height:auto; border:2px solid #77b841; background:none; border-radius:50%; display:none;}
.yarnList .swiperDots span.swiper-pagination-bullet-active{ background:#77b841;}
.yarnList .swiperDots span.swiper-pagination-bullet-active:before{ display:block;}
.yarnList.noDots .swiperDots{ display:none;}
.yarnList.noDots .pd{ margin-bottom:0px;}

.yarnList2{ margin-bottom:50px;}
.yarnList2 .h3{ color:#77b841;}
.yarnList2 .swiperDots span{ background:#fff;}
.yarnList2 .swiperDots span:before{ border-color:#fff;}
.yarnList2 .swiperDots span.swiper-pagination-bullet-active{ background:#fff;}

.yarnMain2{ background:#77b841; color:#fff;}

.textE{ margin-bottom:60px;}
.textE .tit3{ margin-bottom:30px;}
.textE .p{ line-height:1.2; font-size:26px;}
.textE .p li{ margin-bottom:1em; padding-left:1em; position:relative;}
.textE .p li:before{ content:''; position:absolute; width:6px; height:6px; border-radius:50%; background:#fff; left:0px; top:0.5em;}

.textF{ margin-bottom:60px;}
.textF .tit3{ margin-bottom:30px;}
.textF .p{ font-size:26px; color:#144988;}
.textF ul{ margin-right:-20px;}
.textF li{ float:left; width:50%; margin-bottom:20px;}
.textF .pd{ margin-right:20px; height:76px; line-height:76px; border-radius:12px; background:#fff; padding:0 30px;}

.textG{ background:#77b841; color:#fff; border-radius:0 50px 0 50px; padding:40px;}
.textG .h3{ font-size:36px; line-height:1.2; margin-bottom:1em;}
.textG .p{ font-size:24px; line-height:1.66667}
.textG_2{ background:#144988; border-radius:0 0 0 100px; padding:60px;}

.yarnMain4{ padding:0px;}
.yarnMain4 .wp{ margin:0px;}
.textH{ padding:60px; background:no-repeat center center; background-size:cover;}
.textH .h3{ font-size:36px; color:#000; line-height:1.2; margin-bottom:1em;}
.textH .p{ font-size:24px; color:#666; line-height:1.5}

.tjpro{}
.tjpro ul{}
.tjpro li{ margin-bottom:30px;}
.tjpro .pd{ position:relative; display:block; color:#fff;}
.tjpro .img img{ border-radius:0 100px 0 100px; width:100%; height:auto; display:block;}
.tjpro .text{ position:absolute; left:0px; top:0px; right:0px; bottom:0px;}
.tjpro .h3{ font-size:50px; line-height:1.2; padding:80px 34px 0 34px; text-shadow:0 0 0.3em rgba(0,0,0,0.3);}
.tjpro .m{ position:absolute; left:0px; bottom:0px; width:240px; height:90px; padding:0 30px; background:#77b841; border-radius:0 20px 0 20px}
.tjpro .m em{ line-height:60px; display:block; font-size:36px;}
.tjpro .m i{ display:block; background:url(../images/more5.png) no-repeat; width:206px; height:9px;}

.finexMain1{}
.finexMain1 .textC{ margin-bottom:100px;}
.textJ{}
.textJ li{ margin-bottom:20px;}
.textJ li:last-child{ margin-bottom:0px;}
.textJ .img{ margin-bottom:30px;}
.textJ .img img{ border-radius:0 100px 0 100px;}
.textJ .text{}
.textJ .h3{ font-size:32px;}
.textJ .p{ font-size:26px; line-height:1.5; min-height:3em;}

.finexMain2{ background:#77b841; color:#fff;}
.finexMain2 .tit3{ margin-bottom:30px;}
.textI{ padding-top:40px;}
.textI li{ margin-bottom:40px; overflow:hidden;}
.textI img{ float:left;}
.textI span{ margin-left:90px; display:block; line-height:90px; padding-left:30px;font-size:36px;}

.proMain1 .pd{ position:static;}

.aboutCon5{ background:#f5f5f5;}