







/* 流体布局 */

.all-flex {display: flex;position: relative;z-index: 6;width: 100%;height: 100%;padding:0px;}



/* 第1部分 */



.part1 {/* display: none; */position: relative;background: url(../images/home/video_img.jpg) no-repeat center center/cover;}



.video-font {position: absolute;left:0%;top:0%;width:100%;height:100%;}

.video-font>img{width:100%;height:100%;}

.part1.swiper-slide-active .video-font {

	}



/* 第2部分 */



.part2 {position: relative;background: url(../images/home/part2_bg.jpg) no-repeat center 0 / cover;}



.part2 .all-flex {align-items: center;}



.part2-main {position: relative;width: 1200px;margin: 0 auto;padding: 0px;

	background:rgba(255, 255, 255, 0.7);}

.part2-x1{ float:left;width:200px;height:540px;padding:80px 0;}

.part2-x1>li{background:url(../images/home/part2_x1_li_a_bg.png) center right no-repeat;}

.part2-x1>li:hover{background:url(../images/home/part2_x1_li_a_bgh.png) center right no-repeat;}

.part2-x1>li>a{ display:block;font-size: 16px;line-height: 59px;padding-left:105px;color: #000; transition:all 1s}

.part2-x1>li:hover>a{ color:rgb(0, 111, 63); padding-left:85px; transition:all 1s}

.part2-x2{ float:left; width:560px; height:540px;}

.part2-x2>img{ width:100%; height:100%;}

.part2-x3{ float:left; width:340px; height:540px; padding:80px 10px 70px 10px; overflow:hidden}

.part2-x3>p{ font-size:14px; line-height:30px;}

.part2-x4{ float:left; width:100px; height:540px;padding: 86px 0px 0px 20px;}

.part2-x4>a{ display:block;}

.part2-x4>a>img{ width:auto; }

.part2-x4>a>img:hover{ width:auto; padding:2px 0 0 2px; }

.part2-z1{ width:428px; height:432px; position:absolute; z-index:-2; right:110px; bottom:0;}



/*动画*/

.part2-main{opacity: 0;transform: translate3d(-20%, -20%, 0);transition: 1s;}

.part2.swiper-slide-active .part2-main{opacity: 1;transform: translate3d(0, 0, 0);transition-delay: 1s;}

.part2-z1{opacity: 0;transform: translate3d(-20%, 20%, 0);transition: 1s;}

.part2.swiper-slide-active .part2-z1{opacity: 1;transform: translate3d(0, 0, 0);transition-delay: 2s;}









/* 第3部分 */



.part3 {position: relative;background: url(../images/home/part3_bg.jpg) no-repeat center 0 / cover;}



.part3 .all-flex {align-items: center;}



.part3-main {width:86%; margin:0 auto;}



.part3-box {position: relative;height:auto;}



.part3-box>ul {display: flex;}



.part3-title{ width:100%; height:150px; text-align:center; margin-bottom:35px;}



.part3-title>img{ width:auto;}



.part3-main ul li {width:25%;padding:0 30px;}

.part3-main ul li:nth-child(1){ border-right:dashed #fff 1px}

.part3-main ul li:nth-child(2){ border-right:dashed #fff 1px}

.part3-main ul li:nth-child(3){ border-right:dashed #fff 1px}

.part3-main ul li:nth-child(4){}



.part3-main ul li a {position: relative;display: block;padding:0;}



.part3-li-img img {width: 100%;border-radius: 10px;}



.part3-font { width:100%}

.part3-font>p{ text-align:center; font-size:16px; color:rgba(255,255,255,1); line-height:40px;}



.part3-product{ width:100%;}



.part3-product>img{ width:100%; height:240px;}



.part3-box>ul>li>a>.part3-li-more{text-align: center;position: absolute;top: 174px;z-index: -1;left: 160px;}

.part3-box>ul>li>a:hover>.part3-li-more{opacity: 1;transform: translate3d(0, 60%, 0);transition: 0.3s;}



.part3-li-more>img{ width:auto}





/*鼠标经过*/

.part3-box>ul>li>a>.part3-li-more{opacity:0;transition: 0.3s;}

.part3-box>ul>li>a:hover>.part3-li-more{opacity: 1;transform: translate3d(0, 60%, 0);transition: 0.3s;}



.part3-box>ul>li>a{transition: 0.3s;}

.part3-box>ul>li>a:hover{transform: translate3d(0, -10%, 0);transition: 0.3s;}









/* 动画部分 */

.part3-title{opacity: 0;transform: translate3d(100%, 0, 0);transition: 1s;}

.part3.swiper-slide-active .part3-title{opacity: 1;transform: translate3d(0, 0, 0);transition-delay: 0.2s;}



.part3-box {opacity: 0;transform: translate3d(-100%, 0, 0);transition: 1.5s;}

.part3.swiper-slide-active .part3-box {opacity: 1;transform: translate3d(0, 0, 0);transition-delay: 1s;}





/* 第4部分 */

.part4 {position: relative;background: url(../images/home/part4_bg.jpg) no-repeat center 0 / cover;}



.part4 .all-flex {align-items: center;}



.part4-main {width: 1200px;margin: 0 auto;padding: 0px;    height: 100%;}





.leetab{ position:relative;  z-index:9; width:100%;height:100%}



.leetab-bt{ position:absolute; z-index:10; margin:0 auto; text-align:center; width:100%;height:100%}

.leetab-bt>a>img{ width:auto;position:inherit;left: 50%; margin-left: 10px; margin-top: 126px;}



.leetab-bg{ position:absolute; z-index:11; margin:0 auto; text-align:center; width:100%;height:100%}

.leetab-bg>img{ width:auto;position: absolute; bottom: 0;left: 50%; margin-left: -203px;}



.leetabA{ position:absolute; z-index:13; width:100%;height:100%%; top:49%}

.leetabA>li{    

	position: inherit;

    text-align: center;

    width: 100px;

    list-style: none;

    line-height: 40px;

    font-size: 16px;

    color: #356b00;

    background: #fbc007;

    border-radius: 20px;

    font-weight: 600;

    border: 1px solid #356b00;

	cursor:pointer;

}

 

.leetabA>li.leetabon{border: 1px solid rgba(0,153,51,1); color:rgba(255,255,255,1); background:rgba(0,153,51,1) }

.leetabA>li:nth-child(1){ top:0px; left: 378px;}

.leetabA>li:nth-child(2){ top: 15px; right: 370px;}

.leetabA>li:nth-child(3){ top: 110px;left: 345px;}

.leetabA>li:nth-child(4){ top: 170px;right: 370px;}



.leetabB{ position:absolute; z-index:12; width:100%;height:100%; padding:35% 0 0 0; }

.leetabB>li{}



.leetabB-li{}

.leetabB-li>a{background:rgba(255,255,255,1);border-radius:30px;}

.leetabB-li>a:hover{ box-shadow:rgb(250, 195, 5) 1px 1px 20px 9px}

.leetabB-li>a>img{ width:312px; height:234px; border:3px solid rgba(255,255,255,1); border-radius:30px;}

.leetabB-li>a>h5{

    text-align: center;

    line-height: 35px;

    color: rgba(0,0,0,1);

    font-size: 16px;

    letter-spacing: 5px;

    font-weight: 500;

}

.leetabB-li>a:nth-child(1){ float:left}

.leetabB-li>a:nth-child(2){ float:right}









/* 动画部分 */

.leetab-bg{opacity: 0;transform: translate3d(0, 100%, 0);transition: 1s;}

.part4.swiper-slide-active .leetab-bg{opacity: 1;transform: translate3d(0, 0, 0);transition-delay: 0.2s;}



.leetab-bt {opacity: 0;transform: translate3d(0, -100%, 0);transition: 1.5s;}

.part4.swiper-slide-active .leetab-bt{opacity: 1;transform: translate3d(0, 0, 0);transition-delay: 1s;}



.leetabA{opacity: 0;transform: translate3d(0, 0, 100%);transition: 1s;}

.part4.swiper-slide-active .leetabA{opacity: 1;transform: translate3d(0, 0, 0);transition-delay: 2.5s;}



.leetabB{opacity: 0;transform: translate3d(0, 0, 100%);transition: 1s;}

.part4.swiper-slide-active .leetabB{opacity: 1;transform: translate3d(0, 0, 0);transition-delay: 3s;}







/* 第5部分 */



.part5 {position: relative;background: url(../images/home/part5_bg.jpg) no-repeat center bottom / cover;}

.part5 .all-flex {align-items: center;}

.part5-main {perspective: 1000px;position: relative;width: 1200px;margin: 0 auto;padding:0px;}



.part5-y1{margin-bottom: 45px;}

.part5-y1-x1{}

.part5-y1-x2{}



.part5-y2{padding:0 175px 0 25px;background:rgba(255,255,255,0.7) url(../images/home/part5_y2_bg.png) 890px 190px  no-repeat;}

.part5-y2>a {display: flex;color: #000;}

.new-li-img {flex-grow: 1;width:400px;height:280px;overflow: hidden;}

.new-li-img>img {width: 100%;height: 100%;}

.new-li-time{flex-grow: 2; width:150px; padding: 20px 21px 0px 30px; background:url(../images/home/part5_y2_bg2.png) 30px 48px no-repeat;}

.new-li-time>h3{ font-size:36px;}

.new-li-time>h5{ font-size:16px; font-weight:400; text-align:right}

.new-li-font{

	flex-grow: 3; 

	width:450px;

    padding: 60px 0px 0px 15px;

}

.new-li-font>h2{ font-size:24px;margin-bottom: 20px;}

.new-li-font>p{

	font-size:14px;

    height: 65px;

    overflow: hidden;

}





.part5-y3{ padding:50px 0px 0px 0px }

.part5-y3>ul{}

.part5-y3>ul>li{}

.part5-y3>ul>li>a{}



.news-l{ padding:0px 13px 0px 0px;background:url(../images/home/part5_y2_bg2.png) 6px 15px no-repeat;}

.news-l>h3{

    font-size: 36px;

    color: #000;

    font-weight: 400;

}

.news-l>h5{

	font-size: 16px;

    text-align: right;

    font-weight: 300;

    color: #000;	

}

.news-r{ padding: 0px 50px 0px 0px;}

.news-r>h4{ 

	font-size:18px;

    color: #000;

    font-weight: 600;

}

.news-r>h6>span{

    font-size: 32px;

    font-weight: 100;

    color: #000;

    margin-top: 50px;

}

/*鼠标经过*/

.part5-y2>a>.new-li-time, .part5-y2>a>.new-li-font{transition: 1s;transform:translate(0,0); transition:cubic-bezier(x1,y1,x2,y2)}

.part5-y2>a:hover>.new-li-time, .part5-y2>a:hover>.new-li-font{transition: 1s;transform:translate(50px,0); transition:cubic-bezier(x1,y1,x2,y2)}

.part5-y3>ul>a>li{transition: 1s;transform:translate(0,0)}

.part5-y3>ul>a>li:hover{transition: 1s;transform:translate(25px,0)}

.part5-y3>ul>a>li>.news-r>h4,

.part5-y3>ul>a>li>.news-r>h6>span,

.part5-y3>ul>a>li>.news-l>h5,

.part5-y3>ul>a>li>.news-l>h3

{

	color:rgba(0,0,0,0.5);

	transition: 1s;

}

.part5-y3>ul>a>li:hover>.news-r>h4,

.part5-y3>ul>a>li:hover>.news-r>h6>span,

.part5-y3>ul>a>li:hover>.news-l>h5,

.part5-y3>ul>a>li:hover>.news-l>h3

{ 

	transition: 1s;

	color:rgba(0,0,0,1);

}



/* 动画部分 */



.part5-y1 {opacity: 0;transform: translate3d(-100%, 0, 0);transition: 1.5s;}

.part5.swiper-slide-active .part5-y1 {opacity: 1;transform: translate3d(0, 0, 0);transition-delay: 1s;}



.part5-y2{opacity: 0;transform: translate3d(100%, 0, 0);transition: 1.5s;}

.part5.swiper-slide-active .part5-y2{opacity: 1;transform: translate3d(0, 0, 0);transition-delay: 1s;}



.part5-y3 {opacity: 0;transform: translate3d(-100%, 0, 0);transition: 1.5s;}

.part5.swiper-slide-active .part5-y3 {opacity: 1;transform: translate3d(0, 0, 0);transition-delay: 1s;}





/*.part5-y2{position: relative;z-index: 1;}

.part5-y2 {opacity: 0;transform: rotateX(60deg);transform-origin: center center;transition: 1s;}

.part5.swiper-slide-active .part5-y2 {opacity: 1;transform: rotateX(0);transition-delay: 1.2s;}

*/





/* 第6部分 */



.part6 {position: relative;background: url(../images/home/part6_bg.jpg) no-repeat center 0 / cover;}



.part6 .all-flex {align-items: center;}



.part6-main {width:100%;height:100%;margin: 0 auto;padding:60px 0 0 0;}



.part6-box {width:520px;height:520px;margin:0 auto;background: url(../images/home/part6_circle.png) no-repeat center center/100% 100%;}

.part6-box2 {width: 100%;height: 100%;padding:0;}

.part6-box2>ul{ width:1000px; margin:0 auto; padding-top:140px;}

.part6-box2>ul>li{ width:33.33%; float:left; padding:15px 0 15px 90px; display:block;}

.part6-box2>ul>li:nth-child(1){background:url(../images/home/part6_con_bg1.png) no-repeat center left;}

.part6-box2>ul>li:nth-child(2){background:url(../images/home/part6_con_bg2.png) no-repeat center left;}

.part6-box2>ul>li:nth-child(3){background:url(../images/home/part6_con_bg3.png) no-repeat center left;}

.part6-box2>ul>li>h5{ font-size:16px; line-height:24px; font-variant:300;}



.part6-logo {padding: 0 0 50px;text-align: center;}



.part6-detail { background:url(../images/home/part6_ewm_bg.png) left center no-repeat ;

	width: 280px;margin: 0 auto;height: 60px;padding-left:80px;}

.part6-detail>h6{

	padding-top: 8px;font-size: 16px;color: red;letter-spacing: 8px;}

.part6-detail>h3{

	font-size:28px;font-weight: 600;color: #006f3f;line-height: 30px;}



.part6-ewm {padding: 35px 0 0;text-align: center;}



footer {display: flex;justify-content: center;position: absolute;left: 0;bottom: 1%;width: 100%; z-index:99;}



footer p {font: 400 16px/30px "微软雅黑";color: #000;}



/*鼠标经过*/

.part6-box2>ul>li{transform: translate3d(0, 0, 0) ; transition:1s}

.part6-box2>ul>li:hover{transform: translate3d(0, -20px, 0) ; transition:1s}

/* 动画部分 */

.part6-box {opacity: 0;transform: rotate(-360deg);transition: 2s;}

.part6.swiper-slide-active .part6-box {opacity: 1;transform: rotate(0);transition-delay: 1.2s;}

.part6-box2{opacity: 0;transition: 2s;}

.part6.swiper-slide-active .part6-box2{opacity: 1;transition-delay: 1.2s;}







@media (max-width: 1480px) {

.part2-main,.part3-main,.part4-main,.part5-main,.part6-main {    transform: scale(0.75);    transform-origin: center center;}

footer {    bottom: 1%;}

}



@media (max-width: 1200px) {

.part2-main,.part3-main,.part4-main,.part5-main,.part6-main {    transform: scale(1);    transform-origin: center center;}

footer {    bottom: 1%;}
footer>p:nth-child(1){}
footer>p:nth-child(2){ display:none}
footer>p:nth-child(3){ display:none}
footer>p:nth-child(4){ display:none}
}







@media (max-width: 1200px) {



.part1-main{ width:100%; }

.part1 {position: relative;background: url(../images/home/m_video_bg.jpg) no-repeat center bottom / cover;}

.video-font>img{ display:none}

.video-font{ background:url(../images/home/video_font_m.png) no-repeat center center; background-size:contain}



.part2-main{ width:100%; }

.part2 {position: relative;background:url(../images/home/mpart2_bg.jpg) center center no-repeat; background-size:100% 100%;}

.part2-z1{

	display: block;

    width: 100%;

    margin: 0;

    padding: 0;

    right: 0;

    bottom: 0;

}

.part2-z1>img{

    width: 223px;

    height: auto;

    bottom: 0;

    position: inherit;

    right: 0;  

}

.part2-x1{ display:none}

.part2-x2{ width:100%; height:100%}

.part2-x3{    

	padding: 20px;

    width: 100%;

    height: 250px;

    margin-bottom: 150px;

    overflow: hidden;

	display:none;	

}

.part2-x4{ display:none}







.part3-main{ width:100%;margin-top:120px;}

.part3 {position: relative;background:url(../images/home/mpart3_bg.jpg) center center no-repeat; background-size:100% 100%;}

.part3-title{ width:100%; height:auto; text-align:center; margin-bottom:0px;}

.part3-title>img{ width:80%; margin:0 10%}

.part3-main ul li{ width:100%}

.part3-main ul li:nth-child(1){ display:none}

.part3-main ul li:nth-child(2){ display:none}

.part3-main ul li:nth-child(3){ display:none}

.part3-box{ transform: scale(0.7) !important;    transform-origin: center center;}



.part4-main{ width:100%; }

.part4 {position: relative;background:url(../images/home/mpart4_bg.jpg) center center no-repeat; background-size:100% 100%;}

.leetab-bt{margin:0 auto; text-align:center; width:100%;height:100%}

.leetab-bt>a>img{ width:90%;} 

.leetab-bg>img{height: auto;width: 61%;margin-left: -110px;}

.leetabA{width:100%;height:100%; padding:0;top:30%;}

.leetabA>li:nth-child(1){ top: 110px; left:  10px;}

.leetabA>li:nth-child(2){ top: 110px; right: 10px;}

.leetabA>li:nth-child(3){ top: 170px; left:  10px;}

.leetabA>li:nth-child(4){ top: 170px; right: 10px;}

.leetabB{width:100%;height:100%; padding: 0 10px;top:70%;}

.leetabB-li>a>img {width: 100%;height: auto;}

.leetabB-li>a:nth-child(1) { width:40%}

.leetabB-li>a:nth-child(2) { width:40%}











.part5-main{ width:100%; }

.part5 {position: relative;background:url(../images/home/mpart5_bg.jpg) center center no-repeat; background-size:100% 100%;}

.part5-y1{ margin-bottom:0}

.part5-y1>a>img{ width:100%}

.part5-y2{ display:none}

.news-r{ padding:0 0 0 15px;}

.news-r>h6>span{ display:none}

.news-l{ padding:0;}



.part5-y3{ padding:10px}

.part5-y3>ul>a>li {

    padding: 15px 0;

}









.part6-main{ width:100%; height:100%}

.part6 {position: relative;background:url(../images/home/mpart6_bg.jpg) center center no-repeat; background-size:100% 100%;}

.part6-box { width: 100%;   height: 372px;

    margin-top: 50px;}

.part6-box2{ display:none}

.part6-logo {

    padding:27px 100px 31px 100px;

    text-align: center;

}

.part6-logo>img{ width:100%}

.part6-detail{ padding:0; background:none; text-align:center}

















}

