@charset "utf-8";
.M8sector05List li .txt,.M8sector06Nav li,.M8sector063 li .img img,.M8sector065 li .img img,.prodNav .swiper-slide .img.on:after{ box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; -moz-box-sizing: border-box; }

body{ min-width:1310px; font-family: SourceHanSansCN-Bold, SourceHanSansCN;}
.flex{ display: flex; align-items: center;}
.flex>div{ width:100%;}

/*1*/
.M8sector01{ position: relative; width:100%; overflow: hidden; }
.M8sector01>img{ width:100%; display: block; }
.M8sector01 .txt{ position: absolute; left:0; top:0; width:100%; z-index:100; height:100%; }
.M8sector01 .tit{ font-size:60px; color:#ffffff; line-height:1.5; text-align:center; font-weight:bold; }
.M8sector01 .info{ font-size:30px; margin-top:30px; color:#ffffff; line-height:1.5; text-align:center; }
/*1*/

.M8sectorImg{ position: relative; }
.M8sectorImg img{ width:100%; display: block; }

.M8tit{ text-align:center; line-height:1; }
.M8tit .tit{ color:#242425; font-size:48px; font-weight:bold; }
.M8tit .info{ font-size:24px; line-height:1.5; margin-top:36px; }

.M8tit02{ position: absolute; width:100%; left:0; top:14%; }
.M8tit02 .tit{ color:#ffffff; }
.M8tit02 .info{ color:#ffffff; margin-top:48px; }

.M8tit03{ text-align:left; }

.w1400{ width:1400px; margin:0 auto; }

/*5*/
.M8sector05{ margin:7% 0; overflow: hidden; }
.M8sector05List{ position: relative; height:730px; margin-top:5%; }
.M8sector05List li{ position:absolute; }
.M8sector05List li img{ display: block; width:100%; height:auto !important; margin:0; }

.M8sector05List li.li01{ left:0; top:0; width:64%; }
.M8sector05List li.li02{ left:0; bottom:0; width:31.5%; }
.M8sector05List li.li03{ left:32.5%; bottom:0; width:31.5%; }
.M8sector05List li.li04{ right:0; top:0; width:35%; }

.M8sector05List li .txt{ position: absolute; width:100%; left:0; bottom:0; color:#ffffff; padding:30px; }
.M8sector05List li.li01 .txt{ width:70%; }
.M8sector05List li .txt .tit{ font-size:34px; }
.M8sector05List li .txt .info{ font-size:16px; margin-top:16px; line-height:32px; height:64px; }
/*5*/

/*6*/
.M8sector06{ margin:7% 0; }

.M8sector06Main{ overflow: hidden; margin-top:5%; }
.M8sector06Nav{ float: left; width:17%; overflow: hidden; }
.M8sector06Nav li{ cursor:pointer; font-weight:bold; padding-left:48px; height:100px; line-height:100px; color:#cccccc; font-size:24px; float: left; width:100%; border-left:2px solid #dddddd; }
.M8sector06Nav li.on{ color:#333333; border-color:#333333; }

.M8sector06Tab{ width:82%; float:right; }
.M8sector06Tab .hide{ display:none; }

.M8sector061{ height:500px; }
.M8sector061>.flex{ height:100%; }

.M8sector061 .dtit{ margin-bottom:42px; font-size:28px; color:#333333; text-align:center; font-weight:bold; line-height:1; }
.M8sector061 .dtit2{ margin:56px 0 28px 0;}
.M8sector061 .ul01{ width:62%; margin:0 auto; }
.M8sector061 .ul01 li{ float: left; width:33.33%; }
.M8sector061 .ul01 li .img{ width:100px; margin:0 auto; border-radius:50%; overflow: hidden; box-shadow:0 0 10px #cccccc; }
.M8sector061 .ul01 li img{ display: block; width:100%; margin:0; height:auto !important; }
.M8sector061 .ul01 li .tit{ font-size:20px; line-height:1; margin-top:30px; color:#333333; text-align:center; font-weight:bold; }

.M8sector061 .ul02{ width:100%; margin:0 auto; }
.M8sector061 .ul02 li{ float: left; width:25%; }
.M8sector061 .ul02 li .img{ width:260px; margin:0 auto; overflow: hidden; }
.M8sector061 .ul02 li img{ float: left; display: block; width:100px; margin:0 15px; height:auto !important; border-radius:50%; }
.M8sector061 .ul02 li .tit{ font-size:20px; line-height:1; margin-top:30px; color:#333333; text-align:center; font-weight:bold; }


.M8sector062{ height:500px; }
.M8sector062>.flex{ height:100%; }

.M8sector062 ul{ overflow: hidden; }
.M8sector062 li{ float: left; width:48%; margin:0 1%; }
.M8sector062 li .img img{ margin:0; height:auto !important; width:100%; }
.M8sector062 li .tit{ width:94%; margin:0 auto; height:50px; line-height:50px; font-size:24px; color:#ffffff; background:#333333; border-radius:10px; text-align:center; }


.M8sector063{ height:500px; }
.M8sector063>.flex{ height:100%; }

.M8sector063 ul{ overflow: hidden; }
.M8sector063 li{ float: left; width:14.6%; margin-left:2.9%; }
.M8sector063 li .img{ position: relative; overflow: hidden; }
.M8sector063 li img{ height:auto !important; margin:0 auto; display: block; width:100%; border:2px dashed #b09a8c; border-radius:10px; }
.M8sector063 li .img .alt{ position: absolute; left:0; bottom:0; width:100%; color:#3e3e3e; font-size:16px; line-height:4; text-align:center; }
.M8sector063 li:nth-child(1){ width:47.5%; margin-left:0; }
.M8sector063 li .tit{ width:100%; margin:24px auto 0 auto; height:50px; line-height:50px; font-size:24px; color:#ffffff; background:#333333; border-radius:10px; text-align:center; }


.M8sector064{ height:500px; }
.M8sector064>.flex{ height:100%; }

.M8sector064 ul{ overflow: hidden; width:70%; margin:0 auto; }
.M8sector064 li{ float: left; width:50%; }
.M8sector064 li .img{}
.M8sector064 li .img img{ width:300px; margin:0 auto; height:auto !important; display: block; }
.M8sector064 li .tit{ color:#333333; font-size:28px; line-height:1.5; margin-top:28px; text-align:center; font-weight:bold; }


.M8sector065{ height:500px; }
.M8sector065>.flex{ height:100%; }

.M8sector065 ul{ overflow: hidden; }
.M8sector065 ul:nth-child(1){ width:70%; float:left; }
.M8sector065 ul:nth-child(2){ width:28%; float:right; }

.M8sector065 li .img img{ width:auto; margin:0 auto; height:160px !important; display: block; border:2px dashed #b09a8c; border-radius:10px;}
.M8sector065 li .tit{ width:70%; margin:24px auto 0 auto; height:50px; line-height:50px; font-size:24px; color:#ffffff; background:#333333; border-radius:10px; text-align:center; }

.M8sector065 li:nth-child(2){ margin-top:24px; }
/*6*/

/*7*/
.M8sector07{ position: relative; }
.M8sector07 img{ width:100%; display: block; }
.M8sector07 .txt{ position: absolute; height:100%; width:100%; top:0; left:0; color:#ffffff; }
.M8sector07 .txt .tit{ text-align:right; font-size: 60px; color: #ffffff; line-height: 1.5; font-weight:bold; margin-bottom:120px; }
.M8sector07 .txt .btn{ float:right; height:50px; line-height:50px; border-radius:5px; padding:0 30px; border:1px solid #ffffff; font-size:20px; color:#ffffff; }
.M8sector07 .txt .btn:hover{ background:#ffffff; color:#3b1789; }
/*7*/

/*8*/
.M8sector08{ margin:7% 0; }
.M8sector08Nav{ text-align:center; margin-top:3%; }
.M8sector08Nav li{ cursor:pointer; display: inline-block; height:42px; margin:0 2px; line-height:42px; border:1px solid #313639; color:#454545; font-size:16px; padding:0 20px; }
.M8sector08Nav li.on,.y10ProdNav li:hover{ background:#d4af8d; color:#ffffff; border-color:#d4af8d; }

.M8sector08Tab{ margin-top:5%; }
.M8sector08Tab .hide{ height:0; overflow: hidden; }
.M8sector08Tab .hide.on{ height:auto; }

.M8sector08Main{ overflow: hidden; }
.M8sector08Left{ width:50%; float: left; }

.prodMain{ overflow: hidden; display:none; }
.prodMain .txt{ width:50%; float: left; }
.prodMain .txt .tit{ color:#030303; font-size:28px; font-weight:bold; line-height:1; overflow: hidden; margin-bottom:20px; }
.prodMain .txt .tit span{ float: left; border-bottom:2px solid #d4af8d; padding-bottom:20px; }
.prodMain .txt ul li{ padding:16px 0 16px 48px; position:relative; border-bottom:1px solid #e3e4e4; overflow: hidden; line-height:1.5; position:relative; }
.prodMain .txt ul li .ftit{ position:absolute; left:0; top:16px; width:48px; color:#030303; font-weight:bold; font-size:16px; }
.prodMain .txt ul li .text{ font-size:16px; }

.prodMain .wechatImg{ overflow: hidden; margin-top:20px; display:none; }
.prodMain .wechatImg .wimg{ float: left; width:100px; }
.prodMain .wechatImg .wimg img{ display: block; width:100%; }
.prodMain .wechatImg .wtit{ line-height:100px; color:#454545; font-size:16px; margin-left:20px; float: left; }

.prodMain .img{ width:50%; float: left; }
.prodMain .img img{ height:540px; display: block; margin:0 auto; }

.M8sector08Right{ width:50%; float:right; }
.prodNav .swiper-slide{ overflow: hidden; }
.prodNav .swiper-slide .img{ background:#f5f5f5; padding-top:20px; cursor: pointer; float: left; width:23.5%; margin-right:2%; }
.prodNav .swiper-slide .img:nth-child(4n){ margin-right:0; }
.prodNav .swiper-slide .img:nth-child(1),.prodNav .swiper-slide .img:nth-child(2),.prodNav .swiper-slide .img:nth-child(3),.prodNav .swiper-slide .img:nth-child(4){ margin-bottom:2%; }
.prodNav .swiper-slide .tit{ height:50px; line-height:50px; color:#242425; font-size:16px; text-align:center; font-weight:bold; }
.prodNav .swiper-slide img{ height:193px;}
.prodNav .swiper-slide .img.on{ position: relative; }
.prodNav .swiper-slide .img.on:after{ content:""; width:100%; height:100%; position:absolute; left:0; top:0; border:3px solid #d4af8d; }


.banBottom{ height:50px; width:100%; margin-top:3%; position:relative; overflow:hidden; }
.banBottom .prev,.banBottom .next{ cursor: pointer; width:45px; height:50px; position:absolute; top:50%; margin-top:-25px; border:1px solid #dcdcdc; z-index:10; box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box;-ms-box-sizing: border-box; -moz-box-sizing: border-box;}
.banBottom .prev{ left:0; background:#ffffff url(../images/y10_prev.png) no-repeat center center; background-size:cover; }
.banBottom .prev:hover{ background-color:#2aa771; background-image:url(../images/y10_prev2.png); }
.banBottom .next{ right:0; background:#ffffff url(../images/y10_next.png) no-repeat center center; background-size:cover;  }
.banBottom .next:hover{ background-color:#2aa771; background-image:url(../images/y10_next2.png); }

.banBottom .swiper-pagination{ position: static; line-height:0; margin:19px 0; }
.banBottom .swiper-pagination .swiper-pagination-bullet{ width:12px; margin:0 6px; height:12px; opacity:1; background:#404547; }
.banBottom .swiper-pagination .swiper-pagination-bullet-active{ background:#2aa771; }
/*8*/

/*9*/
.heibj{ background:#141219; overflow: hidden; }

.parameters{ margin:7% 0; }
.parameters .tit{ font-size:48px; margin-bottom:48px; color:#ffffff; line-height:1;  font-weight:bold;}

.parametersMain{ overflow:hidden; }
.pleft{ float: left; width:540px; }
.pleft .num{ color:#6f6e72; font-size:24px; line-height:1; }
.pleft .num span{ color:#ffffff; }

.pleft .btn{ overflow: hidden; margin:52px 0;  }
.pleft .btn .prev,.pleft .btn .next{ margin-right:52px; cursor:pointer; width:52px; height:52px; border-radius:50%; float: left; border:1px solid #ffffff; }
.pleft .btn .prev{ background:url(../images/icon_left.png) no-repeat center center; background-size:cover; }
.pleft .btn .prev:hover{ background-color:#ffffff; background-image:url(../images/icon_left1.png); }

.pleft .btn .next{ background:url(../images/icon_right.png) no-repeat center center; background-size:cover; }
.pleft .btn .next:hover{ background-color:#ffffff; background-image:url(../images/icon_right1.png); }

.parametersTxt{}
.parametersTxt li{ display: none; }
.parametersTxt .name{ font-size:34px; margin-bottom:34px; font-weight:bold; color:#ffffff; line-height:1; }
.parametersTxt .text{}
.parametersTxt .text .info{ overflow: hidden; border-bottom:1px solid #434147; line-height:40px; padding:10px 0; font-size:18px; }
.parametersTxt .text span{ color:#c9c9c9; float: left; }
.parametersTxt .text p{ color:#ffffff; width:100%; padding-left:120px; }

.pright{ float: right; width:760px; }
.parametersImg{ width:100%; border-radius:5px; overflow: hidden; }
.pright img{ display: block; width:100%; }
/*9*/

/*10*/
.M8sector10{ margin:7% 0; }
.prodParameters{ margin-top:5%; background:#f7f7f7; overflow: hidden; padding:3% 0; }
.prodParameters ul{ overflow:hidden; float:left; width:50%; }
.prodParameters ul li{ float:left; width:100%; overflow: hidden; font-size:16px; line-height:40px; }
.prodParameters ul li .name{ float:left; width:27%; color:#1a1a1a; font-weight:bold; text-align:right; }
.prodParameters ul li .text{ float:right; width:69%; color:#707070; }
/*10*/

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

/*1*/
.M8sector01 .tit{ font-size:50px; }
.M8sector01 .info{ font-size:24px; margin-top:24px; }
/*1*/

.M8tit .tit{ font-size:40px; }
.M8tit .info{ font-size:20px; margin-top:30px; }
.M8tit02 .info{ margin-top:40px; }


.w1400{ width:1260px; }

/*5*/
.M8sector05List{ height:657px; }

.M8sector05List li .txt{ padding:25px; }
.M8sector05List li .txt .tit{ font-size:28px; }
.M8sector05List li .txt .info{ font-size:14px; margin-top:14px; line-height:28px; height:56px; }
/*5*/

/*6*/
.M8sector06Nav li{ padding-left:40px; height:85px; line-height:85px; font-size:20px; }


.M8sector061{ height:425px; }

.M8sector061 .dtit{ margin-bottom:36px; font-size:24px; }
.M8sector061 .dtit2{ margin:48px 0 24px 0;}
.M8sector061 .ul01 li .img{ width:85px; box-shadow:0 0 8px #cccccc; }
.M8sector061 .ul01 li .tit{ font-size:18px; margin-top:27px; }

.M8sector061 .ul02 li .img{ width:218px; }
.M8sector061 .ul02 li img{ width:85px; margin:0 12px; }
.M8sector061 .ul02 li .tit{ font-size:18px; margin-top:27px;  }


.M8sector062{ height:425px; }
.M8sector062 li{ width:46%; margin:0 2%; }
.M8sector062 li .tit{ height:40px; line-height:40px; font-size:20px; border-radius:8px; }

.M8sector063{ height:425px; }
.M8sector063 li img{ border-radius:8px; }
.M8sector063 li .img .alt{ font-size:14px; }
.M8sector063 li .tit{ margin-top:20px; height:40px; line-height:40px; font-size:20px; border-radius:8px; }

.M8sector064{ height:425px; }
.M8sector064 li .img img{ width:250px; }
.M8sector064 li .tit{ font-size:24px; margin-top:24px; }

.M8sector065{ height:425px; }
.M8sector065 li .img img{ height:136px !important; border-radius:8px; }
.M8sector065 li .tit{ margin-top:20px; height:40px; line-height:40px; font-size:20px; border-radius:8px; }
.M8sector065 li:nth-child(2){ margin-top:20px; }
/*6*/

/*7*/
.M8sector07 .txt .tit{ font-size: 50px; margin-bottom:100px; }
.M8sector07 .txt .btn{ height:40px; line-height:40px; padding:0 27px; font-size:18px; }
/*7*/


/*8*/
.M8sector08Nav li{ height:36px; line-height:36px; font-size:14px; padding:0 17px; }

.prodMain .txt .tit{ font-size:24px; margin-bottom:17px; }
.prodMain .txt .tit span{ padding-bottom:17px; }
.prodMain .txt ul li{ padding:14px 0 14px 42px; }
.prodMain .txt ul li .ftit{ top:14px; width:42px; font-size:14px; }
.prodMain .txt ul li .text{ font-size:14px; }

.prodMain .wechatImg{ margin-top:17px; }
.prodMain .wechatImg .wimg{ width:85px; }
.prodMain .wechatImg .wtit{ line-height:85px; font-size:14px; margin-left:17px; }
.prodMain .img img{ height:460px; }

.prodNav .swiper-slide .img{ padding-top:17px; }
.prodNav .swiper-slide .tit{ height:40px; line-height:40px; font-size:14px; }
.prodNav .swiper-slide img{ height:167px;}


.banBottom{ height:42px; }
.banBottom .prev,.banBottom .next{ width:40px; height:42px; margin-top:-21px; }
.banBottom .swiper-pagination{ margin-top:16px; }
.banBottom .swiper-pagination .swiper-pagination-bullet{ width:10px; margin:0 5px; height:10px; }
/*8*/


/*9*/
.parameters .tit{ font-size:40px; margin-bottom:40px; }
.pleft{ width:500px; }
.pleft .num{ font-size:20px; }

.pleft .btn{ margin:42px 0;  }
.pleft .btn .prev,.pleft .btn .next{ margin-right:42px; width:42px; height:42px; }

.parametersTxt .name{ font-size:28px; margin-bottom:28px; }
.parametersTxt .text .info{ line-height:34px; padding:8px 0; font-size:16px; }
.parametersTxt .text p{ padding-left:100px; }

.pright{ width:640px; }
/*9*/

/*10*/
.prodParameters ul li{ font-size:14px; line-height:34px; }
/*10*/
}


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

/*1*/
.M8sector01 .tit{ font-size:42px; }
.M8sector01 .info{ font-size:20px; margin-top:20px; }
/*1*/

.M8tit .tit{ font-size:34px; }
.M8tit .info{ font-size:18px; margin-top:27px; }
.M8tit02 .info{ margin-top:36px; }

.w1400{ width:1080px; }

/*5*/
.M8sector05List{ height:563px; }

.M8sector05List li .txt{ padding:20px; }
.M8sector05List li .txt .tit{ font-size:24px; }
/*5*/

/*6*/
.M8sector06Nav li{ padding-left:36px; height:70px; line-height:70px; font-size:18px; }


.M8sector061{ height:350px; }

.M8sector061 .dtit{ margin-bottom:30px; font-size:20px; }
.M8sector061 .dtit2{ margin:40px 0 20px 0;}
.M8sector061 .ul01 li .img{ width:70px; box-shadow:0 0 7px #cccccc; }
.M8sector061 .ul01 li .tit{ font-size:16px; margin-top:24px; }

.M8sector061 .ul02 li .img{ width:180px; }
.M8sector061 .ul02 li img{ width:70px; margin:0 10px; }
.M8sector061 .ul02 li .tit{ font-size:16px; margin-top:24px;  }


.M8sector062{ height:350px; }
.M8sector062 li{ width:43%; margin:0 3.5%; }
.M8sector062 li .tit{ height:34px; line-height:34px; font-size:18px; border-radius:5px; }

.M8sector063{ height:350px; }
.M8sector063 li img{ border-radius:5px; }
.M8sector063 li .img .alt{ font-size:13px; }
.M8sector063 li .tit{ margin-top:18px; height:34px; line-height:34px; font-size:18px; border-radius:5px; }

.M8sector064{ height:350px; }
.M8sector064 li .img img{ width:210px; }
.M8sector064 li .tit{ font-size:20px; margin-top:20px; }

.M8sector065{ height:350px; }
.M8sector065 li .img img{ height:110px !important; border-radius:5px; }
.M8sector065 li .tit{ margin-top:18px; height:34px; line-height:34px; font-size:18px; border-radius:5px; }
.M8sector065 li:nth-child(2){ margin-top:18px; }
/*6*/

/*7*/
.M8sector07 .txt .tit{ font-size:42px; margin-bottom:84px; }
.M8sector07 .txt .btn{ height:34px; line-height:34px; padding:0 24px; font-size:16px; }
/*7*/

/*8*/
.M8sector08Nav li{ padding:0 14px; }

.prodMain .txt .tit{ font-size:20px; margin-bottom:14px; }
.prodMain .txt .tit span{ padding-bottom:14px; }
.prodMain .txt ul li{ padding:14px 0 14px 42px; }

.prodMain .wechatImg{ margin-top:14px; }
.prodMain .img img{ height:390px; }

.prodNav .swiper-slide .img{ padding-top:14px; }
.prodNav .swiper-slide img{ height:136px;}

.banBottom{ height:36px; }
.banBottom .prev,.banBottom .next{ width:34px; height:36px; margin-top:-18px; }
.banBottom .swiper-pagination{ margin-top:12px; }
/*8*/

/*9*/
.parameters .tit{ font-size:34px; margin-bottom:34px; }
.pleft{ width:420px; }
.pleft .num{ font-size:18px; }

.parametersTxt .name{ font-size:24px; margin-top:24px; }
.parametersTxt .text .info{ line-height:28px; padding:5px 0; font-size:14px; }
.parametersTxt .text p{ padding-left:85px; }

.pright{ width:560px; }
/*9*/

/*10*/
.prodParameters ul li{ font-size:12px; line-height:28px; }
/*10*/

}

.delay2{ -webkit-animation-delay:.2s; animation-delay:.2s; -moz-animation-delay:.2s; -o-animation-delay:.2s; -ms-animation-delay:.2s; }
.delay3{ -webkit-animation-delay:.4s; animation-delay:.4s; -moz-animation-delay:.4s; -o-animation-delay:.4s; -ms-animation-delay:.4s; }
.delay4{ -webkit-animation-delay:.6s; animation-delay:.6s; -moz-animation-delay:.6s; -o-animation-delay:.6s; -ms-animation-delay:.6s; }
.delay5{ -webkit-animation-delay:.8s; animation-delay:.8s; -moz-animation-delay:.8s; -o-animation-delay:.8s; -ms-animation-delay:.8s; }
.delay6{ -webkit-animation-delay:1s; animation-delay:1s; -moz-animation-delay:1s; -o-animation-delay:1s; -ms-animation-delay:1s; }
.delay7{ -webkit-animation-delay:1.2s; animation-delay:1.2s; -moz-animation-delay:1.2s; -o-animation-delay:1.2s; -ms-animation-delay:1.2s; }

.animated{opacity: 0; }
.zoomIn.animated{opacity: 1; }