@charset "utf-8";
.M6sector04 li .txt,.M6sector05Nav li,.M6sector05List02Nav li{ 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*/
.M6sector01{ position: relative; width:100%; overflow: hidden; }
.M6sector01>img{ width:100%; display: block; }
.M6sector01 .txt{ position: absolute; left:0; top:0; width:100%; z-index:100; height:100%; }
.M6sector01 .tit{ font-size:60px; color:#ffffff; line-height:1.5; text-align:center; font-weight:bold; }
.M6sector01 .info{ font-size:30px; margin-top:30px; color:#ffffff; line-height:1.5; text-align:center; }
/*1*/

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

.M6tit02 .tit{ color:#ffffff; }
.M6tit02 .info{ color:#ffffff; }

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

/*2*/
.M6sector02{ margin:7% 0; }
.M6sector02List{ overflow: hidden; }
.M6sector02List li{ float: left; width:14.28%; text-align:center;  }
.M6sector02List li .ico{ width:70px; margin:0 auto; border:1px solid #909090; border-radius:10px; }
.M6sector02List li .ico img{ display: block; width:100%; height:auto !important; margin:0; }
.M6sector02List li .tit{ color:#5c5c5c; font-size:16px; line-height:1.5; margin-top:16px; }
.M6sector02List li .tit2{ line-height:3; }
/*2*/

/*3*/
.M6sector03{ position: relative; width:100%; overflow: hidden; }
.M6sector03>img{ width:100%; display: block; }
/*3*/

/*4*/
.M6sector04{ overflow: hidden; margin-top:3%; }
.M6sector04 li{ width:100%; overflow: hidden; position: relative; }
.M6sector04 li .img,.M6sector04 li .txt{ width:50%; }
.M6sector04 li .img img{ display: block; width:100%; margin:0; height:auto !important; }
.M6sector04 li .txt{ position: absolute; top:0; width:50%; height:100%; }
.M6sector04 li .txt .tit{ color:#333335; font-size:48px; font-weight:bold; }
.M6sector04 li .txt .info{ color:#5c5c5c; font-size:20px; margin-top:20px; line-height:2; }

.M6sector04 li .img.fl{ float: left; }
.M6sector04 li .img.fr{ float: right; }

.M6sector04 li .txt.fl{ left:0; padding-left:11%;  }
.M6sector04 li .txt.fr{ right:0; text-align:center; }
/*4*/

/*5*/
.M6sector05{ overflow: hidden; background:#000000 url(../images/M6sector05.jpg) no-repeat center bottom; background-size:cover; }
.M6sector05 .M6tit{ margin-top:7%; }

.M6sector05Main{ margin:7% auto; overflow: hidden; }
.M6sector05Nav{ overflow: hidden; width:230px; float: left; }
.M6sector05Nav li{ cursor:pointer; border-radius:10px; width:100%; float: left; margin:0 0 20px 0; height:60px; line-height:58px; font-size:30px; color:#747474; border:1px solid transparent; }
.M6sector05Nav li span{ margin:0 15px 0 30px; font-size:30px; color:#747474; }
.M6sector05Nav li.on,.M6sector05Nav li:hover{ border-color:#ffffff; color:#ffffff; }
.M6sector05Nav li.on span,.M6sector05Nav li:hover span{ color:#ffffff; }

.M6sector05Tab{ float:right; width:1080px; height:480px; }
.M6sector05Tab .hide{ display:none; height:100%; }
.M6sector05Tab .hide>.flex{ height:100%; }

.M6sector05List01{ overflow: hidden; }
.M6sector05List01 li{ float: left; }
.M6sector05List01 li .tit{ width:200px; float: left; text-align:center; }
.M6sector05List01 li .tit .ico{ margin:140px auto 0 auto; }
.M6sector05List01 li .tit .name{ color:#ffffff; font-size:24px; line-height:2.5; }
.M6sector05List01 li .img{ width:160px; float: left; }
.M6sector05List01 li .img img{ display: block; width:100%; height:auto !important; margin:0; }

.M6sector05List01 li .tit .ico{ width:70px; height:70px; border-radius:50%; }
.M6sector05List01 li .tit .ico01{ background:#545859; }
.M6sector05List01 li .tit .ico02{ background:#fffffc; }
.M6sector05List01 li .tit .ico03{ background:#dfd9c4; }
.M6sector05List01 li .tit .name{ color:#ffffff; font-size:24px; }

.M6sector05List02{ overflow: hidden; }
.M6sector05List02Nav{ width:500px; }
.M6sector05List02Nav .tit{ color:#ffffff; font-size:20px; font-weight:bold; line-height:40px; width:23%; float: left; text-align:center; }
.M6sector05List02Nav ul{ overflow: hidden; width:100%; }
.M6sector05List02Nav li{ cursor:pointer; width:23%; text-align:center; border-radius:10px; line-height:38px; height:40px; border:1px solid transparent; margin-top:20px; margin-right:2%; color:#747474; font-size:18px; float: left; }
.M6sector05List02Nav li:nth-child(4n){ margin-right:0; }
.M6sector05List02Nav li:hover{ color:#ffffff; }
.M6sector05List02Nav li.on{ border-color:#ffffff; color:#ffffff; }

.M6sector05List03{ overflow: hidden; width:80%; margin:0 auto; }
.M6sector05List03 li{ width:33.33%; float: left; }
.M6sector05List03 li .img{ width:170px; margin:0 auto; }
.M6sector05List03 li .img img{ display: block; margin:0; width:100%; height:auto !important; }
.M6sector05List03 li .tit{ color:#ffffff; font-size:20px; line-height:60px; text-align:center; }

.M6sector05List04{ overflow: hidden; }
.M6sector05List04 .img{ float:right; margin-right:25%; }
.M6sector05List04 .img img{ display: block; margin:0; width:auto; height:480px !important; }

.M6sector05List05{ overflow: hidden; width:80%; margin:0 auto; }
.M6sector05List05 li{ float: left; width:33.33%; position: relative; }
.M6sector05List05 li .img{ width:130px; margin:0 auto; }
.M6sector05List05 li .img img{ display: block; margin:0; width:100%; height:auto !important; }
.M6sector05List05 li .tit{ color:#ffffff; font-size:20px; line-height:2; text-align:center; position: absolute; width:100%; left:0; bottom:0; }

.M6sector05List06{ overflow: hidden; }
.M6sector05List06 li{ float: left; width:50%; position: relative; }
.M6sector05List06 li .img{ width:480px; margin:0 auto; }
.M6sector05List06 li .img img{ display: block; margin:0; width:100%; height:auto !important; }
.M6sector05List06 li .tit{ color:#ffffff; font-size:20px; text-align:center; position: absolute; width:100%; left:0; bottom:6%; }
/*5*/

/*6*/
.M6sector06{ margin:7% 0; }
.prodParameters{ 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; }
/*6*/

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

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

.M6tit .tit{ font-size:40px; }
.M6tit .info{ font-size:20px; margin-top:20px; }
.w1400{ width:1260px; }

/*2*/
.M6sector02List li .ico{ width:60px; border-radius:8px; }
.M6sector02List li .tit{ font-size:14px; margin-top:14px; }
/*2*/

/*4*/
.M6sector04 li .txt .tit{ font-size:40px; }
.M6sector04 li .txt .info{ font-size:18px; margin-top:18px; }
/*4*/

/*5*/
.M6sector05Nav{ width:200px; }
.M6sector05Nav li{ border-radius:8px; margin:0 0 15px 0; height:50px; line-height:48px; font-size:24px; }
.M6sector05Nav li span{ margin:0 12px 0 24px; font-size:24px; }

.M6sector05Tab{ width:960px; height:390px; }

.M6sector05List01 li .tit{ width:170px; }
.M6sector05List01 li .tit .ico{ margin-top:110px; }
.M6sector05List01 li .tit .name{ font-size:20px; }
.M6sector05List01 li .img{ width:136px; }

.M6sector05List01 li .tit .ico{ width:60px; height:60px; }
.M6sector05List01 li .tit .name{ font-size:20px; }

.M6sector05List02Nav{ width:420px; }
.M6sector05List02Nav .tit{ font-size:18px; line-height:34px;  }
.M6sector05List02Nav li{ border-radius:8px; line-height:32px; height:34px; margin-top:15px; font-size:16px; }

.M6sector05List03 li .img{ width:136px; }
.M6sector05List03 li .tit{ font-size:18px; line-height:50px; }

.M6sector05List04 .img img{ height:390px !important; }

.M6sector05List05 li .img{ width:108px; }
.M6sector05List05 li .tit{ font-size:18px; }

.M6sector05List06 li .img{ width:400px; }
.M6sector05List06 li .tit{ font-size:18px; }
/*5*/

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

}

@media screen and (max-width: 1440px){
/*1*/
.M6sector01 .tit{ font-size:42px; }
.M6sector01 .info{ font-size:20px; margin-top:20px; }
/*1*/

.M6tit .tit{ font-size:34px; }
.M6tit .info{ font-size:18px; margin-top:18px; }
.w1400{ width:1080px; }

/*2*/
.M6sector02List li .ico{ width:50px; border-radius:5px; }
.M6sector02List li .tit{ font-size:13px; margin-top:13px; }
/*2*/

/*4*/
.M6sector04 li .txt .tit{ font-size:34px; }
.M6sector04 li .txt .info{ font-size:16px; margin-top:16px; }
/*4*/

/*5*/
.M6sector05Nav{ width:170px; }
.M6sector05Nav li{ border-radius:5px; margin:0 0 10px 0; height:40px; line-height:38px; font-size:20px; }
.M6sector05Nav li span{ margin:0 10px 0 20px; font-size:20px; }

.M6sector05Tab{ width:840px; height:300px; }

.M6sector05List01 li .tit{ width:140px; }
.M6sector05List01 li .tit .ico{ margin-top:85px; }
.M6sector05List01 li .tit .name{ font-size:18px; }
.M6sector05List01 li .img{ width:110px; }

.M6sector05List01 li .tit .ico{ width:50px; height:50px; }
.M6sector05List01 li .tit .name{ font-size:18px; }

.M6sector05List02Nav{ width:360px; }
.M6sector05List02Nav .tit{ font-size:16px; line-height:28px;  }
.M6sector05List02Nav li{ border-radius:5px; line-height:26px; height:28px; margin-top:10px; font-size:14px; }

.M6sector05List03 li .img{ width:100px; }
.M6sector05List03 li .tit{ font-size:16px; line-height:40px; }

.M6sector05List04 .img img{ height:300px !important; }

.M6sector05List05 li .img{ width:85px; }
.M6sector05List05 li .tit{ font-size:16px; }

.M6sector05List06 li .img{ width:330px; }
.M6sector05List06 li .tit{ font-size:16px; }
/*5*/

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

}

.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; }